@carbon/ibm-products 1.23.1 → 1.25.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +274 -61
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -7
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +41 -43
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -7
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +274 -61
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -7
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +274 -61
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -7
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelect.js +1 -2
- package/es/components/AddSelect/AddSelectBody.js +5 -9
- package/es/components/AddSelect/AddSelectColumn.js +4 -1
- package/es/components/AddSelect/AddSelectList.js +1 -1
- package/es/components/AddSelect/AddSelectSidebar.js +4 -26
- package/es/components/Datagrid/Datagrid/Datagrid.js +17 -12
- package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -2
- package/es/components/Datagrid/useExpandedRow.js +5 -12
- package/es/components/Datagrid/useOnRowClick.js +10 -3
- package/es/components/EditFullPage/EditFullPage.js +79 -0
- package/es/components/EditFullPage/index.js +7 -0
- package/es/components/EditTearsheet/EditTearsheet.js +205 -0
- package/es/components/EditTearsheet/EditTearsheetForm.js +103 -0
- package/es/components/EditTearsheet/index.js +8 -0
- package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +230 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +79 -0
- package/es/components/EditTearsheetNarrow/index.js +7 -0
- package/es/components/EmptyStates/EmptyStateContent.js +2 -1
- package/es/components/ImportModal/ImportModal.js +10 -2
- package/es/components/WebTerminal/WebTerminal.js +25 -13
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +8 -10
- package/es/components/WebTerminal/hooks/index.js +45 -0
- package/es/components/WebTerminal/index.js +2 -1
- package/es/components/WebTerminal/preview-components/Navigation.js +6 -10
- package/es/components/index.js +5 -2
- package/es/global/js/package-settings.js +5 -1
- package/lib/components/AddSelect/AddSelect.js +1 -2
- package/lib/components/AddSelect/AddSelectBody.js +5 -9
- package/lib/components/AddSelect/AddSelectColumn.js +3 -1
- package/lib/components/AddSelect/AddSelectList.js +1 -1
- package/lib/components/AddSelect/AddSelectSidebar.js +3 -26
- package/lib/components/Datagrid/Datagrid/Datagrid.js +17 -12
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -1
- package/lib/components/Datagrid/useExpandedRow.js +5 -20
- package/lib/components/Datagrid/useOnRowClick.js +10 -3
- package/lib/components/EditFullPage/EditFullPage.js +85 -0
- package/lib/components/EditFullPage/index.js +13 -0
- package/lib/components/EditTearsheet/EditTearsheet.js +229 -0
- package/lib/components/EditTearsheet/EditTearsheetForm.js +122 -0
- package/lib/components/EditTearsheet/index.js +21 -0
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +254 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +85 -0
- package/lib/components/EditTearsheetNarrow/index.js +13 -0
- package/lib/components/EmptyStates/EmptyStateContent.js +2 -1
- package/lib/components/ImportModal/ImportModal.js +11 -2
- package/lib/components/WebTerminal/WebTerminal.js +26 -13
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -9
- package/lib/components/WebTerminal/hooks/index.js +69 -0
- package/lib/components/WebTerminal/index.js +15 -1
- package/lib/components/WebTerminal/preview-components/Navigation.js +6 -10
- package/lib/components/index.js +37 -1
- package/lib/global/js/package-settings.js +5 -1
- package/package.json +10 -10
- package/scss/components/AddSelect/_add-select.scss +19 -2
- package/scss/components/Cascade/_cascade.scss +1 -1
- package/scss/components/CreateInfluencer/_create-influencer.scss +2 -0
- package/scss/components/Datagrid/_datagrid.scss +0 -1
- package/scss/components/Datagrid/_storybook-styles.scss +53 -0
- package/scss/components/Datagrid/styles/{datagrid.scss → _datagrid.scss} +93 -12
- package/scss/components/Datagrid/styles/{draggableElement.scss → _draggableElement.scss} +0 -0
- package/scss/components/Datagrid/styles/{index.scss → _index.scss} +0 -0
- package/scss/components/Datagrid/styles/{useActionsColumn.scss → _useActionsColumn.scss} +0 -0
- package/scss/components/Datagrid/styles/{useColumnCenterAlign.scss → _useColumnCenterAlign.scss} +0 -0
- package/scss/components/Datagrid/styles/{useColumnRightAlign.scss → _useColumnRightAlign.scss} +0 -0
- package/scss/components/Datagrid/styles/{useExpandedRow.scss → _useExpandedRow.scss} +0 -6
- package/scss/components/Datagrid/styles/{useNestedRows.scss → _useNestedRows.scss} +0 -0
- package/scss/components/Datagrid/styles/{useNestedTable.scss → _useNestedTable.scss} +0 -0
- package/scss/components/Datagrid/styles/{useSelectAllToggle.scss → _useSelectAllToggle.scss} +0 -0
- package/scss/components/Datagrid/styles/{useSortableColumns.scss → _useSortableColumns.scss} +0 -0
- package/scss/components/Datagrid/styles/{useStickyColumn.scss → _useStickyColumn.scss} +0 -0
- package/scss/components/Datagrid/styles/addons/{CustomizeColumnsModal.scss → _CustomizeColumnsModal.scss} +0 -0
- package/scss/components/Datagrid/styles/addons/{RowSizeDropdown.scss → _RowSizeDropdown.scss} +0 -0
- package/scss/components/EditFullPage/_edit-full-page.scss +34 -0
- package/scss/components/EditFullPage/_index.scss +8 -0
- package/scss/components/EditFullPage/_storybook-styles.scss +10 -0
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +132 -0
- package/scss/components/EditTearsheet/_index.scss +8 -0
- package/scss/components/EditTearsheet/_storybook-styles.scss +55 -0
- package/scss/components/EditTearsheetNarrow/_edit-tearsheet-narrow.scss +34 -0
- package/scss/components/EditTearsheetNarrow/_index.scss +8 -0
- package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +10 -0
- package/scss/components/EmptyStates/_empty-state.scss +16 -9
- package/scss/components/InlineEdit/_inline-edit.scss +8 -20
- package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -0
- package/scss/components/PageHeader/_page-header.scss +3 -1
- package/scss/components/StatusIcon/_status-icon.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +2 -2
- package/scss/components/_index.scss +3 -0
- package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +0 -47
- package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +0 -1
- package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +0 -20
- package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +0 -1
- package/css/components/Datagrid/styles/datagrid.css +0 -311
- package/css/components/Datagrid/styles/datagrid.css.map +0 -1
- package/css/components/Datagrid/styles/draggableElement.css +0 -57
- package/css/components/Datagrid/styles/draggableElement.css.map +0 -1
- package/css/components/Datagrid/styles/index.css +0 -664
- package/css/components/Datagrid/styles/index.css.map +0 -1
- package/css/components/Datagrid/styles/useActionsColumn.css +0 -23
- package/css/components/Datagrid/styles/useActionsColumn.css.map +0 -1
- package/css/components/Datagrid/styles/useColumnCenterAlign.css +0 -18
- package/css/components/Datagrid/styles/useColumnCenterAlign.css.map +0 -1
- package/css/components/Datagrid/styles/useColumnRightAlign.css +0 -28
- package/css/components/Datagrid/styles/useColumnRightAlign.css.map +0 -1
- package/css/components/Datagrid/styles/useExpandedRow.css +0 -12
- package/css/components/Datagrid/styles/useExpandedRow.css.map +0 -1
- package/css/components/Datagrid/styles/useNestedRows.css +0 -15
- package/css/components/Datagrid/styles/useNestedRows.css.map +0 -1
- package/css/components/Datagrid/styles/useNestedTable.css +0 -25
- package/css/components/Datagrid/styles/useNestedTable.css.map +0 -1
- package/css/components/Datagrid/styles/useSelectAllToggle.css +0 -28
- package/css/components/Datagrid/styles/useSelectAllToggle.css.map +0 -1
- package/css/components/Datagrid/styles/useSortableColumns.css +0 -50
- package/css/components/Datagrid/styles/useSortableColumns.css.map +0 -1
- package/css/components/Datagrid/styles/useStickyColumn.css +0 -35
- package/css/components/Datagrid/styles/useStickyColumn.css.map +0 -1
@@ -12929,24 +12929,39 @@ a.bx--side-nav__link--current::before {
|
|
12929
12929
|
.c4p--empty-state {
|
12930
12930
|
color: var(--cds-text-01, #161616);
|
12931
12931
|
}
|
12932
|
-
.c4p--empty-state .c4p--empty-state__header
|
12933
|
-
.c4p--empty-state .c4p--empty-state__subtitle {
|
12934
|
-
padding-bottom: var(--cds-spacing-02, 0.25rem);
|
12935
|
-
margin: 0;
|
12936
|
-
}
|
12937
|
-
.c4p--empty-state .c4p--empty-state__header--small {
|
12932
|
+
.c4p--empty-state .c4p--empty-state__header {
|
12938
12933
|
font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
|
12939
12934
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
12940
12935
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
12941
12936
|
letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
|
12937
|
+
padding-bottom: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-02, 0.25rem));
|
12938
|
+
margin: 0;
|
12939
|
+
}
|
12940
|
+
.c4p--empty-state .c4p--empty-state__subtitle {
|
12941
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
12942
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
12943
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
12944
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
12945
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
12946
|
+
}
|
12947
|
+
.c4p--empty-state .c4p--empty-state__header--small {
|
12948
|
+
font-size: var(--cds-body-short-02-font-size, 1rem);
|
12949
|
+
font-weight: var(--cds-body-short-02-font-weight, 400);
|
12950
|
+
line-height: var(--cds-body-short-02-line-height, 1.375);
|
12951
|
+
letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
|
12952
|
+
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
12942
12953
|
}
|
12943
12954
|
.c4p--empty-state .c4p--empty-state__subtitle--small {
|
12944
|
-
font-size: var(--cds-
|
12945
|
-
font-weight: var(--cds-
|
12946
|
-
line-height: var(--cds-
|
12947
|
-
letter-spacing: var(--cds-
|
12955
|
+
font-size: var(--cds-caption-01-font-size, 0.75rem);
|
12956
|
+
font-weight: var(--cds-caption-01-font-weight, 400);
|
12957
|
+
line-height: var(--cds-caption-01-line-height, 1.33333);
|
12958
|
+
letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
|
12948
12959
|
}
|
12949
12960
|
|
12961
|
+
.c4p--empty-state__illustration {
|
12962
|
+
height: auto;
|
12963
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
12964
|
+
}
|
12950
12965
|
.c4p--empty-state__illustration.c4p--empty-state__illustration--lg {
|
12951
12966
|
min-width: var(--cds-spacing-11, 5rem);
|
12952
12967
|
max-width: var(--cds-spacing-11, 5rem);
|
@@ -12956,13 +12971,9 @@ a.bx--side-nav__link--current::before {
|
|
12956
12971
|
max-width: var(--cds-spacing-10, 4rem);
|
12957
12972
|
}
|
12958
12973
|
|
12959
|
-
.c4p--empty-state__action-button,
|
12960
|
-
.c4p--empty-state__link {
|
12961
|
-
margin-top: var(--cds-spacing-06, 1.5rem);
|
12962
|
-
}
|
12963
|
-
|
12964
12974
|
.c4p--empty-state .c4p--empty-state__action-button {
|
12965
12975
|
display: block;
|
12976
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
12966
12977
|
}
|
12967
12978
|
|
12968
12979
|
.c4p--empty-state .c4p--empty-state__link {
|
@@ -14213,6 +14224,16 @@ a.bx--side-nav__link--current::before {
|
|
14213
14224
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14214
14225
|
}
|
14215
14226
|
|
14227
|
+
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
|
14228
|
+
color: var(--cds-interactive-04, #0f62fe);
|
14229
|
+
}
|
14230
|
+
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-view-children svg {
|
14231
|
+
color: var(--cds-interactive-04, #0f62fe);
|
14232
|
+
}
|
14233
|
+
.c4p--add-select .c4p--add-select__selections-row:hover button.c4p--add-select__selections-view-children.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path {
|
14234
|
+
fill: currentColor;
|
14235
|
+
}
|
14236
|
+
|
14216
14237
|
.c4p--add-select__sub-header {
|
14217
14238
|
display: flex;
|
14218
14239
|
align-items: flex-end;
|
@@ -14427,8 +14448,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14427
14448
|
}
|
14428
14449
|
|
14429
14450
|
.c4p--add-select .bx--structured-list-td {
|
14430
|
-
height:
|
14431
|
-
padding:
|
14451
|
+
height: var(--cds-layout-04, 3rem);
|
14452
|
+
padding-top: 0;
|
14453
|
+
padding-bottom: 0;
|
14432
14454
|
vertical-align: middle;
|
14433
14455
|
}
|
14434
14456
|
|
@@ -16387,7 +16409,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16387
16409
|
display: block;
|
16388
16410
|
width: 100%;
|
16389
16411
|
height: 100%;
|
16390
|
-
/* stylelint-disable-next-line carbon/motion-token-use */
|
16391
16412
|
animation: background-and-shadow-appear 1000ms linear paused forwards;
|
16392
16413
|
animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
|
16393
16414
|
content: "";
|
@@ -16527,7 +16548,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16527
16548
|
display: block;
|
16528
16549
|
width: 100%;
|
16529
16550
|
height: 100%;
|
16530
|
-
/* stylelint-disable-next-line carbon/motion-token-use */
|
16531
16551
|
animation: background-appear 1000ms linear paused forwards;
|
16532
16552
|
animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
|
16533
16553
|
content: "";
|
@@ -16639,6 +16659,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16639
16659
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
16640
16660
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
16641
16661
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
16662
|
+
min-height: var(--cds-spacing-08, 2.5rem);
|
16642
16663
|
overflow-x: hidden;
|
16643
16664
|
text-overflow: ellipsis;
|
16644
16665
|
white-space: nowrap;
|
@@ -16706,7 +16727,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16706
16727
|
display: block;
|
16707
16728
|
width: 100%;
|
16708
16729
|
height: 100%;
|
16709
|
-
/* stylelint-disable-next-line carbon/motion-token-use */
|
16710
16730
|
animation: background-appear 1000ms linear paused forwards;
|
16711
16731
|
animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
|
16712
16732
|
content: "";
|
@@ -19106,12 +19126,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19106
19126
|
.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 {
|
19107
19127
|
display: inline-flex;
|
19108
19128
|
width: var(--c4p--inline-edit--size);
|
19129
|
+
max-width: var(--c4p--inline-edit--size);
|
19109
19130
|
height: 100%;
|
19110
19131
|
min-height: initial;
|
19111
19132
|
max-height: var(--c4p--inline-edit--size);
|
19112
|
-
|
19113
|
-
|
19114
|
-
);
|
19133
|
+
align-items: center;
|
19134
|
+
justify-content: center;
|
19115
19135
|
border: 2px solid transparent;
|
19116
19136
|
}
|
19117
19137
|
.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 {
|
@@ -19132,38 +19152,27 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19132
19152
|
border-color: transparent;
|
19133
19153
|
}
|
19134
19154
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
19135
|
-
|
19155
|
+
overflow: visible;
|
19156
|
+
width: var(--c4p--inline-edit--edit-size);
|
19136
19157
|
transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19137
19158
|
transition-property: margin, padding;
|
19138
19159
|
}
|
19139
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19140
|
-
transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19141
|
-
}
|
19142
|
-
@media (prefers-reduced-motion: reduce) {
|
19143
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19144
|
-
transition: none;
|
19145
|
-
}
|
19146
|
-
}
|
19147
19160
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
|
19148
|
-
padding-right: 0;
|
19149
|
-
padding-left: 0;
|
19150
|
-
border-right: 0;
|
19151
|
-
border-left: 0;
|
19152
|
-
margin-right: calc(-1 * var(--c4p--inline-edit--size));
|
19153
|
-
}
|
19154
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save svg {
|
19155
19161
|
overflow: hidden;
|
19156
19162
|
width: 0;
|
19163
|
+
padding: 0;
|
19164
|
+
border-right: 0;
|
19165
|
+
border-left: 0;
|
19157
19166
|
}
|
19158
19167
|
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
19159
19168
|
display: inline-flex;
|
19160
19169
|
width: var(--c4p--inline-edit--size);
|
19170
|
+
max-width: var(--c4p--inline-edit--size);
|
19161
19171
|
height: 100%;
|
19162
19172
|
min-height: initial;
|
19163
19173
|
max-height: var(--c4p--inline-edit--size);
|
19164
|
-
|
19165
|
-
|
19166
|
-
);
|
19174
|
+
align-items: center;
|
19175
|
+
justify-content: center;
|
19167
19176
|
border: 2px solid transparent;
|
19168
19177
|
}
|
19169
19178
|
.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 {
|
@@ -19187,12 +19196,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19187
19196
|
.c4p--inline-edit .c4p--inline-edit__validation-icon {
|
19188
19197
|
display: inline-flex;
|
19189
19198
|
width: var(--c4p--inline-edit--size);
|
19199
|
+
max-width: var(--c4p--inline-edit--size);
|
19190
19200
|
height: 100%;
|
19191
19201
|
min-height: initial;
|
19192
19202
|
max-height: var(--c4p--inline-edit--size);
|
19193
|
-
|
19194
|
-
|
19195
|
-
);
|
19203
|
+
align-items: center;
|
19204
|
+
justify-content: center;
|
19196
19205
|
border: 2px solid transparent;
|
19197
19206
|
}
|
19198
19207
|
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
|
@@ -19518,24 +19527,17 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19518
19527
|
|
19519
19528
|
.c4p--datagrid__grid-container {
|
19520
19529
|
display: block;
|
19521
|
-
overflow: auto;
|
19522
19530
|
width: 100%;
|
19523
19531
|
padding-top: 0;
|
19524
19532
|
}
|
19525
19533
|
.c4p--datagrid__grid-container .bx--data-table-content {
|
19526
19534
|
width: 100%;
|
19527
19535
|
height: 100%;
|
19528
|
-
|
19529
|
-
overflow-x: unset;
|
19536
|
+
overflow-x: auto;
|
19530
19537
|
}
|
19531
19538
|
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
19532
|
-
|
19533
|
-
overflow: auto;
|
19539
|
+
overflow: hidden;
|
19534
19540
|
max-height: 100%;
|
19535
|
-
flex-direction: column;
|
19536
|
-
}
|
19537
|
-
.c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
|
19538
|
-
border-bottom: none;
|
19539
19541
|
}
|
19540
19542
|
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
19541
19543
|
display: flex;
|
@@ -19617,6 +19619,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19617
19619
|
flex: 1 1 auto;
|
19618
19620
|
}
|
19619
19621
|
|
19622
|
+
.c4p--datagrid__with-pagination table tr:last-of-type > td {
|
19623
|
+
border-bottom: none;
|
19624
|
+
}
|
19625
|
+
|
19620
19626
|
.c4p--datagrid__resizer {
|
19621
19627
|
position: absolute;
|
19622
19628
|
z-index: 1;
|
@@ -19709,7 +19715,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19709
19715
|
.c4p--datagrid__datagridLeftPanel {
|
19710
19716
|
display: flex;
|
19711
19717
|
width: 388px;
|
19712
|
-
height: 100%;
|
19713
19718
|
background-color: var(--cds-ui-01, #f4f4f4);
|
19714
19719
|
}
|
19715
19720
|
|
@@ -19720,15 +19725,91 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19720
19725
|
.c4p--datagrid__datagridWithPanel {
|
19721
19726
|
position: relative;
|
19722
19727
|
display: flex;
|
19723
|
-
overflow: auto;
|
19724
19728
|
width: 100%;
|
19729
|
+
height: 100%;
|
19730
|
+
flex-direction: column;
|
19731
|
+
}
|
19732
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
|
19733
|
+
display: flex;
|
19734
|
+
overflow: hidden;
|
19725
19735
|
flex-direction: column;
|
19726
19736
|
}
|
19737
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
|
19738
|
+
width: 100%;
|
19739
|
+
}
|
19740
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__datagridLeftPanel {
|
19741
|
+
flex: 0 0 auto;
|
19742
|
+
}
|
19743
|
+
.c4p--datagrid__datagridWithPanel .bx--data-table-content {
|
19744
|
+
flex: 1 1 0%;
|
19745
|
+
}
|
19746
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
|
19747
|
+
overflow: hidden;
|
19748
|
+
}
|
19749
|
+
|
19750
|
+
.c4p--datagrid__table-container {
|
19751
|
+
position: relative;
|
19752
|
+
display: flex;
|
19753
|
+
overflow: auto;
|
19754
|
+
width: 100%;
|
19755
|
+
max-height: 100%;
|
19756
|
+
}
|
19727
19757
|
|
19728
19758
|
.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
|
19729
19759
|
border-left: 1px solid var(--cds-interactive-01, #0f62fe);
|
19730
19760
|
}
|
19731
19761
|
|
19762
|
+
.c4p--datagrid .bx--data-table-header {
|
19763
|
+
background: transparent;
|
19764
|
+
}
|
19765
|
+
|
19766
|
+
.c4p--datagrid__dense-header {
|
19767
|
+
display: flex;
|
19768
|
+
flex-wrap: wrap;
|
19769
|
+
}
|
19770
|
+
.c4p--datagrid__dense-header .bx--data-table-header {
|
19771
|
+
flex: 1 1 auto;
|
19772
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19773
|
+
}
|
19774
|
+
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
|
19775
|
+
flex: 0 0 auto;
|
19776
|
+
}
|
19777
|
+
.c4p--datagrid__dense-header .bx--table-toolbar {
|
19778
|
+
background: transparent;
|
19779
|
+
}
|
19780
|
+
.c4p--datagrid__dense-header .bx__table-container {
|
19781
|
+
flex: 1 1 100%;
|
19782
|
+
}
|
19783
|
+
.c4p--datagrid__dense-header .bx--table-toolbar {
|
19784
|
+
padding-top: var(--cds-spacing-07, 2rem);
|
19785
|
+
}
|
19786
|
+
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
|
19787
|
+
position: relative;
|
19788
|
+
}
|
19789
|
+
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider::before {
|
19790
|
+
position: absolute;
|
19791
|
+
top: 50%;
|
19792
|
+
left: 0;
|
19793
|
+
width: 1px;
|
19794
|
+
height: var(--cds-spacing-05, 1rem);
|
19795
|
+
border-left: 1px solid var(--cds-ui-03, #e0e0e0);
|
19796
|
+
content: "";
|
19797
|
+
transform: translateY(-50%);
|
19798
|
+
}
|
19799
|
+
|
19800
|
+
.c4p--datagrid .bx--data-table--selected {
|
19801
|
+
position: relative;
|
19802
|
+
}
|
19803
|
+
|
19804
|
+
.c4p--datagrid .bx--data-table--selected::before {
|
19805
|
+
position: absolute;
|
19806
|
+
left: 0;
|
19807
|
+
width: var(--cds-spacing-02, 0.25rem);
|
19808
|
+
height: 100%;
|
19809
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
19810
|
+
content: "";
|
19811
|
+
}
|
19812
|
+
|
19732
19813
|
/*
|
19733
19814
|
* Licensed Materials - Property of IBM
|
19734
19815
|
* 5724-Q36
|
@@ -20015,10 +20096,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
20015
20096
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
20016
20097
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
20017
20098
|
*/
|
20018
|
-
.c4p--datagrid__expanded-row-content {
|
20019
|
-
padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-06, 1.5rem) var(--cds-spacing-10, 4rem);
|
20020
|
-
}
|
20021
|
-
|
20022
20099
|
/*
|
20023
20100
|
* Licensed Materials - Property of IBM
|
20024
20101
|
* 5724-Q36
|
@@ -20087,7 +20164,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20087
20164
|
display: flex;
|
20088
20165
|
overflow: hidden;
|
20089
20166
|
width: 100%;
|
20090
|
-
height: 100%;
|
20091
20167
|
flex-direction: column;
|
20092
20168
|
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
|
20093
20169
|
}
|
@@ -20096,6 +20172,143 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20096
20172
|
overflow-x: unset;
|
20097
20173
|
}
|
20098
20174
|
|
20175
|
+
@keyframes rotate {
|
20176
|
+
0% {
|
20177
|
+
transform: rotate(0deg);
|
20178
|
+
}
|
20179
|
+
100% {
|
20180
|
+
transform: rotate(360deg);
|
20181
|
+
}
|
20182
|
+
}
|
20183
|
+
@keyframes rotate-end-p1 {
|
20184
|
+
100% {
|
20185
|
+
transform: rotate(360deg);
|
20186
|
+
}
|
20187
|
+
}
|
20188
|
+
@keyframes rotate-end-p2 {
|
20189
|
+
100% {
|
20190
|
+
transform: rotate(-360deg);
|
20191
|
+
}
|
20192
|
+
}
|
20193
|
+
/* Stroke animations */
|
20194
|
+
@keyframes init-stroke {
|
20195
|
+
0% {
|
20196
|
+
stroke-dashoffset: 276.4608;
|
20197
|
+
}
|
20198
|
+
100% {
|
20199
|
+
stroke-dashoffset: 52.527552;
|
20200
|
+
}
|
20201
|
+
}
|
20202
|
+
@keyframes stroke-end {
|
20203
|
+
0% {
|
20204
|
+
stroke-dashoffset: 52.527552;
|
20205
|
+
}
|
20206
|
+
100% {
|
20207
|
+
stroke-dashoffset: 276.4608;
|
20208
|
+
}
|
20209
|
+
}
|
20210
|
+
@keyframes stroke {
|
20211
|
+
100% {
|
20212
|
+
stroke-dashoffset: 0;
|
20213
|
+
}
|
20214
|
+
}
|
20215
|
+
@keyframes form-content-entrance {
|
20216
|
+
0% {
|
20217
|
+
opacity: 0;
|
20218
|
+
transform: translateY(-0.75rem);
|
20219
|
+
}
|
20220
|
+
100% {
|
20221
|
+
opacity: 1;
|
20222
|
+
transform: translateY(0);
|
20223
|
+
}
|
20224
|
+
}
|
20225
|
+
.c4p--tearsheet-edit {
|
20226
|
+
--c4p--tearsheet-edit--total-width: 0;
|
20227
|
+
}
|
20228
|
+
|
20229
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--hidden-form {
|
20230
|
+
display: none;
|
20231
|
+
}
|
20232
|
+
|
20233
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--visible-form {
|
20234
|
+
animation-duration: 400ms;
|
20235
|
+
animation-fill-mode: forwards;
|
20236
|
+
animation-name: form-content-entrance;
|
20237
|
+
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
20238
|
+
opacity: 0;
|
20239
|
+
}
|
20240
|
+
|
20241
|
+
@media (prefers-reduced-motion) {
|
20242
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--visible-form {
|
20243
|
+
animation: none;
|
20244
|
+
opacity: 1;
|
20245
|
+
}
|
20246
|
+
}
|
20247
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__content {
|
20248
|
+
height: 100%;
|
20249
|
+
padding: var(--cds-spacing-06, 1.5rem);
|
20250
|
+
overflow-x: hidden;
|
20251
|
+
}
|
20252
|
+
|
20253
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__content .bx--grid {
|
20254
|
+
padding: 0;
|
20255
|
+
margin: 0;
|
20256
|
+
}
|
20257
|
+
|
20258
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--heading {
|
20259
|
+
padding-bottom: var(--cds-spacing-06, 1.5rem);
|
20260
|
+
}
|
20261
|
+
|
20262
|
+
.c4p--tearsheet-edit .bx--btn-set .bx--btn.bx--btn--disabled {
|
20263
|
+
box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
|
20264
|
+
}
|
20265
|
+
|
20266
|
+
.c4p--tearsheet-edit .bx--side-nav--ux {
|
20267
|
+
position: initial;
|
20268
|
+
width: 100%;
|
20269
|
+
max-width: 100%;
|
20270
|
+
background-color: transparent;
|
20271
|
+
}
|
20272
|
+
|
20273
|
+
.c4p--tearsheet-edit .bx--side-nav__link:hover {
|
20274
|
+
cursor: pointer;
|
20275
|
+
}
|
20276
|
+
|
20277
|
+
.c4p--tearsheet-edit .bx--side-nav__overlay-active {
|
20278
|
+
display: none;
|
20279
|
+
}
|
20280
|
+
|
20281
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--title,
|
20282
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--title {
|
20283
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
20284
|
+
}
|
20285
|
+
|
20286
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--subtitle,
|
20287
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--subtitle {
|
20288
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
20289
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
20290
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
20291
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
20292
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
20293
|
+
}
|
20294
|
+
|
20295
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--description,
|
20296
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--description {
|
20297
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
20298
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
20299
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
20300
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
20301
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
20302
|
+
}
|
20303
|
+
|
20304
|
+
.c4p--tearsheet-edit .bx--fieldset {
|
20305
|
+
margin-bottom: 0;
|
20306
|
+
}
|
20307
|
+
|
20308
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--fieldset > * {
|
20309
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
20310
|
+
}
|
20311
|
+
|
20099
20312
|
@font-face {
|
20100
20313
|
font-display: auto;
|
20101
20314
|
font-family: "IBM Plex Mono";
|