@cloudscape-design/components 3.0.223 → 3.0.224

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 (24) hide show
  1. package/app-layout/styles.css.js +26 -26
  2. package/app-layout/styles.scoped.css +34 -33
  3. package/app-layout/styles.selectors.js +26 -26
  4. package/app-layout/visual-refresh/styles.css.js +60 -60
  5. package/app-layout/visual-refresh/styles.scoped.css +152 -148
  6. package/app-layout/visual-refresh/styles.selectors.js +60 -60
  7. package/container/styles.css.js +20 -20
  8. package/container/styles.scoped.css +39 -38
  9. package/container/styles.selectors.js +20 -20
  10. package/content-layout/styles.css.js +7 -7
  11. package/content-layout/styles.scoped.css +12 -11
  12. package/content-layout/styles.selectors.js +7 -7
  13. package/internal/components/dark-ribbon/styles.css.js +2 -2
  14. package/internal/components/dark-ribbon/styles.scoped.css +3 -2
  15. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  16. package/internal/environment.js +1 -1
  17. package/internal/manifest.json +1 -1
  18. package/package.json +1 -1
  19. package/table/styles.css.js +33 -33
  20. package/table/styles.scoped.css +42 -41
  21. package/table/styles.selectors.js +33 -33
  22. package/wizard/styles.css.js +32 -32
  23. package/wizard/styles.scoped.css +65 -63
  24. package/wizard/styles.selectors.js +32 -32
package/wizard/styles.scoped.css CHANGED
@@ -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_19kr1_94:not(#\9) {
94
+ .awsui_root_1xupv_1xgi3_94:not(#\9) {
95
95
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
96
96
  border-collapse: separate;
97
97
  border-spacing: 0;
@@ -130,28 +130,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  -moz-osx-font-smoothing: auto;
131
131
  }
132
132
 
133
- .awsui_wizard_1xupv_19kr1_107.awsui_refresh_1xupv_19kr1_107:not(#\9) {
133
+ .awsui_wizard_1xupv_1xgi3_107.awsui_refresh_1xupv_1xgi3_107:not(#\9) {
134
134
  column-gap: var(--space-xl-a39hup, 24px);
135
135
  display: grid;
136
136
  grid-template-columns: auto minmax(0, 1fr);
137
137
  grid-template-rows: auto 1fr;
138
138
  row-gap: var(--space-scaled-xl-w2t504, 24px);
139
139
  }
140
- .awsui_wizard_1xupv_19kr1_107.awsui_refresh_1xupv_19kr1_107.awsui_small-container_1xupv_19kr1_114:not(#\9) {
140
+ .awsui_wizard_1xupv_1xgi3_107.awsui_refresh_1xupv_1xgi3_107.awsui_small-container_1xupv_1xgi3_114:not(#\9) {
141
141
  grid-template-columns: minmax(0, 1fr) 0;
142
142
  row-gap: var(--space-scaled-l-t03y3z, 20px);
143
143
  }
144
144
 
145
- .awsui_wizard_1xupv_19kr1_107:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) {
145
+ .awsui_wizard_1xupv_1xgi3_107:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) {
146
146
  display: flex;
147
147
  }
148
148
 
149
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107:not(#\9) {
149
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107:not(#\9) {
150
150
  grid-column: 1;
151
151
  grid-row: 1/span 2;
152
152
  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
153
153
  }
154
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul:not(#\9) {
154
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul:not(#\9) {
155
155
  background: var(--color-background-container-content-i8i4a0, #ffffff);
156
156
  position: relative;
157
157
  border-radius: var(--border-radius-container-gh9ysk, 16px);
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
161
161
  width: 280px;
162
162
  box-sizing: border-box;
163
163
  }
164
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul:not(#\9)::before {
164
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul:not(#\9)::before {
165
165
  content: "";
166
166
  position: absolute;
167
167
  left: 0px;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
176
176
  border-radius: var(--border-radius-container-gh9ysk, 16px);
177
177
  z-index: 1;
178
178
  }
179
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul:not(#\9)::after {
179
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul:not(#\9)::after {
180
180
  content: "";
181
181
  position: absolute;
182
182
  left: 0px;
@@ -191,30 +191,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
191
  mix-blend-mode: multiply;
192
192
  }
193
193
  @media screen and (-ms-high-contrast: active) {
194
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul:not(#\9) {
194
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul:not(#\9) {
195
195
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
196
196
  }
197
197
  }
198
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li:not(#\9) {
198
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li:not(#\9) {
199
199
  display: grid;
200
200
  column-gap: var(--space-s-hv8c1d, 12px);
201
201
  grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
202
202
  grid-template-rows: repeat(2, auto);
203
203
  }
204
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li > hr:not(#\9) {
204
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li > hr:not(#\9) {
205
205
  background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
206
206
  border: 0;
207
207
  grid-column: 1;
208
208
  height: 100%;
209
209
  width: var(--space-xxxs-k2w98v, 2px);
210
210
  }
211
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li > .awsui_number_1xupv_19kr1_185:not(#\9) {
211
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li > .awsui_number_1xupv_1xgi3_185:not(#\9) {
212
212
  color: var(--color-text-small-le1y42, #5f6b7a);
213
213
  font-size: var(--font-body-s-size-ukw2p9, 12px);
214
214
  grid-column: 2;
215
215
  grid-row: 1;
216
216
  }
217
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li > a:not(#\9) {
217
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li > a:not(#\9) {
218
218
  align-items: start;
219
219
  column-gap: var(--space-s-hv8c1d, 12px);
220
220
  cursor: pointer;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  grid-row: 2;
225
225
  grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
226
226
  }
227
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li > a > .awsui_circle_1xupv_19kr1_201:not(#\9) {
227
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li > a > .awsui_circle_1xupv_1xgi3_201:not(#\9) {
228
228
  border-radius: 100%;
229
229
  grid-column: 1;
230
230
  height: 10px;
@@ -232,13 +232,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
232
232
  margin-top: 6px;
233
233
  width: 10px;
234
234
  }
235
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li > a > .awsui_title_1xupv_19kr1_209:not(#\9) {
235
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li > a > .awsui_title_1xupv_1xgi3_209:not(#\9) {
236
236
  min-width: 0;
237
237
  -ms-word-break: break-all;
238
238
  word-break: break-word;
239
239
  grid-column: 2;
240
240
  }
241
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
241
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
242
242
  outline: thin dotted;
243
243
  outline: var(--border-link-focus-ring-outline-k2wccv, 0);
244
244
  outline-offset: 2px;
@@ -246,58 +246,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
246
246
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
247
247
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
248
248
  }
249
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li:not(#\9):first-child > hr {
249
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li:not(#\9):first-child > hr {
250
250
  grid-row: 2/span 2;
251
251
  }
252
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_19kr1_185 {
252
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1xgi3_185 {
253
253
  margin-top: var(--space-scaled-xl-w2t504, 24px);
254
254
  }
255
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li:not(#\9):last-child > hr {
255
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li:not(#\9):last-child > hr {
256
256
  grid-row: 1;
257
257
  }
258
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li:not(#\9):only-of-type > hr {
258
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li:not(#\9):only-of-type > hr {
259
259
  display: none;
260
260
  }
261
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
261
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
262
262
  grid-row: 1/span 3;
263
263
  }
264
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_active_1xupv_19kr1_238 > a:not(#\9) {
264
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_active_1xupv_1xgi3_238 > a:not(#\9) {
265
265
  cursor: text;
266
266
  }
267
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_active_1xupv_19kr1_238 > a > .awsui_circle_1xupv_19kr1_201:not(#\9) {
267
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_active_1xupv_1xgi3_238 > a > .awsui_circle_1xupv_1xgi3_201:not(#\9) {
268
268
  background-color: var(--color-background-control-checked-9admlu, #0972d3);
269
269
  box-shadow: 0 0 0 3px var(--color-background-container-content-i8i4a0, #ffffff), 0 0 0 5px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 7px var(--color-background-container-content-i8i4a0, #ffffff);
270
270
  }
271
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_active_1xupv_19kr1_238 > a > .awsui_title_1xupv_19kr1_209:not(#\9) {
271
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_active_1xupv_1xgi3_238 > a > .awsui_title_1xupv_1xgi3_209:not(#\9) {
272
272
  color: var(--color-background-control-checked-9admlu, #0972d3);
273
273
  font-weight: 700;
274
274
  }
275
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_disabled_1xupv_19kr1_249 > a:not(#\9) {
275
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_disabled_1xupv_1xgi3_249 > a:not(#\9) {
276
276
  cursor: text;
277
277
  }
278
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_disabled_1xupv_19kr1_249 > a > .awsui_circle_1xupv_19kr1_201:not(#\9) {
278
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_disabled_1xupv_1xgi3_249 > a > .awsui_circle_1xupv_1xgi3_201:not(#\9) {
279
279
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
280
280
  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-3pbb07, #9ba7b6), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
281
281
  }
282
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_disabled_1xupv_19kr1_249 > a > .awsui_title_1xupv_19kr1_209:not(#\9) {
282
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_disabled_1xupv_1xgi3_249 > a > .awsui_title_1xupv_1xgi3_209:not(#\9) {
283
283
  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
284
284
  }
285
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_enabled_1xupv_19kr1_259 > a > .awsui_circle_1xupv_19kr1_201:not(#\9) {
285
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_enabled_1xupv_1xgi3_259 > a > .awsui_circle_1xupv_1xgi3_201:not(#\9) {
286
286
  background-color: var(--color-text-interactive-default-eg5fsa, #414d5c);
287
287
  box-shadow: 0 0 0 2px var(--color-text-interactive-default-eg5fsa, #414d5c), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
288
288
  }
289
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_enabled_1xupv_19kr1_259 > a > .awsui_title_1xupv_19kr1_209:not(#\9) {
289
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_enabled_1xupv_1xgi3_259 > a > .awsui_title_1xupv_1xgi3_209:not(#\9) {
290
290
  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
291
291
  }
292
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_enabled_1xupv_19kr1_259 > a:not(#\9):hover > .awsui_circle_1xupv_19kr1_201 {
292
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_enabled_1xupv_1xgi3_259 > a:not(#\9):hover > .awsui_circle_1xupv_1xgi3_201 {
293
293
  background-color: var(--color-background-control-checked-9admlu, #0972d3);
294
294
  box-shadow: 0 0 0 2px var(--color-background-control-checked-9admlu, #0972d3), 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
295
295
  }
296
- .awsui_navigation_1xupv_19kr1_123.awsui_refresh_1xupv_19kr1_107 > ul > li.awsui_enabled_1xupv_19kr1_259 > a:not(#\9):hover > .awsui_title_1xupv_19kr1_209 {
296
+ .awsui_navigation_1xupv_1xgi3_123.awsui_refresh_1xupv_1xgi3_107 > ul > li.awsui_enabled_1xupv_1xgi3_259 > a:not(#\9):hover > .awsui_title_1xupv_1xgi3_209 {
297
297
  color: var(--color-background-control-checked-9admlu, #0972d3);
298
298
  }
299
299
 
300
- .awsui_navigation_1xupv_19kr1_123:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) {
300
+ .awsui_navigation_1xupv_1xgi3_123:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) {
301
301
  color: var(--color-text-disabled-a2nkh4, #9ba7b6);
302
302
  display: inline-block;
303
303
  margin-right: calc(2 * var(--space-xxxl-bo9z7f, 40px));
@@ -305,87 +305,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
305
305
  padding-top: var(--space-xxs-ynfts5, 4px);
306
306
  width: 200px;
307
307
  }
308
- .awsui_navigation_1xupv_19kr1_123:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) > ul {
308
+ .awsui_navigation_1xupv_1xgi3_123:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) > ul {
309
309
  list-style: none;
310
310
  padding: 0;
311
311
  margin: 0;
312
312
  }
313
- .awsui_navigation_1xupv_19kr1_123:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) > ul > li {
313
+ .awsui_navigation_1xupv_1xgi3_123:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) > ul > li {
314
314
  padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
315
315
  padding-top: 0;
316
316
  }
317
- .awsui_navigation_1xupv_19kr1_123:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) > ul > li:not(:first-child) {
317
+ .awsui_navigation_1xupv_1xgi3_123:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) > ul > li:not(:first-child) {
318
318
  margin-top: var(--space-scaled-m-pv0fmt, 16px);
319
319
  }
320
- .awsui_navigation_1xupv_19kr1_123:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) > ul > li:not(:last-child) {
320
+ .awsui_navigation_1xupv_1xgi3_123:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) > ul > li:not(:last-child) {
321
321
  border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-layout-wf5alz, #d1d5db);
322
322
  }
323
323
 
324
- .awsui_form_1xupv_19kr1_298:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) {
324
+ .awsui_form_1xupv_1xgi3_298:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) {
325
325
  min-width: 0;
326
326
  -ms-word-break: break-all;
327
327
  word-break: break-word;
328
328
  width: 100%;
329
329
  }
330
- .awsui_form_1xupv_19kr1_298:not(#\9):not(.awsui_refresh_1xupv_19kr1_107) > .awsui_form-header_1xupv_19kr1_304 {
330
+ .awsui_form_1xupv_1xgi3_298:not(#\9):not(.awsui_refresh_1xupv_1xgi3_107) > .awsui_form-header_1xupv_1xgi3_304 {
331
331
  position: relative;
332
332
  margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
333
333
  }
334
334
 
335
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107:not(#\9) {
335
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107:not(#\9) {
336
336
  min-width: 0;
337
337
  -ms-word-break: break-all;
338
338
  word-break: break-word;
339
339
  display: contents;
340
340
  }
341
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107 > .awsui_background_1xupv_19kr1_315:not(#\9) {
341
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107 > .awsui_background_1xupv_1xgi3_315:not(#\9) {
342
342
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
343
343
  grid-column: 1/span 2;
344
344
  grid-row: 1;
345
+ color: var(--color-text-body-default-ajf1h5, #000716);
345
346
  }
346
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107 > .awsui_form-header_1xupv_19kr1_304:not(#\9) {
347
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107 > .awsui_form-header_1xupv_1xgi3_304:not(#\9) {
347
348
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
348
349
  grid-column: 2;
349
350
  grid-row: 1;
351
+ color: var(--color-text-body-default-ajf1h5, #000716);
350
352
  }
351
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107 > .awsui_form-header_1xupv_19kr1_304 > .awsui_form-header-content_1xupv_19kr1_325:not(#\9) {
353
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107 > .awsui_form-header_1xupv_1xgi3_304 > .awsui_form-header-content_1xupv_1xgi3_327:not(#\9) {
352
354
  padding-top: var(--space-scaled-xl-w2t504, 24px);
353
355
  padding-bottom: var(--space-scaled-xl-w2t504, 24px);
354
356
  }
355
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107 > .awsui_form-component_1xupv_19kr1_329:not(#\9) {
357
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107 > .awsui_form-component_1xupv_1xgi3_331:not(#\9) {
356
358
  grid-column: 2;
357
359
  grid-row: 2;
358
360
  }
359
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107.awsui_small-container_1xupv_19kr1_114 > .awsui_form-header_1xupv_19kr1_304:not(#\9) {
361
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107.awsui_small-container_1xupv_1xgi3_114 > .awsui_form-header_1xupv_1xgi3_304:not(#\9) {
360
362
  grid-column: 1/span 2;
361
363
  }
362
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107.awsui_small-container_1xupv_19kr1_114 > .awsui_form-header_1xupv_19kr1_304 > .awsui_form-header-content_1xupv_19kr1_325:not(#\9) {
364
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107.awsui_small-container_1xupv_1xgi3_114 > .awsui_form-header_1xupv_1xgi3_304 > .awsui_form-header-content_1xupv_1xgi3_327:not(#\9) {
363
365
  padding-top: 0;
364
366
  }
365
- .awsui_form_1xupv_19kr1_298.awsui_refresh_1xupv_19kr1_107.awsui_small-container_1xupv_19kr1_114 > .awsui_form-component_1xupv_19kr1_329:not(#\9) {
367
+ .awsui_form_1xupv_1xgi3_298.awsui_refresh_1xupv_1xgi3_107.awsui_small-container_1xupv_1xgi3_114 > .awsui_form-component_1xupv_1xgi3_331:not(#\9) {
366
368
  grid-column: 1/span 2;
367
369
  }
368
370
 
369
- .awsui_navigation_1xupv_19kr1_123.awsui_hidden_1xupv_19kr1_343:not(#\9) {
371
+ .awsui_navigation_1xupv_1xgi3_123.awsui_hidden_1xupv_1xgi3_345:not(#\9) {
370
372
  display: none;
371
373
  }
372
374
 
373
- .awsui_collapsed-steps_1xupv_19kr1_347:not(#\9) {
375
+ .awsui_collapsed-steps_1xupv_1xgi3_349:not(#\9) {
374
376
  color: var(--color-text-heading-secondary-corkaj, #414d5c);
375
377
  font-weight: 700;
376
378
  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
377
379
  }
378
- .awsui_collapsed-steps-extra-padding_1xupv_19kr1_352:not(#\9) {
380
+ .awsui_collapsed-steps-extra-padding_1xupv_1xgi3_354:not(#\9) {
379
381
  padding-top: var(--space-scaled-l-t03y3z, 20px);
380
382
  }
381
- .awsui_collapsed-steps-hidden_1xupv_19kr1_355:not(#\9) {
383
+ .awsui_collapsed-steps-hidden_1xupv_1xgi3_357:not(#\9) {
382
384
  display: none;
383
385
  }
384
386
 
385
- .awsui_form-header-component-wrapper_1xupv_19kr1_359:not(#\9) {
387
+ .awsui_form-header-component-wrapper_1xupv_1xgi3_361:not(#\9) {
386
388
  outline: none;
387
389
  }
388
- .awsui_form-header-component-wrapper_1xupv_19kr1_359[data-awsui-focus-visible=true]:not(#\9):focus {
390
+ .awsui_form-header-component-wrapper_1xupv_1xgi3_361[data-awsui-focus-visible=true]:not(#\9):focus {
389
391
  outline: thin dotted;
390
392
  outline: var(--border-link-focus-ring-outline-k2wccv, 0);
391
393
  outline-offset: 2px;
@@ -394,30 +396,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
394
396
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
395
397
  }
396
398
 
397
- .awsui_form-header-component_1xupv_19kr1_359:not(#\9),
398
- .awsui_navigation-link_1xupv_19kr1_372:not(#\9),
399
- .awsui_navigation-link-item_1xupv_19kr1_373:not(#\9),
400
- .awsui_navigation-link-label_1xupv_19kr1_374:not(#\9) {
399
+ .awsui_form-header-component_1xupv_1xgi3_361:not(#\9),
400
+ .awsui_navigation-link_1xupv_1xgi3_374:not(#\9),
401
+ .awsui_navigation-link-item_1xupv_1xgi3_375:not(#\9),
402
+ .awsui_navigation-link-label_1xupv_1xgi3_376:not(#\9) {
401
403
  /* used in test-utils */
402
404
  }
403
405
 
404
- .awsui_navigation-link-active_1xupv_19kr1_378:not(#\9) {
406
+ .awsui_navigation-link-active_1xupv_1xgi3_380:not(#\9) {
405
407
  font-weight: 700;
406
408
  color: var(--color-text-body-default-ajf1h5, #000716);
407
409
  }
408
410
 
409
- .awsui_navigation-link-disabled_1xupv_19kr1_383:not(#\9) {
411
+ .awsui_navigation-link-disabled_1xupv_1xgi3_385:not(#\9) {
410
412
  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
411
413
  }
412
414
 
413
- .awsui_cancel-button_1xupv_19kr1_387:not(#\9),
414
- .awsui_previous-button_1xupv_19kr1_388:not(#\9),
415
- .awsui_primary-button_1xupv_19kr1_389:not(#\9),
416
- .awsui_skip-to-button_1xupv_19kr1_390:not(#\9) {
415
+ .awsui_cancel-button_1xupv_1xgi3_389:not(#\9),
416
+ .awsui_previous-button_1xupv_1xgi3_390:not(#\9),
417
+ .awsui_primary-button_1xupv_1xgi3_391:not(#\9),
418
+ .awsui_skip-to-button_1xupv_1xgi3_392:not(#\9) {
417
419
  /* used in test-utils */
418
420
  }
419
421
 
420
- .awsui_action-buttons_1xupv_19kr1_394:not(#\9) {
422
+ .awsui_action-buttons_1xupv_1xgi3_396:not(#\9) {
421
423
  display: flex;
422
424
  justify-content: flex-end;
423
425
  }
package/wizard/styles.selectors.js CHANGED
@@ -2,37 +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_19kr1_94",
6
- "wizard": "awsui_wizard_1xupv_19kr1_107",
7
- "refresh": "awsui_refresh_1xupv_19kr1_107",
8
- "small-container": "awsui_small-container_1xupv_19kr1_114",
9
- "navigation": "awsui_navigation_1xupv_19kr1_123",
10
- "number": "awsui_number_1xupv_19kr1_185",
11
- "circle": "awsui_circle_1xupv_19kr1_201",
12
- "title": "awsui_title_1xupv_19kr1_209",
13
- "active": "awsui_active_1xupv_19kr1_238",
14
- "disabled": "awsui_disabled_1xupv_19kr1_249",
15
- "enabled": "awsui_enabled_1xupv_19kr1_259",
16
- "form": "awsui_form_1xupv_19kr1_298",
17
- "form-header": "awsui_form-header_1xupv_19kr1_304",
18
- "background": "awsui_background_1xupv_19kr1_315",
19
- "form-header-content": "awsui_form-header-content_1xupv_19kr1_325",
20
- "form-component": "awsui_form-component_1xupv_19kr1_329",
21
- "hidden": "awsui_hidden_1xupv_19kr1_343",
22
- "collapsed-steps": "awsui_collapsed-steps_1xupv_19kr1_347",
23
- "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_19kr1_352",
24
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_19kr1_355",
25
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_19kr1_359",
26
- "form-header-component": "awsui_form-header-component_1xupv_19kr1_359",
27
- "navigation-link": "awsui_navigation-link_1xupv_19kr1_372",
28
- "navigation-link-item": "awsui_navigation-link-item_1xupv_19kr1_373",
29
- "navigation-link-label": "awsui_navigation-link-label_1xupv_19kr1_374",
30
- "navigation-link-active": "awsui_navigation-link-active_1xupv_19kr1_378",
31
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_19kr1_383",
32
- "cancel-button": "awsui_cancel-button_1xupv_19kr1_387",
33
- "previous-button": "awsui_previous-button_1xupv_19kr1_388",
34
- "primary-button": "awsui_primary-button_1xupv_19kr1_389",
35
- "skip-to-button": "awsui_skip-to-button_1xupv_19kr1_390",
36
- "action-buttons": "awsui_action-buttons_1xupv_19kr1_394"
5
+ "root": "awsui_root_1xupv_1xgi3_94",
6
+ "wizard": "awsui_wizard_1xupv_1xgi3_107",
7
+ "refresh": "awsui_refresh_1xupv_1xgi3_107",
8
+ "small-container": "awsui_small-container_1xupv_1xgi3_114",
9
+ "navigation": "awsui_navigation_1xupv_1xgi3_123",
10
+ "number": "awsui_number_1xupv_1xgi3_185",
11
+ "circle": "awsui_circle_1xupv_1xgi3_201",
12
+ "title": "awsui_title_1xupv_1xgi3_209",
13
+ "active": "awsui_active_1xupv_1xgi3_238",
14
+ "disabled": "awsui_disabled_1xupv_1xgi3_249",
15
+ "enabled": "awsui_enabled_1xupv_1xgi3_259",
16
+ "form": "awsui_form_1xupv_1xgi3_298",
17
+ "form-header": "awsui_form-header_1xupv_1xgi3_304",
18
+ "background": "awsui_background_1xupv_1xgi3_315",
19
+ "form-header-content": "awsui_form-header-content_1xupv_1xgi3_327",
20
+ "form-component": "awsui_form-component_1xupv_1xgi3_331",
21
+ "hidden": "awsui_hidden_1xupv_1xgi3_345",
22
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_1xgi3_349",
23
+ "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_1xgi3_354",
24
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1xgi3_357",
25
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1xgi3_361",
26
+ "form-header-component": "awsui_form-header-component_1xupv_1xgi3_361",
27
+ "navigation-link": "awsui_navigation-link_1xupv_1xgi3_374",
28
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_1xgi3_375",
29
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_1xgi3_376",
30
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_1xgi3_380",
31
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1xgi3_385",
32
+ "cancel-button": "awsui_cancel-button_1xupv_1xgi3_389",
33
+ "previous-button": "awsui_previous-button_1xupv_1xgi3_390",
34
+ "primary-button": "awsui_primary-button_1xupv_1xgi3_391",
35
+ "skip-to-button": "awsui_skip-to-button_1xupv_1xgi3_392",
36
+ "action-buttons": "awsui_action-buttons_1xupv_1xgi3_396"
37
37
  };
38
38