@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
@@ -1,86 +0,0 @@
1
- /*
2
- * Licensed Materials - Property of IBM
3
- * 5724-Q36
4
- * (c) Copyright IBM Corp. 2021
5
- * US Government Users Restricted Rights - Use, duplication or disclosure
6
- * restricted by GSA ADP Schedule Contract with IBM Corp.
7
- */
8
-
9
- @import '../variables';
10
-
11
- .#{$block-class}__customize-columns-modal {
12
- .#{$carbon-prefix}--modal-content {
13
- position: inherit;
14
- display: flex;
15
- flex-flow: column;
16
- padding: 0;
17
- margin: 0;
18
- }
19
- }
20
-
21
- .#{$block-class}__customize-columns-checkbox-wrapper {
22
- margin-bottom: 0;
23
- }
24
- .#{$block-class}__customize-columns-checkbox-wrapper {
25
- display: flex;
26
- justify-content: center;
27
- }
28
-
29
- .#{$block-class}__customize-columns-modal--actions {
30
- display: flex;
31
- height: $spacing-09;
32
- flex-flow: row;
33
- background-color: $field-02;
34
- }
35
-
36
- .#{$block-class}__customize-columns-modal--actions input[role='searchbox'] {
37
- height: $spacing-09;
38
- padding-left: $spacing-08;
39
- border-bottom: none;
40
- }
41
-
42
- .#{$block-class}__customize-columns-modal--actions > button {
43
- margin-left: $spacing-05;
44
- }
45
-
46
- .#{$block-class}__customize-columns-instructions {
47
- padding-left: $spacing-05;
48
- margin-bottom: $spacing-06;
49
-
50
- @include carbon--type-style('body-long-01');
51
-
52
- color: $text-01;
53
- }
54
-
55
- .#{$block-class}__customize-columns-column-list {
56
- position: relative; // needed for the react-dnd, otherwise the drag preview will not work correctly
57
- overflow: auto;
58
- }
59
-
60
- .#{$block-class}__customize-columns-select-all {
61
- display: flex;
62
- height: $spacing-09;
63
- padding-left: $spacing-08;
64
- border-bottom: 1px solid $layer-active;
65
- background-color: $layer;
66
- }
67
- .#{$block-class}__customize-columns-select-all:hover {
68
- background-color: $layer-hover;
69
- }
70
- .#{$block-class}__customize-columns-select-all-selected {
71
- display: flex;
72
- height: $spacing-09;
73
- padding-left: $spacing-08;
74
- border-bottom: 1px solid $layer-active;
75
- background-color: $layer-selected;
76
- }
77
-
78
- .#{$block-class}__customize-columns-select-all-selected:hover {
79
- background-color: $hover-selected-ui;
80
- }
81
-
82
- .#{$block-class}
83
- .#{$block-class}__customize-columns-modal
84
- .#{$carbon-prefix}--modal-content {
85
- margin-bottom: 0;
86
- }