@carbon/web-components 2.51.1 → 2.52.0

package/custom-elements.json

@@ -2667,6 +2667,12 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "description": "Specify whether the control is currently in warning state",
@@ -2868,6 +2874,13 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "attribute": "warn",
@@ -5859,6 +5872,12 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "description": "Specify whether the control is currently in warning state",
@@ -6015,6 +6034,13 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "attribute": "warn",
@@ -6498,6 +6524,444 @@
         }
       ]
     },
+    {
+      "name": "cds-fluid-dropdown-skeleton",
+      "path": "./src/components/fluid-dropdown/fluid-dropdown-skeleton.ts",
+      "description": "Fluid dropdown skeleton.",
+      "attributes": [
+        {
+          "name": "hide-label",
+          "description": "Specify whether the label should be hidden, or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the ListBox.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Specify whether the label should be hidden, or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Specify the size of the ListBox.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-dropdown",
+      "path": "./src/components/fluid-dropdown/fluid-dropdown.ts",
+      "description": "Fluid dropdown.",
+      "attributes": [
+        {
+          "name": "is-condensed",
+          "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": "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": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "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",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "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": "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": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "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-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": "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": "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"
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "label",
+          "description": "text The label text."
+        },
+        {
+          "name": "helper",
+          "description": "text The helper text."
+        },
+        {
+          "name": "trigger",
+          "description": "button The trigger button."
+        },
+        {
+          "name": "menu",
+          "description": "body The menu body."
+        },
+        {
+          "name": "validity",
+          "description": "message The validity message."
+        }
+      ]
+    },
     {
       "name": "cds-fluid-number-input-skeleton",
       "path": "./src/components/fluid-number-input/fluid-number-input-skeleton.ts",
@@ -10533,6 +10997,81 @@
         }
       ]
     },
+    {
+      "name": "cds-layout-constraint",
+      "path": "./src/components/layout/layout-constraint.ts",
+      "description": "`<cds-layout-constraint>` restricts the size range available to its\ndescendant components.",
+      "attributes": [
+        {
+          "name": "size-default",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "size-min",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "size-max",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "sizeDefault",
+          "attribute": "size-default",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "sizeMin",
+          "attribute": "size-min",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "sizeMax",
+          "attribute": "size-max",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        }
+      ]
+    },
+    {
+      "name": "cds-layout",
+      "path": "./src/components/layout/layout.ts",
+      "description": "`<cds-layout>` sets a layout context (size and/or density) for all\ndescendant Carbon components.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size context for all descendant components.",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "density",
+          "description": "Density context for all descendant components.",
+          "type": "\"condensed\" | \"normal\" | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Size context for all descendant components.",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "density",
+          "attribute": "density",
+          "description": "Density context for all descendant components.",
+          "type": "\"condensed\" | \"normal\" | undefined"
+        }
+      ]
+    },
     {
       "name": "cds-link",
       "path": "./src/components/link/link.ts",
@@ -12182,6 +12721,12 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "description": "Specify whether the control is currently in warning state",
@@ -12384,6 +12929,13 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "attribute": "warn",