@momentum-design/components 0.103.1 → 0.103.3

package/dist/custom-elements.json

@@ -9903,7 +9903,7 @@
               "kind": "field",
               "name": "boundaryPadding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -10109,6 +10109,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "attribute": "strategy",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "role",
@@ -10677,7 +10692,7 @@
             {
               "name": "boundary-padding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -10882,6 +10897,19 @@
                 "module": "src/components/popover/popover.component.ts"
               }
             },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "fieldName": "strategy",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
               "name": "role",
               "type": {
@@ -17044,6 +17072,14 @@
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first."
             },
             {
@@ -18170,6 +18206,14 @@
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
               "inheritedFrom": {
                 "name": "ListItem",
@@ -19110,6 +19154,14 @@
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
               "inheritedFrom": {
                 "name": "ListItem",
@@ -20103,6 +20155,14 @@
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
               "inheritedFrom": {
                 "name": "ListItem",
@@ -21640,7 +21700,7 @@
               "kind": "field",
               "name": "boundaryPadding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -21876,6 +21936,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "attribute": "strategy",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "role",
@@ -22378,7 +22453,7 @@
             {
               "name": "boundary-padding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -22609,6 +22684,19 @@
                 "module": "src/components/popover/popover.component.ts"
               }
             },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "fieldName": "strategy",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
               "name": "role",
               "type": {
@@ -23541,6 +23629,14 @@
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
               "inheritedFrom": {
                 "name": "ListItem",
@@ -24579,6 +24675,14 @@
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
               "inheritedFrom": {
                 "name": "ListItem",
@@ -26648,7 +26752,7 @@
               "kind": "field",
               "name": "boundaryPadding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -26852,6 +26956,17 @@
               "attribute": "close-button-aria-label",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "attribute": "strategy",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "role",
@@ -27725,7 +27840,7 @@
             {
               "name": "boundary-padding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -27884,6 +27999,15 @@
               "description": "aria-label attribute to be set for close button accessibility.",
               "fieldName": "closeButtonAriaLabel"
             },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "fieldName": "strategy"
+            },
             {
               "name": "role",
               "type": {
@@ -31865,6 +31989,60 @@
           "kind": "class",
           "description": "The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\nIt is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\nThe component ensures accessibility and usability while handling various use cases,\nincluding long text truncation with tooltip support.\n\nEvery mdc-option should have a `value` attribute set to ensure proper form submission.\n\nTo set a default option, use the `selected` attribute on the `mdc-option` element.\n\n**Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.",
           "name": "Select",
+          "cssProperties": [
+            {
+              "description": "The background color of the combobox of select.",
+              "name": "--mdc-select-background-color"
+            },
+            {
+              "description": "The background color of the combobox of select when hovered.",
+              "name": "--mdc-select-background-color-hover"
+            },
+            {
+              "description": "The background color of the combobox of select when active.",
+              "name": "--mdc-select-background-color-active"
+            },
+            {
+              "description": "The background color of the combobox of select when disabled.",
+              "name": "--mdc-select-background-color-disabled"
+            },
+            {
+              "description": "The text color of the select.",
+              "name": "--mdc-select-text-color"
+            },
+            {
+              "description": "The text color of the selected option in the select.",
+              "name": "--mdc-select-text-color-selected"
+            },
+            {
+              "description": "The text color of the select when disabled.",
+              "name": "--mdc-select-text-color-disabled"
+            },
+            {
+              "description": "The border color of the select.",
+              "name": "--mdc-select-border-color"
+            },
+            {
+              "description": "The border color of the select when disabled.",
+              "name": "--mdc-select-border-color-disabled"
+            },
+            {
+              "description": "The border color of the select when in success state.",
+              "name": "--mdc-select-border-color-success"
+            },
+            {
+              "description": "The border color of the select when in warning state.",
+              "name": "--mdc-select-border-color-warning"
+            },
+            {
+              "description": "The border color of the select when in error state.",
+              "name": "--mdc-select-border-color-error"
+            },
+            {
+              "description": "The width of the select.",
+              "name": "--mdc-select-width"
+            }
+          ],
           "slots": [
             {
               "description": "This is a default/unnamed slot for Selectlistbox including options and/or option group.",
@@ -31921,6 +32099,28 @@
               "default": "undefined",
               "attribute": "soft-disabled"
             },
+            {
+              "kind": "field",
+              "name": "boundary",
+              "type": {
+                "text": "'clippingAncestors' | string"
+              },
+              "description": "This describes the clipping element(s) or area that overflow of the used popover will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
+              "default": "'clippingAncestors'",
+              "attribute": "boundary",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover within Select.\nThis determines how the popover is positioned in the DOM.\n\nIn case `boundary` is set to something other than 'clippingAncestors',\nit might be necessary to set the `strategy` to 'fixed' to ensure that the popover\nis not getting clipped by scrollable containers enclosing the select.",
+              "default": "absolute",
+              "attribute": "strategy",
+              "reflects": true
+            },
             {
               "kind": "method",
               "name": "getAllValidOptions",
@@ -32563,6 +32763,24 @@
               "default": "undefined",
               "fieldName": "softDisabled"
             },
+            {
+              "name": "boundary",
+              "type": {
+                "text": "'clippingAncestors' | string"
+              },
+              "description": "This describes the clipping element(s) or area that overflow of the used popover will be checked relative to.\nThe default is 'clippingAncestors', which are the overflow ancestors which will cause the\nelement to be clipped.\n\nPossible values:\n - 'clippingAncestors'\n - any css selector",
+              "default": "'clippingAncestors'",
+              "fieldName": "boundary"
+            },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover within Select.\nThis determines how the popover is positioned in the DOM.\n\nIn case `boundary` is set to something other than 'clippingAncestors',\nit might be necessary to set the `strategy` to 'fixed' to ensure that the popover\nis not getting clipped by scrollable containers enclosing the select.",
+              "default": "absolute",
+              "fieldName": "strategy"
+            },
             {
               "name": "name",
               "type": {
@@ -32742,7 +32960,7 @@
             "module": "/src/components/formfieldwrapper/formfieldwrapper.component"
           },
           "tagName": "mdc-select",
-          "jsDoc": "/**\n * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\n * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\n * The component ensures accessibility and usability while handling various use cases,\n * including long text truncation with tooltip support.\n *\n * Every mdc-option should have a `value` attribute set to ensure proper form submission.\n *\n * To set a default option, use the `selected` attribute on the `mdc-option` element.\n *\n * **Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-popover\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-select\n *\n * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.\n *\n * @event click - (React: onClick) This event is dispatched when the select is clicked.\n * @event change - (React: onChange) This event is dispatched when the select is changed.\n * @event input - (React: onInput) This event is dispatched when the select is changed.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.\n * @event focus - (React: onFocus) This event is dispatched when the select receives focus.\n */",
+          "jsDoc": "/**\n * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.\n * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.\n * The component ensures accessibility and usability while handling various use cases,\n * including long text truncation with tooltip support.\n *\n * Every mdc-option should have a `value` attribute set to ensure proper form submission.\n *\n * To set a default option, use the `selected` attribute on the `mdc-option` element.\n *\n * **Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-popover\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-select\n *\n * @slot default - This is a default/unnamed slot for Selectlistbox including options and/or option group.\n *\n * @event click - (React: onClick) This event is dispatched when the select is clicked.\n * @event change - (React: onChange) This event is dispatched when the select is changed.\n * @event input - (React: onInput) This event is dispatched when the select is changed.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the select.\n * @event focus - (React: onFocus) This event is dispatched when the select receives focus.\n *\n * @cssproperty --mdc-select-background-color - The background color of the combobox of select.\n * @cssproperty --mdc-select-background-color-hover - The background color of the combobox of select when hovered.\n * @cssproperty --mdc-select-background-color-active - The background color of the combobox of select when active.\n * @cssproperty --mdc-select-background-color-disabled - The background color of the combobox of select when disabled.\n * @cssproperty --mdc-select-text-color - The text color of the select.\n * @cssproperty --mdc-select-text-color-selected - The text color of the selected option in the select.\n * @cssproperty --mdc-select-text-color-disabled - The text color of the select when disabled.\n * @cssproperty --mdc-select-border-color - The border color of the select.\n * @cssproperty --mdc-select-border-color-disabled - The border color of the select when disabled.\n * @cssproperty --mdc-select-border-color-success - The border color of the select when in success state.\n * @cssproperty --mdc-select-border-color-warning - The border color of the select when in warning state.\n * @cssproperty --mdc-select-border-color-error - The border color of the select when in error state.\n * @cssproperty --mdc-select-width - The width of the select.\n */",
           "customElement": true
         }
       ],
@@ -38132,7 +38350,7 @@
               "kind": "field",
               "name": "boundaryPadding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -38368,6 +38586,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "attribute": "strategy",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "role",
@@ -38920,7 +39153,7 @@
             {
               "name": "boundary-padding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -39151,6 +39384,19 @@
                 "module": "src/components/popover/popover.component.ts"
               }
             },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "fieldName": "strategy",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
               "name": "role",
               "type": {
@@ -40132,7 +40378,7 @@
               "kind": "field",
               "name": "boundaryPadding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -40368,6 +40614,21 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "attribute": "strategy",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "role",
@@ -40921,7 +41182,7 @@
             {
               "name": "boundary-padding",
               "type": {
-                "text": "undefined | number"
+                "text": "number | undefined"
               },
               "description": "Virtual padding around the boundary to check for overflow.\nSo the popover will not be placed on top of the edge of the boundary.\n\nDefault works well for most cases, but you can set this to customise it when necessary.",
               "default": "undefined",
@@ -41152,6 +41413,19 @@
                 "module": "src/components/popover/popover.component.ts"
               }
             },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "description": "The strategy of the popover.\nThis determines how the popover is positioned in the DOM.\n- **absolute**: The popover is positioned absolutely relative to the nearest positioned ancestor.\n- **fixed**: The popover is positioned fixed relative to the viewport.\n\nDefault as `absolute` is recommended for most cases.\nIn cases where the popover gets clipped by a scrollable container,\nyou can set this to `fixed` to avoid clipping.",
+              "default": "absolute",
+              "fieldName": "strategy",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
             {
               "name": "role",
               "type": {

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

@@ -27,6 +27,20 @@ import Component from '../../components/select';
  * @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.
+ *
+ * @cssproperty --mdc-select-background-color - The background color of the combobox of select.
+ * @cssproperty --mdc-select-background-color-hover - The background color of the combobox of select when hovered.
+ * @cssproperty --mdc-select-background-color-active - The background color of the combobox of select when active.
+ * @cssproperty --mdc-select-background-color-disabled - The background color of the combobox of select when disabled.
+ * @cssproperty --mdc-select-text-color - The text color of the select.
+ * @cssproperty --mdc-select-text-color-selected - The text color of the selected option in the select.
+ * @cssproperty --mdc-select-text-color-disabled - The text color of the select when disabled.
+ * @cssproperty --mdc-select-border-color - The border color of the select.
+ * @cssproperty --mdc-select-border-color-disabled - The border color of the select when disabled.
+ * @cssproperty --mdc-select-border-color-success - The border color of the select when in success state.
+ * @cssproperty --mdc-select-border-color-warning - The border color of the select when in warning state.
+ * @cssproperty --mdc-select-border-color-error - The border color of the select when in error state.
+ * @cssproperty --mdc-select-width - The width of the select.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<import("../../components/select/select.types").SelectChangeEvent>;

package/dist/react/select/index.js

@@ -29,6 +29,20 @@ import { TAG_NAME } from '../../components/select/select.constants';
  * @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.
+ *
+ * @cssproperty --mdc-select-background-color - The background color of the combobox of select.
+ * @cssproperty --mdc-select-background-color-hover - The background color of the combobox of select when hovered.
+ * @cssproperty --mdc-select-background-color-active - The background color of the combobox of select when active.
+ * @cssproperty --mdc-select-background-color-disabled - The background color of the combobox of select when disabled.
+ * @cssproperty --mdc-select-text-color - The text color of the select.
+ * @cssproperty --mdc-select-text-color-selected - The text color of the selected option in the select.
+ * @cssproperty --mdc-select-text-color-disabled - The text color of the select when disabled.
+ * @cssproperty --mdc-select-border-color - The border color of the select.
+ * @cssproperty --mdc-select-border-color-disabled - The border color of the select when disabled.
+ * @cssproperty --mdc-select-border-color-success - The border color of the select when in success state.
+ * @cssproperty --mdc-select-border-color-warning - The border color of the select when in warning state.
+ * @cssproperty --mdc-select-border-color-error - The border color of the select when in error state.
+ * @cssproperty --mdc-select-width - The width of the select.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.103.1",
+  "version": "0.103.3",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"