@carbon/web-components 2.53.0 → 2.54.0-rc.0

package/custom-elements.json

@@ -4860,7 +4860,7 @@
         {
           "name": "size",
           "description": "The search box size.",
-          "type": "INPUT_SIZE",
+          "type": "SEARCH_SIZE",
           "default": "\"lg\""
         },
         {
@@ -4957,7 +4957,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The search box size.",
-          "type": "INPUT_SIZE",
+          "type": "SEARCH_SIZE",
           "default": "\"lg\""
         },
         {
@@ -5679,6 +5679,12 @@
           "type": "string",
           "default": "\"no-border\""
         },
+        {
+          "name": "defaultAriaDateFormat",
+          "description": "The default aria date format.",
+          "type": "string",
+          "default": "\"l, F j, Y\""
+        },
         {
           "name": "defaultDateFormat",
           "description": "The default date format.",
@@ -7155,79 +7161,582 @@
       ],
       "events": [
         {
-          "name": "cds-file-uploader-item-beingdeleted",
-          "description": "The custom event fired before this file uploader item is being deleted upon a user gesture.\nCancellation of this event stops the user-initiated action of deleting this file uploader item."
+          "name": "cds-file-uploader-item-beingdeleted",
+          "description": "The custom event fired before this file uploader item is being deleted upon a user gesture.\nCancellation of this event stops the user-initiated action of deleting this file uploader item."
+        },
+        {
+          "name": "cds-file-uploader-item-deleted",
+          "description": "The custom event fired after this file uploader item is deleted upon a user gesture."
+        }
+      ],
+      "slots": [
+        {
+          "name": "validity",
+          "description": "message The validity message."
+        },
+        {
+          "name": "validity-message",
+          "description": "supplement The supplemental validity message."
+        }
+      ]
+    },
+    {
+      "name": "cds-file-uploader-skeleton",
+      "path": "./src/components/file-uploader/file-uploader-skeleton.ts",
+      "description": "The File uploader skeleton."
+    },
+    {
+      "name": "cds-file-uploader",
+      "path": "./src/components/file-uploader/file-uploader.ts",
+      "description": "The file uploader component.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "`true` if the file uploader should disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label-description",
+          "description": "The description text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label-title",
+          "description": "The label title.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if the file uploader should disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "labelDescription",
+          "attribute": "label-description",
+          "description": "The description text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "labelTitle",
+          "attribute": "label-title",
+          "description": "The label title.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-combo-box-skeleton",
+      "path": "./src/components/fluid-combo-box/fluid-combo-box-skeleton.ts",
+      "description": "Fluid combo box skeleton.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-combo-box",
+      "path": "./src/components/fluid-combo-box/fluid-combo-box.ts",
+      "description": "Fluid combo box.",
+      "attributes": [
+        {
+          "name": "is-condensed",
+          "description": "Specify if the combo box should render its menu items in condensed mode.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "clear-selection-label",
+          "description": "The `aria-label` attribute for the icon to clear selection.",
+          "type": "string",
+          "default": "\"Clear selection\""
+        },
+        {
+          "name": "input-label",
+          "description": "The `aria-label` attribute for the `<input>` for filtering.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "should-filter-item",
+          "description": "Provide custom filtering behavior. This attribute will be ignored if\n`typeahead` is enabled and will default to `true`",
+          "type": "boolean | ShouldFilterItem",
+          "default": "false"
+        },
+        {
+          "name": "typeahead",
+          "description": "**Experimental**: will enable autocomplete and typeahead for the input field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "allow-custom-value",
+          "description": "`true` to allow custom values that do not match any item in the list.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "aria-label",
+          "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "direction",
+          "description": "Specify the direction of the dropdown. Can be either top or bottom.",
+          "type": "DROPDOWN_DIRECTION",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if this dropdown should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "helper-text",
+          "description": "The helper text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hide-label",
+          "description": "Specify whether the title text should be hidden or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "title-text",
+          "description": "Provide the title text that will be read by a screen reader when visiting this control",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "description": "Name for the dropdown in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "description": "`true` if this dropdown should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "read-only",
+          "description": "Whether or not the Dropdown is readonly",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the dropdown is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "Dropdown size.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "toggle-label-closed",
+          "description": "The `aria-label` attribute for the UI indicating the closed state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggle-label-open",
+          "description": "The `aria-label` attribute for the UI indicating the open state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "description": "Generic label that will be used as the textual representation of what this field is for",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "description": "`true` if this dropdown should use the inline UI variant.",
+          "type": "DROPDOWN_TYPE",
+          "default": "\"\""
+        },
+        {
+          "name": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "invalid",
+          "description": "`true` to show the UI of the invalid state.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "description": "`true` if the value is required.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required-validity-message",
+          "description": "The special validity message for `required`.",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validity-message",
+          "description": "The validity message.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "The value of the selected item.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "isCondensed",
+          "attribute": "is-condensed",
+          "description": "Specify if the combo box should render its menu items in condensed mode.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "clearSelectionLabel",
+          "attribute": "clear-selection-label",
+          "description": "The `aria-label` attribute for the icon to clear selection.",
+          "type": "string",
+          "default": "\"Clear selection\""
+        },
+        {
+          "name": "inputLabel",
+          "attribute": "input-label",
+          "description": "The `aria-label` attribute for the `<input>` for filtering.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "itemMatches",
+          "description": "The custom item matching callback.",
+          "type": "(item: CDSComboBoxItem, queryText: string) => boolean"
+        },
+        {
+          "name": "shouldFilterItem",
+          "attribute": "should-filter-item",
+          "description": "Provide custom filtering behavior. This attribute will be ignored if\n`typeahead` is enabled and will default to `true`",
+          "type": "boolean | ShouldFilterItem",
+          "default": "false"
+        },
+        {
+          "name": "typeahead",
+          "attribute": "typeahead",
+          "description": "**Experimental**: will enable autocomplete and typeahead for the input field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "allowCustomValue",
+          "attribute": "allow-custom-value",
+          "description": "`true` to allow custom values that do not match any item in the list.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "inputProps",
+          "description": "Additional input attributes to apply to the internal input element.\nAllows passing native HTML input attributes like `maxlength`, `pattern`,\n`autocomplete`, etc.",
+          "type": "Record<string, string | number | boolean> | undefined"
+        },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "direction",
+          "attribute": "direction",
+          "description": "Specify the direction of the dropdown. Can be either top or bottom.",
+          "type": "DROPDOWN_DIRECTION",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "autoalign",
+          "attribute": "autoalign",
+          "description": "Specify whether auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if this dropdown should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "helperText",
+          "attribute": "helper-text",
+          "description": "The helper text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Specify whether the title text should be hidden or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "titleText",
+          "attribute": "title-text",
+          "description": "Provide the title text that will be read by a screen reader when visiting this control",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the dropdown in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if this dropdown should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readOnly",
+          "attribute": "read-only",
+          "description": "Whether or not the Dropdown is readonly",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the dropdown is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Dropdown size.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "toggleLabelClosed",
+          "attribute": "toggle-label-closed",
+          "description": "The `aria-label` attribute for the UI indicating the closed state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggleLabelOpen",
+          "attribute": "toggle-label-open",
+          "description": "The `aria-label` attribute for the UI indicating the open state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Generic label that will be used as the textual representation of what this field is for",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "`true` if this dropdown should use the inline UI variant.",
+          "type": "DROPDOWN_TYPE",
+          "default": "\"\""
+        },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggleLabel",
+          "description": "The computed aria-label for the toggle button based on open state.",
+          "type": "string"
+        },
+        {
+          "name": "TRIGGER_KEYS",
+          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
+          "type": "Set<string>",
+          "default": "\"new Set(['Enter'])\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"styles\",\"styles\"]"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "`true` to show the UI of the invalid state.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "`true` if the value is required.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "requiredValidityMessage",
+          "attribute": "required-validity-message",
+          "description": "The special validity message for `required`.",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validityMessage",
+          "attribute": "validity-message",
+          "description": "The validity message.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value of the selected item.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-combo-box-beingselected",
+          "description": "The custom event fired before a combo box item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
         },
         {
-          "name": "cds-file-uploader-item-deleted",
-          "description": "The custom event fired after this file uploader item is deleted upon a user gesture."
-        }
-      ],
-      "slots": [
+          "name": "cds-combo-box-beingtoggled",
+          "description": "The custom event fired before the open state of this combo box is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
+        },
         {
-          "name": "validity",
-          "description": "message The validity message."
+          "name": "cds-combo-box-selected",
+          "description": "The custom event fired after a combo box item is selected upon a user gesture."
         },
         {
-          "name": "validity-message",
-          "description": "supplement The supplemental validity message."
-        }
-      ]
-    },
-    {
-      "name": "cds-file-uploader-skeleton",
-      "path": "./src/components/file-uploader/file-uploader-skeleton.ts",
-      "description": "The File uploader skeleton."
-    },
-    {
-      "name": "cds-file-uploader",
-      "path": "./src/components/file-uploader/file-uploader.ts",
-      "description": "The file uploader component.",
-      "attributes": [
+          "name": "cds-combo-box-toggled",
+          "description": "The custom event fired after the open state of this combo box is toggled upon a user gesture."
+        },
         {
-          "name": "disabled",
-          "description": "`true` if the file uploader should disabled.",
-          "type": "boolean",
-          "default": "false"
+          "name": "cds-dropdown-beingselected",
+          "description": "The custom event fired before a dropdown item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
         },
         {
-          "name": "label-description",
-          "description": "The description text.",
-          "type": "string",
-          "default": "\"\""
+          "name": "cds-dropdown-beingtoggled",
+          "description": "The custom event fired before the open state of this dropdown is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
         },
         {
-          "name": "label-title",
-          "description": "The label title.",
-          "type": "string",
-          "default": "\"\""
+          "name": "cds-dropdown-selected",
+          "description": "The custom event fired after a dropdown item is selected upon a user gesture."
+        },
+        {
+          "name": "cds-dropdown-toggled",
+          "description": "The custom event fired after the open state of this dropdown is toggled upon a user gesture."
+        },
+        {
+          "name": "input"
+        },
+        {
+          "name": "invalid"
         }
       ],
-      "properties": [
+      "cssParts": [
         {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "`true` if the file uploader should disabled.",
-          "type": "boolean",
-          "default": "false"
+          "name": "label",
+          "description": "text The label text."
         },
         {
-          "name": "labelDescription",
-          "attribute": "label-description",
-          "description": "The description text.",
-          "type": "string",
-          "default": "\"\""
+          "name": "helper",
+          "description": "text The helper text."
         },
         {
-          "name": "labelTitle",
-          "attribute": "label-title",
-          "description": "The label title.",
-          "type": "string",
-          "default": "\"\""
+          "name": "trigger",
+          "description": "button The trigger button."
         },
         {
-          "name": "styles",
-          "default": "\"styles\""
+          "name": "menu",
+          "description": "body The menu body."
+        },
+        {
+          "name": "validity",
+          "description": "message The validity message."
         }
       ]
     },
@@ -7929,6 +8438,18 @@
           "type": "SELECTION_FEEDBACK_OPTION",
           "default": "\"top-after-reopen\""
         },
+        {
+          "name": "compareItems",
+          "description": "Provide a custom function that is used to determine the ordering of\noptions. The compare function should return a number whose sign indicates\nthe relative order of the two elements: negative if a is less than b,\npositive if a is greater than b, and zero if they are equal. See 'sortItems'\nfor more control.\n\n(itemA: string, itemB: string, { locale }: { locale: string }) => number",
+          "type": "(itemA: string, itemB: string, options: { locale: string; }) => number",
+          "default": "\"defaultCompareItems\""
+        },
+        {
+          "name": "sortItems",
+          "description": "Provide a method that sorts all options in the control. Overriding this\nprop means that you also have to handle the sort logic for selected versus\nun-selected items. If you just want to control ordering, consider the\n`compareItems` prop instead.\n\nsortItems :\n(menuItems: NodeList, {\n  values: string[],\n  compareItems: (itemA: string, itemB: string, { locale }: { locale: string }) => number,\n  locale: string,\n}) => Node[]",
+          "type": "(menuItems: NodeList, options: { values: string[]; compareItems: (itemA: string, itemB: string, options: { locale: string; }) => number; locale: string; }) => Node[]",
+          "default": "\"defaultSortItems\""
+        },
         {
           "name": "ariaLabel",
           "attribute": "aria-label",
@@ -8945,8 +9466,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -9140,8 +9660,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -9250,18 +9769,16 @@
       "attributes": [
         {
           "name": "size",
-          "description": "The search box size. Corresponds to the attribute with the same name.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "description": "The search skeleton size.",
+          "type": "SEARCH_SIZE | undefined"
         }
       ],
       "properties": [
         {
           "name": "size",
           "attribute": "size",
-          "description": "The search box size. Corresponds to the attribute with the same name.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "description": "The search skeleton size.",
+          "type": "SEARCH_SIZE | undefined"
         },
         {
           "name": "styles",
@@ -9337,8 +9854,7 @@
         {
           "name": "size",
           "description": "The search box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "SEARCH_SIZE | undefined"
         },
         {
           "name": "type",
@@ -9427,8 +9943,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The search box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "SEARCH_SIZE | undefined"
         },
         {
           "name": "type",
@@ -9635,8 +10150,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "value",
@@ -9810,8 +10324,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "value",
@@ -9862,6 +10375,11 @@
           "description": "Specify whether the label should be hidden, or not",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "The text-input-skeleton size.",
+          "type": "INPUT_SIZE | undefined"
         }
       ],
       "properties": [
@@ -9872,6 +10390,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "The text-input-skeleton size.",
+          "type": "INPUT_SIZE | undefined"
+        },
         {
           "name": "styles",
           "type": "array",
@@ -9996,8 +10520,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -10190,8 +10713,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -10458,8 +10980,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -10679,8 +11200,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -10923,8 +11443,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "value",
@@ -11105,8 +11624,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "value",
@@ -11651,6 +12169,12 @@
           "description": "Remove the default max width that the grid has set",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "with-row-gap",
+          "description": "Add a row gap to the grid that matches the current gutter size.\nThis is useful when you want consistent vertical spacing between rows.",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -11681,6 +12205,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "withRowGap",
+          "attribute": "with-row-gap",
+          "description": "Add a row gap to the grid that matches the current gutter size.\nThis is useful when you want consistent vertical spacing between rows.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "gridContextIn",
           "type": "GridContext | undefined"
@@ -14162,6 +14693,18 @@
           "type": "SELECTION_FEEDBACK_OPTION",
           "default": "\"top-after-reopen\""
         },
+        {
+          "name": "compareItems",
+          "description": "Provide a custom function that is used to determine the ordering of\noptions. The compare function should return a number whose sign indicates\nthe relative order of the two elements: negative if a is less than b,\npositive if a is greater than b, and zero if they are equal. See 'sortItems'\nfor more control.\n\n(itemA: string, itemB: string, { locale }: { locale: string }) => number",
+          "type": "(itemA: string, itemB: string, options: { locale: string; }) => number",
+          "default": "\"defaultCompareItems\""
+        },
+        {
+          "name": "sortItems",
+          "description": "Provide a method that sorts all options in the control. Overriding this\nprop means that you also have to handle the sort logic for selected versus\nun-selected items. If you just want to control ordering, consider the\n`compareItems` prop instead.\n\nsortItems :\n(menuItems: NodeList, {\n  values: string[],\n  compareItems: (itemA: string, itemB: string, { locale }: { locale: string }) => number,\n  locale: string,\n}) => Node[]",
+          "type": "(menuItems: NodeList, options: { values: string[]; compareItems: (itemA: string, itemB: string, options: { locale: string; }) => number; locale: string; }) => Node[]",
+          "default": "\"defaultSortItems\""
+        },
         {
           "name": "ariaLabel",
           "attribute": "aria-label",
@@ -17013,6 +17556,12 @@
           "type": "string",
           "default": "\"Previous page\""
         },
+        {
+          "name": "backward-text-tooltip-position",
+          "description": "Specify the position of the tooltip for the backward button. Can be one of: top, right, bottom, or left.",
+          "type": "PAGINATION_TOOLTIP_POSITION",
+          "default": "\"top\""
+        },
         {
           "name": "page",
           "description": "The current page",
@@ -17042,6 +17591,12 @@
           "type": "string",
           "default": "\"Next page\""
         },
+        {
+          "name": "forward-text-tooltip-position",
+          "description": "Specify the position of the tooltip for the forward button. Can be one of: top, right, bottom, or left.",
+          "type": "PAGINATION_TOOLTIP_POSITION",
+          "default": "\"top\""
+        },
         {
           "name": "page-input-disabled",
           "description": "true if the select box to change the page should be disabled.",
@@ -17101,6 +17656,13 @@
           "type": "string",
           "default": "\"Previous page\""
         },
+        {
+          "name": "backwardTextTooltipPosition",
+          "attribute": "backward-text-tooltip-position",
+          "description": "Specify the position of the tooltip for the backward button. Can be one of: top, right, bottom, or left.",
+          "type": "PAGINATION_TOOLTIP_POSITION",
+          "default": "\"top\""
+        },
         {
           "name": "page",
           "attribute": "page",
@@ -17159,6 +17721,13 @@
           "type": "string",
           "default": "\"Next page\""
         },
+        {
+          "name": "forwardTextTooltipPosition",
+          "attribute": "forward-text-tooltip-position",
+          "description": "Specify the position of the tooltip for the forward button. Can be one of: top, right, bottom, or left.",
+          "type": "PAGINATION_TOOLTIP_POSITION",
+          "default": "\"top\""
+        },
         {
           "name": "pageInputDisabled",
           "attribute": "page-input-disabled",
@@ -17387,8 +17956,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -17582,8 +18150,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -18800,8 +19367,7 @@
         {
           "name": "size",
           "description": "The search box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "SEARCH_SIZE | undefined"
         },
         {
           "name": "type",
@@ -18890,8 +19456,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The search box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "SEARCH_SIZE | undefined"
         },
         {
           "name": "type",
@@ -19166,8 +19731,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "value",
@@ -19341,8 +19905,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "value",
@@ -21010,6 +21573,80 @@
         }
       ]
     },
+    {
+      "name": "tabs-story-wrapper",
+      "path": "./src/components/tabs/stories/tabs-wrapper.ts",
+      "description": "Wrapper component for dismissable tabs story with state management",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether tabs are disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "contained",
+          "description": "Whether tabs are contained",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "dismissable",
+          "description": "Whether the rendered Tab children should be dismissable.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "selection-mode",
+          "description": "Selection mode",
+          "type": "string",
+          "default": "\"automatic\""
+        },
+        {
+          "name": "selected-index",
+          "description": "Selected index for the initially selected content",
+          "type": "number",
+          "default": "0"
+        }
+      ],
+      "properties": [
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Whether tabs are disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "contained",
+          "attribute": "contained",
+          "description": "Whether tabs are contained",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "dismissable",
+          "attribute": "dismissable",
+          "description": "Whether the rendered Tab children should be dismissable.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "selectionMode",
+          "attribute": "selection-mode",
+          "description": "Selection mode",
+          "type": "string",
+          "default": "\"automatic\""
+        },
+        {
+          "name": "selectedIndex",
+          "attribute": "selected-index",
+          "description": "Selected index for the initially selected content",
+          "type": "number",
+          "default": "0"
+        }
+      ]
+    },
     {
       "name": "cds-tab-skeleton",
       "path": "./src/components/tabs/tab-skeleton.ts",
@@ -21184,6 +21821,16 @@
           "name": "styles",
           "default": "\"styles\""
         }
+      ],
+      "events": [
+        {
+          "name": "cds-tab-beingclosed",
+          "description": "The custom event fired before a tab is closed upon a user gesture.\nCancellation of this event stops changing the user-initiated action."
+        },
+        {
+          "name": "cds-tab-closed",
+          "description": "The custom event fired after a a tab is closed upon a user gesture."
+        }
       ]
     },
     {
@@ -21241,6 +21888,10 @@
           "type": "TABS_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "dismissable",
+          "description": "Whether the rendered Tab children should be dismissable."
+        },
         {
           "name": "icon-size",
           "description": "Specify the icon size used by icon-only tabs.",
@@ -21312,6 +21963,11 @@
           "type": "TABS_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "dismissable",
+          "attribute": "dismissable",
+          "description": "Whether the rendered Tab children should be dismissable."
+        },
         {
           "name": "iconSize",
           "attribute": "icon-size",
@@ -22021,6 +22677,11 @@
           "description": "Specify whether the label should be hidden, or not",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "The text-input-skeleton size.",
+          "type": "INPUT_SIZE | undefined"
         }
       ],
       "properties": [
@@ -22031,6 +22692,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "The text-input-skeleton size.",
+          "type": "INPUT_SIZE | undefined"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -22154,8 +22821,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -22348,8 +23014,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -22613,8 +23278,7 @@
         {
           "name": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",
@@ -22834,8 +23498,7 @@
           "name": "size",
           "attribute": "size",
           "description": "The input box size.",
-          "type": "INPUT_SIZE",
-          "default": "\"md\""
+          "type": "INPUT_SIZE | undefined"
         },
         {
           "name": "isFluid",