@kaizen/components 0.0.0-canary-cg-test-20231011234329 → 0.0.0-canary-cg-test-20231012014902

package/future/package.json

@@ -1,5 +1,5 @@
 {
-  "main": "../dist/cjs/future.js",
-  "module": "../dist/esm/future.js",
+  "main": "../dist/cjs/future.cjs",
+  "module": "../dist/esm/future.mjs",
   "types": "../dist/esm/dts/__future__/index.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-cg-test-20231011234329",
+  "version": "0.0.0-canary-cg-test-20231012014902",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -18,8 +18,8 @@
     "icons",
     "locales"
   ],
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.mjs",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "scripts": {

package/dist/cjs/KaizenProvider/ThemeProvider/ThemeManager.cjs

@@ -1,88 +0,0 @@
-'use strict';
-
-var designTokens = require('@kaizen/design-tokens');
-
-/**
- * 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)`.
- */
-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 = designTokens.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;
-}();
-// 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) */
-
-exports.ThemeManager = ThemeManager;
-//# sourceMappingURL=ThemeManager.cjs.map

package/dist/cjs/KaizenProvider/ThemeProvider/ThemeManager.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeManager.cjs","sources":["../../../../src/KaizenProvider/ThemeProvider/ThemeManager.ts"],"sourcesContent":["import {\n  makeCssVariableDefinitionsMap,\n  Theme as BaseTheme,\n} from \"@kaizen/design-tokens\"\n\n/**\n * Use this class to set and apply themes, and to access or subscribe to the currently active one.\n * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,\n * and the ability to update them in JavaScript - a framework agnostic method.\n *\n * 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)`.\n */\n\nexport class ThemeManager<Theme extends BaseTheme = BaseTheme> {\n  private themeChangeListeners = [] as Array<(theme: Theme) => void>\n  private theme: Theme\n  private rootElement: HTMLElement | null = null\n  private rootElementId: string\n\n  constructor(\n    theme: Theme,\n    rootElementId: string = \"\",\n    /* This allows you to stop the  class from applying the theme automatically during construction. Defaults to true */\n    apply: boolean = true\n  ) {\n    /*\n      For some reason, storybook likes this way of defining class properties better.\n      If you use `constructor( private theme: Theme, ...)` - theme becomes undefined within the class's methods.\n    */\n    this.theme = theme\n    this.rootElementId = rootElementId\n    if (apply) this.applyCurrentTheme()\n  }\n\n  public getRootElement = (): HTMLElement | null => this.rootElement\n  public getRootElementId = (): string => this.rootElementId\n  public getCurrentTheme = (): Theme => this.theme\n\n  public setRootElement = (element: HTMLElement): void => {\n    this.rootElement = element\n  }\n  public setRootElementId = (rootElementId: string): string =>\n    (this.rootElementId = rootElementId)\n  public setAndApplyTheme = (theme: Theme, force?: boolean): void => {\n    if (!force) {\n      if (this.theme === theme) return\n    }\n    this.theme = theme\n    this.applyCurrentTheme()\n    this.notifyThemeChangeListeners(theme)\n  }\n\n  public addThemeChangeListener = (listener: (theme: Theme) => void): void => {\n    this.themeChangeListeners.push(listener)\n  }\n  public removeThemeChangeListener = (\n    listener: (theme: Theme) => void\n  ): void => {\n    this.themeChangeListeners = this.themeChangeListeners.filter(\n      l => l !== listener\n    )\n  }\n  public applyCurrentTheme = (): void => {\n    if (typeof window !== \"undefined\") {\n      this.setRootElement(\n        document.getElementById(this.rootElementId) ?? document.documentElement\n      )\n      const cssVariableDefinitions = makeCssVariableDefinitionsMap(this.theme)\n      Object.entries(cssVariableDefinitions).forEach(([key, value]) => {\n        this.rootElement?.style.setProperty(key, value)\n      })\n    }\n  }\n\n  private notifyThemeChangeListeners = (theme: Theme): void => {\n    this.themeChangeListeners.forEach(listener => listener(theme))\n  }\n}\n\n// I would like to expose this, but instantiating ThemeManager in some situations or runtimes (such as nodejs) cause exceptions.\n// 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\n/* export const defaultThemeManager = new ThemeManager(defaultTheme) */\n"],"names":["ThemeManager","theme","rootElementId","apply","_this","themeChangeListeners","rootElement","getRootElement","getRootElementId","getCurrentTheme","setRootElement","element","setRootElementId","setAndApplyTheme","force","applyCurrentTheme","notifyThemeChangeListeners","addThemeChangeListener","listener","push","removeThemeChangeListener","filter","l","window","_a","document","getElementById","documentElement","cssVariableDefinitions","makeCssVariableDefinitionsMap","Object","entries","forEach","key","value","_b","style","setProperty"],"mappings":"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"}

package/dist/cjs/dts/KaizenProvider/ThemeProvider/ThemeManager.d.ts

@@ -1,25 +0,0 @@
-import { Theme as BaseTheme } from "@kaizen/design-tokens";
-/**
- * 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)`.
- */
-export declare class ThemeManager<Theme extends BaseTheme = BaseTheme> {
-    private themeChangeListeners;
-    private theme;
-    private rootElement;
-    private rootElementId;
-    constructor(theme: Theme, rootElementId?: string, apply?: boolean);
-    getRootElement: () => HTMLElement | null;
-    getRootElementId: () => string;
-    getCurrentTheme: () => Theme;
-    setRootElement: (element: HTMLElement) => void;
-    setRootElementId: (rootElementId: string) => string;
-    setAndApplyTheme: (theme: Theme, force?: boolean) => void;
-    addThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    removeThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    applyCurrentTheme: () => void;
-    private notifyThemeChangeListeners;
-}

package/dist/esm/KaizenProvider/ThemeProvider/ThemeManager.mjs

@@ -1,86 +0,0 @@
-import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
-
-/**
- * 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)`.
- */
-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 = 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;
-}();
-// 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) */
-
-export { ThemeManager };
-//# sourceMappingURL=ThemeManager.mjs.map

package/dist/esm/KaizenProvider/ThemeProvider/ThemeManager.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeManager.mjs","sources":["../../../../src/KaizenProvider/ThemeProvider/ThemeManager.ts"],"sourcesContent":["import {\n  makeCssVariableDefinitionsMap,\n  Theme as BaseTheme,\n} from \"@kaizen/design-tokens\"\n\n/**\n * Use this class to set and apply themes, and to access or subscribe to the currently active one.\n * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,\n * and the ability to update them in JavaScript - a framework agnostic method.\n *\n * 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)`.\n */\n\nexport class ThemeManager<Theme extends BaseTheme = BaseTheme> {\n  private themeChangeListeners = [] as Array<(theme: Theme) => void>\n  private theme: Theme\n  private rootElement: HTMLElement | null = null\n  private rootElementId: string\n\n  constructor(\n    theme: Theme,\n    rootElementId: string = \"\",\n    /* This allows you to stop the  class from applying the theme automatically during construction. Defaults to true */\n    apply: boolean = true\n  ) {\n    /*\n      For some reason, storybook likes this way of defining class properties better.\n      If you use `constructor( private theme: Theme, ...)` - theme becomes undefined within the class's methods.\n    */\n    this.theme = theme\n    this.rootElementId = rootElementId\n    if (apply) this.applyCurrentTheme()\n  }\n\n  public getRootElement = (): HTMLElement | null => this.rootElement\n  public getRootElementId = (): string => this.rootElementId\n  public getCurrentTheme = (): Theme => this.theme\n\n  public setRootElement = (element: HTMLElement): void => {\n    this.rootElement = element\n  }\n  public setRootElementId = (rootElementId: string): string =>\n    (this.rootElementId = rootElementId)\n  public setAndApplyTheme = (theme: Theme, force?: boolean): void => {\n    if (!force) {\n      if (this.theme === theme) return\n    }\n    this.theme = theme\n    this.applyCurrentTheme()\n    this.notifyThemeChangeListeners(theme)\n  }\n\n  public addThemeChangeListener = (listener: (theme: Theme) => void): void => {\n    this.themeChangeListeners.push(listener)\n  }\n  public removeThemeChangeListener = (\n    listener: (theme: Theme) => void\n  ): void => {\n    this.themeChangeListeners = this.themeChangeListeners.filter(\n      l => l !== listener\n    )\n  }\n  public applyCurrentTheme = (): void => {\n    if (typeof window !== \"undefined\") {\n      this.setRootElement(\n        document.getElementById(this.rootElementId) ?? document.documentElement\n      )\n      const cssVariableDefinitions = makeCssVariableDefinitionsMap(this.theme)\n      Object.entries(cssVariableDefinitions).forEach(([key, value]) => {\n        this.rootElement?.style.setProperty(key, value)\n      })\n    }\n  }\n\n  private notifyThemeChangeListeners = (theme: Theme): void => {\n    this.themeChangeListeners.forEach(listener => listener(theme))\n  }\n}\n\n// I would like to expose this, but instantiating ThemeManager in some situations or runtimes (such as nodejs) cause exceptions.\n// 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\n/* export const defaultThemeManager = new ThemeManager(defaultTheme) */\n"],"names":["ThemeManager","theme","rootElementId","apply","_this","themeChangeListeners","rootElement","getRootElement","getRootElementId","getCurrentTheme","setRootElement","element","setRootElementId","setAndApplyTheme","force","applyCurrentTheme","notifyThemeChangeListeners","addThemeChangeListener","listener","push","removeThemeChangeListener","filter","l","window","_a","document","getElementById","documentElement","cssVariableDefinitions","makeCssVariableDefinitionsMap","Object","entries","forEach","key","value","_b","style","setProperty"],"mappings":"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"}

package/dist/esm/dts/KaizenProvider/ThemeProvider/ThemeManager.d.ts

@@ -1,25 +0,0 @@
-import { Theme as BaseTheme } from "@kaizen/design-tokens";
-/**
- * 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)`.
- */
-export declare class ThemeManager<Theme extends BaseTheme = BaseTheme> {
-    private themeChangeListeners;
-    private theme;
-    private rootElement;
-    private rootElementId;
-    constructor(theme: Theme, rootElementId?: string, apply?: boolean);
-    getRootElement: () => HTMLElement | null;
-    getRootElementId: () => string;
-    getCurrentTheme: () => Theme;
-    setRootElement: (element: HTMLElement) => void;
-    setRootElementId: (rootElementId: string) => string;
-    setAndApplyTheme: (theme: Theme, force?: boolean) => void;
-    addThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    removeThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    applyCurrentTheme: () => void;
-    private notifyThemeChangeListeners;
-}