@carbon/web-components 2.47.0 → 2.48.0-rc.0

package/custom-elements.json

@@ -1029,7 +1029,7 @@
           "name": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -1247,7 +1247,7 @@
           "attribute": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -3578,7 +3578,7 @@
           "name": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -3763,7 +3763,7 @@
           "attribute": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -8102,9 +8102,9 @@
       ]
     },
     {
-      "name": "cds-fluid-textarea",
+      "name": "cds-fluid-textarea-skeleton",
       "path": "./src/components/fluid-textarea/fluid-textarea-skeleton.ts",
-      "description": "Fluid text area input.",
+      "description": "Fluid text area skeleton.",
       "attributes": [
         {
           "name": "hide-label",
@@ -8595,205 +8595,883 @@
       ]
     },
     {
-      "name": "cds-form-group",
-      "path": "./src/components/form-group/form-group.ts",
-      "description": "The shell UI for file uploader.",
+      "name": "cds-fluid-time-picker-select",
+      "path": "./src/components/fluid-time-picker/fluid-time-picker-select.ts",
+      "description": "Fluid time picker select.",
       "attributes": [
         {
-          "name": "invalid",
-          "description": "Specify whether the Form Group is invalid",
+          "name": "default-value",
+          "description": "Optionally provide the default value of the select.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "legend-id",
-          "description": "Provide id for the fieldset <legend> which corresponds to the fieldset\n`aria-labelledby`"
+          "name": "autofocus",
+          "description": "Sets the select to be focussed automatically on page load. Defaults to false",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "legend-text",
-          "description": "Provide the text to be rendered inside of the fieldset <legend>",
-          "type": "string"
+          "name": "disabled",
+          "description": "Controls the disabled state of the select",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "message",
-          "description": "Specify whether the message should be displayed in the Form Group",
+          "name": "helper-text",
+          "description": "The helper text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hide-label",
+          "description": "Specify whether the label should be hidden, or not",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "message-text",
-          "description": "Provide the text for the message in the Form Group"
-        }
-      ],
-      "properties": [
+          "name": "id",
+          "description": "ID to link the `label` and `select`",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "invalid",
-          "attribute": "invalid",
-          "description": "Specify whether the Form Group is invalid",
+          "description": "Specify if the currently value is invalid.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "legendId",
-          "attribute": "legend-id",
-          "description": "Provide id for the fieldset <legend> which corresponds to the fieldset\n`aria-labelledby`"
-        },
-        {
-          "name": "legendText",
-          "attribute": "legend-text",
-          "description": "Provide the text to be rendered inside of the fieldset <legend>",
-          "type": "string"
+          "name": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "message",
-          "attribute": "message",
-          "description": "Specify whether the message should be displayed in the Form Group",
+          "name": "warn",
+          "description": "Specify if the currently value is warn.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "messageText",
-          "attribute": "message-text",
-          "description": "Provide the text for the message in the Form Group"
+          "name": "warn-text",
+          "description": "Message which is displayed if the value is warn.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "styles",
-          "default": "\"styles\""
-        }
-      ]
-    },
-    {
-      "name": "cds-form-item",
-      "path": "./src/components/form/form-item.ts",
-      "description": "Presentational element for form items",
-      "properties": [
+          "name": "label-text",
+          "description": "The label text.",
+          "type": "string",
+          "default": "\"\""
+        },
         {
-          "name": "styles",
-          "default": "\"styles\""
-        }
-      ]
-    },
-    {
-      "name": "cds-form",
-      "path": "./src/components/form/form.ts",
-      "description": "Presentational element for form",
-      "properties": [
+          "name": "inline",
+          "description": "Specify whether you want the inline version of this control",
+          "type": "boolean",
+          "default": "false"
+        },
         {
-          "name": "styles",
-          "default": "\"styles\""
-        }
-      ]
-    },
-    {
-      "name": "cds-column-hang",
-      "path": "./src/components/grid/column-hang.ts",
-      "description": "The column component.",
-      "properties": [
+          "name": "multiple",
+          "description": "`true` to enable multiple selection.",
+          "type": "boolean"
+        },
         {
-          "name": "styles",
-          "default": "\"styles\""
-        }
-      ]
-    },
-    {
-      "name": "cds-column",
-      "path": "./src/components/grid/column.ts",
-      "description": "The column component.",
-      "attributes": [
+          "name": "name",
+          "description": "Name for the select in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
         {
-          "name": "sm",
-          "description": "Specify column size\nKeys sm, md or lg\n\nValues\n- N, P, { span:N start:S}, { start: S, end: E}\nN = number\nP = percentage\nS = Start column\nE = End column (does not reach e.g. start 1 end 3 is same as start 1 span 2)",
-          "type": "ColumnSpec | undefined"
+          "name": "pattern",
+          "description": "Pattern to validate the select against for HTML validity checking",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "md",
-          "type": "ColumnSpec | undefined"
+          "name": "placeholder",
+          "description": "Value to display when the select has an empty `value`",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "lg",
-          "type": "ColumnSpec | undefined"
+          "name": "readonly",
+          "description": "Controls the readonly state of the select",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "span",
-          "type": "ColumnSpecSimple | undefined"
-        }
-      ],
-      "properties": [
+          "name": "required",
+          "description": "Boolean property to set the required status",
+          "type": "boolean",
+          "default": "false"
+        },
         {
-          "name": "sm",
-          "attribute": "sm",
-          "description": "Specify column size\nKeys sm, md or lg\n\nValues\n- N, P, { span:N start:S}, { start: S, end: E}\nN = number\nP = percentage\nS = Start column\nE = End column (does not reach e.g. start 1 end 3 is same as start 1 span 2)",
-          "type": "ColumnSpec | undefined"
+          "name": "required-validity-message",
+          "description": "The special validity message for `required`.",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
         },
         {
-          "name": "md",
-          "attribute": "md",
-          "type": "ColumnSpec | undefined"
+          "name": "selectedIndex",
+          "description": "The selected index.",
+          "type": "number"
         },
         {
-          "name": "lg",
-          "attribute": "lg",
-          "type": "ColumnSpec | undefined"
+          "name": "size",
+          "description": "The input box size.",
+          "type": "INPUT_SIZE",
+          "default": "\"md\""
         },
         {
-          "name": "span",
-          "attribute": "span",
-          "type": "ColumnSpecSimple | undefined"
+          "name": "value",
+          "description": "The value of the text area.",
+          "type": "string",
+          "default": "\"\""
         }
-      ]
-    },
-    {
-      "name": "cds-grid",
-      "path": "./src/components/grid/grid.ts",
-      "description": "The grid component.",
-      "attributes": [
+      ],
+      "properties": [
         {
-          "name": "align",
-          "description": "Specify grid alignment. Default is center",
-          "type": "GridAlignmentType | undefined"
+          "name": "defaultValue",
+          "attribute": "default-value",
+          "description": "Optionally provide the default value of the select.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "condensed",
-          "description": "Collapse the gutter to 1px. Useful for fluid layouts.\nRows have 1px of margin between them to match gutter.",
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "narrow",
-          "description": "Container hangs 16px into the gutter. Useful for\ntypographic alignment with and without containers.",
-          "type": "boolean",
-          "default": "false"
+          "name": "length",
+          "description": "The count of child `<option>`s.\nIf the placeholder is in effect, it includes the `<option>` for the placeholder.",
+          "type": "number"
         },
         {
-          "name": "full-width",
-          "description": "Remove the default max width that the grid has set",
-          "type": "boolean",
-          "default": "false"
-        }
-      ],
-      "properties": [
+          "name": "options",
+          "description": "The child `<option>`s.",
+          "type": "HTMLOptionsCollection"
+        },
         {
-          "name": "align",
-          "attribute": "align",
-          "description": "Specify grid alignment. Default is center",
-          "type": "GridAlignmentType | undefined"
+          "name": "type",
+          "description": "This form control's type.",
+          "type": "string"
         },
         {
-          "name": "condensed",
-          "attribute": "condensed",
-          "description": "Collapse the gutter to 1px. Useful for fluid layouts.\nRows have 1px of margin between them to match gutter.",
+          "name": "autofocus",
+          "attribute": "autofocus",
+          "description": "Sets the select to be focussed automatically on page load. Defaults to false",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "narrow",
-          "attribute": "narrow",
-          "description": "Container hangs 16px into the gutter. Useful for\ntypographic alignment with and without containers.",
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Controls the disabled state of the select",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "fullWidth",
+          "name": "helperText",
+          "attribute": "helper-text",
+          "description": "The helper text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Specify whether the label should be hidden, or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "id",
+          "attribute": "id",
+          "description": "ID to link the `label` and `select`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Specify if the currently value is invalid.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify if the currently value is warn.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Message which is displayed if the value is warn.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "labelText",
+          "attribute": "label-text",
+          "description": "The label text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "inline",
+          "attribute": "inline",
+          "description": "Specify whether you want the inline version of this control",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "multiple",
+          "attribute": "multiple",
+          "description": "`true` to enable multiple selection.",
+          "type": "boolean"
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the select in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "Pattern to validate the select against for HTML validity checking",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "Value to display when the select has an empty `value`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Controls the readonly state of the select",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "Boolean property to set the required status",
+          "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": "selectedIndex",
+          "attribute": "selectedIndex",
+          "description": "The selected index.",
+          "type": "number"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "The input box size.",
+          "type": "INPUT_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value of the text area.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null,\"styles\"]"
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-select-selected",
+          "description": "The name of the custom event fired after an item is selected."
+        }
+      ],
+      "slots": [
+        {
+          "name": "helper-text",
+          "description": "The helper text."
+        },
+        {
+          "name": "label-text",
+          "description": "The label text."
+        },
+        {
+          "name": "validity-message",
+          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state."
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-time-picker-skeleton",
+      "path": "./src/components/fluid-time-picker/fluid-time-picker-skeleton.ts",
+      "description": "Fluid time picker skeleton.",
+      "attributes": [
+        {
+          "name": "is-only-two",
+          "description": "Specify if there are only two TimePicker elements.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "isOnlyTwo",
+          "attribute": "is-only-two",
+          "description": "Specify if there are only two TimePicker elements.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-time-picker",
+      "path": "./src/components/fluid-time-picker/fluid-time-picker.ts",
+      "description": "Fluid Time Picker component.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Specify whether the control is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Provide the text that is displayed when the control is in an invalid state",
+          "type": "string",
+          "default": "\"Invalid time format.\""
+        },
+        {
+          "name": "warning",
+          "description": "Specify whether the control is in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warning-text",
+          "description": "Provide the text that is displayed when the control is in a warning state",
+          "type": "string",
+          "default": "\"Warning message.\""
+        },
+        {
+          "name": "hide-label",
+          "description": "Specify whether the label should be hidden",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "name",
+          "description": "Name for the input in FormData",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label-text",
+          "description": "Provide label text to be read by screen readers",
+          "type": "string",
+          "default": "\"Select a time\""
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text for the input",
+          "type": "string",
+          "default": "\"hh:mm\""
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify whether the control should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "max-length",
+          "description": "Specify the maximum length of the input value",
+          "type": "number",
+          "default": "5"
+        },
+        {
+          "name": "pattern",
+          "description": "Pattern for input validation",
+          "type": "string",
+          "default": "\"(1[012]|[1-9]):[0-5][0-9](\\\\s)?\""
+        },
+        {
+          "name": "size",
+          "description": "Size of the time picker",
+          "type": "TIME_PICKER_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "type",
+          "description": "Input type",
+          "type": "string",
+          "default": "\"text\""
+        },
+        {
+          "name": "invalid",
+          "description": "Specify whether the control is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required-validity-message",
+          "description": "Custom message for required validation",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validity-message",
+          "description": "Validity message",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "Value of the input",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Specify whether the control is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Provide the text that is displayed when the control is in an invalid state",
+          "type": "string",
+          "default": "\"Invalid time format.\""
+        },
+        {
+          "name": "warning",
+          "attribute": "warning",
+          "description": "Specify whether the control is in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warningText",
+          "attribute": "warning-text",
+          "description": "Provide the text that is displayed when the control is in a warning state",
+          "type": "string",
+          "default": "\"Warning message.\""
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Specify whether the label should be hidden",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the input in FormData",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "labelText",
+          "attribute": "label-text",
+          "description": "Provide label text to be read by screen readers",
+          "type": "string",
+          "default": "\"Select a time\""
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "Placeholder text for the input",
+          "type": "string",
+          "default": "\"hh:mm\""
+        },
+        {
+          "name": "readOnly",
+          "attribute": "readOnly",
+          "description": "Specify whether the control should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "maxLength",
+          "attribute": "max-length",
+          "description": "Specify the maximum length of the input value",
+          "type": "number",
+          "default": "5"
+        },
+        {
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "Pattern for input validation",
+          "type": "string",
+          "default": "\"(1[012]|[1-9]):[0-5][0-9](\\\\s)?\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Size of the time picker",
+          "type": "TIME_PICKER_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "Input type",
+          "type": "string",
+          "default": "\"text\""
+        },
+        {
+          "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": "Specify whether the control is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "Whether the input is required",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "requiredValidityMessage",
+          "attribute": "required-validity-message",
+          "description": "Custom message for required validation",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validityMessage",
+          "attribute": "validity-message",
+          "description": "Validity message",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of the input",
+          "type": "string"
+        }
+      ],
+      "events": [
+        {
+          "name": "change"
+        },
+        {
+          "name": "invalid"
+        }
+      ],
+      "slots": [
+        {
+          "name": "label-text",
+          "description": "The label text."
+        },
+        {
+          "name": "invalid-text",
+          "description": "The invalid text."
+        },
+        {
+          "name": "warning-text",
+          "description": "The warning text."
+        },
+        {
+          "name": "",
+          "description": "slot for fluid time picker select components."
+        },
+        {
+          "name": "time-picker-select",
+          "description": "Slot for time picker select components."
+        },
+        {
+          "name": "validity-message",
+          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state."
+        }
+      ]
+    },
+    {
+      "name": "cds-form-group",
+      "path": "./src/components/form-group/form-group.ts",
+      "description": "The shell UI for file uploader.",
+      "attributes": [
+        {
+          "name": "invalid",
+          "description": "Specify whether the Form Group is invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "legend-id",
+          "description": "Provide id for the fieldset <legend> which corresponds to the fieldset\n`aria-labelledby`"
+        },
+        {
+          "name": "legend-text",
+          "description": "Provide the text to be rendered inside of the fieldset <legend>",
+          "type": "string"
+        },
+        {
+          "name": "message",
+          "description": "Specify whether the message should be displayed in the Form Group",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "message-text",
+          "description": "Provide the text for the message in the Form Group"
+        }
+      ],
+      "properties": [
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Specify whether the Form Group is invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "legendId",
+          "attribute": "legend-id",
+          "description": "Provide id for the fieldset <legend> which corresponds to the fieldset\n`aria-labelledby`"
+        },
+        {
+          "name": "legendText",
+          "attribute": "legend-text",
+          "description": "Provide the text to be rendered inside of the fieldset <legend>",
+          "type": "string"
+        },
+        {
+          "name": "message",
+          "attribute": "message",
+          "description": "Specify whether the message should be displayed in the Form Group",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "messageText",
+          "attribute": "message-text",
+          "description": "Provide the text for the message in the Form Group"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-form-item",
+      "path": "./src/components/form/form-item.ts",
+      "description": "Presentational element for form items",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-form",
+      "path": "./src/components/form/form.ts",
+      "description": "Presentational element for form",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-column-hang",
+      "path": "./src/components/grid/column-hang.ts",
+      "description": "The column component.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-column",
+      "path": "./src/components/grid/column.ts",
+      "description": "The column component.",
+      "attributes": [
+        {
+          "name": "sm",
+          "description": "Specify column size\nKeys sm, md, lg, xlg, max\n\nValues\n- N, P, { span:N start:S}, { start: S, end: E}\nN = number\nP = percentage\nS = Start column\nE = End column (does not reach e.g. start 1 end 3 is same as start 1 span 2)",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "md",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "lg",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "xlg",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "max",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "span",
+          "type": "ColumnSpecSimple | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "sm",
+          "attribute": "sm",
+          "description": "Specify column size\nKeys sm, md, lg, xlg, max\n\nValues\n- N, P, { span:N start:S}, { start: S, end: E}\nN = number\nP = percentage\nS = Start column\nE = End column (does not reach e.g. start 1 end 3 is same as start 1 span 2)",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "md",
+          "attribute": "md",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "lg",
+          "attribute": "lg",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "xlg",
+          "attribute": "xlg",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "type": "ColumnSpec | undefined"
+        },
+        {
+          "name": "span",
+          "attribute": "span",
+          "type": "ColumnSpecSimple | undefined"
+        }
+      ]
+    },
+    {
+      "name": "cds-grid",
+      "path": "./src/components/grid/grid.ts",
+      "description": "The grid component.",
+      "attributes": [
+        {
+          "name": "align",
+          "description": "Specify grid alignment. Default is center",
+          "type": "GridAlignmentType | undefined"
+        },
+        {
+          "name": "condensed",
+          "description": "Collapse the gutter to 1px. Useful for fluid layouts.\nRows have 1px of margin between them to match gutter.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "narrow",
+          "description": "Container hangs 16px into the gutter. Useful for\ntypographic alignment with and without containers.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "full-width",
+          "description": "Remove the default max width that the grid has set",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "align",
+          "attribute": "align",
+          "description": "Specify grid alignment. Default is center",
+          "type": "GridAlignmentType | undefined"
+        },
+        {
+          "name": "condensed",
+          "attribute": "condensed",
+          "description": "Collapse the gutter to 1px. Useful for fluid layouts.\nRows have 1px of margin between them to match gutter.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "narrow",
+          "attribute": "narrow",
+          "description": "Container hangs 16px into the gutter. Useful for\ntypographic alignment with and without containers.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "fullWidth",
           "attribute": "full-width",
           "description": "Remove the default max width that the grid has set",
           "type": "boolean",
@@ -8864,7 +9542,7 @@
           "name": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -9035,7 +9713,7 @@
           "attribute": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -10008,9 +10686,9 @@
       ]
     },
     {
-      "name": "cds-menu-item",
+      "name": "cds-menu-item-selectable",
       "path": "./src/components/menu/menu-item-selectable.ts",
-      "description": "Menu Item.",
+      "description": "Menu Item Selectable.",
       "attributes": [
         {
           "name": "label",
@@ -10086,6 +10764,12 @@
           "name": "disabled",
           "description": "Disabled property for the menu item."
         },
+        {
+          "name": "danger-description",
+          "description": "Specify the message read by screen readers for the danger menu item variant",
+          "type": "string",
+          "default": "\"danger\""
+        },
         {
           "name": "submenuOpen",
           "description": "Whether the menu submen for an item is open or not.",
@@ -10136,6 +10820,13 @@
           "attribute": "disabled",
           "description": "Disabled property for the menu item."
         },
+        {
+          "name": "dangerDescription",
+          "attribute": "danger-description",
+          "description": "Specify the message read by screen readers for the danger menu item variant",
+          "type": "string",
+          "default": "\"danger\""
+        },
         {
           "name": "submenuOpen",
           "attribute": "submenuOpen",
@@ -13217,7 +13908,7 @@
           "name": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -13435,7 +14126,7 @@
           "attribute": "leave-delay-ms",
           "description": "Specify the duration in milliseconds to delay before hiding the tooltip",
           "type": "number",
-          "default": "300"
+          "default": "100"
         },
         {
           "name": "autofocus",
@@ -13767,6 +14458,133 @@
         }
       ]
     },
+    {
+      "name": "cds-pagination-nav",
+      "path": "./src/components/pagination-nav/pagination-nav.ts",
+      "description": "Pagination Navigation.",
+      "attributes": [
+        {
+          "name": "items-shown",
+          "description": "The number of items to be shown (minimum of 4 unless props.items < 4).",
+          "type": "number",
+          "default": "10"
+        },
+        {
+          "name": "loop",
+          "description": "Whether user should be able to loop through the items when reaching first / last.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "page",
+          "description": "The index of current page.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "total-items",
+          "description": "The total number of items.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the PaginationNav.",
+          "type": "PAGINATION_NAV_SIZE",
+          "default": "\"lg\""
+        },
+        {
+          "name": "tooltip-alignment",
+          "description": "Specify the alignment of the tooltip for the icon-only next/prev buttons.\nCan be one of: start, center, or end.",
+          "type": "PAGINATION_TOOLTIP_ALIGNMENT",
+          "default": "\"center\""
+        },
+        {
+          "name": "tooltip-position",
+          "description": "Specify the position of the tooltip for the icon-only next/prev buttons.\nCan be one of: top, right, bottom, or left.",
+          "type": "PAGINATION_TOOLTIP_POSITION",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "disable-overflow",
+          "description": "If true, the '...' pagination overflow will not render page links between the first and last rendered buttons.\nSet this to true if you are having performance problems with large data sets.",
+          "type": "boolean | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "itemsShown",
+          "attribute": "items-shown",
+          "description": "The number of items to be shown (minimum of 4 unless props.items < 4).",
+          "type": "number",
+          "default": "10"
+        },
+        {
+          "name": "loop",
+          "attribute": "loop",
+          "description": "Whether user should be able to loop through the items when reaching first / last.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "page",
+          "attribute": "page",
+          "description": "The index of current page.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "totalItems",
+          "attribute": "total-items",
+          "description": "The total number of items.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Specify the size of the PaginationNav.",
+          "type": "PAGINATION_NAV_SIZE",
+          "default": "\"lg\""
+        },
+        {
+          "name": "tooltipAlignment",
+          "attribute": "tooltip-alignment",
+          "description": "Specify the alignment of the tooltip for the icon-only next/prev buttons.\nCan be one of: start, center, or end.",
+          "type": "PAGINATION_TOOLTIP_ALIGNMENT",
+          "default": "\"center\""
+        },
+        {
+          "name": "tooltipPosition",
+          "attribute": "tooltip-position",
+          "description": "Specify the position of the tooltip for the icon-only next/prev buttons.\nCan be one of: top, right, bottom, or left.",
+          "type": "PAGINATION_TOOLTIP_POSITION",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "disableOverflow",
+          "attribute": "disable-overflow",
+          "description": "If true, the '...' pagination overflow will not render page links between the first and last rendered buttons.\nSet this to true if you are having performance problems with large data sets.",
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "translateWithId",
+          "description": "Translates component strings using your i18n tool.",
+          "type": "(messageId: \"carbon.pagination-nav.next\" | \"carbon.pagination-nav.previous\" | \"carbon.pagination-nav.item\" | \"carbon.pagination-nav.active\" | \"carbon.pagination-nav.of\") => string",
+          "default": "\"defaultTranslateWithId\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-page-changed",
+          "description": "The custom event fired when the the page has been changed."
+        }
+      ]
+    },
     {
       "name": "cds-pagination",
       "path": "./src/components/pagination/pagination.ts",