@carbon/ibm-products 1.25.0 → 1.27.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +62 -15
- 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.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +62 -15
- 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 +62 -15
- 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 +139 -11
- package/es/components/Datagrid/useActionsColumn.js +31 -6
- package/es/components/Datagrid/useDefaultStringRenderer.js +4 -1
- package/es/components/Datagrid/useSelectRows.js +2 -2
- package/es/components/Datagrid/useStickyColumn.js +3 -0
- package/es/components/Datagrid/utils/makeData.js +1 -1
- 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/lib/components/Datagrid/Datagrid/DatagridToolbar.js +148 -9
- package/lib/components/Datagrid/useActionsColumn.js +31 -6
- package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -1
- package/lib/components/Datagrid/useSelectRows.js +1 -1
- package/lib/components/Datagrid/useStickyColumn.js +3 -0
- package/lib/components/Datagrid/utils/makeData.js +1 -1
- 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/package.json +4 -4
- 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} +54 -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 -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/InlineEdit/_inline-edit.scss +1 -1
- 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/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
@@ -14224,6 +14224,16 @@ a.bx--side-nav__link--current::before {
|
|
14224
14224
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14225
14225
|
}
|
14226
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
|
+
|
14227
14237
|
.c4p--add-select__sub-header {
|
14228
14238
|
display: flex;
|
14229
14239
|
align-items: flex-end;
|
@@ -14438,8 +14448,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14438
14448
|
}
|
14439
14449
|
|
14440
14450
|
.c4p--add-select .bx--structured-list-td {
|
14441
|
-
height:
|
14442
|
-
padding:
|
14451
|
+
height: var(--cds-layout-04, 3rem);
|
14452
|
+
padding-top: 0;
|
14453
|
+
padding-bottom: 0;
|
14443
14454
|
vertical-align: middle;
|
14444
14455
|
}
|
14445
14456
|
|
@@ -19524,9 +19535,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19524
19535
|
height: 100%;
|
19525
19536
|
overflow-x: auto;
|
19526
19537
|
}
|
19527
|
-
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
19528
|
-
|
19538
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
|
19539
|
+
display: flex;
|
19540
|
+
overflow: auto;
|
19529
19541
|
max-height: 100%;
|
19542
|
+
flex-direction: column;
|
19543
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
19530
19544
|
}
|
19531
19545
|
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
19532
19546
|
display: flex;
|
@@ -19557,6 +19571,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19557
19571
|
text-overflow: ellipsis;
|
19558
19572
|
white-space: nowrap;
|
19559
19573
|
}
|
19574
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
|
19575
|
+
display: -webkit-box;
|
19576
|
+
-webkit-box-orient: vertical;
|
19577
|
+
-webkit-line-clamp: 2;
|
19578
|
+
white-space: initial;
|
19579
|
+
}
|
19560
19580
|
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
19561
19581
|
display: flex;
|
19562
19582
|
overflow: hidden;
|
@@ -19674,15 +19694,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19674
19694
|
min-width: 0 !important;
|
19675
19695
|
}
|
19676
19696
|
|
19677
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar {
|
19678
|
-
width: 6px;
|
19679
|
-
background-color: var(--cds-ui-background, #ffffff);
|
19680
|
-
}
|
19681
|
-
|
19682
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
|
19683
|
-
background-color: var(--cds-text-03, #a8a8a8);
|
19684
|
-
}
|
19685
|
-
|
19686
19697
|
.c4p--datagrid__sticky.c4p--datagrid__simple-body {
|
19687
19698
|
overflow: auto;
|
19688
19699
|
}
|
@@ -19786,11 +19797,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19786
19797
|
transform: translateY(-50%);
|
19787
19798
|
}
|
19788
19799
|
|
19789
|
-
.bx--data-table--selected {
|
19800
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) {
|
19790
19801
|
position: relative;
|
19791
19802
|
}
|
19792
19803
|
|
19793
|
-
.bx--data-table--selected::before {
|
19804
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
19794
19805
|
position: absolute;
|
19795
19806
|
left: 0;
|
19796
19807
|
width: var(--cds-spacing-02, 0.25rem);
|
@@ -19799,6 +19810,37 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19799
19810
|
content: "";
|
19800
19811
|
}
|
19801
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
|
+
|
19802
19844
|
/*
|
19803
19845
|
* Licensed Materials - Property of IBM
|
19804
19846
|
* 5724-Q36
|
@@ -20161,6 +20203,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
20161
20203
|
overflow-x: unset;
|
20162
20204
|
}
|
20163
20205
|
|
20206
|
+
.bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
20207
|
+
left: var(--cds-spacing-01, 0.125rem);
|
20208
|
+
width: 112px;
|
20209
|
+
}
|
20210
|
+
|
20164
20211
|
@keyframes rotate {
|
20165
20212
|
0% {
|
20166
20213
|
transform: rotate(0deg);
|