@carbon/ibm-products 1.55.1 → 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.
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 +8 -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