@momentum-design/components 0.0.28 → 0.0.30

package/dist/components/themeprovider/themeprovider.constants.js

@@ -1,31 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TAG_NAME = exports.THEMES = exports.THEME_NAMES = exports.DEFAULTS = void 0;
+exports.TAG_NAME = exports.DEFAULTS = void 0;
 const tslib_1 = require("tslib");
 /* eslint-disable implicit-arrow-linebreak */
 const tag_name_1 = tslib_1.__importDefault(require("../../utils/tag-name"));
-const themeprovider_utils_1 = tslib_1.__importDefault(require("./themeprovider.utils"));
 const TAG_NAME = tag_name_1.default.constructTagName('themeprovider');
 exports.TAG_NAME = TAG_NAME;
-// Some themes are disabled until tokens are available for those themes
-const THEME_NAMES = {
-    // DARK_BRONZE: 'darkBronze' as const,
-    // DARK_INDIGO: 'darkIndigo' as const,
-    // DARK_JADE: 'darkJade' as const,
-    // DARK_LAVENDER: 'darkLavender' as const,
-    // DARK_ROSE: 'darkRose' as const,
-    DARK_WEBEX: 'darkWebex',
-    // LIGHT_BRONZE: 'lightBronze' as const,
-    // LIGHT_INDIGO: 'lightIndigo' as const,
-    // LIGHT_JADE: 'lightJade' as const,
-    // LIGHT_LAVENDER: 'lightLavender' as const,
-    // LIGHT_ROSE: 'lightRose' as const,
-    LIGHT_WEBEX: 'lightWebex',
-};
-exports.THEME_NAMES = THEME_NAMES;
-const THEMES = Object.values(THEME_NAMES).map((themeName) => themeprovider_utils_1.default.getFullQualifiedTheme(themeName));
-exports.THEMES = THEMES;
 const DEFAULTS = {
-    THEME: themeprovider_utils_1.default.getFullQualifiedTheme(THEME_NAMES.DARK_WEBEX),
+    THEMECLASS: 'mds-theme-stable-darkWebex',
 };
 exports.DEFAULTS = DEFAULTS;

package/dist/components/themeprovider/themeprovider.context.d.ts

@@ -1,9 +1,8 @@
-import type { Theme } from './themeprovider.types';
 declare class ThemeProviderContext {
-    theme?: Theme;
+    themeclass?: string;
     static context: {
         __context__: ThemeProviderContext;
     };
-    constructor(defaultTheme?: Theme);
+    constructor(defaultThemeClass?: string);
 }
 export default ThemeProviderContext;

package/dist/components/themeprovider/themeprovider.context.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const context_1 = require("@lit/context");
 const themeprovider_constants_1 = require("./themeprovider.constants");
 class ThemeProviderContext {
-    // constructor to allow setting the defaultTheme
-    constructor(defaultTheme) {
-        this.theme = defaultTheme;
+    // constructor to allow setting the defaultThemeClass
+    constructor(defaultThemeClass) {
+        this.themeclass = defaultThemeClass;
     }
 }
 // create typed lit context as part of the ThemeProviderContext

package/dist/custom-elements.json

@@ -44,12 +44,12 @@
             },
             {
               "kind": "field",
-              "name": "scale",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
               "description": "Scale of the avatar",
-              "attribute": "scale"
+              "attribute": "size"
             },
             {
               "kind": "method",
@@ -85,12 +85,12 @@
               "fieldName": "src"
             },
             {
-              "name": "scale",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
               "description": "Scale of the avatar",
-              "fieldName": "scale"
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -141,12 +141,12 @@
             },
             {
               "kind": "field",
-              "name": "scale",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
               "description": "Scale of the badge (works in combination with length unit)\n\nDefault: `1`",
-              "attribute": "scale"
+              "attribute": "size"
             },
             {
               "kind": "field",
@@ -203,12 +203,12 @@
               "fieldName": "type"
             },
             {
-              "name": "scale",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
               "description": "Scale of the badge (works in combination with length unit)\n\nDefault: `1`",
-              "fieldName": "scale"
+              "fieldName": "size"
             },
             {
               "name": "length-unit",
@@ -262,7 +262,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Icon component, which has to be mounted inside of a `IconProvider`\ncomponent.\n\nThe `IconProvider` component defines where icons should be consumed from (`url`).\nThis `Icon` component accepts the `name` attribute, which will be\nthe file name of the icon to be loaded from the given `url`.\n\nOnce fetched, the icon will be mounted. If fetching wasn't successful,\nnothing will be shown.\n\nThe `scale` attribute allows scaling the icon based on the provided\n`length-unit` attribute (which will either come from the IconProvider or\ncould be overridden per icon). For example:\nif `scale = 1` and `length-unit = 'em'`, the size of the icon will be\n`width: 1em; height: 1em`.\n\nFor accessibility the `role` and `aria-label` of the icon can be set.",
+          "description": "Icon component, which has to be mounted inside of a `IconProvider`\ncomponent.\n\nThe `IconProvider` component defines where icons should be consumed from (`url`).\nThis `Icon` component accepts the `name` attribute, which will be\nthe file name of the icon to be loaded from the given `url`.\n\nOnce fetched, the icon will be mounted. If fetching wasn't successful,\nnothing will be shown.\n\nThe `size` attribute allows sizing the icon based on the provided\n`length-unit` attribute (which will either come from the IconProvider or\ncould be overridden per icon). For example:\nif `size = 1` and `length-unit = 'em'`, the size of the icon will be\n`width: 1em; height: 1em`.\n\nFor accessibility the `role` and `aria-label` of the icon can be set.",
           "name": "Icon",
           "members": [
             {
@@ -281,6 +281,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "sizeFromContext",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "name",
@@ -293,12 +301,12 @@
             },
             {
               "kind": "field",
-              "name": "scale",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
-              "description": "Scale of the icon (works in combination with length unit)",
-              "attribute": "scale"
+              "description": "Size of the icon (works in combination with length unit)",
+              "attribute": "size"
             },
             {
               "kind": "field",
@@ -306,7 +314,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Length unit attribute for overridding length-unit from `IconProvider`",
+              "description": "Length unit attribute for overriding length-unit from `IconProvider`",
               "attribute": "length-unit"
             },
             {
@@ -332,7 +340,8 @@
             {
               "kind": "field",
               "name": "iconProviderContext",
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
@@ -355,6 +364,12 @@
               "kind": "method",
               "name": "setAriaLabelOnIcon",
               "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "computedIconSize",
+              "privacy": "private",
+              "readonly": true
             }
           ],
           "attributes": [
@@ -367,19 +382,19 @@
               "fieldName": "name"
             },
             {
-              "name": "scale",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
-              "description": "Scale of the icon (works in combination with length unit)",
-              "fieldName": "scale"
+              "description": "Size of the icon (works in combination with length unit)",
+              "fieldName": "size"
             },
             {
               "name": "length-unit",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Length unit attribute for overridding length-unit from `IconProvider`",
+              "description": "Length unit attribute for overriding length-unit from `IconProvider`",
               "fieldName": "lengthUnit"
             },
             {
@@ -406,7 +421,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-icon",
-          "jsDoc": "/**\n * Icon component, which has to be mounted inside of a `IconProvider`\n * component.\n *\n * The `IconProvider` component defines where icons should be consumed from (`url`).\n * This `Icon` component accepts the `name` attribute, which will be\n * the file name of the icon to be loaded from the given `url`.\n *\n * Once fetched, the icon will be mounted. If fetching wasn't successful,\n * nothing will be shown.\n *\n * The `scale` attribute allows scaling the icon based on the provided\n * `length-unit` attribute (which will either come from the IconProvider or\n * could be overridden per icon). For example:\n * if `scale = 1` and `length-unit = 'em'`, the size of the icon will be\n * `width: 1em; height: 1em`.\n *\n * For accessibility the `role` and `aria-label` of the icon can be set.\n *\n * @tag mdc-icon\n * @tagname mdc-icon\n */",
+          "jsDoc": "/**\n * Icon component, which has to be mounted inside of a `IconProvider`\n * component.\n *\n * The `IconProvider` component defines where icons should be consumed from (`url`).\n * This `Icon` component accepts the `name` attribute, which will be\n * the file name of the icon to be loaded from the given `url`.\n *\n * Once fetched, the icon will be mounted. If fetching wasn't successful,\n * nothing will be shown.\n *\n * The `size` attribute allows sizing the icon based on the provided\n * `length-unit` attribute (which will either come from the IconProvider or\n * could be overridden per icon). For example:\n * if `size = 1` and `length-unit = 'em'`, the size of the icon will be\n * `width: 1em; height: 1em`.\n *\n * For accessibility the `role` and `aria-label` of the icon can be set.\n *\n * @tag mdc-icon\n * @tagname mdc-icon\n */",
           "customElement": true
         }
       ],
@@ -460,12 +475,23 @@
               "kind": "field",
               "name": "lengthUnit",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "description": "Length unit used for sizing of icons, default: 'em'",
               "attribute": "length-unit",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "DEFAULTS.LENGTH_UNIT_SIZE[DEFAULTS.LENGTH_UNIT]",
+              "description": "The default size of the icon.\nIf not set, it falls back to the size defined by the length unit.",
+              "attribute": "size",
+              "reflects": true
+            },
             {
               "kind": "method",
               "name": "updateValuesInContext",
@@ -502,10 +528,19 @@
             {
               "name": "length-unit",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "description": "Length unit used for sizing of icons, default: 'em'",
               "fieldName": "lengthUnit"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "DEFAULTS.LENGTH_UNIT_SIZE[DEFAULTS.LENGTH_UNIT]",
+              "description": "The default size of the icon.\nIf not set, it falls back to the size defined by the length unit.",
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -595,33 +630,41 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "ThemeProvider component, which sets the theme css variables\nfor the child dom nodes and allows to be consumed from sub components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes the different font faces available\nfor Text components.",
+          "description": "ThemeProvider component, which sets the passed in themeclass as class.\nIf the themeclass switches, the existing themeclass will be removed as a class\nand the new themeclass will be added.\n\nCSS variables defined in the themeclass will be used for the styling of child dom nodes.\n\nThemeclass context can be be consumed from Lit child components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes basic font defaults for text.",
           "name": "ThemeProvider",
+          "cssProperties": [
+            {
+              "description": "Option to override the font family",
+              "name": "--mdc-themeprovider-font-family"
+            },
+            {
+              "description": "Option to override the default color",
+              "name": "--mdc-themeprovider-color-default"
+            }
+          ],
+          "slots": [
+            {
+              "description": "children",
+              "name": "default"
+            }
+          ],
           "members": [
             {
               "kind": "field",
               "name": "Context",
               "privacy": "public",
               "static": true,
+              "description": "Context object of the ThemeProvider, to be consumed by child components",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "themes",
+              "name": "themeclass",
               "type": {
                 "text": "string"
               },
-              "description": "Available themes to switch to\n\nHas to be a space separated string, like className\ne.g.: `mds-theme-stable-darkWebex mds-theme-stable-lightWebex`",
-              "attribute": "themes"
-            },
-            {
-              "kind": "field",
-              "name": "theme",
-              "type": {
-                "text": "Theme"
-              },
-              "description": "Current theme attribute\n\nHas to be fully qualified, such that\nthe theme name matches the className of the respective\ntheme stylesheet",
-              "attribute": "theme"
+              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
+              "attribute": "themeclass"
             },
             {
               "kind": "method",
@@ -632,31 +675,23 @@
                   "text": "void"
                 }
               },
-              "description": "Update all observing components of this\nprovider to update the theme"
+              "description": "Update all observing components of this\nprovider to update the themeclass\n\nIs called on every re-render, see Provider class"
             },
             {
               "kind": "method",
-              "name": "updateActiveThemeClass",
+              "name": "setThemeInClassList",
               "privacy": "private",
-              "description": "Function to update the active theme classname to update the theme tokens\nas CSS variables on the web component."
+              "description": "Function to update the active theme classnames to update the theme tokens\nas CSS variables on the web component."
             }
           ],
           "attributes": [
             {
-              "name": "themes",
+              "name": "themeclass",
               "type": {
                 "text": "string"
               },
-              "description": "Available themes to switch to\n\nHas to be a space separated string, like className\ne.g.: `mds-theme-stable-darkWebex mds-theme-stable-lightWebex`",
-              "fieldName": "themes"
-            },
-            {
-              "name": "theme",
-              "type": {
-                "text": "Theme"
-              },
-              "description": "Current theme attribute\n\nHas to be fully qualified, such that\nthe theme name matches the className of the respective\ntheme stylesheet",
-              "fieldName": "theme"
+              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
+              "fieldName": "themeclass"
             }
           ],
           "superclass": {
@@ -664,7 +699,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-themeprovider",
-          "jsDoc": "/**\n * ThemeProvider component, which sets the theme css variables\n * for the child dom nodes and allows to be consumed from sub components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes the different font faces available\n * for Text components.\n *\n * @tag mdc-themeprovider\n * @tagname mdc-themeprovider\n */",
+          "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot default - children\n *\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color\n */",
           "customElement": true
         }
       ],

package/dist/react/icon/index.d.ts

@@ -10,10 +10,10 @@ import Component from '../../components/icon';
  * Once fetched, the icon will be mounted. If fetching wasn't successful,
  * nothing will be shown.
  *
- * The `scale` attribute allows scaling the icon based on the provided
+ * The `size` attribute allows sizing the icon based on the provided
  * `length-unit` attribute (which will either come from the IconProvider or
  * could be overridden per icon). For example:
- * if `scale = 1` and `length-unit = 'em'`, the size of the icon will be
+ * if `size = 1` and `length-unit = 'em'`, the size of the icon will be
  * `width: 1em; height: 1em`.
  *
  * For accessibility the `role` and `aria-label` of the icon can be set.

package/dist/react/icon/index.js

@@ -16,10 +16,10 @@ const icon_constants_1 = require("../../components/icon/icon.constants");
  * Once fetched, the icon will be mounted. If fetching wasn't successful,
  * nothing will be shown.
  *
- * The `scale` attribute allows scaling the icon based on the provided
+ * The `size` attribute allows sizing the icon based on the provided
  * `length-unit` attribute (which will either come from the IconProvider or
  * could be overridden per icon). For example:
- * if `scale = 1` and `length-unit = 'em'`, the size of the icon will be
+ * if `size = 1` and `length-unit = 'em'`, the size of the icon will be
  * `width: 1em; height: 1em`.
  *
  * For accessibility the `role` and `aria-label` of the icon can be set.

package/dist/react/themeprovider/index.d.ts

@@ -1,14 +1,22 @@
 import Component from '../../components/themeprovider';
 /**
- * ThemeProvider component, which sets the theme css variables
- * for the child dom nodes and allows to be consumed from sub components
+ * ThemeProvider component, which sets the passed in themeclass as class.
+ * If the themeclass switches, the existing themeclass will be removed as a class
+ * and the new themeclass will be added.
+ *
+ * CSS variables defined in the themeclass will be used for the styling of child dom nodes.
+ *
+ * Themeclass context can be be consumed from Lit child components
  * (see providerUtils.consume for how to consume)
  *
- * ThemeProvider also includes the different font faces available
- * for Text components.
+ * ThemeProvider also includes basic font defaults for text.
  *
- * @tag mdc-themeprovider
  * @tagname mdc-themeprovider
+ *
+ * @slot default - children
+ *
+ * @cssproperty --mdc-themeprovider-font-family - Option to override the font family
+ * @cssproperty --mdc-themeprovider-color-default - Option to override the default color
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/themeprovider/index.js

@@ -6,15 +6,23 @@ const react_1 = require("@lit/react");
 const themeprovider_1 = tslib_1.__importDefault(require("../../components/themeprovider"));
 const themeprovider_constants_1 = require("../../components/themeprovider/themeprovider.constants");
 /**
- * ThemeProvider component, which sets the theme css variables
- * for the child dom nodes and allows to be consumed from sub components
+ * ThemeProvider component, which sets the passed in themeclass as class.
+ * If the themeclass switches, the existing themeclass will be removed as a class
+ * and the new themeclass will be added.
+ *
+ * CSS variables defined in the themeclass will be used for the styling of child dom nodes.
+ *
+ * Themeclass context can be be consumed from Lit child components
  * (see providerUtils.consume for how to consume)
  *
- * ThemeProvider also includes the different font faces available
- * for Text components.
+ * ThemeProvider also includes basic font defaults for text.
  *
- * @tag mdc-themeprovider
  * @tagname mdc-themeprovider
+ *
+ * @slot default - children
+ *
+ * @cssproperty --mdc-themeprovider-font-family - Option to override the font family
+ * @cssproperty --mdc-themeprovider-color-default - Option to override the default color
  */
 const reactWrapper = (0, react_1.createComponent)({
     tagName: themeprovider_constants_1.TAG_NAME,

package/package.json

@@ -14,8 +14,14 @@
       "require": "./dist/index.js"
     },
     "./browser": "./dist/browser/index.js",
-    "./module": "./dist/components",
-    "./react": "./dist/react"
+    "./react": "./dist/react/index.js",
+    "./react/*": "./dist/react/*",
+    "./dist/react": "./dist/react/index.js",
+    "./dist/react/*": "./dist/react/*",
+    "./components": "./dist/components/index.js",
+    "./components/*": "./dist/components/*",
+    "./dist/components": "./dist/components/index.js",
+    "./dist/components/*": "./dist/components/*"
   },
   "files": [
     "./dist/",
@@ -31,5 +37,5 @@
     "@momentum-design/icons": "*",
     "@momentum-design/tokens": "*"
   },
-  "version": "0.0.28"
+  "version": "0.0.30"
 }

package/dist/components/iconprovider/iconprovider.stories.utils.d.ts

@@ -1,12 +0,0 @@
-import { Component } from '../../models';
-declare class SubComponentIconProvider extends Component {
-    currentTheme?: string;
-    private iconProviderContext;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        ['mdc-subcomponent-icon']: SubComponentIconProvider;
-    }
-}
-export {};

package/dist/components/iconprovider/iconprovider.stories.utils.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const lit_1 = require("lit");
-const models_1 = require("../../models");
-const iconprovider_component_1 = tslib_1.__importDefault(require("./iconprovider.component"));
-const provider_1 = tslib_1.__importDefault(require("../../utils/provider"));
-// Subcomponent to be rendered in storybook, to showcase that the
-// theme can be consumed as a subcomponent
-class SubComponentIconProvider extends models_1.Component {
-    constructor() {
-        super(...arguments);
-        this.iconProviderContext = provider_1.default.consume({ host: this, context: iconprovider_component_1.default.Context });
-    }
-    render() {
-        var _a, _b, _c;
-        return (0, lit_1.html) `
-      <p>URL: ${(_a = this.iconProviderContext.value) === null || _a === void 0 ? void 0 : _a.url}</p>
-      <p>File Extension: ${(_b = this.iconProviderContext.value) === null || _b === void 0 ? void 0 : _b.fileExtension}</p>
-      <p>Length Unit: ${(_c = this.iconProviderContext.value) === null || _c === void 0 ? void 0 : _c.lengthUnit}</p>
-    `;
-    }
-}
-SubComponentIconProvider.register('mdc-subcomponent-icon');

package/dist/components/themeprovider/themeprovider.stories.utils.d.ts

@@ -1,12 +0,0 @@
-import { Component } from '../../models';
-declare class SubComponentThemeProvider extends Component {
-    currentTheme?: string;
-    private themeProviderContext;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        ['mdc-subcomponent']: SubComponentThemeProvider;
-    }
-}
-export {};

package/dist/components/themeprovider/themeprovider.stories.utils.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const lit_1 = require("lit");
-const models_1 = require("../../models");
-const themeprovider_component_1 = tslib_1.__importDefault(require("./themeprovider.component"));
-const provider_1 = tslib_1.__importDefault(require("../../utils/provider"));
-// Subcomponent to be rendered in storybook, to showcase that the
-// theme can be consumed as a subcomponent
-class SubComponentThemeProvider extends models_1.Component {
-    constructor() {
-        super(...arguments);
-        this.themeProviderContext = provider_1.default.consume({ host: this, context: themeprovider_component_1.default.Context });
-    }
-    render() {
-        var _a;
-        return (0, lit_1.html) ` <p>${(_a = this.themeProviderContext.value) === null || _a === void 0 ? void 0 : _a.theme}</p> `;
-    }
-}
-SubComponentThemeProvider.register('mdc-subcomponent');

package/dist/components/themeprovider/themeprovider.types.d.ts

@@ -1,5 +0,0 @@
-import type { ValueOf } from '../../utils/types';
-import { THEME_NAMES } from './themeprovider.constants';
-import type { ThemeClassPrefix, ThemeClassSeparator } from './themeprovider.utils';
-export type ThemeName = ValueOf<typeof THEME_NAMES>;
-export type Theme<T extends ThemeName = ThemeName> = `${ThemeClassPrefix}${ThemeClassSeparator}${T}`;

package/dist/components/themeprovider/themeprovider.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/themeprovider/themeprovider.utils.d.ts

@@ -1,9 +0,0 @@
-import type { Theme, ThemeName } from './themeprovider.types';
-declare const THEME_CLASS_PREFIX: "mds-theme-stable";
-export declare const THEME_CLASS_SEPARATOR: "-";
-declare const utils: {
-    getFullQualifiedTheme: <T extends ThemeName>(themeName: T) => Theme;
-};
-export default utils;
-export type ThemeClassPrefix = typeof THEME_CLASS_PREFIX;
-export type ThemeClassSeparator = typeof THEME_CLASS_SEPARATOR;

package/dist/components/themeprovider/themeprovider.utils.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.THEME_CLASS_SEPARATOR = void 0;
-const THEME_CLASS_PREFIX = 'mds-theme-stable';
-exports.THEME_CLASS_SEPARATOR = '-';
-const getFullQualifiedTheme = (themeName) => [THEME_CLASS_PREFIX, themeName].join(exports.THEME_CLASS_SEPARATOR);
-const utils = {
-    getFullQualifiedTheme,
-};
-exports.default = utils;