@momentum-design/components 0.0.23 → 0.0.25

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

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

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

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

@@ -0,0 +1,20 @@
+"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');