brandsync-tokens 1.0.20 → 1.0.21

package/dist/json/components.json

@@ -52,8 +52,7 @@
     "icon": "{color.icons.secondary}",
     "icon-error": "#982a2a",
     "icon-success": "#11714e",
-    "icon-disabled": "#828998",
-    "error": "#982a2a"
+    "icon-disabled": "#828998"
   },
   "chip": {
     "text-default": "#000000",

package/dist/json/primitives.json

@@ -38,149 +38,6 @@
       "800": "#034439",
       "900": "#002c24",
       "950": "#02201a"
-    },
-    "purple": {
-      "50": "#f3effb",
-      "100": "#e5dffd",
-      "200": "#c8c0ff",
-      "300": "#a49aff",
-      "400": "#8676fe",
-      "500": "#715afc",
-      "600": "#5e47e6",
-      "700": "#4b35c9",
-      "800": "#3720a1",
-      "900": "#220f73",
-      "950": "#201463"
-    },
-    "cobalt": {
-      "50": "#f1effa",
-      "100": "#e0e0fd",
-      "200": "#bcc2ff",
-      "300": "#939eff",
-      "400": "#6d7cff",
-      "500": "#4f63ff",
-      "600": "#3b4ee9",
-      "700": "#303ecd",
-      "800": "#1928a5",
-      "900": "#091675",
-      "950": "#050d5d"
-    },
-    "blue": {
-      "50": "#eef0fa",
-      "100": "#d8e3fc",
-      "200": "#aec7f8",
-      "300": "#7aa6f2",
-      "400": "#3e88ef",
-      "500": "#0073e1",
-      "600": "#0062c1",
-      "700": "#0051a2",
-      "800": "#003a78",
-      "900": "#002550",
-      "950": "#001b3e"
-    },
-    "green": {
-      "50": "#ecf2ea",
-      "100": "#d0e9d2",
-      "200": "#9fd3a9",
-      "300": "#78b385",
-      "400": "#469961",
-      "500": "#23834a",
-      "600": "#2a7043",
-      "700": "#295c3a",
-      "800": "#21422a",
-      "900": "#112b19",
-      "950": "#0b2011"
-    },
-    "lime": {
-      "50": "#f0f2e7",
-      "100": "#d7e8c6",
-      "200": "#add18f",
-      "300": "#81b45c",
-      "400": "#64963f",
-      "500": "#478019",
-      "600": "#406f1d",
-      "700": "#385b1e",
-      "800": "#2a4218",
-      "900": "#182a0c",
-      "950": "#121f09"
-    },
-    "yellow": {
-      "50": "#faf1db",
-      "100": "#f9e28a",
-      "200": "#e3c437",
-      "300": "#c0a300",
-      "400": "#a18800",
-      "500": "#887200",
-      "600": "#746202",
-      "700": "#615102",
-      "800": "#463a01",
-      "900": "#2e2500",
-      "950": "#221b00"
-    },
-    "amber": {
-      "50": "#fceee0",
-      "100": "#f8dfbf",
-      "200": "#f1be71",
-      "300": "#d19c46",
-      "400": "#b47f1e",
-      "500": "#996805",
-      "600": "#875b04",
-      "700": "#6f4b02",
-      "800": "#513601",
-      "900": "#352201",
-      "950": "#291900"
-    },
-    "orange": {
-      "50": "#faeee9",
-      "100": "#f9ddd0",
-      "200": "#f7b997",
-      "300": "#f08c50",
-      "400": "#d26d2b",
-      "500": "#ba5400",
-      "600": "#a24907",
-      "700": "#873d07",
-      "800": "#642c04",
-      "900": "#411b02",
-      "950": "#301302"
-    },
-    "magenta": {
-      "50": "#fbeeef",
-      "100": "#ffd7e0",
-      "200": "#ffb1c7",
-      "300": "#ff7aa7",
-      "400": "#ea4f8b",
-      "500": "#d12e75",
-      "600": "#b62965",
-      "700": "#9a1f53",
-      "800": "#71163c",
-      "900": "#4a0d27",
-      "950": "#38091c"
-    },
-    "maroon": {
-      "50": "#f9eef3",
-      "100": "#f6dbef",
-      "200": "#eab6e3",
-      "300": "#d88cd1",
-      "400": "#c465c0",
-      "500": "#b14bb0",
-      "600": "#983f98",
-      "700": "#7f347e",
-      "800": "#5e245d",
-      "900": "#3e163d",
-      "950": "#2c122b"
-    },
-    "violet": {
-      "50": "#f9eefe",
-      "100": "#eedcfd",
-      "200": "#d8b8fd",
-      "300": "#be92f4",
-      "400": "#a372dd",
-      "500": "#8f5ace",
-      "600": "#7750a8",
-      "700": "#64428d",
-      "800": "#492e6a",
-      "900": "#311b4b",
-      "950": "#241338"
     }
   },
   "z-index": {
@@ -215,12 +72,12 @@
       "wide": 16
     },
     "container-max": "1440px",
-    "gutter": "16px",
-    "margin-sm": "16px",
-    "margin-md": "24px",
-    "margin-lg": "32px",
-    "sidebar-width": "256px",
-    "panel-min-width": "256px"
+    "gutter": 16,
+    "margin-sm": 16,
+    "margin-md": 24,
+    "margin-lg": 32,
+    "sidebar-width": 256,
+    "panel-min-width": 256
   },
   "duration": {
     "instant": "0ms",
@@ -262,23 +119,23 @@
       "2xl": "0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32)"
     },
     "position": {
-      "0": "0px",
-      "10": "1px",
-      "25": "2px",
-      "50": "4px",
-      "100": "8px",
-      "150": "12px",
-      "200": "16px"
+      "0": 0,
+      "10": 1,
+      "25": 2,
+      "50": 4,
+      "100": 8,
+      "150": 12,
+      "200": 16
     },
     "blur": {
-      "0": "0px",
-      "10": "1px",
-      "25": "2px",
-      "50": "4px",
-      "100": "8px",
-      "150": "12px",
-      "200": "16px",
-      "300": "24px"
+      "0": 0,
+      "10": 1,
+      "25": 2,
+      "50": 4,
+      "100": 8,
+      "150": 12,
+      "200": 16,
+      "300": 24
     }
   },
   "line-height": {
@@ -287,34 +144,7 @@
     "snug": 1.25,
     "normal": 1.5,
     "relaxed": 1.625,
-    "loose": 2,
-    "display": {
-      "display1": 96,
-      "display2": 88,
-      "display3": 72,
-      "display4": 64,
-      "display5": 56,
-      "display6": 48,
-      "display7": 40
-    },
-    "heading": {
-      "h1": 56,
-      "h2": 48,
-      "h3": 40,
-      "h4": 32,
-      "h5": 24,
-      "h6": 20
-    },
-    "body": {
-      "lg": 28,
-      "md": 24,
-      "sm": 20
-    },
-    "caption": {
-      "lg": 24,
-      "md": 20,
-      "sm": 16
-    }
+    "loose": 2
   },
   "letter-spacing": {
     "tighter": "-0.05em",
@@ -441,50 +271,38 @@
       "semibold": "semibold",
       "bold": "bold",
       "black": "black"
-    },
-    "font-family": {
-      "heading": "Roboto",
-      "body": "Roboto"
-    },
-    "font-weight": {
-      "thin": 100,
-      "regular": 400,
-      "medium": 500,
-      "semibold": 600,
-      "bold": 700,
-      "black": 900
     }
   },
   "scale": {
-    "0": "0px",
-    "10": "1px",
-    "25": "2px",
-    "50": "4px",
-    "75": "6px",
-    "100": "8px",
-    "150": "12px",
-    "200": "16px",
-    "250": "20px",
-    "300": "24px",
-    "350": "28px",
-    "400": "32px",
-    "500": "40px",
-    "550": "44px",
-    "600": "48px",
-    "700": "56px",
-    "800": "64px",
-    "1000": "80px",
-    "1200": "96px",
-    "1500": "120px",
-    "1600": "128px",
-    "3200": "256px",
-    "6400": "512px",
-    "-600": "-48px",
-    "-500": "-40px",
-    "-350": "-28px",
-    "-200": "-16px",
-    "-150": "-12px",
-    "-100": "-8px"
+    "0": 0,
+    "10": 1,
+    "25": 2,
+    "50": 4,
+    "75": 6,
+    "100": 8,
+    "150": 12,
+    "200": 16,
+    "250": 20,
+    "300": 24,
+    "350": 28,
+    "400": 32,
+    "500": 40,
+    "550": 44,
+    "600": 48,
+    "700": 56,
+    "800": 64,
+    "1000": 80,
+    "1200": 96,
+    "1500": 120,
+    "1600": 128,
+    "3200": 256,
+    "6400": 512,
+    "-600": -48,
+    "-500": -40,
+    "-350": -28,
+    "-200": -16,
+    "-150": -12,
+    "-100": -8
   },
   "white": "#ffffff",
   "static": {
@@ -506,8 +324,7 @@
     "950": "#191c22",
     "500-transparent": "#6d75854d",
     "500-transparent 2": "#6d7585bf",
-    "50-transparent": "#eff0f8e5",
-    "500-transparent-2": "#6d7585bf"
+    "50-transparent": "#eff0f8e5"
   },
   "gray": {
     "25": "#fbfbfb",
@@ -524,9 +341,7 @@
     "950": "#303236",
     "transparent": "#a2aab23d",
     "transparent 2": "#a2aab252",
-    "transparent 3": "#a2aab270",
-    "transparent-2": "#a2aab252",
-    "transparent-3": "#a2aab270"
+    "transparent 3": "#a2aab270"
   },
   "black": "#000000",
   "Semantic": {
@@ -763,31 +578,31 @@
   },
   "fontsize": {
     "display": {
-      "display1": "80px",
-      "display2": "72px",
-      "display3": "60px",
-      "display4": "56px",
-      "display5": "48px",
-      "display6": "40px",
-      "display7": "32px"
+      "display1": "80rem",
+      "display2": "72rem",
+      "display3": "60rem",
+      "display4": "56rem",
+      "display5": "48rem",
+      "display6": "40rem",
+      "display7": "32rem"
     },
     "heading": {
-      "h1": "48px",
-      "h2": "40px",
-      "h3": "32px",
-      "h4": "24px",
-      "h5": "20px",
-      "h6": "16px"
+      "h1": "48rem",
+      "h2": "40rem",
+      "h3": "32rem",
+      "h4": "24rem",
+      "h5": "20rem",
+      "h6": "16rem"
     },
     "body": {
-      "lg": "20px",
-      "md": "16px",
-      "sm": "14px"
+      "lg": "20rem",
+      "md": "16rem",
+      "sm": "14rem"
     },
     "caption": {
-      "lg": "16px",
-      "md": "14px",
-      "sm": "12px"
+      "lg": "16rem",
+      "md": "14rem",
+      "sm": "12rem"
     }
   },
   "line height": {
@@ -849,12 +664,11 @@
     }
   },
   "margin": {
-    "fluid": "24px",
-    "With navigation drawer": "24px",
-    "with-navigation-drawer": "24px"
+    "fluid": 24,
+    "With navigation drawer": 24
   },
   "gutter": {
-    "gutter": "24px"
+    "gutter": 24
   },
   "layout columns": {
     "columns": "12rem"
@@ -882,131 +696,5 @@
     "800": "#003a78",
     "900": "#002550",
     "950": "#001b3e"
-  },
-  "semantic": {
-    "success": {
-      "success-50": "#e5f5e9",
-      "success-100": "#c5ebd5",
-      "success-200": "#94d4b3",
-      "success-300": "#6bb491",
-      "success-400": "#469873",
-      "success-500": "#00855b",
-      "success-600": "#11714e",
-      "success-700": "#1b5d43",
-      "success-800": "#184330",
-      "success-900": "#0f2b1e",
-      "success-950": "#101e17"
-    },
-    "error": {
-      "error-50": "#fcecea",
-      "error-100": "#ffdad7",
-      "error-200": "#ffb3ae",
-      "error-300": "#ff807a",
-      "error-400": "#ee5351",
-      "error-500": "#d93539",
-      "error-600": "#b92f31",
-      "error-700": "#982a2a",
-      "error-800": "#701d1e",
-      "error-900": "#481212",
-      "error-950": "#34100f"
-    },
-    "warning": {
-      "warning-50": "#ffefdb",
-      "warning-100": "#ffdea1",
-      "warning-200": "#f1bd51",
-      "warning-300": "#d39b00",
-      "warning-400": "#b18100",
-      "warning-500": "#956d00",
-      "warning-600": "#805d00",
-      "warning-700": "#6b4d00",
-      "warning-800": "#4e3700",
-      "warning-900": "#332300",
-      "warning-950": "#261a00"
-    },
-    "information": {
-      "information-50": "#edf0fa",
-      "information-100": "#d6e3f8",
-      "information-200": "#aec8ed",
-      "information-300": "#73a9ea",
-      "information-400": "#448cd6",
-      "information-500": "#0078cb",
-      "information-600": "#0066ae",
-      "information-700": "#005592",
-      "information-800": "#003d6c",
-      "information-900": "#00283f",
-      "information-950": "#111c2a"
-    }
-  },
-  "light-mode": {
-    "0": "#00000000",
-    "100": "#0000000d",
-    "200": "#00000014",
-    "300": "#0000001a",
-    "400": "#0000001f",
-    "500": "#00000024",
-    "600": "#0001021a",
-    "700": "#1c85ff66"
-  },
-  "dark-mode": {
-    "0": "#00000000",
-    "100": "#00000066",
-    "200": "#00000059",
-    "300": "#0000004d",
-    "400": "#00000040",
-    "500": "#00000033",
-    "600": "#0001020d",
-    "700": "#1c85ff0d"
-  },
-  "paragraph-spacing": {
-    "display": {
-      "display1": 40,
-      "display2": 36,
-      "display3": 30,
-      "display4": 28,
-      "display5": 24,
-      "display6": 20,
-      "display7": 16
-    },
-    "heading": {
-      "h1": 24,
-      "h2": 20,
-      "h3": 16,
-      "h4": 12,
-      "h5": 10,
-      "h6": 8
-    },
-    "body": {
-      "lg": 10,
-      "md": 8,
-      "sm": 8
-    },
-    "caption": {
-      "lg": 8,
-      "md": 8,
-      "sm": 6
-    }
-  },
-  "layout-columns": {
-    "columns": "12rem"
-  },
-  "navigation-header": {
-    "hamburger-menu": false,
-    "logo": true,
-    "left-menu": true,
-    "page-label": false,
-    "gap": 40
-  },
-  "brand": {
-    "50": "#eef0fa",
-    "100": "#d8e3fc",
-    "200": "#aec7f8",
-    "300": "#7aa6f2",
-    "400": "#3e88ef",
-    "500": "#0073e1",
-    "600": "#0062c1",
-    "700": "#0051a2",
-    "800": "#003a78",
-    "900": "#002550",
-    "950": "#001b3e"
   }
 }