@carbon/ibm-products 1.22.0 → 1.24.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. package/css/components/Datagrid/styles/datagrid.css +87 -11
  2. package/css/components/Datagrid/styles/datagrid.css.map +1 -1
  3. package/css/components/Datagrid/styles/index.css +94 -11
  4. package/css/components/Datagrid/styles/index.css.map +1 -1
  5. package/css/components/Datagrid/styles/useExpandedRow.css +9 -0
  6. package/css/components/Datagrid/styles/useExpandedRow.css.map +1 -0
  7. package/css/index-full-carbon.css +276 -181
  8. package/css/index-full-carbon.css.map +1 -1
  9. package/css/index-full-carbon.min.css +2 -8
  10. package/css/index-full-carbon.min.css.map +1 -1
  11. package/css/index-without-carbon-released-only.css +37 -41
  12. package/css/index-without-carbon-released-only.css.map +1 -1
  13. package/css/index-without-carbon-released-only.min.css +1 -7
  14. package/css/index-without-carbon-released-only.min.css.map +1 -1
  15. package/css/index-without-carbon.css +271 -54
  16. package/css/index-without-carbon.css.map +1 -1
  17. package/css/index-without-carbon.min.css +1 -7
  18. package/css/index-without-carbon.min.css.map +1 -1
  19. package/css/index.css +274 -177
  20. package/css/index.css.map +1 -1
  21. package/css/index.min.css +2 -8
  22. package/css/index.min.css.map +1 -1
  23. package/es/components/AddSelect/AddSelect.js +56 -423
  24. package/es/components/AddSelect/AddSelectBody.js +345 -0
  25. package/es/components/AddSelect/AddSelectBreadcrumbs.js +11 -31
  26. package/es/components/AddSelect/AddSelectColumn.js +95 -42
  27. package/es/components/AddSelect/AddSelectFilter.js +2 -3
  28. package/es/components/AddSelect/AddSelectList.js +11 -62
  29. package/es/components/AddSelect/AddSelectMetaPanel.js +9 -8
  30. package/es/components/AddSelect/AddSelectSidebar.js +24 -39
  31. package/es/components/AddSelect/AddSelectSort.js +4 -2
  32. package/es/components/AddSelect/add-select-utils.js +85 -59
  33. package/es/components/AddSelect/hooks/useParentSelect.js +16 -0
  34. package/es/components/AddSelect/hooks/usePath.js +66 -0
  35. package/es/components/Card/Card.js +1 -1
  36. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +1 -5
  37. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +1 -5
  38. package/es/components/Datagrid/Datagrid/Datagrid.js +17 -12
  39. package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -2
  40. package/es/components/Datagrid/useExpandedRow.js +1 -0
  41. package/es/components/Datagrid/useOnRowClick.js +10 -3
  42. package/es/components/EditFullPage/EditFullPage.js +79 -0
  43. package/es/components/EditFullPage/index.js +7 -0
  44. package/es/components/EditTearsheet/EditTearsheet.js +205 -0
  45. package/es/components/EditTearsheet/EditTearsheetForm.js +103 -0
  46. package/es/components/EditTearsheet/index.js +8 -0
  47. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +230 -0
  48. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +79 -0
  49. package/es/components/EditTearsheetNarrow/index.js +7 -0
  50. package/es/components/PageHeader/PageHeaderUtils.js +5 -0
  51. package/es/components/TagSet/TagSet.js +15 -5
  52. package/es/components/WebTerminal/WebTerminal.js +5 -3
  53. package/es/components/index.js +4 -1
  54. package/es/global/js/package-settings.js +4 -1
  55. package/lib/components/AddSelect/AddSelect.js +53 -431
  56. package/lib/components/AddSelect/AddSelectBody.js +380 -0
  57. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +11 -30
  58. package/lib/components/AddSelect/AddSelectColumn.js +93 -40
  59. package/lib/components/AddSelect/AddSelectFilter.js +2 -3
  60. package/lib/components/AddSelect/AddSelectList.js +12 -61
  61. package/lib/components/AddSelect/AddSelectMetaPanel.js +9 -8
  62. package/lib/components/AddSelect/AddSelectSidebar.js +22 -38
  63. package/lib/components/AddSelect/AddSelectSort.js +4 -2
  64. package/lib/components/AddSelect/add-select-utils.js +88 -64
  65. package/lib/components/AddSelect/hooks/useParentSelect.js +27 -0
  66. package/lib/components/AddSelect/hooks/usePath.js +75 -0
  67. package/lib/components/Card/Card.js +1 -1
  68. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +1 -5
  69. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +1 -5
  70. package/lib/components/Datagrid/Datagrid/Datagrid.js +17 -12
  71. package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -1
  72. package/lib/components/Datagrid/useExpandedRow.js +1 -0
  73. package/lib/components/Datagrid/useOnRowClick.js +10 -3
  74. package/lib/components/EditFullPage/EditFullPage.js +85 -0
  75. package/lib/components/EditFullPage/index.js +13 -0
  76. package/lib/components/EditTearsheet/EditTearsheet.js +229 -0
  77. package/lib/components/EditTearsheet/EditTearsheetForm.js +122 -0
  78. package/lib/components/EditTearsheet/index.js +21 -0
  79. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +254 -0
  80. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +85 -0
  81. package/lib/components/EditTearsheetNarrow/index.js +13 -0
  82. package/lib/components/PageHeader/PageHeaderUtils.js +5 -0
  83. package/lib/components/TagSet/TagSet.js +15 -5
  84. package/lib/components/WebTerminal/WebTerminal.js +5 -2
  85. package/lib/components/index.js +25 -1
  86. package/lib/global/js/package-settings.js +4 -1
  87. package/package.json +16 -16
  88. package/scss/components/Cascade/_cascade.scss +2 -1
  89. package/scss/components/CreateInfluencer/_create-influencer.scss +2 -2
  90. package/scss/components/CreateTearsheet/_create-tearsheet.scss +1 -1
  91. package/scss/components/Datagrid/_datagrid.scss +0 -1
  92. package/scss/components/Datagrid/_storybook-styles.scss +57 -0
  93. package/scss/components/Datagrid/styles/datagrid.scss +97 -12
  94. package/scss/components/Datagrid/styles/index.scss +1 -0
  95. package/scss/components/Datagrid/styles/useExpandedRow.scss +7 -0
  96. package/scss/components/EditFullPage/_edit-full-page.scss +34 -0
  97. package/scss/components/EditFullPage/_index.scss +8 -0
  98. package/scss/components/EditFullPage/_storybook-styles.scss +10 -0
  99. package/scss/components/EditTearsheet/_edit-tearsheet.scss +132 -0
  100. package/scss/components/EditTearsheet/_index.scss +8 -0
  101. package/scss/components/EditTearsheet/_storybook-styles.scss +55 -0
  102. package/scss/components/EditTearsheetNarrow/_edit-tearsheet-narrow.scss +34 -0
  103. package/scss/components/EditTearsheetNarrow/_index.scss +8 -0
  104. package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +10 -0
  105. package/scss/components/InlineEdit/_inline-edit.scss +10 -21
  106. package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -0
  107. package/scss/components/OptionsTile/_options-tile.scss +1 -0
  108. package/scss/components/PageHeader/_page-header.scss +11 -4
  109. package/scss/components/SidePanel/_side-panel.scss +1 -2
  110. package/scss/components/StatusIcon/_status-icon.scss +1 -1
  111. package/scss/components/TagSet/_tag-set.scss +4 -0
  112. package/scss/components/Tearsheet/_tearsheet.scss +2 -2
  113. package/scss/components/WebTerminal/_web-terminal.scss +2 -1
  114. package/scss/components/_index.scss +3 -0
@@ -97,24 +97,17 @@
97
97
 
98
98
  .c4p--datagrid__grid-container {
99
99
  display: block;
100
- overflow: auto;
101
100
  width: 100%;
102
101
  padding-top: 0;
103
102
  }
104
103
  .c4p--datagrid__grid-container .bx--data-table-content {
105
104
  width: 100%;
106
105
  height: 100%;
107
- /* stylelint-disable-next-line declaration-property-value-disallowed-list */
108
- overflow-x: unset;
106
+ overflow-x: auto;
109
107
  }
110
108
  .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
111
- display: flex;
112
- overflow: auto;
109
+ overflow: hidden;
113
110
  max-height: 100%;
114
- flex-direction: column;
115
- }
116
- .c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
117
- border-bottom: none;
118
111
  }
119
112
  .c4p--datagrid__grid-container .c4p--datagrid__head {
120
113
  display: flex;
@@ -196,6 +189,10 @@
196
189
  flex: 1 1 auto;
197
190
  }
198
191
 
192
+ .c4p--datagrid__with-pagination table tr:last-of-type > td {
193
+ border-bottom: none;
194
+ }
195
+
199
196
  .c4p--datagrid__resizer {
200
197
  position: absolute;
201
198
  z-index: 1;
@@ -288,20 +285,99 @@
288
285
  .c4p--datagrid__datagridLeftPanel {
289
286
  display: flex;
290
287
  width: 388px;
291
- height: 100%;
292
288
  background-color: var(--cds-ui-01, #f4f4f4);
293
289
  }
294
290
 
291
+ .c4p--datagrid__leftPanel-position {
292
+ display: inherit;
293
+ }
294
+
295
295
  .c4p--datagrid__datagridWithPanel {
296
296
  position: relative;
297
297
  display: flex;
298
- overflow: auto;
299
298
  width: 100%;
299
+ height: 100%;
300
300
  flex-direction: column;
301
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
+ }
302
327
 
303
328
  .c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
304
329
  border-left: 1px solid var(--cds-interactive-01, #0f62fe);
305
330
  }
306
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
+
307
383
  /*# sourceMappingURL=datagrid.css.map */
@@ -1 +1 @@
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;EACA;;AAEA;EACE;EACA;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AACE;EACA;EACA;;AAGF;EAEE;;AAGF;EACE,kBC2OU;;ADxOZ;EACE;EACA,kBCsMgB;;ADnMlB;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,SCuuBe;;;ADpuBjB;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OCsrBe;EDrrBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBC0RsB;;;ADrRpB;EACE;;AAIJ;EACE,kBC+QoB;;;AD3QxB;EACE,kBC0QsB;;ADxQtB;EACE;EACA,kBCsQoB;;;ADlQxB;EACE,eCyqBe;;;ADtqBjB;EACE;EACA;EACA;EACA;EAEA;;;AAGF;EACE,kBCoGY;;;ADjGd;EACE;EACA,kBC+DkB;;;AD5DpB;AACE;EACA;;;AAGF;EACE;EACA,kBCqDkB;;;ADlDpB;EACE,kBCiFY;;;AD/Ed;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBC6BU;;;AD1BZ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE","file":"datagrid.css"}
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"}
@@ -104,24 +104,17 @@
104
104
 
105
105
  .c4p--datagrid__grid-container {
106
106
  display: block;
107
- overflow: auto;
108
107
  width: 100%;
109
108
  padding-top: 0;
110
109
  }
111
110
  .c4p--datagrid__grid-container .bx--data-table-content {
112
111
  width: 100%;
113
112
  height: 100%;
114
- /* stylelint-disable-next-line declaration-property-value-disallowed-list */
115
- overflow-x: unset;
113
+ overflow-x: auto;
116
114
  }
117
115
  .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
118
- display: flex;
119
- overflow: auto;
116
+ overflow: hidden;
120
117
  max-height: 100%;
121
- flex-direction: column;
122
- }
123
- .c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
124
- border-bottom: none;
125
118
  }
126
119
  .c4p--datagrid__grid-container .c4p--datagrid__head {
127
120
  display: flex;
@@ -203,6 +196,10 @@
203
196
  flex: 1 1 auto;
204
197
  }
205
198
 
199
+ .c4p--datagrid__with-pagination table tr:last-of-type > td {
200
+ border-bottom: none;
201
+ }
202
+
206
203
  .c4p--datagrid__resizer {
207
204
  position: absolute;
208
205
  z-index: 1;
@@ -295,22 +292,101 @@
295
292
  .c4p--datagrid__datagridLeftPanel {
296
293
  display: flex;
297
294
  width: 388px;
298
- height: 100%;
299
295
  background-color: var(--cds-ui-01, #f4f4f4);
300
296
  }
301
297
 
298
+ .c4p--datagrid__leftPanel-position {
299
+ display: inherit;
300
+ }
301
+
302
302
  .c4p--datagrid__datagridWithPanel {
303
303
  position: relative;
304
304
  display: flex;
305
- overflow: auto;
306
305
  width: 100%;
306
+ height: 100%;
307
307
  flex-direction: column;
308
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
+ }
309
334
 
310
335
  .c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
311
336
  border-left: 1px solid var(--cds-interactive-01, #0f62fe);
312
337
  }
313
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
+
314
390
  /*
315
391
  * Licensed Materials - Property of IBM
316
392
  * 5724-Q36
@@ -590,6 +666,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
590
666
  margin-left: var(--cds-spacing-01, 0.125rem);
591
667
  }
592
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
+ */
593
676
  /*
594
677
  * Licensed Materials - Property of IBM
595
678
  * 5724-Q36
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/index.scss","../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../scss/components/Datagrid/styles/useNestedRows.scss","../../../../scss/components/Datagrid/styles/useNestedTable.scss","../../../../scss/components/Datagrid/styles/useSortableColumns.scss","../../../../scss/components/Datagrid/styles/useColumnRightAlign.scss","../../../../scss/components/Datagrid/styles/useColumnCenterAlign.scss","../../../../scss/components/Datagrid/styles/useStickyColumn.scss","../../../../scss/components/Datagrid/styles/useActionsColumn.scss","../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../node_modules/@carbon/type/scss/_styles.import.scss","../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../scss/components/Datagrid/styles/useSelectAllToggle.scss","../../../../scss/components/Datagrid/styles/draggableElement.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;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;EACA;;AAEA;EACE;EACA;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AACE;EACA;EACA;;AAGF;EAEE;;AAGF;EACE,kBC2OU;;ADxOZ;EACE;EACA,kBCsMgB;;ADnMlB;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,SCuuBe;;;ADpuBjB;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OCsrBe;EDrrBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBC0RsB;;;ADrRpB;EACE;;AAIJ;EACE,kBC+QoB;;;AD3QxB;EACE,kBC0QsB;;ADxQtB;EACE;EACA,kBCsQoB;;;ADlQxB;EACE,eCyqBe;;;ADtqBjB;EACE;EACA;EACA;EACA;EAEA;;;AAGF;EACE,kBCoGY;;;ADjGd;EACE;EACA,kBC+DkB;;;AD5DpB;AACE;EACA;;;AAGF;EACE;EACA,kBCqDkB;;;ADlDpB;EACE,kBCiFY;;;AD/Ed;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBC6BU;;;AD1BZ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE;;;AEzXJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;;AAEA;EACE;;;ACdJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA,aF6/Bc;EE5/Bd;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA,kBFsXU;EErXV,kBFqXU;;;AG/YZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;AAAA;AAAA;AAGE;EACA;AACA;EACA;AACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;AACA;EACA;EACA;AACA;EACA;EACA;;AAEF;EACE,MH+WU;EG9WV;;;AAMF;AAAA;EACE;;;ACpDJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AACA;EACA;EACA;;;AAGF;EACE;;;AC3BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;;;AAGF;EACE;EACA;;;ACjBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACE;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;;;AAIJ;AACE;EACA;;;ACpCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,ePi7Be;;;AQv8BjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;EACA;AACA;EACA;;;AAIJ;EACE;EACA;AACA;EACA;;;AAGF;EACE;EACA;EACA,eRq7Be;;;AQl7BjB;EACE,aR66Be;;;AQ16BjB;EACE,eR66Be;ESlQb;EAAA;EAAA;EAAA;EDxqBF,ORkXY;;;AQ/Wd;EACE;EACA;;;AE9CF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA,SVm8Be;EUl8Bf,kBVsXkB;EUpXlB;;;AAGF;EACE,kBVgXkB;EU9WlB;;;ACrBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAEE;EACA;AACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE,aXq6Be;;;AY/7BjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;EACE;EACA;EACA,cZ27Be;EY17Bf;;;AAGF;EACE;;;AAGF;EACE,MZ0kBgB;;;AYvkBlB;EACE;EACA,QZ67Be;EY57Bf,cZw6Be;EYv6Bf,eZ26Be;EY16Bf,YZ8WU;;AY7WV;EACE;EACA,kBZukBY;;;AYnkBhB;EACE;EACA;;;AAGF;EACE,kBZ6jBc;EY5jBd,OZgXY;;;AY7Wd;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/index.scss","../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../scss/components/Datagrid/styles/useNestedRows.scss","../../../../scss/components/Datagrid/styles/useNestedTable.scss","../../../../scss/components/Datagrid/styles/useSortableColumns.scss","../../../../scss/components/Datagrid/styles/useColumnRightAlign.scss","../../../../scss/components/Datagrid/styles/useColumnCenterAlign.scss","../../../../scss/components/Datagrid/styles/useStickyColumn.scss","../../../../scss/components/Datagrid/styles/useActionsColumn.scss","../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../node_modules/@carbon/type/scss/_styles.import.scss","../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../scss/components/Datagrid/styles/useSelectAllToggle.scss","../../../../scss/components/Datagrid/styles/useExpandedRow.scss","../../../../scss/components/Datagrid/styles/draggableElement.scss"],"names":[],"mappings":"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","file":"index.css"}
@@ -0,0 +1,9 @@
1
+ /*
2
+ * Licensed Materials - Property of IBM
3
+ * 5724-Q36
4
+ * (c) Copyright IBM Corp. 2022
5
+ * US Government Users Restricted Rights - Use, duplication or disclosure
6
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
7
+ */
8
+
9
+ /*# sourceMappingURL=useExpandedRow.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/useExpandedRow.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"useExpandedRow.css"}