@momentum-design/components 0.66.2 → 0.66.3

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
+export { default as AlertChip } from './alertchip';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
-export { default as AlertChip } from './alertchip';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
@@ -45,8 +45,8 @@ export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
 export { default as Tab } from './tab';
-export { default as Text } from './text';
 export { default as TabList } from './tablist';
+export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
 export { default as Toggle } from './toggle';

package/dist/react/index.js

@@ -1,6 +1,6 @@
+export { default as AlertChip } from './alertchip';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
-export { default as AlertChip } from './alertchip';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
@@ -45,8 +45,8 @@ export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
 export { default as Tab } from './tab';
-export { default as Text } from './text';
 export { default as TabList } from './tablist';
+export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
 export { default as Toggle } from './toggle';

package/dist/utils/mixins/ButtonComponentMixin.d.ts

@@ -2,15 +2,15 @@ import type { ButtonColor, ButtonTypeInternal, ButtonVariant, IconButtonSize, Pi
 import type { IconNames } from '../../components/icon/icon.types';
 import type { Component } from '../../models';
 import type { Constructor } from './index.types';
-export interface ButtonComponentMixinInterface {
+export declare class ButtonComponentMixinInterface {
     prefixIcon?: IconNames;
     postfixIcon?: IconNames;
     variant: ButtonVariant;
     color: ButtonColor;
-    typeInternal: ButtonTypeInternal;
-    setSize(size: PillButtonSize | IconButtonSize): void;
-    setVariant(variant: ButtonVariant): void;
-    setColor(color: ButtonColor): void;
-    inferButtonType(): void;
+    protected typeInternal: ButtonTypeInternal;
+    protected setSize(size: PillButtonSize | IconButtonSize): void;
+    protected setVariant(variant: ButtonVariant): void;
+    protected setColor(color: ButtonColor): void;
+    protected inferButtonType(): void;
 }
 export declare const ButtonComponentMixin: <T extends Constructor<Component>>(superClass: T) => Constructor<ButtonComponentMixinInterface> & T;

package/dist/utils/mixins/ButtonComponentMixin.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+/* eslint-disable max-classes-per-file */
 import { property, state } from 'lit/decorators.js';
 import { BUTTON_COLORS, BUTTON_TYPE_INTERNAL, BUTTON_VARIANTS, DEFAULTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from '../../components/button/button.constants';
 export const ButtonComponentMixin = (superClass) => {

package/dist/utils/mixins/CardComponentMixin.d.ts

@@ -3,7 +3,7 @@ import type { CardOrientation, CardVariant } from '../../components/card/card.ty
 import type { TagName as TagNameType } from '../../components/text/text.types';
 import type { IconNames } from '../../components/icon/icon.types';
 import type { Constructor } from './index.types';
-export interface CardComponentMixinInterface {
+export declare class CardComponentMixinInterface {
     cardTitle: string;
     subtitle: string;
     imageSrc: string;
@@ -13,8 +13,8 @@ export interface CardComponentMixinInterface {
     titleTagName: TagNameType;
     subtitleTagName: TagNameType;
     iconName?: IconNames;
-    renderIcon: () => TemplateResult;
-    renderImage: () => TemplateResult;
-    renderTitle: () => TemplateResult;
+    protected renderIcon: () => TemplateResult;
+    protected renderImage: () => TemplateResult;
+    protected renderTitle: () => TemplateResult;
 }
 export declare const CardComponentMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<CardComponentMixinInterface> & T;

package/dist/utils/mixins/CardComponentMixin.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+/* eslint-disable max-classes-per-file */
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { DEFAULTS } from '../../components/card/card.constants';
@@ -15,9 +16,9 @@ export const CardComponentMixin = (superClass) => {
         constructor() {
             super(...arguments);
             /**
-           * The title of the card - part of header section
-           * @default ''
-           */
+             * The title of the card - part of header section
+             * @default ''
+             */
             this.cardTitle = '';
             /**
              * The subtitle of the card - part of header section
@@ -56,37 +57,42 @@ export const CardComponentMixin = (superClass) => {
             this.subtitleTagName = DEFAULTS.TAGNAME;
         }
         /**
-      * Renders the image on the card if image source is provided
-      * @returns The image element
-      */
+         * Renders the image on the card if image source is provided
+         * @returns The image element
+         */
         renderImage() {
             if (!this.imageSrc) {
                 return nothing;
             }
-            return html `<img part="image" src="${this.imageSrc}" alt="${this.imageAlt}"/>`;
+            return html `<img part="image" src="${this.imageSrc}" alt="${this.imageAlt}" />`;
         }
         /**
-       * Renders the icon on the card if icon name is provided
-       * @returns The icon element
-       */
+         * Renders the icon on the card if icon name is provided
+         * @returns The icon element
+         */
         renderIcon() {
-            return this.iconName ? html `<mdc-icon part="icon"
-       size="${DEFAULTS.ICON_SIZE}" 
-       length-unit="${DEFAULTS.ICON_LENGTH_UNIT}" 
-       name="${this.iconName}"></mdc-icon>`
+            return this.iconName
+                ? html `<mdc-icon
+            part="icon"
+            size="${DEFAULTS.ICON_SIZE}"
+            length-unit="${DEFAULTS.ICON_LENGTH_UNIT}"
+            name="${this.iconName}"
+          ></mdc-icon>`
                 : nothing;
         }
         /**
-       * Renders the title and subtitle on the card
-       * @returns The title and subtitle elements
-       */
+         * Renders the title and subtitle on the card
+         * @returns The title and subtitle elements
+         */
         renderTitle() {
             return html `<div part="title-container">
         <mdc-text part="title" type="${DEFAULTS.TITLE_TYPE}" tagname="${this.titleTagName}">${this.cardTitle}</mdc-text>
-        ${this.subtitle ? html `<mdc-text part="subtitle"
-            type="${DEFAULTS.SUBTITLE_TYPE}" 
-            tagname="${this.subtitleTagName}">${this.subtitle}</mdc-text>` : nothing}
-        </div>`;
+        ${this.subtitle
+                ? html `<mdc-text part="subtitle" type="${DEFAULTS.SUBTITLE_TYPE}" tagname="${this.subtitleTagName}"
+              >${this.subtitle}</mdc-text
+            >`
+                : nothing}
+      </div>`;
         }
     }
     __decorate([

package/dist/utils/mixins/FocusTrapMixin.d.ts

@@ -1,5 +1,5 @@
 import type { Constructor } from './index.types';
-export interface FocusTrapClassInterface {
+export declare class FocusTrapClassInterface {
     enabledFocusTrap: boolean;
     enabledPreventScroll: boolean;
     setFocusableElements(): void;

package/dist/utils/mixins/FocusTrapMixin.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+/* eslint-disable max-classes-per-file */
 import { property } from 'lit/decorators.js';
 import { DEFAULTS as POPOVER_DEFAULTS } from '../../components/popover/popover.constants';
 export const FocusTrapMixin = (superClass) => {

package/dist/utils/mixins/FormInternalsMixin.d.ts

@@ -22,15 +22,15 @@ export interface AssociatedFormControl {
     formResetCallback(): void;
     formStateRestoreCallback(state: string | FormData | File, mode: 'restore' | 'autocomplete'): void;
 }
-export interface FormInternalsMixinInterface {
+export declare class FormInternalsMixinInterface {
     name: string;
     value: string;
     form: HTMLFormElement | null;
     validity: ValidityState;
     validationMessage: string;
     willValidate: boolean;
-    internals: ElementInternals;
-    inputElement: HTMLInputElement | HTMLTextAreaElement;
+    protected internals: ElementInternals;
+    protected inputElement: HTMLInputElement | HTMLTextAreaElement;
     setValidity(): void;
     checkValidity(): boolean;
     reportValidity(): boolean;

package/dist/utils/mixins/FormInternalsMixin.js

@@ -14,15 +14,15 @@ export const FormInternalsMixin = (superClass) => {
         constructor() {
             super(...arguments);
             /**
-         * Indicates the name of the component group.
-         * They are used to group elements in a form together.
-         * @default ''
-         */
+             * Indicates the name of the component group.
+             * They are used to group elements in a form together.
+             * @default ''
+             */
             this.name = '';
             /**
-         * Indicates the value of the component group (ex: input, checkbox, radio, select etc...)
-         * @default ''
-         */
+             * Indicates the value of the component group (ex: input, checkbox, radio, select etc...)
+             * @default ''
+             */
             this.value = '';
             /** @internal */
             this.internals = this.attachInternals();
@@ -43,9 +43,9 @@ export const FormInternalsMixin = (superClass) => {
             this.id = `mdc-input-${uuidv4()}`;
         }
         /**
-       * Sets the validity of the input field based on the input field's validity.
-       * @returns void
-       */
+         * Sets the validity of the input field based on the input field's validity.
+         * @returns void
+         */
         setValidity() {
             if (this.inputElement) {
                 this.internals.setValidity(this.inputElement.validity, this.inputElement.validationMessage, this.inputElement);

package/package.json

@@ -39,5 +39,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.66.2"
+  "version": "0.66.3"
 }