brandsync-tokens 1.0.21 → 1.0.22

package/dist/json/components.json

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

package/dist/json/primitives.json

@@ -38,6 +38,149 @@
       "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": {
@@ -72,12 +215,12 @@
       "wide": 16
     },
     "container-max": "1440px",
-    "gutter": 16,
-    "margin-sm": 16,
-    "margin-md": 24,
-    "margin-lg": 32,
-    "sidebar-width": 256,
-    "panel-min-width": 256
+    "gutter": "16px",
+    "margin-sm": "16px",
+    "margin-md": "24px",
+    "margin-lg": "32px",
+    "sidebar-width": "256px",
+    "panel-min-width": "256px"
   },
   "duration": {
     "instant": "0ms",
@@ -119,23 +262,23 @@
       "2xl": "0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32)"
     },
     "position": {
-      "0": 0,
-      "10": 1,
-      "25": 2,
-      "50": 4,
-      "100": 8,
-      "150": 12,
-      "200": 16
+      "0": "0px",
+      "10": "1px",
+      "25": "2px",
+      "50": "4px",
+      "100": "8px",
+      "150": "12px",
+      "200": "16px"
     },
     "blur": {
-      "0": 0,
-      "10": 1,
-      "25": 2,
-      "50": 4,
-      "100": 8,
-      "150": 12,
-      "200": 16,
-      "300": 24
+      "0": "0px",
+      "10": "1px",
+      "25": "2px",
+      "50": "4px",
+      "100": "8px",
+      "150": "12px",
+      "200": "16px",
+      "300": "24px"
     }
   },
   "line-height": {
@@ -144,7 +287,34 @@
     "snug": 1.25,
     "normal": 1.5,
     "relaxed": 1.625,
-    "loose": 2
+    "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
+    }
   },
   "letter-spacing": {
     "tighter": "-0.05em",
@@ -271,38 +441,50 @@
       "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": 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
+    "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"
   },
   "white": "#ffffff",
   "static": {
@@ -324,7 +506,8 @@
     "950": "#191c22",
     "500-transparent": "#6d75854d",
     "500-transparent 2": "#6d7585bf",
-    "50-transparent": "#eff0f8e5"
+    "50-transparent": "#eff0f8e5",
+    "500-transparent-2": "#6d7585bf"
   },
   "gray": {
     "25": "#fbfbfb",
@@ -341,7 +524,9 @@
     "950": "#303236",
     "transparent": "#a2aab23d",
     "transparent 2": "#a2aab252",
-    "transparent 3": "#a2aab270"
+    "transparent 3": "#a2aab270",
+    "transparent-2": "#a2aab252",
+    "transparent-3": "#a2aab270"
   },
   "black": "#000000",
   "Semantic": {
@@ -578,31 +763,31 @@
   },
   "fontsize": {
     "display": {
-      "display1": "80rem",
-      "display2": "72rem",
-      "display3": "60rem",
-      "display4": "56rem",
-      "display5": "48rem",
-      "display6": "40rem",
-      "display7": "32rem"
+      "display1": "80px",
+      "display2": "72px",
+      "display3": "60px",
+      "display4": "56px",
+      "display5": "48px",
+      "display6": "40px",
+      "display7": "32px"
     },
     "heading": {
-      "h1": "48rem",
-      "h2": "40rem",
-      "h3": "32rem",
-      "h4": "24rem",
-      "h5": "20rem",
-      "h6": "16rem"
+      "h1": "48px",
+      "h2": "40px",
+      "h3": "32px",
+      "h4": "24px",
+      "h5": "20px",
+      "h6": "16px"
     },
     "body": {
-      "lg": "20rem",
-      "md": "16rem",
-      "sm": "14rem"
+      "lg": "20px",
+      "md": "16px",
+      "sm": "14px"
     },
     "caption": {
-      "lg": "16rem",
-      "md": "14rem",
-      "sm": "12rem"
+      "lg": "16px",
+      "md": "14px",
+      "sm": "12px"
     }
   },
   "line height": {
@@ -664,11 +849,12 @@
     }
   },
   "margin": {
-    "fluid": 24,
-    "With navigation drawer": 24
+    "fluid": "24px",
+    "With navigation drawer": "24px",
+    "with-navigation-drawer": "24px"
   },
   "gutter": {
-    "gutter": 24
+    "gutter": "24px"
   },
   "layout columns": {
     "columns": "12rem"
@@ -696,5 +882,131 @@
     "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"
   }
 }