@carbon/ibm-products 1.23.1 → 1.25.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (132) hide show
  1. package/css/index-full-carbon.css +274 -61
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -7
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +41 -43
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -7
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +274 -61
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -7
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +274 -61
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -7
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AddSelect/AddSelect.js +1 -2
  18. package/es/components/AddSelect/AddSelectBody.js +5 -9
  19. package/es/components/AddSelect/AddSelectColumn.js +4 -1
  20. package/es/components/AddSelect/AddSelectList.js +1 -1
  21. package/es/components/AddSelect/AddSelectSidebar.js +4 -26
  22. package/es/components/Datagrid/Datagrid/Datagrid.js +17 -12
  23. package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -2
  24. package/es/components/Datagrid/useExpandedRow.js +5 -12
  25. package/es/components/Datagrid/useOnRowClick.js +10 -3
  26. package/es/components/EditFullPage/EditFullPage.js +79 -0
  27. package/es/components/EditFullPage/index.js +7 -0
  28. package/es/components/EditTearsheet/EditTearsheet.js +205 -0
  29. package/es/components/EditTearsheet/EditTearsheetForm.js +103 -0
  30. package/es/components/EditTearsheet/index.js +8 -0
  31. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +230 -0
  32. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +79 -0
  33. package/es/components/EditTearsheetNarrow/index.js +7 -0
  34. package/es/components/EmptyStates/EmptyStateContent.js +2 -1
  35. package/es/components/ImportModal/ImportModal.js +10 -2
  36. package/es/components/WebTerminal/WebTerminal.js +25 -13
  37. package/es/components/WebTerminal/WebTerminalContentWrapper.js +8 -10
  38. package/es/components/WebTerminal/hooks/index.js +45 -0
  39. package/es/components/WebTerminal/index.js +2 -1
  40. package/es/components/WebTerminal/preview-components/Navigation.js +6 -10
  41. package/es/components/index.js +5 -2
  42. package/es/global/js/package-settings.js +5 -1
  43. package/lib/components/AddSelect/AddSelect.js +1 -2
  44. package/lib/components/AddSelect/AddSelectBody.js +5 -9
  45. package/lib/components/AddSelect/AddSelectColumn.js +3 -1
  46. package/lib/components/AddSelect/AddSelectList.js +1 -1
  47. package/lib/components/AddSelect/AddSelectSidebar.js +3 -26
  48. package/lib/components/Datagrid/Datagrid/Datagrid.js +17 -12
  49. package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -1
  50. package/lib/components/Datagrid/useExpandedRow.js +5 -20
  51. package/lib/components/Datagrid/useOnRowClick.js +10 -3
  52. package/lib/components/EditFullPage/EditFullPage.js +85 -0
  53. package/lib/components/EditFullPage/index.js +13 -0
  54. package/lib/components/EditTearsheet/EditTearsheet.js +229 -0
  55. package/lib/components/EditTearsheet/EditTearsheetForm.js +122 -0
  56. package/lib/components/EditTearsheet/index.js +21 -0
  57. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +254 -0
  58. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +85 -0
  59. package/lib/components/EditTearsheetNarrow/index.js +13 -0
  60. package/lib/components/EmptyStates/EmptyStateContent.js +2 -1
  61. package/lib/components/ImportModal/ImportModal.js +11 -2
  62. package/lib/components/WebTerminal/WebTerminal.js +26 -13
  63. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -9
  64. package/lib/components/WebTerminal/hooks/index.js +69 -0
  65. package/lib/components/WebTerminal/index.js +15 -1
  66. package/lib/components/WebTerminal/preview-components/Navigation.js +6 -10
  67. package/lib/components/index.js +37 -1
  68. package/lib/global/js/package-settings.js +5 -1
  69. package/package.json +10 -10
  70. package/scss/components/AddSelect/_add-select.scss +19 -2
  71. package/scss/components/Cascade/_cascade.scss +1 -1
  72. package/scss/components/CreateInfluencer/_create-influencer.scss +2 -0
  73. package/scss/components/Datagrid/_datagrid.scss +0 -1
  74. package/scss/components/Datagrid/_storybook-styles.scss +53 -0
  75. package/scss/components/Datagrid/styles/{datagrid.scss → _datagrid.scss} +93 -12
  76. package/scss/components/Datagrid/styles/{draggableElement.scss → _draggableElement.scss} +0 -0
  77. package/scss/components/Datagrid/styles/{index.scss → _index.scss} +0 -0
  78. package/scss/components/Datagrid/styles/{useActionsColumn.scss → _useActionsColumn.scss} +0 -0
  79. package/scss/components/Datagrid/styles/{useColumnCenterAlign.scss → _useColumnCenterAlign.scss} +0 -0
  80. package/scss/components/Datagrid/styles/{useColumnRightAlign.scss → _useColumnRightAlign.scss} +0 -0
  81. package/scss/components/Datagrid/styles/{useExpandedRow.scss → _useExpandedRow.scss} +0 -6
  82. package/scss/components/Datagrid/styles/{useNestedRows.scss → _useNestedRows.scss} +0 -0
  83. package/scss/components/Datagrid/styles/{useNestedTable.scss → _useNestedTable.scss} +0 -0
  84. package/scss/components/Datagrid/styles/{useSelectAllToggle.scss → _useSelectAllToggle.scss} +0 -0
  85. package/scss/components/Datagrid/styles/{useSortableColumns.scss → _useSortableColumns.scss} +0 -0
  86. package/scss/components/Datagrid/styles/{useStickyColumn.scss → _useStickyColumn.scss} +0 -0
  87. package/scss/components/Datagrid/styles/addons/{CustomizeColumnsModal.scss → _CustomizeColumnsModal.scss} +0 -0
  88. package/scss/components/Datagrid/styles/addons/{RowSizeDropdown.scss → _RowSizeDropdown.scss} +0 -0
  89. package/scss/components/EditFullPage/_edit-full-page.scss +34 -0
  90. package/scss/components/EditFullPage/_index.scss +8 -0
  91. package/scss/components/EditFullPage/_storybook-styles.scss +10 -0
  92. package/scss/components/EditTearsheet/_edit-tearsheet.scss +132 -0
  93. package/scss/components/EditTearsheet/_index.scss +8 -0
  94. package/scss/components/EditTearsheet/_storybook-styles.scss +55 -0
  95. package/scss/components/EditTearsheetNarrow/_edit-tearsheet-narrow.scss +34 -0
  96. package/scss/components/EditTearsheetNarrow/_index.scss +8 -0
  97. package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +10 -0
  98. package/scss/components/EmptyStates/_empty-state.scss +16 -9
  99. package/scss/components/InlineEdit/_inline-edit.scss +8 -20
  100. package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -0
  101. package/scss/components/PageHeader/_page-header.scss +3 -1
  102. package/scss/components/StatusIcon/_status-icon.scss +1 -1
  103. package/scss/components/Tearsheet/_tearsheet.scss +2 -2
  104. package/scss/components/_index.scss +3 -0
  105. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +0 -47
  106. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +0 -1
  107. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +0 -20
  108. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +0 -1
  109. package/css/components/Datagrid/styles/datagrid.css +0 -311
  110. package/css/components/Datagrid/styles/datagrid.css.map +0 -1
  111. package/css/components/Datagrid/styles/draggableElement.css +0 -57
  112. package/css/components/Datagrid/styles/draggableElement.css.map +0 -1
  113. package/css/components/Datagrid/styles/index.css +0 -664
  114. package/css/components/Datagrid/styles/index.css.map +0 -1
  115. package/css/components/Datagrid/styles/useActionsColumn.css +0 -23
  116. package/css/components/Datagrid/styles/useActionsColumn.css.map +0 -1
  117. package/css/components/Datagrid/styles/useColumnCenterAlign.css +0 -18
  118. package/css/components/Datagrid/styles/useColumnCenterAlign.css.map +0 -1
  119. package/css/components/Datagrid/styles/useColumnRightAlign.css +0 -28
  120. package/css/components/Datagrid/styles/useColumnRightAlign.css.map +0 -1
  121. package/css/components/Datagrid/styles/useExpandedRow.css +0 -12
  122. package/css/components/Datagrid/styles/useExpandedRow.css.map +0 -1
  123. package/css/components/Datagrid/styles/useNestedRows.css +0 -15
  124. package/css/components/Datagrid/styles/useNestedRows.css.map +0 -1
  125. package/css/components/Datagrid/styles/useNestedTable.css +0 -25
  126. package/css/components/Datagrid/styles/useNestedTable.css.map +0 -1
  127. package/css/components/Datagrid/styles/useSelectAllToggle.css +0 -28
  128. package/css/components/Datagrid/styles/useSelectAllToggle.css.map +0 -1
  129. package/css/components/Datagrid/styles/useSortableColumns.css +0 -50
  130. package/css/components/Datagrid/styles/useSortableColumns.css.map +0 -1
  131. package/css/components/Datagrid/styles/useStickyColumn.css +0 -35
  132. package/css/components/Datagrid/styles/useStickyColumn.css.map +0 -1
@@ -1,311 +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
- overflow: auto;
101
- width: 100%;
102
- padding-top: 0;
103
- }
104
- .c4p--datagrid__grid-container .bx--data-table-content {
105
- width: 100%;
106
- height: 100%;
107
- /* stylelint-disable-next-line declaration-property-value-disallowed-list */
108
- overflow-x: unset;
109
- }
110
- .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
111
- display: flex;
112
- overflow: auto;
113
- 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
- }
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__resizer {
200
- position: absolute;
201
- z-index: 1;
202
- top: 0;
203
- right: 0;
204
- display: inline-block;
205
- width: var(--cds-spacing-02, 0.25rem);
206
- height: 100%;
207
- background: transparent;
208
- touch-action: none;
209
- transform: translateX(50%);
210
- }
211
-
212
- .c4p--datagrid__resizer:hover {
213
- background: transparent;
214
- }
215
-
216
- .c4p--datagrid__sortableColumn:hover {
217
- background-color: var(--cds-hover-selected-ui, #cacaca);
218
- }
219
-
220
- .c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
221
- border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
222
- }
223
- .c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
224
- background-color: var(--cds-hover-selected-ui, #cacaca);
225
- }
226
-
227
- .c4p--datagrid__resizableColumn:hover {
228
- background-color: var(--cds-hover-selected-ui, #cacaca);
229
- }
230
- .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
231
- border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-ui-04, #8d8d8d);
232
- background-color: var(--cds-hover-selected-ui, #cacaca);
233
- }
234
-
235
- .c4p--datagrid__head-hidden-select-all {
236
- padding-right: var(--cds-spacing-08, 2.5rem);
237
- }
238
-
239
- .c4p--datagrid__simple-body {
240
- position: relative;
241
- display: table;
242
- overflow-x: hidden;
243
- overflow-y: auto;
244
- scrollbar-width: thin;
245
- }
246
-
247
- .c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
248
- background-color: var(--cds-text-03, #a8a8a8);
249
- }
250
-
251
- .c4p--datagrid__simple-body::-webkit-scrollbar {
252
- width: 6px;
253
- background-color: var(--cds-ui-background, #ffffff);
254
- }
255
-
256
- .c4p--datagrid__sticky.c4p--datagrid__table-simple {
257
- /* stylelint-disable-next-line declaration-no-important */
258
- min-width: 0 !important;
259
- }
260
-
261
- .c4p--datagrid__table-simple::-webkit-scrollbar {
262
- width: 6px;
263
- background-color: var(--cds-ui-background, #ffffff);
264
- }
265
-
266
- .c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
267
- background-color: var(--cds-text-03, #a8a8a8);
268
- }
269
-
270
- .c4p--datagrid__sticky.c4p--datagrid__simple-body {
271
- overflow: auto;
272
- }
273
-
274
- .c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
275
- overflow: hidden;
276
- /* stylelint-disable-next-line declaration-no-important */
277
- width: 100% !important;
278
- }
279
-
280
- .block-class__displayFlex {
281
- position: relative;
282
- display: flex;
283
- width: 100%;
284
- height: 100%;
285
- flex-direction: row;
286
- }
287
-
288
- .c4p--datagrid__datagridLeftPanel {
289
- display: flex;
290
- width: 388px;
291
- height: 100%;
292
- background-color: var(--cds-ui-01, #f4f4f4);
293
- }
294
-
295
- .c4p--datagrid__leftPanel-position {
296
- display: inherit;
297
- }
298
-
299
- .c4p--datagrid__datagridWithPanel {
300
- position: relative;
301
- display: flex;
302
- overflow: auto;
303
- width: 100%;
304
- flex-direction: column;
305
- }
306
-
307
- .c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
308
- border-left: 1px solid var(--cds-interactive-01, #0f62fe);
309
- }
310
-
311
- /*# 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;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;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE","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"}