@carbon/ibm-products 1.5.0 → 1.8.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +389 -139
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +9 -3
- package/css/index-full-carbon.min.css.map +1 -0
- package/css/index-without-carbon-released-only.css +33 -27
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -3
- package/css/index-without-carbon-released-only.min.css.map +1 -0
- package/css/index-without-carbon.css +330 -133
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +9 -3
- package/css/index-without-carbon.min.css.map +1 -0
- package/css/index.css +332 -135
- package/css/index.css.map +1 -1
- package/css/index.min.css +9 -3
- package/css/index.min.css.map +1 -0
- package/es/components/APIKeyModal/APIKeyModal.js +10 -13
- package/es/components/ActionBar/ActionBar.js +0 -3
- package/es/components/ActionBar/ActionBarItem.js +2 -6
- package/es/components/ActionSet/ActionSet.js +11 -13
- package/es/components/AddSelect/AddSelect.js +122 -72
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +56 -0
- package/es/components/AddSelect/AddSelectList.js +94 -0
- package/es/components/AddSelect/AddSelectSidebar.js +110 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -5
- package/es/components/ButtonMenu/ButtonMenu.js +6 -4
- package/es/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/es/components/Card/Card.js +37 -25
- package/es/components/Card/CardFooter.js +14 -10
- package/es/components/Card/CardHeader.js +8 -6
- package/es/components/Cascade/Cascade.js +5 -4
- package/es/components/ComboButton/ComboButton.js +0 -4
- package/es/components/ComboButton/ComboButtonItem/index.js +0 -5
- package/es/components/CreateFullPage/CreateFullPageStep.js +15 -8
- package/es/components/CreateModal/CreateModal.js +1 -4
- package/es/components/CreateTearsheet/CreateTearsheet.js +10 -11
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +18 -14
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +414 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +138 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +64 -0
- package/es/components/DataSpreadsheet/createActiveCellFn.js +45 -0
- package/es/components/DataSpreadsheet/generateData.js +47 -0
- package/es/components/DataSpreadsheet/getCellSize.js +30 -0
- package/es/components/{CancelableTextEdit → DataSpreadsheet}/index.js +2 -2
- package/es/components/EditSidePanel/EditSidePanel.js +9 -10
- package/es/components/EmptyStates/EmptyState.js +8 -7
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +5 -9
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +5 -9
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +5 -9
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +5 -9
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +5 -9
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +5 -9
- package/es/components/ExampleComponent/ExampleComponent.js +12 -13
- package/es/components/ExportModal/ExportModal.js +13 -9
- package/es/components/ExpressiveCard/ExpressiveCard.js +0 -8
- package/es/components/ImportModal/ImportModal.js +7 -5
- package/es/components/InlineEdit/InlineEdit.js +256 -88
- package/es/components/LoadingBar/LoadingBar.js +13 -17
- package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
- package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
- package/es/components/ModifiedTabs/ModifiedTabs.js +24 -18
- package/es/components/NotificationsPanel/NotificationsPanel.js +125 -89
- package/es/components/OptionsTile/OptionsTile.js +6 -9
- package/es/components/PageHeader/PageHeader.js +19 -13
- package/es/components/PageHeader/PageHeaderTitle.js +10 -6
- package/es/components/ProductiveCard/ProductiveCard.js +23 -12
- package/es/components/RemoveModal/RemoveModal.js +0 -3
- package/es/components/SidePanel/SidePanel.js +54 -32
- package/es/components/TagSet/TagSet.js +13 -9
- package/es/components/TagSet/TagSetModal.js +16 -12
- package/es/components/TagSet/TagSetOverflow.js +21 -13
- package/es/components/Tearsheet/Tearsheet.js +27 -18
- package/es/components/Tearsheet/TearsheetNarrow.js +18 -15
- package/es/components/Tearsheet/TearsheetShell.js +3 -4
- package/es/components/Toolbar/ToolbarButton.js +0 -3
- package/es/components/WebTerminal/WebTerminal.js +18 -19
- package/es/components/index.js +2 -2
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useActiveElement.js +27 -0
- package/es/global/js/package-settings.js +2 -1
- package/es/global/js/utils/Wrap.js +7 -5
- package/es/global/js/utils/getScrollbarWidth.js +14 -0
- package/es/settings.js +0 -5
- package/lib/components/APIKeyModal/APIKeyModal.js +10 -13
- package/lib/components/ActionBar/ActionBar.js +0 -3
- package/lib/components/ActionBar/ActionBarItem.js +2 -6
- package/lib/components/ActionSet/ActionSet.js +11 -13
- package/lib/components/AddSelect/AddSelect.js +126 -72
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +71 -0
- package/lib/components/AddSelect/AddSelectList.js +112 -0
- package/lib/components/AddSelect/AddSelectSidebar.js +122 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -5
- package/lib/components/ButtonMenu/ButtonMenu.js +6 -4
- package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/lib/components/Card/Card.js +37 -25
- package/lib/components/Card/CardFooter.js +14 -10
- package/lib/components/Card/CardHeader.js +8 -6
- package/lib/components/Cascade/Cascade.js +5 -4
- package/lib/components/ComboButton/ComboButton.js +0 -4
- package/lib/components/ComboButton/ComboButtonItem/index.js +0 -5
- package/lib/components/CreateFullPage/CreateFullPageStep.js +17 -14
- package/lib/components/CreateModal/CreateModal.js +1 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.js +10 -11
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +20 -20
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +438 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +161 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +80 -0
- package/lib/components/DataSpreadsheet/createActiveCellFn.js +56 -0
- package/lib/components/DataSpreadsheet/generateData.js +58 -0
- package/lib/components/DataSpreadsheet/getCellSize.js +39 -0
- package/lib/components/DataSpreadsheet/index.js +13 -0
- package/lib/components/EditSidePanel/EditSidePanel.js +9 -10
- package/lib/components/EmptyStates/EmptyState.js +10 -9
- package/lib/components/EmptyStates/EmptyStateContent.js +2 -2
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +4 -8
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +4 -8
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +4 -8
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +4 -8
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +4 -8
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +4 -8
- package/lib/components/ExampleComponent/ExampleComponent.js +12 -13
- package/lib/components/ExportModal/ExportModal.js +13 -9
- package/lib/components/ExpressiveCard/ExpressiveCard.js +0 -8
- package/lib/components/ImportModal/ImportModal.js +7 -5
- package/lib/components/InlineEdit/InlineEdit.js +253 -87
- package/lib/components/LoadingBar/LoadingBar.js +13 -17
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
- package/lib/components/ModifiedTabs/ModifiedTabs.js +24 -18
- package/lib/components/NotificationsPanel/NotificationsPanel.js +122 -87
- package/lib/components/OptionsTile/OptionsTile.js +6 -9
- package/lib/components/PageHeader/PageHeader.js +18 -12
- package/lib/components/PageHeader/PageHeaderTitle.js +10 -6
- package/lib/components/ProductiveCard/ProductiveCard.js +24 -18
- package/lib/components/RemoveModal/RemoveModal.js +0 -3
- package/lib/components/SidePanel/SidePanel.js +54 -32
- package/lib/components/TagSet/TagSet.js +13 -9
- package/lib/components/TagSet/TagSetModal.js +17 -13
- package/lib/components/TagSet/TagSetOverflow.js +24 -19
- package/lib/components/Tearsheet/Tearsheet.js +26 -17
- package/lib/components/Tearsheet/TearsheetNarrow.js +18 -15
- package/lib/components/Tearsheet/TearsheetShell.js +2 -3
- package/lib/components/Toolbar/ToolbarButton.js +0 -3
- package/lib/components/WebTerminal/WebTerminal.js +18 -19
- package/lib/components/index.js +8 -8
- package/lib/global/js/hooks/index.js +8 -0
- package/lib/global/js/hooks/useActiveElement.js +39 -0
- package/lib/global/js/package-settings.js +2 -1
- package/lib/global/js/utils/Wrap.js +7 -5
- package/lib/global/js/utils/getScrollbarWidth.js +23 -0
- package/lib/settings.js +0 -6
- package/package.json +25 -23
- package/scss/components/AddSelect/_add-select.scss +59 -5
- package/scss/components/BreadcrumbWithOverflow/_index.scss +1 -1
- package/scss/components/CreateInfluencer/_create-influencer.scss +4 -4
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +2 -2
- package/scss/components/CreateTearsheetNarrow/_storybook-styles.scss +0 -6
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +102 -0
- package/scss/components/{CancelableTextEdit → DataSpreadsheet}/_index.scss +2 -2
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +6 -0
- package/scss/components/EditSidePanel/_storybook-styles.scss +0 -8
- package/scss/components/InlineEdit/_inline-edit.scss +293 -10
- package/scss/components/InlineEdit/_storybook-styles.scss +12 -6
- package/scss/components/LoadingBar/_storybook-styles.scss +0 -5
- package/scss/components/NotificationsPanel/_notifications-panel.scss +2 -2
- package/scss/components/OptionsTile/_storybook-styles.scss +0 -7
- package/scss/components/PageHeader/_index.scss +1 -1
- package/scss/components/PageHeader/_page-header.scss +4 -1
- package/scss/components/ProductiveCard/_productive-card.scss +0 -4
- package/scss/components/SidePanel/_side-panel.scss +15 -6
- package/scss/components/StatusIcon/_index.scss +1 -1
- package/scss/components/StatusIcon/_status-icon.scss +4 -4
- package/scss/components/TagSet/_index.scss +1 -1
- package/scss/components/UserProfileImage/_index.scss +1 -1
- package/scss/components/UserProfileImage/_user-profile-image.scss +2 -2
- package/scss/components/WebTerminal/_web-terminal.scss +2 -2
- package/scss/components/_index.scss +1 -1
- package/scss/global/styles/_project-settings.scss +5 -1
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +0 -245
- package/es/generated/feature-flags/feature-flags.js +0 -15
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +0 -265
- package/lib/components/CancelableTextEdit/index.js +0 -13
- package/lib/generated/feature-flags/feature-flags.js +0 -22
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +0 -211
- package/scss/components/CancelableTextEdit/_storybook-styles.scss +0 -15
- package/scss/generated/feature-flags/_feature-flags.scss +0 -19
@@ -4066,7 +4066,7 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4066
4066
|
outline: 2px solid transparent;
|
4067
4067
|
outline-offset: -2px;
|
4068
4068
|
border-bottom: 1px solid transparent;
|
4069
|
-
background-color: var(--cds-field
|
4069
|
+
background-color: var(--cds-field, #f4f4f4);
|
4070
4070
|
color: var(--cds-text-disabled, #c6c6c6);
|
4071
4071
|
cursor: not-allowed;
|
4072
4072
|
-webkit-text-fill-color: var(--cds-disabled-02, #c6c6c6);
|
@@ -11581,7 +11581,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11581
11581
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11582
11582
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11583
11583
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11584
|
-
@keyframes
|
11584
|
+
@keyframes influencer-menu-entrance {
|
11585
11585
|
0% {
|
11586
11586
|
opacity: 0;
|
11587
11587
|
transform: translateX(calc(-1 * var(--cds-spacing-05, 1rem)));
|
@@ -11591,7 +11591,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11591
11591
|
transform: translateX(0);
|
11592
11592
|
}
|
11593
11593
|
}
|
11594
|
-
@keyframes
|
11594
|
+
@keyframes influencer-menu-exit {
|
11595
11595
|
0% {
|
11596
11596
|
opacity: 1;
|
11597
11597
|
transform: translateX(0);
|
@@ -11626,14 +11626,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
11626
11626
|
|
11627
11627
|
.c4p--create-influencer__side-nav-opening,
|
11628
11628
|
.c4p--create-influencer__progress-indicator-opening {
|
11629
|
-
animation:
|
11629
|
+
animation: influencer-menu-entrance 240ms 1;
|
11630
11630
|
animation-fill-mode: forwards;
|
11631
11631
|
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
11632
11632
|
}
|
11633
11633
|
|
11634
11634
|
.c4p--create-influencer__side-nav-closing,
|
11635
11635
|
.c4p--create-influencer__progress-indicator-closing {
|
11636
|
-
animation:
|
11636
|
+
animation: influencer-menu-exit 240ms 1;
|
11637
11637
|
animation-fill-mode: forwards;
|
11638
11638
|
transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
|
11639
11639
|
}
|
@@ -12254,7 +12254,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12254
12254
|
stroke-dashoffset: 0;
|
12255
12255
|
}
|
12256
12256
|
}
|
12257
|
-
@keyframes
|
12257
|
+
@keyframes side-panel-exit-left {
|
12258
12258
|
0% {
|
12259
12259
|
opacity: 1;
|
12260
12260
|
transform: translateX(0);
|
@@ -12264,7 +12264,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12264
12264
|
transform: translateX(calc(-1 * 30rem));
|
12265
12265
|
}
|
12266
12266
|
}
|
12267
|
-
@keyframes
|
12267
|
+
@keyframes side-panel-exit-right {
|
12268
12268
|
0% {
|
12269
12269
|
opacity: 1;
|
12270
12270
|
transform: translateX(0);
|
@@ -12312,7 +12312,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12312
12312
|
right: 0;
|
12313
12313
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12314
12314
|
}
|
12315
|
-
@keyframes
|
12315
|
+
@keyframes side-panel-entrance-right {
|
12316
12316
|
0% {
|
12317
12317
|
opacity: 0;
|
12318
12318
|
transform: translateX(16rem);
|
@@ -12328,7 +12328,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12328
12328
|
left: 0;
|
12329
12329
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12330
12330
|
}
|
12331
|
-
@keyframes
|
12331
|
+
@keyframes side-panel-entrance-left {
|
12332
12332
|
0% {
|
12333
12333
|
opacity: 0;
|
12334
12334
|
transform: translateX(-16rem);
|
@@ -12355,7 +12355,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12355
12355
|
right: 0;
|
12356
12356
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12357
12357
|
}
|
12358
|
-
@keyframes
|
12358
|
+
@keyframes side-panel-entrance-right {
|
12359
12359
|
0% {
|
12360
12360
|
opacity: 0;
|
12361
12361
|
transform: translateX(20rem);
|
@@ -12371,7 +12371,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12371
12371
|
left: 0;
|
12372
12372
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12373
12373
|
}
|
12374
|
-
@keyframes
|
12374
|
+
@keyframes side-panel-entrance-left {
|
12375
12375
|
0% {
|
12376
12376
|
opacity: 0;
|
12377
12377
|
transform: translateX(-20rem);
|
@@ -12398,7 +12398,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12398
12398
|
right: 0;
|
12399
12399
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12400
12400
|
}
|
12401
|
-
@keyframes
|
12401
|
+
@keyframes side-panel-entrance-right {
|
12402
12402
|
0% {
|
12403
12403
|
opacity: 0;
|
12404
12404
|
transform: translateX(30rem);
|
@@ -12414,7 +12414,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12414
12414
|
left: 0;
|
12415
12415
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12416
12416
|
}
|
12417
|
-
@keyframes
|
12417
|
+
@keyframes side-panel-entrance-left {
|
12418
12418
|
0% {
|
12419
12419
|
opacity: 0;
|
12420
12420
|
transform: translateX(-30rem);
|
@@ -12441,7 +12441,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12441
12441
|
right: 0;
|
12442
12442
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12443
12443
|
}
|
12444
|
-
@keyframes
|
12444
|
+
@keyframes side-panel-entrance-right {
|
12445
12445
|
0% {
|
12446
12446
|
opacity: 0;
|
12447
12447
|
transform: translateX(40rem);
|
@@ -12457,7 +12457,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12457
12457
|
left: 0;
|
12458
12458
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12459
12459
|
}
|
12460
|
-
@keyframes
|
12460
|
+
@keyframes side-panel-entrance-left {
|
12461
12461
|
0% {
|
12462
12462
|
opacity: 0;
|
12463
12463
|
transform: translateX(-40rem);
|
@@ -12484,7 +12484,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12484
12484
|
right: 0;
|
12485
12485
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12486
12486
|
}
|
12487
|
-
@keyframes
|
12487
|
+
@keyframes side-panel-entrance-right {
|
12488
12488
|
0% {
|
12489
12489
|
opacity: 0;
|
12490
12490
|
transform: translateX(75%);
|
@@ -12500,7 +12500,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12500
12500
|
left: 0;
|
12501
12501
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12502
12502
|
}
|
12503
|
-
@keyframes
|
12503
|
+
@keyframes side-panel-entrance-left {
|
12504
12504
|
0% {
|
12505
12505
|
opacity: 0;
|
12506
12506
|
transform: translateX(-75%);
|
@@ -12544,6 +12544,15 @@ a.bx--overflow-menu-options__btn::before {
|
|
12544
12544
|
content: "";
|
12545
12545
|
opacity: var(--c4p--side-panel--divider-opacity);
|
12546
12546
|
}
|
12547
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion {
|
12548
|
+
z-index: 5;
|
12549
|
+
border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12550
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
12551
|
+
}
|
12552
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion.c4p--side-panel__title-container--no-title-animation {
|
12553
|
+
border-bottom: 0;
|
12554
|
+
margin-bottom: 0;
|
12555
|
+
}
|
12547
12556
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__on-detail-step .c4p--side-panel__collapsed-title-text {
|
12548
12557
|
top: var(--cds-spacing-09, 3rem);
|
12549
12558
|
}
|
@@ -12774,7 +12783,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12774
12783
|
background-color: var(--cds-field-02, #ffffff);
|
12775
12784
|
}
|
12776
12785
|
|
12777
|
-
@keyframes
|
12786
|
+
@keyframes side-panel-overlay-entrance {
|
12778
12787
|
0% {
|
12779
12788
|
opacity: 0;
|
12780
12789
|
}
|
@@ -12782,7 +12791,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12782
12791
|
opacity: 1;
|
12783
12792
|
}
|
12784
12793
|
}
|
12785
|
-
@keyframes
|
12794
|
+
@keyframes side-panel-overlay-exit {
|
12786
12795
|
0% {
|
12787
12796
|
opacity: 1;
|
12788
12797
|
}
|
@@ -14150,7 +14159,7 @@ a.bx--side-nav__link--current::before {
|
|
14150
14159
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14151
14160
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14152
14161
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14153
|
-
@keyframes
|
14162
|
+
@keyframes step-content-entrance {
|
14154
14163
|
0% {
|
14155
14164
|
opacity: 0;
|
14156
14165
|
transform: translateY(-0.75rem);
|
@@ -14169,7 +14178,7 @@ a.bx--side-nav__link--current::before {
|
|
14169
14178
|
}
|
14170
14179
|
|
14171
14180
|
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14172
|
-
animation: 400ms
|
14181
|
+
animation: 400ms step-content-entrance;
|
14173
14182
|
animation-fill-mode: forwards;
|
14174
14183
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
14175
14184
|
opacity: 0;
|
@@ -16624,27 +16633,60 @@ a.bx--side-nav__link--current::before {
|
|
16624
16633
|
.c4p--add-select__selections {
|
16625
16634
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16626
16635
|
}
|
16636
|
+
.c4p--add-select__selections-wrapper {
|
16637
|
+
display: block;
|
16638
|
+
}
|
16639
|
+
.c4p--add-select__selections-cell-wrapper {
|
16640
|
+
display: flex;
|
16641
|
+
align-items: center;
|
16642
|
+
justify-content: space-between;
|
16643
|
+
}
|
16627
16644
|
|
16628
|
-
.c4p--add-
|
16645
|
+
.c4p--add-select__sidebar-header {
|
16629
16646
|
display: flex;
|
16630
16647
|
padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
16631
16648
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16632
16649
|
}
|
16633
|
-
.c4p--add-
|
16650
|
+
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
16634
16651
|
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
16635
16652
|
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
16636
16653
|
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
16637
16654
|
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
16638
16655
|
}
|
16639
16656
|
|
16640
|
-
.c4p--add-
|
16657
|
+
.c4p--add-select__sidebar-title {
|
16641
16658
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
16642
16659
|
}
|
16643
16660
|
|
16644
|
-
.c4p--add-
|
16661
|
+
.c4p--add-select__sidebar-body {
|
16645
16662
|
padding: var(--cds-spacing-05, 1rem);
|
16646
16663
|
}
|
16647
16664
|
|
16665
|
+
.c4p--add-select .c4p--add-select__sidebar-item-header {
|
16666
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
16667
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
16668
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
16669
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
16670
|
+
}
|
16671
|
+
|
16672
|
+
.c4p--add-select .c4p--add-select__sidebar-item-body {
|
16673
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16674
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
16675
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
16676
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
16677
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16678
|
+
}
|
16679
|
+
|
16680
|
+
.c4p--add-select .c4p--add-select__sidebar-item-remove-button:hover {
|
16681
|
+
background: var(--cds-disabled-02, #c6c6c6);
|
16682
|
+
}
|
16683
|
+
|
16684
|
+
.c4p--add-select .c4p--add-select__sidebar-accordion-title {
|
16685
|
+
display: flex;
|
16686
|
+
align-items: center;
|
16687
|
+
justify-content: space-between;
|
16688
|
+
}
|
16689
|
+
|
16648
16690
|
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
16649
16691
|
max-width: 29rem;
|
16650
16692
|
flex: 0 0 50%;
|
@@ -16661,6 +16703,25 @@ a.bx--side-nav__link--current::before {
|
|
16661
16703
|
padding-right: 0;
|
16662
16704
|
}
|
16663
16705
|
|
16706
|
+
.c4p--add-select .bx--structured-list-td {
|
16707
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
16708
|
+
}
|
16709
|
+
|
16710
|
+
.c4p--add-select .bx--radio-button-wrapper .bx--radio-button__label {
|
16711
|
+
justify-content: left;
|
16712
|
+
}
|
16713
|
+
|
16714
|
+
.c4p--add-select .bx--breadcrumb .bx--link {
|
16715
|
+
cursor: pointer;
|
16716
|
+
}
|
16717
|
+
|
16718
|
+
.bx--accordion__item:hover .c4p--add-select__sidebar-accordion-title button {
|
16719
|
+
opacity: 1;
|
16720
|
+
}
|
16721
|
+
.bx--accordion__item .c4p--add-select__sidebar-accordion-title button {
|
16722
|
+
opacity: 0;
|
16723
|
+
}
|
16724
|
+
|
16664
16725
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16665
16726
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16666
16727
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -16824,7 +16885,7 @@ a.bx--side-nav__link--current::before {
|
|
16824
16885
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16825
16886
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16826
16887
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16827
|
-
@keyframes
|
16888
|
+
@keyframes fade-in {
|
16828
16889
|
0% {
|
16829
16890
|
opacity: 0;
|
16830
16891
|
transform: translateY(-38.5rem);
|
@@ -16834,7 +16895,7 @@ a.bx--side-nav__link--current::before {
|
|
16834
16895
|
transform: translateY(0);
|
16835
16896
|
}
|
16836
16897
|
}
|
16837
|
-
@keyframes
|
16898
|
+
@keyframes fade-out {
|
16838
16899
|
0% {
|
16839
16900
|
opacity: 1;
|
16840
16901
|
transform: translateY(0);
|
@@ -16977,8 +17038,6 @@ a.bx--side-nav__link--current::before {
|
|
16977
17038
|
--cds-layer-selected-hover: #4c4c4c;
|
16978
17039
|
--cds-layer-selected-inverse: #f4f4f4;
|
16979
17040
|
--cds-border-subtle-selected: #525252;
|
16980
|
-
--cds-layer-disabled: #262626;
|
16981
|
-
--cds-field-disabled: #262626;
|
16982
17041
|
--cds-border-disabled: #262626;
|
16983
17042
|
--cds-text-disabled: #525252;
|
16984
17043
|
--cds-button-disabled: #525252;
|
@@ -18529,7 +18588,7 @@ a.bx--side-nav__link--current::before {
|
|
18529
18588
|
|
18530
18589
|
.bx--search-input[disabled] {
|
18531
18590
|
border-bottom: 1px solid transparent;
|
18532
|
-
background-color: var(--cds-field
|
18591
|
+
background-color: var(--cds-field, #f4f4f4);
|
18533
18592
|
color: var(--cds-disabled-02, #c6c6c6);
|
18534
18593
|
cursor: not-allowed;
|
18535
18594
|
}
|
@@ -19435,6 +19494,8 @@ a.bx--side-nav__link--current::before {
|
|
19435
19494
|
.c4p--page-header .c4p--page-header__title--editable {
|
19436
19495
|
display: flex;
|
19437
19496
|
overflow: visible;
|
19497
|
+
margin-top: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
19498
|
+
margin-left: calc(-1 * var(--cds-spacing-05, 1rem));
|
19438
19499
|
}
|
19439
19500
|
.c4p--page-header .c4p--page-header__title-skeleton {
|
19440
19501
|
height: var(--cds-spacing-07, 2rem);
|
@@ -19722,9 +19783,6 @@ a.bx--side-nav__link--current::before {
|
|
19722
19783
|
justify-content: space-between;
|
19723
19784
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
19724
19785
|
}
|
19725
|
-
.c4p--card__productive .c4p--card__footer .bx--btn svg {
|
19726
|
-
margin-left: var(--cds-spacing-03, 0.5rem);
|
19727
|
-
}
|
19728
19786
|
.c4p--card__productive .c4p--card__footer-no-button {
|
19729
19787
|
justify-content: flex-end;
|
19730
19788
|
}
|
@@ -21114,7 +21172,7 @@ a.bx--side-nav__link--current::before {
|
|
21114
21172
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21115
21173
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21116
21174
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21117
|
-
@keyframes
|
21175
|
+
@keyframes web-terminal-entrance {
|
21118
21176
|
0% {
|
21119
21177
|
opacity: 0;
|
21120
21178
|
transform: translateX(36.5rem);
|
@@ -21124,7 +21182,7 @@ a.bx--side-nav__link--current::before {
|
|
21124
21182
|
transform: translateX(0);
|
21125
21183
|
}
|
21126
21184
|
}
|
21127
|
-
@keyframes
|
21185
|
+
@keyframes web-terminal-exit {
|
21128
21186
|
0% {
|
21129
21187
|
opacity: 1;
|
21130
21188
|
transform: translateX(0);
|
@@ -21272,8 +21330,6 @@ a.bx--side-nav__link--current::before {
|
|
21272
21330
|
--cds-layer-selected-hover: #656565;
|
21273
21331
|
--cds-layer-selected-inverse: #f4f4f4;
|
21274
21332
|
--cds-border-subtle-selected: #6f6f6f;
|
21275
|
-
--cds-layer-disabled: #393939;
|
21276
|
-
--cds-field-disabled: #393939;
|
21277
21333
|
--cds-border-disabled: #393939;
|
21278
21334
|
--cds-text-disabled: #6f6f6f;
|
21279
21335
|
--cds-button-disabled: #6f6f6f;
|
@@ -21718,8 +21774,6 @@ a.bx--side-nav__link--current::before {
|
|
21718
21774
|
--cds-layer-selected-hover: #4c4c4c;
|
21719
21775
|
--cds-layer-selected-inverse: #f4f4f4;
|
21720
21776
|
--cds-border-subtle-selected: #525252;
|
21721
|
-
--cds-layer-disabled: #262626;
|
21722
|
-
--cds-field-disabled: #262626;
|
21723
21777
|
--cds-border-disabled: #262626;
|
21724
21778
|
--cds-text-disabled: #525252;
|
21725
21779
|
--cds-button-disabled: #525252;
|
@@ -22655,145 +22709,288 @@ a.bx--side-nav__link--current::before {
|
|
22655
22709
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22656
22710
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22657
22711
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22658
|
-
.c4p--
|
22659
|
-
--size: var(--cds-spacing-08, 2.5rem);
|
22660
|
-
--icon-size: var(--cds-spacing-05, 1rem);
|
22712
|
+
.c4p--inline-edit {
|
22713
|
+
--c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
|
22714
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22715
|
+
--c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
|
22716
|
+
position: relative;
|
22717
|
+
display: inline-block;
|
22718
|
+
max-width: 100%;
|
22719
|
+
height: var(--c4p--inline-edit--size);
|
22720
|
+
background-color: var(--c4p--inline-edit--background-color);
|
22721
|
+
cursor: text;
|
22722
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22723
|
+
vertical-align: middle;
|
22724
|
+
white-space: nowrap;
|
22661
22725
|
}
|
22662
|
-
|
22663
|
-
|
22664
|
-
--size: var(--cds-spacing-07, 2rem);
|
22665
|
-
--icon-size: var(--cds-spacing-05, 1rem);
|
22726
|
+
.c4p--inline-edit.c4p--inline-edit--light {
|
22727
|
+
--c4p--inline-edit--background-color: transparent;
|
22666
22728
|
}
|
22667
|
-
|
22668
|
-
|
22669
|
-
--size: var(--cds-spacing-09, 3rem);
|
22670
|
-
--icon-size: var(--cds-spacing-05, 1rem);
|
22729
|
+
.c4p--inline-edit:hover {
|
22730
|
+
--c4p--inline-edit--background-color: var(--cds-hover-field, #e5e5e5);
|
22671
22731
|
}
|
22672
|
-
|
22673
|
-
|
22674
|
-
|
22675
|
-
|
22676
|
-
|
22677
|
-
|
22732
|
+
.c4p--inline-edit.c4p--inline-edit--sm {
|
22733
|
+
--c4p--inline-edit--size: var(--cds-spacing-07, 2rem);
|
22734
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22735
|
+
}
|
22736
|
+
.c4p--inline-edit.c4p--inline-edit--lg {
|
22737
|
+
--c4p--inline-edit--size: var(--cds-spacing-09, 3rem);
|
22738
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22739
|
+
}
|
22740
|
+
.c4p--inline-edit.c4p--inline-edit--invalid {
|
22741
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
|
22742
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22743
|
+
}
|
22744
|
+
@media screen and (prefers-contrast) {
|
22745
|
+
.c4p--inline-edit.c4p--inline-edit--invalid {
|
22746
|
+
outline-style: dotted;
|
22747
|
+
}
|
22748
|
+
}
|
22749
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22750
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
|
22751
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22752
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
22753
|
+
}
|
22754
|
+
@media screen and (prefers-contrast) {
|
22755
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22756
|
+
outline-style: dotted;
|
22757
|
+
}
|
22758
|
+
}
|
22759
|
+
.c4p--inline-edit .c4p--inline-edit__input {
|
22760
|
+
display: inline-block;
|
22761
|
+
overflow: hidden;
|
22762
|
+
min-width: calc(100% - 3 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
|
22763
|
+
max-width: calc(100% - 3 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
|
22764
|
+
min-height: var(--c4p--inline-edit--size);
|
22765
|
+
margin-right: calc(3 * var(--c4p--inline-edit--size));
|
22766
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
22767
|
+
line-height: var(--c4p--inline-edit--size);
|
22768
|
+
}
|
22769
|
+
.c4p--inline-edit .c4p--inline-edit__input:focus {
|
22770
|
+
outline: none;
|
22771
|
+
}
|
22772
|
+
.c4p--inline-edit .c4p--inline-edit__input::after {
|
22773
|
+
position: absolute;
|
22774
|
+
top: 0;
|
22775
|
+
left: 0;
|
22776
|
+
display: block;
|
22777
|
+
overflow: hidden;
|
22778
|
+
width: 0;
|
22779
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
22780
|
+
color: var(--cds-text-05, #6f6f6f);
|
22781
|
+
content: attr(data-placeholder);
|
22782
|
+
opacity: 0;
|
22783
|
+
visibility: hidden;
|
22678
22784
|
}
|
22679
|
-
.c4p--
|
22680
|
-
|
22681
|
-
|
22785
|
+
.c4p--inline-edit .c4p--inline-edit__ellipsis {
|
22786
|
+
display: inline-block;
|
22787
|
+
overflow: hidden;
|
22788
|
+
width: 0;
|
22789
|
+
height: var(--c4p--inline-edit--size);
|
22790
|
+
line-height: var(--c4p--inline-edit--size);
|
22791
|
+
opacity: 0;
|
22792
|
+
pointer-events: none;
|
22793
|
+
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22794
|
+
}
|
22795
|
+
.c4p--inline-edit.c4p--inline-edit--overflows:not(.c4p--inline-edit--editing) .c4p--inline-edit__ellipsis {
|
22796
|
+
width: initial;
|
22797
|
+
opacity: 1;
|
22682
22798
|
}
|
22683
|
-
.c4p--
|
22799
|
+
.c4p--inline-edit .c4p--inline-edit__disabled-cover {
|
22800
|
+
position: absolute;
|
22801
|
+
top: 0;
|
22802
|
+
left: 0;
|
22803
|
+
width: 100%;
|
22804
|
+
height: 100%;
|
22805
|
+
pointer-events: none;
|
22806
|
+
}
|
22807
|
+
.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
|
22808
|
+
cursor: not-allowed;
|
22809
|
+
pointer-events: all;
|
22810
|
+
}
|
22811
|
+
.c4p--inline-edit .c4p--inline-edit__input--empty::after {
|
22812
|
+
width: initial;
|
22813
|
+
opacity: 1;
|
22814
|
+
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22815
|
+
visibility: visible;
|
22816
|
+
}
|
22817
|
+
.c4p--inline-edit .c4p--inline-edit__after-input-elements {
|
22684
22818
|
position: absolute;
|
22685
22819
|
top: 0;
|
22686
22820
|
right: 0;
|
22687
22821
|
display: flex;
|
22688
|
-
|
22822
|
+
width: calc(3 * var(--c4p--inline-edit--size));
|
22823
|
+
height: 100%;
|
22824
|
+
justify-content: space-between;
|
22825
|
+
cursor: text;
|
22689
22826
|
}
|
22690
|
-
.c4p--
|
22691
|
-
|
22827
|
+
.c4p--inline-edit .c4p--inline-edit__toolbar--animation {
|
22828
|
+
clip-path: polygon(0 0, -100vw 0, -100vw -100vh, 100vw -100vh, 100vw 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
|
22692
22829
|
}
|
22693
|
-
.c4p--
|
22694
|
-
|
22695
|
-
|
22830
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar::after {
|
22831
|
+
position: absolute;
|
22832
|
+
top: 0;
|
22833
|
+
left: 0;
|
22834
|
+
display: block;
|
22835
|
+
width: 100%;
|
22836
|
+
height: 100%;
|
22837
|
+
box-sizing: border-box;
|
22838
|
+
border: 2px solid var(--cds-focus, #0f62fe);
|
22839
|
+
border-left: 0;
|
22840
|
+
content: "";
|
22841
|
+
pointer-events: none;
|
22696
22842
|
}
|
22697
|
-
.c4p--
|
22698
|
-
|
22699
|
-
|
22700
|
-
|
22701
|
-
|
22702
|
-
|
22843
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
|
22844
|
+
display: inline-flex;
|
22845
|
+
width: var(--c4p--inline-edit--size);
|
22846
|
+
height: 100%;
|
22847
|
+
min-height: initial;
|
22848
|
+
max-height: var(--c4p--inline-edit--size);
|
22849
|
+
padding: calc(
|
22850
|
+
0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)) - var(--cds-spacing-01, 0.125rem)
|
22851
|
+
);
|
22852
|
+
border: 2px solid transparent;
|
22853
|
+
}
|
22854
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
|
22703
22855
|
outline: initial;
|
22704
22856
|
}
|
22705
|
-
.c4p--
|
22706
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
|
22707
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
|
22857
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
|
22708
22858
|
border-color: var(--cds-focus, #0f62fe);
|
22709
|
-
box-shadow:
|
22859
|
+
box-shadow: initial;
|
22710
22860
|
outline: initial;
|
22711
22861
|
}
|
22712
|
-
.c4p--
|
22713
|
-
|
22714
|
-
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
|
22862
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
|
22863
|
+
box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
|
22715
22864
|
}
|
22716
|
-
.c4p--
|
22717
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
|
22865
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
|
22718
22866
|
background-color: transparent;
|
22719
22867
|
}
|
22720
|
-
.c4p--
|
22721
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
|
22868
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
|
22722
22869
|
border-color: transparent;
|
22723
22870
|
}
|
22724
|
-
.c4p--
|
22725
|
-
|
22726
|
-
|
22727
|
-
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
|
22871
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
22872
|
+
margin-right: calc(-1 * var(--c4p--inline-edit--size));
|
22873
|
+
transition: margin-right 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22728
22874
|
}
|
22729
|
-
.c4p--
|
22730
|
-
|
22875
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--saveable .c4p--inline-edit__save {
|
22876
|
+
margin-right: 0;
|
22731
22877
|
}
|
22732
|
-
.c4p--
|
22733
|
-
|
22734
|
-
|
22735
|
-
|
22878
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
22879
|
+
display: inline-flex;
|
22880
|
+
width: var(--c4p--inline-edit--size);
|
22881
|
+
height: 100%;
|
22882
|
+
min-height: initial;
|
22883
|
+
max-height: var(--c4p--inline-edit--size);
|
22884
|
+
padding: calc(
|
22885
|
+
0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)) - var(--cds-spacing-01, 0.125rem)
|
22886
|
+
);
|
22887
|
+
border: 2px solid transparent;
|
22736
22888
|
}
|
22737
|
-
.c4p--
|
22738
|
-
|
22739
|
-
background-
|
22889
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
|
22890
|
+
border-color: transparent;
|
22891
|
+
background-color: transparent;
|
22892
|
+
box-shadow: initial;
|
22893
|
+
outline: initial;
|
22740
22894
|
}
|
22741
|
-
.c4p--
|
22742
|
-
|
22895
|
+
.c4p--inline-edit .c4p--inline-edit__edit--hover-visible {
|
22896
|
+
opacity: 0;
|
22897
|
+
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22743
22898
|
}
|
22744
|
-
.c4p--
|
22745
|
-
|
22746
|
-
display: flex;
|
22747
|
-
width: var(--size);
|
22748
|
-
height: var(--size);
|
22749
|
-
min-height: var(--size);
|
22750
|
-
flex-direction: column;
|
22751
|
-
align-items: center;
|
22752
|
-
justify-content: center;
|
22753
|
-
padding: 0;
|
22899
|
+
.c4p--inline-edit:hover .c4p--inline-edit__edit--hover-visible {
|
22900
|
+
opacity: 1;
|
22754
22901
|
}
|
22755
|
-
.c4p--
|
22756
|
-
|
22757
|
-
width: var(--
|
22758
|
-
height:
|
22902
|
+
.c4p--inline-edit .c4p--inline-edit__validation-icon {
|
22903
|
+
display: inline-flex;
|
22904
|
+
width: var(--c4p--inline-edit--size);
|
22905
|
+
height: 100%;
|
22906
|
+
min-height: initial;
|
22907
|
+
max-height: var(--c4p--inline-edit--size);
|
22908
|
+
padding: calc(
|
22909
|
+
0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)) - var(--cds-spacing-01, 0.125rem)
|
22910
|
+
);
|
22911
|
+
border: 2px solid transparent;
|
22759
22912
|
}
|
22760
|
-
.c4p--
|
22761
|
-
|
22762
|
-
max-height: initial;
|
22913
|
+
.c4p--inline-edit.c4p--inline-edit--warn .c4p--inline-edit__validation-icon {
|
22914
|
+
color: var(--cds-support-warning, #f1c21b);
|
22763
22915
|
}
|
22764
|
-
.c4p--
|
22765
|
-
|
22916
|
+
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
|
22917
|
+
color: var(--cds-support-error, #da1e28);
|
22766
22918
|
}
|
22767
|
-
.c4p--
|
22919
|
+
.c4p--inline-edit .c4p--inline-edit__validation-text {
|
22768
22920
|
display: block;
|
22769
22921
|
overflow: visible;
|
22770
|
-
|
22771
|
-
}
|
22772
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
|
22773
|
-
padding-right: calc(2 * var(--size));
|
22774
|
-
}
|
22775
|
-
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
|
22776
|
-
padding-right: calc(3 * var(--size));
|
22922
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
22777
22923
|
}
|
22778
|
-
.c4p--
|
22779
|
-
|
22924
|
+
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
|
22925
|
+
color: var(--cds-support-error, #da1e28);
|
22780
22926
|
}
|
22781
22927
|
|
22782
22928
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22783
22929
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22784
22930
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22785
|
-
.c4p--
|
22786
|
-
display: inline-
|
22787
|
-
|
22931
|
+
.c4p--data-spreadsheet {
|
22932
|
+
display: inline-block;
|
22933
|
+
border-spacing: 0;
|
22788
22934
|
}
|
22789
|
-
|
22790
|
-
|
22935
|
+
.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
|
22936
|
+
outline: 2px solid var(--cds-inverse-link, #78a9ff);
|
22937
|
+
}
|
22938
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
|
22939
|
+
position: relative;
|
22940
|
+
}
|
22941
|
+
.c4p--data-spreadsheet button.c4p--data-spreadsheet__td {
|
22942
|
+
margin: 0;
|
22943
|
+
background-color: transparent;
|
22944
|
+
}
|
22945
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__td {
|
22946
|
+
border-bottom: 0;
|
22947
|
+
}
|
22948
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
22949
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
22950
|
+
padding: 0 var(--cds-spacing-03, 0.5rem);
|
22951
|
+
border: 0;
|
22952
|
+
margin: 0;
|
22953
|
+
color: var(--cds-text-01, #161616);
|
22954
|
+
}
|
22955
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th:last-child,
|
22956
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td:last-child {
|
22957
|
+
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
22958
|
+
}
|
22959
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
22960
|
+
.c4p--data-spreadsheet button.c4p--data-spreadsheet__td-th {
|
22961
|
+
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
22962
|
+
border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
|
22963
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
22964
|
+
cursor: pointer;
|
22965
|
+
}
|
22966
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th {
|
22967
|
+
font-weight: 600;
|
22791
22968
|
display: flex;
|
22792
22969
|
align-items: center;
|
22970
|
+
justify-content: flex-end;
|
22793
22971
|
}
|
22794
|
-
|
22795
|
-
|
22796
|
-
|
22972
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
22973
|
+
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
22974
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
22975
|
+
cursor: cell;
|
22976
|
+
text-align: left;
|
22977
|
+
}
|
22978
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th {
|
22979
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
22980
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
22981
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
22982
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
22983
|
+
color: var(--cds-text-01, #161616);
|
22984
|
+
text-align: left;
|
22985
|
+
}
|
22986
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
|
22987
|
+
position: absolute;
|
22988
|
+
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
22989
|
+
background-color: transparent;
|
22990
|
+
}
|
22991
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight:focus {
|
22992
|
+
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
22993
|
+
outline: 0;
|
22797
22994
|
}
|
22798
22995
|
|
22799
22996
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -24071,6 +24268,10 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
24071
24268
|
}
|
24072
24269
|
}
|
24073
24270
|
|
24271
|
+
.bx--checkbox--inline {
|
24272
|
+
position: relative;
|
24273
|
+
}
|
24274
|
+
|
24074
24275
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
24075
24276
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
24076
24277
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -24960,14 +25161,33 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
24960
25161
|
color: var(--cds-text-secondary, #525252);
|
24961
25162
|
text-align: left;
|
24962
25163
|
text-decoration: none;
|
24963
|
-
transition: all
|
25164
|
+
transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
24964
25165
|
white-space: nowrap;
|
24965
25166
|
}
|
25167
|
+
.bx--content-switcher-btn::after {
|
25168
|
+
position: absolute;
|
25169
|
+
top: 0;
|
25170
|
+
left: 0;
|
25171
|
+
display: block;
|
25172
|
+
width: 100%;
|
25173
|
+
height: 100%;
|
25174
|
+
background-color: var(--cds-layer-selected-inverse, #161616);
|
25175
|
+
content: "";
|
25176
|
+
transform: scaleY(0);
|
25177
|
+
transform-origin: bottom;
|
25178
|
+
transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
25179
|
+
}
|
25180
|
+
.bx--content-switcher-btn:disabled::after {
|
25181
|
+
display: none;
|
25182
|
+
}
|
24966
25183
|
.bx--content-switcher-btn:focus {
|
24967
25184
|
z-index: 3;
|
24968
25185
|
border-color: var(--cds-focus, #0f62fe);
|
24969
25186
|
box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
|
24970
25187
|
}
|
25188
|
+
.bx--content-switcher-btn:focus::after {
|
25189
|
+
clip-path: inset(3px 3px 3px 3px);
|
25190
|
+
}
|
24971
25191
|
.bx--content-switcher-btn:hover {
|
24972
25192
|
color: var(--cds-text-primary, #161616);
|
24973
25193
|
cursor: pointer;
|
@@ -25051,6 +25271,7 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25051
25271
|
}
|
25052
25272
|
|
25053
25273
|
.bx--content-switcher__label {
|
25274
|
+
z-index: 1;
|
25054
25275
|
overflow: hidden;
|
25055
25276
|
max-width: 100%;
|
25056
25277
|
text-overflow: ellipsis;
|
@@ -25067,6 +25288,9 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25067
25288
|
background-color: var(--cds-layer-selected-inverse, #161616);
|
25068
25289
|
color: var(--cds-text-inverse, #ffffff);
|
25069
25290
|
}
|
25291
|
+
.bx--content-switcher-btn.bx--content-switcher--selected::after {
|
25292
|
+
transform: scaleY(1);
|
25293
|
+
}
|
25070
25294
|
.bx--content-switcher-btn.bx--content-switcher--selected:disabled {
|
25071
25295
|
background-color: var(--cds-layer-selected-disabled, #8d8d8d);
|
25072
25296
|
color: var(--cds-text-disabled, #c6c6c6);
|
@@ -25235,11 +25459,14 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25235
25459
|
|
25236
25460
|
.bx--toolbar-search-container-expandable .bx--search-input {
|
25237
25461
|
height: 100%;
|
25238
|
-
padding: 0;
|
25239
25462
|
cursor: pointer;
|
25240
25463
|
opacity: 0;
|
25241
25464
|
}
|
25242
25465
|
|
25466
|
+
.bx--toolbar-search-container-expandable:not(.bx--toolbar-search-container-active) .bx--search-input {
|
25467
|
+
padding: 0;
|
25468
|
+
}
|
25469
|
+
|
25243
25470
|
.bx--toolbar-search-container-expandable .bx--search-magnifier-icon {
|
25244
25471
|
left: 0;
|
25245
25472
|
width: var(--cds-spacing-09, 3rem);
|
@@ -25249,7 +25476,7 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25249
25476
|
}
|
25250
25477
|
|
25251
25478
|
.bx--toolbar-search-container-expandable.bx--search--disabled .bx--search-magnifier-icon {
|
25252
|
-
background-color: var(--cds-layer
|
25479
|
+
background-color: var(--cds-layer, #f4f4f4);
|
25253
25480
|
cursor: not-allowed;
|
25254
25481
|
transition: background-color none;
|
25255
25482
|
}
|
@@ -25588,6 +25815,7 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25588
25815
|
.bx--table-toolbar--small,
|
25589
25816
|
.bx--table-toolbar--sm {
|
25590
25817
|
height: 2rem;
|
25818
|
+
min-height: 2rem;
|
25591
25819
|
}
|
25592
25820
|
.bx--table-toolbar--small .bx--toolbar-search-container-expandable,
|
25593
25821
|
.bx--table-toolbar--small .bx--toolbar-search-container-persistent,
|
@@ -25671,6 +25899,16 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25671
25899
|
outline-offset: -2px;
|
25672
25900
|
background-color: transparent;
|
25673
25901
|
}
|
25902
|
+
.bx--table-toolbar--small .bx--overflow-menu.bx--toolbar-action,
|
25903
|
+
.bx--table-toolbar--sm .bx--overflow-menu.bx--toolbar-action {
|
25904
|
+
width: 2rem;
|
25905
|
+
min-width: 2rem;
|
25906
|
+
height: 2rem;
|
25907
|
+
}
|
25908
|
+
.bx--table-toolbar--small .bx--toolbar-content,
|
25909
|
+
.bx--table-toolbar--sm .bx--toolbar-content {
|
25910
|
+
height: 2rem;
|
25911
|
+
}
|
25674
25912
|
|
25675
25913
|
.bx--search--disabled .bx--search-magnifier-icon:hover {
|
25676
25914
|
background-color: transparent;
|
@@ -25707,6 +25945,11 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25707
25945
|
height: 2rem;
|
25708
25946
|
}
|
25709
25947
|
|
25948
|
+
.bx--table-toolbar--small .bx--batch-summary,
|
25949
|
+
.bx--table-toolbar--sm .bx--batch-summary {
|
25950
|
+
min-height: 2rem;
|
25951
|
+
}
|
25952
|
+
|
25710
25953
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
25711
25954
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
25712
25955
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -27385,6 +27628,7 @@ th .bx--table-sort__flex {
|
|
27385
27628
|
cursor: pointer;
|
27386
27629
|
transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
27387
27630
|
fill: var(--cds-icon-01, #161616);
|
27631
|
+
user-select: none;
|
27388
27632
|
}
|
27389
27633
|
.flatpickr-prev-month:hover,
|
27390
27634
|
.flatpickr-next-month:hover {
|
@@ -27811,7 +28055,7 @@ th .bx--table-sort__flex {
|
|
27811
28055
|
}
|
27812
28056
|
.bx--date-picker__input:disabled {
|
27813
28057
|
border-bottom: 1px solid transparent;
|
27814
|
-
background-color: var(--cds-field
|
28058
|
+
background-color: var(--cds-field, #f4f4f4);
|
27815
28059
|
color: var(--cds-text-disabled, #c6c6c6);
|
27816
28060
|
cursor: not-allowed;
|
27817
28061
|
}
|
@@ -31787,6 +32031,12 @@ span.bx--pagination__text {
|
|
31787
32031
|
color: transparent;
|
31788
32032
|
}
|
31789
32033
|
|
32034
|
+
.bx--text-area__label-wrapper {
|
32035
|
+
display: flex;
|
32036
|
+
width: 100%;
|
32037
|
+
justify-content: space-between;
|
32038
|
+
}
|
32039
|
+
|
31790
32040
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
31791
32041
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
31792
32042
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|