@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.
- package/css/variables.css +1 -1
- package/dist/index.d.ts +7 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -8
- package/dist/index.js.map +1 -1
- package/dist/js/index.d.ts +2 -0
- package/dist/js/index.d.ts.map +1 -0
- package/dist/{react → js}/index.js +1 -1
- package/dist/js/index.js.map +1 -0
- package/dist/js/tokens.d.ts +3 -0
- package/dist/js/tokens.d.ts.map +1 -0
- package/dist/js/tokens.js +315 -0
- package/dist/js/tokens.js.map +1 -0
- package/dist/legacy/ThemeManager.d.ts.map +1 -0
- package/dist/{ThemeManager.js → legacy/ThemeManager.js} +1 -1
- package/dist/legacy/ThemeManager.js.map +1 -0
- package/dist/legacy/ThemeProvider.d.ts.map +1 -0
- package/dist/legacy/ThemeProvider.js.map +1 -0
- package/dist/legacy/makeCssVariableDefinitionsMap.d.ts +33 -0
- package/dist/legacy/makeCssVariableDefinitionsMap.d.ts.map +1 -0
- package/dist/legacy/makeCssVariableDefinitionsMap.js +61 -0
- package/dist/legacy/makeCssVariableDefinitionsMap.js.map +1 -0
- package/dist/legacy/makeCssVariableTheme.d.ts +38 -0
- package/dist/legacy/makeCssVariableTheme.d.ts.map +1 -0
- package/dist/legacy/makeCssVariableTheme.js +61 -0
- package/dist/legacy/makeCssVariableTheme.js.map +1 -0
- package/dist/legacy/mapLeafsOfObject.d.ts +26 -0
- package/dist/legacy/mapLeafsOfObject.d.ts.map +1 -0
- package/dist/legacy/mapLeafsOfObject.js +65 -0
- package/dist/legacy/mapLeafsOfObject.js.map +1 -0
- package/dist/legacy/themes/heart.d.ts.map +1 -0
- package/dist/legacy/themes/heart.js.map +1 -0
- package/dist/{themes → legacy/themes}/index.d.ts +1 -1
- package/dist/legacy/themes/index.d.ts.map +1 -0
- package/dist/legacy/themes/index.js.map +1 -0
- package/dist/legacy/types.d.ts +242 -0
- package/dist/legacy/types.d.ts.map +1 -0
- package/dist/legacy/types.js +3 -0
- package/dist/legacy/types.js.map +1 -0
- package/dist/lib/makeCssVariableDefinitionsMap.d.ts +0 -3
- package/dist/lib/makeCssVariableDefinitionsMap.d.ts.map +1 -1
- package/dist/lib/makeCssVariableDefinitionsMap.js +0 -3
- package/dist/lib/makeCssVariableDefinitionsMap.js.map +1 -1
- package/dist/lib/makeCssVariableTheme.d.ts +1 -4
- package/dist/lib/makeCssVariableTheme.d.ts.map +1 -1
- package/dist/lib/makeCssVariableTheme.js +0 -3
- package/dist/lib/makeCssVariableTheme.js.map +1 -1
- package/dist/lib/mapLeafsOfObject.d.ts +1 -4
- package/dist/lib/mapLeafsOfObject.d.ts.map +1 -1
- package/dist/lib/mapLeafsOfObject.js +0 -3
- package/dist/lib/mapLeafsOfObject.js.map +1 -1
- package/dist/types.d.ts +2 -33
- package/dist/types.d.ts.map +1 -1
- package/js/package.json +4 -0
- package/package.json +6 -6
- package/dist/ThemeManager.d.ts.map +0 -1
- package/dist/ThemeManager.js.map +0 -1
- package/dist/react/ThemeProvider.d.ts.map +0 -1
- package/dist/react/ThemeProvider.js.map +0 -1
- package/dist/react/index.d.ts +0 -2
- package/dist/react/index.d.ts.map +0 -1
- package/dist/react/index.js.map +0 -1
- package/dist/themes/heart.d.ts.map +0 -1
- package/dist/themes/heart.js.map +0 -1
- package/dist/themes/index.d.ts.map +0 -1
- package/dist/themes/index.js.map +0 -1
- package/js/index.ts +0 -2
- package/js/tokens.ts +0 -315
- package/js/types.ts +0 -249
- /package/dist/{ThemeManager.d.ts → legacy/ThemeManager.d.ts} +0 -0
- /package/dist/{react → legacy}/ThemeProvider.d.ts +0 -0
- /package/dist/{react → legacy}/ThemeProvider.js +0 -0
- /package/dist/{themes → legacy/themes}/heart.d.ts +0 -0
- /package/dist/{themes → legacy/themes}/heart.js +0 -0
- /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 "./
|
|
5
|
-
export { makeCssVariableDefinitionsMap } from "./
|
|
6
|
-
export { makeCSSVariableTheme } from "./
|
|
7
|
-
export { mapLeafsOfObject } from "./
|
|
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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
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
|
-
|
|
19
|
-
__exportStar(require("./
|
|
20
|
-
__exportStar(require("./
|
|
21
|
-
__exportStar(require("./
|
|
22
|
-
|
|
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("./
|
|
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("./
|
|
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":"
|
|
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 @@
|
|
|
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("./
|
|
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 @@
|
|
|
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("
|
|
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"}
|