@cloudscape-design/components 3.0.314 → 3.0.316

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/internal/base-component/styles.scoped.css +6 -0
  2. package/internal/environment.js +1 -1
  3. package/internal/generated/theming/index.cjs +54 -0
  4. package/internal/generated/theming/index.js +54 -0
  5. package/internal/manifest.json +1 -1
  6. package/package.json +1 -1
  7. package/pie-chart/styles.css.js +27 -27
  8. package/pie-chart/styles.scoped.css +44 -44
  9. package/pie-chart/styles.selectors.js +27 -27
  10. package/table/body-cell/styles.css.js +28 -28
  11. package/table/body-cell/styles.scoped.css +70 -70
  12. package/table/body-cell/styles.selectors.js +28 -28
package/table/body-cell/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_body-cell_c6tup_135f8_93:not(#\9) {
93
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9) {
94
94
  box-sizing: border-box;
95
95
  padding: var(--space-scaled-xs-wbfgrv, 8px) var(--space-scaled-l-2rs0gk, 20px) calc(
96
96
  var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
@@ -100,19 +100,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
100
  border-bottom: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
101
101
  font-weight: inherit;
102
102
  }
103
- .awsui_body-cell_c6tup_135f8_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_135f8_103) {
103
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_11rnr_103) {
104
104
  white-space: nowrap;
105
105
  overflow: hidden;
106
106
  text-overflow: ellipsis;
107
107
  }
108
- .awsui_body-cell_c6tup_135f8_93:not(#\9):first-child {
108
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child {
109
109
  border-left: var(--border-item-width-y36svo, 2px) solid transparent;
110
110
  }
111
- .awsui_body-cell_c6tup_135f8_93:not(#\9):last-child {
111
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):last-child {
112
112
  border-right: var(--border-item-width-y36svo, 2px) solid transparent;
113
113
  padding-right: calc(var(--space-l-f4l5gr, 20px) - var(--border-item-width-y36svo, 2px));
114
114
  }
115
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child {
115
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child {
116
116
  /*
117
117
  Striped rows requires additional left padding because the
118
118
  shaded background makes the child content appear too close
@@ -124,55 +124,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  that the placeholder border would consume.
125
125
  */
126
126
  }
127
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127) {
127
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127) {
128
128
  padding-left: var(--space-xxxs-j6dpcy, 2px);
129
129
  }
130
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127):not(.awsui_body-cell-edit-active_c6tup_135f8_130).awsui_body-cell-editable_c6tup_135f8_130:hover {
130
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127):not(.awsui_body-cell-edit-active_c6tup_11rnr_130).awsui_body-cell-editable_c6tup_11rnr_130:hover {
131
131
  padding-left: calc(var(--space-xxxs-j6dpcy, 2px) + var(--border-divider-list-width-um3zli, 1px));
132
132
  }
133
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_135f8_127 {
133
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_11rnr_127 {
134
134
  padding-left: var(--space-xxs-ja5cp8, 4px);
135
135
  }
136
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_135f8_136 {
136
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_11rnr_136 {
137
137
  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
138
138
  }
139
- .awsui_body-cell_c6tup_135f8_93.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_135f8_139):not(.awsui_body-cell-editable_c6tup_135f8_130) {
139
+ .awsui_body-cell_c6tup_11rnr_93.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_11rnr_139):not(.awsui_body-cell-editable_c6tup_11rnr_130) {
140
140
  border-left: none;
141
141
  }
142
- .awsui_body-cell_c6tup_135f8_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_135f8_115) {
142
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_11rnr_115) {
143
143
  padding-left: calc(var(--space-l-f4l5gr, 20px) - var(--border-item-width-y36svo, 2px));
144
144
  }
145
- .awsui_body-cell-first-row_c6tup_135f8_145:not(#\9) {
145
+ .awsui_body-cell-first-row_c6tup_11rnr_145:not(#\9) {
146
146
  border-top: var(--border-item-width-y36svo, 2px) solid transparent;
147
147
  }
148
- .awsui_body-cell-last-row_c6tup_135f8_148:not(#\9):not(.awsui_body-cell-selected_c6tup_135f8_148):not(.awsui_has-footer_c6tup_135f8_148) {
148
+ .awsui_body-cell-last-row_c6tup_11rnr_148:not(#\9):not(.awsui_body-cell-selected_c6tup_11rnr_148):not(.awsui_has-footer_c6tup_11rnr_148) {
149
149
  border-bottom: var(--border-item-width-y36svo, 2px) solid transparent;
150
150
  }
151
- .awsui_body-cell-last-row_c6tup_135f8_148:not(#\9):not(.awsui_body-cell-selected_c6tup_135f8_148).awsui_has-footer_c6tup_135f8_148 {
151
+ .awsui_body-cell-last-row_c6tup_11rnr_148:not(#\9):not(.awsui_body-cell-selected_c6tup_11rnr_148).awsui_has-footer_c6tup_11rnr_148 {
152
152
  /*
153
153
  Add a bottom border to the body cells of the last row as a separator between the
154
154
  table and the footer
155
155
  */
156
156
  border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
157
157
  }
158
- .awsui_body-cell-shaded_c6tup_135f8_158:not(#\9) {
158
+ .awsui_body-cell-shaded_c6tup_11rnr_158:not(#\9) {
159
159
  background: var(--color-background-cell-shaded-oyxkf4, #f8f8f8);
160
160
  }
161
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9) {
161
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9) {
162
162
  background-color: var(--color-background-item-selected-ndi5zy, #f2f8fd);
163
163
  border-top: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
164
164
  border-bottom: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
165
165
  padding-bottom: var(--space-scaled-xs-wbfgrv, 8px);
166
166
  }
167
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):first-child {
167
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):first-child {
168
168
  border-left: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
169
169
  border-radius: var(--border-radius-item-gyl0qr, 8px) 0 0 var(--border-radius-item-gyl0qr, 8px);
170
170
  }
171
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):last-child {
171
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):last-child {
172
172
  border-right: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
173
173
  border-radius: 0 var(--border-radius-item-gyl0qr, 8px) var(--border-radius-item-gyl0qr, 8px) 0;
174
174
  }
175
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
175
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
176
176
  position: sticky;
177
177
  background: var(--color-background-container-content-og3y0v, #ffffff);
178
178
  z-index: 798;
@@ -180,79 +180,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
180
  transition-duration: var(--motion-duration-transition-show-quick-tx10w8, 90ms);
181
181
  transition-timing-function: var(--motion-easing-sticky-c9pq0x, cubic-bezier(1, 0, 0.83, 1));
182
182
  }
183
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell-pad-left_c6tup_135f8_183:not(#\9):not(.awsui_has-selection_c6tup_135f8_139):not(.awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:first-child.awsui_has-striped-rows_c6tup_135f8_127) {
183
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell-pad-left_c6tup_11rnr_183:not(#\9):not(.awsui_has-selection_c6tup_11rnr_139):not(.awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:first-child.awsui_has-striped-rows_c6tup_11rnr_127) {
184
184
  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
185
185
  }
186
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-shaded_c6tup_135f8_158:not(#\9) {
186
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-shaded_c6tup_11rnr_158:not(#\9) {
187
187
  background: var(--color-background-cell-shaded-oyxkf4, #f8f8f8);
188
188
  }
189
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9) {
189
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9) {
190
190
  background-color: var(--color-background-item-selected-ndi5zy, #f2f8fd);
191
191
  }
192
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9):first-child {
192
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):first-child {
193
193
  box-shadow: 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
194
194
  clip-path: inset(0 0 0 0);
195
195
  }
196
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9):last-child {
196
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):last-child {
197
197
  box-shadow: 4px 0 0 0 var(--color-background-container-content-og3y0v, #ffffff);
198
198
  clip-path: inset(0 0 0 0);
199
199
  }
200
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175.awsui_body-cell-selected_c6tup_135f8_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_135f8_200 {
200
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175.awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_11rnr_200 {
201
201
  box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-og3y0v, #ffffff);
202
202
  clip-path: inset(0 0 0 -24px);
203
203
  }
204
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell-last-left_c6tup_135f8_204:not(#\9) {
204
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell-last-left_c6tup_11rnr_204:not(#\9) {
205
205
  box-shadow: var(--shadow-sticky-column-first-n8r2og, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
206
206
  clip-path: inset(0px -24px 0px 0px);
207
207
  }
208
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell-last-right_c6tup_135f8_200:not(#\9) {
208
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell-last-right_c6tup_11rnr_200:not(#\9) {
209
209
  box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
210
210
  clip-path: inset(0 0 0 -24px);
211
211
  }
212
212
  @media (prefers-reduced-motion: reduce) {
213
- .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
213
+ .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
214
214
  animation: none;
215
215
  transition: none;
216
216
  }
217
217
  }
218
- .awsui-motion-disabled .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_135f8_93.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
218
+ .awsui-motion-disabled .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_11rnr_93.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
219
219
  animation: none;
220
220
  transition: none;
221
221
  }
222
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):not(:first-child) {
222
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):not(:first-child) {
223
223
  padding-top: calc(
224
224
  var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
225
225
  );
226
226
  }
227
- .awsui_body-cell_c6tup_135f8_93:not(#\9):not(.awsui_body-cell-selected_c6tup_135f8_148).awsui_body-cell-next-selected_c6tup_135f8_227 {
227
+ .awsui_body-cell_c6tup_11rnr_93:not(#\9):not(.awsui_body-cell-selected_c6tup_11rnr_148).awsui_body-cell-next-selected_c6tup_11rnr_227 {
228
228
  border-bottom: 0;
229
229
  padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) + var(--border-divider-list-width-um3zli, 1px));
230
230
  }
231
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-prev-selected_c6tup_135f8_231:not(#\9) {
231
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-prev-selected_c6tup_11rnr_231:not(#\9) {
232
232
  padding-top: calc(
233
233
  var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
234
234
  );
235
235
  border-top: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-item-placeholder-yrwdru, #0972d3);
236
236
  }
237
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-next-selected_c6tup_135f8_227:not(#\9) {
237
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-next-selected_c6tup_11rnr_227:not(#\9) {
238
238
  border-bottom-width: var(--border-divider-list-width-um3zli, 1px);
239
239
  }
240
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-next-selected_c6tup_135f8_227:not(#\9):first-child {
240
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-next-selected_c6tup_11rnr_227:not(#\9):first-child {
241
241
  border-bottom-left-radius: 0;
242
242
  }
243
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-next-selected_c6tup_135f8_227:not(#\9):last-child {
243
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-next-selected_c6tup_11rnr_227:not(#\9):last-child {
244
244
  border-bottom-right-radius: 0;
245
245
  }
246
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-prev-selected_c6tup_135f8_231:not(#\9):first-child {
246
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-prev-selected_c6tup_11rnr_231:not(#\9):first-child {
247
247
  border-top-left-radius: 0;
248
248
  }
249
- .awsui_body-cell-selected_c6tup_135f8_148.awsui_body-cell-prev-selected_c6tup_135f8_231:not(#\9):last-child {
249
+ .awsui_body-cell-selected_c6tup_11rnr_148.awsui_body-cell-prev-selected_c6tup_11rnr_231:not(#\9):last-child {
250
250
  border-top-right-radius: 0;
251
251
  }
252
- .awsui_body-cell-selected_c6tup_135f8_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_135f8_231) {
252
+ .awsui_body-cell-selected_c6tup_11rnr_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_11rnr_231) {
253
253
  padding-top: var(--space-scaled-xs-wbfgrv, 8px);
254
254
  }
255
- .awsui_body-cell-success_c6tup_135f8_255:not(#\9), .awsui_body-cell-editor_c6tup_135f8_255:not(#\9) {
255
+ .awsui_body-cell-success_c6tup_11rnr_255:not(#\9), .awsui_body-cell-editor_c6tup_11rnr_255:not(#\9) {
256
256
  top: 0;
257
257
  right: 0;
258
258
  bottom: 0;
@@ -268,68 +268,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
268
  padding-right: calc(var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px));
269
269
  color: var(--color-text-button-normal-default-x2bilf, #0972d3);
270
270
  }
271
- .awsui_body-cell-success_c6tup_135f8_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_135f8_255:not(#\9):hover {
271
+ .awsui_body-cell-success_c6tup_11rnr_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_11rnr_255:not(#\9):hover {
272
272
  color: var(--color-text-button-normal-hover-deauoa, #033160);
273
273
  }
274
- .awsui_body-cell-success_c6tup_135f8_255:not(#\9):active, .awsui_body-cell-editor_c6tup_135f8_255:not(#\9):active {
274
+ .awsui_body-cell-success_c6tup_11rnr_255:not(#\9):active, .awsui_body-cell-editor_c6tup_11rnr_255:not(#\9):active {
275
275
  color: var(--color-text-button-normal-active-avnl7f, #033160);
276
276
  }
277
- .awsui_body-cell-success-form_c6tup_135f8_277:not(#\9), .awsui_body-cell-editor-form_c6tup_135f8_277:not(#\9) {
277
+ .awsui_body-cell-success-form_c6tup_11rnr_277:not(#\9), .awsui_body-cell-editor-form_c6tup_11rnr_277:not(#\9) {
278
278
  margin: calc(-1 * var(--space-xs-edba2s, 8px)) calc(-1.5 * var(--space-xs-edba2s, 8px));
279
279
  }
280
- .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_135f8_127 > .awsui_body-cell-success-form_c6tup_135f8_277, .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_135f8_127 > .awsui_body-cell-editor-form_c6tup_135f8_277 {
280
+ .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_11rnr_127 > .awsui_body-cell-success-form_c6tup_11rnr_277, .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_11rnr_127 > .awsui_body-cell-editor-form_c6tup_11rnr_277 {
281
281
  margin-left: calc(-1 * var(--space-xxs-ja5cp8, 4px));
282
282
  }
283
- .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127) > .awsui_body-cell-success-form_c6tup_135f8_277, .awsui_is-visual-refresh_c6tup_135f8_115.awsui_body-cell_c6tup_135f8_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_135f8_127) > .awsui_body-cell-editor-form_c6tup_135f8_277 {
283
+ .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127) > .awsui_body-cell-success-form_c6tup_11rnr_277, .awsui_is-visual-refresh_c6tup_11rnr_115.awsui_body-cell_c6tup_11rnr_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_11rnr_127) > .awsui_body-cell-editor-form_c6tup_11rnr_277 {
284
284
  margin-left: calc(-1 * var(--space-xxxs-j6dpcy, 2px));
285
285
  }
286
- .awsui_body-cell-success-row_c6tup_135f8_286:not(#\9), .awsui_body-cell-editor-row_c6tup_135f8_286:not(#\9) {
286
+ .awsui_body-cell-success-row_c6tup_11rnr_286:not(#\9), .awsui_body-cell-editor-row_c6tup_11rnr_286:not(#\9) {
287
287
  display: flex;
288
288
  flex-flow: row nowrap;
289
289
  align-items: center;
290
290
  justify-content: space-between;
291
291
  column-gap: var(--space-xxs-ja5cp8, 4px);
292
292
  }
293
- .awsui_body-cell-success-row_c6tup_135f8_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_135f8_286 > :not(#\9):not(:last-child) {
293
+ .awsui_body-cell-success-row_c6tup_11rnr_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_11rnr_286 > :not(#\9):not(:last-child) {
294
294
  flex-grow: 1;
295
295
  }
296
- .awsui_body-cell-success-controls_c6tup_135f8_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_135f8_296:not(#\9) {
296
+ .awsui_body-cell-success-controls_c6tup_11rnr_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_11rnr_296:not(#\9) {
297
297
  flex-shrink: 0;
298
298
  }
299
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9) {
299
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9) {
300
300
  position: relative;
301
301
  cursor: pointer;
302
302
  }
303
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
303
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
304
304
  position: sticky;
305
305
  }
306
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130.awsui_body-cell-edit-active_c6tup_135f8_130:not(#\9) {
306
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130.awsui_body-cell-edit-active_c6tup_11rnr_130:not(#\9) {
307
307
  overflow: visible;
308
308
  }
309
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130.awsui_body-cell-edit-active_c6tup_135f8_130.awsui_sticky-cell_c6tup_135f8_175:not(#\9) {
309
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130.awsui_body-cell-edit-active_c6tup_11rnr_130.awsui_sticky-cell_c6tup_11rnr_175:not(#\9) {
310
310
  position: sticky;
311
311
  }
312
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130) > .awsui_body-cell-editor_c6tup_135f8_255 {
312
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130) > .awsui_body-cell-editor_c6tup_11rnr_255 {
313
313
  opacity: 0;
314
314
  }
315
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130).awsui_body-cell-has-success_c6tup_135f8_315 {
315
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130).awsui_body-cell-has-success_c6tup_11rnr_315 {
316
316
  padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
317
317
  }
318
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within {
318
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within {
319
319
  padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
320
320
  position: relative;
321
321
  }
322
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within > .awsui_body-cell-editor_c6tup_135f8_255 {
322
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within > .awsui_body-cell-editor_c6tup_11rnr_255 {
323
323
  opacity: 1;
324
324
  }
325
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within > .awsui_body-cell-success_c6tup_135f8_255 {
325
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within > .awsui_body-cell-success_c6tup_11rnr_255 {
326
326
  opacity: 0;
327
327
  }
328
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within {
328
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within {
329
329
  outline: 2px dotted transparent;
330
330
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t2t62i, 4px)) - 1px);
331
331
  }
332
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):focus-within::before {
332
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):focus-within::before {
333
333
  content: " ";
334
334
  display: block;
335
335
  position: absolute;
@@ -340,46 +340,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
340
340
  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
341
341
  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
342
342
  }
343
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover {
343
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover {
344
344
  position: relative;
345
345
  background-color: var(--color-background-dropdown-item-hover-gvdk4u, #f4f4f4);
346
- border: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-control-default-v28icv, #7d8998);
346
+ border: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-editable-cell-hover-zeuchn, #7d8998);
347
347
  left: calc(-1 * var(--border-divider-list-width-um3zli, 1px));
348
348
  right: calc(-1 * var(--border-divider-list-width-um3zli, 1px));
349
349
  padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
350
350
  }
351
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover > .awsui_body-cell-editor_c6tup_135f8_255 {
351
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover > .awsui_body-cell-editor_c6tup_11rnr_255 {
352
352
  opacity: 1;
353
353
  }
354
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover > .awsui_body-cell-success_c6tup_135f8_255 {
354
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover > .awsui_body-cell-success_c6tup_11rnr_255 {
355
355
  opacity: 0;
356
356
  }
357
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover:first-child {
357
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover:first-child {
358
358
  left: 0;
359
359
  right: 0;
360
360
  }
361
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover > .awsui_body-cell-editor_c6tup_135f8_255 {
361
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover > .awsui_body-cell-editor_c6tup_11rnr_255 {
362
362
  padding-right: calc(var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px) - (2 * var(--border-divider-list-width-um3zli, 1px)));
363
363
  }
364
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-last-row_c6tup_135f8_148.awsui_body-cell-selected_c6tup_135f8_148, .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-next-selected_c6tup_135f8_227 {
364
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-last-row_c6tup_11rnr_148.awsui_body-cell-selected_c6tup_11rnr_148, .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-next-selected_c6tup_11rnr_227 {
365
365
  padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px) / 2));
366
366
  padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px) / 2));
367
367
  }
368
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-last-row_c6tup_135f8_148:not(.awsui_body-cell-selected_c6tup_135f8_148) {
368
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-last-row_c6tup_11rnr_148:not(.awsui_body-cell-selected_c6tup_11rnr_148) {
369
369
  padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
370
370
  }
371
- .awsui_body-cell_c6tup_135f8_93.awsui_body-cell-editable_c6tup_135f8_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-first-row_c6tup_135f8_145:not(.awsui_body-cell-selected_c6tup_135f8_148) {
371
+ .awsui_body-cell_c6tup_11rnr_93.awsui_body-cell-editable_c6tup_11rnr_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-first-row_c6tup_11rnr_145:not(.awsui_body-cell-selected_c6tup_11rnr_148) {
372
372
  padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
373
373
  padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
374
374
  }
375
- .awsui_body-cell-editable_c6tup_135f8_130.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover:first-child {
375
+ .awsui_body-cell-editable_c6tup_11rnr_130.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover:first-child {
376
376
  border-top-left-radius: var(--border-radius-item-gyl0qr, 8px);
377
377
  border-bottom-left-radius: var(--border-radius-item-gyl0qr, 8px);
378
378
  }
379
- .awsui_body-cell-editable_c6tup_135f8_130.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover:last-child {
379
+ .awsui_body-cell-editable_c6tup_11rnr_130.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover:last-child {
380
380
  border-top-right-radius: var(--border-radius-item-gyl0qr, 8px);
381
381
  border-bottom-right-radius: var(--border-radius-item-gyl0qr, 8px);
382
382
  }
383
- .awsui_body-cell-editable_c6tup_135f8_130.awsui_is-visual-refresh_c6tup_135f8_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_135f8_130):hover.awsui_body-cell-first-row_c6tup_135f8_145 > .awsui_body-cell-editor_c6tup_135f8_255 {
383
+ .awsui_body-cell-editable_c6tup_11rnr_130.awsui_is-visual-refresh_c6tup_11rnr_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_11rnr_130):hover.awsui_body-cell-first-row_c6tup_11rnr_145 > .awsui_body-cell-editor_c6tup_11rnr_255 {
384
384
  padding-top: var(--border-divider-list-width-um3zli, 1px);
385
385
  }
package/table/body-cell/styles.selectors.js CHANGED
@@ -2,33 +2,33 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "body-cell": "awsui_body-cell_c6tup_135f8_93",
6
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_135f8_103",
7
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_135f8_115",
8
- "has-striped-rows": "awsui_has-striped-rows_c6tup_135f8_127",
9
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_135f8_130",
10
- "body-cell-editable": "awsui_body-cell-editable_c6tup_135f8_130",
11
- "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_135f8_136",
12
- "has-selection": "awsui_has-selection_c6tup_135f8_139",
13
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_135f8_145",
14
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_135f8_148",
15
- "body-cell-selected": "awsui_body-cell-selected_c6tup_135f8_148",
16
- "has-footer": "awsui_has-footer_c6tup_135f8_148",
17
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_135f8_158",
18
- "sticky-cell": "awsui_sticky-cell_c6tup_135f8_175",
19
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_135f8_183",
20
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_135f8_200",
21
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_135f8_204",
22
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_135f8_227",
23
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_135f8_231",
24
- "body-cell-success": "awsui_body-cell-success_c6tup_135f8_255",
25
- "body-cell-editor": "awsui_body-cell-editor_c6tup_135f8_255",
26
- "body-cell-success-form": "awsui_body-cell-success-form_c6tup_135f8_277",
27
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_135f8_277",
28
- "body-cell-success-row": "awsui_body-cell-success-row_c6tup_135f8_286",
29
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_135f8_286",
30
- "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_135f8_296",
31
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_135f8_296",
32
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_135f8_315"
5
+ "body-cell": "awsui_body-cell_c6tup_11rnr_93",
6
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_11rnr_103",
7
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_11rnr_115",
8
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_11rnr_127",
9
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_11rnr_130",
10
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_11rnr_130",
11
+ "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_11rnr_136",
12
+ "has-selection": "awsui_has-selection_c6tup_11rnr_139",
13
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_11rnr_145",
14
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_11rnr_148",
15
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_11rnr_148",
16
+ "has-footer": "awsui_has-footer_c6tup_11rnr_148",
17
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_11rnr_158",
18
+ "sticky-cell": "awsui_sticky-cell_c6tup_11rnr_175",
19
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_11rnr_183",
20
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_11rnr_200",
21
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_11rnr_204",
22
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_11rnr_227",
23
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_11rnr_231",
24
+ "body-cell-success": "awsui_body-cell-success_c6tup_11rnr_255",
25
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_11rnr_255",
26
+ "body-cell-success-form": "awsui_body-cell-success-form_c6tup_11rnr_277",
27
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_11rnr_277",
28
+ "body-cell-success-row": "awsui_body-cell-success-row_c6tup_11rnr_286",
29
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_11rnr_286",
30
+ "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_11rnr_296",
31
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_11rnr_296",
32
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_11rnr_315"
33
33
  };
34
34