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

package/custom-elements.json

@@ -4804,6 +4804,12 @@
           "type": "string",
           "default": "\"off\""
         },
+        {
+          "name": "autofocus",
+          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "close-button-label-text",
           "description": "Specify a label to be read by screen readers on the \"close\" button",
@@ -4891,6 +4897,13 @@
           "type": "string",
           "default": "\"off\""
         },
+        {
+          "name": "autofocus",
+          "attribute": "autofocus",
+          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "closeButtonLabelText",
           "attribute": "close-button-label-text",
@@ -6172,6 +6185,11 @@
           "type": "boolean",
           "default": "true"
         },
+        {
+          "name": "aria-label",
+          "description": "Specify text for the accessibility label of the dialog",
+          "type": "string | null"
+        },
         {
           "name": "aria-labelledby",
           "description": "Specify the ID of an element that labels this dialog",
@@ -6188,53 +6206,6 @@
           "type": "\"dialog\" | \"alertdialog\"",
           "default": "\"dialog\""
         },
-        {
-          "name": "alert",
-          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "aria-label",
-          "description": "Specify text for the accessibility label of the dialog",
-          "type": "string | null"
-        },
-        {
-          "name": "container-class",
-          "description": "The additional CSS class names for the container <div> of the element.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "full-width",
-          "description": "Specify whether or not the Modal content should have any inner padding.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "has-scrolling-content",
-          "description": "Specify whether the modal contains scrolling content",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "size",
-          "description": "Modal size.",
-          "type": "MODAL_SIZE",
-          "default": "\"md\""
-        },
-        {
-          "name": "prevent-close-on-click-outside",
-          "description": "Prevent closing on click outside of dialog\nOnly applies to modal dialogs.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "loading-status",
           "description": "Specify the loading status",
@@ -6260,8 +6231,20 @@
           "default": "\"Loading\""
         },
         {
-          "name": "should-submit-on-enter",
-          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
+          "name": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "alert",
+          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "prevent-close-on-click-outside",
+          "description": "Prevent closing on click outside of dialog\nOnly applies to modal dialogs.",
           "type": "boolean",
           "default": "false"
         },
@@ -6280,6 +6263,12 @@
           "type": "boolean",
           "default": "true"
         },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "Specify text for the accessibility label of the dialog",
+          "type": "string | null"
+        },
         {
           "name": "ariaLabelledBy",
           "attribute": "aria-labelledby",
@@ -6300,59 +6289,8 @@
           "default": "\"dialog\""
         },
         {
-          "name": "alert",
-          "attribute": "alert",
-          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "ariaLabel",
-          "attribute": "aria-label",
-          "description": "Specify text for the accessibility label of the dialog",
-          "type": "string | null"
-        },
-        {
-          "name": "containerClass",
-          "attribute": "container-class",
-          "description": "The additional CSS class names for the container <div> of the element.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "fullWidth",
-          "attribute": "full-width",
-          "description": "Specify whether or not the Modal content should have any inner padding.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "hasScrollingContent",
-          "attribute": "has-scrolling-content",
-          "description": "Specify whether the modal contains scrolling content",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "open",
-          "attribute": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "size",
-          "attribute": "size",
-          "description": "Modal size.",
-          "type": "MODAL_SIZE",
-          "default": "\"md\""
-        },
-        {
-          "name": "preventCloseOnClickOutside",
-          "attribute": "prevent-close-on-click-outside",
-          "description": "Prevent closing on click outside of dialog\nOnly applies to modal dialogs.",
-          "type": "boolean",
-          "default": "false"
+          "name": "styles",
+          "default": "\"styles\""
         },
         {
           "name": "loadingStatus",
@@ -6383,9 +6321,23 @@
           "default": "\"Loading\""
         },
         {
-          "name": "shouldSubmitOnEnter",
-          "attribute": "should-submit-on-enter",
-          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "alert",
+          "attribute": "alert",
+          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "preventCloseOnClickOutside",
+          "attribute": "prevent-close-on-click-outside",
+          "description": "Prevent closing on click outside of dialog\nOnly applies to modal dialogs.",
           "type": "boolean",
           "default": "false"
         },
@@ -6395,10 +6347,6 @@
           "description": "Prevent the modal from closing after clicking the close button",
           "type": "boolean",
           "default": "false"
-        },
-        {
-          "name": "styles",
-          "default": "\"styles\""
         }
       ],
       "events": [
@@ -6409,14 +6357,6 @@
         {
           "name": "cds-dialog-closed",
           "description": "The custom event fired after this dialog is closed upon a user gesture."
-        },
-        {
-          "name": "cds-modal-beingclosed",
-          "description": "The custom event fired before this modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this modal."
-        },
-        {
-          "name": "cds-modal-closed",
-          "description": "The custom event fired after this modal is closed upon a user gesture."
         }
       ]
     },
@@ -6992,7 +6932,7 @@
       "attributes": [
         {
           "name": "accept",
-          "description": "The file types the file input should accept, separated by space.",
+          "description": "The file types the file input should accept, separated by spaces and/or commas.",
           "type": "string",
           "default": "\"\""
         },
@@ -7025,7 +6965,7 @@
         {
           "name": "accept",
           "attribute": "accept",
-          "description": "The file types the file input should accept, separated by space.",
+          "description": "The file types the file input should accept, separated by spaces and/or commas.",
           "type": "string",
           "default": "\"\""
         },
@@ -7086,6 +7026,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "disabled",
+          "description": "Controls the disabled state of this file uploader item.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "size",
           "description": "The size of this file uploader item.",
@@ -7126,6 +7072,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Controls the disabled state of this file uploader item.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -9809,6 +9762,12 @@
           "type": "string",
           "default": "\"off\""
         },
+        {
+          "name": "autofocus",
+          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "close-button-label-text",
           "description": "Specify a label to be read by screen readers on the \"close\" button",
@@ -9888,6 +9847,13 @@
           "type": "string",
           "default": "\"off\""
         },
+        {
+          "name": "autofocus",
+          "attribute": "autofocus",
+          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "closeButtonLabelText",
           "attribute": "close-button-label-text",
@@ -14159,8 +14125,8 @@
       "description": "Modal.",
       "attributes": [
         {
-          "name": "alert",
-          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
+          "name": "enable-dialog-element",
+          "description": "Enable the use of native dialog element instead of div with role=\"dialog\"",
           "type": "boolean",
           "default": "false"
         },
@@ -14187,12 +14153,6 @@
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "size",
           "description": "Modal size.",
@@ -14200,8 +14160,8 @@
           "default": "\"md\""
         },
         {
-          "name": "prevent-close-on-click-outside",
-          "description": "Prevent closing on click outside of modal",
+          "name": "should-submit-on-enter",
+          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
           "type": "boolean",
           "default": "false"
         },
@@ -14230,8 +14190,20 @@
           "default": "\"Loading\""
         },
         {
-          "name": "should-submit-on-enter",
-          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
+          "name": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "alert",
+          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "prevent-close-on-click-outside",
+          "description": "Prevent closing on click outside of modal",
           "type": "boolean",
           "default": "false"
         },
@@ -14244,9 +14216,9 @@
       ],
       "properties": [
         {
-          "name": "alert",
-          "attribute": "alert",
-          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
+          "name": "enableDialogElement",
+          "attribute": "enable-dialog-element",
+          "description": "Enable the use of native dialog element instead of div with role=\"dialog\"",
           "type": "boolean",
           "default": "false"
         },
@@ -14277,13 +14249,6 @@
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "open",
-          "attribute": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "size",
           "attribute": "size",
@@ -14292,12 +14257,16 @@
           "default": "\"md\""
         },
         {
-          "name": "preventCloseOnClickOutside",
-          "attribute": "prevent-close-on-click-outside",
-          "description": "Prevent closing on click outside of modal",
+          "name": "shouldSubmitOnEnter",
+          "attribute": "should-submit-on-enter",
+          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
         {
           "name": "loadingStatus",
           "attribute": "loading-status",
@@ -14327,9 +14296,23 @@
           "default": "\"Loading\""
         },
         {
-          "name": "shouldSubmitOnEnter",
-          "attribute": "should-submit-on-enter",
-          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "alert",
+          "attribute": "alert",
+          "description": "Specify whether the Modal is displaying an alert, error or warning.\nShould go hand in hand with the danger prop.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "preventCloseOnClickOutside",
+          "attribute": "prevent-close-on-click-outside",
+          "description": "Prevent closing on click outside of modal",
           "type": "boolean",
           "default": "false"
         },
@@ -14339,10 +14322,6 @@
           "description": "Prevent the modal from closing after clicking the close button",
           "type": "boolean",
           "default": "false"
-        },
-        {
-          "name": "styles",
-          "default": "\"styles\""
         }
       ],
       "events": [
@@ -17329,7 +17308,9 @@
           "name": "styles",
           "default": "\"styles\""
         }
-      ]
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has moved to Carbon for IBM Products and is now maintained in\n`@carbon/ibm-products-web-components`.\nSee https://github.com/carbon-design-system/carbon/issues/21926"
     },
     {
       "name": "cds-page-header-content-text",
@@ -17355,7 +17336,9 @@
           "name": "styles",
           "default": "\"styles\""
         }
-      ]
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has moved to Carbon for IBM Products and is now maintained in\n`@carbon/ibm-products-web-components`.\nSee https://github.com/carbon-design-system/carbon/issues/21926"
     },
     {
       "name": "cds-page-header-content",
@@ -17394,7 +17377,9 @@
           "name": "styles",
           "default": "\"styles\""
         }
-      ]
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has moved to Carbon for IBM Products and is now maintained in\n`@carbon/ibm-products-web-components`.\nSee https://github.com/carbon-design-system/carbon/issues/21926"
     },
     {
       "name": "cds-page-header-hero-image",
@@ -17405,7 +17390,9 @@
           "name": "styles",
           "default": "\"styles\""
         }
-      ]
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has moved to Carbon for IBM Products and is now maintained in\n`@carbon/ibm-products-web-components`.\nSee https://github.com/carbon-design-system/carbon/issues/21926"
     },
     {
       "name": "cds-page-header-tabs",
@@ -17416,7 +17403,9 @@
           "name": "styles",
           "default": "\"styles\""
         }
-      ]
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has moved to Carbon for IBM Products and is now maintained in\n`@carbon/ibm-products-web-components`.\nSee https://github.com/carbon-design-system/carbon/issues/21926"
     },
     {
       "name": "cds-page-header",
@@ -17427,7 +17416,9 @@
           "name": "styles",
           "default": "\"styles\""
         }
-      ]
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has moved to Carbon for IBM Products and is now maintained in\n`@carbon/ibm-products-web-components`.\nSee https://github.com/carbon-design-system/carbon/issues/21926"
     },
     {
       "name": "cds-pagination-nav",
@@ -19322,6 +19313,12 @@
           "type": "string",
           "default": "\"off\""
         },
+        {
+          "name": "autofocus",
+          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "close-button-label-text",
           "description": "Specify a label to be read by screen readers on the \"close\" button",
@@ -19401,6 +19398,13 @@
           "type": "string",
           "default": "\"off\""
         },
+        {
+          "name": "autofocus",
+          "attribute": "autofocus",
+          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "closeButtonLabelText",
           "attribute": "close-button-label-text",
@@ -21589,6 +21593,12 @@
       "path": "./src/components/tabs/stories/tabs-wrapper.ts",
       "description": "Wrapper component for dismissable tabs story with state management",
       "attributes": [
+        {
+          "name": "with-icons",
+          "description": "Whether to render tabs with icons",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "disabled",
           "description": "Whether tabs are disabled",
@@ -21621,6 +21631,13 @@
         }
       ],
       "properties": [
+        {
+          "name": "withIcons",
+          "attribute": "with-icons",
+          "description": "Whether to render tabs with icons",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "disabled",
           "attribute": "disabled",
@@ -21695,6 +21712,11 @@
           "name": "tabTitle",
           "description": "The tab text content."
         },
+        {
+          "name": "secondary-label",
+          "description": "An optional label to render under the primary tab label.\nOnly useful for contained tabs.",
+          "type": "string | undefined"
+        },
         {
           "name": "badge-indicator",
           "description": "**Experimental**: Display an empty dot badge on the Tab.",
@@ -21763,6 +21785,12 @@
           "attribute": "tabTitle",
           "description": "The tab text content."
         },
+        {
+          "name": "secondaryLabel",
+          "attribute": "secondary-label",
+          "description": "An optional label to render under the primary tab label.\nOnly useful for contained tabs.",
+          "type": "string | undefined"
+        },
         {
           "name": "badgeIndicator",
           "attribute": "badge-indicator",
@@ -21908,6 +21936,12 @@
           "description": "Specify the icon size used by icon-only tabs.",
           "type": "TABS_ICON_SIZE | undefined"
         },
+        {
+          "name": "full-width",
+          "description": "Used for tabs within a grid, this makes it so tabs span the full container width and have the same width. Only available on contained tabs with <9 children",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "value",
           "description": "The value of the selected item.",
@@ -21985,6 +22019,13 @@
           "description": "Specify the icon size used by icon-only tabs.",
           "type": "TABS_ICON_SIZE | undefined"
         },
+        {
+          "name": "fullWidth",
+          "attribute": "full-width",
+          "description": "Used for tabs within a grid, this makes it so tabs span the full container width and have the same width. Only available on contained tabs with <9 children",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "TRIGGER_KEYS",
           "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",