@momentum-design/components 0.80.0 → 0.80.1

package/dist/react/index.d.ts

@@ -13,9 +13,9 @@ export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
-export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';
 export { default as Chip } from './chip';
+export { default as CardRadio } from './cardradio';
 export { default as Coachmark } from './coachmark';
 export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
@@ -35,8 +35,8 @@ export { default as Menu } from './menu';
 export { default as MenuBar } from './menubar';
 export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
-export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
+export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuSection } from './menusection';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';

package/dist/react/index.js

@@ -13,9 +13,9 @@ export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
-export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';
 export { default as Chip } from './chip';
+export { default as CardRadio } from './cardradio';
 export { default as Coachmark } from './coachmark';
 export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
@@ -35,8 +35,8 @@ export { default as Menu } from './menu';
 export { default as MenuBar } from './menubar';
 export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
-export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
+export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuSection } from './menusection';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';

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

@@ -1,9 +1,9 @@
 import { LitElement, TemplateResult } from 'lit';
 import type { Constructor } from './index.types';
 export declare class CardAndDialogFooterMixinInterface {
-    footerLink?: Array<HTMLElement>;
-    footerButtonPrimary?: Array<HTMLElement>;
-    footerButtonSecondary?: Array<HTMLElement>;
+    protected footerLink?: Array<HTMLElement>;
+    protected footerButtonPrimary?: Array<HTMLElement>;
+    protected footerButtonSecondary?: Array<HTMLElement>;
     protected updateFooterButtonColors(variant: string): void;
     protected handleFooterSlot(tagname: string, variant?: string): void;
     protected renderFooter(): TemplateResult;

package/dist/utils/mixins/CardAndDialogFooterMixin.js

@@ -15,11 +15,11 @@ import { BUTTON_COLORS, BUTTON_VARIANTS } from '../../components/button/button.c
 export const CardAndDialogFooterMixin = (superClass) => {
     class InnerMixinClass extends superClass {
         /**
-      * Updates the color of the footer buttons based on the variant.
-      * If the variant is promotional, the color is promotional, else default.
-      *
-      * @internal
-      */
+         * Updates the color of the footer buttons based on the variant.
+         * If the variant is promotional, the color is promotional, else default.
+         *
+         * @internal
+         */
         updateFooterButtonColors(variant) {
             const footerButtons = [...(this.footerButtonPrimary || []), ...(this.footerButtonSecondary || [])];
             footerButtons === null || footerButtons === void 0 ? void 0 : footerButtons.forEach((button) => {
@@ -32,13 +32,13 @@ export const CardAndDialogFooterMixin = (superClass) => {
             });
         }
         /**
-        * Filters and renders only the following content into the footer section and removes anything other than it
-        * - One mdc-link element in the footer-link slot
-        * - One secondary variant of the mdc-button element in the footer-button-secondary slot
-        * - One primary variant of the mdc-button element in the footer-button-primary slot
-        *
-        * @internal
-        */
+         * Filters and renders only the following content into the footer section and removes anything other than it
+         * - One mdc-link element in the footer-link slot
+         * - One secondary variant of the mdc-button element in the footer-button-secondary slot
+         * - One primary variant of the mdc-button element in the footer-button-primary slot
+         *
+         * @internal
+         */
         handleFooterSlot(tagname, variant) {
             var _a, _b, _c;
             let arrayItems = [];
@@ -78,10 +78,14 @@ export const CardAndDialogFooterMixin = (superClass) => {
         renderFooter() {
             return html `<div part="footer">
         <slot name="footer-link" @slotchange=${() => this.handleFooterSlot(DEFAULTS.LINK)}></slot>
-        <slot name="footer-button-secondary" 
-        @slotchange=${() => this.handleFooterSlot(DEFAULTS.BUTTON, BUTTON_VARIANTS.SECONDARY)}></slot>
-        <slot name="footer-button-primary" 
-        @slotchange=${() => this.handleFooterSlot(DEFAULTS.BUTTON, BUTTON_VARIANTS.PRIMARY)}></slot>
+        <slot
+          name="footer-button-secondary"
+          @slotchange=${() => this.handleFooterSlot(DEFAULTS.BUTTON, BUTTON_VARIANTS.SECONDARY)}
+        ></slot>
+        <slot
+          name="footer-button-primary"
+          @slotchange=${() => this.handleFooterSlot(DEFAULTS.BUTTON, BUTTON_VARIANTS.PRIMARY)}
+        ></slot>
       </div>`;
         }
     }

package/package.json

@@ -41,5 +41,5 @@
     "lottie-web": "^5.12.2",
     "uuid": "^11.0.5"
   },
-  "version": "0.80.0"
+  "version": "0.80.1"
 }

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

@@ -1,7 +0,0 @@
-import type Dialog from './dialog.component';
-export declare class DialogUtils {
-    private dialog;
-    constructor(dialog: Dialog);
-    setupAriaAttributes(): void;
-    createBackdrop(): void;
-}

package/dist/components/dialog/dialog.utils.js

@@ -1,33 +0,0 @@
-export class DialogUtils {
-    constructor(dialog) {
-        this.dialog = dialog;
-    }
-    setupAriaAttributes() {
-        if (this.dialog.headerText && !this.dialog.ariaLabel && !this.dialog.ariaLabelledby) {
-            this.dialog.setAttribute('aria-labelledby', this.dialog.headerText);
-        }
-        else if (!this.dialog.headerText && !this.dialog.ariaLabel && !this.dialog.ariaLabelledby) {
-            this.dialog.setAttribute('aria-labelledby', this.dialog.triggerId);
-        }
-    }
-    createBackdrop() {
-        var _a;
-        const backdrop = document.createElement('div');
-        backdrop.classList.add('dialog-backdrop');
-        const styleElement = document.createElement('style');
-        styleElement.textContent = `
-      .dialog-backdrop {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: var(--mds-color-theme-common-overlays-secondary-normal);
-        z-index: ${this.dialog.zIndex - 1};
-      }
-    `;
-        backdrop.appendChild(styleElement);
-        (_a = this.dialog.parentElement) === null || _a === void 0 ? void 0 : _a.appendChild(backdrop);
-        this.dialog.backdropElement = backdrop;
-    }
-}