@momentum-design/components 0.7.7 → 0.7.8

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

@@ -37,6 +37,7 @@ declare class Badge extends Component {
     /**
      * Type of the variant can be `primary` or `secondary`.
      * It defines the background and foreground color of the icon.
+     * @default primary
      */
     variant: string;
     /**
@@ -46,16 +47,19 @@ declare class Badge extends Component {
     /**
      * The maximum number can be set up to 999, anything above that will be rendered as _999+_.
      * The max counter can be `9`, `99` or `999`.
+     * @default 99
      */
     maxCounter: number;
     /**
      * Overlay is to add a thin outline to the badge.
      * This will help distinguish between the badge and the button,
      * where the badge will be layered on top of a button.
+     * @default false
      */
     overlay: boolean;
     /**
      * Aria-label attribute to be set for accessibility
+     * @default null
      */
     ariaLabel: string | null;
     /**

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

@@ -43,21 +43,25 @@ class Badge extends Component {
         /**
          * Type of the variant can be `primary` or `secondary`.
          * It defines the background and foreground color of the icon.
+         * @default primary
          */
         this.variant = DEFAULTS.VARIANT;
         /**
          * The maximum number can be set up to 999, anything above that will be rendered as _999+_.
          * The max counter can be `9`, `99` or `999`.
+         * @default 99
          */
         this.maxCounter = DEFAULTS.MAX_COUNTER;
         /**
          * Overlay is to add a thin outline to the badge.
          * This will help distinguish between the badge and the button,
          * where the badge will be layered on top of a button.
+         * @default false
          */
         this.overlay = false;
         /**
          * Aria-label attribute to be set for accessibility
+         * @default null
          */
         this.ariaLabel = null;
     }

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

@@ -25,16 +25,19 @@ declare class IconProvider extends Provider<IconProviderContext> {
      */
     url?: string;
     /**
-     * File extension of icons, default: 'svg'
+     * File extension of icons
+     * @default svg
      */
     fileExtension?: string;
     /**
-     * Length unit used for sizing of icons, default: 'em'
+     * Length unit used for sizing of icons
+     * @default em
      */
     lengthUnit: string;
     /**
      * The default size of the icon.
      * If not set, it falls back to the size defined by the length unit.
+     * @default 1
      */
     size?: number;
     private updateValuesInContext;

package/dist/components/iconprovider/iconprovider.component.js

@@ -31,18 +31,21 @@ class IconProvider extends Provider {
             initialValue: new IconProviderContext(),
         });
         /**
-         * File extension of icons, default: 'svg'
+         * File extension of icons
+         * @default svg
          */
         this.fileExtension = DEFAULTS.FILE_EXTENSION;
         /**
-         * Length unit used for sizing of icons, default: 'em'
+         * Length unit used for sizing of icons
+         * @default em
          */
         this.lengthUnit = DEFAULTS.LENGTH_UNIT;
         /**
          * The default size of the icon.
          * If not set, it falls back to the size defined by the length unit.
+         * @default 1
          */
-        this.size = DEFAULTS.LENGTH_UNIT_SIZE[DEFAULTS.LENGTH_UNIT];
+        this.size = DEFAULTS.SIZE;
     }
     /**
      * Context object of the IconProvider, to be consumed by child components

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

@@ -1,9 +1,10 @@
 declare const TAG_NAME: "mdc-iconprovider";
 declare const ALLOWED_FILE_EXTENSIONS: string[];
 declare const ALLOWED_LENGTH_UNITS: string[];
+declare const LENGTH_UNIT_SIZE: Record<string, number>;
 declare const DEFAULTS: {
     FILE_EXTENSION: string;
     LENGTH_UNIT: string;
-    LENGTH_UNIT_SIZE: Record<string, number>;
+    SIZE: number;
 };
-export { TAG_NAME, DEFAULTS, ALLOWED_FILE_EXTENSIONS, ALLOWED_LENGTH_UNITS };
+export { TAG_NAME, DEFAULTS, ALLOWED_FILE_EXTENSIONS, ALLOWED_LENGTH_UNITS, LENGTH_UNIT_SIZE };

package/dist/components/iconprovider/iconprovider.constants.js

@@ -2,13 +2,14 @@ import utils from '../../utils/tag-name';
 const TAG_NAME = utils.constructTagName('iconprovider');
 const ALLOWED_FILE_EXTENSIONS = ['svg'];
 const ALLOWED_LENGTH_UNITS = ['em', 'rem', 'px'];
+const LENGTH_UNIT_SIZE = {
+    px: 16,
+    em: 1,
+    rem: 1,
+};
 const DEFAULTS = {
     FILE_EXTENSION: 'svg',
     LENGTH_UNIT: 'em',
-    LENGTH_UNIT_SIZE: {
-        px: 16,
-        em: 1,
-        rem: 1,
-    },
+    SIZE: LENGTH_UNIT_SIZE.em,
 };
-export { TAG_NAME, DEFAULTS, ALLOWED_FILE_EXTENSIONS, ALLOWED_LENGTH_UNITS };
+export { TAG_NAME, DEFAULTS, ALLOWED_FILE_EXTENSIONS, ALLOWED_LENGTH_UNITS, LENGTH_UNIT_SIZE };

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

@@ -28,7 +28,7 @@ declare class Presence extends Component {
      * - `presenting`
      * - `quiet`
      * - `scheduled`
-     *
+     * @default active
      */
     type: string;
     /**
@@ -40,7 +40,7 @@ declare class Presence extends Component {
      * - LARGE
      * - X_LARGE
      * - XX_LARGE
-     *
+     * @default small
      */
     size: string;
     /**

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

@@ -42,7 +42,7 @@ class Presence extends Component {
          * - `presenting`
          * - `quiet`
          * - `scheduled`
-         *
+         * @default active
          */
         this.type = DEFAULTS.TYPE;
         /**
@@ -54,7 +54,7 @@ class Presence extends Component {
          * - LARGE
          * - X_LARGE
          * - XX_LARGE
-         *
+         * @default small
          */
         this.size = DEFAULTS.SIZE;
     }

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

@@ -53,6 +53,7 @@ declare class Text extends Component {
      * - 'heading-xlarge-bold'
      * - 'headline-small-light'
      * - 'headline-small-regular'
+     * @default body-large-regular
      */
     type: string;
     /**

package/dist/components/text/text.component.js

@@ -67,6 +67,7 @@ class Text extends Component {
          * - 'heading-xlarge-bold'
          * - 'headline-small-light'
          * - 'headline-small-regular'
+         * @default body-large-regular
          */
         this.type = DEFAULTS.TYPE;
         /**