@kaizen/design-tokens 10.3.18 → 10.3.20
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 +2 -2
- package/dist/js/tokens.js +4 -4
- package/dist/legacy/themes/heart.d.ts.map +1 -1
- package/dist/legacy/themes/heart.js +13 -312
- package/dist/legacy/themes/heart.js.map +1 -1
- package/dist/lib/addExtraThemeEntries.d.ts.map +1 -1
- package/less/color.less +4 -4
- package/less/shadow.less +4 -4
- package/package.json +3 -5
- package/sass/color.scss +4 -4
- package/sass/shadow.scss +4 -4
package/css/variables.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
2
|
/** THIS IS AN AUTOGENERATED FILE **/
|
|
3
|
-
|
|
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;}
|
|
3
|
+
|
|
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: #5dcaad; --color-green-400-rgb: 93, 202, 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: #878792; --color-gray-500-rgb: 135, 135, 146; --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: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06); --shadow-large-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08); --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/js/tokens.js
CHANGED
|
@@ -69,7 +69,7 @@ exports.tokens = {
|
|
|
69
69
|
100: "#e8f8f4",
|
|
70
70
|
200: "#c4ede2",
|
|
71
71
|
300: "#8fdbc7",
|
|
72
|
-
400: "#
|
|
72
|
+
400: "#5dcaad",
|
|
73
73
|
500: "#44a289",
|
|
74
74
|
600: "#2c7d67",
|
|
75
75
|
700: "#22594a",
|
|
@@ -106,7 +106,7 @@ exports.tokens = {
|
|
|
106
106
|
200: "#f4f4f5",
|
|
107
107
|
300: "#eaeaec",
|
|
108
108
|
400: "#cdcdd0",
|
|
109
|
-
500: "#
|
|
109
|
+
500: "#878792",
|
|
110
110
|
600: "#524e56",
|
|
111
111
|
},
|
|
112
112
|
white: "#ffffff",
|
|
@@ -128,10 +128,10 @@ exports.tokens = {
|
|
|
128
128
|
},
|
|
129
129
|
shadow: {
|
|
130
130
|
small: {
|
|
131
|
-
boxShadow: "
|
|
131
|
+
boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06)",
|
|
132
132
|
},
|
|
133
133
|
large: {
|
|
134
|
-
boxShadow: "
|
|
134
|
+
boxShadow: "0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08)",
|
|
135
135
|
},
|
|
136
136
|
},
|
|
137
137
|
spacing: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heart.d.ts","sourceRoot":"","sources":["../../../src/legacy/themes/heart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"heart.d.ts","sourceRoot":"","sources":["../../../src/legacy/themes/heart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAA"}
|
|
@@ -1,321 +1,22 @@
|
|
|
1
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
|
+
};
|
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
14
|
exports.heartTheme = void 0;
|
|
15
|
+
var tokens_1 = require("../../js/tokens");
|
|
4
16
|
/**
|
|
5
17
|
* @deprecated
|
|
6
18
|
* - Not needed if you are using `KaizenProvider` from `@kaizen/components` or `defaultPreset` from next-services.
|
|
7
19
|
* - If you require direct usage of these tokens in js you can `import { tokens } from "@kaizen/design-tokens/js"`
|
|
8
20
|
*/
|
|
9
|
-
exports.heartTheme = {
|
|
10
|
-
themeKey: "heart",
|
|
11
|
-
animation: {
|
|
12
|
-
easingFunction: {
|
|
13
|
-
easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
|
|
14
|
-
easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
|
|
15
|
-
easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
|
|
16
|
-
linear: "linear",
|
|
17
|
-
bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
|
|
18
|
-
bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
|
|
19
|
-
bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)",
|
|
20
|
-
},
|
|
21
|
-
duration: {
|
|
22
|
-
instant: "0ms",
|
|
23
|
-
immediate: "100ms",
|
|
24
|
-
rapid: "200ms",
|
|
25
|
-
fast: "300ms",
|
|
26
|
-
slow: "400ms",
|
|
27
|
-
deliberate: "700ms",
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
border: {
|
|
31
|
-
solid: {
|
|
32
|
-
borderWidth: "2px",
|
|
33
|
-
borderRadius: "7px",
|
|
34
|
-
borderStyle: "solid",
|
|
35
|
-
borderColor: "#e1e2ea",
|
|
36
|
-
},
|
|
37
|
-
dashed: {
|
|
38
|
-
borderWidth: "2px",
|
|
39
|
-
borderRadius: "7px",
|
|
40
|
-
borderStyle: "dashed",
|
|
41
|
-
},
|
|
42
|
-
borderless: {
|
|
43
|
-
borderWidth: "2px",
|
|
44
|
-
borderRadius: "7px",
|
|
45
|
-
borderStyle: "solid",
|
|
46
|
-
borderColor: "transparent",
|
|
47
|
-
},
|
|
48
|
-
focusRing: {
|
|
49
|
-
borderWidth: "2px",
|
|
50
|
-
borderRadius: "10px",
|
|
51
|
-
borderStyle: "solid",
|
|
52
|
-
},
|
|
53
|
-
},
|
|
54
|
-
color: {
|
|
55
|
-
purple: {
|
|
56
|
-
100: "#f4edf8",
|
|
57
|
-
200: "#dfc9ea",
|
|
58
|
-
300: "#c9a5dd",
|
|
59
|
-
400: "#ae67b1",
|
|
60
|
-
500: "#844587",
|
|
61
|
-
600: "#5f3361",
|
|
62
|
-
700: "#4a234d",
|
|
63
|
-
800: "#2f2438",
|
|
64
|
-
},
|
|
65
|
-
blue: {
|
|
66
|
-
100: "#e6f6ff",
|
|
67
|
-
200: "#bde2f5",
|
|
68
|
-
300: "#73c0e8",
|
|
69
|
-
400: "#008bd6",
|
|
70
|
-
500: "#0168b3",
|
|
71
|
-
600: "#004970",
|
|
72
|
-
700: "#003157",
|
|
73
|
-
},
|
|
74
|
-
green: {
|
|
75
|
-
100: "#e8f8f4",
|
|
76
|
-
200: "#c4ede2",
|
|
77
|
-
300: "#8fdbc7",
|
|
78
|
-
400: "#5dcbad",
|
|
79
|
-
500: "#44a289",
|
|
80
|
-
600: "#2c7d67",
|
|
81
|
-
700: "#22594a",
|
|
82
|
-
},
|
|
83
|
-
yellow: {
|
|
84
|
-
100: "#fff9e4",
|
|
85
|
-
200: "#ffeeb3",
|
|
86
|
-
300: "#ffe36e",
|
|
87
|
-
400: "#ffca4d",
|
|
88
|
-
500: "#ffb600",
|
|
89
|
-
600: "#c68600",
|
|
90
|
-
700: "#876400",
|
|
91
|
-
},
|
|
92
|
-
red: {
|
|
93
|
-
100: "#fdeaee",
|
|
94
|
-
200: "#f9c2cb",
|
|
95
|
-
300: "#f597a8",
|
|
96
|
-
400: "#e0707d",
|
|
97
|
-
500: "#c93b55",
|
|
98
|
-
600: "#a82433",
|
|
99
|
-
700: "#6c1e20",
|
|
100
|
-
},
|
|
101
|
-
orange: {
|
|
102
|
-
100: "#fff0e8",
|
|
103
|
-
200: "#ffd1b9",
|
|
104
|
-
300: "#ffb08a",
|
|
105
|
-
400: "#ff9461",
|
|
106
|
-
500: "#e96c2f",
|
|
107
|
-
600: "#b74302",
|
|
108
|
-
700: "#903c00",
|
|
109
|
-
},
|
|
110
|
-
gray: {
|
|
111
|
-
100: "#f9f9f9",
|
|
112
|
-
200: "#f4f4f5",
|
|
113
|
-
300: "#eaeaec",
|
|
114
|
-
400: "#cdcdd0",
|
|
115
|
-
500: "#8c8c97",
|
|
116
|
-
600: "#524e56",
|
|
117
|
-
},
|
|
118
|
-
white: "#ffffff",
|
|
119
|
-
},
|
|
120
|
-
dataViz: {
|
|
121
|
-
favorable: "#7dd5bd",
|
|
122
|
-
unfavorable: "#e68d97",
|
|
123
|
-
},
|
|
124
|
-
layout: {
|
|
125
|
-
contentMaxWidth: "1392px",
|
|
126
|
-
contentMaxWidthWithSidebar: "1080px",
|
|
127
|
-
contentSideMargin: "72px",
|
|
128
|
-
mobileActionsDrawerHeight: "60px",
|
|
129
|
-
navigationBarHeight: "72px",
|
|
130
|
-
breakpoints: {
|
|
131
|
-
medium: "768px",
|
|
132
|
-
large: "1080px",
|
|
133
|
-
},
|
|
134
|
-
},
|
|
135
|
-
shadow: {
|
|
136
|
-
small: {
|
|
137
|
-
boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)",
|
|
138
|
-
},
|
|
139
|
-
large: {
|
|
140
|
-
boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)",
|
|
141
|
-
},
|
|
142
|
-
},
|
|
143
|
-
spacing: {
|
|
144
|
-
xs: "0.375rem",
|
|
145
|
-
sm: "0.75rem",
|
|
146
|
-
md: "1.5rem",
|
|
147
|
-
lg: "2.25rem",
|
|
148
|
-
xl: "3rem",
|
|
149
|
-
xxl: "3.75rem",
|
|
150
|
-
xxxl: "4.5rem",
|
|
151
|
-
xxxxl: "5.25rem",
|
|
152
|
-
xxxxxl: "6rem",
|
|
153
|
-
0: "0",
|
|
154
|
-
1: ".0625rem",
|
|
155
|
-
2: ".125rem",
|
|
156
|
-
4: ".25rem",
|
|
157
|
-
6: ".375rem",
|
|
158
|
-
8: ".5rem",
|
|
159
|
-
12: ".75rem",
|
|
160
|
-
16: "1rem",
|
|
161
|
-
24: "1.5rem",
|
|
162
|
-
32: "2rem",
|
|
163
|
-
40: "2.5rem",
|
|
164
|
-
48: "3rem",
|
|
165
|
-
56: "3.5rem",
|
|
166
|
-
64: "4rem",
|
|
167
|
-
72: "4.5rem",
|
|
168
|
-
80: "5rem",
|
|
169
|
-
96: "6rem",
|
|
170
|
-
112: "7rem",
|
|
171
|
-
128: "8rem",
|
|
172
|
-
160: "10rem",
|
|
173
|
-
200: "12.5rem",
|
|
174
|
-
240: "15rem",
|
|
175
|
-
280: "17.5rem",
|
|
176
|
-
320: "20rem",
|
|
177
|
-
},
|
|
178
|
-
typography: {
|
|
179
|
-
dataLarge: {
|
|
180
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
181
|
-
fontWeight: 700,
|
|
182
|
-
fontSize: "5.25rem",
|
|
183
|
-
lineHeight: "5.25rem",
|
|
184
|
-
letterSpacing: "normal",
|
|
185
|
-
},
|
|
186
|
-
dataLargeUnits: {
|
|
187
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
188
|
-
fontWeight: 700,
|
|
189
|
-
fontSize: "2.625rem",
|
|
190
|
-
lineHeight: "5.25rem",
|
|
191
|
-
letterSpacing: "normal",
|
|
192
|
-
},
|
|
193
|
-
dataMedium: {
|
|
194
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
195
|
-
fontWeight: 700,
|
|
196
|
-
fontSize: "3rem",
|
|
197
|
-
lineHeight: "5rem",
|
|
198
|
-
letterSpacing: "normal",
|
|
199
|
-
},
|
|
200
|
-
dataMediumUnits: {
|
|
201
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
202
|
-
fontWeight: 700,
|
|
203
|
-
fontSize: "1.5rem",
|
|
204
|
-
lineHeight: "5rem",
|
|
205
|
-
letterSpacing: "normal",
|
|
206
|
-
},
|
|
207
|
-
dataSmall: {
|
|
208
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
209
|
-
fontWeight: 700,
|
|
210
|
-
fontSize: "1.5rem",
|
|
211
|
-
lineHeight: "1.5rem",
|
|
212
|
-
letterSpacing: "normal",
|
|
213
|
-
},
|
|
214
|
-
dataSmallUnits: {
|
|
215
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
216
|
-
fontWeight: 700,
|
|
217
|
-
fontSize: "1.125rem",
|
|
218
|
-
lineHeight: "1.5rem",
|
|
219
|
-
letterSpacing: "normal",
|
|
220
|
-
},
|
|
221
|
-
display0: {
|
|
222
|
-
fontFamily: '"Tiempos Headline", Georgia, serif',
|
|
223
|
-
fontWeight: 800,
|
|
224
|
-
fontSize: "4.5rem",
|
|
225
|
-
lineHeight: "5.25rem",
|
|
226
|
-
letterSpacing: "0em",
|
|
227
|
-
},
|
|
228
|
-
heading1: {
|
|
229
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
230
|
-
fontWeight: 700,
|
|
231
|
-
fontSize: "2.125rem",
|
|
232
|
-
lineHeight: "2.625rem",
|
|
233
|
-
letterSpacing: "normal",
|
|
234
|
-
},
|
|
235
|
-
heading2: {
|
|
236
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
237
|
-
fontWeight: 700,
|
|
238
|
-
fontSize: "1.75rem",
|
|
239
|
-
lineHeight: "2.25rem",
|
|
240
|
-
letterSpacing: "normal",
|
|
241
|
-
},
|
|
242
|
-
heading3: {
|
|
243
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
244
|
-
fontWeight: 700,
|
|
245
|
-
fontSize: "1.375rem",
|
|
246
|
-
lineHeight: "1.875rem",
|
|
247
|
-
letterSpacing: "normal",
|
|
248
|
-
},
|
|
249
|
-
heading4: {
|
|
250
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
251
|
-
fontWeight: 600,
|
|
252
|
-
fontSize: "1.125rem",
|
|
253
|
-
lineHeight: "1.5rem",
|
|
254
|
-
letterSpacing: "normal",
|
|
255
|
-
},
|
|
256
|
-
heading5: {
|
|
257
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
258
|
-
fontWeight: 600,
|
|
259
|
-
fontSize: "1rem",
|
|
260
|
-
lineHeight: "1.5rem",
|
|
261
|
-
letterSpacing: "normal",
|
|
262
|
-
},
|
|
263
|
-
heading6: {
|
|
264
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
265
|
-
fontWeight: 700,
|
|
266
|
-
fontSize: "0.875rem",
|
|
267
|
-
lineHeight: "1.5rem",
|
|
268
|
-
letterSpacing: "normal",
|
|
269
|
-
},
|
|
270
|
-
paragraphIntroLede: {
|
|
271
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
272
|
-
fontWeight: 400,
|
|
273
|
-
fontSize: "1.25rem",
|
|
274
|
-
lineHeight: "1.875rem",
|
|
275
|
-
letterSpacing: "0",
|
|
276
|
-
maxWidth: "975px",
|
|
277
|
-
},
|
|
278
|
-
paragraphBody: {
|
|
279
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
280
|
-
fontWeight: 400,
|
|
281
|
-
fontSize: "1rem",
|
|
282
|
-
lineHeight: "1.5rem",
|
|
283
|
-
letterSpacing: "normal",
|
|
284
|
-
maxWidth: "780px",
|
|
285
|
-
},
|
|
286
|
-
paragraphSmall: {
|
|
287
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
288
|
-
fontWeight: 400,
|
|
289
|
-
fontSize: "0.875rem",
|
|
290
|
-
lineHeight: "1.125rem",
|
|
291
|
-
letterSpacing: "normal",
|
|
292
|
-
maxWidth: "680px",
|
|
293
|
-
},
|
|
294
|
-
paragraphExtraSmall: {
|
|
295
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
296
|
-
fontWeight: 400,
|
|
297
|
-
fontSize: "0.75rem",
|
|
298
|
-
lineHeight: "1.125rem",
|
|
299
|
-
letterSpacing: "normal",
|
|
300
|
-
maxWidth: "600px",
|
|
301
|
-
},
|
|
302
|
-
paragraphBold: {
|
|
303
|
-
fontWeight: 600,
|
|
304
|
-
},
|
|
305
|
-
buttonPrimary: {
|
|
306
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
307
|
-
fontWeight: 700,
|
|
308
|
-
fontSize: "1.125rem",
|
|
309
|
-
lineHeight: "1.5rem",
|
|
310
|
-
letterSpacing: "normal",
|
|
311
|
-
},
|
|
312
|
-
buttonSecondary: {
|
|
313
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
314
|
-
fontWeight: 500,
|
|
315
|
-
fontSize: "1rem",
|
|
316
|
-
lineHeight: "1.5rem",
|
|
317
|
-
letterSpacing: "normal",
|
|
318
|
-
},
|
|
319
|
-
},
|
|
320
|
-
};
|
|
21
|
+
exports.heartTheme = __assign({ themeKey: "heart" }, tokens_1.tokens);
|
|
321
22
|
//# sourceMappingURL=heart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heart.js","sourceRoot":"","sources":["../../../src/legacy/themes/heart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"heart.js","sourceRoot":"","sources":["../../../src/legacy/themes/heart.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0CAAwC;AAGxC;;;;GAIG;AACU,QAAA,UAAU,cACrB,QAAQ,EAAE,OAAO,IACd,eAAM,EACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addExtraThemeEntries.d.ts","sourceRoot":"","sources":["../../src/lib/addExtraThemeEntries.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,oBAAoB,SACzB,MAAM,EAAE,OACT,MAAM,SACJ,OAAO,wBACQ,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"addExtraThemeEntries.d.ts","sourceRoot":"","sources":["../../src/lib/addExtraThemeEntries.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,oBAAoB,SACzB,MAAM,EAAE,OACT,MAAM,SACJ,OAAO,wBACQ,MAAM,EAAE,SAAS,CAAC,KAAK,MAAM;IAIjD,mEAAmE;mBACpD,OAAO;MAEvB,OAAO,MAAM,EAAE,MAAM,CAuBvB,CAAA"}
|
package/less/color.less
CHANGED
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
@color-green-100: var(--color-green-100, #e8f8f4);
|
|
72
72
|
@color-green-200: var(--color-green-200, #c4ede2);
|
|
73
73
|
@color-green-300: var(--color-green-300, #8fdbc7);
|
|
74
|
-
@color-green-400: var(--color-green-400, #
|
|
74
|
+
@color-green-400: var(--color-green-400, #5dcaad);
|
|
75
75
|
@color-green-500: var(--color-green-500, #44a289);
|
|
76
76
|
@color-green-600: var(--color-green-600, #2c7d67);
|
|
77
77
|
@color-green-700: var(--color-green-700, #22594a);
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
@color-green-300-rgb: var(--color-green-300-rgb, 143, 219, 199);
|
|
85
85
|
@color-green-300-rgb-id: --color-green-300-rgb;
|
|
86
86
|
@color-green-300-id: --color-green-300;
|
|
87
|
-
@color-green-400-rgb: var(--color-green-400-rgb, 93,
|
|
87
|
+
@color-green-400-rgb: var(--color-green-400-rgb, 93, 202, 173);
|
|
88
88
|
@color-green-400-rgb-id: --color-green-400-rgb;
|
|
89
89
|
@color-green-400-id: --color-green-400;
|
|
90
90
|
@color-green-500-rgb: var(--color-green-500-rgb, 68, 162, 137);
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
@color-gray-200: var(--color-gray-200, #f4f4f5);
|
|
185
185
|
@color-gray-300: var(--color-gray-300, #eaeaec);
|
|
186
186
|
@color-gray-400: var(--color-gray-400, #cdcdd0);
|
|
187
|
-
@color-gray-500: var(--color-gray-500, #
|
|
187
|
+
@color-gray-500: var(--color-gray-500, #878792);
|
|
188
188
|
@color-gray-600: var(--color-gray-600, #524e56);
|
|
189
189
|
@color-gray-100-rgb: var(--color-gray-100-rgb, 249, 249, 249);
|
|
190
190
|
@color-gray-100-rgb-id: --color-gray-100-rgb;
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
@color-gray-400-rgb: var(--color-gray-400-rgb, 205, 205, 208);
|
|
199
199
|
@color-gray-400-rgb-id: --color-gray-400-rgb;
|
|
200
200
|
@color-gray-400-id: --color-gray-400;
|
|
201
|
-
@color-gray-500-rgb: var(--color-gray-500-rgb,
|
|
201
|
+
@color-gray-500-rgb: var(--color-gray-500-rgb, 135, 135, 146);
|
|
202
202
|
@color-gray-500-rgb-id: --color-gray-500-rgb;
|
|
203
203
|
@color-gray-500-id: --color-gray-500;
|
|
204
204
|
@color-gray-600-rgb: var(--color-gray-600-rgb, 82, 78, 86);
|
package/less/shadow.less
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
@shadow-small-box-shadow: var(
|
|
4
4
|
--shadow-small-box-shadow,
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
6
|
+
0 3px 16px 0 rgba(0, 0, 0, 0.06)
|
|
7
7
|
);
|
|
8
8
|
@shadow-small-box-shadow-id: --shadow-small-box-shadow;
|
|
9
9
|
@shadow-large-box-shadow: var(
|
|
10
10
|
--shadow-large-box-shadow,
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
0 3px 9px 0 rgba(0, 0, 0, 0.1),
|
|
12
|
+
0 8px 40px 0 rgba(0, 0, 0, 0.08)
|
|
13
13
|
);
|
|
14
14
|
@shadow-large-box-shadow-id: --shadow-large-box-shadow;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kaizen/design-tokens",
|
|
3
3
|
"description": "Tokens used in the Kaizen Design System",
|
|
4
|
-
"version": "10.3.
|
|
4
|
+
"version": "10.3.20",
|
|
5
5
|
"homepage": "https://github.com/cultureamp/kaizen-design-system/tree/main/packages/design-tokens",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -23,15 +23,13 @@
|
|
|
23
23
|
"sideEffects": false,
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@types/lodash.flatmap": "^4.5.9",
|
|
26
|
-
"@types/yargs": "^17.0.32",
|
|
27
26
|
"json-to-flat-sass": "^1.0.0",
|
|
28
27
|
"lodash.flatmap": "^4.5.0",
|
|
29
28
|
"object-to-css-variables": "^0.2.1",
|
|
30
|
-
"postcss": "^8.4.
|
|
29
|
+
"postcss": "^8.4.38",
|
|
31
30
|
"prettier": "*",
|
|
32
31
|
"react-map-interaction": "^2.1.0",
|
|
33
|
-
"ts-node": "^10.9.2"
|
|
34
|
-
"yargs": "^17.7.2"
|
|
32
|
+
"ts-node": "^10.9.2"
|
|
35
33
|
},
|
|
36
34
|
"dependencies": {
|
|
37
35
|
"@types/color-string": "^1.5.5",
|
package/sass/color.scss
CHANGED
|
@@ -71,7 +71,7 @@ $color-blue-700-id: --color-blue-700;
|
|
|
71
71
|
$color-green-100: var(--color-green-100, #e8f8f4);
|
|
72
72
|
$color-green-200: var(--color-green-200, #c4ede2);
|
|
73
73
|
$color-green-300: var(--color-green-300, #8fdbc7);
|
|
74
|
-
$color-green-400: var(--color-green-400, #
|
|
74
|
+
$color-green-400: var(--color-green-400, #5dcaad);
|
|
75
75
|
$color-green-500: var(--color-green-500, #44a289);
|
|
76
76
|
$color-green-600: var(--color-green-600, #2c7d67);
|
|
77
77
|
$color-green-700: var(--color-green-700, #22594a);
|
|
@@ -84,7 +84,7 @@ $color-green-200-id: --color-green-200;
|
|
|
84
84
|
$color-green-300-rgb: var(--color-green-300-rgb, 143, 219, 199);
|
|
85
85
|
$color-green-300-rgb-id: --color-green-300-rgb;
|
|
86
86
|
$color-green-300-id: --color-green-300;
|
|
87
|
-
$color-green-400-rgb: var(--color-green-400-rgb, 93,
|
|
87
|
+
$color-green-400-rgb: var(--color-green-400-rgb, 93, 202, 173);
|
|
88
88
|
$color-green-400-rgb-id: --color-green-400-rgb;
|
|
89
89
|
$color-green-400-id: --color-green-400;
|
|
90
90
|
$color-green-500-rgb: var(--color-green-500-rgb, 68, 162, 137);
|
|
@@ -184,7 +184,7 @@ $color-gray-100: var(--color-gray-100, #f9f9f9);
|
|
|
184
184
|
$color-gray-200: var(--color-gray-200, #f4f4f5);
|
|
185
185
|
$color-gray-300: var(--color-gray-300, #eaeaec);
|
|
186
186
|
$color-gray-400: var(--color-gray-400, #cdcdd0);
|
|
187
|
-
$color-gray-500: var(--color-gray-500, #
|
|
187
|
+
$color-gray-500: var(--color-gray-500, #878792);
|
|
188
188
|
$color-gray-600: var(--color-gray-600, #524e56);
|
|
189
189
|
$color-gray-100-rgb: var(--color-gray-100-rgb, 249, 249, 249);
|
|
190
190
|
$color-gray-100-rgb-id: --color-gray-100-rgb;
|
|
@@ -198,7 +198,7 @@ $color-gray-300-id: --color-gray-300;
|
|
|
198
198
|
$color-gray-400-rgb: var(--color-gray-400-rgb, 205, 205, 208);
|
|
199
199
|
$color-gray-400-rgb-id: --color-gray-400-rgb;
|
|
200
200
|
$color-gray-400-id: --color-gray-400;
|
|
201
|
-
$color-gray-500-rgb: var(--color-gray-500-rgb,
|
|
201
|
+
$color-gray-500-rgb: var(--color-gray-500-rgb, 135, 135, 146);
|
|
202
202
|
$color-gray-500-rgb-id: --color-gray-500-rgb;
|
|
203
203
|
$color-gray-500-id: --color-gray-500;
|
|
204
204
|
$color-gray-600-rgb: var(--color-gray-600-rgb, 82, 78, 86);
|
package/sass/shadow.scss
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
$shadow-small-box-shadow: var(
|
|
4
4
|
--shadow-small-box-shadow,
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
6
|
+
0 3px 16px 0 rgba(0, 0, 0, 0.06)
|
|
7
7
|
);
|
|
8
8
|
$shadow-small-box-shadow-id: --shadow-small-box-shadow;
|
|
9
9
|
$shadow-large-box-shadow: var(
|
|
10
10
|
--shadow-large-box-shadow,
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
0 3px 9px 0 rgba(0, 0, 0, 0.1),
|
|
12
|
+
0 8px 40px 0 rgba(0, 0, 0, 0.08)
|
|
13
13
|
);
|
|
14
14
|
$shadow-large-box-shadow-id: --shadow-large-box-shadow;
|