@momentum-design/components 0.2.0 → 0.2.1

package/dist/components/avatar/avatar.component.d.ts

@@ -1,3 +1,4 @@
+import { CSSResult } from 'lit';
 import { Component } from '../../models';
 import { AvatarType } from './avatar.types';
 /**
@@ -22,6 +23,6 @@ declare class Avatar extends Component {
     updated(changedProperties: Map<string, any>): void;
     photoTemplate(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    static styles: Array<CSSResult>;
 }
 export default Avatar;

package/dist/components/avatar/avatar.component.js

@@ -58,7 +58,7 @@ class Avatar extends models_1.Component {
         return (0, lit_1.html) `${content}`;
     }
 }
-Avatar.styles = avatar_styles_1.default;
+Avatar.styles = [...models_1.Component.styles, ...avatar_styles_1.default];
 tslib_1.__decorate([
     (0, decorators_js_1.property)({ type: String, reflect: true }),
     tslib_1.__metadata("design:type", String)

package/dist/components/avatar/avatar.styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("lit").CSSResult;
-export default styles;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/components/avatar/avatar.styles.js

@@ -17,4 +17,4 @@ const styles = (0, lit_1.css) `
     object-fit: cover;
   }
 `;
-exports.default = styles;
+exports.default = [styles];

package/dist/components/badge/badge.component.d.ts

@@ -1,3 +1,4 @@
+import { CSSResult } from 'lit';
 import { Component } from '../../models';
 import type { BadgeType } from './badge.types';
 /**
@@ -45,6 +46,6 @@ declare class Badge extends Component {
     textTemplate(): import("lit-html").TemplateResult<1>;
     warningTemplate(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static styles: Array<CSSResult>;
 }
 export default Badge;

package/dist/components/badge/badge.component.js

@@ -90,7 +90,7 @@ class Badge extends models_1.Component {
         return (0, lit_1.html) `<div class="mdc-badge-container" style=${(0, style_map_js_1.styleMap)(sizeStyles)}>${content}</div>`;
     }
 }
-Badge.styles = badge_styles_1.default;
+Badge.styles = [...models_1.Component.styles, ...badge_styles_1.default];
 tslib_1.__decorate([
     (0, decorators_js_1.property)({ type: String, reflect: true }),
     tslib_1.__metadata("design:type", String)

package/dist/components/icon/icon.component.d.ts

@@ -1,3 +1,4 @@
+import { CSSResult } from 'lit';
 import { Component } from '../../models';
 /**
  * Icon component that dynamically displays SVG icons based on a valid name.
@@ -72,6 +73,6 @@ declare class Icon extends Component {
     private get computedIconSize();
     updated(changedProperties: Map<string, any>): void;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static styles: Array<CSSResult>;
 }
 export default Icon;

package/dist/components/icon/icon.component.js

@@ -140,7 +140,7 @@ class Icon extends models_1.Component {
         return (0, lit_1.html) ` ${this.iconData} `;
     }
 }
-Icon.styles = icon_styles_1.default;
+Icon.styles = [...models_1.Component.styles, ...icon_styles_1.default];
 tslib_1.__decorate([
     (0, decorators_js_1.state)(),
     tslib_1.__metadata("design:type", HTMLElement)

package/dist/components/text/text.component.d.ts

@@ -1,3 +1,4 @@
+import { CSSResult } from 'lit';
 import { Component } from '../../models';
 import type { FontType } from './text.types';
 /**
@@ -23,6 +24,6 @@ declare class Text extends Component {
     protected handleTypeChanged(): void;
     protected updated(changedProperties: Map<string, any>): void;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static styles: Array<CSSResult>;
 }
 export default Text;

package/dist/components/text/text.component.js

@@ -32,7 +32,7 @@ class Text extends models_1.Component {
         return (0, lit_1.html) `<slot></slot>`;
     }
 }
-Text.styles = text_styles_1.default;
+Text.styles = [...models_1.Component.styles, ...text_styles_1.default];
 tslib_1.__decorate([
     (0, decorators_js_1.property)({ attribute: 'type', reflect: true, type: String }),
     tslib_1.__metadata("design:type", String)

package/dist/components/themeprovider/themeprovider.component.js

@@ -92,7 +92,7 @@ class ThemeProvider extends models_1.Provider {
         }
     }
 }
-ThemeProvider.styles = [...models_1.Provider.styles, themeprovider_styles_1.default];
+ThemeProvider.styles = [...models_1.Provider.styles, ...themeprovider_styles_1.default];
 tslib_1.__decorate([
     (0, decorators_js_1.state)(),
     tslib_1.__metadata("design:type", String)

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

@@ -1,2 +1,2 @@
-declare const styles: import("lit").CSSResult;
-export default styles;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/components/themeprovider/themeprovider.styles.js

@@ -15,4 +15,4 @@ const styles = (0, lit_1.css) `
     letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
   }
 `;
-exports.default = styles;
+exports.default = [styles];

package/dist/models/component/component.component.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { CSSResult, LitElement } from 'lit';
 /**
  * Core Component class to ultimately be inherited by all Web Components within
  * this package.
@@ -37,5 +37,9 @@ declare class Component extends LitElement {
      * @returns - Void.
      */
     static register(namespace: string): void;
+    /**
+     * Styles associated with the Base Component.
+     */
+    static styles: Array<CSSResult>;
 }
 export default Component;

package/dist/models/component/component.component.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const lit_1 = require("lit");
+const component_styles_1 = tslib_1.__importDefault(require("./component.styles"));
 /**
  * Core Component class to ultimately be inherited by all Web Components within
  * this package.
@@ -45,4 +47,8 @@ class Component extends lit_1.LitElement {
         customElements.define(namespace, this);
     }
 }
+/**
+ * Styles associated with the Base Component.
+ */
+Component.styles = [component_styles_1.default];
 exports.default = Component;

package/dist/models/component/component.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/models/component/component.styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lit_1 = require("lit");
+exports.default = (0, lit_1.css) `
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+`;

package/dist/models/provider/provider.component.js

@@ -52,5 +52,5 @@ class Provider extends component_1.default {
 /**
  * Styles associated with this Provider Component.
  */
-Provider.styles = [provider_styles_1.default];
+Provider.styles = [...component_1.default.styles, provider_styles_1.default];
 exports.default = Provider;

package/package.json

@@ -37,5 +37,5 @@
     "@momentum-design/icons": "*",
     "@momentum-design/tokens": "*"
   },
-  "version": "0.2.0"
+  "version": "0.2.1"
 }