@carbon/ibm-products 2.52.0 → 2.53.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/css/index-full-carbon.css +306 -298
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +94 -27
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +110 -44
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +179 -118
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.d.ts +2 -1
- package/es/components/APIKeyModal/APIKeyModal.js +1 -1
- package/es/components/AboutModal/AboutModal.js +2 -4
- package/es/components/ActionBar/ActionBarOverflowItems.d.ts +2 -2
- package/es/components/AddSelect/AddSelectBody.js +8 -1
- package/es/components/AddSelect/AddSelectBreadcrumbs.d.ts +2 -1
- package/es/components/AddSelect/AddSelectColumn.d.ts +2 -1
- package/es/components/AddSelect/AddSelectFilter.d.ts +2 -1
- package/es/components/AddSelect/AddSelectFilter.js +5 -5
- package/es/components/AddSelect/AddSelectFormControl.d.ts +2 -1
- package/es/components/AddSelect/AddSelectList.d.ts +2 -1
- package/es/components/AddSelect/AddSelectMetaPanel.d.ts +2 -1
- package/es/components/AddSelect/AddSelectRow.d.ts +2 -1
- package/es/components/AddSelect/AddSelectSidebar.d.ts +2 -1
- package/es/components/AddSelect/AddSelectSidebar.js +1 -1
- package/es/components/AddSelect/AddSelectSort.d.ts +2 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +2 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.d.ts +2 -1
- package/es/components/Card/Card.d.ts +5 -1
- package/es/components/Card/Card.js +9 -2
- package/es/components/Card/CardFooter.d.ts +1 -1
- package/es/components/Card/CardHeader.d.ts +12 -2
- package/es/components/Card/CardHeader.js +17 -9
- package/es/components/Carousel/Carousel.js +17 -8
- package/es/components/Checklist/ChecklistChart.js +22 -6
- package/es/components/Coachmark/Coachmark.js +18 -11
- package/es/components/Coachmark/CoachmarkOverlay.js +30 -19
- package/es/components/Coachmark/utils/hooks.js +1 -1
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -2
- package/es/components/CoachmarkStack/CoachmarkStack.js +1 -1
- package/es/components/ComboButton/ComboButtonItem/index.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -6
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -8
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +0 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +2 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +65 -61
- package/es/components/ConditionBuilder/utils/util.js +0 -2
- package/es/components/CreateInfluencer/CreateInfluencer.d.ts +2 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +4 -4
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +5 -1
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.d.ts +2 -2
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -4
- package/es/components/Datagrid/Datagrid/DatagridHead.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +13 -10
- package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +14 -10
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +2 -2
- package/es/components/Datagrid/Datagrid/addons/{Slug/DatagridSlug.d.ts → AiLabel/DatagridAiLabel.d.ts} +3 -3
- package/es/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +29 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +5 -5
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +5 -5
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +2 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/index.d.ts +29 -22
- package/es/components/Datagrid/types/index.d.ts +7 -7
- package/es/components/Datagrid/useActionsColumn.js +1 -2
- package/es/components/Datagrid/useColumnCenterAlign.js +1 -2
- package/es/components/Datagrid/useColumnRightAlign.js +1 -2
- package/es/components/Datagrid/useCustomizeColumns.js +1 -2
- package/es/components/Datagrid/useDatagrid.js +1 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +3 -3
- package/es/components/Datagrid/useDisableSelectRows.js +1 -2
- package/es/components/Datagrid/useExpandedRow.js +1 -2
- package/es/components/Datagrid/useFiltering.js +1 -2
- package/es/components/Datagrid/useFlexResize.js +1 -1
- package/es/components/Datagrid/useInfiniteScroll.js +1 -2
- package/es/components/Datagrid/useInlineEdit.js +1 -2
- package/es/components/Datagrid/useNestedRowExpander.js +2 -2
- package/es/components/Datagrid/useNestedRows.js +1 -2
- package/es/components/Datagrid/useOnRowClick.js +1 -2
- package/es/components/Datagrid/useParentDimensions.js +5 -5
- package/es/components/Datagrid/useRowExpander.js +6 -7
- package/es/components/Datagrid/useRowIsMouseOver.js +1 -2
- package/es/components/Datagrid/useSelectAllToggle.js +1 -2
- package/es/components/Datagrid/useSelectRows.js +1 -2
- package/es/components/Datagrid/useSortableColumns.js +7 -8
- package/es/components/Datagrid/useStickyColumn.js +4 -5
- package/es/components/EmptyStates/EmptyState.d.ts +1 -1
- package/es/components/EmptyStates/EmptyState.js +8 -2
- package/es/components/EmptyStates/EmptyStateContent.d.ts +2 -1
- package/es/components/EmptyStates/EmptyStateIllustration.d.ts +2 -1
- package/es/components/EmptyStates/EmptyStateV2.d.ts +1 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/ErrorEmptyState/index.d.ts +8 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -2
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/index.d.ts +8 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -2
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/index.d.ts +8 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -2
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/index.d.ts +8 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -2
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/index.d.ts +8 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -2
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/index.d.ts +8 -1
- package/es/components/EmptyStates/assets/ErrorIllustration.d.ts +2 -1
- package/es/components/EmptyStates/assets/NoDataIllustration.d.ts +2 -1
- package/es/components/EmptyStates/assets/NoDataIllustration.js +5 -5
- package/es/components/EmptyStates/assets/NoTagsIllustration.d.ts +2 -1
- package/es/components/EmptyStates/assets/NotFoundIllustration.d.ts +2 -1
- package/es/components/EmptyStates/assets/NotificationsIllustration.d.ts +2 -1
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +8 -8
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.d.ts +2 -1
- package/es/components/EmptyStates/index.d.ts +22 -8
- package/es/components/ExportModal/ExportModal.js +1 -3
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +5 -0
- package/es/components/ExpressiveCard/ExpressiveCard.js +5 -0
- package/es/components/FeatureFlags/index.d.ts +5 -4
- package/es/components/FeatureFlags/index.js +17 -10
- package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
- package/es/components/FullPageError/assets/Error403SVG.d.ts +2 -1
- package/es/components/FullPageError/assets/Error404SVG.d.ts +2 -1
- package/es/components/FullPageError/assets/ErrorGenericSVG.d.ts +2 -1
- package/es/components/HTTPErrors/HTTPErrorContent.d.ts +2 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.d.ts +2 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.d.ts +2 -1
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.d.ts +2 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +4 -4
- package/es/components/Nav/NavItem.d.ts +2 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +8 -1
- package/es/components/PageHeader/PageHeader.d.ts +2 -0
- package/es/components/PageHeader/PageHeader.js +4 -1
- package/es/components/PageHeader/PageHeaderTitle.d.ts +3 -1
- package/es/components/PageHeader/PageHeaderTitle.js +42 -8
- package/es/components/ProductiveCard/ProductiveCard.d.ts +5 -0
- package/es/components/ProductiveCard/ProductiveCard.js +4 -0
- package/es/components/ScrollGradient/ScrollGradient.js +2 -2
- package/es/components/SidePanel/SidePanel.d.ts +5 -0
- package/es/components/SidePanel/SidePanel.js +30 -16
- package/es/components/SimpleHeader/SimpleHeader.d.ts +2 -1
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/es/components/TagOverflow/TagOverflow.d.ts +3 -0
- package/es/components/TagOverflow/TagOverflow.js +9 -4
- package/es/components/TagOverflow/TagOverflowModal.d.ts +6 -1
- package/es/components/TagOverflow/TagOverflowModal.js +17 -6
- package/es/components/TagOverflow/TagOverflowPopover.js +17 -9
- package/es/components/TagSet/TagSet.d.ts +4 -0
- package/es/components/TagSet/TagSet.js +20 -8
- package/es/components/TagSet/TagSetModal.js +0 -1
- package/es/components/Tearsheet/TearsheetShell.d.ts +13 -4
- package/es/components/Tearsheet/TearsheetShell.js +31 -20
- package/es/components/Toolbar/Toolbar.js +1 -1
- package/es/components/TooltipTrigger/TooltipTrigger.d.ts +2 -1
- package/es/components/TruncatedList/TruncatedList.js +1 -1
- package/es/components/_Canary/Canary.d.ts +2 -1
- package/es/global/js/hooks/usePreviousValue.js +1 -1
- package/es/index.js +29 -29
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +742 -740
- package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +2 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +1 -1
- package/lib/components/AboutModal/AboutModal.js +2 -4
- package/lib/components/ActionBar/ActionBarOverflowItems.d.ts +2 -2
- package/lib/components/AddSelect/AddSelectBody.js +8 -1
- package/lib/components/AddSelect/AddSelectBreadcrumbs.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectColumn.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectFilter.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectFilter.js +4 -4
- package/lib/components/AddSelect/AddSelectFormControl.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectList.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectMetaPanel.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectRow.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectSidebar.d.ts +2 -1
- package/lib/components/AddSelect/AddSelectSidebar.js +1 -1
- package/lib/components/AddSelect/AddSelectSort.d.ts +2 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +2 -1
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.d.ts +2 -1
- package/lib/components/Card/Card.d.ts +5 -1
- package/lib/components/Card/Card.js +9 -2
- package/lib/components/Card/CardFooter.d.ts +1 -1
- package/lib/components/Card/CardHeader.d.ts +12 -2
- package/lib/components/Card/CardHeader.js +17 -9
- package/lib/components/Carousel/Carousel.js +17 -8
- package/lib/components/Checklist/ChecklistChart.js +20 -4
- package/lib/components/Coachmark/Coachmark.js +17 -10
- package/lib/components/Coachmark/CoachmarkOverlay.js +29 -18
- package/lib/components/Coachmark/utils/hooks.js +1 -1
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -2
- package/lib/components/CoachmarkStack/CoachmarkStack.js +1 -1
- package/lib/components/ComboButton/ComboButtonItem/index.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -6
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -8
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +0 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +2 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +65 -61
- package/lib/components/ConditionBuilder/utils/util.js +0 -2
- package/lib/components/CreateInfluencer/CreateInfluencer.d.ts +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +4 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +5 -1
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.d.ts +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -4
- package/lib/components/Datagrid/Datagrid/DatagridHead.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +13 -10
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +14 -10
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +2 -2
- package/lib/components/Datagrid/Datagrid/addons/{Slug/DatagridSlug.d.ts → AiLabel/DatagridAiLabel.d.ts} +3 -3
- package/lib/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +31 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +5 -5
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +5 -5
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +2 -1
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/lib/components/Datagrid/index.d.ts +29 -22
- package/lib/components/Datagrid/types/index.d.ts +7 -7
- package/lib/components/Datagrid/useActionsColumn.js +1 -2
- package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
- package/lib/components/Datagrid/useCustomizeColumns.js +1 -2
- package/lib/components/Datagrid/useDatagrid.js +1 -2
- package/lib/components/Datagrid/useDefaultStringRenderer.js +3 -3
- package/lib/components/Datagrid/useDisableSelectRows.js +1 -2
- package/lib/components/Datagrid/useExpandedRow.js +1 -2
- package/lib/components/Datagrid/useFiltering.js +1 -2
- package/lib/components/Datagrid/useFlexResize.js +1 -1
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
- package/lib/components/Datagrid/useInlineEdit.js +1 -2
- package/lib/components/Datagrid/useNestedRowExpander.js +2 -2
- package/lib/components/Datagrid/useNestedRows.js +1 -2
- package/lib/components/Datagrid/useOnRowClick.js +1 -2
- package/lib/components/Datagrid/useParentDimensions.js +5 -5
- package/lib/components/Datagrid/useRowExpander.js +6 -7
- package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +1 -2
- package/lib/components/Datagrid/useSelectRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +7 -8
- package/lib/components/Datagrid/useStickyColumn.js +4 -5
- package/lib/components/EmptyStates/EmptyState.d.ts +1 -1
- package/lib/components/EmptyStates/EmptyState.js +7 -1
- package/lib/components/EmptyStates/EmptyStateContent.d.ts +2 -1
- package/lib/components/EmptyStates/EmptyStateIllustration.d.ts +2 -1
- package/lib/components/EmptyStates/EmptyStateV2.d.ts +1 -2
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -2
- package/lib/components/EmptyStates/ErrorEmptyState/index.d.ts +8 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -2
- package/lib/components/EmptyStates/NoDataEmptyState/index.d.ts +8 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -2
- package/lib/components/EmptyStates/NoTagsEmptyState/index.d.ts +8 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -2
- package/lib/components/EmptyStates/NotFoundEmptyState/index.d.ts +8 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -2
- package/lib/components/EmptyStates/NotificationsEmptyState/index.d.ts +8 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -2
- package/lib/components/EmptyStates/UnauthorizedEmptyState/index.d.ts +8 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.d.ts +2 -1
- package/lib/components/EmptyStates/assets/NoDataIllustration.d.ts +2 -1
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +5 -5
- package/lib/components/EmptyStates/assets/NoTagsIllustration.d.ts +2 -1
- package/lib/components/EmptyStates/assets/NotFoundIllustration.d.ts +2 -1
- package/lib/components/EmptyStates/assets/NotificationsIllustration.d.ts +2 -1
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +8 -8
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.d.ts +2 -1
- package/lib/components/EmptyStates/index.d.ts +22 -8
- package/lib/components/ExportModal/ExportModal.js +1 -3
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +5 -0
- package/lib/components/ExpressiveCard/ExpressiveCard.js +5 -0
- package/lib/components/FeatureFlags/index.d.ts +5 -4
- package/lib/components/FeatureFlags/index.js +16 -9
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
- package/lib/components/FullPageError/assets/Error403SVG.d.ts +2 -1
- package/lib/components/FullPageError/assets/Error404SVG.d.ts +2 -1
- package/lib/components/FullPageError/assets/ErrorGenericSVG.d.ts +2 -1
- package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +2 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.d.ts +2 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.d.ts +2 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.d.ts +2 -1
- package/lib/components/InterstitialScreen/InterstitialScreen.js +4 -4
- package/lib/components/Nav/NavItem.d.ts +2 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +8 -1
- package/lib/components/PageHeader/PageHeader.d.ts +2 -0
- package/lib/components/PageHeader/PageHeader.js +4 -1
- package/lib/components/PageHeader/PageHeaderTitle.d.ts +3 -1
- package/lib/components/PageHeader/PageHeaderTitle.js +39 -5
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +5 -0
- package/lib/components/ProductiveCard/ProductiveCard.js +4 -0
- package/lib/components/ScrollGradient/ScrollGradient.js +2 -2
- package/lib/components/SidePanel/SidePanel.d.ts +5 -0
- package/lib/components/SidePanel/SidePanel.js +30 -16
- package/lib/components/SimpleHeader/SimpleHeader.d.ts +2 -1
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/lib/components/TagOverflow/TagOverflow.d.ts +3 -0
- package/lib/components/TagOverflow/TagOverflow.js +8 -3
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +6 -1
- package/lib/components/TagOverflow/TagOverflowModal.js +16 -5
- package/lib/components/TagOverflow/TagOverflowPopover.js +16 -8
- package/lib/components/TagSet/TagSet.d.ts +4 -0
- package/lib/components/TagSet/TagSet.js +19 -7
- package/lib/components/TagSet/TagSetModal.js +0 -1
- package/lib/components/Tearsheet/TearsheetShell.d.ts +13 -4
- package/lib/components/Tearsheet/TearsheetShell.js +31 -20
- package/lib/components/Toolbar/Toolbar.js +1 -1
- package/lib/components/TooltipTrigger/TooltipTrigger.d.ts +2 -1
- package/lib/components/TruncatedList/TruncatedList.js +1 -1
- package/lib/components/_Canary/Canary.d.ts +2 -1
- package/lib/global/js/hooks/usePreviousValue.js +1 -1
- package/lib/index.js +88 -88
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +742 -740
- package/package.json +11 -11
- package/scss/components/Card/_card.scss +14 -6
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +4 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +82 -2
- package/scss/components/PageHeader/_page-header.scss +16 -3
- package/scss/components/SidePanel/_side-panel.scss +12 -6
- package/scss/components/Tearsheet/_tearsheet.scss +13 -3
- package/telemetry.yml +1 -0
- package/es/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +0 -29
- package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +0 -31
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.
|
4
|
+
"version": "2.53.0-rc.0",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -81,7 +81,7 @@
|
|
81
81
|
"fs-extra": "^11.2.0",
|
82
82
|
"glob": "^10.3.10",
|
83
83
|
"jest": "^29.7.0",
|
84
|
-
"jest-config-ibm-cloud-cognitive": "^1.
|
84
|
+
"jest-config-ibm-cloud-cognitive": "^1.12.0-rc.0",
|
85
85
|
"jest-environment-jsdom": "^29.7.0",
|
86
86
|
"namor": "^1.1.2",
|
87
87
|
"npm-check-updates": "^16.14.12",
|
@@ -95,8 +95,8 @@
|
|
95
95
|
},
|
96
96
|
"dependencies": {
|
97
97
|
"@babel/runtime": "^7.23.9",
|
98
|
-
"@carbon/feature-flags": "^0.
|
99
|
-
"@carbon/ibm-products-styles": "^2.
|
98
|
+
"@carbon/feature-flags": "^0.23.1",
|
99
|
+
"@carbon/ibm-products-styles": "^2.49.0-rc.0",
|
100
100
|
"@carbon/telemetry": "^0.1.0",
|
101
101
|
"@dnd-kit/core": "^6.0.8",
|
102
102
|
"@dnd-kit/modifiers": "^7.0.0",
|
@@ -111,14 +111,14 @@
|
|
111
111
|
"react-window": "^1.8.10"
|
112
112
|
},
|
113
113
|
"peerDependencies": {
|
114
|
-
"@carbon/grid": "^11.
|
115
|
-
"@carbon/layout": "^11.
|
116
|
-
"@carbon/motion": "^11.
|
117
|
-
"@carbon/react": "^1.
|
118
|
-
"@carbon/themes": "^11.
|
119
|
-
"@carbon/type": "^11.
|
114
|
+
"@carbon/grid": "^11.28.1",
|
115
|
+
"@carbon/layout": "^11.27.1",
|
116
|
+
"@carbon/motion": "^11.23.1",
|
117
|
+
"@carbon/react": "^1.68.0",
|
118
|
+
"@carbon/themes": "^11.42.0",
|
119
|
+
"@carbon/type": "^11.32.1",
|
120
120
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
121
121
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
122
122
|
},
|
123
|
-
"gitHead": "
|
123
|
+
"gitHead": "847e38fa424e320632c444ac2e1e8f8ab4671ac9"
|
124
124
|
}
|
@@ -5,6 +5,8 @@
|
|
5
5
|
// LICENSE file in the root directory of this source tree.
|
6
6
|
//
|
7
7
|
|
8
|
+
// NOTE: Please do not remove the duplicate `slug` and `ai-label` classes. We need both until slug is fully deprecated
|
9
|
+
|
8
10
|
// Standard imports.
|
9
11
|
@use '@carbon/styles/scss/theme' as *;
|
10
12
|
@use '@carbon/styles/scss/spacing' as *;
|
@@ -148,16 +150,19 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
|
|
148
150
|
right: $spacing-05;
|
149
151
|
}
|
150
152
|
|
151
|
-
.#{$block-class}__header-container--has-slug
|
153
|
+
.#{$block-class}__header-container--has-slug,
|
154
|
+
.#{$block-class}__header-container--has-ai-label {
|
152
155
|
width: 100%;
|
153
156
|
padding-right: $spacing-07;
|
154
157
|
}
|
155
158
|
|
156
|
-
.#{$block-class}__header-container--has-slug.#{$block-class}__header-container--has-actions
|
159
|
+
.#{$block-class}__header-container--has-slug.#{$block-class}__header-container--has-actions,
|
160
|
+
.#{$block-class}__header-container--has-ai-label.#{$block-class}__header-container--has-actions {
|
157
161
|
padding-right: $spacing-08;
|
158
162
|
}
|
159
163
|
|
160
|
-
.#{$block-class}__header-container--has-slug.#{$block-class}__header-container--large-tile-or-label
|
164
|
+
.#{$block-class}__header-container--has-slug.#{$block-class}__header-container--large-tile-or-label,
|
165
|
+
.#{$block-class}__header-container--has-ai-label.#{$block-class}__header-container--large-tile-or-label {
|
161
166
|
padding-right: $spacing-09;
|
162
167
|
}
|
163
168
|
|
@@ -170,7 +175,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
|
|
170
175
|
pointer-events: none;
|
171
176
|
}
|
172
177
|
|
173
|
-
.#{$block-class}--has-slug
|
178
|
+
.#{$block-class}--has-slug,
|
179
|
+
.#{$block-class}--has-ai-label {
|
174
180
|
@include utilities.ai-popover-gradient('default', 0, 'layer');
|
175
181
|
|
176
182
|
border: 1px solid transparent;
|
@@ -178,7 +184,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
|
|
178
184
|
0 4px 10px 2px $ai-drop-shadow;
|
179
185
|
}
|
180
186
|
|
181
|
-
.#{$block-class}__clickable.#{$block-class}--has-slug::before
|
187
|
+
.#{$block-class}__clickable.#{$block-class}--has-slug::before,
|
188
|
+
.#{$block-class}__clickable.#{$block-class}--has-ai-label::before {
|
182
189
|
@include utilities.ai-popover-gradient('hover', 0, 'layer');
|
183
190
|
|
184
191
|
position: absolute;
|
@@ -193,7 +200,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
|
|
193
200
|
transition: opacity $duration-fast-02 motion(standard, productive);
|
194
201
|
}
|
195
202
|
|
196
|
-
.#{$block-class}__clickable.#{$block-class}--has-slug:hover::before
|
203
|
+
.#{$block-class}__clickable.#{$block-class}--has-slug:hover::before,
|
204
|
+
.#{$block-class}__clickable.#{$block-class}--has-ai-label:hover::before {
|
197
205
|
opacity: 1;
|
198
206
|
}
|
199
207
|
|
@@ -285,6 +285,10 @@ $colors: (
|
|
285
285
|
/* stylelint-disable-next-line carbon/motion-easing-use */
|
286
286
|
transition: transform motion(exit, productive) $duration-fast-02;
|
287
287
|
}
|
288
|
+
.#{$block-class}__condition--interacting
|
289
|
+
.#{$block-class}__close-condition-wrapper {
|
290
|
+
z-index: 2;
|
291
|
+
}
|
288
292
|
}
|
289
293
|
|
290
294
|
.#{$block-class}__invalid-input {
|
@@ -156,6 +156,7 @@
|
|
156
156
|
background-color: $background;
|
157
157
|
}
|
158
158
|
|
159
|
+
/* This section to be removed after support for slug dropped - start */
|
159
160
|
.#{$block-class} th.#{$block-class}__with-slug {
|
160
161
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
161
162
|
box-shadow: inset 0 1px $ai-border-strong;
|
@@ -228,6 +229,80 @@
|
|
228
229
|
.#{c4p-settings.$carbon-prefix}--slug {
|
229
230
|
margin-left: $spacing-03;
|
230
231
|
}
|
232
|
+
/* This section to be removed after support for slug dropped - end */
|
233
|
+
|
234
|
+
.#{$block-class} th.#{$block-class}__with-ai-label {
|
235
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
236
|
+
box-shadow: inset 0 1px $ai-border-strong;
|
237
|
+
}
|
238
|
+
|
239
|
+
.#{$block-class} th.#{$block-class}__with-ai-label,
|
240
|
+
.#{$block-class} td.#{$block-class}__ai-label--cell {
|
241
|
+
@include ai-table-gradient();
|
242
|
+
}
|
243
|
+
|
244
|
+
.#{$block-class}
|
245
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
246
|
+
tbody
|
247
|
+
tr.#{$block-class}__ai-label--row,
|
248
|
+
.#{$block-class}
|
249
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
250
|
+
tbody
|
251
|
+
tr.#{$block-class}__ai-label--row
|
252
|
+
+ .#{$block-class}__expanded-row {
|
253
|
+
@include ai-table-gradient();
|
254
|
+
|
255
|
+
background-attachment: fixed;
|
256
|
+
}
|
257
|
+
|
258
|
+
.#{$block-class}
|
259
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
260
|
+
tbody
|
261
|
+
tr.#{$block-class}__ai-label--row {
|
262
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
263
|
+
box-shadow: inset 1px 0 $ai-border-strong;
|
264
|
+
}
|
265
|
+
|
266
|
+
.#{$block-class}
|
267
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
268
|
+
tbody
|
269
|
+
tr.#{$block-class}__ai-label--row:hover,
|
270
|
+
.#{$block-class}
|
271
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
272
|
+
tbody
|
273
|
+
tr.#{$block-class}__ai-label--row.#{c4p-settings.$carbon-prefix}--data-table--selected:hover,
|
274
|
+
.#{$block-class}
|
275
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
276
|
+
tbody
|
277
|
+
tr.#{$block-class}__ai-label--row.#{$block-class}__carbon-row-expanded:hover
|
278
|
+
+ .#{$block-class}__expanded-row,
|
279
|
+
.#{$block-class}
|
280
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
281
|
+
tbody
|
282
|
+
tr.#{$block-class}__expandable-row--hover.#{$block-class}__ai-label--row {
|
283
|
+
@include ai-table-gradient('hover');
|
284
|
+
}
|
285
|
+
|
286
|
+
.#{$block-class}
|
287
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
288
|
+
tbody
|
289
|
+
tr.#{$block-class}__expandable-row--hover.#{$block-class}__ai-label--row
|
290
|
+
td {
|
291
|
+
background-color: transparent;
|
292
|
+
}
|
293
|
+
|
294
|
+
.#{$block-class}
|
295
|
+
.#{c4p-settings.$carbon-prefix}--data-table
|
296
|
+
tbody
|
297
|
+
tr.#{$block-class}__ai-label--row.#{c4p-settings.$carbon-prefix}--data-table--selected {
|
298
|
+
@include ai-table-gradient('selected');
|
299
|
+
}
|
300
|
+
|
301
|
+
.#{$block-class}
|
302
|
+
th.#{$block-class}__with-ai-label
|
303
|
+
.#{c4p-settings.$carbon-prefix}--slug {
|
304
|
+
margin-left: $spacing-03;
|
305
|
+
}
|
231
306
|
|
232
307
|
.#{$block-class}__grid-container {
|
233
308
|
display: block;
|
@@ -315,7 +390,8 @@
|
|
315
390
|
white-space: initial;
|
316
391
|
}
|
317
392
|
|
318
|
-
.#{$block-class}__defaultStringRenderer.#{$block-class}__defaultStringRenderer--slug
|
393
|
+
.#{$block-class}__defaultStringRenderer.#{$block-class}__defaultStringRenderer--slug,
|
394
|
+
.#{$block-class}__defaultStringRenderer.#{$block-class}__defaultStringRenderer--ai-label {
|
319
395
|
width: fit-content;
|
320
396
|
}
|
321
397
|
|
@@ -446,6 +522,8 @@
|
|
446
522
|
}
|
447
523
|
|
448
524
|
.#{$block-class}__resizableColumn:hover {
|
525
|
+
background-color: $background-selected-hover;
|
526
|
+
|
449
527
|
.#{$block-class}__resizer {
|
450
528
|
border-right: $spacing-01 solid $border-strong-01;
|
451
529
|
background-color: $background-selected-hover;
|
@@ -889,7 +967,9 @@
|
|
889
967
|
.#{$block-class} .#{$block-class}__table-row-ai-enabled {
|
890
968
|
display: flex;
|
891
969
|
align-items: center;
|
892
|
-
|
970
|
+
|
971
|
+
&.#{$block-class}__slug--expanded,
|
972
|
+
&.#{$block-class}__ai-label--expanded {
|
893
973
|
border: none;
|
894
974
|
}
|
895
975
|
}
|
@@ -433,13 +433,26 @@ $right-section-alt-width: 100% - $left-section-alt-width;
|
|
433
433
|
}
|
434
434
|
}
|
435
435
|
|
436
|
+
.#{$block-class}__tooltip {
|
437
|
+
min-width: 0;
|
438
|
+
flex-basis: auto;
|
439
|
+
|
440
|
+
button {
|
441
|
+
border-block-end: none;
|
442
|
+
cursor: default;
|
443
|
+
}
|
444
|
+
}
|
445
|
+
.#{$block-class}__titleText {
|
446
|
+
display: block;
|
447
|
+
overflow: hidden;
|
448
|
+
text-overflow: ellipsis;
|
449
|
+
white-space: nowrap;
|
450
|
+
}
|
436
451
|
.#{$block-class}__title {
|
437
452
|
@include type.type-style('heading-04');
|
438
453
|
|
454
|
+
display: flex;
|
439
455
|
min-height: $spacing-08;
|
440
|
-
overflow-x: hidden;
|
441
|
-
text-overflow: ellipsis;
|
442
|
-
white-space: nowrap;
|
443
456
|
}
|
444
457
|
|
445
458
|
.#{$block-class}__title--editable {
|
@@ -109,7 +109,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
109
109
|
left: 0;
|
110
110
|
border-right: 1px solid $border-subtle-02;
|
111
111
|
}
|
112
|
-
&.#{$block-class}.#{$block-class}--has-slug
|
112
|
+
&.#{$block-class}.#{$block-class}--has-slug,
|
113
|
+
&.#{$block-class}.#{$block-class}--has-ai-label {
|
113
114
|
border-color: transparent;
|
114
115
|
box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
|
115
116
|
0 4px 10px 2px $ai-drop-shadow;
|
@@ -195,13 +196,15 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
195
196
|
|
196
197
|
&.#{$block-class}:has(.#{$block-class}__action-toolbar),
|
197
198
|
&.#{$block-class}--has-action-toolbar,
|
198
|
-
&.#{$block-class}--has-slug
|
199
|
+
&.#{$block-class}--has-slug,
|
200
|
+
&.#{$block-class}--has-ai-label {
|
199
201
|
--#{$block-class}--title-padding-right: #{$spacing-10};
|
200
202
|
}
|
201
203
|
|
202
204
|
&.#{$block-class}:has(.#{$block-class}__action-toolbar),
|
203
205
|
&.#{$block-class}--has-action-toolbar {
|
204
|
-
&.#{$block-class}--has-slug
|
206
|
+
&.#{$block-class}--has-slug,
|
207
|
+
&.#{$block-class}--has-ai-label {
|
205
208
|
--#{$block-class}--title-padding-right: #{$spacing-11};
|
206
209
|
}
|
207
210
|
}
|
@@ -308,7 +311,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
308
311
|
padding-top: $spacing-03;
|
309
312
|
}
|
310
313
|
|
311
|
-
&.#{$block-class}--has-slug .#{$block-class}--scrolls
|
314
|
+
&.#{$block-class}--has-slug .#{$block-class}--scrolls,
|
315
|
+
&.#{$block-class}--has-ai-label .#{$block-class}--scrolls {
|
312
316
|
@include utilities.ai-popover-gradient('default', 0, 'layer');
|
313
317
|
|
314
318
|
box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
|
@@ -362,7 +366,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
362
366
|
height: $spacing-08;
|
363
367
|
}
|
364
368
|
|
365
|
-
.#{$block-class}__slug-and-close
|
369
|
+
.#{$block-class}__slug-and-close,
|
370
|
+
.#{$block-class}__ai-label-and-close {
|
366
371
|
position: absolute;
|
367
372
|
z-index: 10; /* must be higher than title container border bottom */
|
368
373
|
top: 0;
|
@@ -464,7 +469,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
464
469
|
inset: 0;
|
465
470
|
}
|
466
471
|
|
467
|
-
.#{$block-class}--has-slug + .#{$block-class}__overlay
|
472
|
+
.#{$block-class}--has-slug + .#{$block-class}__overlay,
|
473
|
+
.#{$block-class}--has-ai-label + .#{$block-class}__overlay {
|
468
474
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
469
475
|
background-color: $ai-overlay;
|
470
476
|
}
|
@@ -110,6 +110,8 @@ $motion-duration: $duration-moderate-02;
|
|
110
110
|
}
|
111
111
|
|
112
112
|
&.#{$block-class}.#{$block-class}.#{$block-class}.#{$block-class}--has-slug
|
113
|
+
.#{$block-class}__container,
|
114
|
+
&.#{$block-class}.#{$block-class}.#{$block-class}.#{$block-class}--has-ai-label
|
113
115
|
.#{$block-class}__container {
|
114
116
|
border: 1px solid transparent;
|
115
117
|
border-bottom: 0;
|
@@ -276,11 +278,15 @@ $motion-duration: $duration-moderate-02;
|
|
276
278
|
|
277
279
|
&.#{$block-class}--wide
|
278
280
|
.#{$block-class}__header.#{$block-class}__header--with-close-icon,
|
279
|
-
&.#{$block-class}--has-slug .#{$block-class}__header.#{$block-class}__header
|
281
|
+
&.#{$block-class}--has-slug .#{$block-class}__header.#{$block-class}__header,
|
282
|
+
&.#{$block-class}--has-ai-label
|
283
|
+
.#{$block-class}__header.#{$block-class}__header {
|
280
284
|
padding-inline-end: $spacing-11;
|
281
285
|
}
|
282
286
|
|
283
287
|
&.#{$block-class}--wide.#{$block-class}--has-slug
|
288
|
+
.#{$block-class}__header.#{$block-class}__header--with-close-icon,
|
289
|
+
&.#{$block-class}--wide.#{$block-class}--has-ai-label
|
284
290
|
.#{$block-class}__header.#{$block-class}__header--with-close-icon {
|
285
291
|
/* spacing 11 plus additional space for slug/close */
|
286
292
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
@@ -362,7 +368,8 @@ $motion-duration: $duration-moderate-02;
|
|
362
368
|
flex-grow: 1;
|
363
369
|
}
|
364
370
|
|
365
|
-
&.#{$block-class}--has-slug .#{$block-class}__content
|
371
|
+
&.#{$block-class}--has-slug .#{$block-class}__content,
|
372
|
+
&.#{$block-class}--has-ai-label .#{$block-class}__content {
|
366
373
|
@include utilities.ai-popover-gradient('default', 0);
|
367
374
|
|
368
375
|
box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow;
|
@@ -418,12 +425,15 @@ $motion-duration: $duration-moderate-02;
|
|
418
425
|
background: $background;
|
419
426
|
}
|
420
427
|
|
421
|
-
&.#{$block-class}--has-slug
|
428
|
+
&.#{$block-class}--has-slug,
|
429
|
+
&.#{$block-class}--has-ai-label {
|
422
430
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
423
431
|
--overlay-color: #{$ai-overlay};
|
424
432
|
}
|
425
433
|
|
426
434
|
&.#{$block-class}--has-slug:not(.#{$block-class}--has-close)
|
435
|
+
.#{$carbon-prefix}--slug,
|
436
|
+
&.#{$block-class}--has-ai-label:not(.#{$block-class}--has-close)
|
427
437
|
.#{$carbon-prefix}--slug {
|
428
438
|
inset-inline-end: 0;
|
429
439
|
margin-block: 6px;
|
package/telemetry.yml
CHANGED
@@ -1,29 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright IBM Corp. 2020, 2024
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
import React__default, { forwardRef, isValidElement } from 'react';
|
9
|
-
import PropTypes from '../../../../../_virtual/index.js';
|
10
|
-
|
11
|
-
var DatagridSlug = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
12
|
-
var slug = _ref.slug;
|
13
|
-
if (slug && /*#__PURE__*/isValidElement(slug)) {
|
14
|
-
var normalizedSlug = /*#__PURE__*/React__default.cloneElement(slug, {
|
15
|
-
size: 'mini',
|
16
|
-
ref: ref
|
17
|
-
});
|
18
|
-
return normalizedSlug;
|
19
|
-
}
|
20
|
-
return null;
|
21
|
-
});
|
22
|
-
DatagridSlug.propTypes = {
|
23
|
-
/**
|
24
|
-
* Specify the AI slug to be displayed
|
25
|
-
*/
|
26
|
-
slug: PropTypes.node
|
27
|
-
};
|
28
|
-
|
29
|
-
export { DatagridSlug };
|
@@ -1,31 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright IBM Corp. 2020, 2024
|
3
|
-
*
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
'use strict';
|
9
|
-
|
10
|
-
var React = require('react');
|
11
|
-
var index = require('../../../../../_virtual/index.js');
|
12
|
-
|
13
|
-
var DatagridSlug = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
14
|
-
var slug = _ref.slug;
|
15
|
-
if (slug && /*#__PURE__*/React.isValidElement(slug)) {
|
16
|
-
var normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
|
17
|
-
size: 'mini',
|
18
|
-
ref: ref
|
19
|
-
});
|
20
|
-
return normalizedSlug;
|
21
|
-
}
|
22
|
-
return null;
|
23
|
-
});
|
24
|
-
DatagridSlug.propTypes = {
|
25
|
-
/**
|
26
|
-
* Specify the AI slug to be displayed
|
27
|
-
*/
|
28
|
-
slug: index.default.node
|
29
|
-
};
|
30
|
-
|
31
|
-
exports.DatagridSlug = DatagridSlug;
|