@carbon/ibm-products 1.55.0 → 1.55.2
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
|