@cloudscape-design/components 3.0.1332 → 3.0.1334

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 (216) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/annotation-context/annotation/styles.css.js +13 -13
  5. package/annotation-context/annotation/styles.scoped.css +21 -21
  6. package/annotation-context/annotation/styles.selectors.js +13 -13
  7. package/app-layout/classic.d.ts +1 -0
  8. package/app-layout/classic.d.ts.map +1 -1
  9. package/app-layout/index.d.ts.map +1 -1
  10. package/app-layout/index.js +2 -1
  11. package/app-layout/index.js.map +1 -1
  12. package/app-layout/interfaces.d.ts +16 -1
  13. package/app-layout/interfaces.d.ts.map +1 -1
  14. package/app-layout/interfaces.js.map +1 -1
  15. package/app-layout/internal.d.ts +1 -0
  16. package/app-layout/internal.d.ts.map +1 -1
  17. package/app-layout/notifications/styles.css.js +3 -3
  18. package/app-layout/notifications/styles.scoped.css +7 -7
  19. package/app-layout/notifications/styles.selectors.js +3 -3
  20. package/app-layout/visual-refresh/index.d.ts +1 -0
  21. package/app-layout/visual-refresh/index.d.ts.map +1 -1
  22. package/app-layout/visual-refresh/styles.css.js +86 -86
  23. package/app-layout/visual-refresh/styles.scoped.css +262 -262
  24. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  25. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts +4 -0
  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 -2
  28. package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  29. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  30. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +93 -93
  31. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  32. package/app-layout/visual-refresh-toolbar/interfaces.d.ts +2 -0
  33. package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  34. package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  35. package/app-layout/visual-refresh-toolbar/navigation/index.d.ts +3 -1
  36. package/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map +1 -1
  37. package/app-layout/visual-refresh-toolbar/navigation/index.js +11 -5
  38. package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
  39. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -4
  40. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +34 -15
  41. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -4
  42. package/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.d.ts.map +1 -1
  43. package/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js +4 -2
  44. package/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js.map +1 -1
  45. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -29
  46. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +72 -67
  47. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -29
  48. package/app-layout/visual-refresh-toolbar/state/interfaces.d.ts +1 -0
  49. package/app-layout/visual-refresh-toolbar/state/interfaces.d.ts.map +1 -1
  50. package/app-layout/visual-refresh-toolbar/state/interfaces.js.map +1 -1
  51. package/app-layout/visual-refresh-toolbar/state/props-merger.d.ts.map +1 -1
  52. package/app-layout/visual-refresh-toolbar/state/props-merger.js +2 -0
  53. package/app-layout/visual-refresh-toolbar/state/props-merger.js.map +1 -1
  54. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts +2 -0
  55. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  56. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js +26 -3
  57. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  58. package/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts.map +1 -1
  59. package/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js +2 -1
  60. package/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js.map +1 -1
  61. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +1 -0
  62. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  63. package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  64. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  65. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +36 -36
  66. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  67. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map +1 -1
  68. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +3 -3
  69. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
  70. package/app-layout-toolbar/index.d.ts.map +1 -1
  71. package/app-layout-toolbar/index.js +2 -1
  72. package/app-layout-toolbar/index.js.map +1 -1
  73. package/attribute-editor/styles.css.js +15 -15
  74. package/attribute-editor/styles.scoped.css +29 -29
  75. package/attribute-editor/styles.selectors.js +15 -15
  76. package/breadcrumb-group/item/styles.css.js +7 -7
  77. package/breadcrumb-group/item/styles.scoped.css +30 -30
  78. package/breadcrumb-group/item/styles.selectors.js +7 -7
  79. package/button/styles.css.js +22 -22
  80. package/button/styles.scoped.css +256 -256
  81. package/button/styles.selectors.js +22 -22
  82. package/button-dropdown/item-element/styles.css.js +21 -21
  83. package/button-dropdown/item-element/styles.scoped.css +37 -37
  84. package/button-dropdown/item-element/styles.selectors.js +21 -21
  85. package/checkbox/styles.css.js +3 -3
  86. package/checkbox/styles.scoped.css +11 -11
  87. package/checkbox/styles.selectors.js +3 -3
  88. package/content-layout/styles.css.js +14 -14
  89. package/content-layout/styles.scoped.css +27 -27
  90. package/content-layout/styles.selectors.js +14 -14
  91. package/dropdown/styles.css.js +20 -20
  92. package/dropdown/styles.scoped.css +49 -49
  93. package/dropdown/styles.selectors.js +20 -20
  94. package/file-token-group/styles.css.js +23 -23
  95. package/file-token-group/styles.scoped.css +36 -36
  96. package/file-token-group/styles.selectors.js +23 -23
  97. package/flashbar/styles.css.js +50 -50
  98. package/flashbar/styles.scoped.css +192 -192
  99. package/flashbar/styles.selectors.js +50 -50
  100. package/help-panel/styles.css.js +6 -6
  101. package/help-panel/styles.scoped.css +72 -72
  102. package/help-panel/styles.selectors.js +6 -6
  103. package/input/styles.css.js +18 -18
  104. package/input/styles.scoped.css +82 -82
  105. package/input/styles.selectors.js +18 -18
  106. package/internal/base-component/styles.scoped.css +6 -1
  107. package/internal/components/abstract-switch/index.d.ts.map +1 -1
  108. package/internal/components/abstract-switch/index.js +7 -1
  109. package/internal/components/abstract-switch/index.js.map +1 -1
  110. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  111. package/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  112. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  113. package/internal/components/option/styles.css.js +17 -17
  114. package/internal/components/option/styles.scoped.css +31 -31
  115. package/internal/components/option/styles.selectors.js +17 -17
  116. package/internal/components/radio-button/styles.css.js +7 -7
  117. package/internal/components/radio-button/styles.scoped.css +18 -18
  118. package/internal/components/radio-button/styles.selectors.js +7 -7
  119. package/internal/components/selectable-item/styles.css.js +22 -22
  120. package/internal/components/selectable-item/styles.scoped.css +57 -57
  121. package/internal/components/selectable-item/styles.selectors.js +22 -22
  122. package/internal/components/token-list/styles.css.js +10 -10
  123. package/internal/components/token-list/styles.scoped.css +25 -25
  124. package/internal/components/token-list/styles.selectors.js +10 -10
  125. package/internal/environment.js +2 -2
  126. package/internal/environment.json +2 -2
  127. package/internal/generated/custom-css-properties/index.d.ts +1 -0
  128. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  129. package/internal/generated/custom-css-properties/index.js +173 -172
  130. package/internal/generated/custom-css-properties/index.js.map +1 -1
  131. package/internal/generated/styles/tokens.d.ts +2 -0
  132. package/internal/generated/styles/tokens.js +2 -0
  133. package/internal/generated/theming/index.cjs +40 -0
  134. package/internal/generated/theming/index.cjs.d.ts +27 -0
  135. package/internal/generated/theming/index.d.ts +27 -0
  136. package/internal/generated/theming/index.js +40 -0
  137. package/internal/manifest.json +1 -1
  138. package/item-card/styles.css.js +14 -14
  139. package/item-card/styles.scoped.css +63 -63
  140. package/item-card/styles.selectors.js +14 -14
  141. package/link/styles.css.js +21 -21
  142. package/link/styles.scoped.css +117 -117
  143. package/link/styles.selectors.js +21 -21
  144. package/manifest.json +2 -2
  145. package/modal/styles.css.js +31 -31
  146. package/modal/styles.scoped.css +48 -48
  147. package/modal/styles.selectors.js +31 -31
  148. package/package.json +95 -1
  149. package/progress-bar/styles.css.js +18 -18
  150. package/progress-bar/styles.scoped.css +48 -48
  151. package/progress-bar/styles.selectors.js +18 -18
  152. package/prompt-input/styles.css.js +26 -26
  153. package/prompt-input/styles.scoped.css +105 -105
  154. package/prompt-input/styles.selectors.js +26 -26
  155. package/segmented-control/styles.css.js +16 -16
  156. package/segmented-control/styles.scoped.css +46 -46
  157. package/segmented-control/styles.selectors.js +16 -16
  158. package/side-navigation/implementation.d.ts.map +1 -1
  159. package/side-navigation/implementation.js +4 -3
  160. package/side-navigation/implementation.js.map +1 -1
  161. package/side-navigation/parts.d.ts +5 -1
  162. package/side-navigation/parts.d.ts.map +1 -1
  163. package/side-navigation/parts.js +38 -26
  164. package/side-navigation/parts.js.map +1 -1
  165. package/side-navigation/styles.css.js +47 -47
  166. package/side-navigation/styles.scoped.css +74 -76
  167. package/side-navigation/styles.selectors.js +47 -47
  168. package/slider/styles.css.js +26 -26
  169. package/slider/styles.scoped.css +165 -165
  170. package/slider/styles.selectors.js +26 -26
  171. package/spinner/styles.css.js +13 -13
  172. package/spinner/styles.scoped.css +39 -39
  173. package/spinner/styles.selectors.js +13 -13
  174. package/status-indicator/internal-interfaces.d.ts +2 -0
  175. package/status-indicator/internal-interfaces.d.ts.map +1 -0
  176. package/status-indicator/internal-interfaces.js +2 -0
  177. package/status-indicator/internal-interfaces.js.map +1 -0
  178. package/status-indicator/internal.d.ts +6 -2
  179. package/status-indicator/internal.d.ts.map +1 -1
  180. package/status-indicator/internal.js +1 -0
  181. package/status-indicator/internal.js.map +1 -1
  182. package/status-indicator/styles.css.js +25 -24
  183. package/status-indicator/styles.scoped.css +59 -53
  184. package/status-indicator/styles.selectors.js +25 -24
  185. package/steps/index.d.ts +2 -0
  186. package/steps/index.d.ts.map +1 -1
  187. package/steps/index.js +5 -3
  188. package/steps/index.js.map +1 -1
  189. package/steps/interfaces.d.ts +9 -2
  190. package/steps/interfaces.d.ts.map +1 -1
  191. package/steps/interfaces.js.map +1 -1
  192. package/steps/internal.d.ts +2 -1
  193. package/steps/internal.d.ts.map +1 -1
  194. package/steps/internal.js +12 -8
  195. package/steps/internal.js.map +1 -1
  196. package/steps/styles.css.js +13 -12
  197. package/steps/styles.scoped.css +27 -22
  198. package/steps/styles.selectors.js +13 -12
  199. package/tabs/styles.css.js +30 -30
  200. package/tabs/styles.scoped.css +76 -76
  201. package/tabs/styles.selectors.js +30 -30
  202. package/tag-editor/styles.css.js +3 -3
  203. package/tag-editor/styles.scoped.css +13 -13
  204. package/tag-editor/styles.selectors.js +3 -3
  205. package/text-content/styles.css.js +1 -1
  206. package/text-content/styles.scoped.css +66 -66
  207. package/text-content/styles.selectors.js +1 -1
  208. package/textarea/styles.css.js +5 -5
  209. package/textarea/styles.scoped.css +45 -45
  210. package/textarea/styles.selectors.js +5 -5
  211. package/toggle/styles.css.js +10 -10
  212. package/toggle/styles.scoped.css +23 -23
  213. package/toggle/styles.selectors.js +10 -10
  214. package/token/styles.css.js +14 -14
  215. package/token/styles.scoped.css +47 -47
  216. package/token/styles.selectors.js +14 -14
@@ -178,7 +178,15 @@
178
178
  */
179
179
  /* Style used for links in slots/components that are text heavy, to help links stand out among
180
180
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
181
- .awsui_root_gxp9y_i3bvc_181:not(#\9) {
181
+ .awsui_connector_gxp9y_1jjrl_181:not(#\9) {
182
+ background-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
183
+ }
184
+
185
+ .awsui_connector_gxp9y_1jjrl_181.awsui_connector-hidden_gxp9y_1jjrl_185:not(#\9) {
186
+ background-color: transparent;
187
+ }
188
+
189
+ .awsui_root_gxp9y_1jjrl_189:not(#\9) {
182
190
  border-collapse: separate;
183
191
  border-spacing: 0;
184
192
  box-sizing: border-box;
@@ -211,32 +219,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
219
  min-inline-size: 0;
212
220
  word-break: break-word;
213
221
  }
214
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214:not(#\9) {
222
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222:not(#\9) {
215
223
  list-style: none;
216
224
  padding-inline-start: 0;
217
225
  margin-block: 0;
218
226
  }
219
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219:not(#\9) {
227
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227:not(#\9) {
220
228
  display: grid;
221
229
  grid-template-columns: var(--space-static-l-n53k41, 20px) 1fr;
222
230
  grid-template-rows: minmax(var(--space-static-l-n53k41, 20px), auto);
223
231
  }
224
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219 > .awsui_header_gxp9y_i3bvc_224:not(#\9) {
232
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227 > .awsui_header_gxp9y_1jjrl_232:not(#\9) {
225
233
  display: flex;
226
234
  gap: var(--space-xxs-hwfkai, 4px);
227
235
  grid-row: 1;
228
236
  grid-column: 1/span 2;
229
237
  }
230
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219 > .awsui_details_gxp9y_i3bvc_230:not(#\9) {
238
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227 > .awsui_details_gxp9y_1jjrl_238:not(#\9) {
231
239
  align-items: center;
232
240
  grid-row: 2;
233
241
  grid-column: 2;
234
242
  margin-block-end: var(--space-static-xs-gnm0mz, 8px);
235
243
  }
236
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219 > .awsui_connector_gxp9y_i3bvc_236:not(#\9) {
244
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227 > .awsui_connector_gxp9y_1jjrl_181:not(#\9) {
237
245
  grid-row: 2;
238
246
  grid-column: 1;
239
- background-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
240
247
  margin-block: 0;
241
248
  border-block: 0;
242
249
  border-inline: 0;
@@ -246,35 +253,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
246
253
  position: relative;
247
254
  inset-inline-end: var(--space-static-xxxs-yidks1, 2px);
248
255
  }
249
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > :not(#\9):last-of-type > .awsui_connector_gxp9y_i3bvc_236 {
256
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > :not(#\9):last-of-type > .awsui_connector_gxp9y_1jjrl_181 {
250
257
  display: none;
251
258
  }
252
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214.awsui_custom_gxp9y_i3bvc_252 > .awsui_details_gxp9y_i3bvc_230:not(#\9) {
259
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222.awsui_custom_gxp9y_1jjrl_259 > .awsui_details_gxp9y_1jjrl_238:not(#\9) {
253
260
  margin-block-end: 0;
254
261
  }
255
262
 
256
- .awsui_horizontal_gxp9y_i3bvc_256 > .awsui_list_gxp9y_i3bvc_214:not(#\9) {
263
+ .awsui_horizontal_gxp9y_1jjrl_263 > .awsui_list_gxp9y_1jjrl_222:not(#\9) {
257
264
  display: grid;
258
265
  align-items: flex-start;
259
266
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
260
267
  grid-auto-flow: column;
261
268
  }
262
- .awsui_horizontal_gxp9y_i3bvc_256 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219:not(#\9) {
269
+ .awsui_horizontal_gxp9y_1jjrl_263 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227:not(#\9) {
263
270
  display: grid;
264
271
  grid-template-columns: var(--space-static-l-n53k41, 20px) 1fr;
265
272
  grid-template-rows: minmax(var(--space-static-l-n53k41, 20px), auto);
266
273
  align-items: center;
267
274
  }
268
- .awsui_horizontal_gxp9y_i3bvc_256 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219 > .awsui_header_gxp9y_i3bvc_224:not(#\9) {
275
+ .awsui_horizontal_gxp9y_1jjrl_263 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227 > .awsui_header_gxp9y_1jjrl_232:not(#\9) {
269
276
  display: flex;
270
277
  grid-row: 1;
271
278
  grid-column: 1/span 2;
272
279
  align-items: center;
273
280
  }
274
- .awsui_horizontal_gxp9y_i3bvc_256 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219 > .awsui_header_gxp9y_i3bvc_224 > .awsui_connector_gxp9y_i3bvc_236:not(#\9) {
281
+ .awsui_horizontal_gxp9y_1jjrl_263 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227 > .awsui_header_gxp9y_1jjrl_232 > .awsui_connector_gxp9y_1jjrl_181:not(#\9) {
275
282
  display: block;
276
283
  flex: 1;
277
- background-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
278
284
  margin-block: 0;
279
285
  border-block: 0;
280
286
  border-inline: 0;
@@ -285,31 +291,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
285
291
  min-inline-size: var(--space-static-xs-gnm0mz, 8px);
286
292
  margin-inline-end: var(--space-static-xxs-ns94dp, 4px);
287
293
  }
288
- .awsui_horizontal_gxp9y_i3bvc_256 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219 > .awsui_horizontal-header_gxp9y_i3bvc_288:not(#\9) {
294
+ .awsui_horizontal_gxp9y_1jjrl_263 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227 > .awsui_horizontal-header_gxp9y_1jjrl_294:not(#\9) {
289
295
  grid-row: 2;
290
296
  grid-column: 1/span 3;
291
297
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
292
298
  }
293
- .awsui_horizontal_gxp9y_i3bvc_256 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219 > .awsui_details_gxp9y_i3bvc_230:not(#\9) {
299
+ .awsui_horizontal_gxp9y_1jjrl_263 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227 > .awsui_details_gxp9y_1jjrl_238:not(#\9) {
294
300
  grid-row: 3;
295
301
  grid-column: 1/span 3;
296
302
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
297
303
  }
298
- .awsui_horizontal_gxp9y_i3bvc_256 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219:not(#\9):last-child > .awsui_header_gxp9y_i3bvc_224 > .awsui_connector_gxp9y_i3bvc_236 {
304
+ .awsui_horizontal_gxp9y_1jjrl_263 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227:not(#\9):last-child > .awsui_header_gxp9y_1jjrl_232 > .awsui_connector_gxp9y_1jjrl_181 {
299
305
  display: none;
300
306
  }
301
307
 
302
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219.awsui_custom-vertical_gxp9y_i3bvc_302 > .awsui_rail_gxp9y_i3bvc_302:not(#\9) {
308
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227.awsui_custom-vertical_gxp9y_1jjrl_308 > .awsui_rail_gxp9y_1jjrl_308:not(#\9) {
303
309
  grid-column: 1;
304
310
  display: flex;
305
311
  flex-direction: column;
306
312
  align-items: center;
307
313
  }
308
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219.awsui_custom-vertical_gxp9y_i3bvc_302 > .awsui_rail_gxp9y_i3bvc_302 > .awsui_connector_gxp9y_i3bvc_236:not(#\9) {
314
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227.awsui_custom-vertical_gxp9y_1jjrl_308 > .awsui_rail_gxp9y_1jjrl_308 > .awsui_connector_gxp9y_1jjrl_181:not(#\9) {
309
315
  grid-row: auto;
310
316
  grid-column: auto;
311
317
  flex: 1 1 auto;
312
- background-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
313
318
  border-block: 0;
314
319
  border-inline: 0;
315
320
  inline-size: var(--border-divider-list-width-tdfx1x, 1px);
@@ -318,11 +323,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
318
323
  inset-inline-end: 0;
319
324
  margin-block: var(--space-static-xxs-ns94dp, 4px) 0;
320
325
  }
321
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219.awsui_custom-vertical_gxp9y_i3bvc_302 > .awsui_content_gxp9y_i3bvc_321:not(#\9) {
326
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227.awsui_custom-vertical_gxp9y_1jjrl_308 > .awsui_content_gxp9y_1jjrl_326:not(#\9) {
322
327
  grid-column: 2;
323
328
  min-inline-size: 0;
324
329
  }
325
330
 
326
- .awsui_root_gxp9y_i3bvc_181 > .awsui_list_gxp9y_i3bvc_214 > .awsui_container_gxp9y_i3bvc_219.awsui_custom-vertical_gxp9y_i3bvc_302:not(#\9):last-of-type > .awsui_rail_gxp9y_i3bvc_302 > .awsui_connector_gxp9y_i3bvc_236 {
331
+ .awsui_root_gxp9y_1jjrl_189 > .awsui_list_gxp9y_1jjrl_222 > .awsui_container_gxp9y_1jjrl_227.awsui_custom-vertical_gxp9y_1jjrl_308:not(#\9):last-of-type > .awsui_rail_gxp9y_1jjrl_308 > .awsui_connector_gxp9y_1jjrl_181 {
327
332
  display: none;
328
333
  }
@@ -2,17 +2,18 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_gxp9y_i3bvc_181",
6
- "list": "awsui_list_gxp9y_i3bvc_214",
7
- "container": "awsui_container_gxp9y_i3bvc_219",
8
- "header": "awsui_header_gxp9y_i3bvc_224",
9
- "details": "awsui_details_gxp9y_i3bvc_230",
10
- "connector": "awsui_connector_gxp9y_i3bvc_236",
11
- "custom": "awsui_custom_gxp9y_i3bvc_252",
12
- "horizontal": "awsui_horizontal_gxp9y_i3bvc_256",
13
- "horizontal-header": "awsui_horizontal-header_gxp9y_i3bvc_288",
14
- "custom-vertical": "awsui_custom-vertical_gxp9y_i3bvc_302",
15
- "rail": "awsui_rail_gxp9y_i3bvc_302",
16
- "content": "awsui_content_gxp9y_i3bvc_321"
5
+ "connector": "awsui_connector_gxp9y_1jjrl_181",
6
+ "connector-hidden": "awsui_connector-hidden_gxp9y_1jjrl_185",
7
+ "root": "awsui_root_gxp9y_1jjrl_189",
8
+ "list": "awsui_list_gxp9y_1jjrl_222",
9
+ "container": "awsui_container_gxp9y_1jjrl_227",
10
+ "header": "awsui_header_gxp9y_1jjrl_232",
11
+ "details": "awsui_details_gxp9y_1jjrl_238",
12
+ "custom": "awsui_custom_gxp9y_1jjrl_259",
13
+ "horizontal": "awsui_horizontal_gxp9y_1jjrl_263",
14
+ "horizontal-header": "awsui_horizontal-header_gxp9y_1jjrl_294",
15
+ "custom-vertical": "awsui_custom-vertical_gxp9y_1jjrl_308",
16
+ "rail": "awsui_rail_gxp9y_1jjrl_308",
17
+ "content": "awsui_content_gxp9y_1jjrl_326"
17
18
  };
18
19
 
@@ -1,35 +1,35 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "tabs-header": "awsui_tabs-header_14rmt_1871q_154",
5
- "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_1871q_163",
6
- "tabs-header-list": "awsui_tabs-header-list_14rmt_1871q_169",
7
- "pagination-button": "awsui_pagination-button_14rmt_1871q_186",
8
- "pagination-button-left": "awsui_pagination-button-left_14rmt_1871q_193",
9
- "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1871q_196",
10
- "pagination-button-right": "awsui_pagination-button-right_14rmt_1871q_200",
11
- "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1871q_203",
12
- "actions-container": "awsui_actions-container_14rmt_1871q_208",
13
- "tabs-tab": "awsui_tabs-tab_14rmt_1871q_216",
14
- "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1871q_226",
15
- "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1871q_237",
16
- "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1871q_245",
17
- "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1871q_245",
18
- "refresh": "awsui_refresh_14rmt_1871q_250",
19
- "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1871q_254",
20
- "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1871q_296",
21
- "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1871q_379",
22
- "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1871q_388",
23
- "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1871q_392",
24
- "root": "awsui_root_14rmt_1871q_396",
25
- "tabs": "awsui_tabs_14rmt_1871q_154",
26
- "tabs-content": "awsui_tabs-content_14rmt_1871q_434",
27
- "fit-height": "awsui_fit-height_14rmt_1871q_438",
28
- "tabs-content-active": "awsui_tabs-content-active_14rmt_1871q_444",
29
- "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1871q_458",
30
- "with-paddings": "awsui_with-paddings_14rmt_1871q_458",
31
- "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1871q_469",
32
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1871q_480",
33
- "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1871q_484"
4
+ "tabs-header": "awsui_tabs-header_14rmt_qjr7g_154",
5
+ "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_qjr7g_163",
6
+ "tabs-header-list": "awsui_tabs-header-list_14rmt_qjr7g_169",
7
+ "pagination-button": "awsui_pagination-button_14rmt_qjr7g_186",
8
+ "pagination-button-left": "awsui_pagination-button-left_14rmt_qjr7g_193",
9
+ "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_qjr7g_196",
10
+ "pagination-button-right": "awsui_pagination-button-right_14rmt_qjr7g_200",
11
+ "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_qjr7g_203",
12
+ "actions-container": "awsui_actions-container_14rmt_qjr7g_208",
13
+ "tabs-tab": "awsui_tabs-tab_14rmt_qjr7g_216",
14
+ "tabs-tab-label": "awsui_tabs-tab-label_14rmt_qjr7g_226",
15
+ "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_qjr7g_237",
16
+ "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_qjr7g_245",
17
+ "tabs-tab-action": "awsui_tabs-tab-action_14rmt_qjr7g_245",
18
+ "refresh": "awsui_refresh_14rmt_qjr7g_250",
19
+ "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_qjr7g_254",
20
+ "tabs-tab-link": "awsui_tabs-tab-link_14rmt_qjr7g_296",
21
+ "tabs-tab-active": "awsui_tabs-tab-active_14rmt_qjr7g_379",
22
+ "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_qjr7g_388",
23
+ "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_qjr7g_392",
24
+ "root": "awsui_root_14rmt_qjr7g_396",
25
+ "tabs": "awsui_tabs_14rmt_qjr7g_154",
26
+ "tabs-content": "awsui_tabs-content_14rmt_qjr7g_434",
27
+ "fit-height": "awsui_fit-height_14rmt_qjr7g_438",
28
+ "tabs-content-active": "awsui_tabs-content-active_14rmt_qjr7g_444",
29
+ "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_qjr7g_458",
30
+ "with-paddings": "awsui_with-paddings_14rmt_qjr7g_458",
31
+ "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_qjr7g_469",
32
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_qjr7g_480",
33
+ "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_qjr7g_484"
34
34
  };
35
35
 
@@ -151,7 +151,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
153
  /* stylelint-disable selector-max-type */
154
- .awsui_tabs-header_14rmt_1871q_154:not(#\9) {
154
+ .awsui_tabs-header_14rmt_qjr7g_154:not(#\9) {
155
155
  margin-block: 0;
156
156
  margin-inline: 0;
157
157
  padding-block: 0;
@@ -160,13 +160,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
160
  flex-wrap: wrap;
161
161
  }
162
162
 
163
- .awsui_tab-header-scroll-container_14rmt_1871q_163:not(#\9) {
163
+ .awsui_tab-header-scroll-container_14rmt_qjr7g_163:not(#\9) {
164
164
  display: flex;
165
165
  flex-grow: 1;
166
166
  max-inline-size: 100%;
167
167
  }
168
168
 
169
- .awsui_tabs-header-list_14rmt_1871q_169:not(#\9) {
169
+ .awsui_tabs-header-list_14rmt_qjr7g_169:not(#\9) {
170
170
  margin-block: 0;
171
171
  margin-inline: 0;
172
172
  padding-block: 0;
@@ -179,33 +179,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
179
179
  scroll-snap-type: inline proximity;
180
180
  scrollbar-width: none; /* Firefox */
181
181
  }
182
- .awsui_tabs-header-list_14rmt_1871q_169:not(#\9)::-webkit-scrollbar {
182
+ .awsui_tabs-header-list_14rmt_qjr7g_169:not(#\9)::-webkit-scrollbar {
183
183
  display: none; /* Safari and Chrome */
184
184
  }
185
185
 
186
- .awsui_pagination-button_14rmt_1871q_186:not(#\9) {
186
+ .awsui_pagination-button_14rmt_qjr7g_186:not(#\9) {
187
187
  margin-block: var(--space-scaled-s-8ozaad, 12px);
188
188
  margin-inline: 0;
189
189
  padding-block: 0;
190
190
  padding-inline: var(--space-xxs-hwfkai, 4px);
191
191
  display: flex;
192
192
  }
193
- .awsui_pagination-button-left_14rmt_1871q_193:not(#\9) {
193
+ .awsui_pagination-button-left_14rmt_qjr7g_193:not(#\9) {
194
194
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-control-disabled-uj7t08, #dedee3);
195
195
  }
196
- .awsui_pagination-button-left-scrollable_14rmt_1871q_196:not(#\9) {
196
+ .awsui_pagination-button-left-scrollable_14rmt_qjr7g_196:not(#\9) {
197
197
  z-index: 1;
198
198
  box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12));
199
199
  }
200
- .awsui_pagination-button-right_14rmt_1871q_200:not(#\9) {
200
+ .awsui_pagination-button-right_14rmt_qjr7g_200:not(#\9) {
201
201
  border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-control-disabled-uj7t08, #dedee3);
202
202
  }
203
- .awsui_pagination-button-right-scrollable_14rmt_1871q_203:not(#\9) {
203
+ .awsui_pagination-button-right-scrollable_14rmt_qjr7g_203:not(#\9) {
204
204
  z-index: 1;
205
205
  box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12));
206
206
  }
207
207
 
208
- .awsui_actions-container_14rmt_1871q_208:not(#\9) {
208
+ .awsui_actions-container_14rmt_qjr7g_208:not(#\9) {
209
209
  flex-shrink: 0;
210
210
  align-self: center;
211
211
  padding-block: var(--space-xs-ymlm0b, 8px);
@@ -213,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
213
213
  margin-inline-start: auto;
214
214
  }
215
215
 
216
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9) {
216
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9) {
217
217
  list-style: none;
218
218
  padding-block: 0;
219
219
  padding-inline: 0;
@@ -223,7 +223,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
223
223
  scroll-snap-align: start;
224
224
  }
225
225
 
226
- .awsui_tabs-tab-label_14rmt_1871q_226:not(#\9) {
226
+ .awsui_tabs-tab-label_14rmt_qjr7g_226:not(#\9) {
227
227
  display: flex;
228
228
  align-items: center;
229
229
  padding-inline: var(--space-xs-ymlm0b, 8px);
@@ -234,7 +234,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
234
234
  word-break: break-word;
235
235
  }
236
236
 
237
- .awsui_tabs-tab-header-container_14rmt_1871q_237:not(#\9) {
237
+ .awsui_tabs-tab-header-container_14rmt_qjr7g_237:not(#\9) {
238
238
  position: relative;
239
239
  border-block: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
240
240
  border-inline: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
@@ -242,58 +242,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
242
242
  display: flex;
243
243
  align-items: stretch;
244
244
  }
245
- .awsui_tabs-tab-header-container_14rmt_1871q_237 > .awsui_tabs-tab-dismiss_14rmt_1871q_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_1871q_237 > .awsui_tabs-tab-action_14rmt_1871q_245:not(#\9) {
245
+ .awsui_tabs-tab-header-container_14rmt_qjr7g_237 > .awsui_tabs-tab-dismiss_14rmt_qjr7g_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_qjr7g_237 > .awsui_tabs-tab-action_14rmt_qjr7g_245:not(#\9) {
246
246
  position: relative;
247
247
  display: flex;
248
248
  align-items: center;
249
249
  }
250
- .awsui_tabs-tab-header-container_14rmt_1871q_237.awsui_refresh_14rmt_1871q_250 > span:not(#\9):first-of-type {
250
+ .awsui_tabs-tab-header-container_14rmt_qjr7g_237.awsui_refresh_14rmt_qjr7g_250 > span:not(#\9):first-of-type {
251
251
  margin-inline-start: calc(-1 * var(--space-scaled-xs-xwoogq, 8px));
252
252
  }
253
253
 
254
- .awsui_tabs-tab-header-container_14rmt_1871q_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1871q_254):after {
254
+ .awsui_tabs-tab-header-container_14rmt_qjr7g_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_qjr7g_254):after {
255
255
  content: "";
256
256
  position: absolute;
257
257
  inset-inline-start: 0;
258
258
  inline-size: calc(100% - 1px);
259
259
  inset-block-end: calc(-1 * var(--border-divider-section-width-uwo8my, 1px));
260
- block-size: var(--awsui-style-tabs-active-indicator-width-z17rmd, var(--border-active-width-axzm24, 4px));
261
- border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
262
- border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
263
- border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
264
- border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
265
- background: var(--awsui-style-tabs-active-indicator-color-z17rmd, var(--color-border-tabs-underline-gudemr, #006ce0));
260
+ block-size: var(--awsui-style-tabs-active-indicator-width-esndbs, var(--border-active-width-axzm24, 4px));
261
+ border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
262
+ border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
263
+ border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
264
+ border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-o4qku1, 20px));
265
+ background: var(--awsui-style-tabs-active-indicator-color-esndbs, var(--color-border-tabs-underline-gudemr, #006ce0));
266
266
  opacity: 0;
267
267
  }
268
- .awsui_tabs-tab-header-container_14rmt_1871q_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1871q_254).awsui_refresh_14rmt_1871q_250:after {
268
+ .awsui_tabs-tab-header-container_14rmt_qjr7g_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_qjr7g_254).awsui_refresh_14rmt_qjr7g_250:after {
269
269
  transition: opacity var(--motion-duration-refresh-only-medium-5rbn3k, 165ms) var(--motion-easing-refresh-only-c-cxy2sk, cubic-bezier(0.84, 0, 0.16, 1));
270
270
  }
271
271
  @media (prefers-reduced-motion: reduce) {
272
- .awsui_tabs-tab-header-container_14rmt_1871q_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1871q_254).awsui_refresh_14rmt_1871q_250:after {
272
+ .awsui_tabs-tab-header-container_14rmt_qjr7g_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_qjr7g_254).awsui_refresh_14rmt_qjr7g_250:after {
273
273
  animation: none;
274
274
  transition: none;
275
275
  }
276
276
  }
277
- .awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1871q_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1871q_254).awsui_refresh_14rmt_1871q_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1871q_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1871q_254).awsui_refresh_14rmt_1871q_250:after {
277
+ .awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_qjr7g_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_qjr7g_254).awsui_refresh_14rmt_qjr7g_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_qjr7g_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_qjr7g_254).awsui_refresh_14rmt_qjr7g_250:after {
278
278
  animation: none;
279
279
  transition: none;
280
280
  }
281
281
 
282
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1871q_237 {
282
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_qjr7g_237 {
283
283
  margin-inline-end: calc(-1 * var(--border-divider-section-width-uwo8my, 1px));
284
284
  }
285
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1871q_237:before {
285
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_qjr7g_237:before {
286
286
  content: "";
287
287
  position: absolute;
288
- border-inline-end: var(--awsui-style-tabs-separator-width-z17rmd, var(--border-divider-section-width-uwo8my, 1px)) solid var(--awsui-style-tabs-separator-color-z17rmd, var(--color-border-tabs-divider-f5t9va, #c6c6cd));
288
+ border-inline-end: var(--awsui-style-tabs-separator-width-esndbs, var(--border-divider-section-width-uwo8my, 1px)) solid var(--awsui-style-tabs-separator-color-esndbs, var(--color-border-tabs-divider-f5t9va, #c6c6cd));
289
289
  inset: var(--space-scaled-s-8ozaad, 12px) 0;
290
290
  opacity: 1;
291
291
  }
292
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1871q_237.awsui_refresh_14rmt_1871q_250:before {
292
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_qjr7g_237.awsui_refresh_14rmt_qjr7g_250:before {
293
293
  inset: calc(var(--space-static-s-t763lu, 12px) - var(--border-active-width-axzm24, 4px)) 0;
294
294
  }
295
295
 
296
- .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9) {
296
+ .awsui_tabs-tab-link_14rmt_qjr7g_296:not(#\9) {
297
297
  position: relative;
298
298
  display: flex;
299
299
  align-items: stretch;
@@ -303,40 +303,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
303
303
  padding-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - 1px);
304
304
  padding-inline: 0;
305
305
  margin-block-start: 1px;
306
- border-block: var(--border-divider-section-width-uwo8my, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
307
- border-inline: var(--border-divider-section-width-uwo8my, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
306
+ border-block: var(--border-divider-section-width-uwo8my, 1px) solid var(--awsui-style-border-color-default-esndbs, transparent);
307
+ border-inline: var(--border-divider-section-width-uwo8my, 1px) solid var(--awsui-style-border-color-default-esndbs, transparent);
308
308
  font-size: var(--font-size-tabs-eeo215, 16px);
309
309
  line-height: var(--line-height-tabs-vpnjo7, 20px);
310
310
  font-weight: var(--font-weight-tabs-ichxzl, 700);
311
- color: var(--awsui-style-color-default-z17rmd, var(--color-text-interactive-default-ugh9wp, #424650));
312
- background-color: var(--awsui-style-background-default-z17rmd, transparent);
311
+ color: var(--awsui-style-color-default-esndbs, var(--color-text-interactive-default-ugh9wp, #424650));
312
+ background-color: var(--awsui-style-background-default-esndbs, transparent);
313
313
  padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) - 1px);
314
314
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
315
315
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
316
316
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
317
317
  }
318
- .awsui_tabs-tab-link_14rmt_1871q_296.awsui_refresh_14rmt_1871q_250:not(#\9) {
318
+ .awsui_tabs-tab-link_14rmt_qjr7g_296.awsui_refresh_14rmt_qjr7g_250:not(#\9) {
319
319
  padding-block-start: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
320
320
  padding-block-end: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
321
321
  margin-block-start: 0;
322
322
  }
323
- .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9):hover {
324
- color: var(--awsui-style-color-hover-z17rmd, var(--color-text-accent-n1kmht, #006ce0));
325
- border-color: var(--awsui-style-border-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, transparent));
326
- background-color: var(--awsui-style-background-hover-z17rmd, var(--awsui-style-background-default-z17rmd, transparent));
323
+ .awsui_tabs-tab-link_14rmt_qjr7g_296:not(#\9):hover {
324
+ color: var(--awsui-style-color-hover-esndbs, var(--color-text-accent-n1kmht, #006ce0));
325
+ border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, transparent));
326
+ background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, transparent));
327
327
  }
328
- .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9):focus {
328
+ .awsui_tabs-tab-link_14rmt_qjr7g_296:not(#\9):focus {
329
329
  outline: none;
330
330
  }
331
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9):focus {
332
- --awsui-style-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-style-focus-ring-border-width-z17rmd, 2px) var(--awsui-style-focus-ring-border-color-z17rmd, var(--color-border-item-focused-uk47pl, #006ce0));
331
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_qjr7g_296:not(#\9):focus {
332
+ --awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-item-focused-uk47pl, #006ce0));
333
333
  position: relative;
334
334
  }
335
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9):focus {
335
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_qjr7g_296:not(#\9):focus {
336
336
  outline: 2px dotted transparent;
337
337
  outline-offset: calc(var(--space-tabs-focus-outline-gutter-eerrg4, -8px) - 1px);
338
338
  }
339
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9):focus::before {
339
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_qjr7g_296:not(#\9):focus::before {
340
340
  content: " ";
341
341
  display: block;
342
342
  position: absolute;
@@ -344,60 +344,60 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9
344
344
  inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-eerrg4, -8px));
345
345
  inline-size: calc(100% + var(--space-tabs-focus-outline-gutter-eerrg4, -8px) + var(--space-tabs-focus-outline-gutter-eerrg4, -8px));
346
346
  block-size: calc(100% + var(--space-tabs-focus-outline-gutter-eerrg4, -8px) + var(--space-tabs-focus-outline-gutter-eerrg4, -8px));
347
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
348
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
349
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
350
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
351
- box-shadow: var(--awsui-style-focus-ring-box-shadow-z17rmd);
347
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
348
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
349
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
350
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
351
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
352
352
  z-index: 1;
353
353
  }
354
354
 
355
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9):first-child {
355
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9):first-child {
356
356
  margin-inline-start: 1px;
357
357
  scroll-margin-inline-start: 1px;
358
358
  }
359
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1871q_237 {
359
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_qjr7g_237 {
360
360
  padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) - 1px);
361
361
  }
362
362
 
363
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9):last-child {
363
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9):last-child {
364
364
  margin-inline-end: 1px;
365
365
  scroll-margin-inline-end: 1px;
366
366
  }
367
- .awsui_tabs-tab_14rmt_1871q_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1871q_237 {
367
+ .awsui_tabs-tab_14rmt_qjr7g_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_qjr7g_237 {
368
368
  padding-inline-end: calc(var(--space-xs-ymlm0b, 8px) - 1px);
369
369
  }
370
370
 
371
- .awsui_tabs-tab-disabled_14rmt_1871q_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_1871q_254:not(#\9):hover {
371
+ .awsui_tabs-tab-disabled_14rmt_qjr7g_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_qjr7g_254:not(#\9):hover {
372
372
  cursor: default;
373
- color: var(--awsui-style-color-disabled-z17rmd, var(--color-text-interactive-disabled-1bqmrl, #b4b4bb));
374
- border-color: var(--awsui-style-border-color-disabled-z17rmd, transparent);
375
- background-color: var(--awsui-style-background-disabled-z17rmd, transparent);
373
+ color: var(--awsui-style-color-disabled-esndbs, var(--color-text-interactive-disabled-1bqmrl, #b4b4bb));
374
+ border-color: var(--awsui-style-border-color-disabled-esndbs, transparent);
375
+ background-color: var(--awsui-style-background-disabled-esndbs, transparent);
376
376
  font-weight: var(--font-weight-tabs-disabled-v5r551, 700);
377
377
  }
378
378
 
379
- .awsui_tabs-tab-active_14rmt_1871q_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1871q_254) {
380
- color: var(--awsui-style-color-active-z17rmd, var(--color-text-accent-n1kmht, #006ce0));
381
- border-color: var(--awsui-style-border-color-active-z17rmd, transparent);
382
- background-color: var(--awsui-style-background-active-z17rmd, transparent);
379
+ .awsui_tabs-tab-active_14rmt_qjr7g_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_qjr7g_254) {
380
+ color: var(--awsui-style-color-active-esndbs, var(--color-text-accent-n1kmht, #006ce0));
381
+ border-color: var(--awsui-style-border-color-active-esndbs, transparent);
382
+ background-color: var(--awsui-style-background-active-esndbs, transparent);
383
383
  }
384
- .awsui_tabs-tab-active_14rmt_1871q_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1871q_254):after {
384
+ .awsui_tabs-tab-active_14rmt_qjr7g_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_qjr7g_254):after {
385
385
  opacity: 1;
386
386
  }
387
387
 
388
- .awsui_tabs-header-with-divider_14rmt_1871q_388:not(#\9) {
388
+ .awsui_tabs-header-with-divider_14rmt_qjr7g_388:not(#\9) {
389
389
  border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-tabs-divider-f5t9va, #c6c6cd);
390
390
  }
391
391
 
392
- .awsui_tabs-tab-focusable_14rmt_1871q_392:not(#\9) {
392
+ .awsui_tabs-tab-focusable_14rmt_qjr7g_392:not(#\9) {
393
393
  /* used to manage focusable logic */
394
394
  }
395
395
 
396
- .awsui_root_14rmt_1871q_396:not(#\9) {
396
+ .awsui_root_14rmt_qjr7g_396:not(#\9) {
397
397
  /* used in test-utils or tests */
398
398
  }
399
399
 
400
- .awsui_tabs_14rmt_1871q_154:not(#\9) {
400
+ .awsui_tabs_14rmt_qjr7g_154:not(#\9) {
401
401
  border-collapse: separate;
402
402
  border-spacing: 0;
403
403
  box-sizing: border-box;
@@ -431,21 +431,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1871q_296:not(#\9
431
431
  inline-size: 100%;
432
432
  }
433
433
 
434
- .awsui_tabs-content_14rmt_1871q_434:not(#\9) {
434
+ .awsui_tabs-content_14rmt_qjr7g_434:not(#\9) {
435
435
  display: none;
436
436
  }
437
437
 
438
- .awsui_fit-height_14rmt_1871q_438:not(#\9) {
438
+ .awsui_fit-height_14rmt_qjr7g_438:not(#\9) {
439
439
  display: flex;
440
440
  flex-direction: column;
441
441
  block-size: 100%;
442
442
  }
443
443
 
444
- .awsui_tabs-content-active_14rmt_1871q_444:not(#\9) {
444
+ .awsui_tabs-content-active_14rmt_qjr7g_444:not(#\9) {
445
445
  display: block;
446
446
  flex: 1;
447
447
  }
448
- body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1871q_444:not(#\9):focus {
448
+ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_qjr7g_444:not(#\9):focus {
449
449
  outline: 2px dotted transparent;
450
450
  outline-offset: 2px;
451
451
  border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
@@ -455,32 +455,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1871q_444:n
455
455
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
456
456
  }
457
457
 
458
- .awsui_tabs-content-wrapper_14rmt_1871q_458.awsui_with-paddings_14rmt_1871q_458 > .awsui_tabs-content_14rmt_1871q_434:not(#\9) {
458
+ .awsui_tabs-content-wrapper_14rmt_qjr7g_458.awsui_with-paddings_14rmt_qjr7g_458 > .awsui_tabs-content_14rmt_qjr7g_434:not(#\9) {
459
459
  padding-block: var(--space-scaled-m-m892r9, 16px);
460
460
  padding-inline: 0;
461
461
  }
462
- .awsui_fit-height_14rmt_1871q_438 > .awsui_tabs-content-wrapper_14rmt_1871q_458:not(#\9) {
462
+ .awsui_fit-height_14rmt_qjr7g_438 > .awsui_tabs-content-wrapper_14rmt_qjr7g_458:not(#\9) {
463
463
  flex: 1;
464
464
  display: flex;
465
465
  flex-direction: column;
466
466
  overflow: auto;
467
467
  }
468
468
 
469
- .awsui_fit-height_14rmt_1871q_438 > .awsui_tabs-content-wrapper_14rmt_1871q_458 > .awsui_tabs-container-content-wrapper_14rmt_1871q_469:not(#\9) {
469
+ .awsui_fit-height_14rmt_qjr7g_438 > .awsui_tabs-content-wrapper_14rmt_qjr7g_458 > .awsui_tabs-container-content-wrapper_14rmt_qjr7g_469:not(#\9) {
470
470
  block-size: 100%;
471
471
  display: flex;
472
472
  flex-direction: column;
473
473
  }
474
- .awsui_tabs-container-content-wrapper_14rmt_1871q_469.awsui_with-paddings_14rmt_1871q_458 > .awsui_tabs-content_14rmt_1871q_434:not(#\9) {
474
+ .awsui_tabs-container-content-wrapper_14rmt_qjr7g_469.awsui_with-paddings_14rmt_qjr7g_458 > .awsui_tabs-content_14rmt_qjr7g_434:not(#\9) {
475
475
  padding-block-start: var(--space-tabs-content-top-ju6qox, 12px);
476
476
  padding-block-end: var(--space-scaled-l-sej05l, 20px);
477
477
  padding-inline: var(--space-container-horizontal-nqrzyh, 20px);
478
478
  }
479
479
 
480
- .awsui_disabled-reason-tooltip_14rmt_1871q_480:not(#\9) {
480
+ .awsui_disabled-reason-tooltip_14rmt_qjr7g_480:not(#\9) {
481
481
  /* used in test-utils or tests */
482
482
  }
483
483
 
484
- .awsui_tabs-tab-focused_14rmt_1871q_484:not(#\9) {
484
+ .awsui_tabs-tab-focused_14rmt_qjr7g_484:not(#\9) {
485
485
  /* used to manage focusable state for disabled with reason tabs */
486
486
  }