@cloudscape-design/components-themeable 3.0.883 → 3.0.885

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 (23) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/container/styles.scss +5 -0
  3. package/lib/internal/scss/form-field/styles.scss +1 -0
  4. package/lib/internal/scss/table/header-cell/styles.scss +4 -0
  5. package/lib/internal/template/container/styles.css.js +32 -31
  6. package/lib/internal/template/container/styles.scoped.css +57 -54
  7. package/lib/internal/template/container/styles.selectors.js +32 -31
  8. package/lib/internal/template/form-field/styles.css.js +24 -24
  9. package/lib/internal/template/form-field/styles.scoped.css +40 -38
  10. package/lib/internal/template/form-field/styles.selectors.js +24 -24
  11. package/lib/internal/template/internal/components/autosuggest-input/index.d.ts.map +1 -1
  12. package/lib/internal/template/internal/components/autosuggest-input/index.js +6 -0
  13. package/lib/internal/template/internal/components/autosuggest-input/index.js.map +1 -1
  14. package/lib/internal/template/internal/environment.js +1 -1
  15. package/lib/internal/template/internal/environment.json +1 -1
  16. package/lib/internal/template/internal/utils/dom.d.ts +1 -0
  17. package/lib/internal/template/internal/utils/dom.d.ts.map +1 -1
  18. package/lib/internal/template/internal/utils/dom.js +8 -0
  19. package/lib/internal/template/internal/utils/dom.js.map +1 -1
  20. package/lib/internal/template/table/header-cell/styles.css.js +28 -26
  21. package/lib/internal/template/table/header-cell/styles.scoped.css +68 -65
  22. package/lib/internal/template/table/header-cell/styles.selectors.js +28 -26
  23. package/package.json +1 -1
package/lib/internal/template/table/header-cell/styles.scoped.css CHANGED
@@ -146,7 +146,7 @@
146
146
  */
147
147
  /* Style used for links in slots/components that are text heavy, to help links stand out among
148
148
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
149
- .awsui_header-cell_1spae_1af1i_149:not(#\9) {
149
+ .awsui_header-cell_1spae_kxtek_149:not(#\9) {
150
150
  position: relative;
151
151
  text-align: start;
152
152
  box-sizing: border-box;
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
159
159
  padding-block: var(--space-scaled-xxs-krq5fq, 4px);
160
160
  padding-inline: var(--space-scaled-xs-t3am3w, 8px);
161
161
  }
162
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149:not(#\9):focus {
162
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149:not(#\9):focus {
163
163
  position: relative;
164
164
  }
165
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149:not(#\9):focus {
165
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149:not(#\9):focus {
166
166
  outline: 2px dotted transparent;
167
167
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
168
168
  }
169
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149:not(#\9):focus::before {
169
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149:not(#\9):focus::before {
170
170
  content: " ";
171
171
  display: block;
172
172
  position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149:not(#\9):
180
180
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
181
181
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
182
182
  }
183
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_header-cell-fake-focus_1spae_1af1i_183:not(#\9) {
183
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_header-cell-fake-focus_1spae_kxtek_183:not(#\9) {
184
184
  position: relative;
185
185
  }
186
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_header-cell-fake-focus_1spae_1af1i_183:not(#\9) {
186
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_header-cell-fake-focus_1spae_kxtek_183:not(#\9) {
187
187
  outline: 2px dotted transparent;
188
188
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
189
189
  }
190
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_header-cell-fake-focus_1spae_1af1i_183:not(#\9)::before {
190
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_header-cell-fake-focus_1spae_kxtek_183:not(#\9)::before {
191
191
  content: " ";
192
192
  display: block;
193
193
  position: absolute;
@@ -201,22 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_hea
201
201
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
202
202
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
203
203
  }
204
- .awsui_header-cell-sticky_1spae_1af1i_204:not(#\9) {
204
+ .awsui_header-cell-sticky_1spae_kxtek_204:not(#\9) {
205
205
  border-block-end: var(--border-table-sticky-width-fjjpkw, 0px) solid var(--color-border-divider-default-u5ytia, #eaeded);
206
206
  }
207
- .awsui_header-cell-stuck_1spae_1af1i_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1af1i_207) {
207
+ .awsui_header-cell-stuck_1spae_kxtek_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_kxtek_207) {
208
208
  border-block-end-color: transparent;
209
209
  }
210
- .awsui_header-cell-variant-full-page_1spae_1af1i_207:not(#\9) {
210
+ .awsui_header-cell-variant-full-page_1spae_kxtek_207:not(#\9) {
211
211
  background: var(--color-background-layout-main-f96353, #f2f3f3);
212
212
  }
213
- .awsui_header-cell-variant-full-page_1spae_1af1i_207.awsui_header-cell-hidden_1spae_1af1i_213:not(#\9) {
213
+ .awsui_header-cell-variant-full-page_1spae_kxtek_207.awsui_header-cell-hidden_1spae_kxtek_213:not(#\9) {
214
214
  border-block-end-color: transparent;
215
215
  }
216
- .awsui_header-cell_1spae_1af1i_149:not(#\9):last-child, .awsui_header-cell_1spae_1af1i_149.awsui_header-cell-sortable_1spae_1af1i_216:not(#\9) {
216
+ .awsui_header-cell-variant-embedded_1spae_kxtek_216.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):not(.awsui_header-cell-sticky_1spae_kxtek_204), .awsui_header-cell-variant-borderless_1spae_kxtek_216.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):not(.awsui_header-cell-sticky_1spae_kxtek_204) {
217
+ background: none;
218
+ }
219
+ .awsui_header-cell_1spae_kxtek_149:not(#\9):last-child, .awsui_header-cell_1spae_kxtek_149.awsui_header-cell-sortable_1spae_kxtek_219:not(#\9) {
217
220
  padding-inline-end: var(--space-xs-6dgkww, 8px);
218
221
  }
219
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell_1spae_1af1i_219:not(#\9) {
222
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell_1spae_kxtek_222:not(#\9) {
220
223
  position: sticky;
221
224
  background: var(--color-background-table-header-1ikpca, #fafafa);
222
225
  z-index: 798;
@@ -225,41 +228,41 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_hea
225
228
  transition-timing-function: var(--motion-easing-sticky-q4wcly, ease-out);
226
229
  }
227
230
  @media (prefers-reduced-motion: reduce) {
228
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell_1spae_1af1i_219:not(#\9) {
231
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell_1spae_kxtek_222:not(#\9) {
229
232
  animation: none;
230
233
  transition: none;
231
234
  }
232
235
  }
233
- .awsui-motion-disabled .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell_1spae_1af1i_219:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell_1spae_1af1i_219:not(#\9) {
236
+ .awsui-motion-disabled .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell_1spae_kxtek_222:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell_1spae_kxtek_222:not(#\9) {
234
237
  animation: none;
235
238
  transition: none;
236
239
  }
237
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell-pad-left_1spae_1af1i_237:not(#\9):not(.awsui_has-selection_1spae_1af1i_237) {
240
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell-pad-left_1spae_kxtek_240:not(#\9):not(.awsui_has-selection_1spae_kxtek_240) {
238
241
  padding-inline-start: var(--space-table-horizontal-4tqns0, 0px);
239
242
  }
240
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell-last-inline-start_1spae_1af1i_240:not(#\9) {
243
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell-last-inline-start_1spae_kxtek_243:not(#\9) {
241
244
  box-shadow: var(--shadow-sticky-column-first-k27zpq, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
242
245
  clip-path: inset(0px -24px 0px 0px);
243
246
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
244
247
  }
245
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell-last-inline-start_1spae_1af1i_240 > .awsui_resize-divider_1spae_1af1i_245:not(#\9) {
248
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell-last-inline-start_1spae_kxtek_243 > .awsui_resize-divider_1spae_kxtek_248:not(#\9) {
246
249
  display: none;
247
250
  }
248
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell-last-inline-start_1spae_1af1i_240:not(#\9):dir(rtl) {
251
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell-last-inline-start_1spae_kxtek_243:not(#\9):dir(rtl) {
249
252
  box-shadow: var(--shadow-sticky-column-last-60yk3a, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
250
253
  clip-path: inset(0 0 0 -24px);
251
254
  }
252
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell-last-inline-end_1spae_1af1i_252:not(#\9) {
255
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell-last-inline-end_1spae_kxtek_255:not(#\9) {
253
256
  box-shadow: var(--shadow-sticky-column-last-60yk3a, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
254
257
  clip-path: inset(0 0 0 -24px);
255
258
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
256
259
  }
257
- .awsui_header-cell_1spae_1af1i_149.awsui_sticky-cell-last-inline-end_1spae_1af1i_252:not(#\9):dir(rtl) {
260
+ .awsui_header-cell_1spae_kxtek_149.awsui_sticky-cell-last-inline-end_1spae_kxtek_255:not(#\9):dir(rtl) {
258
261
  box-shadow: var(--shadow-sticky-column-first-k27zpq, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
259
262
  clip-path: inset(0 -24px 0 0);
260
263
  }
261
264
 
262
- .awsui_sorting-icon_1spae_1af1i_262:not(#\9) {
265
+ .awsui_sorting-icon_1spae_kxtek_265:not(#\9) {
263
266
  position: absolute;
264
267
  inset-block-start: 50%;
265
268
  transform: translateY(-50%);
@@ -267,36 +270,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_hea
267
270
  color: var(--color-text-column-sorting-icon-hzt013, #687078);
268
271
  }
269
272
 
270
- .awsui_edit-icon_1spae_1af1i_270:not(#\9) {
273
+ .awsui_edit-icon_1spae_kxtek_273:not(#\9) {
271
274
  margin-inline-start: var(--space-xxs-y2432o, 4px);
272
275
  margin-block-start: var(--space-scaled-xxs-krq5fq, 4px);
273
276
  color: inherit;
274
277
  }
275
278
 
276
- .awsui_header-cell-content_1spae_1af1i_276:not(#\9) {
279
+ .awsui_header-cell-content_1spae_kxtek_279:not(#\9) {
277
280
  position: relative;
278
281
  padding-block: var(--space-scaled-xxs-krq5fq, 4px);
279
282
  padding-inline-end: var(--space-s-vmutj3, 12px);
280
283
  padding-inline-start: var(--space-s-vmutj3, 12px);
281
284
  }
282
- .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-content-expandable_1spae_1af1i_282:not(#\9) {
285
+ .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-content-expandable_1spae_kxtek_285:not(#\9) {
283
286
  padding-inline-start: calc(var(--space-s-vmutj3, 12px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
284
287
  }
285
- .awsui_header-cell-sortable_1spae_1af1i_216 > .awsui_header-cell-content_1spae_1af1i_276:not(#\9) {
288
+ .awsui_header-cell-sortable_1spae_kxtek_219 > .awsui_header-cell-content_1spae_kxtek_279:not(#\9) {
286
289
  padding-inline-end: calc(var(--space-xl-vss8pc, 24px) + var(--space-xxs-y2432o, 4px));
287
290
  }
288
- .awsui_header-cell-content_1spae_1af1i_276:not(#\9):focus {
291
+ .awsui_header-cell-content_1spae_kxtek_279:not(#\9):focus {
289
292
  outline: none;
290
293
  text-decoration: none;
291
294
  }
292
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276:not(#\9):focus {
295
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279:not(#\9):focus {
293
296
  position: relative;
294
297
  }
295
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276:not(#\9):focus {
298
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279:not(#\9):focus {
296
299
  outline: 2px dotted transparent;
297
300
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) - 1px);
298
301
  }
299
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276:not(#\9):focus::before {
302
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279:not(#\9):focus::before {
300
303
  content: " ";
301
304
  display: block;
302
305
  position: absolute;
@@ -310,14 +313,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276:n
310
313
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
311
314
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
312
315
  }
313
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-fake-focus_1spae_1af1i_183:not(#\9) {
316
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-fake-focus_1spae_kxtek_183:not(#\9) {
314
317
  position: relative;
315
318
  }
316
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-fake-focus_1spae_1af1i_183:not(#\9) {
319
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-fake-focus_1spae_kxtek_183:not(#\9) {
317
320
  outline: 2px dotted transparent;
318
321
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) - 1px);
319
322
  }
320
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-fake-focus_1spae_1af1i_183:not(#\9)::before {
323
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-fake-focus_1spae_kxtek_183:not(#\9)::before {
321
324
  content: " ";
322
325
  display: block;
323
326
  position: absolute;
@@ -331,32 +334,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1af1i_276.a
331
334
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
332
335
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
333
336
  }
334
- .awsui_header-cell-disabled_1spae_1af1i_334.awsui_header-cell-sorted_1spae_1af1i_334 > .awsui_header-cell-content_1spae_1af1i_276 > .awsui_sorting-icon_1spae_1af1i_262:not(#\9) {
337
+ .awsui_header-cell-disabled_1spae_kxtek_337.awsui_header-cell-sorted_1spae_kxtek_337 > .awsui_header-cell-content_1spae_kxtek_279 > .awsui_sorting-icon_1spae_kxtek_265:not(#\9) {
335
338
  color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
336
339
  }
337
340
 
338
- .awsui_header-cell-sortable_1spae_1af1i_216:not(#\9):not(.awsui_header-cell-disabled_1spae_1af1i_334) > .awsui_header-cell-content_1spae_1af1i_276 {
341
+ .awsui_header-cell-sortable_1spae_kxtek_219:not(#\9):not(.awsui_header-cell-disabled_1spae_kxtek_337) > .awsui_header-cell-content_1spae_kxtek_279 {
339
342
  cursor: pointer;
340
343
  }
341
- .awsui_header-cell-sortable_1spae_1af1i_216:not(#\9):not(.awsui_header-cell-disabled_1spae_1af1i_334) > .awsui_header-cell-content_1spae_1af1i_276:hover, .awsui_header-cell-sortable_1spae_1af1i_216:not(#\9):not(.awsui_header-cell-disabled_1spae_1af1i_334).awsui_header-cell-sorted_1spae_1af1i_334 > .awsui_header-cell-content_1spae_1af1i_276 {
344
+ .awsui_header-cell-sortable_1spae_kxtek_219:not(#\9):not(.awsui_header-cell-disabled_1spae_kxtek_337) > .awsui_header-cell-content_1spae_kxtek_279:hover, .awsui_header-cell-sortable_1spae_kxtek_219:not(#\9):not(.awsui_header-cell-disabled_1spae_kxtek_337).awsui_header-cell-sorted_1spae_kxtek_337 > .awsui_header-cell-content_1spae_kxtek_279 {
342
345
  color: var(--color-text-interactive-active-xcqmut, #16191f);
343
346
  }
344
- .awsui_header-cell-sortable_1spae_1af1i_216:not(#\9):not(.awsui_header-cell-disabled_1spae_1af1i_334) > .awsui_header-cell-content_1spae_1af1i_276:hover > .awsui_sorting-icon_1spae_1af1i_262, .awsui_header-cell-sortable_1spae_1af1i_216:not(#\9):not(.awsui_header-cell-disabled_1spae_1af1i_334).awsui_header-cell-sorted_1spae_1af1i_334 > .awsui_header-cell-content_1spae_1af1i_276 > .awsui_sorting-icon_1spae_1af1i_262 {
347
+ .awsui_header-cell-sortable_1spae_kxtek_219:not(#\9):not(.awsui_header-cell-disabled_1spae_kxtek_337) > .awsui_header-cell-content_1spae_kxtek_279:hover > .awsui_sorting-icon_1spae_kxtek_265, .awsui_header-cell-sortable_1spae_kxtek_219:not(#\9):not(.awsui_header-cell-disabled_1spae_kxtek_337).awsui_header-cell-sorted_1spae_kxtek_337 > .awsui_header-cell-content_1spae_kxtek_279 > .awsui_sorting-icon_1spae_kxtek_265 {
345
348
  color: var(--color-text-interactive-active-xcqmut, #16191f);
346
349
  }
347
350
 
348
- .awsui_header-cell-text_1spae_1af1i_348:not(#\9) {
351
+ .awsui_header-cell-text_1spae_kxtek_351:not(#\9) {
349
352
  line-height: var(--line-height-heading-xs-funjxm, 20px);
350
353
  padding-block: calc(var(--space-xxxs-gn3248, 2px) / 2);
351
354
  }
352
- .awsui_header-cell-text_1spae_1af1i_348:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1af1i_352) {
355
+ .awsui_header-cell-text_1spae_kxtek_351:not(#\9):not(.awsui_header-cell-text-wrap_1spae_kxtek_355) {
353
356
  white-space: nowrap;
354
357
  overflow: hidden;
355
358
  text-overflow: ellipsis;
356
359
  }
357
360
 
358
- .awsui_header-cell-ascending_1spae_1af1i_358:not(#\9),
359
- .awsui_header-cell-descending_1spae_1af1i_359:not(#\9) {
361
+ .awsui_header-cell-ascending_1spae_kxtek_361:not(#\9),
362
+ .awsui_header-cell-descending_1spae_kxtek_362:not(#\9) {
360
363
  /* used in test-utils */
361
364
  }
362
365
 
@@ -366,28 +369,28 @@ with the left edge of the table as closely as possible. If the
366
369
  last header cell is sortable the sort icon should align with the
367
370
  settings icon in the pagination slot.
368
371
  */
369
- .awsui_header-cell_1spae_1af1i_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1af1i_369):first-child {
372
+ .awsui_header-cell_1spae_kxtek_149:not(#\9):not(.awsui_is-visual-refresh_1spae_kxtek_216):first-child {
370
373
  padding-inline-start: var(--space-xs-6dgkww, 8px);
371
374
  }
372
- .awsui_header-cell_1spae_1af1i_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1af1i_369):first-child.awsui_header-cell-content-expandable_1spae_1af1i_282 {
375
+ .awsui_header-cell_1spae_kxtek_149:not(#\9):not(.awsui_is-visual-refresh_1spae_kxtek_216):first-child.awsui_header-cell-content-expandable_1spae_kxtek_285 {
373
376
  padding-inline-start: calc(var(--space-xs-6dgkww, 8px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
374
377
  }
375
378
 
376
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9) {
379
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9) {
377
380
  /*
378
381
  Striped rows requires additional left padding because the
379
382
  shaded background makes the child content appear too close
380
383
  to the table edge.
381
384
  */
382
385
  }
383
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child:focus {
386
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child:focus {
384
387
  position: relative;
385
388
  }
386
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child:focus {
389
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child:focus {
387
390
  outline: 2px dotted transparent;
388
391
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
389
392
  }
390
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child:focus::before {
393
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child:focus::before {
391
394
  content: " ";
392
395
  display: block;
393
396
  position: absolute;
@@ -401,14 +404,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-
401
404
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
402
405
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
403
406
  }
404
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1af1i_183 {
407
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_kxtek_183 {
405
408
  position: relative;
406
409
  }
407
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1af1i_183 {
410
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_kxtek_183 {
408
411
  outline: 2px dotted transparent;
409
412
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
410
413
  }
411
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1af1i_183::before {
414
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_kxtek_183::before {
412
415
  content: " ";
413
416
  display: block;
414
417
  position: absolute;
@@ -422,20 +425,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-
422
425
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
423
426
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
424
427
  }
425
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276 {
428
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279 {
426
429
  padding-inline-start: 0px;
427
430
  }
428
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-content-expandable_1spae_1af1i_282 {
431
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-content-expandable_1spae_kxtek_285 {
429
432
  padding-inline-start: calc(0px + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
430
433
  }
431
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276:focus {
434
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279:focus {
432
435
  position: relative;
433
436
  }
434
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276:focus {
437
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279:focus {
435
438
  outline: 2px dotted transparent;
436
439
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
437
440
  }
438
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276:focus::before {
441
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279:focus::before {
439
442
  content: " ";
440
443
  display: block;
441
444
  position: absolute;
@@ -449,14 +452,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-
449
452
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
450
453
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
451
454
  }
452
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-fake-focus_1spae_1af1i_183 {
455
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-fake-focus_1spae_kxtek_183 {
453
456
  position: relative;
454
457
  }
455
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-fake-focus_1spae_1af1i_183 {
458
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-fake-focus_1spae_kxtek_183 {
456
459
  outline: 2px dotted transparent;
457
460
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
458
461
  }
459
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child > .awsui_header-cell-content_1spae_1af1i_276.awsui_header-cell-fake-focus_1spae_1af1i_183::before {
462
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child > .awsui_header-cell-content_1spae_kxtek_279.awsui_header-cell-fake-focus_1spae_kxtek_183::before {
460
463
  content: " ";
461
464
  display: block;
462
465
  position: absolute;
@@ -470,24 +473,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1af1i_149.awsui_is-
470
473
  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
471
474
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
472
475
  }
473
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1af1i_473):not(.awsui_sticky-cell-pad-inline-start_1spae_1af1i_473) {
476
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_kxtek_476):not(.awsui_sticky-cell-pad-inline-start_1spae_kxtek_476) {
474
477
  padding-inline-start: var(--space-xxxs-gn3248, 2px);
475
478
  }
476
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1af1i_473):not(.awsui_sticky-cell-pad-inline-start_1spae_1af1i_473).awsui_header-cell-content-expandable_1spae_1af1i_282 {
479
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_kxtek_476):not(.awsui_sticky-cell-pad-inline-start_1spae_kxtek_476).awsui_header-cell-content-expandable_1spae_kxtek_285 {
477
480
  padding-inline-start: calc(var(--space-xxxs-gn3248, 2px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
478
481
  }
479
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child.awsui_has-striped-rows_1spae_1af1i_473:not(.awsui_sticky-cell-pad-inline-start_1spae_1af1i_473) {
482
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child.awsui_has-striped-rows_1spae_kxtek_476:not(.awsui_sticky-cell-pad-inline-start_1spae_kxtek_476) {
480
483
  padding-inline-start: var(--space-xxs-y2432o, 4px);
481
484
  }
482
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):first-child.awsui_has-striped-rows_1spae_1af1i_473:not(.awsui_sticky-cell-pad-inline-start_1spae_1af1i_473).awsui_header-cell-content-expandable_1spae_1af1i_282 {
485
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):first-child.awsui_has-striped-rows_1spae_kxtek_476:not(.awsui_sticky-cell-pad-inline-start_1spae_kxtek_476).awsui_header-cell-content-expandable_1spae_kxtek_285 {
483
486
  padding-inline-start: calc(var(--space-xxs-y2432o, 4px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
484
487
  }
485
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369:not(#\9):last-child.awsui_header-cell-sortable_1spae_1af1i_216 {
488
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_kxtek_219 {
486
489
  padding-inline-end: var(--space-xxxs-gn3248, 2px);
487
490
  }
488
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369.awsui_sticky-cell-pad-inline-start_1spae_1af1i_473:not(#\9) {
491
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216.awsui_sticky-cell-pad-inline-start_1spae_kxtek_476:not(#\9) {
489
492
  padding-inline-start: var(--space-scaled-l-7e51pg, 20px);
490
493
  }
491
- .awsui_header-cell_1spae_1af1i_149.awsui_is-visual-refresh_1spae_1af1i_369.awsui_sticky-cell-pad-inline-start_1spae_1af1i_473.awsui_header-cell-content-expandable_1spae_1af1i_282:not(#\9) {
494
+ .awsui_header-cell_1spae_kxtek_149.awsui_is-visual-refresh_1spae_kxtek_216.awsui_sticky-cell-pad-inline-start_1spae_kxtek_476.awsui_header-cell-content-expandable_1spae_kxtek_285:not(#\9) {
492
495
  padding-inline-start: calc(var(--space-scaled-l-7e51pg, 20px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
493
496
  }
package/lib/internal/template/table/header-cell/styles.selectors.js CHANGED
@@ -2,31 +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
- "header-cell": "awsui_header-cell_1spae_1af1i_149",
6
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1af1i_183",
7
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_1af1i_204",
8
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_1af1i_207",
9
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1af1i_207",
10
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_1af1i_213",
11
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_1af1i_216",
12
- "sticky-cell": "awsui_sticky-cell_1spae_1af1i_219",
13
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1af1i_237",
14
- "has-selection": "awsui_has-selection_1spae_1af1i_237",
15
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1af1i_240",
16
- "resize-divider": "awsui_resize-divider_1spae_1af1i_245",
17
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1af1i_252",
18
- "sorting-icon": "awsui_sorting-icon_1spae_1af1i_262",
19
- "edit-icon": "awsui_edit-icon_1spae_1af1i_270",
20
- "header-cell-content": "awsui_header-cell-content_1spae_1af1i_276",
21
- "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1af1i_282",
22
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_1af1i_334",
23
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_1af1i_334",
24
- "header-cell-text": "awsui_header-cell-text_1spae_1af1i_348",
25
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1af1i_352",
26
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_1af1i_358",
27
- "header-cell-descending": "awsui_header-cell-descending_1spae_1af1i_359",
28
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_1af1i_369",
29
- "has-striped-rows": "awsui_has-striped-rows_1spae_1af1i_473",
30
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1af1i_473"
5
+ "header-cell": "awsui_header-cell_1spae_kxtek_149",
6
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_kxtek_183",
7
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_kxtek_204",
8
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_kxtek_207",
9
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_kxtek_207",
10
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_kxtek_213",
11
+ "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_kxtek_216",
12
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_kxtek_216",
13
+ "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_kxtek_216",
14
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_kxtek_219",
15
+ "sticky-cell": "awsui_sticky-cell_1spae_kxtek_222",
16
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_kxtek_240",
17
+ "has-selection": "awsui_has-selection_1spae_kxtek_240",
18
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_kxtek_243",
19
+ "resize-divider": "awsui_resize-divider_1spae_kxtek_248",
20
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_kxtek_255",
21
+ "sorting-icon": "awsui_sorting-icon_1spae_kxtek_265",
22
+ "edit-icon": "awsui_edit-icon_1spae_kxtek_273",
23
+ "header-cell-content": "awsui_header-cell-content_1spae_kxtek_279",
24
+ "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_kxtek_285",
25
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_kxtek_337",
26
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_kxtek_337",
27
+ "header-cell-text": "awsui_header-cell-text_1spae_kxtek_351",
28
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_kxtek_355",
29
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_kxtek_361",
30
+ "header-cell-descending": "awsui_header-cell-descending_1spae_kxtek_362",
31
+ "has-striped-rows": "awsui_has-striped-rows_1spae_kxtek_476",
32
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_kxtek_476"
31
33
  };
32
34
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.883",
3
+ "version": "3.0.885",
4
4
  "files": [
5
5
  "lib"
6
6
  ],