npm - atomsystem - Versions diffs - 0.1.16 → 0.1.18 - Mend

atomsystem 0.1.16 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/app/templates/Button/Button.tsx +6 -6
package/app/templates/Card/Card.tsx +1 -1
package/app/templates/CodeBlock/CodeBlock.tsx +28 -6
package/app/templates/GlobalNav/GlobalNav.tsx +30 -38
package/app/templates/Input/Input.tsx +123 -119
package/app/templates/TOC/TOC.tsx +60 -0
package/app/templates/Tab/Tab.tsx +93 -0
package/app/templates/Theme/Theme.tsx +22 -22
package/app/templates/Toast/Toast.tsx +106 -0
package/cli/init.js +1 -16
package/package.json +58 -51
package/token.json +154 -1115
package/tailwind.config.ts +0 -160
package/tokens/buildMergeCss.js +0 -87
package/tokens/buildTokenSplit.js +0 -81
package/tokens/setorder/token_dark.json +0 -390
package/tokens/setorder/token_digitalFont.json +0 -6
package/tokens/setorder/token_global.json +0 -888
package/tokens/token/dark.json +0 -904
package/tokens/token/digitalFont.json +0 -882
package/tokens/token/global.json +0 -882
package/tokens/token/inputCircle.json +0 -888
package/tokens/token/inputStandard.json +0 -888
package/tokens/token/standard.json +0 -976

package/token.json CHANGED Viewed

@@ -1,1179 +1,218 @@
 {
-  "global": {
-    "black": {
-      "50": {
-        "value": "#5A5A5A",
-        "type": "color"
-      },
-      "100": {
-        "value": "#555555",
-        "type": "color"
-      },
-      "200": {
-        "value": "#4A4A4A",
-        "type": "color"
-      },
-      "300": {
-        "value": "#444444",
-        "type": "color"
-      },
-      "400": {
-        "value": "#3A3A3A",
-        "type": "color"
-      },
-      "500": {
-        "value": "#333333",
-        "type": "color"
-      },
-      "600": {
-        "value": "#2A2A2A",
-        "type": "color"
-      },
-      "700": {
-        "value": "#222222",
-        "type": "color"
-      },
-      "800": {
-        "value": "#1A1A1A",
-        "type": "color"
-      },
-      "900": {
-        "value": "#111111",
-        "type": "color"
-      }
-    },
-    "gray": {
-      "50": {
-        "value": "#BBBBBB",
-        "type": "color"
-      },
-      "100": {
-        "value": "#B3B3B3",
-        "type": "color"
-      },
-      "200": {
-        "value": "#9E9E9E",
-        "type": "color"
-      },
-      "300": {
-        "value": "#999999",
-        "type": "color"
-      },
-      "400": {
-        "value": "#8E8E8E",
-        "type": "color"
-      },
-      "500": {
-        "value": "#888888",
-        "type": "color"
-      },
-      "600": {
-        "value": "#7E7E7E",
-        "type": "color"
-      },
-      "700": {
-        "value": "#777777",
-        "type": "color"
-      },
-      "800": {
-        "value": "#6E6E6E",
-        "type": "color"
-      },
-      "900": {
-        "value": "#666666",
-        "type": "color"
-      }
-    },
-    "white": {
-      "50": {
-        "value": "#FAFAFA",
-        "type": "color"
-      },
-      "100": {
-        "value": "#F5F5F5",
-        "type": "color"
-      },
-      "200": {
-        "value": "#F0F0F0",
-        "type": "color"
-      },
-      "300": {
-        "value": "#EBEBEB",
-        "type": "color"
-      },
-      "400": {
-        "value": "#E6E6E6",
-        "type": "color"
-      },
-      "500": {
-        "value": "#E0E0E0",
-        "type": "color"
-      },
-      "600": {
-        "value": "#DBDBDB",
-        "type": "color"
-      },
-      "700": {
-        "value": "#D6D6D6",
-        "type": "color"
-      },
-      "800": {
-        "value": "#D1D1D1",
-        "type": "color"
-      },
-      "900": {
-        "value": "#CCCCCC",
-        "type": "color"
-      }
-    },
-    "blue": {
-      "50": {
-        "value": "#F6F8FD",
-        "type": "color"
-      },
-      "100": {
-        "value": "#CCD7F5",
-        "type": "color"
-      },
-      "200": {
-        "value": "#A1B6ED",
-        "type": "color"
-      },
-      "300": {
-        "value": "#7795E4",
-        "type": "color"
-      },
-      "400": {
-        "value": "#4C73DC",
-        "type": "color"
-      },
-      "500": {
-        "value": "#2855CC",
-        "type": "color"
-      },
-      "600": {
-        "value": "#2044A2",
-        "type": "color"
-      },
-      "700": {
-        "value": "#183277",
-        "type": "color"
-      },
-      "800": {
-        "value": "#0F204D",
-        "type": "color"
-      },
-      "900": {
-        "value": "#070E22",
-        "type": "color"
-      }
-    },
-    "green": {
-      "50": {
-        "value": "#F7FDF7",
-        "type": "color"
-      },
-      "100": {
-        "value": "#CEF3CE",
-        "type": "color"
-      },
-      "200": {
-        "value": "#A5E8A5",
-        "type": "color"
-      },
-      "300": {
-        "value": "#7DDE7D",
-        "type": "color"
-      },
-      "400": {
-        "value": "#54D454",
-        "type": "color"
-      },
-      "500": {
-        "value": "#31C331",
-        "type": "color"
-      },
-      "600": {
-        "value": "#279B27",
-        "type": "color"
-      },
-      "700": {
-        "value": "#1D721D",
-        "type": "color"
-      },
-      "800": {
-        "value": "#124912",
-        "type": "color"
-      },
-      "900": {
-        "value": "#08210A",
-        "type": "color"
-      }
-    },
-    "red": {
-      "50": {
-        "value": "#FDF7F7",
-        "type": "color"
-      },
-      "100": {
-        "value": "#F6DADA",
-        "type": "color"
-      },
-      "200": {
-        "value": "#EDB0B0",
-        "type": "color"
-      },
-      "300": {
-        "value": "#E48787",
-        "type": "color"
-      },
-      "400": {
-        "value": "#DA5D5D",
-        "type": "color"
-      },
-      "500": {
-        "value": "#D13434",
-        "type": "color"
-      },
-      "600": {
-        "value": "#AF2828",
-        "type": "color"
-      },
-      "700": {
-        "value": "#891F1F",
-        "type": "color"
-      },
-      "800": {
-        "value": "#641717",
-        "type": "color"
-      },
-      "900": {
-        "value": "#3E0E0E",
-        "type": "color"
-      }
-    },
-    "brand": {
-      "primary": {
-        "value": "{blue.500}",
-        "type": "color"
-      },
-      "secondary": {
-        "value": "{blue.800}",
-        "type": "color"
-      }
-    },
-    "system": {
-      "success": {
-        "value": "{green.500}",
-        "type": "color"
-      },
-      "danger": {
-        "value": "{red.500}",
-        "type": "color"
-      },
-      "info": {
-        "value": "{black.500}",
-        "type": "color"
-      }
-    },
-    "fill": {
-      "wrapper": {
-        "value": "{white.200}",
-        "type": "color"
-      },
-      "card": {
-        "value": "{white.50}",
-        "type": "color"
-      },
-      "border": {
-        "value": "{white.900}",
-        "type": "color"
-      },
-      "info": {
-        "value": "{white.300}",
-        "type": "color"
-      }
-    },
-    "button": {
-      "text": {
-        "value": "{white.50}",
-        "type": "color"
-      },
-      "primary": {
-        "standard": {
-          "background": {
-            "value": "{brand.primary}",
-            "type": "color"
-          }
-        },
-        "hover": {
-          "background": {
-            "value": "{blue.600}",
-            "type": "color"
-          }
-        },
-        "disabled": {
-          "background": {
-            "value": "{blue.100}",
-            "type": "color"
-          }
-        }
-      },
-      "secondary": {
-        "standard": {
-          "background": {
-            "value": "{brand.secondary}",
-            "type": "color"
-          }
-        },
-        "hover": {
-          "background": {
-            "value": "{blue.900}",
-            "type": "color"
-          }
-        },
-        "disabled": {
-          "background": {
-            "value": "{blue.200}",
-            "type": "color"
-          }
-        }
-      },
-      "success": {
-        "standard": {
-          "background": {
-            "value": "{system.success}",
-            "type": "color"
-          }
-        },
-        "hover": {
-          "background": {
-            "value": "{green.600}",
-            "type": "color"
-          }
-        },
-        "disabled": {
-          "background": {
-            "value": "{green.200}",
-            "type": "color"
-          }
-        }
-      },
-      "danger": {
-        "standard": {
-          "background": {
-            "value": "{system.danger}",
-            "type": "color"
-          }
-        },
-        "hover": {
-          "background": {
-            "value": "{red.600}",
-            "type": "color"
-          }
-        },
-        "disabled": {
-          "background": {
-            "value": "{red.100}",
-            "type": "color"
-          }
-        }
-      },
-      "gray": {
-        "standard": {
-          "background": {
-            "value": "{system.info}",
-            "type": "color"
-          }
-        },
-        "hover": {
-          "background": {
-            "value": "{black.600}",
-            "type": "color"
-          }
-        },
-        "disabled": {
-          "background": {
-            "value": "{black.100}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "icon": {
-      "xs": {
-        "value": "16",
-        "type": "sizing"
-      },
-      "sm": {
-        "value": "24",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "32",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "48",
-        "type": "sizing"
-      },
-      "xl": {
-        "value": "80",
-        "type": "sizing"
-      }
-    },
-    "element": {
-      "xxs": {
-        "value": "160",
-        "type": "sizing"
-      },
-      "xs": {
-        "value": "240",
-        "type": "sizing"
-      },
-      "sm": {
-        "value": "320",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "480",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "640",
-        "type": "sizing"
-      },
-      "xl": {
-        "value": "960",
-        "type": "sizing"
-      },
-      "2xl": {
-        "value": "1280",
-        "type": "sizing"
-      },
-      "3xl": {
-        "value": "1920",
-        "type": "sizing"
-      },
-      "4xl": {
-        "value": "2560",
-        "type": "sizing"
+  "color": {
+    "primary": { "value": "#2196f3", "type": "color" },
+    "border": {
+      "value": {
+        "light": "#ccc",
+        "dark": "#444"
       },
-      "5xl": {
-        "value": "3840",
-        "type": "sizing"
-      }
-    },
-    "spacing-nogap": {
-      "value": "0",
-      "type": "spacing"
-    },
-    "spacing-xs": {
-      "value": "4",
-      "type": "spacing"
-    },
-    "spacing-sm": {
-      "value": "8",
-      "type": "spacing"
-    },
-    "spacing-md": {
-      "value": "16",
-      "type": "spacing"
-    },
-    "spacing-lg": {
-      "value": "24",
-      "type": "spacing"
-    },
-    "spacing-xl": {
-      "value": "48",
-      "type": "spacing"
-    },
-    "spacing-2xl": {
-      "value": "120",
-      "type": "spacing"
+      "type": "color"
+    }
+  },
+  "global": {
+    "rounded": {
+      "value": 4,
+      "type": "borderRadius"
     },
-    "spacing-3xl": {
-      "value": "240",
+    "padding-x": {
+      "value": 12,
       "type": "spacing"
     },
-    "spacing-4xl": {
-      "value": "320",
+    "padding-y": {
+      "value": 8,
       "type": "spacing"
+    }
+  },
+  "text": {
+    "h1": {
+      "value": 32,
+      "type": "typography"
     },
-    "MainTitle": {
-      "value": "Spoqa Han Sans Neo",
-      "type": "fontFamilies"
-    },
-    "Thin": {
-      "value": "100",
-      "type": "fontWeights"
-    },
-    "Extra Light": {
-      "value": "200",
-      "type": "fontWeights"
-    },
-    "Light": {
-      "value": "300",
-      "type": "fontWeights"
-    },
-    "Normal": {
-      "value": "400",
-      "type": "fontWeights"
-    },
-    "Bold": {
-      "value": "700",
-      "type": "fontWeights"
-    },
-    "Medium": {
-      "value": "500",
-      "type": "fontWeights"
-    },
-    "Semi Bold": {
-      "value": "600",
-      "type": "fontWeights"
-    },
-    "Extra Bold": {
-      "value": "800",
-      "type": "fontWeights"
-    },
-    "Black": {
-      "value": "900",
-      "type": "fontWeights"
-    },
-    "desktop": {
-      "h1": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "48",
-          "lineHeight": "64"
-        },
-        "type": "typography"
-      },
-      "h2": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "40",
-          "lineHeight": "50"
-        },
-        "type": "typography"
-      },
-      "h3": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "32",
-          "lineHeight": "48"
-        },
-        "type": "typography"
-      },
-      "h4": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "24",
-          "lineHeight": "36"
-        },
-        "type": "typography"
-      },
-      "h5": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "20",
-          "lineHeight": "30"
-        },
-        "type": "typography"
-      },
-      "h6": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "18",
-          "lineHeight": "24"
-        },
-        "type": "typography"
-      },
-      "body-base": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "16",
-          "lineHeight": "24"
-        },
-        "type": "typography"
-      },
-      "body-lg": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "18",
-          "lineHeight": "24"
-        },
-        "type": "typography"
-      },
-      "body-sm": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "14",
-          "lineHeight": "20"
-        },
-        "type": "typography"
-      },
-      "small": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "12",
-          "lineHeight": "18"
-        },
-        "type": "typography"
-      },
-      "small-extra": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "10",
-          "lineHeight": "16"
-        },
-        "type": "typography"
-      }
-    },
-    "mobile": {
-      "h1": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "32",
-          "lineHeight": "48"
-        },
-        "type": "typography"
-      },
-      "h2": {
-        "value": {
-          "fontSize": "28",
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "lineHeight": "40"
-        },
-        "type": "typography"
-      },
-      "h3": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "24",
-          "lineHeight": "32"
-        },
-        "type": "typography"
-      },
-      "h4": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "20",
-          "lineHeight": "28"
-        },
-        "type": "typography"
-      },
-      "h5": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "18",
-          "lineHeight": "24"
-        },
-        "type": "typography"
-      },
-      "h6": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Bold}",
-          "fontSize": "16",
-          "lineHeight": "24"
-        },
-        "type": "typography"
-      },
-      "body-lg": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "16",
-          "lineHeight": "24"
-        },
-        "type": "typography"
-      },
-      "body-base": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "14",
-          "lineHeight": "20"
-        },
-        "type": "typography"
-      },
-      "body-sm": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "12",
-          "lineHeight": "18"
-        },
-        "type": "typography"
-      },
-      "small": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "10",
-          "lineHeight": "16"
-        },
-        "type": "typography"
-      },
-      "small-extra": {
-        "value": {
-          "fontFamily": "{MainTitle}",
-          "fontWeight": "{Normal}",
-          "fontSize": "8",
-          "lineHeight": "14"
-        },
-        "type": "typography"
-      }
-    },
-    "rounded-common": {
-      "value": "{rounded-xs}",
-      "type": "borderRadius"
-    },
-    "rounded-none": {
-      "value": "0",
-      "type": "borderRadius"
-    },
-    "rounded-xs": {
-      "value": "4",
-      "type": "borderRadius"
-    },
-    "rounded-sm": {
-      "value": "8",
-      "type": "borderRadius"
+    "h1-line-height": {
+      "value": 48,
+      "type": "typography"
     },
-    "rounded-md": {
-      "value": "16",
-      "type": "borderRadius"
+    "h-weight": {
+      "value": "bold",
+      "type": "typography"
     },
-    "rounded-lg": {
-      "value": "24",
-      "type": "borderRadius"
+    "h2": {
+      "value": 24,
+      "type": "typography"
     },
-    "rounded-full": {
-      "value": "1000",
-      "type": "borderRadius"
+    "h2-line-height": {
+      "value": 36,
+      "type": "typography"
     },
-    "shadow-none": {
-      "value": {
-        "x": "0",
-        "y": "0",
-        "blur": "0",
-        "spread": "0",
-        "color": "#000000",
-        "type": "dropShadow"
-      },
-      "type": "boxShadow"
+    "h3": {
+      "value": 16,
+      "type": "typography"
     },
-    "shadow-xs": {
-      "value": {
-        "x": "2",
-        "y": "2",
-        "blur": "8",
-        "spread": "0",
-        "color": "rgba(0,0,0,0.16)",
-        "type": "dropShadow"
-      },
-      "type": "boxShadow"
+    "h3-line-height": {
+      "value": 24,
+      "type": "typography"
     },
-    "shadow-sm": {
+    "standard": {
       "value": {
-        "x": "4",
-        "y": "4",
-        "blur": "16",
-        "spread": "0",
-        "color": "rgba(0,0,0,0.16)",
-        "type": "dropShadow"
+        "light": "#333",
+        "dark": "#ccc"
       },
-      "type": "boxShadow"
+      "type": "color"
     },
-    "shadow-md": {
+    "sub": {
       "value": {
-        "x": "8",
-        "y": "8",
-        "blur": "32",
-        "spread": "0",
-        "color": "rgba(0,0,0,0.16)",
-        "type": "dropShadow"
+        "light": "#666",
+        "dark": "#999"
       },
-      "type": "boxShadow"
-    },
-    "shadow-lg": {
+      "type": "color"
+    }
+  },
+  "background": {
+    "card": {
       "value": {
-        "x": "16",
-        "y": "16",
-        "blur": "64",
-        "spread": "0",
-        "color": "rgba(0,0,0,0.16)",
-        "type": "dropShadow"
-      },
-      "type": "boxShadow"
+        "light": "#fafafa",
+        "dark": "#222222"
+      }
     },
-    "shadow-xl": {
+    "wrapper": {
       "value": {
-        "x": "24",
-        "y": "24",
-        "blur": "120",
-        "spread": "0",
-        "color": "rgba(0,0,0,0.16)",
-        "type": "dropShadow"
-      },
-      "type": "boxShadow"
-    },
-    "visible": {
-      "value": "1",
-      "type": "opacity"
-    },
-    "opacity-90": {
-      "value": "0.9",
-      "type": "opacity"
-    },
-    "opacity-80": {
-      "value": "0.8",
-      "type": "opacity"
-    },
-    "opacity-70": {
-      "value": "0.7",
-      "type": "opacity"
-    },
-    "opacity-60": {
-      "value": "0.6",
-      "type": "opacity"
-    },
-    "opacity-50": {
-      "value": "0.5",
-      "type": "opacity"
-    },
-    "opacity-40": {
-      "value": "0.4",
-      "type": "opacity"
-    },
-    "opacity-30": {
-      "value": "0.3",
-      "type": "opacity"
-    },
-    "opacity-20": {
-      "value": "0.2",
-      "type": "opacity"
-    },
-    "opacity-10": {
-      "value": "0.1",
-      "type": "opacity"
-    },
-    "invisible": {
-      "value": "0",
-      "type": "opacity"
+        "light": "#e6e6e6",
+        "dark": "#111111"
+      }
     }
   },
-  "standard": {
-    "fill": {
-      "wrapper": {
-        "value": "{white.200}",
-        "type": "color"
-      },
-      "card": {
-        "value": "{white.50}",
+  "input": {
+    "background": {
+      "standard": {
+        "value": {
+          "light": "#fff",
+          "dark": "#333"
+        },
         "type": "color"
       },
-      "border": {
-        "value": "{white.900}",
+      "hover": {
+        "value": {
+          "light": "#f5f5f5",
+          "dark": "#444"
+        },
         "type": "color"
       },
-      "info": {
-        "value": "{white.300}",
+      "disabled": {
+        "value": {
+          "light": "#e6e6e6",
+          "dark": "#555"
+        },
         "type": "color"
       }
     },
     "text": {
       "standard": {
-        "value": "{black.500}",
-        "type": "color"
-      },
-      "sub": {
-        "value": "{gray.900}",
-        "type": "color"
-      },
-      "reverse": {
-        "value": "{white.200}",
-        "type": "color"
-      },
-      "sub-reverse": {
-        "value": "{white.500}",
-        "type": "color"
-      }
-    },
-    "card": {
-      "background": {
-        "value": "{fill.card}",
-        "type": "color"
-      },
-      "border": {
-        "value": "{fill.border}",
-        "type": "color"
-      },
-      "shadow": {
-        "value": "{shadow-xs}",
-        "type": "other"
-      }
-    },
-    "table": {
-      "header": {
-        "value": "{black.600}",
-        "type": "color"
-      }
-    },
-    "input": {
-      "text-value": {
-        "value": "{text.standard}",
-        "type": "color"
-      },
-      "text-placeholder": {
-        "value": "{gray.100}",
-        "type": "color"
-      },
-      "text-success": {
-        "value": "{brand.primary}",
-        "type": "color"
-      },
-      "text-error": {
-        "value": "{system.danger}",
-        "type": "color"
-      },
-      "background-standard": {
-        "value": "{fill.card}",
-        "type": "color"
-      },
-      "background-value": {
-        "value": "{white.100}",
-        "type": "color"
-      },
-      "background-success": {
-        "value": "{blue.50}",
-        "type": "color"
-      },
-      "background-error": {
-        "value": "{red.50}",
-        "type": "color"
-      },
-      "background-disabled": {
-        "value": "{white.500}",
-        "type": "color"
-      },
-      "border": {
-        "standard": {
-          "value": "{fill.border}",
-          "type": "color"
+        "value": {
+          "light": "#333333",
+          "dark": "#e6e6e6"
         }
       },
-      "border-focus": {
-        "value": "{system.info}",
-        "type": "color"
-      },
-      "border-success": {
-        "value": "{brand.primary}",
-        "type": "color"
-      },
-      "border-error": {
-        "value": "{system.danger}",
-        "type": "color"
-      }
-    }
-  },
-  "dark": {
-    "fill": {
-      "wrapper": {
-        "value": "{black.900}",
-        "type": "color"
-      },
-      "card": {
-        "value": "{black.700}",
-        "type": "color"
-      },
-      "info": {
-        "value": "{black.500}",
-        "type": "color"
-      },
-      "border": {
-        "value": "{black.300}",
-        "type": "color"
+      "disabled": {
+        "value": {
+          "light": "#999999",
+          "dark": "#666666"
+        }
       }
     },
-    "text": {
+    "border": {
       "standard": {
-        "value": "{gray.300}",
+        "value": {
+          "light": "#ccc",
+          "dark": "#555"
+        },
         "type": "color"
       },
-      "sub": {
-        "value": "{gray.900}",
+      "focus": {
+        "value": {
+          "light": "#333",
+          "dark": "#ccc"
+        },
         "type": "color"
       }
     },
-    "button": {
-      "text": {
-        "value": "{white.50}",
-        "type": "color"
-      },
+    "rounded": {
+      "value": "{global.rounded.value}",
+      "type": "borderRadius"
+    }
+  },
+  "button": {
+    "main": {
       "primary": {
         "standard": {
-          "background": {
-            "value": "{brand.primary}",
-            "type": "color"
-          }
+          "value": "{color.primary}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#44ACFE",
+          "type": "color"
+        },
+        "active": {
+          "value": "#1781D4",
+          "type": "color"
         }
       },
       "secondary": {
         "standard": {
-          "background": {
-            "value": "{brand.secondary}",
-            "type": "color"
-          }
+          "value": "#162C4E",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#1D3E72",
+          "type": "color"
+        },
+        "active": {
+          "value": "#1B2637",
+          "type": "color"
         }
       },
       "success": {
         "standard": {
-          "background": {
-            "value": "{system.success}",
-            "type": "color"
-          }
+          "value": "{color.primary}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#44ACFE",
+          "type": "color"
+        },
+        "active": {
+          "value": "#1781D4",
+          "type": "color"
         }
       },
       "danger": {
         "standard": {
-          "background": {
-            "value": "{system.danger}",
-            "type": "color"
-          }
-        }
-      },
-      "info": {
-        "standard": {
-          "background": {
-            "value": "{system.info}",
-            "type": "color"
-          }
+          "value": "#ff4a4a",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#FF7373",
+          "type": "color"
+        },
+        "active": {
+          "value": "#C22F2F",
+          "type": "color"
         }
-      }
-    },
-    "card": {
-      "background": {
-        "value": "{fill.card}",
-        "type": "color"
       },
-      "border": {
-        "value": "{fill.border}",
-        "type": "color"
-      }
-    },
-    "table": {
-      "header": {
-        "value": "{black.600}",
-        "type": "color"
-      }
-    },
-    "input": {
-      "text-value": {
-        "value": "{text.standard}",
-        "type": "color"
-      },
-      "text-placeholder": {
-        "value": "{black.50}",
-        "type": "color"
-      },
-      "text-success": {
-        "value": "{brand.primary}",
-        "type": "color"
-      },
-      "text-error": {
-        "value": "{system.danger}",
-        "type": "color"
-      },
-      "background-value": {
-        "value": "{fill.card}",
-        "type": "color"
-      },
-      "background-standard": {
-        "value": "{black.600}",
-        "type": "color"
-      },
-      "background-success": {
-        "value": "{blue.900}",
-        "type": "color"
-      },
-      "background-error": {
-        "value": "{red.900}",
-        "type": "color"
-      },
-      "background-disabled": {
-        "value": "{black.400}",
-        "type": "color"
-      },
-      "border": {
+      "gray": {
         "standard": {
-          "value": "{fill.border}",
+          "value": "#333333",
+          "type": "color"
+        },
+        "hover": {
+          "value": "#444444",
+          "type": "color"
+        },
+        "active": {
+          "value": "#222222",
           "type": "color"
         }
-      },
-      "border-focus": {
-        "value": "{gray.300}",
-        "type": "color"
-      },
-      "border-success": {
-        "value": "{brand.primary}",
-        "type": "color"
-      },
-      "border-error": {
-        "value": "{system.danger}",
-        "type": "color"
       }
     }
-  },
-  "digitalFont": {
-    "MainTitle": {
-      "value": "Elice DigitalBaeum OTF",
-      "type": "fontFamilies"
-    }
-  },
-  "inputStandard": {
-    "input": {
-      "rounded": {
-        "value": "{rounded-xs}",
-        "type": "borderRadius"
-      }
-    }
-  },
-  "inputCircle": {
-    "input": {
-      "rounded": {
-        "value": "{rounded-full}",
-        "type": "borderRadius"
-      }
-    }
-  },
-  "$themes": [],
-  "$metadata": {
-    "tokenSetOrder": [
-      "global",
-      "standard",
-      "dark",
-      "digitalFont",
-      "inputStandard",
-      "inputCircle"
-    ]
   }
-}
+}