@carbon/ibm-products 1.25.1 → 1.31.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +562 -88
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +942 -23
- 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 -1
- package/css/index-without-carbon.css +561 -87
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +562 -88
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelect.js +0 -3
- package/es/components/AddSelect/AddSelectBody.js +20 -3
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +11 -3
- package/es/components/AddSelect/AddSelectColumn.js +4 -3
- package/es/components/AddSelect/AddSelectFilter.js +4 -3
- package/es/components/AddSelect/AddSelectList.js +40 -14
- 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/DataSpreadsheet/DataSpreadsheet.js +62 -11
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +7 -0
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +31 -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 +106 -0
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -3
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +139 -11
- package/es/components/Datagrid/Datagrid/DraggableElement.js +5 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +5 -40
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +35 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +61 -24
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +3 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +63 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +459 -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 +31 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +19 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +197 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +6 -5
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
- package/es/components/Datagrid/index.js +3 -1
- package/es/components/Datagrid/useActionsColumn.js +31 -6
- 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/useInlineEdit.js +71 -0
- package/es/components/Datagrid/useRowSize.js +17 -6
- package/es/components/Datagrid/useSelectRows.js +14 -4
- package/es/components/Datagrid/useStickyColumn.js +14 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +121 -0
- package/es/components/Datagrid/utils/makeData.js +18 -2
- package/es/components/ImportModal/ImportModal.js +2 -2
- package/es/components/InlineEdit/InlineEdit.js +4 -2
- package/es/components/ProductiveCard/ProductiveCard.js +5 -0
- package/es/components/WebTerminal/WebTerminal.js +1 -1
- 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 +6 -0
- 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 +1 -1
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/package-settings.js +3 -3
- package/es/global/js/utils/rangeWithCallback.js +13 -0
- package/es/global/js/utils/uuidv4.spec.js +4 -0
- package/lib/components/AddSelect/AddSelect.js +0 -4
- package/lib/components/AddSelect/AddSelectBody.js +20 -3
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +14 -3
- package/lib/components/AddSelect/AddSelectColumn.js +3 -2
- package/lib/components/AddSelect/AddSelectFilter.js +3 -2
- package/lib/components/AddSelect/AddSelectList.js +39 -13
- 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/DataSpreadsheet/DataSpreadsheet.js +62 -10
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +7 -0
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +42 -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 +138 -0
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +12 -3
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +148 -9
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +5 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +12 -41
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +47 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +59 -23
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +3 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +79 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +13 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +483 -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 +42 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +28 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +204 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +6 -5
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
- package/lib/components/Datagrid/index.js +17 -1
- package/lib/components/Datagrid/useActionsColumn.js +31 -6
- 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/useInlineEdit.js +85 -0
- package/lib/components/Datagrid/useRowSize.js +18 -13
- package/lib/components/Datagrid/useSelectRows.js +13 -3
- package/lib/components/Datagrid/useStickyColumn.js +14 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +133 -0
- package/lib/components/Datagrid/utils/makeData.js +18 -2
- package/lib/components/ImportModal/ImportModal.js +2 -2
- package/lib/components/InlineEdit/InlineEdit.js +4 -2
- package/lib/components/ProductiveCard/ProductiveCard.js +5 -0
- package/lib/components/WebTerminal/hooks/index.js +6 -0
- package/lib/components/WebTerminal/preview-components/Navigation.js +6 -0
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +6 -0
- package/lib/components/index.js +12 -0
- package/lib/global/js/hooks/useClickOutside.js +1 -1
- package/lib/global/js/package-settings.js +3 -3
- package/lib/global/js/utils/rangeWithCallback.js +22 -0
- package/lib/global/js/utils/uuidv4.spec.js +4 -0
- package/package.json +13 -13
- package/scss/components/AddSelect/_add-select.scss +126 -28
- package/scss/components/Card/_card.scss +1 -0
- package/scss/components/Cascade/_cascade.scss +1 -1
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +1 -0
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +18 -1
- package/scss/components/Datagrid/_datagrid.scss +5 -0
- package/scss/components/Datagrid/_storybook-styles.scss +1 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +81 -12
- package/scss/components/Datagrid/styles/_draggableElement.scss +26 -9
- package/scss/components/Datagrid/styles/_index.scss +1 -0
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +211 -0
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +24 -2
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +44 -6
- package/scss/components/InlineEdit/_inline-edit.scss +1 -1
- package/scss/components/NotificationsPanel/_notifications-panel.scss +5 -6
- package/scss/components/ProductiveCard/_productive-card.scss +39 -0
- package/scss/components/RemoveModal/_remove-modal.scss +0 -4
- package/scss/components/SidePanel/_side-panel.scss +4 -6
- package/scss/components/WebTerminal/_index.scss +7 -0
- package/scss/components/WebTerminal/_storybook-styles.scss +7 -0
- package/scss/components/WebTerminal/_web-terminal.scss +13 -0
- package/scss/components/_index-released-only.scss +1 -0
@@ -192,7 +192,7 @@ h1 {
|
|
192
192
|
|
193
193
|
h2 {
|
194
194
|
font-size: var(--cds-productive-heading-05-font-size, 2rem);
|
195
|
-
font-weight: var(--cds-productive-heading-05-font-weight,
|
195
|
+
font-weight: var(--cds-productive-heading-05-font-weight, 300);
|
196
196
|
line-height: var(--cds-productive-heading-05-line-height, 1.25);
|
197
197
|
letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
|
198
198
|
}
|
@@ -11114,8 +11114,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11114
11114
|
box-sizing: border-box;
|
11115
11115
|
background-color: var(--cds-ui-01, #f4f4f4);
|
11116
11116
|
color: var(--cds-text-01, #161616);
|
11117
|
-
transition: transform 240ms;
|
11118
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
11117
|
+
transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
11119
11118
|
}
|
11120
11119
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
11121
11120
|
width: 16rem;
|
@@ -11415,6 +11414,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11415
11414
|
background-color: var(--cds-ui-01, #f4f4f4);
|
11416
11415
|
opacity: var(--c4p--side-panel--subtitle-opacity);
|
11417
11416
|
transform: translateY(var(--c4p--side-panel--title-y-position));
|
11417
|
+
word-break: break-word;
|
11418
11418
|
}
|
11419
11419
|
.c4p--side-panel__container .c4p--side-panel__label-text {
|
11420
11420
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
@@ -11524,8 +11524,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11524
11524
|
padding: 0 var(--cds-spacing-05, 1rem);
|
11525
11525
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
11526
11526
|
background-color: var(--cds-ui-01, #f4f4f4);
|
11527
|
-
transition: transform 150ms;
|
11528
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
11527
|
+
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
11529
11528
|
}
|
11530
11529
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
|
11531
11530
|
min-width: 2rem;
|
@@ -11651,8 +11650,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11651
11650
|
width: 100%;
|
11652
11651
|
height: 100%;
|
11653
11652
|
background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
11654
|
-
transition: background-color 240ms;
|
11655
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
11653
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
11656
11654
|
}
|
11657
11655
|
|
11658
11656
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -13379,7 +13377,7 @@ a.bx--side-nav__link--current::before {
|
|
13379
13377
|
|
13380
13378
|
.c4p--http-errors .c4p--http-errors__title {
|
13381
13379
|
font-size: var(--cds-productive-heading-05-font-size, 2rem);
|
13382
|
-
font-weight: var(--cds-productive-heading-05-font-weight,
|
13380
|
+
font-weight: var(--cds-productive-heading-05-font-weight, 300);
|
13383
13381
|
line-height: var(--cds-productive-heading-05-line-height, 1.25);
|
13384
13382
|
letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
|
13385
13383
|
margin-bottom: var(--cds-spacing-04, 0.75rem);
|
@@ -14164,7 +14162,6 @@ a.bx--side-nav__link--current::before {
|
|
14164
14162
|
}
|
14165
14163
|
|
14166
14164
|
.c4p--add-select__selections.bx--structured-list {
|
14167
|
-
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
14168
14165
|
margin-bottom: 0;
|
14169
14166
|
}
|
14170
14167
|
.c4p--add-select__selections-wrapper {
|
@@ -14172,8 +14169,11 @@ a.bx--side-nav__link--current::before {
|
|
14172
14169
|
}
|
14173
14170
|
.c4p--add-select__selections-cell-wrapper {
|
14174
14171
|
display: flex;
|
14172
|
+
height: 3rem;
|
14175
14173
|
align-items: center;
|
14176
14174
|
justify-content: space-between;
|
14175
|
+
padding: 0 var(--cds-spacing-05, 1rem);
|
14176
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
14177
14177
|
}
|
14178
14178
|
.c4p--add-select__selections-cell-title {
|
14179
14179
|
display: block;
|
@@ -14187,17 +14187,20 @@ a.bx--side-nav__link--current::before {
|
|
14187
14187
|
display: block;
|
14188
14188
|
color: var(--cds-text-02, #525252);
|
14189
14189
|
}
|
14190
|
+
.c4p--add-select__selections-cell {
|
14191
|
+
display: flex;
|
14192
|
+
flex-direction: column;
|
14193
|
+
justify-content: center;
|
14194
|
+
}
|
14190
14195
|
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
|
14191
14196
|
visibility: visible;
|
14192
14197
|
}
|
14193
14198
|
.c4p--add-select__selections-hidden-hover {
|
14194
14199
|
visibility: hidden;
|
14195
14200
|
}
|
14196
|
-
.c4p--add-select__selections-row-
|
14197
|
-
|
14198
|
-
|
14199
|
-
.c4p--add-select__selections-row-selected .c4p--add-select__selections-hidden-hover {
|
14200
|
-
visibility: visible;
|
14201
|
+
.c4p--add-select__selections-row-selectedbx--structured-list-row {
|
14202
|
+
border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
|
14203
|
+
background-color: var(--cds-selected-ui, #e0e0e0);
|
14201
14204
|
}
|
14202
14205
|
.c4p--add-select__selections-checkbox {
|
14203
14206
|
display: flex;
|
@@ -14205,7 +14208,7 @@ a.bx--side-nav__link--current::before {
|
|
14205
14208
|
}
|
14206
14209
|
.c4p--add-select__selections-checkbox-label-wrapper {
|
14207
14210
|
display: flex;
|
14208
|
-
margin-left: var(--cds-spacing-
|
14211
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
14209
14212
|
}
|
14210
14213
|
.c4p--add-select__selections-checkbox-label-text {
|
14211
14214
|
display: flex;
|
@@ -14223,6 +14226,13 @@ a.bx--side-nav__link--current::before {
|
|
14223
14226
|
.c4p--add-select__selections-cell-icon {
|
14224
14227
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14225
14228
|
}
|
14229
|
+
.c4p--add-select__selections-row {
|
14230
|
+
border-left: 0.125rem solid transparent;
|
14231
|
+
}
|
14232
|
+
.c4p--add-select__selections-row-meta-selected {
|
14233
|
+
border-left: 0.125rem solid var(--cds-interactive-04, #0f62fe);
|
14234
|
+
background-color: var(--cds-hover-row, #e5e5e5);
|
14235
|
+
}
|
14226
14236
|
|
14227
14237
|
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
|
14228
14238
|
color: var(--cds-interactive-04, #0f62fe);
|
@@ -14234,15 +14244,31 @@ a.bx--side-nav__link--current::before {
|
|
14234
14244
|
fill: currentColor;
|
14235
14245
|
}
|
14236
14246
|
|
14247
|
+
.c4p--add-select bx--structured-list--selection .c4p--add-select__selections-row-selectedbx--structured-list-row:hover:not(bx--structured-list-row--header-row):not(bx--structured-list-row--selected) {
|
14248
|
+
border-bottom: 1px solid var(--cds-hover-selected-ui, #cacaca);
|
14249
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
14250
|
+
}
|
14251
|
+
|
14237
14252
|
.c4p--add-select__sub-header {
|
14238
14253
|
display: flex;
|
14239
14254
|
align-items: flex-end;
|
14240
14255
|
justify-content: space-between;
|
14241
14256
|
}
|
14257
|
+
.c4p--add-select__sub-header-multi {
|
14258
|
+
padding: 0 var(--cds-spacing-05, 1rem);
|
14259
|
+
}
|
14260
|
+
|
14261
|
+
.c4p--add-select bx--structured-list-row {
|
14262
|
+
border-bottom: 0;
|
14263
|
+
}
|
14264
|
+
|
14265
|
+
.c4p--add-select bx--structured-list--selection bx--structured-list-row:hover:not(bx--structured-list-row--header-row):not(bx--structured-list-row--selected) {
|
14266
|
+
border-bottom: 0;
|
14267
|
+
}
|
14242
14268
|
|
14243
14269
|
.c4p--add-select__sidebar-header {
|
14244
14270
|
display: flex;
|
14245
|
-
padding: var(--cds-spacing-
|
14271
|
+
padding: var(--cds-spacing-07, 2rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
14246
14272
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
14247
14273
|
}
|
14248
14274
|
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
@@ -14268,7 +14294,7 @@ a.bx--side-nav__link--current::before {
|
|
14268
14294
|
}
|
14269
14295
|
|
14270
14296
|
.c4p--add-select__sidebar-body {
|
14271
|
-
padding: var(--cds-spacing-05, 1rem);
|
14297
|
+
padding: 0 var(--cds-spacing-05, 1rem);
|
14272
14298
|
}
|
14273
14299
|
|
14274
14300
|
.c4p--add-select .c4p--add-select__sidebar-item-header {
|
@@ -14301,18 +14327,44 @@ a.bx--side-nav__link--current::before {
|
|
14301
14327
|
.c4p--add-select__columns {
|
14302
14328
|
display: flex;
|
14303
14329
|
flex-direction: row;
|
14330
|
+
flex-grow: 1;
|
14304
14331
|
overflow-x: auto;
|
14305
14332
|
}
|
14333
|
+
.c4p--add-select__columns .c4p--add-select__selections-checkbox-label-wrapper {
|
14334
|
+
margin-left: var(--cds-spacing-03, 0.5rem);
|
14335
|
+
}
|
14336
|
+
.c4p--add-select__columns .c4p--add-select__selections-rowbx--structured-list-row {
|
14337
|
+
border-left: 0;
|
14338
|
+
}
|
14339
|
+
.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
|
14340
|
+
padding: 0;
|
14341
|
+
}
|
14342
|
+
.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
|
14343
|
+
height: auto;
|
14344
|
+
padding: 0 var(--cds-spacing-03, 0.5rem);
|
14345
|
+
}
|
14346
|
+
.c4p--add-select__columns .c4p--add-select__tag-container {
|
14347
|
+
padding: 0 var(--cds-spacing-03, 0.5rem);
|
14348
|
+
margin-bottom: 0;
|
14349
|
+
}
|
14350
|
+
.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
|
14351
|
+
padding: 0;
|
14352
|
+
}
|
14353
|
+
.c4p--add-select__columns .c4p--add-select__selectionsbx--structured-list {
|
14354
|
+
border-top: 0;
|
14355
|
+
}
|
14306
14356
|
|
14307
|
-
.c4p--add-
|
14308
|
-
|
14309
|
-
|
14357
|
+
.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
|
14358
|
+
padding: 0 var(--cds-spacing-05, 1rem);
|
14359
|
+
}
|
14360
|
+
|
14361
|
+
.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
|
14362
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
14310
14363
|
}
|
14311
14364
|
|
14312
14365
|
.c4p--add-select__column {
|
14313
14366
|
overflow: auto;
|
14314
|
-
|
14315
|
-
flex: 1 0 15rem;
|
14367
|
+
flex: 0 0 20rem;
|
14316
14368
|
padding: var(--cds-spacing-05, 1rem);
|
14317
14369
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
14318
14370
|
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
@@ -14423,8 +14475,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14423
14475
|
}
|
14424
14476
|
|
14425
14477
|
.c4p--add-select .c4p--tearsheet__influencer {
|
14426
|
-
|
14427
|
-
flex: 0 0 50%;
|
14478
|
+
flex-basis: 22.5rem;
|
14428
14479
|
}
|
14429
14480
|
|
14430
14481
|
.c4p--add-select .c4p--tearsheet__header-description {
|
@@ -14436,6 +14487,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14436
14487
|
flex-direction: column;
|
14437
14488
|
}
|
14438
14489
|
|
14490
|
+
.c4p--add-select.c4p--add-select__multi .c4p--action-set.bx--btn-set.c4p--action-set--max .c4p--action-set__action-button {
|
14491
|
+
max-width: 11.25rem;
|
14492
|
+
}
|
14493
|
+
|
14439
14494
|
.c4p--add-select .c4p--add-select__items-label {
|
14440
14495
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
14441
14496
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -14447,13 +14502,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14447
14502
|
padding-right: 0;
|
14448
14503
|
}
|
14449
14504
|
|
14450
|
-
.c4p--add-select .bx--structured-list-td {
|
14451
|
-
height: var(--cds-layout-04, 3rem);
|
14452
|
-
padding-top: 0;
|
14453
|
-
padding-bottom: 0;
|
14454
|
-
vertical-align: middle;
|
14455
|
-
}
|
14456
|
-
|
14457
14505
|
.c4p--add-select .bx--radio-button__appearance {
|
14458
14506
|
margin: 0 var(--cds-spacing-05, 1rem) 0 0;
|
14459
14507
|
}
|
@@ -14477,6 +14525,33 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14477
14525
|
padding-left: var(--cds-spacing-03, 0.5rem);
|
14478
14526
|
}
|
14479
14527
|
|
14528
|
+
.c4p--add-select__multi .c4p--empty-state {
|
14529
|
+
max-width: 16rem;
|
14530
|
+
margin-top: var(--cds-layout-04, 3rem);
|
14531
|
+
}
|
14532
|
+
|
14533
|
+
.c4p--add-select .bx--accordion__arrow {
|
14534
|
+
transform: rotate(0deg);
|
14535
|
+
}
|
14536
|
+
|
14537
|
+
.c4p--add-select .bx--accordion__item--active .bx--accordion__arrow {
|
14538
|
+
transform: rotate(90deg);
|
14539
|
+
}
|
14540
|
+
|
14541
|
+
.c4p--add-select bx--accordion--start bx--accordion__arrow {
|
14542
|
+
margin: 0 0 0 var(--cds-spacing-05, 1rem);
|
14543
|
+
}
|
14544
|
+
|
14545
|
+
.c4p--add-select bx--accordion--start bx--accordion__title {
|
14546
|
+
margin: 0 var(--cds-spacing-05, 1rem) 0 var(--cds-spacing-03, 0.5rem);
|
14547
|
+
}
|
14548
|
+
|
14549
|
+
.c4p--add-select bx--accordion__item--active bx--accordion__content {
|
14550
|
+
padding-top: 0;
|
14551
|
+
padding-bottom: 0;
|
14552
|
+
margin-top: var(--cds-spacing-03, 0.5rem);
|
14553
|
+
}
|
14554
|
+
|
14480
14555
|
@keyframes fade-in {
|
14481
14556
|
0% {
|
14482
14557
|
opacity: 0;
|
@@ -14718,7 +14793,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14718
14793
|
--cds-productive-heading-04-line-height: 1.28572;
|
14719
14794
|
--cds-productive-heading-04-letter-spacing: 0;
|
14720
14795
|
--cds-productive-heading-05-font-size: 2rem;
|
14721
|
-
--cds-productive-heading-05-font-weight:
|
14796
|
+
--cds-productive-heading-05-font-weight: 300;
|
14722
14797
|
--cds-productive-heading-05-line-height: 1.25;
|
14723
14798
|
--cds-productive-heading-05-letter-spacing: 0;
|
14724
14799
|
--cds-productive-heading-06-font-size: 2.625rem;
|
@@ -14746,7 +14821,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14746
14821
|
--cds-expressive-heading-04-line-height: 1.28572;
|
14747
14822
|
--cds-expressive-heading-04-letter-spacing: 0;
|
14748
14823
|
--cds-expressive-heading-05-font-size: 2rem;
|
14749
|
-
--cds-expressive-heading-05-font-weight:
|
14824
|
+
--cds-expressive-heading-05-font-weight: 300;
|
14750
14825
|
--cds-expressive-heading-05-line-height: 1.25;
|
14751
14826
|
--cds-expressive-heading-05-letter-spacing: 0;
|
14752
14827
|
--cds-expressive-heading-06-font-size: 2rem;
|
@@ -14780,7 +14855,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14780
14855
|
--cds-display-03-line-height: 1.19;
|
14781
14856
|
--cds-display-03-letter-spacing: 0;
|
14782
14857
|
--cds-display-04-font-size: 2.625rem;
|
14783
|
-
--cds-display-04-font-weight:
|
14858
|
+
--cds-display-04-font-weight: 300;
|
14784
14859
|
--cds-display-04-line-height: 1.19;
|
14785
14860
|
--cds-display-04-letter-spacing: 0;
|
14786
14861
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -14824,7 +14899,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14824
14899
|
--cds-heading-04-line-height: 1.28572;
|
14825
14900
|
--cds-heading-04-letter-spacing: 0;
|
14826
14901
|
--cds-heading-05-font-size: 2rem;
|
14827
|
-
--cds-heading-05-font-weight:
|
14902
|
+
--cds-heading-05-font-weight: 300;
|
14828
14903
|
--cds-heading-05-line-height: 1.25;
|
14829
14904
|
--cds-heading-05-letter-spacing: 0;
|
14830
14905
|
--cds-heading-06-font-size: 2.625rem;
|
@@ -14844,7 +14919,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14844
14919
|
--cds-fluid-heading-04-line-height: 1.28572;
|
14845
14920
|
--cds-fluid-heading-04-letter-spacing: 0;
|
14846
14921
|
--cds-fluid-heading-05-font-size: 2rem;
|
14847
|
-
--cds-fluid-heading-05-font-weight:
|
14922
|
+
--cds-fluid-heading-05-font-weight: 300;
|
14848
14923
|
--cds-fluid-heading-05-line-height: 1.25;
|
14849
14924
|
--cds-fluid-heading-05-letter-spacing: 0;
|
14850
14925
|
--cds-fluid-heading-06-font-size: 2rem;
|
@@ -14878,7 +14953,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14878
14953
|
--cds-fluid-display-03-line-height: 1.19;
|
14879
14954
|
--cds-fluid-display-03-letter-spacing: 0;
|
14880
14955
|
--cds-fluid-display-04-font-size: 2.625rem;
|
14881
|
-
--cds-fluid-display-04-font-weight:
|
14956
|
+
--cds-fluid-display-04-font-weight: 300;
|
14882
14957
|
--cds-fluid-display-04-line-height: 1.19;
|
14883
14958
|
--cds-fluid-display-04-letter-spacing: 0;
|
14884
14959
|
--cds-spacing-01: 0.125rem;
|
@@ -14929,8 +15004,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14929
15004
|
max-height: 38.5rem;
|
14930
15005
|
background-color: var(--cds-ui-background, #ffffff);
|
14931
15006
|
color: var(--cds-text-01, #161616);
|
14932
|
-
transition: transform 110ms;
|
14933
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
15007
|
+
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
14934
15008
|
}
|
14935
15009
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container {
|
14936
15010
|
position: sticky;
|
@@ -14995,8 +15069,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14995
15069
|
background-color: var(--cds-ui-background, #ffffff);
|
14996
15070
|
cursor: pointer;
|
14997
15071
|
text-align: left;
|
14998
|
-
transition: background-color 240ms;
|
14999
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
15072
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15000
15073
|
}
|
15001
15074
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title {
|
15002
15075
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
@@ -15101,8 +15174,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15101
15174
|
margin: 0 auto;
|
15102
15175
|
background-color: var(--cds-ui-02, #ffffff);
|
15103
15176
|
content: "";
|
15104
|
-
transition: background-color 240ms;
|
15105
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
15177
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15106
15178
|
}
|
15107
15179
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover + .c4p--notifications-panel__notification-today:not(:first-of-type):before,
|
15108
15180
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover + .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
|
@@ -16894,6 +16966,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16894
16966
|
margin-top: calc(-1 * var(--cds-spacing-02, 0.25rem));
|
16895
16967
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
16896
16968
|
}
|
16969
|
+
.c4p--card__productive .c4p--card__actions-header .bx--btn:hover + .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm::before {
|
16970
|
+
opacity: 0;
|
16971
|
+
}
|
16972
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm {
|
16973
|
+
padding-right: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-03, 0.5rem));
|
16974
|
+
padding-left: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-03, 0.5rem));
|
16975
|
+
}
|
16976
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm::before {
|
16977
|
+
position: absolute;
|
16978
|
+
left: 0;
|
16979
|
+
width: 0.05rem;
|
16980
|
+
height: var(--cds-spacing-06, 1.5rem);
|
16981
|
+
background-color: var(--cds-hover-ui, #e5e5e5);
|
16982
|
+
content: "";
|
16983
|
+
opacity: 1;
|
16984
|
+
}
|
16985
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm:hover::before {
|
16986
|
+
opacity: 0;
|
16987
|
+
}
|
16988
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button--only.bx--btn--ghost.bx--btn--sm::before {
|
16989
|
+
opacity: 0;
|
16990
|
+
}
|
16897
16991
|
.c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
|
16898
16992
|
.c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
|
16899
16993
|
margin-top: 0;
|
@@ -16913,10 +17007,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16913
17007
|
padding-right: var(--cds-spacing-05, 1rem);
|
16914
17008
|
}
|
16915
17009
|
|
16916
|
-
.c4p--remove-modal .bx--modal-close {
|
16917
|
-
display: none;
|
16918
|
-
}
|
16919
|
-
|
16920
17010
|
.c4p--remove-modal__body {
|
16921
17011
|
padding-right: 20%;
|
16922
17012
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
@@ -17855,7 +17945,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17855
17945
|
--cds-productive-heading-04-line-height: 1.28572;
|
17856
17946
|
--cds-productive-heading-04-letter-spacing: 0;
|
17857
17947
|
--cds-productive-heading-05-font-size: 2rem;
|
17858
|
-
--cds-productive-heading-05-font-weight:
|
17948
|
+
--cds-productive-heading-05-font-weight: 300;
|
17859
17949
|
--cds-productive-heading-05-line-height: 1.25;
|
17860
17950
|
--cds-productive-heading-05-letter-spacing: 0;
|
17861
17951
|
--cds-productive-heading-06-font-size: 2.625rem;
|
@@ -17883,7 +17973,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17883
17973
|
--cds-expressive-heading-04-line-height: 1.28572;
|
17884
17974
|
--cds-expressive-heading-04-letter-spacing: 0;
|
17885
17975
|
--cds-expressive-heading-05-font-size: 2rem;
|
17886
|
-
--cds-expressive-heading-05-font-weight:
|
17976
|
+
--cds-expressive-heading-05-font-weight: 300;
|
17887
17977
|
--cds-expressive-heading-05-line-height: 1.25;
|
17888
17978
|
--cds-expressive-heading-05-letter-spacing: 0;
|
17889
17979
|
--cds-expressive-heading-06-font-size: 2rem;
|
@@ -17917,7 +18007,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17917
18007
|
--cds-display-03-line-height: 1.19;
|
17918
18008
|
--cds-display-03-letter-spacing: 0;
|
17919
18009
|
--cds-display-04-font-size: 2.625rem;
|
17920
|
-
--cds-display-04-font-weight:
|
18010
|
+
--cds-display-04-font-weight: 300;
|
17921
18011
|
--cds-display-04-line-height: 1.19;
|
17922
18012
|
--cds-display-04-letter-spacing: 0;
|
17923
18013
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -17961,7 +18051,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17961
18051
|
--cds-heading-04-line-height: 1.28572;
|
17962
18052
|
--cds-heading-04-letter-spacing: 0;
|
17963
18053
|
--cds-heading-05-font-size: 2rem;
|
17964
|
-
--cds-heading-05-font-weight:
|
18054
|
+
--cds-heading-05-font-weight: 300;
|
17965
18055
|
--cds-heading-05-line-height: 1.25;
|
17966
18056
|
--cds-heading-05-letter-spacing: 0;
|
17967
18057
|
--cds-heading-06-font-size: 2.625rem;
|
@@ -17981,7 +18071,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17981
18071
|
--cds-fluid-heading-04-line-height: 1.28572;
|
17982
18072
|
--cds-fluid-heading-04-letter-spacing: 0;
|
17983
18073
|
--cds-fluid-heading-05-font-size: 2rem;
|
17984
|
-
--cds-fluid-heading-05-font-weight:
|
18074
|
+
--cds-fluid-heading-05-font-weight: 300;
|
17985
18075
|
--cds-fluid-heading-05-line-height: 1.25;
|
17986
18076
|
--cds-fluid-heading-05-letter-spacing: 0;
|
17987
18077
|
--cds-fluid-heading-06-font-size: 2rem;
|
@@ -18015,7 +18105,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18015
18105
|
--cds-fluid-display-03-line-height: 1.19;
|
18016
18106
|
--cds-fluid-display-03-letter-spacing: 0;
|
18017
18107
|
--cds-fluid-display-04-font-size: 2.625rem;
|
18018
|
-
--cds-fluid-display-04-font-weight:
|
18108
|
+
--cds-fluid-display-04-font-weight: 300;
|
18019
18109
|
--cds-fluid-display-04-line-height: 1.19;
|
18020
18110
|
--cds-fluid-display-04-letter-spacing: 0;
|
18021
18111
|
--cds-spacing-01: 0.125rem;
|
@@ -18300,7 +18390,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18300
18390
|
--cds-productive-heading-04-line-height: 1.28572;
|
18301
18391
|
--cds-productive-heading-04-letter-spacing: 0;
|
18302
18392
|
--cds-productive-heading-05-font-size: 2rem;
|
18303
|
-
--cds-productive-heading-05-font-weight:
|
18393
|
+
--cds-productive-heading-05-font-weight: 300;
|
18304
18394
|
--cds-productive-heading-05-line-height: 1.25;
|
18305
18395
|
--cds-productive-heading-05-letter-spacing: 0;
|
18306
18396
|
--cds-productive-heading-06-font-size: 2.625rem;
|
@@ -18328,7 +18418,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18328
18418
|
--cds-expressive-heading-04-line-height: 1.28572;
|
18329
18419
|
--cds-expressive-heading-04-letter-spacing: 0;
|
18330
18420
|
--cds-expressive-heading-05-font-size: 2rem;
|
18331
|
-
--cds-expressive-heading-05-font-weight:
|
18421
|
+
--cds-expressive-heading-05-font-weight: 300;
|
18332
18422
|
--cds-expressive-heading-05-line-height: 1.25;
|
18333
18423
|
--cds-expressive-heading-05-letter-spacing: 0;
|
18334
18424
|
--cds-expressive-heading-06-font-size: 2rem;
|
@@ -18362,7 +18452,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18362
18452
|
--cds-display-03-line-height: 1.19;
|
18363
18453
|
--cds-display-03-letter-spacing: 0;
|
18364
18454
|
--cds-display-04-font-size: 2.625rem;
|
18365
|
-
--cds-display-04-font-weight:
|
18455
|
+
--cds-display-04-font-weight: 300;
|
18366
18456
|
--cds-display-04-line-height: 1.19;
|
18367
18457
|
--cds-display-04-letter-spacing: 0;
|
18368
18458
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -18406,7 +18496,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18406
18496
|
--cds-heading-04-line-height: 1.28572;
|
18407
18497
|
--cds-heading-04-letter-spacing: 0;
|
18408
18498
|
--cds-heading-05-font-size: 2rem;
|
18409
|
-
--cds-heading-05-font-weight:
|
18499
|
+
--cds-heading-05-font-weight: 300;
|
18410
18500
|
--cds-heading-05-line-height: 1.25;
|
18411
18501
|
--cds-heading-05-letter-spacing: 0;
|
18412
18502
|
--cds-heading-06-font-size: 2.625rem;
|
@@ -18426,7 +18516,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18426
18516
|
--cds-fluid-heading-04-line-height: 1.28572;
|
18427
18517
|
--cds-fluid-heading-04-letter-spacing: 0;
|
18428
18518
|
--cds-fluid-heading-05-font-size: 2rem;
|
18429
|
-
--cds-fluid-heading-05-font-weight:
|
18519
|
+
--cds-fluid-heading-05-font-weight: 300;
|
18430
18520
|
--cds-fluid-heading-05-line-height: 1.25;
|
18431
18521
|
--cds-fluid-heading-05-letter-spacing: 0;
|
18432
18522
|
--cds-fluid-heading-06-font-size: 2rem;
|
@@ -18460,7 +18550,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18460
18550
|
--cds-fluid-display-03-line-height: 1.19;
|
18461
18551
|
--cds-fluid-display-03-letter-spacing: 0;
|
18462
18552
|
--cds-fluid-display-04-font-size: 2.625rem;
|
18463
|
-
--cds-fluid-display-04-font-weight:
|
18553
|
+
--cds-fluid-display-04-font-weight: 300;
|
18464
18554
|
--cds-fluid-display-04-line-height: 1.19;
|
18465
18555
|
--cds-fluid-display-04-letter-spacing: 0;
|
18466
18556
|
--cds-spacing-01: 0.125rem;
|
@@ -19224,6 +19314,20 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19224
19314
|
.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
|
19225
19315
|
outline: 2px solid var(--cds-inverse-link, #78a9ff);
|
19226
19316
|
}
|
19317
|
+
.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__active-cell--highlight,
|
19318
|
+
.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__selection-area--element,
|
19319
|
+
.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__active-cell--highlight:focus {
|
19320
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
19321
|
+
border-color: #82cfff;
|
19322
|
+
}
|
19323
|
+
.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__selection-area--element::before {
|
19324
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
19325
|
+
background-color: #00539a;
|
19326
|
+
}
|
19327
|
+
.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__cell-editor.c4p--data-spreadsheet__cell-editor--active {
|
19328
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
19329
|
+
outline-color: #82cfff;
|
19330
|
+
}
|
19227
19331
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
|
19228
19332
|
position: relative;
|
19229
19333
|
}
|
@@ -19353,7 +19457,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19353
19457
|
padding-left: calc(var(--cds-spacing-03, 0.5rem) - var(--cds-spacing-01, 0.125rem));
|
19354
19458
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19355
19459
|
background-color: var(--cds-field-01, #f4f4f4);
|
19356
|
-
color: var(--cds-text-
|
19460
|
+
color: var(--cds-text-02, #525252);
|
19357
19461
|
text-align: left;
|
19358
19462
|
}
|
19359
19463
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-row-index=header], .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-column-index=header] {
|
@@ -19460,11 +19564,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19460
19564
|
align-items: center;
|
19461
19565
|
color: var(--cds-text-01, #161616);
|
19462
19566
|
}
|
19567
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .c4p--datagrid__head-select-all.c4p--datagrid__checkbox-cell.c4p--datagrid__checkbox-cell-sticky-left {
|
19568
|
+
position: sticky;
|
19569
|
+
z-index: 1;
|
19570
|
+
left: 0;
|
19571
|
+
}
|
19463
19572
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
19464
19573
|
align-items: center;
|
19465
19574
|
padding-top: 0;
|
19466
19575
|
padding-bottom: 0;
|
19467
19576
|
}
|
19577
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell.c4p--datagrid__cell--spacer {
|
19578
|
+
padding: 0;
|
19579
|
+
}
|
19468
19580
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
|
19469
19581
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
|
19470
19582
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
@@ -19476,6 +19588,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19476
19588
|
align-items: center;
|
19477
19589
|
padding-top: 0;
|
19478
19590
|
}
|
19591
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left,
|
19592
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left {
|
19593
|
+
position: sticky;
|
19594
|
+
left: 0;
|
19595
|
+
}
|
19479
19596
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
|
19480
19597
|
display: flex;
|
19481
19598
|
height: 100%;
|
@@ -19535,9 +19652,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19535
19652
|
height: 100%;
|
19536
19653
|
overflow-x: auto;
|
19537
19654
|
}
|
19538
|
-
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
19539
|
-
|
19655
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
|
19656
|
+
display: flex;
|
19657
|
+
overflow: auto;
|
19540
19658
|
max-height: 100%;
|
19659
|
+
flex-direction: column;
|
19660
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
19541
19661
|
}
|
19542
19662
|
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
19543
19663
|
display: flex;
|
@@ -19568,6 +19688,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19568
19688
|
text-overflow: ellipsis;
|
19569
19689
|
white-space: nowrap;
|
19570
19690
|
}
|
19691
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
|
19692
|
+
display: -webkit-box;
|
19693
|
+
-webkit-box-orient: vertical;
|
19694
|
+
-webkit-line-clamp: 2;
|
19695
|
+
white-space: initial;
|
19696
|
+
}
|
19571
19697
|
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
19572
19698
|
display: flex;
|
19573
19699
|
overflow: hidden;
|
@@ -19662,6 +19788,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19662
19788
|
.c4p--datagrid__head-hidden-select-all {
|
19663
19789
|
padding-right: var(--cds-spacing-08, 2.5rem);
|
19664
19790
|
}
|
19791
|
+
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
|
19792
|
+
position: sticky;
|
19793
|
+
z-index: 1;
|
19794
|
+
left: 0;
|
19795
|
+
background-color: var(--cds-ui-03, #e0e0e0);
|
19796
|
+
}
|
19665
19797
|
|
19666
19798
|
.c4p--datagrid__simple-body {
|
19667
19799
|
position: relative;
|
@@ -19685,15 +19817,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19685
19817
|
min-width: 0 !important;
|
19686
19818
|
}
|
19687
19819
|
|
19688
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar {
|
19689
|
-
width: 6px;
|
19690
|
-
background-color: var(--cds-ui-background, #ffffff);
|
19691
|
-
}
|
19692
|
-
|
19693
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
|
19694
|
-
background-color: var(--cds-text-03, #a8a8a8);
|
19695
|
-
}
|
19696
|
-
|
19697
19820
|
.c4p--datagrid__sticky.c4p--datagrid__simple-body {
|
19698
19821
|
overflow: auto;
|
19699
19822
|
}
|
@@ -19797,11 +19920,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19797
19920
|
transform: translateY(-50%);
|
19798
19921
|
}
|
19799
19922
|
|
19800
|
-
.c4p--datagrid .bx--data-table--selected {
|
19923
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) {
|
19801
19924
|
position: relative;
|
19802
19925
|
}
|
19803
19926
|
|
19804
|
-
.c4p--datagrid .bx--data-table--selected::before {
|
19927
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
19805
19928
|
position: absolute;
|
19806
19929
|
left: 0;
|
19807
19930
|
width: var(--cds-spacing-02, 0.25rem);
|
@@ -19810,6 +19933,46 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19810
19933
|
content: "";
|
19811
19934
|
}
|
19812
19935
|
|
19936
|
+
.c4p--datagrid__table-toolbar .bx--batch-summary__para {
|
19937
|
+
white-space: nowrap;
|
19938
|
+
}
|
19939
|
+
|
19940
|
+
.c4p--datagrid__table-toolbar .bx--batch-actions .bx--batch-actions--active {
|
19941
|
+
overflow-x: hidden;
|
19942
|
+
}
|
19943
|
+
|
19944
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
|
19945
|
+
display: flex;
|
19946
|
+
min-width: var(--cds-spacing-08, 2.5rem);
|
19947
|
+
justify-content: center;
|
19948
|
+
margin-right: var(--cds-spacing-04, 0.75rem);
|
19949
|
+
}
|
19950
|
+
|
19951
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
|
19952
|
+
min-width: calc(var(--cds-spacing-12, 6rem) + var(--cds-spacing-03, 0.5rem));
|
19953
|
+
}
|
19954
|
+
|
19955
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
|
19956
|
+
display: flex;
|
19957
|
+
width: 100%;
|
19958
|
+
min-width: var(--cds-spacing-09, 3rem);
|
19959
|
+
justify-content: center;
|
19960
|
+
padding: 0;
|
19961
|
+
margin: 0;
|
19962
|
+
}
|
19963
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .bx--btn__icon {
|
19964
|
+
margin: 0;
|
19965
|
+
}
|
19966
|
+
|
19967
|
+
.c4p--datagrid .c4p--button-menu {
|
19968
|
+
height: var(--cds-spacing-09, 3rem);
|
19969
|
+
}
|
19970
|
+
|
19971
|
+
.c4p--datagrid .c4p--datagrid__table-grid-active {
|
19972
|
+
border: 2px solid var(--cds-inverse-link, #78a9ff);
|
19973
|
+
outline: 0;
|
19974
|
+
}
|
19975
|
+
|
19813
19976
|
/*
|
19814
19977
|
* Licensed Materials - Property of IBM
|
19815
19978
|
* 5724-Q36
|
@@ -19952,14 +20115,36 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19952
20115
|
/* stylelint-disable-next-line declaration-no-important */
|
19953
20116
|
position: sticky !important;
|
19954
20117
|
right: 0;
|
19955
|
-
|
20118
|
+
display: flex;
|
20119
|
+
align-items: center;
|
20120
|
+
border-left: 1px solid var(--cds-ui-03, #e0e0e0);
|
19956
20121
|
}
|
19957
20122
|
|
19958
20123
|
.c4p--datagrid__right-sticky-column-header {
|
19959
20124
|
/* stylelint-disable-next-line declaration-no-important */
|
19960
20125
|
position: sticky !important;
|
19961
20126
|
right: 0;
|
19962
|
-
|
20127
|
+
}
|
20128
|
+
|
20129
|
+
.c4p--datagrid__left-sticky-column-cell {
|
20130
|
+
/* stylelint-disable-next-line declaration-no-important */
|
20131
|
+
position: sticky !important;
|
20132
|
+
left: 0;
|
20133
|
+
display: flex;
|
20134
|
+
align-items: center;
|
20135
|
+
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
20136
|
+
}
|
20137
|
+
|
20138
|
+
.c4p--datagrid__left-sticky-column-header {
|
20139
|
+
/* stylelint-disable-next-line declaration-no-important */
|
20140
|
+
position: sticky !important;
|
20141
|
+
z-index: 1;
|
20142
|
+
left: 0;
|
20143
|
+
}
|
20144
|
+
|
20145
|
+
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
20146
|
+
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
|
20147
|
+
left: var(--cds-spacing-08, 2.5rem);
|
19963
20148
|
}
|
19964
20149
|
|
19965
20150
|
.c4p--datagrid__sticky-noShadow {
|
@@ -20008,21 +20193,30 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
20008
20193
|
position: inherit;
|
20009
20194
|
display: flex;
|
20010
20195
|
flex-flow: column;
|
20011
|
-
|
20012
|
-
|
20196
|
+
padding: 0;
|
20197
|
+
margin: 0;
|
20013
20198
|
}
|
20014
20199
|
|
20015
|
-
.c4p--datagrid__customize-columns-checkbox {
|
20200
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
20201
|
+
margin-bottom: 0;
|
20202
|
+
}
|
20203
|
+
|
20204
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
20016
20205
|
display: flex;
|
20017
20206
|
justify-content: center;
|
20018
|
-
/* stylelint-disable-next-line declaration-no-important */
|
20019
|
-
margin-bottom: 0 !important;
|
20020
20207
|
}
|
20021
20208
|
|
20022
20209
|
.c4p--datagrid__customize-columns-modal--actions {
|
20023
20210
|
display: flex;
|
20211
|
+
height: var(--cds-spacing-09, 3rem);
|
20024
20212
|
flex-flow: row;
|
20025
|
-
|
20213
|
+
background-color: var(--cds-field-02, #ffffff);
|
20214
|
+
}
|
20215
|
+
|
20216
|
+
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
20217
|
+
height: var(--cds-spacing-09, 3rem);
|
20218
|
+
padding-left: var(--cds-spacing-08, 2.5rem);
|
20219
|
+
border-bottom: none;
|
20026
20220
|
}
|
20027
20221
|
|
20028
20222
|
.c4p--datagrid__customize-columns-modal--actions > button {
|
@@ -20030,6 +20224,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
20030
20224
|
}
|
20031
20225
|
|
20032
20226
|
.c4p--datagrid__customize-columns-instructions {
|
20227
|
+
padding-left: var(--cds-spacing-05, 1rem);
|
20033
20228
|
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
20034
20229
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
20035
20230
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
@@ -20043,6 +20238,34 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
20043
20238
|
overflow: auto;
|
20044
20239
|
}
|
20045
20240
|
|
20241
|
+
.c4p--datagrid__customize-columns-select-all {
|
20242
|
+
display: flex;
|
20243
|
+
height: var(--cds-spacing-09, 3rem);
|
20244
|
+
padding-left: var(--cds-spacing-08, 2.5rem);
|
20245
|
+
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
20246
|
+
background-color: var(--cds-layer, #f4f4f4);
|
20247
|
+
}
|
20248
|
+
|
20249
|
+
.c4p--datagrid__customize-columns-select-all:hover {
|
20250
|
+
background-color: var(--cds-layer-hover, #e5e5e5);
|
20251
|
+
}
|
20252
|
+
|
20253
|
+
.c4p--datagrid__customize-columns-select-all-selected {
|
20254
|
+
display: flex;
|
20255
|
+
height: var(--cds-spacing-09, 3rem);
|
20256
|
+
padding-left: var(--cds-spacing-08, 2.5rem);
|
20257
|
+
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
20258
|
+
background-color: var(--cds-layer-selected, #e0e0e0);
|
20259
|
+
}
|
20260
|
+
|
20261
|
+
.c4p--datagrid__customize-columns-select-all-selected:hover {
|
20262
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
20263
|
+
}
|
20264
|
+
|
20265
|
+
.c4p--datagrid .c4p--datagrid__customize-columns-modal .bx--modal-content {
|
20266
|
+
margin-bottom: 0;
|
20267
|
+
}
|
20268
|
+
|
20046
20269
|
/*
|
20047
20270
|
* Licensed Materials - Property of IBM
|
20048
20271
|
* 5724-Q36
|
@@ -20120,14 +20343,31 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20120
20343
|
|
20121
20344
|
.c4p--datagrid__draggable-handleHolder {
|
20122
20345
|
display: flex;
|
20123
|
-
height: var(--cds-spacing-
|
20124
|
-
padding-left: var(--cds-spacing-
|
20125
|
-
|
20126
|
-
background: var(--cds-
|
20346
|
+
height: var(--cds-spacing-09, 3rem);
|
20347
|
+
padding-left: var(--cds-spacing-05, 1rem);
|
20348
|
+
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
20349
|
+
background-color: var(--cds-layer, #f4f4f4);
|
20350
|
+
}
|
20351
|
+
|
20352
|
+
.c4p--datagrid__draggable-handleHolder:hover {
|
20353
|
+
background-color: var(--cds-layer-hover, #e5e5e5);
|
20354
|
+
}
|
20355
|
+
|
20356
|
+
.c4p--datagrid__draggable-handleHolder-selected {
|
20357
|
+
display: flex;
|
20358
|
+
height: var(--cds-spacing-09, 3rem);
|
20359
|
+
padding-left: var(--cds-spacing-05, 1rem);
|
20360
|
+
border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
|
20361
|
+
background-color: var(--cds-layer-selected, #e0e0e0);
|
20127
20362
|
}
|
20128
|
-
|
20363
|
+
|
20364
|
+
.c4p--datagrid__draggable-handleHolder-selected:hover {
|
20365
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
20366
|
+
}
|
20367
|
+
|
20368
|
+
.c4p--datagrid__draggable-handleHolder-isOver {
|
20129
20369
|
border: 2px dashed var(--cds-focus, #0f62fe);
|
20130
|
-
background-color: var(--cds-
|
20370
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
20131
20371
|
}
|
20132
20372
|
|
20133
20373
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
@@ -20135,7 +20375,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20135
20375
|
width: 100%;
|
20136
20376
|
}
|
20137
20377
|
|
20138
|
-
.c4p--datagrid__draggable-handleHolder
|
20378
|
+
.c4p--datagrid__draggable-handleHolder-grabbed {
|
20139
20379
|
background-color: var(--cds-highlight, #d0e2ff);
|
20140
20380
|
color: var(--cds-text-01, #161616);
|
20141
20381
|
}
|
@@ -20152,6 +20392,235 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20152
20392
|
white-space: nowrap;
|
20153
20393
|
}
|
20154
20394
|
|
20395
|
+
/*
|
20396
|
+
* Licensed Materials - Property of IBM
|
20397
|
+
* 5724-Q36
|
20398
|
+
* (c) Copyright IBM Corp. 2021
|
20399
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
20400
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
20401
|
+
*/
|
20402
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--text-input,
|
20403
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--number input[type=number],
|
20404
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xs,
|
20405
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xs .bx--date-picker__input {
|
20406
|
+
height: 1.5rem;
|
20407
|
+
}
|
20408
|
+
|
20409
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--number__control-btn::before,
|
20410
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--number__control-btn::after {
|
20411
|
+
height: 1.25rem;
|
20412
|
+
}
|
20413
|
+
|
20414
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xs.bx--list-box {
|
20415
|
+
max-height: none;
|
20416
|
+
}
|
20417
|
+
|
20418
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--text-input,
|
20419
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--number input[type=number],
|
20420
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-sm,
|
20421
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-sm .bx--date-picker__input {
|
20422
|
+
height: 2rem;
|
20423
|
+
}
|
20424
|
+
|
20425
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--number__control-btn::before,
|
20426
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--number__control-btn::after {
|
20427
|
+
height: 1.75rem;
|
20428
|
+
}
|
20429
|
+
|
20430
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-sm.bx--list-box {
|
20431
|
+
max-height: none;
|
20432
|
+
}
|
20433
|
+
|
20434
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--text-input,
|
20435
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--number input[type=number],
|
20436
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-md,
|
20437
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-md .bx--date-picker__input {
|
20438
|
+
height: 2.5rem;
|
20439
|
+
}
|
20440
|
+
|
20441
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--number__control-btn::before,
|
20442
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--number__control-btn::after {
|
20443
|
+
height: 2.25rem;
|
20444
|
+
}
|
20445
|
+
|
20446
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-md.bx--list-box {
|
20447
|
+
max-height: none;
|
20448
|
+
}
|
20449
|
+
|
20450
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--text-input,
|
20451
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--number input[type=number],
|
20452
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-lg,
|
20453
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-lg .bx--date-picker__input {
|
20454
|
+
height: 3rem;
|
20455
|
+
}
|
20456
|
+
|
20457
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--number__control-btn::before,
|
20458
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--number__control-btn::after {
|
20459
|
+
height: 2.75rem;
|
20460
|
+
}
|
20461
|
+
|
20462
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-lg.bx--list-box {
|
20463
|
+
max-height: none;
|
20464
|
+
}
|
20465
|
+
|
20466
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--text-input,
|
20467
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--number input[type=number],
|
20468
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xl,
|
20469
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xl .bx--date-picker__input {
|
20470
|
+
height: 4rem;
|
20471
|
+
}
|
20472
|
+
|
20473
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--number__control-btn::before,
|
20474
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--number__control-btn::after {
|
20475
|
+
height: 3.75rem;
|
20476
|
+
}
|
20477
|
+
|
20478
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xl.bx--list-box {
|
20479
|
+
max-height: none;
|
20480
|
+
}
|
20481
|
+
|
20482
|
+
.c4p--datagrid__inline-edit-cell {
|
20483
|
+
display: flex;
|
20484
|
+
height: 100%;
|
20485
|
+
align-items: center;
|
20486
|
+
}
|
20487
|
+
|
20488
|
+
.c4p--datagrid .c4p--inline-edit__after-input-elements {
|
20489
|
+
display: flex;
|
20490
|
+
align-items: center;
|
20491
|
+
}
|
20492
|
+
|
20493
|
+
.c4p--datagrid__inline-edit--outer-cell-button {
|
20494
|
+
width: 100%;
|
20495
|
+
height: calc(100% + 2px);
|
20496
|
+
}
|
20497
|
+
|
20498
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button {
|
20499
|
+
position: relative;
|
20500
|
+
display: flex;
|
20501
|
+
width: 100%;
|
20502
|
+
height: 100%;
|
20503
|
+
align-items: center;
|
20504
|
+
justify-content: space-between;
|
20505
|
+
padding-left: var(--cds-spacing-05, 1rem);
|
20506
|
+
color: var(--cds-text-02, #525252);
|
20507
|
+
cursor: pointer;
|
20508
|
+
outline: 0;
|
20509
|
+
}
|
20510
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
|
20511
|
+
padding-right: var(--cds-spacing-05, 1rem);
|
20512
|
+
}
|
20513
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
|
20514
|
+
padding-left: 0;
|
20515
|
+
}
|
20516
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
|
20517
|
+
height: var(--cds-spacing-05, 1rem);
|
20518
|
+
fill: var(--cds-icon-02, #525252);
|
20519
|
+
}
|
20520
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--date {
|
20521
|
+
font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
20522
|
+
}
|
20523
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--selection {
|
20524
|
+
justify-content: flex-start;
|
20525
|
+
}
|
20526
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
|
20527
|
+
/* stylelint-disable-next-line */
|
20528
|
+
}
|
20529
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) .c4p--datagrid__inline-edit-button-icon {
|
20530
|
+
display: none;
|
20531
|
+
}
|
20532
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols):hover .c4p--datagrid__inline-edit-button-icon {
|
20533
|
+
display: block;
|
20534
|
+
}
|
20535
|
+
|
20536
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover {
|
20537
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
20538
|
+
color: var(--cds-text-01, #161616);
|
20539
|
+
}
|
20540
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover .c4p--datagrid__inline-edit-button-icon {
|
20541
|
+
fill: var(--cds-icon-01, #161616);
|
20542
|
+
}
|
20543
|
+
|
20544
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active:not([data-disabled=true]) {
|
20545
|
+
background-color: var(--cds-active-ui, #c6c6c6);
|
20546
|
+
color: var(--cds-text-01, #161616);
|
20547
|
+
cursor: text;
|
20548
|
+
}
|
20549
|
+
|
20550
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
|
20551
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
20552
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
|
20553
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
20554
|
+
}
|
20555
|
+
@media screen and (prefers-contrast) {
|
20556
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
|
20557
|
+
outline-style: dotted;
|
20558
|
+
}
|
20559
|
+
}
|
20560
|
+
|
20561
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button--disabled:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
|
20562
|
+
color: var(--cds-disabled-02, #c6c6c6);
|
20563
|
+
cursor: not-allowed;
|
20564
|
+
}
|
20565
|
+
|
20566
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label {
|
20567
|
+
overflow: hidden;
|
20568
|
+
padding-right: var(--cds-spacing-05, 1rem);
|
20569
|
+
text-overflow: ellipsis;
|
20570
|
+
white-space: nowrap;
|
20571
|
+
}
|
20572
|
+
|
20573
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label.c4p--datagrid__inline-edit-button-label-with-icon {
|
20574
|
+
padding-right: var(--cds-spacing-09, 3rem);
|
20575
|
+
}
|
20576
|
+
|
20577
|
+
.c4p--datagrid__inline-edit--outer-cell-button .bx--text-input,
|
20578
|
+
.c4p--datagrid__inline-edit--outer-cell-button .bx--number input[type=number] {
|
20579
|
+
height: var(--cds-spacing-09, 3rem);
|
20580
|
+
}
|
20581
|
+
|
20582
|
+
.c4p--datagrid__inline-edit-button-icon {
|
20583
|
+
position: absolute;
|
20584
|
+
right: var(--cds-spacing-05, 1rem);
|
20585
|
+
}
|
20586
|
+
|
20587
|
+
.c4p--datagrid__table-with-inline-edit.bx--data-table .c4p--datagrid__cell-inline-edit {
|
20588
|
+
position: relative;
|
20589
|
+
padding: 0;
|
20590
|
+
}
|
20591
|
+
.c4p--datagrid__table-with-inline-edit.bx--data-table .c4p--datagrid__cell-inline-edit .c4p--datagrid__inline-edit-button--non-edit {
|
20592
|
+
padding-left: var(--cds-spacing-05, 1rem);
|
20593
|
+
}
|
20594
|
+
.c4p--datagrid__table-with-inline-edit.bx--data-table .c4p--datagrid__cell-inline-edit .bx--number input[type=number] {
|
20595
|
+
min-width: auto;
|
20596
|
+
padding-right: var(--cds-spacing-05, 1rem);
|
20597
|
+
}
|
20598
|
+
|
20599
|
+
.c4p--datagrid__inline-edit--select .c4p--datagrid__inline-edit--select-item {
|
20600
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
20601
|
+
padding-left: var(--cds-spacing-05, 1rem);
|
20602
|
+
}
|
20603
|
+
|
20604
|
+
.c4p--datagrid__inline-edit--select.bx--dropdown,
|
20605
|
+
.c4p--datagrid__inline-edit--date .bx--date-picker__input {
|
20606
|
+
width: inherit;
|
20607
|
+
height: var(--cds-spacing-09, 3rem);
|
20608
|
+
max-height: none;
|
20609
|
+
}
|
20610
|
+
|
20611
|
+
.c4p--datagrid__inline-edit--date .bx--date-picker-container {
|
20612
|
+
width: inherit;
|
20613
|
+
}
|
20614
|
+
|
20615
|
+
.c4p--datagrid__inline-edit--date.bx--date-picker.bx--date-picker--single .bx--date-picker__input {
|
20616
|
+
overflow: hidden;
|
20617
|
+
width: 100%;
|
20618
|
+
max-width: none;
|
20619
|
+
padding-right: var(--cds-spacing-07, 2rem);
|
20620
|
+
text-overflow: ellipsis;
|
20621
|
+
white-space: nowrap;
|
20622
|
+
}
|
20623
|
+
|
20155
20624
|
.c4p--datagrid__datagridWrap {
|
20156
20625
|
display: block;
|
20157
20626
|
width: 100%;
|
@@ -20172,6 +20641,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20172
20641
|
overflow-x: unset;
|
20173
20642
|
}
|
20174
20643
|
|
20644
|
+
.bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
20645
|
+
left: var(--cds-spacing-01, 0.125rem);
|
20646
|
+
width: 112px;
|
20647
|
+
}
|
20648
|
+
|
20175
20649
|
@keyframes rotate {
|
20176
20650
|
0% {
|
20177
20651
|
transform: rotate(0deg);
|