@momentum-design/components 0.107.1 → 0.108.0

package/dist/custom-elements.json

@@ -477,6 +477,157 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/accordiongroup/accordiongroup.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\nEach heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\nAccordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n\n- Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n\nThere are three types of variants:\n- Stacked - Each accordion will have a gap of 1.5rem (24px).\n- Borderless - Each accordion will not have any border and the group will also not have any border.\n- Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n\nThere are two types of sizes:\n- Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n- Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n\nThe variant and size will be applied to all accordions inside this accordion group.\nTo show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.",
+          "name": "AccordionGroup",
+          "cssProperties": [
+            {
+              "description": "The border color of the entire accordiongroup",
+              "name": "--mdc-accordiongroup-border-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot can contain the `accordion` or `accordionbutton` components.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "Size"
+              },
+              "description": "The size of the accordion item.",
+              "default": "'small'",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "Variant"
+              },
+              "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
+              "default": "'stacked'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "allowMultiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, multiple accordion items can be visible at the same time.",
+              "attribute": "allow-multiple",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleAccordionExpanded",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  },
+                  "description": "The event object from the 'shown' event."
+                }
+              ],
+              "description": "Handles the 'shown' event for accordion items.\nIf `allowMultiple` is false, ensures that only one accordion item\nremains expanded by collapsing all other expanded items when a new item is expanded."
+            },
+            {
+              "kind": "method",
+              "name": "setChildrenAccordionAttributes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "attributeName",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The name of the attribute to set."
+                },
+                {
+                  "name": "attributeValue",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The value to set the attribute to."
+                }
+              ],
+              "description": "Sets the given attribute on all child accordion or accordionbutton components."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "Size"
+              },
+              "description": "The size of the accordion item.",
+              "default": "'small'",
+              "fieldName": "size"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "Variant"
+              },
+              "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
+              "default": "'stacked'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "allow-multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, multiple accordion items can be visible at the same time.",
+              "fieldName": "allowMultiple"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-accordiongroup",
+          "jsDoc": "/**\n * An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\n * Each heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\n * Accordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n *\n * - Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n *\n * There are three types of variants:\n * - Stacked - Each accordion will have a gap of 1.5rem (24px).\n * - Borderless - Each accordion will not have any border and the group will also not have any border.\n * - Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n *\n * There are two types of sizes:\n * - Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n * - Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n *\n * The variant and size will be applied to all accordions inside this accordion group.\n * To show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.\n *\n * @tagname mdc-accordiongroup\n *\n * @slot default - The default slot can contain the `accordion` or `accordionbutton` components.\n *\n * @cssproperty --mdc-accordiongroup-border-color - The border color of the entire accordiongroup\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "AccordionGroup",
+            "module": "components/accordiongroup/accordiongroup.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/accordionbutton/accordionbutton.component.js",
@@ -817,157 +968,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/accordiongroup/accordiongroup.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\nEach heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\nAccordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n\n- Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n\nThere are three types of variants:\n- Stacked - Each accordion will have a gap of 1.5rem (24px).\n- Borderless - Each accordion will not have any border and the group will also not have any border.\n- Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n\nThere are two types of sizes:\n- Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n- Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n\nThe variant and size will be applied to all accordions inside this accordion group.\nTo show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n\nIf you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n\nIf the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.",
-          "name": "AccordionGroup",
-          "cssProperties": [
-            {
-              "description": "The border color of the entire accordiongroup",
-              "name": "--mdc-accordiongroup-border-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot can contain the `accordion` or `accordionbutton` components.",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "Size"
-              },
-              "description": "The size of the accordion item.",
-              "default": "'small'",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "Variant"
-              },
-              "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
-              "default": "'stacked'",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "allowMultiple",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, multiple accordion items can be visible at the same time.",
-              "attribute": "allow-multiple",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleAccordionExpanded",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  },
-                  "description": "The event object from the 'shown' event."
-                }
-              ],
-              "description": "Handles the 'shown' event for accordion items.\nIf `allowMultiple` is false, ensures that only one accordion item\nremains expanded by collapsing all other expanded items when a new item is expanded."
-            },
-            {
-              "kind": "method",
-              "name": "setChildrenAccordionAttributes",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "attributeName",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The name of the attribute to set."
-                },
-                {
-                  "name": "attributeValue",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The value to set the attribute to."
-                }
-              ],
-              "description": "Sets the given attribute on all child accordion or accordionbutton components."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "Size"
-              },
-              "description": "The size of the accordion item.",
-              "default": "'small'",
-              "fieldName": "size"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "Variant"
-              },
-              "description": "The variant of the accordion item. Based on the variant, the styling of the accordion gets changed.",
-              "default": "'stacked'",
-              "fieldName": "variant"
-            },
-            {
-              "name": "allow-multiple",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, multiple accordion items can be visible at the same time.",
-              "fieldName": "allowMultiple"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-accordiongroup",
-          "jsDoc": "/**\n * An accordion group is a vertically stacked set of interactive headings that each contain a header and body content.\n * Each heading of the accordion acts as a control that enable users to expand or hide their associated body sections of content.\n * Accordions are commonly used to reduce the need to scroll when presenting multiple sections of content on a single page.\n *\n * - Default Slot: The accordion group component only accepts, `accordion` and `accordionbutton` components as the children, rest are ignored.\n *\n * There are three types of variants:\n * - Stacked - Each accordion will have a gap of 1.5rem (24px).\n * - Borderless - Each accordion will not have any border and the group will also not have any border.\n * - Contained - Each accordion will have no gap in between them and the border of the entire accordiongroup will be continuous.\n *\n * There are two types of sizes:\n * - Small: Small size has a padding of 1rem (16px) for both heading and body sections.\n * - Large: Large size has a padding of 1.5rem (24px) for both heading and body sections.\n *\n * The variant and size will be applied to all accordions inside this accordion group.\n * To show/expand more than one accordion at any given time, then set `allow-multiple` to `true`. By default, it's `false`.\n *\n * If you don't need any controls on your accordion heading, then it's advised to use `accordionbutton` component.\n *\n * If the first accordion of the accordion group is expanded by default, then the screen reader might loose focus when toggling the visibilty of the first accordion.\n *\n * @tagname mdc-accordiongroup\n *\n * @slot default - The default slot can contain the `accordion` or `accordionbutton` components.\n *\n * @cssproperty --mdc-accordiongroup-border-color - The border color of the entire accordiongroup\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "AccordionGroup",
-            "module": "components/accordiongroup/accordiongroup.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alertchip/alertchip.component.js",
@@ -33577,416 +33577,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/spinner/spinner.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`mdc-spinner` is loading spinner which is an indeterminate progress indicator, meaning\nit's best for cases where the  progress or duration of a process is variable or unknown.\n\nSpinner Variants:\n- **Standalone (Default)**: Track has a blue color.\n- **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\nTo ensure a minimum 3:1 contrast ratio, the color is changed internally to be the same color as the button’s\nicon or label text.\n\nSpinner Sizes:\n- **Large (96px)**: Use when replacing entire regions or pages that are still loading\n- **MidSize (48px) (Default)**: Use for most use cases.\n- **Small (24px)**: Use for inline with loading text.\n\nCustomisation of the spinner size is allowed by setting the size to undefined and using the --mdc-spinner-size\nCSS property.\n\nSpinner Colors:\n- **Default**: Use for most use cases.\n- **Inverted**: Only to be used within inverted components, such as coachmarks.\n\nRegarding accessibility, if an aria-label is provided, the role will be set to 'img'; if it is absent, the role\nwill be unset\nand aria-hidden will be set to 'true' so the spinner will be ignored by screen readers.",
-          "name": "Spinner",
-          "cssProperties": [
-            {
-              "description": "Allows customization of the default spinner color.",
-              "name": "--mdc-spinner-default-color"
-            },
-            {
-              "description": "Allows customization of the inverted spinner color.",
-              "name": "--mdc-spinner-inverted-color"
-            },
-            {
-              "description": "Allows customization of the spinner Button variant color.",
-              "name": "--mdc-spinner-button-variant-color"
-            },
-            {
-              "description": "Allows customization of the spinner size.",
-              "name": "--mdc-spinner-size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The svg which contains the circle spinner.",
-              "name": "container"
-            },
-            {
-              "description": "The circle of the spinner.",
-              "name": "circle"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "inverted",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "The spinner color can be inverted by setting the inverted attribute to true.",
-              "default": "false",
-              "attribute": "inverted",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SpinnerSize | undefined"
-              },
-              "description": "Size of the spinner.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'\n- 'undefined'",
-              "default": "midsize",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Aria-label attribute to be set for accessibility",
-              "attribute": "aria-label"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "SpinnerVariant"
-              },
-              "description": "There are 2 variants of spinner: default and button. Their coloring is different.\n- **Standalone (Default)**: Track has a blue color.\n- **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\nTo ensure a minimum 3:1 contrast ratio, change the active indicator color to be the same color as the button’s\nicon or label text.",
-              "default": "standalone",
-              "attribute": "variant",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "inverted",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "The spinner color can be inverted by setting the inverted attribute to true.",
-              "default": "false",
-              "fieldName": "inverted"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "SpinnerSize | undefined"
-              },
-              "description": "Size of the spinner.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'\n- 'undefined'",
-              "default": "midsize",
-              "fieldName": "size"
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Aria-label attribute to be set for accessibility",
-              "fieldName": "ariaLabel"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "SpinnerVariant"
-              },
-              "description": "There are 2 variants of spinner: default and button. Their coloring is different.\n- **Standalone (Default)**: Track has a blue color.\n- **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\nTo ensure a minimum 3:1 contrast ratio, change the active indicator color to be the same color as the button’s\nicon or label text.",
-              "default": "standalone",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-spinner",
-          "jsDoc": "/**\n * `mdc-spinner` is loading spinner which is an indeterminate progress indicator, meaning\n * it's best for cases where the  progress or duration of a process is variable or unknown.\n *\n * Spinner Variants:\n * - **Standalone (Default)**: Track has a blue color.\n * - **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\n * To ensure a minimum 3:1 contrast ratio, the color is changed internally to be the same color as the button’s\n * icon or label text.\n *\n * Spinner Sizes:\n * - **Large (96px)**: Use when replacing entire regions or pages that are still loading\n * - **MidSize (48px) (Default)**: Use for most use cases.\n * - **Small (24px)**: Use for inline with loading text.\n *\n * Customisation of the spinner size is allowed by setting the size to undefined and using the --mdc-spinner-size\n * CSS property.\n *\n * Spinner Colors:\n * - **Default**: Use for most use cases.\n * - **Inverted**: Only to be used within inverted components, such as coachmarks.\n *\n * Regarding accessibility, if an aria-label is provided, the role will be set to 'img'; if it is absent, the role\n * will be unset\n * and aria-hidden will be set to 'true' so the spinner will be ignored by screen readers.\n *\n * @tagname mdc-spinner\n *\n * @cssproperty --mdc-spinner-default-color - Allows customization of the default spinner color.\n * @cssproperty --mdc-spinner-inverted-color - Allows customization of the inverted spinner color.\n * @cssproperty --mdc-spinner-button-variant-color - Allows customization of the spinner Button variant color.\n * @cssproperty --mdc-spinner-size - Allows customization of the spinner size.\n *\n * @csspart container - The svg which contains the circle spinner.\n * @csspart circle - The circle of the spinner.\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Spinner",
-            "module": "components/spinner/spinner.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/staticcheckbox/staticcheckbox.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "This is a decorative component that is styled to look as a checkbox.\n\nIt has 3 properties - checked, indeterminate and disabled.\n\nWe are using the same styling that has been created for the `mdc-checkbox` component.",
-          "name": "StaticCheckbox",
-          "cssProperties": [
-            {
-              "description": "Border color in high contrast.",
-              "name": "--mdc-staticcheckbox-border-color"
-            },
-            {
-              "description": "Background color for a selected checkbox.",
-              "name": "--mdc-staticcheckbox-checked-background-color"
-            },
-            {
-              "description": "Background color for a disabled checkbox.",
-              "name": "--mdc-staticcheckbox-disabled-background-color"
-            },
-            {
-              "description": "Border color for a disabled checkbox.",
-              "name": "--mdc-checkbox-disabled-border-color"
-            },
-            {
-              "description": "Background color for a disabled, selected checkbox.",
-              "name": "--mdc-checkbox-disabled-checked-icon-color"
-            },
-            {
-              "description": "Icon color for a disabled checkbox.",
-              "name": "--mdc-staticcheckbox-disabled-icon-color"
-            },
-            {
-              "description": "Background color for an unselected checkbox.",
-              "name": "--mdc-staticcheckbox-icon-background-color"
-            },
-            {
-              "description": "Default background color for an unselected checkbox.",
-              "name": "--mdc-staticcheckbox-icon-border-color"
-            },
-            {
-              "description": "Icon color for an unselected checkbox.",
-              "name": "--mdc-staticcheckbox-icon-color"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether the checkbox is selected or unselected.",
-              "attribute": "checked",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether the checkbox is in an indeterminate state.",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
-              "default": "undefined",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "DisabledMixin",
-                "module": "utils/mixins/DisabledMixin.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether the checkbox is selected or unselected.",
-              "fieldName": "checked"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether the checkbox is in an indeterminate state.",
-              "fieldName": "indeterminate"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
-              "default": "undefined",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "DisabledMixin",
-                "module": "src/utils/mixins/DisabledMixin.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "DisabledMixin",
-              "module": "/src/utils/mixins/DisabledMixin"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-staticcheckbox",
-          "jsDoc": "/**\n * This is a decorative component that is styled to look as a checkbox.\n *\n * It has 3 properties - checked, indeterminate and disabled.\n *\n * We are using the same styling that has been created for the `mdc-checkbox` component.\n *\n * @tagname mdc-staticcheckbox\n *\n * @dependency mdc-icon\n *\n * @cssproperty --mdc-staticcheckbox-border-color - Border color in high contrast.\n * @cssproperty --mdc-staticcheckbox-checked-background-color - Background color for a selected checkbox.\n * @cssproperty --mdc-staticcheckbox-disabled-background-color - Background color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-border-color - Border color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a disabled, selected checkbox.\n * @cssproperty --mdc-staticcheckbox-disabled-icon-color - Icon color for a disabled checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-background-color - Background color for an unselected checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-border-color - Default background color for an unselected checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.\n *\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "StaticCheckbox",
-            "module": "components/staticcheckbox/staticcheckbox.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/staticchip/staticchip.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n\nIt is recommended to keep the label text for the chip component concise and compact.\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.",
-          "name": "StaticChip",
-          "cssProperties": [
-            {
-              "description": "The color of the static chip.",
-              "name": "--mdc-chip-color"
-            },
-            {
-              "description": "The border color of the static chip.",
-              "name": "--mdc-chip-border-color"
-            },
-            {
-              "description": "The background color of the static chip.",
-              "name": "--mdc-chip-background-color"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "ColorType"
-              },
-              "description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
-              "default": "default",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
-              "attribute": "label"
-            },
-            {
-              "kind": "method",
-              "name": "renderIcon",
-              "privacy": "private",
-              "description": "Renders the icon element if available.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
-              "attribute": "icon-name",
-              "inheritedFrom": {
-                "name": "IconNameMixin",
-                "module": "utils/mixins/IconNameMixin.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "color",
-              "type": {
-                "text": "ColorType"
-              },
-              "description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
-              "default": "default",
-              "fieldName": "color"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
-              "fieldName": "label"
-            },
-            {
-              "name": "icon-name",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
-              "fieldName": "iconName",
-              "inheritedFrom": {
-                "name": "IconNameMixin",
-                "module": "src/utils/mixins/IconNameMixin.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "IconNameMixin",
-              "module": "/src/utils/mixins/IconNameMixin"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-staticchip",
-          "jsDoc": "/**\n * mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n *\n * It is recommended to keep the label text for the chip component concise and compact.\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.\n *\n *\n * @tagname mdc-staticchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the static chip.\n * @cssproperty --mdc-chip-border-color - The border color of the static chip.\n * @cssproperty --mdc-chip-background-color - The background color of the static chip.\n *\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "StaticChip",
-            "module": "components/staticchip/staticchip.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/slider/slider.component.js",
@@ -34499,6 +34089,416 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/spinner/spinner.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`mdc-spinner` is loading spinner which is an indeterminate progress indicator, meaning\nit's best for cases where the  progress or duration of a process is variable or unknown.\n\nSpinner Variants:\n- **Standalone (Default)**: Track has a blue color.\n- **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\nTo ensure a minimum 3:1 contrast ratio, the color is changed internally to be the same color as the button’s\nicon or label text.\n\nSpinner Sizes:\n- **Large (96px)**: Use when replacing entire regions or pages that are still loading\n- **MidSize (48px) (Default)**: Use for most use cases.\n- **Small (24px)**: Use for inline with loading text.\n\nCustomisation of the spinner size is allowed by setting the size to undefined and using the --mdc-spinner-size\nCSS property.\n\nSpinner Colors:\n- **Default**: Use for most use cases.\n- **Inverted**: Only to be used within inverted components, such as coachmarks.\n\nRegarding accessibility, if an aria-label is provided, the role will be set to 'img'; if it is absent, the role\nwill be unset\nand aria-hidden will be set to 'true' so the spinner will be ignored by screen readers.",
+          "name": "Spinner",
+          "cssProperties": [
+            {
+              "description": "Allows customization of the default spinner color.",
+              "name": "--mdc-spinner-default-color"
+            },
+            {
+              "description": "Allows customization of the inverted spinner color.",
+              "name": "--mdc-spinner-inverted-color"
+            },
+            {
+              "description": "Allows customization of the spinner Button variant color.",
+              "name": "--mdc-spinner-button-variant-color"
+            },
+            {
+              "description": "Allows customization of the spinner size.",
+              "name": "--mdc-spinner-size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The svg which contains the circle spinner.",
+              "name": "container"
+            },
+            {
+              "description": "The circle of the spinner.",
+              "name": "circle"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "The spinner color can be inverted by setting the inverted attribute to true.",
+              "default": "false",
+              "attribute": "inverted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SpinnerSize | undefined"
+              },
+              "description": "Size of the spinner.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'\n- 'undefined'",
+              "default": "midsize",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Aria-label attribute to be set for accessibility",
+              "attribute": "aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "SpinnerVariant"
+              },
+              "description": "There are 2 variants of spinner: default and button. Their coloring is different.\n- **Standalone (Default)**: Track has a blue color.\n- **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\nTo ensure a minimum 3:1 contrast ratio, change the active indicator color to be the same color as the button’s\nicon or label text.",
+              "default": "standalone",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "The spinner color can be inverted by setting the inverted attribute to true.",
+              "default": "false",
+              "fieldName": "inverted"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "SpinnerSize | undefined"
+              },
+              "description": "Size of the spinner.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'\n- 'undefined'",
+              "default": "midsize",
+              "fieldName": "size"
+            },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Aria-label attribute to be set for accessibility",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "SpinnerVariant"
+              },
+              "description": "There are 2 variants of spinner: default and button. Their coloring is different.\n- **Standalone (Default)**: Track has a blue color.\n- **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\nTo ensure a minimum 3:1 contrast ratio, change the active indicator color to be the same color as the button’s\nicon or label text.",
+              "default": "standalone",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-spinner",
+          "jsDoc": "/**\n * `mdc-spinner` is loading spinner which is an indeterminate progress indicator, meaning\n * it's best for cases where the  progress or duration of a process is variable or unknown.\n *\n * Spinner Variants:\n * - **Standalone (Default)**: Track has a blue color.\n * - **Button**: To be used when placed in a button to show that the button’s action is currently in progress.\n * To ensure a minimum 3:1 contrast ratio, the color is changed internally to be the same color as the button’s\n * icon or label text.\n *\n * Spinner Sizes:\n * - **Large (96px)**: Use when replacing entire regions or pages that are still loading\n * - **MidSize (48px) (Default)**: Use for most use cases.\n * - **Small (24px)**: Use for inline with loading text.\n *\n * Customisation of the spinner size is allowed by setting the size to undefined and using the --mdc-spinner-size\n * CSS property.\n *\n * Spinner Colors:\n * - **Default**: Use for most use cases.\n * - **Inverted**: Only to be used within inverted components, such as coachmarks.\n *\n * Regarding accessibility, if an aria-label is provided, the role will be set to 'img'; if it is absent, the role\n * will be unset\n * and aria-hidden will be set to 'true' so the spinner will be ignored by screen readers.\n *\n * @tagname mdc-spinner\n *\n * @cssproperty --mdc-spinner-default-color - Allows customization of the default spinner color.\n * @cssproperty --mdc-spinner-inverted-color - Allows customization of the inverted spinner color.\n * @cssproperty --mdc-spinner-button-variant-color - Allows customization of the spinner Button variant color.\n * @cssproperty --mdc-spinner-size - Allows customization of the spinner size.\n *\n * @csspart container - The svg which contains the circle spinner.\n * @csspart circle - The circle of the spinner.\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Spinner",
+            "module": "components/spinner/spinner.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/staticcheckbox/staticcheckbox.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "This is a decorative component that is styled to look as a checkbox.\n\nIt has 3 properties - checked, indeterminate and disabled.\n\nWe are using the same styling that has been created for the `mdc-checkbox` component.",
+          "name": "StaticCheckbox",
+          "cssProperties": [
+            {
+              "description": "Border color in high contrast.",
+              "name": "--mdc-staticcheckbox-border-color"
+            },
+            {
+              "description": "Background color for a selected checkbox.",
+              "name": "--mdc-staticcheckbox-checked-background-color"
+            },
+            {
+              "description": "Background color for a disabled checkbox.",
+              "name": "--mdc-staticcheckbox-disabled-background-color"
+            },
+            {
+              "description": "Border color for a disabled checkbox.",
+              "name": "--mdc-checkbox-disabled-border-color"
+            },
+            {
+              "description": "Background color for a disabled, selected checkbox.",
+              "name": "--mdc-checkbox-disabled-checked-icon-color"
+            },
+            {
+              "description": "Icon color for a disabled checkbox.",
+              "name": "--mdc-staticcheckbox-disabled-icon-color"
+            },
+            {
+              "description": "Background color for an unselected checkbox.",
+              "name": "--mdc-staticcheckbox-icon-background-color"
+            },
+            {
+              "description": "Default background color for an unselected checkbox.",
+              "name": "--mdc-staticcheckbox-icon-border-color"
+            },
+            {
+              "description": "Icon color for an unselected checkbox.",
+              "name": "--mdc-staticcheckbox-icon-color"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the checkbox is selected or unselected.",
+              "attribute": "checked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the checkbox is in an indeterminate state.",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
+              "default": "undefined",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "module": "utils/mixins/DisabledMixin.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the checkbox is selected or unselected.",
+              "fieldName": "checked"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the checkbox is in an indeterminate state.",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
+              "default": "undefined",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "module": "src/utils/mixins/DisabledMixin.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DisabledMixin",
+              "module": "/src/utils/mixins/DisabledMixin"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-staticcheckbox",
+          "jsDoc": "/**\n * This is a decorative component that is styled to look as a checkbox.\n *\n * It has 3 properties - checked, indeterminate and disabled.\n *\n * We are using the same styling that has been created for the `mdc-checkbox` component.\n *\n * @tagname mdc-staticcheckbox\n *\n * @dependency mdc-icon\n *\n * @cssproperty --mdc-staticcheckbox-border-color - Border color in high contrast.\n * @cssproperty --mdc-staticcheckbox-checked-background-color - Background color for a selected checkbox.\n * @cssproperty --mdc-staticcheckbox-disabled-background-color - Background color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-border-color - Border color for a disabled checkbox.\n * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a disabled, selected checkbox.\n * @cssproperty --mdc-staticcheckbox-disabled-icon-color - Icon color for a disabled checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-background-color - Background color for an unselected checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-border-color - Default background color for an unselected checkbox.\n * @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.\n *\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "StaticCheckbox",
+            "module": "components/staticcheckbox/staticcheckbox.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/staticchip/staticchip.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n\nIt is recommended to keep the label text for the chip component concise and compact.\nFor best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.",
+          "name": "StaticChip",
+          "cssProperties": [
+            {
+              "description": "The color of the static chip.",
+              "name": "--mdc-chip-color"
+            },
+            {
+              "description": "The border color of the static chip.",
+              "name": "--mdc-chip-border-color"
+            },
+            {
+              "description": "The background color of the static chip.",
+              "name": "--mdc-chip-background-color"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "ColorType"
+              },
+              "description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
+              "default": "default",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "attribute": "label"
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "private",
+              "description": "Renders the icon element if available.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "utils/mixins/IconNameMixin.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "ColorType"
+              },
+              "description": "The color of the chip. It supports the following colors\n- default\n- cobalt\n- gold\n- lime\n- mint\n- orange\n- pink\n- purple\n- slate\n- violet",
+              "default": "default",
+              "fieldName": "color"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The visible label text of the chip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
+              "fieldName": "label"
+            },
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "src/utils/mixins/IconNameMixin.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "IconNameMixin",
+              "module": "/src/utils/mixins/IconNameMixin"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-staticchip",
+          "jsDoc": "/**\n * mdc-staticchip is an static element that can be used to represent a chip. It supports a leading icon along with label.\n *\n * It is recommended to keep the label text for the chip component concise and compact.\n * For best results, we recommend limiting the <b>maximum length of the label text to 20 characters</b>, including empty spaces to split words.\n *\n *\n * @tagname mdc-staticchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the static chip.\n * @cssproperty --mdc-chip-border-color - The border color of the static chip.\n * @cssproperty --mdc-chip-background-color - The background color of the static chip.\n *\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "StaticChip",
+            "module": "components/staticchip/staticchip.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/staticradio/staticradio.component.js",

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

@@ -19,7 +19,7 @@ import Component from '../../components/brandvisual';
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onLoad: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        name: "operation-pop-background-dark" | "operation-pop-background-light" | "webex-background-dark" | "webex-background-light" | "device-deskphone-eighteightsevenfive" | "device-deskphone-eighteightsevenfour" | "device-deskphone-eighteightsevenone" | "device-deskphone-eighteightseventwo" | "device-deskphone-eighteightsevenzero" | "device-deskphone-eighteightsixsix" | "device-deskphone-nineeightfiveone" | "device-deskphone-nineeightfourone" | "device-deskphone-nineeightsevenone" | "device-deskphone-nineeightsixone" | "device-deskpro" | "device-dx-sixfivezero" | "device-generic-mobile" | "device-ip-conference-phone-seveneightthreethree" | "device-ip-phone-eighteightfiveone-plus-multiple-screen" | "device-ip-phone-eighteightfiveone-plus-screen" | "device-ip-phone-eighteightfiveone" | "device-ip-phone-eighteightfourfive" | "device-ip-phone-eighteightfourone" | "device-ip-phone-eighteightoneone" | "device-ip-phone-eighteightsixfive-plus-screen" | "device-ip-phone-eighteightsixfive" | "device-ip-phone-eighteightsixone" | "device-ip-phone-seveneightfourone" | "device-ip-phone-seveneightoneone" | "device-ip-phone-seveneightsixone" | "device-ip-phone-seveneighttwoone" | "device-ip-phone-sixeightfiveone" | "device-ip-phone-sixeightsevenone" | "device-ip-phone-sixeightsixone" | "device-ip-phone-sixeighttwoone" | "device-ip-phone-sixninezeroone" | "device-phoenix" | "device-telepresence-dxeightzero" | "device-telepresence-dxsevenzero" | "device-telepresence-ixfivezerozerozero" | "device-telepresence-mxeightzerozero-dual" | "device-telepresence-mxeightzerozero-speakertrack" | "device-telepresence-mxeightzerozero" | "device-telepresence-mxsevenzerozero" | "device-telepresence-mxtwozerozero-gtwo" | "device-telepresence-sxeightzero" | "device-telepresence-sxonezero" | "device-webex-board-fivefive" | "device-webex-codec-plus" | "device-webex-room-bar" | "device-webex-room-fivefive" | "device-webex-room-kit-mini" | "device-webex-room-kit-plus" | "device-webex-room-kit-psixzero" | "device-webex-room-kit" | "device-webex-room-sevenzero-dual" | "device-webex-room-sevenzero" | "device-webex-share-ninesix-with-spark" | "device-webex-share-with-macbook" | "device-webex-share" | "alphalink" | "amazon-q-color" | "apple-business-chat-color" | "cisco-ai-assistant-bw-gradient" | "cisco-ai-assistant-bw-outline" | "cisco-ai-assistant-color-gradient" | "cisco-logo-dark-bw" | "cisco-logo-light-bw" | "cisco-logo-light-color" | "citynet-horizontal" | "citynet-mark" | "creative-direction-logo-dark-bw-horizontal" | "creative-direction-logo-dark-bw-mark" | "creative-direction-logo-dark-bw-vertical" | "creative-direction-logo-dark-color-horizontal" | "creative-direction-logo-dark-color-mark" | "creative-direction-logo-dark-color-vertical" | "creative-direction-logo-light-bw-horizontal" | "creative-direction-logo-light-bw-mark" | "creative-direction-logo-light-bw-vertical" | "creative-direction-logo-light-color-horizontal" | "creative-direction-logo-light-color-mark" | "creative-direction-logo-light-color-vertical" | "excelcom-horizontal" | "excelcom-mark" | "fedramp-logo" | "glean-color" | "google-meet-color" | "jira-color" | "momentum-design-logo-dark-bw-horizontal" | "momentum-design-logo-dark-bw-mark" | "momentum-design-logo-dark-bw-vertical" | "momentum-design-logo-dark-color-horizontal" | "momentum-design-logo-dark-color-mark" | "momentum-design-logo-dark-color-vertical" | "momentum-design-logo-light-bw-horizontal" | "momentum-design-logo-light-bw-mark" | "momentum-design-logo-light-bw-vertical" | "momentum-design-logo-light-color-horizontal" | "momentum-design-logo-light-color-mark" | "momentum-design-logo-light-color-vertical" | "ms-teams-color" | "northland-horizontal" | "northland-mark" | "salesforce-color" | "slack-color" | "slido-color" | "social-alexa-bw" | "social-alexa-color" | "social-facebook-bw" | "social-facebook-color" | "social-fbmessenger-bw" | "social-fbmessenger-color" | "social-instagram" | "social-line-bw" | "social-line-color" | "social-microsoft-bw" | "social-microsoft-color" | "social-rcs-bw" | "social-rcs-color" | "social-telegram-bw" | "social-telegram-color" | "social-viber-bw" | "social-viber-color" | "social-wechat-bw" | "social-wechat-color" | "social-whatsapp-bw" | "social-whatsapp-color" | "social-x" | "swiftmatch-bw" | "swiftmatch-color" | "switchconnect-horizontal" | "switchconnect-mark" | "telus-horizontal" | "telus-mark" | "verizon-horizontal" | "verizon-mark" | "videotron-horizontal" | "videotron-mark" | "voxon-horizontal" | "voxon-mark" | "webex-app-icon-color-container" | "webex-app-icon-meet-container" | "webex-app-icon-play-container" | "webex-app-icon-record-container" | "webex-app-icon-wda-container" | "webex-design-logo-dark-bw-gradient" | "webex-design-logo-dark-bw-outline" | "webex-design-logo-light-bw-gradient" | "webex-design-logo-light-bw-outline" | "webex-graphic-element-graphic-five" | "webex-graphic-element-graphic-four" | "webex-graphic-element-graphic-one" | "webex-graphic-element-graphic-three" | "webex-graphic-element-graphic-two" | "webex-graphic-element-wx-graphic" | "webex-logo-lockup-dark-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-bw-gradient-horizontal" | "webex-logo-lockup-dark-bw-gradient-vertical-bycisco" | "webex-logo-lockup-dark-bw-gradient-vertical" | "webex-logo-lockup-dark-bw-outline-horizontal-bycisco" | "webex-logo-lockup-dark-bw-outline-horizontal" | "webex-logo-lockup-dark-bw-outline-vertical-bycisco" | "webex-logo-lockup-dark-bw-outline-vertical" | "webex-logo-lockup-dark-color-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-color-gradient-horizontal" | "webex-logo-lockup-dark-color-gradient-vertical-bycisco" | "webex-logo-lockup-dark-color-gradient-vertical" | "webex-logo-lockup-light-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-light-bw-gradient-horizontal" | "webex-logo-lockup-light-bw-gradient-vertical-bycisco" | "webex-logo-lockup-light-bw-gradient-vertical" | "webex-logo-lockup-light-bw-outline-horizontal-bycisco" | "webex-logo-lockup-light-bw-outline-horizontal" | "webex-logo-lockup-light-bw-outline-vertical-bycisco" | "webex-logo-lockup-light-bw-outline-vertical" | "webex-logo-lockup-light-color-gradient-horizontal-bycisco" | "webex-logo-lockup-light-color-gradient-horizontal" | "webex-logo-lockup-light-color-gradient-vertical-bycisco" | "webex-logo-lockup-light-color-gradient-vertical" | "webex-partnership-logo-lockup-dark-apple" | "webex-partnership-logo-lockup-dark-box" | "webex-partnership-logo-lockup-dark-microsoft" | "webex-partnership-logo-lockup-dark-ms-teams" | "webex-partnership-logo-lockup-dark-okta" | "webex-partnership-logo-lockup-light-apple" | "webex-partnership-logo-lockup-light-box" | "webex-partnership-logo-lockup-light-microsoft" | "webex-partnership-logo-lockup-light-ms-teams" | "webex-partnership-logo-lockup-light-okta" | "webex-suite-icons-dark-bw-outline-events" | "webex-suite-icons-dark-bw-outline-vidcast" | "webex-suite-icons-dark-bw-outline-webex" | "webex-suite-icons-dark-color-gradient-events" | "webex-suite-icons-dark-color-gradient-vidcast" | "webex-suite-icons-dark-color-gradient-webex" | "webex-suite-icons-light-bw-outline-events" | "webex-suite-icons-light-bw-outline-vidcast" | "webex-suite-icons-light-bw-outline-webex" | "webex-suite-icons-light-color-gradient-events" | "webex-suite-icons-light-color-gradient-vidcast" | "webex-suite-icons-light-color-gradient-webex" | "webex-suite-tiles-dark-assist" | "webex-suite-tiles-dark-bot" | "webex-suite-tiles-dark-campaign" | "webex-suite-tiles-dark-engage" | "webex-suite-tiles-light-assist" | "webex-suite-tiles-light-bot" | "webex-suite-tiles-light-campaign" | "webex-suite-tiles-light-engage" | "webex-suite-wordmark-dark-account" | "webex-suite-wordmark-dark-adoption-methodology" | "webex-suite-wordmark-dark-ai-agent-studio" | "webex-suite-wordmark-dark-ambassador" | "webex-suite-wordmark-dark-analyzer" | "webex-suite-wordmark-dark-app-hub" | "webex-suite-wordmark-dark-assist" | "webex-suite-wordmark-dark-campaign-management" | "webex-suite-wordmark-dark-campaign-manager" | "webex-suite-wordmark-dark-campaign" | "webex-suite-wordmark-dark-connect-integrations" | "webex-suite-wordmark-dark-connect" | "webex-suite-wordmark-dark-contact-center" | "webex-suite-wordmark-dark-control-hub" | "webex-suite-wordmark-dark-cx-studio" | "webex-suite-wordmark-dark-directory-connector" | "webex-suite-wordmark-dark-ediscovery" | "webex-suite-wordmark-dark-engage" | "webex-suite-wordmark-dark-events" | "webex-suite-wordmark-dark-flow-designer" | "webex-suite-wordmark-dark-for-developers" | "webex-suite-wordmark-dark-global-service-status" | "webex-suite-wordmark-dark-interact" | "webex-suite-wordmark-dark-notify" | "webex-suite-wordmark-dark-partner-hub" | "webex-suite-wordmark-dark-placeholder" | "webex-suite-wordmark-dark-reach" | "webex-suite-wordmark-dark-settings" | "webex-suite-wordmark-dark-suite-settings" | "webex-suite-wordmark-dark-support" | "webex-suite-wordmark-dark-the-bridge" | "webex-suite-wordmark-dark-user-hub" | "webex-suite-wordmark-dark-vidcast" | "webex-suite-wordmark-dark-view" | "webex-suite-wordmark-dark-whiteboard" | "webex-suite-wordmark-light-account" | "webex-suite-wordmark-light-adoption-methodology" | "webex-suite-wordmark-light-ai-agent-studio" | "webex-suite-wordmark-light-ambassador" | "webex-suite-wordmark-light-analyzer" | "webex-suite-wordmark-light-app-hub" | "webex-suite-wordmark-light-assist" | "webex-suite-wordmark-light-campaign-management" | "webex-suite-wordmark-light-campaign-manager" | "webex-suite-wordmark-light-campaign" | "webex-suite-wordmark-light-connect-integrations" | "webex-suite-wordmark-light-connect" | "webex-suite-wordmark-light-contact-center" | "webex-suite-wordmark-light-control-hub" | "webex-suite-wordmark-light-cx-studio" | "webex-suite-wordmark-light-directory-connector" | "webex-suite-wordmark-light-ediscovery" | "webex-suite-wordmark-light-engage" | "webex-suite-wordmark-light-events" | "webex-suite-wordmark-light-flow-designer" | "webex-suite-wordmark-light-for-developers" | "webex-suite-wordmark-light-global-service-status" | "webex-suite-wordmark-light-interact" | "webex-suite-wordmark-light-notify" | "webex-suite-wordmark-light-partner-hub" | "webex-suite-wordmark-light-placeholder" | "webex-suite-wordmark-light-reach" | "webex-suite-wordmark-light-settings" | "webex-suite-wordmark-light-suite-settings" | "webex-suite-wordmark-light-support" | "webex-suite-wordmark-light-the-bridge" | "webex-suite-wordmark-light-user-hub" | "webex-suite-wordmark-light-vidcast" | "webex-suite-wordmark-light-view" | "webex-suite-wordmark-light-whiteboard" | "webex-symbol-common-color-gradient" | "webex-symbol-dark-bw-gradient" | "webex-symbol-dark-bw-outline" | "webex-symbol-light-bw-gradient" | "webex-symbol-light-bw-outline" | "webex-wordmark-dark-horizontal-bycisco" | "webex-wordmark-dark-vertical-bycisco-center" | "webex-wordmark-dark-vertical-bycisco-right" | "webex-wordmark-dark-wordmark" | "webex-wordmark-light-horizontal-bycisco" | "webex-wordmark-light-vertical-bycisco-center" | "webex-wordmark-light-vertical-bycisco-right" | "webex-wordmark-light-wordmark" | "xtel-horizontal" | "xtel-mark" | "zoom-color";
+        name: "operation-pop-background-dark" | "operation-pop-background-light" | "webex-background-dark" | "webex-background-light" | "device-deskphone-eighteightsevenfive" | "device-deskphone-eighteightsevenfour" | "device-deskphone-eighteightsevenone" | "device-deskphone-eighteightseventwo" | "device-deskphone-eighteightsevenzero" | "device-deskphone-eighteightsixsix" | "device-deskphone-nineeightfiveone" | "device-deskphone-nineeightfourone" | "device-deskphone-nineeightsevenone" | "device-deskphone-nineeightsixone" | "device-deskpro" | "device-dx-sixfivezero" | "device-generic-mobile" | "device-ip-conference-phone-seveneightthreethree" | "device-ip-phone-eighteightfiveone-plus-multiple-screen" | "device-ip-phone-eighteightfiveone-plus-screen" | "device-ip-phone-eighteightfiveone" | "device-ip-phone-eighteightfourfive" | "device-ip-phone-eighteightfourone" | "device-ip-phone-eighteightoneone" | "device-ip-phone-eighteightsixfive-plus-screen" | "device-ip-phone-eighteightsixfive" | "device-ip-phone-eighteightsixone" | "device-ip-phone-seveneightfourone" | "device-ip-phone-seveneightoneone" | "device-ip-phone-seveneightsixone" | "device-ip-phone-seveneighttwoone" | "device-ip-phone-sixeightfiveone" | "device-ip-phone-sixeightsevenone" | "device-ip-phone-sixeightsixone" | "device-ip-phone-sixeighttwoone" | "device-ip-phone-sixninezeroone" | "device-phoenix" | "device-telepresence-dxeightzero" | "device-telepresence-dxsevenzero" | "device-telepresence-ixfivezerozerozero" | "device-telepresence-mxeightzerozero-dual" | "device-telepresence-mxeightzerozero-speakertrack" | "device-telepresence-mxeightzerozero" | "device-telepresence-mxsevenzerozero" | "device-telepresence-mxtwozerozero-gtwo" | "device-telepresence-sxeightzero" | "device-telepresence-sxonezero" | "device-thumbnails-deskphone-eighteightsevenfive" | "device-thumbnails-deskphone-eighteightsevenfour" | "device-thumbnails-deskphone-eighteightsevenone" | "device-thumbnails-deskphone-eighteightseventwo" | "device-thumbnails-deskphone-eighteightsevenzero" | "device-thumbnails-deskphone-eighteightsixsix" | "device-thumbnails-deskphone-nineeightfiveone" | "device-thumbnails-deskphone-nineeightfourone" | "device-thumbnails-deskphone-nineeightsevenone" | "device-thumbnails-deskphone-nineeightsixone" | "device-thumbnails-deskpro" | "device-thumbnails-dx-sixfivezero" | "device-thumbnails-generic-mobile" | "device-thumbnails-ip-conference-phone-seveneightthreethree" | "device-thumbnails-ip-phone-eighteightfiveone-plus-multiple-screen" | "device-thumbnails-ip-phone-eighteightfiveone-plus-screen" | "device-thumbnails-ip-phone-eighteightfiveone" | "device-thumbnails-ip-phone-eighteightfourfive" | "device-thumbnails-ip-phone-eighteightfourone" | "device-thumbnails-ip-phone-eighteightoneone" | "device-thumbnails-ip-phone-eighteightsixfive-plus-screen" | "device-thumbnails-ip-phone-eighteightsixfive" | "device-thumbnails-ip-phone-eighteightsixone" | "device-thumbnails-ip-phone-seveneightfourone" | "device-thumbnails-ip-phone-seveneightoneone" | "device-thumbnails-ip-phone-seveneightsixone" | "device-thumbnails-ip-phone-seveneighttwoone" | "device-thumbnails-ip-phone-sixeightfiveone" | "device-thumbnails-ip-phone-sixeightsevenone" | "device-thumbnails-ip-phone-sixeightsixone" | "device-thumbnails-ip-phone-sixeighttwoone" | "device-thumbnails-ip-phone-sixninezeroone" | "device-thumbnails-phoenix" | "device-thumbnails-telepresence-dxeightzero" | "device-thumbnails-telepresence-dxsevenzero" | "device-thumbnails-telepresence-ixfivezerozerozero" | "device-thumbnails-telepresence-mxeightzerozero-dual" | "device-thumbnails-telepresence-mxeightzerozero-speakertrack" | "device-thumbnails-telepresence-mxeightzerozero" | "device-thumbnails-telepresence-mxsevenzerozero" | "device-thumbnails-telepresence-mxtwozerozero-gtwo" | "device-thumbnails-telepresence-sxeightzero" | "device-thumbnails-telepresence-sxonezero" | "device-thumbnails-webex-board-fivefive" | "device-thumbnails-webex-codec-plus" | "device-thumbnails-webex-room-bar" | "device-thumbnails-webex-room-fivefive" | "device-thumbnails-webex-room-kit-mini" | "device-thumbnails-webex-room-kit-plus" | "device-thumbnails-webex-room-kit-psixzero" | "device-thumbnails-webex-room-kit" | "device-thumbnails-webex-room-sevenzero-dual" | "device-thumbnails-webex-room-sevenzero" | "device-thumbnails-webex-share-ninesix-with-spark" | "device-thumbnails-webex-share-with-macbook" | "device-thumbnails-webex-share" | "device-webex-board-fivefive" | "device-webex-codec-plus" | "device-webex-room-bar" | "device-webex-room-fivefive" | "device-webex-room-kit-mini" | "device-webex-room-kit-plus" | "device-webex-room-kit-psixzero" | "device-webex-room-kit" | "device-webex-room-sevenzero-dual" | "device-webex-room-sevenzero" | "device-webex-share-ninesix-with-spark" | "device-webex-share-with-macbook" | "device-webex-share" | "alphalink" | "amazon-q-color" | "apple-business-chat-color" | "cisco-ai-assistant-bw-gradient" | "cisco-ai-assistant-bw-outline" | "cisco-ai-assistant-color-gradient" | "cisco-logo-dark-bw" | "cisco-logo-light-bw" | "cisco-logo-light-color" | "citynet-horizontal" | "citynet-mark" | "creative-direction-logo-dark-bw-horizontal" | "creative-direction-logo-dark-bw-mark" | "creative-direction-logo-dark-bw-vertical" | "creative-direction-logo-dark-color-horizontal" | "creative-direction-logo-dark-color-mark" | "creative-direction-logo-dark-color-vertical" | "creative-direction-logo-light-bw-horizontal" | "creative-direction-logo-light-bw-mark" | "creative-direction-logo-light-bw-vertical" | "creative-direction-logo-light-color-horizontal" | "creative-direction-logo-light-color-mark" | "creative-direction-logo-light-color-vertical" | "excelcom-horizontal" | "excelcom-mark" | "fedramp-logo" | "glean-color" | "google-meet-color" | "jira-color" | "momentum-design-logo-dark-bw-horizontal" | "momentum-design-logo-dark-bw-mark" | "momentum-design-logo-dark-bw-vertical" | "momentum-design-logo-dark-color-horizontal" | "momentum-design-logo-dark-color-mark" | "momentum-design-logo-dark-color-vertical" | "momentum-design-logo-light-bw-horizontal" | "momentum-design-logo-light-bw-mark" | "momentum-design-logo-light-bw-vertical" | "momentum-design-logo-light-color-horizontal" | "momentum-design-logo-light-color-mark" | "momentum-design-logo-light-color-vertical" | "ms-teams-color" | "northland-horizontal" | "northland-mark" | "salesforce-color" | "slack-color" | "slido-color" | "social-alexa-bw" | "social-alexa-color" | "social-facebook-bw" | "social-facebook-color" | "social-fbmessenger-bw" | "social-fbmessenger-color" | "social-instagram" | "social-line-bw" | "social-line-color" | "social-microsoft-bw" | "social-microsoft-color" | "social-rcs-bw" | "social-rcs-color" | "social-telegram-bw" | "social-telegram-color" | "social-viber-bw" | "social-viber-color" | "social-wechat-bw" | "social-wechat-color" | "social-whatsapp-bw" | "social-whatsapp-color" | "social-x" | "swiftmatch-bw" | "swiftmatch-color" | "switchconnect-horizontal" | "switchconnect-mark" | "telus-horizontal" | "telus-mark" | "verizon-horizontal" | "verizon-mark" | "videotron-horizontal" | "videotron-mark" | "voxon-horizontal" | "voxon-mark" | "webex-app-icon-color-container" | "webex-app-icon-meet-container" | "webex-app-icon-play-container" | "webex-app-icon-record-container" | "webex-app-icon-wda-container" | "webex-design-logo-dark-bw-gradient" | "webex-design-logo-dark-bw-outline" | "webex-design-logo-light-bw-gradient" | "webex-design-logo-light-bw-outline" | "webex-graphic-element-graphic-five" | "webex-graphic-element-graphic-four" | "webex-graphic-element-graphic-one" | "webex-graphic-element-graphic-three" | "webex-graphic-element-graphic-two" | "webex-graphic-element-wx-graphic" | "webex-logo-lockup-dark-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-bw-gradient-horizontal" | "webex-logo-lockup-dark-bw-gradient-vertical-bycisco" | "webex-logo-lockup-dark-bw-gradient-vertical" | "webex-logo-lockup-dark-bw-outline-horizontal-bycisco" | "webex-logo-lockup-dark-bw-outline-horizontal" | "webex-logo-lockup-dark-bw-outline-vertical-bycisco" | "webex-logo-lockup-dark-bw-outline-vertical" | "webex-logo-lockup-dark-color-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-color-gradient-horizontal" | "webex-logo-lockup-dark-color-gradient-vertical-bycisco" | "webex-logo-lockup-dark-color-gradient-vertical" | "webex-logo-lockup-light-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-light-bw-gradient-horizontal" | "webex-logo-lockup-light-bw-gradient-vertical-bycisco" | "webex-logo-lockup-light-bw-gradient-vertical" | "webex-logo-lockup-light-bw-outline-horizontal-bycisco" | "webex-logo-lockup-light-bw-outline-horizontal" | "webex-logo-lockup-light-bw-outline-vertical-bycisco" | "webex-logo-lockup-light-bw-outline-vertical" | "webex-logo-lockup-light-color-gradient-horizontal-bycisco" | "webex-logo-lockup-light-color-gradient-horizontal" | "webex-logo-lockup-light-color-gradient-vertical-bycisco" | "webex-logo-lockup-light-color-gradient-vertical" | "webex-partnership-logo-lockup-dark-apple" | "webex-partnership-logo-lockup-dark-box" | "webex-partnership-logo-lockup-dark-microsoft" | "webex-partnership-logo-lockup-dark-ms-teams" | "webex-partnership-logo-lockup-dark-okta" | "webex-partnership-logo-lockup-light-apple" | "webex-partnership-logo-lockup-light-box" | "webex-partnership-logo-lockup-light-microsoft" | "webex-partnership-logo-lockup-light-ms-teams" | "webex-partnership-logo-lockup-light-okta" | "webex-suite-icons-dark-bw-outline-events" | "webex-suite-icons-dark-bw-outline-vidcast" | "webex-suite-icons-dark-bw-outline-webex" | "webex-suite-icons-dark-color-gradient-events" | "webex-suite-icons-dark-color-gradient-vidcast" | "webex-suite-icons-dark-color-gradient-webex" | "webex-suite-icons-light-bw-outline-events" | "webex-suite-icons-light-bw-outline-vidcast" | "webex-suite-icons-light-bw-outline-webex" | "webex-suite-icons-light-color-gradient-events" | "webex-suite-icons-light-color-gradient-vidcast" | "webex-suite-icons-light-color-gradient-webex" | "webex-suite-tiles-dark-assist" | "webex-suite-tiles-dark-bot" | "webex-suite-tiles-dark-campaign" | "webex-suite-tiles-dark-engage" | "webex-suite-tiles-light-assist" | "webex-suite-tiles-light-bot" | "webex-suite-tiles-light-campaign" | "webex-suite-tiles-light-engage" | "webex-suite-wordmark-dark-account" | "webex-suite-wordmark-dark-adoption-methodology" | "webex-suite-wordmark-dark-ai-agent-studio" | "webex-suite-wordmark-dark-ambassador" | "webex-suite-wordmark-dark-analyzer" | "webex-suite-wordmark-dark-app-hub" | "webex-suite-wordmark-dark-assist" | "webex-suite-wordmark-dark-campaign-management" | "webex-suite-wordmark-dark-campaign-manager" | "webex-suite-wordmark-dark-campaign" | "webex-suite-wordmark-dark-connect-integrations" | "webex-suite-wordmark-dark-connect" | "webex-suite-wordmark-dark-contact-center" | "webex-suite-wordmark-dark-control-hub" | "webex-suite-wordmark-dark-cx-studio" | "webex-suite-wordmark-dark-directory-connector" | "webex-suite-wordmark-dark-ediscovery" | "webex-suite-wordmark-dark-engage" | "webex-suite-wordmark-dark-events" | "webex-suite-wordmark-dark-flow-designer" | "webex-suite-wordmark-dark-for-developers" | "webex-suite-wordmark-dark-global-service-status" | "webex-suite-wordmark-dark-interact" | "webex-suite-wordmark-dark-notify" | "webex-suite-wordmark-dark-partner-hub" | "webex-suite-wordmark-dark-placeholder" | "webex-suite-wordmark-dark-reach" | "webex-suite-wordmark-dark-settings" | "webex-suite-wordmark-dark-suite-settings" | "webex-suite-wordmark-dark-support" | "webex-suite-wordmark-dark-the-bridge" | "webex-suite-wordmark-dark-user-hub" | "webex-suite-wordmark-dark-vidcast" | "webex-suite-wordmark-dark-view" | "webex-suite-wordmark-dark-whiteboard" | "webex-suite-wordmark-light-account" | "webex-suite-wordmark-light-adoption-methodology" | "webex-suite-wordmark-light-ai-agent-studio" | "webex-suite-wordmark-light-ambassador" | "webex-suite-wordmark-light-analyzer" | "webex-suite-wordmark-light-app-hub" | "webex-suite-wordmark-light-assist" | "webex-suite-wordmark-light-campaign-management" | "webex-suite-wordmark-light-campaign-manager" | "webex-suite-wordmark-light-campaign" | "webex-suite-wordmark-light-connect-integrations" | "webex-suite-wordmark-light-connect" | "webex-suite-wordmark-light-contact-center" | "webex-suite-wordmark-light-control-hub" | "webex-suite-wordmark-light-cx-studio" | "webex-suite-wordmark-light-directory-connector" | "webex-suite-wordmark-light-ediscovery" | "webex-suite-wordmark-light-engage" | "webex-suite-wordmark-light-events" | "webex-suite-wordmark-light-flow-designer" | "webex-suite-wordmark-light-for-developers" | "webex-suite-wordmark-light-global-service-status" | "webex-suite-wordmark-light-interact" | "webex-suite-wordmark-light-notify" | "webex-suite-wordmark-light-partner-hub" | "webex-suite-wordmark-light-placeholder" | "webex-suite-wordmark-light-reach" | "webex-suite-wordmark-light-settings" | "webex-suite-wordmark-light-suite-settings" | "webex-suite-wordmark-light-support" | "webex-suite-wordmark-light-the-bridge" | "webex-suite-wordmark-light-user-hub" | "webex-suite-wordmark-light-vidcast" | "webex-suite-wordmark-light-view" | "webex-suite-wordmark-light-whiteboard" | "webex-symbol-common-color-gradient" | "webex-symbol-dark-bw-gradient" | "webex-symbol-dark-bw-outline" | "webex-symbol-light-bw-gradient" | "webex-symbol-light-bw-outline" | "webex-wordmark-dark-horizontal-bycisco" | "webex-wordmark-dark-vertical-bycisco-center" | "webex-wordmark-dark-vertical-bycisco-right" | "webex-wordmark-dark-wordmark" | "webex-wordmark-light-horizontal-bycisco" | "webex-wordmark-light-vertical-bycisco-center" | "webex-wordmark-light-vertical-bycisco-right" | "webex-wordmark-light-wordmark" | "xtel-horizontal" | "xtel-mark" | "zoom-color";
     }>>;
     onError: EventName<import("../../utils/types").TypedCustomEvent<Component, {
         error: Error;

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
+export { default as AccordionButton } from './accordionbutton';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
@@ -60,10 +60,10 @@ export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
+export { default as Slider } from './slider';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';
-export { default as Slider } from './slider';
 export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
 export { default as Stepper } from './stepper';

package/dist/react/index.js

@@ -1,6 +1,6 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
+export { default as AccordionButton } from './accordionbutton';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
@@ -60,10 +60,10 @@ export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
+export { default as Slider } from './slider';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';
-export { default as Slider } from './slider';
 export { default as StaticRadio } from './staticradio';
 export { default as StaticToggle } from './statictoggle';
 export { default as Stepper } from './stepper';

package/package.json

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