@carbon/ibm-products 1.41.0 → 1.41.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. package/css/index-full-carbon.css +21 -65
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +1 -0
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +21 -65
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +21 -65
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyDownloader.js +21 -23
  18. package/es/components/APIKeyModal/APIKeyModal.js +43 -45
  19. package/es/components/AddSelect/AddSelectBody.js +1 -1
  20. package/es/components/AddSelect/hooks/usePath.js +7 -1
  21. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
  22. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  23. package/es/components/CreateFullPage/CreateFullPage.js +8 -2
  24. package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
  25. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
  26. package/es/components/Datagrid/Datagrid/DatagridContent.js +10 -3
  27. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
  28. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
  29. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
  30. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +32 -32
  31. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
  32. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +6 -7
  33. package/es/components/Datagrid/useCustomizeColumns.js +13 -15
  34. package/es/components/ImportModal/ImportModal.js +42 -44
  35. package/es/components/index.js +1 -1
  36. package/es/global/js/hooks/useCreateComponentFocus.js +31 -10
  37. package/es/global/js/hooks/useCreateComponentStepChange.js +73 -79
  38. package/es/global/js/utils/test-helper.js +12 -14
  39. package/es/global/js/utils/unwrap-if-fragment.js +1 -1
  40. package/lib/components/APIKeyModal/APIKeyDownloader.js +21 -23
  41. package/lib/components/APIKeyModal/APIKeyModal.js +43 -45
  42. package/lib/components/AddSelect/AddSelectBody.js +1 -1
  43. package/lib/components/AddSelect/hooks/usePath.js +6 -0
  44. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
  45. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  46. package/lib/components/CreateFullPage/CreateFullPage.js +8 -2
  47. package/lib/components/CreateTearsheet/CreateTearsheet.js +8 -2
  48. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
  49. package/lib/components/Datagrid/Datagrid/DatagridContent.js +10 -3
  50. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
  51. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
  52. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
  53. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +26 -25
  54. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +30 -33
  55. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
  56. package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
  57. package/lib/components/ImportModal/ImportModal.js +42 -44
  58. package/lib/components/index.js +6 -0
  59. package/lib/global/js/hooks/useCreateComponentFocus.js +32 -10
  60. package/lib/global/js/hooks/useCreateComponentStepChange.js +73 -79
  61. package/lib/global/js/utils/test-helper.js +12 -14
  62. package/lib/global/js/utils/unwrap-if-fragment.js +1 -1
  63. package/package.json +10 -10
  64. package/scss/components/Datagrid/styles/_datagrid.scss +5 -0
  65. package/scss/components/Datagrid/styles/_draggableElement.scss +9 -8
  66. package/scss/components/Datagrid/styles/_index.scss +8 -8
  67. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +60 -0
  68. package/scss/components/Tearsheet/_tearsheet.scss +2 -0
  69. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -56
  70. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -86
@@ -12403,6 +12403,7 @@ a.bx--side-nav__link--current::before {
12403
12403
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
12404
12404
  -webkit-box-orient: vertical;
12405
12405
  -webkit-line-clamp: 2;
12406
+ word-break: break-all;
12406
12407
  }
12407
12408
  @media (min-width: 42rem) {
12408
12409
  .c4p--tearsheet .c4p--tearsheet__header-description {
@@ -21001,13 +21002,6 @@ button.c4p--add-select__global-filter-toggle--open {
21001
21002
  overscroll-behavior: none;
21002
21003
  }
21003
21004
 
21004
- /*
21005
- * Licensed Materials - Property of IBM
21006
- * 5724-Q36
21007
- * (c) Copyright IBM Corp. 2020, 2021
21008
- * US Government Users Restricted Rights - Use, duplication or disclosure
21009
- * restricted by GSA ADP Schedule Contract with IBM Corp.
21010
- */
21011
21005
  /*
21012
21006
  * Licensed Materials - Property of IBM
21013
21007
  * 5724-Q36
@@ -21455,6 +21449,11 @@ button.c4p--add-select__global-filter-toggle--open {
21455
21449
  height: var(--cds-spacing-09, 3rem);
21456
21450
  }
21457
21451
 
21452
+ .c4p--datagrid__customize-columns-checkbox-wrapper.bx--form-item {
21453
+ flex: 0 0 auto;
21454
+ margin-right: var(--cds-spacing-03, 0.5rem);
21455
+ }
21456
+
21458
21457
  .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
21459
21458
  width: 10px;
21460
21459
  height: 7px;
@@ -21758,55 +21757,20 @@ button.c4p--add-select__global-filter-toggle--open {
21758
21757
  fill: var(--cds-disabled-03, #8d8d8d);
21759
21758
  }
21760
21759
 
21761
- /*
21762
- * Licensed Materials - Property of IBM
21763
- * 5724-Q36
21764
- * (c) Copyright IBM Corp. 2021
21765
- * US Government Users Restricted Rights - Use, duplication or disclosure
21766
- * restricted by GSA ADP Schedule Contract with IBM Corp.
21767
- */
21768
- .c4p--datagrid__customize-columns-modal .bx--modal-content {
21769
- position: inherit;
21760
+ .c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
21770
21761
  display: flex;
21771
21762
  flex-flow: column;
21772
- padding: 0;
21773
- margin: 0;
21774
21763
  }
21775
21764
 
21776
- .c4p--datagrid__customize-columns-checkbox-wrapper {
21777
- margin-bottom: 0;
21765
+ .c4p--datagrid__customize-columns-tearsheet--actions .bx--search-input {
21766
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
21778
21767
  }
21779
21768
 
21780
21769
  .c4p--datagrid__customize-columns-checkbox-wrapper {
21781
21770
  display: flex;
21782
21771
  justify-content: center;
21783
- }
21784
-
21785
- .c4p--datagrid__customize-columns-modal--actions {
21786
- display: flex;
21787
- height: var(--cds-spacing-09, 3rem);
21788
- flex-flow: row;
21789
- background-color: var(--cds-field-02, #ffffff);
21790
- }
21791
-
21792
- .c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
21793
- height: var(--cds-spacing-09, 3rem);
21794
- padding-left: var(--cds-spacing-08, 2.5rem);
21795
- border-bottom: none;
21796
- }
21797
-
21798
- .c4p--datagrid__customize-columns-modal--actions > button {
21799
- margin-left: var(--cds-spacing-05, 1rem);
21800
- }
21801
-
21802
- .c4p--datagrid__customize-columns-instructions {
21803
- padding-left: var(--cds-spacing-05, 1rem);
21804
- margin-bottom: var(--cds-spacing-06, 1.5rem);
21805
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
21806
- font-weight: var(--cds-body-long-01-font-weight, 400);
21807
- line-height: var(--cds-body-long-01-line-height, 1.42857);
21808
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
21809
- color: var(--cds-text-01, #161616);
21772
+ padding-left: var(--cds-spacing-03, 0.5rem);
21773
+ margin-bottom: 0;
21810
21774
  }
21811
21775
 
21812
21776
  .c4p--datagrid__customize-columns-column-list {
@@ -21815,33 +21779,31 @@ button.c4p--add-select__global-filter-toggle--open {
21815
21779
  }
21816
21780
 
21817
21781
  .c4p--datagrid__customize-columns-select-all {
21782
+ position: sticky;
21783
+ z-index: 1;
21784
+ top: 0;
21818
21785
  display: flex;
21819
21786
  height: var(--cds-spacing-09, 3rem);
21820
21787
  padding-left: var(--cds-spacing-08, 2.5rem);
21821
21788
  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
21822
21789
  background-color: var(--cds-layer, #f4f4f4);
21823
21790
  }
21791
+ .c4p--datagrid__customize-columns-select-all .bx--checkbox-label-text {
21792
+ font-weight: 600;
21793
+ }
21824
21794
 
21825
21795
  .c4p--datagrid__customize-columns-select-all:hover {
21826
21796
  background-color: var(--cds-layer-hover, #e5e5e5);
21827
21797
  }
21828
21798
 
21829
- .c4p--datagrid__customize-columns-select-all-selected {
21830
- display: flex;
21831
- height: var(--cds-spacing-09, 3rem);
21832
- padding-left: var(--cds-spacing-08, 2.5rem);
21833
- border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
21799
+ .c4p--datagrid__customize-columns-select-all--selected {
21834
21800
  background-color: var(--cds-layer-selected, #e0e0e0);
21835
21801
  }
21836
21802
 
21837
- .c4p--datagrid__customize-columns-select-all-selected:hover {
21803
+ .c4p--datagrid__customize-columns-select-all--selected:hover {
21838
21804
  background-color: var(--cds-hover-selected-ui, #cacaca);
21839
21805
  }
21840
21806
 
21841
- .c4p--datagrid .c4p--datagrid__customize-columns-modal .bx--modal-content {
21842
- margin-bottom: 0;
21843
- }
21844
-
21845
21807
  /*
21846
21808
  * Licensed Materials - Property of IBM
21847
21809
  * 5724-Q36
@@ -22013,13 +21975,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
22013
21975
  fill: var(--cds-ui-05, #161616);
22014
21976
  }
22015
21977
 
22016
- /*
22017
- * Licensed Materials - Property of IBM
22018
- * 5724-Q36
22019
- * (c) Copyright IBM Corp. 2021
22020
- * US Government Users Restricted Rights - Use, duplication or disclosure
22021
- * restricted by GSA ADP Schedule Contract with IBM Corp.
22022
- */
22023
21978
  .c4p--datagrid__draggable-handleStyle {
22024
21979
  display: flex;
22025
21980
  align-items: center;
@@ -22031,7 +21986,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
22031
21986
  pointer-events: none;
22032
21987
  }
22033
21988
 
22034
- svg.c4p--datagrid__draggable-handleStyle.disable {
21989
+ .c4p--datagrid__draggable-handleStyle.disabled svg {
22035
21990
  fill: var(--cds-disabled-02, #c6c6c6);
22036
21991
  }
22037
21992
 
@@ -22067,6 +22022,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
22067
22022
  .c4p--datagrid__draggable-handleHolder-droppable {
22068
22023
  display: flex;
22069
22024
  width: 100%;
22025
+ align-items: center;
22070
22026
  }
22071
22027
 
22072
22028
  .c4p--datagrid__draggable-handleHolder-grabbed {