@cloudscape-design/components-themeable 3.0.1347 → 3.0.1349

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.
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "701afebdcddc5771fc76bcbba094bae221217e7f"
2
+ "commit": "3db6f34915757eaf03a398fe79d03e838b8a958f"
3
3
  }
@@ -31,6 +31,10 @@ $icon-offset-container: awsui.$space-xxs;
31
31
  $icon-total-space-normal: calc(#{$icon-width-normal} + #{$icon-margin-left} + #{$icon-margin-right-normal});
32
32
  $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{$icon-margin-right-medium});
33
33
 
34
+ // Extra inline padding that widens the navigation caret pointer target to 24px (WCAG 2.5.8).
35
+ $nav-caret-pad-normal: calc(24px - #{$icon-width-normal});
36
+ $nav-caret-pad-one-theme: 12px; // 24px minus the one-theme x-small (12px) icon
37
+
34
38
  .root {
35
39
  @include styles.styles-reset;
36
40
  @include styles.text-wrapping;
@@ -267,6 +271,27 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
267
271
  text-decoration: none;
268
272
  flex-direction: column;
269
273
 
274
+ // Widen the pointer target to 24px (WCAG 2.5.8) with inline padding and an
275
+ // equal negative margin: the extra width grows away from the header label
276
+ // into the adjacent gutter, so neither the glyph nor the label moves and
277
+ // the label link keeps its own clicks. Vertical size already fills the row.
278
+ &:not(.icon-container-end) {
279
+ padding-inline-start: $nav-caret-pad-normal;
280
+ margin-inline-start: calc(#{$icon-margin-left} - #{$nav-caret-pad-normal});
281
+ @include theming.one-theme-only {
282
+ padding-inline-start: $nav-caret-pad-one-theme;
283
+ margin-inline-start: calc(-1 * #{$nav-caret-pad-one-theme});
284
+ }
285
+ }
286
+ &.icon-container-end {
287
+ padding-inline-end: $nav-caret-pad-normal;
288
+ margin-inline-end: calc(-1 * #{$nav-caret-pad-normal});
289
+ @include theming.one-theme-only {
290
+ padding-inline-end: $nav-caret-pad-one-theme;
291
+ margin-inline-end: calc(-1 * #{$nav-caret-pad-one-theme});
292
+ }
293
+ }
294
+
270
295
  &:hover {
271
296
  color: awsui.$color-text-expandable-section-hover;
272
297
  }
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "701afebd";
3
+ $awsui-commit-hash: "3db6f349";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-esndbs;
6
6
  $minContentWidth: --awsui-min-content-width-esndbs;
@@ -1,48 +1,48 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_gwq0h_1qnzk_153",
5
- "expand-button": "awsui_expand-button_gwq0h_1qnzk_188",
6
- "icon": "awsui_icon_gwq0h_1qnzk_192",
7
- "expanded": "awsui_expanded_gwq0h_1qnzk_207",
8
- "icon-container": "awsui_icon-container_gwq0h_1qnzk_217",
9
- "icon-container-container": "awsui_icon-container-container_gwq0h_1qnzk_221",
10
- "wrapper": "awsui_wrapper_gwq0h_1qnzk_237",
11
- "wrapper-default": "awsui_wrapper-default_gwq0h_1qnzk_245",
12
- "wrapper-inline": "awsui_wrapper-inline_gwq0h_1qnzk_245",
13
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_1qnzk_245",
14
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1qnzk_249",
15
- "wrapper-container": "awsui_wrapper-container_gwq0h_1qnzk_252",
16
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_1qnzk_256",
17
- "header-deprecated": "awsui_header-deprecated_gwq0h_1qnzk_269",
18
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1qnzk_288",
19
- "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1qnzk_333",
20
- "header": "awsui_header_gwq0h_1qnzk_269",
21
- "header-wrapper": "awsui_header-wrapper_gwq0h_1qnzk_350",
22
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1qnzk_362",
23
- "header-button": "awsui_header-button_gwq0h_1qnzk_370",
24
- "header-container-button": "awsui_header-container-button_gwq0h_1qnzk_370",
25
- "header-container": "awsui_header-container_gwq0h_1qnzk_370",
26
- "header-navigation": "awsui_header-navigation_gwq0h_1qnzk_405",
27
- "header-text": "awsui_header-text_gwq0h_1qnzk_442",
28
- "content": "awsui_content_gwq0h_1qnzk_452",
29
- "content-expanded": "awsui_content-expanded_gwq0h_1qnzk_455",
30
- "content-compact": "awsui_content-compact_gwq0h_1qnzk_458",
31
- "content-inner": "awsui_content-inner_gwq0h_1qnzk_491",
32
- "content-inner-expanded": "awsui_content-inner-expanded_gwq0h_1qnzk_508",
33
- "content-inner-settled": "awsui_content-inner-settled_gwq0h_1qnzk_522",
34
- "content-inner-body-default": "awsui_content-inner-body-default_gwq0h_1qnzk_526",
35
- "content-inner-body-inline": "awsui_content-inner-body-inline_gwq0h_1qnzk_526",
36
- "content-inner-body-footer": "awsui_content-inner-body-footer_gwq0h_1qnzk_529",
37
- "content-inner-body-container": "awsui_content-inner-body-container_gwq0h_1qnzk_532",
38
- "disable-header-paddings": "awsui_disable-header-paddings_gwq0h_1qnzk_537",
39
- "disable-content-paddings": "awsui_disable-content-paddings_gwq0h_1qnzk_542",
40
- "focusable": "awsui_focusable_gwq0h_1qnzk_547",
41
- "click-target": "awsui_click-target_gwq0h_1qnzk_562",
42
- "header-icon-end": "awsui_header-icon-end_gwq0h_1qnzk_569",
43
- "header-button-icon-end": "awsui_header-button-icon-end_gwq0h_1qnzk_586",
44
- "icon-container-end": "awsui_icon-container-end_gwq0h_1qnzk_600",
45
- "header-content": "awsui_header-content_gwq0h_1qnzk_649",
46
- "header-navigation-content": "awsui_header-navigation-content_gwq0h_1qnzk_654"
4
+ "root": "awsui_root_gwq0h_pik3q_153",
5
+ "expand-button": "awsui_expand-button_gwq0h_pik3q_188",
6
+ "icon": "awsui_icon_gwq0h_pik3q_192",
7
+ "expanded": "awsui_expanded_gwq0h_pik3q_207",
8
+ "icon-container": "awsui_icon-container_gwq0h_pik3q_217",
9
+ "icon-container-container": "awsui_icon-container-container_gwq0h_pik3q_221",
10
+ "wrapper": "awsui_wrapper_gwq0h_pik3q_237",
11
+ "wrapper-default": "awsui_wrapper-default_gwq0h_pik3q_245",
12
+ "wrapper-inline": "awsui_wrapper-inline_gwq0h_pik3q_245",
13
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_pik3q_245",
14
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_pik3q_249",
15
+ "wrapper-container": "awsui_wrapper-container_gwq0h_pik3q_252",
16
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_pik3q_256",
17
+ "header-deprecated": "awsui_header-deprecated_gwq0h_pik3q_269",
18
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_pik3q_288",
19
+ "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_pik3q_333",
20
+ "header": "awsui_header_gwq0h_pik3q_269",
21
+ "header-wrapper": "awsui_header-wrapper_gwq0h_pik3q_350",
22
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_pik3q_362",
23
+ "header-button": "awsui_header-button_gwq0h_pik3q_370",
24
+ "header-container-button": "awsui_header-container-button_gwq0h_pik3q_370",
25
+ "header-container": "awsui_header-container_gwq0h_pik3q_370",
26
+ "header-navigation": "awsui_header-navigation_gwq0h_pik3q_405",
27
+ "icon-container-end": "awsui_icon-container-end_gwq0h_pik3q_418",
28
+ "header-text": "awsui_header-text_gwq0h_pik3q_458",
29
+ "content": "awsui_content_gwq0h_pik3q_468",
30
+ "content-expanded": "awsui_content-expanded_gwq0h_pik3q_471",
31
+ "content-compact": "awsui_content-compact_gwq0h_pik3q_474",
32
+ "content-inner": "awsui_content-inner_gwq0h_pik3q_507",
33
+ "content-inner-expanded": "awsui_content-inner-expanded_gwq0h_pik3q_524",
34
+ "content-inner-settled": "awsui_content-inner-settled_gwq0h_pik3q_538",
35
+ "content-inner-body-default": "awsui_content-inner-body-default_gwq0h_pik3q_542",
36
+ "content-inner-body-inline": "awsui_content-inner-body-inline_gwq0h_pik3q_542",
37
+ "content-inner-body-footer": "awsui_content-inner-body-footer_gwq0h_pik3q_545",
38
+ "content-inner-body-container": "awsui_content-inner-body-container_gwq0h_pik3q_548",
39
+ "disable-header-paddings": "awsui_disable-header-paddings_gwq0h_pik3q_553",
40
+ "disable-content-paddings": "awsui_disable-content-paddings_gwq0h_pik3q_558",
41
+ "focusable": "awsui_focusable_gwq0h_pik3q_563",
42
+ "click-target": "awsui_click-target_gwq0h_pik3q_578",
43
+ "header-icon-end": "awsui_header-icon-end_gwq0h_pik3q_585",
44
+ "header-button-icon-end": "awsui_header-button-icon-end_gwq0h_pik3q_602",
45
+ "header-content": "awsui_header-content_gwq0h_pik3q_665",
46
+ "header-navigation-content": "awsui_header-navigation-content_gwq0h_pik3q_670"
47
47
  };
48
48
 
@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_root_gwq0h_1qnzk_153:not(#\9) {
153
+ .awsui_root_gwq0h_pik3q_153:not(#\9) {
154
154
  border-collapse: separate;
155
155
  border-spacing: 0;
156
156
  box-sizing: border-box;
@@ -185,56 +185,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
185
185
  display: block;
186
186
  }
187
187
 
188
- .awsui_expand-button_gwq0h_1qnzk_188:not(#\9) {
188
+ .awsui_expand-button_gwq0h_pik3q_188:not(#\9) {
189
189
  outline: none;
190
190
  }
191
191
 
192
- .awsui_icon_gwq0h_1qnzk_192:not(#\9) {
192
+ .awsui_icon_gwq0h_pik3q_192:not(#\9) {
193
193
  transform: rotate(-90deg);
194
194
  transition: transform var(--motion-duration-rotate-90-de2qw0, 135ms) var(--motion-easing-rotate-90-mfea51, cubic-bezier(0.165, 0.84, 0.44, 1));
195
195
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
196
196
  }
197
197
  @media (prefers-reduced-motion: reduce) {
198
- .awsui_icon_gwq0h_1qnzk_192:not(#\9) {
198
+ .awsui_icon_gwq0h_pik3q_192:not(#\9) {
199
199
  animation: none;
200
200
  transition: none;
201
201
  }
202
202
  }
203
- .awsui-motion-disabled .awsui_icon_gwq0h_1qnzk_192:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1qnzk_192:not(#\9) {
203
+ .awsui-motion-disabled .awsui_icon_gwq0h_pik3q_192:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_pik3q_192:not(#\9) {
204
204
  animation: none;
205
205
  transition: none;
206
206
  }
207
- .awsui_icon_gwq0h_1qnzk_192.awsui_expanded_gwq0h_1qnzk_207:not(#\9) {
207
+ .awsui_icon_gwq0h_pik3q_192.awsui_expanded_gwq0h_pik3q_207:not(#\9) {
208
208
  transform: rotate(0deg);
209
209
  }
210
- .awsui_icon_gwq0h_1qnzk_192:not(#\9):dir(rtl) {
210
+ .awsui_icon_gwq0h_pik3q_192:not(#\9):dir(rtl) {
211
211
  transform: rotate(90deg);
212
212
  }
213
- .awsui_icon_gwq0h_1qnzk_192:not(#\9):dir(rtl).awsui_expanded_gwq0h_1qnzk_207 {
213
+ .awsui_icon_gwq0h_pik3q_192:not(#\9):dir(rtl).awsui_expanded_gwq0h_pik3q_207 {
214
214
  transform: rotate(0deg);
215
215
  }
216
216
 
217
- .awsui_icon-container_gwq0h_1qnzk_217:not(#\9) {
217
+ .awsui_icon-container_gwq0h_pik3q_217:not(#\9) {
218
218
  position: relative;
219
219
  margin-inline: calc((var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2) calc(var(--space-xxs-3o1yoq, 4px) + var(--border-divider-list-width-2qbfmz, 1px));
220
220
  }
221
- .awsui_icon-container-container_gwq0h_1qnzk_221:not(#\9) {
221
+ .awsui_icon-container-container_gwq0h_pik3q_221:not(#\9) {
222
222
  margin-inline-end: var(--space-xs-m9b7jf, 8px);
223
223
  }
224
- .awsui-one-theme .awsui_icon-container-container_gwq0h_1qnzk_221:not(#\9) {
224
+ .awsui-one-theme .awsui_icon-container-container_gwq0h_pik3q_221:not(#\9) {
225
225
  margin-inline-end: calc(var(--space-xs-m9b7jf, 8px) + var(--space-xxs-3o1yoq, 4px));
226
226
  inset-block-start: var(--space-xxs-3o1yoq, 4px);
227
227
  }
228
- .awsui-one-theme .awsui_icon-container_gwq0h_1qnzk_217:not(#\9) {
228
+ .awsui-one-theme .awsui_icon-container_gwq0h_pik3q_217:not(#\9) {
229
229
  display: inline-flex;
230
230
  align-items: flex-start;
231
231
  margin-inline: 0 calc(var(--space-xs-m9b7jf, 8px) - var(--space-xxxs-3ulqs3, 2px));
232
232
  }
233
- .awsui-one-theme .awsui_icon-container_gwq0h_1qnzk_217 > .awsui_icon_gwq0h_1qnzk_192:not(#\9) {
233
+ .awsui-one-theme .awsui_icon-container_gwq0h_pik3q_217 > .awsui_icon_gwq0h_pik3q_192:not(#\9) {
234
234
  inset-block-start: var(--space-xxxs-3ulqs3, 2px);
235
235
  }
236
236
 
237
- .awsui_wrapper_gwq0h_1qnzk_237:not(#\9) {
237
+ .awsui_wrapper_gwq0h_pik3q_237:not(#\9) {
238
238
  box-sizing: border-box;
239
239
  border-block: none;
240
240
  border-inline: none;
@@ -242,116 +242,116 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
242
242
  line-height: var(--line-height-body-m-5xw6xo, 22px);
243
243
  text-align: start;
244
244
  }
245
- .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-footer_gwq0h_1qnzk_245:not(#\9) {
245
+ .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-footer_gwq0h_pik3q_245:not(#\9) {
246
246
  border-block: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
247
247
  border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
248
248
  }
249
- .awsui_wrapper-navigation_gwq0h_1qnzk_249:not(#\9) {
249
+ .awsui_wrapper-navigation_gwq0h_pik3q_249:not(#\9) {
250
250
  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
251
251
  }
252
- .awsui_wrapper-navigation_gwq0h_1qnzk_249:not(#\9), .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9) {
252
+ .awsui_wrapper-navigation_gwq0h_pik3q_249:not(#\9), .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9) {
253
253
  display: flex;
254
254
  font-weight: var(--font-weight-heading-s-mu75ca, 700);
255
255
  }
256
- .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-navigation_gwq0h_1qnzk_249:not(#\9), .awsui_wrapper-footer_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-compact_gwq0h_1qnzk_256:not(#\9) {
256
+ .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-navigation_gwq0h_pik3q_249:not(#\9), .awsui_wrapper-footer_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-compact_gwq0h_pik3q_256:not(#\9) {
257
257
  color: var(--color-text-expandable-section-default-ae8rte, #545b64);
258
258
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
259
259
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
260
260
  }
261
- .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-navigation_gwq0h_1qnzk_249:not(#\9), .awsui_wrapper-footer_gwq0h_1qnzk_245:not(#\9) {
261
+ .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-navigation_gwq0h_pik3q_249:not(#\9), .awsui_wrapper-footer_gwq0h_pik3q_245:not(#\9) {
262
262
  font-size: var(--font-size-expandable-heading-04ofyn, 14px);
263
263
  letter-spacing: var(--letter-spacing-heading-s-kfu48f, normal);
264
264
  }
265
- .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9) {
265
+ .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9) {
266
266
  padding-block: var(--space-scaled-xxs-j00t0m, 4px);
267
267
  padding-inline-end: var(--space-xxs-3o1yoq, 4px);
268
268
  }
269
- .awsui_wrapper-default_gwq0h_1qnzk_245.awsui_header-deprecated_gwq0h_1qnzk_269:not(#\9) {
269
+ .awsui_wrapper-default_gwq0h_pik3q_245.awsui_header-deprecated_gwq0h_pik3q_269:not(#\9) {
270
270
  padding-inline-start: var(--space-xxs-3o1yoq, 4px);
271
271
  }
272
- .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9) {
272
+ .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9) {
273
273
  transition: border-block-end-color var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-expandable-content-enter-ufdnuw, ease-out);
274
274
  }
275
- .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9):not(.awsui_header-deprecated_gwq0h_1qnzk_269), .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9):not(.awsui_header-deprecated_gwq0h_1qnzk_269) {
275
+ .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9):not(.awsui_header-deprecated_gwq0h_pik3q_269), .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9):not(.awsui_header-deprecated_gwq0h_pik3q_269) {
276
276
  padding-inline-start: calc(var(--size-icon-normal-311gry, 16px) + (var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2 + var(--space-xxs-3o1yoq, 4px) + var(--border-divider-list-width-2qbfmz, 1px));
277
277
  }
278
278
  @media (prefers-reduced-motion: reduce) {
279
- .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9) {
279
+ .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9) {
280
280
  animation: none;
281
281
  transition: none;
282
282
  }
283
283
  }
284
- .awsui-motion-disabled .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui-mode-entering .awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui-motion-disabled .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9), .awsui-mode-entering .awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9) {
284
+ .awsui-motion-disabled .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui-mode-entering .awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui-motion-disabled .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9), .awsui-mode-entering .awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9) {
285
285
  animation: none;
286
286
  transition: none;
287
287
  }
288
- .awsui_wrapper-default_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9), .awsui_wrapper-inline_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9) {
288
+ .awsui_wrapper-default_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9), .awsui_wrapper-inline_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9) {
289
289
  padding-block-end: var(--space-scaled-xxs-j00t0m, 4px);
290
290
  border-block-end-color: var(--color-border-expandable-section-default-0tyw84, #eaeded);
291
291
  transition: border-block-end-color var(--motion-duration-expandable-content-enter-ztgfuo, 180ms) var(--motion-easing-expandable-content-enter-ufdnuw, ease-out) calc(var(--motion-duration-expandable-content-enter-ztgfuo, 180ms) / 3);
292
292
  }
293
293
  @media (prefers-reduced-motion: reduce) {
294
- .awsui_wrapper-default_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9), .awsui_wrapper-inline_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9) {
294
+ .awsui_wrapper-default_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9), .awsui_wrapper-inline_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9) {
295
295
  animation: none;
296
296
  transition: none;
297
297
  }
298
298
  }
299
- .awsui-motion-disabled .awsui_wrapper-default_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9), .awsui-mode-entering .awsui_wrapper-default_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9), .awsui-motion-disabled .awsui_wrapper-inline_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9), .awsui-mode-entering .awsui_wrapper-inline_gwq0h_1qnzk_245.awsui_wrapper-expanded_gwq0h_1qnzk_288:not(#\9) {
299
+ .awsui-motion-disabled .awsui_wrapper-default_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9), .awsui-mode-entering .awsui_wrapper-default_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9), .awsui-motion-disabled .awsui_wrapper-inline_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9), .awsui-mode-entering .awsui_wrapper-inline_gwq0h_pik3q_245.awsui_wrapper-expanded_gwq0h_pik3q_288:not(#\9) {
300
300
  animation: none;
301
301
  transition: none;
302
302
  }
303
- .awsui_wrapper-footer_gwq0h_1qnzk_245:not(#\9) {
303
+ .awsui_wrapper-footer_gwq0h_pik3q_245:not(#\9) {
304
304
  padding-block: var(--space-scaled-xxs-j00t0m, 4px);
305
305
  }
306
- .awsui_wrapper-footer_gwq0h_1qnzk_245:not(#\9), .awsui_wrapper-compact_gwq0h_1qnzk_256:not(#\9) {
306
+ .awsui_wrapper-footer_gwq0h_pik3q_245:not(#\9), .awsui_wrapper-compact_gwq0h_pik3q_256:not(#\9) {
307
307
  padding-inline-end: 0;
308
308
  }
309
- .awsui_wrapper-footer_gwq0h_1qnzk_245.awsui_header-deprecated_gwq0h_1qnzk_269:not(#\9), .awsui_wrapper-compact_gwq0h_1qnzk_256.awsui_header-deprecated_gwq0h_1qnzk_269:not(#\9) {
309
+ .awsui_wrapper-footer_gwq0h_pik3q_245.awsui_header-deprecated_gwq0h_pik3q_269:not(#\9), .awsui_wrapper-compact_gwq0h_pik3q_256.awsui_header-deprecated_gwq0h_pik3q_269:not(#\9) {
310
310
  padding-inline-start: 0;
311
311
  }
312
- .awsui_wrapper-footer_gwq0h_1qnzk_245:not(#\9):not(.awsui_header-deprecated_gwq0h_1qnzk_269), .awsui_wrapper-compact_gwq0h_1qnzk_256:not(#\9):not(.awsui_header-deprecated_gwq0h_1qnzk_269) {
312
+ .awsui_wrapper-footer_gwq0h_pik3q_245:not(#\9):not(.awsui_header-deprecated_gwq0h_pik3q_269), .awsui_wrapper-compact_gwq0h_pik3q_256:not(#\9):not(.awsui_header-deprecated_gwq0h_pik3q_269) {
313
313
  padding-inline-start: calc(var(--size-icon-normal-311gry, 16px) + (var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2 + var(--space-xxs-3o1yoq, 4px) + var(--border-divider-list-width-2qbfmz, 1px));
314
314
  }
315
- .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9) {
315
+ .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9) {
316
316
  padding-block: var(--space-container-header-top-3txhx4, 12px) var(--space-container-header-bottom-9elagw, 12px);
317
317
  padding-inline-end: var(--space-container-horizontal-quy5ai, 20px);
318
318
  transition: padding-block-end var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-expandable-content-enter-ufdnuw, ease-out);
319
319
  }
320
320
  @media (prefers-reduced-motion: reduce) {
321
- .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9) {
321
+ .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9) {
322
322
  animation: none;
323
323
  transition: none;
324
324
  }
325
325
  }
326
- .awsui-motion-disabled .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9), .awsui-mode-entering .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9) {
326
+ .awsui-motion-disabled .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9), .awsui-mode-entering .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9) {
327
327
  animation: none;
328
328
  transition: none;
329
329
  }
330
- .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1qnzk_288) {
330
+ .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9):not(.awsui_wrapper-expanded_gwq0h_pik3q_288) {
331
331
  padding-block-end: var(--space-container-header-top-3txhx4, 12px);
332
332
  }
333
- .awsui_wrapper-container_gwq0h_1qnzk_252.awsui_wrapper-not-expanded-without-actions_gwq0h_1qnzk_333:not(#\9) {
333
+ .awsui_wrapper-container_gwq0h_pik3q_252.awsui_wrapper-not-expanded-without-actions_gwq0h_pik3q_333:not(#\9) {
334
334
  padding-block-end: calc(var(--space-container-header-top-3txhx4, 12px) + var(--space-scaled-xxs-j00t0m, 4px));
335
335
  }
336
- .awsui_wrapper-container_gwq0h_1qnzk_252.awsui_header-deprecated_gwq0h_1qnzk_269:not(#\9) {
336
+ .awsui_wrapper-container_gwq0h_pik3q_252.awsui_header-deprecated_gwq0h_pik3q_269:not(#\9) {
337
337
  padding-inline-start: var(--space-container-horizontal-quy5ai, 20px);
338
338
  }
339
- .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9):not(.awsui_header-deprecated_gwq0h_1qnzk_269) {
339
+ .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9):not(.awsui_header-deprecated_gwq0h_pik3q_269) {
340
340
  padding-inline-start: calc(var(--space-container-horizontal-quy5ai, 20px) + calc(var(--size-icon-medium-0cbske, 16px) + (var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2 + var(--space-xs-m9b7jf, 8px)));
341
341
  }
342
- body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9):focus {
342
+ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_pik3q_252:not(#\9):focus {
343
343
  padding-block: calc(var(--space-scaled-s-2crg2b, 12px) - var(--border-divider-section-width-dlkb8v, 1px));
344
344
  padding-inline: calc(var(--space-l-dpyxli, 20px) - var(--border-divider-section-width-dlkb8v, 1px));
345
345
  }
346
346
 
347
- .awsui_header_gwq0h_1qnzk_269:not(#\9) {
347
+ .awsui_header_gwq0h_pik3q_269:not(#\9) {
348
348
  /* used in test-utils */
349
349
  }
350
- .awsui_header-wrapper_gwq0h_1qnzk_350:not(#\9), .awsui_header-deprecated_gwq0h_1qnzk_269:not(#\9) {
350
+ .awsui_header-wrapper_gwq0h_pik3q_350:not(#\9), .awsui_header-deprecated_gwq0h_pik3q_269:not(#\9) {
351
351
  display: flex;
352
352
  font-weight: var(--font-weight-heading-s-mu75ca, 700);
353
353
  }
354
- .awsui_header-wrapper_gwq0h_1qnzk_350:not(#\9) {
354
+ .awsui_header-wrapper_gwq0h_pik3q_350:not(#\9) {
355
355
  font-size: inherit;
356
356
  letter-spacing: inherit;
357
357
  margin-block: 0;
@@ -359,7 +359,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1qnzk_252:not
359
359
  padding-block: 0;
360
360
  padding-inline: 0;
361
361
  }
362
- .awsui_header-actions-wrapper_gwq0h_1qnzk_362:not(#\9) {
362
+ .awsui_header-actions-wrapper_gwq0h_pik3q_362:not(#\9) {
363
363
  display: flex;
364
364
  flex-direction: row;
365
365
  justify-content: space-between;
@@ -367,14 +367,14 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1qnzk_252:not
367
367
  flex: 1;
368
368
  min-inline-size: 0;
369
369
  }
370
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1qnzk_370:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1qnzk_370:not(#\9):focus {
370
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_pik3q_370:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_pik3q_370:not(#\9):focus {
371
371
  position: relative;
372
372
  }
373
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1qnzk_370:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1qnzk_370:not(#\9):focus {
373
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_pik3q_370:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_pik3q_370:not(#\9):focus {
374
374
  outline: 2px dotted transparent;
375
375
  outline-offset: calc(0px - 1px);
376
376
  }
377
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1qnzk_370:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1qnzk_370:not(#\9):focus::before {
377
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_pik3q_370:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_pik3q_370:not(#\9):focus::before {
378
378
  content: " ";
379
379
  display: block;
380
380
  position: absolute;
@@ -388,21 +388,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1qnzk_370:not(#\9
388
388
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
389
389
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
390
390
  }
391
- .awsui_header-button_gwq0h_1qnzk_370:not(#\9) {
391
+ .awsui_header-button_gwq0h_pik3q_370:not(#\9) {
392
392
  box-sizing: border-box;
393
393
  display: flex;
394
394
  margin-inline-start: calc(-1 * calc(var(--size-icon-normal-311gry, 16px) + (var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2 + var(--space-xxs-3o1yoq, 4px) + var(--border-divider-list-width-2qbfmz, 1px)));
395
395
  }
396
- .awsui_header-container-button_gwq0h_1qnzk_370:not(#\9) {
396
+ .awsui_header-container-button_gwq0h_pik3q_370:not(#\9) {
397
397
  margin-inline-start: calc(-1 * calc(var(--size-icon-medium-0cbske, 16px) + (var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2 + var(--space-xs-m9b7jf, 8px)));
398
398
  }
399
- .awsui_header-container_gwq0h_1qnzk_370:not(#\9) {
399
+ .awsui_header-container_gwq0h_pik3q_370:not(#\9) {
400
400
  inline-size: 100%;
401
401
  }
402
- .awsui_header-container_gwq0h_1qnzk_370 > .awsui_icon-container_gwq0h_1qnzk_217:not(#\9) {
402
+ .awsui_header-container_gwq0h_pik3q_370 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9) {
403
403
  margin-block-start: var(--space-expandable-section-icon-offset-top-ggjci7, 8px);
404
404
  }
405
- .awsui_header-navigation_gwq0h_1qnzk_405 > .awsui_icon-container_gwq0h_1qnzk_217:not(#\9) {
405
+ .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9) {
406
406
  display: inline-flex;
407
407
  cursor: pointer;
408
408
  color: var(--color-text-expandable-section-navigation-icon-default-hmowzn, #879596);
@@ -415,17 +415,33 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1qnzk_370:not(#\9
415
415
  text-decoration: none;
416
416
  flex-direction: column;
417
417
  }
418
- .awsui_header-navigation_gwq0h_1qnzk_405 > .awsui_icon-container_gwq0h_1qnzk_217:not(#\9):hover {
418
+ .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9):not(.awsui_icon-container-end_gwq0h_pik3q_418) {
419
+ padding-inline-start: calc(24px - var(--size-icon-normal-311gry, 16px));
420
+ margin-inline-start: calc((var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2 - calc(24px - var(--size-icon-normal-311gry, 16px)));
421
+ }
422
+ .awsui-one-theme .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9):not(.awsui_icon-container-end_gwq0h_pik3q_418) {
423
+ padding-inline-start: 12px;
424
+ margin-inline-start: calc(-1 * 12px);
425
+ }
426
+ .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217.awsui_icon-container-end_gwq0h_pik3q_418:not(#\9) {
427
+ padding-inline-end: calc(24px - var(--size-icon-normal-311gry, 16px));
428
+ margin-inline-end: calc(-1 * calc(24px - var(--size-icon-normal-311gry, 16px)));
429
+ }
430
+ .awsui-one-theme .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217.awsui_icon-container-end_gwq0h_pik3q_418:not(#\9) {
431
+ padding-inline-end: 12px;
432
+ margin-inline-end: calc(-1 * 12px);
433
+ }
434
+ .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9):hover {
419
435
  color: var(--color-text-expandable-section-hover-spaa5r, #16191f);
420
436
  }
421
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1qnzk_405 > .awsui_icon-container_gwq0h_1qnzk_217:not(#\9):focus {
437
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9):focus {
422
438
  position: relative;
423
439
  }
424
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1qnzk_405 > .awsui_icon-container_gwq0h_1qnzk_217:not(#\9):focus {
440
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9):focus {
425
441
  outline: 2px dotted transparent;
426
442
  outline-offset: calc(2px - 1px);
427
443
  }
428
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1qnzk_405 > .awsui_icon-container_gwq0h_1qnzk_217:not(#\9):focus::before {
444
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_pik3q_405 > .awsui_icon-container_gwq0h_pik3q_217:not(#\9):focus::before {
429
445
  content: " ";
430
446
  display: block;
431
447
  position: absolute;
@@ -439,56 +455,56 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1qnzk_405 > .
439
455
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
440
456
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
441
457
  }
442
- .awsui_header-text_gwq0h_1qnzk_442:not(#\9) {
458
+ .awsui_header-text_gwq0h_pik3q_458:not(#\9) {
443
459
  /* used in test-utils */
444
460
  }
445
461
 
446
- :not(#\9):not(.awsui_wrapper-compact_gwq0h_1qnzk_256) > .awsui_header-actions-wrapper_gwq0h_1qnzk_362 {
462
+ :not(#\9):not(.awsui_wrapper-compact_gwq0h_pik3q_256) > .awsui_header-actions-wrapper_gwq0h_pik3q_362 {
447
463
  flex-wrap: wrap;
448
464
  column-gap: var(--space-xs-m9b7jf, 8px);
449
465
  row-gap: var(--space-scaled-xxxs-n0ri6o, 2px);
450
466
  }
451
467
 
452
- .awsui_content_gwq0h_1qnzk_452:not(#\9) {
468
+ .awsui_content_gwq0h_pik3q_468:not(#\9) {
453
469
  display: none;
454
470
  }
455
- .awsui_content-expanded_gwq0h_1qnzk_455:not(#\9) {
471
+ .awsui_content-expanded_gwq0h_pik3q_471:not(#\9) {
456
472
  display: block;
457
473
  }
458
- .awsui_content-compact_gwq0h_1qnzk_458:not(#\9) {
474
+ .awsui_content-compact_gwq0h_pik3q_474:not(#\9) {
459
475
  padding-inline-start: calc(var(--size-icon-normal-311gry, 16px) + (var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / -2 + var(--space-xxs-3o1yoq, 4px) + var(--border-divider-list-width-2qbfmz, 1px));
460
476
  }
461
- .awsui-one-theme .awsui_content_gwq0h_1qnzk_452:not(#\9) {
477
+ .awsui-one-theme .awsui_content_gwq0h_pik3q_468:not(#\9) {
462
478
  display: grid;
463
479
  grid-template-rows: 0fr;
464
480
  transition: grid-template-rows var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-expandable-content-enter-ufdnuw, ease-out);
465
481
  }
466
482
  @media (prefers-reduced-motion: reduce) {
467
- .awsui-one-theme .awsui_content_gwq0h_1qnzk_452:not(#\9) {
483
+ .awsui-one-theme .awsui_content_gwq0h_pik3q_468:not(#\9) {
468
484
  animation: none;
469
485
  transition: none;
470
486
  }
471
487
  }
472
- .awsui-motion-disabled .awsui-one-theme .awsui_content_gwq0h_1qnzk_452:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content_gwq0h_1qnzk_452:not(#\9) {
488
+ .awsui-motion-disabled .awsui-one-theme .awsui_content_gwq0h_pik3q_468:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content_gwq0h_pik3q_468:not(#\9) {
473
489
  animation: none;
474
490
  transition: none;
475
491
  }
476
- .awsui-one-theme .awsui_content-expanded_gwq0h_1qnzk_455:not(#\9) {
492
+ .awsui-one-theme .awsui_content-expanded_gwq0h_pik3q_471:not(#\9) {
477
493
  grid-template-rows: 1fr;
478
494
  transition: grid-template-rows var(--motion-duration-expandable-content-enter-ztgfuo, 180ms) var(--motion-easing-expandable-content-enter-ufdnuw, ease-out);
479
495
  }
480
496
  @media (prefers-reduced-motion: reduce) {
481
- .awsui-one-theme .awsui_content-expanded_gwq0h_1qnzk_455:not(#\9) {
497
+ .awsui-one-theme .awsui_content-expanded_gwq0h_pik3q_471:not(#\9) {
482
498
  animation: none;
483
499
  transition: none;
484
500
  }
485
501
  }
486
- .awsui-motion-disabled .awsui-one-theme .awsui_content-expanded_gwq0h_1qnzk_455:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-expanded_gwq0h_1qnzk_455:not(#\9) {
502
+ .awsui-motion-disabled .awsui-one-theme .awsui_content-expanded_gwq0h_pik3q_471:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-expanded_gwq0h_pik3q_471:not(#\9) {
487
503
  animation: none;
488
504
  transition: none;
489
505
  }
490
506
 
491
- .awsui-one-theme .awsui_content-inner_gwq0h_1qnzk_491:not(#\9) {
507
+ .awsui-one-theme .awsui_content-inner_gwq0h_pik3q_507:not(#\9) {
492
508
  overflow-x: visible;
493
509
  overflow-y: clip;
494
510
  min-block-size: 0;
@@ -496,59 +512,59 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1qnzk_405 > .
496
512
  transition: opacity var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-expandable-content-enter-ufdnuw, ease-out);
497
513
  }
498
514
  @media (prefers-reduced-motion: reduce) {
499
- .awsui-one-theme .awsui_content-inner_gwq0h_1qnzk_491:not(#\9) {
515
+ .awsui-one-theme .awsui_content-inner_gwq0h_pik3q_507:not(#\9) {
500
516
  animation: none;
501
517
  transition: none;
502
518
  }
503
519
  }
504
- .awsui-motion-disabled .awsui-one-theme .awsui_content-inner_gwq0h_1qnzk_491:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-inner_gwq0h_1qnzk_491:not(#\9) {
520
+ .awsui-motion-disabled .awsui-one-theme .awsui_content-inner_gwq0h_pik3q_507:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-inner_gwq0h_pik3q_507:not(#\9) {
505
521
  animation: none;
506
522
  transition: none;
507
523
  }
508
- .awsui-one-theme .awsui_content-inner-expanded_gwq0h_1qnzk_508:not(#\9) {
524
+ .awsui-one-theme .awsui_content-inner-expanded_gwq0h_pik3q_524:not(#\9) {
509
525
  opacity: 1;
510
526
  transition: opacity var(--motion-duration-expandable-content-enter-ztgfuo, 180ms) var(--motion-easing-expandable-content-enter-ufdnuw, ease-out) calc(var(--motion-duration-expandable-content-enter-ztgfuo, 180ms) / 3);
511
527
  }
512
528
  @media (prefers-reduced-motion: reduce) {
513
- .awsui-one-theme .awsui_content-inner-expanded_gwq0h_1qnzk_508:not(#\9) {
529
+ .awsui-one-theme .awsui_content-inner-expanded_gwq0h_pik3q_524:not(#\9) {
514
530
  animation: none;
515
531
  transition: none;
516
532
  }
517
533
  }
518
- .awsui-motion-disabled .awsui-one-theme .awsui_content-inner-expanded_gwq0h_1qnzk_508:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-inner-expanded_gwq0h_1qnzk_508:not(#\9) {
534
+ .awsui-motion-disabled .awsui-one-theme .awsui_content-inner-expanded_gwq0h_pik3q_524:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-inner-expanded_gwq0h_pik3q_524:not(#\9) {
519
535
  animation: none;
520
536
  transition: none;
521
537
  }
522
- .awsui-one-theme .awsui_content-inner-settled_gwq0h_1qnzk_522:not(#\9) {
538
+ .awsui-one-theme .awsui_content-inner-settled_gwq0h_pik3q_538:not(#\9) {
523
539
  overflow-y: visible;
524
540
  }
525
541
 
526
- .awsui_content-inner-body-default_gwq0h_1qnzk_526:not(#\9), .awsui_content-inner-body-inline_gwq0h_1qnzk_526:not(#\9) {
542
+ .awsui_content-inner-body-default_gwq0h_pik3q_542:not(#\9), .awsui_content-inner-body-inline_gwq0h_pik3q_542:not(#\9) {
527
543
  padding-block: var(--space-scaled-xs-pajbd1, 8px);
528
544
  }
529
- .awsui_content-inner-body-footer_gwq0h_1qnzk_529:not(#\9) {
545
+ .awsui_content-inner-body-footer_gwq0h_pik3q_545:not(#\9) {
530
546
  padding-block: var(--space-xs-m9b7jf, 8px);
531
547
  }
532
- .awsui_content-inner-body-container_gwq0h_1qnzk_532:not(#\9) {
548
+ .awsui_content-inner-body-container_gwq0h_pik3q_548:not(#\9) {
533
549
  padding-block: var(--space-container-content-top-ryubqz, 16px) var(--space-scaled-l-33ruz6, 20px);
534
550
  padding-inline: var(--space-container-horizontal-quy5ai, 20px);
535
551
  }
536
552
 
537
- .awsui_disable-header-paddings_gwq0h_1qnzk_537:not(#\9) {
553
+ .awsui_disable-header-paddings_gwq0h_pik3q_553:not(#\9) {
538
554
  padding-block: 0;
539
555
  padding-inline: 0;
540
556
  }
541
557
 
542
- .awsui_disable-content-paddings_gwq0h_1qnzk_542:not(#\9) {
558
+ .awsui_disable-content-paddings_gwq0h_pik3q_558:not(#\9) {
543
559
  padding-block: 0;
544
560
  padding-inline: 0;
545
561
  }
546
562
 
547
- .awsui_focusable_gwq0h_1qnzk_547:not(#\9):focus {
563
+ .awsui_focusable_gwq0h_pik3q_563:not(#\9):focus {
548
564
  outline: none;
549
565
  text-decoration: none;
550
566
  }
551
- body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1qnzk_547:not(#\9):focus {
567
+ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_pik3q_563:not(#\9):focus {
552
568
  outline: 2px dotted transparent;
553
569
  border-block: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-sewkzn, #0073bb);
554
570
  border-inline: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-sewkzn, #0073bb);
@@ -559,45 +575,45 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1qnzk_547:not(#\9):fo
559
575
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
560
576
  }
561
577
 
562
- .awsui_click-target_gwq0h_1qnzk_562:not(#\9) {
578
+ .awsui_click-target_gwq0h_pik3q_578:not(#\9) {
563
579
  cursor: pointer;
564
580
  }
565
- .awsui_click-target_gwq0h_1qnzk_562:not(#\9):not(.awsui_wrapper-container_gwq0h_1qnzk_252):not(.awsui_header-container-button_gwq0h_1qnzk_370):hover {
581
+ .awsui_click-target_gwq0h_pik3q_578:not(#\9):not(.awsui_wrapper-container_gwq0h_pik3q_252):not(.awsui_header-container-button_gwq0h_pik3q_370):hover {
566
582
  color: var(--color-text-expandable-section-hover-spaa5r, #16191f);
567
583
  }
568
584
 
569
- .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9), .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-inline_gwq0h_1qnzk_245:not(#\9), .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-footer_gwq0h_1qnzk_245:not(#\9), .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-compact_gwq0h_1qnzk_256:not(#\9) {
585
+ .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-default_gwq0h_pik3q_245:not(#\9), .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-inline_gwq0h_pik3q_245:not(#\9), .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-footer_gwq0h_pik3q_245:not(#\9), .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-compact_gwq0h_pik3q_256:not(#\9) {
570
586
  padding-inline-start: 0;
571
587
  }
572
- .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-navigation_gwq0h_1qnzk_249:not(#\9) {
588
+ .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-navigation_gwq0h_pik3q_249:not(#\9) {
573
589
  justify-content: space-between;
574
590
  align-items: flex-start;
575
591
  column-gap: var(--space-xs-m9b7jf, 8px);
576
592
  }
577
- .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9), .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-default_gwq0h_1qnzk_245:not(#\9) {
593
+ .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-container_gwq0h_pik3q_252:not(#\9), .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-default_gwq0h_pik3q_245:not(#\9) {
578
594
  display: flex;
579
595
  align-items: flex-start;
580
596
  column-gap: var(--space-m-n8iq8o, 16px);
581
597
  }
582
- .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-container_gwq0h_1qnzk_252:not(#\9):not(.awsui_header-deprecated_gwq0h_1qnzk_269) {
598
+ .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-container_gwq0h_pik3q_252:not(#\9):not(.awsui_header-deprecated_gwq0h_pik3q_269) {
583
599
  padding-inline-start: var(--space-container-horizontal-quy5ai, 20px);
584
600
  }
585
601
 
586
- .awsui_header-button-icon-end_gwq0h_1qnzk_586:not(#\9) {
602
+ .awsui_header-button-icon-end_gwq0h_pik3q_602:not(#\9) {
587
603
  margin-inline-start: 0;
588
604
  column-gap: var(--space-xs-m9b7jf, 8px);
589
605
  justify-content: space-between;
590
606
  }
591
- .awsui_header-button-icon-end_gwq0h_1qnzk_586:not(#\9):not(.awsui_header-container-button_gwq0h_1qnzk_370) {
607
+ .awsui_header-button-icon-end_gwq0h_pik3q_602:not(#\9):not(.awsui_header-container-button_gwq0h_pik3q_370) {
592
608
  display: flex;
593
609
  inline-size: 100%;
594
610
  }
595
- .awsui_header-button-icon-end_gwq0h_1qnzk_586:not(#\9):not(.awsui_header-container-button_gwq0h_1qnzk_370) > .awsui_header-text_gwq0h_1qnzk_442 {
611
+ .awsui_header-button-icon-end_gwq0h_pik3q_602:not(#\9):not(.awsui_header-container-button_gwq0h_pik3q_370) > .awsui_header-text_gwq0h_pik3q_458 {
596
612
  flex: 1;
597
613
  min-inline-size: 0;
598
614
  }
599
615
 
600
- .awsui_icon-container-end_gwq0h_1qnzk_600:not(#\9) {
616
+ .awsui_icon-container-end_gwq0h_pik3q_418:not(#\9) {
601
617
  margin-inline-start: auto;
602
618
  margin-inline-end: 0;
603
619
  flex-shrink: 0;
@@ -612,14 +628,14 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1qnzk_547:not(#\9):fo
612
628
  font: inherit;
613
629
  color: inherit;
614
630
  }
615
- body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1qnzk_600:not(#\9):focus {
631
+ body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_pik3q_418:not(#\9):focus {
616
632
  position: relative;
617
633
  }
618
- body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1qnzk_600:not(#\9):focus {
634
+ body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_pik3q_418:not(#\9):focus {
619
635
  outline: 2px dotted transparent;
620
636
  outline-offset: calc(2px - 1px);
621
637
  }
622
- body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1qnzk_600:not(#\9):focus::before {
638
+ body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_pik3q_418:not(#\9):focus::before {
623
639
  content: " ";
624
640
  display: block;
625
641
  position: absolute;
@@ -633,30 +649,30 @@ body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1qnzk_600:no
633
649
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
634
650
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
635
651
  }
636
- .awsui_header-icon-end_gwq0h_1qnzk_569.awsui_wrapper-navigation_gwq0h_1qnzk_249 > .awsui_icon-container-end_gwq0h_1qnzk_600:not(#\9) {
652
+ .awsui_header-icon-end_gwq0h_pik3q_585.awsui_wrapper-navigation_gwq0h_pik3q_249 > .awsui_icon-container-end_gwq0h_pik3q_418:not(#\9) {
637
653
  padding-block-start: calc((var(--size-side-navigation-item-height-4tugsp, 28px) - var(--line-height-body-m-5xw6xo, 22px)) / 2);
638
654
  }
639
- .awsui-one-theme .awsui_icon-container-end_gwq0h_1qnzk_600:not(#\9) {
655
+ .awsui-one-theme .awsui_icon-container-end_gwq0h_pik3q_418:not(#\9) {
640
656
  margin-inline-end: 0;
641
657
  }
642
- .awsui-one-theme .awsui_icon-container-end_gwq0h_1qnzk_600:not(#\9):not(.awsui_icon-container-container_gwq0h_1qnzk_221) {
658
+ .awsui-one-theme .awsui_icon-container-end_gwq0h_pik3q_418:not(#\9):not(.awsui_icon-container-container_gwq0h_pik3q_221) {
643
659
  inset-block-start: var(--space-xxxs-3ulqs3, 2px);
644
660
  }
645
- .awsui-one-theme .awsui_icon-container-end_gwq0h_1qnzk_600 > .awsui_icon_gwq0h_1qnzk_192:not(#\9) {
661
+ .awsui-one-theme .awsui_icon-container-end_gwq0h_pik3q_418 > .awsui_icon_gwq0h_pik3q_192:not(#\9) {
646
662
  inset-block-start: 0;
647
663
  }
648
664
 
649
- .awsui_header-content_gwq0h_1qnzk_649:not(#\9) {
665
+ .awsui_header-content_gwq0h_pik3q_665:not(#\9) {
650
666
  min-block-size: 0;
651
667
  }
652
668
 
653
- .awsui_header-icon-end_gwq0h_1qnzk_569 > .awsui_header-content_gwq0h_1qnzk_649:not(#\9),
654
- .awsui_header-icon-end_gwq0h_1qnzk_569 > .awsui_header-navigation-content_gwq0h_1qnzk_654:not(#\9) {
669
+ .awsui_header-icon-end_gwq0h_pik3q_585 > .awsui_header-content_gwq0h_pik3q_665:not(#\9),
670
+ .awsui_header-icon-end_gwq0h_pik3q_585 > .awsui_header-navigation-content_gwq0h_pik3q_670:not(#\9) {
655
671
  flex: 1;
656
672
  min-inline-size: 0;
657
673
  }
658
674
 
659
- .awsui_disable-header-paddings_gwq0h_1qnzk_537.awsui_wrapper-navigation_gwq0h_1qnzk_249:not(#\9):not(.awsui_header-icon-end_gwq0h_1qnzk_569) > .awsui_icon-container_gwq0h_1qnzk_217 {
675
+ .awsui_disable-header-paddings_gwq0h_pik3q_553.awsui_wrapper-navigation_gwq0h_pik3q_249:not(#\9):not(.awsui_header-icon-end_gwq0h_pik3q_585) > .awsui_icon-container_gwq0h_pik3q_217 {
660
676
  display: grid;
661
677
  align-items: flex-start;
662
678
  padding-block: calc((var(--size-side-navigation-item-height-4tugsp, 28px) - var(--line-height-body-m-5xw6xo, 22px)) / 2);
@@ -2,48 +2,48 @@
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_gwq0h_1qnzk_153",
6
- "expand-button": "awsui_expand-button_gwq0h_1qnzk_188",
7
- "icon": "awsui_icon_gwq0h_1qnzk_192",
8
- "expanded": "awsui_expanded_gwq0h_1qnzk_207",
9
- "icon-container": "awsui_icon-container_gwq0h_1qnzk_217",
10
- "icon-container-container": "awsui_icon-container-container_gwq0h_1qnzk_221",
11
- "wrapper": "awsui_wrapper_gwq0h_1qnzk_237",
12
- "wrapper-default": "awsui_wrapper-default_gwq0h_1qnzk_245",
13
- "wrapper-inline": "awsui_wrapper-inline_gwq0h_1qnzk_245",
14
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_1qnzk_245",
15
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1qnzk_249",
16
- "wrapper-container": "awsui_wrapper-container_gwq0h_1qnzk_252",
17
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_1qnzk_256",
18
- "header-deprecated": "awsui_header-deprecated_gwq0h_1qnzk_269",
19
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1qnzk_288",
20
- "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1qnzk_333",
21
- "header": "awsui_header_gwq0h_1qnzk_269",
22
- "header-wrapper": "awsui_header-wrapper_gwq0h_1qnzk_350",
23
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1qnzk_362",
24
- "header-button": "awsui_header-button_gwq0h_1qnzk_370",
25
- "header-container-button": "awsui_header-container-button_gwq0h_1qnzk_370",
26
- "header-container": "awsui_header-container_gwq0h_1qnzk_370",
27
- "header-navigation": "awsui_header-navigation_gwq0h_1qnzk_405",
28
- "header-text": "awsui_header-text_gwq0h_1qnzk_442",
29
- "content": "awsui_content_gwq0h_1qnzk_452",
30
- "content-expanded": "awsui_content-expanded_gwq0h_1qnzk_455",
31
- "content-compact": "awsui_content-compact_gwq0h_1qnzk_458",
32
- "content-inner": "awsui_content-inner_gwq0h_1qnzk_491",
33
- "content-inner-expanded": "awsui_content-inner-expanded_gwq0h_1qnzk_508",
34
- "content-inner-settled": "awsui_content-inner-settled_gwq0h_1qnzk_522",
35
- "content-inner-body-default": "awsui_content-inner-body-default_gwq0h_1qnzk_526",
36
- "content-inner-body-inline": "awsui_content-inner-body-inline_gwq0h_1qnzk_526",
37
- "content-inner-body-footer": "awsui_content-inner-body-footer_gwq0h_1qnzk_529",
38
- "content-inner-body-container": "awsui_content-inner-body-container_gwq0h_1qnzk_532",
39
- "disable-header-paddings": "awsui_disable-header-paddings_gwq0h_1qnzk_537",
40
- "disable-content-paddings": "awsui_disable-content-paddings_gwq0h_1qnzk_542",
41
- "focusable": "awsui_focusable_gwq0h_1qnzk_547",
42
- "click-target": "awsui_click-target_gwq0h_1qnzk_562",
43
- "header-icon-end": "awsui_header-icon-end_gwq0h_1qnzk_569",
44
- "header-button-icon-end": "awsui_header-button-icon-end_gwq0h_1qnzk_586",
45
- "icon-container-end": "awsui_icon-container-end_gwq0h_1qnzk_600",
46
- "header-content": "awsui_header-content_gwq0h_1qnzk_649",
47
- "header-navigation-content": "awsui_header-navigation-content_gwq0h_1qnzk_654"
5
+ "root": "awsui_root_gwq0h_pik3q_153",
6
+ "expand-button": "awsui_expand-button_gwq0h_pik3q_188",
7
+ "icon": "awsui_icon_gwq0h_pik3q_192",
8
+ "expanded": "awsui_expanded_gwq0h_pik3q_207",
9
+ "icon-container": "awsui_icon-container_gwq0h_pik3q_217",
10
+ "icon-container-container": "awsui_icon-container-container_gwq0h_pik3q_221",
11
+ "wrapper": "awsui_wrapper_gwq0h_pik3q_237",
12
+ "wrapper-default": "awsui_wrapper-default_gwq0h_pik3q_245",
13
+ "wrapper-inline": "awsui_wrapper-inline_gwq0h_pik3q_245",
14
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_pik3q_245",
15
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_pik3q_249",
16
+ "wrapper-container": "awsui_wrapper-container_gwq0h_pik3q_252",
17
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_pik3q_256",
18
+ "header-deprecated": "awsui_header-deprecated_gwq0h_pik3q_269",
19
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_pik3q_288",
20
+ "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_pik3q_333",
21
+ "header": "awsui_header_gwq0h_pik3q_269",
22
+ "header-wrapper": "awsui_header-wrapper_gwq0h_pik3q_350",
23
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_pik3q_362",
24
+ "header-button": "awsui_header-button_gwq0h_pik3q_370",
25
+ "header-container-button": "awsui_header-container-button_gwq0h_pik3q_370",
26
+ "header-container": "awsui_header-container_gwq0h_pik3q_370",
27
+ "header-navigation": "awsui_header-navigation_gwq0h_pik3q_405",
28
+ "icon-container-end": "awsui_icon-container-end_gwq0h_pik3q_418",
29
+ "header-text": "awsui_header-text_gwq0h_pik3q_458",
30
+ "content": "awsui_content_gwq0h_pik3q_468",
31
+ "content-expanded": "awsui_content-expanded_gwq0h_pik3q_471",
32
+ "content-compact": "awsui_content-compact_gwq0h_pik3q_474",
33
+ "content-inner": "awsui_content-inner_gwq0h_pik3q_507",
34
+ "content-inner-expanded": "awsui_content-inner-expanded_gwq0h_pik3q_524",
35
+ "content-inner-settled": "awsui_content-inner-settled_gwq0h_pik3q_538",
36
+ "content-inner-body-default": "awsui_content-inner-body-default_gwq0h_pik3q_542",
37
+ "content-inner-body-inline": "awsui_content-inner-body-inline_gwq0h_pik3q_542",
38
+ "content-inner-body-footer": "awsui_content-inner-body-footer_gwq0h_pik3q_545",
39
+ "content-inner-body-container": "awsui_content-inner-body-container_gwq0h_pik3q_548",
40
+ "disable-header-paddings": "awsui_disable-header-paddings_gwq0h_pik3q_553",
41
+ "disable-content-paddings": "awsui_disable-content-paddings_gwq0h_pik3q_558",
42
+ "focusable": "awsui_focusable_gwq0h_pik3q_563",
43
+ "click-target": "awsui_click-target_gwq0h_pik3q_578",
44
+ "header-icon-end": "awsui_header-icon-end_gwq0h_pik3q_585",
45
+ "header-button-icon-end": "awsui_header-button-icon-end_gwq0h_pik3q_602",
46
+ "header-content": "awsui_header-content_gwq0h_pik3q_665",
47
+ "header-navigation-content": "awsui_header-navigation-content_gwq0h_pik3q_670"
48
48
  };
49
49
 
@@ -64,5 +64,5 @@
64
64
  }
65
65
  }
66
66
  :root {
67
- --awsui-version-info-701afebd: true;
67
+ --awsui-version-info-3db6f349: true;
68
68
  }
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (701afebd)";
3
- export var GIT_SHA = "701afebd";
2
+ export var PACKAGE_VERSION = "3.0.0 (3db6f349)";
3
+ export var GIT_SHA = "3db6f349";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (701afebd)",
4
- "GIT_SHA": "701afebd",
3
+ "PACKAGE_VERSION": "3.0.0 (3db6f349)",
4
+ "GIT_SHA": "3db6f349",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1347",
3
+ "version": "3.0.1349",
4
4
  "files": [
5
5
  "lib"
6
6
  ],