@cloudscape-design/components 3.0.839 → 3.0.840

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 (290) hide show
  1. package/alert/styles.css.js +28 -28
  2. package/alert/styles.scoped.css +43 -49
  3. package/alert/styles.selectors.js +28 -28
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +18 -21
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +30 -33
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/classic.d.ts.map +1 -1
  11. package/app-layout/classic.js +3 -4
  12. package/app-layout/classic.js.map +1 -1
  13. package/app-layout/split-panel/constants.d.ts +0 -1
  14. package/app-layout/split-panel/constants.d.ts.map +1 -1
  15. package/app-layout/split-panel/constants.js +0 -1
  16. package/app-layout/split-panel/constants.js.map +1 -1
  17. package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
  18. package/app-layout/utils/use-pointer-events.js +19 -10
  19. package/app-layout/utils/use-pointer-events.js.map +1 -1
  20. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  21. package/app-layout/visual-refresh/context.js +8 -2
  22. package/app-layout/visual-refresh/context.js.map +1 -1
  23. package/app-layout/visual-refresh/styles.css.js +86 -86
  24. package/app-layout/visual-refresh/styles.scoped.css +163 -169
  25. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  26. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  27. package/app-layout/visual-refresh-toolbar/compute-layout.js +2 -3
  28. package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  29. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
  30. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +35 -50
  31. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
  32. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
  33. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +15 -18
  34. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
  35. package/attribute-editor/styles.css.js +14 -14
  36. package/attribute-editor/styles.scoped.css +24 -27
  37. package/attribute-editor/styles.selectors.js +14 -14
  38. package/badge/styles.css.js +10 -10
  39. package/badge/styles.scoped.css +10 -13
  40. package/badge/styles.selectors.js +10 -10
  41. package/breadcrumb-group/styles.css.js +10 -10
  42. package/breadcrumb-group/styles.scoped.css +11 -14
  43. package/breadcrumb-group/styles.selectors.js +10 -10
  44. package/button/styles.css.js +21 -21
  45. package/button/styles.scoped.css +154 -157
  46. package/button/styles.selectors.js +21 -21
  47. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  48. package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -8
  49. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  50. package/button-group/styles.css.js +4 -4
  51. package/button-group/styles.scoped.css +4 -7
  52. package/button-group/styles.selectors.js +4 -4
  53. package/calendar/styles.css.js +21 -21
  54. package/calendar/styles.scoped.css +43 -46
  55. package/calendar/styles.selectors.js +21 -21
  56. package/cards/styles.css.js +39 -39
  57. package/cards/styles.scoped.css +50 -53
  58. package/cards/styles.selectors.js +39 -39
  59. package/checkbox/styles.css.js +3 -3
  60. package/checkbox/styles.scoped.css +5 -8
  61. package/checkbox/styles.selectors.js +3 -3
  62. package/code-editor/styles.css.js +33 -33
  63. package/code-editor/styles.scoped.css +135 -138
  64. package/code-editor/styles.selectors.js +33 -33
  65. package/collection-preferences/content-display/styles.css.js +13 -13
  66. package/collection-preferences/content-display/styles.scoped.css +19 -22
  67. package/collection-preferences/content-display/styles.selectors.js +13 -13
  68. package/collection-preferences/styles.css.js +39 -39
  69. package/collection-preferences/styles.scoped.css +46 -49
  70. package/collection-preferences/styles.selectors.js +39 -39
  71. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  72. package/column-layout/flexible-column-layout/styles.scoped.css +22 -7
  73. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  74. package/column-layout/styles.css.js +13 -13
  75. package/column-layout/styles.scoped.css +43 -46
  76. package/column-layout/styles.selectors.js +13 -13
  77. package/container/styles.css.js +31 -31
  78. package/container/styles.scoped.css +54 -57
  79. package/container/styles.selectors.js +31 -31
  80. package/copy-to-clipboard/internal.js +2 -2
  81. package/copy-to-clipboard/internal.js.map +1 -1
  82. package/copy-to-clipboard/styles.css.js +3 -4
  83. package/copy-to-clipboard/styles.scoped.css +3 -7
  84. package/copy-to-clipboard/styles.selectors.js +3 -4
  85. package/date-picker/index.js +1 -1
  86. package/date-picker/index.js.map +1 -1
  87. package/date-picker/styles.css.js +7 -7
  88. package/date-picker/styles.scoped.css +9 -12
  89. package/date-picker/styles.selectors.js +7 -7
  90. package/date-range-picker/dropdown.d.ts.map +1 -1
  91. package/date-range-picker/dropdown.js +1 -1
  92. package/date-range-picker/dropdown.js.map +1 -1
  93. package/date-range-picker/styles.css.js +38 -38
  94. package/date-range-picker/styles.scoped.css +47 -50
  95. package/date-range-picker/styles.selectors.js +38 -38
  96. package/drawer/styles.css.js +5 -5
  97. package/drawer/styles.scoped.css +10 -13
  98. package/drawer/styles.selectors.js +5 -5
  99. package/expandable-section/styles.css.js +34 -34
  100. package/expandable-section/styles.scoped.css +65 -68
  101. package/expandable-section/styles.selectors.js +34 -34
  102. package/file-token-group/styles.css.js +22 -22
  103. package/file-token-group/styles.scoped.css +29 -32
  104. package/file-token-group/styles.selectors.js +22 -22
  105. package/flashbar/styles.css.js +50 -50
  106. package/flashbar/styles.scoped.css +148 -151
  107. package/flashbar/styles.selectors.js +50 -50
  108. package/form/styles.css.js +8 -8
  109. package/form/styles.scoped.css +8 -11
  110. package/form/styles.selectors.js +8 -8
  111. package/form-field/styles.css.js +24 -24
  112. package/form-field/styles.scoped.css +38 -41
  113. package/form-field/styles.selectors.js +24 -24
  114. package/grid/styles.css.js +53 -53
  115. package/grid/styles.scoped.css +54 -57
  116. package/grid/styles.selectors.js +53 -53
  117. package/header/styles.css.js +34 -34
  118. package/header/styles.scoped.css +50 -53
  119. package/header/styles.selectors.js +34 -34
  120. package/help-panel/styles.css.js +6 -6
  121. package/help-panel/styles.scoped.css +67 -70
  122. package/help-panel/styles.selectors.js +6 -6
  123. package/input/styles.css.js +13 -13
  124. package/input/styles.scoped.css +32 -35
  125. package/input/styles.selectors.js +13 -13
  126. package/internal/components/button-trigger/styles.css.js +13 -13
  127. package/internal/components/button-trigger/styles.scoped.css +27 -30
  128. package/internal/components/button-trigger/styles.selectors.js +13 -13
  129. package/internal/components/chart-filter/styles.css.js +3 -3
  130. package/internal/components/chart-filter/styles.scoped.css +3 -6
  131. package/internal/components/chart-filter/styles.selectors.js +3 -3
  132. package/internal/components/chart-legend/styles.css.js +6 -6
  133. package/internal/components/chart-legend/styles.scoped.css +15 -18
  134. package/internal/components/chart-legend/styles.selectors.js +6 -6
  135. package/internal/components/chart-popover/styles.css.js +3 -3
  136. package/internal/components/chart-popover/styles.scoped.css +3 -6
  137. package/internal/components/chart-popover/styles.selectors.js +3 -3
  138. package/internal/components/chart-series-details/styles.css.js +20 -20
  139. package/internal/components/chart-series-details/styles.scoped.css +33 -42
  140. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  141. package/internal/components/chart-series-marker/styles.css.js +5 -5
  142. package/internal/components/chart-series-marker/styles.scoped.css +7 -10
  143. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  144. package/internal/components/chart-wrapper/styles.css.js +9 -9
  145. package/internal/components/chart-wrapper/styles.scoped.css +9 -12
  146. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  147. package/internal/components/dropdown/styles.css.js +20 -20
  148. package/internal/components/dropdown/styles.scoped.css +37 -40
  149. package/internal/components/dropdown/styles.selectors.js +20 -20
  150. package/internal/components/dropdown-footer/styles.css.js +3 -3
  151. package/internal/components/dropdown-footer/styles.scoped.css +3 -6
  152. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  153. package/internal/components/dropdown-status/styles.css.js +2 -2
  154. package/internal/components/dropdown-status/styles.scoped.css +2 -5
  155. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  156. package/internal/components/menu-dropdown/styles.css.js +7 -7
  157. package/internal/components/menu-dropdown/styles.scoped.css +13 -16
  158. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  159. package/internal/components/option/styles.css.js +17 -17
  160. package/internal/components/option/styles.scoped.css +29 -32
  161. package/internal/components/option/styles.selectors.js +17 -17
  162. package/internal/components/options-list/styles.css.js +3 -3
  163. package/internal/components/options-list/styles.scoped.css +3 -6
  164. package/internal/components/options-list/styles.selectors.js +3 -3
  165. package/internal/components/token-list/styles.css.js +10 -10
  166. package/internal/components/token-list/styles.scoped.css +22 -25
  167. package/internal/components/token-list/styles.selectors.js +10 -10
  168. package/internal/environment.js +1 -1
  169. package/internal/environment.json +1 -1
  170. package/internal/events/index.d.ts +1 -0
  171. package/internal/events/index.d.ts.map +1 -1
  172. package/internal/events/index.js +1 -0
  173. package/internal/events/index.js.map +1 -1
  174. package/internal/manifest.json +1 -1
  175. package/key-value-pairs/styles.css.js +8 -8
  176. package/key-value-pairs/styles.scoped.css +9 -15
  177. package/key-value-pairs/styles.selectors.js +8 -8
  178. package/link/styles.css.js +20 -20
  179. package/link/styles.scoped.css +71 -74
  180. package/link/styles.selectors.js +20 -20
  181. package/modal/internal.js +1 -1
  182. package/modal/internal.js.map +1 -1
  183. package/modal/styles.css.js +23 -23
  184. package/modal/styles.scoped.css +38 -44
  185. package/modal/styles.selectors.js +23 -23
  186. package/multiselect/styles.css.js +3 -3
  187. package/multiselect/styles.scoped.css +3 -9
  188. package/multiselect/styles.selectors.js +3 -3
  189. package/package.json +1 -1
  190. package/pagination/styles.css.js +9 -9
  191. package/pagination/styles.scoped.css +23 -26
  192. package/pagination/styles.selectors.js +9 -9
  193. package/popover/body.d.ts.map +1 -1
  194. package/popover/body.js +0 -1
  195. package/popover/body.js.map +1 -1
  196. package/popover/internal.d.ts +1 -0
  197. package/popover/internal.d.ts.map +1 -1
  198. package/popover/internal.js +2 -2
  199. package/popover/internal.js.map +1 -1
  200. package/popover/styles.css.js +53 -52
  201. package/popover/styles.scoped.css +71 -77
  202. package/popover/styles.selectors.js +53 -52
  203. package/progress-bar/styles.css.js +19 -19
  204. package/progress-bar/styles.scoped.css +30 -33
  205. package/progress-bar/styles.selectors.js +19 -19
  206. package/prompt-input/styles.css.js +14 -14
  207. package/prompt-input/styles.scoped.css +39 -51
  208. package/prompt-input/styles.selectors.js +14 -14
  209. package/property-filter/filtering-token/styles.css.js +18 -18
  210. package/property-filter/filtering-token/styles.scoped.css +41 -44
  211. package/property-filter/filtering-token/styles.selectors.js +18 -18
  212. package/property-filter/styles.css.js +39 -39
  213. package/property-filter/styles.scoped.css +41 -47
  214. package/property-filter/styles.selectors.js +39 -39
  215. package/radio-group/styles.css.js +10 -10
  216. package/radio-group/styles.scoped.css +16 -19
  217. package/radio-group/styles.selectors.js +10 -10
  218. package/segmented-control/styles.css.js +15 -15
  219. package/segmented-control/styles.scoped.css +34 -37
  220. package/segmented-control/styles.selectors.js +15 -15
  221. package/select/styles.css.js +1 -1
  222. package/select/styles.scoped.css +1 -4
  223. package/select/styles.selectors.js +1 -1
  224. package/side-navigation/styles.css.js +30 -30
  225. package/side-navigation/styles.scoped.css +46 -49
  226. package/side-navigation/styles.selectors.js +30 -30
  227. package/slider/styles.css.js +26 -26
  228. package/slider/styles.scoped.css +76 -79
  229. package/slider/styles.selectors.js +26 -26
  230. package/split-panel/styles.css.js +26 -26
  231. package/split-panel/styles.scoped.css +44 -47
  232. package/split-panel/styles.selectors.js +26 -26
  233. package/steps/styles.css.js +6 -6
  234. package/steps/styles.scoped.css +7 -10
  235. package/steps/styles.selectors.js +6 -6
  236. package/table/expandable-rows/styles.css.js +3 -3
  237. package/table/expandable-rows/styles.scoped.css +13 -16
  238. package/table/expandable-rows/styles.selectors.js +3 -3
  239. package/table/resizer/styles.css.js +8 -8
  240. package/table/resizer/styles.scoped.css +15 -18
  241. package/table/resizer/styles.selectors.js +8 -8
  242. package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
  243. package/table/sticky-scrollbar/sticky-scrollbar.js +6 -2
  244. package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
  245. package/table/sticky-scrollbar/styles.css.js +6 -6
  246. package/table/sticky-scrollbar/styles.scoped.css +10 -7
  247. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  248. package/tabs/styles.css.js +28 -28
  249. package/tabs/styles.scoped.css +49 -52
  250. package/tabs/styles.selectors.js +28 -28
  251. package/text-content/styles.css.js +1 -1
  252. package/text-content/styles.scoped.css +60 -63
  253. package/text-content/styles.selectors.js +1 -1
  254. package/text-filter/styles.css.js +3 -3
  255. package/text-filter/styles.scoped.css +3 -6
  256. package/text-filter/styles.selectors.js +3 -3
  257. package/textarea/styles.css.js +5 -5
  258. package/textarea/styles.scoped.css +14 -17
  259. package/textarea/styles.selectors.js +5 -5
  260. package/tiles/styles.css.js +30 -30
  261. package/tiles/styles.scoped.css +71 -77
  262. package/tiles/styles.selectors.js +30 -30
  263. package/toggle/styles.css.js +10 -10
  264. package/toggle/styles.scoped.css +17 -20
  265. package/toggle/styles.selectors.js +10 -10
  266. package/token-group/styles.css.js +8 -8
  267. package/token-group/styles.scoped.css +16 -19
  268. package/token-group/styles.selectors.js +8 -8
  269. package/top-navigation/1.0-beta/styles.css.js +25 -25
  270. package/top-navigation/1.0-beta/styles.scoped.css +42 -45
  271. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  272. package/top-navigation/styles.css.js +47 -47
  273. package/top-navigation/styles.scoped.css +66 -75
  274. package/top-navigation/styles.selectors.js +47 -47
  275. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  276. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -24
  277. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  278. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  279. package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -36
  280. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  281. package/tutorial-panel/styles.css.js +1 -1
  282. package/tutorial-panel/styles.scoped.css +1 -4
  283. package/tutorial-panel/styles.selectors.js +1 -1
  284. package/wizard/styles.css.js +30 -30
  285. package/wizard/styles.scoped.css +58 -61
  286. package/wizard/styles.selectors.js +30 -30
  287. package/app-layout/split-panel/split-panel-utils.d.ts +0 -12
  288. package/app-layout/split-panel/split-panel-utils.d.ts.map +0 -1
  289. package/app-layout/split-panel/split-panel-utils.js +0 -28
  290. package/app-layout/split-panel/split-panel-utils.js.map +0 -1
@@ -138,13 +138,13 @@
138
138
  */
139
139
  /* Style used for links in slots/components that are text heavy, to help links stand out among
140
140
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
141
- .awsui_resize-active_x7peu_qtqfr_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_qtqfr_141) * {
141
+ .awsui_resize-active_x7peu_i88k3_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_i88k3_141) * {
142
142
  cursor: col-resize;
143
143
  -webkit-user-select: none;
144
144
  user-select: none;
145
145
  }
146
146
 
147
- th:not(#\9):not(:last-child) > .awsui_divider_x7peu_qtqfr_146 {
147
+ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_i88k3_146 {
148
148
  position: absolute;
149
149
  outline: none;
150
150
  pointer-events: none;
@@ -158,14 +158,14 @@ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_qtqfr_146 {
158
158
  border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-divider-interactive-default-0c10au, #8c8c94);
159
159
  box-sizing: border-box;
160
160
  }
161
- th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_qtqfr_160 {
161
+ th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_i88k3_160 {
162
162
  border-inline-start-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
163
163
  }
164
- th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_qtqfr_163 {
164
+ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_i88k3_163 {
165
165
  border-inline-start: 2px solid var(--color-border-divider-active-tn8t2p, #0f141a);
166
166
  }
167
167
 
168
- .awsui_resizer_x7peu_qtqfr_167:not(#\9) {
168
+ .awsui_resizer_x7peu_i88k3_167:not(#\9) {
169
169
  border-collapse: separate;
170
170
  border-spacing: 0;
171
171
  box-sizing: border-box;
@@ -174,12 +174,9 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_qtqfr_163 {
174
174
  direction: inherit;
175
175
  empty-cells: show;
176
176
  font-family: serif;
177
- font-size: medium;
178
177
  font-style: normal;
179
178
  font-variant: normal;
180
- font-weight: 400;
181
179
  font-stretch: normal;
182
- line-height: normal;
183
180
  -webkit-hyphens: none;
184
181
  hyphens: none;
185
182
  letter-spacing: normal;
@@ -209,28 +206,28 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_qtqfr_163 {
209
206
  inline-size: var(--space-l-t419sm, 20px);
210
207
  z-index: 10;
211
208
  }
212
- .awsui_resizer_x7peu_qtqfr_167:not(#\9):focus {
209
+ .awsui_resizer_x7peu_i88k3_167:not(#\9):focus {
213
210
  outline: none;
214
211
  text-decoration: none;
215
212
  }
216
- .awsui_resize-active_x7peu_qtqfr_141 .awsui_resizer_x7peu_qtqfr_167:not(#\9) {
213
+ .awsui_resize-active_x7peu_i88k3_141 .awsui_resizer_x7peu_i88k3_167:not(#\9) {
217
214
  pointer-events: none;
218
215
  }
219
- th:not(#\9):last-child > .awsui_resizer_x7peu_qtqfr_167 {
216
+ th:not(#\9):last-child > .awsui_resizer_x7peu_i88k3_167 {
220
217
  inline-size: calc(var(--space-l-t419sm, 20px) / 2);
221
218
  inset-inline-end: 0;
222
219
  }
223
- .awsui_resizer_x7peu_qtqfr_167:not(#\9):hover + .awsui_divider_x7peu_qtqfr_146 {
220
+ .awsui_resizer_x7peu_i88k3_167:not(#\9):hover + .awsui_divider_x7peu_i88k3_146 {
224
221
  border-inline-start: 2px solid var(--color-border-divider-active-tn8t2p, #0f141a);
225
222
  }
226
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qtqfr_167.awsui_has-focus_x7peu_qtqfr_224:not(#\9) {
223
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_i88k3_167.awsui_has-focus_x7peu_i88k3_221:not(#\9) {
227
224
  position: relative;
228
225
  }
229
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qtqfr_167.awsui_has-focus_x7peu_qtqfr_224:not(#\9) {
226
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_i88k3_167.awsui_has-focus_x7peu_i88k3_221:not(#\9) {
230
227
  outline: 2px dotted transparent;
231
228
  outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-7js4en, 0px) - 2px) - 1px);
232
229
  }
233
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qtqfr_167.awsui_has-focus_x7peu_qtqfr_224:not(#\9)::before {
230
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_i88k3_167.awsui_has-focus_x7peu_i88k3_221:not(#\9)::before {
234
231
  content: " ";
235
232
  display: block;
236
233
  position: absolute;
@@ -244,17 +241,17 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qtqfr_167.awsui_has-foc
244
241
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
245
242
  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
246
243
  }
247
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qtqfr_167.awsui_has-focus_x7peu_qtqfr_224:not(#\9) {
244
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_i88k3_167.awsui_has-focus_x7peu_i88k3_221:not(#\9) {
248
245
  position: absolute;
249
246
  }
250
247
 
251
- .awsui_tracker_x7peu_qtqfr_249:not(#\9) {
248
+ .awsui_tracker_x7peu_i88k3_246:not(#\9) {
252
249
  display: none;
253
250
  position: absolute;
254
251
  border-inline-start: var(--border-divider-list-width-27y3k5, 1px) dashed var(--color-border-divider-active-tn8t2p, #0f141a);
255
252
  inline-size: 0;
256
253
  inset-block: 0;
257
254
  }
258
- .awsui_resize-active_x7peu_qtqfr_141 .awsui_tracker_x7peu_qtqfr_249:not(#\9) {
255
+ .awsui_resize-active_x7peu_i88k3_141 .awsui_tracker_x7peu_i88k3_246:not(#\9) {
259
256
  display: block;
260
257
  }
@@ -2,13 +2,13 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "resize-active": "awsui_resize-active_x7peu_qtqfr_141",
6
- "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_qtqfr_141",
7
- "divider": "awsui_divider_x7peu_qtqfr_146",
8
- "divider-disabled": "awsui_divider-disabled_x7peu_qtqfr_160",
9
- "divider-active": "awsui_divider-active_x7peu_qtqfr_163",
10
- "resizer": "awsui_resizer_x7peu_qtqfr_167",
11
- "has-focus": "awsui_has-focus_x7peu_qtqfr_224",
12
- "tracker": "awsui_tracker_x7peu_qtqfr_249"
5
+ "resize-active": "awsui_resize-active_x7peu_i88k3_141",
6
+ "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_i88k3_141",
7
+ "divider": "awsui_divider_x7peu_i88k3_146",
8
+ "divider-disabled": "awsui_divider-disabled_x7peu_i88k3_160",
9
+ "divider-active": "awsui_divider-active_x7peu_i88k3_163",
10
+ "resizer": "awsui_resizer_x7peu_i88k3_167",
11
+ "has-focus": "awsui_has-focus_x7peu_i88k3_221",
12
+ "tracker": "awsui_tracker_x7peu_i88k3_246"
13
13
  };
14
14
 
@@ -1 +1 @@
1
- {"version":3,"file":"sticky-scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,UAAU,oBAAoB;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;;AAED,wBAA2C"}
1
+ {"version":3,"file":"sticky-scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C,UAAU,oBAAoB;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;;AAED,wBAA2C"}
@@ -2,6 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { forwardRef } from 'react';
4
4
  import clsx from 'clsx';
5
+ import { useIntersectionObserver } from '../../internal/hooks/use-intersection-observer';
5
6
  import { useMergeRefs } from '../../internal/hooks/use-merge-refs';
6
7
  import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
7
8
  import { browserScrollbarSize } from '../../internal/utils/browser-scrollbar-size';
@@ -19,7 +20,10 @@ function StickyScrollbar({ wrapperRef, tableRef, onScroll, hasStickyColumns }, r
19
20
  */
20
21
  const offsetScrollbar = hasStickyColumns || browserScrollbarSize().height === 0;
21
22
  useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef, wrapperRef, offsetScrollbar);
22
- return (React.createElement("div", { ref: mergedRef, className: clsx(styles['sticky-scrollbar'], offsetScrollbar && styles['sticky-scrollbar-offset'], isVisualRefresh && styles['is-visual-refresh']), onScroll: onScroll },
23
- React.createElement("div", { ref: scrollbarContentRef, className: styles['sticky-scrollbar-content'] })));
23
+ const { ref: stickyDetectionRef, isIntersecting: isStickyDetectionVisible } = useIntersectionObserver();
24
+ return (React.createElement(React.Fragment, null,
25
+ React.createElement("div", { ref: mergedRef, className: clsx(styles['sticky-scrollbar'], offsetScrollbar && styles['sticky-scrollbar-offset'], isVisualRefresh && styles['is-visual-refresh']), onScroll: onScroll, "data-stuck": !isStickyDetectionVisible },
26
+ React.createElement("div", { ref: scrollbarContentRef, className: styles['sticky-scrollbar-content'] })),
27
+ React.createElement("div", { ref: stickyDetectionRef, style: { position: 'absolute', right: 0, bottom: 0, left: 0, height: 1 } })));
24
28
  }
25
29
  //# sourceMappingURL=sticky-scrollbar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sticky-scrollbar.js","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,eAAe,UAAU,CAAC,eAAe,CAAC,CAAC;AAE3C,SAAS,eAAe,CACtB,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAwB,EAC1E,GAA8B;IAE9B,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAElD;;;OAGG;IACH,MAAM,eAAe,GAAG,gBAAgB,IAAI,oBAAoB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IAEhF,kBAAkB,CAAC,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;IAC7F,OAAO,CACL,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,kBAAkB,CAAC,EAC1B,eAAe,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACpD,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD,QAAQ,EAAE,QAAQ;QAElB,6BAAK,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,GAAI,CAC5E,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { browserScrollbarSize } from '../../internal/utils/browser-scrollbar-size';\nimport { useStickyScrollbar } from './use-sticky-scrollbar';\n\nimport styles from './styles.css.js';\n\ninterface StickyScrollbarProps {\n wrapperRef: React.RefObject<HTMLDivElement>;\n tableRef: React.RefObject<HTMLTableElement>;\n onScroll?: React.UIEventHandler<HTMLDivElement>;\n hasStickyColumns?: boolean;\n}\n\nexport default forwardRef(StickyScrollbar);\n\nfunction StickyScrollbar(\n { wrapperRef, tableRef, onScroll, hasStickyColumns }: StickyScrollbarProps,\n ref: React.Ref<HTMLDivElement>\n) {\n const isVisualRefresh = useVisualRefresh();\n const scrollbarRef = React.useRef<HTMLDivElement>(null);\n const scrollbarContentRef = React.useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(ref, scrollbarRef);\n\n /**\n * If the height of the scrollbar is 0, we're likely on a platform that uses\n * overlay scrollbars (e.g. Mac).\n */\n const offsetScrollbar = hasStickyColumns || browserScrollbarSize().height === 0;\n\n useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef, wrapperRef, offsetScrollbar);\n return (\n <div\n ref={mergedRef}\n className={clsx(\n styles['sticky-scrollbar'],\n offsetScrollbar && styles['sticky-scrollbar-offset'],\n isVisualRefresh && styles['is-visual-refresh']\n )}\n onScroll={onScroll}\n >\n <div ref={scrollbarContentRef} className={styles['sticky-scrollbar-content']} />\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"sticky-scrollbar.js","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,eAAe,UAAU,CAAC,eAAe,CAAC,CAAC;AAE3C,SAAS,eAAe,CACtB,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAwB,EAC1E,GAA8B;IAE9B,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAElD;;;OAGG;IACH,MAAM,eAAe,GAAG,gBAAgB,IAAI,oBAAoB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IAEhF,kBAAkB,CAAC,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;IAE7F,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,cAAc,EAAE,wBAAwB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAExG,OAAO,CACL;QACE,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,kBAAkB,CAAC,EAC1B,eAAe,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACpD,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD,QAAQ,EAAE,QAAQ,gBACN,CAAC,wBAAwB;YAErC,6BAAK,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,GAAI,CAC5E;QACN,6BAAK,GAAG,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CACzG,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useIntersectionObserver } from '../../internal/hooks/use-intersection-observer';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { browserScrollbarSize } from '../../internal/utils/browser-scrollbar-size';\nimport { useStickyScrollbar } from './use-sticky-scrollbar';\n\nimport styles from './styles.css.js';\n\ninterface StickyScrollbarProps {\n wrapperRef: React.RefObject<HTMLDivElement>;\n tableRef: React.RefObject<HTMLTableElement>;\n onScroll?: React.UIEventHandler<HTMLDivElement>;\n hasStickyColumns?: boolean;\n}\n\nexport default forwardRef(StickyScrollbar);\n\nfunction StickyScrollbar(\n { wrapperRef, tableRef, onScroll, hasStickyColumns }: StickyScrollbarProps,\n ref: React.Ref<HTMLDivElement>\n) {\n const isVisualRefresh = useVisualRefresh();\n const scrollbarRef = React.useRef<HTMLDivElement>(null);\n const scrollbarContentRef = React.useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(ref, scrollbarRef);\n\n /**\n * If the height of the scrollbar is 0, we're likely on a platform that uses\n * overlay scrollbars (e.g. Mac).\n */\n const offsetScrollbar = hasStickyColumns || browserScrollbarSize().height === 0;\n\n useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef, wrapperRef, offsetScrollbar);\n\n const { ref: stickyDetectionRef, isIntersecting: isStickyDetectionVisible } = useIntersectionObserver();\n\n return (\n <>\n <div\n ref={mergedRef}\n className={clsx(\n styles['sticky-scrollbar'],\n offsetScrollbar && styles['sticky-scrollbar-offset'],\n isVisualRefresh && styles['is-visual-refresh']\n )}\n onScroll={onScroll}\n data-stuck={!isStickyDetectionVisible}\n >\n <div ref={scrollbarContentRef} className={styles['sticky-scrollbar-content']} />\n </div>\n <div ref={stickyDetectionRef} style={{ position: 'absolute', right: 0, bottom: 0, left: 0, height: 1 }} />\n </>\n );\n}\n"]}
@@ -1,11 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_4p9m2_177",
5
- "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_4p9m2_186",
6
- "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_4p9m2_189",
7
- "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_4p9m2_192",
8
- "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_4p9m2_195",
9
- "is-visual-refresh": "awsui_is-visual-refresh_faqt8_4p9m2_198"
4
+ "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_uuyzs_177",
5
+ "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_uuyzs_189",
6
+ "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_uuyzs_192",
7
+ "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_uuyzs_195",
8
+ "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_uuyzs_198",
9
+ "is-visual-refresh": "awsui_is-visual-refresh_faqt8_uuyzs_201"
10
10
  };
11
11
 
@@ -174,7 +174,7 @@
174
174
  */
175
175
  /* Style used for links in slots/components that are text heavy, to help links stand out among
176
176
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
177
- .awsui_sticky-scrollbar_faqt8_4p9m2_177:not(#\9) {
177
+ .awsui_sticky-scrollbar_faqt8_uuyzs_177:not(#\9) {
178
178
  block-size: 15px;
179
179
  position: sticky;
180
180
  display: none;
@@ -183,24 +183,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
183
183
  inset-block-end: 0;
184
184
  inline-size: 100%;
185
185
  }
186
- .awsui_sticky-scrollbar-content_faqt8_4p9m2_186:not(#\9) {
186
+ .awsui_sticky-scrollbar_faqt8_uuyzs_177[data-stuck=false]:not(#\9) {
187
+ clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-wqv1zi, 16px));
188
+ }
189
+ .awsui_sticky-scrollbar-content_faqt8_uuyzs_189:not(#\9) {
187
190
  block-size: 15px;
188
191
  }
189
- .awsui_sticky-scrollbar-visible_faqt8_4p9m2_189:not(#\9) {
192
+ .awsui_sticky-scrollbar-visible_faqt8_uuyzs_192:not(#\9) {
190
193
  display: block;
191
194
  }
192
- .awsui_sticky-scrollbar-native-invisible_faqt8_4p9m2_192:not(#\9) {
195
+ .awsui_sticky-scrollbar-native-invisible_faqt8_uuyzs_195:not(#\9) {
193
196
  margin-block-start: -15px;
194
197
  }
195
- .awsui_sticky-scrollbar-offset_faqt8_4p9m2_195:not(#\9) {
198
+ .awsui_sticky-scrollbar-offset_faqt8_uuyzs_198:not(#\9) {
196
199
  z-index: 799;
197
200
  }
198
- .awsui_sticky-scrollbar-offset_faqt8_4p9m2_195:not(#\9):not(.awsui_is-visual-refresh_faqt8_4p9m2_198) {
201
+ .awsui_sticky-scrollbar-offset_faqt8_uuyzs_198:not(#\9):not(.awsui_is-visual-refresh_faqt8_uuyzs_201) {
199
202
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
200
203
  block-size: 15px;
201
204
  margin-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
202
205
  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
203
206
  }
204
- .awsui_sticky-scrollbar-offset_faqt8_4p9m2_195.awsui_is-visual-refresh_faqt8_4p9m2_198:not(#\9) {
207
+ .awsui_sticky-scrollbar-offset_faqt8_uuyzs_198.awsui_is-visual-refresh_faqt8_uuyzs_201:not(#\9) {
205
208
  margin-block-start: -5px;
206
209
  }
@@ -2,11 +2,11 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_4p9m2_177",
6
- "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_4p9m2_186",
7
- "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_4p9m2_189",
8
- "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_4p9m2_192",
9
- "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_4p9m2_195",
10
- "is-visual-refresh": "awsui_is-visual-refresh_faqt8_4p9m2_198"
5
+ "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_uuyzs_177",
6
+ "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_uuyzs_189",
7
+ "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_uuyzs_192",
8
+ "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_uuyzs_195",
9
+ "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_uuyzs_198",
10
+ "is-visual-refresh": "awsui_is-visual-refresh_faqt8_uuyzs_201"
11
11
  };
12
12
 
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "tabs-header": "awsui_tabs-header_14rmt_1tm44_282",
5
- "tabs-header-list": "awsui_tabs-header-list_14rmt_1tm44_290",
6
- "pagination-button": "awsui_pagination-button_14rmt_1tm44_307",
7
- "pagination-button-left": "awsui_pagination-button-left_14rmt_1tm44_314",
8
- "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1tm44_317",
9
- "pagination-button-right": "awsui_pagination-button-right_14rmt_1tm44_321",
10
- "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1tm44_324",
11
- "tabs-tab": "awsui_tabs-tab_14rmt_1tm44_329",
12
- "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1tm44_338",
13
- "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1tm44_349",
14
- "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1tm44_360",
15
- "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1tm44_360",
16
- "refresh": "awsui_refresh_14rmt_1tm44_364",
17
- "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1tm44_368",
18
- "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1tm44_410",
19
- "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1tm44_486",
20
- "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1tm44_493",
21
- "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1tm44_497",
22
- "root": "awsui_root_14rmt_1tm44_501",
23
- "tabs": "awsui_tabs_14rmt_1tm44_282",
24
- "tabs-content": "awsui_tabs-content_14rmt_1tm44_542",
25
- "fit-height": "awsui_fit-height_14rmt_1tm44_546",
26
- "tabs-content-active": "awsui_tabs-content-active_14rmt_1tm44_552",
27
- "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1tm44_566",
28
- "with-paddings": "awsui_with-paddings_14rmt_1tm44_566",
29
- "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1tm44_577",
30
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1tm44_588",
31
- "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1tm44_592"
4
+ "tabs-header": "awsui_tabs-header_14rmt_eamln_282",
5
+ "tabs-header-list": "awsui_tabs-header-list_14rmt_eamln_290",
6
+ "pagination-button": "awsui_pagination-button_14rmt_eamln_307",
7
+ "pagination-button-left": "awsui_pagination-button-left_14rmt_eamln_314",
8
+ "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_eamln_317",
9
+ "pagination-button-right": "awsui_pagination-button-right_14rmt_eamln_321",
10
+ "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_eamln_324",
11
+ "tabs-tab": "awsui_tabs-tab_14rmt_eamln_329",
12
+ "tabs-tab-label": "awsui_tabs-tab-label_14rmt_eamln_338",
13
+ "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_eamln_349",
14
+ "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_eamln_360",
15
+ "tabs-tab-action": "awsui_tabs-tab-action_14rmt_eamln_360",
16
+ "refresh": "awsui_refresh_14rmt_eamln_364",
17
+ "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_eamln_368",
18
+ "tabs-tab-link": "awsui_tabs-tab-link_14rmt_eamln_410",
19
+ "tabs-tab-active": "awsui_tabs-tab-active_14rmt_eamln_486",
20
+ "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_eamln_493",
21
+ "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_eamln_497",
22
+ "root": "awsui_root_14rmt_eamln_501",
23
+ "tabs": "awsui_tabs_14rmt_eamln_282",
24
+ "tabs-content": "awsui_tabs-content_14rmt_eamln_539",
25
+ "fit-height": "awsui_fit-height_14rmt_eamln_543",
26
+ "tabs-content-active": "awsui_tabs-content-active_14rmt_eamln_549",
27
+ "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_eamln_563",
28
+ "with-paddings": "awsui_with-paddings_14rmt_eamln_563",
29
+ "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_eamln_574",
30
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_eamln_585",
31
+ "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_eamln_589"
32
32
  };
33
33
 
@@ -279,7 +279,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
279
279
  SPDX-License-Identifier: Apache-2.0
280
280
  */
281
281
  /* stylelint-disable selector-max-type */
282
- .awsui_tabs-header_14rmt_1tm44_282:not(#\9) {
282
+ .awsui_tabs-header_14rmt_eamln_282:not(#\9) {
283
283
  margin-block: 0;
284
284
  margin-inline: 0;
285
285
  padding-block: 0;
@@ -287,7 +287,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
287
287
  display: flex;
288
288
  }
289
289
 
290
- .awsui_tabs-header-list_14rmt_1tm44_290:not(#\9) {
290
+ .awsui_tabs-header-list_14rmt_eamln_290:not(#\9) {
291
291
  margin-block: 0;
292
292
  margin-inline: 0;
293
293
  padding-block: 0;
@@ -300,33 +300,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
300
300
  -ms-overflow-style: none; /* Internet Explorer 10+ */
301
301
  scrollbar-width: none; /* Firefox */
302
302
  }
303
- .awsui_tabs-header-list_14rmt_1tm44_290:not(#\9)::-webkit-scrollbar {
303
+ .awsui_tabs-header-list_14rmt_eamln_290:not(#\9)::-webkit-scrollbar {
304
304
  display: none; /* Safari and Chrome */
305
305
  }
306
306
 
307
- .awsui_pagination-button_14rmt_1tm44_307:not(#\9) {
307
+ .awsui_pagination-button_14rmt_eamln_307:not(#\9) {
308
308
  margin-block: var(--space-scaled-s-aqzyko, 12px);
309
309
  margin-inline: 0;
310
310
  padding-block: 0;
311
311
  padding-inline: var(--space-xxs-p8yyaw, 4px);
312
312
  display: flex;
313
313
  }
314
- .awsui_pagination-button-left_14rmt_1tm44_314:not(#\9) {
314
+ .awsui_pagination-button-left_14rmt_eamln_314:not(#\9) {
315
315
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
316
316
  }
317
- .awsui_pagination-button-left-scrollable_14rmt_1tm44_317:not(#\9) {
317
+ .awsui_pagination-button-left-scrollable_14rmt_eamln_317:not(#\9) {
318
318
  z-index: 1;
319
319
  box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
320
320
  }
321
- .awsui_pagination-button-right_14rmt_1tm44_321:not(#\9) {
321
+ .awsui_pagination-button-right_14rmt_eamln_321:not(#\9) {
322
322
  border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
323
323
  }
324
- .awsui_pagination-button-right-scrollable_14rmt_1tm44_324:not(#\9) {
324
+ .awsui_pagination-button-right-scrollable_14rmt_eamln_324:not(#\9) {
325
325
  z-index: 1;
326
326
  box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
327
327
  }
328
328
 
329
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9) {
329
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9) {
330
330
  list-style: none;
331
331
  padding-block: 0;
332
332
  padding-inline: 0;
@@ -335,7 +335,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
335
335
  max-inline-size: calc(90% - var(--space-l-t419sm, 20px));
336
336
  }
337
337
 
338
- .awsui_tabs-tab-label_14rmt_1tm44_338:not(#\9) {
338
+ .awsui_tabs-tab-label_14rmt_eamln_338:not(#\9) {
339
339
  display: flex;
340
340
  align-items: center;
341
341
  padding-inline: var(--space-xs-zb16t3, 8px);
@@ -346,7 +346,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
346
346
  word-break: break-word;
347
347
  }
348
348
 
349
- .awsui_tabs-tab-header-container_14rmt_1tm44_349:not(#\9) {
349
+ .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9) {
350
350
  position: relative;
351
351
  border-block: var(--border-divider-section-width-1061zr, 1px) solid transparent;
352
352
  border-inline: var(--border-divider-section-width-1061zr, 1px) solid transparent;
@@ -354,18 +354,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
354
354
  display: flex;
355
355
  align-items: stretch;
356
356
  }
357
- .awsui_tabs-tab-header-container_14rmt_1tm44_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_1tm44_349 > button:not(#\9) {
357
+ .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_eamln_349 > button:not(#\9) {
358
358
  background-color: transparent;
359
359
  }
360
- .awsui_tabs-tab-header-container_14rmt_1tm44_349 > .awsui_tabs-tab-dismiss_14rmt_1tm44_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_1tm44_349 > .awsui_tabs-tab-action_14rmt_1tm44_360:not(#\9) {
360
+ .awsui_tabs-tab-header-container_14rmt_eamln_349 > .awsui_tabs-tab-dismiss_14rmt_eamln_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_eamln_349 > .awsui_tabs-tab-action_14rmt_eamln_360:not(#\9) {
361
361
  display: flex;
362
362
  align-items: center;
363
363
  }
364
- .awsui_tabs-tab-header-container_14rmt_1tm44_349.awsui_refresh_14rmt_1tm44_364 > span:not(#\9):first-of-type {
364
+ .awsui_tabs-tab-header-container_14rmt_eamln_349.awsui_refresh_14rmt_eamln_364 > span:not(#\9):first-of-type {
365
365
  margin-inline-start: calc(-1 * var(--space-scaled-xs-26e2du, 8px));
366
366
  }
367
367
 
368
- .awsui_tabs-tab-header-container_14rmt_1tm44_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1tm44_368):after {
368
+ .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368):after {
369
369
  content: "";
370
370
  position: absolute;
371
371
  inset-inline-start: 0;
@@ -379,35 +379,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
379
379
  background: var(--color-border-tabs-underline-a5fmhd, #006ce0);
380
380
  opacity: 0;
381
381
  }
382
- .awsui_tabs-tab-header-container_14rmt_1tm44_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1tm44_368).awsui_refresh_14rmt_1tm44_364:after {
382
+ .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after {
383
383
  transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
384
384
  }
385
385
  @media (prefers-reduced-motion: reduce) {
386
- .awsui_tabs-tab-header-container_14rmt_1tm44_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1tm44_368).awsui_refresh_14rmt_1tm44_364:after {
386
+ .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after {
387
387
  animation: none;
388
388
  transition: none;
389
389
  }
390
390
  }
391
- .awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1tm44_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1tm44_368).awsui_refresh_14rmt_1tm44_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1tm44_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1tm44_368).awsui_refresh_14rmt_1tm44_364:after {
391
+ .awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_eamln_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368).awsui_refresh_14rmt_eamln_364:after {
392
392
  animation: none;
393
393
  transition: none;
394
394
  }
395
395
 
396
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1tm44_349 {
396
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_eamln_349 {
397
397
  margin-inline-end: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
398
398
  }
399
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1tm44_349:before {
399
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_eamln_349:before {
400
400
  content: "";
401
401
  position: absolute;
402
402
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
403
403
  inset: var(--space-scaled-s-aqzyko, 12px) 0;
404
404
  opacity: 1;
405
405
  }
406
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1tm44_349.awsui_refresh_14rmt_1tm44_364:before {
406
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_eamln_349.awsui_refresh_14rmt_eamln_364:before {
407
407
  inset: calc(var(--space-static-s-n2eb28, 12px) - var(--border-active-width-9dmqf4, 4px)) 0;
408
408
  }
409
409
 
410
- .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9) {
410
+ .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9) {
411
411
  position: relative;
412
412
  display: flex;
413
413
  align-items: stretch;
@@ -428,27 +428,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
428
428
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
429
429
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
430
430
  }
431
- .awsui_tabs-tab-link_14rmt_1tm44_410.awsui_refresh_14rmt_1tm44_364:not(#\9) {
431
+ .awsui_tabs-tab-link_14rmt_eamln_410.awsui_refresh_14rmt_eamln_364:not(#\9) {
432
432
  padding-block-start: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
433
433
  padding-block-end: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
434
434
  margin-block-start: 0;
435
435
  }
436
- .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9):hover {
436
+ .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):hover {
437
437
  color: var(--color-text-accent-fptgkc, #006ce0);
438
438
  }
439
- .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9):focus {
439
+ .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus {
440
440
  outline: none;
441
441
  }
442
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9):focus {
442
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus {
443
443
  z-index: 1;
444
444
  border-inline-end-color: transparent;
445
445
  position: relative;
446
446
  }
447
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9):focus {
447
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus {
448
448
  outline: 2px dotted transparent;
449
449
  outline-offset: calc(var(--space-tabs-focus-outline-gutter-xm37ly, -8px) - 1px);
450
450
  }
451
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9):focus::before {
451
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_eamln_410:not(#\9):focus::before {
452
452
  content: " ";
453
453
  display: block;
454
454
  position: absolute;
@@ -463,46 +463,46 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9
463
463
  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
464
464
  }
465
465
 
466
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9):first-child {
466
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9):first-child {
467
467
  margin-inline-start: 1px;
468
468
  }
469
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1tm44_349 {
469
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_eamln_349 {
470
470
  padding-inline-start: calc(var(--space-xs-zb16t3, 8px) - 1px);
471
471
  }
472
472
 
473
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9):last-child {
473
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9):last-child {
474
474
  margin-inline-end: 1px;
475
475
  }
476
- .awsui_tabs-tab_14rmt_1tm44_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1tm44_349 {
476
+ .awsui_tabs-tab_14rmt_eamln_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_eamln_349 {
477
477
  padding-inline-end: calc(var(--space-xs-zb16t3, 8px) - 1px);
478
478
  }
479
479
 
480
- .awsui_tabs-tab-disabled_14rmt_1tm44_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_1tm44_368:not(#\9):hover {
480
+ .awsui_tabs-tab-disabled_14rmt_eamln_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_eamln_368:not(#\9):hover {
481
481
  cursor: default;
482
482
  color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
483
483
  font-weight: var(--font-tabs-disabled-weight-1xcs5l, 700);
484
484
  }
485
485
 
486
- .awsui_tabs-tab-active_14rmt_1tm44_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1tm44_368) {
486
+ .awsui_tabs-tab-active_14rmt_eamln_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368) {
487
487
  color: var(--color-text-accent-fptgkc, #006ce0);
488
488
  }
489
- .awsui_tabs-tab-active_14rmt_1tm44_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1tm44_368):after {
489
+ .awsui_tabs-tab-active_14rmt_eamln_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_eamln_368):after {
490
490
  opacity: 1;
491
491
  }
492
492
 
493
- .awsui_tabs-header-with-divider_14rmt_1tm44_493:not(#\9) {
493
+ .awsui_tabs-header-with-divider_14rmt_eamln_493:not(#\9) {
494
494
  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
495
495
  }
496
496
 
497
- .awsui_tabs-tab-focusable_14rmt_1tm44_497:not(#\9) {
497
+ .awsui_tabs-tab-focusable_14rmt_eamln_497:not(#\9) {
498
498
  /* used to manage focusable logic */
499
499
  }
500
500
 
501
- .awsui_root_14rmt_1tm44_501:not(#\9) {
501
+ .awsui_root_14rmt_eamln_501:not(#\9) {
502
502
  /* used in test-utils or tests */
503
503
  }
504
504
 
505
- .awsui_tabs_14rmt_1tm44_282:not(#\9) {
505
+ .awsui_tabs_14rmt_eamln_282:not(#\9) {
506
506
  border-collapse: separate;
507
507
  border-spacing: 0;
508
508
  box-sizing: border-box;
@@ -511,12 +511,9 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9
511
511
  direction: inherit;
512
512
  empty-cells: show;
513
513
  font-family: serif;
514
- font-size: medium;
515
514
  font-style: normal;
516
515
  font-variant: normal;
517
- font-weight: 400;
518
516
  font-stretch: normal;
519
- line-height: normal;
520
517
  -webkit-hyphens: none;
521
518
  hyphens: none;
522
519
  letter-spacing: normal;
@@ -540,21 +537,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1tm44_410:not(#\9
540
537
  inline-size: 100%;
541
538
  }
542
539
 
543
- .awsui_tabs-content_14rmt_1tm44_542:not(#\9) {
540
+ .awsui_tabs-content_14rmt_eamln_539:not(#\9) {
544
541
  display: none;
545
542
  }
546
543
 
547
- .awsui_fit-height_14rmt_1tm44_546:not(#\9) {
544
+ .awsui_fit-height_14rmt_eamln_543:not(#\9) {
548
545
  display: flex;
549
546
  flex-direction: column;
550
547
  block-size: 100%;
551
548
  }
552
549
 
553
- .awsui_tabs-content-active_14rmt_1tm44_552:not(#\9) {
550
+ .awsui_tabs-content-active_14rmt_eamln_549:not(#\9) {
554
551
  display: block;
555
552
  flex: 1;
556
553
  }
557
- body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1tm44_552:not(#\9):focus {
554
+ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_eamln_549:not(#\9):focus {
558
555
  outline: 2px dotted transparent;
559
556
  outline-offset: 2px;
560
557
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -564,32 +561,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1tm44_552:n
564
561
  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
565
562
  }
566
563
 
567
- .awsui_tabs-content-wrapper_14rmt_1tm44_566.awsui_with-paddings_14rmt_1tm44_566 > .awsui_tabs-content_14rmt_1tm44_542:not(#\9) {
564
+ .awsui_tabs-content-wrapper_14rmt_eamln_563.awsui_with-paddings_14rmt_eamln_563 > .awsui_tabs-content_14rmt_eamln_539:not(#\9) {
568
565
  padding-block: var(--space-scaled-m-mo5yse, 16px);
569
566
  padding-inline: 0;
570
567
  }
571
- .awsui_fit-height_14rmt_1tm44_546 > .awsui_tabs-content-wrapper_14rmt_1tm44_566:not(#\9) {
568
+ .awsui_fit-height_14rmt_eamln_543 > .awsui_tabs-content-wrapper_14rmt_eamln_563:not(#\9) {
572
569
  flex: 1;
573
570
  display: flex;
574
571
  flex-direction: column;
575
572
  overflow: auto;
576
573
  }
577
574
 
578
- .awsui_fit-height_14rmt_1tm44_546 > .awsui_tabs-content-wrapper_14rmt_1tm44_566 > .awsui_tabs-container-content-wrapper_14rmt_1tm44_577:not(#\9) {
575
+ .awsui_fit-height_14rmt_eamln_543 > .awsui_tabs-content-wrapper_14rmt_eamln_563 > .awsui_tabs-container-content-wrapper_14rmt_eamln_574:not(#\9) {
579
576
  block-size: 100%;
580
577
  display: flex;
581
578
  flex-direction: column;
582
579
  }
583
- .awsui_tabs-container-content-wrapper_14rmt_1tm44_577.awsui_with-paddings_14rmt_1tm44_566 > .awsui_tabs-content_14rmt_1tm44_542:not(#\9) {
580
+ .awsui_tabs-container-content-wrapper_14rmt_eamln_574.awsui_with-paddings_14rmt_eamln_563 > .awsui_tabs-content_14rmt_eamln_539:not(#\9) {
584
581
  padding-block-start: var(--space-tabs-content-top-dedu0k, 12px);
585
582
  padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
586
583
  padding-inline: var(--space-container-horizontal-wfukh3, 20px);
587
584
  }
588
585
 
589
- .awsui_disabled-reason-tooltip_14rmt_1tm44_588:not(#\9) {
586
+ .awsui_disabled-reason-tooltip_14rmt_eamln_585:not(#\9) {
590
587
  /* used in test-utils or tests */
591
588
  }
592
589
 
593
- .awsui_tabs-tab-focused_14rmt_1tm44_592:not(#\9) {
590
+ .awsui_tabs-tab-focused_14rmt_eamln_589:not(#\9) {
594
591
  /* used to manage focusable state for disabled with reason tabs */
595
592
  }