npm - @zentrades-ui/tokens - Versions diffs - 0.1.0 - Mend

@zentrades-ui/tokens 0.1.0

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 (7) hide show

package/tokens.json ADDED Viewed

@@ -0,0 +1,1240 @@
+{
+  "meta": {
+    "name": "Zenith UI Default",
+    "version": 1
+  },
+  "color": {
+    "palette": {
+      "brand": {
+        "100": "#fcdde0",
+        "200": "#f8bbc2",
+        "300": "#f599a3",
+        "400": "#f17785",
+        "500": "#ee5566",
+        "600": "#be4452",
+        "700": "#8f333d",
+        "800": "#5f2229",
+        "900": "#301114"
+      },
+      "secondaryBrand": {
+        "50": "#EFF8FF",
+        "100": "#cde6f9",
+        "200": "#9ccef4",
+        "300": "#6ab5ee",
+        "400": "#399de9",
+        "500": "#0784e3",
+        "600": "#066ab6",
+        "700": "#044f88",
+        "800": "#03355b",
+        "900": "#011a2d"
+      },
+      "blue": {
+        "25": "#f3f6ff",
+        "100": "#cfdaff",
+        "200": "#9eb4ff",
+        "300": "#6e8fff",
+        "400": "#3d69ff",
+        "500": "#0d44ff",
+        "600": "#0a36cc",
+        "700": "#082999",
+        "800": "#051b66",
+        "900": "#030e33"
+      },
+      "purple": {
+        "25": "#F9ECFF",
+        "100": "#e2d1ff",
+        "200": "#c6a3ff",
+        "300": "#a975ff",
+        "400": "#8d47ff",
+        "450": "#ab00f5",
+        "500": "#7019ff",
+        "600": "#5a14cc",
+        "700": "#430f99",
+        "800": "#2d0a66",
+        "900": "#160533"
+      },
+      "violet": {
+        "100": "#f4d1ff",
+        "200": "#eaa2ff",
+        "300": "#df74ff",
+        "400": "#d545ff",
+        "500": "#ca17ff",
+        "600": "#a212cc",
+        "700": "#790e99",
+        "800": "#510966",
+        "900": "#280533"
+      },
+      "red": {
+        "25": "#fff2f2",
+        "100": "#fecccc",
+        "200": "#fd9999",
+        "300": "#fc6666",
+        "400": "#fb3333",
+        "500": "#fa0000",
+        "600": "#c80000",
+        "700": "#960000",
+        "800": "#640000",
+        "900": "#320000"
+      },
+      "pink": {
+        "100": "#ffcce7",
+        "200": "#ff99cf",
+        "300": "#ff66b8",
+        "400": "#ff33a0",
+        "500": "#ff0088",
+        "600": "#cc006d",
+        "700": "#990052",
+        "800": "#660036",
+        "900": "#33001b"
+      },
+      "orange": {
+        "25": "#fff8f2",
+        "100": "#ffe4cc",
+        "200": "#ffc999",
+        "300": "#ffad66",
+        "400": "#ff9233",
+        "500": "#ff7700",
+        "600": "#cc5f00",
+        "700": "#994700",
+        "800": "#663000",
+        "900": "#331800"
+      },
+      "yellow": {
+        "100": "#fff4cc",
+        "200": "#ffea99",
+        "300": "#ffdf66",
+        "400": "#ffd533",
+        "500": "#ffca00",
+        "600": "#cca200",
+        "700": "#997900",
+        "800": "#665100",
+        "900": "#332800"
+      },
+      "green": {
+        "25": "#f2fbf3",
+        "100": "#ccefd1",
+        "200": "#99dea3",
+        "300": "#66ce75",
+        "400": "#33bd47",
+        "500": "#00ad19",
+        "600": "#008a14",
+        "700": "#00680f",
+        "800": "#00450a",
+        "900": "#002305"
+      },
+      "teal": {
+        "100": "#ccfaf9",
+        "200": "#99f5f3",
+        "300": "#66f0ee",
+        "400": "#33ebe8",
+        "500": "#00e6e2",
+        "600": "#00b8b5",
+        "700": "#008a88",
+        "800": "#005c5a",
+        "900": "#002e2d"
+      },
+      "cyan": {
+        "25": "#f2fbff",
+        "50": "#effeff",
+        "100": "#ccefff",
+        "200": "#99dfff",
+        "300": "#66ceff",
+        "400": "#33beff",
+        "500": "#00aeff",
+        "600": "#008bcc",
+        "650": "#007d84",
+        "700": "#006899",
+        "800": "#004666",
+        "900": "#002333"
+      },
+      "neutral": {
+        "25": "#F7F8F8",
+        "50": "#f0f1f1",
+        "100": "#e2e2e2",
+        "150": "#d3d4d4",
+        "200": "#c4c5c6",
+        "250": "#b5b7b8",
+        "300": "#a7a8a9",
+        "350": "#989a9b",
+        "400": "#898b8d",
+        "450": "#7a7d7e",
+        "500": "#6c6e70",
+        "550": "#616365",
+        "600": "#56585a",
+        "650": "#4b4d4f",
+        "700": "#414243",
+        "750": "#363738",
+        "800": "#2b2c2d",
+        "850": "#202122",
+        "900": "#161616",
+        "950": "#0b0b0b"
+      },
+      "primary": {
+        "black": "#000000",
+        "white": "#ffffff",
+        "black50": "rgba(0, 0, 0, 0.50)",
+        "white50": "rgba(255, 255, 255, 0.50)"
+      }
+    },
+    "themed": {
+      "contentPrimary": {
+        "light": "#0b0b0b",
+        "dark": "#ffffff"
+      },
+      "contentSecondary": {
+        "light": "#2b2c2d",
+        "dark": "#e2e2e2"
+      },
+      "contentTertiary": {
+        "light": "#56585a",
+        "dark": "#a7a8a9"
+      },
+      "contentQuaternary": {
+        "light": "#898b8d",
+        "dark": "#6c6e70"
+      },
+      "contentDefaultWhite": {
+        "light": "#ffffff",
+        "dark": "#ffffff"
+      },
+      "contentPrimaryInverse": {
+        "light": "#ffffff",
+        "dark": "#0b0b0b"
+      },
+      "contentSecondaryInverse": {
+        "light": "#e2e2e2",
+        "dark": "#2b2c2d"
+      },
+      "contentTertiaryInverse": {
+        "light": "#a7a8a9",
+        "dark": "#56585a"
+      },
+      "contentDisabled": {
+        "light": "#b5b7b8",
+        "dark": "#414243"
+      },
+      "contentBrand": {
+        "light": "#ee5566",
+        "dark": "#ee5566"
+      },
+      "contentSecondaryBrand": {
+        "light": "#0784e3",
+        "dark": "#0784e3"
+      },
+      "contentLink": {
+        "light": "#0d44ff",
+        "dark": "#3d69ff"
+      },
+      "contentLinkHover": {
+        "light": "#0a36cc",
+        "dark": "#6e8fff"
+      },
+      "contentLinkPressed": {
+        "light": "#082999",
+        "dark": "#9eb4ff"
+      },
+      "contentInfo": {
+        "light": "#0d44ff",
+        "dark": "#3d69ff"
+      },
+      "contentInfoBold": {
+        "light": "#0a36cc",
+        "dark": "#6e8fff"
+      },
+      "contentNotice": {
+        "light": "#ff7700",
+        "dark": "#ff9233"
+      },
+      "contentNoticeBold": {
+        "light": "#994700",
+        "dark": "#ffad66"
+      },
+      "contentNegative": {
+        "light": "#fa0000",
+        "dark": "#fb3333"
+      },
+      "contentNegativeBold": {
+        "light": "#960000",
+        "dark": "#fc6666"
+      },
+      "contentPositive": {
+        "light": "#00ad19",
+        "dark": "#33bd47"
+      },
+      "contentPositiveBold": {
+        "light": "#00680f",
+        "dark": "#99dea3"
+      },
+      "contentAttention": {
+        "light": "#ab00f5",
+        "dark": "#a975ff"
+      },
+      "contentActive": {
+        "light": "#007d84",
+        "dark": "#99dfff"
+      },
+      "backgroundPrimary": {
+        "light": "#ffffff",
+        "dark": "#0b0b0b"
+      },
+      "backgroundSecondary": {
+        "light": "#F7F8F8",
+        "dark": "#161616"
+      },
+      "backgroundHover": {
+        "light": "#e2e2e2",
+        "dark": "#2b2c2d"
+      },
+      "backgroundPressed": {
+        "light": "#e2e2e2",
+        "dark": "#414243"
+      },
+      "backgroundSelected": {
+        "light": "#fcdde0",
+        "dark": "#8f333d"
+      },
+      "backgroundSecondarySelected": {
+        "light": "#cde6f9",
+        "dark": "#03355b"
+      },
+      "backgroundDisabled": {
+        "light": "#f0f1f1",
+        "dark": "#2b2c2d"
+      },
+      "backgroundBrand": {
+        "light": "#ee5566",
+        "dark": "#f17785"
+      },
+      "backgroundBrandHover": {
+        "light": "#be4452",
+        "dark": "#f599a3"
+      },
+      "backgroundBrandPressed": {
+        "light": "#8f333d",
+        "dark": "#f8bbc2"
+      },
+      "backgroundSecondaryBrand": {
+        "light": "#0784e3",
+        "dark": "#399de9"
+      },
+      "backgroundSecondaryBrandHover": {
+        "light": "#066ab6",
+        "dark": "#6ab5ee"
+      },
+      "backgroundSecondaryBrandPressed": {
+        "light": "#044f88",
+        "dark": "#9ccef4"
+      },
+      "backgroundInfo": {
+        "light": "#0d44ff",
+        "dark": "#3d69ff"
+      },
+      "backgroundInfoSubtle": {
+        "light": "#f3f6ff",
+        "dark": "#030e33"
+      },
+      "backgroundNotice": {
+        "light": "#ff7700",
+        "dark": "#ff9233"
+      },
+      "backgroundNoticeSubtle": {
+        "light": "#fff8f2",
+        "dark": "#331800"
+      },
+      "backgroundNegative": {
+        "light": "#fa0000",
+        "dark": "#fb3333"
+      },
+      "backgroundNegativeHover": {
+        "light": "#c80000",
+        "dark": "#fc6666"
+      },
+      "backgroundNegativePressed": {
+        "light": "#960000",
+        "dark": "#fd9999"
+      },
+      "backgroundNegativeSubtle": {
+        "light": "#fff2f2",
+        "dark": "#320000"
+      },
+      "backgroundPositive": {
+        "light": "#00ad19",
+        "dark": "#33bd47"
+      },
+      "backgroundPositiveSubtle": {
+        "light": "#f2fbf3",
+        "dark": "#002305"
+      },
+      "backgroundInverse": {
+        "light": "#161616",
+        "dark": "#ffffff"
+      },
+      "backgroundInverseHover": {
+        "light": "#2b2c2d",
+        "dark": "#f0f1f1"
+      },
+      "backgroundAttention": {
+        "light": "#F9ECFF",
+        "dark": "#160533"
+      },
+      "backgroundActive": {
+        "light": "#effeff",
+        "dark": "#002333"
+      },
+      "backgroundSecondaryBrandSubtle": {
+        "light": "#EFF8FF",
+        "dark": "#EFF8FF"
+      },
+      "borderPrimary": {
+        "light": "#56585a",
+        "dark": "#898b8d"
+      },
+      "borderSecondary": {
+        "light": "#898b8d",
+        "dark": "#56585a"
+      },
+      "borderTertiary": {
+        "light": "#c4c5c6",
+        "dark": "#2b2c2d"
+      },
+      "borderQuaternary": {
+        "light": "#e2e2e2",
+        "dark": "#161616"
+      },
+      "borderDisabled": {
+        "light": "#d3d4d4",
+        "dark": "#414243"
+      },
+      "borderBrand": {
+        "light": "#ee5566",
+        "dark": "#f17785"
+      },
+      "borderSecondaryBrand": {
+        "light": "#0784e3",
+        "dark": "#399de9"
+      },
+      "borderInverse": {
+        "light": "#ffffff",
+        "dark": "#161616"
+      },
+      "borderFocus": {
+        "light": "#0d44ff",
+        "dark": "#3d69ff"
+      },
+      "borderInfo": {
+        "light": "#0d44ff",
+        "dark": "#3d69ff"
+      },
+      "borderNotice": {
+        "light": "#ff7700",
+        "dark": "#ff9233"
+      },
+      "borderNegative": {
+        "light": "#fa0000",
+        "dark": "#fb3333"
+      },
+      "borderPositive": {
+        "light": "#00ad19",
+        "dark": "#33bd47"
+      },
+      "borderMono": {
+        "light": "#161616",
+        "dark": "#ffffff"
+      },
+      "borderAttention": {
+        "light": "#ab00f5",
+        "dark": "#8d47ff"
+      },
+      "borderActive": {
+        "light": "#007d84",
+        "dark": "#33beff"
+      },
+      "surfaceL0": {
+        "light": "#ffffff",
+        "dark": "#0b0b0b"
+      },
+      "surfaceL1": {
+        "light": "#ffffff",
+        "dark": "#161616"
+      },
+      "surfaceL2": {
+        "light": "#ffffff",
+        "dark": "#202122"
+      },
+      "surfaceL3": {
+        "light": "#ffffff",
+        "dark": "#2b2c2d"
+      },
+      "surfaceL4": {
+        "light": "#ffffff",
+        "dark": "#363738"
+      },
+      "surfaceL5": {
+        "light": "#ffffff",
+        "dark": "#414243"
+      },
+      "surfaceL6": {
+        "light": "#ffffff",
+        "dark": "#4b4d4f"
+      },
+      "overlay50": {
+        "light": "rgba(0, 0, 0, 0.50)",
+        "dark": "rgba(255, 255, 255, 0.50)"
+      },
+      "overlay50Inverse": {
+        "light": "rgba(255, 255, 255, 0.50)",
+        "dark": "rgba(0, 0, 0, 0.50)"
+      }
+    }
+  },
+  "spacing": {
+    "steps": [
+      1,
+      2,
+      4,
+      6,
+      8,
+      10,
+      12,
+      14,
+      16,
+      18,
+      20,
+      24,
+      26,
+      28,
+      32,
+      36,
+      40,
+      48,
+      56,
+      64,
+      72,
+      80,
+      88,
+      96,
+      104,
+      112,
+      120,
+      220
+    ],
+    "units": {
+      "1": 1,
+      "2": 2,
+      "4": 4,
+      "6": 6,
+      "8": 8,
+      "10": 10,
+      "12": 12,
+      "14": 14,
+      "16": 16,
+      "18": 18,
+      "20": 20,
+      "24": 24,
+      "26": 26,
+      "28": 28,
+      "32": 32,
+      "36": 36,
+      "40": 40,
+      "48": 48,
+      "56": 56,
+      "64": 64,
+      "72": 72,
+      "80": 80,
+      "88": 88,
+      "96": 96,
+      "104": 104,
+      "112": 112,
+      "120": 120,
+      "220": 220
+    },
+    "tokens": {
+      "1": "0.0625rem",
+      "2": "0.125rem",
+      "4": "0.25rem",
+      "6": "0.375rem",
+      "8": "0.5rem",
+      "10": "0.625rem",
+      "12": "0.75rem",
+      "14": "0.875rem",
+      "16": "1rem",
+      "18": "1.125rem",
+      "20": "1.25rem",
+      "24": "1.5rem",
+      "26": "1.625rem",
+      "28": "1.75rem",
+      "32": "2rem",
+      "36": "2.25rem",
+      "40": "2.5rem",
+      "48": "3rem",
+      "56": "3.5rem",
+      "64": "4rem",
+      "72": "4.5rem",
+      "80": "5rem",
+      "88": "5.5rem",
+      "96": "6rem",
+      "104": "6.5rem",
+      "112": "7rem",
+      "120": "7.5rem",
+      "220": "13.75rem"
+    },
+    "semantic": {
+      "none": "0",
+      "2xs": "0.125rem",
+      "xs": "0.25rem",
+      "sm": "0.5rem",
+      "md": "0.75rem",
+      "lg": "1rem",
+      "xl": "1.5rem",
+      "2xl": "2rem",
+      "3xl": "2.5rem",
+      "4xl": "3rem",
+      "5xl": "3.5rem",
+      "6xl": "4rem",
+      "7xl": "4.5rem",
+      "8xl": "5rem",
+      "9xl": "5.5rem",
+      "10xl": "6rem",
+      "11xl": "6.5rem",
+      "12xl": "7rem",
+      "section": "4.5rem",
+      "page": "6rem",
+      "container": "7.5rem"
+    }
+  },
+  "border": {
+    "radius": {
+      "circle": "50%",
+      "pill": "62.4375rem",
+      "xl": "1.5rem",
+      "lg": "1rem",
+      "md": "0.75rem",
+      "sm": "0.5rem",
+      "xs": "0.25rem"
+    },
+    "width": {
+      "none": "0rem",
+      "xs": "0.046875rem",
+      "s": "0.0625rem",
+      "m": "0.09375rem",
+      "l": "0.125rem",
+      "xl": "0.25rem"
+    }
+  },
+  "shadow": {
+    "layers": {
+      "L0": "none",
+      "L1": "0px 0px 2px 0px rgba(0, 0, 0, 0.06)",
+      "L2": "0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08)",
+      "L3": "0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.10)",
+      "L4": "0px 0px 6px 0px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.10)",
+      "L5": "0px 0px 8px 0px rgba(0, 0, 0, 0.08), 0px 10px 20px 0px rgba(0, 0, 0, 0.10)",
+      "L6": "0px 0px 10px 0px rgba(0, 0, 0, 0.08), 0px 12px 24px 0px rgba(0, 0, 0, 0.10)",
+      "L7": "0px 0px 12px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.10)"
+    }
+  },
+  "typography": {
+    "fontFamilies": {
+      "geist": [
+        "Geist",
+        "-apple-system",
+        "BlinkMacSystemFont",
+        "Segoe UI",
+        "Roboto",
+        "sans-serif"
+      ],
+      "mono": [
+        "Geist Mono",
+        "SF Mono",
+        "Monaco",
+        "Inconsolata",
+        "Roboto Mono",
+        "monospace"
+      ]
+    },
+    "fontWeights": {
+      "regular": 400,
+      "medium": 500,
+      "semibold": 600,
+      "bold": 700
+    },
+    "fontSizes": {
+      "xs": "0.625rem",
+      "s": "0.75rem",
+      "m": "0.875rem",
+      "l": "1rem",
+      "xl": "1.125rem",
+      "2xl": "1.25rem",
+      "3xl": "1.5rem",
+      "4xl": "1.75rem",
+      "5xl": "2rem",
+      "6xl": "2.5rem",
+      "7xl": "3rem",
+      "8xl": "3.5rem"
+    },
+    "lineHeights": {
+      "xs": "0.875rem",
+      "s": "1rem",
+      "m": "1.25rem",
+      "l": "1.5rem",
+      "xl": "1.625rem",
+      "2xl": "1.75rem",
+      "3xl": "2rem",
+      "4xl": "2.25rem",
+      "5xl": "2.5rem",
+      "6xl": "3rem",
+      "7xl": "3.5rem",
+      "8xl": "4rem"
+    },
+    "letterSpacings": {
+      "none": "0em",
+      "xs": "-0.0625rem",
+      "s": "-0.03125rem",
+      "m": "-0.015625rem"
+    },
+    "labelFontSizes": {
+      "2xs": "0.875rem"
+    },
+    "labelLineHeights": {
+      "2xs": "0.875rem"
+    },
+    "styles": {
+      "label": {
+        "2xs": {
+          "medium": {
+            "fontSize": "0.875rem",
+            "lineHeight": "0.875rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        }
+      },
+      "heading": {
+        "3xl": {
+          "semibold": {
+            "fontSize": "3.5rem",
+            "lineHeight": "4rem",
+            "fontWeight": 600,
+            "letterSpacing": "-0.0625rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "2xl": {
+          "semibold": {
+            "fontSize": "3rem",
+            "lineHeight": "3.5rem",
+            "fontWeight": 600,
+            "letterSpacing": "-0.0625rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "xl": {
+          "semibold": {
+            "fontSize": "2.5rem",
+            "lineHeight": "3rem",
+            "fontWeight": 600,
+            "letterSpacing": "-0.0625rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "l": {
+          "semibold": {
+            "fontSize": "2rem",
+            "lineHeight": "2.5rem",
+            "fontWeight": 600,
+            "letterSpacing": "-0.03125rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "m": {
+          "semibold": {
+            "fontSize": "1.5rem",
+            "lineHeight": "2rem",
+            "fontWeight": 600,
+            "letterSpacing": "-0.03125rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "s": {
+          "semibold": {
+            "fontSize": "1.25rem",
+            "lineHeight": "1.75rem",
+            "fontWeight": 600,
+            "letterSpacing": "-0.03125rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "xs": {
+          "semibold": {
+            "fontSize": "1rem",
+            "lineHeight": "1.5rem",
+            "fontWeight": 600,
+            "letterSpacing": "-0.015625rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          },
+          "medium": {
+            "fontSize": "1rem",
+            "lineHeight": "1.5rem",
+            "fontWeight": 500,
+            "letterSpacing": "-0.015625rem",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "2xs": {
+          "medium": {
+            "fontSize": "0.875rem",
+            "lineHeight": "1.25rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        }
+      },
+      "text": {
+        "2xl": {
+          "medium": {
+            "fontSize": "1.5rem",
+            "lineHeight": "2rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          },
+          "regular": {
+            "fontSize": "1.5rem",
+            "lineHeight": "2rem",
+            "fontWeight": 400,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "xl": {
+          "medium": {
+            "fontSize": "1.25rem",
+            "lineHeight": "1.75rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          },
+          "regular": {
+            "fontSize": "1.25rem",
+            "lineHeight": "1.75rem",
+            "fontWeight": 400,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "l": {
+          "medium": {
+            "fontSize": "1rem",
+            "lineHeight": "1.5rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          },
+          "regular": {
+            "fontSize": "1rem",
+            "lineHeight": "1.5rem",
+            "fontWeight": 400,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "m": {
+          "medium": {
+            "fontSize": "0.875rem",
+            "lineHeight": "1.25rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          },
+          "regular": {
+            "fontSize": "0.875rem",
+            "lineHeight": "1.25rem",
+            "fontWeight": 400,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "s": {
+          "medium": {
+            "fontSize": "0.75rem",
+            "lineHeight": "1rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          },
+          "regular": {
+            "fontSize": "0.75rem",
+            "lineHeight": "1rem",
+            "fontWeight": 400,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        },
+        "xs": {
+          "medium": {
+            "fontSize": "0.625rem",
+            "lineHeight": "0.875rem",
+            "fontWeight": 500,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          },
+          "regular": {
+            "fontSize": "0.625rem",
+            "lineHeight": "0.875rem",
+            "fontWeight": 400,
+            "letterSpacing": "0em",
+            "fontFamily": [
+              "Geist",
+              "-apple-system",
+              "BlinkMacSystemFont",
+              "Segoe UI",
+              "Roboto",
+              "sans-serif"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "breakpoints": {
+    "xs": {},
+    "sm": {
+      "@media": "screen and (min-width: 640px)"
+    },
+    "md": {
+      "@media": "screen and (min-width: 768px)"
+    },
+    "lg": {
+      "@media": "screen and (min-width: 1024px)"
+    },
+    "xl": {
+      "@media": "screen and (min-width: 1280px)"
+    }
+  },
+  "zIndex": {
+    "BASE": 1,
+    "DROPDOWN": 50,
+    "DRAWER_OVERLAY": 80,
+    "DRAWER_CONTENT": 90,
+    "MODAL_OVERLAY": 100,
+    "MODAL_CONTENT": 110,
+    "ALERT_OVERLAY": 120,
+    "ALERT_CONTENT": 130,
+    "OVERLAY": 1000,
+    "POPOVER": 1100,
+    "TOOLTIP": 1200,
+    "TOAST": 9999
+  },
+  "theme": {
+    "modes": {
+      "light": {
+        "contentPrimary": "#0b0b0b",
+        "contentSecondary": "#2b2c2d",
+        "contentTertiary": "#56585a",
+        "contentQuaternary": "#898b8d",
+        "contentDefaultWhite": "#ffffff",
+        "contentPrimaryInverse": "#ffffff",
+        "contentSecondaryInverse": "#e2e2e2",
+        "contentTertiaryInverse": "#a7a8a9",
+        "contentDisabled": "#b5b7b8",
+        "contentBrand": "#ee5566",
+        "contentSecondaryBrand": "#0784e3",
+        "contentLink": "#0d44ff",
+        "contentLinkHover": "#0a36cc",
+        "contentLinkPressed": "#082999",
+        "contentInfo": "#0d44ff",
+        "contentInfoBold": "#0a36cc",
+        "contentNotice": "#ff7700",
+        "contentNoticeBold": "#994700",
+        "contentNegative": "#fa0000",
+        "contentNegativeBold": "#960000",
+        "contentPositive": "#00ad19",
+        "contentPositiveBold": "#00680f",
+        "contentAttention": "#ab00f5",
+        "contentActive": "#007d84",
+        "backgroundPrimary": "#ffffff",
+        "backgroundSecondary": "#F7F8F8",
+        "backgroundHover": "#e2e2e2",
+        "backgroundPressed": "#e2e2e2",
+        "backgroundSelected": "#fcdde0",
+        "backgroundSecondarySelected": "#cde6f9",
+        "backgroundDisabled": "#f0f1f1",
+        "backgroundBrand": "#ee5566",
+        "backgroundBrandHover": "#be4452",
+        "backgroundBrandPressed": "#8f333d",
+        "backgroundSecondaryBrand": "#0784e3",
+        "backgroundSecondaryBrandHover": "#066ab6",
+        "backgroundSecondaryBrandPressed": "#044f88",
+        "backgroundInfo": "#0d44ff",
+        "backgroundInfoSubtle": "#f3f6ff",
+        "backgroundNotice": "#ff7700",
+        "backgroundNoticeSubtle": "#fff8f2",
+        "backgroundNegative": "#fa0000",
+        "backgroundNegativeHover": "#c80000",
+        "backgroundNegativePressed": "#960000",
+        "backgroundNegativeSubtle": "#fff2f2",
+        "backgroundPositive": "#00ad19",
+        "backgroundPositiveSubtle": "#f2fbf3",
+        "backgroundInverse": "#161616",
+        "backgroundInverseHover": "#2b2c2d",
+        "backgroundAttention": "#F9ECFF",
+        "backgroundActive": "#effeff",
+        "backgroundSecondaryBrandSubtle": "#EFF8FF",
+        "borderPrimary": "#56585a",
+        "borderSecondary": "#898b8d",
+        "borderTertiary": "#c4c5c6",
+        "borderQuaternary": "#e2e2e2",
+        "borderDisabled": "#d3d4d4",
+        "borderBrand": "#ee5566",
+        "borderSecondaryBrand": "#0784e3",
+        "borderInverse": "#ffffff",
+        "borderFocus": "#0d44ff",
+        "borderInfo": "#0d44ff",
+        "borderNotice": "#ff7700",
+        "borderNegative": "#fa0000",
+        "borderPositive": "#00ad19",
+        "borderMono": "#161616",
+        "borderAttention": "#ab00f5",
+        "borderActive": "#007d84",
+        "surfaceL0": "#ffffff",
+        "surfaceL1": "#ffffff",
+        "surfaceL2": "#ffffff",
+        "surfaceL3": "#ffffff",
+        "surfaceL4": "#ffffff",
+        "surfaceL5": "#ffffff",
+        "surfaceL6": "#ffffff",
+        "overlay50": "rgba(0, 0, 0, 0.50)",
+        "overlay50Inverse": "rgba(255, 255, 255, 0.50)"
+      },
+      "dark": {
+        "contentPrimary": "#ffffff",
+        "contentSecondary": "#e2e2e2",
+        "contentTertiary": "#a7a8a9",
+        "contentQuaternary": "#6c6e70",
+        "contentDefaultWhite": "#ffffff",
+        "contentPrimaryInverse": "#0b0b0b",
+        "contentSecondaryInverse": "#2b2c2d",
+        "contentTertiaryInverse": "#56585a",
+        "contentDisabled": "#414243",
+        "contentBrand": "#ee5566",
+        "contentSecondaryBrand": "#0784e3",
+        "contentLink": "#3d69ff",
+        "contentLinkHover": "#6e8fff",
+        "contentLinkPressed": "#9eb4ff",
+        "contentInfo": "#3d69ff",
+        "contentInfoBold": "#6e8fff",
+        "contentNotice": "#ff9233",
+        "contentNoticeBold": "#ffad66",
+        "contentNegative": "#fb3333",
+        "contentNegativeBold": "#fc6666",
+        "contentPositive": "#33bd47",
+        "contentPositiveBold": "#99dea3",
+        "contentAttention": "#a975ff",
+        "contentActive": "#99dfff",
+        "backgroundPrimary": "#0b0b0b",
+        "backgroundSecondary": "#161616",
+        "backgroundHover": "#2b2c2d",
+        "backgroundPressed": "#414243",
+        "backgroundSelected": "#8f333d",
+        "backgroundSecondarySelected": "#03355b",
+        "backgroundDisabled": "#2b2c2d",
+        "backgroundBrand": "#f17785",
+        "backgroundBrandHover": "#f599a3",
+        "backgroundBrandPressed": "#f8bbc2",
+        "backgroundSecondaryBrand": "#399de9",
+        "backgroundSecondaryBrandHover": "#6ab5ee",
+        "backgroundSecondaryBrandPressed": "#9ccef4",
+        "backgroundInfo": "#3d69ff",
+        "backgroundInfoSubtle": "#030e33",
+        "backgroundNotice": "#ff9233",
+        "backgroundNoticeSubtle": "#331800",
+        "backgroundNegative": "#fb3333",
+        "backgroundNegativeHover": "#fc6666",
+        "backgroundNegativePressed": "#fd9999",
+        "backgroundNegativeSubtle": "#320000",
+        "backgroundPositive": "#33bd47",
+        "backgroundPositiveSubtle": "#002305",
+        "backgroundInverse": "#ffffff",
+        "backgroundInverseHover": "#f0f1f1",
+        "backgroundAttention": "#160533",
+        "backgroundActive": "#002333",
+        "backgroundSecondaryBrandSubtle": "#EFF8FF",
+        "borderPrimary": "#898b8d",
+        "borderSecondary": "#56585a",
+        "borderTertiary": "#2b2c2d",
+        "borderQuaternary": "#161616",
+        "borderDisabled": "#414243",
+        "borderBrand": "#f17785",
+        "borderSecondaryBrand": "#399de9",
+        "borderInverse": "#161616",
+        "borderFocus": "#3d69ff",
+        "borderInfo": "#3d69ff",
+        "borderNotice": "#ff9233",
+        "borderNegative": "#fb3333",
+        "borderPositive": "#33bd47",
+        "borderMono": "#ffffff",
+        "borderAttention": "#8d47ff",
+        "borderActive": "#33beff",
+        "surfaceL0": "#0b0b0b",
+        "surfaceL1": "#161616",
+        "surfaceL2": "#202122",
+        "surfaceL3": "#2b2c2d",
+        "surfaceL4": "#363738",
+        "surfaceL5": "#414243",
+        "surfaceL6": "#4b4d4f",
+        "overlay50": "rgba(255, 255, 255, 0.50)",
+        "overlay50Inverse": "rgba(0, 0, 0, 0.50)"
+      }
+    },
+    "transparent": "transparent"
+  }
+}