@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
package/cards/styles.scoped.css CHANGED
@@ -94,34 +94,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9) {
97
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9) {
98
98
  transition-property: background-color;
99
99
  transition-duration: var(--motion-duration-transition-show-paced-9s9l5z, 180ms);
100
100
  transition-timing-function: var(--motion-easing-transition-show-paced-eobwvi, ease-out);
101
101
  }
102
102
  @media (prefers-reduced-motion: reduce) {
103
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9) {
103
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9) {
104
104
  animation: none;
105
105
  transition: none;
106
106
  }
107
107
  }
108
- .awsui-motion-disabled .awsui_card-inner_p8a6i_eupqy_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_eupqy_97:not(#\9) {
108
+ .awsui-motion-disabled .awsui_card-inner_p8a6i_1h9zs_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_1h9zs_97:not(#\9) {
109
109
  animation: none;
110
110
  transition: none;
111
111
  }
112
112
 
113
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9)::before {
113
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9)::before {
114
114
  transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
115
115
  transition-duration: var(--motion-duration-transition-show-paced-9s9l5z, 180ms);
116
116
  transition-timing-function: var(--motion-easing-transition-show-paced-eobwvi, ease-out);
117
117
  }
118
118
  @media (prefers-reduced-motion: reduce) {
119
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9)::before {
119
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9)::before {
120
120
  animation: none;
121
121
  transition: none;
122
122
  }
123
123
  }
124
- .awsui-motion-disabled .awsui_card-inner_p8a6i_eupqy_97:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_eupqy_97:not(#\9)::before {
124
+ .awsui-motion-disabled .awsui_card-inner_p8a6i_1h9zs_97:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_1h9zs_97:not(#\9)::before {
125
125
  animation: none;
126
126
  transition: none;
127
127
  }
@@ -130,7 +130,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
131
131
  SPDX-License-Identifier: Apache-2.0
132
132
  */
133
- .awsui_root_p8a6i_eupqy_133:not(#\9) {
133
+ .awsui_root_p8a6i_1h9zs_133:not(#\9) {
134
134
  border-collapse: separate;
135
135
  border-spacing: 0;
136
136
  box-sizing: border-box;
@@ -173,14 +173,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
173
  -moz-osx-font-smoothing: auto;
174
174
  }
175
175
 
176
- .awsui_header-variant-full-page_p8a6i_eupqy_175.awsui_header-refresh_p8a6i_eupqy_175:not(#\9) {
176
+ .awsui_header-variant-full-page_p8a6i_1h9zs_175.awsui_header-refresh_p8a6i_1h9zs_175:not(#\9) {
177
177
  padding-top: 0;
178
178
  padding-left: 0;
179
179
  padding-right: 0;
180
180
  padding-bottom: calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
181
181
  }
182
182
 
183
- .awsui_list_p8a6i_eupqy_182:not(#\9) {
183
+ .awsui_list_p8a6i_1h9zs_182:not(#\9) {
184
184
  display: flex;
185
185
  flex-wrap: wrap;
186
186
  box-sizing: border-box;
@@ -188,68 +188,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
188
188
  list-style: none;
189
189
  margin: 0 0 0 calc(var(--space-grid-gutter-ieqn7e, 20px) * -1);
190
190
  }
191
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-1_p8a6i_eupqy_190 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
191
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-1_p8a6i_1h9zs_190 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
192
192
  width: 100%;
193
193
  }
194
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-2_p8a6i_eupqy_193 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
194
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-2_p8a6i_1h9zs_193 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
195
195
  width: 50%;
196
196
  }
197
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-3_p8a6i_eupqy_196 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
197
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-3_p8a6i_1h9zs_196 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
198
198
  width: 33.3333333333%;
199
199
  }
200
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-4_p8a6i_eupqy_199 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
200
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-4_p8a6i_1h9zs_199 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
201
201
  width: 25%;
202
202
  }
203
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-5_p8a6i_eupqy_202 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
203
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-5_p8a6i_1h9zs_202 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
204
204
  width: 20%;
205
205
  }
206
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-6_p8a6i_eupqy_205 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
206
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-6_p8a6i_1h9zs_205 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
207
207
  width: 16.6666666667%;
208
208
  }
209
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-7_p8a6i_eupqy_208 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
209
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-7_p8a6i_1h9zs_208 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
210
210
  width: 14.2857142857%;
211
211
  }
212
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-8_p8a6i_eupqy_211 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
212
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-8_p8a6i_1h9zs_211 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
213
213
  width: 12.5%;
214
214
  }
215
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-9_p8a6i_eupqy_214 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
215
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-9_p8a6i_1h9zs_214 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
216
216
  width: 11.1111111111%;
217
217
  }
218
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-10_p8a6i_eupqy_217 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
218
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-10_p8a6i_1h9zs_217 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
219
219
  width: 10%;
220
220
  }
221
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-11_p8a6i_eupqy_220 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
221
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-11_p8a6i_1h9zs_220 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
222
222
  width: 9.0909090909%;
223
223
  }
224
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-12_p8a6i_eupqy_223 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
224
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-12_p8a6i_1h9zs_223 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
225
225
  width: 8.3333333333%;
226
226
  }
227
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-13_p8a6i_eupqy_226 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
227
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-13_p8a6i_1h9zs_226 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
228
228
  width: 7.6923076923%;
229
229
  }
230
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-14_p8a6i_eupqy_229 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
230
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-14_p8a6i_1h9zs_229 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
231
231
  width: 7.1428571429%;
232
232
  }
233
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-15_p8a6i_eupqy_232 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
233
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-15_p8a6i_1h9zs_232 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
234
234
  width: 6.6666666667%;
235
235
  }
236
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-16_p8a6i_eupqy_235 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
236
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-16_p8a6i_1h9zs_235 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
237
237
  width: 6.25%;
238
238
  }
239
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-17_p8a6i_eupqy_238 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
239
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-17_p8a6i_1h9zs_238 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
240
240
  width: 5.8823529412%;
241
241
  }
242
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-18_p8a6i_eupqy_241 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
242
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-18_p8a6i_1h9zs_241 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
243
243
  width: 5.5555555556%;
244
244
  }
245
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-19_p8a6i_eupqy_244 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
245
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-19_p8a6i_1h9zs_244 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
246
246
  width: 5.2631578947%;
247
247
  }
248
- .awsui_list_p8a6i_eupqy_182.awsui_list-grid-20_p8a6i_eupqy_247 > .awsui_card_p8a6i_eupqy_97:not(#\9) {
248
+ .awsui_list_p8a6i_1h9zs_182.awsui_list-grid-20_p8a6i_1h9zs_247 > .awsui_card_p8a6i_1h9zs_97:not(#\9) {
249
249
  width: 5%;
250
250
  }
251
251
 
252
- .awsui_selection-control_p8a6i_eupqy_251:not(#\9) {
252
+ .awsui_selection-control_p8a6i_1h9zs_251:not(#\9) {
253
253
  position: absolute;
254
254
  box-sizing: border-box;
255
255
  width: calc(var(--size-control-28i7hr, 16px) + (2 * var(--space-card-horizontal-tuwbbd, 20px)));
@@ -258,19 +258,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
258
258
  padding: var(--space-card-vertical-m591he, 16px) var(--space-card-horizontal-tuwbbd, 20px);
259
259
  }
260
260
 
261
- .awsui_loading_p8a6i_eupqy_260:not(#\9),
262
- .awsui_empty_p8a6i_eupqy_261:not(#\9) {
261
+ .awsui_loading_p8a6i_1h9zs_260:not(#\9),
262
+ .awsui_empty_p8a6i_1h9zs_261:not(#\9) {
263
263
  overflow: hidden;
264
264
  text-align: center;
265
265
  color: var(--color-text-empty-2wfcyr, #5f6b7a);
266
266
  margin-bottom: var(--space-scaled-l-0hpmd7, 20px);
267
267
  }
268
268
 
269
- .awsui_has-header_p8a6i_eupqy_268:not(#\9) {
269
+ .awsui_has-header_p8a6i_1h9zs_268:not(#\9) {
270
270
  margin-top: var(--space-grid-gutter-ieqn7e, 20px);
271
271
  }
272
+ .awsui_has-header_p8a6i_1h9zs_268.awsui_refresh_p8a6i_1h9zs_271.awsui_header-variant-full-page_p8a6i_1h9zs_175.awsui_remove-high-contrast-header_p8a6i_1h9zs_271:not(#\9) {
273
+ margin-top: var(--space-scaled-s-aqzyko, 12px);
274
+ }
272
275
 
273
- .awsui_card_p8a6i_eupqy_97:not(#\9) {
276
+ .awsui_card_p8a6i_1h9zs_97:not(#\9) {
274
277
  display: flex;
275
278
  overflow-wrap: break-word;
276
279
  word-wrap: break-word;
@@ -278,7 +281,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
278
281
  padding: 0;
279
282
  list-style: none;
280
283
  }
281
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9) {
284
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9) {
282
285
  position: relative;
283
286
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
284
287
  margin: 0 0 var(--space-grid-gutter-ieqn7e, 20px) var(--space-grid-gutter-ieqn7e, 20px);
@@ -288,7 +291,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
288
291
  border-radius: var(--border-radius-container-wqv1zi, 16px);
289
292
  box-sizing: border-box;
290
293
  }
291
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9)::before {
294
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9)::before {
292
295
  content: "";
293
296
  position: absolute;
294
297
  left: 0px;
@@ -303,7 +306,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
303
306
  border-radius: var(--border-radius-container-wqv1zi, 16px);
304
307
  z-index: 1;
305
308
  }
306
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9)::after {
309
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9)::after {
307
310
  content: "";
308
311
  position: absolute;
309
312
  left: 0px;
@@ -315,13 +318,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
315
318
  box-sizing: border-box;
316
319
  border-radius: var(--border-radius-container-wqv1zi, 16px);
317
320
  }
318
- .awsui_card-inner_p8a6i_eupqy_97:not(#\9):not(.awsui_refresh_p8a6i_eupqy_317)::after {
321
+ .awsui_card-inner_p8a6i_1h9zs_97:not(#\9):not(.awsui_refresh_p8a6i_1h9zs_271)::after {
319
322
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
320
323
  }
321
- .awsui_card-inner_p8a6i_eupqy_97.awsui_refresh_p8a6i_eupqy_317:not(#\9)::after {
324
+ .awsui_card-inner_p8a6i_1h9zs_97.awsui_refresh_p8a6i_1h9zs_271:not(#\9)::after {
322
325
  border: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
323
326
  }
324
- .awsui_card-header_p8a6i_eupqy_323:not(#\9) {
327
+ .awsui_card-header_p8a6i_1h9zs_326:not(#\9) {
325
328
  font-size: var(--font-size-heading-m-sjd256, 18px);
326
329
  line-height: var(--line-height-heading-m-50evfk, 22px);
327
330
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -329,41 +332,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
329
332
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
330
333
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
331
334
  }
332
- .awsui_card-header-inner_p8a6i_eupqy_331:not(#\9) {
335
+ .awsui_card-header-inner_p8a6i_1h9zs_334:not(#\9) {
333
336
  width: 100%;
334
337
  display: inline-block;
335
338
  }
336
- .awsui_card-selectable_p8a6i_eupqy_335 > .awsui_card-inner_p8a6i_eupqy_97 > .awsui_card-header_p8a6i_eupqy_323:not(#\9) {
339
+ .awsui_card-selectable_p8a6i_1h9zs_338 > .awsui_card-inner_p8a6i_1h9zs_97 > .awsui_card-header_p8a6i_1h9zs_326:not(#\9) {
337
340
  width: 90%;
338
341
  }
339
- .awsui_card-selected_p8a6i_eupqy_338 > .awsui_card-inner_p8a6i_eupqy_97:not(#\9) {
342
+ .awsui_card-selected_p8a6i_1h9zs_341 > .awsui_card-inner_p8a6i_1h9zs_97:not(#\9) {
340
343
  background-color: var(--color-background-item-selected-hcx8l4, #f2f8fd);
341
344
  }
342
- .awsui_card-selected_p8a6i_eupqy_338 > .awsui_card-inner_p8a6i_eupqy_97:not(#\9)::before {
345
+ .awsui_card-selected_p8a6i_1h9zs_341 > .awsui_card-inner_p8a6i_1h9zs_97:not(#\9)::before {
343
346
  border: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
344
347
  }
345
348
 
346
- .awsui_section_p8a6i_eupqy_345:not(#\9) {
349
+ .awsui_section_p8a6i_1h9zs_348:not(#\9) {
347
350
  display: inline-block;
348
351
  box-sizing: border-box;
349
352
  padding: var(--space-xs-zb16t3, 8px) 0 var(--space-scaled-xs-26e2du, 8px) 0;
350
353
  vertical-align: top;
351
354
  }
352
- .awsui_section-header_p8a6i_eupqy_351:not(#\9) {
355
+ .awsui_section-header_p8a6i_1h9zs_354:not(#\9) {
353
356
  font-size: var(--font-size-body-m-x4okxb, 14px);
354
357
  line-height: var(--line-height-body-m-30ar75, 20px);
355
358
  font-weight: var(--font-display-label-weight-815ja9, 700);
356
359
  color: var(--color-text-label-rj4jdv, #000716);
357
360
  }
358
- .awsui_section-content_p8a6i_eupqy_357:not(#\9) {
361
+ .awsui_section-content_p8a6i_1h9zs_360:not(#\9) {
359
362
  /* used in test-utils */
360
363
  }
361
364
 
362
- .awsui_section_p8a6i_eupqy_345:not(#\9):last-child {
365
+ .awsui_section_p8a6i_1h9zs_348:not(#\9):last-child {
363
366
  padding: var(--space-xs-zb16t3, 8px) 0 0 0;
364
367
  }
365
368
 
366
- .awsui_footer-pagination_p8a6i_eupqy_365:not(#\9) {
369
+ .awsui_footer-pagination_p8a6i_1h9zs_368:not(#\9) {
367
370
  display: flex;
368
371
  justify-content: flex-end;
369
372
  }
package/cards/styles.selectors.js CHANGED
@@ -2,44 +2,45 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "card-inner": "awsui_card-inner_p8a6i_eupqy_97",
6
- "root": "awsui_root_p8a6i_eupqy_133",
7
- "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_eupqy_175",
8
- "header-refresh": "awsui_header-refresh_p8a6i_eupqy_175",
9
- "list": "awsui_list_p8a6i_eupqy_182",
10
- "list-grid-1": "awsui_list-grid-1_p8a6i_eupqy_190",
11
- "card": "awsui_card_p8a6i_eupqy_97",
12
- "list-grid-2": "awsui_list-grid-2_p8a6i_eupqy_193",
13
- "list-grid-3": "awsui_list-grid-3_p8a6i_eupqy_196",
14
- "list-grid-4": "awsui_list-grid-4_p8a6i_eupqy_199",
15
- "list-grid-5": "awsui_list-grid-5_p8a6i_eupqy_202",
16
- "list-grid-6": "awsui_list-grid-6_p8a6i_eupqy_205",
17
- "list-grid-7": "awsui_list-grid-7_p8a6i_eupqy_208",
18
- "list-grid-8": "awsui_list-grid-8_p8a6i_eupqy_211",
19
- "list-grid-9": "awsui_list-grid-9_p8a6i_eupqy_214",
20
- "list-grid-10": "awsui_list-grid-10_p8a6i_eupqy_217",
21
- "list-grid-11": "awsui_list-grid-11_p8a6i_eupqy_220",
22
- "list-grid-12": "awsui_list-grid-12_p8a6i_eupqy_223",
23
- "list-grid-13": "awsui_list-grid-13_p8a6i_eupqy_226",
24
- "list-grid-14": "awsui_list-grid-14_p8a6i_eupqy_229",
25
- "list-grid-15": "awsui_list-grid-15_p8a6i_eupqy_232",
26
- "list-grid-16": "awsui_list-grid-16_p8a6i_eupqy_235",
27
- "list-grid-17": "awsui_list-grid-17_p8a6i_eupqy_238",
28
- "list-grid-18": "awsui_list-grid-18_p8a6i_eupqy_241",
29
- "list-grid-19": "awsui_list-grid-19_p8a6i_eupqy_244",
30
- "list-grid-20": "awsui_list-grid-20_p8a6i_eupqy_247",
31
- "selection-control": "awsui_selection-control_p8a6i_eupqy_251",
32
- "loading": "awsui_loading_p8a6i_eupqy_260",
33
- "empty": "awsui_empty_p8a6i_eupqy_261",
34
- "has-header": "awsui_has-header_p8a6i_eupqy_268",
35
- "refresh": "awsui_refresh_p8a6i_eupqy_317",
36
- "card-header": "awsui_card-header_p8a6i_eupqy_323",
37
- "card-header-inner": "awsui_card-header-inner_p8a6i_eupqy_331",
38
- "card-selectable": "awsui_card-selectable_p8a6i_eupqy_335",
39
- "card-selected": "awsui_card-selected_p8a6i_eupqy_338",
40
- "section": "awsui_section_p8a6i_eupqy_345",
41
- "section-header": "awsui_section-header_p8a6i_eupqy_351",
42
- "section-content": "awsui_section-content_p8a6i_eupqy_357",
43
- "footer-pagination": "awsui_footer-pagination_p8a6i_eupqy_365"
5
+ "card-inner": "awsui_card-inner_p8a6i_1h9zs_97",
6
+ "root": "awsui_root_p8a6i_1h9zs_133",
7
+ "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1h9zs_175",
8
+ "header-refresh": "awsui_header-refresh_p8a6i_1h9zs_175",
9
+ "list": "awsui_list_p8a6i_1h9zs_182",
10
+ "list-grid-1": "awsui_list-grid-1_p8a6i_1h9zs_190",
11
+ "card": "awsui_card_p8a6i_1h9zs_97",
12
+ "list-grid-2": "awsui_list-grid-2_p8a6i_1h9zs_193",
13
+ "list-grid-3": "awsui_list-grid-3_p8a6i_1h9zs_196",
14
+ "list-grid-4": "awsui_list-grid-4_p8a6i_1h9zs_199",
15
+ "list-grid-5": "awsui_list-grid-5_p8a6i_1h9zs_202",
16
+ "list-grid-6": "awsui_list-grid-6_p8a6i_1h9zs_205",
17
+ "list-grid-7": "awsui_list-grid-7_p8a6i_1h9zs_208",
18
+ "list-grid-8": "awsui_list-grid-8_p8a6i_1h9zs_211",
19
+ "list-grid-9": "awsui_list-grid-9_p8a6i_1h9zs_214",
20
+ "list-grid-10": "awsui_list-grid-10_p8a6i_1h9zs_217",
21
+ "list-grid-11": "awsui_list-grid-11_p8a6i_1h9zs_220",
22
+ "list-grid-12": "awsui_list-grid-12_p8a6i_1h9zs_223",
23
+ "list-grid-13": "awsui_list-grid-13_p8a6i_1h9zs_226",
24
+ "list-grid-14": "awsui_list-grid-14_p8a6i_1h9zs_229",
25
+ "list-grid-15": "awsui_list-grid-15_p8a6i_1h9zs_232",
26
+ "list-grid-16": "awsui_list-grid-16_p8a6i_1h9zs_235",
27
+ "list-grid-17": "awsui_list-grid-17_p8a6i_1h9zs_238",
28
+ "list-grid-18": "awsui_list-grid-18_p8a6i_1h9zs_241",
29
+ "list-grid-19": "awsui_list-grid-19_p8a6i_1h9zs_244",
30
+ "list-grid-20": "awsui_list-grid-20_p8a6i_1h9zs_247",
31
+ "selection-control": "awsui_selection-control_p8a6i_1h9zs_251",
32
+ "loading": "awsui_loading_p8a6i_1h9zs_260",
33
+ "empty": "awsui_empty_p8a6i_1h9zs_261",
34
+ "has-header": "awsui_has-header_p8a6i_1h9zs_268",
35
+ "refresh": "awsui_refresh_p8a6i_1h9zs_271",
36
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_p8a6i_1h9zs_271",
37
+ "card-header": "awsui_card-header_p8a6i_1h9zs_326",
38
+ "card-header-inner": "awsui_card-header-inner_p8a6i_1h9zs_334",
39
+ "card-selectable": "awsui_card-selectable_p8a6i_1h9zs_338",
40
+ "card-selected": "awsui_card-selected_p8a6i_1h9zs_341",
41
+ "section": "awsui_section_p8a6i_1h9zs_348",
42
+ "section-header": "awsui_section-header_p8a6i_1h9zs_354",
43
+ "section-content": "awsui_section-content_p8a6i_1h9zs_360",
44
+ "footer-pagination": "awsui_footer-pagination_p8a6i_1h9zs_368"
44
45
  };
45
46
 
package/container/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,YAAoB,EACpB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAuHxB"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAK1E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,YAAoB,EACpB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAiIxB"}
package/container/internal.js CHANGED
@@ -15,6 +15,7 @@ import styles from './styles.css.js';
15
15
  import { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
16
16
  import { useModalContext } from '../internal/context/modal-context';
17
17
  import { useUniqueId } from '../internal/hooks/use-unique-id';
18
+ import { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';
18
19
  export function InternalContainerAsSubstep(props) {
19
20
  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();
20
21
  const modalContext = useModalContext();
@@ -60,7 +61,7 @@ export default function InternalContainer(_a) {
60
61
  hasMedia && (React.createElement("div", { className: clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media), style: mediaPosition === 'top' ? { height: (media === null || media === void 0 ? void 0 : media.height) || '' } : { width: (media === null || media === void 0 ? void 0 : media.width) || '' } }, media.content)),
61
62
  React.createElement("div", { id: contentId, ref: __subStepRef, className: clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height']) },
62
63
  header && (React.createElement(StickyHeaderContext.Provider, { value: { isStuck } },
63
- React.createElement("div", Object.assign({ className: clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], {
64
+ React.createElement("div", Object.assign({ className: clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], shouldRemoveHighContrastHeader && styles['remove-high-contrast-header'], {
64
65
  [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,
65
66
  [styles['header-sticky-enabled']]: isSticky,
66
67
  [styles['header-dynamic-height']]: hasDynamicHeight,
@@ -69,7 +70,7 @@ export default function InternalContainer(_a) {
69
70
  [styles['with-hidden-content']]: !children || __hiddenContent,
70
71
  [styles['header-with-media']]: hasMedia,
71
72
  }) }, stickyStyles, { ref: headerMergedRef }), __darkHeader ? (React.createElement("div", { className: clsx(styles['dark-header'], contentHeaderClassName) }, header)) : (header)))),
72
- React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height'], {
73
+ React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height'], shouldRemoveHighContrastHeader && styles['remove-high-contrast-header'], {
73
74
  [styles['with-paddings']]: !disableContentPaddings,
74
75
  }) }, children),
75
76
  footer && (React.createElement("div", { className: clsx(styles.footer, {
package/container/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n __stickyHeader?: boolean;\n __stickyOffset?: number;\n __mobileStickyOffset?: number;\n __disableFooterDivider?: boolean;\n __disableFooterPaddings?: boolean;\n __hiddenContent?: boolean;\n __headerRef?: React.RefObject<HTMLDivElement>;\n __darkHeader?: boolean;\n __disableStickyMobile?: boolean;\n /**\n * Additional internal variant:\n * * `embedded` - Use this variant within a parent container (such as a modal,\n * expandable section, container or split panel).\n * * `full-page` – Only for internal use in table, cards and other components\n */\n variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n const modalContext = useModalContext();\n\n return (\n <InternalContainer\n {...props}\n __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n />\n );\n}\n\nexport default function InternalContainer({\n header,\n footer,\n children,\n variant = 'default',\n disableHeaderPaddings = false,\n disableContentPaddings = false,\n fitHeight,\n media,\n __stickyOffset,\n __mobileStickyOffset,\n __stickyHeader = false,\n __internalRootRef = null,\n __disableFooterDivider = false,\n __disableFooterPaddings = false,\n __hiddenContent = false,\n __headerRef,\n __darkHeader = false,\n __disableStickyMobile = true,\n __funnelSubStepProps,\n __subStepRef,\n ...restProps\n}: InternalContainerProps) {\n const isMobile = useMobile();\n const baseProps = getBaseProps(restProps);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n rootRef,\n headerRef,\n __stickyHeader,\n __stickyOffset,\n __mobileStickyOffset,\n __disableStickyMobile\n );\n const contentId = useUniqueId();\n const { setHasStickyBackground } = useAppLayoutContext();\n const isRefresh = useVisualRefresh();\n\n const hasDynamicHeight = isRefresh && variant === 'full-page';\n const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n /**\n * The visual refresh AppLayout component needs to know if a child component\n * has a high contrast sticky header. This is to make sure the background element\n * stays in the same vertical position as the header content.\n */\n useEffect(() => {\n const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n if (shouldUpdateStickyBackground) {\n setHasStickyBackground(true);\n }\n\n return () => {\n if (shouldUpdateStickyBackground) {\n setHasStickyBackground(false);\n }\n };\n }, [isSticky, setHasStickyBackground, variant]);\n\n // The container is only sticky on mobile if it is the header for the table.\n // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n const shouldHaveStickyStyles = isSticky && !isMobile;\n\n const hasMedia = !!media?.content;\n const mediaPosition = media?.position ?? 'top';\n\n return (\n <div\n {...baseProps}\n {...__funnelSubStepProps}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[`variant-${variant}`],\n fitHeight && styles['fit-height'],\n hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n shouldHaveStickyStyles && [styles['sticky-enabled']],\n isRefresh && styles.refresh\n )}\n ref={mergedRef}\n >\n {hasMedia && (\n <div\n className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n >\n {media.content}\n </div>\n )}\n <div\n id={contentId}\n ref={__subStepRef}\n className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n >\n {header && (\n <StickyHeaderContext.Provider value={{ isStuck }}>\n <div\n className={clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], {\n [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n [styles['header-sticky-enabled']]: isSticky,\n [styles['header-dynamic-height']]: hasDynamicHeight,\n [styles['header-stuck']]: isStuck,\n [styles['with-paddings']]: !disableHeaderPaddings,\n [styles['with-hidden-content']]: !children || __hiddenContent,\n [styles['header-with-media']]: hasMedia,\n })}\n {...stickyStyles}\n ref={headerMergedRef}\n >\n {__darkHeader ? (\n <div className={clsx(styles['dark-header'], contentHeaderClassName)}>{header}</div>\n ) : (\n header\n )}\n </div>\n </StickyHeaderContext.Provider>\n )}\n <div\n className={clsx(styles.content, fitHeight && styles['content-fit-height'], {\n [styles['with-paddings']]: !disableContentPaddings,\n })}\n >\n {children}\n </div>\n {footer && (\n <div\n className={clsx(styles.footer, {\n [styles['with-divider']]: !__disableFooterDivider,\n [styles['with-paddings']]: !__disableFooterPaddings,\n })}\n >\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n __stickyHeader?: boolean;\n __stickyOffset?: number;\n __mobileStickyOffset?: number;\n __disableFooterDivider?: boolean;\n __disableFooterPaddings?: boolean;\n __hiddenContent?: boolean;\n __headerRef?: React.RefObject<HTMLDivElement>;\n __darkHeader?: boolean;\n __disableStickyMobile?: boolean;\n /**\n * Additional internal variant:\n * * `embedded` - Use this variant within a parent container (such as a modal,\n * expandable section, container or split panel).\n * * `full-page` – Only for internal use in table, cards and other components\n */\n variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n const modalContext = useModalContext();\n\n return (\n <InternalContainer\n {...props}\n __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n />\n );\n}\n\nexport default function InternalContainer({\n header,\n footer,\n children,\n variant = 'default',\n disableHeaderPaddings = false,\n disableContentPaddings = false,\n fitHeight,\n media,\n __stickyOffset,\n __mobileStickyOffset,\n __stickyHeader = false,\n __internalRootRef = null,\n __disableFooterDivider = false,\n __disableFooterPaddings = false,\n __hiddenContent = false,\n __headerRef,\n __darkHeader = false,\n __disableStickyMobile = true,\n __funnelSubStepProps,\n __subStepRef,\n ...restProps\n}: InternalContainerProps) {\n const isMobile = useMobile();\n const baseProps = getBaseProps(restProps);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n rootRef,\n headerRef,\n __stickyHeader,\n __stickyOffset,\n __mobileStickyOffset,\n __disableStickyMobile\n );\n const contentId = useUniqueId();\n const { setHasStickyBackground } = useAppLayoutContext();\n const isRefresh = useVisualRefresh();\n\n const hasDynamicHeight = isRefresh && variant === 'full-page';\n const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n /**\n * The visual refresh AppLayout component needs to know if a child component\n * has a high contrast sticky header. This is to make sure the background element\n * stays in the same vertical position as the header content.\n */\n useEffect(() => {\n const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n if (shouldUpdateStickyBackground) {\n setHasStickyBackground(true);\n }\n\n return () => {\n if (shouldUpdateStickyBackground) {\n setHasStickyBackground(false);\n }\n };\n }, [isSticky, setHasStickyBackground, variant]);\n\n // The container is only sticky on mobile if it is the header for the table.\n // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n const shouldHaveStickyStyles = isSticky && !isMobile;\n\n const hasMedia = !!media?.content;\n const mediaPosition = media?.position ?? 'top';\n return (\n <div\n {...baseProps}\n {...__funnelSubStepProps}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[`variant-${variant}`],\n fitHeight && styles['fit-height'],\n hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n shouldHaveStickyStyles && [styles['sticky-enabled']],\n isRefresh && styles.refresh\n )}\n ref={mergedRef}\n >\n {hasMedia && (\n <div\n className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n >\n {media.content}\n </div>\n )}\n <div\n id={contentId}\n ref={__subStepRef}\n className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n >\n {header && (\n <StickyHeaderContext.Provider value={{ isStuck }}>\n <div\n className={clsx(\n isRefresh && styles.refresh,\n styles.header,\n styles[`header-variant-${variant}`],\n shouldRemoveHighContrastHeader && styles['remove-high-contrast-header'],\n {\n [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n [styles['header-sticky-enabled']]: isSticky,\n [styles['header-dynamic-height']]: hasDynamicHeight,\n [styles['header-stuck']]: isStuck,\n [styles['with-paddings']]: !disableHeaderPaddings,\n [styles['with-hidden-content']]: !children || __hiddenContent,\n [styles['header-with-media']]: hasMedia,\n }\n )}\n {...stickyStyles}\n ref={headerMergedRef}\n >\n {__darkHeader ? (\n <div className={clsx(styles['dark-header'], contentHeaderClassName)}>{header}</div>\n ) : (\n header\n )}\n </div>\n </StickyHeaderContext.Provider>\n )}\n <div\n className={clsx(\n styles.content,\n fitHeight && styles['content-fit-height'],\n shouldRemoveHighContrastHeader && styles['remove-high-contrast-header'],\n {\n [styles['with-paddings']]: !disableContentPaddings,\n }\n )}\n >\n {children}\n </div>\n {footer && (\n <div\n className={clsx(styles.footer, {\n [styles['with-divider']]: !__disableFooterDivider,\n [styles['with-paddings']]: !__disableFooterPaddings,\n })}\n >\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n}\n"]}
package/container/styles.css.js CHANGED
@@ -1,34 +1,35 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_14iqq_fbkh7_97",
5
- "fit-height": "awsui_fit-height_14iqq_fbkh7_133",
6
- "with-side-media": "awsui_with-side-media_14iqq_fbkh7_138",
7
- "variant-default": "awsui_variant-default_14iqq_fbkh7_141",
8
- "variant-stacked": "awsui_variant-stacked_14iqq_fbkh7_141",
9
- "refresh": "awsui_refresh_14iqq_fbkh7_146",
10
- "sticky-enabled": "awsui_sticky-enabled_14iqq_fbkh7_189",
11
- "with-top-media": "awsui_with-top-media_14iqq_fbkh7_201",
12
- "content-wrapper": "awsui_content-wrapper_14iqq_fbkh7_206",
13
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_fbkh7_211",
14
- "media": "awsui_media_14iqq_fbkh7_216",
15
- "media-top": "awsui_media-top_14iqq_fbkh7_233",
16
- "media-side": "awsui_media-side_14iqq_fbkh7_238",
17
- "header": "awsui_header_14iqq_fbkh7_244",
18
- "header-with-media": "awsui_header-with-media_14iqq_fbkh7_249",
19
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_fbkh7_255",
20
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_fbkh7_259",
21
- "header-stuck": "awsui_header-stuck_14iqq_fbkh7_265",
22
- "header-variant-cards": "awsui_header-variant-cards_14iqq_fbkh7_271",
23
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_fbkh7_274",
24
- "with-paddings": "awsui_with-paddings_14iqq_fbkh7_280",
25
- "with-hidden-content": "awsui_with-hidden-content_14iqq_fbkh7_286",
26
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_fbkh7_333",
27
- "dark-header": "awsui_dark-header_14iqq_fbkh7_351",
28
- "content": "awsui_content_14iqq_fbkh7_206",
29
- "content-fit-height": "awsui_content-fit-height_14iqq_fbkh7_359",
30
- "content-with-media": "awsui_content-with-media_14iqq_fbkh7_368",
31
- "footer": "awsui_footer_14iqq_fbkh7_372",
32
- "with-divider": "awsui_with-divider_14iqq_fbkh7_375"
4
+ "root": "awsui_root_14iqq_993w1_97",
5
+ "fit-height": "awsui_fit-height_14iqq_993w1_133",
6
+ "with-side-media": "awsui_with-side-media_14iqq_993w1_138",
7
+ "variant-default": "awsui_variant-default_14iqq_993w1_141",
8
+ "variant-stacked": "awsui_variant-stacked_14iqq_993w1_141",
9
+ "refresh": "awsui_refresh_14iqq_993w1_146",
10
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_993w1_189",
11
+ "with-top-media": "awsui_with-top-media_14iqq_993w1_201",
12
+ "content-wrapper": "awsui_content-wrapper_14iqq_993w1_206",
13
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_993w1_211",
14
+ "media": "awsui_media_14iqq_993w1_216",
15
+ "media-top": "awsui_media-top_14iqq_993w1_233",
16
+ "media-side": "awsui_media-side_14iqq_993w1_238",
17
+ "header": "awsui_header_14iqq_993w1_244",
18
+ "header-with-media": "awsui_header-with-media_14iqq_993w1_249",
19
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_993w1_255",
20
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_993w1_259",
21
+ "header-stuck": "awsui_header-stuck_14iqq_993w1_265",
22
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_993w1_271",
23
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_993w1_274",
24
+ "with-paddings": "awsui_with-paddings_14iqq_993w1_280",
25
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_993w1_286",
26
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_993w1_333",
27
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_993w1_355",
28
+ "dark-header": "awsui_dark-header_14iqq_993w1_364",
29
+ "content": "awsui_content_14iqq_993w1_206",
30
+ "content-fit-height": "awsui_content-fit-height_14iqq_993w1_372",
31
+ "content-with-media": "awsui_content-with-media_14iqq_993w1_381",
32
+ "footer": "awsui_footer_14iqq_993w1_385",
33
+ "with-divider": "awsui_with-divider_14iqq_993w1_388"
33
34
  };
34
35