@carbon/ibm-products 2.0.0-rc.0 → 2.0.0-rc.10
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +2 -2
- package/css/index-full-carbon.css +1223 -325
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +6 -8
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +792 -174
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +4 -8
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1109 -419
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +6 -8
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1024 -274
- package/css/index.css.map +1 -1
- package/css/index.min.css +6 -8
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +1 -0
- package/es/components/ActionSet/ActionSet.js +7 -3
- package/es/components/AddSelect/AddSelect.js +6 -6
- package/es/components/AddSelect/AddSelectBody.js +72 -31
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +12 -4
- package/es/components/AddSelect/AddSelectColumn.js +8 -8
- package/es/components/AddSelect/AddSelectFilter.js +10 -7
- package/es/components/AddSelect/AddSelectList.js +64 -29
- package/es/components/AddSelect/AddSelectMetaPanel.js +7 -1
- package/es/components/AddSelect/AddSelectSidebar.js +5 -2
- package/es/components/AddSelect/AddSelectSort.js +2 -2
- package/es/components/AddSelect/add-select-utils.js +9 -2
- package/es/components/AddSelect/hooks/useItemSort.js +6 -0
- package/es/components/AddSelect/hooks/useParentSelect.js +6 -0
- package/es/components/AddSelect/hooks/usePath.js +15 -1
- package/es/components/AddSelect/index.js +1 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +4 -6
- package/es/components/Card/Card.js +16 -6
- package/es/components/Card/CardFooter.js +3 -1
- package/es/components/Card/CardHeader.js +20 -1
- package/es/components/ComboButton/ComboButton.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +4 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +8 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +64 -11
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +7 -0
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +6 -5
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +40 -0
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +10 -38
- package/es/components/Datagrid/Datagrid/DatagridContent.js +154 -0
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +53 -6
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -3
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +13 -4
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +142 -11
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +6 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +5 -45
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +4 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +36 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +62 -26
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +3 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +60 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +537 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +112 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +27 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +39 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +19 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +263 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +87 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +17 -14
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +13 -36
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/CustomizeColumnStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/LeftPanelStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/RowSizeDropdownStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/SelectAllWithToggleStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/StickyActionsColumnStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/common.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/index.js +0 -0
- package/es/components/Datagrid/index.js +3 -1
- package/es/components/Datagrid/useActionsColumn.js +53 -12
- package/es/components/Datagrid/useColumnOrder.js +8 -0
- package/es/components/Datagrid/useCustomizeColumns.js +5 -0
- package/es/components/Datagrid/useDefaultStringRenderer.js +4 -1
- package/es/components/Datagrid/useDisableSelectRows.js +6 -2
- package/es/components/Datagrid/useExpandedRow.js +0 -1
- package/es/components/Datagrid/useInfiniteScroll.js +5 -2
- package/es/components/Datagrid/useInlineEdit.js +71 -0
- package/es/components/Datagrid/useNestedRowExpander.js +47 -0
- package/es/components/Datagrid/useNestedRows.js +16 -4
- package/es/components/Datagrid/useRowExpander.js +12 -4
- package/es/components/Datagrid/useRowSize.js +17 -6
- package/es/components/Datagrid/useSelectAllToggle.js +17 -4
- package/es/components/Datagrid/useSelectRows.js +13 -3
- package/es/components/Datagrid/useSortableColumns.js +1 -1
- package/es/components/Datagrid/useStickyColumn.js +14 -0
- package/es/components/Datagrid/utils/DatagridActions.js +236 -0
- package/es/components/Datagrid/utils/DatagridPagination.js +33 -0
- package/es/components/Datagrid/utils/Wrapper.js +21 -0
- package/es/components/Datagrid/utils/getArgTypes.js +89 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +153 -0
- package/es/components/Datagrid/utils/makeData.js +47 -2
- package/es/components/EditUpdateCards/EditUpdateCards.js +144 -0
- package/es/components/EditUpdateCards/index.js +7 -0
- package/es/components/ExportModal/ExportModal.js +1 -1
- package/es/components/ImportModal/ImportModal.js +3 -3
- package/es/components/InlineEdit/InlineEdit.js +28 -426
- package/es/components/InlineEditV1/InlineEditV1.js +447 -0
- package/es/components/InlineEditV1/index.js +7 -0
- package/es/components/InlineEditV2/InlineEditV2.js +289 -0
- package/es/components/InlineEditV2/index.js +7 -0
- package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -1
- package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +1 -1
- package/es/components/MultiAddSelect/MultiAddSelect.js +14 -7
- package/es/components/MultiAddSelect/index.js +6 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/OptionsTile/OptionsTile.js +29 -13
- package/es/components/PageHeader/PageHeader.js +4 -4
- package/es/components/PageHeader/PageHeaderTitle.js +1 -1
- package/es/components/ProductiveCard/ProductiveCard.js +5 -0
- package/es/components/RemoveModal/RemoveModal.js +20 -3
- package/es/components/Saving/Saving.js +1 -1
- package/es/components/SidePanel/SidePanel.js +45 -52
- package/es/components/SidePanel/motion/variants.js +45 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +6 -0
- package/es/components/SingleAddSelect/index.js +6 -0
- package/es/components/StatusIcon/StatusIcon.js +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/components/WebTerminal/WebTerminal.js +2 -2
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
- package/es/components/WebTerminal/hooks/index.js +6 -0
- package/es/components/WebTerminal/index.js +6 -0
- package/es/components/WebTerminal/preview-components/Navigation.js +7 -1
- package/es/components/WebTerminal/preview-components/documentationLinks.js +6 -0
- package/es/components/WebTerminal/preview-components/index.js +7 -0
- package/es/components/index.js +3 -2
- package/es/global/js/hooks/index.js +2 -1
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/hooks/useControllableState.js +83 -0
- package/es/global/js/hooks/useResetCreateComponent.js +6 -2
- package/es/global/js/package-settings.js +7 -4
- package/es/global/js/utils/getBezierValues.js +20 -0
- package/es/global/js/utils/getNumberOfHiddenSteps.js +19 -0
- package/es/global/js/utils/motionConstants.js +45 -0
- package/es/global/js/utils/rangeWithCallback.js +13 -0
- package/es/global/js/utils/story-helper.js +5 -1
- package/es/global/js/utils/uuidv4.spec.js +4 -0
- package/lib/components/APIKeyModal/APIKeyModal.js +4 -4
- package/lib/components/ActionBar/ActionBarOverflowItems.js +1 -0
- package/lib/components/ActionSet/ActionSet.js +7 -3
- package/lib/components/AddSelect/AddSelect.js +5 -6
- package/lib/components/AddSelect/AddSelectBody.js +67 -30
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +15 -4
- package/lib/components/AddSelect/AddSelectColumn.js +7 -7
- package/lib/components/AddSelect/AddSelectFilter.js +9 -6
- package/lib/components/AddSelect/AddSelectList.js +65 -30
- package/lib/components/AddSelect/AddSelectMetaPanel.js +8 -2
- package/lib/components/AddSelect/AddSelectSidebar.js +4 -1
- package/lib/components/AddSelect/AddSelectSort.js +5 -5
- package/lib/components/AddSelect/add-select-utils.js +9 -2
- package/lib/components/AddSelect/hooks/useItemSort.js +6 -0
- package/lib/components/AddSelect/hooks/useParentSelect.js +6 -0
- package/lib/components/AddSelect/hooks/usePath.js +9 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -6
- package/lib/components/Card/Card.js +16 -6
- package/lib/components/Card/CardFooter.js +3 -1
- package/lib/components/Card/CardHeader.js +21 -1
- package/lib/components/ComboButton/ComboButton.js +3 -3
- package/lib/components/CreateFullPage/CreateFullPage.js +4 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +9 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +64 -10
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +7 -0
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +6 -5
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +51 -0
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +1 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.js +12 -45
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +188 -0
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +63 -6
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +12 -3
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +16 -5
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +151 -9
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -1
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +7 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +12 -47
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +5 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +48 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +60 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +3 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +76 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +13 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +562 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +13 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +129 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +36 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +19 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +45 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +28 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +272 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +100 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +17 -13
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +13 -35
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/CustomizeColumnStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/LeftPanelStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/RowSizeDropdownStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/SelectAllWithToggleStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/StickyActionsColumnStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/common.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/index.js +0 -0
- package/lib/components/Datagrid/index.js +17 -1
- package/lib/components/Datagrid/useActionsColumn.js +53 -13
- package/lib/components/Datagrid/useColumnOrder.js +17 -0
- package/lib/components/Datagrid/useCustomizeColumns.js +5 -0
- package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -1
- package/lib/components/Datagrid/useDisableSelectRows.js +6 -2
- package/lib/components/Datagrid/useExpandedRow.js +0 -1
- package/lib/components/Datagrid/useInfiniteScroll.js +5 -2
- package/lib/components/Datagrid/useInlineEdit.js +85 -0
- package/lib/components/Datagrid/useNestedRowExpander.js +63 -0
- package/lib/components/Datagrid/useNestedRows.js +17 -4
- package/lib/components/Datagrid/useRowExpander.js +17 -5
- package/lib/components/Datagrid/useRowSize.js +18 -13
- package/lib/components/Datagrid/useSelectAllToggle.js +18 -4
- package/lib/components/Datagrid/useSelectRows.js +13 -3
- package/lib/components/Datagrid/useSortableColumns.js +5 -5
- package/lib/components/Datagrid/useStickyColumn.js +14 -0
- package/lib/components/Datagrid/utils/DatagridActions.js +260 -0
- package/lib/components/Datagrid/utils/DatagridPagination.js +46 -0
- package/lib/components/Datagrid/utils/Wrapper.js +33 -0
- package/lib/components/Datagrid/utils/getArgTypes.js +97 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +168 -0
- package/lib/components/Datagrid/utils/makeData.js +48 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +152 -0
- package/lib/components/EditUpdateCards/index.js +13 -0
- package/lib/components/ExportModal/ExportModal.js +3 -3
- package/lib/components/ImportModal/ImportModal.js +4 -4
- package/lib/components/InlineEdit/InlineEdit.js +27 -426
- package/lib/components/InlineEditV1/InlineEditV1.js +464 -0
- package/lib/components/InlineEditV1/index.js +13 -0
- package/lib/components/InlineEditV2/InlineEditV2.js +309 -0
- package/lib/components/InlineEditV2/index.js +13 -0
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +2 -2
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +3 -3
- package/lib/components/MultiAddSelect/MultiAddSelect.js +14 -7
- package/lib/components/NotificationsPanel/NotificationsPanel.js +8 -8
- package/lib/components/OptionsTile/OptionsTile.js +34 -17
- package/lib/components/PageHeader/PageHeader.js +5 -5
- package/lib/components/PageHeader/PageHeaderTitle.js +1 -1
- package/lib/components/ProductiveCard/ProductiveCard.js +5 -0
- package/lib/components/RemoveModal/RemoveModal.js +20 -3
- package/lib/components/Saving/Saving.js +5 -5
- package/lib/components/SidePanel/SidePanel.js +48 -53
- package/lib/components/SidePanel/motion/variants.js +55 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.js +6 -0
- package/lib/components/StatusIcon/StatusIcon.js +45 -45
- package/lib/components/UserProfileImage/UserProfileImage.js +7 -7
- package/lib/components/WebTerminal/WebTerminal.js +3 -3
- package/lib/components/WebTerminal/hooks/index.js +6 -0
- package/lib/components/WebTerminal/preview-components/Navigation.js +10 -4
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +6 -0
- package/lib/components/index.js +21 -1
- package/lib/global/js/hooks/index.js +9 -1
- package/lib/global/js/hooks/useClickOutside.js +1 -1
- package/lib/global/js/hooks/useControllableState.js +94 -0
- package/lib/global/js/hooks/useResetCreateComponent.js +7 -2
- package/lib/global/js/package-settings.js +7 -4
- package/lib/global/js/utils/getBezierValues.js +29 -0
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +28 -0
- package/lib/global/js/utils/motionConstants.js +55 -0
- package/lib/global/js/utils/rangeWithCallback.js +22 -0
- package/lib/global/js/utils/story-helper.js +5 -1
- package/lib/global/js/utils/uuidv4.spec.js +4 -0
- package/package.json +18 -16
- package/scss/components/AboutModal/_about-modal.scss +2 -1
- package/scss/components/ActionSet/_action-set.scss +9 -4
- package/scss/components/AddSelect/_add-select.scss +132 -34
- package/scss/components/AddSelect/_index.scss +1 -1
- package/scss/components/AddSelect/_storybook-styles.scss +1 -1
- package/scss/components/Card/_card.scss +1 -0
- package/scss/components/Cascade/_cascade.scss +1 -1
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +2 -0
- package/scss/components/Datagrid/_datagrid.scss +15 -0
- package/scss/components/Datagrid/_storybook-styles.scss +17 -5
- package/scss/components/Datagrid/styles/_datagrid.scss +129 -20
- package/scss/components/Datagrid/styles/_draggableElement.scss +26 -9
- package/scss/components/Datagrid/styles/_index.scss +1 -0
- package/scss/components/Datagrid/styles/_useActionsColumn.scss +14 -0
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +57 -11
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +419 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +33 -1
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +31 -2
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +47 -6
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +9 -1
- package/scss/components/EditUpdateCards/_carbon-imports.scss +9 -0
- package/scss/components/EditUpdateCards/_edit-update-cards.scss +85 -0
- package/scss/components/EditUpdateCards/_index-with-carbon.scss +9 -0
- package/scss/components/EditUpdateCards/_index.scss +8 -0
- package/scss/components/EditUpdateCards/_storybook-styles.scss +55 -0
- package/scss/components/{InlineEdit → InlineEditV1}/_carbon-imports.scss +0 -0
- package/scss/components/{InlineEdit → InlineEditV1}/_index-with-carbon.scss +1 -1
- package/scss/components/{InlineEdit → InlineEditV1}/_index.scss +1 -1
- package/scss/components/{InlineEdit/_inline-edit.scss → InlineEditV1/_inline-edit-v1.scss} +5 -3
- package/scss/components/{InlineEdit → InlineEditV1}/_storybook-styles.scss +0 -0
- package/scss/components/InlineEditV2/_carbon-imports.scss +9 -0
- package/scss/components/InlineEditV2/_index-with-carbon.scss +9 -0
- package/scss/components/InlineEditV2/_index.scss +10 -0
- package/scss/components/InlineEditV2/_inline-edit-v2.scss +83 -0
- package/scss/components/InlineEditV2/_storybook-styles.scss +9 -0
- package/scss/components/MultiAddSelect/_multi-add-select.scss +7 -0
- package/scss/components/MultiAddSelect/_storybook-styles.scss +1 -1
- package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -6
- package/scss/components/RemoveModal/_remove-modal.scss +0 -4
- package/scss/components/SidePanel/_side-panel.scss +3 -82
- package/scss/components/SidePanel/_storybook-styles.scss +6 -1
- package/scss/components/SingleAddSelect/_carbon-imports.scss +1 -1
- package/scss/components/SingleAddSelect/_index-with-carbon.scss +1 -1
- package/scss/components/SingleAddSelect/_index.scss +7 -0
- package/scss/components/SingleAddSelect/_single-add-select.scss +7 -0
- package/scss/components/SingleAddSelect/_storybook-styles.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +2 -2
- package/scss/components/WebTerminal/_carbon-imports.scss +6 -0
- package/scss/components/WebTerminal/_index.scss +7 -0
- package/scss/components/WebTerminal/_storybook-styles.scss +7 -0
- package/scss/components/_index-released-only-with-carbon.scss +1 -1
- package/scss/components/_index-released-only.scss +2 -1
- package/scss/components/_index-with-carbon.scss +3 -1
- package/scss/components/_index.scss +3 -1
@@ -38,7 +38,7 @@
|
|
38
38
|
}
|
39
39
|
|
40
40
|
.c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
|
41
|
-
bottom: calc(3rem +2.5rem);
|
41
|
+
bottom: calc(3rem + 2.5rem);
|
42
42
|
}
|
43
43
|
|
44
44
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
@@ -164,14 +164,17 @@
|
|
164
164
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
165
165
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
166
166
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
167
|
-
height: 4rem;
|
168
167
|
align-items: center;
|
168
|
+
margin: 0;
|
169
|
+
}
|
170
|
+
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
|
171
|
+
height: 4rem;
|
169
172
|
padding-top: 1rem;
|
170
173
|
padding-bottom: 2rem;
|
171
|
-
margin: 0;
|
172
174
|
}
|
173
175
|
|
174
|
-
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive
|
176
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
|
177
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
|
175
178
|
max-width: none;
|
176
179
|
}
|
177
180
|
|
@@ -1722,7 +1725,7 @@
|
|
1722
1725
|
@media (prefers-reduced-motion: no-preference) {
|
1723
1726
|
.c4p--cascade__element,
|
1724
1727
|
.c4p--cascade__col {
|
1725
|
-
/* stylelint-disable-next-line carbon/motion-duration-use -- Carbon animation duration defined above in $animationProps */
|
1728
|
+
/* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
|
1726
1729
|
animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
|
1727
1730
|
animation-fill-mode: forwards;
|
1728
1731
|
opacity: 0;
|
@@ -2133,26 +2136,6 @@
|
|
2133
2136
|
white-space: nowrap;
|
2134
2137
|
}
|
2135
2138
|
|
2136
|
-
@keyframes side-panel-exit-left {
|
2137
|
-
0% {
|
2138
|
-
opacity: 1;
|
2139
|
-
transform: translateX(0);
|
2140
|
-
}
|
2141
|
-
100% {
|
2142
|
-
opacity: 0;
|
2143
|
-
transform: translateX(calc(-1 * 30rem));
|
2144
|
-
}
|
2145
|
-
}
|
2146
|
-
@keyframes side-panel-exit-right {
|
2147
|
-
0% {
|
2148
|
-
opacity: 1;
|
2149
|
-
transform: translateX(0);
|
2150
|
-
}
|
2151
|
-
100% {
|
2152
|
-
opacity: 0;
|
2153
|
-
transform: translateX(30rem);
|
2154
|
-
}
|
2155
|
-
}
|
2156
2139
|
.c4p--side-panel__container {
|
2157
2140
|
--c4p--side-panel--subtitle-opacity: 1;
|
2158
2141
|
--c4p--side-panel--title-container-height: 0;
|
@@ -2172,8 +2155,6 @@
|
|
2172
2155
|
box-sizing: border-box;
|
2173
2156
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2174
2157
|
color: var(--cds-text-primary, #161616);
|
2175
|
-
transition: transform 240ms;
|
2176
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
2177
2158
|
}
|
2178
2159
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
2179
2160
|
width: 16rem;
|
@@ -2187,37 +2168,13 @@
|
|
2187
2168
|
max-width: 100%;
|
2188
2169
|
}
|
2189
2170
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
|
2190
|
-
width: 16rem;
|
2191
|
-
max-width: 100%;
|
2192
2171
|
right: 0;
|
2193
2172
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2194
2173
|
}
|
2195
|
-
@keyframes side-panel-entrance-right {
|
2196
|
-
0% {
|
2197
|
-
opacity: 0;
|
2198
|
-
transform: translateX(16rem);
|
2199
|
-
}
|
2200
|
-
100% {
|
2201
|
-
opacity: 1;
|
2202
|
-
transform: translateX(0);
|
2203
|
-
}
|
2204
|
-
}
|
2205
2174
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
|
2206
|
-
width: 16rem;
|
2207
|
-
max-width: 100%;
|
2208
2175
|
left: 0;
|
2209
2176
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2210
2177
|
}
|
2211
|
-
@keyframes side-panel-entrance-left {
|
2212
|
-
0% {
|
2213
|
-
opacity: 0;
|
2214
|
-
transform: translateX(-16rem);
|
2215
|
-
}
|
2216
|
-
100% {
|
2217
|
-
opacity: 1;
|
2218
|
-
transform: translateX(0);
|
2219
|
-
}
|
2220
|
-
}
|
2221
2178
|
.c4p--side-panel__container.c4p--side-panel__container--sm {
|
2222
2179
|
width: 20rem;
|
2223
2180
|
max-width: 100%;
|
@@ -2230,37 +2187,13 @@
|
|
2230
2187
|
max-width: 100%;
|
2231
2188
|
}
|
2232
2189
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
|
2233
|
-
width: 20rem;
|
2234
|
-
max-width: 100%;
|
2235
2190
|
right: 0;
|
2236
2191
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2237
2192
|
}
|
2238
|
-
@keyframes side-panel-entrance-right {
|
2239
|
-
0% {
|
2240
|
-
opacity: 0;
|
2241
|
-
transform: translateX(20rem);
|
2242
|
-
}
|
2243
|
-
100% {
|
2244
|
-
opacity: 1;
|
2245
|
-
transform: translateX(0);
|
2246
|
-
}
|
2247
|
-
}
|
2248
2193
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
|
2249
|
-
width: 20rem;
|
2250
|
-
max-width: 100%;
|
2251
2194
|
left: 0;
|
2252
2195
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2253
2196
|
}
|
2254
|
-
@keyframes side-panel-entrance-left {
|
2255
|
-
0% {
|
2256
|
-
opacity: 0;
|
2257
|
-
transform: translateX(-20rem);
|
2258
|
-
}
|
2259
|
-
100% {
|
2260
|
-
opacity: 1;
|
2261
|
-
transform: translateX(0);
|
2262
|
-
}
|
2263
|
-
}
|
2264
2197
|
.c4p--side-panel__container.c4p--side-panel__container--md {
|
2265
2198
|
width: 30rem;
|
2266
2199
|
max-width: 100%;
|
@@ -2273,37 +2206,13 @@
|
|
2273
2206
|
max-width: 100%;
|
2274
2207
|
}
|
2275
2208
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
|
2276
|
-
width: 30rem;
|
2277
|
-
max-width: 100%;
|
2278
2209
|
right: 0;
|
2279
2210
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2280
2211
|
}
|
2281
|
-
@keyframes side-panel-entrance-right {
|
2282
|
-
0% {
|
2283
|
-
opacity: 0;
|
2284
|
-
transform: translateX(30rem);
|
2285
|
-
}
|
2286
|
-
100% {
|
2287
|
-
opacity: 1;
|
2288
|
-
transform: translateX(0);
|
2289
|
-
}
|
2290
|
-
}
|
2291
2212
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
|
2292
|
-
width: 30rem;
|
2293
|
-
max-width: 100%;
|
2294
2213
|
left: 0;
|
2295
2214
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2296
2215
|
}
|
2297
|
-
@keyframes side-panel-entrance-left {
|
2298
|
-
0% {
|
2299
|
-
opacity: 0;
|
2300
|
-
transform: translateX(-30rem);
|
2301
|
-
}
|
2302
|
-
100% {
|
2303
|
-
opacity: 1;
|
2304
|
-
transform: translateX(0);
|
2305
|
-
}
|
2306
|
-
}
|
2307
2216
|
.c4p--side-panel__container.c4p--side-panel__container--lg {
|
2308
2217
|
width: 40rem;
|
2309
2218
|
max-width: 100%;
|
@@ -2316,37 +2225,13 @@
|
|
2316
2225
|
max-width: 100%;
|
2317
2226
|
}
|
2318
2227
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
|
2319
|
-
width: 40rem;
|
2320
|
-
max-width: 100%;
|
2321
2228
|
right: 0;
|
2322
2229
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2323
2230
|
}
|
2324
|
-
@keyframes side-panel-entrance-right {
|
2325
|
-
0% {
|
2326
|
-
opacity: 0;
|
2327
|
-
transform: translateX(40rem);
|
2328
|
-
}
|
2329
|
-
100% {
|
2330
|
-
opacity: 1;
|
2331
|
-
transform: translateX(0);
|
2332
|
-
}
|
2333
|
-
}
|
2334
2231
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
|
2335
|
-
width: 40rem;
|
2336
|
-
max-width: 100%;
|
2337
2232
|
left: 0;
|
2338
2233
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2339
2234
|
}
|
2340
|
-
@keyframes side-panel-entrance-left {
|
2341
|
-
0% {
|
2342
|
-
opacity: 0;
|
2343
|
-
transform: translateX(-40rem);
|
2344
|
-
}
|
2345
|
-
100% {
|
2346
|
-
opacity: 1;
|
2347
|
-
transform: translateX(0);
|
2348
|
-
}
|
2349
|
-
}
|
2350
2235
|
.c4p--side-panel__container.c4p--side-panel__container--2xl {
|
2351
2236
|
width: 75%;
|
2352
2237
|
max-width: 100%;
|
@@ -2359,37 +2244,13 @@
|
|
2359
2244
|
max-width: 100%;
|
2360
2245
|
}
|
2361
2246
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--2xl {
|
2362
|
-
width: 75%;
|
2363
|
-
max-width: 100%;
|
2364
2247
|
right: 0;
|
2365
2248
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2366
2249
|
}
|
2367
|
-
@keyframes side-panel-entrance-right {
|
2368
|
-
0% {
|
2369
|
-
opacity: 0;
|
2370
|
-
transform: translateX(75%);
|
2371
|
-
}
|
2372
|
-
100% {
|
2373
|
-
opacity: 1;
|
2374
|
-
transform: translateX(0);
|
2375
|
-
}
|
2376
|
-
}
|
2377
2250
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--2xl {
|
2378
|
-
width: 75%;
|
2379
|
-
max-width: 100%;
|
2380
2251
|
left: 0;
|
2381
2252
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2382
2253
|
}
|
2383
|
-
@keyframes side-panel-entrance-left {
|
2384
|
-
0% {
|
2385
|
-
opacity: 0;
|
2386
|
-
transform: translateX(-75%);
|
2387
|
-
}
|
2388
|
-
100% {
|
2389
|
-
opacity: 1;
|
2390
|
-
transform: translateX(0);
|
2391
|
-
}
|
2392
|
-
}
|
2393
2254
|
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container {
|
2394
2255
|
/* stylelint-disable-next-line max-nesting-depth */
|
2395
2256
|
}
|
@@ -2522,10 +2383,7 @@
|
|
2522
2383
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
2523
2384
|
position: fixed;
|
2524
2385
|
z-index: 2;
|
2525
|
-
top: calc(
|
2526
|
-
var(--c4p--side-panel--title-text-height) +
|
2527
|
-
var(--c4p--side-panel--label-text-height) + 3rem
|
2528
|
-
);
|
2386
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
2529
2387
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2530
2388
|
}
|
2531
2389
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
|
@@ -2540,7 +2398,6 @@
|
|
2540
2398
|
}
|
2541
2399
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
2542
2400
|
position: fixed;
|
2543
|
-
top: 3rem;
|
2544
2401
|
height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
2545
2402
|
}
|
2546
2403
|
.c4p--side-panel__container .c4p--side-panel__inner-content {
|
@@ -2561,10 +2418,7 @@
|
|
2561
2418
|
}
|
2562
2419
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
2563
2420
|
position: fixed;
|
2564
|
-
top: calc(
|
2565
|
-
var(--c4p--side-panel--title-text-height) +
|
2566
|
-
var(--c4p--side-panel--subtitle-container-height) + 3rem
|
2567
|
-
);
|
2421
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
2568
2422
|
width: 100%;
|
2569
2423
|
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
2570
2424
|
}
|
@@ -2589,8 +2443,7 @@
|
|
2589
2443
|
padding: 0 1rem;
|
2590
2444
|
margin-bottom: 0.5rem;
|
2591
2445
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2592
|
-
transition: transform 150ms;
|
2593
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
2446
|
+
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2594
2447
|
}
|
2595
2448
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
|
2596
2449
|
min-width: 2rem;
|
@@ -2721,8 +2574,6 @@
|
|
2721
2574
|
width: 100%;
|
2722
2575
|
height: 100%;
|
2723
2576
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
2724
|
-
transition: background-color 240ms;
|
2725
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
2726
2577
|
}
|
2727
2578
|
|
2728
2579
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -2869,7 +2720,7 @@
|
|
2869
2720
|
/* stylelint-disable-next-line function-no-unknown */
|
2870
2721
|
z-index: 9000;
|
2871
2722
|
align-items: flex-end;
|
2872
|
-
transition: visibility
|
2723
|
+
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
2873
2724
|
}
|
2874
2725
|
@media (prefers-reduced-motion: reduce) {
|
2875
2726
|
.c4p--tearsheet.is-visible {
|
@@ -3534,7 +3385,7 @@
|
|
3534
3385
|
.c4p--inline-edit.c4p--inline-edit--invalid {
|
3535
3386
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
3536
3387
|
outline: 0.125rem solid var(--cds-support-error, #da1e28);
|
3537
|
-
outline-offset: -0.125rem;
|
3388
|
+
outline-offset: calc(-1 * 0.125rem);
|
3538
3389
|
}
|
3539
3390
|
@media screen and (prefers-contrast) {
|
3540
3391
|
.c4p--inline-edit.c4p--inline-edit--invalid {
|
@@ -3544,7 +3395,7 @@
|
|
3544
3395
|
.c4p--inline-edit.c4p--inline-edit--editing {
|
3545
3396
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
3546
3397
|
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
3547
|
-
outline-offset: -0.125rem;
|
3398
|
+
outline-offset: calc(-1 * 0.125rem);
|
3548
3399
|
background-color: var(--cds-layer-01, #f4f4f4);
|
3549
3400
|
}
|
3550
3401
|
@media screen and (prefers-contrast) {
|
@@ -3556,7 +3407,9 @@
|
|
3556
3407
|
display: inline-block;
|
3557
3408
|
overflow: hidden;
|
3558
3409
|
width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
|
3559
|
-
max-width: calc(
|
3410
|
+
max-width: calc(
|
3411
|
+
100% - var(--c4p--inline-edit--toolbar-width) - 1rem
|
3412
|
+
);
|
3560
3413
|
min-height: var(--c4p--inline-edit--size);
|
3561
3414
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
3562
3415
|
margin-right: var(--c4p--inline-edit--toolbar-width);
|
@@ -3968,6 +3821,10 @@
|
|
3968
3821
|
--cds-helper-text-01-font-size: 0.75rem;
|
3969
3822
|
--cds-helper-text-01-line-height: 1.33333;
|
3970
3823
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
3824
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
3825
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
3826
|
+
--cds-helper-text-02-line-height: 1.28572;
|
3827
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
3971
3828
|
--cds-body-short-01-font-size: 0.875rem;
|
3972
3829
|
--cds-body-short-01-font-weight: 400;
|
3973
3830
|
--cds-body-short-01-line-height: 1.28572;
|
@@ -4206,8 +4063,7 @@
|
|
4206
4063
|
max-height: 38.5rem;
|
4207
4064
|
background-color: var(--cds-background, #ffffff);
|
4208
4065
|
color: var(--cds-text-primary, #161616);
|
4209
|
-
transition: transform 110ms;
|
4210
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
4066
|
+
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
4211
4067
|
}
|
4212
4068
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container {
|
4213
4069
|
position: sticky;
|
@@ -4281,8 +4137,7 @@
|
|
4281
4137
|
background-color: var(--cds-background, #ffffff);
|
4282
4138
|
cursor: pointer;
|
4283
4139
|
text-align: left;
|
4284
|
-
transition: background-color 240ms;
|
4285
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
4140
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
4286
4141
|
}
|
4287
4142
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title {
|
4288
4143
|
margin-bottom: 0.25rem;
|
@@ -4395,8 +4250,7 @@
|
|
4395
4250
|
margin: 0 auto;
|
4396
4251
|
background-color: var(--cds-layer-02, #ffffff);
|
4397
4252
|
content: "";
|
4398
|
-
transition: background-color 240ms;
|
4399
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
4253
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
4400
4254
|
}
|
4401
4255
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover + .c4p--notifications-panel__notification-today:not(:first-of-type):before,
|
4402
4256
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover + .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
|
@@ -6950,10 +6804,6 @@
|
|
6950
6804
|
padding-right: 1rem;
|
6951
6805
|
}
|
6952
6806
|
|
6953
|
-
.c4p--remove-modal .cds--modal-close {
|
6954
|
-
display: none;
|
6955
|
-
}
|
6956
|
-
|
6957
6807
|
.c4p--remove-modal__body {
|
6958
6808
|
padding-right: 20%;
|
6959
6809
|
margin-bottom: 1rem;
|
@@ -7776,4 +7626,772 @@
|
|
7776
7626
|
font-weight: 600;
|
7777
7627
|
}
|
7778
7628
|
|
7629
|
+
@keyframes web-terminal-entrance {
|
7630
|
+
from {
|
7631
|
+
opacity: 0;
|
7632
|
+
transform: translateX(40rem);
|
7633
|
+
}
|
7634
|
+
to {
|
7635
|
+
opacity: 1;
|
7636
|
+
transform: translateX(0);
|
7637
|
+
}
|
7638
|
+
}
|
7639
|
+
@keyframes web-terminal-exit {
|
7640
|
+
from {
|
7641
|
+
opacity: 1;
|
7642
|
+
transform: translateX(0);
|
7643
|
+
}
|
7644
|
+
to {
|
7645
|
+
opacity: 0;
|
7646
|
+
transform: translateX(40rem);
|
7647
|
+
}
|
7648
|
+
}
|
7649
|
+
/*
|
7650
|
+
The reason for not using theme tokens in the web terminal
|
7651
|
+
component is because we want these colors to always be the same
|
7652
|
+
despite of which carbon theme the user has.
|
7653
|
+
*/
|
7654
|
+
.c4p--web-terminal {
|
7655
|
+
--cds-background: #262626;
|
7656
|
+
--cds-background-active: rgba(141, 141, 141, 0.4);
|
7657
|
+
--cds-background-brand: #0f62fe;
|
7658
|
+
--cds-background-hover: rgba(141, 141, 141, 0.16);
|
7659
|
+
--cds-background-inverse: #f4f4f4;
|
7660
|
+
--cds-background-inverse-hover: #e8e8e8;
|
7661
|
+
--cds-background-selected: rgba(141, 141, 141, 0.24);
|
7662
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
7663
|
+
--cds-border-disabled: rgba(141, 141, 141, 0.5);
|
7664
|
+
--cds-border-interactive: #4589ff;
|
7665
|
+
--cds-border-inverse: #f4f4f4;
|
7666
|
+
--cds-border-strong-01: #8d8d8d;
|
7667
|
+
--cds-border-strong-02: #a8a8a8;
|
7668
|
+
--cds-border-strong-03: #c6c6c6;
|
7669
|
+
--cds-border-subtle-00: #525252;
|
7670
|
+
--cds-border-subtle-01: #525252;
|
7671
|
+
--cds-border-subtle-02: #6f6f6f;
|
7672
|
+
--cds-border-subtle-03: #8d8d8d;
|
7673
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
7674
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
7675
|
+
--cds-border-subtle-selected-03: #a8a8a8;
|
7676
|
+
--cds-field-01: #393939;
|
7677
|
+
--cds-field-02: #525252;
|
7678
|
+
--cds-field-03: #6f6f6f;
|
7679
|
+
--cds-field-hover-01: #474747;
|
7680
|
+
--cds-field-hover-02: #636363;
|
7681
|
+
--cds-field-hover-03: #5e5e5e;
|
7682
|
+
--cds-focus: #ffffff;
|
7683
|
+
--cds-focus-inset: #161616;
|
7684
|
+
--cds-focus-inverse: #0f62fe;
|
7685
|
+
--cds-highlight: #0043ce;
|
7686
|
+
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
7687
|
+
--cds-icon-inverse: #161616;
|
7688
|
+
--cds-icon-on-color: #ffffff;
|
7689
|
+
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
7690
|
+
--cds-icon-primary: #f4f4f4;
|
7691
|
+
--cds-icon-secondary: #c6c6c6;
|
7692
|
+
--cds-interactive: #4589ff;
|
7693
|
+
--cds-layer-01: #393939;
|
7694
|
+
--cds-layer-02: #525252;
|
7695
|
+
--cds-layer-03: #6f6f6f;
|
7696
|
+
--cds-layer-accent-01: #525252;
|
7697
|
+
--cds-layer-accent-02: #6f6f6f;
|
7698
|
+
--cds-layer-accent-03: #8d8d8d;
|
7699
|
+
--cds-layer-accent-active-01: #8d8d8d;
|
7700
|
+
--cds-layer-accent-active-02: #393939;
|
7701
|
+
--cds-layer-accent-active-03: #525252;
|
7702
|
+
--cds-layer-accent-hover-01: #636363;
|
7703
|
+
--cds-layer-accent-hover-02: #5e5e5e;
|
7704
|
+
--cds-layer-accent-hover-03: #7a7a7a;
|
7705
|
+
--cds-layer-active-01: #6f6f6f;
|
7706
|
+
--cds-layer-active-02: #8d8d8d;
|
7707
|
+
--cds-layer-active-03: #393939;
|
7708
|
+
--cds-layer-hover-01: #474747;
|
7709
|
+
--cds-layer-hover-02: #636363;
|
7710
|
+
--cds-layer-hover-03: #5e5e5e;
|
7711
|
+
--cds-layer-selected-01: #525252;
|
7712
|
+
--cds-layer-selected-02: #6f6f6f;
|
7713
|
+
--cds-layer-selected-03: #525252;
|
7714
|
+
--cds-layer-selected-disabled: #a8a8a8;
|
7715
|
+
--cds-layer-selected-hover-01: #636363;
|
7716
|
+
--cds-layer-selected-hover-02: #5e5e5e;
|
7717
|
+
--cds-layer-selected-hover-03: #636363;
|
7718
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
7719
|
+
--cds-link-inverse: #0f62fe;
|
7720
|
+
--cds-link-inverse-active: #161616;
|
7721
|
+
--cds-link-inverse-hover: #0043ce;
|
7722
|
+
--cds-link-primary: #78a9ff;
|
7723
|
+
--cds-link-primary-hover: #a6c8ff;
|
7724
|
+
--cds-link-secondary: #a6c8ff;
|
7725
|
+
--cds-link-visited: #be95ff;
|
7726
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
7727
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
7728
|
+
--cds-skeleton-background: #333333;
|
7729
|
+
--cds-skeleton-element: #525252;
|
7730
|
+
--cds-support-caution-major: #ff832b;
|
7731
|
+
--cds-support-caution-minor: #f1c21b;
|
7732
|
+
--cds-support-caution-undefined: #a56eff;
|
7733
|
+
--cds-support-error: #ff8389;
|
7734
|
+
--cds-support-error-inverse: #da1e28;
|
7735
|
+
--cds-support-info: #4589ff;
|
7736
|
+
--cds-support-info-inverse: #0043ce;
|
7737
|
+
--cds-support-success: #42be65;
|
7738
|
+
--cds-support-success-inverse: #24a148;
|
7739
|
+
--cds-support-warning: #f1c21b;
|
7740
|
+
--cds-support-warning-inverse: #f1c21b;
|
7741
|
+
--cds-text-disabled: rgba(244, 244, 244, 0.25);
|
7742
|
+
--cds-text-error: #ffb3b8;
|
7743
|
+
--cds-text-helper: #c6c6c6;
|
7744
|
+
--cds-text-inverse: #161616;
|
7745
|
+
--cds-text-on-color: #ffffff;
|
7746
|
+
--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
7747
|
+
--cds-text-placeholder: rgba(244, 244, 244, 0.4);
|
7748
|
+
--cds-text-primary: #f4f4f4;
|
7749
|
+
--cds-text-secondary: #c6c6c6;
|
7750
|
+
--cds-toggle-off: #8d8d8d;
|
7751
|
+
--cds-spacing-01: 0.125rem;
|
7752
|
+
--cds-spacing-02: 0.25rem;
|
7753
|
+
--cds-spacing-03: 0.5rem;
|
7754
|
+
--cds-spacing-04: 0.75rem;
|
7755
|
+
--cds-spacing-05: 1rem;
|
7756
|
+
--cds-spacing-06: 1.5rem;
|
7757
|
+
--cds-spacing-07: 2rem;
|
7758
|
+
--cds-spacing-08: 2.5rem;
|
7759
|
+
--cds-spacing-09: 3rem;
|
7760
|
+
--cds-spacing-10: 4rem;
|
7761
|
+
--cds-spacing-11: 5rem;
|
7762
|
+
--cds-spacing-12: 6rem;
|
7763
|
+
--cds-spacing-13: 10rem;
|
7764
|
+
--cds-fluid-spacing-01: 0;
|
7765
|
+
--cds-fluid-spacing-02: 2vw;
|
7766
|
+
--cds-fluid-spacing-03: 5vw;
|
7767
|
+
--cds-fluid-spacing-04: 10vw;
|
7768
|
+
--cds-label-01-font-size: 0.75rem;
|
7769
|
+
--cds-label-01-font-weight: 400;
|
7770
|
+
--cds-label-01-line-height: 1.33333;
|
7771
|
+
--cds-label-01-letter-spacing: 0.32px;
|
7772
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
7773
|
+
--cds-helper-text-01-line-height: 1.33333;
|
7774
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
7775
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
7776
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
7777
|
+
--cds-helper-text-02-line-height: 1.28572;
|
7778
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
7779
|
+
--cds-body-short-01-font-size: 0.875rem;
|
7780
|
+
--cds-body-short-01-font-weight: 400;
|
7781
|
+
--cds-body-short-01-line-height: 1.28572;
|
7782
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
7783
|
+
--cds-body-short-02-font-size: 1rem;
|
7784
|
+
--cds-body-short-02-font-weight: 400;
|
7785
|
+
--cds-body-short-02-line-height: 1.375;
|
7786
|
+
--cds-body-short-02-letter-spacing: 0;
|
7787
|
+
--cds-body-long-01-font-size: 0.875rem;
|
7788
|
+
--cds-body-long-01-font-weight: 400;
|
7789
|
+
--cds-body-long-01-line-height: 1.42857;
|
7790
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
7791
|
+
--cds-body-long-02-font-size: 1rem;
|
7792
|
+
--cds-body-long-02-font-weight: 400;
|
7793
|
+
--cds-body-long-02-line-height: 1.5;
|
7794
|
+
--cds-body-long-02-letter-spacing: 0;
|
7795
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
7796
|
+
--cds-code-01-font-size: 0.75rem;
|
7797
|
+
--cds-code-01-font-weight: 400;
|
7798
|
+
--cds-code-01-line-height: 1.33333;
|
7799
|
+
--cds-code-01-letter-spacing: 0.32px;
|
7800
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
7801
|
+
--cds-code-02-font-size: 0.875rem;
|
7802
|
+
--cds-code-02-font-weight: 400;
|
7803
|
+
--cds-code-02-line-height: 1.42857;
|
7804
|
+
--cds-code-02-letter-spacing: 0.32px;
|
7805
|
+
--cds-heading-01-font-size: 0.875rem;
|
7806
|
+
--cds-heading-01-font-weight: 600;
|
7807
|
+
--cds-heading-01-line-height: 1.42857;
|
7808
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
7809
|
+
--cds-heading-02-font-size: 1rem;
|
7810
|
+
--cds-heading-02-font-weight: 600;
|
7811
|
+
--cds-heading-02-line-height: 1.5;
|
7812
|
+
--cds-heading-02-letter-spacing: 0;
|
7813
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
7814
|
+
--cds-productive-heading-01-font-weight: 600;
|
7815
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
7816
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
7817
|
+
--cds-productive-heading-02-font-size: 1rem;
|
7818
|
+
--cds-productive-heading-02-font-weight: 600;
|
7819
|
+
--cds-productive-heading-02-line-height: 1.375;
|
7820
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
7821
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
7822
|
+
--cds-productive-heading-03-font-weight: 400;
|
7823
|
+
--cds-productive-heading-03-line-height: 1.4;
|
7824
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
7825
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
7826
|
+
--cds-productive-heading-04-font-weight: 400;
|
7827
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
7828
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
7829
|
+
--cds-productive-heading-05-font-size: 2rem;
|
7830
|
+
--cds-productive-heading-05-font-weight: 400;
|
7831
|
+
--cds-productive-heading-05-line-height: 1.25;
|
7832
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
7833
|
+
--cds-productive-heading-06-font-size: 2rem;
|
7834
|
+
--cds-productive-heading-06-font-weight: 300;
|
7835
|
+
--cds-productive-heading-06-line-height: 1.199;
|
7836
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
7837
|
+
--cds-productive-heading-07-font-size: 2.625rem;
|
7838
|
+
--cds-productive-heading-07-font-weight: 300;
|
7839
|
+
--cds-productive-heading-07-line-height: 1.19;
|
7840
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
7841
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
7842
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
7843
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
7844
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
7845
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
7846
|
+
--cds-expressive-heading-01-font-weight: 600;
|
7847
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
7848
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
7849
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
7850
|
+
--cds-expressive-heading-02-font-weight: 600;
|
7851
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
7852
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
7853
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
7854
|
+
--cds-expressive-heading-03-font-weight: 400;
|
7855
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
7856
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
7857
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
7858
|
+
--cds-expressive-heading-04-font-weight: 400;
|
7859
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
7860
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
7861
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
7862
|
+
--cds-expressive-heading-05-font-weight: 400;
|
7863
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
7864
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
7865
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
7866
|
+
--cds-expressive-heading-06-font-weight: 600;
|
7867
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
7868
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
7869
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
7870
|
+
--cds-quotation-01-font-size: 1.25rem;
|
7871
|
+
--cds-quotation-01-font-weight: 400;
|
7872
|
+
--cds-quotation-01-line-height: 1.3;
|
7873
|
+
--cds-quotation-01-letter-spacing: 0;
|
7874
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
7875
|
+
--cds-quotation-02-font-size: 2rem;
|
7876
|
+
--cds-quotation-02-font-weight: 300;
|
7877
|
+
--cds-quotation-02-line-height: 1.25;
|
7878
|
+
--cds-quotation-02-letter-spacing: 0;
|
7879
|
+
--cds-display-01-font-size: 2.625rem;
|
7880
|
+
--cds-display-01-font-weight: 300;
|
7881
|
+
--cds-display-01-line-height: 1.19;
|
7882
|
+
--cds-display-01-letter-spacing: 0;
|
7883
|
+
--cds-display-02-font-size: 2.625rem;
|
7884
|
+
--cds-display-02-font-weight: 600;
|
7885
|
+
--cds-display-02-line-height: 1.19;
|
7886
|
+
--cds-display-02-letter-spacing: 0;
|
7887
|
+
--cds-display-03-font-size: 2.625rem;
|
7888
|
+
--cds-display-03-font-weight: 300;
|
7889
|
+
--cds-display-03-line-height: 1.19;
|
7890
|
+
--cds-display-03-letter-spacing: 0;
|
7891
|
+
--cds-display-04-font-size: 2.625rem;
|
7892
|
+
--cds-display-04-font-weight: 600;
|
7893
|
+
--cds-display-04-line-height: 1.19;
|
7894
|
+
--cds-display-04-letter-spacing: 0;
|
7895
|
+
--cds-legal-01-font-size: 0.75rem;
|
7896
|
+
--cds-legal-01-font-weight: 400;
|
7897
|
+
--cds-legal-01-line-height: 1.33333;
|
7898
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
7899
|
+
--cds-legal-02-font-size: 0.875rem;
|
7900
|
+
--cds-legal-02-font-weight: 400;
|
7901
|
+
--cds-legal-02-line-height: 1.28572;
|
7902
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
7903
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
7904
|
+
--cds-body-compact-01-font-weight: 400;
|
7905
|
+
--cds-body-compact-01-line-height: 1.28572;
|
7906
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
7907
|
+
--cds-body-compact-02-font-size: 1rem;
|
7908
|
+
--cds-body-compact-02-font-weight: 400;
|
7909
|
+
--cds-body-compact-02-line-height: 1.375;
|
7910
|
+
--cds-body-compact-02-letter-spacing: 0;
|
7911
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
7912
|
+
--cds-heading-compact-01-font-weight: 600;
|
7913
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
7914
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
7915
|
+
--cds-heading-compact-02-font-size: 1rem;
|
7916
|
+
--cds-heading-compact-02-font-weight: 600;
|
7917
|
+
--cds-heading-compact-02-line-height: 1.375;
|
7918
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
7919
|
+
--cds-body-01-font-size: 0.875rem;
|
7920
|
+
--cds-body-01-font-weight: 400;
|
7921
|
+
--cds-body-01-line-height: 1.42857;
|
7922
|
+
--cds-body-01-letter-spacing: 0.16px;
|
7923
|
+
--cds-body-02-font-size: 1rem;
|
7924
|
+
--cds-body-02-font-weight: 400;
|
7925
|
+
--cds-body-02-line-height: 1.5;
|
7926
|
+
--cds-body-02-letter-spacing: 0;
|
7927
|
+
--cds-heading-03-font-size: 1.25rem;
|
7928
|
+
--cds-heading-03-font-weight: 400;
|
7929
|
+
--cds-heading-03-line-height: 1.4;
|
7930
|
+
--cds-heading-03-letter-spacing: 0;
|
7931
|
+
--cds-heading-04-font-size: 1.75rem;
|
7932
|
+
--cds-heading-04-font-weight: 400;
|
7933
|
+
--cds-heading-04-line-height: 1.28572;
|
7934
|
+
--cds-heading-04-letter-spacing: 0;
|
7935
|
+
--cds-heading-05-font-size: 2rem;
|
7936
|
+
--cds-heading-05-font-weight: 400;
|
7937
|
+
--cds-heading-05-line-height: 1.25;
|
7938
|
+
--cds-heading-05-letter-spacing: 0;
|
7939
|
+
--cds-heading-06-font-size: 2rem;
|
7940
|
+
--cds-heading-06-font-weight: 300;
|
7941
|
+
--cds-heading-06-line-height: 1.199;
|
7942
|
+
--cds-heading-06-letter-spacing: 0;
|
7943
|
+
--cds-heading-07-font-size: 2.625rem;
|
7944
|
+
--cds-heading-07-font-weight: 300;
|
7945
|
+
--cds-heading-07-line-height: 1.19;
|
7946
|
+
--cds-heading-07-letter-spacing: 0;
|
7947
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
7948
|
+
--cds-fluid-heading-03-font-weight: 400;
|
7949
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
7950
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
7951
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
7952
|
+
--cds-fluid-heading-04-font-weight: 400;
|
7953
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
7954
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
7955
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
7956
|
+
--cds-fluid-heading-05-font-weight: 400;
|
7957
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
7958
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
7959
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
7960
|
+
--cds-fluid-heading-06-font-weight: 600;
|
7961
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
7962
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
7963
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
7964
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
7965
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
7966
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
7967
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
7968
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
7969
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
7970
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
7971
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
7972
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
7973
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
7974
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
7975
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
7976
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
7977
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
7978
|
+
--cds-fluid-display-01-font-weight: 300;
|
7979
|
+
--cds-fluid-display-01-line-height: 1.19;
|
7980
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
7981
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
7982
|
+
--cds-fluid-display-02-font-weight: 600;
|
7983
|
+
--cds-fluid-display-02-line-height: 1.19;
|
7984
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
7985
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
7986
|
+
--cds-fluid-display-03-font-weight: 300;
|
7987
|
+
--cds-fluid-display-03-line-height: 1.19;
|
7988
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
7989
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
7990
|
+
--cds-fluid-display-04-font-weight: 600;
|
7991
|
+
--cds-fluid-display-04-line-height: 1.19;
|
7992
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
7993
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
7994
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
7995
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
7996
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
7997
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
7998
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
7999
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
8000
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
8001
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
8002
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
8003
|
+
--cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
|
8004
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
8005
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
8006
|
+
position: fixed;
|
8007
|
+
top: 3rem;
|
8008
|
+
right: 0;
|
8009
|
+
width: 100%;
|
8010
|
+
max-width: 40rem;
|
8011
|
+
height: calc(100vh - 3rem);
|
8012
|
+
border-left: 1px solid #262626;
|
8013
|
+
color: var(--cds-text-primary, #161616);
|
8014
|
+
/* stylelint-disable-next-line */
|
8015
|
+
background-color: #161616;
|
8016
|
+
}
|
8017
|
+
|
8018
|
+
.c4p--web-terminal__bar {
|
8019
|
+
display: flex;
|
8020
|
+
height: 3rem;
|
8021
|
+
align-items: center;
|
8022
|
+
justify-content: space-between;
|
8023
|
+
background-color: var(--cds-background, #ffffff);
|
8024
|
+
}
|
8025
|
+
|
8026
|
+
.c4p--web-terminal__actions {
|
8027
|
+
display: flex;
|
8028
|
+
}
|
8029
|
+
|
8030
|
+
.c4p--web-terminal__documentation-overflow {
|
8031
|
+
--cds-background: #161616;
|
8032
|
+
--cds-background-active: rgba(141, 141, 141, 0.4);
|
8033
|
+
--cds-background-brand: #0f62fe;
|
8034
|
+
--cds-background-hover: rgba(141, 141, 141, 0.16);
|
8035
|
+
--cds-background-inverse: #f4f4f4;
|
8036
|
+
--cds-background-inverse-hover: #e8e8e8;
|
8037
|
+
--cds-background-selected: rgba(141, 141, 141, 0.24);
|
8038
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
8039
|
+
--cds-border-disabled: rgba(141, 141, 141, 0.5);
|
8040
|
+
--cds-border-interactive: #4589ff;
|
8041
|
+
--cds-border-inverse: #f4f4f4;
|
8042
|
+
--cds-border-strong-01: #6f6f6f;
|
8043
|
+
--cds-border-strong-02: #8d8d8d;
|
8044
|
+
--cds-border-strong-03: #a8a8a8;
|
8045
|
+
--cds-border-subtle-00: #393939;
|
8046
|
+
--cds-border-subtle-01: #393939;
|
8047
|
+
--cds-border-subtle-02: #525252;
|
8048
|
+
--cds-border-subtle-03: #6f6f6f;
|
8049
|
+
--cds-border-subtle-selected-01: #525252;
|
8050
|
+
--cds-border-subtle-selected-02: #6f6f6f;
|
8051
|
+
--cds-border-subtle-selected-03: #8d8d8d;
|
8052
|
+
--cds-field-01: #262626;
|
8053
|
+
--cds-field-02: #393939;
|
8054
|
+
--cds-field-03: #525252;
|
8055
|
+
--cds-field-hover-01: #333333;
|
8056
|
+
--cds-field-hover-02: #474747;
|
8057
|
+
--cds-field-hover-03: #636363;
|
8058
|
+
--cds-focus: #ffffff;
|
8059
|
+
--cds-focus-inset: #161616;
|
8060
|
+
--cds-focus-inverse: #0f62fe;
|
8061
|
+
--cds-highlight: #002d9c;
|
8062
|
+
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
8063
|
+
--cds-icon-inverse: #161616;
|
8064
|
+
--cds-icon-on-color: #ffffff;
|
8065
|
+
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
8066
|
+
--cds-icon-primary: #f4f4f4;
|
8067
|
+
--cds-icon-secondary: #c6c6c6;
|
8068
|
+
--cds-interactive: #4589ff;
|
8069
|
+
--cds-layer-01: #262626;
|
8070
|
+
--cds-layer-02: #393939;
|
8071
|
+
--cds-layer-03: #525252;
|
8072
|
+
--cds-layer-accent-01: #393939;
|
8073
|
+
--cds-layer-accent-02: #525252;
|
8074
|
+
--cds-layer-accent-03: #6f6f6f;
|
8075
|
+
--cds-layer-accent-active-01: #6f6f6f;
|
8076
|
+
--cds-layer-accent-active-02: #8d8d8d;
|
8077
|
+
--cds-layer-accent-active-03: #393939;
|
8078
|
+
--cds-layer-accent-hover-01: #474747;
|
8079
|
+
--cds-layer-accent-hover-02: #636363;
|
8080
|
+
--cds-layer-accent-hover-03: #5e5e5e;
|
8081
|
+
--cds-layer-active-01: #525252;
|
8082
|
+
--cds-layer-active-02: #6f6f6f;
|
8083
|
+
--cds-layer-active-03: #8d8d8d;
|
8084
|
+
--cds-layer-hover-01: #333333;
|
8085
|
+
--cds-layer-hover-02: #474747;
|
8086
|
+
--cds-layer-hover-03: #636363;
|
8087
|
+
--cds-layer-selected-01: #393939;
|
8088
|
+
--cds-layer-selected-02: #525252;
|
8089
|
+
--cds-layer-selected-03: #6f6f6f;
|
8090
|
+
--cds-layer-selected-disabled: #a8a8a8;
|
8091
|
+
--cds-layer-selected-hover-01: #474747;
|
8092
|
+
--cds-layer-selected-hover-02: #636363;
|
8093
|
+
--cds-layer-selected-hover-03: #5e5e5e;
|
8094
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
8095
|
+
--cds-link-inverse: #0f62fe;
|
8096
|
+
--cds-link-inverse-active: #161616;
|
8097
|
+
--cds-link-inverse-hover: #0043ce;
|
8098
|
+
--cds-link-primary: #78a9ff;
|
8099
|
+
--cds-link-primary-hover: #a6c8ff;
|
8100
|
+
--cds-link-secondary: #a6c8ff;
|
8101
|
+
--cds-link-visited: #be95ff;
|
8102
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
8103
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
8104
|
+
--cds-skeleton-background: #292929;
|
8105
|
+
--cds-skeleton-element: #393939;
|
8106
|
+
--cds-support-caution-major: #ff832b;
|
8107
|
+
--cds-support-caution-minor: #f1c21b;
|
8108
|
+
--cds-support-caution-undefined: #a56eff;
|
8109
|
+
--cds-support-error: #fa4d56;
|
8110
|
+
--cds-support-error-inverse: #da1e28;
|
8111
|
+
--cds-support-info: #4589ff;
|
8112
|
+
--cds-support-info-inverse: #0043ce;
|
8113
|
+
--cds-support-success: #42be65;
|
8114
|
+
--cds-support-success-inverse: #24a148;
|
8115
|
+
--cds-support-warning: #f1c21b;
|
8116
|
+
--cds-support-warning-inverse: #f1c21b;
|
8117
|
+
--cds-text-disabled: rgba(244, 244, 244, 0.25);
|
8118
|
+
--cds-text-error: #ff8389;
|
8119
|
+
--cds-text-helper: #a8a8a8;
|
8120
|
+
--cds-text-inverse: #161616;
|
8121
|
+
--cds-text-on-color: #ffffff;
|
8122
|
+
--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
8123
|
+
--cds-text-placeholder: rgba(244, 244, 244, 0.4);
|
8124
|
+
--cds-text-primary: #f4f4f4;
|
8125
|
+
--cds-text-secondary: #c6c6c6;
|
8126
|
+
--cds-toggle-off: #6f6f6f;
|
8127
|
+
--cds-spacing-01: 0.125rem;
|
8128
|
+
--cds-spacing-02: 0.25rem;
|
8129
|
+
--cds-spacing-03: 0.5rem;
|
8130
|
+
--cds-spacing-04: 0.75rem;
|
8131
|
+
--cds-spacing-05: 1rem;
|
8132
|
+
--cds-spacing-06: 1.5rem;
|
8133
|
+
--cds-spacing-07: 2rem;
|
8134
|
+
--cds-spacing-08: 2.5rem;
|
8135
|
+
--cds-spacing-09: 3rem;
|
8136
|
+
--cds-spacing-10: 4rem;
|
8137
|
+
--cds-spacing-11: 5rem;
|
8138
|
+
--cds-spacing-12: 6rem;
|
8139
|
+
--cds-spacing-13: 10rem;
|
8140
|
+
--cds-fluid-spacing-01: 0;
|
8141
|
+
--cds-fluid-spacing-02: 2vw;
|
8142
|
+
--cds-fluid-spacing-03: 5vw;
|
8143
|
+
--cds-fluid-spacing-04: 10vw;
|
8144
|
+
--cds-label-01-font-size: 0.75rem;
|
8145
|
+
--cds-label-01-font-weight: 400;
|
8146
|
+
--cds-label-01-line-height: 1.33333;
|
8147
|
+
--cds-label-01-letter-spacing: 0.32px;
|
8148
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
8149
|
+
--cds-helper-text-01-line-height: 1.33333;
|
8150
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
8151
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
8152
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
8153
|
+
--cds-helper-text-02-line-height: 1.28572;
|
8154
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
8155
|
+
--cds-body-short-01-font-size: 0.875rem;
|
8156
|
+
--cds-body-short-01-font-weight: 400;
|
8157
|
+
--cds-body-short-01-line-height: 1.28572;
|
8158
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
8159
|
+
--cds-body-short-02-font-size: 1rem;
|
8160
|
+
--cds-body-short-02-font-weight: 400;
|
8161
|
+
--cds-body-short-02-line-height: 1.375;
|
8162
|
+
--cds-body-short-02-letter-spacing: 0;
|
8163
|
+
--cds-body-long-01-font-size: 0.875rem;
|
8164
|
+
--cds-body-long-01-font-weight: 400;
|
8165
|
+
--cds-body-long-01-line-height: 1.42857;
|
8166
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
8167
|
+
--cds-body-long-02-font-size: 1rem;
|
8168
|
+
--cds-body-long-02-font-weight: 400;
|
8169
|
+
--cds-body-long-02-line-height: 1.5;
|
8170
|
+
--cds-body-long-02-letter-spacing: 0;
|
8171
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
8172
|
+
--cds-code-01-font-size: 0.75rem;
|
8173
|
+
--cds-code-01-font-weight: 400;
|
8174
|
+
--cds-code-01-line-height: 1.33333;
|
8175
|
+
--cds-code-01-letter-spacing: 0.32px;
|
8176
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
8177
|
+
--cds-code-02-font-size: 0.875rem;
|
8178
|
+
--cds-code-02-font-weight: 400;
|
8179
|
+
--cds-code-02-line-height: 1.42857;
|
8180
|
+
--cds-code-02-letter-spacing: 0.32px;
|
8181
|
+
--cds-heading-01-font-size: 0.875rem;
|
8182
|
+
--cds-heading-01-font-weight: 600;
|
8183
|
+
--cds-heading-01-line-height: 1.42857;
|
8184
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
8185
|
+
--cds-heading-02-font-size: 1rem;
|
8186
|
+
--cds-heading-02-font-weight: 600;
|
8187
|
+
--cds-heading-02-line-height: 1.5;
|
8188
|
+
--cds-heading-02-letter-spacing: 0;
|
8189
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
8190
|
+
--cds-productive-heading-01-font-weight: 600;
|
8191
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
8192
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
8193
|
+
--cds-productive-heading-02-font-size: 1rem;
|
8194
|
+
--cds-productive-heading-02-font-weight: 600;
|
8195
|
+
--cds-productive-heading-02-line-height: 1.375;
|
8196
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
8197
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
8198
|
+
--cds-productive-heading-03-font-weight: 400;
|
8199
|
+
--cds-productive-heading-03-line-height: 1.4;
|
8200
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
8201
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
8202
|
+
--cds-productive-heading-04-font-weight: 400;
|
8203
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
8204
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
8205
|
+
--cds-productive-heading-05-font-size: 2rem;
|
8206
|
+
--cds-productive-heading-05-font-weight: 400;
|
8207
|
+
--cds-productive-heading-05-line-height: 1.25;
|
8208
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
8209
|
+
--cds-productive-heading-06-font-size: 2rem;
|
8210
|
+
--cds-productive-heading-06-font-weight: 300;
|
8211
|
+
--cds-productive-heading-06-line-height: 1.199;
|
8212
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
8213
|
+
--cds-productive-heading-07-font-size: 2.625rem;
|
8214
|
+
--cds-productive-heading-07-font-weight: 300;
|
8215
|
+
--cds-productive-heading-07-line-height: 1.19;
|
8216
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
8217
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
8218
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
8219
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
8220
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
8221
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
8222
|
+
--cds-expressive-heading-01-font-weight: 600;
|
8223
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
8224
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
8225
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
8226
|
+
--cds-expressive-heading-02-font-weight: 600;
|
8227
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
8228
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
8229
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
8230
|
+
--cds-expressive-heading-03-font-weight: 400;
|
8231
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
8232
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
8233
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
8234
|
+
--cds-expressive-heading-04-font-weight: 400;
|
8235
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
8236
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
8237
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
8238
|
+
--cds-expressive-heading-05-font-weight: 400;
|
8239
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
8240
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
8241
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
8242
|
+
--cds-expressive-heading-06-font-weight: 600;
|
8243
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
8244
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
8245
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
8246
|
+
--cds-quotation-01-font-size: 1.25rem;
|
8247
|
+
--cds-quotation-01-font-weight: 400;
|
8248
|
+
--cds-quotation-01-line-height: 1.3;
|
8249
|
+
--cds-quotation-01-letter-spacing: 0;
|
8250
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
8251
|
+
--cds-quotation-02-font-size: 2rem;
|
8252
|
+
--cds-quotation-02-font-weight: 300;
|
8253
|
+
--cds-quotation-02-line-height: 1.25;
|
8254
|
+
--cds-quotation-02-letter-spacing: 0;
|
8255
|
+
--cds-display-01-font-size: 2.625rem;
|
8256
|
+
--cds-display-01-font-weight: 300;
|
8257
|
+
--cds-display-01-line-height: 1.19;
|
8258
|
+
--cds-display-01-letter-spacing: 0;
|
8259
|
+
--cds-display-02-font-size: 2.625rem;
|
8260
|
+
--cds-display-02-font-weight: 600;
|
8261
|
+
--cds-display-02-line-height: 1.19;
|
8262
|
+
--cds-display-02-letter-spacing: 0;
|
8263
|
+
--cds-display-03-font-size: 2.625rem;
|
8264
|
+
--cds-display-03-font-weight: 300;
|
8265
|
+
--cds-display-03-line-height: 1.19;
|
8266
|
+
--cds-display-03-letter-spacing: 0;
|
8267
|
+
--cds-display-04-font-size: 2.625rem;
|
8268
|
+
--cds-display-04-font-weight: 600;
|
8269
|
+
--cds-display-04-line-height: 1.19;
|
8270
|
+
--cds-display-04-letter-spacing: 0;
|
8271
|
+
--cds-legal-01-font-size: 0.75rem;
|
8272
|
+
--cds-legal-01-font-weight: 400;
|
8273
|
+
--cds-legal-01-line-height: 1.33333;
|
8274
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
8275
|
+
--cds-legal-02-font-size: 0.875rem;
|
8276
|
+
--cds-legal-02-font-weight: 400;
|
8277
|
+
--cds-legal-02-line-height: 1.28572;
|
8278
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
8279
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
8280
|
+
--cds-body-compact-01-font-weight: 400;
|
8281
|
+
--cds-body-compact-01-line-height: 1.28572;
|
8282
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
8283
|
+
--cds-body-compact-02-font-size: 1rem;
|
8284
|
+
--cds-body-compact-02-font-weight: 400;
|
8285
|
+
--cds-body-compact-02-line-height: 1.375;
|
8286
|
+
--cds-body-compact-02-letter-spacing: 0;
|
8287
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
8288
|
+
--cds-heading-compact-01-font-weight: 600;
|
8289
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
8290
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
8291
|
+
--cds-heading-compact-02-font-size: 1rem;
|
8292
|
+
--cds-heading-compact-02-font-weight: 600;
|
8293
|
+
--cds-heading-compact-02-line-height: 1.375;
|
8294
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
8295
|
+
--cds-body-01-font-size: 0.875rem;
|
8296
|
+
--cds-body-01-font-weight: 400;
|
8297
|
+
--cds-body-01-line-height: 1.42857;
|
8298
|
+
--cds-body-01-letter-spacing: 0.16px;
|
8299
|
+
--cds-body-02-font-size: 1rem;
|
8300
|
+
--cds-body-02-font-weight: 400;
|
8301
|
+
--cds-body-02-line-height: 1.5;
|
8302
|
+
--cds-body-02-letter-spacing: 0;
|
8303
|
+
--cds-heading-03-font-size: 1.25rem;
|
8304
|
+
--cds-heading-03-font-weight: 400;
|
8305
|
+
--cds-heading-03-line-height: 1.4;
|
8306
|
+
--cds-heading-03-letter-spacing: 0;
|
8307
|
+
--cds-heading-04-font-size: 1.75rem;
|
8308
|
+
--cds-heading-04-font-weight: 400;
|
8309
|
+
--cds-heading-04-line-height: 1.28572;
|
8310
|
+
--cds-heading-04-letter-spacing: 0;
|
8311
|
+
--cds-heading-05-font-size: 2rem;
|
8312
|
+
--cds-heading-05-font-weight: 400;
|
8313
|
+
--cds-heading-05-line-height: 1.25;
|
8314
|
+
--cds-heading-05-letter-spacing: 0;
|
8315
|
+
--cds-heading-06-font-size: 2rem;
|
8316
|
+
--cds-heading-06-font-weight: 300;
|
8317
|
+
--cds-heading-06-line-height: 1.199;
|
8318
|
+
--cds-heading-06-letter-spacing: 0;
|
8319
|
+
--cds-heading-07-font-size: 2.625rem;
|
8320
|
+
--cds-heading-07-font-weight: 300;
|
8321
|
+
--cds-heading-07-line-height: 1.19;
|
8322
|
+
--cds-heading-07-letter-spacing: 0;
|
8323
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
8324
|
+
--cds-fluid-heading-03-font-weight: 400;
|
8325
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
8326
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
8327
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
8328
|
+
--cds-fluid-heading-04-font-weight: 400;
|
8329
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
8330
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
8331
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
8332
|
+
--cds-fluid-heading-05-font-weight: 400;
|
8333
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
8334
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
8335
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
8336
|
+
--cds-fluid-heading-06-font-weight: 600;
|
8337
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
8338
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
8339
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
8340
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
8341
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
8342
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
8343
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
8344
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
8345
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
8346
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
8347
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
8348
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
8349
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
8350
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
8351
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
8352
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
8353
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
8354
|
+
--cds-fluid-display-01-font-weight: 300;
|
8355
|
+
--cds-fluid-display-01-line-height: 1.19;
|
8356
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
8357
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
8358
|
+
--cds-fluid-display-02-font-weight: 600;
|
8359
|
+
--cds-fluid-display-02-line-height: 1.19;
|
8360
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
8361
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
8362
|
+
--cds-fluid-display-03-font-weight: 300;
|
8363
|
+
--cds-fluid-display-03-line-height: 1.19;
|
8364
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
8365
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
8366
|
+
--cds-fluid-display-04-font-weight: 600;
|
8367
|
+
--cds-fluid-display-04-line-height: 1.19;
|
8368
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
8369
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
8370
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
8371
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
8372
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
8373
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
8374
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
8375
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
8376
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
8377
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
8378
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
8379
|
+
--cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
|
8380
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
8381
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
8382
|
+
}
|
8383
|
+
|
8384
|
+
.c4p--web-terminal__body {
|
8385
|
+
height: 100%;
|
8386
|
+
}
|
8387
|
+
|
8388
|
+
.c4p--web-terminal-content-wrapper {
|
8389
|
+
width: 100vw;
|
8390
|
+
height: 100%;
|
8391
|
+
}
|
8392
|
+
|
8393
|
+
.c4p--web-terminal-content-wrapper--open {
|
8394
|
+
width: calc(100vw - 40rem);
|
8395
|
+
}
|
8396
|
+
|
7779
8397
|
/*# sourceMappingURL=index-without-carbon-released-only.css.map */
|