@carbon/ibm-products 1.25.0 → 1.25.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. package/css/index-full-carbon.css +15 -4
  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.css +15 -4
  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 +15 -4
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/components/AddSelect/_add-select.scss +19 -2
  15. package/scss/components/Datagrid/styles/{datagrid.scss → _datagrid.scss} +2 -2
  16. package/scss/components/Datagrid/styles/{draggableElement.scss → _draggableElement.scss} +0 -0
  17. package/scss/components/Datagrid/styles/{index.scss → _index.scss} +0 -0
  18. package/scss/components/Datagrid/styles/{useActionsColumn.scss → _useActionsColumn.scss} +0 -0
  19. package/scss/components/Datagrid/styles/{useColumnCenterAlign.scss → _useColumnCenterAlign.scss} +0 -0
  20. package/scss/components/Datagrid/styles/{useColumnRightAlign.scss → _useColumnRightAlign.scss} +0 -0
  21. package/scss/components/Datagrid/styles/{useExpandedRow.scss → _useExpandedRow.scss} +0 -0
  22. package/scss/components/Datagrid/styles/{useNestedRows.scss → _useNestedRows.scss} +0 -0
  23. package/scss/components/Datagrid/styles/{useNestedTable.scss → _useNestedTable.scss} +0 -0
  24. package/scss/components/Datagrid/styles/{useSelectAllToggle.scss → _useSelectAllToggle.scss} +0 -0
  25. package/scss/components/Datagrid/styles/{useSortableColumns.scss → _useSortableColumns.scss} +0 -0
  26. package/scss/components/Datagrid/styles/{useStickyColumn.scss → _useStickyColumn.scss} +0 -0
  27. package/scss/components/Datagrid/styles/addons/{CustomizeColumnsModal.scss → _CustomizeColumnsModal.scss} +0 -0
  28. package/scss/components/Datagrid/styles/addons/{RowSizeDropdown.scss → _RowSizeDropdown.scss} +0 -0
  29. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +0 -47
  30. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +0 -1
  31. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +0 -20
  32. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +0 -1
  33. package/css/components/Datagrid/styles/datagrid.css +0 -383
  34. package/css/components/Datagrid/styles/datagrid.css.map +0 -1
  35. package/css/components/Datagrid/styles/draggableElement.css +0 -57
  36. package/css/components/Datagrid/styles/draggableElement.css.map +0 -1
  37. package/css/components/Datagrid/styles/index.css +0 -732
  38. package/css/components/Datagrid/styles/index.css.map +0 -1
  39. package/css/components/Datagrid/styles/useActionsColumn.css +0 -23
  40. package/css/components/Datagrid/styles/useActionsColumn.css.map +0 -1
  41. package/css/components/Datagrid/styles/useColumnCenterAlign.css +0 -18
  42. package/css/components/Datagrid/styles/useColumnCenterAlign.css.map +0 -1
  43. package/css/components/Datagrid/styles/useColumnRightAlign.css +0 -28
  44. package/css/components/Datagrid/styles/useColumnRightAlign.css.map +0 -1
  45. package/css/components/Datagrid/styles/useExpandedRow.css +0 -9
  46. package/css/components/Datagrid/styles/useExpandedRow.css.map +0 -1
  47. package/css/components/Datagrid/styles/useNestedRows.css +0 -15
  48. package/css/components/Datagrid/styles/useNestedRows.css.map +0 -1
  49. package/css/components/Datagrid/styles/useNestedTable.css +0 -25
  50. package/css/components/Datagrid/styles/useNestedTable.css.map +0 -1
  51. package/css/components/Datagrid/styles/useSelectAllToggle.css +0 -28
  52. package/css/components/Datagrid/styles/useSelectAllToggle.css.map +0 -1
  53. package/css/components/Datagrid/styles/useSortableColumns.css +0 -50
  54. package/css/components/Datagrid/styles/useSortableColumns.css.map +0 -1
  55. package/css/components/Datagrid/styles/useStickyColumn.css +0 -35
  56. package/css/components/Datagrid/styles/useStickyColumn.css.map +0 -1
@@ -1,732 +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
- /*
9
- * Licensed Materials - Property of IBM
10
- * 5724-Q36
11
- * (c) Copyright IBM Corp. 2020 - 2021
12
- * US Government Users Restricted Rights - Use, duplication or disclosure
13
- * restricted by GSA ADP Schedule Contract with IBM Corp.
14
- */
15
- .c4p--datagrid__table-toolbar > section {
16
- z-index: 2;
17
- overflow: visible;
18
- }
19
-
20
- .c4p--datagrid__full-height,
21
- .c4p--datagrid__full-height table,
22
- .c4p--datagrid__full-height tbody {
23
- height: 100%;
24
- }
25
-
26
- .c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
27
- background-color: var(--cds-text-03, #a8a8a8);
28
- }
29
-
30
- .c4p--datagrid__grid-container table {
31
- /* Removes additional scroll introduced by Carbon table */
32
- overflow: hidden;
33
- }
34
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .bx--table-header-label {
35
- display: flex;
36
- height: 100%;
37
- align-items: center;
38
- color: var(--cds-text-01, #161616);
39
- }
40
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
41
- align-items: center;
42
- padding-top: 0;
43
- padding-bottom: 0;
44
- }
45
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
46
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
47
- /* stylelint-disable-next-line carbon/layout-token-use */
48
- padding-top: 0.6875rem;
49
- }
50
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell,
51
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell {
52
- display: flex;
53
- align-items: center;
54
- padding-top: 0;
55
- }
56
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
57
- display: flex;
58
- height: 100%;
59
- align-items: center;
60
- padding-top: 0;
61
- }
62
- .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 {
63
- padding-top: var(--cds-spacing-01, 0.125rem);
64
- padding-bottom: var(--cds-spacing-01, 0.125rem);
65
- }
66
- .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 {
67
- /* stylelint-disable-next-line carbon/layout-token-use */
68
- padding-top: rem(7px);
69
- /* stylelint-disable-next-line carbon/layout-token-use */
70
- padding-bottom: rem(6px);
71
- }
72
- .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 {
73
- padding-top: var(--cds-spacing-05, 1rem);
74
- padding-bottom: var(--cds-spacing-05, 1rem);
75
- }
76
- .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 {
77
- padding-top: var(--cds-spacing-05, 1rem);
78
- }
79
- .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 {
80
- padding-top: var(--cds-spacing-05, 1rem);
81
- }
82
- .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 {
83
- /* stylelint-disable-next-line carbon/layout-token-use */
84
- padding-top: rem(13px);
85
- }
86
- .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 {
87
- padding-bottom: var(--cds-spacing-05, 1rem);
88
- }
89
- .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 {
90
- padding-bottom: var(--cds-spacing-05, 1rem);
91
- }
92
- .c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
93
- height: auto;
94
- }
95
-
96
- .c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
97
- background-color: var(--cds-text-03, #a8a8a8);
98
- }
99
-
100
- .c4p--datagrid__grid-container::-webkit-scrollbar {
101
- width: 6px;
102
- background-color: var(--cds-ui-background, #ffffff);
103
- }
104
-
105
- .c4p--datagrid__grid-container {
106
- display: block;
107
- width: 100%;
108
- padding-top: 0;
109
- }
110
- .c4p--datagrid__grid-container .bx--data-table-content {
111
- width: 100%;
112
- height: 100%;
113
- overflow-x: auto;
114
- }
115
- .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
116
- overflow: hidden;
117
- max-height: 100%;
118
- }
119
- .c4p--datagrid__grid-container .c4p--datagrid__head {
120
- display: flex;
121
- }
122
- .c4p--datagrid__grid-container .c4p--datagrid__head .header {
123
- /* Each cell should grow equally */
124
- width: 1%;
125
- align-items: center;
126
- }
127
- .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
128
- scrollbar-width: thin;
129
- }
130
- .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
131
- background-color: var(--cds-text-03, #a8a8a8);
132
- }
133
- .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
134
- width: 6px;
135
- background-color: var(--cds-ui-background, #ffffff);
136
- }
137
- .c4p--datagrid__grid-container .c4p--datagrid__cell {
138
- display: flex;
139
- /* Each cell should grow equally */
140
- width: 1%;
141
- }
142
- .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer {
143
- overflow: hidden;
144
- width: 100%;
145
- text-overflow: ellipsis;
146
- white-space: nowrap;
147
- }
148
- .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
149
- display: flex;
150
- overflow: hidden;
151
- width: 100%;
152
- height: 100%;
153
- flex-direction: column;
154
- }
155
- .c4p--datagrid__grid-container .c4p--datagrid__carbon-row {
156
- /* stylelint-disable-next-line declaration-no-important */
157
- flex: none !important;
158
- }
159
- .c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__carbon-row:hover a {
160
- /* stylelint-disable-next-line declaration-no-important */
161
- color: var(--cds-hover-primary-text, #0043ce) !important;
162
- }
163
- .c4p--datagrid__grid-container .bx--select-input {
164
- -webkit-appearance: none;
165
- }
166
- .c4p--datagrid__grid-container th.bx--table-column-checkbox {
167
- display: block;
168
- }
169
- .c4p--datagrid__grid-container td.bx--table-column-checkbox,
170
- .c4p--datagrid__grid-container th.bx--table-column-checkbox {
171
- /* stylelint-disable-next-line declaration-no-important */
172
- padding-right: var(--cds-spacing-06, 1.5rem) !important;
173
- }
174
-
175
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple {
176
- display: table;
177
- height: 100%;
178
- }
179
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple .c4p--empty-state {
180
- max-width: 280px;
181
- }
182
-
183
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
184
- background: transparent;
185
- }
186
-
187
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
188
- background: transparent;
189
- }
190
-
191
- .c4p--datagrid__empty-state .c4p--datagrid__table-simple td {
192
- padding: var(--cds-spacing-11, 5rem);
193
- }
194
-
195
- .c4p--datagrid__empty-state .c4p--datagrid__grid-container {
196
- flex: 1 1 auto;
197
- }
198
-
199
- .c4p--datagrid__with-pagination table tr:last-of-type > td {
200
- border-bottom: none;
201
- }
202
-
203
- .c4p--datagrid__resizer {
204
- position: absolute;
205
- z-index: 1;
206
- top: 0;
207
- right: 0;
208
- display: inline-block;
209
- width: var(--cds-spacing-02, 0.25rem);
210
- height: 100%;
211
- background: transparent;
212
- touch-action: none;
213
- transform: translateX(50%);
214
- }
215
-
216
- .c4p--datagrid__resizer:hover {
217
- background: transparent;
218
- }
219
-
220
- .c4p--datagrid__sortableColumn:hover {
221
- background-color: var(--cds-hover-selected-ui, #cacaca);
222
- }
223
-
224
- .c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
225
- border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
226
- }
227
- .c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
228
- background-color: var(--cds-hover-selected-ui, #cacaca);
229
- }
230
-
231
- .c4p--datagrid__resizableColumn:hover {
232
- background-color: var(--cds-hover-selected-ui, #cacaca);
233
- }
234
- .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
235
- border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-ui-04, #8d8d8d);
236
- background-color: var(--cds-hover-selected-ui, #cacaca);
237
- }
238
-
239
- .c4p--datagrid__head-hidden-select-all {
240
- padding-right: var(--cds-spacing-08, 2.5rem);
241
- }
242
-
243
- .c4p--datagrid__simple-body {
244
- position: relative;
245
- display: table;
246
- overflow-x: hidden;
247
- overflow-y: auto;
248
- scrollbar-width: thin;
249
- }
250
-
251
- .c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
252
- background-color: var(--cds-text-03, #a8a8a8);
253
- }
254
-
255
- .c4p--datagrid__simple-body::-webkit-scrollbar {
256
- width: 6px;
257
- background-color: var(--cds-ui-background, #ffffff);
258
- }
259
-
260
- .c4p--datagrid__sticky.c4p--datagrid__table-simple {
261
- /* stylelint-disable-next-line declaration-no-important */
262
- min-width: 0 !important;
263
- }
264
-
265
- .c4p--datagrid__table-simple::-webkit-scrollbar {
266
- width: 6px;
267
- background-color: var(--cds-ui-background, #ffffff);
268
- }
269
-
270
- .c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
271
- background-color: var(--cds-text-03, #a8a8a8);
272
- }
273
-
274
- .c4p--datagrid__sticky.c4p--datagrid__simple-body {
275
- overflow: auto;
276
- }
277
-
278
- .c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
279
- overflow: hidden;
280
- /* stylelint-disable-next-line declaration-no-important */
281
- width: 100% !important;
282
- }
283
-
284
- .block-class__displayFlex {
285
- position: relative;
286
- display: flex;
287
- width: 100%;
288
- height: 100%;
289
- flex-direction: row;
290
- }
291
-
292
- .c4p--datagrid__datagridLeftPanel {
293
- display: flex;
294
- width: 388px;
295
- background-color: var(--cds-ui-01, #f4f4f4);
296
- }
297
-
298
- .c4p--datagrid__leftPanel-position {
299
- display: inherit;
300
- }
301
-
302
- .c4p--datagrid__datagridWithPanel {
303
- position: relative;
304
- display: flex;
305
- width: 100%;
306
- height: 100%;
307
- flex-direction: column;
308
- }
309
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
310
- display: flex;
311
- overflow: hidden;
312
- flex-direction: column;
313
- }
314
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
315
- width: 100%;
316
- }
317
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__datagridLeftPanel {
318
- flex: 0 0 auto;
319
- }
320
- .c4p--datagrid__datagridWithPanel .bx--data-table-content {
321
- flex: 1 1 0%;
322
- }
323
- .c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
324
- overflow: hidden;
325
- }
326
-
327
- .c4p--datagrid__table-container {
328
- position: relative;
329
- display: flex;
330
- overflow: auto;
331
- width: 100%;
332
- max-height: 100%;
333
- }
334
-
335
- .c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
336
- border-left: 1px solid var(--cds-interactive-01, #0f62fe);
337
- }
338
-
339
- .c4p--datagrid .bx--data-table-header {
340
- background: transparent;
341
- }
342
-
343
- .c4p--datagrid__dense-header {
344
- display: flex;
345
- flex-wrap: wrap;
346
- }
347
- .c4p--datagrid__dense-header .bx--data-table-header {
348
- flex: 1 1 auto;
349
- padding-bottom: var(--cds-spacing-05, 1rem);
350
- }
351
- .c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
352
- flex: 0 0 auto;
353
- }
354
- .c4p--datagrid__dense-header .bx--table-toolbar {
355
- background: transparent;
356
- }
357
- .c4p--datagrid__dense-header .bx__table-container {
358
- flex: 1 1 100%;
359
- }
360
- .c4p--datagrid__dense-header .bx--table-toolbar {
361
- padding-top: var(--cds-spacing-07, 2rem);
362
- }
363
- .c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
364
- position: relative;
365
- }
366
- .c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider::before {
367
- position: absolute;
368
- top: 50%;
369
- left: 0;
370
- width: 1px;
371
- height: var(--cds-spacing-05, 1rem);
372
- border-left: 1px solid var(--cds-ui-03, #e0e0e0);
373
- content: "";
374
- transform: translateY(-50%);
375
- }
376
-
377
- .bx--data-table--selected {
378
- position: relative;
379
- }
380
-
381
- .bx--data-table--selected::before {
382
- position: absolute;
383
- left: 0;
384
- width: var(--cds-spacing-02, 0.25rem);
385
- height: 100%;
386
- background-color: var(--cds-interactive-01, #0f62fe);
387
- content: "";
388
- }
389
-
390
- /*
391
- * Licensed Materials - Property of IBM
392
- * 5724-Q36
393
- * (c) Copyright IBM Corp. 2020 - 2021
394
- * US Government Users Restricted Rights - Use, duplication or disclosure
395
- * restricted by GSA ADP Schedule Contract with IBM Corp.
396
- */
397
- .bx--data-table tr.c4p--datagrid__carbon-nested-row {
398
- border-left: 1px solid transparent;
399
- }
400
- .bx--data-table tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__cell {
401
- border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
402
- }
403
-
404
- /*
405
- * Licensed Materials - Property of IBM
406
- * 5724-Q36
407
- * (c) Copyright IBM Corp. 2020
408
- * US Government Users Restricted Rights - Use, duplication or disclosure
409
- * restricted by GSA ADP Schedule Contract with IBM Corp.
410
- */
411
- .block-class__expanded-row .bx--data-table-container {
412
- width: calc(100% - var(--cds-layout-03, 2rem));
413
- border-left: 2px solid var(--cds-interactive-01, #0f62fe);
414
- margin-left: var(--cds-layout-03, 2rem);
415
- overflow-x: hidden;
416
- }
417
- .block-class__expanded-row .bx--data-table-container tr.c4p--datagrid__carbon-nested-row {
418
- border-left: none;
419
- }
420
-
421
- .block-class__expanded-row .bx--data-table-container th {
422
- padding-top: 0;
423
- padding-bottom: 0;
424
- border-top-color: var(--cds-ui-03, #e0e0e0);
425
- background-color: var(--cds-ui-03, #e0e0e0);
426
- }
427
-
428
- /*
429
- * Licensed Materials - Property of IBM
430
- * 5724-Q36
431
- * (c) Copyright IBM Corp. 2020
432
- * US Government Users Restricted Rights - Use, duplication or disclosure
433
- * restricted by GSA ADP Schedule Contract with IBM Corp.
434
- */
435
- .c4p--datagrid__sortableColumn .bx--table-header-label .header-title {
436
- display: inline-block;
437
- width: auto;
438
- }
439
- .c4p--datagrid__sortableColumn .bx--table-header-label {
440
- display: block;
441
- width: 100%;
442
- height: 100%;
443
- }
444
- .c4p--datagrid__sortableColumn .bx--table-header-label button:focus,
445
- .c4p--datagrid__sortableColumn .bx--table-header-label button:active,
446
- .c4p--datagrid__sortableColumn .bx--table-header-label button:focus svg {
447
- /* stylelint-disable-next-line declaration-no-important */
448
- background: none !important;
449
- /* stylelint-disable-next-line declaration-no-important */
450
- color: var(--cds-text-01, #161616) !important;
451
- /* stylelint-disable-next-line declaration-no-important */
452
- outline: none !important;
453
- }
454
- .c4p--datagrid__sortableColumn .bx--table-header-label button {
455
- width: 100%;
456
- min-width: 100%;
457
- min-height: 0;
458
- padding: 0;
459
- border: none;
460
- /* stylelint-disable-next-line declaration-no-important */
461
- background: none !important;
462
- box-shadow: none;
463
- /* stylelint-disable-next-line declaration-no-important */
464
- color: var(--cds-text-01, #161616) !important;
465
- font: inherit;
466
- }
467
- .c4p--datagrid__sortableColumn .bx--table-header-label button svg {
468
- fill: var(--cds-text-01, #161616);
469
- visibility: hidden;
470
- }
471
-
472
- .c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
473
- .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
474
- visibility: visible;
475
- }
476
-
477
- /*
478
- * Licensed Materials - Property of IBM
479
- * 5724-Q36
480
- * (c) Copyright IBM Corp. 2020
481
- * US Government Users Restricted Rights - Use, duplication or disclosure
482
- * restricted by GSA ADP Schedule Contract with IBM Corp.
483
- */
484
- .c4p--datagrid__right-align-header {
485
- width: 100%;
486
- text-align: right;
487
- }
488
-
489
- .c4p--datagrid__right-align-header button {
490
- text-align: right;
491
- }
492
-
493
- .c4p--datagrid__right-align-cell-renderer {
494
- width: 100%;
495
- /* stylelint-disable-next-line carbon/layout-token-use */
496
- padding-right: 23px;
497
- text-align: right;
498
- }
499
-
500
- .c4p--datagrid__right-align-cell-renderer.sortDisabled {
501
- padding-right: 0;
502
- }
503
-
504
- /*
505
- * Licensed Materials - Property of IBM
506
- * 5724-Q36
507
- * (c) Copyright IBM Corp. 2020
508
- * US Government Users Restricted Rights - Use, duplication or disclosure
509
- * restricted by GSA ADP Schedule Contract with IBM Corp.
510
- */
511
- .c4p--datagrid__center-align-header {
512
- width: 100%;
513
- text-align: center;
514
- }
515
-
516
- .c4p--datagrid__center-align-cell-renderer.sortDisabled {
517
- margin-right: auto;
518
- margin-left: auto;
519
- }
520
-
521
- /*
522
- * Licensed Materials - Property of IBM
523
- * 5724-Q36
524
- * (c) Copyright IBM Corp. 2021
525
- * US Government Users Restricted Rights - Use, duplication or disclosure
526
- * restricted by GSA ADP Schedule Contract with IBM Corp.
527
- */
528
- .c4p--datagrid__right-sticky-column-cell {
529
- /* stylelint-disable-next-line declaration-no-important */
530
- position: sticky !important;
531
- right: 0;
532
- box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
533
- }
534
-
535
- .c4p--datagrid__right-sticky-column-header {
536
- /* stylelint-disable-next-line declaration-no-important */
537
- position: sticky !important;
538
- right: 0;
539
- box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
540
- }
541
-
542
- .c4p--datagrid__sticky-noShadow {
543
- box-shadow: none;
544
- }
545
-
546
- .c4p--datagrid__sticky-column-noShadow .c4p--datagrid__right-sticky-column-cell {
547
- box-shadow: none;
548
- }
549
-
550
- .c4p--datagrid__right-sticky-column-offset-scroll {
551
- /* stylelint-disable-next-line */
552
- right: 6px !important;
553
- }
554
-
555
- /*
556
- * Licensed Materials - Property of IBM
557
- * 5724-Q36
558
- * (c) Copyright IBM Corp. 2021
559
- * US Government Users Restricted Rights - Use, duplication or disclosure
560
- * restricted by GSA ADP Schedule Contract with IBM Corp.
561
- */
562
- .c4p--datagrid__actions-column-cell {
563
- display: flex;
564
- flex-flow: column;
565
- justify-content: center;
566
- }
567
-
568
- .c4p--datagrid__actions-column-content {
569
- display: flex;
570
- justify-content: center;
571
- }
572
-
573
- .c4p--datagrid__actions-column-loading {
574
- margin-bottom: var(--cds-spacing-03, 0.5rem);
575
- }
576
-
577
- /*
578
- * Licensed Materials - Property of IBM
579
- * 5724-Q36
580
- * (c) Copyright IBM Corp. 2021
581
- * US Government Users Restricted Rights - Use, duplication or disclosure
582
- * restricted by GSA ADP Schedule Contract with IBM Corp.
583
- */
584
- .c4p--datagrid__customize-columns-modal .bx--modal-content {
585
- position: inherit;
586
- display: flex;
587
- flex-flow: column;
588
- /* stylelint-disable-next-line declaration-no-important */
589
- padding-top: 0 !important;
590
- }
591
-
592
- .c4p--datagrid__customize-columns-checkbox {
593
- display: flex;
594
- justify-content: center;
595
- /* stylelint-disable-next-line declaration-no-important */
596
- margin-bottom: 0 !important;
597
- }
598
-
599
- .c4p--datagrid__customize-columns-modal--actions {
600
- display: flex;
601
- flex-flow: row;
602
- margin-bottom: var(--cds-spacing-06, 1.5rem);
603
- }
604
-
605
- .c4p--datagrid__customize-columns-modal--actions > button {
606
- margin-left: var(--cds-spacing-05, 1rem);
607
- }
608
-
609
- .c4p--datagrid__customize-columns-instructions {
610
- margin-bottom: var(--cds-spacing-06, 1.5rem);
611
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
612
- font-weight: var(--cds-body-long-01-font-weight, 400);
613
- line-height: var(--cds-body-long-01-line-height, 1.42857);
614
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
615
- color: var(--cds-text-01, #161616);
616
- }
617
-
618
- .c4p--datagrid__customize-columns-column-list {
619
- position: relative;
620
- overflow: auto;
621
- }
622
-
623
- /*
624
- * Licensed Materials - Property of IBM
625
- * 5724-Q36
626
- * (c) Copyright IBM Corp. 2021
627
- * US Government Users Restricted Rights - Use, duplication or disclosure
628
- * restricted by GSA ADP Schedule Contract with IBM Corp.
629
- */
630
- .c4p--datagrid__row-size-dropdown {
631
- position: absolute;
632
- padding: var(--cds-spacing-05, 1rem);
633
- background-color: var(--cds-ui-background, #ffffff);
634
- 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));
635
- }
636
-
637
- .c4p--datagrid__row-size-button--open {
638
- background-color: var(--cds-ui-background, #ffffff);
639
- 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));
640
- }
641
-
642
- /*
643
- * Licensed Materials - Property of IBM
644
- * 5724-Q36
645
- * (c) Copyright IBM Corp. 2021
646
- * US Government Users Restricted Rights - Use, duplication or disclosure
647
- * restricted by GSA ADP Schedule Contract with IBM Corp.
648
- */
649
- th.c4p--datagrid__select-all-toggle-on,
650
- td.c4p--datagrid__select-all-toggle-on {
651
- /* stylelint-disable-next-line declaration-no-important */
652
- width: 4.5rem !important;
653
- /* stylelint-disable-next-line declaration-no-important */
654
- min-width: initial !important;
655
- box-sizing: border-box;
656
- flex: 0 0 auto;
657
- }
658
-
659
- th.c4p--datagrid__select-all-toggle-on {
660
- display: flex;
661
- align-items: center;
662
- justify-content: center;
663
- }
664
-
665
- th.c4p--datagrid__select-all-toggle-on.button {
666
- margin-left: var(--cds-spacing-01, 0.125rem);
667
- }
668
-
669
- /*
670
- * Licensed Materials - Property of IBM
671
- * 5724-Q36
672
- * (c) Copyright IBM Corp. 2022
673
- * US Government Users Restricted Rights - Use, duplication or disclosure
674
- * restricted by GSA ADP Schedule Contract with IBM Corp.
675
- */
676
- /*
677
- * Licensed Materials - Property of IBM
678
- * 5724-Q36
679
- * (c) Copyright IBM Corp. 2021
680
- * US Government Users Restricted Rights - Use, duplication or disclosure
681
- * restricted by GSA ADP Schedule Contract with IBM Corp.
682
- */
683
- .c4p--datagrid__draggable-handleStyle {
684
- display: flex;
685
- align-items: center;
686
- margin-right: var(--cds-spacing-03, 0.5rem);
687
- cursor: grab;
688
- }
689
-
690
- .c4p--datagrid__draggable-handleStyle.disabled {
691
- pointer-events: none;
692
- }
693
-
694
- svg.c4p--datagrid__draggable-handleStyle.disable {
695
- fill: var(--cds-disabled-02, #c6c6c6);
696
- }
697
-
698
- .c4p--datagrid__draggable-handleHolder {
699
- display: flex;
700
- height: var(--cds-spacing-07, 2rem);
701
- padding-left: var(--cds-spacing-02, 0.25rem);
702
- margin-bottom: var(--cds-spacing-03, 0.5rem);
703
- background: var(--cds-ui-02, #ffffff);
704
- }
705
- .c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
706
- border: 2px dashed var(--cds-focus, #0f62fe);
707
- background-color: var(--cds-highlight, #d0e2ff);
708
- }
709
-
710
- .c4p--datagrid__draggable-handleHolder-droppable {
711
- display: flex;
712
- width: 100%;
713
- }
714
-
715
- .c4p--datagrid__draggable-handleHolder--grabbed {
716
- background-color: var(--cds-highlight, #d0e2ff);
717
- color: var(--cds-text-01, #161616);
718
- }
719
-
720
- .c4p--datagrid__shared-ui--assistive-text {
721
- position: absolute;
722
- overflow: hidden;
723
- width: 0;
724
- height: 0;
725
- padding: 0;
726
- border: 0;
727
- clip: rect(0 0 0 0);
728
- text-transform: none;
729
- white-space: nowrap;
730
- }
731
-
732
- /*# sourceMappingURL=index.css.map */