@momentum-design/components 0.7.1 → 0.7.2

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

@@ -8,7 +8,7 @@ import { Component } from '../../models';
  * - `dot`: Displays a dot notification badge with a blue color.
  * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.
  * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,
- * it shows `maxCounter+`. The maximum value of the counter is 999 and anything about that will be set to `999+`.
+ * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.
  * - `success`: Displays a success badge with a check circle icon and green color.
  * - `warning`: Displays a warning badge with a warning icon and yellow color.
  * - `error`: Displays a error badge with a error legacy icon and red color.
@@ -44,7 +44,7 @@ declare class Badge extends Component {
      */
     counter?: number;
     /**
-     * The maximum number can be set up to 999, anything about that will be rendered as _999+_.
+     * 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`.
      */
     maxCounter: number;

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

@@ -23,7 +23,7 @@ import styles from './badge.styles';
  * - `dot`: Displays a dot notification badge with a blue color.
  * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.
  * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,
- * it shows `maxCounter+`. The maximum value of the counter is 999 and anything about that will be set to `999+`.
+ * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.
  * - `success`: Displays a success badge with a check circle icon and green color.
  * - `warning`: Displays a warning badge with a warning icon and yellow color.
  * - `error`: Displays a error badge with a error legacy icon and red color.
@@ -46,7 +46,7 @@ class Badge extends Component {
          */
         this.variant = DEFAULTS.VARIANT;
         /**
-         * The maximum number can be set up to 999, anything about that will be rendered as _999+_.
+         * 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`.
          */
         this.maxCounter = DEFAULTS.MAX_COUNTER;
@@ -96,7 +96,6 @@ class Badge extends Component {
       <mdc-icon
         class="mdc-badge-icon ${classMap(this.getIconClasses(overlay, iconVariant, type))}"
         name="${ifDefined(iconName)}"
-        length-unit="${DEFAULTS.LENGTH_UNIT}"
         size="${DEFAULTS.ICON_SIZE}"
       ></mdc-icon>
     `;

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

@@ -23,7 +23,6 @@ declare const ICON_STATE: {
 };
 declare const DEFAULTS: {
     TYPE: string;
-    LENGTH_UNIT: string;
     MAX_COUNTER: number;
     MAX_COUNTER_LIMIT: number;
     VARIANT: string;

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

@@ -9,9 +9,9 @@ const BADGE_TYPE = {
     ERROR: 'error',
 };
 const ICON_NAMES_LIST = {
-    SUCCESS_ICON_NAME: 'check-circle-filled',
-    WARNING_ICON_NAME: 'warning-filled',
-    ERROR_ICON_NAME: 'error-legacy-filled',
+    SUCCESS_ICON_NAME: 'check-circle-badge-filled',
+    WARNING_ICON_NAME: 'warning-badge-filled',
+    ERROR_ICON_NAME: 'error-legacy-badge-filled',
 };
 const ICON_VARIANT = {
     PRIMARY: 'primary',
@@ -24,7 +24,6 @@ const ICON_STATE = {
 };
 const DEFAULTS = {
     TYPE: BADGE_TYPE.DOT,
-    LENGTH_UNIT: 'rem',
     MAX_COUNTER: 99,
     MAX_COUNTER_LIMIT: 999,
     VARIANT: ICON_VARIANT.PRIMARY,

package/dist/custom-elements.json

@@ -120,7 +120,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `mdc-badge` component is a versatile UI element used to\ndisplay dot, icons, counters, success, warning and error type badge.\n\nSupported badge types:\n- `dot`: Displays a dot notification badge with a blue color.\n- `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n- `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\nit shows `maxCounter+`. The maximum value of the counter is 999 and anything about that will be set to `999+`.\n- `success`: Displays a success badge with a check circle icon and green color.\n- `warning`: Displays a warning badge with a warning icon and yellow color.\n- `error`: Displays a error badge with a error legacy icon and red color.\n\nFor `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n\nFor the `counter` type, the `mdc-text` component is used to render the counter value.",
+          "description": "The `mdc-badge` component is a versatile UI element used to\ndisplay dot, icons, counters, success, warning and error type badge.\n\nSupported badge types:\n- `dot`: Displays a dot notification badge with a blue color.\n- `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n- `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\nit shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n- `success`: Displays a success badge with a check circle icon and green color.\n- `warning`: Displays a warning badge with a warning icon and yellow color.\n- `error`: Displays a error badge with a error legacy icon and red color.\n\nFor `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n\nFor the `counter` type, the `mdc-text` component is used to render the counter value.",
           "name": "Badge",
           "members": [
             {
@@ -164,7 +164,7 @@
               "type": {
                 "text": "number"
               },
-              "description": "The maximum number can be set up to 999, anything about that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
+              "description": "The maximum number can be set up to 999, anything above that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
               "attribute": "max-counter",
               "reflects": true
             },
@@ -406,7 +406,7 @@
               "type": {
                 "text": "number"
               },
-              "description": "The maximum number can be set up to 999, anything about that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
+              "description": "The maximum number can be set up to 999, anything above that will be rendered as _999+_.\nThe max counter can be `9`, `99` or `999`.",
               "fieldName": "maxCounter"
             },
             {
@@ -433,7 +433,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-badge",
-          "jsDoc": "/**\n * The `mdc-badge` component is a versatile UI element used to\n * display dot, icons, counters, success, warning and error type badge.\n *\n * Supported badge types:\n * - `dot`: Displays a dot notification badge with a blue color.\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything about that will be set to `999+`.\n * - `success`: Displays a success badge with a check circle icon and green color.\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\n * - `error`: Displays a error badge with a error legacy icon and red color.\n *\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n *\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @tagname mdc-badge\n */",
+          "jsDoc": "/**\n * The `mdc-badge` component is a versatile UI element used to\n * display dot, icons, counters, success, warning and error type badge.\n *\n * Supported badge types:\n * - `dot`: Displays a dot notification badge with a blue color.\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n * - `success`: Displays a success badge with a check circle icon and green color.\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\n * - `error`: Displays a error badge with a error legacy icon and red color.\n *\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n *\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @tagname mdc-badge\n */",
           "customElement": true
         }
       ],

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

@@ -7,7 +7,7 @@ import Component from '../../components/badge';
  * - `dot`: Displays a dot notification badge with a blue color.
  * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.
  * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,
- * it shows `maxCounter+`. The maximum value of the counter is 999 and anything about that will be set to `999+`.
+ * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.
  * - `success`: Displays a success badge with a check circle icon and green color.
  * - `warning`: Displays a warning badge with a warning icon and yellow color.
  * - `error`: Displays a error badge with a error legacy icon and red color.

package/dist/react/badge/index.js

@@ -10,7 +10,7 @@ import { TAG_NAME } from '../../components/badge/badge.constants';
  * - `dot`: Displays a dot notification badge with a blue color.
  * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.
  * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,
- * it shows `maxCounter+`. The maximum value of the counter is 999 and anything about that will be set to `999+`.
+ * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.
  * - `success`: Displays a success badge with a check circle icon and green color.
  * - `warning`: Displays a warning badge with a warning icon and yellow color.
  * - `error`: Displays a error badge with a error legacy icon and red color.

package/package.json

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