@cloudscape-design/components 3.0.1025 → 3.0.1026

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 (32) hide show
  1. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  2. package/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -28
  3. package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  4. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +12 -13
  5. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +14 -17
  6. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +12 -13
  7. package/internal/base-component/styles.scoped.css +1 -1
  8. package/internal/environment.js +2 -2
  9. package/internal/environment.json +2 -2
  10. package/internal/manifest.json +1 -1
  11. package/key-value-pairs/internal.d.ts.map +1 -1
  12. package/key-value-pairs/internal.js +6 -2
  13. package/key-value-pairs/internal.js.map +1 -1
  14. package/package.json +1 -1
  15. package/property-filter/property-filter-autosuggest.js +2 -2
  16. package/property-filter/property-filter-autosuggest.js.map +1 -1
  17. package/table/header-cell/index.d.ts.map +1 -1
  18. package/table/header-cell/index.js +1 -1
  19. package/table/header-cell/index.js.map +1 -1
  20. package/table/header-cell/styles.css.js +30 -29
  21. package/table/header-cell/styles.scoped.css +67 -67
  22. package/table/header-cell/styles.selectors.js +30 -29
  23. package/table/header-cell/th-element.d.ts +2 -0
  24. package/table/header-cell/th-element.d.ts.map +1 -1
  25. package/table/header-cell/th-element.js +2 -2
  26. package/table/header-cell/th-element.js.map +1 -1
  27. package/table/resizer/index.d.ts.map +1 -1
  28. package/table/resizer/index.js +4 -2
  29. package/table/resizer/index.js.map +1 -1
  30. package/table/resizer/styles.css.js +12 -8
  31. package/table/resizer/styles.scoped.css +25 -18
  32. package/table/resizer/styles.selectors.js +12 -8
package/table/header-cell/styles.css.js CHANGED
@@ -1,34 +1,35 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "header-cell": "awsui_header-cell_1spae_xv9cn_149",
5
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_xv9cn_183",
6
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_xv9cn_204",
7
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_xv9cn_207",
8
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_xv9cn_207",
9
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_xv9cn_213",
10
- "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_xv9cn_216",
11
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_xv9cn_216",
12
- "sticky-cell": "awsui_sticky-cell_1spae_xv9cn_216",
13
- "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_xv9cn_216",
14
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_xv9cn_219",
15
- "table-variant-full-page": "awsui_table-variant-full-page_1spae_xv9cn_240",
16
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_xv9cn_243",
17
- "has-selection": "awsui_has-selection_1spae_xv9cn_243",
18
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_xv9cn_246",
19
- "resize-divider": "awsui_resize-divider_1spae_xv9cn_251",
20
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_xv9cn_258",
21
- "sorting-icon": "awsui_sorting-icon_1spae_xv9cn_268",
22
- "edit-icon": "awsui_edit-icon_1spae_xv9cn_276",
23
- "header-cell-content": "awsui_header-cell-content_1spae_xv9cn_282",
24
- "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_xv9cn_288",
25
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_xv9cn_340",
26
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_xv9cn_340",
27
- "header-cell-text": "awsui_header-cell-text_1spae_xv9cn_354",
28
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_xv9cn_358",
29
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_xv9cn_364",
30
- "header-cell-descending": "awsui_header-cell-descending_1spae_xv9cn_365",
31
- "has-striped-rows": "awsui_has-striped-rows_1spae_xv9cn_479",
32
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479"
4
+ "header-cell": "awsui_header-cell_1spae_wii4_149",
5
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_wii4_183",
6
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_wii4_204",
7
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_wii4_207",
8
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_wii4_207",
9
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_wii4_213",
10
+ "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_wii4_216",
11
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_wii4_216",
12
+ "sticky-cell": "awsui_sticky-cell_1spae_wii4_216",
13
+ "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_wii4_216",
14
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_wii4_219",
15
+ "table-variant-full-page": "awsui_table-variant-full-page_1spae_wii4_240",
16
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_wii4_243",
17
+ "has-selection": "awsui_has-selection_1spae_wii4_243",
18
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_wii4_246",
19
+ "resize-divider": "awsui_resize-divider_1spae_wii4_251",
20
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_wii4_258",
21
+ "sorting-icon": "awsui_sorting-icon_1spae_wii4_268",
22
+ "edit-icon": "awsui_edit-icon_1spae_wii4_276",
23
+ "header-cell-content": "awsui_header-cell-content_1spae_wii4_282",
24
+ "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_wii4_288",
25
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_wii4_340",
26
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_wii4_340",
27
+ "header-cell-text": "awsui_header-cell-text_1spae_wii4_354",
28
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_wii4_358",
29
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_wii4_364",
30
+ "header-cell-descending": "awsui_header-cell-descending_1spae_wii4_365",
31
+ "has-striped-rows": "awsui_has-striped-rows_1spae_wii4_479",
32
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_wii4_479",
33
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_wii4_491"
33
34
  };
34
35
 
package/table/header-cell/styles.scoped.css CHANGED
@@ -146,7 +146,7 @@
146
146
  */
147
147
  /* Style used for links in slots/components that are text heavy, to help links stand out among
148
148
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
149
- .awsui_header-cell_1spae_xv9cn_149:not(#\9) {
149
+ .awsui_header-cell_1spae_wii4_149:not(#\9) {
150
150
  position: relative;
151
151
  text-align: start;
152
152
  box-sizing: border-box;
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
159
159
  padding-block: var(--space-scaled-xxs-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_xv9cn_149:not(#\9):focus {
162
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149:not(#\9):focus {
163
163
  position: relative;
164
164
  }
165
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149:not(#\9):focus {
165
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_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_xv9cn_149:not(#\9):focus::before {
169
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_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_xv9cn_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_xv9cn_149.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
183
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9) {
184
184
  position: relative;
185
185
  }
186
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
186
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_header-cell-fake-focus_1spae_wii4_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_xv9cn_149.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9)::before {
190
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9)::before {
191
191
  content: " ";
192
192
  display: block;
193
193
  position: absolute;
@@ -201,25 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_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-sticky_1spae_xv9cn_204:not(#\9) {
204
+ .awsui_header-cell-sticky_1spae_wii4_204:not(#\9) {
205
205
  border-block-end: var(--border-table-sticky-width-ai31mi, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
206
206
  }
207
- .awsui_header-cell-stuck_1spae_xv9cn_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_xv9cn_207) {
207
+ .awsui_header-cell-stuck_1spae_wii4_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_wii4_207) {
208
208
  border-block-end-color: transparent;
209
209
  }
210
- .awsui_header-cell-variant-full-page_1spae_xv9cn_207:not(#\9) {
210
+ .awsui_header-cell-variant-full-page_1spae_wii4_207:not(#\9) {
211
211
  background: var(--color-background-layout-main-5ilwcb, #ffffff);
212
212
  }
213
- .awsui_header-cell-variant-full-page_1spae_xv9cn_207.awsui_header-cell-hidden_1spae_xv9cn_213:not(#\9) {
213
+ .awsui_header-cell-variant-full-page_1spae_wii4_207.awsui_header-cell-hidden_1spae_wii4_213:not(#\9) {
214
214
  border-block-end-color: transparent;
215
215
  }
216
- .awsui_header-cell-variant-embedded_1spae_xv9cn_216.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_xv9cn_204, .awsui_sticky-cell_1spae_xv9cn_216)), .awsui_header-cell-variant-borderless_1spae_xv9cn_216.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_xv9cn_204, .awsui_sticky-cell_1spae_xv9cn_216)) {
216
+ .awsui_header-cell-variant-embedded_1spae_wii4_216.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_wii4_204, .awsui_sticky-cell_1spae_wii4_216)), .awsui_header-cell-variant-borderless_1spae_wii4_216.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_wii4_204, .awsui_sticky-cell_1spae_wii4_216)) {
217
217
  background: none;
218
218
  }
219
- .awsui_header-cell_1spae_xv9cn_149:not(#\9):last-child, .awsui_header-cell_1spae_xv9cn_149.awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9) {
219
+ .awsui_header-cell_1spae_wii4_149:not(#\9):last-child, .awsui_header-cell_1spae_wii4_149.awsui_header-cell-sortable_1spae_wii4_219:not(#\9) {
220
220
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
221
221
  }
222
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9) {
222
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9) {
223
223
  position: sticky;
224
224
  background: var(--color-background-table-header-hdjxos, #ffffff);
225
225
  z-index: 798;
@@ -228,44 +228,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_hea
228
228
  transition-timing-function: var(--motion-easing-sticky-tn072u, cubic-bezier(1, 0, 0.83, 1));
229
229
  }
230
230
  @media (prefers-reduced-motion: reduce) {
231
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9) {
231
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9) {
232
232
  animation: none;
233
233
  transition: none;
234
234
  }
235
235
  }
236
- .awsui-motion-disabled .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216:not(#\9) {
236
+ .awsui-motion-disabled .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216:not(#\9) {
237
237
  animation: none;
238
238
  transition: none;
239
239
  }
240
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell_1spae_xv9cn_216.awsui_table-variant-full-page_1spae_xv9cn_240:not(#\9) {
240
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell_1spae_wii4_216.awsui_table-variant-full-page_1spae_wii4_240:not(#\9) {
241
241
  background: var(--color-background-layout-main-5ilwcb, #ffffff);
242
242
  }
243
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-pad-left_1spae_xv9cn_243:not(#\9):not(.awsui_has-selection_1spae_xv9cn_243) {
243
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-pad-left_1spae_wii4_243:not(#\9):not(.awsui_has-selection_1spae_wii4_243) {
244
244
  padding-inline-start: var(--space-table-horizontal-suurzj, 20px);
245
245
  }
246
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-start_1spae_xv9cn_246:not(#\9) {
246
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-last-inline-start_1spae_wii4_246:not(#\9) {
247
247
  box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
248
248
  clip-path: inset(0px -24px 0px 0px);
249
249
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
250
250
  }
251
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-start_1spae_xv9cn_246 > .awsui_resize-divider_1spae_xv9cn_251:not(#\9) {
251
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-last-inline-start_1spae_wii4_246 > .awsui_resize-divider_1spae_wii4_251:not(#\9) {
252
252
  display: none;
253
253
  }
254
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-start_1spae_xv9cn_246:not(#\9):dir(rtl) {
254
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-last-inline-start_1spae_wii4_246:not(#\9):dir(rtl) {
255
255
  box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
256
256
  clip-path: inset(0 0 0 -24px);
257
257
  }
258
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-end_1spae_xv9cn_258:not(#\9) {
258
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-last-inline-end_1spae_wii4_258:not(#\9) {
259
259
  box-shadow: var(--shadow-sticky-column-last-qgh697, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
260
260
  clip-path: inset(0 0 0 -24px);
261
261
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
262
262
  }
263
- .awsui_header-cell_1spae_xv9cn_149.awsui_sticky-cell-last-inline-end_1spae_xv9cn_258:not(#\9):dir(rtl) {
263
+ .awsui_header-cell_1spae_wii4_149.awsui_sticky-cell-last-inline-end_1spae_wii4_258:not(#\9):dir(rtl) {
264
264
  box-shadow: var(--shadow-sticky-column-first-trcd2o, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
265
265
  clip-path: inset(0 -24px 0 0);
266
266
  }
267
267
 
268
- .awsui_sorting-icon_1spae_xv9cn_268:not(#\9) {
268
+ .awsui_sorting-icon_1spae_wii4_268:not(#\9) {
269
269
  position: absolute;
270
270
  inset-block-start: 50%;
271
271
  transform: translateY(-50%);
@@ -273,36 +273,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_hea
273
273
  color: var(--color-text-column-sorting-icon-fngn77, #424650);
274
274
  }
275
275
 
276
- .awsui_edit-icon_1spae_xv9cn_276:not(#\9) {
276
+ .awsui_edit-icon_1spae_wii4_276:not(#\9) {
277
277
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
278
278
  margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
279
279
  color: inherit;
280
280
  }
281
281
 
282
- .awsui_header-cell-content_1spae_xv9cn_282:not(#\9) {
282
+ .awsui_header-cell-content_1spae_wii4_282:not(#\9) {
283
283
  position: relative;
284
284
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
285
285
  padding-inline-end: var(--space-s-tvghoh, 12px);
286
286
  padding-inline-start: var(--space-s-tvghoh, 12px);
287
287
  }
288
- .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-content-expandable_1spae_xv9cn_288:not(#\9) {
288
+ .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-content-expandable_1spae_wii4_288:not(#\9) {
289
289
  padding-inline-start: calc(var(--space-s-tvghoh, 12px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
290
290
  }
291
- .awsui_header-cell-sortable_1spae_xv9cn_219 > .awsui_header-cell-content_1spae_xv9cn_282:not(#\9) {
291
+ .awsui_header-cell-sortable_1spae_wii4_219 > .awsui_header-cell-content_1spae_wii4_282:not(#\9) {
292
292
  padding-inline-end: calc(var(--space-xl-jfy3x4, 24px) + var(--space-xxs-hwfkai, 4px));
293
293
  }
294
- .awsui_header-cell-content_1spae_xv9cn_282:not(#\9):focus {
294
+ .awsui_header-cell-content_1spae_wii4_282:not(#\9):focus {
295
295
  outline: none;
296
296
  text-decoration: none;
297
297
  }
298
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282:not(#\9):focus {
298
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282:not(#\9):focus {
299
299
  position: relative;
300
300
  }
301
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282:not(#\9):focus {
301
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282:not(#\9):focus {
302
302
  outline: 2px dotted transparent;
303
303
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
304
304
  }
305
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282:not(#\9):focus::before {
305
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282:not(#\9):focus::before {
306
306
  content: " ";
307
307
  display: block;
308
308
  position: absolute;
@@ -316,14 +316,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282:n
316
316
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
317
317
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
318
318
  }
319
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
319
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9) {
320
320
  position: relative;
321
321
  }
322
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9) {
322
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9) {
323
323
  outline: 2px dotted transparent;
324
324
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px)) - 1px);
325
325
  }
326
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183:not(#\9)::before {
326
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183:not(#\9)::before {
327
327
  content: " ";
328
328
  display: block;
329
329
  position: absolute;
@@ -337,32 +337,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_xv9cn_282.a
337
337
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
338
338
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
339
339
  }
340
- .awsui_header-cell-disabled_1spae_xv9cn_340.awsui_header-cell-sorted_1spae_xv9cn_340 > .awsui_header-cell-content_1spae_xv9cn_282 > .awsui_sorting-icon_1spae_xv9cn_268:not(#\9) {
340
+ .awsui_header-cell-disabled_1spae_wii4_340.awsui_header-cell-sorted_1spae_wii4_340 > .awsui_header-cell-content_1spae_wii4_282 > .awsui_sorting-icon_1spae_wii4_268:not(#\9) {
341
341
  color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
342
342
  }
343
343
 
344
- .awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340) > .awsui_header-cell-content_1spae_xv9cn_282 {
344
+ .awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340) > .awsui_header-cell-content_1spae_wii4_282 {
345
345
  cursor: pointer;
346
346
  }
347
- .awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340) > .awsui_header-cell-content_1spae_xv9cn_282:hover, .awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340).awsui_header-cell-sorted_1spae_xv9cn_340 > .awsui_header-cell-content_1spae_xv9cn_282 {
347
+ .awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340) > .awsui_header-cell-content_1spae_wii4_282:hover, .awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340).awsui_header-cell-sorted_1spae_wii4_340 > .awsui_header-cell-content_1spae_wii4_282 {
348
348
  color: var(--color-text-interactive-active-uoe6zi, #0f141a);
349
349
  }
350
- .awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340) > .awsui_header-cell-content_1spae_xv9cn_282:hover > .awsui_sorting-icon_1spae_xv9cn_268, .awsui_header-cell-sortable_1spae_xv9cn_219:not(#\9):not(.awsui_header-cell-disabled_1spae_xv9cn_340).awsui_header-cell-sorted_1spae_xv9cn_340 > .awsui_header-cell-content_1spae_xv9cn_282 > .awsui_sorting-icon_1spae_xv9cn_268 {
350
+ .awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340) > .awsui_header-cell-content_1spae_wii4_282:hover > .awsui_sorting-icon_1spae_wii4_268, .awsui_header-cell-sortable_1spae_wii4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_wii4_340).awsui_header-cell-sorted_1spae_wii4_340 > .awsui_header-cell-content_1spae_wii4_282 > .awsui_sorting-icon_1spae_wii4_268 {
351
351
  color: var(--color-text-interactive-active-uoe6zi, #0f141a);
352
352
  }
353
353
 
354
- .awsui_header-cell-text_1spae_xv9cn_354:not(#\9) {
354
+ .awsui_header-cell-text_1spae_wii4_354:not(#\9) {
355
355
  line-height: var(--line-height-heading-xs-q9j004, 18px);
356
356
  padding-block: calc(var(--space-xxxs-pajhad, 2px) / 2);
357
357
  }
358
- .awsui_header-cell-text_1spae_xv9cn_354:not(#\9):not(.awsui_header-cell-text-wrap_1spae_xv9cn_358) {
358
+ .awsui_header-cell-text_1spae_wii4_354:not(#\9):not(.awsui_header-cell-text-wrap_1spae_wii4_358) {
359
359
  white-space: nowrap;
360
360
  overflow: hidden;
361
361
  text-overflow: ellipsis;
362
362
  }
363
363
 
364
- .awsui_header-cell-ascending_1spae_xv9cn_364:not(#\9),
365
- .awsui_header-cell-descending_1spae_xv9cn_365:not(#\9) {
364
+ .awsui_header-cell-ascending_1spae_wii4_364:not(#\9),
365
+ .awsui_header-cell-descending_1spae_wii4_365:not(#\9) {
366
366
  /* used in test-utils */
367
367
  }
368
368
 
@@ -372,28 +372,28 @@ with the left edge of the table as closely as possible. If the
372
372
  last header cell is sortable the sort icon should align with the
373
373
  settings icon in the pagination slot.
374
374
  */
375
- .awsui_header-cell_1spae_xv9cn_149:not(#\9):not(.awsui_is-visual-refresh_1spae_xv9cn_216):first-child {
375
+ .awsui_header-cell_1spae_wii4_149:not(#\9):not(.awsui_is-visual-refresh_1spae_wii4_216):first-child {
376
376
  padding-inline-start: var(--space-xs-ymlm0b, 8px);
377
377
  }
378
- .awsui_header-cell_1spae_xv9cn_149:not(#\9):not(.awsui_is-visual-refresh_1spae_xv9cn_216):first-child.awsui_header-cell-content-expandable_1spae_xv9cn_288 {
378
+ .awsui_header-cell_1spae_wii4_149:not(#\9):not(.awsui_is-visual-refresh_1spae_wii4_216):first-child.awsui_header-cell-content-expandable_1spae_wii4_288 {
379
379
  padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
380
380
  }
381
381
 
382
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9) {
382
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9) {
383
383
  /*
384
384
  Striped rows requires additional left padding because the
385
385
  shaded background makes the child content appear too close
386
386
  to the table edge.
387
387
  */
388
388
  }
389
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:focus {
389
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:focus {
390
390
  position: relative;
391
391
  }
392
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:focus {
392
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:focus {
393
393
  outline: 2px dotted transparent;
394
394
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
395
395
  }
396
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:focus::before {
396
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:focus::before {
397
397
  content: " ";
398
398
  display: block;
399
399
  position: absolute;
@@ -407,14 +407,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-
407
407
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
408
408
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
409
409
  }
410
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
410
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wii4_183 {
411
411
  position: relative;
412
412
  }
413
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
413
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wii4_183 {
414
414
  outline: 2px dotted transparent;
415
415
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
416
416
  }
417
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_xv9cn_183::before {
417
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_wii4_183::before {
418
418
  content: " ";
419
419
  display: block;
420
420
  position: absolute;
@@ -428,20 +428,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-
428
428
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
429
429
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
430
430
  }
431
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282 {
431
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282 {
432
432
  padding-inline-start: 0px;
433
433
  }
434
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-content-expandable_1spae_xv9cn_288 {
434
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-content-expandable_1spae_wii4_288 {
435
435
  padding-inline-start: calc(0px + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
436
436
  }
437
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282:focus {
437
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282:focus {
438
438
  position: relative;
439
439
  }
440
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282:focus {
440
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282:focus {
441
441
  outline: 2px dotted transparent;
442
442
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
443
443
  }
444
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282:focus::before {
444
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282:focus::before {
445
445
  content: " ";
446
446
  display: block;
447
447
  position: absolute;
@@ -455,14 +455,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-
455
455
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
456
456
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
457
457
  }
458
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
458
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183 {
459
459
  position: relative;
460
460
  }
461
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183 {
461
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183 {
462
462
  outline: 2px dotted transparent;
463
463
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-ymwujm, 0px) + var(--space-scaled-xxs-pfm1nx, 4px)) - 1px);
464
464
  }
465
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child > .awsui_header-cell-content_1spae_xv9cn_282.awsui_header-cell-fake-focus_1spae_xv9cn_183::before {
465
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_wii4_282.awsui_header-cell-fake-focus_1spae_wii4_183::before {
466
466
  content: " ";
467
467
  display: block;
468
468
  position: absolute;
@@ -476,24 +476,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_xv9cn_149.awsui_is-
476
476
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
477
477
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
478
478
  }
479
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_xv9cn_479):not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479) {
479
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_wii4_479):not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479) {
480
480
  padding-inline-start: var(--space-xxxs-pajhad, 2px);
481
481
  }
482
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_xv9cn_479):not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479).awsui_header-cell-content-expandable_1spae_xv9cn_288 {
482
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_wii4_479):not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479).awsui_header-cell-content-expandable_1spae_wii4_288 {
483
483
  padding-inline-start: calc(var(--space-xxxs-pajhad, 2px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
484
484
  }
485
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_has-striped-rows_1spae_xv9cn_479:not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479) {
485
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_has-striped-rows_1spae_wii4_479:not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479) {
486
486
  padding-inline-start: var(--space-xxs-hwfkai, 4px);
487
487
  }
488
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):first-child.awsui_has-striped-rows_1spae_xv9cn_479:not(.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479).awsui_header-cell-content-expandable_1spae_xv9cn_288 {
488
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):first-child.awsui_has-striped-rows_1spae_wii4_479:not(.awsui_sticky-cell-pad-inline-start_1spae_wii4_479).awsui_header-cell-content-expandable_1spae_wii4_288 {
489
489
  padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
490
490
  }
491
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_xv9cn_219 {
491
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_wii4_219:not(.awsui_header-cell-resizable_1spae_wii4_491) {
492
492
  padding-inline-end: var(--space-xxxs-pajhad, 2px);
493
493
  }
494
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479:not(#\9) {
494
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216.awsui_sticky-cell-pad-inline-start_1spae_wii4_479:not(#\9) {
495
495
  padding-inline-start: var(--space-scaled-l-sej05l, 20px);
496
496
  }
497
- .awsui_header-cell_1spae_xv9cn_149.awsui_is-visual-refresh_1spae_xv9cn_216.awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479.awsui_header-cell-content-expandable_1spae_xv9cn_288:not(#\9) {
497
+ .awsui_header-cell_1spae_wii4_149.awsui_is-visual-refresh_1spae_wii4_216.awsui_sticky-cell-pad-inline-start_1spae_wii4_479.awsui_header-cell-content-expandable_1spae_wii4_288:not(#\9) {
498
498
  padding-inline-start: calc(var(--space-scaled-l-sej05l, 20px) + var(--space-m-dsumyt, 16px) + var(--space-xs-ymlm0b, 8px));
499
499
  }
package/table/header-cell/styles.selectors.js CHANGED
@@ -2,34 +2,35 @@
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_xv9cn_149",
6
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_xv9cn_183",
7
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_xv9cn_204",
8
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_xv9cn_207",
9
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_xv9cn_207",
10
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_xv9cn_213",
11
- "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_xv9cn_216",
12
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_xv9cn_216",
13
- "sticky-cell": "awsui_sticky-cell_1spae_xv9cn_216",
14
- "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_xv9cn_216",
15
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_xv9cn_219",
16
- "table-variant-full-page": "awsui_table-variant-full-page_1spae_xv9cn_240",
17
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_xv9cn_243",
18
- "has-selection": "awsui_has-selection_1spae_xv9cn_243",
19
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_xv9cn_246",
20
- "resize-divider": "awsui_resize-divider_1spae_xv9cn_251",
21
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_xv9cn_258",
22
- "sorting-icon": "awsui_sorting-icon_1spae_xv9cn_268",
23
- "edit-icon": "awsui_edit-icon_1spae_xv9cn_276",
24
- "header-cell-content": "awsui_header-cell-content_1spae_xv9cn_282",
25
- "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_xv9cn_288",
26
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_xv9cn_340",
27
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_xv9cn_340",
28
- "header-cell-text": "awsui_header-cell-text_1spae_xv9cn_354",
29
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_xv9cn_358",
30
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_xv9cn_364",
31
- "header-cell-descending": "awsui_header-cell-descending_1spae_xv9cn_365",
32
- "has-striped-rows": "awsui_has-striped-rows_1spae_xv9cn_479",
33
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_xv9cn_479"
5
+ "header-cell": "awsui_header-cell_1spae_wii4_149",
6
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_wii4_183",
7
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_wii4_204",
8
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_wii4_207",
9
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_wii4_207",
10
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_wii4_213",
11
+ "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_wii4_216",
12
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_wii4_216",
13
+ "sticky-cell": "awsui_sticky-cell_1spae_wii4_216",
14
+ "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_wii4_216",
15
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_wii4_219",
16
+ "table-variant-full-page": "awsui_table-variant-full-page_1spae_wii4_240",
17
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_wii4_243",
18
+ "has-selection": "awsui_has-selection_1spae_wii4_243",
19
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_wii4_246",
20
+ "resize-divider": "awsui_resize-divider_1spae_wii4_251",
21
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_wii4_258",
22
+ "sorting-icon": "awsui_sorting-icon_1spae_wii4_268",
23
+ "edit-icon": "awsui_edit-icon_1spae_wii4_276",
24
+ "header-cell-content": "awsui_header-cell-content_1spae_wii4_282",
25
+ "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_wii4_288",
26
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_wii4_340",
27
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_wii4_340",
28
+ "header-cell-text": "awsui_header-cell-text_1spae_wii4_354",
29
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_wii4_358",
30
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_wii4_364",
31
+ "header-cell-descending": "awsui_header-cell-descending_1spae_wii4_365",
32
+ "has-striped-rows": "awsui_has-striped-rows_1spae_wii4_479",
33
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_wii4_479",
34
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_wii4_491"
34
35
  };
35
36
 
package/table/header-cell/th-element.d.ts CHANGED
@@ -11,6 +11,7 @@ export interface TableThElementProps {
11
11
  focusedComponent?: null | string;
12
12
  stuck?: boolean;
13
13
  sticky?: boolean;
14
+ resizable?: boolean;
14
15
  hidden?: boolean;
15
16
  stripedRows?: boolean;
16
17
  isSelection?: boolean;
@@ -31,6 +32,7 @@ export declare function TableThElement({
31
32
  focusedComponent,
32
33
  stuck,
33
34
  sticky,
35
+ resizable,
34
36
  hidden,
35
37
  stripedRows,
36
38
  isSelection,
package/table/header-cell/th-element.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,eA8CrB"}
1
+ {"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,eA+CrB"}
package/table/header-cell/th-element.js CHANGED
@@ -13,7 +13,7 @@ import { getStickyClassNames } from '../utils';
13
13
  import tableStyles from '../styles.css.js';
14
14
  import styles from './styles.css.js';
15
15
  export function TableThElement(_a) {
16
- var { resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant } = _a, props = __rest(_a, ["resizableStyle", "sortingStatus", "sortingDisabled", "focusedComponent", "stuck", "sticky", "hidden", "stripedRows", "isSelection", "colIndex", "columnId", "stickyState", "cellRef", "tableRole", "children", "variant", "ariaLabel", "tableVariant"]);
16
+ var { resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant } = _a, props = __rest(_a, ["resizableStyle", "sortingStatus", "sortingDisabled", "focusedComponent", "stuck", "sticky", "resizable", "hidden", "stripedRows", "isSelection", "colIndex", "columnId", "stickyState", "cellRef", "tableRole", "children", "variant", "ariaLabel", "tableVariant"]);
17
17
  const isVisualRefresh = useVisualRefresh();
18
18
  const stickyStyles = useStickyCellStyles({
19
19
  stickyColumns: stickyState,
@@ -23,7 +23,7 @@ export function TableThElement(_a) {
23
23
  const cellRefObject = useRef(null);
24
24
  const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);
25
25
  const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
26
- return (React.createElement("th", Object.assign({ "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], {
26
+ return (React.createElement("th", Object.assign({ "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], resizable && styles['header-cell-resizable'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], {
27
27
  [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,
28
28
  [styles['header-cell-sortable']]: sortingStatus,
29
29
  [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',
package/table/header-cell/th-element.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"th-element.js","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\nimport { SortingStatus } from './utils';\n\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableThElementProps {\n resizableStyle?: ColumnWidthStyle;\n sortingStatus?: SortingStatus;\n sortingDisabled?: boolean;\n focusedComponent?: null | string;\n stuck?: boolean;\n sticky?: boolean;\n hidden?: boolean;\n stripedRows?: boolean;\n isSelection?: boolean;\n colIndex: number;\n columnId: PropertyKey;\n stickyState: StickyColumnsModel;\n cellRef?: React.RefCallback<HTMLElement> | null;\n tableRole: TableRole;\n children: React.ReactNode;\n variant: TableProps.Variant;\n ariaLabel?: string;\n tableVariant?: string;\n}\n\nexport function TableThElement({\n resizableStyle,\n sortingStatus,\n sortingDisabled,\n focusedComponent,\n stuck,\n sticky,\n hidden,\n stripedRows,\n isSelection,\n colIndex,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n children,\n variant,\n ariaLabel,\n tableVariant,\n ...props\n}: TableThElementProps) {\n const isVisualRefresh = useVisualRefresh();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n });\n\n const cellRefObject = useRef<HTMLTableCellElement>(null);\n const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);\n const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n return (\n <th\n data-focus-id={`header-${String(columnId)}`}\n className={clsx(\n styles['header-cell'],\n styles[`header-cell-variant-${variant}`],\n sticky && styles['header-cell-sticky'],\n stuck && styles['header-cell-stuck'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']),\n tableVariant && styles[`table-variant-${tableVariant}`],\n {\n [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,\n [styles['header-cell-sortable']]: sortingStatus,\n [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n [styles['header-cell-disabled']]: sortingDisabled,\n [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n [styles['header-cell-descending']]: sortingStatus === 'descending',\n [styles['header-cell-hidden']]: hidden,\n },\n stickyStyles.className\n )}\n style={{ ...resizableStyle, ...stickyStyles.style }}\n ref={mergedRef}\n {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n {...copyAnalyticsMetadataAttribute(props)}\n {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\n >\n {children}\n </th>\n );\n}\n"]}
1
+ {"version":3,"file":"th-element.js","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\nimport { SortingStatus } from './utils';\n\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableThElementProps {\n resizableStyle?: ColumnWidthStyle;\n sortingStatus?: SortingStatus;\n sortingDisabled?: boolean;\n focusedComponent?: null | string;\n stuck?: boolean;\n sticky?: boolean;\n resizable?: boolean;\n hidden?: boolean;\n stripedRows?: boolean;\n isSelection?: boolean;\n colIndex: number;\n columnId: PropertyKey;\n stickyState: StickyColumnsModel;\n cellRef?: React.RefCallback<HTMLElement> | null;\n tableRole: TableRole;\n children: React.ReactNode;\n variant: TableProps.Variant;\n ariaLabel?: string;\n tableVariant?: string;\n}\n\nexport function TableThElement({\n resizableStyle,\n sortingStatus,\n sortingDisabled,\n focusedComponent,\n stuck,\n sticky,\n resizable,\n hidden,\n stripedRows,\n isSelection,\n colIndex,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n children,\n variant,\n ariaLabel,\n tableVariant,\n ...props\n}: TableThElementProps) {\n const isVisualRefresh = useVisualRefresh();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n });\n\n const cellRefObject = useRef<HTMLTableCellElement>(null);\n const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);\n const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n return (\n <th\n data-focus-id={`header-${String(columnId)}`}\n className={clsx(\n styles['header-cell'],\n styles[`header-cell-variant-${variant}`],\n sticky && styles['header-cell-sticky'],\n resizable && styles['header-cell-resizable'],\n stuck && styles['header-cell-stuck'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']),\n tableVariant && styles[`table-variant-${tableVariant}`],\n {\n [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,\n [styles['header-cell-sortable']]: sortingStatus,\n [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n [styles['header-cell-disabled']]: sortingDisabled,\n [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n [styles['header-cell-descending']]: sortingStatus === 'descending',\n [styles['header-cell-hidden']]: hidden,\n },\n stickyStyles.className\n )}\n style={{ ...resizableStyle, ...stickyStyles.style }}\n ref={mergedRef}\n {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n {...copyAnalyticsMetadataAttribute(props)}\n {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\n >\n {children}\n </th>\n );\n}\n"]}
package/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":";AAgBA,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;CAC1B;AAMD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAE5D;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,eAoNd;AAED,wBAAgB,aAAa,gBAE5B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":";AAiBA,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;CAC1B;AAMD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAE5D;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,eA2Nd;AAED,wBAAgB,aAAa,gBAE5B"}