@momentum-design/components 0.7.13 → 0.7.15

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

@@ -12,8 +12,8 @@ import { classMap } from 'lit-html/directives/class-map.js';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { Component } from '../../models';
-import { FONT_TYPE, VALID_TEXT_TAGS } from '../text/text.constants';
-import { BADGE_TYPE, ICON_NAMES_LIST, DEFAULTS, ICON_VARIANT, ICON_STATE } from './badge.constants';
+import { TYPE as FONT_TYPE, VALID_TEXT_TAGS } from '../text/text.constants';
+import { TYPE as BADGE_TYPE, ICON_NAMES_LIST, DEFAULTS, ICON_VARIANT, ICON_STATE } from './badge.constants';
 import styles from './badge.styles';
 /**
  * The `mdc-badge` component is a versatile UI element used to

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

@@ -1,5 +1,5 @@
 declare const TAG_NAME: "mdc-badge";
-declare const BADGE_TYPE: {
+declare const TYPE: {
     readonly DOT: "dot";
     readonly ICON: "icon";
     readonly COUNTER: "counter";
@@ -35,4 +35,4 @@ declare const DEFAULTS: {
     readonly VARIANT: "primary";
     readonly ICON_SIZE: 1;
 };
-export { TAG_NAME, DEFAULTS, BADGE_TYPE, ICON_STATE, ICON_VARIANT, ICON_NAMES_LIST, BACKGROUND_STYLES };
+export { TAG_NAME, DEFAULTS, TYPE, ICON_STATE, ICON_VARIANT, ICON_NAMES_LIST, BACKGROUND_STYLES };

package/dist/components/badge/badge.constants.js

@@ -1,6 +1,6 @@
 import utils from '../../utils/tag-name';
 const TAG_NAME = utils.constructTagName('badge');
-const BADGE_TYPE = {
+const TYPE = {
     DOT: 'dot',
     ICON: 'icon',
     COUNTER: 'counter',
@@ -27,10 +27,10 @@ const BACKGROUND_STYLES = {
     ...ICON_STATE,
 };
 const DEFAULTS = {
-    TYPE: BADGE_TYPE.DOT,
+    TYPE: TYPE.DOT,
     MAX_COUNTER: 99,
     MAX_COUNTER_LIMIT: 999,
     VARIANT: ICON_VARIANT.PRIMARY,
     ICON_SIZE: 1,
 };
-export { TAG_NAME, DEFAULTS, BADGE_TYPE, ICON_STATE, ICON_VARIANT, ICON_NAMES_LIST, BACKGROUND_STYLES };
+export { TAG_NAME, DEFAULTS, TYPE, ICON_STATE, ICON_VARIANT, ICON_NAMES_LIST, BACKGROUND_STYLES };

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

@@ -1,4 +1,4 @@
 import type { ValueOf } from '../../utils/types';
-import { BADGE_TYPE, ICON_VARIANT } from './badge.constants';
+import { TYPE, ICON_VARIANT } from './badge.constants';
 export type IconVariant = ValueOf<typeof ICON_VARIANT>;
-export type BadgeType = ValueOf<typeof BADGE_TYPE>;
+export type BadgeType = ValueOf<typeof TYPE>;

package/dist/components/presence/presence.component.js

@@ -10,7 +10,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Component } from '../../models';
-import { DEFAULTS, PRESENCE_SIZE, PRESENCE_TYPE } from './presence.constants';
+import { DEFAULTS, SIZE, TYPE } from './presence.constants';
 import styles from './presence.styles';
 /**
  * The `mdc-presence` component is a versatile UI element used to
@@ -63,17 +63,17 @@ class Presence extends Component {
      */
     get iconSize() {
         switch (this.size) {
-            case PRESENCE_SIZE.MIDSIZE:
+            case SIZE.MIDSIZE:
                 return 1.16125;
-            case PRESENCE_SIZE.LARGE:
+            case SIZE.LARGE:
                 return 1.30625;
-            case PRESENCE_SIZE.X_LARGE:
+            case SIZE.X_LARGE:
                 return 1.596875;
-            case PRESENCE_SIZE.XX_LARGE:
+            case SIZE.XX_LARGE:
                 return 2.25;
-            case PRESENCE_SIZE.XX_SMALL:
-            case PRESENCE_SIZE.X_SMALL:
-            case PRESENCE_SIZE.SMALL:
+            case SIZE.XX_SMALL:
+            case SIZE.X_SMALL:
+            case SIZE.SMALL:
             default:
                 this.size = DEFAULTS.SIZE;
                 return 0.875;
@@ -84,33 +84,33 @@ class Presence extends Component {
      */
     get icon() {
         switch (this.type) {
-            case PRESENCE_TYPE.AWAY:
+            case TYPE.AWAY:
                 return 'recents-presence-badge-filled';
-            case PRESENCE_TYPE.AWAY_CALLING:
+            case TYPE.AWAY_CALLING:
                 return 'away-calling-presence-filled';
-            case PRESENCE_TYPE.BUSY:
+            case TYPE.BUSY:
                 return 'busy-presence-bold';
-            case PRESENCE_TYPE.DND:
+            case TYPE.DND:
                 return 'dnd-presence-badge-filled';
-            case PRESENCE_TYPE.MEETING:
+            case TYPE.MEETING:
                 return 'camera-filled';
-            case PRESENCE_TYPE.ON_CALL:
+            case TYPE.ON_CALL:
                 return 'handset-filled';
-            case PRESENCE_TYPE.ON_DEVICE:
+            case TYPE.ON_DEVICE:
                 return 'generic-device-video-badge-filled';
-            case PRESENCE_TYPE.ON_MOBILE:
+            case TYPE.ON_MOBILE:
                 return 'phone-badge-filled';
-            case PRESENCE_TYPE.PAUSE:
+            case TYPE.PAUSE:
                 return 'pause-badge-filled';
-            case PRESENCE_TYPE.PTO:
+            case TYPE.PTO:
                 return 'pto-presence-filled';
-            case PRESENCE_TYPE.PRESENTING:
+            case TYPE.PRESENTING:
                 return 'share-screen-badge-filled';
-            case PRESENCE_TYPE.QUIET:
+            case TYPE.QUIET:
                 return 'quiet-hours-presence-filled';
-            case PRESENCE_TYPE.SCHEDULED:
+            case TYPE.SCHEDULED:
                 return 'meetings-presence-badge-filled';
-            case PRESENCE_TYPE.ACTIVE:
+            case TYPE.ACTIVE:
             default:
                 this.type = DEFAULTS.TYPE;
                 return 'active-presence-small-filled';

package/dist/components/presence/presence.constants.d.ts

@@ -1,5 +1,5 @@
 declare const TAG_NAME: "mdc-presence";
-declare const PRESENCE_TYPE: {
+declare const TYPE: {
     readonly ACTIVE: "active";
     readonly AWAY: "away";
     readonly AWAY_CALLING: "away-calling";
@@ -15,7 +15,7 @@ declare const PRESENCE_TYPE: {
     readonly QUIET: "quiet";
     readonly SCHEDULED: "scheduled";
 };
-declare const PRESENCE_SIZE: {
+declare const SIZE: {
     readonly XX_SMALL: "xx_small";
     readonly X_SMALL: "x_small";
     readonly SMALL: "small";
@@ -28,4 +28,4 @@ declare const DEFAULTS: {
     readonly TYPE: "active";
     readonly SIZE: "small";
 };
-export { TAG_NAME, DEFAULTS, PRESENCE_TYPE, PRESENCE_SIZE };
+export { TAG_NAME, DEFAULTS, TYPE, SIZE };

package/dist/components/presence/presence.constants.js

@@ -1,6 +1,6 @@
 import utils from '../../utils/tag-name';
 const TAG_NAME = utils.constructTagName('presence');
-const PRESENCE_TYPE = {
+const TYPE = {
     ACTIVE: 'active',
     AWAY: 'away',
     AWAY_CALLING: 'away-calling',
@@ -16,7 +16,7 @@ const PRESENCE_TYPE = {
     QUIET: 'quiet',
     SCHEDULED: 'scheduled',
 };
-const PRESENCE_SIZE = {
+const SIZE = {
     XX_SMALL: 'xx_small',
     X_SMALL: 'x_small',
     SMALL: 'small',
@@ -26,7 +26,7 @@ const PRESENCE_SIZE = {
     XX_LARGE: 'xx_large',
 };
 const DEFAULTS = {
-    TYPE: PRESENCE_TYPE.ACTIVE,
-    SIZE: PRESENCE_SIZE.SMALL,
+    TYPE: TYPE.ACTIVE,
+    SIZE: SIZE.SMALL,
 };
-export { TAG_NAME, DEFAULTS, PRESENCE_TYPE, PRESENCE_SIZE };
+export { TAG_NAME, DEFAULTS, TYPE, SIZE };

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

@@ -1,4 +1,4 @@
 import type { ValueOf } from '../../utils/types';
-import { PRESENCE_TYPE, PRESENCE_SIZE } from './presence.constants';
-export type PresenceType = ValueOf<typeof PRESENCE_TYPE>;
-export type PresenceSize = ValueOf<typeof PRESENCE_SIZE>;
+import { TYPE, SIZE } from './presence.constants';
+export type PresenceType = ValueOf<typeof TYPE>;
+export type PresenceSize = ValueOf<typeof SIZE>;

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

@@ -1,6 +1,6 @@
 import { CSSResult } from 'lit';
 import { Component } from '../../models';
-import type { FontType, TagName } from './text.types';
+import type { TextType, TagName } from './text.types';
 /**
  * Text component for creating styled text elements.
  * It has to be mounted within the ThemeProvider to access color and font tokens.
@@ -56,7 +56,7 @@ declare class Text extends Component {
      * - 'headline-small-regular'
      * @default body-large-regular
      */
-    type: FontType;
+    type: TextType;
     /**
      * Specifies the HTML tag name for the text element. The default tag name is `p`.
      * This attribute is optional. When set, it changes the tag name of the text element.

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

@@ -1,5 +1,5 @@
 declare const TAG_NAME: "mdc-text";
-declare const FONT_TYPE: {
+declare const TYPE: {
     readonly BODY_SMALL_REGULAR: "body-small-regular";
     readonly BODY_SMALL_MEDIUM: "body-small-medium";
     readonly BODY_SMALL_BOLD: "body-small-bold";
@@ -48,4 +48,4 @@ declare const DEFAULTS: {
     readonly CSS_PART_TEXT: "text";
     readonly CHILDREN: "The quick brown fox jumps over the lazy dog";
 };
-export { TAG_NAME, DEFAULTS, FONT_TYPE, VALID_TEXT_TAGS };
+export { TAG_NAME, DEFAULTS, TYPE, VALID_TEXT_TAGS };

package/dist/components/text/text.constants.js

@@ -1,6 +1,6 @@
 import utils from '../../utils/tag-name';
 const TAG_NAME = utils.constructTagName('text');
-const FONT_TYPE = {
+const TYPE = {
     BODY_SMALL_REGULAR: 'body-small-regular',
     BODY_SMALL_MEDIUM: 'body-small-medium',
     BODY_SMALL_BOLD: 'body-small-bold',
@@ -44,9 +44,9 @@ const VALID_TEXT_TAGS = {
     DIV: 'div',
 };
 const DEFAULTS = {
-    TYPE: FONT_TYPE.BODY_LARGE_REGULAR,
+    TYPE: TYPE.BODY_LARGE_REGULAR,
     TEXT_ELEMENT_TAGNAME: VALID_TEXT_TAGS.P,
     CSS_PART_TEXT: 'text',
     CHILDREN: 'The quick brown fox jumps over the lazy dog',
 };
-export { TAG_NAME, DEFAULTS, FONT_TYPE, VALID_TEXT_TAGS };
+export { TAG_NAME, DEFAULTS, TYPE, VALID_TEXT_TAGS };

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

@@ -1,4 +1,4 @@
-import { FONT_TYPE, VALID_TEXT_TAGS } from './text.constants';
+import { TYPE, VALID_TEXT_TAGS } from './text.constants';
 import type { ValueOf } from '../../utils/types';
-export type FontType = ValueOf<typeof FONT_TYPE>;
+export type TextType = ValueOf<typeof TYPE>;
 export type TagName = ValueOf<typeof VALID_TEXT_TAGS>;

package/dist/custom-elements.json

@@ -796,7 +796,7 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "FontType"
+                "text": "TextType"
               },
               "privacy": "public",
               "description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
@@ -820,7 +820,7 @@
             {
               "name": "type",
               "type": {
-                "text": "FontType"
+                "text": "TextType"
               },
               "description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
               "default": "body-large-regular",

package/dist/index.d.ts

@@ -5,4 +5,6 @@ import Avatar from './components/avatar';
 import Badge from './components/badge';
 import Presence from './components/presence';
 import Text from './components/text';
+import type { TextType } from './components/text/text.types';
 export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, };
+export type { TextType, };

package/package.json

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