@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.
Files changed (28) hide show
  1. package/css/index-full-carbon.css +60 -16
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +4 -4
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +3 -9
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +41 -12
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +3 -3
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -4
  14. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -5
  15. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +33 -17
  16. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
  17. package/es/components/Datagrid/useDefaultStringRenderer.js +2 -1
  18. package/es/components/Datagrid/useSortableColumns.js +8 -4
  19. package/es/global/js/utils/test-helper.js +3 -3
  20. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -4
  21. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -5
  22. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +33 -17
  23. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +0 -1
  24. package/lib/components/Datagrid/useDefaultStringRenderer.js +2 -1
  25. package/lib/components/Datagrid/useSortableColumns.js +8 -4
  26. package/lib/global/js/utils/test-helper.js +3 -3
  27. package/package.json +9 -8
  28. 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(:focus),
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(:focus),
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
- * Licensed Materials - Property of IBM
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.sortDisabled {
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 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