@kaizen/design-tokens 10.5.2 → 10.6.0

package/less/color.less

@@ -208,3 +208,7 @@
 @color-white-rgb: var(--color-white-rgb, 255, 255, 255);
 @color-white-rgb-id: --color-white-rgb;
 @color-white-id: --color-white;
+@color-black: var(--color-black, #000000);
+@color-black-rgb: var(--color-black-rgb, 0, 0, 0);
+@color-black-rgb-id: --color-black-rgb;
+@color-black-id: --color-black;

package/less/spacing.less

@@ -8,6 +8,7 @@
 @spacing-8: var(--spacing-8, 0.5rem);
 @spacing-12: var(--spacing-12, 0.75rem);
 @spacing-16: var(--spacing-16, 1rem);
+@spacing-20: var(--spacing-20, 1.25rem);
 @spacing-24: var(--spacing-24, 1.5rem);
 @spacing-32: var(--spacing-32, 2rem);
 @spacing-40: var(--spacing-40, 2.5rem);
@@ -32,6 +33,7 @@
 @spacing-8-id: --spacing-8;
 @spacing-12-id: --spacing-12;
 @spacing-16-id: --spacing-16;
+@spacing-20-id: --spacing-20;
 @spacing-24-id: --spacing-24;
 @spacing-32-id: --spacing-32;
 @spacing-40-id: --spacing-40;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kaizen/design-tokens",
   "description": "Tokens used in the Kaizen Design System",
-  "version": "10.5.2",
+  "version": "10.6.0",
   "homepage": "https://github.com/cultureamp/kaizen-design-system/tree/main/packages/design-tokens",
   "repository": {
     "type": "git",
@@ -17,28 +17,36 @@
     "js",
     "dist"
   ],
-  "main": "dist/index.js",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
   "private": false,
   "license": "MIT",
-  "sideEffects": false,
+  "sideEffects": true,
+  "dependencies": {
+    "lodash.kebabcase": "^4.1.1"
+  },
   "devDependencies": {
+    "@types/color-string": "^1.5.5",
     "@types/lodash.flatmap": "^4.5.9",
+    "@types/lodash.kebabcase": "^4.1.9",
+    "@types/react-highlight": "^0.12.8",
+    "color-string": "^1.9.1",
     "json-to-flat-sass": "^1.0.0",
     "lodash.flatmap": "^4.5.0",
     "object-to-css-variables": "^0.2.1",
     "postcss": "^8.4.41",
     "prettier": "*",
+    "react": "^18.3.1",
+    "react-highlight": "^0.15.0",
     "react-map-interaction": "^2.1.0",
-    "tsx": "^4.17.0"
-  },
-  "dependencies": {
-    "@types/color-string": "^1.5.5",
-    "@types/lodash.kebabcase": "^4.1.9",
-    "color-string": "^1.9.1",
-    "lodash.kebabcase": "^4.1.1"
+    "rollup": "^4.20.0",
+    "tslib": "^2.6.3",
+    "tsx": "^4.17.0",
+    "@kaizen/package-bundler": "1.1.4"
   },
   "peerDependencies": {
-    "react": ">=16 || ^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0"
   },
   "scripts": {
     "lint:ts": "tsc --noEmit",
@@ -46,7 +54,7 @@
     "test:ci": "pnpm test -- --ci",
     "build": "pnpm clean && pnpm build:json && pnpm build:less && pnpm build:sass && pnpm build:ts",
     "build:json": "tsx ./bin/buildCssVarTokens.ts",
-    "build:ts": "tsc --project tsconfig.dist.json",
+    "build:ts": "pnpm package-bundler build",
     "build:less": "json-to-flat-sass './tokens/*.json' 'less' --extension 'less' --caseType 'kebab' && prettier less/* --write",
     "build:sass": "json-to-flat-sass './tokens/*.json' 'sass' --extension 'scss' --caseType 'kebab' && prettier sass/* --write",
     "clean": "rimraf dist"

package/sass/color.scss

@@ -208,3 +208,7 @@ $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;
+$color-black: var(--color-black, #000000);
+$color-black-rgb: var(--color-black-rgb, 0, 0, 0);
+$color-black-rgb-id: --color-black-rgb;
+$color-black-id: --color-black;

package/sass/spacing.scss

@@ -8,6 +8,7 @@ $spacing-6: var(--spacing-6, 0.375rem);
 $spacing-8: var(--spacing-8, 0.5rem);
 $spacing-12: var(--spacing-12, 0.75rem);
 $spacing-16: var(--spacing-16, 1rem);
+$spacing-20: var(--spacing-20, 1.25rem);
 $spacing-24: var(--spacing-24, 1.5rem);
 $spacing-32: var(--spacing-32, 2rem);
 $spacing-40: var(--spacing-40, 2.5rem);
@@ -32,6 +33,7 @@ $spacing-6-id: --spacing-6;
 $spacing-8-id: --spacing-8;
 $spacing-12-id: --spacing-12;
 $spacing-16-id: --spacing-16;
+$spacing-20-id: --spacing-20;
 $spacing-24-id: --spacing-24;
 $spacing-32-id: --spacing-32;
 $spacing-40-id: --spacing-40;

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,31 +0,0 @@
-"use strict";
-// These are all deprecated, consumers should not be interacting directly with our
-// design token primitives, rather through our compiled tokens js/scss/less.
-// Remove these on next major
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapLeafsOfObject = exports.makeCSSVariableTheme = exports.makeCssVariableDefinitionsMap = void 0;
-__exportStar(require("./legacy/themes"), exports);
-__exportStar(require("./legacy/types"), exports);
-__exportStar(require("./legacy/ThemeManager"), exports);
-__exportStar(require("./legacy/ThemeProvider"), exports);
-var makeCssVariableDefinitionsMap_1 = require("./legacy/makeCssVariableDefinitionsMap");
-Object.defineProperty(exports, "makeCssVariableDefinitionsMap", { enumerable: true, get: function () { return makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap; } });
-var makeCssVariableTheme_1 = require("./legacy/makeCssVariableTheme");
-Object.defineProperty(exports, "makeCSSVariableTheme", { enumerable: true, get: function () { return makeCssVariableTheme_1.makeCSSVariableTheme; } });
-var mapLeafsOfObject_1 = require("./legacy/mapLeafsOfObject");
-Object.defineProperty(exports, "mapLeafsOfObject", { enumerable: true, get: function () { return mapLeafsOfObject_1.mapLeafsOfObject; } });
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/js/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./tokens";
-//# sourceMappingURL=index.d.ts.map

package/dist/js/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/js/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./tokens"), exports);
-//# sourceMappingURL=index.js.map

package/dist/js/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB"}

package/dist/js/tokens.d.ts.map

@@ -1 +0,0 @@
-{"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,cA2TpB,CAAA"}

package/dist/js/tokens.js

@@ -1,318 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tokens = void 0;
-exports.tokens = {
-    animation: {
-        easingFunction: {
-            easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
-            easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
-            easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-            linear: "linear",
-            bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
-            bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
-            bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)",
-        },
-        duration: {
-            instant: "0ms",
-            immediate: "100ms",
-            rapid: "200ms",
-            fast: "300ms",
-            slow: "400ms",
-            deliberate: "700ms",
-        },
-    },
-    border: {
-        solid: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "solid",
-            borderColor: "#e1e2ea",
-        },
-        dashed: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "dashed",
-        },
-        borderless: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "solid",
-            borderColor: "transparent",
-        },
-        focusRing: {
-            borderWidth: "2px",
-            borderRadius: "10px",
-            borderStyle: "solid",
-        },
-        width: {
-            1: "1px",
-        },
-    },
-    color: {
-        purple: {
-            100: "#f4edf8",
-            200: "#dfc9ea",
-            300: "#c9a5dd",
-            400: "#ae67b1",
-            500: "#844587",
-            600: "#5f3361",
-            700: "#4a234d",
-            800: "#2f2438",
-        },
-        blue: {
-            100: "#e6f6ff",
-            200: "#bde2f5",
-            300: "#73c0e8",
-            400: "#008bd6",
-            500: "#0168b3",
-            600: "#004970",
-            700: "#003157",
-        },
-        green: {
-            100: "#e8f8f4",
-            200: "#c4ede2",
-            300: "#8fdbc7",
-            400: "#5dcaad",
-            500: "#3f9a86",
-            600: "#2c7d67",
-            700: "#22594a",
-        },
-        yellow: {
-            100: "#fff9e4",
-            200: "#ffeeb3",
-            300: "#ffe36e",
-            400: "#ffca4d",
-            500: "#ffb600",
-            600: "#c68600",
-            700: "#876400",
-        },
-        red: {
-            100: "#fdeaee",
-            200: "#f9c2cb",
-            300: "#f597a8",
-            400: "#e0707d",
-            500: "#c93b55",
-            600: "#a82433",
-            700: "#6c1e20",
-        },
-        orange: {
-            100: "#fff0e8",
-            200: "#ffd1b9",
-            300: "#ffb08a",
-            400: "#ff9461",
-            500: "#e96c2f",
-            600: "#b74302",
-            700: "#903c00",
-        },
-        gray: {
-            100: "#f9f9f9",
-            200: "#f4f4f5",
-            300: "#eaeaec",
-            400: "#cdcdd0",
-            500: "#878792",
-            600: "#524e56",
-        },
-        white: "#ffffff",
-    },
-    dataViz: {
-        favorable: "#7dd5bd",
-        unfavorable: "#e68d97",
-    },
-    layout: {
-        contentMaxWidth: "1392px",
-        contentMaxWidthWithSidebar: "1080px",
-        contentSideMargin: "72px",
-        mobileActionsDrawerHeight: "60px",
-        navigationBarHeight: "72px",
-        breakpoints: {
-            medium: "768px",
-            large: "1080px",
-        },
-    },
-    shadow: {
-        small: {
-            boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06)",
-        },
-        large: {
-            boxShadow: "0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08)",
-        },
-    },
-    spacing: {
-        xs: "0.375rem",
-        sm: "0.75rem",
-        md: "1.5rem",
-        lg: "2.25rem",
-        xl: "3rem",
-        xxl: "3.75rem",
-        xxxl: "4.5rem",
-        xxxxl: "5.25rem",
-        xxxxxl: "6rem",
-        0: "0",
-        1: ".0625rem",
-        2: ".125rem",
-        4: ".25rem",
-        6: ".375rem",
-        8: ".5rem",
-        12: ".75rem",
-        16: "1rem",
-        24: "1.5rem",
-        32: "2rem",
-        40: "2.5rem",
-        48: "3rem",
-        56: "3.5rem",
-        64: "4rem",
-        72: "4.5rem",
-        80: "5rem",
-        96: "6rem",
-        112: "7rem",
-        128: "8rem",
-        160: "10rem",
-        200: "12.5rem",
-        240: "15rem",
-        280: "17.5rem",
-        320: "20rem",
-    },
-    typography: {
-        dataLarge: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "5.25rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "normal",
-        },
-        dataLargeUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "2.625rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "normal",
-        },
-        dataMedium: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "3rem",
-            lineHeight: "5rem",
-            letterSpacing: "normal",
-        },
-        dataMediumUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.5rem",
-            lineHeight: "5rem",
-            letterSpacing: "normal",
-        },
-        dataSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.5rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        dataSmallUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        display0: {
-            fontFamily: '"Tiempos Headline", Georgia, serif',
-            fontWeight: 800,
-            fontSize: "4.5rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "0em",
-        },
-        heading1: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "2.125rem",
-            lineHeight: "2.625rem",
-            letterSpacing: "normal",
-        },
-        heading2: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.75rem",
-            lineHeight: "2.25rem",
-            letterSpacing: "normal",
-        },
-        heading3: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.375rem",
-            lineHeight: "1.875rem",
-            letterSpacing: "normal",
-        },
-        heading4: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 600,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        heading5: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 600,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        heading6: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "0.875rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        paragraphIntroLede: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "1.25rem",
-            lineHeight: "1.875rem",
-            letterSpacing: "0",
-            maxWidth: "975px",
-        },
-        paragraphBody: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-            maxWidth: "780px",
-        },
-        paragraphSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "0.875rem",
-            lineHeight: "1.125rem",
-            letterSpacing: "normal",
-            maxWidth: "680px",
-        },
-        paragraphExtraSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "0.75rem",
-            lineHeight: "1.125rem",
-            letterSpacing: "normal",
-            maxWidth: "600px",
-        },
-        paragraphBold: {
-            fontWeight: 600,
-        },
-        buttonPrimary: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        buttonSecondary: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 500,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-    },
-};
-//# sourceMappingURL=tokens.js.map

package/dist/js/tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/js/tokens.ts"],"names":[],"mappings":"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"}

package/dist/legacy/ThemeManager.d.ts.map

@@ -1 +0,0 @@
-{"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,aAAc,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,KAAG,IAAI,CAEvE;IACM,yBAAyB,aACpB,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,KAC/B,IAAI,CAIN;IACM,iBAAiB,QAAO,IAAI,CAUlC;IAED,OAAO,CAAC,0BAA0B,CAEjC;CACF"}

package/dist/legacy/ThemeManager.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeManager = void 0;
-var makeCssVariableDefinitionsMap_1 = require("../lib/makeCssVariableDefinitionsMap");
-/**
- * Use this class to set and apply themes, and to access or subscribe to the currently active one.
- * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
- * and the ability to update them in JavaScript - a framework agnostic method.
- *
- * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
- */
-/**
- * @deprecated Not needed if you are using `KaizenProvider` from `@kaizen/components` or `defaultPreset` from next-services.
- *
- * {@link https://cultureamp.design/?path=/docs/guides-app-starter--docs Check App Starter guidance}
- */
-var ThemeManager = /** @class */ (function () {
-    function ThemeManager(theme, rootElementId, 
-    /* This allows you to stop the  class from applying the theme automatically during construction. Defaults to true */
-    apply) {
-        if (rootElementId === void 0) { rootElementId = ""; }
-        if (apply === void 0) { apply = true; }
-        var _this = this;
-        this.themeChangeListeners = [];
-        this.rootElement = null;
-        this.getRootElement = function () { return _this.rootElement; };
-        this.getRootElementId = function () { return _this.rootElementId; };
-        this.getCurrentTheme = function () { return _this.theme; };
-        this.setRootElement = function (element) {
-            _this.rootElement = element;
-        };
-        this.setRootElementId = function (rootElementId) {
-            return (_this.rootElementId = rootElementId);
-        };
-        this.setAndApplyTheme = function (theme, force) {
-            if (!force) {
-                if (_this.theme === theme)
-                    return;
-            }
-            _this.theme = theme;
-            _this.applyCurrentTheme();
-            _this.notifyThemeChangeListeners(theme);
-        };
-        this.addThemeChangeListener = function (listener) {
-            _this.themeChangeListeners.push(listener);
-        };
-        this.removeThemeChangeListener = function (listener) {
-            _this.themeChangeListeners = _this.themeChangeListeners.filter(function (l) { return l !== listener; });
-        };
-        this.applyCurrentTheme = function () {
-            var _a;
-            if (typeof window !== "undefined") {
-                _this.setRootElement((_a = document.getElementById(_this.rootElementId)) !== null && _a !== void 0 ? _a : document.documentElement);
-                var cssVariableDefinitions = (0, makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap)(_this.theme);
-                Object.entries(cssVariableDefinitions).forEach(function (_a) {
-                    var _b;
-                    var key = _a[0], value = _a[1];
-                    (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(key, value);
-                });
-            }
-        };
-        this.notifyThemeChangeListeners = function (theme) {
-            _this.themeChangeListeners.forEach(function (listener) { return listener(theme); });
-        };
-        /*
-          For some reason, storybook likes this way of defining class properties better.
-          If you use `constructor( private theme: Theme, ...)` - theme becomes undefined within the class's methods.
-        */
-        this.theme = theme;
-        this.rootElementId = rootElementId;
-        if (apply)
-            this.applyCurrentTheme();
-    }
-    return ThemeManager;
-}());
-exports.ThemeManager = ThemeManager;
-// I would like to expose this, but instantiating ThemeManager in some situations or runtimes (such as nodejs) cause exceptions.
-// For now it is not exposed, but we might come back to it, as it makes sense to have a singleton ThemeManager in almost all cases
-/* export const defaultThemeManager = new ThemeManager(defaultTheme) */
-//# sourceMappingURL=ThemeManager.js.map

package/dist/legacy/ThemeManager.js.map

@@ -1 +0,0 @@
-{"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,CAAC;gBACX,IAAI,KAAI,CAAC,KAAK,KAAK,KAAK;oBAAE,OAAM;YAClC,CAAC;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,CAAC;gBAClC,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;YACJ,CAAC;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"}

package/dist/legacy/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"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,+BAGvB;IACD,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,KAAG,GAAG,CAAC,OA8DP,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,KAAuC,CAAA"}