@cloudscape-design/components 3.0.1311 → 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 (139) hide show
  1. package/action-card/styles.css.js +17 -17
  2. package/action-card/styles.scoped.css +94 -91
  3. package/action-card/styles.selectors.js +17 -17
  4. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  5. package/app-layout/visual-refresh/drawers.js +0 -3
  6. package/app-layout/visual-refresh/drawers.js.map +1 -1
  7. package/app-layout/visual-refresh/styles.css.js +86 -87
  8. package/app-layout/visual-refresh/styles.scoped.css +167 -167
  9. package/app-layout/visual-refresh/styles.selectors.js +86 -87
  10. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  11. package/app-layout/visual-refresh/tools.js +0 -2
  12. package/app-layout/visual-refresh/tools.js.map +1 -1
  13. package/breadcrumb-group/item/styles.css.js +7 -7
  14. package/breadcrumb-group/item/styles.scoped.css +29 -25
  15. package/breadcrumb-group/item/styles.selectors.js +7 -7
  16. package/breadcrumb-group/styles.css.js +14 -14
  17. package/breadcrumb-group/styles.scoped.css +27 -24
  18. package/breadcrumb-group/styles.selectors.js +14 -14
  19. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  20. package/button-dropdown/category-elements/expandable-category-element.js +3 -1
  21. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  22. package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  23. package/button-dropdown/category-elements/mobile-expandable-category-element.js +3 -1
  24. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  25. package/button-dropdown/category-elements/styles.css.js +18 -18
  26. package/button-dropdown/category-elements/styles.scoped.css +32 -28
  27. package/button-dropdown/category-elements/styles.selectors.js +18 -18
  28. package/button-dropdown/index.d.ts.map +1 -1
  29. package/button-dropdown/index.js +4 -3
  30. package/button-dropdown/index.js.map +1 -1
  31. package/button-dropdown/interfaces.d.ts +22 -0
  32. package/button-dropdown/interfaces.d.ts.map +1 -1
  33. package/button-dropdown/interfaces.js.map +1 -1
  34. package/button-dropdown/internal.d.ts.map +1 -1
  35. package/button-dropdown/internal.js +14 -6
  36. package/button-dropdown/internal.js.map +1 -1
  37. package/button-dropdown/styles.css.js +22 -22
  38. package/button-dropdown/styles.scoped.css +36 -30
  39. package/button-dropdown/styles.selectors.js +22 -22
  40. package/button-group/interfaces.d.ts +12 -1
  41. package/button-group/interfaces.d.ts.map +1 -1
  42. package/button-group/interfaces.js.map +1 -1
  43. package/button-group/menu-dropdown-item.d.ts.map +1 -1
  44. package/button-group/menu-dropdown-item.js +2 -1
  45. package/button-group/menu-dropdown-item.js.map +1 -1
  46. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  47. package/expandable-section/expandable-section-header.js +3 -3
  48. package/expandable-section/expandable-section-header.js.map +1 -1
  49. package/expandable-section/styles.css.js +35 -36
  50. package/expandable-section/styles.scoped.css +70 -70
  51. package/expandable-section/styles.selectors.js +35 -36
  52. package/internal/base-component/styles.scoped.css +38 -1
  53. package/internal/components/button-trigger/index.js +1 -1
  54. package/internal/components/button-trigger/index.js.map +1 -1
  55. package/internal/components/button-trigger/styles.css.js +14 -15
  56. package/internal/components/button-trigger/styles.scoped.css +31 -31
  57. package/internal/components/button-trigger/styles.selectors.js +14 -15
  58. package/internal/components/checkbox-icon/index.d.ts.map +1 -1
  59. package/internal/components/checkbox-icon/index.js +11 -2
  60. package/internal/components/checkbox-icon/index.js.map +1 -1
  61. package/internal/environment.js +2 -2
  62. package/internal/environment.json +2 -2
  63. package/internal/generated/styles/tokens.d.ts +8 -0
  64. package/internal/generated/styles/tokens.js +8 -0
  65. package/internal/generated/theming/index.cjs +236 -0
  66. package/internal/generated/theming/index.cjs.d.ts +72 -0
  67. package/internal/generated/theming/index.d.ts +72 -0
  68. package/internal/generated/theming/index.js +236 -0
  69. package/internal/manifest.json +1 -1
  70. package/internal/utils/throttle.d.ts.map +1 -1
  71. package/internal/utils/throttle.js +3 -1
  72. package/internal/utils/throttle.js.map +1 -1
  73. package/manifest.json +2 -2
  74. package/package.json +1 -1
  75. package/progress-bar/index.d.ts.map +1 -1
  76. package/progress-bar/index.js +1 -0
  77. package/progress-bar/index.js.map +1 -1
  78. package/segmented-control/styles.css.js +16 -16
  79. package/segmented-control/styles.scoped.css +34 -34
  80. package/segmented-control/styles.selectors.js +16 -16
  81. package/status-indicator/internal.d.ts.map +1 -1
  82. package/status-indicator/internal.js +2 -2
  83. package/status-indicator/internal.js.map +1 -1
  84. package/status-indicator/styles.css.js +24 -25
  85. package/status-indicator/styles.scoped.css +55 -50
  86. package/status-indicator/styles.selectors.js +24 -25
  87. package/steps/internal.d.ts.map +1 -1
  88. package/steps/internal.js +20 -6
  89. package/steps/internal.js.map +1 -1
  90. package/steps/styles.css.js +12 -9
  91. package/steps/styles.scoped.css +43 -15
  92. package/steps/styles.selectors.js +12 -9
  93. package/table/header-cell/group-header-cell.d.ts.map +1 -1
  94. package/table/header-cell/group-header-cell.js +1 -1
  95. package/table/header-cell/group-header-cell.js.map +1 -1
  96. package/table/header-cell/index.d.ts.map +1 -1
  97. package/table/header-cell/index.js +2 -1
  98. package/table/header-cell/index.js.map +1 -1
  99. package/table/header-cell/styles.css.js +33 -33
  100. package/table/header-cell/styles.scoped.css +81 -74
  101. package/table/header-cell/styles.selectors.js +33 -33
  102. package/table/resizer/index.d.ts +5 -1
  103. package/table/resizer/index.d.ts.map +1 -1
  104. package/table/resizer/index.js +4 -4
  105. package/table/resizer/index.js.map +1 -1
  106. package/table/resizer/styles.css.js +17 -16
  107. package/table/resizer/styles.scoped.css +32 -24
  108. package/table/resizer/styles.selectors.js +17 -16
  109. package/table/selection/selection-cell.d.ts +2 -0
  110. package/table/selection/selection-cell.d.ts.map +1 -1
  111. package/table/selection/selection-cell.js +2 -2
  112. package/table/selection/selection-cell.js.map +1 -1
  113. package/table/thead.d.ts.map +1 -1
  114. package/table/thead.js +1 -1
  115. package/table/thead.js.map +1 -1
  116. package/toggle/styles.css.js +10 -10
  117. package/toggle/styles.scoped.css +18 -18
  118. package/toggle/styles.selectors.js +10 -10
  119. package/toggle-button/internal.d.ts.map +1 -1
  120. package/toggle-button/internal.js +3 -1
  121. package/toggle-button/internal.js.map +1 -1
  122. package/toggle-button/styles.css.js +4 -3
  123. package/toggle-button/styles.scoped.css +8 -3
  124. package/toggle-button/styles.selectors.js +4 -3
  125. package/token/dismiss-button.d.ts.map +1 -1
  126. package/token/dismiss-button.js +3 -1
  127. package/token/dismiss-button.js.map +1 -1
  128. package/token/internal.d.ts.map +1 -1
  129. package/token/internal.js +11 -3
  130. package/token/internal.js.map +1 -1
  131. package/token/styles.css.js +14 -14
  132. package/token/styles.scoped.css +33 -30
  133. package/token/styles.selectors.js +14 -14
  134. package/tree-view/tree-item/index.d.ts.map +1 -1
  135. package/tree-view/tree-item/index.js +1 -2
  136. package/tree-view/tree-item/index.js.map +1 -1
  137. package/tree-view/tree-item/styles.css.js +9 -10
  138. package/tree-view/tree-item/styles.scoped.css +18 -14
  139. package/tree-view/tree-item/styles.selectors.js +9 -10
@@ -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_79bkq_149:not(#\9) {
149
+ .awsui_header-cell_1spae_1ef0j_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-tdfx1x, 1px) solid var(--color-border-divider-interactive-default-r928dz, #8c8c94);
153
+ border-block-end: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
154
154
  background: var(--color-background-table-header-hdjxos, #ffffff);
155
155
  color: var(--color-text-column-header-e6urd1, #424650);
156
156
  font-weight: var(--font-weight-heading-s-lcx0ai, 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-pfm1nx, 4px);
160
160
  padding-inline: var(--space-scaled-xs-xwoogq, 8px);
161
161
  }
162
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149:not(#\9):focus {
162
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149:not(#\9):focus {
163
163
  position: relative;
164
164
  }
165
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149:not(#\9):focus {
165
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149:not(#\9):focus {
166
166
  outline: 2px dotted transparent;
167
167
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
168
168
  }
169
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149:not(#\9):focus::before {
169
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_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_79bkq_149:not(#\9):
180
180
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
181
181
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
182
182
  }
183
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_header-cell-fake-focus_1spae_79bkq_183:not(#\9) {
183
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-fake-focus_1spae_1ef0j_183:not(#\9) {
184
184
  position: relative;
185
185
  }
186
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_header-cell-fake-focus_1spae_79bkq_183:not(#\9) {
186
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-fake-focus_1spae_1ef0j_183:not(#\9) {
187
187
  outline: 2px dotted transparent;
188
188
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
189
189
  }
190
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_header-cell-fake-focus_1spae_79bkq_183:not(#\9)::before {
190
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-fake-focus_1spae_1ef0j_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_79bkq_149.awsui_hea
201
201
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
202
202
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
203
203
  }
204
- .awsui_header-cell_1spae_79bkq_149.awsui_header-cell-group_1spae_79bkq_204:not(#\9), .awsui_header-cell_1spae_79bkq_149.awsui_header-cell-grouped_1spae_79bkq_204:not(#\9), .awsui_header-cell_1spae_79bkq_149.awsui_header-cell-spans-rows_1spae_79bkq_204:not(#\9) {
204
+ .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-group_1spae_1ef0j_204:not(#\9), .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-grouped_1spae_1ef0j_204:not(#\9), .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-spans-rows_1spae_1ef0j_204:not(#\9) {
205
205
  padding-block: var(--space-xxxs-pajhad, 2px);
206
206
  padding-inline: var(--space-scaled-xs-xwoogq, 8px);
207
+ border-block-end-color: var(--color-border-divider-table-group-l55omi, #8c8c94);
207
208
  }
208
- .awsui_header-cell-sticky_1spae_79bkq_208:not(#\9) {
209
- border-block-end: var(--border-table-sticky-width-ai31mi, 1px) solid var(--color-border-divider-interactive-default-r928dz, #8c8c94);
209
+ .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-group_1spae_1ef0j_204 > .awsui_resize-divider_1spae_1ef0j_209.awsui_resize-divider_1spae_1ef0j_209:not(#\9), .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-grouped_1spae_1ef0j_204 > .awsui_resize-divider_1spae_1ef0j_209.awsui_resize-divider_1spae_1ef0j_209:not(#\9), .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-spans-rows_1spae_1ef0j_204 > .awsui_resize-divider_1spae_1ef0j_209.awsui_resize-divider_1spae_1ef0j_209:not(#\9) {
210
+ border-inline-start-color: var(--color-border-divider-table-group-l55omi, #8c8c94);
210
211
  }
211
- .awsui_header-cell-stuck_1spae_79bkq_211:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_79bkq_211) {
212
+ .awsui_header-cell-sticky_1spae_1ef0j_212:not(#\9) {
213
+ border-block-end: var(--border-table-sticky-width-ai31mi, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
214
+ }
215
+ .awsui_header-cell-sticky_1spae_1ef0j_212.awsui_header-cell-group_1spae_1ef0j_204:not(#\9), .awsui_header-cell-sticky_1spae_1ef0j_212.awsui_header-cell-grouped_1spae_1ef0j_204:not(#\9), .awsui_header-cell-sticky_1spae_1ef0j_212.awsui_header-cell-spans-rows_1spae_1ef0j_204:not(#\9) {
216
+ border-block-end-color: var(--color-border-divider-table-group-l55omi, #8c8c94);
217
+ }
218
+ .awsui_header-cell-stuck_1spae_1ef0j_218:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1ef0j_218) {
212
219
  border-block-end-color: transparent;
213
220
  }
214
- .awsui_header-cell-variant-full-page_1spae_79bkq_211:not(#\9) {
221
+ .awsui_header-cell-variant-full-page_1spae_1ef0j_218:not(#\9) {
215
222
  background: var(--color-background-layout-main-5ilwcb, #ffffff);
216
223
  }
217
- .awsui_header-cell-variant-full-page_1spae_79bkq_211.awsui_header-cell-hidden_1spae_79bkq_217:not(#\9) {
224
+ .awsui_header-cell-variant-full-page_1spae_1ef0j_218.awsui_header-cell-hidden_1spae_1ef0j_224:not(#\9) {
218
225
  border-block-end-color: transparent;
219
226
  }
220
- .awsui_header-cell-variant-embedded_1spae_79bkq_220.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_79bkq_208, .awsui_sticky-cell_1spae_79bkq_220)), .awsui_header-cell-variant-borderless_1spae_79bkq_220.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_79bkq_208, .awsui_sticky-cell_1spae_79bkq_220)) {
227
+ .awsui_header-cell-variant-embedded_1spae_1ef0j_227.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1ef0j_212, .awsui_sticky-cell_1spae_1ef0j_227)), .awsui_header-cell-variant-borderless_1spae_1ef0j_227.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1ef0j_212, .awsui_sticky-cell_1spae_1ef0j_227)) {
221
228
  background: none;
222
229
  }
223
- .awsui_header-cell_1spae_79bkq_149:not(#\9):last-child, .awsui_header-cell_1spae_79bkq_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_79bkq_149.awsui_header-cell-sortable_1spae_79bkq_223:not(#\9) {
230
+ .awsui_header-cell_1spae_1ef0j_149:not(#\9):last-child, .awsui_header-cell_1spae_1ef0j_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_1ef0j_149.awsui_header-cell-sortable_1spae_1ef0j_230:not(#\9) {
224
231
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
225
232
  }
226
- .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell_1spae_79bkq_220:not(#\9) {
233
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell_1spae_1ef0j_227:not(#\9) {
227
234
  position: sticky;
228
235
  background: var(--color-background-table-header-hdjxos, #ffffff);
229
236
  z-index: 798;
@@ -232,44 +239,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_hea
232
239
  transition-timing-function: var(--motion-easing-sticky-tn072u, cubic-bezier(1, 0, 0.83, 1));
233
240
  }
234
241
  @media (prefers-reduced-motion: reduce) {
235
- .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell_1spae_79bkq_220:not(#\9) {
242
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell_1spae_1ef0j_227:not(#\9) {
236
243
  animation: none;
237
244
  transition: none;
238
245
  }
239
246
  }
240
- .awsui-motion-disabled .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell_1spae_79bkq_220:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell_1spae_79bkq_220:not(#\9) {
247
+ .awsui-motion-disabled .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell_1spae_1ef0j_227:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell_1spae_1ef0j_227:not(#\9) {
241
248
  animation: none;
242
249
  transition: none;
243
250
  }
244
- .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell_1spae_79bkq_220.awsui_table-variant-full-page_1spae_79bkq_244:not(#\9) {
251
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell_1spae_1ef0j_227.awsui_table-variant-full-page_1spae_1ef0j_251:not(#\9) {
245
252
  background: var(--color-background-layout-main-5ilwcb, #ffffff);
246
253
  }
247
- .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell-pad-left_1spae_79bkq_247:not(#\9):not(.awsui_has-selection_1spae_79bkq_247) {
254
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell-pad-left_1spae_1ef0j_254:not(#\9):not(.awsui_has-selection_1spae_1ef0j_254) {
248
255
  padding-inline-start: var(--space-table-horizontal-suurzj, 20px);
249
256
  }
250
- .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell-last-inline-start_1spae_79bkq_250:not(#\9) {
257
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell-last-inline-start_1spae_1ef0j_257:not(#\9) {
251
258
  box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 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_79bkq_149.awsui_sticky-cell-last-inline-start_1spae_79bkq_250 > .awsui_resize-divider_1spae_79bkq_255:not(#\9) {
262
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell-last-inline-start_1spae_1ef0j_257 > .awsui_resize-divider_1spae_1ef0j_209:not(#\9) {
256
263
  display: none;
257
264
  }
258
- .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell-last-inline-start_1spae_79bkq_250:not(#\9):dir(rtl) {
265
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell-last-inline-start_1spae_1ef0j_257:not(#\9):dir(rtl) {
259
266
  box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
260
267
  clip-path: inset(0 0 0 -24px);
261
268
  }
262
- .awsui_header-cell_1spae_79bkq_149.awsui_sticky-cell-last-inline-end_1spae_79bkq_262:not(#\9) {
269
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell-last-inline-end_1spae_1ef0j_269:not(#\9) {
263
270
  box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px 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_79bkq_149.awsui_sticky-cell-last-inline-end_1spae_79bkq_262:not(#\9):dir(rtl) {
274
+ .awsui_header-cell_1spae_1ef0j_149.awsui_sticky-cell-last-inline-end_1spae_1ef0j_269:not(#\9):dir(rtl) {
268
275
  box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
269
276
  clip-path: inset(0 -24px 0 0);
270
277
  }
271
278
 
272
- .awsui_sorting-icon_1spae_79bkq_272:not(#\9) {
279
+ .awsui_sorting-icon_1spae_1ef0j_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_79bkq_149.awsui_hea
277
284
  color: var(--color-text-column-sorting-icon-fngn77, #424650);
278
285
  }
279
286
 
280
- .awsui_edit-icon_1spae_79bkq_280:not(#\9) {
287
+ .awsui_edit-icon_1spae_1ef0j_287:not(#\9) {
281
288
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
282
289
  margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
283
290
  color: inherit;
284
291
  }
285
292
 
286
- .awsui_header-cell-content_1spae_79bkq_286:not(#\9) {
293
+ .awsui_header-cell-content_1spae_1ef0j_293:not(#\9) {
287
294
  position: relative;
288
295
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
289
296
  padding-inline-end: var(--space-s-tvghoh, 12px);
290
297
  padding-inline-start: var(--space-s-tvghoh, 12px);
291
298
  }
292
- .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-content-expandable_1spae_79bkq_292:not(#\9) {
299
+ .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-content-expandable_1spae_1ef0j_299:not(#\9) {
293
300
  padding-inline-start: calc(var(--space-s-tvghoh, 12px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
294
301
  }
295
- .awsui_header-cell-group_1spae_79bkq_204 > .awsui_header-cell-content_1spae_79bkq_286:not(#\9), .awsui_header-cell-grouped_1spae_79bkq_204 > .awsui_header-cell-content_1spae_79bkq_286:not(#\9), .awsui_header-cell-spans-rows_1spae_79bkq_204 > .awsui_header-cell-content_1spae_79bkq_286:not(#\9) {
302
+ .awsui_header-cell-group_1spae_1ef0j_204 > .awsui_header-cell-content_1spae_1ef0j_293:not(#\9), .awsui_header-cell-grouped_1spae_1ef0j_204 > .awsui_header-cell-content_1spae_1ef0j_293:not(#\9), .awsui_header-cell-spans-rows_1spae_1ef0j_204 > .awsui_header-cell-content_1spae_1ef0j_293:not(#\9) {
296
303
  padding-block: var(--space-xxxs-pajhad, 2px);
297
304
  }
298
- .awsui_header-cell-sortable_1spae_79bkq_223 > .awsui_header-cell-content_1spae_79bkq_286:not(#\9) {
305
+ .awsui_header-cell-sortable_1spae_1ef0j_230 > .awsui_header-cell-content_1spae_1ef0j_293:not(#\9) {
299
306
  padding-inline-end: calc(var(--space-xl-jfy3x4, 24px) + var(--space-xxs-hwfkai, 4px));
300
307
  }
301
- .awsui_header-cell-content_1spae_79bkq_286:not(#\9):focus {
308
+ .awsui_header-cell-content_1spae_1ef0j_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_79bkq_286:not(#\9):focus {
312
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ef0j_293:not(#\9):focus {
306
313
  position: relative;
307
314
  }
308
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79bkq_286:not(#\9):focus {
315
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ef0j_293:not(#\9):focus {
309
316
  outline: 2px dotted transparent;
310
317
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
311
318
  }
312
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79bkq_286:not(#\9):focus::before {
319
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ef0j_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_79bkq_286:n
323
330
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
324
331
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
325
332
  }
326
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-fake-focus_1spae_79bkq_183:not(#\9) {
333
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-fake-focus_1spae_1ef0j_183:not(#\9) {
327
334
  position: relative;
328
335
  }
329
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-fake-focus_1spae_79bkq_183:not(#\9) {
336
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-fake-focus_1spae_1ef0j_183:not(#\9) {
330
337
  outline: 2px dotted transparent;
331
338
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
332
339
  }
333
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-fake-focus_1spae_79bkq_183:not(#\9)::before {
340
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-fake-focus_1spae_1ef0j_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_79bkq_286.a
344
351
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
345
352
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
346
353
  }
347
- .awsui_header-cell-disabled_1spae_79bkq_347.awsui_header-cell-sorted_1spae_79bkq_347 > .awsui_header-cell-content_1spae_79bkq_286 > .awsui_sorting-icon_1spae_79bkq_272:not(#\9) {
354
+ .awsui_header-cell-disabled_1spae_1ef0j_354.awsui_header-cell-sorted_1spae_1ef0j_354 > .awsui_header-cell-content_1spae_1ef0j_293 > .awsui_sorting-icon_1spae_1ef0j_279:not(#\9) {
348
355
  color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
349
356
  }
350
357
 
351
- .awsui_header-cell-spans-rows_1spae_79bkq_204:not(#\9) {
358
+ .awsui_header-cell-spans-rows_1spae_1ef0j_204:not(#\9) {
352
359
  block-size: 100%;
353
360
  vertical-align: bottom;
354
361
  }
355
- .awsui_header-cell-spans-rows_1spae_79bkq_204 > .awsui_header-cell-content_1spae_79bkq_286:not(#\9) {
362
+ .awsui_header-cell-spans-rows_1spae_1ef0j_204 > .awsui_header-cell-content_1spae_1ef0j_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_79bkq_204 > .awsui_header-cell-content_1spae_79bkq_286 > .awsui_sorting-icon_1spae_79bkq_272:not(#\9) {
369
+ .awsui_header-cell-spans-rows_1spae_1ef0j_204 > .awsui_header-cell-content_1spae_1ef0j_293 > .awsui_sorting-icon_1spae_1ef0j_279:not(#\9) {
363
370
  inset-block-start: auto;
364
371
  inset-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
365
372
  transform: none;
366
373
  }
367
374
 
368
- .awsui_header-cell-sortable_1spae_79bkq_223:not(#\9):not(.awsui_header-cell-disabled_1spae_79bkq_347) > .awsui_header-cell-content_1spae_79bkq_286 {
375
+ .awsui_header-cell-sortable_1spae_1ef0j_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1ef0j_354) > .awsui_header-cell-content_1spae_1ef0j_293 {
369
376
  cursor: pointer;
370
377
  }
371
- .awsui_header-cell-sortable_1spae_79bkq_223:not(#\9):not(.awsui_header-cell-disabled_1spae_79bkq_347) > .awsui_header-cell-content_1spae_79bkq_286:hover, .awsui_header-cell-sortable_1spae_79bkq_223:not(#\9):not(.awsui_header-cell-disabled_1spae_79bkq_347).awsui_header-cell-sorted_1spae_79bkq_347 > .awsui_header-cell-content_1spae_79bkq_286 {
378
+ .awsui_header-cell-sortable_1spae_1ef0j_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1ef0j_354) > .awsui_header-cell-content_1spae_1ef0j_293:hover, .awsui_header-cell-sortable_1spae_1ef0j_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1ef0j_354).awsui_header-cell-sorted_1spae_1ef0j_354 > .awsui_header-cell-content_1spae_1ef0j_293 {
372
379
  color: var(--color-text-interactive-active-uoe6zi, #0f141a);
373
380
  }
374
- .awsui_header-cell-sortable_1spae_79bkq_223:not(#\9):not(.awsui_header-cell-disabled_1spae_79bkq_347) > .awsui_header-cell-content_1spae_79bkq_286:hover > .awsui_sorting-icon_1spae_79bkq_272, .awsui_header-cell-sortable_1spae_79bkq_223:not(#\9):not(.awsui_header-cell-disabled_1spae_79bkq_347).awsui_header-cell-sorted_1spae_79bkq_347 > .awsui_header-cell-content_1spae_79bkq_286 > .awsui_sorting-icon_1spae_79bkq_272 {
381
+ .awsui_header-cell-sortable_1spae_1ef0j_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1ef0j_354) > .awsui_header-cell-content_1spae_1ef0j_293:hover > .awsui_sorting-icon_1spae_1ef0j_279, .awsui_header-cell-sortable_1spae_1ef0j_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1ef0j_354).awsui_header-cell-sorted_1spae_1ef0j_354 > .awsui_header-cell-content_1spae_1ef0j_293 > .awsui_sorting-icon_1spae_1ef0j_279 {
375
382
  color: var(--color-text-interactive-active-uoe6zi, #0f141a);
376
383
  }
377
384
 
378
- .awsui_header-cell-text_1spae_79bkq_378:not(#\9) {
385
+ .awsui_header-cell-text_1spae_1ef0j_385:not(#\9) {
379
386
  line-height: var(--line-height-heading-xs-q9j004, 18px);
380
387
  padding-block: calc(var(--space-xxxs-pajhad, 2px) / 2);
381
388
  }
382
- .awsui_header-cell-text_1spae_79bkq_378:not(#\9):not(.awsui_header-cell-text-wrap_1spae_79bkq_382) {
389
+ .awsui_header-cell-text_1spae_1ef0j_385:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1ef0j_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_79bkq_388:not(#\9),
389
- .awsui_header-cell-descending_1spae_79bkq_389:not(#\9) {
395
+ .awsui_header-cell-ascending_1spae_1ef0j_395:not(#\9),
396
+ .awsui_header-cell-descending_1spae_1ef0j_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_79bkq_149:not(#\9):not(.awsui_is-visual-refresh_1spae_79bkq_220):first-child {
406
+ .awsui_header-cell_1spae_1ef0j_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1ef0j_227):first-child {
400
407
  padding-inline-start: var(--space-xs-ymlm0b, 8px);
401
408
  }
402
- .awsui_header-cell_1spae_79bkq_149:not(#\9):not(.awsui_is-visual-refresh_1spae_79bkq_220):first-child.awsui_header-cell-content-expandable_1spae_79bkq_292 {
409
+ .awsui_header-cell_1spae_1ef0j_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1ef0j_227):first-child.awsui_header-cell-content-expandable_1spae_1ef0j_299 {
403
410
  padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
404
411
  }
405
412
 
406
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9) {
413
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_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_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:focus {
420
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:focus {
414
421
  position: relative;
415
422
  }
416
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:focus {
423
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:focus {
417
424
  outline: 2px dotted transparent;
418
425
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
419
426
  }
420
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:focus::before {
427
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_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_79bkq_149.awsui_is-
431
438
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
432
439
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
433
440
  }
434
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_79bkq_183 {
441
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1ef0j_183 {
435
442
  position: relative;
436
443
  }
437
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_79bkq_183 {
444
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1ef0j_183 {
438
445
  outline: 2px dotted transparent;
439
446
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
440
447
  }
441
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_79bkq_183::before {
448
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1ef0j_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_79bkq_149.awsui_is-
452
459
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
453
460
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
454
461
  }
455
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286 {
462
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_293 {
456
463
  padding-inline-start: 0px;
457
464
  }
458
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-content-expandable_1spae_79bkq_292 {
465
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-content-expandable_1spae_1ef0j_299 {
459
466
  padding-inline-start: calc(0px + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
460
467
  }
461
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286:focus {
468
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_293:focus {
462
469
  position: relative;
463
470
  }
464
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286:focus {
471
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_293:focus {
465
472
  outline: 2px dotted transparent;
466
473
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
467
474
  }
468
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286:focus::before {
475
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_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_79bkq_149.awsui_is-
479
486
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
480
487
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
481
488
  }
482
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-fake-focus_1spae_79bkq_183 {
489
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-fake-focus_1spae_1ef0j_183 {
483
490
  position: relative;
484
491
  }
485
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-fake-focus_1spae_79bkq_183 {
492
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-fake-focus_1spae_1ef0j_183 {
486
493
  outline: 2px dotted transparent;
487
494
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
488
495
  }
489
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_79bkq_204):not(.awsui_header-cell-group_1spae_79bkq_204) > .awsui_header-cell-content_1spae_79bkq_286.awsui_header-cell-fake-focus_1spae_79bkq_183::before {
496
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1ef0j_204):not(.awsui_header-cell-group_1spae_1ef0j_204) > .awsui_header-cell-content_1spae_1ef0j_293.awsui_header-cell-fake-focus_1spae_1ef0j_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_79bkq_149.awsui_is-
500
507
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
501
508
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
502
509
  }
503
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_79bkq_503):not(.awsui_sticky-cell-pad-inline-start_1spae_79bkq_503):not(.awsui_header-cell-group_1spae_79bkq_204):not(.awsui_header-cell-grouped_1spae_79bkq_204) {
510
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1ef0j_510):not(.awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510):not(.awsui_header-cell-group_1spae_1ef0j_204):not(.awsui_header-cell-grouped_1spae_1ef0j_204) {
504
511
  padding-inline-start: var(--space-xxxs-pajhad, 2px);
505
512
  }
506
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_79bkq_503):not(.awsui_sticky-cell-pad-inline-start_1spae_79bkq_503):not(.awsui_header-cell-group_1spae_79bkq_204):not(.awsui_header-cell-grouped_1spae_79bkq_204).awsui_header-cell-content-expandable_1spae_79bkq_292 {
513
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1ef0j_510):not(.awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510):not(.awsui_header-cell-group_1spae_1ef0j_204):not(.awsui_header-cell-grouped_1spae_1ef0j_204).awsui_header-cell-content-expandable_1spae_1ef0j_299 {
507
514
  padding-inline-start: calc(var(--space-xxxs-pajhad, 2px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
508
515
  }
509
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child.awsui_has-striped-rows_1spae_79bkq_503:not(.awsui_sticky-cell-pad-inline-start_1spae_79bkq_503):not(.awsui_header-cell-group_1spae_79bkq_204):not(.awsui_header-cell-grouped_1spae_79bkq_204) {
516
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child.awsui_has-striped-rows_1spae_1ef0j_510:not(.awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510):not(.awsui_header-cell-group_1spae_1ef0j_204):not(.awsui_header-cell-grouped_1spae_1ef0j_204) {
510
517
  padding-inline-start: var(--space-xxs-hwfkai, 4px);
511
518
  }
512
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):first-child.awsui_has-striped-rows_1spae_79bkq_503:not(.awsui_sticky-cell-pad-inline-start_1spae_79bkq_503):not(.awsui_header-cell-group_1spae_79bkq_204):not(.awsui_header-cell-grouped_1spae_79bkq_204).awsui_header-cell-content-expandable_1spae_79bkq_292 {
519
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):first-child.awsui_has-striped-rows_1spae_1ef0j_510:not(.awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510):not(.awsui_header-cell-group_1spae_1ef0j_204):not(.awsui_header-cell-grouped_1spae_1ef0j_204).awsui_header-cell-content-expandable_1spae_1ef0j_299 {
513
520
  padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
514
521
  }
515
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220:not(#\9):last-child.awsui_header-cell-sortable_1spae_79bkq_223:not(.awsui_header-cell-resizable_1spae_79bkq_515), .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220[data-rightmost].awsui_header-cell-sortable_1spae_79bkq_223:not(#\9):not(.awsui_header-cell-resizable_1spae_79bkq_515) {
522
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227:not(#\9):last-child.awsui_header-cell-sortable_1spae_1ef0j_230:not(.awsui_header-cell-resizable_1spae_1ef0j_522), .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227[data-rightmost].awsui_header-cell-sortable_1spae_1ef0j_230:not(#\9):not(.awsui_header-cell-resizable_1spae_1ef0j_522) {
516
523
  padding-inline-end: var(--space-xxxs-pajhad, 2px);
517
524
  }
518
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220.awsui_sticky-cell-pad-inline-start_1spae_79bkq_503:not(#\9) {
525
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227.awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510:not(#\9) {
519
526
  padding-inline-start: var(--space-scaled-l-sej05l, 20px);
520
527
  }
521
- .awsui_header-cell_1spae_79bkq_149.awsui_is-visual-refresh_1spae_79bkq_220.awsui_sticky-cell-pad-inline-start_1spae_79bkq_503.awsui_header-cell-content-expandable_1spae_79bkq_292:not(#\9) {
528
+ .awsui_header-cell_1spae_1ef0j_149.awsui_is-visual-refresh_1spae_1ef0j_227.awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510.awsui_header-cell-content-expandable_1spae_1ef0j_299:not(#\9) {
522
529
  padding-inline-start: calc(var(--space-scaled-l-sej05l, 20px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
523
530
  }
@@ -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_79bkq_149",
6
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_79bkq_183",
7
- "header-cell-group": "awsui_header-cell-group_1spae_79bkq_204",
8
- "header-cell-grouped": "awsui_header-cell-grouped_1spae_79bkq_204",
9
- "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_79bkq_204",
10
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_79bkq_208",
11
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_79bkq_211",
12
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_79bkq_211",
13
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_79bkq_217",
14
- "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_79bkq_220",
15
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_79bkq_220",
16
- "sticky-cell": "awsui_sticky-cell_1spae_79bkq_220",
17
- "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_79bkq_220",
18
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_79bkq_223",
19
- "table-variant-full-page": "awsui_table-variant-full-page_1spae_79bkq_244",
20
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_79bkq_247",
21
- "has-selection": "awsui_has-selection_1spae_79bkq_247",
22
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_79bkq_250",
23
- "resize-divider": "awsui_resize-divider_1spae_79bkq_255",
24
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_79bkq_262",
25
- "sorting-icon": "awsui_sorting-icon_1spae_79bkq_272",
26
- "edit-icon": "awsui_edit-icon_1spae_79bkq_280",
27
- "header-cell-content": "awsui_header-cell-content_1spae_79bkq_286",
28
- "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_79bkq_292",
29
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_79bkq_347",
30
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_79bkq_347",
31
- "header-cell-text": "awsui_header-cell-text_1spae_79bkq_378",
32
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_79bkq_382",
33
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_79bkq_388",
34
- "header-cell-descending": "awsui_header-cell-descending_1spae_79bkq_389",
35
- "has-striped-rows": "awsui_has-striped-rows_1spae_79bkq_503",
36
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_79bkq_503",
37
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_79bkq_515"
5
+ "header-cell": "awsui_header-cell_1spae_1ef0j_149",
6
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1ef0j_183",
7
+ "header-cell-group": "awsui_header-cell-group_1spae_1ef0j_204",
8
+ "header-cell-grouped": "awsui_header-cell-grouped_1spae_1ef0j_204",
9
+ "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1ef0j_204",
10
+ "resize-divider": "awsui_resize-divider_1spae_1ef0j_209",
11
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_1ef0j_212",
12
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_1ef0j_218",
13
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1ef0j_218",
14
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_1ef0j_224",
15
+ "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1ef0j_227",
16
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_1ef0j_227",
17
+ "sticky-cell": "awsui_sticky-cell_1spae_1ef0j_227",
18
+ "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1ef0j_227",
19
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_1ef0j_230",
20
+ "table-variant-full-page": "awsui_table-variant-full-page_1spae_1ef0j_251",
21
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1ef0j_254",
22
+ "has-selection": "awsui_has-selection_1spae_1ef0j_254",
23
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1ef0j_257",
24
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1ef0j_269",
25
+ "sorting-icon": "awsui_sorting-icon_1spae_1ef0j_279",
26
+ "edit-icon": "awsui_edit-icon_1spae_1ef0j_287",
27
+ "header-cell-content": "awsui_header-cell-content_1spae_1ef0j_293",
28
+ "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1ef0j_299",
29
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_1ef0j_354",
30
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_1ef0j_354",
31
+ "header-cell-text": "awsui_header-cell-text_1spae_1ef0j_385",
32
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1ef0j_389",
33
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_1ef0j_395",
34
+ "header-cell-descending": "awsui_header-cell-descending_1spae_1ef0j_396",
35
+ "has-striped-rows": "awsui_has-striped-rows_1spae_1ef0j_510",
36
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510",
37
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_1ef0j_522"
38
38
  };
39
39
 
@@ -10,15 +10,18 @@ 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
17
  export declare function Divider({
17
18
  className,
18
- position
19
+ position,
20
+ isGrouped
19
21
  }: {
20
22
  className?: string;
21
23
  position?: DividerPosition;
24
+ isGrouped?: boolean;
22
25
  }): JSX.Element;
23
26
  export declare function Resizer({
24
27
  onWidthUpdate,
@@ -32,6 +35,7 @@ export declare function Resizer({
32
35
  tooltipText,
33
36
  isBorderless,
34
37
  isLast,
38
+ isGrouped,
35
39
  dividerPosition
36
40
  }: ResizerProps): JSX.Element;
37
41
  export declare function ResizeTracker(): JSX.Element;
@@ -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"}
@@ -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);