@carbon/ibm-products 1.24.0 → 1.26.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (89) hide show
  1. package/css/index-full-carbon.css +77 -19
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +26 -15
  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 +77 -19
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +77 -19
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +140 -12
  18. package/es/components/Datagrid/useActionsColumn.js +31 -6
  19. package/es/components/Datagrid/useSelectRows.js +2 -2
  20. package/es/components/Datagrid/useStickyColumn.js +3 -0
  21. package/es/components/EmptyStates/EmptyStateContent.js +2 -1
  22. package/es/components/ImportModal/ImportModal.js +10 -2
  23. package/es/components/WebTerminal/WebTerminal.js +25 -13
  24. package/es/components/WebTerminal/WebTerminalContentWrapper.js +8 -10
  25. package/es/components/WebTerminal/hooks/index.js +45 -0
  26. package/es/components/WebTerminal/index.js +2 -1
  27. package/es/components/WebTerminal/preview-components/Navigation.js +6 -10
  28. package/es/components/index.js +1 -1
  29. package/es/global/js/package-settings.js +1 -0
  30. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +149 -10
  31. package/lib/components/Datagrid/useActionsColumn.js +31 -6
  32. package/lib/components/Datagrid/useSelectRows.js +1 -1
  33. package/lib/components/Datagrid/useStickyColumn.js +3 -0
  34. package/lib/components/EmptyStates/EmptyStateContent.js +2 -1
  35. package/lib/components/ImportModal/ImportModal.js +11 -2
  36. package/lib/components/WebTerminal/WebTerminal.js +26 -13
  37. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -9
  38. package/lib/components/WebTerminal/hooks/index.js +69 -0
  39. package/lib/components/WebTerminal/index.js +15 -1
  40. package/lib/components/WebTerminal/preview-components/Navigation.js +6 -10
  41. package/lib/components/index.js +12 -0
  42. package/lib/global/js/package-settings.js +1 -0
  43. package/package.json +10 -10
  44. package/scss/components/AddSelect/_add-select.scss +19 -2
  45. package/scss/components/Datagrid/_datagrid.scss +5 -0
  46. package/scss/components/Datagrid/styles/{datagrid.scss → _datagrid.scss} +42 -2
  47. package/scss/components/Datagrid/styles/{draggableElement.scss → _draggableElement.scss} +0 -0
  48. package/scss/components/Datagrid/styles/{index.scss → _index.scss} +0 -0
  49. package/scss/components/Datagrid/styles/{useActionsColumn.scss → _useActionsColumn.scss} +0 -0
  50. package/scss/components/Datagrid/styles/{useColumnCenterAlign.scss → _useColumnCenterAlign.scss} +0 -0
  51. package/scss/components/Datagrid/styles/{useColumnRightAlign.scss → _useColumnRightAlign.scss} +0 -0
  52. package/scss/components/Datagrid/styles/{useExpandedRow.scss → _useExpandedRow.scss} +0 -0
  53. package/scss/components/Datagrid/styles/{useNestedRows.scss → _useNestedRows.scss} +0 -0
  54. package/scss/components/Datagrid/styles/{useNestedTable.scss → _useNestedTable.scss} +0 -0
  55. package/scss/components/Datagrid/styles/{useSelectAllToggle.scss → _useSelectAllToggle.scss} +0 -0
  56. package/scss/components/Datagrid/styles/{useSortableColumns.scss → _useSortableColumns.scss} +0 -0
  57. package/scss/components/Datagrid/styles/{useStickyColumn.scss → _useStickyColumn.scss} +0 -0
  58. package/scss/components/Datagrid/styles/addons/{CustomizeColumnsModal.scss → _CustomizeColumnsModal.scss} +0 -0
  59. package/scss/components/Datagrid/styles/addons/{RowSizeDropdown.scss → _RowSizeDropdown.scss} +0 -0
  60. package/scss/components/EmptyStates/_empty-state.scss +16 -9
  61. package/scss/components/InlineEdit/_inline-edit.scss +1 -1
  62. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +0 -47
  63. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +0 -1
  64. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +0 -20
  65. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +0 -1
  66. package/css/components/Datagrid/styles/datagrid.css +0 -383
  67. package/css/components/Datagrid/styles/datagrid.css.map +0 -1
  68. package/css/components/Datagrid/styles/draggableElement.css +0 -57
  69. package/css/components/Datagrid/styles/draggableElement.css.map +0 -1
  70. package/css/components/Datagrid/styles/index.css +0 -732
  71. package/css/components/Datagrid/styles/index.css.map +0 -1
  72. package/css/components/Datagrid/styles/useActionsColumn.css +0 -23
  73. package/css/components/Datagrid/styles/useActionsColumn.css.map +0 -1
  74. package/css/components/Datagrid/styles/useColumnCenterAlign.css +0 -18
  75. package/css/components/Datagrid/styles/useColumnCenterAlign.css.map +0 -1
  76. package/css/components/Datagrid/styles/useColumnRightAlign.css +0 -28
  77. package/css/components/Datagrid/styles/useColumnRightAlign.css.map +0 -1
  78. package/css/components/Datagrid/styles/useExpandedRow.css +0 -9
  79. package/css/components/Datagrid/styles/useExpandedRow.css.map +0 -1
  80. package/css/components/Datagrid/styles/useNestedRows.css +0 -15
  81. package/css/components/Datagrid/styles/useNestedRows.css.map +0 -1
  82. package/css/components/Datagrid/styles/useNestedTable.css +0 -25
  83. package/css/components/Datagrid/styles/useNestedTable.css.map +0 -1
  84. package/css/components/Datagrid/styles/useSelectAllToggle.css +0 -28
  85. package/css/components/Datagrid/styles/useSelectAllToggle.css.map +0 -1
  86. package/css/components/Datagrid/styles/useSortableColumns.css +0 -50
  87. package/css/components/Datagrid/styles/useSortableColumns.css.map +0 -1
  88. package/css/components/Datagrid/styles/useStickyColumn.css +0 -35
  89. package/css/components/Datagrid/styles/useStickyColumn.css.map +0 -1
@@ -1,47 +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
- .c4p--datagrid__customize-columns-modal .bx--modal-content {
9
- position: inherit;
10
- display: flex;
11
- flex-flow: column;
12
- /* stylelint-disable-next-line declaration-no-important */
13
- padding-top: 0 !important;
14
- }
15
-
16
- .c4p--datagrid__customize-columns-checkbox {
17
- display: flex;
18
- justify-content: center;
19
- /* stylelint-disable-next-line declaration-no-important */
20
- margin-bottom: 0 !important;
21
- }
22
-
23
- .c4p--datagrid__customize-columns-modal--actions {
24
- display: flex;
25
- flex-flow: row;
26
- margin-bottom: var(--cds-spacing-06, 1.5rem);
27
- }
28
-
29
- .c4p--datagrid__customize-columns-modal--actions > button {
30
- margin-left: var(--cds-spacing-05, 1rem);
31
- }
32
-
33
- .c4p--datagrid__customize-columns-instructions {
34
- margin-bottom: var(--cds-spacing-06, 1.5rem);
35
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
36
- font-weight: var(--cds-body-long-01-font-weight, 400);
37
- line-height: var(--cds-body-long-01-line-height, 1.42857);
38
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
39
- color: var(--cds-text-01, #161616);
40
- }
41
-
42
- .c4p--datagrid__customize-columns-column-list {
43
- position: relative;
44
- overflow: auto;
45
- }
46
-
47
- /*# sourceMappingURL=CustomizeColumnsModal.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../../../../node_modules/@carbon/type/scss/_styles.import.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;EACA;AACA;EACA;;;AAIJ;EACE;EACA;AACA;EACA;;;AAGF;EACE;EACA;EACA,eCq7Be;;;ADl7BjB;EACE,aC66Be;;;AD16BjB;EACE,eC66Be;EClQb;EAAA;EAAA;EAAA;EFxqBF,OCkXY;;;AD/Wd;EACE;EACA","file":"CustomizeColumnsModal.css"}
@@ -1,20 +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
- .c4p--datagrid__row-size-dropdown {
9
- position: absolute;
10
- padding: var(--cds-spacing-05, 1rem);
11
- background-color: var(--cds-ui-background, #ffffff);
12
- box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
13
- }
14
-
15
- .c4p--datagrid__row-size-button--open {
16
- background-color: var(--cds-ui-background, #ffffff);
17
- box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
18
- }
19
-
20
- /*# sourceMappingURL=RowSizeDropdown.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA,SCm8Be;EDl8Bf,kBCsXkB;EDpXlB;;;AAGF;EACE,kBCgXkB;ED9WlB","file":"RowSizeDropdown.css"}
@@ -1,383 +0,0 @@
1
- /*
2
- * Licensed Materials - Property of IBM
3
- * 5724-Q36
4
- * (c) Copyright IBM Corp. 2020 - 2021
5
- * US Government Users Restricted Rights - Use, duplication or disclosure
6
- * restricted by GSA ADP Schedule Contract with IBM Corp.
7
- */
8
- .c4p--datagrid__table-toolbar > section {
9
- z-index: 2;
10
- overflow: visible;
11
- }
12
-
13
- .c4p--datagrid__full-height,
14
- .c4p--datagrid__full-height table,
15
- .c4p--datagrid__full-height tbody {
16
- height: 100%;
17
- }
18
-
19
- .c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
20
- background-color: var(--cds-text-03, #a8a8a8);
21
- }
22
-
23
- .c4p--datagrid__grid-container table {
24
- /* Removes additional scroll introduced by Carbon table */
25
- overflow: hidden;
26
- }
27
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .bx--table-header-label {
28
- display: flex;
29
- height: 100%;
30
- align-items: center;
31
- color: var(--cds-text-01, #161616);
32
- }
33
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
34
- align-items: center;
35
- padding-top: 0;
36
- padding-bottom: 0;
37
- }
38
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
39
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
40
- /* stylelint-disable-next-line carbon/layout-token-use */
41
- padding-top: 0.6875rem;
42
- }
43
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell,
44
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell {
45
- display: flex;
46
- align-items: center;
47
- padding-top: 0;
48
- }
49
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
50
- display: flex;
51
- height: 100%;
52
- align-items: center;
53
- padding-top: 0;
54
- }
55
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--compact .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xs .c4p--datagrid__cell {
56
- padding-top: var(--cds-spacing-01, 0.125rem);
57
- padding-bottom: var(--cds-spacing-01, 0.125rem);
58
- }
59
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--short .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--md .c4p--datagrid__cell {
60
- /* stylelint-disable-next-line carbon/layout-token-use */
61
- padding-top: rem(7px);
62
- /* stylelint-disable-next-line carbon/layout-token-use */
63
- padding-bottom: rem(6px);
64
- }
65
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
66
- padding-top: var(--cds-spacing-05, 1rem);
67
- padding-bottom: var(--cds-spacing-05, 1rem);
68
- }
69
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .c4p--datagrid__cell {
70
- padding-top: var(--cds-spacing-05, 1rem);
71
- }
72
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-header-label {
73
- padding-top: var(--cds-spacing-05, 1rem);
74
- }
75
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-column-checkbox {
76
- /* stylelint-disable-next-line carbon/layout-token-use */
77
- padding-top: rem(13px);
78
- }
79
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
80
- padding-bottom: var(--cds-spacing-05, 1rem);
81
- }
82
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .bx--table-header-label {
83
- padding-bottom: var(--cds-spacing-05, 1rem);
84
- }
85
- .c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
86
- height: auto;
87
- }
88
-
89
- .c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
90
- background-color: var(--cds-text-03, #a8a8a8);
91
- }
92
-
93
- .c4p--datagrid__grid-container::-webkit-scrollbar {
94
- width: 6px;
95
- background-color: var(--cds-ui-background, #ffffff);
96
- }
97
-
98
- .c4p--datagrid__grid-container {
99
- display: block;
100
- width: 100%;
101
- padding-top: 0;
102
- }
103
- .c4p--datagrid__grid-container .bx--data-table-content {
104
- width: 100%;
105
- height: 100%;
106
- overflow-x: auto;
107
- }
108
- .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
109
- overflow: hidden;
110
- max-height: 100%;
111
- }
112
- .c4p--datagrid__grid-container .c4p--datagrid__head {
113
- display: flex;
114
- }
115
- .c4p--datagrid__grid-container .c4p--datagrid__head .header {
116
- /* Each cell should grow equally */
117
- width: 1%;
118
- align-items: center;
119
- }
120
- .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
121
- scrollbar-width: thin;
122
- }
123
- .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
124
- background-color: var(--cds-text-03, #a8a8a8);
125
- }
126
- .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
127
- width: 6px;
128
- background-color: var(--cds-ui-background, #ffffff);
129
- }
130
- .c4p--datagrid__grid-container .c4p--datagrid__cell {
131
- display: flex;
132
- /* Each cell should grow equally */
133
- width: 1%;
134
- }
135
- .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer {
136
- overflow: hidden;
137
- width: 100%;
138
- text-overflow: ellipsis;
139
- white-space: nowrap;
140
- }
141
- .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
142
- display: flex;
143
- overflow: hidden;
144
- width: 100%;
145
- height: 100%;
146
- flex-direction: column;
147
- }
148
- .c4p--datagrid__grid-container .c4p--datagrid__carbon-row {
149
- /* stylelint-disable-next-line declaration-no-important */
150
- flex: none !important;
151
- }
152
- .c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__carbon-row:hover a {
153
- /* stylelint-disable-next-line declaration-no-important */
154
- color: var(--cds-hover-primary-text, #0043ce) !important;
155
- }
156
- .c4p--datagrid__grid-container .bx--select-input {
157
- -webkit-appearance: none;
158
- }
159
- .c4p--datagrid__grid-container th.bx--table-column-checkbox {
160
- display: block;
161
- }
162
- .c4p--datagrid__grid-container td.bx--table-column-checkbox,
163
- .c4p--datagrid__grid-container th.bx--table-column-checkbox {
164
- /* stylelint-disable-next-line declaration-no-important */
165
- padding-right: var(--cds-spacing-06, 1.5rem) !important;
166
- }
167
-
168
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple {
169
- display: table;
170
- height: 100%;
171
- }
172
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple .c4p--empty-state {
173
- max-width: 280px;
174
- }
175
-
176
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
177
- background: transparent;
178
- }
179
-
180
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
181
- background: transparent;
182
- }
183
-
184
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple td {
185
- padding: var(--cds-spacing-11, 5rem);
186
- }
187
-
188
- .c4p--datagrid__empty-state .c4p--datagrid__grid-container {
189
- flex: 1 1 auto;
190
- }
191
-
192
- .c4p--datagrid__with-pagination table tr:last-of-type > td {
193
- border-bottom: none;
194
- }
195
-
196
- .c4p--datagrid__resizer {
197
- position: absolute;
198
- z-index: 1;
199
- top: 0;
200
- right: 0;
201
- display: inline-block;
202
- width: var(--cds-spacing-02, 0.25rem);
203
- height: 100%;
204
- background: transparent;
205
- touch-action: none;
206
- transform: translateX(50%);
207
- }
208
-
209
- .c4p--datagrid__resizer:hover {
210
- background: transparent;
211
- }
212
-
213
- .c4p--datagrid__sortableColumn:hover {
214
- background-color: var(--cds-hover-selected-ui, #cacaca);
215
- }
216
-
217
- .c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
218
- border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
219
- }
220
- .c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
221
- background-color: var(--cds-hover-selected-ui, #cacaca);
222
- }
223
-
224
- .c4p--datagrid__resizableColumn:hover {
225
- background-color: var(--cds-hover-selected-ui, #cacaca);
226
- }
227
- .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
228
- border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-ui-04, #8d8d8d);
229
- background-color: var(--cds-hover-selected-ui, #cacaca);
230
- }
231
-
232
- .c4p--datagrid__head-hidden-select-all {
233
- padding-right: var(--cds-spacing-08, 2.5rem);
234
- }
235
-
236
- .c4p--datagrid__simple-body {
237
- position: relative;
238
- display: table;
239
- overflow-x: hidden;
240
- overflow-y: auto;
241
- scrollbar-width: thin;
242
- }
243
-
244
- .c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
245
- background-color: var(--cds-text-03, #a8a8a8);
246
- }
247
-
248
- .c4p--datagrid__simple-body::-webkit-scrollbar {
249
- width: 6px;
250
- background-color: var(--cds-ui-background, #ffffff);
251
- }
252
-
253
- .c4p--datagrid__sticky.c4p--datagrid__table-simple {
254
- /* stylelint-disable-next-line declaration-no-important */
255
- min-width: 0 !important;
256
- }
257
-
258
- .c4p--datagrid__table-simple::-webkit-scrollbar {
259
- width: 6px;
260
- background-color: var(--cds-ui-background, #ffffff);
261
- }
262
-
263
- .c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
264
- background-color: var(--cds-text-03, #a8a8a8);
265
- }
266
-
267
- .c4p--datagrid__sticky.c4p--datagrid__simple-body {
268
- overflow: auto;
269
- }
270
-
271
- .c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
272
- overflow: hidden;
273
- /* stylelint-disable-next-line declaration-no-important */
274
- width: 100% !important;
275
- }
276
-
277
- .block-class__displayFlex {
278
- position: relative;
279
- display: flex;
280
- width: 100%;
281
- height: 100%;
282
- flex-direction: row;
283
- }
284
-
285
- .c4p--datagrid__datagridLeftPanel {
286
- display: flex;
287
- width: 388px;
288
- background-color: var(--cds-ui-01, #f4f4f4);
289
- }
290
-
291
- .c4p--datagrid__leftPanel-position {
292
- display: inherit;
293
- }
294
-
295
- .c4p--datagrid__datagridWithPanel {
296
- position: relative;
297
- display: flex;
298
- width: 100%;
299
- height: 100%;
300
- flex-direction: column;
301
- }
302
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
303
- display: flex;
304
- overflow: hidden;
305
- flex-direction: column;
306
- }
307
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
308
- width: 100%;
309
- }
310
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__datagridLeftPanel {
311
- flex: 0 0 auto;
312
- }
313
- .c4p--datagrid__datagridWithPanel .bx--data-table-content {
314
- flex: 1 1 0%;
315
- }
316
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
317
- overflow: hidden;
318
- }
319
-
320
- .c4p--datagrid__table-container {
321
- position: relative;
322
- display: flex;
323
- overflow: auto;
324
- width: 100%;
325
- max-height: 100%;
326
- }
327
-
328
- .c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
329
- border-left: 1px solid var(--cds-interactive-01, #0f62fe);
330
- }
331
-
332
- .c4p--datagrid .bx--data-table-header {
333
- background: transparent;
334
- }
335
-
336
- .c4p--datagrid__dense-header {
337
- display: flex;
338
- flex-wrap: wrap;
339
- }
340
- .c4p--datagrid__dense-header .bx--data-table-header {
341
- flex: 1 1 auto;
342
- padding-bottom: var(--cds-spacing-05, 1rem);
343
- }
344
- .c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
345
- flex: 0 0 auto;
346
- }
347
- .c4p--datagrid__dense-header .bx--table-toolbar {
348
- background: transparent;
349
- }
350
- .c4p--datagrid__dense-header .bx__table-container {
351
- flex: 1 1 100%;
352
- }
353
- .c4p--datagrid__dense-header .bx--table-toolbar {
354
- padding-top: var(--cds-spacing-07, 2rem);
355
- }
356
- .c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
357
- position: relative;
358
- }
359
- .c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider::before {
360
- position: absolute;
361
- top: 50%;
362
- left: 0;
363
- width: 1px;
364
- height: var(--cds-spacing-05, 1rem);
365
- border-left: 1px solid var(--cds-ui-03, #e0e0e0);
366
- content: "";
367
- transform: translateY(-50%);
368
- }
369
-
370
- .bx--data-table--selected {
371
- position: relative;
372
- }
373
-
374
- .bx--data-table--selected::before {
375
- position: absolute;
376
- left: 0;
377
- width: var(--cds-spacing-02, 0.25rem);
378
- height: 100%;
379
- background-color: var(--cds-interactive-01, #0f62fe);
380
- content: "";
381
- }
382
-
383
- /*# sourceMappingURL=datagrid.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,kBC6YY;;;AD1Yd;AACE;EACA;;AAII;EACE;EACA;EACA;EACA,OCwXM;;ADpXV;EACE;EACA;EACA;;AAGF;AAAA;AAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAOA;EACE,aCy3BO;EDx3BP,gBCw3BO;;ADj3BT;AACE;EACA;AACA;EACA;;AAOF;EACE,aCq3BO;EDp3BP,gBCo3BO;;AD12BX;EACE,aCy2BS;;ADt2BX;EACE,aCq2BS;;ADl2BX;AACE;EACA;;AAQA;EACE,gBCu1BO;;ADp1BT;EACE,gBCm1BO;;AD50Bb;EACE;;;AAIN;EACE,kBC0RY;;;ADvRd;EACE;EACA,kBCqPkB;;;ADnPpB;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;AACE;EACA;EACA;;AAGF;EAEE;;AAGF;EACE,kBCmPU;;ADhPZ;EACE;EACA,kBC8MgB;;AD3MlB;EACE;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;AACE;EACA;;AAEA;AACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;AAEE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE,SC+uBe;;;AD5uBjB;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OC0rBe;EDzrBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBC8RsB;;;ADzRpB;EACE;;AAIJ;EACE,kBCmRoB;;;AD/QxB;EACE,kBC8QsB;;AD5QtB;EACE;EACA,kBC0QoB;;;ADtQxB;EACE,eC6qBe;;;AD1qBjB;EACE;EACA;EACA;EACA;EAEA;;;AAGF;EACE,kBCwGY;;;ADrGd;EACE;EACA,kBCmEkB;;;ADhEpB;AACE;EACA;;;AAGF;EACE;EACA,kBCyDkB;;;ADtDpB;EACE,kBCqFY;;;ADnFd;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,kBCkCU;;;AD/BZ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA,gBC4iBa;;ADziBf;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE,aCqiBa;;ADliBf;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA,QCihBa;EDhhBb;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA,OCufe;EDtff;EACA,kBC3FmB;ED4FnB","file":"datagrid.css"}
@@ -1,57 +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
- .c4p--datagrid__draggable-handleStyle {
9
- display: flex;
10
- align-items: center;
11
- margin-right: var(--cds-spacing-03, 0.5rem);
12
- cursor: grab;
13
- }
14
-
15
- .c4p--datagrid__draggable-handleStyle.disabled {
16
- pointer-events: none;
17
- }
18
-
19
- svg.c4p--datagrid__draggable-handleStyle.disable {
20
- fill: var(--cds-disabled-02, #c6c6c6);
21
- }
22
-
23
- .c4p--datagrid__draggable-handleHolder {
24
- display: flex;
25
- height: var(--cds-spacing-07, 2rem);
26
- padding-left: var(--cds-spacing-02, 0.25rem);
27
- margin-bottom: var(--cds-spacing-03, 0.5rem);
28
- background: var(--cds-ui-02, #ffffff);
29
- }
30
- .c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
31
- border: 2px dashed var(--cds-focus, #0f62fe);
32
- background-color: var(--cds-highlight, #d0e2ff);
33
- }
34
-
35
- .c4p--datagrid__draggable-handleHolder-droppable {
36
- display: flex;
37
- width: 100%;
38
- }
39
-
40
- .c4p--datagrid__draggable-handleHolder--grabbed {
41
- background-color: var(--cds-highlight, #d0e2ff);
42
- color: var(--cds-text-01, #161616);
43
- }
44
-
45
- .c4p--datagrid__shared-ui--assistive-text {
46
- position: absolute;
47
- overflow: hidden;
48
- width: 0;
49
- height: 0;
50
- padding: 0;
51
- border: 0;
52
- clip: rect(0 0 0 0);
53
- text-transform: none;
54
- white-space: nowrap;
55
- }
56
-
57
- /*# sourceMappingURL=draggableElement.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/draggableElement.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;EACE;EACA;EACA,cC27Be;ED17Bf;;;AAGF;EACE;;;AAGF;EACE,MC0kBgB;;;ADvkBlB;EACE;EACA,QC67Be;ED57Bf,cCw6Be;EDv6Bf,eC26Be;ED16Bf,YC8WU;;AD7WV;EACE;EACA,kBCukBY;;;ADnkBhB;EACE;EACA;;;AAGF;EACE,kBC6jBc;ED5jBd,OCgXY;;;AD7Wd;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"draggableElement.css"}