@kaizen/design-tokens 10.3.13 → 10.3.15

package/tokens/color.json

@@ -1,228 +0,0 @@
-{
-  "dataViz": {
-    "favorable": "var(--data-viz-favorable, #7dd5bd)",
-    "favorable-rgb": "var(--data-viz-favorable-rgb, 125, 213, 189)",
-    "favorable-rgb-id": "--data-viz-favorable-rgb",
-    "favorable-id": "--data-viz-favorable",
-    "unfavorable": "var(--data-viz-unfavorable, #e68d97)",
-    "unfavorable-rgb": "var(--data-viz-unfavorable-rgb, 230, 141, 151)",
-    "unfavorable-rgb-id": "--data-viz-unfavorable-rgb",
-    "unfavorable-id": "--data-viz-unfavorable"
-  },
-  "color": {
-    "purple": {
-      "100": "var(--color-purple-100, #f4edf8)",
-      "200": "var(--color-purple-200, #dfc9ea)",
-      "300": "var(--color-purple-300, #c9a5dd)",
-      "400": "var(--color-purple-400, #ae67b1)",
-      "500": "var(--color-purple-500, #844587)",
-      "600": "var(--color-purple-600, #5f3361)",
-      "700": "var(--color-purple-700, #4a234d)",
-      "800": "var(--color-purple-800, #2f2438)",
-      "100-rgb": "var(--color-purple-100-rgb, 244, 237, 248)",
-      "100-rgb-id": "--color-purple-100-rgb",
-      "100-id": "--color-purple-100",
-      "200-rgb": "var(--color-purple-200-rgb, 223, 201, 234)",
-      "200-rgb-id": "--color-purple-200-rgb",
-      "200-id": "--color-purple-200",
-      "300-rgb": "var(--color-purple-300-rgb, 201, 165, 221)",
-      "300-rgb-id": "--color-purple-300-rgb",
-      "300-id": "--color-purple-300",
-      "400-rgb": "var(--color-purple-400-rgb, 174, 103, 177)",
-      "400-rgb-id": "--color-purple-400-rgb",
-      "400-id": "--color-purple-400",
-      "500-rgb": "var(--color-purple-500-rgb, 132, 69, 135)",
-      "500-rgb-id": "--color-purple-500-rgb",
-      "500-id": "--color-purple-500",
-      "600-rgb": "var(--color-purple-600-rgb, 95, 51, 97)",
-      "600-rgb-id": "--color-purple-600-rgb",
-      "600-id": "--color-purple-600",
-      "700-rgb": "var(--color-purple-700-rgb, 74, 35, 77)",
-      "700-rgb-id": "--color-purple-700-rgb",
-      "700-id": "--color-purple-700",
-      "800-rgb": "var(--color-purple-800-rgb, 47, 36, 56)",
-      "800-rgb-id": "--color-purple-800-rgb",
-      "800-id": "--color-purple-800"
-    },
-    "blue": {
-      "100": "var(--color-blue-100, #e6f6ff)",
-      "200": "var(--color-blue-200, #bde2f5)",
-      "300": "var(--color-blue-300, #73c0e8)",
-      "400": "var(--color-blue-400, #008bd6)",
-      "500": "var(--color-blue-500, #0168b3)",
-      "600": "var(--color-blue-600, #004970)",
-      "700": "var(--color-blue-700, #003157)",
-      "100-rgb": "var(--color-blue-100-rgb, 230, 246, 255)",
-      "100-rgb-id": "--color-blue-100-rgb",
-      "100-id": "--color-blue-100",
-      "200-rgb": "var(--color-blue-200-rgb, 189, 226, 245)",
-      "200-rgb-id": "--color-blue-200-rgb",
-      "200-id": "--color-blue-200",
-      "300-rgb": "var(--color-blue-300-rgb, 115, 192, 232)",
-      "300-rgb-id": "--color-blue-300-rgb",
-      "300-id": "--color-blue-300",
-      "400-rgb": "var(--color-blue-400-rgb, 0, 139, 214)",
-      "400-rgb-id": "--color-blue-400-rgb",
-      "400-id": "--color-blue-400",
-      "500-rgb": "var(--color-blue-500-rgb, 1, 104, 179)",
-      "500-rgb-id": "--color-blue-500-rgb",
-      "500-id": "--color-blue-500",
-      "600-rgb": "var(--color-blue-600-rgb, 0, 73, 112)",
-      "600-rgb-id": "--color-blue-600-rgb",
-      "600-id": "--color-blue-600",
-      "700-rgb": "var(--color-blue-700-rgb, 0, 49, 87)",
-      "700-rgb-id": "--color-blue-700-rgb",
-      "700-id": "--color-blue-700"
-    },
-    "green": {
-      "100": "var(--color-green-100, #e8f8f4)",
-      "200": "var(--color-green-200, #c4ede2)",
-      "300": "var(--color-green-300, #8fdbc7)",
-      "400": "var(--color-green-400, #5dcbad)",
-      "500": "var(--color-green-500, #44a289)",
-      "600": "var(--color-green-600, #2c7d67)",
-      "700": "var(--color-green-700, #22594a)",
-      "100-rgb": "var(--color-green-100-rgb, 232, 248, 244)",
-      "100-rgb-id": "--color-green-100-rgb",
-      "100-id": "--color-green-100",
-      "200-rgb": "var(--color-green-200-rgb, 196, 237, 226)",
-      "200-rgb-id": "--color-green-200-rgb",
-      "200-id": "--color-green-200",
-      "300-rgb": "var(--color-green-300-rgb, 143, 219, 199)",
-      "300-rgb-id": "--color-green-300-rgb",
-      "300-id": "--color-green-300",
-      "400-rgb": "var(--color-green-400-rgb, 93, 203, 173)",
-      "400-rgb-id": "--color-green-400-rgb",
-      "400-id": "--color-green-400",
-      "500-rgb": "var(--color-green-500-rgb, 68, 162, 137)",
-      "500-rgb-id": "--color-green-500-rgb",
-      "500-id": "--color-green-500",
-      "600-rgb": "var(--color-green-600-rgb, 44, 125, 103)",
-      "600-rgb-id": "--color-green-600-rgb",
-      "600-id": "--color-green-600",
-      "700-rgb": "var(--color-green-700-rgb, 34, 89, 74)",
-      "700-rgb-id": "--color-green-700-rgb",
-      "700-id": "--color-green-700"
-    },
-    "yellow": {
-      "100": "var(--color-yellow-100, #fff9e4)",
-      "200": "var(--color-yellow-200, #ffeeb3)",
-      "300": "var(--color-yellow-300, #ffe36e)",
-      "400": "var(--color-yellow-400, #ffca4d)",
-      "500": "var(--color-yellow-500, #ffb600)",
-      "600": "var(--color-yellow-600, #c68600)",
-      "700": "var(--color-yellow-700, #876400)",
-      "100-rgb": "var(--color-yellow-100-rgb, 255, 249, 228)",
-      "100-rgb-id": "--color-yellow-100-rgb",
-      "100-id": "--color-yellow-100",
-      "200-rgb": "var(--color-yellow-200-rgb, 255, 238, 179)",
-      "200-rgb-id": "--color-yellow-200-rgb",
-      "200-id": "--color-yellow-200",
-      "300-rgb": "var(--color-yellow-300-rgb, 255, 227, 110)",
-      "300-rgb-id": "--color-yellow-300-rgb",
-      "300-id": "--color-yellow-300",
-      "400-rgb": "var(--color-yellow-400-rgb, 255, 202, 77)",
-      "400-rgb-id": "--color-yellow-400-rgb",
-      "400-id": "--color-yellow-400",
-      "500-rgb": "var(--color-yellow-500-rgb, 255, 182, 0)",
-      "500-rgb-id": "--color-yellow-500-rgb",
-      "500-id": "--color-yellow-500",
-      "600-rgb": "var(--color-yellow-600-rgb, 198, 134, 0)",
-      "600-rgb-id": "--color-yellow-600-rgb",
-      "600-id": "--color-yellow-600",
-      "700-rgb": "var(--color-yellow-700-rgb, 135, 100, 0)",
-      "700-rgb-id": "--color-yellow-700-rgb",
-      "700-id": "--color-yellow-700"
-    },
-    "red": {
-      "100": "var(--color-red-100, #fdeaee)",
-      "200": "var(--color-red-200, #f9c2cb)",
-      "300": "var(--color-red-300, #f597a8)",
-      "400": "var(--color-red-400, #e0707d)",
-      "500": "var(--color-red-500, #c93b55)",
-      "600": "var(--color-red-600, #a82433)",
-      "700": "var(--color-red-700, #6c1e20)",
-      "100-rgb": "var(--color-red-100-rgb, 253, 234, 238)",
-      "100-rgb-id": "--color-red-100-rgb",
-      "100-id": "--color-red-100",
-      "200-rgb": "var(--color-red-200-rgb, 249, 194, 203)",
-      "200-rgb-id": "--color-red-200-rgb",
-      "200-id": "--color-red-200",
-      "300-rgb": "var(--color-red-300-rgb, 245, 151, 168)",
-      "300-rgb-id": "--color-red-300-rgb",
-      "300-id": "--color-red-300",
-      "400-rgb": "var(--color-red-400-rgb, 224, 112, 125)",
-      "400-rgb-id": "--color-red-400-rgb",
-      "400-id": "--color-red-400",
-      "500-rgb": "var(--color-red-500-rgb, 201, 59, 85)",
-      "500-rgb-id": "--color-red-500-rgb",
-      "500-id": "--color-red-500",
-      "600-rgb": "var(--color-red-600-rgb, 168, 36, 51)",
-      "600-rgb-id": "--color-red-600-rgb",
-      "600-id": "--color-red-600",
-      "700-rgb": "var(--color-red-700-rgb, 108, 30, 32)",
-      "700-rgb-id": "--color-red-700-rgb",
-      "700-id": "--color-red-700"
-    },
-    "orange": {
-      "100": "var(--color-orange-100, #fff0e8)",
-      "200": "var(--color-orange-200, #ffd1b9)",
-      "300": "var(--color-orange-300, #ffb08a)",
-      "400": "var(--color-orange-400, #ff9461)",
-      "500": "var(--color-orange-500, #e96c2f)",
-      "600": "var(--color-orange-600, #b74302)",
-      "700": "var(--color-orange-700, #903c00)",
-      "100-rgb": "var(--color-orange-100-rgb, 255, 240, 232)",
-      "100-rgb-id": "--color-orange-100-rgb",
-      "100-id": "--color-orange-100",
-      "200-rgb": "var(--color-orange-200-rgb, 255, 209, 185)",
-      "200-rgb-id": "--color-orange-200-rgb",
-      "200-id": "--color-orange-200",
-      "300-rgb": "var(--color-orange-300-rgb, 255, 176, 138)",
-      "300-rgb-id": "--color-orange-300-rgb",
-      "300-id": "--color-orange-300",
-      "400-rgb": "var(--color-orange-400-rgb, 255, 148, 97)",
-      "400-rgb-id": "--color-orange-400-rgb",
-      "400-id": "--color-orange-400",
-      "500-rgb": "var(--color-orange-500-rgb, 233, 108, 47)",
-      "500-rgb-id": "--color-orange-500-rgb",
-      "500-id": "--color-orange-500",
-      "600-rgb": "var(--color-orange-600-rgb, 183, 67, 2)",
-      "600-rgb-id": "--color-orange-600-rgb",
-      "600-id": "--color-orange-600",
-      "700-rgb": "var(--color-orange-700-rgb, 144, 60, 0)",
-      "700-rgb-id": "--color-orange-700-rgb",
-      "700-id": "--color-orange-700"
-    },
-    "gray": {
-      "100": "var(--color-gray-100, #f9f9f9)",
-      "200": "var(--color-gray-200, #f4f4f5)",
-      "300": "var(--color-gray-300, #eaeaec)",
-      "400": "var(--color-gray-400, #cdcdd0)",
-      "500": "var(--color-gray-500, #8c8c97)",
-      "600": "var(--color-gray-600, #524e56)",
-      "100-rgb": "var(--color-gray-100-rgb, 249, 249, 249)",
-      "100-rgb-id": "--color-gray-100-rgb",
-      "100-id": "--color-gray-100",
-      "200-rgb": "var(--color-gray-200-rgb, 244, 244, 245)",
-      "200-rgb-id": "--color-gray-200-rgb",
-      "200-id": "--color-gray-200",
-      "300-rgb": "var(--color-gray-300-rgb, 234, 234, 236)",
-      "300-rgb-id": "--color-gray-300-rgb",
-      "300-id": "--color-gray-300",
-      "400-rgb": "var(--color-gray-400-rgb, 205, 205, 208)",
-      "400-rgb-id": "--color-gray-400-rgb",
-      "400-id": "--color-gray-400",
-      "500-rgb": "var(--color-gray-500-rgb, 140, 140, 151)",
-      "500-rgb-id": "--color-gray-500-rgb",
-      "500-id": "--color-gray-500",
-      "600-rgb": "var(--color-gray-600-rgb, 82, 78, 86)",
-      "600-rgb-id": "--color-gray-600-rgb",
-      "600-id": "--color-gray-600"
-    },
-    "white": "var(--color-white, #ffffff)",
-    "white-rgb": "var(--color-white-rgb, 255, 255, 255)",
-    "white-rgb-id": "--color-white-rgb",
-    "white-id": "--color-white"
-  }
-}

package/tokens/color.json.d.ts

@@ -1,11 +0,0 @@
-import { DeepMapObjectLeafs, Theme } from "../src/types"
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export const color: DeepMapObjectLeafs<Theme["color"], string>
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export default { color }

package/tokens/layout.json

@@ -1,10 +0,0 @@
-{
-  "layout": {
-    "contentMaxWidth": "1392px",
-    "contentMaxWidthWithSidebar": "1080px",
-    "contentSideMargin": "72px",
-    "mobileActionsDrawerHeight": "60px",
-    "navigationBarHeight": "72px",
-    "breakpoints": { "medium": "768px", "large": "1080px" }
-  }
-}

package/tokens/layout.json.d.ts

@@ -1,11 +0,0 @@
-import { DeepMapObjectLeafs, Theme } from "../src/types"
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export const layout: DeepMapObjectLeafs<Theme["layout"], string>
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export default { layout }

package/tokens/shadow.json

@@ -1,12 +0,0 @@
-{
-  "shadow": {
-    "small": {
-      "boxShadow": "var(--shadow-small-box-shadow, 0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1))",
-      "boxShadow-id": "--shadow-small-box-shadow"
-    },
-    "large": {
-      "boxShadow": "var(--shadow-large-box-shadow, 0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1))",
-      "boxShadow-id": "--shadow-large-box-shadow"
-    }
-  }
-}

package/tokens/shadow.json.d.ts

@@ -1,11 +0,0 @@
-import { DeepMapObjectLeafs, Theme } from "../src/types"
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export const shadow: DeepMapObjectLeafs<Theme["shadow"], string>
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export default { shadow }

package/tokens/spacing.json

@@ -1,70 +0,0 @@
-{
-  "spacing": {
-    "0": "var(--spacing-0, 0)",
-    "1": "var(--spacing-1, .0625rem)",
-    "2": "var(--spacing-2, .125rem)",
-    "4": "var(--spacing-4, .25rem)",
-    "6": "var(--spacing-6, .375rem)",
-    "8": "var(--spacing-8, .5rem)",
-    "12": "var(--spacing-12, .75rem)",
-    "16": "var(--spacing-16, 1rem)",
-    "24": "var(--spacing-24, 1.5rem)",
-    "32": "var(--spacing-32, 2rem)",
-    "40": "var(--spacing-40, 2.5rem)",
-    "48": "var(--spacing-48, 3rem)",
-    "56": "var(--spacing-56, 3.5rem)",
-    "64": "var(--spacing-64, 4rem)",
-    "72": "var(--spacing-72, 4.5rem)",
-    "80": "var(--spacing-80, 5rem)",
-    "96": "var(--spacing-96, 6rem)",
-    "112": "var(--spacing-112, 7rem)",
-    "128": "var(--spacing-128, 8rem)",
-    "160": "var(--spacing-160, 10rem)",
-    "200": "var(--spacing-200, 12.5rem)",
-    "240": "var(--spacing-240, 15rem)",
-    "280": "var(--spacing-280, 17.5rem)",
-    "320": "var(--spacing-320, 20rem)",
-    "0-id": "--spacing-0",
-    "1-id": "--spacing-1",
-    "2-id": "--spacing-2",
-    "4-id": "--spacing-4",
-    "6-id": "--spacing-6",
-    "8-id": "--spacing-8",
-    "12-id": "--spacing-12",
-    "16-id": "--spacing-16",
-    "24-id": "--spacing-24",
-    "32-id": "--spacing-32",
-    "40-id": "--spacing-40",
-    "48-id": "--spacing-48",
-    "56-id": "--spacing-56",
-    "64-id": "--spacing-64",
-    "72-id": "--spacing-72",
-    "80-id": "--spacing-80",
-    "96-id": "--spacing-96",
-    "112-id": "--spacing-112",
-    "128-id": "--spacing-128",
-    "160-id": "--spacing-160",
-    "200-id": "--spacing-200",
-    "240-id": "--spacing-240",
-    "280-id": "--spacing-280",
-    "320-id": "--spacing-320",
-    "xs": "var(--spacing-xs, 0.375rem)",
-    "xs-id": "--spacing-xs",
-    "sm": "var(--spacing-sm, 0.75rem)",
-    "sm-id": "--spacing-sm",
-    "md": "var(--spacing-md, 1.5rem)",
-    "md-id": "--spacing-md",
-    "lg": "var(--spacing-lg, 2.25rem)",
-    "lg-id": "--spacing-lg",
-    "xl": "var(--spacing-xl, 3rem)",
-    "xl-id": "--spacing-xl",
-    "xxl": "var(--spacing-xxl, 3.75rem)",
-    "xxl-id": "--spacing-xxl",
-    "xxxl": "var(--spacing-xxxl, 4.5rem)",
-    "xxxl-id": "--spacing-xxxl",
-    "xxxxl": "var(--spacing-xxxxl, 5.25rem)",
-    "xxxxl-id": "--spacing-xxxxl",
-    "xxxxxl": "var(--spacing-xxxxxl, 6rem)",
-    "xxxxxl-id": "--spacing-xxxxxl"
-  }
-}

package/tokens/spacing.json.d.ts

@@ -1,11 +0,0 @@
-import { DeepMapObjectLeafs, Theme } from "../src/types"
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export const spacing: DeepMapObjectLeafs<Theme["spacing"], string>
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export default { spacing }

package/tokens/typography.json

@@ -1,244 +0,0 @@
-{
-  "typography": {
-    "dataLarge": {
-      "fontFamily": "var(--typography-data-large-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-data-large-font-family",
-      "fontWeight": "var(--typography-data-large-font-weight, 700)",
-      "fontWeight-id": "--typography-data-large-font-weight",
-      "fontSize": "var(--typography-data-large-font-size, 5.25rem)",
-      "fontSize-id": "--typography-data-large-font-size",
-      "lineHeight": "var(--typography-data-large-line-height, 5.25rem)",
-      "lineHeight-id": "--typography-data-large-line-height",
-      "letterSpacing": "var(--typography-data-large-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-data-large-letter-spacing"
-    },
-    "dataLargeUnits": {
-      "fontFamily": "var(--typography-data-large-units-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-data-large-units-font-family",
-      "fontWeight": "var(--typography-data-large-units-font-weight, 700)",
-      "fontWeight-id": "--typography-data-large-units-font-weight",
-      "fontSize": "var(--typography-data-large-units-font-size, 2.625rem)",
-      "fontSize-id": "--typography-data-large-units-font-size",
-      "lineHeight": "var(--typography-data-large-units-line-height, 5.25rem)",
-      "lineHeight-id": "--typography-data-large-units-line-height",
-      "letterSpacing": "var(--typography-data-large-units-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-data-large-units-letter-spacing"
-    },
-    "dataMedium": {
-      "fontFamily": "var(--typography-data-medium-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-data-medium-font-family",
-      "fontWeight": "var(--typography-data-medium-font-weight, 700)",
-      "fontWeight-id": "--typography-data-medium-font-weight",
-      "fontSize": "var(--typography-data-medium-font-size, 3rem)",
-      "fontSize-id": "--typography-data-medium-font-size",
-      "lineHeight": "var(--typography-data-medium-line-height, 5rem)",
-      "lineHeight-id": "--typography-data-medium-line-height",
-      "letterSpacing": "var(--typography-data-medium-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-data-medium-letter-spacing"
-    },
-    "dataMediumUnits": {
-      "fontFamily": "var(--typography-data-medium-units-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-data-medium-units-font-family",
-      "fontWeight": "var(--typography-data-medium-units-font-weight, 700)",
-      "fontWeight-id": "--typography-data-medium-units-font-weight",
-      "fontSize": "var(--typography-data-medium-units-font-size, 1.5rem)",
-      "fontSize-id": "--typography-data-medium-units-font-size",
-      "lineHeight": "var(--typography-data-medium-units-line-height, 5rem)",
-      "lineHeight-id": "--typography-data-medium-units-line-height",
-      "letterSpacing": "var(--typography-data-medium-units-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-data-medium-units-letter-spacing"
-    },
-    "dataSmall": {
-      "fontFamily": "var(--typography-data-small-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-data-small-font-family",
-      "fontWeight": "var(--typography-data-small-font-weight, 700)",
-      "fontWeight-id": "--typography-data-small-font-weight",
-      "fontSize": "var(--typography-data-small-font-size, 1.5rem)",
-      "fontSize-id": "--typography-data-small-font-size",
-      "lineHeight": "var(--typography-data-small-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-data-small-line-height",
-      "letterSpacing": "var(--typography-data-small-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-data-small-letter-spacing"
-    },
-    "dataSmallUnits": {
-      "fontFamily": "var(--typography-data-small-units-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-data-small-units-font-family",
-      "fontWeight": "var(--typography-data-small-units-font-weight, 700)",
-      "fontWeight-id": "--typography-data-small-units-font-weight",
-      "fontSize": "var(--typography-data-small-units-font-size, 1.125rem)",
-      "fontSize-id": "--typography-data-small-units-font-size",
-      "lineHeight": "var(--typography-data-small-units-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-data-small-units-line-height",
-      "letterSpacing": "var(--typography-data-small-units-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-data-small-units-letter-spacing"
-    },
-    "display0": {
-      "fontFamily": "var(--typography-display-0-font-family, \"Tiempos Headline\", Georgia, serif)",
-      "fontFamily-id": "--typography-display-0-font-family",
-      "fontWeight": "var(--typography-display-0-font-weight, 800)",
-      "fontWeight-id": "--typography-display-0-font-weight",
-      "fontSize": "var(--typography-display-0-font-size, 4.5rem)",
-      "fontSize-id": "--typography-display-0-font-size",
-      "lineHeight": "var(--typography-display-0-line-height, 5.25rem)",
-      "lineHeight-id": "--typography-display-0-line-height",
-      "letterSpacing": "var(--typography-display-0-letter-spacing, 0em)",
-      "letterSpacing-id": "--typography-display-0-letter-spacing"
-    },
-    "heading1": {
-      "fontFamily": "var(--typography-heading-1-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-heading-1-font-family",
-      "fontWeight": "var(--typography-heading-1-font-weight, 700)",
-      "fontWeight-id": "--typography-heading-1-font-weight",
-      "fontSize": "var(--typography-heading-1-font-size, 2.125rem)",
-      "fontSize-id": "--typography-heading-1-font-size",
-      "lineHeight": "var(--typography-heading-1-line-height, 2.625rem)",
-      "lineHeight-id": "--typography-heading-1-line-height",
-      "letterSpacing": "var(--typography-heading-1-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-heading-1-letter-spacing"
-    },
-    "heading2": {
-      "fontFamily": "var(--typography-heading-2-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-heading-2-font-family",
-      "fontWeight": "var(--typography-heading-2-font-weight, 700)",
-      "fontWeight-id": "--typography-heading-2-font-weight",
-      "fontSize": "var(--typography-heading-2-font-size, 1.75rem)",
-      "fontSize-id": "--typography-heading-2-font-size",
-      "lineHeight": "var(--typography-heading-2-line-height, 2.25rem)",
-      "lineHeight-id": "--typography-heading-2-line-height",
-      "letterSpacing": "var(--typography-heading-2-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-heading-2-letter-spacing"
-    },
-    "heading3": {
-      "fontFamily": "var(--typography-heading-3-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-heading-3-font-family",
-      "fontWeight": "var(--typography-heading-3-font-weight, 700)",
-      "fontWeight-id": "--typography-heading-3-font-weight",
-      "fontSize": "var(--typography-heading-3-font-size, 1.375rem)",
-      "fontSize-id": "--typography-heading-3-font-size",
-      "lineHeight": "var(--typography-heading-3-line-height, 1.875rem)",
-      "lineHeight-id": "--typography-heading-3-line-height",
-      "letterSpacing": "var(--typography-heading-3-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-heading-3-letter-spacing"
-    },
-    "heading4": {
-      "fontFamily": "var(--typography-heading-4-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-heading-4-font-family",
-      "fontWeight": "var(--typography-heading-4-font-weight, 600)",
-      "fontWeight-id": "--typography-heading-4-font-weight",
-      "fontSize": "var(--typography-heading-4-font-size, 1.125rem)",
-      "fontSize-id": "--typography-heading-4-font-size",
-      "lineHeight": "var(--typography-heading-4-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-heading-4-line-height",
-      "letterSpacing": "var(--typography-heading-4-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-heading-4-letter-spacing"
-    },
-    "heading5": {
-      "fontFamily": "var(--typography-heading-5-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-heading-5-font-family",
-      "fontWeight": "var(--typography-heading-5-font-weight, 600)",
-      "fontWeight-id": "--typography-heading-5-font-weight",
-      "fontSize": "var(--typography-heading-5-font-size, 1rem)",
-      "fontSize-id": "--typography-heading-5-font-size",
-      "lineHeight": "var(--typography-heading-5-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-heading-5-line-height",
-      "letterSpacing": "var(--typography-heading-5-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-heading-5-letter-spacing"
-    },
-    "heading6": {
-      "fontFamily": "var(--typography-heading-6-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-heading-6-font-family",
-      "fontWeight": "var(--typography-heading-6-font-weight, 700)",
-      "fontWeight-id": "--typography-heading-6-font-weight",
-      "fontSize": "var(--typography-heading-6-font-size, 0.875rem)",
-      "fontSize-id": "--typography-heading-6-font-size",
-      "lineHeight": "var(--typography-heading-6-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-heading-6-line-height",
-      "letterSpacing": "var(--typography-heading-6-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-heading-6-letter-spacing"
-    },
-    "paragraphIntroLede": {
-      "fontFamily": "var(--typography-paragraph-intro-lede-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-paragraph-intro-lede-font-family",
-      "fontWeight": "var(--typography-paragraph-intro-lede-font-weight, 400)",
-      "fontWeight-id": "--typography-paragraph-intro-lede-font-weight",
-      "fontSize": "var(--typography-paragraph-intro-lede-font-size, 1.25rem)",
-      "fontSize-id": "--typography-paragraph-intro-lede-font-size",
-      "lineHeight": "var(--typography-paragraph-intro-lede-line-height, 1.875rem)",
-      "lineHeight-id": "--typography-paragraph-intro-lede-line-height",
-      "letterSpacing": "var(--typography-paragraph-intro-lede-letter-spacing, 0)",
-      "letterSpacing-id": "--typography-paragraph-intro-lede-letter-spacing",
-      "maxWidth": "var(--typography-paragraph-intro-lede-max-width, 975px)",
-      "maxWidth-id": "--typography-paragraph-intro-lede-max-width"
-    },
-    "paragraphBody": {
-      "fontFamily": "var(--typography-paragraph-body-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-paragraph-body-font-family",
-      "fontWeight": "var(--typography-paragraph-body-font-weight, 400)",
-      "fontWeight-id": "--typography-paragraph-body-font-weight",
-      "fontSize": "var(--typography-paragraph-body-font-size, 1rem)",
-      "fontSize-id": "--typography-paragraph-body-font-size",
-      "lineHeight": "var(--typography-paragraph-body-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-paragraph-body-line-height",
-      "letterSpacing": "var(--typography-paragraph-body-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-paragraph-body-letter-spacing",
-      "maxWidth": "var(--typography-paragraph-body-max-width, 780px)",
-      "maxWidth-id": "--typography-paragraph-body-max-width"
-    },
-    "paragraphSmall": {
-      "fontFamily": "var(--typography-paragraph-small-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-paragraph-small-font-family",
-      "fontWeight": "var(--typography-paragraph-small-font-weight, 400)",
-      "fontWeight-id": "--typography-paragraph-small-font-weight",
-      "fontSize": "var(--typography-paragraph-small-font-size, 0.875rem)",
-      "fontSize-id": "--typography-paragraph-small-font-size",
-      "lineHeight": "var(--typography-paragraph-small-line-height, 1.125rem)",
-      "lineHeight-id": "--typography-paragraph-small-line-height",
-      "letterSpacing": "var(--typography-paragraph-small-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-paragraph-small-letter-spacing",
-      "maxWidth": "var(--typography-paragraph-small-max-width, 680px)",
-      "maxWidth-id": "--typography-paragraph-small-max-width"
-    },
-    "paragraphExtraSmall": {
-      "fontFamily": "var(--typography-paragraph-extra-small-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-paragraph-extra-small-font-family",
-      "fontWeight": "var(--typography-paragraph-extra-small-font-weight, 400)",
-      "fontWeight-id": "--typography-paragraph-extra-small-font-weight",
-      "fontSize": "var(--typography-paragraph-extra-small-font-size, 0.75rem)",
-      "fontSize-id": "--typography-paragraph-extra-small-font-size",
-      "lineHeight": "var(--typography-paragraph-extra-small-line-height, 1.125rem)",
-      "lineHeight-id": "--typography-paragraph-extra-small-line-height",
-      "letterSpacing": "var(--typography-paragraph-extra-small-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-paragraph-extra-small-letter-spacing",
-      "maxWidth": "var(--typography-paragraph-extra-small-max-width, 600px)",
-      "maxWidth-id": "--typography-paragraph-extra-small-max-width"
-    },
-    "paragraphBold": {
-      "fontWeight": "var(--typography-paragraph-bold-font-weight, 600)",
-      "fontWeight-id": "--typography-paragraph-bold-font-weight"
-    },
-    "buttonPrimary": {
-      "fontFamily": "var(--typography-button-primary-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-button-primary-font-family",
-      "fontWeight": "var(--typography-button-primary-font-weight, 700)",
-      "fontWeight-id": "--typography-button-primary-font-weight",
-      "fontSize": "var(--typography-button-primary-font-size, 1.125rem)",
-      "fontSize-id": "--typography-button-primary-font-size",
-      "lineHeight": "var(--typography-button-primary-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-button-primary-line-height",
-      "letterSpacing": "var(--typography-button-primary-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-button-primary-letter-spacing"
-    },
-    "buttonSecondary": {
-      "fontFamily": "var(--typography-button-secondary-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
-      "fontFamily-id": "--typography-button-secondary-font-family",
-      "fontWeight": "var(--typography-button-secondary-font-weight, 500)",
-      "fontWeight-id": "--typography-button-secondary-font-weight",
-      "fontSize": "var(--typography-button-secondary-font-size, 1rem)",
-      "fontSize-id": "--typography-button-secondary-font-size",
-      "lineHeight": "var(--typography-button-secondary-line-height, 1.5rem)",
-      "lineHeight-id": "--typography-button-secondary-line-height",
-      "letterSpacing": "var(--typography-button-secondary-letter-spacing, normal)",
-      "letterSpacing-id": "--typography-button-secondary-letter-spacing"
-    }
-  }
-}

package/tokens/typography.json.d.ts

@@ -1,11 +0,0 @@
-import { DeepMapObjectLeafs, Theme } from "../src/types"
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export const typography: DeepMapObjectLeafs<Theme["typography"], string>
-/**
- * @deprecated
- * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
- */
-export default { typography }