@carbon/ibm-products 2.54.0-canary.8 → 2.54.0-canary.81
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/css/index-full-carbon.css +1399 -690
- 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 +987 -64
- 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 +610 -562
- 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 +692 -567
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
- package/es/components/APIKeyModal/APIKeyModal.d.ts +13 -0
- package/es/components/APIKeyModal/APIKeyModal.js +85 -38
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +21 -3
- package/es/components/AboutModal/AboutModal.js +3 -6
- package/es/components/AddSelect/hooks/useFocus.js +1 -2
- package/es/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/es/components/AddSelect/hooks/usePath.js +1 -2
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +18 -9
- package/es/components/Card/Card.d.ts +3 -3
- package/es/components/Card/Card.js +12 -12
- package/es/components/Card/CardHeader.d.ts +7 -7
- package/es/components/Card/CardHeader.js +14 -12
- package/es/components/Checklist/Checklist.js +1 -1
- package/es/components/Checklist/ChecklistIcon.js +1 -1
- package/es/components/Coachmark/Coachmark.d.ts +5 -0
- package/es/components/Coachmark/Coachmark.js +11 -3
- package/es/components/Coachmark/CoachmarkOverlay.js +4 -0
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +17 -0
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +57 -12
- package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +4 -0
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +18 -6
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
- package/es/components/ConditionBuilder/utils/util.js +0 -4
- package/es/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +4 -3
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +6 -3
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +31 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
- package/es/components/Datagrid/useCustomizeColumns.js +4 -4
- package/es/components/Datagrid/useDatagrid.js +2 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/es/components/Datagrid/useEditableCell.js +1 -2
- package/es/components/Datagrid/useFlexResize.js +1 -2
- package/es/components/Datagrid/useFloatingScroll.js +1 -2
- package/es/components/Datagrid/useNestedRowExpander.js +1 -2
- package/es/components/Datagrid/useParentDimensions.js +1 -2
- package/es/components/Datagrid/useResizeTable.js +1 -2
- package/es/components/Datagrid/useRowExpander.js +1 -2
- package/es/components/Datagrid/useRowRenderer.js +1 -2
- package/es/components/Datagrid/useRowSize.js +1 -2
- package/es/components/Datagrid/useSkeletonRows.js +1 -2
- package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +1 -0
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +5 -0
- package/es/components/DecoratorLink/DecoratorLink.d.ts +1 -0
- package/es/components/DecoratorLink/DecoratorLink.js +5 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +1 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +5 -0
- package/es/components/DescriptionList/DescriptionList.d.ts +1 -0
- package/es/components/DescriptionList/DescriptionList.js +5 -0
- package/es/components/EditFullPage/EditFullPage.d.ts +2 -0
- package/es/components/EditFullPage/EditFullPage.js +8 -0
- package/es/components/EditSidePanel/EditSidePanel.d.ts +2 -0
- package/es/components/EditSidePanel/EditSidePanel.js +8 -0
- package/es/components/EditTearsheet/EditTearsheet.d.ts +2 -0
- package/es/components/EditTearsheet/EditTearsheet.js +8 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +2 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +8 -0
- package/es/components/EditUpdateCards/EditUpdateCards.d.ts +2 -0
- package/es/components/EditUpdateCards/EditUpdateCards.js +8 -0
- package/es/components/EmptyStates/EmptyStateIllustration.js +1 -2
- package/es/components/EmptyStates/EmptyStateV2.d.ts +1 -0
- package/es/components/EmptyStates/EmptyStateV2.js +7 -0
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/EmptyStates/assets/ErrorIllustration.js +3 -5
- package/es/components/EmptyStates/assets/NoDataIllustration.js +3 -5
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +3 -5
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +3 -5
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +3 -5
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +3 -5
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +5 -5
- package/es/components/ExpressiveCard/ExpressiveCard.js +5 -5
- package/es/components/FilterPanel/FilterPanel.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanel.js +6 -0
- package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +5 -0
- package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +5 -1
- package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -0
- package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +5 -0
- package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +5 -0
- package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +5 -1
- package/es/components/FilterSummary/FilterSummary.js +1 -1
- package/es/components/FullPageError/FullPageError.js +7 -7
- package/es/components/FullPageError/assets/Error403SVG.d.ts +1 -3
- package/es/components/FullPageError/assets/Error403SVG.js +4 -6
- package/es/components/FullPageError/assets/Error404SVG.d.ts +1 -3
- package/es/components/FullPageError/assets/Error404SVG.js +4 -6
- package/es/components/FullPageError/assets/ErrorGenericSVG.d.ts +1 -3
- package/es/components/FullPageError/assets/ErrorGenericSVG.js +4 -6
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
- package/es/components/InlineTip/InlineTip.d.ts +5 -0
- package/es/components/InlineTip/InlineTip.js +17 -8
- package/es/components/InterstitialScreen/InterstitialScreen.js +2 -3
- package/es/components/Nav/Nav.d.ts +3 -0
- package/es/components/Nav/Nav.js +8 -0
- package/es/components/Nav/NavItemLink.js +1 -2
- package/es/components/PageHeader/PageHeader.js +13 -3
- package/es/components/PageHeader/PageHeaderTitle.js +10 -29
- package/es/components/ProductiveCard/ProductiveCard.d.ts +9 -5
- package/es/components/ProductiveCard/ProductiveCard.js +11 -9
- package/es/components/SidePanel/SidePanel.d.ts +6 -1
- package/es/components/SidePanel/SidePanel.js +27 -14
- package/es/components/StatusIndicator/StatusIndicator.d.ts +1 -0
- package/es/components/StatusIndicator/StatusIndicator.js +5 -0
- package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +1 -0
- package/es/components/StatusIndicator/StatusIndicatorStep.js +5 -0
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +3 -1
- package/es/components/TagOverflow/TagOverflow.js +2 -5
- package/es/components/Tearsheet/TearsheetShell.d.ts +4 -0
- package/es/components/Tearsheet/TearsheetShell.js +7 -60
- package/es/global/js/hooks/useFocus.d.ts +1 -0
- package/es/global/js/hooks/useFocus.js +24 -1
- package/es/global/js/hooks/usePrefersReducedMotion.js +1 -2
- package/es/global/js/package-settings.d.ts +1 -1
- package/es/global/js/package-settings.js +1 -1
- package/es/global/js/utils/checkForOverflow.d.ts +5 -0
- package/es/global/js/utils/checkForOverflow.js +31 -0
- package/es/index.js +1 -1
- package/es/settings.d.ts +1 -1
- package/lib/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.js +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.d.ts +13 -0
- package/lib/components/APIKeyModal/APIKeyModal.js +83 -34
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +21 -3
- package/lib/components/AboutModal/AboutModal.js +2 -5
- package/lib/components/AddSelect/hooks/useFocus.js +1 -2
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/lib/components/AddSelect/hooks/usePath.js +1 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +17 -8
- package/lib/components/Card/Card.d.ts +3 -3
- package/lib/components/Card/Card.js +12 -12
- package/lib/components/Card/CardHeader.d.ts +7 -7
- package/lib/components/Card/CardHeader.js +14 -12
- package/lib/components/Checklist/ChecklistChart.js +7 -7
- package/lib/components/Coachmark/Coachmark.d.ts +5 -0
- package/lib/components/Coachmark/Coachmark.js +11 -3
- package/lib/components/Coachmark/CoachmarkOverlay.js +4 -0
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +17 -0
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +56 -11
- package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +4 -0
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +18 -6
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
- package/lib/components/ConditionBuilder/utils/util.js +0 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +4 -3
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +5 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +30 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
- package/lib/components/Datagrid/useColumnOrder.js +1 -1
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/lib/components/Datagrid/useEditableCell.js +1 -2
- package/lib/components/Datagrid/useFlexResize.js +1 -2
- package/lib/components/Datagrid/useFloatingScroll.js +1 -2
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -2
- package/lib/components/Datagrid/useParentDimensions.js +1 -2
- package/lib/components/Datagrid/useResizeTable.js +1 -2
- package/lib/components/Datagrid/useRowExpander.js +1 -2
- package/lib/components/Datagrid/useRowRenderer.js +1 -2
- package/lib/components/Datagrid/useRowSize.js +1 -2
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +1 -0
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +5 -0
- package/lib/components/DecoratorLink/DecoratorLink.d.ts +1 -0
- package/lib/components/DecoratorLink/DecoratorLink.js +5 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +1 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +5 -0
- package/lib/components/DescriptionList/DescriptionList.d.ts +1 -0
- package/lib/components/DescriptionList/DescriptionList.js +5 -0
- package/lib/components/EditFullPage/EditFullPage.d.ts +2 -0
- package/lib/components/EditFullPage/EditFullPage.js +8 -0
- package/lib/components/EditSidePanel/EditSidePanel.d.ts +2 -0
- package/lib/components/EditSidePanel/EditSidePanel.js +8 -0
- package/lib/components/EditTearsheet/EditTearsheet.d.ts +2 -0
- package/lib/components/EditTearsheet/EditTearsheet.js +8 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +2 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +8 -0
- package/lib/components/EditUpdateCards/EditUpdateCards.d.ts +2 -0
- package/lib/components/EditUpdateCards/EditUpdateCards.js +8 -0
- package/lib/components/EmptyStates/EmptyStateIllustration.js +1 -2
- package/lib/components/EmptyStates/EmptyStateV2.d.ts +1 -0
- package/lib/components/EmptyStates/EmptyStateV2.js +7 -0
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +2 -4
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +2 -4
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +2 -4
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +2 -4
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +2 -4
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +2 -4
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +5 -5
- package/lib/components/ExpressiveCard/ExpressiveCard.js +5 -5
- package/lib/components/FilterPanel/FilterPanel.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanel.js +6 -0
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +5 -0
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +5 -1
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -0
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +5 -0
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +5 -0
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +5 -1
- package/lib/components/FilterSummary/FilterSummary.js +1 -1
- package/lib/components/FullPageError/FullPageError.js +7 -7
- package/lib/components/FullPageError/assets/Error403SVG.d.ts +1 -3
- package/lib/components/FullPageError/assets/Error403SVG.js +4 -6
- package/lib/components/FullPageError/assets/Error404SVG.d.ts +1 -3
- package/lib/components/FullPageError/assets/Error404SVG.js +4 -6
- package/lib/components/FullPageError/assets/ErrorGenericSVG.d.ts +1 -3
- package/lib/components/FullPageError/assets/ErrorGenericSVG.js +4 -6
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
- package/lib/components/InlineTip/InlineTip.d.ts +5 -0
- package/lib/components/InlineTip/InlineTip.js +17 -8
- package/lib/components/InterstitialScreen/InterstitialScreen.js +2 -3
- package/lib/components/Nav/Nav.d.ts +3 -0
- package/lib/components/Nav/Nav.js +8 -0
- package/lib/components/Nav/NavItemLink.js +1 -2
- package/lib/components/PageHeader/PageHeader.js +12 -2
- package/lib/components/PageHeader/PageHeaderTitle.js +8 -27
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +9 -5
- package/lib/components/ProductiveCard/ProductiveCard.js +11 -9
- package/lib/components/SidePanel/SidePanel.d.ts +6 -1
- package/lib/components/SidePanel/SidePanel.js +27 -14
- package/lib/components/StatusIndicator/StatusIndicator.d.ts +1 -0
- package/lib/components/StatusIndicator/StatusIndicator.js +5 -0
- package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +1 -0
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +5 -0
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +3 -1
- package/lib/components/TagOverflow/TagOverflow.js +1 -4
- package/lib/components/Tearsheet/TearsheetShell.d.ts +4 -0
- package/lib/components/Tearsheet/TearsheetShell.js +6 -59
- package/lib/global/js/hooks/useFocus.d.ts +1 -0
- package/lib/global/js/hooks/useFocus.js +24 -0
- package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -2
- package/lib/global/js/package-settings.d.ts +1 -1
- package/lib/global/js/package-settings.js +1 -1
- package/lib/global/js/utils/checkForOverflow.d.ts +5 -0
- package/lib/global/js/utils/checkForOverflow.js +34 -0
- package/lib/index.js +109 -109
- package/lib/settings.d.ts +1 -1
- package/package.json +11 -11
- package/scss/components/APIKeyModal/_api-key-modal.scss +4 -0
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +3 -3
- package/scss/components/Card/_card.scss +19 -5
- package/scss/components/Coachmark/_coachmark-overlay.scss +2 -2
- package/scss/components/Coachmark/_coachmark-tagline.scss +1 -1
- package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +3 -3
- package/scss/components/CoachmarkStack/_coachmark-stack.scss +2 -2
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +7 -7
- package/scss/components/CreateInfluencer/_create-influencer.scss +2 -2
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +1 -2
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +4 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +21 -14
- package/scss/components/Datagrid/styles/_draggableElement.scss +2 -2
- package/scss/components/Datagrid/styles/_useColumnRightAlign.scss +1 -1
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +1 -1
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +1 -1
- package/scss/components/Datagrid/styles/_useNestedRows.scss +2 -2
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +2 -2
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +1 -1
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +1 -1
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -1
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +1 -2
- package/scss/components/DecoratorBase/_decorator-base-mixins.scss +1 -1
- package/scss/components/DecoratorBase/_decorator-base.scss +3 -3
- package/scss/components/DecoratorDualButton/_decorator-dual-button.scss +1 -1
- package/scss/components/DecoratorSingleButton/_decorator-single-button.scss +1 -1
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +1 -2
- package/scss/components/EditUpdateCards/_edit-update-cards.scss +7 -7
- package/scss/components/FullPageError/_full-page-error.scss +1 -1
- package/scss/components/GetStartedCard/_get-started-card.scss +1 -1
- package/scss/components/Guidebanner/_guidebanner.scss +4 -4
- package/scss/components/HTTPErrors/_http-errors.scss +1 -1
- package/scss/components/InlineTip/_inline-tip.scss +4 -4
- package/scss/components/InterstitialScreen/_interstitial-screen.scss +6 -6
- package/scss/components/NonLinearReading/_non-linear-reading.scss +2 -2
- package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -3
- package/scss/components/OptionsTile/_options-tile.scss +6 -8
- package/scss/components/PageHeader/_page-header.scss +38 -19
- package/scss/components/ProductiveCard/_productive-card.scss +2 -2
- package/scss/components/SidePanel/_side-panel.scss +24 -17
- package/scss/components/StatusIcon/_status-icon.scss +9 -7
- package/scss/components/StatusIndicator/_status-indicator.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +5 -5
- package/scss/components/UserAvatar/_user-avatar.scss +5 -3
- package/scss/components/UserProfileImage/_user-profile-image.scss +6 -4
- package/scss/components/WebTerminal/_web-terminal.scss +2 -2
- package/scss/components/_index-released-only.scss +1 -0
- package/telemetry.yml +3 -0
package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js
CHANGED
@@ -191,6 +191,5 @@ CustomizeColumnsTearsheet.propTypes = {
|
|
191
191
|
selectAllLabel: index.default.string,
|
192
192
|
setIsTearsheetOpen: index.default.func.isRequired
|
193
193
|
};
|
194
|
-
var CustomizeColumnsTearsheet$1 = CustomizeColumnsTearsheet;
|
195
194
|
|
196
|
-
exports.default = CustomizeColumnsTearsheet
|
195
|
+
exports.default = CustomizeColumnsTearsheet;
|
@@ -65,6 +65,5 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
|
|
65
65
|
TearsheetWrapper.propTypes = {
|
66
66
|
instance: index.default.object.isRequired
|
67
67
|
};
|
68
|
-
var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
|
69
68
|
|
70
|
-
exports.default =
|
69
|
+
exports.default = TearsheetWrapper;
|
@@ -316,7 +316,6 @@ FilterPanel.propTypes = {
|
|
316
316
|
title: index.default.string,
|
317
317
|
updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT])
|
318
318
|
};
|
319
|
-
var FilterPanel$1 = FilterPanel;
|
320
319
|
|
321
320
|
exports.componentClass = componentClass;
|
322
|
-
exports.default = FilterPanel
|
321
|
+
exports.default = FilterPanel;
|
@@ -33,6 +33,5 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
|
|
33
33
|
}, [filtersState, prevFiltersRef]);
|
34
34
|
return [shouldDisableButtons, setShouldDisableButtons];
|
35
35
|
};
|
36
|
-
var useShouldDisableButtons$1 = useShouldDisableButtons;
|
37
36
|
|
38
|
-
exports.default = useShouldDisableButtons
|
37
|
+
exports.default = useShouldDisableButtons;
|
package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js
CHANGED
@@ -25,6 +25,5 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
|
|
25
25
|
EventEmitter.subscribe(type, callback);
|
26
26
|
});
|
27
27
|
};
|
28
|
-
var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
|
29
28
|
|
30
|
-
exports.default = useSubscribeToEventEmitter
|
29
|
+
exports.default = useSubscribeToEventEmitter;
|
@@ -89,6 +89,5 @@ RowSizeRadioGroup.propTypes = {
|
|
89
89
|
selectedOption: index.default.string.isRequired,
|
90
90
|
tableId: index.default.string.isRequired
|
91
91
|
};
|
92
|
-
var RowSizeRadioGroup$1 = RowSizeRadioGroup;
|
93
92
|
|
94
|
-
exports.default = RowSizeRadioGroup
|
93
|
+
exports.default = RowSizeRadioGroup;
|
@@ -30,7 +30,7 @@ var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, o
|
|
30
30
|
});
|
31
31
|
};
|
32
32
|
var handleColumnResizingEvent = function handleColumnResizingEvent(dispatch, header, newWidth, isKeyEvent) {
|
33
|
-
|
33
|
+
{
|
34
34
|
dispatch({
|
35
35
|
type: COLUMN_RESIZE_START,
|
36
36
|
payload: {
|
@@ -40,6 +40,5 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
|
|
40
40
|
};
|
41
41
|
hooks.visibleColumns.push(visibleColumns);
|
42
42
|
};
|
43
|
-
var useDefaultStringRenderer$1 = useDefaultStringRenderer;
|
44
43
|
|
45
|
-
exports.default = useDefaultStringRenderer
|
44
|
+
exports.default = useDefaultStringRenderer;
|
@@ -14,6 +14,5 @@ var useInlineEdit = require('./useInlineEdit.js');
|
|
14
14
|
var useEditableCell = function useEditableCell(hooks) {
|
15
15
|
useInlineEdit.default(hooks);
|
16
16
|
};
|
17
|
-
var useEditableCell$1 = useEditableCell;
|
18
17
|
|
19
|
-
exports.default = useEditableCell
|
18
|
+
exports.default = useEditableCell;
|
@@ -77,6 +77,5 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
|
|
77
77
|
hooks.useInstance.push(useAddScrollListener);
|
78
78
|
hooks.useInstance.push(useInstance);
|
79
79
|
};
|
80
|
-
var useFloatingScroll$1 = useFloatingScroll;
|
81
80
|
|
82
|
-
exports.default = useFloatingScroll
|
81
|
+
exports.default = useFloatingScroll;
|
@@ -119,6 +119,5 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
119
119
|
hooks.visibleColumns.push(visibleColumns);
|
120
120
|
hooks.useInstance.push(useInstance);
|
121
121
|
};
|
122
|
-
var useNestedRowExpander$1 = useNestedRowExpander;
|
123
122
|
|
124
|
-
exports.default = useNestedRowExpander
|
123
|
+
exports.default = useNestedRowExpander;
|
@@ -69,6 +69,5 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
69
69
|
hooks.visibleColumns.push(visibleColumns);
|
70
70
|
hooks.useInstance.push(useInstance);
|
71
71
|
};
|
72
|
-
var useRowExpander$1 = useRowExpander;
|
73
72
|
|
74
|
-
exports.default = useRowExpander
|
73
|
+
exports.default = useRowExpander;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
/**
|
2
2
|
* The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
|
3
|
+
* @deprecated This component is deprecated
|
3
4
|
*/
|
4
5
|
export let DecoratorDualButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
|
5
6
|
import React from 'react';
|
@@ -19,6 +19,7 @@ var componentName = 'DecoratorDualButton';
|
|
19
19
|
|
20
20
|
/**
|
21
21
|
* The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
|
22
|
+
* @deprecated This component is deprecated
|
22
23
|
*/
|
23
24
|
exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
24
25
|
var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
|
@@ -28,6 +29,10 @@ exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref
|
|
28
29
|
kind: "dual-button"
|
29
30
|
}, devtools.getDevtoolsProps(componentName)));
|
30
31
|
});
|
32
|
+
exports.DecoratorDualButton.deprecated = {
|
33
|
+
level: 'warn',
|
34
|
+
details: "This component is deprecated"
|
35
|
+
};
|
31
36
|
|
32
37
|
// Return a placeholder if not released and not enabled by feature flag
|
33
38
|
exports.DecoratorDualButton = settings.pkg.checkComponentEnabled(exports.DecoratorDualButton, componentName);
|
@@ -19,6 +19,7 @@ var componentName = 'DecoratorLink';
|
|
19
19
|
|
20
20
|
/**
|
21
21
|
* The DecoratorLink groups a key/value pair to behave like a link.
|
22
|
+
* @deprecated This component is deprecated
|
22
23
|
*/
|
23
24
|
exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
24
25
|
var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
@@ -28,6 +29,10 @@ exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
28
29
|
kind: "link"
|
29
30
|
}, devtools.getDevtoolsProps(componentName)));
|
30
31
|
});
|
32
|
+
exports.DecoratorLink.deprecated = {
|
33
|
+
level: 'warn',
|
34
|
+
details: "This component is deprecated"
|
35
|
+
};
|
31
36
|
|
32
37
|
// Return a placeholder if not released and not enabled by feature flag
|
33
38
|
exports.DecoratorLink = settings.pkg.checkComponentEnabled(exports.DecoratorLink, componentName);
|
@@ -19,6 +19,7 @@ var componentName = 'DecoratorSingleButton';
|
|
19
19
|
|
20
20
|
/**
|
21
21
|
* The DecoratorSingleButton groups a key/value pair to behave like a button.
|
22
|
+
* @deprecated This component is deprecated
|
22
23
|
*/
|
23
24
|
exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
24
25
|
var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
@@ -28,6 +29,10 @@ exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, r
|
|
28
29
|
kind: "single-button"
|
29
30
|
}, devtools.getDevtoolsProps(componentName)));
|
30
31
|
});
|
32
|
+
exports.DecoratorSingleButton.deprecated = {
|
33
|
+
level: 'warn',
|
34
|
+
details: "This component is deprecated"
|
35
|
+
};
|
31
36
|
|
32
37
|
// Return a placeholder if not released and not enabled by feature flag
|
33
38
|
exports.DecoratorSingleButton = settings.pkg.checkComponentEnabled(exports.DecoratorSingleButton, componentName);
|
@@ -41,6 +41,7 @@ var defaults = {
|
|
41
41
|
|
42
42
|
/**
|
43
43
|
* Type layouts provide an orderly layout of terms and definitions.
|
44
|
+
* @deprecated This component is deprecated
|
44
45
|
*/
|
45
46
|
exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
46
47
|
var _ref$border = _ref.border,
|
@@ -60,6 +61,10 @@ exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
60
61
|
selection: false
|
61
62
|
}, children));
|
62
63
|
});
|
64
|
+
exports.DescriptionList.deprecated = {
|
65
|
+
level: 'warn',
|
66
|
+
details: "This component is deprecated"
|
67
|
+
};
|
63
68
|
|
64
69
|
// Return a placeholder if not released and not enabled by feature flag
|
65
70
|
exports.DescriptionList = settings.pkg.checkComponentEnabled(exports.DescriptionList, componentName);
|
@@ -16,7 +16,9 @@ export interface EditFullPageProps {
|
|
16
16
|
children: ReactNode;
|
17
17
|
}
|
18
18
|
/**
|
19
|
+
* **This component is deprecated.** <br>
|
19
20
|
* Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
|
20
21
|
* See usage guidance for further details.
|
22
|
+
* @deprecated
|
21
23
|
*/
|
22
24
|
export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -40,8 +40,10 @@ var componentName = 'EditFullPage';
|
|
40
40
|
// };
|
41
41
|
|
42
42
|
/**
|
43
|
+
* **This component is deprecated.** <br>
|
43
44
|
* Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
|
44
45
|
* See usage guidance for further details.
|
46
|
+
* @deprecated
|
45
47
|
*/
|
46
48
|
exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
47
49
|
var className = _ref.className,
|
@@ -62,6 +64,12 @@ exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
62
64
|
}, devtools.getDevtoolsProps(componentName)), children);
|
63
65
|
});
|
64
66
|
|
67
|
+
/**@ts-ignore*/
|
68
|
+
exports.EditFullPage.deprecated = {
|
69
|
+
level: 'warn',
|
70
|
+
details: "This component is deprecated and will be removed in the next major version."
|
71
|
+
};
|
72
|
+
|
65
73
|
// Return a placeholder if not released and not enabled by feature flag
|
66
74
|
exports.EditFullPage = settings.pkg.checkComponentEnabled(exports.EditFullPage, componentName);
|
67
75
|
|
@@ -89,6 +89,8 @@ export interface EditSidePanelProps {
|
|
89
89
|
title: string;
|
90
90
|
}
|
91
91
|
/**
|
92
|
+
* **This component is deprecated.** <br>
|
92
93
|
* Use with medium complexity edits if the user needs page context.
|
94
|
+
* @deprecated
|
93
95
|
*/
|
94
96
|
export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -27,7 +27,9 @@ var componentName = 'EditSidePanel';
|
|
27
27
|
// NOTE: the component SCSS is not imported here: it is rolled up separately.
|
28
28
|
|
29
29
|
/**
|
30
|
+
* **This component is deprecated.** <br>
|
30
31
|
* Use with medium complexity edits if the user needs page context.
|
32
|
+
* @deprecated
|
31
33
|
*/
|
32
34
|
exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
33
35
|
var children = _ref.children,
|
@@ -94,6 +96,12 @@ exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
94
96
|
}, children));
|
95
97
|
});
|
96
98
|
|
99
|
+
/**@ts-ignore*/
|
100
|
+
exports.EditSidePanel.deprecated = {
|
101
|
+
level: 'warn',
|
102
|
+
details: "This component is deprecated and will be removed in the next major version."
|
103
|
+
};
|
104
|
+
|
97
105
|
// Return a placeholder if not released and not enabled by feature flag
|
98
106
|
exports.EditSidePanel = settings.pkg.checkComponentEnabled(exports.EditSidePanel, componentName);
|
99
107
|
|
@@ -81,7 +81,9 @@ interface EditTearsheetProps extends PropsWithChildren {
|
|
81
81
|
verticalPosition?: 'normal' | 'lower';
|
82
82
|
}
|
83
83
|
/**
|
84
|
+
* **This component is deprecated.** <br>
|
84
85
|
* Use Tearsheet with medium to complex edits. See usage guidance for further information.
|
86
|
+
* @deprecated
|
85
87
|
*/
|
86
88
|
export declare let EditTearsheet: React.ForwardRefExoticComponent<EditTearsheetProps & React.RefAttributes<HTMLDivElement>>;
|
87
89
|
export {};
|
@@ -40,7 +40,9 @@ var defaults = {
|
|
40
40
|
// corresponding props for TearsheetNarrow and TearsheetShell components.
|
41
41
|
|
42
42
|
/**
|
43
|
+
* **This component is deprecated.** <br>
|
43
44
|
* Use Tearsheet with medium to complex edits. See usage guidance for further information.
|
45
|
+
* @deprecated
|
44
46
|
*/
|
45
47
|
exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
46
48
|
var cancelButtonText = _ref.cancelButtonText,
|
@@ -173,6 +175,12 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
173
175
|
})))));
|
174
176
|
});
|
175
177
|
|
178
|
+
/**@ts-ignore*/
|
179
|
+
exports.EditTearsheet.deprecated = {
|
180
|
+
level: 'warn',
|
181
|
+
details: "This component is deprecated and will be removed in the next major version."
|
182
|
+
};
|
183
|
+
|
176
184
|
// Return a placeholder if not released and not enabled by feature flag
|
177
185
|
exports.EditTearsheet = settings.pkg.checkComponentEnabled(exports.EditTearsheet, componentName);
|
178
186
|
|
@@ -16,6 +16,8 @@ export interface EditTearsheetNarrowProps {
|
|
16
16
|
className?: string;
|
17
17
|
}
|
18
18
|
/**
|
19
|
+
* **This component is deprecated.** <br>
|
19
20
|
* Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
|
21
|
+
* @deprecated
|
20
22
|
*/
|
21
23
|
export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -40,7 +40,9 @@ var componentName = 'EditTearsheetNarrow';
|
|
40
40
|
// };
|
41
41
|
|
42
42
|
/**
|
43
|
+
* **This component is deprecated.** <br>
|
43
44
|
* Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
|
45
|
+
* @deprecated
|
44
46
|
*/
|
45
47
|
exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
46
48
|
var children = _ref.children,
|
@@ -61,6 +63,12 @@ exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
61
63
|
}, devtools.getDevtoolsProps(componentName)), children);
|
62
64
|
});
|
63
65
|
|
66
|
+
/**@ts-ignore*/
|
67
|
+
exports.EditTearsheetNarrow.deprecated = {
|
68
|
+
level: 'warn',
|
69
|
+
details: "This component is deprecated and will be removed in the next major version."
|
70
|
+
};
|
71
|
+
|
64
72
|
// Return a placeholder if not released and not enabled by feature flag
|
65
73
|
exports.EditTearsheetNarrow = settings.pkg.checkComponentEnabled(exports.EditTearsheetNarrow, componentName);
|
66
74
|
|
@@ -102,9 +102,11 @@ export interface EditUpdateCardsProps {
|
|
102
102
|
titleSize?: 'default' | 'large';
|
103
103
|
}
|
104
104
|
/**
|
105
|
+
* **This component is deprecated.** <br>
|
105
106
|
Editable cards allow a user to view, modify, and save the content contained within the card.
|
106
107
|
These cards are generally used in instances where a user needs to make changes to a resource instances
|
107
108
|
(ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
|
109
|
+
@deprecated
|
108
110
|
*/
|
109
111
|
export declare let EditUpdateCards: React.ForwardRefExoticComponent<EditUpdateCardsProps & React.RefAttributes<HTMLDivElement>>;
|
110
112
|
export {};
|
@@ -43,9 +43,11 @@ var componentName = 'EditUpdateCards';
|
|
43
43
|
// };
|
44
44
|
|
45
45
|
/**
|
46
|
+
* **This component is deprecated.** <br>
|
46
47
|
Editable cards allow a user to view, modify, and save the content contained within the card.
|
47
48
|
These cards are generally used in instances where a user needs to make changes to a resource instances
|
48
49
|
(ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
|
50
|
+
@deprecated
|
49
51
|
*/
|
50
52
|
exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
51
53
|
var actionIcons = _ref.actionIcons,
|
@@ -97,6 +99,12 @@ exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
97
99
|
}, editMode && conditionalProps), editMode === false && /*#__PURE__*/React.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React.createElement("div", null, editChildren)));
|
98
100
|
});
|
99
101
|
|
102
|
+
/**@ts-ignore*/
|
103
|
+
exports.EditUpdateCards.deprecated = {
|
104
|
+
level: 'warn',
|
105
|
+
details: "This component is deprecated and will be removed in the next major version."
|
106
|
+
};
|
107
|
+
|
100
108
|
// Return a placeholder if not released and not enabled by feature flag
|
101
109
|
exports.EditUpdateCards = settings.pkg.checkComponentEnabled(exports.EditUpdateCards, componentName);
|
102
110
|
|
@@ -61,6 +61,5 @@ var EmptyStateIllustration = function EmptyStateIllustration(_ref) {
|
|
61
61
|
EmptyStateIllustration.propTypes = {
|
62
62
|
kind: index.default.string
|
63
63
|
};
|
64
|
-
var EmptyStateIllustration$1 = EmptyStateIllustration;
|
65
64
|
|
66
|
-
exports.default = EmptyStateIllustration
|
65
|
+
exports.default = EmptyStateIllustration;
|
@@ -62,5 +62,6 @@ export interface EmptyStateV2Props {
|
|
62
62
|
/**
|
63
63
|
* This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
|
64
64
|
* In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
|
65
|
+
* @deprecated
|
65
66
|
*/
|
66
67
|
export declare let EmptyStateV2: React.ForwardRefExoticComponent<EmptyStateV2Props & React.RefAttributes<HTMLDivElement>>;
|
@@ -23,6 +23,7 @@ var componentName = 'EmptyStateV2';
|
|
23
23
|
/**
|
24
24
|
* This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
|
25
25
|
* In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
|
26
|
+
* @deprecated
|
26
27
|
*/
|
27
28
|
|
28
29
|
exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
@@ -67,6 +68,12 @@ exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
67
68
|
}), link.text)));
|
68
69
|
});
|
69
70
|
|
71
|
+
/**@ts-ignore*/
|
72
|
+
exports.EmptyStateV2.deprecated = {
|
73
|
+
level: 'warn',
|
74
|
+
details: 'For more information, please refer to the Carbon docs https://carbondesignsystem.com/patterns/empty-states-pattern/'
|
75
|
+
};
|
76
|
+
|
70
77
|
// Return a placeholder if not released and not enabled by feature flag
|
71
78
|
exports.EmptyStateV2 = settings.pkg.checkComponentEnabled(exports.EmptyStateV2, componentName);
|
72
79
|
exports.EmptyStateV2.propTypes = {
|
@@ -41,7 +41,7 @@ exports.ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
41
41
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
42
|
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--error")),
|
43
43
|
ref: ref
|
44
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration.
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration.ErrorIllustration, {
|
45
45
|
theme: illustrationTheme,
|
46
46
|
size: size,
|
47
47
|
alt: illustrationDescription || title
|
@@ -42,7 +42,7 @@ exports.NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
42
42
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
43
43
|
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
|
44
44
|
ref: ref
|
45
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration.
|
45
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration.NoDataIllustration, {
|
46
46
|
theme: illustrationTheme,
|
47
47
|
size: size,
|
48
48
|
alt: illustrationDescription || title
|
@@ -41,7 +41,7 @@ exports.NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
41
41
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
42
|
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noTags")),
|
43
43
|
ref: ref
|
44
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration.
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration.NoTagsIllustration, {
|
45
45
|
theme: illustrationTheme,
|
46
46
|
size: size,
|
47
47
|
alt: illustrationDescription || title
|
@@ -41,7 +41,7 @@ exports.NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
41
41
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
42
|
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notFound")),
|
43
43
|
ref: ref
|
44
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration.
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration.NotFoundIllustration, {
|
45
45
|
theme: illustrationTheme,
|
46
46
|
size: size,
|
47
47
|
alt: illustrationDescription || title
|
@@ -41,7 +41,7 @@ exports.NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref,
|
|
41
41
|
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
42
42
|
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notifications")),
|
43
43
|
ref: ref
|
44
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration.
|
44
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration.NotificationsIllustration, {
|
45
45
|
size: size,
|
46
46
|
theme: illustrationTheme,
|
47
47
|
alt: illustrationDescription || title
|