docs(readme): updates example to show new options

saneef · Apr 24, 2024 · 6a87fc7 · 6a87fc7
1 parent 0ae1cef
commit 6a87fc7
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -48,12 +48,10 @@ const tokens = {
 const config = {
   plugins: [
     /* ...other plugins... */
-    postcssDesignTokenUtils(
+    postcssDesignTokenUtils({
       tokens, // Tokens
-      {
-        /* pluginOptions */
-      },
-    ),
+      /* pluginOptions */
+    }),
   ],
 };
 ```
@@ -116,7 +114,8 @@ const tokens = {
 
 const config = {
   plugins: [
-    postcssDesignTokenUtils(tokens, {
+    postcssDesignTokenUtils({
+      tokens,
       customProperties: [
         { id: "darkThemeColor", prefix: "color", group: "dark" },
       ],
@@ -189,7 +188,8 @@ const tokens = {
 
 const config = {
   plugins: [
-    postcssDesignTokenUtils(tokens, {
+    postcssDesignTokenUtils({
+      tokens,
       utilityClasses: [
         {
           id: "color",
@@ -251,7 +251,8 @@ We need to provide breakpoints and specify which classes need responsive variant
 
 const config = {
   plugins: [
-    postcssDesignTokenUtils(tokens, {
+    postcssDesignTokenUtils({
+      tokens,
       breakpoints: {
         sm: "320px", // 👈 Added break points
         md: "640px",
@@ -335,7 +336,8 @@ const token = {
 
 const config = {
   plugins: [
-    postcssDesignTokenUtils(tokens, {
+    postcssDesignTokenUtils({
+      tokens,
       utilityClasses: [
         {
           id: "color.gray",