@momentum-design/components 0.1.5 → 0.1.6

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

@@ -5,7 +5,6 @@ import { AvatarType } from './avatar.types';
  *
  * @summary This is MyElement
  *
- * @tag mdc-avatar
  * @tagname mdc-avatar
  */
 declare class Avatar extends Component {

package/dist/components/avatar/avatar.component.js

@@ -12,7 +12,6 @@ const avatar_constants_1 = require("./avatar.constants");
  *
  * @summary This is MyElement
  *
- * @tag mdc-avatar
  * @tagname mdc-avatar
  */
 class Avatar extends models_1.Component {

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

@@ -5,7 +5,6 @@ import type { BadgeType } from './badge.types';
  *
  * @summary This is MyElement
  *
- * @tag mdc-badge
  * @tagname mdc-badge
  */
 declare class Badge extends Component {

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

@@ -13,7 +13,6 @@ const badge_styles_1 = tslib_1.__importDefault(require("./badge.styles"));
  *
  * @summary This is MyElement
  *
- * @tag mdc-badge
  * @tagname mdc-badge
  */
 class Badge extends models_1.Component {

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

@@ -18,7 +18,6 @@ import { Component } from '../../models';
  *
  * For accessibility the `role` and `aria-label` of the icon can be set.
  *
- * @tag mdc-icon
  * @tagname mdc-icon
  */
 declare class Icon extends Component {

package/dist/components/icon/icon.component.js

@@ -28,7 +28,6 @@ const icon_constants_1 = require("./icon.constants");
  *
  * For accessibility the `role` and `aria-label` of the icon can be set.
  *
- * @tag mdc-icon
  * @tagname mdc-icon
  */
 class Icon extends models_1.Component {

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

@@ -8,7 +8,6 @@ import IconProviderContext from './iconprovider.context';
  * that only a url has to be passed in from which the icons will be
  * fetched.
  *
- * @tag mdc-iconprovider
  * @tagname mdc-iconprovider
  */
 declare class IconProvider extends Provider<IconProviderContext> {

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

@@ -13,7 +13,6 @@ const iconprovider_constants_1 = require("./iconprovider.constants");
  * that only a url has to be passed in from which the icons will be
  * fetched.
  *
- * @tag mdc-iconprovider
  * @tagname mdc-iconprovider
  */
 class IconProvider extends models_1.Provider {
@@ -45,22 +44,28 @@ class IconProvider extends models_1.Provider {
         if (this.fileExtension && iconprovider_constants_1.ALLOWED_FILE_EXTENSIONS.includes(this.fileExtension)) {
             this.context.value.fileExtension = this.fileExtension;
         }
+        else {
+            // Ensure both fileExtension and context are updated to the default if its not an allowed fileExtension
+            this.fileExtension = iconprovider_constants_1.DEFAULTS.FILE_EXTENSION;
+            this.context.value.fileExtension = iconprovider_constants_1.DEFAULTS.FILE_EXTENSION;
+        }
         this.context.value.url = this.url;
+        this.context.value.size = this.size;
         if (this.lengthUnit && iconprovider_constants_1.ALLOWED_LENGTH_UNITS.includes(this.lengthUnit)) {
             this.context.value.lengthUnit = this.lengthUnit;
         }
-        this.context.value.size = this.size;
+        else {
+            // Ensure both lengthUnit and context are updated to the default if its not an allowed lengthUnit
+            this.lengthUnit = iconprovider_constants_1.DEFAULTS.LENGTH_UNIT;
+            this.context.value.lengthUnit = iconprovider_constants_1.DEFAULTS.LENGTH_UNIT;
+        }
     }
     updateContext() {
-        let shouldUpdateConsumers = false;
         if (this.context.value.fileExtension !== this.fileExtension
             || this.context.value.url !== this.url
             || this.context.value.lengthUnit !== this.lengthUnit
             || this.context.value.size !== this.size) {
             this.updateValuesInContext();
-            shouldUpdateConsumers = true;
-        }
-        if (shouldUpdateConsumers) {
             this.context.updateObservers();
         }
     }

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

@@ -9,7 +9,6 @@ import type { FontType } from './text.types';
  * For accessibility the `role` and `aria-level` on the component are going to be set
  * automatically based on the type e.g. heading-1 will lead to `role="heading"` and `aria-level=1`.
  *
- * @tag mdc-text
  * @tagname mdc-text
  */
 declare class Text extends Component {

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

@@ -15,7 +15,6 @@ const text_utils_1 = require("./text.utils");
  * For accessibility the `role` and `aria-level` on the component are going to be set
  * automatically based on the type e.g. heading-1 will lead to `role="heading"` and `aria-level=1`.
  *
- * @tag mdc-text
  * @tagname mdc-text
  */
 class Text extends models_1.Component {

package/dist/custom-elements.json

@@ -99,7 +99,7 @@
           },
           "tagName": "mdc-avatar",
           "summary": "This is MyElement",
-          "jsDoc": "/**\n * @slot - This is a default/unnamed slot\n *\n * @summary This is MyElement\n *\n * @tag mdc-avatar\n * @tagname mdc-avatar\n */",
+          "jsDoc": "/**\n * @slot - This is a default/unnamed slot\n *\n * @summary This is MyElement\n *\n * @tagname mdc-avatar\n */",
           "customElement": true
         }
       ],
@@ -241,7 +241,7 @@
           },
           "tagName": "mdc-badge",
           "summary": "This is MyElement",
-          "jsDoc": "/**\n * @slot - This is a default/unnamed slot\n *\n * @summary This is MyElement\n *\n * @tag mdc-badge\n * @tagname mdc-badge\n */",
+          "jsDoc": "/**\n * @slot - This is a default/unnamed slot\n *\n * @summary This is MyElement\n *\n * @tagname mdc-badge\n */",
           "customElement": true
         }
       ],
@@ -421,7 +421,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-icon",
-          "jsDoc": "/**\n * Icon component, which has to be mounted inside of a `IconProvider`\n * component.\n *\n * The `IconProvider` component defines where icons should be consumed from (`url`).\n * This `Icon` component accepts the `name` attribute, which will be\n * the file name of the icon to be loaded from the given `url`.\n *\n * Once fetched, the icon will be mounted. If fetching wasn't successful,\n * nothing will be shown.\n *\n * The `size` attribute allows sizing the icon based on the provided\n * `length-unit` attribute (which will either come from the IconProvider or\n * could be overridden per icon). For example:\n * if `size = 1` and `length-unit = 'em'`, the size of the icon will be\n * `width: 1em; height: 1em`.\n *\n * For accessibility the `role` and `aria-label` of the icon can be set.\n *\n * @tag mdc-icon\n * @tagname mdc-icon\n */",
+          "jsDoc": "/**\n * Icon component, which has to be mounted inside of a `IconProvider`\n * component.\n *\n * The `IconProvider` component defines where icons should be consumed from (`url`).\n * This `Icon` component accepts the `name` attribute, which will be\n * the file name of the icon to be loaded from the given `url`.\n *\n * Once fetched, the icon will be mounted. If fetching wasn't successful,\n * nothing will be shown.\n *\n * The `size` attribute allows sizing the icon based on the provided\n * `length-unit` attribute (which will either come from the IconProvider or\n * could be overridden per icon). For example:\n * if `size = 1` and `length-unit = 'em'`, the size of the icon will be\n * `width: 1em; height: 1em`.\n *\n * For accessibility the `role` and `aria-label` of the icon can be set.\n *\n * @tagname mdc-icon\n */",
           "customElement": true
         }
       ],
@@ -548,7 +548,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-iconprovider",
-          "jsDoc": "/**\n * IconProvider component, which allows to be consumed from sub components\n * (see `providerUtils.consume` for how to consume)\n *\n * Bundling icons will be up to the consumer of this component, such\n * that only a url has to be passed in from which the icons will be\n * fetched.\n *\n * @tag mdc-iconprovider\n * @tagname mdc-iconprovider\n */",
+          "jsDoc": "/**\n * IconProvider component, which allows to be consumed from sub components\n * (see `providerUtils.consume` for how to consume)\n *\n * Bundling icons will be up to the consumer of this component, such\n * that only a url has to be passed in from which the icons will be\n * fetched.\n *\n * @tagname mdc-iconprovider\n */",
           "customElement": true
         }
       ],
@@ -609,7 +609,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-text",
-          "jsDoc": "/**\n * Text component, which helps creating a text element aligning with\n * styling.\n *\n * The `type` attribute allows changing the type of text, like `heading-1`, etc.\n *\n * For accessibility the `role` and `aria-level` on the component are going to be set\n * automatically based on the type e.g. heading-1 will lead to `role=\"heading\"` and `aria-level=1`.\n *\n * @tag mdc-text\n * @tagname mdc-text\n */",
+          "jsDoc": "/**\n * Text component, which helps creating a text element aligning with\n * styling.\n *\n * The `type` attribute allows changing the type of text, like `heading-1`, etc.\n *\n * For accessibility the `role` and `aria-level` on the component are going to be set\n * automatically based on the type e.g. heading-1 will lead to `role=\"heading\"` and `aria-level=1`.\n *\n * @tagname mdc-text\n */",
           "customElement": true
         }
       ],

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

@@ -4,7 +4,6 @@ import Component from '../../components/avatar';
  *
  * @summary This is MyElement
  *
- * @tag mdc-avatar
  * @tagname mdc-avatar
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/react/avatar/index.js

@@ -10,7 +10,6 @@ const avatar_constants_1 = require("../../components/avatar/avatar.constants");
  *
  * @summary This is MyElement
  *
- * @tag mdc-avatar
  * @tagname mdc-avatar
  */
 const reactWrapper = (0, react_1.createComponent)({

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

@@ -4,7 +4,6 @@ import Component from '../../components/badge';
  *
  * @summary This is MyElement
  *
- * @tag mdc-badge
  * @tagname mdc-badge
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/react/badge/index.js

@@ -10,7 +10,6 @@ const badge_constants_1 = require("../../components/badge/badge.constants");
  *
  * @summary This is MyElement
  *
- * @tag mdc-badge
  * @tagname mdc-badge
  */
 const reactWrapper = (0, react_1.createComponent)({

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

@@ -18,7 +18,6 @@ import Component from '../../components/icon';
  *
  * For accessibility the `role` and `aria-label` of the icon can be set.
  *
- * @tag mdc-icon
  * @tagname mdc-icon
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/react/icon/index.js

@@ -24,7 +24,6 @@ const icon_constants_1 = require("../../components/icon/icon.constants");
  *
  * For accessibility the `role` and `aria-label` of the icon can be set.
  *
- * @tag mdc-icon
  * @tagname mdc-icon
  */
 const reactWrapper = (0, react_1.createComponent)({

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

@@ -7,7 +7,6 @@ import Component from '../../components/iconprovider';
  * that only a url has to be passed in from which the icons will be
  * fetched.
  *
- * @tag mdc-iconprovider
  * @tagname mdc-iconprovider
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/react/iconprovider/index.js

@@ -13,7 +13,6 @@ const iconprovider_constants_1 = require("../../components/iconprovider/iconprov
  * that only a url has to be passed in from which the icons will be
  * fetched.
  *
- * @tag mdc-iconprovider
  * @tagname mdc-iconprovider
  */
 const reactWrapper = (0, react_1.createComponent)({

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

@@ -8,7 +8,6 @@ import Component from '../../components/text';
  * For accessibility the `role` and `aria-level` on the component are going to be set
  * automatically based on the type e.g. heading-1 will lead to `role="heading"` and `aria-level=1`.
  *
- * @tag mdc-text
  * @tagname mdc-text
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/react/text/index.js

@@ -14,7 +14,6 @@ const text_constants_1 = require("../../components/text/text.constants");
  * For accessibility the `role` and `aria-level` on the component are going to be set
  * automatically based on the type e.g. heading-1 will lead to `role="heading"` and `aria-level=1`.
  *
- * @tag mdc-text
  * @tagname mdc-text
  */
 const reactWrapper = (0, react_1.createComponent)({

package/package.json

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