@carbon/ibm-products 1.60.0 → 1.61.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +57 -24
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +4 -4
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +9 -3
- 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 +47 -9
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +47 -24
- 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/Datagrid/Datagrid/DatagridContent.js +3 -1
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +9 -8
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +6 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +0 -5
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +17 -5
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +4 -3
- package/es/components/Datagrid/useInlineEdit.js +1 -6
- package/es/components/Datagrid/useSortableColumns.js +5 -4
- package/es/components/FilterSummary/FilterSummary.js +6 -2
- package/es/components/TagSet/TagSet.js +11 -3
- package/es/components/TagSet/TagSetOverflow.js +16 -5
- package/es/global/js/utils/getNodeTextContent.js +51 -0
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +3 -1
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +9 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +6 -12
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +0 -5
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +15 -3
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +7 -3
- package/lib/components/Datagrid/useInlineEdit.js +1 -6
- package/lib/components/Datagrid/useSortableColumns.js +5 -4
- package/lib/components/FilterSummary/FilterSummary.js +6 -2
- package/lib/components/TagSet/TagSet.js +11 -3
- package/lib/components/TagSet/TagSetOverflow.js +16 -5
- package/lib/global/js/utils/getNodeTextContent.js +59 -0
- package/package.json +4 -4
- package/scss/components/Datagrid/_datagrid.scss +1 -0
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +7 -11
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +42 -1
- package/scss/components/TagSet/_tag-set.scss +13 -3
- package/es/components/Datagrid/utils/getColTitle.js +0 -25
- package/lib/components/Datagrid/utils/getColTitle.js +0 -32
@@ -641,27 +641,12 @@ em {
|
|
641
641
|
.bx--snippet--multi .bx--snippet-container pre {
|
642
642
|
padding-right: 2.5rem;
|
643
643
|
padding-bottom: 1.5rem;
|
644
|
-
overflow-x: auto;
|
645
644
|
}
|
646
645
|
|
647
646
|
.bx--snippet--multi.bx--snippet--no-copy .bx--snippet-container pre {
|
648
647
|
padding-right: 0;
|
649
648
|
}
|
650
649
|
|
651
|
-
.bx--snippet--multi.bx--snippet--expand .bx--snippet-container pre {
|
652
|
-
overflow-x: auto;
|
653
|
-
}
|
654
|
-
|
655
|
-
.bx--snippet--multi .bx--snippet-container pre::after {
|
656
|
-
position: absolute;
|
657
|
-
top: 0;
|
658
|
-
right: 0;
|
659
|
-
width: 1rem;
|
660
|
-
height: 100%;
|
661
|
-
background-image: linear-gradient(to right, rgba(var(--cds-field-01, #f4f4f4), 0), var(--cds-field-01, #f4f4f4));
|
662
|
-
content: "";
|
663
|
-
}
|
664
|
-
|
665
650
|
.bx--snippet--multi .bx--snippet-container pre code {
|
666
651
|
overflow: hidden;
|
667
652
|
}
|
@@ -17991,7 +17976,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17991
17976
|
visibility: hidden;
|
17992
17977
|
}
|
17993
17978
|
|
17994
|
-
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item .bx--tag {
|
17979
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item--default .bx--tag {
|
17995
17980
|
border-radius: 0;
|
17996
17981
|
}
|
17997
17982
|
|
@@ -18035,12 +18020,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
18035
18020
|
min-width: initial;
|
18036
18021
|
text-align: left;
|
18037
18022
|
}
|
18023
|
+
.c4p--tag-set-overflow__tooltip.bx--tooltip button {
|
18024
|
+
padding-right: 0;
|
18025
|
+
}
|
18038
18026
|
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__show-all-tags-link {
|
18039
18027
|
display: inline-block;
|
18040
18028
|
margin: var(--cds-spacing-03, 0.5rem) 0 var(--cds-spacing-02, 0.25rem);
|
18041
18029
|
}
|
18042
|
-
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item
|
18043
|
-
|
18030
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .bx--tag {
|
18031
|
+
background-color: var(--cds-inverse-hover-ui, #4c4c4c);
|
18032
|
+
}
|
18033
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default,
|
18034
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default .bx--tag {
|
18044
18035
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
18045
18036
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
18046
18037
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -21983,10 +21974,35 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21983
21974
|
}
|
21984
21975
|
|
21985
21976
|
.bx--btn--ghost.c4p--datagrid__row-size-button--open {
|
21986
|
-
background-color: var(--cds-ui-
|
21977
|
+
background-color: var(--cds-ui-02, #ffffff);
|
21987
21978
|
box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
21988
21979
|
}
|
21989
21980
|
|
21981
|
+
.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center td,
|
21982
|
+
.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top td {
|
21983
|
+
align-items: flex-start;
|
21984
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
21985
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
21986
|
+
}
|
21987
|
+
.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__actions-column-cell,
|
21988
|
+
.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__actions-column-cell {
|
21989
|
+
padding-left: var(--cds-spacing-03, 0.5rem);
|
21990
|
+
}
|
21991
|
+
|
21992
|
+
.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center th .bx--table-header-label,
|
21993
|
+
.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top th .bx--table-header-label {
|
21994
|
+
align-items: flex-start;
|
21995
|
+
}
|
21996
|
+
|
21997
|
+
.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
|
21998
|
+
align-items: flex-start;
|
21999
|
+
padding-top: var(--cds-spacing-04, 0.75rem);
|
22000
|
+
}
|
22001
|
+
|
22002
|
+
.c4p--datagrid__row-size__row-settings-trigger--open.bx--btn--ghost {
|
22003
|
+
background-color: var(--cds-ui-02, #ffffff);
|
22004
|
+
}
|
22005
|
+
|
21990
22006
|
/*
|
21991
22007
|
* Licensed Materials - Property of IBM
|
21992
22008
|
* 5724-Q36
|
@@ -22498,13 +22514,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22498
22514
|
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--selection {
|
22499
22515
|
justify-content: flex-start;
|
22500
22516
|
}
|
22501
|
-
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button
|
22502
|
-
/* stylelint-disable-next-line */
|
22503
|
-
}
|
22504
|
-
.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 {
|
22517
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
|
22505
22518
|
display: none;
|
22506
22519
|
}
|
22507
|
-
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:
|
22520
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:hover .c4p--datagrid__inline-edit-button-icon, .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active .c4p--datagrid__inline-edit-button-icon {
|
22508
22521
|
display: block;
|
22509
22522
|
}
|
22510
22523
|
|
@@ -22722,6 +22735,16 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22722
22735
|
background-color: var(--cds-support-01, #da1e28);
|
22723
22736
|
}
|
22724
22737
|
|
22738
|
+
.c4p--filter-summary {
|
22739
|
+
display: flex;
|
22740
|
+
width: 100%;
|
22741
|
+
height: 3rem;
|
22742
|
+
align-items: center;
|
22743
|
+
padding: var(--cds-spacing-03, 0.5rem);
|
22744
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
22745
|
+
background: var(--cds-ui-01, #f4f4f4);
|
22746
|
+
}
|
22747
|
+
|
22725
22748
|
.c4p--datagrid__datagridWrap {
|
22726
22749
|
display: block;
|
22727
22750
|
width: 100%;
|
@@ -28338,6 +28361,16 @@ body {
|
|
28338
28361
|
overflow-x: auto;
|
28339
28362
|
}
|
28340
28363
|
|
28364
|
+
.bx--data-table-content:focus {
|
28365
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
28366
|
+
outline-offset: -2px;
|
28367
|
+
}
|
28368
|
+
@media screen and (prefers-contrast) {
|
28369
|
+
.bx--data-table-content:focus {
|
28370
|
+
outline-style: dotted;
|
28371
|
+
}
|
28372
|
+
}
|
28373
|
+
|
28341
28374
|
.bx--data-table-header {
|
28342
28375
|
padding: var(--cds-spacing-05, 1rem) 0 var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem);
|
28343
28376
|
background: var(--cds-layer, #f4f4f4);
|