@carbon/ibm-products 1.41.0 → 1.41.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 (78) 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/ButtonMenu/ButtonMenu.js +4 -2
  23. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  24. package/es/components/CreateFullPage/CreateFullPage.js +8 -2
  25. package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
  26. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
  27. package/es/components/Datagrid/Datagrid/DatagridContent.js +10 -3
  28. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
  29. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
  30. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
  31. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +32 -32
  32. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
  33. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +6 -7
  34. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -4
  35. package/es/components/Datagrid/useCustomizeColumns.js +13 -15
  36. package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -0
  37. package/es/components/Datagrid/utils/makeData.js +1 -1
  38. package/es/components/ImportModal/ImportModal.js +42 -44
  39. package/es/components/index.js +1 -1
  40. package/es/global/js/hooks/useCreateComponentFocus.js +31 -10
  41. package/es/global/js/hooks/useCreateComponentStepChange.js +73 -79
  42. package/es/global/js/utils/test-helper.js +12 -14
  43. package/es/global/js/utils/unwrap-if-fragment.js +1 -1
  44. package/lib/components/APIKeyModal/APIKeyDownloader.js +21 -23
  45. package/lib/components/APIKeyModal/APIKeyModal.js +43 -45
  46. package/lib/components/AddSelect/AddSelectBody.js +1 -1
  47. package/lib/components/AddSelect/hooks/usePath.js +6 -0
  48. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
  49. package/lib/components/ButtonMenu/ButtonMenu.js +4 -2
  50. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  51. package/lib/components/CreateFullPage/CreateFullPage.js +8 -2
  52. package/lib/components/CreateTearsheet/CreateTearsheet.js +8 -2
  53. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
  54. package/lib/components/Datagrid/Datagrid/DatagridContent.js +10 -3
  55. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
  56. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
  57. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
  58. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +26 -25
  59. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +30 -33
  60. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
  61. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -4
  62. package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
  63. package/lib/components/Datagrid/utils/getInlineEditColumns.js +1 -0
  64. package/lib/components/Datagrid/utils/makeData.js +1 -1
  65. package/lib/components/ImportModal/ImportModal.js +42 -44
  66. package/lib/components/index.js +6 -0
  67. package/lib/global/js/hooks/useCreateComponentFocus.js +32 -10
  68. package/lib/global/js/hooks/useCreateComponentStepChange.js +73 -79
  69. package/lib/global/js/utils/test-helper.js +12 -14
  70. package/lib/global/js/utils/unwrap-if-fragment.js +1 -1
  71. package/package.json +10 -10
  72. package/scss/components/Datagrid/styles/_datagrid.scss +5 -0
  73. package/scss/components/Datagrid/styles/_draggableElement.scss +9 -8
  74. package/scss/components/Datagrid/styles/_index.scss +8 -8
  75. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +60 -0
  76. package/scss/components/Tearsheet/_tearsheet.scss +2 -0
  77. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -56
  78. 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 {