@carbon/ibm-products 1.24.0 → 1.26.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +77 -19
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +26 -15
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +77 -19
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +77 -19
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +140 -12
- package/es/components/Datagrid/useActionsColumn.js +31 -6
- package/es/components/Datagrid/useSelectRows.js +2 -2
- package/es/components/Datagrid/useStickyColumn.js +3 -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 +1 -1
- package/es/global/js/package-settings.js +1 -0
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +149 -10
- package/lib/components/Datagrid/useActionsColumn.js +31 -6
- package/lib/components/Datagrid/useSelectRows.js +1 -1
- package/lib/components/Datagrid/useStickyColumn.js +3 -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 +12 -0
- package/lib/global/js/package-settings.js +1 -0
- package/package.json +10 -10
- package/scss/components/AddSelect/_add-select.scss +19 -2
- package/scss/components/Datagrid/_datagrid.scss +5 -0
- package/scss/components/Datagrid/styles/{datagrid.scss → _datagrid.scss} +42 -2
- 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 -0
- 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/EmptyStates/_empty-state.scss +16 -9
- package/scss/components/InlineEdit/_inline-edit.scss +1 -1
- 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 -383
- 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 -732
- 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 -9
- 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
|
|
@@ -19775,11 +19797,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19775
19797
|
transform: translateY(-50%);
|
19776
19798
|
}
|
19777
19799
|
|
19778
|
-
.bx--data-table--selected {
|
19800
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) {
|
19779
19801
|
position: relative;
|
19780
19802
|
}
|
19781
19803
|
|
19782
|
-
.bx--data-table--selected::before {
|
19804
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
19783
19805
|
position: absolute;
|
19784
19806
|
left: 0;
|
19785
19807
|
width: var(--cds-spacing-02, 0.25rem);
|
@@ -19788,6 +19810,37 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19788
19810
|
content: "";
|
19789
19811
|
}
|
19790
19812
|
|
19813
|
+
.c4p--datagrid__table-toolbar .bx--batch-summary__para {
|
19814
|
+
white-space: nowrap;
|
19815
|
+
}
|
19816
|
+
|
19817
|
+
.c4p--datagrid__table-toolbar .bx--batch-actions .bx--batch-actions--active {
|
19818
|
+
overflow-x: hidden;
|
19819
|
+
}
|
19820
|
+
|
19821
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
|
19822
|
+
display: flex;
|
19823
|
+
min-width: var(--cds-spacing-08, 2.5rem);
|
19824
|
+
justify-content: center;
|
19825
|
+
margin-right: var(--cds-spacing-04, 0.75rem);
|
19826
|
+
}
|
19827
|
+
|
19828
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
|
19829
|
+
min-width: calc(var(--cds-spacing-12, 6rem) + var(--cds-spacing-03, 0.5rem));
|
19830
|
+
}
|
19831
|
+
|
19832
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
|
19833
|
+
display: flex;
|
19834
|
+
width: 100%;
|
19835
|
+
min-width: var(--cds-spacing-09, 3rem);
|
19836
|
+
justify-content: center;
|
19837
|
+
padding: 0;
|
19838
|
+
margin: 0;
|
19839
|
+
}
|
19840
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .bx--btn__icon {
|
19841
|
+
margin: 0;
|
19842
|
+
}
|
19843
|
+
|
19791
19844
|
/*
|
19792
19845
|
* Licensed Materials - Property of IBM
|
19793
19846
|
* 5724-Q36
|
@@ -20150,6 +20203,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20150
20203
|
overflow-x: unset;
|
20151
20204
|
}
|
20152
20205
|
|
20206
|
+
.bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
20207
|
+
left: var(--cds-spacing-01, 0.125rem);
|
20208
|
+
width: 112px;
|
20209
|
+
}
|
20210
|
+
|
20153
20211
|
@keyframes rotate {
|
20154
20212
|
0% {
|
20155
20213
|
transform: rotate(0deg);
|