@momentum-design/components 0.82.0 → 0.82.2

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

@@ -32,6 +32,8 @@ import Component from '../../components/card';
  * `mdc-button` component within the footer section.
  * @slot footer-button-secondary - This slot is for passing secondary variant of `mdc-button` component
  * within the footer section.
+ * @slot footer -  This slot is for passing custom footer content. Only use this if really needed,
+ * using the footer-link and footer-button slots is preferred.
  *
  * @tagname mdc-card
  *

package/dist/react/card/index.js

@@ -35,6 +35,8 @@ import { TAG_NAME } from '../../components/card/card.constants';
  * `mdc-button` component within the footer section.
  * @slot footer-button-secondary - This slot is for passing secondary variant of `mdc-button` component
  * within the footer section.
+ * @slot footer -  This slot is for passing custom footer content. Only use this if really needed,
+ * using the footer-link and footer-button slots is preferred.
  *
  * @tagname mdc-card
  *

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

@@ -45,7 +45,8 @@ import Component from '../../components/dialog';
  * within the footer section.
  * @slot footer-button-primary - This slot is for passing primary variant of
  * `mdc-button` component within the footer section.
- *
+ * @slot footer -  This slot is for passing custom footer content. Only use this if really needed,
+ * using the footer-link and footer-button slots is preferred
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onShown: EventName<Event>;

package/dist/react/dialog/index.js

@@ -47,7 +47,8 @@ import { TAG_NAME } from '../../components/dialog/dialog.constants';
  * within the footer section.
  * @slot footer-button-primary - This slot is for passing primary variant of
  * `mdc-button` component within the footer section.
- *
+ * @slot footer -  This slot is for passing custom footer content. Only use this if really needed,
+ * using the footer-link and footer-button slots is preferred
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

package/dist/react/index.d.ts

@@ -6,11 +6,11 @@ export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
-export { default as Button } from './button';
-export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
+export { default as ButtonGroup } from './buttongroup';
+export { default as Button } from './button';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
@@ -35,8 +35,8 @@ 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 MenuSection } from './menusection';
+export { default as MenuPopover } from './menupopover';
 export { default as NavItem } from './navitem';
 export { default as NavItemList } from './navitemlist';
 export { default as OptGroup } from './optgroup';
@@ -52,14 +52,14 @@ export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
+export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
-export { default as Spinner } from './spinner';
 export { default as Tab } from './tab';
 export { default as TabList } from './tablist';
-export { default as Text } from './text';
 export { default as Textarea } from './textarea';
+export { default as Text } from './text';
 export { default as ThemeProvider } from './themeprovider';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';

package/dist/react/index.js

@@ -6,11 +6,11 @@ export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
-export { default as Button } from './button';
-export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
+export { default as ButtonGroup } from './buttongroup';
+export { default as Button } from './button';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
@@ -35,8 +35,8 @@ 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 MenuSection } from './menusection';
+export { default as MenuPopover } from './menupopover';
 export { default as NavItem } from './navitem';
 export { default as NavItemList } from './navitemlist';
 export { default as OptGroup } from './optgroup';
@@ -52,14 +52,14 @@ export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
+export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
-export { default as Spinner } from './spinner';
 export { default as Tab } from './tab';
 export { default as TabList } from './tablist';
-export { default as Text } from './text';
 export { default as Textarea } from './textarea';
+export { default as Text } from './text';
 export { default as ThemeProvider } from './themeprovider';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';

package/dist/utils/mixins/CardAndDialogFooterMixin.js

@@ -76,17 +76,20 @@ export const CardAndDialogFooterMixin = (superClass) => {
          * @returns The footer element
          */
         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>
-      </div>`;
+            return html `
+        <slot name="footer">
+          <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>
+          </div>
+        </slot>`;
         }
     }
     __decorate([

package/package.json

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