@cloudscape-design/components 3.0.499 → 3.0.500

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 (41) hide show
  1. package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  2. package/app-layout/visual-refresh/mobile-toolbar.js +2 -1
  3. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  4. package/app-layout/visual-refresh/styles.css.js +81 -80
  5. package/app-layout/visual-refresh/styles.scoped.css +177 -171
  6. package/app-layout/visual-refresh/styles.selectors.js +81 -80
  7. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  8. package/app-layout/visual-refresh/trigger-button.js +2 -1
  9. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  10. package/cards/index.d.ts.map +1 -1
  11. package/cards/index.js +3 -2
  12. package/cards/index.js.map +1 -1
  13. package/cards/styles.css.js +40 -39
  14. package/cards/styles.scoped.css +52 -49
  15. package/cards/styles.selectors.js +40 -39
  16. package/container/internal.d.ts.map +1 -1
  17. package/container/internal.js +3 -2
  18. package/container/internal.js.map +1 -1
  19. package/container/styles.css.js +30 -29
  20. package/container/styles.scoped.css +65 -52
  21. package/container/styles.selectors.js +30 -29
  22. package/internal/environment.js +1 -1
  23. package/internal/environment.json +1 -1
  24. package/internal/manifest.json +1 -1
  25. package/internal/utils/content-header-utils.d.ts +1 -0
  26. package/internal/utils/content-header-utils.d.ts.map +1 -1
  27. package/internal/utils/content-header-utils.js +2 -3
  28. package/internal/utils/content-header-utils.js.map +1 -1
  29. package/package.json +1 -1
  30. package/wizard/internal.d.ts.map +1 -1
  31. package/wizard/internal.js +3 -2
  32. package/wizard/internal.js.map +1 -1
  33. package/wizard/styles.css.js +32 -31
  34. package/wizard/styles.scoped.css +76 -65
  35. package/wizard/styles.selectors.js +32 -31
  36. package/wizard/wizard-form-header.d.ts.map +1 -1
  37. package/wizard/wizard-form-header.js +2 -1
  38. package/wizard/wizard-form-header.js.map +1 -1
  39. package/wizard/wizard-navigation.d.ts.map +1 -1
  40. package/wizard/wizard-navigation.js +3 -2
  41. package/wizard/wizard-navigation.js.map +1 -1
@@ -1,36 +1,37 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1xupv_4d72d_94",
5
- "wizard": "awsui_wizard_1xupv_4d72d_129",
6
- "refresh": "awsui_refresh_1xupv_4d72d_129",
7
- "small-container": "awsui_small-container_1xupv_4d72d_136",
8
- "navigation": "awsui_navigation_1xupv_4d72d_145",
9
- "number": "awsui_number_1xupv_4d72d_205",
10
- "circle": "awsui_circle_1xupv_4d72d_221",
11
- "title": "awsui_title_1xupv_4d72d_229",
12
- "active": "awsui_active_1xupv_4d72d_257",
13
- "disabled": "awsui_disabled_1xupv_4d72d_268",
14
- "enabled": "awsui_enabled_1xupv_4d72d_278",
15
- "form": "awsui_form_1xupv_4d72d_319",
16
- "form-header": "awsui_form-header_1xupv_4d72d_324",
17
- "background": "awsui_background_1xupv_4d72d_334",
18
- "form-header-content": "awsui_form-header-content_1xupv_4d72d_346",
19
- "form-component": "awsui_form-component_1xupv_4d72d_350",
20
- "hidden": "awsui_hidden_1xupv_4d72d_364",
21
- "collapsed-steps": "awsui_collapsed-steps_1xupv_4d72d_368",
22
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_4d72d_373",
23
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_4d72d_377",
24
- "form-header-component": "awsui_form-header-component_1xupv_4d72d_377",
25
- "navigation-link": "awsui_navigation-link_1xupv_4d72d_390",
26
- "navigation-link-item": "awsui_navigation-link-item_1xupv_4d72d_391",
27
- "navigation-link-label": "awsui_navigation-link-label_1xupv_4d72d_392",
28
- "navigation-link-active": "awsui_navigation-link-active_1xupv_4d72d_396",
29
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_4d72d_401",
30
- "cancel-button": "awsui_cancel-button_1xupv_4d72d_405",
31
- "previous-button": "awsui_previous-button_1xupv_4d72d_406",
32
- "primary-button": "awsui_primary-button_1xupv_4d72d_407",
33
- "skip-to-button": "awsui_skip-to-button_1xupv_4d72d_408",
34
- "action-buttons": "awsui_action-buttons_1xupv_4d72d_412"
4
+ "root": "awsui_root_1xupv_157fb_94",
5
+ "wizard": "awsui_wizard_1xupv_157fb_129",
6
+ "refresh": "awsui_refresh_1xupv_157fb_129",
7
+ "small-container": "awsui_small-container_1xupv_157fb_136",
8
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_157fb_140",
9
+ "navigation": "awsui_navigation_1xupv_157fb_148",
10
+ "number": "awsui_number_1xupv_157fb_212",
11
+ "circle": "awsui_circle_1xupv_157fb_228",
12
+ "title": "awsui_title_1xupv_157fb_236",
13
+ "active": "awsui_active_1xupv_157fb_264",
14
+ "disabled": "awsui_disabled_1xupv_157fb_275",
15
+ "enabled": "awsui_enabled_1xupv_157fb_285",
16
+ "form": "awsui_form_1xupv_157fb_326",
17
+ "form-header": "awsui_form-header_1xupv_157fb_331",
18
+ "background": "awsui_background_1xupv_157fb_341",
19
+ "form-header-content": "awsui_form-header-content_1xupv_157fb_353",
20
+ "form-component": "awsui_form-component_1xupv_157fb_361",
21
+ "hidden": "awsui_hidden_1xupv_157fb_375",
22
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_157fb_379",
23
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_157fb_384",
24
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_157fb_388",
25
+ "form-header-component": "awsui_form-header-component_1xupv_157fb_388",
26
+ "navigation-link": "awsui_navigation-link_1xupv_157fb_401",
27
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_157fb_402",
28
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_157fb_403",
29
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_157fb_407",
30
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_157fb_412",
31
+ "cancel-button": "awsui_cancel-button_1xupv_157fb_416",
32
+ "previous-button": "awsui_previous-button_1xupv_157fb_417",
33
+ "primary-button": "awsui_primary-button_1xupv_157fb_418",
34
+ "skip-to-button": "awsui_skip-to-button_1xupv_157fb_419",
35
+ "action-buttons": "awsui_action-buttons_1xupv_157fb_423"
35
36
  };
36
37
 
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  /* stylelint-disable selector-max-universal, selector-max-type */
94
- .awsui_root_1xupv_4d72d_94:not(#\9) {
94
+ .awsui_root_1xupv_157fb_94:not(#\9) {
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
97
97
  box-sizing: border-box;
@@ -127,41 +127,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
127
127
  -moz-osx-font-smoothing: auto;
128
128
  }
129
129
 
130
- .awsui_wizard_1xupv_4d72d_129.awsui_refresh_1xupv_4d72d_129:not(#\9) {
130
+ .awsui_wizard_1xupv_157fb_129.awsui_refresh_1xupv_157fb_129:not(#\9) {
131
131
  column-gap: var(--space-xl-lmui9r, 24px);
132
132
  display: grid;
133
133
  grid-template-columns: auto minmax(0, 1fr);
134
134
  grid-template-rows: auto 1fr;
135
- row-gap: var(--space-scaled-xl-kswcw7, 24px);
135
+ row-gap: var(--space-scaled-xxs-7597g1, 4px);
136
136
  }
137
- .awsui_wizard_1xupv_4d72d_129.awsui_refresh_1xupv_4d72d_129.awsui_small-container_1xupv_4d72d_136:not(#\9) {
137
+ .awsui_wizard_1xupv_157fb_129.awsui_refresh_1xupv_157fb_129.awsui_small-container_1xupv_157fb_136:not(#\9) {
138
138
  grid-template-columns: minmax(0, 1fr) 0;
139
139
  row-gap: var(--space-scaled-l-0hpmd7, 20px);
140
140
  }
141
+ .awsui_wizard_1xupv_157fb_129.awsui_refresh_1xupv_157fb_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_157fb_140) {
142
+ row-gap: var(--space-scaled-xl-kswcw7, 24px);
143
+ }
141
144
 
142
- .awsui_wizard_1xupv_4d72d_129:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) {
145
+ .awsui_wizard_1xupv_157fb_129:not(#\9):not(.awsui_refresh_1xupv_157fb_129) {
143
146
  display: flex;
144
147
  }
145
148
 
146
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129:not(#\9) {
149
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129:not(#\9) {
147
150
  grid-column: 1;
148
151
  grid-row: 1/span 2;
149
152
  padding-top: var(--awsui-container-first-gap-y98gph, 0px);
150
153
  }
151
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul:not(#\9) {
154
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129:not(#\9) {
152
155
  background: var(--color-background-container-content-4un1ap, #ffffff);
153
156
  position: relative;
157
+ margin: 0;
158
+ padding: var(--space-scaled-xxs-7597g1, 4px) 0 0 0;
159
+ width: 260px;
160
+ box-sizing: border-box;
161
+ }
162
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_157fb_140) {
154
163
  border-radius: var(--border-radius-container-wqv1zi, 16px);
155
164
  box-sizing: border-box;
156
- margin: 0;
157
165
  padding: var(--space-scaled-m-mo5yse, 16px) var(--space-l-t419sm, 20px) var(--space-scaled-l-0hpmd7, 20px) var(--space-m-udix3p, 16px);
158
166
  width: 280px;
159
- box-sizing: border-box;
160
167
  }
161
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul.awsui_refresh_1xupv_4d72d_129:not(#\9) {
168
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_157fb_140).awsui_refresh_1xupv_157fb_129 {
162
169
  border: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
163
170
  }
164
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul:not(#\9):not(.awsui_refresh_1xupv_4d72d_129)::before {
171
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_157fb_140):not(.awsui_refresh_1xupv_157fb_129)::before {
165
172
  content: "";
166
173
  position: absolute;
167
174
  left: 0px;
@@ -176,7 +183,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
176
183
  border-radius: var(--border-radius-container-wqv1zi, 16px);
177
184
  z-index: 1;
178
185
  }
179
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul:not(#\9):not(.awsui_refresh_1xupv_4d72d_129)::after {
186
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_157fb_140):not(.awsui_refresh_1xupv_157fb_129)::after {
180
187
  content: "";
181
188
  position: absolute;
182
189
  left: 0px;
@@ -189,27 +196,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
189
196
  border-radius: var(--border-radius-container-wqv1zi, 16px);
190
197
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
191
198
  }
192
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li:not(#\9) {
199
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li:not(#\9) {
193
200
  display: grid;
194
201
  column-gap: var(--space-xs-zb16t3, 8px);
195
202
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
196
203
  grid-template-rows: repeat(2, auto);
197
204
  padding: 0;
198
205
  }
199
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li > hr:not(#\9) {
206
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li > hr:not(#\9) {
200
207
  background-color: var(--color-border-divider-default-j74lyz, #b6bec9);
201
208
  border: 0;
202
209
  grid-column: 1;
203
210
  height: 100%;
204
211
  width: var(--space-xxxs-zbmxqb, 2px);
205
212
  }
206
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li > .awsui_number_1xupv_4d72d_205:not(#\9) {
213
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li > .awsui_number_1xupv_157fb_212:not(#\9) {
207
214
  color: var(--color-text-small-zfvvfc, #5f6b7a);
208
215
  font-size: var(--font-size-body-s-asqx2i, 12px);
209
216
  grid-column: 2;
210
217
  grid-row: 1;
211
218
  }
212
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li > a:not(#\9) {
219
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li > a:not(#\9) {
213
220
  align-items: start;
214
221
  column-gap: var(--space-xs-zb16t3, 8px);
215
222
  cursor: pointer;
@@ -219,7 +226,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
219
226
  grid-row: 2;
220
227
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
221
228
  }
222
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li > a > .awsui_circle_1xupv_4d72d_221:not(#\9) {
229
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li > a > .awsui_circle_1xupv_157fb_228:not(#\9) {
223
230
  border-radius: 100%;
224
231
  grid-column: 1;
225
232
  height: 10px;
@@ -227,12 +234,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
227
234
  margin-top: 6px;
228
235
  width: 10px;
229
236
  }
230
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li > a > .awsui_title_1xupv_4d72d_229:not(#\9) {
237
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li > a > .awsui_title_1xupv_157fb_236:not(#\9) {
231
238
  min-width: 0;
232
239
  word-break: break-word;
233
240
  grid-column: 2;
234
241
  }
235
- body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li > a:not(#\9):focus {
242
+ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li > a:not(#\9):focus {
236
243
  outline: thin dotted;
237
244
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
238
245
  outline-offset: 2px;
@@ -240,58 +247,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_4d72d_145.awsui_refr
240
247
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
241
248
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
242
249
  }
243
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li:not(#\9):first-child > hr {
250
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li:not(#\9):first-child > hr {
244
251
  grid-row: 2/span 2;
245
252
  }
246
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_4d72d_205 {
253
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_157fb_212 {
247
254
  margin-top: var(--space-m-udix3p, 16px);
248
255
  }
249
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li:not(#\9):last-child > hr {
256
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li:not(#\9):last-child > hr {
250
257
  grid-row: 1;
251
258
  }
252
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li:not(#\9):only-of-type > hr {
259
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li:not(#\9):only-of-type > hr {
253
260
  display: none;
254
261
  }
255
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
262
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li:not(#\9):not(:first-child):not(:last-child) > hr {
256
263
  grid-row: 1/span 3;
257
264
  }
258
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_active_1xupv_4d72d_257 > a:not(#\9) {
265
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_active_1xupv_157fb_264 > a:not(#\9) {
259
266
  cursor: text;
260
267
  }
261
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_active_1xupv_4d72d_257 > a > .awsui_circle_1xupv_4d72d_221:not(#\9) {
268
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_active_1xupv_157fb_264 > a > .awsui_circle_1xupv_157fb_228:not(#\9) {
262
269
  background-color: var(--color-background-control-checked-w517i0, #0972d3);
263
270
  box-shadow: 0 0 0 3px var(--color-background-container-content-4un1ap, #ffffff), 0 0 0 5px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 7px var(--color-background-container-content-4un1ap, #ffffff);
264
271
  }
265
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_active_1xupv_4d72d_257 > a > .awsui_title_1xupv_4d72d_229:not(#\9) {
272
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_active_1xupv_157fb_264 > a > .awsui_title_1xupv_157fb_236:not(#\9) {
266
273
  color: var(--color-background-control-checked-w517i0, #0972d3);
267
274
  font-weight: 700;
268
275
  }
269
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_disabled_1xupv_4d72d_268 > a:not(#\9) {
276
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_disabled_1xupv_157fb_275 > a:not(#\9) {
270
277
  cursor: text;
271
278
  }
272
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_disabled_1xupv_4d72d_268 > a > .awsui_circle_1xupv_4d72d_221:not(#\9) {
279
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_disabled_1xupv_157fb_275 > a > .awsui_circle_1xupv_157fb_228:not(#\9) {
273
280
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
274
281
  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-z7a3t4, #9ba7b6), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
275
282
  }
276
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_disabled_1xupv_4d72d_268 > a > .awsui_title_1xupv_4d72d_229:not(#\9) {
283
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_disabled_1xupv_157fb_275 > a > .awsui_title_1xupv_157fb_236:not(#\9) {
277
284
  color: var(--color-text-status-inactive-m7co45, #5f6b7a);
278
285
  }
279
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_enabled_1xupv_4d72d_278 > a > .awsui_circle_1xupv_4d72d_221:not(#\9) {
286
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_enabled_1xupv_157fb_285 > a > .awsui_circle_1xupv_157fb_228:not(#\9) {
280
287
  background-color: var(--color-text-interactive-default-lnx6lk, #414d5c);
281
288
  box-shadow: 0 0 0 2px var(--color-text-interactive-default-lnx6lk, #414d5c), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
282
289
  }
283
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_enabled_1xupv_4d72d_278 > a > .awsui_title_1xupv_4d72d_229:not(#\9) {
290
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_enabled_1xupv_157fb_285 > a > .awsui_title_1xupv_157fb_236:not(#\9) {
284
291
  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
285
292
  }
286
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_enabled_1xupv_4d72d_278 > a:not(#\9):hover > .awsui_circle_1xupv_4d72d_221 {
293
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_enabled_1xupv_157fb_285 > a:not(#\9):hover > .awsui_circle_1xupv_157fb_228 {
287
294
  background-color: var(--color-background-control-checked-w517i0, #0972d3);
288
295
  box-shadow: 0 0 0 2px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
289
296
  }
290
- .awsui_navigation_1xupv_4d72d_145.awsui_refresh_1xupv_4d72d_129 > ul > li.awsui_enabled_1xupv_4d72d_278 > a:not(#\9):hover > .awsui_title_1xupv_4d72d_229 {
297
+ .awsui_navigation_1xupv_157fb_148.awsui_refresh_1xupv_157fb_129 > ul.awsui_refresh_1xupv_157fb_129 > li.awsui_enabled_1xupv_157fb_285 > a:not(#\9):hover > .awsui_title_1xupv_157fb_236 {
291
298
  color: var(--color-background-control-checked-w517i0, #0972d3);
292
299
  }
293
300
 
294
- .awsui_navigation_1xupv_4d72d_145:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) {
301
+ .awsui_navigation_1xupv_157fb_148:not(#\9):not(.awsui_refresh_1xupv_157fb_129) {
295
302
  color: var(--color-text-disabled-f4c52h, #9ba7b6);
296
303
  display: inline-block;
297
304
  margin-right: calc(2 * var(--space-xxxl-4x2gki, 40px));
@@ -299,86 +306,90 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_4d72d_145.awsui_refr
299
306
  padding-top: var(--space-xxs-p8yyaw, 4px);
300
307
  width: 200px;
301
308
  }
302
- .awsui_navigation_1xupv_4d72d_145:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) > ul {
309
+ .awsui_navigation_1xupv_157fb_148:not(#\9):not(.awsui_refresh_1xupv_157fb_129) > ul:not(.awsui_refresh_1xupv_157fb_129) {
303
310
  list-style: none;
304
311
  padding: 0;
305
312
  margin: 0;
306
313
  }
307
- .awsui_navigation_1xupv_4d72d_145:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) > ul > li {
314
+ .awsui_navigation_1xupv_157fb_148:not(#\9):not(.awsui_refresh_1xupv_157fb_129) > ul:not(.awsui_refresh_1xupv_157fb_129) > li {
308
315
  min-width: 0;
309
316
  word-break: break-word;
310
317
  padding-bottom: var(--space-scaled-m-mo5yse, 16px);
311
318
  padding-top: 0;
312
319
  }
313
- .awsui_navigation_1xupv_4d72d_145:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) > ul > li:not(:first-child) {
320
+ .awsui_navigation_1xupv_157fb_148:not(#\9):not(.awsui_refresh_1xupv_157fb_129) > ul:not(.awsui_refresh_1xupv_157fb_129) > li:not(:first-child) {
314
321
  margin-top: var(--space-scaled-m-mo5yse, 16px);
315
322
  }
316
- .awsui_navigation_1xupv_4d72d_145:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) > ul > li:not(:last-child) {
323
+ .awsui_navigation_1xupv_157fb_148:not(#\9):not(.awsui_refresh_1xupv_157fb_129) > ul:not(.awsui_refresh_1xupv_157fb_129) > li:not(:last-child) {
317
324
  border-bottom: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-ownedw, #d1d5db);
318
325
  }
319
326
 
320
- .awsui_form_1xupv_4d72d_319:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) {
327
+ .awsui_form_1xupv_157fb_326:not(#\9):not(.awsui_refresh_1xupv_157fb_129) {
321
328
  min-width: 0;
322
329
  word-break: break-word;
323
330
  width: 100%;
324
331
  }
325
- .awsui_form_1xupv_4d72d_319:not(#\9):not(.awsui_refresh_1xupv_4d72d_129) > .awsui_form-header_1xupv_4d72d_324 {
332
+ .awsui_form_1xupv_157fb_326:not(#\9):not(.awsui_refresh_1xupv_157fb_129) > .awsui_form-header_1xupv_157fb_331 {
326
333
  position: relative;
327
334
  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
328
335
  }
329
336
 
330
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129:not(#\9) {
337
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129:not(#\9) {
331
338
  min-width: 0;
332
339
  word-break: break-word;
333
340
  display: contents;
334
341
  }
335
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129 > .awsui_background_1xupv_4d72d_334:not(#\9) {
342
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129 > .awsui_background_1xupv_157fb_341:not(#\9) {
336
343
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
337
344
  grid-column: 1/span 2;
338
345
  grid-row: 1;
339
346
  color: var(--color-text-body-default-at06ol, #000716);
340
347
  }
341
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129 > .awsui_form-header_1xupv_4d72d_324:not(#\9) {
348
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129 > .awsui_form-header_1xupv_157fb_331:not(#\9) {
342
349
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
343
350
  grid-column: 2;
344
351
  grid-row: 1;
345
352
  color: var(--color-text-body-default-at06ol, #000716);
346
353
  }
347
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129 > .awsui_form-header_1xupv_4d72d_324 > .awsui_form-header-content_1xupv_4d72d_346:not(#\9) {
354
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129 > .awsui_form-header_1xupv_157fb_331 > .awsui_form-header-content_1xupv_157fb_353:not(#\9) {
355
+ padding-top: calc(var(--awsui-container-first-gap-y98gph, 0px) + var(--space-m-udix3p, 16px) - var(--space-xxxs-zbmxqb, 2px));
356
+ padding-bottom: var(--space-scaled-s-aqzyko, 12px);
357
+ }
358
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_157fb_140) > .awsui_form-header_1xupv_157fb_331 > .awsui_form-header-content_1xupv_157fb_353 {
348
359
  padding-top: calc(var(--awsui-container-first-gap-y98gph, 0px) + var(--space-s-34lx8l, 12px));
349
360
  padding-bottom: var(--space-scaled-m-mo5yse, 16px);
350
361
  }
351
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129 > .awsui_form-component_1xupv_4d72d_350:not(#\9) {
362
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129 > .awsui_form-component_1xupv_157fb_361:not(#\9) {
352
363
  grid-column: 2;
353
364
  grid-row: 2;
354
365
  }
355
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129.awsui_small-container_1xupv_4d72d_136 > .awsui_form-header_1xupv_4d72d_324:not(#\9) {
366
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129.awsui_small-container_1xupv_157fb_136 > .awsui_form-header_1xupv_157fb_331:not(#\9) {
356
367
  grid-column: 1/span 2;
357
368
  }
358
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129.awsui_small-container_1xupv_4d72d_136 > .awsui_form-header_1xupv_4d72d_324 > .awsui_form-header-content_1xupv_4d72d_346:not(#\9) {
369
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129.awsui_small-container_1xupv_157fb_136 > .awsui_form-header_1xupv_157fb_331 > .awsui_form-header-content_1xupv_157fb_353:not(#\9) {
359
370
  padding-top: 0;
360
371
  }
361
- .awsui_form_1xupv_4d72d_319.awsui_refresh_1xupv_4d72d_129.awsui_small-container_1xupv_4d72d_136 > .awsui_form-component_1xupv_4d72d_350:not(#\9) {
372
+ .awsui_form_1xupv_157fb_326.awsui_refresh_1xupv_157fb_129.awsui_small-container_1xupv_157fb_136 > .awsui_form-component_1xupv_157fb_361:not(#\9) {
362
373
  grid-column: 1/span 2;
363
374
  }
364
375
 
365
- .awsui_navigation_1xupv_4d72d_145.awsui_hidden_1xupv_4d72d_364:not(#\9) {
376
+ .awsui_navigation_1xupv_157fb_148.awsui_hidden_1xupv_157fb_375:not(#\9) {
366
377
  display: none;
367
378
  }
368
379
 
369
- .awsui_collapsed-steps_1xupv_4d72d_368:not(#\9) {
380
+ .awsui_collapsed-steps_1xupv_157fb_379:not(#\9) {
370
381
  color: var(--color-text-heading-secondary-37b2tq, #414d5c);
371
382
  font-weight: 700;
372
383
  padding-top: var(--space-scaled-xxs-7597g1, 4px);
373
384
  }
374
- .awsui_collapsed-steps-hidden_1xupv_4d72d_373:not(#\9) {
385
+ .awsui_collapsed-steps-hidden_1xupv_157fb_384:not(#\9) {
375
386
  display: none;
376
387
  }
377
388
 
378
- .awsui_form-header-component-wrapper_1xupv_4d72d_377:not(#\9) {
389
+ .awsui_form-header-component-wrapper_1xupv_157fb_388:not(#\9) {
379
390
  outline: none;
380
391
  }
381
- body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_4d72d_377:not(#\9):focus {
392
+ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_157fb_388:not(#\9):focus {
382
393
  outline: thin dotted;
383
394
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
384
395
  outline-offset: 2px;
@@ -387,30 +398,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_4
387
398
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
388
399
  }
389
400
 
390
- .awsui_form-header-component_1xupv_4d72d_377:not(#\9),
391
- .awsui_navigation-link_1xupv_4d72d_390:not(#\9),
392
- .awsui_navigation-link-item_1xupv_4d72d_391:not(#\9),
393
- .awsui_navigation-link-label_1xupv_4d72d_392:not(#\9) {
401
+ .awsui_form-header-component_1xupv_157fb_388:not(#\9),
402
+ .awsui_navigation-link_1xupv_157fb_401:not(#\9),
403
+ .awsui_navigation-link-item_1xupv_157fb_402:not(#\9),
404
+ .awsui_navigation-link-label_1xupv_157fb_403:not(#\9) {
394
405
  /* used in test-utils */
395
406
  }
396
407
 
397
- .awsui_navigation-link-active_1xupv_4d72d_396:not(#\9) {
408
+ .awsui_navigation-link-active_1xupv_157fb_407:not(#\9) {
398
409
  font-weight: 700;
399
410
  color: var(--color-text-body-default-at06ol, #000716);
400
411
  }
401
412
 
402
- .awsui_navigation-link-disabled_1xupv_4d72d_401:not(#\9) {
413
+ .awsui_navigation-link-disabled_1xupv_157fb_412:not(#\9) {
403
414
  color: var(--color-text-status-inactive-m7co45, #5f6b7a);
404
415
  }
405
416
 
406
- .awsui_cancel-button_1xupv_4d72d_405:not(#\9),
407
- .awsui_previous-button_1xupv_4d72d_406:not(#\9),
408
- .awsui_primary-button_1xupv_4d72d_407:not(#\9),
409
- .awsui_skip-to-button_1xupv_4d72d_408:not(#\9) {
417
+ .awsui_cancel-button_1xupv_157fb_416:not(#\9),
418
+ .awsui_previous-button_1xupv_157fb_417:not(#\9),
419
+ .awsui_primary-button_1xupv_157fb_418:not(#\9),
420
+ .awsui_skip-to-button_1xupv_157fb_419:not(#\9) {
410
421
  /* used in test-utils */
411
422
  }
412
423
 
413
- .awsui_action-buttons_1xupv_4d72d_412:not(#\9) {
424
+ .awsui_action-buttons_1xupv_157fb_423:not(#\9) {
414
425
  display: flex;
415
426
  justify-content: flex-end;
416
427
  }
@@ -2,36 +2,37 @@
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_1xupv_4d72d_94",
6
- "wizard": "awsui_wizard_1xupv_4d72d_129",
7
- "refresh": "awsui_refresh_1xupv_4d72d_129",
8
- "small-container": "awsui_small-container_1xupv_4d72d_136",
9
- "navigation": "awsui_navigation_1xupv_4d72d_145",
10
- "number": "awsui_number_1xupv_4d72d_205",
11
- "circle": "awsui_circle_1xupv_4d72d_221",
12
- "title": "awsui_title_1xupv_4d72d_229",
13
- "active": "awsui_active_1xupv_4d72d_257",
14
- "disabled": "awsui_disabled_1xupv_4d72d_268",
15
- "enabled": "awsui_enabled_1xupv_4d72d_278",
16
- "form": "awsui_form_1xupv_4d72d_319",
17
- "form-header": "awsui_form-header_1xupv_4d72d_324",
18
- "background": "awsui_background_1xupv_4d72d_334",
19
- "form-header-content": "awsui_form-header-content_1xupv_4d72d_346",
20
- "form-component": "awsui_form-component_1xupv_4d72d_350",
21
- "hidden": "awsui_hidden_1xupv_4d72d_364",
22
- "collapsed-steps": "awsui_collapsed-steps_1xupv_4d72d_368",
23
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_4d72d_373",
24
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_4d72d_377",
25
- "form-header-component": "awsui_form-header-component_1xupv_4d72d_377",
26
- "navigation-link": "awsui_navigation-link_1xupv_4d72d_390",
27
- "navigation-link-item": "awsui_navigation-link-item_1xupv_4d72d_391",
28
- "navigation-link-label": "awsui_navigation-link-label_1xupv_4d72d_392",
29
- "navigation-link-active": "awsui_navigation-link-active_1xupv_4d72d_396",
30
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_4d72d_401",
31
- "cancel-button": "awsui_cancel-button_1xupv_4d72d_405",
32
- "previous-button": "awsui_previous-button_1xupv_4d72d_406",
33
- "primary-button": "awsui_primary-button_1xupv_4d72d_407",
34
- "skip-to-button": "awsui_skip-to-button_1xupv_4d72d_408",
35
- "action-buttons": "awsui_action-buttons_1xupv_4d72d_412"
5
+ "root": "awsui_root_1xupv_157fb_94",
6
+ "wizard": "awsui_wizard_1xupv_157fb_129",
7
+ "refresh": "awsui_refresh_1xupv_157fb_129",
8
+ "small-container": "awsui_small-container_1xupv_157fb_136",
9
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_157fb_140",
10
+ "navigation": "awsui_navigation_1xupv_157fb_148",
11
+ "number": "awsui_number_1xupv_157fb_212",
12
+ "circle": "awsui_circle_1xupv_157fb_228",
13
+ "title": "awsui_title_1xupv_157fb_236",
14
+ "active": "awsui_active_1xupv_157fb_264",
15
+ "disabled": "awsui_disabled_1xupv_157fb_275",
16
+ "enabled": "awsui_enabled_1xupv_157fb_285",
17
+ "form": "awsui_form_1xupv_157fb_326",
18
+ "form-header": "awsui_form-header_1xupv_157fb_331",
19
+ "background": "awsui_background_1xupv_157fb_341",
20
+ "form-header-content": "awsui_form-header-content_1xupv_157fb_353",
21
+ "form-component": "awsui_form-component_1xupv_157fb_361",
22
+ "hidden": "awsui_hidden_1xupv_157fb_375",
23
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_157fb_379",
24
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_157fb_384",
25
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_157fb_388",
26
+ "form-header-component": "awsui_form-header-component_1xupv_157fb_388",
27
+ "navigation-link": "awsui_navigation-link_1xupv_157fb_401",
28
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_157fb_402",
29
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_157fb_403",
30
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_157fb_407",
31
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_157fb_412",
32
+ "cancel-button": "awsui_cancel-button_1xupv_157fb_416",
33
+ "previous-button": "awsui_previous-button_1xupv_157fb_417",
34
+ "primary-button": "awsui_primary-button_1xupv_157fb_418",
35
+ "skip-to-button": "awsui_skip-to-button_1xupv_157fb_419",
36
+ "action-buttons": "awsui_action-buttons_1xupv_157fb_423"
36
37
  };
37
38
 
@@ -1 +1 @@
1
- {"version":3,"file":"wizard-form-header.d.ts","sourceRoot":"lib/default/","sources":["wizard/wizard-form-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,qBAAqB,eAe5F"}
1
+ {"version":3,"file":"wizard-form-header.d.ts","sourceRoot":"lib/default/","sources":["wizard/wizard-form-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,qBAAqB,eAsB5F"}
@@ -5,9 +5,10 @@ import React from 'react';
5
5
  import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
6
6
  import { contentHeaderClassName } from '../internal/utils/content-header-utils';
7
7
  import styles from './styles.css.js';
8
+ import { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';
8
9
  export default function WizardFormHeader({ children, isVisualRefresh }) {
9
10
  const overlapElement = useDynamicOverlap();
10
11
  return (React.createElement("div", { className: clsx(styles['form-header'], isVisualRefresh && styles['form-header-refresh'], isVisualRefresh && contentHeaderClassName), ref: overlapElement },
11
- React.createElement("div", { className: clsx(styles['form-header-content']) }, children)));
12
+ React.createElement("div", { className: clsx(styles['form-header-content'], shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']) }, children)));
12
13
  }
13
14
  //# sourceMappingURL=wizard-form-header.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"wizard-form-header.js","sourceRoot":"lib/default/","sources":["wizard/wizard-form-header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAyB;IAC3F,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,eAAe,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAChD,eAAe,IAAI,sBAAsB,CAC1C,EACD,GAAG,EAAE,cAAc;QAEnB,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,IAAG,QAAQ,CAAO,CACjE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport styles from './styles.css.js';\n\ninterface WizardFormHeaderProps {\n children: React.ReactNode;\n isMobile: boolean;\n isVisualRefresh: boolean;\n}\n\nexport default function WizardFormHeader({ children, isVisualRefresh }: WizardFormHeaderProps) {\n const overlapElement = useDynamicOverlap();\n\n return (\n <div\n className={clsx(\n styles['form-header'],\n isVisualRefresh && styles['form-header-refresh'],\n isVisualRefresh && contentHeaderClassName\n )}\n ref={overlapElement}\n >\n <div className={clsx(styles['form-header-content'])}>{children}</div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"wizard-form-header.js","sourceRoot":"lib/default/","sources":["wizard/wizard-form-header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAQxF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAyB;IAC3F,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,eAAe,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAChD,eAAe,IAAI,sBAAsB,CAC1C,EACD,GAAG,EAAE,cAAc;QAEnB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,qBAAqB,CAAC,EAC7B,8BAA8B,IAAI,MAAM,CAAC,6BAA6B,CAAC,CACxE,IAEA,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';\n\ninterface WizardFormHeaderProps {\n children: React.ReactNode;\n isMobile: boolean;\n isVisualRefresh: boolean;\n}\n\nexport default function WizardFormHeader({ children, isVisualRefresh }: WizardFormHeaderProps) {\n const overlapElement = useDynamicOverlap();\n\n return (\n <div\n className={clsx(\n styles['form-header'],\n isVisualRefresh && styles['form-header-refresh'],\n isVisualRefresh && contentHeaderClassName\n )}\n ref={overlapElement}\n >\n <div\n className={clsx(\n styles['form-header-content'],\n shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']\n )}\n >\n {children}\n </div>\n </div>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"wizard-navigation.d.ts","sourceRoot":"lib/default/","sources":["wizard/wizard-navigation.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;CACxC;AAkBD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,MAAM,EACN,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,KAAK,GACN,EAAE,eAAe,eA4DjB"}
1
+ {"version":3,"file":"wizard-navigation.d.ts","sourceRoot":"lib/default/","sources":["wizard/wizard-navigation.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;CACxC;AAkBD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,MAAM,EACN,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,KAAK,GACN,EAAE,eAAe,eAsEjB"}
@@ -5,6 +5,7 @@ import clsx from 'clsx';
5
5
  import InternalLink from '../link/internal';
6
6
  import InternalBox from '../box/internal';
7
7
  import styles from './styles.css.js';
8
+ import { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';
8
9
  var Statuses;
9
10
  (function (Statuses) {
10
11
  Statuses["Active"] = "active";
@@ -13,8 +14,8 @@ var Statuses;
13
14
  Statuses["Next"] = "next";
14
15
  })(Statuses || (Statuses = {}));
15
16
  export default function Navigation({ activeStepIndex, farthestStepIndex, allowSkipTo, hidden, i18nStrings, isVisualRefresh, isLoadingNextStep, onStepClick, onSkipToClick, steps, }) {
16
- return (React.createElement("nav", { className: clsx(styles.navigation, hidden && styles.hidden, isVisualRefresh && styles.refresh), "aria-label": i18nStrings.navigationAriaLabel },
17
- React.createElement("ul", { className: clsx(isVisualRefresh && styles.refresh) }, steps.map((step, index) => isVisualRefresh ? (React.createElement(NavigationStepVisualRefresh, { i18nStrings: i18nStrings, index: index, key: index, onStepClick: onStepClick, onSkipToClick: onSkipToClick, status: getStatus(index), step: step })) : (React.createElement(NavigationStepClassic, { i18nStrings: i18nStrings, index: index, key: index, onStepClick: onStepClick, onSkipToClick: onSkipToClick, status: getStatus(index), step: step }))))));
17
+ return (React.createElement("nav", { className: clsx(styles.navigation, hidden && styles.hidden, isVisualRefresh && styles.refresh, shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']), "aria-label": i18nStrings.navigationAriaLabel },
18
+ React.createElement("ul", { className: clsx(isVisualRefresh && styles.refresh, shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']) }, steps.map((step, index) => isVisualRefresh ? (React.createElement(NavigationStepVisualRefresh, { i18nStrings: i18nStrings, index: index, key: index, onStepClick: onStepClick, onSkipToClick: onSkipToClick, status: getStatus(index), step: step })) : (React.createElement(NavigationStepClassic, { i18nStrings: i18nStrings, index: index, key: index, onStepClick: onStepClick, onSkipToClick: onSkipToClick, status: getStatus(index), step: step }))))));
18
19
  function getStatus(index) {
19
20
  if (activeStepIndex === index) {
20
21
  return Statuses.Active;