@kaizen/design-tokens 3.1.0

package/react/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+__exportStar(require("./ThemeProvider"), exports);
+//# sourceMappingURL=index.js.map

package/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAA+B"}

package/react/index.tsx

@@ -0,0 +1 @@
+export * from "./ThemeProvider"

package/sass/animation.scss

@@ -0,0 +1,49 @@
+/** THIS IS AN AUTOGENERATED FILE **/
+
+$animation-easing-function-ease-in-out: var(
+  --animation-easing-function-ease-in-out,
+  cubic-bezier(0.455, 0.03, 0.515, 0.955)
+);
+$animation-easing-function-ease-in-out-id: --animation-easing-function-ease-in-out;
+$animation-easing-function-ease-in: var(
+  --animation-easing-function-ease-in,
+  cubic-bezier(0.55, 0.085, 0.68, 0.53)
+);
+$animation-easing-function-ease-in-id: --animation-easing-function-ease-in;
+$animation-easing-function-ease-out: var(
+  --animation-easing-function-ease-out,
+  cubic-bezier(0.25, 0.46, 0.45, 0.94)
+);
+$animation-easing-function-ease-out-id: --animation-easing-function-ease-out;
+$animation-easing-function-linear: var(
+  --animation-easing-function-linear,
+  linear
+);
+$animation-easing-function-linear-id: --animation-easing-function-linear;
+$animation-easing-function-bounce-in: var(
+  --animation-easing-function-bounce-in,
+  cubic-bezier(0.485, 0.155, 0.24, 1.245)
+);
+$animation-easing-function-bounce-in-id: --animation-easing-function-bounce-in;
+$animation-easing-function-bounce-out: var(
+  --animation-easing-function-bounce-out,
+  cubic-bezier(0.485, 0.155, 0.515, 0.845)
+);
+$animation-easing-function-bounce-out-id: --animation-easing-function-bounce-out;
+$animation-easing-function-bounce-in-out: var(
+  --animation-easing-function-bounce-in-out,
+  cubic-bezier(0.76, -0.245, 0.24, 1.245)
+);
+$animation-easing-function-bounce-in-out-id: --animation-easing-function-bounce-in-out;
+$animation-duration-instant: var(--animation-duration-instant, 0ms);
+$animation-duration-instant-id: --animation-duration-instant;
+$animation-duration-immediate: var(--animation-duration-immediate, 100ms);
+$animation-duration-immediate-id: --animation-duration-immediate;
+$animation-duration-rapid: var(--animation-duration-rapid, 200ms);
+$animation-duration-rapid-id: --animation-duration-rapid;
+$animation-duration-fast: var(--animation-duration-fast, 300ms);
+$animation-duration-fast-id: --animation-duration-fast;
+$animation-duration-slow: var(--animation-duration-slow, 400ms);
+$animation-duration-slow-id: --animation-duration-slow;
+$animation-duration-deliberate: var(--animation-duration-deliberate, 700ms);
+$animation-duration-deliberate-id: --animation-duration-deliberate;

package/sass/border.scss

@@ -0,0 +1,47 @@
+/** THIS IS AN AUTOGENERATED FILE **/
+
+$border-solid-border-width: var(--border-solid-border-width, 2px);
+$border-solid-border-width-id: --border-solid-border-width;
+$border-solid-border-radius: var(--border-solid-border-radius, 7px);
+$border-solid-border-radius-id: --border-solid-border-radius;
+$border-solid-border-style: var(--border-solid-border-style, solid);
+$border-solid-border-style-id: --border-solid-border-style;
+$border-solid-border-color: var(--border-solid-border-color, #e1e2ea);
+$border-solid-border-color-rgb: var(
+  --border-solid-border-color-rgb,
+  225,
+  226,
+  234
+);
+$border-solid-border-color-rgb-id: --border-solid-border-color-rgb;
+$border-solid-border-color-id: --border-solid-border-color;
+$border-dashed-border-width: var(--border-dashed-border-width, 2px);
+$border-dashed-border-width-id: --border-dashed-border-width;
+$border-dashed-border-radius: var(--border-dashed-border-radius, 7px);
+$border-dashed-border-radius-id: --border-dashed-border-radius;
+$border-dashed-border-style: var(--border-dashed-border-style, dashed);
+$border-dashed-border-style-id: --border-dashed-border-style;
+$border-borderless-border-width: var(--border-borderless-border-width, 2px);
+$border-borderless-border-width-id: --border-borderless-border-width;
+$border-borderless-border-radius: var(--border-borderless-border-radius, 7px);
+$border-borderless-border-radius-id: --border-borderless-border-radius;
+$border-borderless-border-style: var(--border-borderless-border-style, solid);
+$border-borderless-border-style-id: --border-borderless-border-style;
+$border-borderless-border-color: var(
+  --border-borderless-border-color,
+  transparent
+);
+$border-borderless-border-color-rgb: var(
+  --border-borderless-border-color-rgb,
+  0,
+  0,
+  0
+);
+$border-borderless-border-color-rgb-id: --border-borderless-border-color-rgb;
+$border-borderless-border-color-id: --border-borderless-border-color;
+$border-focus-ring-border-width: var(--border-focus-ring-border-width, 2px);
+$border-focus-ring-border-width-id: --border-focus-ring-border-width;
+$border-focus-ring-border-radius: var(--border-focus-ring-border-radius, 10px);
+$border-focus-ring-border-radius-id: --border-focus-ring-border-radius;
+$border-focus-ring-border-style: var(--border-focus-ring-border-style, solid);
+$border-focus-ring-border-style-id: --border-focus-ring-border-style;

package/sass/color.scss

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

package/sass/layout.scss

@@ -0,0 +1,8 @@
+/** THIS IS AN AUTOGENERATED FILE **/
+
+$layout-content-max-width: 1392px;
+$layout-content-side-margin: 72px;
+$layout-mobile-actions-drawer-height: 60px;
+$layout-navigation-bar-height: 72px;
+$layout-breakpoints-medium: 768px;
+$layout-breakpoints-large: 1080px;

package/sass/shadow.scss

@@ -0,0 +1,12 @@
+/** THIS IS AN AUTOGENERATED FILE **/
+
+$shadow-small-box-shadow: var(
+  --shadow-small-box-shadow,
+  0 0 6px rgba(53, 55, 74, 0.09)
+);
+$shadow-small-box-shadow-id: --shadow-small-box-shadow;
+$shadow-large-box-shadow: var(
+  --shadow-large-box-shadow,
+  0 0 12px rgba(53, 55, 74, 0.19)
+);
+$shadow-large-box-shadow-id: --shadow-large-box-shadow;

package/sass/spacing.scss

@@ -0,0 +1,20 @@
+/** THIS IS AN AUTOGENERATED FILE **/
+
+$spacing-xs: var(--spacing-xs, 0.375rem);
+$spacing-xs-id: --spacing-xs;
+$spacing-sm: var(--spacing-sm, 0.75rem);
+$spacing-sm-id: --spacing-sm;
+$spacing-md: var(--spacing-md, 1.5rem);
+$spacing-md-id: --spacing-md;
+$spacing-lg: var(--spacing-lg, 2.25rem);
+$spacing-lg-id: --spacing-lg;
+$spacing-xl: var(--spacing-xl, 3rem);
+$spacing-xl-id: --spacing-xl;
+$spacing-xxl: var(--spacing-xxl, 3.75rem);
+$spacing-xxl-id: --spacing-xxl;
+$spacing-xxxl: var(--spacing-xxxl, 4.5rem);
+$spacing-xxxl-id: --spacing-xxxl;
+$spacing-xxxxl: var(--spacing-xxxxl, 5.25rem);
+$spacing-xxxxl-id: --spacing-xxxxl;
+$spacing-xxxxxl: var(--spacing-xxxxxl, 6rem);
+$spacing-xxxxxl-id: --spacing-xxxxxl;