@momentum-design/components 0.95.1 → 0.95.3

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

@@ -1,6 +1,6 @@
 import { CSSResult, nothing, PropertyValues } from 'lit';
 import { Component } from '../../models';
-declare const Card_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/CardComponentMixin").CardComponentMixinInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/CardAndDialogFooterMixin").CardAndDialogFooterMixinInterface> & typeof Component;
+declare const Card_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/CardComponentMixin").CardComponentMixinInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/FooterMixin").FooterMixinInterface> & typeof Component;
 /**
  * The card component allows users to organize information in a structured and tangible
  * format that is visually appealing. `mdc-card` is a static component that supports

package/dist/components/card/card.component.js

@@ -12,7 +12,7 @@ import { queryAssignedElements } from 'lit/decorators.js';
 import { Component } from '../../models';
 import { BUTTON_VARIANTS } from '../button/button.constants';
 import { CardComponentMixin } from '../../utils/mixins/CardComponentMixin';
-import { CardAndDialogFooterMixin } from '../../utils/mixins/CardAndDialogFooterMixin';
+import { FooterMixin } from '../../utils/mixins/FooterMixin';
 import { DEFAULTS } from './card.constants';
 import styles from './card.styles';
 /**
@@ -61,7 +61,7 @@ import styles from './card.styles';
  * @slot after-body - This slot is for passing the content after the body
  *
  */
-class Card extends CardComponentMixin(CardAndDialogFooterMixin(Component)) {
+class Card extends CardComponentMixin(FooterMixin(Component)) {
     constructor() {
         super(...arguments);
         /**

package/dist/components/card/card.styles.js

@@ -86,5 +86,9 @@ const styles = css `
   ::slotted([slot='footer-button-secondary']) {
     margin-bottom: 0.5rem;
   }
+
+  :host::part(text) {
+    margin: unset;
+  }
 `;
 export default [hostFitContentStyles, styles];

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

@@ -1,7 +1,7 @@
 import { CSSResult, PropertyValues } from 'lit';
 import { Component } from '../../models';
 import type { DialogRole, DialogSize, DialogVariant } from './dialog.types';
-declare const Dialog_base: import("../../utils/mixins/index.types").Constructor<Component & import("../../utils/mixins/PreventScrollMixin").PreventScrollMixinInterface> & import("../../utils/mixins/index.types").Constructor<Component & import("../../utils/mixins/FocusTrapMixin").FocusTrapClassInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/CardAndDialogFooterMixin").CardAndDialogFooterMixinInterface> & typeof Component;
+declare const Dialog_base: import("../../utils/mixins/index.types").Constructor<Component & import("../../utils/mixins/PreventScrollMixin").PreventScrollMixinInterface> & import("../../utils/mixins/index.types").Constructor<Component & import("../../utils/mixins/FocusTrapMixin").FocusTrapClassInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/FooterMixin").FooterMixinInterface> & typeof Component;
 /**
  * Dialog component is a modal dialog that can be used to display information or prompt the user for input.
  * It can be used to create custom dialogs where content for the body and footer actions is provided by the consumer.

package/dist/components/dialog/dialog.component.js

@@ -15,7 +15,7 @@ import { FocusTrapMixin } from '../../utils/mixins/FocusTrapMixin';
 import { PreventScrollMixin } from '../../utils/mixins/PreventScrollMixin';
 import { TYPE, VALID_TEXT_TAGS } from '../text/text.constants';
 import { BUTTON_VARIANTS, ICON_BUTTON_SIZES } from '../button/button.constants';
-import { CardAndDialogFooterMixin } from '../../utils/mixins/CardAndDialogFooterMixin';
+import { FooterMixin } from '../../utils/mixins/FooterMixin';
 import { DEFAULTS } from './dialog.constants';
 import { DialogEventManager } from './dialog.events';
 import styles from './dialog.styles';
@@ -74,7 +74,7 @@ import styles from './dialog.styles';
  * @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
  */
-class Dialog extends PreventScrollMixin(FocusTrapMixin(CardAndDialogFooterMixin(Component))) {
+class Dialog extends PreventScrollMixin(FocusTrapMixin(FooterMixin(Component))) {
     constructor() {
         super(...arguments);
         /**

package/dist/components/select/select.types.d.ts

@@ -2,17 +2,19 @@ import type { ValueOf, TypedEvent } from '../../utils/types';
 import type { PopoverPlacement } from '../popover/popover.types';
 import type Select from './select.component';
 import { ARROW_ICON } from './select.constants';
+type SelectChangeEvent = TypedEvent<Select, {
+    value: string;
+}>;
+type SelectInputEvent = TypedEvent<Select, {
+    value: string;
+}>;
 interface Events {
     onClickEvent: MouseEvent;
-    onChangeEvent: TypedEvent<Select, {
-        value: string;
-    }>;
-    onInputEvent: TypedEvent<Select, {
-        value: string;
-    }>;
+    onChangeEvent: SelectChangeEvent;
+    onInputEvent: SelectInputEvent;
     onKeyDownEvent: KeyboardEvent;
     onFocusEvent: FocusEvent;
 }
 type Placement = Extract<PopoverPlacement, 'bottom-start' | 'top-start'>;
 type ArrowIcon = ValueOf<typeof ARROW_ICON>;
-export type { Events, ArrowIcon, Placement };
+export type { Events, ArrowIcon, Placement, SelectChangeEvent, SelectInputEvent };