@carbon/ibm-products 1.55.0 → 1.55.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +60 -16
- 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.css +3 -9
- 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 +41 -12
- 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/addons/CustomizeColumns/Columns.js +1 -4
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -5
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +33 -17
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
- package/es/components/Datagrid/useDefaultStringRenderer.js +2 -1
- package/es/components/Datagrid/useSortableColumns.js +8 -4
- package/es/global/js/utils/test-helper.js +3 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -5
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +33 -17
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
- package/lib/components/Datagrid/useDefaultStringRenderer.js +2 -1
- package/lib/components/Datagrid/useSortableColumns.js +8 -4
- package/lib/global/js/utils/test-helper.js +3 -3
- package/package.json +9 -8
- package/scss/components/Datagrid/styles/_useColumnCenterAlign.scss +9 -9
@@ -617,6 +617,16 @@ em {
|
|
617
617
|
overflow-y: auto;
|
618
618
|
transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
619
619
|
}
|
620
|
+
.bx--snippet--multi .bx--snippet-container:focus {
|
621
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
622
|
+
outline-offset: -2px;
|
623
|
+
outline-offset: 0;
|
624
|
+
}
|
625
|
+
@media screen and (prefers-contrast) {
|
626
|
+
.bx--snippet--multi .bx--snippet-container:focus {
|
627
|
+
outline-style: dotted;
|
628
|
+
}
|
629
|
+
}
|
620
630
|
|
621
631
|
.bx--snippet--multi.bx--snippet--expand .bx--snippet-container {
|
622
632
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
@@ -3389,7 +3399,7 @@ input[data-invalid]:not(:focus),
|
|
3389
3399
|
.bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),
|
3390
3400
|
.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),
|
3391
3401
|
.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
|
3392
|
-
.bx--list-box[data-invalid]:not(
|
3402
|
+
.bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),
|
3393
3403
|
.bx--combo-box[data-invalid] .bx--text-input:not(:focus) {
|
3394
3404
|
outline: 2px solid var(--cds-support-01, #da1e28);
|
3395
3405
|
outline-offset: -2px;
|
@@ -3400,7 +3410,7 @@ input[data-invalid]:not(:focus),
|
|
3400
3410
|
.bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),
|
3401
3411
|
.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),
|
3402
3412
|
.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
|
3403
|
-
.bx--list-box[data-invalid]:not(
|
3413
|
+
.bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),
|
3404
3414
|
.bx--combo-box[data-invalid] .bx--text-input:not(:focus) {
|
3405
3415
|
outline-style: dotted;
|
3406
3416
|
}
|
@@ -13596,7 +13606,6 @@ a.bx--side-nav__link--current::before {
|
|
13596
13606
|
}
|
13597
13607
|
|
13598
13608
|
.bx--file__state-container .bx--file-complete {
|
13599
|
-
cursor: pointer;
|
13600
13609
|
fill: var(--cds-interactive-04, #0f62fe);
|
13601
13610
|
}
|
13602
13611
|
.bx--file__state-container .bx--file-complete:focus {
|
@@ -13649,6 +13658,24 @@ a.bx--side-nav__link--current::before {
|
|
13649
13658
|
}
|
13650
13659
|
|
13651
13660
|
.bx--file__drop-container {
|
13661
|
+
box-sizing: border-box;
|
13662
|
+
padding: 0;
|
13663
|
+
border: 0;
|
13664
|
+
margin: 0;
|
13665
|
+
font-family: inherit;
|
13666
|
+
font-size: 100%;
|
13667
|
+
vertical-align: baseline;
|
13668
|
+
display: inline-block;
|
13669
|
+
padding: 0;
|
13670
|
+
border: 0;
|
13671
|
+
appearance: none;
|
13672
|
+
background: none;
|
13673
|
+
cursor: pointer;
|
13674
|
+
width: 100%;
|
13675
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
13676
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
13677
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
13678
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13652
13679
|
display: flex;
|
13653
13680
|
overflow: hidden;
|
13654
13681
|
height: 6rem;
|
@@ -13657,6 +13684,14 @@ a.bx--side-nav__link--current::before {
|
|
13657
13684
|
padding: 1rem;
|
13658
13685
|
border: 1px dashed var(--cds-ui-04, #8d8d8d);
|
13659
13686
|
}
|
13687
|
+
.bx--file__drop-container *,
|
13688
|
+
.bx--file__drop-container *::before,
|
13689
|
+
.bx--file__drop-container *::after {
|
13690
|
+
box-sizing: inherit;
|
13691
|
+
}
|
13692
|
+
.bx--file__drop-container::-moz-focus-inner {
|
13693
|
+
border: 0;
|
13694
|
+
}
|
13660
13695
|
|
13661
13696
|
.bx--file__drop-container--drag-over {
|
13662
13697
|
background: none;
|
@@ -21680,19 +21715,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21680
21715
|
padding-right: 0;
|
21681
21716
|
}
|
21682
21717
|
|
21683
|
-
|
21684
|
-
|
21685
|
-
* 5724-Q36
|
21686
|
-
* (c) Copyright IBM Corp. 2020
|
21687
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
21688
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
21689
|
-
*/
|
21690
|
-
.c4p--datagrid__center-align-header {
|
21718
|
+
.c4p--datagrid__center-align-header,
|
21719
|
+
.c4p--datagrid__center-align-header .c4p--datagrid--table-sort {
|
21691
21720
|
width: 100%;
|
21692
21721
|
text-align: center;
|
21693
21722
|
}
|
21694
21723
|
|
21695
|
-
.c4p--datagrid__center-align-cell-renderer
|
21724
|
+
.c4p--datagrid__center-align-cell-renderer {
|
21696
21725
|
margin-right: auto;
|
21697
21726
|
margin-left: auto;
|
21698
21727
|
}
|
@@ -30674,9 +30703,21 @@ th .bx--table-sort__flex {
|
|
30674
30703
|
height: 3rem;
|
30675
30704
|
}
|
30676
30705
|
|
30706
|
+
.bx--multi-select .bx--list-box__field--wrapper {
|
30707
|
+
display: inline-flex;
|
30708
|
+
width: 100%;
|
30709
|
+
height: calc(100% + 1px);
|
30710
|
+
align-items: center;
|
30711
|
+
}
|
30712
|
+
|
30713
|
+
.bx--multi-select .bx--list-box__field:focus {
|
30714
|
+
outline: 2px solid transparent;
|
30715
|
+
outline-offset: -2px;
|
30716
|
+
}
|
30717
|
+
|
30677
30718
|
.bx--multi-select .bx--tag {
|
30678
30719
|
min-width: auto;
|
30679
|
-
margin: 0 0.5rem 0
|
30720
|
+
margin: 0 var(--cds-spacing-03, 0.5rem) 0 var(--cds-spacing-05, 1rem);
|
30680
30721
|
}
|
30681
30722
|
|
30682
30723
|
.bx--multi-select--filterable .bx--tag {
|
@@ -30722,17 +30763,20 @@ th .bx--table-sort__flex {
|
|
30722
30763
|
outline: none;
|
30723
30764
|
}
|
30724
30765
|
|
30725
|
-
.bx--multi-select--filterable--input-focused
|
30766
|
+
.bx--multi-select--filterable--input-focused,
|
30767
|
+
.bx--multi-select .bx--list-box__field--wrapper--input-focused {
|
30726
30768
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
30727
30769
|
outline-offset: -2px;
|
30728
30770
|
}
|
30729
30771
|
@media screen and (prefers-contrast) {
|
30730
|
-
.bx--multi-select--filterable--input-focused
|
30772
|
+
.bx--multi-select--filterable--input-focused,
|
30773
|
+
.bx--multi-select .bx--list-box__field--wrapper--input-focused {
|
30731
30774
|
outline-style: dotted;
|
30732
30775
|
}
|
30733
30776
|
}
|
30734
30777
|
|
30735
|
-
.bx--multi-select--filterable.bx--multi-select--selected .bx--text-input
|
30778
|
+
.bx--multi-select--filterable.bx--multi-select--selected .bx--text-input,
|
30779
|
+
.bx--multi-select.bx--multi-select--selected .bx--list-box__field {
|
30736
30780
|
padding-left: 0;
|
30737
30781
|
}
|
30738
30782
|
|