@@ -47,13 +47,12 @@ const tokens = {
47
47
48
48
const config = {
49
49
plugins: [
50
- /* ...other plugins... */
51
- postcssDesignTokenUtils (
52
- tokens, // Tokens
53
- {
54
- /* pluginOptions */
55
- },
56
- ),
50
+ /* ...Other plugins... */
51
+
52
+ postcssDesignTokenUtils ({
53
+ tokens,
54
+ /* Plugin options */
55
+ }),
57
56
],
58
57
};
59
58
```
@@ -116,7 +115,8 @@ const tokens = {
116
115
117
116
const config = {
118
117
plugins: [
119
- postcssDesignTokenUtils (tokens, {
118
+ postcssDesignTokenUtils ({
119
+ tokens,
120
120
customProperties: [
121
121
{ id: " darkThemeColor" , prefix: " color" , group: " dark" },
122
122
],
@@ -189,7 +189,8 @@ const tokens = {
189
189
190
190
const config = {
191
191
plugins: [
192
- postcssDesignTokenUtils (tokens, {
192
+ postcssDesignTokenUtils ({
193
+ tokens,
193
194
utilityClasses: [
194
195
{
195
196
id: " color" ,
@@ -251,7 +252,8 @@ We need to provide breakpoints and specify which classes need responsive variant
251
252
252
253
const config = {
253
254
plugins: [
254
- postcssDesignTokenUtils (tokens, {
255
+ postcssDesignTokenUtils ({
256
+ tokens,
255
257
breakpoints: {
256
258
sm: " 320px" , // 👈 Added break points
257
259
md: " 640px" ,
@@ -335,7 +337,8 @@ const token = {
335
337
336
338
const config = {
337
339
plugins: [
338
- postcssDesignTokenUtils (tokens, {
340
+ postcssDesignTokenUtils ({
341
+ tokens,
339
342
utilityClasses: [
340
343
{
341
344
id: " color.gray" ,
0 commit comments