@cloudscape-design/components-themeable 3.0.1378 → 3.0.1380

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 (197) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/checkbox/styles.scss +0 -17
  3. package/lib/internal/scss/internal/components/abstract-switch/styles.scss +9 -3
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/scss/internal/styles/forms/mixins.scss +2 -2
  6. package/lib/internal/scss/table/body-cell/styles.scss +5 -3
  7. package/lib/internal/scss/table/cell-base/_cell-box.scss +14 -10
  8. package/lib/internal/scss/table/header-cell/styles.scss +6 -2
  9. package/lib/internal/scss/table/resizer/styles.scss +2 -1
  10. package/lib/internal/scss/table-body/styles.scss +12 -0
  11. package/lib/internal/scss/table-body-cell/styles.scss +41 -0
  12. package/lib/internal/scss/table-head/styles.scss +12 -0
  13. package/lib/internal/scss/table-header-cell/styles.scss +57 -0
  14. package/lib/internal/scss/table-root/styles.scss +39 -0
  15. package/lib/internal/scss/table-row/styles.scss +47 -0
  16. package/lib/internal/template/checkbox/internal.d.ts.map +1 -1
  17. package/lib/internal/template/checkbox/internal.js +1 -1
  18. package/lib/internal/template/checkbox/internal.js.map +1 -1
  19. package/lib/internal/template/checkbox/styles.css.js +3 -7
  20. package/lib/internal/template/checkbox/styles.scoped.css +5 -19
  21. package/lib/internal/template/checkbox/styles.selectors.js +3 -7
  22. package/lib/internal/template/index.d.ts +6 -0
  23. package/lib/internal/template/index.d.ts.map +1 -1
  24. package/lib/internal/template/index.js +6 -0
  25. package/lib/internal/template/index.js.map +1 -1
  26. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  27. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  28. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +23 -23
  29. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  30. package/lib/internal/template/internal/components/radio-button/index.d.ts.map +1 -1
  31. package/lib/internal/template/internal/components/radio-button/index.js +2 -2
  32. package/lib/internal/template/internal/components/radio-button/index.js.map +1 -1
  33. package/lib/internal/template/internal/environment.js +2 -2
  34. package/lib/internal/template/internal/environment.json +2 -2
  35. package/lib/internal/template/package.json +18 -0
  36. package/lib/internal/template/radio-button/interfaces.d.ts +14 -0
  37. package/lib/internal/template/radio-button/interfaces.d.ts.map +1 -1
  38. package/lib/internal/template/radio-button/interfaces.js.map +1 -1
  39. package/lib/internal/template/table/body-cell/styles.css.js +47 -46
  40. package/lib/internal/template/table/body-cell/styles.scoped.css +376 -376
  41. package/lib/internal/template/table/body-cell/styles.selectors.js +47 -46
  42. package/lib/internal/template/table/body-cell/td-element.d.ts.map +1 -1
  43. package/lib/internal/template/table/body-cell/td-element.js +12 -12
  44. package/lib/internal/template/table/body-cell/td-element.js.map +1 -1
  45. package/lib/internal/template/table/header-cell/styles.css.js +39 -38
  46. package/lib/internal/template/table/header-cell/styles.scoped.css +80 -80
  47. package/lib/internal/template/table/header-cell/styles.selectors.js +39 -38
  48. package/lib/internal/template/table/header-cell/th-element.d.ts.map +1 -1
  49. package/lib/internal/template/table/header-cell/th-element.js +18 -8
  50. package/lib/internal/template/table/header-cell/th-element.js.map +1 -1
  51. package/lib/internal/template/table/internal.d.ts.map +1 -1
  52. package/lib/internal/template/table/internal.js +9 -3
  53. package/lib/internal/template/table/internal.js.map +1 -1
  54. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  55. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +13 -3
  56. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
  57. package/lib/internal/template/table-body/index.d.ts +5 -0
  58. package/lib/internal/template/table-body/index.d.ts.map +1 -0
  59. package/lib/internal/template/table-body/index.js +14 -0
  60. package/lib/internal/template/table-body/index.js.map +1 -0
  61. package/lib/internal/template/table-body/interfaces.d.ts +18 -0
  62. package/lib/internal/template/table-body/interfaces.d.ts.map +1 -0
  63. package/lib/internal/template/table-body/interfaces.js +2 -0
  64. package/lib/internal/template/table-body/interfaces.js.map +1 -0
  65. package/lib/internal/template/table-body/internal.d.ts +7 -0
  66. package/lib/internal/template/table-body/internal.d.ts.map +1 -0
  67. package/lib/internal/template/table-body/internal.js +13 -0
  68. package/lib/internal/template/table-body/internal.js.map +1 -0
  69. package/lib/internal/template/table-body/styles.css.js +7 -0
  70. package/lib/internal/template/table-body/styles.scoped.css +11 -0
  71. package/lib/internal/template/table-body/styles.selectors.js +8 -0
  72. package/lib/internal/template/table-body-cell/index.d.ts +5 -0
  73. package/lib/internal/template/table-body-cell/index.d.ts.map +1 -0
  74. package/lib/internal/template/table-body-cell/index.js +17 -0
  75. package/lib/internal/template/table-body-cell/index.js.map +1 -0
  76. package/lib/internal/template/table-body-cell/interfaces.d.ts +21 -0
  77. package/lib/internal/template/table-body-cell/interfaces.d.ts.map +1 -0
  78. package/lib/internal/template/table-body-cell/interfaces.js +2 -0
  79. package/lib/internal/template/table-body-cell/interfaces.js.map +1 -0
  80. package/lib/internal/template/table-body-cell/internal.d.ts +26 -0
  81. package/lib/internal/template/table-body-cell/internal.d.ts.map +1 -0
  82. package/lib/internal/template/table-body-cell/internal.js +36 -0
  83. package/lib/internal/template/table-body-cell/internal.js.map +1 -0
  84. package/lib/internal/template/table-body-cell/styles.css.js +7 -0
  85. package/lib/internal/template/table-body-cell/styles.scoped.css +38 -0
  86. package/lib/internal/template/table-body-cell/styles.selectors.js +8 -0
  87. package/lib/internal/template/table-head/index.d.ts +5 -0
  88. package/lib/internal/template/table-head/index.d.ts.map +1 -0
  89. package/lib/internal/template/table-head/index.js +14 -0
  90. package/lib/internal/template/table-head/index.js.map +1 -0
  91. package/lib/internal/template/table-head/interfaces.d.ts +8 -0
  92. package/lib/internal/template/table-head/interfaces.d.ts.map +1 -0
  93. package/lib/internal/template/table-head/interfaces.js +2 -0
  94. package/lib/internal/template/table-head/interfaces.js.map +1 -0
  95. package/lib/internal/template/table-head/internal.d.ts +6 -0
  96. package/lib/internal/template/table-head/internal.d.ts.map +1 -0
  97. package/lib/internal/template/table-head/internal.js +13 -0
  98. package/lib/internal/template/table-head/internal.js.map +1 -0
  99. package/lib/internal/template/table-head/styles.css.js +7 -0
  100. package/lib/internal/template/table-head/styles.scoped.css +11 -0
  101. package/lib/internal/template/table-head/styles.selectors.js +8 -0
  102. package/lib/internal/template/table-header-cell/index.d.ts +5 -0
  103. package/lib/internal/template/table-header-cell/index.d.ts.map +1 -0
  104. package/lib/internal/template/table-header-cell/index.js +16 -0
  105. package/lib/internal/template/table-header-cell/index.js.map +1 -0
  106. package/lib/internal/template/table-header-cell/interfaces.d.ts +22 -0
  107. package/lib/internal/template/table-header-cell/interfaces.d.ts.map +1 -0
  108. package/lib/internal/template/table-header-cell/interfaces.js +2 -0
  109. package/lib/internal/template/table-header-cell/interfaces.js.map +1 -0
  110. package/lib/internal/template/table-header-cell/internal.d.ts +18 -0
  111. package/lib/internal/template/table-header-cell/internal.d.ts.map +1 -0
  112. package/lib/internal/template/table-header-cell/internal.js +33 -0
  113. package/lib/internal/template/table-header-cell/internal.js.map +1 -0
  114. package/lib/internal/template/table-header-cell/styles.css.js +11 -0
  115. package/lib/internal/template/table-header-cell/styles.scoped.css +49 -0
  116. package/lib/internal/template/table-header-cell/styles.selectors.js +12 -0
  117. package/lib/internal/template/table-root/context.d.ts +10 -0
  118. package/lib/internal/template/table-root/context.d.ts.map +1 -0
  119. package/lib/internal/template/table-root/context.js +16 -0
  120. package/lib/internal/template/table-root/context.js.map +1 -0
  121. package/lib/internal/template/table-root/grid-template-columns.d.ts +3 -0
  122. package/lib/internal/template/table-root/grid-template-columns.d.ts.map +1 -0
  123. package/lib/internal/template/table-root/grid-template-columns.js +34 -0
  124. package/lib/internal/template/table-root/grid-template-columns.js.map +1 -0
  125. package/lib/internal/template/table-root/index.d.ts +5 -0
  126. package/lib/internal/template/table-root/index.d.ts.map +1 -0
  127. package/lib/internal/template/table-root/index.js +17 -0
  128. package/lib/internal/template/table-root/index.js.map +1 -0
  129. package/lib/internal/template/table-root/interfaces.d.ts +64 -0
  130. package/lib/internal/template/table-root/interfaces.d.ts.map +1 -0
  131. package/lib/internal/template/table-root/interfaces.js +2 -0
  132. package/lib/internal/template/table-root/interfaces.js.map +1 -0
  133. package/lib/internal/template/table-root/internal.d.ts +6 -0
  134. package/lib/internal/template/table-root/internal.d.ts.map +1 -0
  135. package/lib/internal/template/table-root/internal.js +58 -0
  136. package/lib/internal/template/table-root/internal.js.map +1 -0
  137. package/lib/internal/template/table-root/styles.css.js +10 -0
  138. package/lib/internal/template/table-root/styles.scoped.css +71 -0
  139. package/lib/internal/template/table-root/styles.selectors.js +11 -0
  140. package/lib/internal/template/table-row/index.d.ts +5 -0
  141. package/lib/internal/template/table-row/index.d.ts.map +1 -0
  142. package/lib/internal/template/table-row/index.js +16 -0
  143. package/lib/internal/template/table-row/index.js.map +1 -0
  144. package/lib/internal/template/table-row/interfaces.d.ts +39 -0
  145. package/lib/internal/template/table-row/interfaces.d.ts.map +1 -0
  146. package/lib/internal/template/table-row/interfaces.js +2 -0
  147. package/lib/internal/template/table-row/interfaces.js.map +1 -0
  148. package/lib/internal/template/table-row/internal.d.ts +6 -0
  149. package/lib/internal/template/table-row/internal.d.ts.map +1 -0
  150. package/lib/internal/template/table-row/internal.js +13 -0
  151. package/lib/internal/template/table-row/internal.js.map +1 -0
  152. package/lib/internal/template/table-row/styles.css.js +7 -0
  153. package/lib/internal/template/table-row/styles.scoped.css +42 -0
  154. package/lib/internal/template/table-row/styles.selectors.js +8 -0
  155. package/lib/internal/template/test-utils/dom/index.d.ts +168 -0
  156. package/lib/internal/template/test-utils/dom/index.js +116 -1
  157. package/lib/internal/template/test-utils/dom/index.js.map +1 -1
  158. package/lib/internal/template/test-utils/dom/table-body/index.d.ts +4 -0
  159. package/lib/internal/template/test-utils/dom/table-body/index.js +11 -0
  160. package/lib/internal/template/test-utils/dom/table-body/index.js.map +1 -0
  161. package/lib/internal/template/test-utils/dom/table-body-cell/index.d.ts +4 -0
  162. package/lib/internal/template/test-utils/dom/table-body-cell/index.js +11 -0
  163. package/lib/internal/template/test-utils/dom/table-body-cell/index.js.map +1 -0
  164. package/lib/internal/template/test-utils/dom/table-head/index.d.ts +4 -0
  165. package/lib/internal/template/test-utils/dom/table-head/index.js +11 -0
  166. package/lib/internal/template/test-utils/dom/table-head/index.js.map +1 -0
  167. package/lib/internal/template/test-utils/dom/table-header-cell/index.d.ts +4 -0
  168. package/lib/internal/template/test-utils/dom/table-header-cell/index.js +11 -0
  169. package/lib/internal/template/test-utils/dom/table-header-cell/index.js.map +1 -0
  170. package/lib/internal/template/test-utils/dom/table-root/index.d.ts +4 -0
  171. package/lib/internal/template/test-utils/dom/table-root/index.js +11 -0
  172. package/lib/internal/template/test-utils/dom/table-root/index.js.map +1 -0
  173. package/lib/internal/template/test-utils/dom/table-row/index.d.ts +4 -0
  174. package/lib/internal/template/test-utils/dom/table-row/index.js +11 -0
  175. package/lib/internal/template/test-utils/dom/table-row/index.js.map +1 -0
  176. package/lib/internal/template/test-utils/selectors/index.d.ts +108 -0
  177. package/lib/internal/template/test-utils/selectors/index.js +86 -1
  178. package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
  179. package/lib/internal/template/test-utils/selectors/table-body/index.d.ts +4 -0
  180. package/lib/internal/template/test-utils/selectors/table-body/index.js +11 -0
  181. package/lib/internal/template/test-utils/selectors/table-body/index.js.map +1 -0
  182. package/lib/internal/template/test-utils/selectors/table-body-cell/index.d.ts +4 -0
  183. package/lib/internal/template/test-utils/selectors/table-body-cell/index.js +11 -0
  184. package/lib/internal/template/test-utils/selectors/table-body-cell/index.js.map +1 -0
  185. package/lib/internal/template/test-utils/selectors/table-head/index.d.ts +4 -0
  186. package/lib/internal/template/test-utils/selectors/table-head/index.js +11 -0
  187. package/lib/internal/template/test-utils/selectors/table-head/index.js.map +1 -0
  188. package/lib/internal/template/test-utils/selectors/table-header-cell/index.d.ts +4 -0
  189. package/lib/internal/template/test-utils/selectors/table-header-cell/index.js +11 -0
  190. package/lib/internal/template/test-utils/selectors/table-header-cell/index.js.map +1 -0
  191. package/lib/internal/template/test-utils/selectors/table-root/index.d.ts +4 -0
  192. package/lib/internal/template/test-utils/selectors/table-root/index.js +11 -0
  193. package/lib/internal/template/test-utils/selectors/table-root/index.js.map +1 -0
  194. package/lib/internal/template/test-utils/selectors/table-row/index.d.ts +4 -0
  195. package/lib/internal/template/test-utils/selectors/table-row/index.js +11 -0
  196. package/lib/internal/template/test-utils/selectors/table-row/index.js.map +1 -0
  197. package/package.json +1 -1
package/lib/internal/template/table/header-cell/styles.scoped.css CHANGED
@@ -6,7 +6,7 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_header-cell_1spae_126ui_9:not(#\9) {
9
+ .awsui_header-cell_1spae_uinnl_9:not(#\9) {
10
10
  position: relative;
11
11
  text-align: start;
12
12
  box-sizing: border-box;
@@ -19,14 +19,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
19
19
  padding-block: var(--space-scaled-xxs-j00t0m, 4px);
20
20
  padding-inline: var(--space-scaled-xs-pajbd1, 8px);
21
21
  }
22
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9:not(#\9):focus {
22
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9:not(#\9):focus {
23
23
  position: relative;
24
24
  }
25
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9:not(#\9):focus {
25
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9:not(#\9):focus {
26
26
  outline: 2px dotted transparent;
27
27
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
28
28
  }
29
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9:not(#\9):focus::before {
29
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9:not(#\9):focus::before {
30
30
  content: " ";
31
31
  display: block;
32
32
  position: absolute;
@@ -40,14 +40,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9:not(#\9):fo
40
40
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
41
41
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
42
42
  }
43
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
43
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-fake-focus_1spae_uinnl_43:not(#\9) {
44
44
  position: relative;
45
45
  }
46
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
46
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-fake-focus_1spae_uinnl_43:not(#\9) {
47
47
  outline: 2px dotted transparent;
48
48
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
49
49
  }
50
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9)::before {
50
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-fake-focus_1spae_uinnl_43:not(#\9)::before {
51
51
  content: " ";
52
52
  display: block;
53
53
  position: absolute;
@@ -61,36 +61,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_heade
61
61
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
62
62
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
63
63
  }
64
- .awsui_header-cell_1spae_126ui_9.awsui_header-cell-group_1spae_126ui_64:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-grouped_1spae_126ui_64:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-spans-rows_1spae_126ui_64:not(#\9) {
64
+ .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-group_1spae_uinnl_64:not(#\9), .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-grouped_1spae_uinnl_64:not(#\9), .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-spans-rows_1spae_uinnl_64:not(#\9) {
65
65
  padding-block: var(--space-xxxs-3ulqs3, 2px);
66
66
  padding-inline: var(--space-scaled-xs-pajbd1, 8px);
67
67
  border-block-end-color: var(--color-border-divider-table-group-42wwt3, #879596);
68
68
  }
69
- .awsui_header-cell_1spae_126ui_9.awsui_header-cell-group_1spae_126ui_64 > .awsui_resize-divider_1spae_126ui_69.awsui_resize-divider_1spae_126ui_69:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-grouped_1spae_126ui_64 > .awsui_resize-divider_1spae_126ui_69.awsui_resize-divider_1spae_126ui_69:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_resize-divider_1spae_126ui_69.awsui_resize-divider_1spae_126ui_69:not(#\9) {
69
+ .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-group_1spae_uinnl_64 > .awsui_resize-divider_1spae_uinnl_69.awsui_resize-divider_1spae_uinnl_69:not(#\9), .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-grouped_1spae_uinnl_64 > .awsui_resize-divider_1spae_uinnl_69.awsui_resize-divider_1spae_uinnl_69:not(#\9), .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-spans-rows_1spae_uinnl_64 > .awsui_resize-divider_1spae_uinnl_69.awsui_resize-divider_1spae_uinnl_69:not(#\9) {
70
70
  border-inline-start-color: var(--color-border-divider-table-group-42wwt3, #879596);
71
71
  }
72
- .awsui_header-cell-sticky_1spae_126ui_72:not(#\9) {
72
+ .awsui_header-cell-sticky_1spae_uinnl_72:not(#\9) {
73
73
  border-block-end: var(--border-table-sticky-width-0njdoj, 0px) solid var(--color-border-divider-default-diwd4w, #eaeded);
74
74
  }
75
- .awsui_header-cell-sticky_1spae_126ui_72.awsui_header-cell-group_1spae_126ui_64:not(#\9), .awsui_header-cell-sticky_1spae_126ui_72.awsui_header-cell-grouped_1spae_126ui_64:not(#\9), .awsui_header-cell-sticky_1spae_126ui_72.awsui_header-cell-spans-rows_1spae_126ui_64:not(#\9) {
75
+ .awsui_header-cell-sticky_1spae_uinnl_72.awsui_header-cell-group_1spae_uinnl_64:not(#\9), .awsui_header-cell-sticky_1spae_uinnl_72.awsui_header-cell-grouped_1spae_uinnl_64:not(#\9), .awsui_header-cell-sticky_1spae_uinnl_72.awsui_header-cell-spans-rows_1spae_uinnl_64:not(#\9) {
76
76
  border-block-end-color: var(--color-border-divider-table-group-42wwt3, #879596);
77
77
  }
78
- .awsui_header-cell-stuck_1spae_126ui_78:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_126ui_78) {
78
+ .awsui_header-cell-stuck_1spae_uinnl_78:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_uinnl_78) {
79
79
  border-block-end-color: transparent;
80
80
  }
81
- .awsui_header-cell-variant-full-page_1spae_126ui_78:not(#\9) {
81
+ .awsui_header-cell-variant-full-page_1spae_uinnl_78:not(#\9) {
82
82
  background: var(--color-background-layout-main-y4565g, #f2f3f3);
83
83
  }
84
- .awsui_header-cell-variant-full-page_1spae_126ui_78.awsui_header-cell-hidden_1spae_126ui_84:not(#\9) {
84
+ .awsui_header-cell-variant-full-page_1spae_uinnl_78.awsui_header-cell-hidden_1spae_uinnl_84:not(#\9) {
85
85
  border-block-end-color: transparent;
86
86
  }
87
- .awsui_header-cell-variant-embedded_1spae_126ui_87.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_126ui_72, .awsui_sticky-cell_1spae_126ui_87)), .awsui_header-cell-variant-borderless_1spae_126ui_87.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_126ui_72, .awsui_sticky-cell_1spae_126ui_87)) {
87
+ .awsui_header-cell-variant-embedded_1spae_uinnl_87.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_uinnl_72, .awsui_sticky-cell_1spae_uinnl_87)), .awsui_header-cell-variant-borderless_1spae_uinnl_87.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_uinnl_72, .awsui_sticky-cell_1spae_uinnl_87)) {
88
88
  background: none;
89
89
  }
90
- .awsui_header-cell_1spae_126ui_9:not(#\9):last-child, .awsui_header-cell_1spae_126ui_9[data-rightmost]:not(#\9), .awsui_header-cell_1spae_126ui_9.awsui_header-cell-sortable_1spae_126ui_90:not(#\9) {
90
+ .awsui_header-cell_1spae_uinnl_9:not(#\9):last-child, .awsui_header-cell_1spae_uinnl_9[data-rightmost]:not(#\9), .awsui_header-cell_1spae_uinnl_9.awsui_header-cell-sortable_1spae_uinnl_90:not(#\9) {
91
91
  padding-inline-end: var(--space-xs-m9b7jf, 8px);
92
92
  }
93
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9) {
93
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell_1spae_uinnl_87:not(#\9) {
94
94
  position: sticky;
95
95
  background: var(--color-background-table-header-pgyagt, #fafafa);
96
96
  z-index: 798;
@@ -99,43 +99,43 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_heade
99
99
  transition-timing-function: var(--motion-easing-sticky-erj3ph, ease-out);
100
100
  }
101
101
  @media (prefers-reduced-motion: reduce) {
102
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9) {
102
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell_1spae_uinnl_87:not(#\9) {
103
103
  animation: none;
104
104
  transition: none;
105
105
  }
106
106
  }
107
- .awsui-motion-disabled .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87:not(#\9) {
107
+ .awsui-motion-disabled .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell_1spae_uinnl_87:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell_1spae_uinnl_87:not(#\9) {
108
108
  animation: none;
109
109
  transition: none;
110
110
  }
111
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell_1spae_126ui_87.awsui_table-variant-full-page_1spae_126ui_111:not(#\9) {
111
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell_1spae_uinnl_87.awsui_table-variant-full-page_1spae_uinnl_111:not(#\9) {
112
112
  background: var(--color-background-layout-main-y4565g, #f2f3f3);
113
113
  }
114
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-pad-left_1spae_126ui_114:not(#\9):not(.awsui_has-selection_1spae_126ui_114) {
114
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell-pad-left_1spae_uinnl_114:not(#\9):not(.awsui_has-selection_1spae_uinnl_114) {
115
115
  padding-inline-start: var(--space-table-horizontal-o0ypm8, 0px);
116
116
  }
117
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-start_1spae_126ui_117:not(#\9) {
117
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell-last-inline-start_1spae_uinnl_117:not(#\9) {
118
118
  box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
119
119
  clip-path: inset(0px -24px 0px 0px);
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  }
122
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-start_1spae_126ui_117 > .awsui_resize-divider_1spae_126ui_69:not(#\9) {
122
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell-last-inline-start_1spae_uinnl_117 > .awsui_resize-divider_1spae_uinnl_69:not(#\9) {
123
123
  display: none;
124
124
  }
125
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-start_1spae_126ui_117:not(#\9):dir(rtl) {
125
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell-last-inline-start_1spae_uinnl_117:not(#\9):dir(rtl) {
126
126
  box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
127
127
  clip-path: inset(0 0 0 -24px);
128
128
  }
129
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-end_1spae_126ui_129:not(#\9) {
129
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell-last-inline-end_1spae_uinnl_129:not(#\9) {
130
130
  box-shadow: var(--shadow-sticky-column-last-f2p6g7, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
131
131
  clip-path: inset(0 0 0 -24px);
132
132
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
133
133
  }
134
- .awsui_header-cell_1spae_126ui_9.awsui_sticky-cell-last-inline-end_1spae_126ui_129:not(#\9):dir(rtl) {
134
+ .awsui_header-cell_1spae_uinnl_9.awsui_sticky-cell-last-inline-end_1spae_uinnl_129:not(#\9):dir(rtl) {
135
135
  box-shadow: var(--shadow-sticky-column-first-7d9wxu, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
136
136
  clip-path: inset(0 -24px 0 0);
137
137
  }
138
- .awsui_sorting-icon_1spae_126ui_138:not(#\9) {
138
+ .awsui_sorting-icon_1spae_uinnl_138:not(#\9) {
139
139
  position: absolute;
140
140
  inset-block-start: 50%;
141
141
  transform: translateY(-50%);
@@ -143,45 +143,45 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_heade
143
143
  color: var(--color-text-column-sorting-icon-8ewv37, #687078);
144
144
  }
145
145
 
146
- .awsui_header-cell-main_1spae_126ui_146:not(#\9) {
146
+ .awsui_header-cell-main_1spae_uinnl_146:not(#\9) {
147
147
  /* When the wrapper is present without a sort menu, behave as if it weren't there. */
148
148
  display: contents;
149
149
  }
150
150
 
151
- .awsui_sort-priority-badge_1spae_126ui_151:not(#\9) {
151
+ .awsui_sort-priority-badge_1spae_uinnl_151:not(#\9) {
152
152
  margin-inline-end: var(--space-xxs-3o1yoq, 4px);
153
153
  }
154
154
 
155
- .awsui_edit-icon_1spae_126ui_155:not(#\9) {
155
+ .awsui_edit-icon_1spae_uinnl_155:not(#\9) {
156
156
  margin-inline-start: var(--space-xxs-3o1yoq, 4px);
157
157
  margin-block-start: var(--space-scaled-xxs-j00t0m, 4px);
158
158
  color: inherit;
159
159
  }
160
160
 
161
- .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
161
+ .awsui_header-cell-content_1spae_uinnl_161:not(#\9) {
162
162
  position: relative;
163
163
  padding-block: var(--space-scaled-xxs-j00t0m, 4px);
164
164
  padding-inline-end: var(--space-s-kll7oj, 12px);
165
165
  padding-inline-start: var(--space-s-kll7oj, 12px);
166
166
  }
167
- .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-content-expandable_1spae_126ui_167:not(#\9) {
167
+ .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-content-expandable_1spae_uinnl_167:not(#\9) {
168
168
  padding-inline-start: calc(var(--space-s-kll7oj, 12px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
169
169
  }
170
- .awsui_header-cell-group_1spae_126ui_64 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
170
+ .awsui_header-cell-group_1spae_uinnl_64 > .awsui_header-cell-content_1spae_uinnl_161:not(#\9) {
171
171
  padding-block: var(--space-xxxs-3ulqs3, 2px);
172
172
  }
173
- .awsui_header-cell-content_1spae_126ui_161:not(#\9):focus {
173
+ .awsui_header-cell-content_1spae_uinnl_161:not(#\9):focus {
174
174
  outline: none;
175
175
  text-decoration: none;
176
176
  }
177
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161:not(#\9):focus {
177
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_uinnl_161:not(#\9):focus {
178
178
  position: relative;
179
179
  }
180
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161:not(#\9):focus {
180
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_uinnl_161:not(#\9):focus {
181
181
  outline: 2px dotted transparent;
182
182
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px)) - 1px);
183
183
  }
184
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161:not(#\9):focus::before {
184
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_uinnl_161:not(#\9):focus::before {
185
185
  content: " ";
186
186
  display: block;
187
187
  position: absolute;
@@ -195,14 +195,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161:n
195
195
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
196
196
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
197
197
  }
198
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
198
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-fake-focus_1spae_uinnl_43:not(#\9) {
199
199
  position: relative;
200
200
  }
201
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9) {
201
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-fake-focus_1spae_uinnl_43:not(#\9) {
202
202
  outline: 2px dotted transparent;
203
203
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px)) - 1px);
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43:not(#\9)::before {
205
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-fake-focus_1spae_uinnl_43:not(#\9)::before {
206
206
  content: " ";
207
207
  display: block;
208
208
  position: absolute;
@@ -216,68 +216,68 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_126ui_161.a
216
216
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
217
217
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
218
218
  }
219
- .awsui_header-cell-grouped_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9), .awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
219
+ .awsui_header-cell-grouped_1spae_uinnl_64 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:not(#\9), .awsui_header-cell-spans-rows_1spae_uinnl_64 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:not(#\9) {
220
220
  padding-block: var(--space-xxxs-3ulqs3, 2px);
221
221
  }
222
- .awsui_header-cell-sortable_1spae_126ui_90 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
222
+ .awsui_header-cell-sortable_1spae_uinnl_90 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:not(#\9) {
223
223
  padding-inline-end: calc(var(--space-xl-6jh0ay, 24px) + var(--space-xxs-3o1yoq, 4px));
224
224
  }
225
- .awsui_header-cell-sortable_1spae_126ui_90 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-content-multi-sorted_1spae_126ui_225:not(#\9) {
225
+ .awsui_header-cell-sortable_1spae_uinnl_90 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-content-multi-sorted_1spae_uinnl_225:not(#\9) {
226
226
  padding-inline-end: calc(var(--space-xl-6jh0ay, 24px) + var(--space-xxs-3o1yoq, 4px) + var(--space-m-n8iq8o, 16px));
227
227
  }
228
- .awsui_header-cell-disabled_1spae_126ui_228.awsui_header-cell-sorted_1spae_126ui_228 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 > .awsui_sorting-icon_1spae_126ui_138:not(#\9) {
228
+ .awsui_header-cell-disabled_1spae_uinnl_228.awsui_header-cell-sorted_1spae_uinnl_228 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161 > .awsui_sorting-icon_1spae_uinnl_138:not(#\9) {
229
229
  color: var(--color-text-interactive-disabled-tuxgxq, #aab7b8);
230
230
  }
231
231
 
232
- .awsui_header-cell-main-with-menu_1spae_126ui_232:not(#\9) {
232
+ .awsui_header-cell-main-with-menu_1spae_uinnl_232:not(#\9) {
233
233
  display: flex;
234
234
  align-items: center;
235
235
  }
236
236
 
237
- .awsui_header-cell-content-with-menu_1spae_126ui_237:not(#\9) {
237
+ .awsui_header-cell-content-with-menu_1spae_uinnl_237:not(#\9) {
238
238
  flex-grow: 1;
239
239
  min-inline-size: 0;
240
240
  }
241
241
 
242
- .awsui_header-cell-spans-rows_1spae_126ui_64:not(#\9) {
242
+ .awsui_header-cell-spans-rows_1spae_uinnl_64:not(#\9) {
243
243
  block-size: 100%;
244
244
  vertical-align: bottom;
245
245
  }
246
- .awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:not(#\9) {
246
+ .awsui_header-cell-spans-rows_1spae_uinnl_64 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:not(#\9) {
247
247
  block-size: 100%;
248
248
  box-sizing: border-box;
249
249
  display: flex;
250
250
  flex-direction: column;
251
251
  justify-content: flex-end;
252
252
  }
253
- .awsui_header-cell-spans-rows_1spae_126ui_64 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 > .awsui_sorting-icon_1spae_126ui_138:not(#\9) {
253
+ .awsui_header-cell-spans-rows_1spae_uinnl_64 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161 > .awsui_sorting-icon_1spae_uinnl_138:not(#\9) {
254
254
  inset-block-start: auto;
255
255
  inset-block-end: var(--space-scaled-xxs-j00t0m, 4px);
256
256
  transform: none;
257
257
  }
258
258
 
259
- .awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228) {
259
+ .awsui_header-cell-sortable_1spae_uinnl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_uinnl_228) {
260
260
  cursor: pointer;
261
261
  }
262
- .awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:hover, .awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228).awsui_header-cell-sorted_1spae_126ui_228 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 {
262
+ .awsui_header-cell-sortable_1spae_uinnl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_uinnl_228) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:hover, .awsui_header-cell-sortable_1spae_uinnl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_uinnl_228).awsui_header-cell-sorted_1spae_uinnl_228 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161 {
263
263
  color: var(--color-text-interactive-active-nbyczy, #16191f);
264
264
  }
265
- .awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:hover > .awsui_sorting-icon_1spae_126ui_138, .awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-disabled_1spae_126ui_228).awsui_header-cell-sorted_1spae_126ui_228 > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 > .awsui_sorting-icon_1spae_126ui_138 {
265
+ .awsui_header-cell-sortable_1spae_uinnl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_uinnl_228) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:hover > .awsui_sorting-icon_1spae_uinnl_138, .awsui_header-cell-sortable_1spae_uinnl_90:not(#\9):not(.awsui_header-cell-disabled_1spae_uinnl_228).awsui_header-cell-sorted_1spae_uinnl_228 > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161 > .awsui_sorting-icon_1spae_uinnl_138 {
266
266
  color: var(--color-text-interactive-active-nbyczy, #16191f);
267
267
  }
268
268
 
269
- .awsui_header-cell-text_1spae_126ui_269:not(#\9) {
269
+ .awsui_header-cell-text_1spae_uinnl_269:not(#\9) {
270
270
  line-height: var(--line-height-heading-xs-wcrr4i, 20px);
271
271
  padding-block: calc(var(--space-xxxs-3ulqs3, 2px) / 2);
272
272
  }
273
- .awsui_header-cell-text_1spae_126ui_269:not(#\9):not(.awsui_header-cell-text-wrap_1spae_126ui_273) {
273
+ .awsui_header-cell-text_1spae_uinnl_269:not(#\9):not(.awsui_header-cell-text-wrap_1spae_uinnl_273) {
274
274
  white-space: nowrap;
275
275
  overflow: hidden;
276
276
  text-overflow: ellipsis;
277
277
  }
278
278
 
279
- .awsui_header-cell-ascending_1spae_126ui_279:not(#\9),
280
- .awsui_header-cell-descending_1spae_126ui_280:not(#\9) {
279
+ .awsui_header-cell-ascending_1spae_uinnl_279:not(#\9),
280
+ .awsui_header-cell-descending_1spae_uinnl_280:not(#\9) {
281
281
  /* used in test-utils */
282
282
  }
283
283
 
@@ -287,28 +287,28 @@ with the left edge of the table as closely as possible. If the
287
287
  last header cell is sortable the sort icon should align with the
288
288
  settings icon in the pagination slot.
289
289
  */
290
- .awsui_header-cell_1spae_126ui_9:not(#\9):not(.awsui_is-visual-refresh_1spae_126ui_87):first-child {
290
+ .awsui_header-cell_1spae_uinnl_9:not(#\9):not(.awsui_is-visual-refresh_1spae_uinnl_87):first-child {
291
291
  padding-inline-start: var(--space-xs-m9b7jf, 8px);
292
292
  }
293
- .awsui_header-cell_1spae_126ui_9:not(#\9):not(.awsui_is-visual-refresh_1spae_126ui_87):first-child.awsui_header-cell-content-expandable_1spae_126ui_167 {
293
+ .awsui_header-cell_1spae_uinnl_9:not(#\9):not(.awsui_is-visual-refresh_1spae_uinnl_87):first-child.awsui_header-cell-content-expandable_1spae_uinnl_167 {
294
294
  padding-inline-start: calc(var(--space-xs-m9b7jf, 8px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
295
295
  }
296
296
 
297
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9) {
297
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9) {
298
298
  /*
299
299
  Striped rows requires additional left padding because the
300
300
  shaded background makes the child content appear too close
301
301
  to the table edge.
302
302
  */
303
303
  }
304
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:focus {
304
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:focus {
305
305
  position: relative;
306
306
  }
307
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:focus {
307
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:focus {
308
308
  outline: 2px dotted transparent;
309
309
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
310
310
  }
311
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:focus::before {
311
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:focus::before {
312
312
  content: " ";
313
313
  display: block;
314
314
  position: absolute;
@@ -322,14 +322,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-vi
322
322
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
323
323
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
324
324
  }
325
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_126ui_43 {
325
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_uinnl_43 {
326
326
  position: relative;
327
327
  }
328
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_126ui_43 {
328
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_uinnl_43 {
329
329
  outline: 2px dotted transparent;
330
330
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-j00t0m, 4px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
331
331
  }
332
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_126ui_43::before {
332
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_uinnl_43::before {
333
333
  content: " ";
334
334
  display: block;
335
335
  position: absolute;
@@ -343,20 +343,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-vi
343
343
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
344
344
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
345
345
  }
346
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161 {
346
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161 {
347
347
  padding-inline-start: 0px;
348
348
  }
349
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-content-expandable_1spae_126ui_167 {
349
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-content-expandable_1spae_uinnl_167 {
350
350
  padding-inline-start: calc(0px + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
351
351
  }
352
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:focus {
352
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:focus {
353
353
  position: relative;
354
354
  }
355
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:focus {
355
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:focus {
356
356
  outline: 2px dotted transparent;
357
357
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
358
358
  }
359
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161:focus::before {
359
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161:focus::before {
360
360
  content: " ";
361
361
  display: block;
362
362
  position: absolute;
@@ -370,14 +370,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-vi
370
370
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
371
371
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
372
372
  }
373
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43 {
373
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-fake-focus_1spae_uinnl_43 {
374
374
  position: relative;
375
375
  }
376
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43 {
376
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-fake-focus_1spae_uinnl_43 {
377
377
  outline: 2px dotted transparent;
378
378
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-yl4rtb, 0px) + var(--space-scaled-xxs-j00t0m, 4px)) - 1px);
379
379
  }
380
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_126ui_64):not(.awsui_header-cell-group_1spae_126ui_64) > .awsui_header-cell-main_1spae_126ui_146 > .awsui_header-cell-content_1spae_126ui_161.awsui_header-cell-fake-focus_1spae_126ui_43::before {
380
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_uinnl_64):not(.awsui_header-cell-group_1spae_uinnl_64) > .awsui_header-cell-main_1spae_uinnl_146 > .awsui_header-cell-content_1spae_uinnl_161.awsui_header-cell-fake-focus_1spae_uinnl_43::before {
381
381
  content: " ";
382
382
  display: block;
383
383
  position: absolute;
@@ -391,24 +391,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_126ui_9.awsui_is-vi
391
391
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
392
392
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
393
393
  }
394
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_126ui_394):not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64) {
394
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child.awsui_with-paddings_1spae_uinnl_394:not(.awsui_has-striped-rows_1spae_uinnl_394):not(.awsui_sticky-cell-pad-inline-start_1spae_uinnl_394):not(.awsui_header-cell-group_1spae_uinnl_64):not(.awsui_header-cell-grouped_1spae_uinnl_64) {
395
395
  padding-inline-start: var(--space-xxxs-3ulqs3, 2px);
396
396
  }
397
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_126ui_394):not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64).awsui_header-cell-content-expandable_1spae_126ui_167 {
397
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child.awsui_with-paddings_1spae_uinnl_394:not(.awsui_has-striped-rows_1spae_uinnl_394):not(.awsui_sticky-cell-pad-inline-start_1spae_uinnl_394):not(.awsui_header-cell-group_1spae_uinnl_64):not(.awsui_header-cell-grouped_1spae_uinnl_64).awsui_header-cell-content-expandable_1spae_uinnl_167 {
398
398
  padding-inline-start: calc(var(--space-xxxs-3ulqs3, 2px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
399
399
  }
400
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_has-striped-rows_1spae_126ui_394:not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64) {
400
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child.awsui_with-paddings_1spae_uinnl_394.awsui_has-striped-rows_1spae_uinnl_394:not(.awsui_sticky-cell-pad-inline-start_1spae_uinnl_394):not(.awsui_header-cell-group_1spae_uinnl_64):not(.awsui_header-cell-grouped_1spae_uinnl_64) {
401
401
  padding-inline-start: var(--space-xxs-3o1yoq, 4px);
402
402
  }
403
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):first-child.awsui_has-striped-rows_1spae_126ui_394:not(.awsui_sticky-cell-pad-inline-start_1spae_126ui_394):not(.awsui_header-cell-group_1spae_126ui_64):not(.awsui_header-cell-grouped_1spae_126ui_64).awsui_header-cell-content-expandable_1spae_126ui_167 {
403
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):first-child.awsui_with-paddings_1spae_uinnl_394.awsui_has-striped-rows_1spae_uinnl_394:not(.awsui_sticky-cell-pad-inline-start_1spae_uinnl_394):not(.awsui_header-cell-group_1spae_uinnl_64):not(.awsui_header-cell-grouped_1spae_uinnl_64).awsui_header-cell-content-expandable_1spae_uinnl_167 {
404
404
  padding-inline-start: calc(var(--space-xxs-3o1yoq, 4px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
405
405
  }
406
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87:not(#\9):last-child.awsui_header-cell-sortable_1spae_126ui_90:not(.awsui_header-cell-resizable_1spae_126ui_406), .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87[data-rightmost].awsui_header-cell-sortable_1spae_126ui_90:not(#\9):not(.awsui_header-cell-resizable_1spae_126ui_406) {
406
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87:not(#\9):last-child.awsui_header-cell-sortable_1spae_uinnl_90:not(.awsui_header-cell-resizable_1spae_uinnl_406), .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87[data-rightmost].awsui_header-cell-sortable_1spae_uinnl_90:not(#\9):not(.awsui_header-cell-resizable_1spae_uinnl_406) {
407
407
  padding-inline-end: var(--space-xxxs-3ulqs3, 2px);
408
408
  }
409
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87.awsui_sticky-cell-pad-inline-start_1spae_126ui_394:not(#\9) {
409
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87.awsui_sticky-cell-pad-inline-start_1spae_uinnl_394:not(#\9) {
410
410
  padding-inline-start: var(--space-scaled-l-33ruz6, 20px);
411
411
  }
412
- .awsui_header-cell_1spae_126ui_9.awsui_is-visual-refresh_1spae_126ui_87.awsui_sticky-cell-pad-inline-start_1spae_126ui_394.awsui_header-cell-content-expandable_1spae_126ui_167:not(#\9) {
412
+ .awsui_header-cell_1spae_uinnl_9.awsui_is-visual-refresh_1spae_uinnl_87.awsui_sticky-cell-pad-inline-start_1spae_uinnl_394.awsui_header-cell-content-expandable_1spae_uinnl_167:not(#\9) {
413
413
  padding-inline-start: calc(var(--space-scaled-l-33ruz6, 20px) + var(--space-m-n8iq8o, 16px) + var(--space-xs-m9b7jf, 8px));
414
414
  }
package/lib/internal/template/table/header-cell/styles.selectors.js CHANGED
@@ -2,43 +2,44 @@
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_126ui_9",
6
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_126ui_43",
7
- "header-cell-group": "awsui_header-cell-group_1spae_126ui_64",
8
- "header-cell-grouped": "awsui_header-cell-grouped_1spae_126ui_64",
9
- "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_126ui_64",
10
- "resize-divider": "awsui_resize-divider_1spae_126ui_69",
11
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_126ui_72",
12
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_126ui_78",
13
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_126ui_78",
14
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_126ui_84",
15
- "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_126ui_87",
16
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_126ui_87",
17
- "sticky-cell": "awsui_sticky-cell_1spae_126ui_87",
18
- "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_126ui_87",
19
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_126ui_90",
20
- "table-variant-full-page": "awsui_table-variant-full-page_1spae_126ui_111",
21
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_126ui_114",
22
- "has-selection": "awsui_has-selection_1spae_126ui_114",
23
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_126ui_117",
24
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_126ui_129",
25
- "sorting-icon": "awsui_sorting-icon_1spae_126ui_138",
26
- "header-cell-main": "awsui_header-cell-main_1spae_126ui_146",
27
- "sort-priority-badge": "awsui_sort-priority-badge_1spae_126ui_151",
28
- "edit-icon": "awsui_edit-icon_1spae_126ui_155",
29
- "header-cell-content": "awsui_header-cell-content_1spae_126ui_161",
30
- "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_126ui_167",
31
- "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_126ui_225",
32
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_126ui_228",
33
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_126ui_228",
34
- "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_126ui_232",
35
- "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_126ui_237",
36
- "header-cell-text": "awsui_header-cell-text_1spae_126ui_269",
37
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_126ui_273",
38
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_126ui_279",
39
- "header-cell-descending": "awsui_header-cell-descending_1spae_126ui_280",
40
- "has-striped-rows": "awsui_has-striped-rows_1spae_126ui_394",
41
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_126ui_394",
42
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_126ui_406"
5
+ "header-cell": "awsui_header-cell_1spae_uinnl_9",
6
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_uinnl_43",
7
+ "header-cell-group": "awsui_header-cell-group_1spae_uinnl_64",
8
+ "header-cell-grouped": "awsui_header-cell-grouped_1spae_uinnl_64",
9
+ "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_uinnl_64",
10
+ "resize-divider": "awsui_resize-divider_1spae_uinnl_69",
11
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_uinnl_72",
12
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_uinnl_78",
13
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_uinnl_78",
14
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_uinnl_84",
15
+ "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_uinnl_87",
16
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_uinnl_87",
17
+ "sticky-cell": "awsui_sticky-cell_1spae_uinnl_87",
18
+ "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_uinnl_87",
19
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_uinnl_90",
20
+ "table-variant-full-page": "awsui_table-variant-full-page_1spae_uinnl_111",
21
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_uinnl_114",
22
+ "has-selection": "awsui_has-selection_1spae_uinnl_114",
23
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_uinnl_117",
24
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_uinnl_129",
25
+ "sorting-icon": "awsui_sorting-icon_1spae_uinnl_138",
26
+ "header-cell-main": "awsui_header-cell-main_1spae_uinnl_146",
27
+ "sort-priority-badge": "awsui_sort-priority-badge_1spae_uinnl_151",
28
+ "edit-icon": "awsui_edit-icon_1spae_uinnl_155",
29
+ "header-cell-content": "awsui_header-cell-content_1spae_uinnl_161",
30
+ "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_uinnl_167",
31
+ "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_uinnl_225",
32
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_uinnl_228",
33
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_uinnl_228",
34
+ "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_uinnl_232",
35
+ "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_uinnl_237",
36
+ "header-cell-text": "awsui_header-cell-text_1spae_uinnl_269",
37
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_uinnl_273",
38
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_uinnl_279",
39
+ "header-cell-descending": "awsui_header-cell-descending_1spae_uinnl_280",
40
+ "with-paddings": "awsui_with-paddings_1spae_uinnl_394",
41
+ "has-striped-rows": "awsui_has-striped-rows_1spae_uinnl_394",
42
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_uinnl_394",
43
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_uinnl_406"
43
44
  };
44
45
 
package/lib/internal/template/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;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,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,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,WAAW,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,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,OAAO,EACP,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,sBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,mBAAmB,eA6DrB"}
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;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,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,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,WAAW,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,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,OAAO,EACP,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,sBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,mBAAmB,eAmErB"}
package/lib/internal/template/table/header-cell/th-element.js CHANGED
@@ -5,14 +5,13 @@ import clsx from 'clsx';
5
5
  import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
6
6
  import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
7
7
  import { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
8
- import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
8
+ import { InternalTableHeaderCell } from '../../table-header-cell/internal';
9
9
  import { useStickyCellStyles } from '../sticky-columns';
10
10
  import { getTableColHeaderRoleProps } from '../table-role';
11
11
  import { getStickyClassNames } from '../utils';
12
12
  import tableStyles from '../styles.css.js';
13
13
  import styles from './styles.css.js';
14
14
  export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, suppressAriaSort, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, colSpan, rowSpan, scope, columnGroupId, isLast, stickyBoundaryColumnId, ...props }) {
15
- const isVisualRefresh = useVisualRefresh();
16
15
  const stickyStyles = useStickyCellStyles({
17
16
  stickyColumns: stickyState,
18
17
  columnId,
@@ -22,7 +21,22 @@ export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled,
22
21
  const cellRefObject = useRef(null);
23
22
  const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);
24
23
  const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
25
- return (React.createElement("th", { "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}`], scope === 'colgroup' && styles['header-cell-group'], {
24
+ // The bare `.header-cell` substrate (the <th> element, base padding, ref) is provided by
25
+ // the extracted InternalTableHeaderCell. All feature layering stays here, keyed on the same
26
+ // `.header-cell` class so the compound `.header-cell.<feature>` CSS continues to match
27
+ // unchanged, and every computed native attribute is threaded through verbatim.
28
+ const nativeAttributes = {
29
+ colSpan,
30
+ rowSpan,
31
+ ...getTableColHeaderRoleProps({
32
+ tableRole,
33
+ sortingStatus: suppressAriaSort ? undefined : sortingStatus,
34
+ colIndex,
35
+ }),
36
+ scope: scope !== null && scope !== void 0 ? scope : 'col',
37
+ ...(ariaLabel ? { 'aria-label': ariaLabel } : {}),
38
+ };
39
+ return (React.createElement(InternalTableHeaderCell, { className: clsx(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'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], scope === 'colgroup' && styles['header-cell-group'], {
26
40
  [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,
27
41
  [styles['header-cell-sortable']]: sortingStatus,
28
42
  [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',
@@ -32,10 +46,6 @@ export function TableThElement({ resizableStyle, sortingStatus, sortingDisabled,
32
46
  [styles['header-cell-hidden']]: hidden,
33
47
  [styles['header-cell-spans-rows']]: (rowSpan !== null && rowSpan !== void 0 ? rowSpan : 1) > 1,
34
48
  [styles['header-cell-grouped']]: !!columnGroupId,
35
- }, stickyStyles.className), colSpan: colSpan, rowSpan: rowSpan, style: { ...resizableStyle, ...stickyStyles.style }, ref: mergedRef, ...getTableColHeaderRoleProps({
36
- tableRole,
37
- sortingStatus: suppressAriaSort ? undefined : sortingStatus,
38
- colIndex,
39
- }), scope: scope !== null && scope !== void 0 ? scope : 'col', tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, ...copyAnalyticsMetadataAttribute(props), ...(ariaLabel ? { 'aria-label': ariaLabel } : {}), ...(isLast ? { 'data-rightmost': true } : {}), ...(scope !== 'colgroup' ? { 'data-column-index': colIndex + 1 } : {}), ...(columnGroupId ? { 'data-column-group-id': columnGroupId } : {}) }, children));
49
+ }, stickyStyles.className), style: { ...resizableStyle, ...stickyStyles.style }, ref: mergedRef, tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, "data-focus-id": `header-${String(columnId)}`, "data-rightmost": isLast || undefined, "data-column-index": scope !== 'colgroup' ? colIndex + 1 : undefined, "data-column-group-id": columnGroupId || undefined, ...copyAnalyticsMetadataAttribute(props), nativeAttributes: nativeAttributes, disableContentWrapper: true, disableDivider: true }, children));
40
50
  }
41
51
  //# sourceMappingURL=th-element.js.map