@kaizen/design-tokens 10.3.14 → 10.3.16

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 (75) hide show
  1. package/css/variables.css +1 -1
  2. package/dist/index.d.ts +7 -7
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +10 -8
  5. package/dist/index.js.map +1 -1
  6. package/dist/js/index.d.ts +2 -0
  7. package/dist/js/index.d.ts.map +1 -0
  8. package/dist/{react → js}/index.js +1 -1
  9. package/dist/js/index.js.map +1 -0
  10. package/dist/js/tokens.d.ts +3 -0
  11. package/dist/js/tokens.d.ts.map +1 -0
  12. package/dist/js/tokens.js +315 -0
  13. package/dist/js/tokens.js.map +1 -0
  14. package/dist/legacy/ThemeManager.d.ts.map +1 -0
  15. package/dist/{ThemeManager.js → legacy/ThemeManager.js} +1 -1
  16. package/dist/legacy/ThemeManager.js.map +1 -0
  17. package/dist/legacy/ThemeProvider.d.ts.map +1 -0
  18. package/dist/legacy/ThemeProvider.js.map +1 -0
  19. package/dist/legacy/makeCssVariableDefinitionsMap.d.ts +33 -0
  20. package/dist/legacy/makeCssVariableDefinitionsMap.d.ts.map +1 -0
  21. package/dist/legacy/makeCssVariableDefinitionsMap.js +61 -0
  22. package/dist/legacy/makeCssVariableDefinitionsMap.js.map +1 -0
  23. package/dist/legacy/makeCssVariableTheme.d.ts +38 -0
  24. package/dist/legacy/makeCssVariableTheme.d.ts.map +1 -0
  25. package/dist/legacy/makeCssVariableTheme.js +61 -0
  26. package/dist/legacy/makeCssVariableTheme.js.map +1 -0
  27. package/dist/legacy/mapLeafsOfObject.d.ts +26 -0
  28. package/dist/legacy/mapLeafsOfObject.d.ts.map +1 -0
  29. package/dist/legacy/mapLeafsOfObject.js +65 -0
  30. package/dist/legacy/mapLeafsOfObject.js.map +1 -0
  31. package/dist/legacy/themes/heart.d.ts.map +1 -0
  32. package/dist/legacy/themes/heart.js.map +1 -0
  33. package/dist/{themes → legacy/themes}/index.d.ts +1 -1
  34. package/dist/legacy/themes/index.d.ts.map +1 -0
  35. package/dist/legacy/themes/index.js.map +1 -0
  36. package/dist/legacy/types.d.ts +242 -0
  37. package/dist/legacy/types.d.ts.map +1 -0
  38. package/dist/legacy/types.js +3 -0
  39. package/dist/legacy/types.js.map +1 -0
  40. package/dist/lib/makeCssVariableDefinitionsMap.d.ts +0 -3
  41. package/dist/lib/makeCssVariableDefinitionsMap.d.ts.map +1 -1
  42. package/dist/lib/makeCssVariableDefinitionsMap.js +0 -3
  43. package/dist/lib/makeCssVariableDefinitionsMap.js.map +1 -1
  44. package/dist/lib/makeCssVariableTheme.d.ts +1 -4
  45. package/dist/lib/makeCssVariableTheme.d.ts.map +1 -1
  46. package/dist/lib/makeCssVariableTheme.js +0 -3
  47. package/dist/lib/makeCssVariableTheme.js.map +1 -1
  48. package/dist/lib/mapLeafsOfObject.d.ts +1 -4
  49. package/dist/lib/mapLeafsOfObject.d.ts.map +1 -1
  50. package/dist/lib/mapLeafsOfObject.js +0 -3
  51. package/dist/lib/mapLeafsOfObject.js.map +1 -1
  52. package/dist/types.d.ts +2 -33
  53. package/dist/types.d.ts.map +1 -1
  54. package/js/package.json +4 -0
  55. package/package.json +6 -6
  56. package/dist/ThemeManager.d.ts.map +0 -1
  57. package/dist/ThemeManager.js.map +0 -1
  58. package/dist/react/ThemeProvider.d.ts.map +0 -1
  59. package/dist/react/ThemeProvider.js.map +0 -1
  60. package/dist/react/index.d.ts +0 -2
  61. package/dist/react/index.d.ts.map +0 -1
  62. package/dist/react/index.js.map +0 -1
  63. package/dist/themes/heart.d.ts.map +0 -1
  64. package/dist/themes/heart.js.map +0 -1
  65. package/dist/themes/index.d.ts.map +0 -1
  66. package/dist/themes/index.js.map +0 -1
  67. package/js/index.ts +0 -2
  68. package/js/tokens.ts +0 -315
  69. package/js/types.ts +0 -249
  70. /package/dist/{ThemeManager.d.ts → legacy/ThemeManager.d.ts} +0 -0
  71. /package/dist/{react → legacy}/ThemeProvider.d.ts +0 -0
  72. /package/dist/{react → legacy}/ThemeProvider.js +0 -0
  73. /package/dist/{themes → legacy/themes}/heart.d.ts +0 -0
  74. /package/dist/{themes → legacy/themes}/heart.js +0 -0
  75. /package/dist/{themes → legacy/themes}/index.js +0 -0
package/css/variables.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
2
  /** THIS IS AN AUTOGENERATED FILE **/
3
3
 
4
- html {--theme-key: heart; --animation-easing-function-ease-in-out: cubic-bezier(0.455, 0.03, 0.515, 0.955); --animation-easing-function-ease-in: cubic-bezier(0.55, 0.085, 0.68, 0.53); --animation-easing-function-ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94); --animation-easing-function-linear: linear; --animation-easing-function-bounce-in: cubic-bezier(0.485, 0.155, 0.24, 1.245); --animation-easing-function-bounce-out: cubic-bezier(0.485, 0.155, 0.515, 0.845); --animation-easing-function-bounce-in-out: cubic-bezier(0.76, -0.245, 0.24, 1.245); --animation-duration-instant: 0ms; --animation-duration-immediate: 100ms; --animation-duration-rapid: 200ms; --animation-duration-fast: 300ms; --animation-duration-slow: 400ms; --animation-duration-deliberate: 700ms; --border-solid-border-width: 2px; --border-solid-border-radius: 7px; --border-solid-border-style: solid; --border-solid-border-color: #e1e2ea; --border-solid-border-color-rgb: 225, 226, 234; --border-dashed-border-width: 2px; --border-dashed-border-radius: 7px; --border-dashed-border-style: dashed; --border-borderless-border-width: 2px; --border-borderless-border-radius: 7px; --border-borderless-border-style: solid; --border-borderless-border-color: transparent; --border-borderless-border-color-rgb: 0, 0, 0; --border-focus-ring-border-width: 2px; --border-focus-ring-border-radius: 10px; --border-focus-ring-border-style: solid; --color-purple-100: #f4edf8; --color-purple-100-rgb: 244, 237, 248; --color-purple-200: #dfc9ea; --color-purple-200-rgb: 223, 201, 234; --color-purple-300: #c9a5dd; --color-purple-300-rgb: 201, 165, 221; --color-purple-400: #ae67b1; --color-purple-400-rgb: 174, 103, 177; --color-purple-500: #844587; --color-purple-500-rgb: 132, 69, 135; --color-purple-600: #5f3361; --color-purple-600-rgb: 95, 51, 97; --color-purple-700: #4a234d; --color-purple-700-rgb: 74, 35, 77; --color-purple-800: #2f2438; --color-purple-800-rgb: 47, 36, 56; --color-blue-100: #e6f6ff; --color-blue-100-rgb: 230, 246, 255; --color-blue-200: #bde2f5; --color-blue-200-rgb: 189, 226, 245; --color-blue-300: #73c0e8; --color-blue-300-rgb: 115, 192, 232; --color-blue-400: #008bd6; --color-blue-400-rgb: 0, 139, 214; --color-blue-500: #0168b3; --color-blue-500-rgb: 1, 104, 179; --color-blue-600: #004970; --color-blue-600-rgb: 0, 73, 112; --color-blue-700: #003157; --color-blue-700-rgb: 0, 49, 87; --color-green-100: #e8f8f4; --color-green-100-rgb: 232, 248, 244; --color-green-200: #c4ede2; --color-green-200-rgb: 196, 237, 226; --color-green-300: #8fdbc7; --color-green-300-rgb: 143, 219, 199; --color-green-400: #5dcbad; --color-green-400-rgb: 93, 203, 173; --color-green-500: #44a289; --color-green-500-rgb: 68, 162, 137; --color-green-600: #2c7d67; --color-green-600-rgb: 44, 125, 103; --color-green-700: #22594a; --color-green-700-rgb: 34, 89, 74; --color-yellow-100: #fff9e4; --color-yellow-100-rgb: 255, 249, 228; --color-yellow-200: #ffeeb3; --color-yellow-200-rgb: 255, 238, 179; --color-yellow-300: #ffe36e; --color-yellow-300-rgb: 255, 227, 110; --color-yellow-400: #ffca4d; --color-yellow-400-rgb: 255, 202, 77; --color-yellow-500: #ffb600; --color-yellow-500-rgb: 255, 182, 0; --color-yellow-600: #c68600; --color-yellow-600-rgb: 198, 134, 0; --color-yellow-700: #876400; --color-yellow-700-rgb: 135, 100, 0; --color-red-100: #fdeaee; --color-red-100-rgb: 253, 234, 238; --color-red-200: #f9c2cb; --color-red-200-rgb: 249, 194, 203; --color-red-300: #f597a8; --color-red-300-rgb: 245, 151, 168; --color-red-400: #e0707d; --color-red-400-rgb: 224, 112, 125; --color-red-500: #c93b55; --color-red-500-rgb: 201, 59, 85; --color-red-600: #a82433; --color-red-600-rgb: 168, 36, 51; --color-red-700: #6c1e20; --color-red-700-rgb: 108, 30, 32; --color-orange-100: #fff0e8; --color-orange-100-rgb: 255, 240, 232; --color-orange-200: #ffd1b9; --color-orange-200-rgb: 255, 209, 185; --color-orange-300: #ffb08a; --color-orange-300-rgb: 255, 176, 138; --color-orange-400: #ff9461; --color-orange-400-rgb: 255, 148, 97; --color-orange-500: #e96c2f; --color-orange-500-rgb: 233, 108, 47; --color-orange-600: #b74302; --color-orange-600-rgb: 183, 67, 2; --color-orange-700: #903c00; --color-orange-700-rgb: 144, 60, 0; --color-gray-100: #f9f9f9; --color-gray-100-rgb: 249, 249, 249; --color-gray-200: #f4f4f5; --color-gray-200-rgb: 244, 244, 245; --color-gray-300: #eaeaec; --color-gray-300-rgb: 234, 234, 236; --color-gray-400: #cdcdd0; --color-gray-400-rgb: 205, 205, 208; --color-gray-500: #8c8c97; --color-gray-500-rgb: 140, 140, 151; --color-gray-600: #524e56; --color-gray-600-rgb: 82, 78, 86; --color-white: #ffffff; --color-white-rgb: 255, 255, 255; --data-viz-favorable: #7dd5bd; --data-viz-favorable-rgb: 125, 213, 189; --data-viz-unfavorable: #e68d97; --data-viz-unfavorable-rgb: 230, 141, 151; --layout-content-max-width: 1392px; --layout-content-max-width-with-sidebar: 1080px; --layout-content-side-margin: 72px; --layout-mobile-actions-drawer-height: 60px; --layout-navigation-bar-height: 72px; --layout-breakpoints-medium: 768px; --layout-breakpoints-large: 1080px; --shadow-small-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1); --shadow-large-box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1); --spacing-0: 0; --spacing-1: .0625rem; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-6: .375rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-32: 2rem; --spacing-40: 2.5rem; --spacing-48: 3rem; --spacing-56: 3.5rem; --spacing-64: 4rem; --spacing-72: 4.5rem; --spacing-80: 5rem; --spacing-96: 6rem; --spacing-112: 7rem; --spacing-128: 8rem; --spacing-160: 10rem; --spacing-200: 12.5rem; --spacing-240: 15rem; --spacing-280: 17.5rem; --spacing-320: 20rem; --spacing-xs: 0.375rem; --spacing-sm: 0.75rem; --spacing-md: 1.5rem; --spacing-lg: 2.25rem; --spacing-xl: 3rem; --spacing-xxl: 3.75rem; --spacing-xxxl: 4.5rem; --spacing-xxxxl: 5.25rem; --spacing-xxxxxl: 6rem; --typography-data-large-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-large-font-weight: 700; --typography-data-large-font-size: 5.25rem; --typography-data-large-line-height: 5.25rem; --typography-data-large-letter-spacing: normal; --typography-data-large-units-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-large-units-font-weight: 700; --typography-data-large-units-font-size: 2.625rem; --typography-data-large-units-line-height: 5.25rem; --typography-data-large-units-letter-spacing: normal; --typography-data-medium-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-medium-font-weight: 700; --typography-data-medium-font-size: 3rem; --typography-data-medium-line-height: 5rem; --typography-data-medium-letter-spacing: normal; --typography-data-medium-units-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-medium-units-font-weight: 700; --typography-data-medium-units-font-size: 1.5rem; --typography-data-medium-units-line-height: 5rem; --typography-data-medium-units-letter-spacing: normal; --typography-data-small-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-small-font-weight: 700; --typography-data-small-font-size: 1.5rem; --typography-data-small-line-height: 1.5rem; --typography-data-small-letter-spacing: normal; --typography-data-small-units-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-small-units-font-weight: 700; --typography-data-small-units-font-size: 1.125rem; --typography-data-small-units-line-height: 1.5rem; --typography-data-small-units-letter-spacing: normal; --typography-display-0-font-family: "Tiempos Headline", Georgia, serif; --typography-display-0-font-weight: 800; --typography-display-0-font-size: 4.5rem; --typography-display-0-line-height: 5.25rem; --typography-display-0-letter-spacing: 0em; --typography-heading-1-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-1-font-weight: 700; --typography-heading-1-font-size: 2.125rem; --typography-heading-1-line-height: 2.625rem; --typography-heading-1-letter-spacing: normal; --typography-heading-2-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-2-font-weight: 700; --typography-heading-2-font-size: 1.75rem; --typography-heading-2-line-height: 2.25rem; --typography-heading-2-letter-spacing: normal; --typography-heading-3-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-3-font-weight: 700; --typography-heading-3-font-size: 1.375rem; --typography-heading-3-line-height: 1.875rem; --typography-heading-3-letter-spacing: normal; --typography-heading-4-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-4-font-weight: 600; --typography-heading-4-font-size: 1.125rem; --typography-heading-4-line-height: 1.5rem; --typography-heading-4-letter-spacing: normal; --typography-heading-5-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-5-font-weight: 600; --typography-heading-5-font-size: 1rem; --typography-heading-5-line-height: 1.5rem; --typography-heading-5-letter-spacing: normal; --typography-heading-6-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-6-font-weight: 700; --typography-heading-6-font-size: 0.875rem; --typography-heading-6-line-height: 1.5rem; --typography-heading-6-letter-spacing: normal; --typography-paragraph-intro-lede-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-intro-lede-font-weight: 400; --typography-paragraph-intro-lede-font-size: 1.25rem; --typography-paragraph-intro-lede-line-height: 1.875rem; --typography-paragraph-intro-lede-letter-spacing: 0; --typography-paragraph-intro-lede-max-width: 975px; --typography-paragraph-body-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-body-font-weight: 400; --typography-paragraph-body-font-size: 1rem; --typography-paragraph-body-line-height: 1.5rem; --typography-paragraph-body-letter-spacing: normal; --typography-paragraph-body-max-width: 780px; --typography-paragraph-small-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-small-font-weight: 400; --typography-paragraph-small-font-size: 0.875rem; --typography-paragraph-small-line-height: 1.125rem; --typography-paragraph-small-letter-spacing: normal; --typography-paragraph-small-max-width: 680px; --typography-paragraph-extra-small-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-extra-small-font-weight: 400; --typography-paragraph-extra-small-font-size: 0.75rem; --typography-paragraph-extra-small-line-height: 1.125rem; --typography-paragraph-extra-small-letter-spacing: normal; --typography-paragraph-extra-small-max-width: 600px; --typography-paragraph-bold-font-weight: 600; --typography-button-primary-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-button-primary-font-weight: 700; --typography-button-primary-font-size: 1.125rem; --typography-button-primary-line-height: 1.5rem; --typography-button-primary-letter-spacing: normal; --typography-button-secondary-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-button-secondary-font-weight: 500; --typography-button-secondary-font-size: 1rem; --typography-button-secondary-line-height: 1.5rem; --typography-button-secondary-letter-spacing: normal;}
4
+ :root{--theme-key: heart; --animation-easing-function-ease-in-out: cubic-bezier(0.455, 0.03, 0.515, 0.955); --animation-easing-function-ease-in: cubic-bezier(0.55, 0.085, 0.68, 0.53); --animation-easing-function-ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94); --animation-easing-function-linear: linear; --animation-easing-function-bounce-in: cubic-bezier(0.485, 0.155, 0.24, 1.245); --animation-easing-function-bounce-out: cubic-bezier(0.485, 0.155, 0.515, 0.845); --animation-easing-function-bounce-in-out: cubic-bezier(0.76, -0.245, 0.24, 1.245); --animation-duration-instant: 0ms; --animation-duration-immediate: 100ms; --animation-duration-rapid: 200ms; --animation-duration-fast: 300ms; --animation-duration-slow: 400ms; --animation-duration-deliberate: 700ms; --border-solid-border-width: 2px; --border-solid-border-radius: 7px; --border-solid-border-style: solid; --border-solid-border-color: #e1e2ea; --border-solid-border-color-rgb: 225, 226, 234; --border-dashed-border-width: 2px; --border-dashed-border-radius: 7px; --border-dashed-border-style: dashed; --border-borderless-border-width: 2px; --border-borderless-border-radius: 7px; --border-borderless-border-style: solid; --border-borderless-border-color: transparent; --border-borderless-border-color-rgb: 0, 0, 0; --border-focus-ring-border-width: 2px; --border-focus-ring-border-radius: 10px; --border-focus-ring-border-style: solid; --color-purple-100: #f4edf8; --color-purple-100-rgb: 244, 237, 248; --color-purple-200: #dfc9ea; --color-purple-200-rgb: 223, 201, 234; --color-purple-300: #c9a5dd; --color-purple-300-rgb: 201, 165, 221; --color-purple-400: #ae67b1; --color-purple-400-rgb: 174, 103, 177; --color-purple-500: #844587; --color-purple-500-rgb: 132, 69, 135; --color-purple-600: #5f3361; --color-purple-600-rgb: 95, 51, 97; --color-purple-700: #4a234d; --color-purple-700-rgb: 74, 35, 77; --color-purple-800: #2f2438; --color-purple-800-rgb: 47, 36, 56; --color-blue-100: #e6f6ff; --color-blue-100-rgb: 230, 246, 255; --color-blue-200: #bde2f5; --color-blue-200-rgb: 189, 226, 245; --color-blue-300: #73c0e8; --color-blue-300-rgb: 115, 192, 232; --color-blue-400: #008bd6; --color-blue-400-rgb: 0, 139, 214; --color-blue-500: #0168b3; --color-blue-500-rgb: 1, 104, 179; --color-blue-600: #004970; --color-blue-600-rgb: 0, 73, 112; --color-blue-700: #003157; --color-blue-700-rgb: 0, 49, 87; --color-green-100: #e8f8f4; --color-green-100-rgb: 232, 248, 244; --color-green-200: #c4ede2; --color-green-200-rgb: 196, 237, 226; --color-green-300: #8fdbc7; --color-green-300-rgb: 143, 219, 199; --color-green-400: #5dcbad; --color-green-400-rgb: 93, 203, 173; --color-green-500: #44a289; --color-green-500-rgb: 68, 162, 137; --color-green-600: #2c7d67; --color-green-600-rgb: 44, 125, 103; --color-green-700: #22594a; --color-green-700-rgb: 34, 89, 74; --color-yellow-100: #fff9e4; --color-yellow-100-rgb: 255, 249, 228; --color-yellow-200: #ffeeb3; --color-yellow-200-rgb: 255, 238, 179; --color-yellow-300: #ffe36e; --color-yellow-300-rgb: 255, 227, 110; --color-yellow-400: #ffca4d; --color-yellow-400-rgb: 255, 202, 77; --color-yellow-500: #ffb600; --color-yellow-500-rgb: 255, 182, 0; --color-yellow-600: #c68600; --color-yellow-600-rgb: 198, 134, 0; --color-yellow-700: #876400; --color-yellow-700-rgb: 135, 100, 0; --color-red-100: #fdeaee; --color-red-100-rgb: 253, 234, 238; --color-red-200: #f9c2cb; --color-red-200-rgb: 249, 194, 203; --color-red-300: #f597a8; --color-red-300-rgb: 245, 151, 168; --color-red-400: #e0707d; --color-red-400-rgb: 224, 112, 125; --color-red-500: #c93b55; --color-red-500-rgb: 201, 59, 85; --color-red-600: #a82433; --color-red-600-rgb: 168, 36, 51; --color-red-700: #6c1e20; --color-red-700-rgb: 108, 30, 32; --color-orange-100: #fff0e8; --color-orange-100-rgb: 255, 240, 232; --color-orange-200: #ffd1b9; --color-orange-200-rgb: 255, 209, 185; --color-orange-300: #ffb08a; --color-orange-300-rgb: 255, 176, 138; --color-orange-400: #ff9461; --color-orange-400-rgb: 255, 148, 97; --color-orange-500: #e96c2f; --color-orange-500-rgb: 233, 108, 47; --color-orange-600: #b74302; --color-orange-600-rgb: 183, 67, 2; --color-orange-700: #903c00; --color-orange-700-rgb: 144, 60, 0; --color-gray-100: #f9f9f9; --color-gray-100-rgb: 249, 249, 249; --color-gray-200: #f4f4f5; --color-gray-200-rgb: 244, 244, 245; --color-gray-300: #eaeaec; --color-gray-300-rgb: 234, 234, 236; --color-gray-400: #cdcdd0; --color-gray-400-rgb: 205, 205, 208; --color-gray-500: #8c8c97; --color-gray-500-rgb: 140, 140, 151; --color-gray-600: #524e56; --color-gray-600-rgb: 82, 78, 86; --color-white: #ffffff; --color-white-rgb: 255, 255, 255; --data-viz-favorable: #7dd5bd; --data-viz-favorable-rgb: 125, 213, 189; --data-viz-unfavorable: #e68d97; --data-viz-unfavorable-rgb: 230, 141, 151; --layout-content-max-width: 1392px; --layout-content-max-width-with-sidebar: 1080px; --layout-content-side-margin: 72px; --layout-mobile-actions-drawer-height: 60px; --layout-navigation-bar-height: 72px; --layout-breakpoints-medium: 768px; --layout-breakpoints-large: 1080px; --shadow-small-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1); --shadow-large-box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1); --spacing-0: 0; --spacing-1: .0625rem; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-6: .375rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-32: 2rem; --spacing-40: 2.5rem; --spacing-48: 3rem; --spacing-56: 3.5rem; --spacing-64: 4rem; --spacing-72: 4.5rem; --spacing-80: 5rem; --spacing-96: 6rem; --spacing-112: 7rem; --spacing-128: 8rem; --spacing-160: 10rem; --spacing-200: 12.5rem; --spacing-240: 15rem; --spacing-280: 17.5rem; --spacing-320: 20rem; --spacing-xs: 0.375rem; --spacing-sm: 0.75rem; --spacing-md: 1.5rem; --spacing-lg: 2.25rem; --spacing-xl: 3rem; --spacing-xxl: 3.75rem; --spacing-xxxl: 4.5rem; --spacing-xxxxl: 5.25rem; --spacing-xxxxxl: 6rem; --typography-data-large-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-large-font-weight: 700; --typography-data-large-font-size: 5.25rem; --typography-data-large-line-height: 5.25rem; --typography-data-large-letter-spacing: normal; --typography-data-large-units-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-large-units-font-weight: 700; --typography-data-large-units-font-size: 2.625rem; --typography-data-large-units-line-height: 5.25rem; --typography-data-large-units-letter-spacing: normal; --typography-data-medium-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-medium-font-weight: 700; --typography-data-medium-font-size: 3rem; --typography-data-medium-line-height: 5rem; --typography-data-medium-letter-spacing: normal; --typography-data-medium-units-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-medium-units-font-weight: 700; --typography-data-medium-units-font-size: 1.5rem; --typography-data-medium-units-line-height: 5rem; --typography-data-medium-units-letter-spacing: normal; --typography-data-small-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-small-font-weight: 700; --typography-data-small-font-size: 1.5rem; --typography-data-small-line-height: 1.5rem; --typography-data-small-letter-spacing: normal; --typography-data-small-units-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-data-small-units-font-weight: 700; --typography-data-small-units-font-size: 1.125rem; --typography-data-small-units-line-height: 1.5rem; --typography-data-small-units-letter-spacing: normal; --typography-display-0-font-family: "Tiempos Headline", Georgia, serif; --typography-display-0-font-weight: 800; --typography-display-0-font-size: 4.5rem; --typography-display-0-line-height: 5.25rem; --typography-display-0-letter-spacing: 0em; --typography-heading-1-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-1-font-weight: 700; --typography-heading-1-font-size: 2.125rem; --typography-heading-1-line-height: 2.625rem; --typography-heading-1-letter-spacing: normal; --typography-heading-2-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-2-font-weight: 700; --typography-heading-2-font-size: 1.75rem; --typography-heading-2-line-height: 2.25rem; --typography-heading-2-letter-spacing: normal; --typography-heading-3-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-3-font-weight: 700; --typography-heading-3-font-size: 1.375rem; --typography-heading-3-line-height: 1.875rem; --typography-heading-3-letter-spacing: normal; --typography-heading-4-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-4-font-weight: 600; --typography-heading-4-font-size: 1.125rem; --typography-heading-4-line-height: 1.5rem; --typography-heading-4-letter-spacing: normal; --typography-heading-5-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-5-font-weight: 600; --typography-heading-5-font-size: 1rem; --typography-heading-5-line-height: 1.5rem; --typography-heading-5-letter-spacing: normal; --typography-heading-6-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-heading-6-font-weight: 700; --typography-heading-6-font-size: 0.875rem; --typography-heading-6-line-height: 1.5rem; --typography-heading-6-letter-spacing: normal; --typography-paragraph-intro-lede-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-intro-lede-font-weight: 400; --typography-paragraph-intro-lede-font-size: 1.25rem; --typography-paragraph-intro-lede-line-height: 1.875rem; --typography-paragraph-intro-lede-letter-spacing: 0; --typography-paragraph-intro-lede-max-width: 975px; --typography-paragraph-body-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-body-font-weight: 400; --typography-paragraph-body-font-size: 1rem; --typography-paragraph-body-line-height: 1.5rem; --typography-paragraph-body-letter-spacing: normal; --typography-paragraph-body-max-width: 780px; --typography-paragraph-small-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-small-font-weight: 400; --typography-paragraph-small-font-size: 0.875rem; --typography-paragraph-small-line-height: 1.125rem; --typography-paragraph-small-letter-spacing: normal; --typography-paragraph-small-max-width: 680px; --typography-paragraph-extra-small-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-paragraph-extra-small-font-weight: 400; --typography-paragraph-extra-small-font-size: 0.75rem; --typography-paragraph-extra-small-line-height: 1.125rem; --typography-paragraph-extra-small-letter-spacing: normal; --typography-paragraph-extra-small-max-width: 600px; --typography-paragraph-bold-font-weight: 600; --typography-button-primary-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-button-primary-font-weight: 700; --typography-button-primary-font-size: 1.125rem; --typography-button-primary-line-height: 1.5rem; --typography-button-primary-letter-spacing: normal; --typography-button-secondary-font-family: "Inter", "Noto Sans", Helvetica, Arial, sans-serif; --typography-button-secondary-font-weight: 500; --typography-button-secondary-font-size: 1rem; --typography-button-secondary-line-height: 1.5rem; --typography-button-secondary-letter-spacing: normal;}
5
5
 
package/dist/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export * from "./themes";
2
- export * from "./types";
3
- export * from "./ThemeManager";
4
- export * from "./react";
5
- export { makeCssVariableDefinitionsMap } from "./lib/makeCssVariableDefinitionsMap";
6
- export { makeCSSVariableTheme } from "./lib/makeCssVariableTheme";
7
- export { mapLeafsOfObject } from "./lib/mapLeafsOfObject";
1
+ export * from "./legacy/themes";
2
+ export * from "./legacy/types";
3
+ export * from "./legacy/ThemeManager";
4
+ export * from "./legacy/ThemeProvider";
5
+ export { makeCssVariableDefinitionsMap } from "./legacy/makeCssVariableDefinitionsMap";
6
+ export { makeCSSVariableTheme } from "./legacy/makeCssVariableTheme";
7
+ export { mapLeafsOfObject } from "./legacy/mapLeafsOfObject";
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAA;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AAEtC,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAA;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA"}
package/dist/index.js CHANGED
@@ -1,4 +1,7 @@
1
1
  "use strict";
2
+ // These are all deprecated, consumers should not be interacting directly with our
3
+ // design token primitives, rather through our compiled tokens js/scss/less.
4
+ // Remove these on next major
2
5
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
6
  if (k2 === undefined) k2 = k;
4
7
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -15,15 +18,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
18
  };
16
19
  Object.defineProperty(exports, "__esModule", { value: true });
17
20
  exports.mapLeafsOfObject = exports.makeCSSVariableTheme = exports.makeCssVariableDefinitionsMap = void 0;
18
- // These are exposed at the top level because it seems like they are the most useful and relevent to usage of design tokens.
19
- __exportStar(require("./themes"), exports);
20
- __exportStar(require("./types"), exports);
21
- __exportStar(require("./ThemeManager"), exports);
22
- __exportStar(require("./react"), exports);
23
- var makeCssVariableDefinitionsMap_1 = require("./lib/makeCssVariableDefinitionsMap");
21
+ __exportStar(require("./legacy/themes"), exports);
22
+ __exportStar(require("./legacy/types"), exports);
23
+ __exportStar(require("./legacy/ThemeManager"), exports);
24
+ __exportStar(require("./legacy/ThemeProvider"), exports);
25
+ var makeCssVariableDefinitionsMap_1 = require("./legacy/makeCssVariableDefinitionsMap");
24
26
  Object.defineProperty(exports, "makeCssVariableDefinitionsMap", { enumerable: true, get: function () { return makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap; } });
25
- var makeCssVariableTheme_1 = require("./lib/makeCssVariableTheme");
27
+ var makeCssVariableTheme_1 = require("./legacy/makeCssVariableTheme");
26
28
  Object.defineProperty(exports, "makeCSSVariableTheme", { enumerable: true, get: function () { return makeCssVariableTheme_1.makeCSSVariableTheme; } });
27
- var mapLeafsOfObject_1 = require("./lib/mapLeafsOfObject");
29
+ var mapLeafsOfObject_1 = require("./legacy/mapLeafsOfObject");
28
30
  Object.defineProperty(exports, "mapLeafsOfObject", { enumerable: true, get: function () { return mapLeafsOfObject_1.mapLeafsOfObject; } });
29
31
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4HAA4H;AAC5H,2CAAwB;AACxB,0CAAuB;AACvB,iDAA8B;AAC9B,0CAAuB;AAEvB,qFAAmF;AAA1E,8IAAA,6BAA6B,OAAA;AACtC,mEAAiE;AAAxD,4HAAA,oBAAoB,OAAA;AAC7B,2DAAyD;AAAhD,oHAAA,gBAAgB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,kFAAkF;AAClF,4EAA4E;AAC5E,6BAA6B;;;;;;;;;;;;;;;;;AAE7B,kDAA+B;AAC/B,iDAA8B;AAC9B,wDAAqC;AACrC,yDAAsC;AAEtC,wFAAsF;AAA7E,8IAAA,6BAA6B,OAAA;AACtC,sEAAoE;AAA3D,4HAAA,oBAAoB,OAAA;AAC7B,8DAA4D;AAAnD,oHAAA,gBAAgB,OAAA"}
@@ -0,0 +1,2 @@
1
+ export * from "./tokens";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./ThemeProvider"), exports);
17
+ __exportStar(require("./tokens"), exports);
18
18
  //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB"}
@@ -0,0 +1,3 @@
1
+ import { TokenStructure } from "../types";
2
+ export declare const tokens: TokenStructure;
3
+ //# sourceMappingURL=tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/js/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,eAAO,MAAM,MAAM,EAAE,cAwTpB,CAAA"}
@@ -0,0 +1,315 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.tokens = void 0;
4
+ exports.tokens = {
5
+ animation: {
6
+ easingFunction: {
7
+ easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
8
+ easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
9
+ easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
10
+ linear: "linear",
11
+ bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
12
+ bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
13
+ bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)",
14
+ },
15
+ duration: {
16
+ instant: "0ms",
17
+ immediate: "100ms",
18
+ rapid: "200ms",
19
+ fast: "300ms",
20
+ slow: "400ms",
21
+ deliberate: "700ms",
22
+ },
23
+ },
24
+ border: {
25
+ solid: {
26
+ borderWidth: "2px",
27
+ borderRadius: "7px",
28
+ borderStyle: "solid",
29
+ borderColor: "#e1e2ea",
30
+ },
31
+ dashed: {
32
+ borderWidth: "2px",
33
+ borderRadius: "7px",
34
+ borderStyle: "dashed",
35
+ },
36
+ borderless: {
37
+ borderWidth: "2px",
38
+ borderRadius: "7px",
39
+ borderStyle: "solid",
40
+ borderColor: "transparent",
41
+ },
42
+ focusRing: {
43
+ borderWidth: "2px",
44
+ borderRadius: "10px",
45
+ borderStyle: "solid",
46
+ },
47
+ },
48
+ color: {
49
+ purple: {
50
+ 100: "#f4edf8",
51
+ 200: "#dfc9ea",
52
+ 300: "#c9a5dd",
53
+ 400: "#ae67b1",
54
+ 500: "#844587",
55
+ 600: "#5f3361",
56
+ 700: "#4a234d",
57
+ 800: "#2f2438",
58
+ },
59
+ blue: {
60
+ 100: "#e6f6ff",
61
+ 200: "#bde2f5",
62
+ 300: "#73c0e8",
63
+ 400: "#008bd6",
64
+ 500: "#0168b3",
65
+ 600: "#004970",
66
+ 700: "#003157",
67
+ },
68
+ green: {
69
+ 100: "#e8f8f4",
70
+ 200: "#c4ede2",
71
+ 300: "#8fdbc7",
72
+ 400: "#5dcbad",
73
+ 500: "#44a289",
74
+ 600: "#2c7d67",
75
+ 700: "#22594a",
76
+ },
77
+ yellow: {
78
+ 100: "#fff9e4",
79
+ 200: "#ffeeb3",
80
+ 300: "#ffe36e",
81
+ 400: "#ffca4d",
82
+ 500: "#ffb600",
83
+ 600: "#c68600",
84
+ 700: "#876400",
85
+ },
86
+ red: {
87
+ 100: "#fdeaee",
88
+ 200: "#f9c2cb",
89
+ 300: "#f597a8",
90
+ 400: "#e0707d",
91
+ 500: "#c93b55",
92
+ 600: "#a82433",
93
+ 700: "#6c1e20",
94
+ },
95
+ orange: {
96
+ 100: "#fff0e8",
97
+ 200: "#ffd1b9",
98
+ 300: "#ffb08a",
99
+ 400: "#ff9461",
100
+ 500: "#e96c2f",
101
+ 600: "#b74302",
102
+ 700: "#903c00",
103
+ },
104
+ gray: {
105
+ 100: "#f9f9f9",
106
+ 200: "#f4f4f5",
107
+ 300: "#eaeaec",
108
+ 400: "#cdcdd0",
109
+ 500: "#8c8c97",
110
+ 600: "#524e56",
111
+ },
112
+ white: "#ffffff",
113
+ },
114
+ dataViz: {
115
+ favorable: "#7dd5bd",
116
+ unfavorable: "#e68d97",
117
+ },
118
+ layout: {
119
+ contentMaxWidth: "1392px",
120
+ contentMaxWidthWithSidebar: "1080px",
121
+ contentSideMargin: "72px",
122
+ mobileActionsDrawerHeight: "60px",
123
+ navigationBarHeight: "72px",
124
+ breakpoints: {
125
+ medium: "768px",
126
+ large: "1080px",
127
+ },
128
+ },
129
+ shadow: {
130
+ small: {
131
+ boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)",
132
+ },
133
+ large: {
134
+ boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)",
135
+ },
136
+ },
137
+ spacing: {
138
+ xs: "0.375rem",
139
+ sm: "0.75rem",
140
+ md: "1.5rem",
141
+ lg: "2.25rem",
142
+ xl: "3rem",
143
+ xxl: "3.75rem",
144
+ xxxl: "4.5rem",
145
+ xxxxl: "5.25rem",
146
+ xxxxxl: "6rem",
147
+ 0: "0",
148
+ 1: ".0625rem",
149
+ 2: ".125rem",
150
+ 4: ".25rem",
151
+ 6: ".375rem",
152
+ 8: ".5rem",
153
+ 12: ".75rem",
154
+ 16: "1rem",
155
+ 24: "1.5rem",
156
+ 32: "2rem",
157
+ 40: "2.5rem",
158
+ 48: "3rem",
159
+ 56: "3.5rem",
160
+ 64: "4rem",
161
+ 72: "4.5rem",
162
+ 80: "5rem",
163
+ 96: "6rem",
164
+ 112: "7rem",
165
+ 128: "8rem",
166
+ 160: "10rem",
167
+ 200: "12.5rem",
168
+ 240: "15rem",
169
+ 280: "17.5rem",
170
+ 320: "20rem",
171
+ },
172
+ typography: {
173
+ dataLarge: {
174
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
175
+ fontWeight: 700,
176
+ fontSize: "5.25rem",
177
+ lineHeight: "5.25rem",
178
+ letterSpacing: "normal",
179
+ },
180
+ dataLargeUnits: {
181
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
182
+ fontWeight: 700,
183
+ fontSize: "2.625rem",
184
+ lineHeight: "5.25rem",
185
+ letterSpacing: "normal",
186
+ },
187
+ dataMedium: {
188
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
189
+ fontWeight: 700,
190
+ fontSize: "3rem",
191
+ lineHeight: "5rem",
192
+ letterSpacing: "normal",
193
+ },
194
+ dataMediumUnits: {
195
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
196
+ fontWeight: 700,
197
+ fontSize: "1.5rem",
198
+ lineHeight: "5rem",
199
+ letterSpacing: "normal",
200
+ },
201
+ dataSmall: {
202
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
203
+ fontWeight: 700,
204
+ fontSize: "1.5rem",
205
+ lineHeight: "1.5rem",
206
+ letterSpacing: "normal",
207
+ },
208
+ dataSmallUnits: {
209
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
210
+ fontWeight: 700,
211
+ fontSize: "1.125rem",
212
+ lineHeight: "1.5rem",
213
+ letterSpacing: "normal",
214
+ },
215
+ display0: {
216
+ fontFamily: '"Tiempos Headline", Georgia, serif',
217
+ fontWeight: 800,
218
+ fontSize: "4.5rem",
219
+ lineHeight: "5.25rem",
220
+ letterSpacing: "0em",
221
+ },
222
+ heading1: {
223
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
224
+ fontWeight: 700,
225
+ fontSize: "2.125rem",
226
+ lineHeight: "2.625rem",
227
+ letterSpacing: "normal",
228
+ },
229
+ heading2: {
230
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
231
+ fontWeight: 700,
232
+ fontSize: "1.75rem",
233
+ lineHeight: "2.25rem",
234
+ letterSpacing: "normal",
235
+ },
236
+ heading3: {
237
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
238
+ fontWeight: 700,
239
+ fontSize: "1.375rem",
240
+ lineHeight: "1.875rem",
241
+ letterSpacing: "normal",
242
+ },
243
+ heading4: {
244
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
245
+ fontWeight: 600,
246
+ fontSize: "1.125rem",
247
+ lineHeight: "1.5rem",
248
+ letterSpacing: "normal",
249
+ },
250
+ heading5: {
251
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
252
+ fontWeight: 600,
253
+ fontSize: "1rem",
254
+ lineHeight: "1.5rem",
255
+ letterSpacing: "normal",
256
+ },
257
+ heading6: {
258
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
259
+ fontWeight: 700,
260
+ fontSize: "0.875rem",
261
+ lineHeight: "1.5rem",
262
+ letterSpacing: "normal",
263
+ },
264
+ paragraphIntroLede: {
265
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
266
+ fontWeight: 400,
267
+ fontSize: "1.25rem",
268
+ lineHeight: "1.875rem",
269
+ letterSpacing: "0",
270
+ maxWidth: "975px",
271
+ },
272
+ paragraphBody: {
273
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
274
+ fontWeight: 400,
275
+ fontSize: "1rem",
276
+ lineHeight: "1.5rem",
277
+ letterSpacing: "normal",
278
+ maxWidth: "780px",
279
+ },
280
+ paragraphSmall: {
281
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
282
+ fontWeight: 400,
283
+ fontSize: "0.875rem",
284
+ lineHeight: "1.125rem",
285
+ letterSpacing: "normal",
286
+ maxWidth: "680px",
287
+ },
288
+ paragraphExtraSmall: {
289
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
290
+ fontWeight: 400,
291
+ fontSize: "0.75rem",
292
+ lineHeight: "1.125rem",
293
+ letterSpacing: "normal",
294
+ maxWidth: "600px",
295
+ },
296
+ paragraphBold: {
297
+ fontWeight: 600,
298
+ },
299
+ buttonPrimary: {
300
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
301
+ fontWeight: 700,
302
+ fontSize: "1.125rem",
303
+ lineHeight: "1.5rem",
304
+ letterSpacing: "normal",
305
+ },
306
+ buttonSecondary: {
307
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
308
+ fontWeight: 500,
309
+ fontSize: "1rem",
310
+ lineHeight: "1.5rem",
311
+ letterSpacing: "normal",
312
+ },
313
+ },
314
+ };
315
+ //# sourceMappingURL=tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/js/tokens.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../src/legacy/ThemeManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAA;AAC5C;;;;;;GAMG;AACH;;;;GAIG;AACH,qBAAa,YAAY,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IAC3D,OAAO,CAAC,oBAAoB,CAAsC;IAClE,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,aAAa,CAAQ;gBAG3B,KAAK,EAAE,KAAK,EACZ,aAAa,GAAE,MAAW,EAE1B,KAAK,GAAE,OAAc;IAWhB,cAAc,QAAO,WAAW,GAAG,IAAI,CAAoB;IAC3D,gBAAgB,QAAO,MAAM,CAAsB;IACnD,eAAe,QAAO,KAAK,CAAc;IAEzC,cAAc,YAAa,WAAW,KAAG,IAAI,CAEnD;IACM,gBAAgB,kBAAmB,MAAM,KAAG,MAAM,CACnB;IAC/B,gBAAgB,UAAW,KAAK,UAAU,OAAO,KAAG,IAAI,CAO9D;IAEM,sBAAsB,qBAAsB,KAAK,KAAK,IAAI,KAAG,IAAI,CAEvE;IACM,yBAAyB,qBACZ,KAAK,KAAK,IAAI,KAC/B,IAAI,CAIN;IACM,iBAAiB,QAAO,IAAI,CAUlC;IAED,OAAO,CAAC,0BAA0B,CAEjC;CACF"}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ThemeManager = void 0;
4
- var makeCssVariableDefinitionsMap_1 = require("./lib/makeCssVariableDefinitionsMap");
4
+ var makeCssVariableDefinitionsMap_1 = require("../lib/makeCssVariableDefinitionsMap");
5
5
  /**
6
6
  * Use this class to set and apply themes, and to access or subscribe to the currently active one.
7
7
  * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../src/legacy/ThemeManager.ts"],"names":[],"mappings":";;;AAAA,sFAAoF;AAEpF;;;;;;GAMG;AACH;;;;GAIG;AACH;IAME,sBACE,KAAY,EACZ,aAA0B;IAC1B,oHAAoH;IACpH,KAAqB;QAFrB,8BAAA,EAAA,kBAA0B;QAE1B,sBAAA,EAAA,YAAqB;QAJvB,iBAaC;QAlBO,yBAAoB,GAAG,EAAmC,CAAA;QAE1D,gBAAW,GAAuB,IAAI,CAAA;QAkBvC,mBAAc,GAAG,cAA0B,OAAA,KAAI,CAAC,WAAW,EAAhB,CAAgB,CAAA;QAC3D,qBAAgB,GAAG,cAAc,OAAA,KAAI,CAAC,aAAa,EAAlB,CAAkB,CAAA;QACnD,oBAAe,GAAG,cAAa,OAAA,KAAI,CAAC,KAAK,EAAV,CAAU,CAAA;QAEzC,mBAAc,GAAG,UAAC,OAAoB;YAC3C,KAAI,CAAC,WAAW,GAAG,OAAO,CAAA;QAC5B,CAAC,CAAA;QACM,qBAAgB,GAAG,UAAC,aAAqB;YAC9C,OAAA,CAAC,KAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QAApC,CAAoC,CAAA;QAC/B,qBAAgB,GAAG,UAAC,KAAY,EAAE,KAAe;YACtD,IAAI,CAAC,KAAK,EAAE;gBACV,IAAI,KAAI,CAAC,KAAK,KAAK,KAAK;oBAAE,OAAM;aACjC;YACD,KAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YAClB,KAAI,CAAC,iBAAiB,EAAE,CAAA;YACxB,KAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAA;QAEM,2BAAsB,GAAG,UAAC,QAAgC;YAC/D,KAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC1C,CAAC,CAAA;QACM,8BAAyB,GAAG,UACjC,QAAgC;YAEhC,KAAI,CAAC,oBAAoB,GAAG,KAAI,CAAC,oBAAoB,CAAC,MAAM,CAC1D,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,QAAQ,EAAd,CAAc,CACpB,CAAA;QACH,CAAC,CAAA;QACM,sBAAiB,GAAG;;YACzB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBACjC,KAAI,CAAC,cAAc,CACjB,MAAA,QAAQ,CAAC,cAAc,CAAC,KAAI,CAAC,aAAa,CAAC,mCAAI,QAAQ,CAAC,eAAe,CACxE,CAAA;gBACD,IAAM,sBAAsB,GAAG,IAAA,6DAA6B,EAAC,KAAI,CAAC,KAAK,CAAC,CAAA;gBACxE,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;;wBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;oBACzD,MAAA,KAAI,CAAC,WAAW,0CAAE,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;gBACjD,CAAC,CAAC,CAAA;aACH;QACH,CAAC,CAAA;QAEO,+BAA0B,GAAG,UAAC,KAAY;YAChD,KAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,CAAC,CAAA;QAChE,CAAC,CAAA;QAnDC;;;UAGE;QACF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,KAAK;YAAE,IAAI,CAAC,iBAAiB,EAAE,CAAA;IACrC,CAAC;IA6CH,mBAAC;AAAD,CAAC,AAhED,IAgEC;AAhEY,oCAAY;AAkEzB,gIAAgI;AAChI,kIAAkI;AAClI,uEAAuE"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/legacy/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,YAAY,EAAgB,KAAK,EAAE,MAAM,IAAI,CAAA;AAEtD,eAAO,MAAM,YAAY,sBAA2C,CAAA;AAEpE;;;GAGG;AACH;;;;GAIG;AACH,eAAO,MAAM,aAAa;;cAKd,MAAM,SAAS;MACvB,WA8DH,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,KAAuC,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/legacy/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,wBAAsD;AAEzC,QAAA,YAAY,GAAG,eAAK,CAAC,aAAa,CAAQ,gBAAY,CAAC,CAAA;AAEpE;;;GAGG;AACH;;;;GAIG;AACI,IAAM,aAAa,GAAG,UAAC,EAM7B;IALC,IAAA,YAAY,kBAAA,EACT,KAAK,cAFoB,gBAG7B,CADS;IAKD,IAAA,oBAAoB,GAAI,IAAA,gBAAQ,EACrC,cAAM,OAAA,YAAY,IAAI,IAAI,gBAAY,CAAC,gBAAY,CAAC,EAA9C,CAA8C,CACrD,GAF0B,CAE1B;IAEK,IAAA,KAAoB,eAAK,CAAC,QAAQ,CACtC,oBAAoB,CAAC,eAAe,EAAE,CACvC,EAFM,KAAK,QAAA,EAAE,QAAQ,QAErB,CAAA;IACD,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,IAAM,QAAQ,GAAG,UAAC,QAAe;YAC/B,IAAI,CAAC,SAAS;gBAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACpC,CAAC,CAAA;QACD,oBAAoB,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAA;QACrD,OAAO;YACL,SAAS,GAAG,IAAI,CAAA;YAChB,oBAAoB,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAA;QAC1D,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACE,8BAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAChC,KAAK,CAAC,QAAQ,CACO;QACxB,wCACE,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,oEAAoE,EACzE,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,YAAY,EACjB,WAAW,EAAC,WAAW,GACvB;QACF,wCACE,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,yEAAyE,EAC9E,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,YAAY,EACjB,WAAW,EAAC,WAAW,GACvB;QACF,wCACE,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,sEAAsE,EAC3E,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,YAAY,EACjB,WAAW,EAAC,WAAW,GACvB;QACF,wCACE,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,uEAAuE,EAC5E,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,YAAY,EACjB,WAAW,EAAC,WAAW,GACvB;QACF,wCACE,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,iFAAiF,EACtF,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,YAAY,EACjB,WAAW,EAAC,WAAW,GACvB,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AApEY,QAAA,aAAa,iBAoEzB;AAEM,IAAM,QAAQ,GAAG,cAAa,OAAA,eAAK,CAAC,UAAU,CAAC,oBAAY,CAAC,EAA9B,CAA8B,CAAA;AAAtD,QAAA,QAAQ,YAA8C"}
@@ -0,0 +1,33 @@
1
+ /**
2
+
3
+ * Make a map of CSS variables -> values in a consistent way.
4
+ * Use this to, for example, create a CSS file that declares each theme variable on the `:root` pseudo element.
5
+ * Or for example when you're defining CSS variables using `rootElement.style.setProperty` within ThemeManager.
6
+ *
7
+ * It is paramount that this function defines every variable that {@link makeCssVariableTheme} expects to be defined.
8
+ * Otherwise, it's possible that a CSS variable token (something that looks like var(--color-purple-100-rgb)) won't have a matching defined
9
+ * CSS variable like `--color-purple-100-rgb: 123, 123, 123;`
10
+ *
11
+ *
12
+ * For example:
13
+ * Input:
14
+ * ```
15
+ * {
16
+ * color: {
17
+ * whatever: {
18
+ * 100: "#ff0022"
19
+ * }
20
+ * }
21
+ * }
22
+ * ```
23
+ * Output:
24
+ * ```
25
+ * {
26
+ * "--color-whatever-100": "#ff0022"
27
+ * }
28
+ */
29
+ /**
30
+ * @deprecated Not needed if you are using `KaizenProvider` from `@kaizen/components` or `defaultPreset` from next-services.
31
+ */
32
+ export declare function makeCssVariableDefinitionsMap(theme: Record<string | number, unknown>): Record<string, string>;
33
+ //# sourceMappingURL=makeCssVariableDefinitionsMap.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeCssVariableDefinitionsMap.d.ts","sourceRoot":"","sources":["../../src/legacy/makeCssVariableDefinitionsMap.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GACtC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAoBxB"}
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.makeCssVariableDefinitionsMap = void 0;
15
+ var addExtraThemeEntries_1 = require("../lib/addExtraThemeEntries");
16
+ var cssVariables_1 = require("../lib/cssVariables");
17
+ var mapLeafsOfObject_1 = require("./mapLeafsOfObject");
18
+ /**
19
+
20
+ * Make a map of CSS variables -> values in a consistent way.
21
+ * Use this to, for example, create a CSS file that declares each theme variable on the `:root` pseudo element.
22
+ * Or for example when you're defining CSS variables using `rootElement.style.setProperty` within ThemeManager.
23
+ *
24
+ * It is paramount that this function defines every variable that {@link makeCssVariableTheme} expects to be defined.
25
+ * Otherwise, it's possible that a CSS variable token (something that looks like var(--color-purple-100-rgb)) won't have a matching defined
26
+ * CSS variable like `--color-purple-100-rgb: 123, 123, 123;`
27
+ *
28
+ *
29
+ * For example:
30
+ * Input:
31
+ * ```
32
+ * {
33
+ * color: {
34
+ * whatever: {
35
+ * 100: "#ff0022"
36
+ * }
37
+ * }
38
+ * }
39
+ * ```
40
+ * Output:
41
+ * ```
42
+ * {
43
+ * "--color-whatever-100": "#ff0022"
44
+ * }
45
+ */
46
+ /**
47
+ * @deprecated Not needed if you are using `KaizenProvider` from `@kaizen/components` or `defaultPreset` from next-services.
48
+ */
49
+ function makeCssVariableDefinitionsMap(theme) {
50
+ var accumulatedCssVariables = {};
51
+ // Shamelessly using a map function like a forEach
52
+ (0, mapLeafsOfObject_1.mapLeafsOfObject)(theme, function (path, value) {
53
+ // Key will be `--color-blah`
54
+ var key = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
55
+ var nextCssVariables = (0, addExtraThemeEntries_1.addExtraThemeEntries)(path, key, value, function (_, v) { return "".concat(v); }, { augmentWithId: false });
56
+ accumulatedCssVariables = __assign(__assign({}, accumulatedCssVariables), nextCssVariables);
57
+ });
58
+ return accumulatedCssVariables;
59
+ }
60
+ exports.makeCssVariableDefinitionsMap = makeCssVariableDefinitionsMap;
61
+ //# sourceMappingURL=makeCssVariableDefinitionsMap.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeCssVariableDefinitionsMap.js","sourceRoot":"","sources":["../../src/legacy/makeCssVariableDefinitionsMap.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,oEAAkE;AAClE,oDAAkE;AAClE,uDAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH;;GAEG;AACH,SAAgB,6BAA6B,CAC3C,KAAuC;IAEvC,IAAI,uBAAuB,GAAG,EAA4B,CAAA;IAE1D,kDAAkD;IAClD,IAAA,mCAAgB,EAAC,KAAK,EAAE,UAAC,IAAI,EAAE,KAAK;QAClC,6BAA6B;QAC7B,IAAM,GAAG,GAAG,IAAA,2CAA4B,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAM,gBAAgB,GAAG,IAAA,2CAAoB,EAC3C,IAAI,EACJ,GAAG,EACH,KAAK,EACL,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,UAAG,CAAC,CAAE,EAAN,CAAM,EAChB,EAAE,aAAa,EAAE,KAAK,EAAE,CACzB,CAAA;QACD,uBAAuB,yBAClB,uBAAuB,GACvB,gBAAgB,CACpB,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,uBAAuB,CAAA;AAChC,CAAC;AAtBD,sEAsBC"}