@momentum-design/components 0.129.19 → 0.129.20

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

@@ -58,6 +58,7 @@ declare class FormfieldWrapper extends FormfieldWrapper_base {
     required: boolean;
     /**
      * The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.
+     * @default 'default'
      */
     helpTextType: ValidationType;
     /**
@@ -74,6 +75,10 @@ declare class FormfieldWrapper extends FormfieldWrapper_base {
      * @default 'top'
      */
     toggletipPlacement: PopoverPlacement;
+    /**
+     * The strategy of the toggletip that is displayed when the info icon is hovered.
+     * @default 'absolute'
+     */
     toggletipStrategy: PopoverStrategy;
     /**
      * Aria label for the info icon that is displayed next to the label when `toggletipText` is set.

package/dist/components/formfieldwrapper/formfieldwrapper.component.js

@@ -70,6 +70,7 @@ class FormfieldWrapper extends DisabledMixin(Component) {
         this.required = false;
         /**
          * The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.
+         * @default 'default'
          */
         this.helpTextType = DEFAULTS.VALIDATION;
         /**
@@ -77,6 +78,10 @@ class FormfieldWrapper extends DisabledMixin(Component) {
          * @default 'top'
          */
         this.toggletipPlacement = DEFAULTS.TOGGLETIP_PLACEMENT;
+        /**
+         * The strategy of the toggletip that is displayed when the info icon is hovered.
+         * @default 'absolute'
+         */
         this.toggletipStrategy = DEFAULTS.TOGGLETIP_STRATEGY;
         /**
          * Determines whether the form field is read-only.

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

@@ -1,4 +1,4 @@
-import { IconNames } from '../icon/icon.types';
+import type { IconNames } from '../icon/icon.types';
 declare const TAG_NAME: "mdc-formfieldwrapper";
 declare const VALIDATION: {
     readonly DEFAULT: "default";

package/dist/components/formfieldwrapper/formfieldwrapper.constants.js

@@ -1,4 +1,5 @@
 import utils from '../../utils/tag-name';
+import { POPOVER_PLACEMENT, STRATEGY } from '../popover/popover.constants';
 import { TYPE, VALID_TEXT_TAGS } from '../text/text.constants';
 const TAG_NAME = utils.constructTagName('formfieldwrapper');
 const VALIDATION = {
@@ -14,8 +15,8 @@ const DEFAULTS = {
     HEADING_ID: 'heading-id',
     ICON_SIZE: 20,
     INFO_ICON: 'info-badge-filled',
-    TOGGLETIP_PLACEMENT: 'top',
-    TOGGLETIP_STRATEGY: 'absolute',
+    TOGGLETIP_PLACEMENT: POPOVER_PLACEMENT.TOP,
+    TOGGLETIP_STRATEGY: STRATEGY.ABSOLUTE,
 };
 const MDC_TEXT_OPTIONS = {
     TAGNAME: VALID_TEXT_TAGS.SPAN,

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

@@ -9,6 +9,7 @@ declare const Select_base: import("../../utils/mixins/index.types").Constructor<
 /**
  * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.
  * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.
+ * Optional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.
  *
  * Every mdc-option should have a `value` attribute set to ensure proper form submission.
  *
@@ -27,14 +28,13 @@ declare const Select_base: import("../../utils/mixins/index.types").Constructor<
  *
  * @tagname mdc-select
  *
- * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
- *
  * @event click - (React: onClick) This event is dispatched when the select is clicked.
  * @event change - (React: onChange) This event is dispatched when the select is changed.
  * @event input - (React: onInput) This event is dispatched when the select is changed.
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.
  * @event focus - (React: onFocus) This event is dispatched when the select receives focus.
  *
+ * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
  * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.

package/dist/components/select/select.component.js

@@ -30,6 +30,7 @@ import styles from './select.styles';
 /**
  * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.
  * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.
+ * Optional: Add `mdc-divider` after each option group (`mdc-optgroup`) to separate groups visually.
  *
  * Every mdc-option should have a `value` attribute set to ensure proper form submission.
  *
@@ -48,14 +49,13 @@ import styles from './select.styles';
  *
  * @tagname mdc-select
  *
- * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
- *
  * @event click - (React: onClick) This event is dispatched when the select is clicked.
  * @event change - (React: onChange) This event is dispatched when the select is changed.
  * @event input - (React: onInput) This event is dispatched when the select is changed.
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.
  * @event focus - (React: onFocus) This event is dispatched when the select receives focus.
  *
+ * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.
  * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.