@momentum-design/components 0.133.3 → 0.133.5

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

@@ -7,8 +7,6 @@ import FormfieldGroup from '../formfieldgroup';
  *
  * @tagname mdc-radiogroup
  *
- * @cssproperty --mdc-radiogroup-description-text-normal - color of the description text
- *
  */
 declare class RadioGroup extends FormfieldGroup {
     /**

package/dist/components/radiogroup/radiogroup.component.js

@@ -11,6 +11,7 @@ import { property } from 'lit/decorators.js';
 import FormfieldGroup from '../formfieldgroup';
 import { TAG_NAME as RADIO_TAGNAME } from '../radio/radio.constants';
 import { TAG_NAME as CARD_RADIO_TAGNAME } from '../cardradio/cardradio.constants';
+const isRadio = new RegExp(`^(${RADIO_TAGNAME}|${CARD_RADIO_TAGNAME})$`, 'i');
 /**
  * `mdc-radiogroup` - This is the wrapper component for radio buttons which are grouped together.
  * It can have a header text and a description. It enables users to select a single option from a set of options.
@@ -18,8 +19,6 @@ import { TAG_NAME as CARD_RADIO_TAGNAME } from '../cardradio/cardradio.constants
  *
  * @tagname mdc-radiogroup
  *
- * @cssproperty --mdc-radiogroup-description-text-normal - color of the description text
- *
  */
 class RadioGroup extends FormfieldGroup {
     constructor() {
@@ -31,7 +30,6 @@ class RadioGroup extends FormfieldGroup {
          */
         this.name = '';
         // This is used to set the role of the component as `radiogroup`.
-        /** @internal */
         this.isRadio = true;
     }
     /**
@@ -39,11 +37,15 @@ class RadioGroup extends FormfieldGroup {
      * If the name is not set, it will be set to the name of the radio group.
      */
     firstUpdated() {
-        var _a, _b, _c, _d, _e;
-        (_e = (_d = (_c = (_b = Array.from(((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('slot')) || [])) === null || _b === void 0 ? void 0 : _b.flatMap(slot => slot.assignedElements({ flatten: true }))) === null || _c === void 0 ? void 0 : _c.filter(el => el.tagName.toLowerCase() === RADIO_TAGNAME || el.tagName.toLowerCase() === CARD_RADIO_TAGNAME)) === null || _d === void 0 ? void 0 : _d.filter(radio => !radio.hasAttribute('name'))) === null || _e === void 0 ? void 0 : _e.forEach(radio => {
-            radio.setAttribute('name', this.name);
-            if (this.required)
-                radio.setAttribute('required', this.required.toString());
+        var _a;
+        Array.from(((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('slot')) || [])
+            .flatMap(slot => slot.assignedElements({ flatten: true }))
+            .filter(el => isRadio.test(el.tagName))
+            .forEach(radio => {
+            if (!radio.hasAttribute('name')) {
+                radio.setAttribute('name', this.name);
+            }
+            radio.toggleAttribute('required', this.required);
         });
     }
 }

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

@@ -36,7 +36,6 @@ import ThemeProviderContext from './themeprovider.context';
  * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,
  * default: `Momentum` (from momentum-design/fonts)
  * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`
- * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,
  * default: `-0.25px` (this is to match the old CiscoSans)
  * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,
  * default: `"ss02" on`

package/dist/components/themeprovider/themeprovider.component.js

@@ -47,7 +47,6 @@ import styles from './themeprovider.styles';
  * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,
  * default: `Momentum` (from momentum-design/fonts)
  * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`
- * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,
  * default: `-0.25px` (this is to match the old CiscoSans)
  * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,
  * default: `"ss02" on`

package/dist/components/themeprovider/themeprovider.styles.js

@@ -4,8 +4,6 @@ const styles = css `
     --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
     --mdc-themeprovider-font-family: var(--mds-font-family-primary);
     --mdc-themeprovider-font-weight: 400;
-    /* adjusting Inter's letter spacing to better match the old CiscoSans */
-    --mdc-themeprovider-letter-spacing-adjustment: -0.25px;
     /* Adjusting font feature settings for accessibility reasons */
     --mdc-themeprovider-font-feature-settings: 'ss02' on;
 
@@ -16,7 +14,6 @@ const styles = css `
     color: var(--mdc-themeprovider-color-default);
     font-family: var(--mdc-themeprovider-font-family);
     font-weight: var(--mdc-themeprovider-font-weight);
-    letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
 
     font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
   }