@cloudscape-design/components-themeable 3.0.1312 → 3.0.1314

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 (159) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/action-card/styles.scss +4 -0
  3. package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +4 -3
  4. package/lib/internal/scss/app-layout/visual-refresh/tools.scss +2 -1
  5. package/lib/internal/scss/breadcrumb-group/item/styles.scss +7 -0
  6. package/lib/internal/scss/breadcrumb-group/styles.scss +7 -0
  7. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +6 -0
  8. package/lib/internal/scss/button-dropdown/styles.scss +16 -1
  9. package/lib/internal/scss/expandable-section/styles.scss +3 -2
  10. package/lib/internal/scss/internal/components/button-trigger/styles.scss +3 -2
  11. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  12. package/lib/internal/scss/internal/styles/utils/theming.scss +6 -0
  13. package/lib/internal/scss/segmented-control/styles.scss +2 -2
  14. package/lib/internal/scss/status-indicator/styles.scss +13 -4
  15. package/lib/internal/scss/steps/styles.scss +39 -0
  16. package/lib/internal/scss/table/header-cell/styles.scss +13 -2
  17. package/lib/internal/scss/table/resizer/styles.scss +9 -1
  18. package/lib/internal/scss/toggle/styles.scss +1 -1
  19. package/lib/internal/scss/toggle-button/styles.scss +7 -1
  20. package/lib/internal/scss/token/mixins.scss +4 -4
  21. package/lib/internal/scss/token/styles.scss +7 -0
  22. package/lib/internal/scss/tree-view/tree-item/styles.scss +2 -1
  23. package/lib/internal/template/action-card/styles.css.js +17 -17
  24. package/lib/internal/template/action-card/styles.scoped.css +94 -91
  25. package/lib/internal/template/action-card/styles.selectors.js +17 -17
  26. package/lib/internal/template/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  27. package/lib/internal/template/app-layout/visual-refresh/drawers.js +0 -3
  28. package/lib/internal/template/app-layout/visual-refresh/drawers.js.map +1 -1
  29. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -87
  30. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +167 -167
  31. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -87
  32. package/lib/internal/template/app-layout/visual-refresh/tools.d.ts.map +1 -1
  33. package/lib/internal/template/app-layout/visual-refresh/tools.js +0 -2
  34. package/lib/internal/template/app-layout/visual-refresh/tools.js.map +1 -1
  35. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  36. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +29 -25
  37. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  38. package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
  39. package/lib/internal/template/breadcrumb-group/styles.scoped.css +27 -24
  40. package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
  41. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  42. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +3 -1
  43. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  44. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  45. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +3 -1
  46. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  47. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
  48. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +32 -28
  49. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
  50. package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
  51. package/lib/internal/template/button-dropdown/index.js +4 -3
  52. package/lib/internal/template/button-dropdown/index.js.map +1 -1
  53. package/lib/internal/template/button-dropdown/interfaces.d.ts +22 -0
  54. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  55. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  56. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  57. package/lib/internal/template/button-dropdown/internal.js +14 -6
  58. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  59. package/lib/internal/template/button-dropdown/styles.css.js +22 -22
  60. package/lib/internal/template/button-dropdown/styles.scoped.css +36 -30
  61. package/lib/internal/template/button-dropdown/styles.selectors.js +22 -22
  62. package/lib/internal/template/button-group/interfaces.d.ts +12 -1
  63. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  64. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  65. package/lib/internal/template/button-group/menu-dropdown-item.d.ts.map +1 -1
  66. package/lib/internal/template/button-group/menu-dropdown-item.js +2 -1
  67. package/lib/internal/template/button-group/menu-dropdown-item.js.map +1 -1
  68. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  69. package/lib/internal/template/expandable-section/expandable-section-header.js +3 -3
  70. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  71. package/lib/internal/template/expandable-section/styles.css.js +35 -36
  72. package/lib/internal/template/expandable-section/styles.scoped.css +70 -70
  73. package/lib/internal/template/expandable-section/styles.selectors.js +35 -36
  74. package/lib/internal/template/internal/base-component/styles.scoped.css +64 -1
  75. package/lib/internal/template/internal/components/button-trigger/index.js +1 -1
  76. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  77. package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -15
  78. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +31 -31
  79. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -15
  80. package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map +1 -1
  81. package/lib/internal/template/internal/components/checkbox-icon/index.js +11 -2
  82. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  83. package/lib/internal/template/internal/environment.js +2 -2
  84. package/lib/internal/template/internal/environment.json +2 -2
  85. package/lib/internal/template/internal/generated/styles/tokens.d.ts +8 -0
  86. package/lib/internal/template/internal/generated/styles/tokens.js +8 -0
  87. package/lib/internal/template/internal/generated/theming/index.cjs +236 -0
  88. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +72 -0
  89. package/lib/internal/template/internal/generated/theming/index.d.ts +72 -0
  90. package/lib/internal/template/internal/generated/theming/index.js +236 -0
  91. package/lib/internal/template/internal/utils/throttle.d.ts.map +1 -1
  92. package/lib/internal/template/internal/utils/throttle.js +3 -1
  93. package/lib/internal/template/internal/utils/throttle.js.map +1 -1
  94. package/lib/internal/template/progress-bar/index.d.ts.map +1 -1
  95. package/lib/internal/template/progress-bar/index.js +1 -0
  96. package/lib/internal/template/progress-bar/index.js.map +1 -1
  97. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  98. package/lib/internal/template/segmented-control/styles.scoped.css +34 -34
  99. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  100. package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
  101. package/lib/internal/template/status-indicator/internal.js +2 -2
  102. package/lib/internal/template/status-indicator/internal.js.map +1 -1
  103. package/lib/internal/template/status-indicator/styles.css.js +24 -25
  104. package/lib/internal/template/status-indicator/styles.scoped.css +55 -50
  105. package/lib/internal/template/status-indicator/styles.selectors.js +24 -25
  106. package/lib/internal/template/steps/internal.d.ts.map +1 -1
  107. package/lib/internal/template/steps/internal.js +20 -6
  108. package/lib/internal/template/steps/internal.js.map +1 -1
  109. package/lib/internal/template/steps/styles.css.js +12 -9
  110. package/lib/internal/template/steps/styles.scoped.css +43 -15
  111. package/lib/internal/template/steps/styles.selectors.js +12 -9
  112. package/lib/internal/template/table/header-cell/group-header-cell.d.ts.map +1 -1
  113. package/lib/internal/template/table/header-cell/group-header-cell.js +1 -1
  114. package/lib/internal/template/table/header-cell/group-header-cell.js.map +1 -1
  115. package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
  116. package/lib/internal/template/table/header-cell/index.js +2 -1
  117. package/lib/internal/template/table/header-cell/index.js.map +1 -1
  118. package/lib/internal/template/table/header-cell/styles.css.js +33 -33
  119. package/lib/internal/template/table/header-cell/styles.scoped.css +81 -74
  120. package/lib/internal/template/table/header-cell/styles.selectors.js +33 -33
  121. package/lib/internal/template/table/resizer/index.d.ts +4 -2
  122. package/lib/internal/template/table/resizer/index.d.ts.map +1 -1
  123. package/lib/internal/template/table/resizer/index.js +4 -4
  124. package/lib/internal/template/table/resizer/index.js.map +1 -1
  125. package/lib/internal/template/table/resizer/styles.css.js +17 -16
  126. package/lib/internal/template/table/resizer/styles.scoped.css +32 -24
  127. package/lib/internal/template/table/resizer/styles.selectors.js +17 -16
  128. package/lib/internal/template/table/selection/selection-cell.d.ts +2 -1
  129. package/lib/internal/template/table/selection/selection-cell.d.ts.map +1 -1
  130. package/lib/internal/template/table/selection/selection-cell.js +2 -2
  131. package/lib/internal/template/table/selection/selection-cell.js.map +1 -1
  132. package/lib/internal/template/table/thead.d.ts.map +1 -1
  133. package/lib/internal/template/table/thead.js +1 -1
  134. package/lib/internal/template/table/thead.js.map +1 -1
  135. package/lib/internal/template/toggle/styles.css.js +10 -10
  136. package/lib/internal/template/toggle/styles.scoped.css +18 -18
  137. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  138. package/lib/internal/template/toggle-button/internal.d.ts.map +1 -1
  139. package/lib/internal/template/toggle-button/internal.js +3 -1
  140. package/lib/internal/template/toggle-button/internal.js.map +1 -1
  141. package/lib/internal/template/toggle-button/styles.css.js +4 -3
  142. package/lib/internal/template/toggle-button/styles.scoped.css +8 -3
  143. package/lib/internal/template/toggle-button/styles.selectors.js +4 -3
  144. package/lib/internal/template/token/dismiss-button.d.ts.map +1 -1
  145. package/lib/internal/template/token/dismiss-button.js +3 -1
  146. package/lib/internal/template/token/dismiss-button.js.map +1 -1
  147. package/lib/internal/template/token/internal.d.ts.map +1 -1
  148. package/lib/internal/template/token/internal.js +11 -3
  149. package/lib/internal/template/token/internal.js.map +1 -1
  150. package/lib/internal/template/token/styles.css.js +14 -14
  151. package/lib/internal/template/token/styles.scoped.css +33 -30
  152. package/lib/internal/template/token/styles.selectors.js +14 -14
  153. package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
  154. package/lib/internal/template/tree-view/tree-item/index.js +1 -2
  155. package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
  156. package/lib/internal/template/tree-view/tree-item/styles.css.js +9 -10
  157. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +18 -14
  158. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +9 -10
  159. package/package.json +1 -1
package/lib/internal/template/action-card/styles.scoped.css CHANGED
@@ -158,55 +158,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_root_16248_1ce33_161:not(#\9) {
161
+ .awsui_root_16248_1xlcm_161:not(#\9) {
162
162
  transition-property: background-color;
163
163
  transition-duration: var(--motion-duration-transition-show-paced-0w35xp, 180ms);
164
164
  transition-timing-function: var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
165
165
  }
166
166
  @media (prefers-reduced-motion: reduce) {
167
- .awsui_root_16248_1ce33_161:not(#\9) {
167
+ .awsui_root_16248_1xlcm_161:not(#\9) {
168
168
  animation: none;
169
169
  transition: none;
170
170
  }
171
171
  }
172
- .awsui-motion-disabled .awsui_root_16248_1ce33_161:not(#\9), .awsui-mode-entering .awsui_root_16248_1ce33_161:not(#\9) {
172
+ .awsui-motion-disabled .awsui_root_16248_1xlcm_161:not(#\9), .awsui-mode-entering .awsui_root_16248_1xlcm_161:not(#\9) {
173
173
  animation: none;
174
174
  transition: none;
175
175
  }
176
176
 
177
- .awsui_root_16248_1ce33_161:not(#\9)::after {
177
+ .awsui_root_16248_1xlcm_161:not(#\9)::after {
178
178
  transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
179
179
  transition-duration: var(--motion-duration-transition-show-paced-0w35xp, 180ms);
180
180
  transition-timing-function: var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
181
181
  }
182
182
  @media (prefers-reduced-motion: reduce) {
183
- .awsui_root_16248_1ce33_161:not(#\9)::after {
183
+ .awsui_root_16248_1xlcm_161:not(#\9)::after {
184
184
  animation: none;
185
185
  transition: none;
186
186
  }
187
187
  }
188
- .awsui-motion-disabled .awsui_root_16248_1ce33_161:not(#\9)::after, .awsui-mode-entering .awsui_root_16248_1ce33_161:not(#\9)::after {
188
+ .awsui-motion-disabled .awsui_root_16248_1xlcm_161:not(#\9)::after, .awsui-mode-entering .awsui_root_16248_1xlcm_161:not(#\9)::after {
189
189
  animation: none;
190
190
  transition: none;
191
191
  }
192
192
 
193
- .awsui_icon_16248_1ce33_193:not(#\9) {
193
+ .awsui_icon_16248_1xlcm_193:not(#\9) {
194
194
  transition-property: color;
195
195
  transition-duration: var(--motion-duration-transition-show-paced-0w35xp, 180ms);
196
196
  transition-timing-function: var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
197
197
  }
198
198
  @media (prefers-reduced-motion: reduce) {
199
- .awsui_icon_16248_1ce33_193:not(#\9) {
199
+ .awsui_icon_16248_1xlcm_193:not(#\9) {
200
200
  animation: none;
201
201
  transition: none;
202
202
  }
203
203
  }
204
- .awsui-motion-disabled .awsui_icon_16248_1ce33_193:not(#\9), .awsui-mode-entering .awsui_icon_16248_1ce33_193:not(#\9) {
204
+ .awsui-motion-disabled .awsui_icon_16248_1xlcm_193:not(#\9), .awsui-mode-entering .awsui_icon_16248_1xlcm_193:not(#\9) {
205
205
  animation: none;
206
206
  transition: none;
207
207
  }
208
208
 
209
- .awsui_header-inner_16248_1ce33_209:not(#\9) {
209
+ .awsui_header-inner_16248_1xlcm_209:not(#\9) {
210
210
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
211
211
  font-size: var(--font-size-heading-s-yde02v, 16px);
212
212
  line-height: var(--line-height-heading-s-j2axh8, 20px);
@@ -215,122 +215,125 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
216
216
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
217
217
  }
218
- .awsui_header-inner_16248_1ce33_209.awsui_disabled_16248_1ce33_218:not(#\9) {
218
+ .awsui_header-inner_16248_1xlcm_209.awsui_disabled_16248_1xlcm_218:not(#\9) {
219
219
  color: var(--color-text-action-card-disabled-3cdrhk, #879596);
220
220
  }
221
- .awsui_header_16248_1ce33_209:not(#\9):not(:has(+ .awsui_body_16248_1ce33_221)) {
221
+ .awsui-one-theme .awsui_header-inner_16248_1xlcm_209:not(#\9) {
222
+ color: var(--color-text-heading-default-wlau07, #16191f);
223
+ }
224
+ .awsui_header_16248_1xlcm_209:not(#\9):not(:has(+ .awsui_body_16248_1xlcm_224)) {
222
225
  flex: 1;
223
226
  }
224
227
 
225
- .awsui_header-row_16248_1ce33_225:not(#\9) {
228
+ .awsui_header-row_16248_1xlcm_228:not(#\9) {
226
229
  display: flex;
227
230
  align-items: flex-start;
228
231
  }
229
- .awsui_header-row_16248_1ce33_225 > .awsui_header_16248_1ce33_209:not(#\9) {
232
+ .awsui_header-row_16248_1xlcm_228 > .awsui_header_16248_1xlcm_209:not(#\9) {
230
233
  flex: 1;
231
234
  min-inline-size: 0;
232
235
  }
233
236
 
234
- .awsui_body_16248_1ce33_221:not(#\9) {
237
+ .awsui_body_16248_1xlcm_224:not(#\9) {
235
238
  flex: 1;
236
239
  }
237
240
 
238
- .awsui_description_16248_1ce33_238:not(#\9) {
241
+ .awsui_description_16248_1xlcm_241:not(#\9) {
239
242
  font-size: var(--font-size-body-s-psgqn2, 12px);
240
243
  line-height: var(--line-height-body-s-otgtsr, 16px);
241
244
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
242
245
  color: var(--color-text-body-secondary-gaft81, #545b64);
243
246
  }
244
- .awsui_description_16248_1ce33_238.awsui_has-header_16248_1ce33_244:not(#\9) {
247
+ .awsui_description_16248_1xlcm_241.awsui_has-header_16248_1xlcm_247:not(#\9) {
245
248
  padding-block-start: var(--space-action-card-description-padding-top-h441rh, 4px);
246
249
  }
247
- .awsui_description_16248_1ce33_238.awsui_disabled_16248_1ce33_218:not(#\9) {
250
+ .awsui_description_16248_1xlcm_241.awsui_disabled_16248_1xlcm_218:not(#\9) {
248
251
  color: var(--color-text-action-card-disabled-3cdrhk, #879596);
249
252
  }
250
253
 
251
- .awsui_icon_16248_1ce33_193:not(#\9) {
254
+ .awsui_icon_16248_1xlcm_193:not(#\9) {
252
255
  flex-shrink: 0;
253
256
  display: flex;
254
257
  color: var(--color-icon-action-card-default-g1tv20, #0073bb);
255
258
  pointer-events: none;
256
259
  }
257
260
 
258
- .awsui_header-button_16248_1ce33_258:not(#\9),
259
- .awsui_overlay-button_16248_1ce33_259:not(#\9) {
261
+ .awsui_header-button_16248_1xlcm_261:not(#\9),
262
+ .awsui_overlay-button_16248_1xlcm_262:not(#\9) {
260
263
  all: unset;
261
264
  cursor: pointer;
262
265
  }
263
- .awsui_header-button_16248_1ce33_258.awsui_disabled_16248_1ce33_218:not(#\9),
264
- .awsui_overlay-button_16248_1ce33_259.awsui_disabled_16248_1ce33_218:not(#\9) {
266
+ .awsui_header-button_16248_1xlcm_261.awsui_disabled_16248_1xlcm_218:not(#\9),
267
+ .awsui_overlay-button_16248_1xlcm_262.awsui_disabled_16248_1xlcm_218:not(#\9) {
265
268
  cursor: default;
266
269
  }
267
270
 
268
- .awsui_header-button_16248_1ce33_258:not(#\9) {
271
+ .awsui_header-button_16248_1xlcm_261:not(#\9) {
269
272
  color: inherit;
270
273
  font: inherit;
271
274
  }
272
- .awsui_header-button_16248_1ce33_258:not(#\9)::after {
275
+ .awsui_header-button_16248_1xlcm_261:not(#\9)::after {
273
276
  content: "";
274
277
  position: absolute;
275
278
  inset: 0;
276
279
  z-index: 1;
277
280
  }
278
- .awsui_header-button_16248_1ce33_258.awsui_variant-embedded_16248_1ce33_278:not(#\9)::after {
281
+ .awsui_header-button_16248_1xlcm_261.awsui_variant-embedded_16248_1xlcm_281:not(#\9)::after {
279
282
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
280
283
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
281
284
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
282
285
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
283
286
  }
284
- .awsui_header-button_16248_1ce33_258.awsui_variant-embedded_16248_1ce33_278.awsui_disabled_16248_1ce33_218:not(#\9)::after {
287
+ .awsui_header-button_16248_1xlcm_261.awsui_variant-embedded_16248_1xlcm_281.awsui_disabled_16248_1xlcm_218:not(#\9)::after {
285
288
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
286
289
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
287
290
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
288
291
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
289
292
  }
290
- .awsui_header-button_16248_1ce33_258.awsui_variant-default_16248_1ce33_290:not(#\9)::after {
293
+ .awsui_header-button_16248_1xlcm_261.awsui_variant-default_16248_1xlcm_293:not(#\9)::after {
291
294
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
292
295
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
293
296
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
294
297
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
295
298
  }
296
- .awsui_header-button_16248_1ce33_258.awsui_variant-default_16248_1ce33_290.awsui_disabled_16248_1ce33_218:not(#\9)::after {
299
+ .awsui_header-button_16248_1xlcm_261.awsui_variant-default_16248_1xlcm_293.awsui_disabled_16248_1xlcm_218:not(#\9)::after {
297
300
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
298
301
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
299
302
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
300
303
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
301
304
  }
302
305
 
303
- .awsui_overlay-button_16248_1ce33_259:not(#\9) {
306
+ .awsui_overlay-button_16248_1xlcm_262:not(#\9) {
304
307
  position: absolute;
305
308
  inset: 0;
306
309
  opacity: 0;
307
310
  }
308
- .awsui_overlay-button_16248_1ce33_259.awsui_variant-embedded_16248_1ce33_278:not(#\9) {
311
+ .awsui_overlay-button_16248_1xlcm_262.awsui_variant-embedded_16248_1xlcm_281:not(#\9) {
309
312
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
310
313
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
311
314
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
312
315
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
313
316
  }
314
- .awsui_overlay-button_16248_1ce33_259.awsui_variant-embedded_16248_1ce33_278.awsui_disabled_16248_1ce33_218:not(#\9) {
317
+ .awsui_overlay-button_16248_1xlcm_262.awsui_variant-embedded_16248_1xlcm_281.awsui_disabled_16248_1xlcm_218:not(#\9) {
315
318
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
316
319
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
317
320
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
318
321
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
319
322
  }
320
- .awsui_overlay-button_16248_1ce33_259.awsui_variant-default_16248_1ce33_290:not(#\9) {
323
+ .awsui_overlay-button_16248_1xlcm_262.awsui_variant-default_16248_1xlcm_293:not(#\9) {
321
324
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
322
325
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
323
326
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
324
327
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
325
328
  }
326
- .awsui_overlay-button_16248_1ce33_259.awsui_variant-default_16248_1ce33_290.awsui_disabled_16248_1ce33_218:not(#\9) {
329
+ .awsui_overlay-button_16248_1xlcm_262.awsui_variant-default_16248_1xlcm_293.awsui_disabled_16248_1xlcm_218:not(#\9) {
327
330
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
328
331
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
329
332
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
330
333
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
331
334
  }
332
335
 
333
- .awsui_root_16248_1ce33_161:not(#\9) {
336
+ .awsui_root_16248_1xlcm_161:not(#\9) {
334
337
  border-collapse: separate;
335
338
  border-spacing: 0;
336
339
  box-sizing: border-box;
@@ -374,7 +377,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
374
377
  border-block: none;
375
378
  border-inline: none;
376
379
  }
377
- .awsui_root_16248_1ce33_161:not(#\9):after {
380
+ .awsui_root_16248_1xlcm_161:not(#\9):after {
378
381
  content: "";
379
382
  position: absolute;
380
383
  inset-inline-start: 0px;
@@ -388,115 +391,115 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
388
391
  border-block: solid var(--border-width-action-card-default-hax7i5, 1px) var(--color-border-action-card-default-2dmq3y, #0073bb);
389
392
  border-inline: solid var(--border-width-action-card-default-hax7i5, 1px) var(--color-border-action-card-default-2dmq3y, #0073bb);
390
393
  }
391
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391:not(#\9), .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391:not(#\9) {
394
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394:not(#\9), .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394:not(#\9) {
392
395
  display: flex;
393
396
  flex-direction: column;
394
397
  block-size: 100%;
395
398
  inline-size: 100%;
396
399
  min-inline-size: 0;
397
400
  }
398
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209 + .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
399
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 + .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
400
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209 + .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
401
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 + .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398) {
401
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209 + .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
402
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 + .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
403
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209 + .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
404
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 + .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401) {
402
405
  padding-block-start: var(--space-xxs-jnczic, 4px);
403
406
  }
404
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398):has(+ .awsui_body_16248_1ce33_221), .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398):has(+ .awsui_body_16248_1ce33_221) {
407
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401):has(+ .awsui_body_16248_1xlcm_224), .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401):has(+ .awsui_body_16248_1xlcm_224) {
405
408
  padding-block-end: var(--space-xxs-jnczic, 4px);
406
409
  }
407
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225:not(#\9):has(+ .awsui_body_16248_1ce33_221) > .awsui_header_16248_1ce33_209:not(.awsui_no-padding_16248_1ce33_398), .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225:not(#\9):has(+ .awsui_body_16248_1ce33_221) > .awsui_header_16248_1ce33_209:not(.awsui_no-padding_16248_1ce33_398) {
410
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228:not(#\9):has(+ .awsui_body_16248_1xlcm_224) > .awsui_header_16248_1xlcm_209:not(.awsui_no-padding_16248_1xlcm_401), .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228:not(#\9):has(+ .awsui_body_16248_1xlcm_224) > .awsui_header_16248_1xlcm_209:not(.awsui_no-padding_16248_1xlcm_401) {
408
411
  padding-block-end: var(--space-xxs-jnczic, 4px);
409
412
  }
410
- .awsui_root_16248_1ce33_161.awsui_icon-vertical-align-center_16248_1ce33_409 > .awsui_icon_16248_1ce33_193:not(#\9) {
413
+ .awsui_root_16248_1xlcm_161.awsui_icon-vertical-align-center_16248_1xlcm_412 > .awsui_icon_16248_1xlcm_193:not(#\9) {
411
414
  align-self: center;
412
415
  }
413
- .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218:not(#\9) {
416
+ .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218:not(#\9) {
414
417
  cursor: default;
415
418
  background-color: var(--color-background-action-card-disabled-f0sl41, #eaeded);
416
419
  box-shadow: none;
417
420
  color: var(--color-text-action-card-disabled-3cdrhk, #879596);
418
421
  }
419
- .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218.awsui_variant-embedded_16248_1ce33_278:not(#\9), .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218.awsui_variant-embedded_16248_1ce33_278:not(#\9):after {
422
+ .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218.awsui_variant-embedded_16248_1xlcm_281:not(#\9), .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218.awsui_variant-embedded_16248_1xlcm_281:not(#\9):after {
420
423
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
421
424
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
422
425
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
423
426
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
424
427
  }
425
- .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218.awsui_variant-default_16248_1ce33_290:not(#\9), .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218.awsui_variant-default_16248_1ce33_290:not(#\9):after {
428
+ .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218.awsui_variant-default_16248_1xlcm_293:not(#\9), .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218.awsui_variant-default_16248_1xlcm_293:not(#\9):after {
426
429
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
427
430
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
428
431
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
429
432
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
430
433
  }
431
- .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218:not(#\9):after {
434
+ .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218:not(#\9):after {
432
435
  border-color: var(--color-border-action-card-disabled-h2y1a9, #aab7b8);
433
436
  border-block-width: var(--border-width-action-card-disabled-8qg2x7, 1px);
434
437
  border-inline-width: var(--border-width-action-card-disabled-8qg2x7, 1px);
435
438
  }
436
- .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218 > .awsui_icon_16248_1ce33_193:not(#\9),
437
- .awsui_root_16248_1ce33_161.awsui_disabled_16248_1ce33_218 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_icon_16248_1ce33_193:not(#\9) {
439
+ .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218 > .awsui_icon_16248_1xlcm_193:not(#\9),
440
+ .awsui_root_16248_1xlcm_161.awsui_disabled_16248_1xlcm_218 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_icon_16248_1xlcm_193:not(#\9) {
438
441
  color: var(--color-icon-action-card-disabled-pby6he, #aab7b8);
439
442
  }
440
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover) {
443
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover) {
441
444
  background-color: var(--color-background-action-card-hover-8rdi4s, #f1faff);
442
445
  box-shadow: none;
443
446
  color: inherit;
444
447
  }
445
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover).awsui_variant-embedded_16248_1ce33_278, .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover).awsui_variant-embedded_16248_1ce33_278:after {
448
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover).awsui_variant-embedded_16248_1xlcm_281, .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover).awsui_variant-embedded_16248_1xlcm_281:after {
446
449
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
447
450
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
448
451
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
449
452
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
450
453
  }
451
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover).awsui_variant-default_16248_1ce33_290, .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover).awsui_variant-default_16248_1ce33_290:after {
454
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover).awsui_variant-default_16248_1xlcm_293, .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover).awsui_variant-default_16248_1xlcm_293:after {
452
455
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
453
456
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
454
457
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
455
458
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
456
459
  }
457
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover):after {
460
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover):after {
458
461
  border-color: var(--color-border-action-card-hover-9lo4jj, #002b66);
459
462
  border-block-width: var(--border-width-action-card-hover-v5f1fk, 1px);
460
463
  border-inline-width: var(--border-width-action-card-hover-v5f1fk, 1px);
461
464
  }
462
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover) > .awsui_icon_16248_1ce33_193,
463
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:hover) > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_icon_16248_1ce33_193 {
465
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover) > .awsui_icon_16248_1xlcm_193,
466
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:hover) > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_icon_16248_1xlcm_193 {
464
467
  color: var(--color-icon-action-card-hover-6f6epc, #002b66);
465
468
  }
466
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active) {
469
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active) {
467
470
  background-color: var(--color-background-action-card-active-h39036, #d1f1ff);
468
471
  box-shadow: none;
469
472
  color: inherit;
470
473
  }
471
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active).awsui_variant-embedded_16248_1ce33_278, .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active).awsui_variant-embedded_16248_1ce33_278:after {
474
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active).awsui_variant-embedded_16248_1xlcm_281, .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active).awsui_variant-embedded_16248_1xlcm_281:after {
472
475
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
473
476
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
474
477
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
475
478
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
476
479
  }
477
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active).awsui_variant-default_16248_1ce33_290, .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active).awsui_variant-default_16248_1ce33_290:after {
480
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active).awsui_variant-default_16248_1xlcm_293, .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active).awsui_variant-default_16248_1xlcm_293:after {
478
481
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
479
482
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
480
483
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
481
484
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
482
485
  }
483
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active):after {
486
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active):after {
484
487
  border-color: var(--color-border-action-card-active-9ka8fd, #002b66);
485
488
  border-block-width: var(--border-width-action-card-active-qw9sq5, 1px);
486
489
  border-inline-width: var(--border-width-action-card-active-qw9sq5, 1px);
487
490
  }
488
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active) > .awsui_icon_16248_1ce33_193,
489
- .awsui_root_16248_1ce33_161:not(#\9):not(.awsui_disabled_16248_1ce33_218):has(button:active) > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_icon_16248_1ce33_193 {
491
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active) > .awsui_icon_16248_1xlcm_193,
492
+ .awsui_root_16248_1xlcm_161:not(#\9):not(.awsui_disabled_16248_1xlcm_218):has(button:active) > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_icon_16248_1xlcm_193 {
490
493
  color: var(--color-icon-action-card-active-lvras4, #002b66);
491
494
  }
492
- .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_header-button_16248_1ce33_258:focus-visible), .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_overlay-button_16248_1ce33_259:focus-visible) {
495
+ .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_header-button_16248_1xlcm_261:focus-visible), .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_overlay-button_16248_1xlcm_262:focus-visible) {
493
496
  position: relative;
494
497
  }
495
- .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_header-button_16248_1ce33_258:focus-visible), .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_overlay-button_16248_1ce33_259:focus-visible) {
498
+ .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_header-button_16248_1xlcm_261:focus-visible), .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_overlay-button_16248_1xlcm_262:focus-visible) {
496
499
  outline: 2px dotted transparent;
497
500
  outline-offset: calc(2px - 1px);
498
501
  }
499
- .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_header-button_16248_1ce33_258:focus-visible)::before, .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_overlay-button_16248_1ce33_259:focus-visible)::before {
502
+ .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_header-button_16248_1xlcm_261:focus-visible)::before, .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_overlay-button_16248_1xlcm_262:focus-visible)::before {
500
503
  content: " ";
501
504
  display: block;
502
505
  position: absolute;
@@ -510,71 +513,71 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
510
513
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
511
514
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
512
515
  }
513
- .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_header-button_16248_1ce33_258:focus-visible).awsui_variant-embedded_16248_1ce33_278::before, .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_overlay-button_16248_1ce33_259:focus-visible).awsui_variant-embedded_16248_1ce33_278::before {
516
+ .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_header-button_16248_1xlcm_261:focus-visible).awsui_variant-embedded_16248_1xlcm_281::before, .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_overlay-button_16248_1xlcm_262:focus-visible).awsui_variant-embedded_16248_1xlcm_281::before {
514
517
  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
515
518
  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
516
519
  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
517
520
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
518
521
  }
519
- .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_header-button_16248_1ce33_258:focus-visible).awsui_variant-default_16248_1ce33_290::before, .awsui_root_16248_1ce33_161:not(#\9):has(.awsui_overlay-button_16248_1ce33_259:focus-visible).awsui_variant-default_16248_1ce33_290::before {
522
+ .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_header-button_16248_1xlcm_261:focus-visible).awsui_variant-default_16248_1xlcm_293::before, .awsui_root_16248_1xlcm_161:not(#\9):has(.awsui_overlay-button_16248_1xlcm_262:focus-visible).awsui_variant-default_16248_1xlcm_293::before {
520
523
  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
521
524
  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
522
525
  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
523
526
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
524
527
  }
525
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278:not(#\9), .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278:not(#\9):after {
528
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281:not(#\9), .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281:not(#\9):after {
526
529
  border-start-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
527
530
  border-start-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
528
531
  border-end-start-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
529
532
  border-end-end-radius: var(--border-radius-action-card-embedded-yc37lz, 2px);
530
533
  }
531
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
532
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
533
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398) {
534
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
535
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
536
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401) {
534
537
  padding-block: var(--space-action-card-vertical-embedded-9czgs4, 10px);
535
538
  padding-inline: var(--space-action-card-horizontal-embedded-4io5oz, 12px);
536
539
  }
537
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_icon_16248_1ce33_193:not(#\9),
538
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_icon_16248_1ce33_193:not(#\9) {
540
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_icon_16248_1xlcm_193:not(#\9),
541
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_icon_16248_1xlcm_193:not(#\9) {
539
542
  padding-block-start: var(--space-action-card-vertical-embedded-9czgs4, 10px);
540
543
  }
541
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278 > .awsui_icon_16248_1ce33_193:not(#\9) {
544
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281 > .awsui_icon_16248_1xlcm_193:not(#\9) {
542
545
  padding-block-end: var(--space-action-card-vertical-embedded-9czgs4, 10px);
543
546
  }
544
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278.awsui_icon-align-end_16248_1ce33_543 > .awsui_icon_16248_1ce33_193:not(#\9),
545
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_icon_16248_1ce33_193:not(#\9) {
547
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281.awsui_icon-align-end_16248_1xlcm_546 > .awsui_icon_16248_1xlcm_193:not(#\9),
548
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_icon_16248_1xlcm_193:not(#\9) {
546
549
  padding-inline-end: var(--space-action-card-horizontal-embedded-4io5oz, 12px);
547
550
  }
548
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
549
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
550
- .awsui_root_16248_1ce33_161.awsui_variant-embedded_16248_1ce33_278.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398) {
551
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
552
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
553
+ .awsui_root_16248_1xlcm_161.awsui_variant-embedded_16248_1xlcm_281.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401) {
551
554
  padding-inline-end: var(--space-xs-kw7k3v, 8px);
552
555
  }
553
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290:not(#\9), .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290:not(#\9):after {
556
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293:not(#\9), .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293:not(#\9):after {
554
557
  border-start-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
555
558
  border-start-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
556
559
  border-end-start-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
557
560
  border-end-end-radius: var(--border-radius-action-card-default-lfmdfw, 0px);
558
561
  }
559
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
560
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
561
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398) {
562
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
563
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
564
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401) {
562
565
  padding-block: var(--space-action-card-vertical-default-ootu94, 20px);
563
566
  padding-inline: var(--space-action-card-horizontal-default-3e7yy4, 20px);
564
567
  }
565
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_icon_16248_1ce33_193:not(#\9),
566
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_icon_16248_1ce33_193:not(#\9) {
568
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_icon_16248_1xlcm_193:not(#\9),
569
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_icon_16248_1xlcm_193:not(#\9) {
567
570
  padding-block-start: var(--space-action-card-vertical-default-ootu94, 20px);
568
571
  }
569
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290 > .awsui_icon_16248_1ce33_193:not(#\9) {
572
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293 > .awsui_icon_16248_1xlcm_193:not(#\9) {
570
573
  padding-block-end: var(--space-action-card-vertical-default-ootu94, 20px);
571
574
  }
572
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290.awsui_icon-align-end_16248_1ce33_543 > .awsui_icon_16248_1ce33_193:not(#\9),
573
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_icon_16248_1ce33_193:not(#\9) {
575
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293.awsui_icon-align-end_16248_1xlcm_546 > .awsui_icon_16248_1xlcm_193:not(#\9),
576
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_icon_16248_1xlcm_193:not(#\9) {
574
577
  padding-inline-end: var(--space-action-card-horizontal-default-3e7yy4, 20px);
575
578
  }
576
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
577
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_body_16248_1ce33_221:not(#\9):not(.awsui_no-padding_16248_1ce33_398),
578
- .awsui_root_16248_1ce33_161.awsui_variant-default_16248_1ce33_290.awsui_icon-align-end_16248_1ce33_543 > .awsui_inner-card_16248_1ce33_391 > .awsui_header-row_16248_1ce33_225 > .awsui_header_16248_1ce33_209:not(#\9):not(.awsui_no-padding_16248_1ce33_398) {
579
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
580
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_body_16248_1xlcm_224:not(#\9):not(.awsui_no-padding_16248_1xlcm_401),
581
+ .awsui_root_16248_1xlcm_161.awsui_variant-default_16248_1xlcm_293.awsui_icon-align-end_16248_1xlcm_546 > .awsui_inner-card_16248_1xlcm_394 > .awsui_header-row_16248_1xlcm_228 > .awsui_header_16248_1xlcm_209:not(#\9):not(.awsui_no-padding_16248_1xlcm_401) {
579
582
  padding-inline-end: var(--space-xs-kw7k3v, 8px);
580
583
  }
package/lib/internal/template/action-card/styles.selectors.js CHANGED
@@ -2,22 +2,22 @@
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_16248_1ce33_161",
6
- "icon": "awsui_icon_16248_1ce33_193",
7
- "header-inner": "awsui_header-inner_16248_1ce33_209",
8
- "disabled": "awsui_disabled_16248_1ce33_218",
9
- "header": "awsui_header_16248_1ce33_209",
10
- "body": "awsui_body_16248_1ce33_221",
11
- "header-row": "awsui_header-row_16248_1ce33_225",
12
- "description": "awsui_description_16248_1ce33_238",
13
- "has-header": "awsui_has-header_16248_1ce33_244",
14
- "header-button": "awsui_header-button_16248_1ce33_258",
15
- "overlay-button": "awsui_overlay-button_16248_1ce33_259",
16
- "variant-embedded": "awsui_variant-embedded_16248_1ce33_278",
17
- "variant-default": "awsui_variant-default_16248_1ce33_290",
18
- "inner-card": "awsui_inner-card_16248_1ce33_391",
19
- "no-padding": "awsui_no-padding_16248_1ce33_398",
20
- "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_1ce33_409",
21
- "icon-align-end": "awsui_icon-align-end_16248_1ce33_543"
5
+ "root": "awsui_root_16248_1xlcm_161",
6
+ "icon": "awsui_icon_16248_1xlcm_193",
7
+ "header-inner": "awsui_header-inner_16248_1xlcm_209",
8
+ "disabled": "awsui_disabled_16248_1xlcm_218",
9
+ "header": "awsui_header_16248_1xlcm_209",
10
+ "body": "awsui_body_16248_1xlcm_224",
11
+ "header-row": "awsui_header-row_16248_1xlcm_228",
12
+ "description": "awsui_description_16248_1xlcm_241",
13
+ "has-header": "awsui_has-header_16248_1xlcm_247",
14
+ "header-button": "awsui_header-button_16248_1xlcm_261",
15
+ "overlay-button": "awsui_overlay-button_16248_1xlcm_262",
16
+ "variant-embedded": "awsui_variant-embedded_16248_1xlcm_281",
17
+ "variant-default": "awsui_variant-default_16248_1xlcm_293",
18
+ "inner-card": "awsui_inner-card_16248_1xlcm_394",
19
+ "no-padding": "awsui_no-padding_16248_1xlcm_401",
20
+ "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_1xlcm_412",
21
+ "icon-align-end": "awsui_icon-align-end_16248_1xlcm_546"
22
22
  };
23
23
 
package/lib/internal/template/app-layout/visual-refresh/drawers.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drawers.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/drawers.tsx"],"names":[],"mappings":"AA+BA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,uBA+B9B;AAuPD;;;;;GAKG;AACH,wBAAgB,cAAc,uBA2E7B"}
1
+ {"version":3,"file":"drawers.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/drawers.tsx"],"names":[],"mappings":"AA8BA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,uBA+B9B;AAqPD;;;;;GAKG;AACH,wBAAgB,cAAc,uBA2E7B"}
package/lib/internal/template/app-layout/visual-refresh/drawers.js CHANGED
@@ -3,7 +3,6 @@
3
3
  import React, { useRef } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { useContainerQuery } from '@cloudscape-design/component-toolkit';
6
- import { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';
7
6
  import { InternalButton } from '../../button/internal';
8
7
  import customCssProps from '../../internal/generated/custom-css-properties';
9
8
  import { getLimitedValue } from '../../split-panel/utils/size-utils';
@@ -61,7 +60,6 @@ function ActiveDrawer() {
61
60
  return (React.createElement("aside", { id: activeDrawerId !== null && activeDrawerId !== void 0 ? activeDrawerId : undefined, "aria-hidden": isHidden, "aria-label": computedAriaLabels.content, className: clsx(styles.drawer, {
62
61
  [styles['is-drawer-open']]: activeDrawerId,
63
62
  [styles.unfocusable]: isUnfocusable,
64
- [styles['one-theme']]: isThemeActive(Theme.OneTheme),
65
63
  [testutilStyles['active-drawer']]: activeDrawerId,
66
64
  [testutilStyles.tools]: isToolsDrawer,
67
65
  }), style: {
@@ -120,7 +118,6 @@ function DesktopTriggers() {
120
118
  return (React.createElement("aside", { className: clsx(styles['drawers-desktop-triggers-container'], {
121
119
  [styles['has-multiple-triggers']]: hasMultipleTriggers,
122
120
  [styles['has-open-drawer']]: hasOpenDrawer,
123
- [styles['one-theme']]: isThemeActive(Theme.OneTheme),
124
121
  }), "aria-label": drawersAriaLabel, ref: triggersContainerRef, role: "region" },
125
122
  React.createElement("div", { className: clsx(styles['drawers-trigger-content'], {
126
123
  [styles['has-multiple-triggers']]: hasMultipleTriggers,