@hashicorp/design-system-components 4.24.2-rc-20251112142624 → 4.24.2-rc-20251125162348

package/declarations/components/hds/theme-context/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type Owner from '@ember/owner';
+import type { HdsThemeContexts } from './types.ts';
+import type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';
+export interface HdsThemeContextSignature {
+    Args: {
+        context: HdsThemeContexts;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: HTMLElement;
+}
+export declare const CONTEXTUAL_THEMES: HdsThemes[];
+export declare const CONTEXTUAL_MODES: HdsModes[];
+export declare const CONTEXTUAL_VALUES: HdsThemeContexts[];
+export default class HdsThemeContext extends Component<HdsThemeContextSignature> {
+    constructor(owner: Owner, args: HdsThemeContextSignature['Args']);
+    get classNames(): string;
+}

package/declarations/components/hds/theme-context/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import { HdsThemeValues, HdsModesLightValues, HdsModesDarkValues } from '../../../services/hds-theming.ts';
+import type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';
+export declare const HdsThemeContextThemesValues: {
+    readonly Default: HdsThemeValues.Default;
+    readonly System: HdsThemeValues.System;
+    readonly Light: HdsThemeValues.Light;
+    readonly Dark: HdsThemeValues.Dark;
+};
+export declare const HdsThemeContextModesValues: {
+    readonly CdsG0: HdsModesLightValues.CdsG0;
+    readonly CdsG10: HdsModesLightValues.CdsG10;
+    readonly CdsG90: HdsModesDarkValues.CdsG90;
+    readonly CdsG100: HdsModesDarkValues.CdsG100;
+};
+export type HdsThemeContexts = HdsThemes | Exclude<HdsModes, 'default'>;

package/declarations/components.d.ts

@@ -223,6 +223,7 @@ export { default as HdsTextBody } from './components/hds/text/body.ts';
 export { default as HdsTextCode } from './components/hds/text/code.ts';
 export { default as HdsTextDisplay } from './components/hds/text/display.ts';
 export * from './components/hds/text/types.ts';
+export { default as HdsThemeContext } from './components/hds/theme-context/index.ts';
 export { default as HdsThemeSwitcher } from './components/hds/theme-switcher/index.ts';
 export { default as HdsTime } from './components/hds/time/index.ts';
 export { default as HdsTimeSingle } from './components/hds/time/single.ts';

package/declarations/services/hds-theming.d.ts

@@ -5,31 +5,24 @@ export declare enum HdsThemeValues {
     Light = "light",
     Dark = "dark"
 }
-declare enum HdsModesBaseValues {
+export declare enum HdsModesBaseValues {
     Default = "default"
 }
-declare enum HdsModesLightValues {
+export declare enum HdsModesLightValues {
     CdsG0 = "cds-g0",
     CdsG10 = "cds-g10"
 }
-declare enum HdsModesDarkValues {
+export declare enum HdsModesDarkValues {
     CdsG90 = "cds-g90",
     CdsG100 = "cds-g100"
 }
-export declare enum HdsCssSelectorsValues {
-    Data = "data",
-    Class = "class"
-}
 export type HdsThemes = `${HdsThemeValues}`;
 export type HdsModes = `${HdsModesBaseValues}` | `${HdsModesLightValues}` | `${HdsModesDarkValues}`;
 export type HdsModesLight = `${HdsModesLightValues}`;
 export type HdsModesDark = `${HdsModesDarkValues}`;
-export type HdsCssSelectors = `${HdsCssSelectorsValues}`;
 type HdsThemingOptions = {
     lightTheme: HdsModesLight;
     darkTheme: HdsModesDark;
-    cssSelector: HdsCssSelectors;
-    isComplex: boolean;
 };
 type SetThemeArgs = {
     theme: HdsThemes | undefined;
@@ -45,18 +38,14 @@ export declare const THEMES: HdsThemes[];
 export declare const MODES_LIGHT: HdsModesLight[];
 export declare const MODES_DARK: HdsModesDark[];
 export declare const MODES: HdsModes[];
-export declare const HDS_THEMING_DATA_SELECTOR = "data-hds-theme";
-export declare const HDS_THEMING_CLASS_SELECTOR_PREFIX = "hds-theme";
 export declare const HDS_THEMING_LOCALSTORAGE_DATA = "hds-theming-data";
 export declare const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0;
 export declare const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100;
-export declare const DEFAULT_THEMING_OPTION_CSS_SELECTOR = "data";
 export default class HdsThemingService extends Service {
     _currentTheme: HdsThemes | undefined;
     _currentMode: HdsModes | undefined;
     _currentLightTheme: HdsModesLight;
     _currentDarkTheme: HdsModesDark;
-    _currentCssSelector: HdsCssSelectors;
     globalOnSetTheme: OnSetThemeCallback | undefined;
     initializeTheme(): void;
     setTheme({ theme, options, onSetTheme }: SetThemeArgs): void;
@@ -64,6 +53,5 @@ export default class HdsThemingService extends Service {
     get currentMode(): HdsModes | undefined;
     get currentLightTheme(): HdsModesLight;
     get currentDarkTheme(): HdsModesDark;
-    get currentCssSelector(): HdsCssSelectors;
 }
 export {};

package/declarations/template-registry.d.ts

@@ -226,6 +226,7 @@ import type HdsTagComponent from './components/hds/tag';
 import type HdsTooltipButtonComponent from './components/hds/tooltip-button';
 import type HdsToastComponent from './components/hds/toast';
 import type HdsTextCodeComponent from './components/hds/text/code';
+import type HdsThemeContextComponent from './components/hds/theme-context';
 import type HdsThemeSwitcherComponent from './components/hds/theme-switcher';
 import type HdsTimeComponent from './components/hds/time';
 import type HdsTimeSingleComponent from './components/hds/time/single';
@@ -718,6 +719,8 @@ export default interface HdsComponentsRegistry {
     'hds/tooltip-button': typeof HdsTooltipButtonComponent;
     'Hds::Toast': typeof HdsToastComponent;
     'hds/toast': typeof HdsToastComponent;
+    'Hds::ThemeContext': typeof HdsThemeContextComponent;
+    'hds/theme-Context': typeof HdsThemeContextComponent;
     'Hds::ThemeSwitcher': typeof HdsThemeSwitcherComponent;
     'hds/theme-switcher': typeof HdsThemeSwitcherComponent;
     'Hds::Time': typeof HdsTimeComponent;

package/dist/_app_/components/hds/theme-context.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/theme-context/index";

package/dist/components/hds/theme-context/index.js

@@ -0,0 +1,45 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { HdsThemeContextThemesValues, HdsThemeContextModesValues } from './types.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} ...attributes>{{yield}}</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const CONTEXTUAL_THEMES = Object.values(HdsThemeContextThemesValues);
+const CONTEXTUAL_MODES = Object.values(HdsThemeContextModesValues);
+const CONTEXTUAL_VALUES = [...CONTEXTUAL_THEMES, ...CONTEXTUAL_MODES];
+class HdsThemeContext extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    const {
+      context
+    } = args;
+    assert(`@context for "Hds::ThemeContext" must be one of the following: ${CONTEXTUAL_VALUES.join(', ')}; received: ${context}`, CONTEXTUAL_VALUES.includes(context));
+  }
+
+  // Get the class names to apply to the component.
+  get classNames() {
+    const classes = ['hds-theme-context'];
+    const {
+      context
+    } = this.args;
+
+    // add "theme" or "mode" classes based on the @context arguments
+    if (CONTEXTUAL_THEMES.includes(context)) {
+      classes.push(`hds-theme-${context}`);
+    } else if (CONTEXTUAL_MODES.includes(context)) {
+      classes.push(`hds-mode-${context}`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsThemeContext);
+
+export { CONTEXTUAL_MODES, CONTEXTUAL_THEMES, CONTEXTUAL_VALUES, HdsThemeContext as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/theme-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/theme-context/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type Owner from '@ember/owner';\n\nimport {\n  HdsThemeContextThemesValues,\n  HdsThemeContextModesValues,\n} from './types.ts';\nimport type { HdsThemeContexts } from './types.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\nexport interface HdsThemeContextSignature {\n  Args: {\n    // it can be an `HdsTheme` or an `HdsMode`\n    context: HdsThemeContexts;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport const CONTEXTUAL_THEMES: HdsThemes[] = Object.values(\n  HdsThemeContextThemesValues\n);\nexport const CONTEXTUAL_MODES: HdsModes[] = Object.values(\n  HdsThemeContextModesValues\n);\nexport const CONTEXTUAL_VALUES: HdsThemeContexts[] = [\n  ...CONTEXTUAL_THEMES,\n  ...CONTEXTUAL_MODES,\n];\n\nexport default class HdsThemeContext extends Component<HdsThemeContextSignature> {\n  constructor(owner: Owner, args: HdsThemeContextSignature['Args']) {\n    super(owner, args);\n\n    const { context } = args;\n\n    assert(\n      `@context for \"Hds::ThemeContext\" must be one of the following: ${CONTEXTUAL_VALUES.join(\n        ', '\n      )}; received: ${context}`,\n      CONTEXTUAL_VALUES.includes(context)\n    );\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-theme-context'];\n\n    const { context } = this.args;\n\n    // add \"theme\" or \"mode\" classes based on the @context arguments\n    if (CONTEXTUAL_THEMES.includes(context as HdsThemes)) {\n      classes.push(`hds-theme-${context}`);\n    } else if (CONTEXTUAL_MODES.includes(context as HdsModes)) {\n      classes.push(`hds-mode-${context}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["CONTEXTUAL_THEMES","Object","values","HdsThemeContextThemesValues","CONTEXTUAL_MODES","HdsThemeContextModesValues","CONTEXTUAL_VALUES","HdsThemeContext","Component","constructor","owner","args","context","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAyBO,MAAMA,iBAA8B,GAAGC,MAAM,CAACC,MAAM,CACzDC,2BACF;AACO,MAAMC,gBAA4B,GAAGH,MAAM,CAACC,MAAM,CACvDG,0BACF;AACO,MAAMC,iBAAqC,GAAG,CACnD,GAAGN,iBAAiB,EACpB,GAAGI,gBAAgB;AAGN,MAAMG,eAAe,SAASC,SAAS,CAA2B;AAC/EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAsC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElB,MAAM;AAAEC,MAAAA;AAAQ,KAAC,GAAGD,IAAI;AAExBE,IAAAA,MAAM,CACJ,CAAA,+DAAA,EAAkEP,iBAAiB,CAACQ,IAAI,CACtF,IACF,CAAC,CAAA,YAAA,EAAeF,OAAO,CAAA,CAAE,EACzBN,iBAAiB,CAACS,QAAQ,CAACH,OAAO,CACpC,CAAC;AACH,EAAA;;AAEA;EACA,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC;IAErC,MAAM;AAAEL,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;;AAE7B;AACA,IAAA,IAAIX,iBAAiB,CAACe,QAAQ,CAACH,OAAoB,CAAC,EAAE;AACpDK,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,UAAA,EAAaN,OAAO,EAAE,CAAC;IACtC,CAAC,MAAM,IAAIR,gBAAgB,CAACW,QAAQ,CAACH,OAAmB,CAAC,EAAE;AACzDK,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,SAAA,EAAYN,OAAO,EAAE,CAAC;AACrC,IAAA;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACK,oBAAA,CAAAC,QAAA,EA7BoBb,eAAe,CAAA;;;;"}

package/dist/components/hds/theme-context/types.js

@@ -0,0 +1,27 @@
+import { HdsThemeValues, HdsModesDarkValues, HdsModesLightValues } from '../../../services/hds-theming.js';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+// re-export the enum values for the `HdsThemes` to use in the component
+// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
+const HdsThemeContextThemesValues = {
+  Default: HdsThemeValues.Default,
+  System: HdsThemeValues.System,
+  Light: HdsThemeValues.Light,
+  Dark: HdsThemeValues.Dark
+};
+
+// re-export the enum values for the `HdsModes` to use in the component
+// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
+const HdsThemeContextModesValues = {
+  CdsG0: HdsModesLightValues.CdsG0,
+  CdsG10: HdsModesLightValues.CdsG10,
+  CdsG90: HdsModesDarkValues.CdsG90,
+  CdsG100: HdsModesDarkValues.CdsG100
+};
+
+export { HdsThemeContextModesValues, HdsThemeContextThemesValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/theme-context/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/theme-context/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport {\n  HdsThemeValues,\n  HdsModesLightValues,\n  HdsModesDarkValues,\n} from '../../../services/hds-theming.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\n// re-export the enum values for the `HdsThemes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextThemesValues = {\n  Default: HdsThemeValues.Default,\n  System: HdsThemeValues.System,\n  Light: HdsThemeValues.Light,\n  Dark: HdsThemeValues.Dark,\n} as const;\n\n// re-export the enum values for the `HdsModes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextModesValues = {\n  CdsG0: HdsModesLightValues.CdsG0,\n  CdsG10: HdsModesLightValues.CdsG10,\n  CdsG90: HdsModesDarkValues.CdsG90,\n  CdsG100: HdsModesDarkValues.CdsG100,\n} as const;\n\nexport type HdsThemeContexts = HdsThemes | Exclude<HdsModes, 'default'>;\n"],"names":["HdsThemeContextThemesValues","Default","HdsThemeValues","System","Light","Dark","HdsThemeContextModesValues","CdsG0","HdsModesLightValues","CdsG10","CdsG90","HdsModesDarkValues","CdsG100"],"mappings":";;AAAA;AACA;AACA;AACA;;AAUA;AACA;AACO,MAAMA,2BAA2B,GAAG;EACzCC,OAAO,EAAEC,cAAc,CAACD,OAAO;EAC/BE,MAAM,EAAED,cAAc,CAACC,MAAM;EAC7BC,KAAK,EAAEF,cAAc,CAACE,KAAK;EAC3BC,IAAI,EAAEH,cAAc,CAACG;AACvB;;AAEA;AACA;AACO,MAAMC,0BAA0B,GAAG;EACxCC,KAAK,EAAEC,mBAAmB,CAACD,KAAK;EAChCE,MAAM,EAAED,mBAAmB,CAACC,MAAM;EAClCC,MAAM,EAAEC,kBAAkB,CAACD,MAAM;EACjCE,OAAO,EAAED,kBAAkB,CAACC;AAC9B;;;;"}

package/dist/components.js

@@ -219,6 +219,7 @@ export { default as HdsTextBody } from './components/hds/text/body.js';
 export { default as HdsTextCode } from './components/hds/text/code.js';
 export { default as HdsTextDisplay } from './components/hds/text/display.js';
 export { HdsTextAlignValues, HdsTextColorValues, HdsTextGroupValues, HdsTextSizeValues, HdsTextWeightValues } from './components/hds/text/types.js';
+export { default as HdsThemeContext } from './components/hds/theme-context/index.js';
 export { default as HdsThemeSwitcher } from './components/hds/theme-switcher/index.js';
 export { default as HdsTime } from './components/hds/time/index.js';
 export { default as HdsTimeSingle } from './components/hds/time/single.js';

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/services/hds-theming.js

@@ -14,35 +14,27 @@ let HdsThemeValues = /*#__PURE__*/function (HdsThemeValues) {
 }({});
 
 // TODO! understand if we really need this
-var HdsModesBaseValues = /*#__PURE__*/function (HdsModesBaseValues) {
+let HdsModesBaseValues = /*#__PURE__*/function (HdsModesBaseValues) {
   HdsModesBaseValues["Default"] = "default";
   return HdsModesBaseValues;
-}(HdsModesBaseValues || {});
-var HdsModesLightValues = /*#__PURE__*/function (HdsModesLightValues) {
+}({});
+let HdsModesLightValues = /*#__PURE__*/function (HdsModesLightValues) {
   HdsModesLightValues["CdsG0"] = "cds-g0";
   HdsModesLightValues["CdsG10"] = "cds-g10";
   return HdsModesLightValues;
-}(HdsModesLightValues || {});
-var HdsModesDarkValues = /*#__PURE__*/function (HdsModesDarkValues) {
+}({});
+let HdsModesDarkValues = /*#__PURE__*/function (HdsModesDarkValues) {
   HdsModesDarkValues["CdsG90"] = "cds-g90";
   HdsModesDarkValues["CdsG100"] = "cds-g100";
   return HdsModesDarkValues;
-}(HdsModesDarkValues || {});
-let HdsCssSelectorsValues = /*#__PURE__*/function (HdsCssSelectorsValues) {
-  HdsCssSelectorsValues["Data"] = "data";
-  HdsCssSelectorsValues["Class"] = "class";
-  return HdsCssSelectorsValues;
 }({});
 const THEMES = Object.values(HdsThemeValues);
 const MODES_LIGHT = Object.values(HdsModesLightValues);
 const MODES_DARK = Object.values(HdsModesDarkValues);
 const MODES = [...Object.values(HdsModesBaseValues), ...MODES_LIGHT, ...MODES_DARK];
-const HDS_THEMING_DATA_SELECTOR = 'data-hds-theme';
-const HDS_THEMING_CLASS_SELECTOR_PREFIX = 'hds-theme';
 const HDS_THEMING_LOCALSTORAGE_DATA = 'hds-theming-data';
 const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0;
 const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100;
-const DEFAULT_THEMING_OPTION_CSS_SELECTOR = 'data';
 class HdsThemingService extends Service {
   static {
     g(this.prototype, "_currentTheme", [tracked], function () {
@@ -68,12 +60,6 @@ class HdsThemingService extends Service {
     });
   }
   #_currentDarkTheme = (i(this, "_currentDarkTheme"), void 0);
-  static {
-    g(this.prototype, "_currentCssSelector", [tracked], function () {
-      return DEFAULT_THEMING_OPTION_CSS_SELECTOR;
-    });
-  }
-  #_currentCssSelector = (i(this, "_currentCssSelector"), void 0);
   static {
     g(this.prototype, "globalOnSetTheme", [tracked]);
   }
@@ -100,45 +86,38 @@ class HdsThemingService extends Service {
     onSetTheme
   }) {
     if (options !== undefined) {
-      // if we have new options, we override the current ones (`lightTheme` / `darkTheme` / `cssSelector`)
+      // if we have new options, we override the current ones (`lightTheme` / `darkTheme`)
       // these options can be used by consumers that want to customize how they apply theming
       // (and used by the showcase for the custom theming / theme switching logic)
-      if (Object.hasOwn(options, 'lightTheme') && Object.hasOwn(options, 'darkTheme') && Object.hasOwn(options, 'cssSelector')) {
+      if (Object.hasOwn(options, 'lightTheme') && Object.hasOwn(options, 'darkTheme')) {
         const {
           lightTheme,
-          darkTheme,
-          cssSelector
+          darkTheme
         } = options;
         this._currentLightTheme = lightTheme;
         this._currentDarkTheme = darkTheme;
-        this._currentCssSelector = cssSelector;
       } else {
         // fallback if something goes wrong
         this._currentLightTheme = DEFAULT_THEMING_OPTION_LIGHT_THEME;
         this._currentDarkTheme = DEFAULT_THEMING_OPTION_DARK_THEME;
-        this._currentCssSelector = DEFAULT_THEMING_OPTION_CSS_SELECTOR;
       }
     }
 
     // set the current theme/mode (`currentTheme` / `currentMode`)
-    let cssSelectorPartial;
     if (theme === undefined ||
     // standard (no theming)
     !THEMES.includes(theme) // handle possible errors
     ) {
       this._currentTheme = undefined;
       this._currentMode = undefined;
-      cssSelectorPartial = undefined;
     } else if (theme === HdsThemeValues.Default // default (original HDS)
     ) {
       this._currentTheme = HdsThemeValues.Default;
       this._currentMode = undefined;
-      cssSelectorPartial = HdsThemeValues.Default;
     } else if (theme === HdsThemeValues.System // system (prefers-color-scheme)
     ) {
       this._currentTheme = HdsThemeValues.System;
       this._currentMode = undefined;
-      cssSelectorPartial = HdsThemeValues.System;
     } else {
       this._currentTheme = theme;
       if (this._currentTheme === HdsThemeValues.Light) {
@@ -147,7 +126,6 @@ class HdsThemingService extends Service {
       if (this._currentTheme === HdsThemeValues.Dark) {
         this._currentMode = this._currentDarkTheme;
       }
-      cssSelectorPartial = options?.isComplex ? this._currentMode : this._currentTheme;
     }
 
     // IMPORTANT: for this to work, it needs to be the HTML tag (it's the `:root` in CSS)
@@ -155,16 +133,14 @@ class HdsThemingService extends Service {
     if (!rootElement) {
       return;
     }
-    // remove or update the CSS selectors applied to the root element (depending on the `theme` argument)
-    rootElement.removeAttribute(HDS_THEMING_DATA_SELECTOR);
-    const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter(className => className.startsWith(`${HDS_THEMING_CLASS_SELECTOR_PREFIX}-`));
+    // remove or update the CSS selectors applied to the root element (depending on the `theme`/`mode` arguments)
+    const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter(className => className.match(/^hds-(theme|mode)/));
     rootElement.classList.remove(...hdsThemingClassesToRemove);
-    if (cssSelectorPartial !== undefined) {
-      if (this._currentCssSelector === 'data') {
-        rootElement.setAttribute(HDS_THEMING_DATA_SELECTOR, cssSelectorPartial);
-      } else if (this._currentCssSelector === 'class') {
-        rootElement.classList.add(`${HDS_THEMING_CLASS_SELECTOR_PREFIX}-${cssSelectorPartial}`);
-      }
+    if (this._currentTheme !== undefined) {
+      rootElement.classList.add(`hds-theme-${this._currentTheme}`);
+    }
+    if (this._currentMode !== undefined) {
+      rootElement.classList.add(`hds-mode-${this._currentMode}`);
     }
 
     // store the current theme and theming options in local storage (unless undefined)
@@ -172,8 +148,7 @@ class HdsThemingService extends Service {
       theme: this._currentTheme,
       options: {
         lightTheme: this._currentLightTheme,
-        darkTheme: this._currentDarkTheme,
-        cssSelector: this._currentCssSelector
+        darkTheme: this._currentDarkTheme
       }
     }));
 
@@ -208,10 +183,7 @@ class HdsThemingService extends Service {
   get currentDarkTheme() {
     return this._currentDarkTheme ?? DEFAULT_THEMING_OPTION_DARK_THEME;
   }
-  get currentCssSelector() {
-    return this._currentCssSelector ?? DEFAULT_THEMING_OPTION_CSS_SELECTOR;
-  }
 }
 
-export { DEFAULT_THEMING_OPTION_CSS_SELECTOR, DEFAULT_THEMING_OPTION_DARK_THEME, DEFAULT_THEMING_OPTION_LIGHT_THEME, HDS_THEMING_CLASS_SELECTOR_PREFIX, HDS_THEMING_DATA_SELECTOR, HDS_THEMING_LOCALSTORAGE_DATA, HdsCssSelectorsValues, HdsThemeValues, MODES, MODES_DARK, MODES_LIGHT, THEMES, HdsThemingService as default };
+export { DEFAULT_THEMING_OPTION_DARK_THEME, DEFAULT_THEMING_OPTION_LIGHT_THEME, HDS_THEMING_LOCALSTORAGE_DATA, HdsModesBaseValues, HdsModesDarkValues, HdsModesLightValues, HdsThemeValues, MODES, MODES_DARK, MODES_LIGHT, THEMES, HdsThemingService as default };
 //# sourceMappingURL=hds-theming.js.map

package/dist/services/hds-theming.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-theming.js","sources":["../../src/services/hds-theming.ts"],"sourcesContent":["import Service from '@ember/service';\nimport { tracked } from '@glimmer/tracking';\n\nexport enum HdsThemeValues {\n  // default (original HDS)\n  Default = 'default',\n  // system settings (prefers-color-scheme)\n  System = 'system',\n  // user settings for dark/light\n  Light = 'light',\n  Dark = 'dark',\n}\n\n// TODO! understand if we really need this\nenum HdsModesBaseValues {\n  Default = 'default',\n}\n\nenum HdsModesLightValues {\n  CdsG0 = 'cds-g0',\n  CdsG10 = 'cds-g10',\n}\n\nenum HdsModesDarkValues {\n  CdsG90 = 'cds-g90',\n  CdsG100 = 'cds-g100',\n}\n\nexport enum HdsCssSelectorsValues {\n  Data = 'data',\n  Class = 'class',\n}\n\nexport type HdsThemes = `${HdsThemeValues}`;\nexport type HdsModes =\n  | `${HdsModesBaseValues}`\n  | `${HdsModesLightValues}`\n  | `${HdsModesDarkValues}`;\nexport type HdsModesLight = `${HdsModesLightValues}`;\nexport type HdsModesDark = `${HdsModesDarkValues}`;\nexport type HdsCssSelectors = `${HdsCssSelectorsValues}`;\n\ntype HdsThemingOptions = {\n  lightTheme: HdsModesLight;\n  darkTheme: HdsModesDark;\n  cssSelector: HdsCssSelectors;\n  isComplex: boolean;\n};\n\ntype SetThemeArgs = {\n  theme: HdsThemes | undefined;\n  options?: HdsThemingOptions;\n  onSetTheme?: OnSetThemeCallback;\n};\n\nexport type OnSetThemeCallbackArgs = {\n  currentTheme: HdsThemes | undefined;\n  currentMode: HdsModes | undefined;\n};\n\nexport type OnSetThemeCallback = (args: OnSetThemeCallbackArgs) => void;\n\nexport const THEMES: HdsThemes[] = Object.values(HdsThemeValues);\nexport const MODES_LIGHT: HdsModesLight[] = Object.values(HdsModesLightValues);\nexport const MODES_DARK: HdsModesDark[] = Object.values(HdsModesDarkValues);\nexport const MODES: HdsModes[] = [\n  ...Object.values(HdsModesBaseValues),\n  ...MODES_LIGHT,\n  ...MODES_DARK,\n];\n\nexport const HDS_THEMING_DATA_SELECTOR = 'data-hds-theme';\nexport const HDS_THEMING_CLASS_SELECTOR_PREFIX = 'hds-theme';\n\nexport const HDS_THEMING_LOCALSTORAGE_DATA = 'hds-theming-data';\n\nexport const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0;\nexport const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100;\nexport const DEFAULT_THEMING_OPTION_CSS_SELECTOR = 'data';\n\nexport default class HdsThemingService extends Service {\n  @tracked _currentTheme: HdsThemes | undefined = undefined;\n  @tracked _currentMode: HdsModes | undefined = undefined;\n  @tracked _currentLightTheme: HdsModesLight =\n    DEFAULT_THEMING_OPTION_LIGHT_THEME;\n  @tracked _currentDarkTheme: HdsModesDark = DEFAULT_THEMING_OPTION_DARK_THEME;\n  @tracked _currentCssSelector: HdsCssSelectors =\n    DEFAULT_THEMING_OPTION_CSS_SELECTOR;\n  @tracked globalOnSetTheme: OnSetThemeCallback | undefined;\n\n  initializeTheme() {\n    const rawStoredThemingData = localStorage.getItem(\n      HDS_THEMING_LOCALSTORAGE_DATA\n    );\n    if (rawStoredThemingData !== null) {\n      const storedThemingData: unknown = JSON.parse(rawStoredThemingData);\n      if (storedThemingData) {\n        const { theme, options } = storedThemingData as {\n          theme: HdsThemes | undefined;\n          options: HdsThemingOptions;\n        };\n        this.setTheme({\n          theme,\n          options,\n        });\n      }\n    }\n  }\n\n  setTheme({ theme, options, onSetTheme }: SetThemeArgs) {\n    if (options !== undefined) {\n      // if we have new options, we override the current ones (`lightTheme` / `darkTheme` / `cssSelector`)\n      // these options can be used by consumers that want to customize how they apply theming\n      // (and used by the showcase for the custom theming / theme switching logic)\n      if (\n        Object.hasOwn(options, 'lightTheme') &&\n        Object.hasOwn(options, 'darkTheme') &&\n        Object.hasOwn(options, 'cssSelector')\n      ) {\n        const { lightTheme, darkTheme, cssSelector } = options;\n\n        this._currentLightTheme = lightTheme;\n        this._currentDarkTheme = darkTheme;\n        this._currentCssSelector = cssSelector;\n      } else {\n        // fallback if something goes wrong\n        this._currentLightTheme = DEFAULT_THEMING_OPTION_LIGHT_THEME;\n        this._currentDarkTheme = DEFAULT_THEMING_OPTION_DARK_THEME;\n        this._currentCssSelector = DEFAULT_THEMING_OPTION_CSS_SELECTOR;\n      }\n    }\n\n    // set the current theme/mode (`currentTheme` / `currentMode`)\n    let cssSelectorPartial;\n    if (\n      theme === undefined || // standard (no theming)\n      !THEMES.includes(theme) // handle possible errors\n    ) {\n      this._currentTheme = undefined;\n      this._currentMode = undefined;\n      cssSelectorPartial = undefined;\n    } else if (\n      theme === HdsThemeValues.Default // default (original HDS)\n    ) {\n      this._currentTheme = HdsThemeValues.Default;\n      this._currentMode = undefined;\n      cssSelectorPartial = HdsThemeValues.Default;\n    } else if (\n      theme === HdsThemeValues.System // system (prefers-color-scheme)\n    ) {\n      this._currentTheme = HdsThemeValues.System;\n      this._currentMode = undefined;\n      cssSelectorPartial = HdsThemeValues.System;\n    } else {\n      this._currentTheme = theme;\n      if (this._currentTheme === HdsThemeValues.Light) {\n        this._currentMode = this._currentLightTheme;\n      }\n      if (this._currentTheme === HdsThemeValues.Dark) {\n        this._currentMode = this._currentDarkTheme;\n      }\n      cssSelectorPartial = options?.isComplex\n        ? this._currentMode\n        : this._currentTheme;\n    }\n\n    // IMPORTANT: for this to work, it needs to be the HTML tag (it's the `:root` in CSS)\n    const rootElement = document.querySelector('html');\n\n    if (!rootElement) {\n      return;\n    }\n    // remove or update the CSS selectors applied to the root element (depending on the `theme` argument)\n    rootElement.removeAttribute(HDS_THEMING_DATA_SELECTOR);\n    const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter(\n      (className) =>\n        className.startsWith(`${HDS_THEMING_CLASS_SELECTOR_PREFIX}-`)\n    );\n    rootElement.classList.remove(...hdsThemingClassesToRemove);\n    if (cssSelectorPartial !== undefined) {\n      if (this._currentCssSelector === 'data') {\n        rootElement.setAttribute(HDS_THEMING_DATA_SELECTOR, cssSelectorPartial);\n      } else if (this._currentCssSelector === 'class') {\n        rootElement.classList.add(\n          `${HDS_THEMING_CLASS_SELECTOR_PREFIX}-${cssSelectorPartial}`\n        );\n      }\n    }\n\n    // store the current theme and theming options in local storage (unless undefined)\n    localStorage.setItem(\n      HDS_THEMING_LOCALSTORAGE_DATA,\n      JSON.stringify({\n        theme: this._currentTheme,\n        options: {\n          lightTheme: this._currentLightTheme,\n          darkTheme: this._currentDarkTheme,\n          cssSelector: this._currentCssSelector,\n        },\n      })\n    );\n\n    // this is a general callback that can be defined globally (by extending the service)\n    if (this.globalOnSetTheme) {\n      this.globalOnSetTheme({\n        currentTheme: this._currentTheme,\n        currentMode: this._currentMode,\n      });\n    }\n\n    // this is a \"local\" callback that can be defined \"locally\" (eg. in a theme switcher)\n    if (onSetTheme) {\n      onSetTheme({\n        currentTheme: this._currentTheme,\n        currentMode: this._currentMode,\n      });\n    }\n  }\n\n  // getters used for reactivity in the components/services using this service\n\n  get currentTheme(): HdsThemes | undefined {\n    return this._currentTheme;\n  }\n\n  get currentMode(): HdsModes | undefined {\n    return this._currentMode;\n  }\n\n  get currentLightTheme(): HdsModesLight {\n    return this._currentLightTheme ?? DEFAULT_THEMING_OPTION_LIGHT_THEME;\n  }\n\n  get currentDarkTheme(): HdsModesDark {\n    return this._currentDarkTheme ?? DEFAULT_THEMING_OPTION_DARK_THEME;\n  }\n\n  get currentCssSelector(): HdsCssSelectors {\n    return this._currentCssSelector ?? DEFAULT_THEMING_OPTION_CSS_SELECTOR;\n  }\n}\n"],"names":["HdsThemeValues","HdsModesBaseValues","HdsModesLightValues","HdsModesDarkValues","HdsCssSelectorsValues","THEMES","Object","values","MODES_LIGHT","MODES_DARK","MODES","HDS_THEMING_DATA_SELECTOR","HDS_THEMING_CLASS_SELECTOR_PREFIX","HDS_THEMING_LOCALSTORAGE_DATA","DEFAULT_THEMING_OPTION_LIGHT_THEME","CdsG0","DEFAULT_THEMING_OPTION_DARK_THEME","CdsG100","DEFAULT_THEMING_OPTION_CSS_SELECTOR","HdsThemingService","Service","g","prototype","tracked","undefined","i","void 0","initializeTheme","rawStoredThemingData","localStorage","getItem","storedThemingData","JSON","parse","theme","options","setTheme","onSetTheme","hasOwn","lightTheme","darkTheme","cssSelector","_currentLightTheme","_currentDarkTheme","_currentCssSelector","cssSelectorPartial","includes","_currentTheme","_currentMode","Default","System","Light","Dark","isComplex","rootElement","document","querySelector","removeAttribute","hdsThemingClassesToRemove","Array","from","classList","filter","className","startsWith","remove","setAttribute","add","setItem","stringify","globalOnSetTheme","currentTheme","currentMode","currentLightTheme","currentDarkTheme","currentCssSelector"],"mappings":"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"}
+{"version":3,"file":"hds-theming.js","sources":["../../src/services/hds-theming.ts"],"sourcesContent":["import Service from '@ember/service';\nimport { tracked } from '@glimmer/tracking';\n\nexport enum HdsThemeValues {\n  // default (original HDS)\n  Default = 'default',\n  // system settings (prefers-color-scheme)\n  System = 'system',\n  // user settings for dark/light\n  Light = 'light',\n  Dark = 'dark',\n}\n\n// TODO! understand if we really need this\nexport enum HdsModesBaseValues {\n  Default = 'default',\n}\n\nexport enum HdsModesLightValues {\n  CdsG0 = 'cds-g0',\n  CdsG10 = 'cds-g10',\n}\n\nexport enum HdsModesDarkValues {\n  CdsG90 = 'cds-g90',\n  CdsG100 = 'cds-g100',\n}\n\nexport type HdsThemes = `${HdsThemeValues}`;\nexport type HdsModes =\n  | `${HdsModesBaseValues}`\n  | `${HdsModesLightValues}`\n  | `${HdsModesDarkValues}`;\nexport type HdsModesLight = `${HdsModesLightValues}`;\nexport type HdsModesDark = `${HdsModesDarkValues}`;\n\ntype HdsThemingOptions = {\n  lightTheme: HdsModesLight;\n  darkTheme: HdsModesDark;\n};\n\ntype SetThemeArgs = {\n  theme: HdsThemes | undefined;\n  options?: HdsThemingOptions;\n  onSetTheme?: OnSetThemeCallback;\n};\n\nexport type OnSetThemeCallbackArgs = {\n  currentTheme: HdsThemes | undefined;\n  currentMode: HdsModes | undefined;\n};\n\nexport type OnSetThemeCallback = (args: OnSetThemeCallbackArgs) => void;\n\nexport const THEMES: HdsThemes[] = Object.values(HdsThemeValues);\nexport const MODES_LIGHT: HdsModesLight[] = Object.values(HdsModesLightValues);\nexport const MODES_DARK: HdsModesDark[] = Object.values(HdsModesDarkValues);\nexport const MODES: HdsModes[] = [\n  ...Object.values(HdsModesBaseValues),\n  ...MODES_LIGHT,\n  ...MODES_DARK,\n];\n\nexport const HDS_THEMING_LOCALSTORAGE_DATA = 'hds-theming-data';\n\nexport const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0;\nexport const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100;\n\nexport default class HdsThemingService extends Service {\n  @tracked _currentTheme: HdsThemes | undefined = undefined;\n  @tracked _currentMode: HdsModes | undefined = undefined;\n  @tracked _currentLightTheme: HdsModesLight =\n    DEFAULT_THEMING_OPTION_LIGHT_THEME;\n  @tracked _currentDarkTheme: HdsModesDark = DEFAULT_THEMING_OPTION_DARK_THEME;\n  @tracked globalOnSetTheme: OnSetThemeCallback | undefined;\n\n  initializeTheme() {\n    const rawStoredThemingData = localStorage.getItem(\n      HDS_THEMING_LOCALSTORAGE_DATA\n    );\n    if (rawStoredThemingData !== null) {\n      const storedThemingData: unknown = JSON.parse(rawStoredThemingData);\n      if (storedThemingData) {\n        const { theme, options } = storedThemingData as {\n          theme: HdsThemes | undefined;\n          options: HdsThemingOptions;\n        };\n        this.setTheme({\n          theme,\n          options,\n        });\n      }\n    }\n  }\n\n  setTheme({ theme, options, onSetTheme }: SetThemeArgs) {\n    if (options !== undefined) {\n      // if we have new options, we override the current ones (`lightTheme` / `darkTheme`)\n      // these options can be used by consumers that want to customize how they apply theming\n      // (and used by the showcase for the custom theming / theme switching logic)\n      if (\n        Object.hasOwn(options, 'lightTheme') &&\n        Object.hasOwn(options, 'darkTheme')\n      ) {\n        const { lightTheme, darkTheme } = options;\n\n        this._currentLightTheme = lightTheme;\n        this._currentDarkTheme = darkTheme;\n      } else {\n        // fallback if something goes wrong\n        this._currentLightTheme = DEFAULT_THEMING_OPTION_LIGHT_THEME;\n        this._currentDarkTheme = DEFAULT_THEMING_OPTION_DARK_THEME;\n      }\n    }\n\n    // set the current theme/mode (`currentTheme` / `currentMode`)\n    if (\n      theme === undefined || // standard (no theming)\n      !THEMES.includes(theme) // handle possible errors\n    ) {\n      this._currentTheme = undefined;\n      this._currentMode = undefined;\n    } else if (\n      theme === HdsThemeValues.Default // default (original HDS)\n    ) {\n      this._currentTheme = HdsThemeValues.Default;\n      this._currentMode = undefined;\n    } else if (\n      theme === HdsThemeValues.System // system (prefers-color-scheme)\n    ) {\n      this._currentTheme = HdsThemeValues.System;\n      this._currentMode = undefined;\n    } else {\n      this._currentTheme = theme;\n      if (this._currentTheme === HdsThemeValues.Light) {\n        this._currentMode = this._currentLightTheme;\n      }\n      if (this._currentTheme === HdsThemeValues.Dark) {\n        this._currentMode = this._currentDarkTheme;\n      }\n    }\n\n    // IMPORTANT: for this to work, it needs to be the HTML tag (it's the `:root` in CSS)\n    const rootElement = document.querySelector('html');\n\n    if (!rootElement) {\n      return;\n    }\n    // remove or update the CSS selectors applied to the root element (depending on the `theme`/`mode` arguments)\n    const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter(\n      (className) => className.match(/^hds-(theme|mode)/)\n    );\n    rootElement.classList.remove(...hdsThemingClassesToRemove);\n    if (this._currentTheme !== undefined) {\n      rootElement.classList.add(`hds-theme-${this._currentTheme}`);\n    }\n    if (this._currentMode !== undefined) {\n      rootElement.classList.add(`hds-mode-${this._currentMode}`);\n    }\n\n    // store the current theme and theming options in local storage (unless undefined)\n    localStorage.setItem(\n      HDS_THEMING_LOCALSTORAGE_DATA,\n      JSON.stringify({\n        theme: this._currentTheme,\n        options: {\n          lightTheme: this._currentLightTheme,\n          darkTheme: this._currentDarkTheme,\n        },\n      })\n    );\n\n    // this is a general callback that can be defined globally (by extending the service)\n    if (this.globalOnSetTheme) {\n      this.globalOnSetTheme({\n        currentTheme: this._currentTheme,\n        currentMode: this._currentMode,\n      });\n    }\n\n    // this is a \"local\" callback that can be defined \"locally\" (eg. in a theme switcher)\n    if (onSetTheme) {\n      onSetTheme({\n        currentTheme: this._currentTheme,\n        currentMode: this._currentMode,\n      });\n    }\n  }\n\n  // getters used for reactivity in the components/services using this service\n\n  get currentTheme(): HdsThemes | undefined {\n    return this._currentTheme;\n  }\n\n  get currentMode(): HdsModes | undefined {\n    return this._currentMode;\n  }\n\n  get currentLightTheme(): HdsModesLight {\n    return this._currentLightTheme ?? DEFAULT_THEMING_OPTION_LIGHT_THEME;\n  }\n\n  get currentDarkTheme(): HdsModesDark {\n    return this._currentDarkTheme ?? DEFAULT_THEMING_OPTION_DARK_THEME;\n  }\n}\n"],"names":["HdsThemeValues","HdsModesBaseValues","HdsModesLightValues","HdsModesDarkValues","THEMES","Object","values","MODES_LIGHT","MODES_DARK","MODES","HDS_THEMING_LOCALSTORAGE_DATA","DEFAULT_THEMING_OPTION_LIGHT_THEME","CdsG0","DEFAULT_THEMING_OPTION_DARK_THEME","CdsG100","HdsThemingService","Service","g","prototype","tracked","undefined","i","void 0","initializeTheme","rawStoredThemingData","localStorage","getItem","storedThemingData","JSON","parse","theme","options","setTheme","onSetTheme","hasOwn","lightTheme","darkTheme","_currentLightTheme","_currentDarkTheme","includes","_currentTheme","_currentMode","Default","System","Light","Dark","rootElement","document","querySelector","hdsThemingClassesToRemove","Array","from","classList","filter","className","match","remove","add","setItem","stringify","globalOnSetTheme","currentTheme","currentMode","currentLightTheme","currentDarkTheme"],"mappings":"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"}

package/dist/services.js

@@ -1,2 +1,2 @@
-export { DEFAULT_THEMING_OPTION_CSS_SELECTOR, DEFAULT_THEMING_OPTION_DARK_THEME, DEFAULT_THEMING_OPTION_LIGHT_THEME, HDS_THEMING_CLASS_SELECTOR_PREFIX, HDS_THEMING_DATA_SELECTOR, HDS_THEMING_LOCALSTORAGE_DATA, HdsCssSelectorsValues, HdsThemeValues, MODES, MODES_DARK, MODES_LIGHT, THEMES } from './services/hds-theming.js';
+export { DEFAULT_THEMING_OPTION_DARK_THEME, DEFAULT_THEMING_OPTION_LIGHT_THEME, HDS_THEMING_LOCALSTORAGE_DATA, HdsModesBaseValues, HdsModesDarkValues, HdsModesLightValues, HdsThemeValues, MODES, MODES_DARK, MODES_LIGHT, THEMES } from './services/hds-theming.js';
 //# sourceMappingURL=services.js.map