@carbon/web-components 2.61.0 → 2.62.0-rc.0

package/custom-elements.json

@@ -128,6 +128,80 @@
         }
       ]
     },
+    {
+      "name": "cds-action-set",
+      "path": "./src/components/action-set/action-set.ts",
+      "description": "Action Set component - A specialized button set with validation and ordering logic.\nExtends Carbon's button-set with additional features for action buttons.",
+      "attributes": [
+        {
+          "name": "button-size",
+          "description": "The size of buttons to use for the actions.",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "size",
+          "description": "The size of the action set. Different button arrangements are used at\ndifferent sizes, to make best use of the available space.",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"",
+          "default": "\"md\""
+        },
+        {
+          "name": "disable-stacking",
+          "description": "When true, prevents automatic stacking of buttons even when size would\nnormally trigger stacking (e.g., 'sm' size or 'md' with 3+ actions).\nButtons will remain in a horizontal layout.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "actions",
+          "description": "Array of action button configurations. When provided, buttons will be\nrendered internally instead of using slotted content.",
+          "type": "ActionButton[]",
+          "default": "[]"
+        }
+      ],
+      "properties": [
+        {
+          "name": "stacked",
+          "description": "Computed property: `true` if the buttons are currently stacked.\nThis is derived from size, disableStacking, and button count.",
+          "type": "boolean"
+        },
+        {
+          "name": "buttonSize",
+          "attribute": "button-size",
+          "description": "The size of buttons to use for the actions.",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | undefined"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "The size of the action set. Different button arrangements are used at\ndifferent sizes, to make best use of the available space.",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"",
+          "default": "\"md\""
+        },
+        {
+          "name": "disableStacking",
+          "attribute": "disable-stacking",
+          "description": "When true, prevents automatic stacking of buttons even when size would\nnormally trigger stacking (e.g., 'sm' size or 'md' with 3+ actions).\nButtons will remain in a horizontal layout.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "actions",
+          "attribute": "actions",
+          "description": "Array of action button configurations. When provided, buttons will be\nrendered internally instead of using slotted content.",
+          "type": "ActionButton[]",
+          "default": "[]"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Slot for cds-button elements (used when actions prop is not provided)"
+        }
+      ]
+    },
     {
       "name": "cds-ai-label-action-button",
       "path": "./src/components/ai-label/ai-label-action-button.ts",
@@ -3259,7 +3333,7 @@
         {
           "name": "size",
           "description": "Specify the size of the contained list.",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | undefined"
         }
       ],
       "properties": [
@@ -3288,7 +3362,7 @@
           "name": "size",
           "attribute": "size",
           "description": "Specify the size of the contained list.",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | undefined"
         },
         {
           "name": "styles",
@@ -14052,15 +14126,15 @@
       "attributes": [
         {
           "name": "size-default",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         },
         {
           "name": "size-min",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         },
         {
           "name": "size-max",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         }
       ],
       "properties": [
@@ -14071,17 +14145,17 @@
         {
           "name": "sizeDefault",
           "attribute": "size-default",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         },
         {
           "name": "sizeMin",
           "attribute": "size-min",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         },
         {
           "name": "sizeMax",
           "attribute": "size-max",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         }
       ]
     },
@@ -14093,7 +14167,7 @@
         {
           "name": "size",
           "description": "Size context for all descendant components.",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         },
         {
           "name": "density",
@@ -14110,7 +14184,7 @@
           "name": "size",
           "attribute": "size",
           "description": "Size context for all descendant components.",
-          "type": "\"md\" | \"sm\" | \"lg\" | \"xl\" | \"xs\" | \"2xl\" | undefined"
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"xs\" | undefined"
         },
         {
           "name": "density",
@@ -20589,6 +20663,99 @@
         }
       ]
     },
+    {
+      "name": "cds-resizer-grid",
+      "path": "./src/components/resizer/resizer-grid.ts",
+      "description": "Resizer grid component for managing resizable panels.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-resizer-handle-pivot",
+      "path": "./src/components/resizer/resizer-handle-pivot.ts",
+      "description": "Resizer handle pivot — corner handle that delegates drag operations to its\nsibling `cds-resizer-handle[slot=\"handle-horizontal\"]`.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-resizer-handle",
+      "path": "./src/components/resizer/resizer-handle.ts",
+      "description": "Resizer handle component for resizing panels.",
+      "attributes": [
+        {
+          "name": "axis",
+          "description": "Resize axis — determined automatically from slot, or set explicitly.",
+          "type": "ResizerAxis",
+          "default": "\"y\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        },
+        {
+          "name": "axis",
+          "attribute": "axis",
+          "description": "Resize axis — determined automatically from slot, or set explicitly.",
+          "type": "ResizerAxis",
+          "default": "\"y\""
+        },
+        {
+          "name": "startDrag",
+          "description": "Start dragging (called by pivot component).",
+          "type": "(e: PointerEvent) => void",
+          "default": "\"(e: PointerEvent): void => {\\n    this._handlePointerDown(e);\\n  }\""
+        },
+        {
+          "name": "resetSizes",
+          "description": "Reset panel sizes to default (called by pivot component or double-click).",
+          "type": "(e: MouseEvent) => void",
+          "default": "\"(e: MouseEvent): void => {\\n    e.preventDefault();\\n    this.dispatchEvent(createCustomEvent(EVENTS.RESIZE_RESET));\\n\\n    if (this._grid) {\\n      this._grid.style.removeProperty('--start-element-size');\\n      this._grid.style.removeProperty('--end-element-size');\\n      const handleTransitionEnd = () => {\\n        this._updateAriaAttributes();\\n        this._grid?.removeEventListener('transitionend', handleTransitionEnd);\\n      };\\n      this._grid.addEventListener('transitionend', handleTransitionEnd, {\\n        once: true,\\n      });\\n    }\\n  }\""
+        },
+        {
+          "name": "pivot",
+          "type": "\"start\" | \"end\" | undefined"
+        }
+      ],
+      "events": [
+        {
+          "name": "resize-start",
+          "description": "Fired when dragging starts"
+        },
+        {
+          "name": "resize-drag",
+          "description": "Fired during dragging (detail: { axis, delta, position })"
+        },
+        {
+          "name": "resize-end",
+          "description": "Fired when dragging ends (detail: { axis, delta, position })"
+        },
+        {
+          "name": "resize-reset",
+          "description": "Fired on double-tap / double-click"
+        }
+      ]
+    },
+    {
+      "name": "cds-resizer-panel",
+      "path": "./src/components/resizer/resizer-panel.ts",
+      "description": "Resizer panel component for resizable content areas.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
     {
       "name": "cds-search",
       "path": "./src/components/search/search.ts",
@@ -21363,6 +21530,12 @@
           "type": "string",
           "default": "\"Close\""
         },
+        {
+          "name": "close-icon-tooltip-alignment",
+          "description": "Sets the close button tooltip alignment",
+          "type": "string",
+          "default": "\"left\""
+        },
         {
           "name": "condensed-actions",
           "description": "Determines whether the side panel should render the condensed version (affects action buttons primarily)",
@@ -21417,6 +21590,12 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "hide-close-button",
+          "description": "Show/hide the \"X\" close button",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "size",
           "description": "SidePanel size.",
@@ -21429,6 +21608,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "resizable",
+          "description": "Determines if the side panel is resizable",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "title",
           "description": "Sets the title text"
@@ -21449,6 +21634,13 @@
           "type": "string",
           "default": "\"Close\""
         },
+        {
+          "name": "closeIconTooltipAlignment",
+          "attribute": "close-icon-tooltip-alignment",
+          "description": "Sets the close button tooltip alignment",
+          "type": "string",
+          "default": "\"left\""
+        },
         {
           "name": "condensedActions",
           "attribute": "condensed-actions",
@@ -21513,6 +21705,13 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "hideCloseButton",
+          "attribute": "hide-close-button",
+          "description": "Show/hide the \"X\" close button",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -21527,10 +21726,21 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "resizable",
+          "attribute": "resizable",
+          "description": "Determines if the side panel is resizable",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "title",
           "attribute": "title",
           "description": "Sets the title text"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
         }
       ],
       "events": [
@@ -21546,9 +21756,7 @@
           "name": "cds-side-panel-navigate-back",
           "description": "custom event fired when clicking navigate back (available when step > 0)"
         }
-      ],
-      "deprecated": true,
-      "deprecatedMessage": "Use Carbon for IBM Products `side-panel` component.\nThis component has been deprecated in `@carbon/web-components` and will instead be maintained\nin the Carbon for IBM Products library:\nhttps://github.com/carbon-design-system/ibm-products/tree/main/packages/ibm-products-web-components"
+      ]
     },
     {
       "name": "cds-skeleton-icon",
@@ -27182,6 +27390,240 @@
         }
       ]
     },
+    {
+      "name": "cds-truncated-text",
+      "path": "./src/components/truncated-text/truncated-text.ts",
+      "description": "TruncatedText.",
+      "attributes": [
+        {
+          "name": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "id",
+          "description": "Unique identifier for the element.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "lines",
+          "description": "The maximum number of lines to display before truncation.\nDefaults to `0` (no truncation applied). Note: the React counterpart\ndefaults to `2` — consumers migrating from React should set this explicitly.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "type",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
+        {
+          "name": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "align",
+          "attribute": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "attribute": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "collapseLabel",
+          "attribute": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "expandLabel",
+          "attribute": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "id",
+          "attribute": "id",
+          "description": "Unique identifier for the element.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "lines",
+          "attribute": "lines",
+          "description": "The maximum number of lines to display before truncation.\nDefaults to `0` (no truncation applied). Note: the React counterpart\ndefaults to `2` — consumers migrating from React should set this explicitly.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "elementName",
+      "path": "./src/components/truncated-text/truncated-text.ts",
+      "description": "TruncatedText.",
+      "attributes": [
+        {
+          "name": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "id",
+          "description": "Unique identifier for the element.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "lines",
+          "description": "The maximum number of lines to display before truncation.\nDefaults to `0` (no truncation applied). Note: the React counterpart\ndefaults to `2` — consumers migrating from React should set this explicitly.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "type",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
+        {
+          "name": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "align",
+          "attribute": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "attribute": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "collapseLabel",
+          "attribute": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "expandLabel",
+          "attribute": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "id",
+          "attribute": "id",
+          "description": "Unique identifier for the element.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "lines",
+          "attribute": "lines",
+          "description": "The maximum number of lines to display before truncation.\nDefaults to `0` (no truncation applied). Note: the React counterpart\ndefaults to `2` — consumers migrating from React should set this explicitly.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
     {
       "name": "cds-header-global-action",
       "path": "./src/components/ui-shell/header-global-action.ts",