@carbon/web-components 2.20.0 → 2.21.0

package/es/index.js

@@ -7,17 +7,27 @@
 
 export { default as CDSAccordion } from './components/accordion/accordion.js';
 export { default as CDSAccordionItem } from './components/accordion/accordion-item.js';
+export { default as CDSAccordionItemSkeleton } from './components/accordion/accordion-item-skeleton.js';
 export { default as CDSAccordionSkeleton } from './components/accordion/accordion-skeleton.js';
+export { default as CDSAILabel } from './components/ai-label/ai-label.js';
+export { default as CDSAILabelActionButton } from './components/ai-label/ai-label-action-button.js';
 export { default as CDSAISkeletonIcon } from './components/ai-skeleton/ai-skeleton-icon.js';
 export { default as CDSAISkeletonPlaceholder } from './components/ai-skeleton/ai-skeleton-placeholder.js';
 export { default as CDSAISkeletonText } from './components/ai-skeleton/ai-skeleton-text.js';
 export { default as CDSButton } from './components/button/button.js';
+export { default as CDSButtonSetBase } from './components/button/button-set-base.js';
+export { default as CDSButtonSet } from './components/button/button-set.js';
 export { default as CDSButtonSkeleton } from './components/button/button-skeleton.js';
 export { default as CDSBreadcrumb } from './components/breadcrumb/breadcrumb.js';
 export { default as CDSBreadcrumbItem } from './components/breadcrumb/breadcrumb-item.js';
 export { default as CDSBreadcrumbLink } from './components/breadcrumb/breadcrumb-link.js';
+export { default as CDSBreadcrumbOverflowMenu } from './components/breadcrumb/breadcrumb-overflow-menu.js';
+export { default as CDSBreadcrumbSkeleton } from './components/breadcrumb/breadcrumb-skeleton.js';
 export { default as CDSChatButton } from './components/chat-button/chat-button.js';
+export { default as CDSChatButtonSkeleton } from './components/chat-button/chat-button-skeleton.js';
 export { default as CDSCheckbox } from './components/checkbox/checkbox.js';
+export { default as CDSCheckboxGroup } from './components/checkbox/checkbox-group.js';
+export { default as CDSCheckboxSkeleton } from './components/checkbox/checkbox-skeleton.js';
 export { default as CDSCodeSnippet } from './components/code-snippet/code-snippet.js';
 export { default as CDSCodeSnippetSkeleton } from './components/code-snippet/code-snippet-skeleton.js';
 export { default as CDSComboBox } from './components/combo-box/combo-box.js';
@@ -35,6 +45,7 @@ export { default as CDSTableBatchActions } from './components/data-table/table-b
 export { default as CDSTableBody } from './components/data-table/table-body.js';
 export { default as CDSTableCell } from './components/data-table/table-cell.js';
 export { default as CDSTableCellContent } from './components/data-table/table-cell-content.js';
+export { default as CDSTableExpandedRow } from './components/data-table/table-expanded-row.js';
 export { default as CDSTableHead } from './components/data-table/table-head.js';
 export { default as CDSTableHeaderTitle } from './components/data-table/table-header-title.js';
 export { default as CDSTableHeadDescription } from './components/data-table/table-header-description.js';
@@ -42,6 +53,7 @@ export { default as CDSTableHeaderCell } from './components/data-table/table-hea
 export { default as CDSTableHeaderRow } from './components/data-table/table-header-row.js';
 export { default as CDSTableRow } from './components/data-table/table-row.js';
 export { default as CDSTableSkeleton } from './components/data-table/table-skeleton.js';
+export { default as CDSTableToolbar } from './components/data-table/table-toolbar.js';
 export { default as CDSTableToolbarContent } from './components/data-table/table-toolbar-content.js';
 export { default as CDSTableToolbarSearch } from './components/data-table/table-toolbar-search.js';
 export { default as CDSDatePicker } from './components/date-picker/date-picker.js';
@@ -53,9 +65,11 @@ export { default as CDSDropdownSkeleton } from './components/dropdown/dropdown-s
 export { default as CDSFormItem } from './components/form/form-item.js';
 export { default as CDSFormGroup } from './components/form-group/form-group.js';
 export { default as CDSIconButton } from './components/icon-button/icon-button.js';
+export { default as CDSIconIndicator } from './components/icon-indicator/icon-indicator.js';
 export { default as CDSTextInput } from './components/text-input/text-input.js';
 export { default as CDSTextInputSkeleton } from './components/text-input/text-input-skeleton.js';
 export { default as CDSInlineLoading } from './components/inline-loading/inline-loading.js';
+export { default as CDSLayer } from './components/layer/layer.js';
 export { default as CDSLink } from './components/link/link.js';
 export { default as CDSListItem } from './components/list/list-item.js';
 export { default as CDSOrderedList } from './components/list/ordered-list.js';
@@ -66,6 +80,7 @@ export { default as CDSModalBody } from './components/modal/modal-body.js';
 export { default as CDSModalBodyContent } from './components/modal/modal-body-content.js';
 export { default as CDSModalCloseButton } from './components/modal/modal-close-button.js';
 export { default as CDSModalFooter } from './components/modal/modal-footer.js';
+export { default as CDSModalFooterButton } from './components/modal/modal-footer-button.js';
 export { default as CDSModalHeader } from './components/modal/modal-header.js';
 export { default as CDSModalHeading } from './components/modal/modal-heading.js';
 export { default as CDSModalLabel } from './components/modal/modal-label.js';
@@ -83,6 +98,8 @@ export { default as CDSOverflowMenu } from './components/overflow-menu/overflow-
 export { default as CDSOverflowMenuBody } from './components/overflow-menu/overflow-menu-body.js';
 export { default as CDSOverflowMenuItem } from './components/overflow-menu/overflow-menu-item.js';
 export { default as CDSPagination } from './components/pagination/pagination.js';
+export { default as CDSPopover } from './components/popover/popover.js';
+export { default as CDSPopoverContent } from './components/popover/popover-content.js';
 export { default as CDSProgressBar } from './components/progress-bar/progress-bar.js';
 export { default as CDSProgressIndicator } from './components/progress-indicator/progress-indicator.js';
 export { default as CDSProgressIndicatorSkeleton } from './components/progress-indicator/progress-indicator-skeleton.js';
@@ -90,8 +107,13 @@ export { default as CDSProgressStepSkeleton } from './components/progress-indica
 export { default as CDSProgressStep } from './components/progress-indicator/progress-step.js';
 export { default as CDSRadioButton } from './components/radio-button/radio-button.js';
 export { default as CDSRadioButtonGroup } from './components/radio-button/radio-button-group.js';
+export { default as CDSRadioButtonSkeleton } from './components/radio-button/radio-button-skeleton.js';
 export { default as CDSSearch } from './components/search/search.js';
 export { default as CDSSearchSkeleton } from './components/search/search-skeleton.js';
+export { default as CDSSelect } from './components/select/select.js';
+export { default as CDSSelectItem } from './components/select/select-item.js';
+export { default as CDSSelectItemGroup } from './components/select/select-item-group.js';
+export { default as CDSSelectSkeleton } from './components/select/select-skeleton.js';
 export { default as CDSSkeletonIcon } from './components/skeleton-icon/skeleton-icon.js';
 export { default as CDSSkeletonPlaceholder } from './components/skeleton-placeholder/skeleton-placeholder.js';
 export { default as CDSSkeletonText } from './components/skeleton-text/skeleton-text.js';
@@ -100,7 +122,9 @@ export { default as CDSSliderInput } from './components/slider/slider-input.js';
 export { default as CDSSliderSkeleton } from './components/slider/slider-skeleton.js';
 export { default as CDSStructuredList } from './components/structured-list/structured-list.js';
 export { default as CDSStructuredListBody } from './components/structured-list/structured-list-body.js';
+export { default as CDSStructuredListCell } from './components/structured-list/structured-list-cell.js';
 export { default as CDSStructuredListHead } from './components/structured-list/structured-list-head.js';
+export { default as CDSStructuredListHeaderCell } from './components/structured-list/structured-list-header-cell.js';
 export { default as CDSStructuredListHeaderRow } from './components/structured-list/structured-list-header-row.js';
 export { default as CDSStructuredListRow } from './components/structured-list/structured-list-row.js';
 export { default as CDSStructuredListHeaderCellSkeleton } from './components/structured-list/structured-list-header-cell-skeleton.js';
@@ -118,8 +142,10 @@ export { default as CDSSelectableTile } from './components/tile/selectable-tile.
 export { default as CDSTileGroup } from './components/tile/tile-group.js';
 export { default as CDSToggle } from './components/toggle/toggle.js';
 export { default as CDSTooltip } from './components/tooltip/tooltip.js';
-export { default as CDSTooltipDefinition } from './components/toggle-tip/toggletip.js';
+export { default as CDSTooltipContent } from './components/tooltip/tooltip-content.js';
+export { default as CDSToggleTip } from './components/toggle-tip/toggletip.js';
 export { default as CDSHeader } from './components/ui-shell/header.js';
+export { default as CDSHeaderGlobalAction } from './components/ui-shell/header-global-action.js';
 export { default as CDSHeaderMenu } from './components/ui-shell/header-menu.js';
 export { default as CDSHeaderMenuButton } from './components/ui-shell/header-menu-button.js';
 export { default as CDSHeaderMenuItem } from './components/ui-shell/header-menu-item.js';
@@ -129,6 +155,7 @@ export { default as CDSHeaderNavItem } from './components/ui-shell/header-nav-it
 export { default as CDSHeaderSideNavItems } from './components/ui-shell/header-side-nav-items.js';
 export { default as CDSHeaderPanel } from './components/ui-shell/header-panel.js';
 export { default as CDSSideNav } from './components/ui-shell/side-nav.js';
+export { default as CDSSideNavDivider } from './components/ui-shell/side-nav-divider.js';
 export { default as CDSSideNavItems } from './components/ui-shell/side-nav-items.js';
 export { default as CDSSideNavLink } from './components/ui-shell/side-nav-link.js';
 export { default as CDSSideNavMenu } from './components/ui-shell/side-nav-menu.js';

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/icon-indicator/defs.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare enum ICON_INDICATOR_KIND {
+    /**
+     * Failed
+     */
+    FAILED = "failed",
+    /**
+     * Caution major.
+     */
+    'CAUTION-MAJOR' = "caution-major",
+    /**
+     * Caution minor.
+     */
+    'CAUTION-MINOR' = "caution-minor",
+    /**
+     * Undefined.
+     */
+    UNDEFINED = "undefined",
+    /**
+     * Succeeded.
+     */
+    SUCCEEDED = "succeeded",
+    /**
+     * Normal.
+     */
+    NORMAL = "normal",
+    /**
+     * In-progress.
+     */
+    'IN-PROGRESS' = "in-progress",
+    /**
+     * Incomplete.
+     */
+    INCOMPLETE = "incomplete",
+    /**
+     * Not started.
+     */
+    'NOT-STARTED' = "not-started",
+    /**
+     * Pending.
+     */
+    PENDING = "pending",
+    /**
+     * Unknown.
+     */
+    UNKNOWN = "unknown",
+    /**
+     * Informative.
+     */
+    INFORMATIVE = "informative"
+}

package/lib/components/icon-indicator/defs.js

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+exports.ICON_INDICATOR_KIND = void 0;
+(function (ICON_INDICATOR_KIND) {
+    /**
+     * Failed
+     */
+    ICON_INDICATOR_KIND["FAILED"] = "failed";
+    /**
+     * Caution major.
+     */
+    ICON_INDICATOR_KIND["CAUTION-MAJOR"] = "caution-major";
+    /**
+     * Caution minor.
+     */
+    ICON_INDICATOR_KIND["CAUTION-MINOR"] = "caution-minor";
+    /**
+     * Undefined.
+     */
+    ICON_INDICATOR_KIND["UNDEFINED"] = "undefined";
+    /**
+     * Succeeded.
+     */
+    ICON_INDICATOR_KIND["SUCCEEDED"] = "succeeded";
+    /**
+     * Normal.
+     */
+    ICON_INDICATOR_KIND["NORMAL"] = "normal";
+    /**
+     * In-progress.
+     */
+    ICON_INDICATOR_KIND["IN-PROGRESS"] = "in-progress";
+    /**
+     * Incomplete.
+     */
+    ICON_INDICATOR_KIND["INCOMPLETE"] = "incomplete";
+    /**
+     * Not started.
+     */
+    ICON_INDICATOR_KIND["NOT-STARTED"] = "not-started";
+    /**
+     * Pending.
+     */
+    ICON_INDICATOR_KIND["PENDING"] = "pending";
+    /**
+     * Unknown.
+     */
+    ICON_INDICATOR_KIND["UNKNOWN"] = "unknown";
+    /**
+     * Informative.
+     */
+    ICON_INDICATOR_KIND["INFORMATIVE"] = "informative";
+})(exports.ICON_INDICATOR_KIND || (exports.ICON_INDICATOR_KIND = {}));
+//# sourceMappingURL=defs.js.map

package/lib/components/icon-indicator/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sources":["../../../src/components/icon-indicator/defs.ts"],"sourcesContent":[null],"names":["ICON_INDICATOR_KIND"],"mappings":";;;;;;;;;;;AAAA;;;;;;;AAOG;AAESA,qCA4DX;AA5DD,CAAA,UAAY,mBAAmB,EAAA;AAC7B;;AAEG;AACH,IAAA,mBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AAEjB;;AAEG;AACH,IAAA,mBAAA,CAAA,eAAA,CAAA,GAAA,eAAiC,CAAA;AAEjC;;AAEG;AACH,IAAA,mBAAA,CAAA,eAAA,CAAA,GAAA,eAAiC,CAAA;AAEjC;;AAEG;AACH,IAAA,mBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AAEvB;;AAEG;AACH,IAAA,mBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AAEvB;;AAEG;AACH,IAAA,mBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AAEjB;;AAEG;AACH,IAAA,mBAAA,CAAA,aAAA,CAAA,GAAA,aAA6B,CAAA;AAE7B;;AAEG;AACH,IAAA,mBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AAEzB;;AAEG;AACH,IAAA,mBAAA,CAAA,aAAA,CAAA,GAAA,aAA6B,CAAA;AAE7B;;AAEG;AACH,IAAA,mBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AAEnB;;AAEG;AACH,IAAA,mBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AAEnB;;AAEG;AACH,IAAA,mBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EA5DWA,2BAAmB,KAAnBA,2BAAmB,GA4D9B,EAAA,CAAA,CAAA;;"}

package/lib/components/icon-indicator/icon-indicator.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import { ICON_INDICATOR_KIND } from './defs';
+export { ICON_INDICATOR_KIND };
+/**
+ * Icon Indicator.
+ *
+ * @element cds-icon-indicator
+ */
+declare class CDSIconIndicator extends LitElement {
+    /**
+     * Icon indicator should be size 16 or 20
+     */
+    size: number;
+    /**
+     * Label next to the icon.
+     */
+    label: string;
+    /**
+     * Icon Indicator kind
+     */
+    kind: ICON_INDICATOR_KIND;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSIconIndicator;

package/lib/components/icon-indicator/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2021, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './icon-indicator';

package/lib/index.d.ts

@@ -8,17 +8,27 @@
  */
 export { default as CDSAccordion } from './components/accordion/accordion';
 export { default as CDSAccordionItem } from './components/accordion/accordion-item';
+export { default as CDSAccordionItemSkeleton } from './components/accordion/accordion-item-skeleton';
 export { default as CDSAccordionSkeleton } from './components/accordion/accordion-skeleton';
+export { default as CDSAILabel } from './components/ai-label/ai-label';
+export { default as CDSAILabelActionButton } from './components/ai-label/ai-label-action-button';
 export { default as CDSAISkeletonIcon } from './components/ai-skeleton/ai-skeleton-icon';
 export { default as CDSAISkeletonPlaceholder } from './components/ai-skeleton/ai-skeleton-placeholder';
 export { default as CDSAISkeletonText } from './components/ai-skeleton/ai-skeleton-text';
 export { default as CDSButton } from './components/button/button';
+export { default as CDSButtonSetBase } from './components/button/button-set-base';
+export { default as CDSButtonSet } from './components/button/button-set';
 export { default as CDSButtonSkeleton } from './components/button/button-skeleton';
 export { default as CDSBreadcrumb } from './components/breadcrumb/breadcrumb';
 export { default as CDSBreadcrumbItem } from './components/breadcrumb/breadcrumb-item';
 export { default as CDSBreadcrumbLink } from './components/breadcrumb/breadcrumb-link';
+export { default as CDSBreadcrumbOverflowMenu } from './components/breadcrumb/breadcrumb-overflow-menu';
+export { default as CDSBreadcrumbSkeleton } from './components/breadcrumb/breadcrumb-skeleton';
 export { default as CDSChatButton } from './components/chat-button/chat-button';
+export { default as CDSChatButtonSkeleton } from './components/chat-button/chat-button-skeleton';
 export { default as CDSCheckbox } from './components/checkbox/checkbox';
+export { default as CDSCheckboxGroup } from './components/checkbox/checkbox-group';
+export { default as CDSCheckboxSkeleton } from './components/checkbox/checkbox-skeleton';
 export { default as CDSCodeSnippet } from './components/code-snippet/code-snippet';
 export { default as CDSCodeSnippetSkeleton } from './components/code-snippet/code-snippet-skeleton';
 export { default as CDSComboBox } from './components/combo-box/combo-box';
@@ -36,6 +46,7 @@ export { default as CDSTableBatchActions } from './components/data-table/table-b
 export { default as CDSTableBody } from './components/data-table/table-body';
 export { default as CDSTableCell } from './components/data-table/table-cell';
 export { default as CDSTableCellContent } from './components/data-table/table-cell-content';
+export { default as CDSTableExpandedRow } from './components/data-table/table-expanded-row';
 export { default as CDSTableHead } from './components/data-table/table-head';
 export { default as CDSTableHeaderTitle } from './components/data-table/table-header-title';
 export { default as CDSTableHeadDescription } from './components/data-table/table-header-description';
@@ -43,6 +54,7 @@ export { default as CDSTableHeaderCell } from './components/data-table/table-hea
 export { default as CDSTableHeaderRow } from './components/data-table/table-header-row';
 export { default as CDSTableRow } from './components/data-table/table-row';
 export { default as CDSTableSkeleton } from './components/data-table/table-skeleton';
+export { default as CDSTableToolbar } from './components/data-table/table-toolbar';
 export { default as CDSTableToolbarContent } from './components/data-table/table-toolbar-content';
 export { default as CDSTableToolbarSearch } from './components/data-table/table-toolbar-search';
 export { default as CDSDatePicker } from './components/date-picker/date-picker';
@@ -54,9 +66,11 @@ export { default as CDSDropdownSkeleton } from './components/dropdown/dropdown-s
 export { default as CDSFormItem } from './components/form/form-item';
 export { default as CDSFormGroup } from './components/form-group/form-group';
 export { default as CDSIconButton } from './components/icon-button/icon-button';
+export { default as CDSIconIndicator } from './components/icon-indicator/icon-indicator';
 export { default as CDSTextInput } from './components/text-input/text-input';
 export { default as CDSTextInputSkeleton } from './components/text-input/text-input-skeleton';
 export { default as CDSInlineLoading } from './components/inline-loading/inline-loading';
+export { default as CDSLayer } from './components/layer/layer';
 export { default as CDSLink } from './components/link/link';
 export { default as CDSListItem } from './components/list/list-item';
 export { default as CDSOrderedList } from './components/list/ordered-list';
@@ -67,6 +81,7 @@ export { default as CDSModalBody } from './components/modal/modal-body';
 export { default as CDSModalBodyContent } from './components/modal/modal-body-content';
 export { default as CDSModalCloseButton } from './components/modal/modal-close-button';
 export { default as CDSModalFooter } from './components/modal/modal-footer';
+export { default as CDSModalFooterButton } from './components/modal/modal-footer-button';
 export { default as CDSModalHeader } from './components/modal/modal-header';
 export { default as CDSModalHeading } from './components/modal/modal-heading';
 export { default as CDSModalLabel } from './components/modal/modal-label';
@@ -84,6 +99,8 @@ export { default as CDSOverflowMenu } from './components/overflow-menu/overflow-
 export { default as CDSOverflowMenuBody } from './components/overflow-menu/overflow-menu-body';
 export { default as CDSOverflowMenuItem } from './components/overflow-menu/overflow-menu-item';
 export { default as CDSPagination } from './components/pagination/pagination';
+export { default as CDSPopover } from './components/popover/popover';
+export { default as CDSPopoverContent } from './components/popover/popover-content';
 export { default as CDSProgressBar } from './components/progress-bar/progress-bar';
 export { default as CDSProgressIndicator } from './components/progress-indicator/progress-indicator';
 export { default as CDSProgressIndicatorSkeleton } from './components/progress-indicator/progress-indicator-skeleton';
@@ -91,8 +108,13 @@ export { default as CDSProgressStepSkeleton } from './components/progress-indica
 export { default as CDSProgressStep } from './components/progress-indicator/progress-step';
 export { default as CDSRadioButton } from './components/radio-button/radio-button';
 export { default as CDSRadioButtonGroup } from './components/radio-button/radio-button-group';
+export { default as CDSRadioButtonSkeleton } from './components/radio-button/radio-button-skeleton';
 export { default as CDSSearch } from './components/search/search';
 export { default as CDSSearchSkeleton } from './components/search/search-skeleton';
+export { default as CDSSelect } from './components/select/select';
+export { default as CDSSelectItem } from './components/select/select-item';
+export { default as CDSSelectItemGroup } from './components/select/select-item-group';
+export { default as CDSSelectSkeleton } from './components/select/select-skeleton';
 export { default as CDSSkeletonIcon } from './components/skeleton-icon/skeleton-icon';
 export { default as CDSSkeletonPlaceholder } from './components/skeleton-placeholder/skeleton-placeholder';
 export { default as CDSSkeletonText } from './components/skeleton-text/skeleton-text';
@@ -101,7 +123,9 @@ export { default as CDSSliderInput } from './components/slider/slider-input';
 export { default as CDSSliderSkeleton } from './components/slider/slider-skeleton';
 export { default as CDSStructuredList } from './components/structured-list/structured-list';
 export { default as CDSStructuredListBody } from './components/structured-list/structured-list-body';
+export { default as CDSStructuredListCell } from './components/structured-list/structured-list-cell';
 export { default as CDSStructuredListHead } from './components/structured-list/structured-list-head';
+export { default as CDSStructuredListHeaderCell } from './components/structured-list/structured-list-header-cell';
 export { default as CDSStructuredListHeaderRow } from './components/structured-list/structured-list-header-row';
 export { default as CDSStructuredListRow } from './components/structured-list/structured-list-row';
 export { default as CDSStructuredListHeaderCellSkeleton } from './components/structured-list/structured-list-header-cell-skeleton';
@@ -119,8 +143,10 @@ export { default as CDSSelectableTile } from './components/tile/selectable-tile'
 export { default as CDSTileGroup } from './components/tile/tile-group';
 export { default as CDSToggle } from './components/toggle/toggle';
 export { default as CDSTooltip } from './components/tooltip/tooltip';
-export { default as CDSTooltipDefinition } from './components/toggle-tip/toggletip';
+export { default as CDSTooltipContent } from './components/tooltip/tooltip-content';
+export { default as CDSToggleTip } from './components/toggle-tip/toggletip';
 export { default as CDSHeader } from './components/ui-shell/header';
+export { default as CDSHeaderGlobalAction } from './components/ui-shell/header-global-action';
 export { default as CDSHeaderMenu } from './components/ui-shell/header-menu';
 export { default as CDSHeaderMenuButton } from './components/ui-shell/header-menu-button';
 export { default as CDSHeaderMenuItem } from './components/ui-shell/header-menu-item';
@@ -130,6 +156,7 @@ export { default as CDSHeaderNavItem } from './components/ui-shell/header-nav-it
 export { default as CDSHeaderSideNavItems } from './components/ui-shell/header-side-nav-items';
 export { default as CDSHeaderPanel } from './components/ui-shell/header-panel';
 export { default as CDSSideNav } from './components/ui-shell/side-nav';
+export { default as CDSSideNavDivider } from './components/ui-shell/side-nav-divider';
 export { default as CDSSideNavItems } from './components/ui-shell/side-nav-items';
 export { default as CDSSideNavLink } from './components/ui-shell/side-nav-link';
 export { default as CDSSideNavMenu } from './components/ui-shell/side-nav-menu';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.20.0",
+  "version": "2.21.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -67,7 +67,7 @@
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
   "dependencies": {
-    "@carbon/styles": "^1.72.0",
+    "@carbon/styles": "^1.73.0",
     "@floating-ui/dom": "^1.6.3",
     "@ibm/telemetry-js": "^1.5.0",
     "flatpickr": "4.6.13",
@@ -89,12 +89,12 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.0.0",
     "@rollup/pluginutils": "^5.0.0",
-    "@storybook/addon-essentials": "^8.2.8",
-    "@storybook/addon-links": "^8.2.8",
-    "@storybook/addon-storysource": "^8.2.8",
-    "@storybook/blocks": "^8.2.8",
-    "@storybook/web-components": "^8.2.8",
-    "@storybook/web-components-vite": "^8.2.8",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-storysource": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/web-components": "^8.4.7",
+    "@storybook/web-components-vite": "^8.4.7",
     "@types/bluebird": "^3.5.36",
     "@types/jasmine": "^5.0.0",
     "@types/jest": "^29.2.3",
@@ -115,7 +115,7 @@
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-multi-input": "^1.3.1",
     "sass": "^1.51.0",
-    "storybook": "^8.2.8",
+    "storybook": "^8.4.7",
     "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
     "temp": "^0.9.0",
     "typescript-config-carbon": "^0.2.0",
@@ -138,5 +138,5 @@
       }
     ]
   },
-  "gitHead": "97fc2e65d5d78f3bc191f036cb669b072db1d85f"
+  "gitHead": "1896aed10907f83fb95b18ed87410b6ab2a3f451"
 }

package/scss/components/icon-indicator/icon-indicator.scss

@@ -0,0 +1,67 @@
+//
+// Copyright IBM Corp. 2019, 2024
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+$css--plex: true !default;
+
+@use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/components/icon-indicator/index' as *;
+
+:host(#{$prefix}-icon-indicator) {
+  @extend .#{$prefix}--icon-indicator;
+}
+
+:host(#{$prefix}-icon-indicator[size='20']) {
+  @extend .#{$prefix}--icon-indicator--20;
+}
+
+:host(#{$prefix}-icon-indicator[kind='failed']) svg {
+  @extend .#{$prefix}--icon-indicator--failed;
+}
+
+:host(#{$prefix}-icon-indicator[kind='caution-major']) svg {
+  @extend .#{$prefix}--icon-indicator--caution-major;
+}
+
+:host(#{$prefix}-icon-indicator[kind='caution-minor']) svg {
+  @extend .#{$prefix}--icon-indicator--caution-minor;
+}
+
+:host(#{$prefix}-icon-indicator[kind='undefined']) svg {
+  @extend .#{$prefix}--icon-indicator--undefined;
+}
+
+:host(#{$prefix}-icon-indicator[kind='succeeded']) svg {
+  @extend .#{$prefix}--icon-indicator--succeeded;
+}
+
+:host(#{$prefix}-icon-indicator[kind='normal']) svg {
+  @extend .#{$prefix}--icon-indicator--normal;
+}
+
+:host(#{$prefix}-icon-indicator[kind='in-progress']) svg {
+  @extend .#{$prefix}--icon-indicator--in-progress;
+}
+
+:host(#{$prefix}-icon-indicator[kind='incomplete']) svg {
+  @extend .#{$prefix}--icon-indicator--incomplete;
+}
+
+:host(#{$prefix}-icon-indicator[kind='not-started']) svg {
+  @extend .#{$prefix}--icon-indicator--not-started;
+}
+
+:host(#{$prefix}-icon-indicator[kind='pending']) svg {
+  @extend .#{$prefix}--icon-indicator--pending;
+}
+
+:host(#{$prefix}-icon-indicator[kind='unknown']) svg {
+  @extend .#{$prefix}--icon-indicator--unknown;
+}
+
+:host(#{$prefix}-icon-indicator[kind='informative']) svg {
+  @extend .#{$prefix}--icon-indicator--informative;
+}