@cloudscape-design/components-themeable 3.0.1312 → 3.0.1313

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 (109) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +5 -0
  3. package/lib/internal/scss/button-dropdown/styles.scss +14 -0
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/scss/internal/styles/utils/theming.scss +6 -0
  6. package/lib/internal/scss/segmented-control/styles.scss +2 -2
  7. package/lib/internal/scss/steps/styles.scss +39 -0
  8. package/lib/internal/scss/table/header-cell/styles.scss +13 -2
  9. package/lib/internal/scss/table/resizer/styles.scss +9 -1
  10. package/lib/internal/scss/toggle/styles.scss +1 -1
  11. package/lib/internal/scss/toggle-button/styles.scss +7 -1
  12. package/lib/internal/scss/token/mixins.scss +4 -4
  13. package/lib/internal/scss/token/styles.scss +7 -0
  14. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  15. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +4 -2
  16. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  17. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  18. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +4 -2
  19. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  20. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +19 -18
  21. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +32 -28
  22. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +19 -18
  23. package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
  24. package/lib/internal/template/button-dropdown/index.js +4 -3
  25. package/lib/internal/template/button-dropdown/index.js.map +1 -1
  26. package/lib/internal/template/button-dropdown/interfaces.d.ts +22 -0
  27. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  28. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  29. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  30. package/lib/internal/template/button-dropdown/internal.js +14 -6
  31. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  32. package/lib/internal/template/button-dropdown/styles.css.js +23 -22
  33. package/lib/internal/template/button-dropdown/styles.scoped.css +36 -30
  34. package/lib/internal/template/button-dropdown/styles.selectors.js +23 -22
  35. package/lib/internal/template/button-group/interfaces.d.ts +12 -1
  36. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  37. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  38. package/lib/internal/template/button-group/menu-dropdown-item.d.ts.map +1 -1
  39. package/lib/internal/template/button-group/menu-dropdown-item.js +2 -1
  40. package/lib/internal/template/button-group/menu-dropdown-item.js.map +1 -1
  41. package/lib/internal/template/internal/base-component/styles.scoped.css +59 -1
  42. package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map +1 -1
  43. package/lib/internal/template/internal/components/checkbox-icon/index.js +11 -2
  44. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  45. package/lib/internal/template/internal/environment.js +2 -2
  46. package/lib/internal/template/internal/environment.json +2 -2
  47. package/lib/internal/template/internal/generated/styles/tokens.d.ts +7 -0
  48. package/lib/internal/template/internal/generated/styles/tokens.js +7 -0
  49. package/lib/internal/template/internal/generated/theming/index.cjs +203 -0
  50. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +63 -0
  51. package/lib/internal/template/internal/generated/theming/index.d.ts +63 -0
  52. package/lib/internal/template/internal/generated/theming/index.js +203 -0
  53. package/lib/internal/template/internal/utils/throttle.d.ts.map +1 -1
  54. package/lib/internal/template/internal/utils/throttle.js +3 -1
  55. package/lib/internal/template/internal/utils/throttle.js.map +1 -1
  56. package/lib/internal/template/progress-bar/index.d.ts.map +1 -1
  57. package/lib/internal/template/progress-bar/index.js +1 -0
  58. package/lib/internal/template/progress-bar/index.js.map +1 -1
  59. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  60. package/lib/internal/template/segmented-control/styles.scoped.css +34 -34
  61. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  62. package/lib/internal/template/steps/internal.d.ts.map +1 -1
  63. package/lib/internal/template/steps/internal.js +20 -6
  64. package/lib/internal/template/steps/internal.js.map +1 -1
  65. package/lib/internal/template/steps/styles.css.js +12 -9
  66. package/lib/internal/template/steps/styles.scoped.css +43 -15
  67. package/lib/internal/template/steps/styles.selectors.js +12 -9
  68. package/lib/internal/template/table/header-cell/group-header-cell.d.ts.map +1 -1
  69. package/lib/internal/template/table/header-cell/group-header-cell.js +1 -1
  70. package/lib/internal/template/table/header-cell/group-header-cell.js.map +1 -1
  71. package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
  72. package/lib/internal/template/table/header-cell/index.js +2 -1
  73. package/lib/internal/template/table/header-cell/index.js.map +1 -1
  74. package/lib/internal/template/table/header-cell/styles.css.js +33 -33
  75. package/lib/internal/template/table/header-cell/styles.scoped.css +81 -74
  76. package/lib/internal/template/table/header-cell/styles.selectors.js +33 -33
  77. package/lib/internal/template/table/resizer/index.d.ts +4 -2
  78. package/lib/internal/template/table/resizer/index.d.ts.map +1 -1
  79. package/lib/internal/template/table/resizer/index.js +4 -4
  80. package/lib/internal/template/table/resizer/index.js.map +1 -1
  81. package/lib/internal/template/table/resizer/styles.css.js +17 -16
  82. package/lib/internal/template/table/resizer/styles.scoped.css +32 -24
  83. package/lib/internal/template/table/resizer/styles.selectors.js +17 -16
  84. package/lib/internal/template/table/selection/selection-cell.d.ts +2 -1
  85. package/lib/internal/template/table/selection/selection-cell.d.ts.map +1 -1
  86. package/lib/internal/template/table/selection/selection-cell.js +2 -2
  87. package/lib/internal/template/table/selection/selection-cell.js.map +1 -1
  88. package/lib/internal/template/table/thead.d.ts.map +1 -1
  89. package/lib/internal/template/table/thead.js +1 -1
  90. package/lib/internal/template/table/thead.js.map +1 -1
  91. package/lib/internal/template/toggle/styles.css.js +10 -10
  92. package/lib/internal/template/toggle/styles.scoped.css +18 -18
  93. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  94. package/lib/internal/template/toggle-button/internal.d.ts.map +1 -1
  95. package/lib/internal/template/toggle-button/internal.js +3 -1
  96. package/lib/internal/template/toggle-button/internal.js.map +1 -1
  97. package/lib/internal/template/toggle-button/styles.css.js +4 -3
  98. package/lib/internal/template/toggle-button/styles.scoped.css +8 -3
  99. package/lib/internal/template/toggle-button/styles.selectors.js +4 -3
  100. package/lib/internal/template/token/dismiss-button.d.ts.map +1 -1
  101. package/lib/internal/template/token/dismiss-button.js +3 -1
  102. package/lib/internal/template/token/dismiss-button.js.map +1 -1
  103. package/lib/internal/template/token/internal.d.ts.map +1 -1
  104. package/lib/internal/template/token/internal.js +11 -3
  105. package/lib/internal/template/token/internal.js.map +1 -1
  106. package/lib/internal/template/token/styles.css.js +14 -14
  107. package/lib/internal/template/token/styles.scoped.css +33 -30
  108. package/lib/internal/template/token/styles.selectors.js +14 -14
  109. package/package.json +1 -1
package/lib/internal/template/table/header-cell/styles.scoped.css CHANGED
@@ -146,11 +146,11 @@
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_1gdol_149:not(#\9) {
149
+ .awsui_header-cell_1spae_eevyv_149:not(#\9) {
150
150
  position: relative;
151
151
  text-align: start;
152
152
  box-sizing: border-box;
153
- border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-interactive-default-cyw7tx, #687078);
153
+ border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
154
154
  background: var(--color-background-table-header-5hauij, #fafafa);
155
155
  color: var(--color-text-column-header-hm90p0, #545b64);
156
156
  font-weight: var(--font-weight-heading-s-qxvrar, 700);
@@ -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-jatbiv, 4px);
160
160
  padding-inline: var(--space-scaled-xs-sppte9, 8px);
161
161
  }
162
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus {
162
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149:not(#\9):focus {
163
163
  position: relative;
164
164
  }
165
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus {
165
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149:not(#\9):focus {
166
166
  outline: 2px dotted transparent;
167
167
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
168
168
  }
169
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149:not(#\9):focus::before {
169
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_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_1gdol_149:not(#\9):
180
180
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
181
181
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
182
182
  }
183
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
183
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
184
184
  position: relative;
185
185
  }
186
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
186
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
187
187
  outline: 2px dotted transparent;
188
188
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
189
189
  }
190
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9)::before {
190
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9)::before {
191
191
  content: " ";
192
192
  display: block;
193
193
  position: absolute;
@@ -201,29 +201,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_hea
201
201
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
202
202
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
203
203
  }
204
- .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-group_1spae_1gdol_204:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-grouped_1spae_1gdol_204:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-spans-rows_1spae_1gdol_204:not(#\9) {
204
+ .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-group_1spae_eevyv_204:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-grouped_1spae_eevyv_204:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-spans-rows_1spae_eevyv_204:not(#\9) {
205
205
  padding-block: var(--space-xxxs-3w1kr2, 2px);
206
206
  padding-inline: var(--space-scaled-xs-sppte9, 8px);
207
+ border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
207
208
  }
208
- .awsui_header-cell-sticky_1spae_1gdol_208:not(#\9) {
209
- border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-interactive-default-cyw7tx, #687078);
209
+ .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-group_1spae_eevyv_204 > .awsui_resize-divider_1spae_eevyv_209.awsui_resize-divider_1spae_eevyv_209:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-grouped_1spae_eevyv_204 > .awsui_resize-divider_1spae_eevyv_209.awsui_resize-divider_1spae_eevyv_209:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_resize-divider_1spae_eevyv_209.awsui_resize-divider_1spae_eevyv_209:not(#\9) {
210
+ border-inline-start-color: var(--color-border-divider-table-group-enot8o, #879596);
210
211
  }
211
- .awsui_header-cell-stuck_1spae_1gdol_211:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1gdol_211) {
212
+ .awsui_header-cell-sticky_1spae_eevyv_212:not(#\9) {
213
+ border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-default-ipvpev, #eaeded);
214
+ }
215
+ .awsui_header-cell-sticky_1spae_eevyv_212.awsui_header-cell-group_1spae_eevyv_204:not(#\9), .awsui_header-cell-sticky_1spae_eevyv_212.awsui_header-cell-grouped_1spae_eevyv_204:not(#\9), .awsui_header-cell-sticky_1spae_eevyv_212.awsui_header-cell-spans-rows_1spae_eevyv_204:not(#\9) {
216
+ border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
217
+ }
218
+ .awsui_header-cell-stuck_1spae_eevyv_218:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_eevyv_218) {
212
219
  border-block-end-color: transparent;
213
220
  }
214
- .awsui_header-cell-variant-full-page_1spae_1gdol_211:not(#\9) {
221
+ .awsui_header-cell-variant-full-page_1spae_eevyv_218:not(#\9) {
215
222
  background: var(--color-background-layout-main-05m5y6, #f2f3f3);
216
223
  }
217
- .awsui_header-cell-variant-full-page_1spae_1gdol_211.awsui_header-cell-hidden_1spae_1gdol_217:not(#\9) {
224
+ .awsui_header-cell-variant-full-page_1spae_eevyv_218.awsui_header-cell-hidden_1spae_eevyv_224:not(#\9) {
218
225
  border-block-end-color: transparent;
219
226
  }
220
- .awsui_header-cell-variant-embedded_1spae_1gdol_220.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1gdol_208, .awsui_sticky-cell_1spae_1gdol_220)), .awsui_header-cell-variant-borderless_1spae_1gdol_220.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1gdol_208, .awsui_sticky-cell_1spae_1gdol_220)) {
227
+ .awsui_header-cell-variant-embedded_1spae_eevyv_227.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_eevyv_212, .awsui_sticky-cell_1spae_eevyv_227)), .awsui_header-cell-variant-borderless_1spae_eevyv_227.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_eevyv_212, .awsui_sticky-cell_1spae_eevyv_227)) {
221
228
  background: none;
222
229
  }
223
- .awsui_header-cell_1spae_1gdol_149:not(#\9):last-child, .awsui_header-cell_1spae_1gdol_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_1gdol_149.awsui_header-cell-sortable_1spae_1gdol_223:not(#\9) {
230
+ .awsui_header-cell_1spae_eevyv_149:not(#\9):last-child, .awsui_header-cell_1spae_eevyv_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_eevyv_149.awsui_header-cell-sortable_1spae_eevyv_230:not(#\9) {
224
231
  padding-inline-end: var(--space-xs-kw7k3v, 8px);
225
232
  }
226
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
233
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9) {
227
234
  position: sticky;
228
235
  background: var(--color-background-table-header-5hauij, #fafafa);
229
236
  z-index: 798;
@@ -232,44 +239,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_hea
232
239
  transition-timing-function: var(--motion-easing-sticky-xd5evu, ease-out);
233
240
  }
234
241
  @media (prefers-reduced-motion: reduce) {
235
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
242
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9) {
236
243
  animation: none;
237
244
  transition: none;
238
245
  }
239
246
  }
240
- .awsui-motion-disabled .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220:not(#\9) {
247
+ .awsui-motion-disabled .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227:not(#\9) {
241
248
  animation: none;
242
249
  transition: none;
243
250
  }
244
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell_1spae_1gdol_220.awsui_table-variant-full-page_1spae_1gdol_244:not(#\9) {
251
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell_1spae_eevyv_227.awsui_table-variant-full-page_1spae_eevyv_251:not(#\9) {
245
252
  background: var(--color-background-layout-main-05m5y6, #f2f3f3);
246
253
  }
247
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-pad-left_1spae_1gdol_247:not(#\9):not(.awsui_has-selection_1spae_1gdol_247) {
254
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-pad-left_1spae_eevyv_254:not(#\9):not(.awsui_has-selection_1spae_eevyv_254) {
248
255
  padding-inline-start: var(--space-table-horizontal-xmv4qa, 0px);
249
256
  }
250
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250:not(#\9) {
257
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-start_1spae_eevyv_257:not(#\9) {
251
258
  box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
252
259
  clip-path: inset(0px -24px 0px 0px);
253
260
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
254
261
  }
255
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250 > .awsui_resize-divider_1spae_1gdol_255:not(#\9) {
262
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-start_1spae_eevyv_257 > .awsui_resize-divider_1spae_eevyv_209:not(#\9) {
256
263
  display: none;
257
264
  }
258
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-start_1spae_1gdol_250:not(#\9):dir(rtl) {
265
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-start_1spae_eevyv_257:not(#\9):dir(rtl) {
259
266
  box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
260
267
  clip-path: inset(0 0 0 -24px);
261
268
  }
262
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-end_1spae_1gdol_262:not(#\9) {
269
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-end_1spae_eevyv_269:not(#\9) {
263
270
  box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
264
271
  clip-path: inset(0 0 0 -24px);
265
272
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
266
273
  }
267
- .awsui_header-cell_1spae_1gdol_149.awsui_sticky-cell-last-inline-end_1spae_1gdol_262:not(#\9):dir(rtl) {
274
+ .awsui_header-cell_1spae_eevyv_149.awsui_sticky-cell-last-inline-end_1spae_eevyv_269:not(#\9):dir(rtl) {
268
275
  box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
269
276
  clip-path: inset(0 -24px 0 0);
270
277
  }
271
278
 
272
- .awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
279
+ .awsui_sorting-icon_1spae_eevyv_279:not(#\9) {
273
280
  position: absolute;
274
281
  inset-block-start: 50%;
275
282
  transform: translateY(-50%);
@@ -277,39 +284,39 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_hea
277
284
  color: var(--color-text-column-sorting-icon-gys874, #687078);
278
285
  }
279
286
 
280
- .awsui_edit-icon_1spae_1gdol_280:not(#\9) {
287
+ .awsui_edit-icon_1spae_eevyv_287:not(#\9) {
281
288
  margin-inline-start: var(--space-xxs-jnczic, 4px);
282
289
  margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
283
290
  color: inherit;
284
291
  }
285
292
 
286
- .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
293
+ .awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
287
294
  position: relative;
288
295
  padding-block: var(--space-scaled-xxs-jatbiv, 4px);
289
296
  padding-inline-end: var(--space-s-4a5hs8, 12px);
290
297
  padding-inline-start: var(--space-s-4a5hs8, 12px);
291
298
  }
292
- .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-content-expandable_1spae_1gdol_292:not(#\9) {
299
+ .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-content-expandable_1spae_eevyv_299:not(#\9) {
293
300
  padding-inline-start: calc(var(--space-s-4a5hs8, 12px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
294
301
  }
295
- .awsui_header-cell-group_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9), .awsui_header-cell-grouped_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9), .awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
302
+ .awsui_header-cell-group_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9), .awsui_header-cell-grouped_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9), .awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
296
303
  padding-block: var(--space-xxxs-3w1kr2, 2px);
297
304
  }
298
- .awsui_header-cell-sortable_1spae_1gdol_223 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
305
+ .awsui_header-cell-sortable_1spae_eevyv_230 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
299
306
  padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
300
307
  }
301
- .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
308
+ .awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus {
302
309
  outline: none;
303
310
  text-decoration: none;
304
311
  }
305
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
312
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus {
306
313
  position: relative;
307
314
  }
308
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus {
315
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus {
309
316
  outline: 2px dotted transparent;
310
317
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
311
318
  }
312
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:not(#\9):focus::before {
319
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293:not(#\9):focus::before {
313
320
  content: " ";
314
321
  display: block;
315
322
  position: absolute;
@@ -323,14 +330,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286:n
323
330
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
324
331
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
325
332
  }
326
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
333
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
327
334
  position: relative;
328
335
  }
329
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9) {
336
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9) {
330
337
  outline: 2px dotted transparent;
331
338
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
332
339
  }
333
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183:not(#\9)::before {
340
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183:not(#\9)::before {
334
341
  content: " ";
335
342
  display: block;
336
343
  position: absolute;
@@ -344,49 +351,49 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1gdol_286.a
344
351
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
345
352
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
346
353
  }
347
- .awsui_header-cell-disabled_1spae_1gdol_347.awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
354
+ .awsui_header-cell-disabled_1spae_eevyv_354.awsui_header-cell-sorted_1spae_eevyv_354 > .awsui_header-cell-content_1spae_eevyv_293 > .awsui_sorting-icon_1spae_eevyv_279:not(#\9) {
348
355
  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
349
356
  }
350
357
 
351
- .awsui_header-cell-spans-rows_1spae_1gdol_204:not(#\9) {
358
+ .awsui_header-cell-spans-rows_1spae_eevyv_204:not(#\9) {
352
359
  block-size: 100%;
353
360
  vertical-align: bottom;
354
361
  }
355
- .awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286:not(#\9) {
362
+ .awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293:not(#\9) {
356
363
  block-size: 100%;
357
364
  box-sizing: border-box;
358
365
  display: flex;
359
366
  flex-direction: column;
360
367
  justify-content: flex-end;
361
368
  }
362
- .awsui_header-cell-spans-rows_1spae_1gdol_204 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272:not(#\9) {
369
+ .awsui_header-cell-spans-rows_1spae_eevyv_204 > .awsui_header-cell-content_1spae_eevyv_293 > .awsui_sorting-icon_1spae_eevyv_279:not(#\9) {
363
370
  inset-block-start: auto;
364
371
  inset-block-end: var(--space-scaled-xxs-jatbiv, 4px);
365
372
  transform: none;
366
373
  }
367
374
 
368
- .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286 {
375
+ .awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354) > .awsui_header-cell-content_1spae_eevyv_293 {
369
376
  cursor: pointer;
370
377
  }
371
- .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286:hover, .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347).awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 {
378
+ .awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354) > .awsui_header-cell-content_1spae_eevyv_293:hover, .awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354).awsui_header-cell-sorted_1spae_eevyv_354 > .awsui_header-cell-content_1spae_eevyv_293 {
372
379
  color: var(--color-text-interactive-active-c44vdq, #16191f);
373
380
  }
374
- .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347) > .awsui_header-cell-content_1spae_1gdol_286:hover > .awsui_sorting-icon_1spae_1gdol_272, .awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-disabled_1spae_1gdol_347).awsui_header-cell-sorted_1spae_1gdol_347 > .awsui_header-cell-content_1spae_1gdol_286 > .awsui_sorting-icon_1spae_1gdol_272 {
381
+ .awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354) > .awsui_header-cell-content_1spae_eevyv_293:hover > .awsui_sorting-icon_1spae_eevyv_279, .awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-disabled_1spae_eevyv_354).awsui_header-cell-sorted_1spae_eevyv_354 > .awsui_header-cell-content_1spae_eevyv_293 > .awsui_sorting-icon_1spae_eevyv_279 {
375
382
  color: var(--color-text-interactive-active-c44vdq, #16191f);
376
383
  }
377
384
 
378
- .awsui_header-cell-text_1spae_1gdol_378:not(#\9) {
385
+ .awsui_header-cell-text_1spae_eevyv_385:not(#\9) {
379
386
  line-height: var(--line-height-heading-xs-fuzanp, 20px);
380
387
  padding-block: calc(var(--space-xxxs-3w1kr2, 2px) / 2);
381
388
  }
382
- .awsui_header-cell-text_1spae_1gdol_378:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1gdol_382) {
389
+ .awsui_header-cell-text_1spae_eevyv_385:not(#\9):not(.awsui_header-cell-text-wrap_1spae_eevyv_389) {
383
390
  white-space: nowrap;
384
391
  overflow: hidden;
385
392
  text-overflow: ellipsis;
386
393
  }
387
394
 
388
- .awsui_header-cell-ascending_1spae_1gdol_388:not(#\9),
389
- .awsui_header-cell-descending_1spae_1gdol_389:not(#\9) {
395
+ .awsui_header-cell-ascending_1spae_eevyv_395:not(#\9),
396
+ .awsui_header-cell-descending_1spae_eevyv_396:not(#\9) {
390
397
  /* used in test-utils */
391
398
  }
392
399
 
@@ -396,28 +403,28 @@ with the left edge of the table as closely as possible. If the
396
403
  last header cell is sortable the sort icon should align with the
397
404
  settings icon in the pagination slot.
398
405
  */
399
- .awsui_header-cell_1spae_1gdol_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1gdol_220):first-child {
406
+ .awsui_header-cell_1spae_eevyv_149:not(#\9):not(.awsui_is-visual-refresh_1spae_eevyv_227):first-child {
400
407
  padding-inline-start: var(--space-xs-kw7k3v, 8px);
401
408
  }
402
- .awsui_header-cell_1spae_1gdol_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1gdol_220):first-child.awsui_header-cell-content-expandable_1spae_1gdol_292 {
409
+ .awsui_header-cell_1spae_eevyv_149:not(#\9):not(.awsui_is-visual-refresh_1spae_eevyv_227):first-child.awsui_header-cell-content-expandable_1spae_eevyv_299 {
403
410
  padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
404
411
  }
405
412
 
406
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9) {
413
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9) {
407
414
  /*
408
415
  Striped rows requires additional left padding because the
409
416
  shaded background makes the child content appear too close
410
417
  to the table edge.
411
418
  */
412
419
  }
413
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus {
420
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:focus {
414
421
  position: relative;
415
422
  }
416
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus {
423
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:focus {
417
424
  outline: 2px dotted transparent;
418
425
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
419
426
  }
420
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:focus::before {
427
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:focus::before {
421
428
  content: " ";
422
429
  display: block;
423
430
  position: absolute;
@@ -431,14 +438,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
431
438
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
432
439
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
433
440
  }
434
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183 {
441
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_eevyv_183 {
435
442
  position: relative;
436
443
  }
437
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183 {
444
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_eevyv_183 {
438
445
  outline: 2px dotted transparent;
439
446
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
440
447
  }
441
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1gdol_183::before {
448
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_eevyv_183::before {
442
449
  content: " ";
443
450
  display: block;
444
451
  position: absolute;
@@ -452,20 +459,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
452
459
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
453
460
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
454
461
  }
455
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286 {
462
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293 {
456
463
  padding-inline-start: 0px;
457
464
  }
458
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-content-expandable_1spae_1gdol_292 {
465
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-content-expandable_1spae_eevyv_299 {
459
466
  padding-inline-start: calc(0px + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
460
467
  }
461
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus {
468
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293:focus {
462
469
  position: relative;
463
470
  }
464
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus {
471
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293:focus {
465
472
  outline: 2px dotted transparent;
466
473
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
467
474
  }
468
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286:focus::before {
475
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293:focus::before {
469
476
  content: " ";
470
477
  display: block;
471
478
  position: absolute;
@@ -479,14 +486,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
479
486
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
480
487
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
481
488
  }
482
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183 {
489
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183 {
483
490
  position: relative;
484
491
  }
485
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183 {
492
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183 {
486
493
  outline: 2px dotted transparent;
487
494
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
488
495
  }
489
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1gdol_204):not(.awsui_header-cell-group_1spae_1gdol_204) > .awsui_header-cell-content_1spae_1gdol_286.awsui_header-cell-fake-focus_1spae_1gdol_183::before {
496
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_eevyv_204):not(.awsui_header-cell-group_1spae_eevyv_204) > .awsui_header-cell-content_1spae_eevyv_293.awsui_header-cell-fake-focus_1spae_eevyv_183::before {
490
497
  content: " ";
491
498
  display: block;
492
499
  position: absolute;
@@ -500,24 +507,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1gdol_149.awsui_is-
500
507
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
501
508
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
502
509
  }
503
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1gdol_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204) {
510
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_eevyv_510):not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204) {
504
511
  padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
505
512
  }
506
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1gdol_503):not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204).awsui_header-cell-content-expandable_1spae_1gdol_292 {
513
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_eevyv_510):not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204).awsui_header-cell-content-expandable_1spae_eevyv_299 {
507
514
  padding-inline-start: calc(var(--space-xxxs-3w1kr2, 2px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
508
515
  }
509
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1gdol_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204) {
516
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_has-striped-rows_1spae_eevyv_510:not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204) {
510
517
  padding-inline-start: var(--space-xxs-jnczic, 4px);
511
518
  }
512
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):first-child.awsui_has-striped-rows_1spae_1gdol_503:not(.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503):not(.awsui_header-cell-group_1spae_1gdol_204):not(.awsui_header-cell-grouped_1spae_1gdol_204).awsui_header-cell-content-expandable_1spae_1gdol_292 {
519
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):first-child.awsui_has-striped-rows_1spae_eevyv_510:not(.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510):not(.awsui_header-cell-group_1spae_eevyv_204):not(.awsui_header-cell-grouped_1spae_eevyv_204).awsui_header-cell-content-expandable_1spae_eevyv_299 {
513
520
  padding-inline-start: calc(var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
514
521
  }
515
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220:not(#\9):last-child.awsui_header-cell-sortable_1spae_1gdol_223:not(.awsui_header-cell-resizable_1spae_1gdol_515), .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220[data-rightmost].awsui_header-cell-sortable_1spae_1gdol_223:not(#\9):not(.awsui_header-cell-resizable_1spae_1gdol_515) {
522
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227:not(#\9):last-child.awsui_header-cell-sortable_1spae_eevyv_230:not(.awsui_header-cell-resizable_1spae_eevyv_522), .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227[data-rightmost].awsui_header-cell-sortable_1spae_eevyv_230:not(#\9):not(.awsui_header-cell-resizable_1spae_eevyv_522) {
516
523
  padding-inline-end: var(--space-xxxs-3w1kr2, 2px);
517
524
  }
518
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503:not(#\9) {
525
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510:not(#\9) {
519
526
  padding-inline-start: var(--space-scaled-l-66n9sr, 20px);
520
527
  }
521
- .awsui_header-cell_1spae_1gdol_149.awsui_is-visual-refresh_1spae_1gdol_220.awsui_sticky-cell-pad-inline-start_1spae_1gdol_503.awsui_header-cell-content-expandable_1spae_1gdol_292:not(#\9) {
528
+ .awsui_header-cell_1spae_eevyv_149.awsui_is-visual-refresh_1spae_eevyv_227.awsui_sticky-cell-pad-inline-start_1spae_eevyv_510.awsui_header-cell-content-expandable_1spae_eevyv_299:not(#\9) {
522
529
  padding-inline-start: calc(var(--space-scaled-l-66n9sr, 20px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
523
530
  }
package/lib/internal/template/table/header-cell/styles.selectors.js CHANGED
@@ -2,38 +2,38 @@
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_1gdol_149",
6
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1gdol_183",
7
- "header-cell-group": "awsui_header-cell-group_1spae_1gdol_204",
8
- "header-cell-grouped": "awsui_header-cell-grouped_1spae_1gdol_204",
9
- "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1gdol_204",
10
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_1gdol_208",
11
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_1gdol_211",
12
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1gdol_211",
13
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_1gdol_217",
14
- "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1gdol_220",
15
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_1gdol_220",
16
- "sticky-cell": "awsui_sticky-cell_1spae_1gdol_220",
17
- "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1gdol_220",
18
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_1gdol_223",
19
- "table-variant-full-page": "awsui_table-variant-full-page_1spae_1gdol_244",
20
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1gdol_247",
21
- "has-selection": "awsui_has-selection_1spae_1gdol_247",
22
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1gdol_250",
23
- "resize-divider": "awsui_resize-divider_1spae_1gdol_255",
24
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1gdol_262",
25
- "sorting-icon": "awsui_sorting-icon_1spae_1gdol_272",
26
- "edit-icon": "awsui_edit-icon_1spae_1gdol_280",
27
- "header-cell-content": "awsui_header-cell-content_1spae_1gdol_286",
28
- "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1gdol_292",
29
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_1gdol_347",
30
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_1gdol_347",
31
- "header-cell-text": "awsui_header-cell-text_1spae_1gdol_378",
32
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1gdol_382",
33
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_1gdol_388",
34
- "header-cell-descending": "awsui_header-cell-descending_1spae_1gdol_389",
35
- "has-striped-rows": "awsui_has-striped-rows_1spae_1gdol_503",
36
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1gdol_503",
37
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_1gdol_515"
5
+ "header-cell": "awsui_header-cell_1spae_eevyv_149",
6
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_eevyv_183",
7
+ "header-cell-group": "awsui_header-cell-group_1spae_eevyv_204",
8
+ "header-cell-grouped": "awsui_header-cell-grouped_1spae_eevyv_204",
9
+ "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_eevyv_204",
10
+ "resize-divider": "awsui_resize-divider_1spae_eevyv_209",
11
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_eevyv_212",
12
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_eevyv_218",
13
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_eevyv_218",
14
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_eevyv_224",
15
+ "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_eevyv_227",
16
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_eevyv_227",
17
+ "sticky-cell": "awsui_sticky-cell_1spae_eevyv_227",
18
+ "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_eevyv_227",
19
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_eevyv_230",
20
+ "table-variant-full-page": "awsui_table-variant-full-page_1spae_eevyv_251",
21
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_eevyv_254",
22
+ "has-selection": "awsui_has-selection_1spae_eevyv_254",
23
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_eevyv_257",
24
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_eevyv_269",
25
+ "sorting-icon": "awsui_sorting-icon_1spae_eevyv_279",
26
+ "edit-icon": "awsui_edit-icon_1spae_eevyv_287",
27
+ "header-cell-content": "awsui_header-cell-content_1spae_eevyv_293",
28
+ "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_eevyv_299",
29
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_eevyv_354",
30
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_eevyv_354",
31
+ "header-cell-text": "awsui_header-cell-text_1spae_eevyv_385",
32
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_eevyv_389",
33
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_eevyv_395",
34
+ "header-cell-descending": "awsui_header-cell-descending_1spae_eevyv_396",
35
+ "has-striped-rows": "awsui_has-striped-rows_1spae_eevyv_510",
36
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_eevyv_510",
37
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_eevyv_522"
38
38
  };
39
39
 
package/lib/internal/template/table/resizer/index.d.ts CHANGED
@@ -10,14 +10,16 @@ interface ResizerProps {
10
10
  tooltipText?: string;
11
11
  isBorderless: boolean;
12
12
  isLast?: boolean;
13
+ isGrouped?: boolean;
13
14
  dividerPosition?: DividerPosition;
14
15
  }
15
16
  export type DividerPosition = 'default' | 'top' | 'bottom' | 'full';
16
- export declare function Divider({ className, position }: {
17
+ export declare function Divider({ className, position, isGrouped, }: {
17
18
  className?: string;
18
19
  position?: DividerPosition;
20
+ isGrouped?: boolean;
19
21
  }): JSX.Element;
20
- export declare function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, dividerPosition, }: ResizerProps): JSX.Element;
22
+ export declare function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, isGrouped, dividerPosition, }: ResizerProps): JSX.Element;
21
23
  export declare function ResizeTracker(): JSX.Element;
22
24
  export {};
23
25
  //# sourceMappingURL=index.d.ts.map
package/lib/internal/template/table/resizer/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":"AAqBA,UAAU,YAAY;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAOD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;CAAE,eAUlG;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,EACf,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,GAChB,EAAE,YAAY,eAqYd;AAED,wBAAgB,aAAa,gBAE5B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":"AAqBA,UAAU,YAAY;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAOD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,eAWA;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,EACf,WAAW,EACX,YAAY,EACZ,MAAM,EACN,SAAS,EACT,eAAe,GAChB,EAAE,YAAY,eAsYd;AAED,wBAAgB,aAAa,gBAE5B"}
package/lib/internal/template/table/resizer/index.js CHANGED
@@ -18,10 +18,10 @@ const RESIZE_THROTTLE = 25;
18
18
  const AUTO_GROW_START_TIME = 10;
19
19
  const AUTO_GROW_INTERVAL = 10;
20
20
  const AUTO_GROW_INCREMENT = 5;
21
- export function Divider({ className, position }) {
22
- return (React.createElement("span", { className: clsx(styles.divider, position && position !== 'default' && styles[`divider-position-${position}`], className) }));
21
+ export function Divider({ className, position, isGrouped, }) {
22
+ return (React.createElement("span", { className: clsx(styles.divider, position && position !== 'default' && styles[`divider-position-${position}`], isGrouped && styles['divider-grouped'], className) }));
23
23
  }
24
- export function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth = DEFAULT_COLUMN_WIDTH, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, dividerPosition, }) {
24
+ export function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, minWidth = DEFAULT_COLUMN_WIDTH, tabIndex, showFocusRing, focusId, roleDescription, tooltipText, isBorderless, isLast, isGrouped, dividerPosition, }) {
25
25
  onWidthUpdate = useStableCallback(onWidthUpdate);
26
26
  onWidthUpdateCommit = useStableCallback(onWidthUpdateCommit);
27
27
  const isVisualRefresh = useVisualRefresh();
@@ -308,7 +308,7 @@ export function Resizer({ onWidthUpdate, onWidthUpdateCommit, ariaLabelledby, mi
308
308
  return;
309
309
  }
310
310
  }, "aria-roledescription": roleDescription, "aria-labelledby": ariaLabelledby, tabIndex: resizerTabIndex, "data-focus-id": focusId }),
311
- React.createElement("span", { className: clsx(styles['divider-interactive'], (isPointerDown || isDragging) && styles['divider-active'], dividerPosition && dividerPosition !== 'default' && styles[`divider-position-${dividerPosition}`]), "data-awsui-table-suppress-navigation": true, ref: resizerSeparatorRef, id: separatorId, role: "slider", tabIndex: -1, "aria-labelledby": ariaLabelledby, "aria-hidden": !isKeyboardDragging, "aria-valuemin": minWidth, "aria-valuemax": Number.MAX_SAFE_INTEGER, "aria-valuenow": headerCellWidth, "data-focus-id": focusId, onBlur: event => {
311
+ React.createElement("span", { className: clsx(styles['divider-interactive'], (isPointerDown || isDragging) && styles['divider-active'], isGrouped && styles['divider-grouped'], dividerPosition && dividerPosition !== 'default' && styles[`divider-position-${dividerPosition}`]), "data-awsui-table-suppress-navigation": true, ref: resizerSeparatorRef, id: separatorId, role: "slider", tabIndex: -1, "aria-labelledby": ariaLabelledby, "aria-hidden": !isKeyboardDragging, "aria-valuemin": minWidth, "aria-valuemax": Number.MAX_SAFE_INTEGER, "aria-valuenow": headerCellWidth, "data-focus-id": focusId, onBlur: event => {
312
312
  setIsKeyboardDragging(false);
313
313
  if (event.relatedTarget !== resizerToggleRef.current) {
314
314
  setResizerHasFocus(false);