@cloudscape-design/components 3.0.498 → 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 (72) hide show
  1. package/app-layout/visual-refresh/background.d.ts.map +1 -1
  2. package/app-layout/visual-refresh/background.js +2 -1
  3. package/app-layout/visual-refresh/background.js.map +1 -1
  4. package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
  5. package/app-layout/visual-refresh/breadcrumbs.js +2 -1
  6. package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
  7. package/app-layout/visual-refresh/header.d.ts.map +1 -1
  8. package/app-layout/visual-refresh/header.js +2 -1
  9. package/app-layout/visual-refresh/header.js.map +1 -1
  10. package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  11. package/app-layout/visual-refresh/mobile-toolbar.js +3 -1
  12. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  13. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  14. package/app-layout/visual-refresh/notifications.js +2 -1
  15. package/app-layout/visual-refresh/notifications.js.map +1 -1
  16. package/app-layout/visual-refresh/styles.css.js +81 -80
  17. package/app-layout/visual-refresh/styles.scoped.css +178 -172
  18. package/app-layout/visual-refresh/styles.selectors.js +81 -80
  19. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  20. package/app-layout/visual-refresh/trigger-button.js +2 -1
  21. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  22. package/cards/index.d.ts.map +1 -1
  23. package/cards/index.js +3 -2
  24. package/cards/index.js.map +1 -1
  25. package/cards/styles.css.js +40 -39
  26. package/cards/styles.scoped.css +52 -49
  27. package/cards/styles.selectors.js +40 -39
  28. package/container/internal.d.ts.map +1 -1
  29. package/container/internal.js +5 -3
  30. package/container/internal.js.map +1 -1
  31. package/container/styles.css.js +30 -29
  32. package/container/styles.scoped.css +65 -52
  33. package/container/styles.selectors.js +30 -29
  34. package/content-layout/internal.d.ts.map +1 -1
  35. package/content-layout/internal.js +3 -2
  36. package/content-layout/internal.js.map +1 -1
  37. package/internal/components/dark-ribbon/index.d.ts.map +1 -1
  38. package/internal/components/dark-ribbon/index.js +2 -1
  39. package/internal/components/dark-ribbon/index.js.map +1 -1
  40. package/internal/environment.js +1 -1
  41. package/internal/environment.json +1 -1
  42. package/internal/manifest.json +1 -1
  43. package/internal/utils/content-header-utils.d.ts +3 -0
  44. package/internal/utils/content-header-utils.d.ts.map +1 -0
  45. package/internal/utils/content-header-utils.js +6 -0
  46. package/internal/utils/content-header-utils.js.map +1 -0
  47. package/internal/utils/global-flags.d.ts +11 -0
  48. package/internal/utils/global-flags.d.ts.map +1 -0
  49. package/internal/utils/global-flags.js +25 -0
  50. package/internal/utils/global-flags.js.map +1 -0
  51. package/package.json +1 -1
  52. package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
  53. package/split-panel/icons/bottom-icon-refresh.js +3 -2
  54. package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
  55. package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
  56. package/split-panel/icons/side-position-refresh.js +2 -1
  57. package/split-panel/icons/side-position-refresh.js.map +1 -1
  58. package/table/internal.d.ts.map +1 -1
  59. package/table/internal.js +2 -1
  60. package/table/internal.js.map +1 -1
  61. package/wizard/internal.d.ts.map +1 -1
  62. package/wizard/internal.js +5 -3
  63. package/wizard/internal.js.map +1 -1
  64. package/wizard/styles.css.js +32 -31
  65. package/wizard/styles.scoped.css +76 -65
  66. package/wizard/styles.selectors.js +32 -31
  67. package/wizard/wizard-form-header.d.ts.map +1 -1
  68. package/wizard/wizard-form-header.js +4 -2
  69. package/wizard/wizard-form-header.js.map +1 -1
  70. package/wizard/wizard-navigation.d.ts.map +1 -1
  71. package/wizard/wizard-navigation.js +3 -2
  72. package/wizard/wizard-navigation.js.map +1 -1
@@ -94,7 +94,7 @@ 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_root_14iqq_fbkh7_97:not(#\9) {
97
+ .awsui_root_14iqq_993w1_97:not(#\9) {
98
98
  border-collapse: separate;
99
99
  border-spacing: 0;
100
100
  box-sizing: border-box;
@@ -131,23 +131,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
131
  word-wrap: break-word;
132
132
  position: relative;
133
133
  }
134
- .awsui_root_14iqq_fbkh7_97.awsui_fit-height_14iqq_fbkh7_133:not(#\9) {
134
+ .awsui_root_14iqq_993w1_97.awsui_fit-height_14iqq_993w1_133:not(#\9) {
135
135
  display: flex;
136
136
  flex-direction: column;
137
137
  height: 100%;
138
138
  }
139
- .awsui_root_14iqq_fbkh7_97.awsui_fit-height_14iqq_fbkh7_133.awsui_with-side-media_14iqq_fbkh7_138:not(#\9) {
139
+ .awsui_root_14iqq_993w1_97.awsui_fit-height_14iqq_993w1_133.awsui_with-side-media_14iqq_993w1_138:not(#\9) {
140
140
  flex-direction: row;
141
141
  }
142
- .awsui_root_14iqq_fbkh7_97.awsui_variant-default_14iqq_fbkh7_141:not(#\9), .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9) {
142
+ .awsui_root_14iqq_993w1_97.awsui_variant-default_14iqq_993w1_141:not(#\9), .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9) {
143
143
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
144
144
  border-radius: var(--border-radius-container-wqv1zi, 16px);
145
145
  box-sizing: border-box;
146
146
  }
147
- .awsui_root_14iqq_fbkh7_97.awsui_variant-default_14iqq_fbkh7_141.awsui_refresh_14iqq_fbkh7_146:not(#\9), .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141.awsui_refresh_14iqq_fbkh7_146:not(#\9) {
147
+ .awsui_root_14iqq_993w1_97.awsui_variant-default_14iqq_993w1_141.awsui_refresh_14iqq_993w1_146:not(#\9), .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141.awsui_refresh_14iqq_993w1_146:not(#\9) {
148
148
  border: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
149
149
  }
150
- .awsui_root_14iqq_fbkh7_97.awsui_variant-default_14iqq_fbkh7_141:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::before, .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::before {
150
+ .awsui_root_14iqq_993w1_97.awsui_variant-default_14iqq_993w1_141:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::before, .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::before {
151
151
  content: "";
152
152
  position: absolute;
153
153
  left: 0px;
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  border-radius: var(--border-radius-container-wqv1zi, 16px);
163
163
  z-index: 1;
164
164
  }
165
- .awsui_root_14iqq_fbkh7_97.awsui_variant-default_14iqq_fbkh7_141:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::after, .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::after {
165
+ .awsui_root_14iqq_993w1_97.awsui_variant-default_14iqq_993w1_141:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::after, .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::after {
166
166
  content: "";
167
167
  position: absolute;
168
168
  left: 0px;
@@ -175,127 +175,127 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  border-radius: var(--border-radius-container-wqv1zi, 16px);
176
176
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
177
177
  }
178
- .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9):not(:last-child), .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9):not(:last-child)::after {
178
+ .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9):not(:last-child), .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9):not(:last-child)::after {
179
179
  border-bottom-right-radius: 0;
180
180
  border-bottom-left-radius: 0;
181
181
  border-bottom-width: 0;
182
182
  }
183
- .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141 + .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9), .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141 + .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9)::before, .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141 + .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9)::after {
183
+ .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141 + .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9), .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141 + .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9)::before, .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141 + .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9)::after {
184
184
  border-top-left-radius: 0;
185
185
  border-top-right-radius: 0;
186
186
  }
187
- .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141 + .awsui_root_14iqq_fbkh7_97.awsui_variant-stacked_14iqq_fbkh7_141:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::before {
187
+ .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141 + .awsui_root_14iqq_993w1_97.awsui_variant-stacked_14iqq_993w1_141:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::before {
188
188
  border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
189
189
  }
190
- .awsui_root_14iqq_fbkh7_97.awsui_sticky-enabled_14iqq_fbkh7_189:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::before {
190
+ .awsui_root_14iqq_993w1_97.awsui_sticky-enabled_14iqq_993w1_189:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::before {
191
191
  top: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
192
192
  }
193
- .awsui_root_14iqq_fbkh7_97.awsui_sticky-enabled_14iqq_fbkh7_189:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146).awsui_variant-stacked_14iqq_fbkh7_141::before {
193
+ .awsui_root_14iqq_993w1_97.awsui_sticky-enabled_14iqq_993w1_189:not(#\9):not(.awsui_refresh_14iqq_993w1_146).awsui_variant-stacked_14iqq_993w1_141::before {
194
194
  top: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
195
195
  }
196
196
 
197
- .awsui_with-side-media_14iqq_fbkh7_138:not(#\9) {
197
+ .awsui_with-side-media_14iqq_993w1_138:not(#\9) {
198
198
  display: flex;
199
199
  flex-direction: row;
200
200
  }
201
201
 
202
- .awsui_with-top-media_14iqq_fbkh7_201:not(#\9) {
202
+ .awsui_with-top-media_14iqq_993w1_201:not(#\9) {
203
203
  display: flex;
204
204
  flex-direction: column;
205
205
  }
206
206
 
207
- .awsui_content-wrapper_14iqq_fbkh7_206:not(#\9) {
207
+ .awsui_content-wrapper_14iqq_993w1_206:not(#\9) {
208
208
  display: flex;
209
209
  flex-direction: column;
210
210
  width: 100%;
211
211
  }
212
- .awsui_content-wrapper-fit-height_14iqq_fbkh7_211:not(#\9) {
212
+ .awsui_content-wrapper-fit-height_14iqq_993w1_211:not(#\9) {
213
213
  height: 100%;
214
214
  overflow: hidden;
215
215
  }
216
216
 
217
- .awsui_media_14iqq_fbkh7_216:not(#\9) {
217
+ .awsui_media_14iqq_993w1_216:not(#\9) {
218
218
  overflow: hidden;
219
219
  flex-shrink: 0;
220
220
  }
221
- .awsui_media_14iqq_fbkh7_216 img:not(#\9),
222
- .awsui_media_14iqq_fbkh7_216 video:not(#\9),
223
- .awsui_media_14iqq_fbkh7_216 picture:not(#\9) {
221
+ .awsui_media_14iqq_993w1_216 img:not(#\9),
222
+ .awsui_media_14iqq_993w1_216 video:not(#\9),
223
+ .awsui_media_14iqq_993w1_216 picture:not(#\9) {
224
224
  width: 100%;
225
225
  height: 100%;
226
226
  object-fit: cover;
227
227
  object-position: center;
228
228
  }
229
- .awsui_media_14iqq_fbkh7_216 iframe:not(#\9) {
229
+ .awsui_media_14iqq_993w1_216 iframe:not(#\9) {
230
230
  width: 100%;
231
231
  height: 100%;
232
232
  border: 0;
233
233
  }
234
- .awsui_media-top_14iqq_fbkh7_233:not(#\9) {
234
+ .awsui_media-top_14iqq_993w1_233:not(#\9) {
235
235
  max-height: 66%;
236
236
  border-top-left-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
237
237
  border-top-right-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
238
238
  }
239
- .awsui_media-side_14iqq_fbkh7_238:not(#\9) {
239
+ .awsui_media-side_14iqq_993w1_238:not(#\9) {
240
240
  max-width: 66%;
241
241
  border-top-left-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
242
242
  border-bottom-left-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
243
243
  }
244
244
 
245
- .awsui_header_14iqq_fbkh7_244:not(#\9) {
245
+ .awsui_header_14iqq_993w1_244:not(#\9) {
246
246
  background-color: var(--color-background-container-header-8b9fgi, #ffffff);
247
247
  border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
248
248
  border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
249
249
  }
250
- .awsui_header_14iqq_fbkh7_244.awsui_header-with-media_14iqq_fbkh7_249:not(#\9) {
250
+ .awsui_header_14iqq_993w1_244.awsui_header-with-media_14iqq_993w1_249:not(#\9) {
251
251
  background: none;
252
252
  }
253
- .awsui_header_14iqq_fbkh7_244.awsui_header-with-media_14iqq_fbkh7_249:not(#\9):not(:empty) {
253
+ .awsui_header_14iqq_993w1_244.awsui_header-with-media_14iqq_993w1_249:not(#\9):not(:empty) {
254
254
  border-bottom: none;
255
255
  }
256
- .awsui_header-sticky-disabled_14iqq_fbkh7_255:not(#\9) {
256
+ .awsui_header-sticky-disabled_14iqq_993w1_255:not(#\9) {
257
257
  position: relative;
258
258
  z-index: 1;
259
259
  }
260
- .awsui_header-sticky-enabled_14iqq_fbkh7_259:not(#\9) {
260
+ .awsui_header-sticky-enabled_14iqq_993w1_259:not(#\9) {
261
261
  top: 0;
262
262
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
263
263
  position: sticky;
264
264
  z-index: 800;
265
265
  }
266
- .awsui_header-stuck_14iqq_fbkh7_265:not(#\9) {
266
+ .awsui_header-stuck_14iqq_993w1_265:not(#\9) {
267
267
  border-radius: 0;
268
268
  }
269
- .awsui_header-stuck_14iqq_fbkh7_265:not(#\9)::before {
269
+ .awsui_header-stuck_14iqq_993w1_265:not(#\9)::before {
270
270
  border: 0;
271
271
  }
272
- .awsui_header-stuck_14iqq_fbkh7_265:not(#\9):not(.awsui_header-variant-cards_14iqq_fbkh7_271) {
272
+ .awsui_header-stuck_14iqq_993w1_265:not(#\9):not(.awsui_header-variant-cards_14iqq_993w1_271) {
273
273
  box-shadow: var(--shadow-sticky-embedded-uvh5ry, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
274
274
  }
275
- .awsui_header-dynamic-height_14iqq_fbkh7_274.awsui_header-stuck_14iqq_fbkh7_265:not(#\9) {
275
+ .awsui_header-dynamic-height_14iqq_993w1_274.awsui_header-stuck_14iqq_993w1_265:not(#\9) {
276
276
  margin-bottom: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
277
277
  }
278
- .awsui_header_14iqq_fbkh7_244:not(#\9):not(:empty) {
278
+ .awsui_header_14iqq_993w1_244:not(#\9):not(:empty) {
279
279
  border-bottom: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
280
280
  }
281
- .awsui_header_14iqq_fbkh7_244.awsui_with-paddings_14iqq_fbkh7_280:not(#\9) {
281
+ .awsui_header_14iqq_993w1_244.awsui_with-paddings_14iqq_993w1_280:not(#\9) {
282
282
  padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px) var(--space-container-header-bottom-vj01hn, 8px);
283
283
  }
284
- .awsui_header_14iqq_fbkh7_244.awsui_with-paddings_14iqq_fbkh7_280.awsui_header-variant-cards_14iqq_fbkh7_271:not(#\9) {
284
+ .awsui_header_14iqq_993w1_244.awsui_with-paddings_14iqq_993w1_280.awsui_header-variant-cards_14iqq_993w1_271:not(#\9) {
285
285
  padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px);
286
286
  }
287
- .awsui_header_14iqq_fbkh7_244.awsui_with-hidden-content_14iqq_fbkh7_286:not(#\9) {
287
+ .awsui_header_14iqq_993w1_244.awsui_with-hidden-content_14iqq_993w1_286:not(#\9) {
288
288
  border-bottom-left-radius: var(--border-radius-container-wqv1zi, 16px);
289
289
  border-bottom-right-radius: var(--border-radius-container-wqv1zi, 16px);
290
290
  }
291
- .awsui_header-variant-cards_14iqq_fbkh7_271:not(#\9) {
291
+ .awsui_header-variant-cards_14iqq_993w1_271:not(#\9) {
292
292
  border-radius: var(--border-radius-container-wqv1zi, 16px);
293
293
  box-sizing: border-box;
294
294
  }
295
- .awsui_header-variant-cards_14iqq_fbkh7_271.awsui_refresh_14iqq_fbkh7_146:not(#\9) {
295
+ .awsui_header-variant-cards_14iqq_993w1_271.awsui_refresh_14iqq_993w1_146:not(#\9) {
296
296
  border: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
297
297
  }
298
- .awsui_header-variant-cards_14iqq_fbkh7_271:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::before {
298
+ .awsui_header-variant-cards_14iqq_993w1_271:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::before {
299
299
  content: "";
300
300
  position: absolute;
301
301
  left: 0px;
@@ -310,7 +310,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
310
310
  border-radius: var(--border-radius-container-wqv1zi, 16px);
311
311
  z-index: 1;
312
312
  }
313
- .awsui_header-variant-cards_14iqq_fbkh7_271:not(#\9):not(.awsui_refresh_14iqq_fbkh7_146)::after {
313
+ .awsui_header-variant-cards_14iqq_993w1_271:not(#\9):not(.awsui_refresh_14iqq_993w1_146)::after {
314
314
  content: "";
315
315
  position: absolute;
316
316
  left: 0px;
@@ -323,18 +323,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
323
323
  border-radius: var(--border-radius-container-wqv1zi, 16px);
324
324
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
325
325
  }
326
- .awsui_header-variant-cards_14iqq_fbkh7_271:not(#\9):not(.awsui_header-sticky-enabled_14iqq_fbkh7_259) {
326
+ .awsui_header-variant-cards_14iqq_993w1_271:not(#\9):not(.awsui_header-sticky-enabled_14iqq_993w1_259) {
327
327
  position: relative;
328
328
  }
329
- .awsui_header-variant-cards_14iqq_fbkh7_271.awsui_header-stuck_14iqq_fbkh7_265:not(#\9)::after, .awsui_header-variant-cards_14iqq_fbkh7_271.awsui_header-stuck_14iqq_fbkh7_265:not(#\9)::before {
329
+ .awsui_header-variant-cards_14iqq_993w1_271.awsui_header-stuck_14iqq_993w1_265:not(#\9)::after, .awsui_header-variant-cards_14iqq_993w1_271.awsui_header-stuck_14iqq_993w1_265:not(#\9)::before {
330
330
  border: 0;
331
331
  border-top-left-radius: 0;
332
332
  border-top-right-radius: 0;
333
333
  }
334
- .awsui_header-variant-full-page_14iqq_fbkh7_333.awsui_header-stuck_14iqq_fbkh7_265:not(#\9) {
334
+ .awsui_header-variant-full-page_14iqq_993w1_333.awsui_header-stuck_14iqq_993w1_265:not(#\9) {
335
335
  box-shadow: none;
336
336
  }
337
- .awsui_header-variant-full-page_14iqq_fbkh7_333.awsui_header-stuck_14iqq_fbkh7_265:not(#\9)::after {
337
+ .awsui_header-variant-full-page_14iqq_993w1_333.awsui_header-stuck_14iqq_993w1_265:not(#\9)::before {
338
+ content: "";
339
+ position: absolute;
340
+ right: 0;
341
+ left: 0;
342
+ bottom: 0;
343
+ top: 0;
344
+ border-bottom: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
345
+ }
346
+ .awsui_header-variant-full-page_14iqq_993w1_333.awsui_header-stuck_14iqq_993w1_265:not(#\9)::after {
338
347
  content: "";
339
348
  position: absolute;
340
349
  right: 0;
@@ -344,35 +353,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
344
353
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
345
354
  clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
346
355
  }
356
+ .awsui_header-variant-full-page_14iqq_993w1_333.awsui_header-stuck_14iqq_993w1_265:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_993w1_355)::before {
357
+ content: "";
358
+ border-bottom: none;
359
+ }
347
360
 
348
361
  /*
349
362
  The dynamic height dark header needs a background that will cover
350
363
  the default white background of the container component.
351
364
  */
352
- .awsui_dark-header_14iqq_fbkh7_351:not(#\9) {
365
+ .awsui_dark-header_14iqq_993w1_364:not(#\9) {
353
366
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
354
367
  color: var(--color-text-body-default-at06ol, #000716);
355
368
  }
356
369
 
357
- .awsui_content_14iqq_fbkh7_206:not(#\9) {
370
+ .awsui_content_14iqq_993w1_206:not(#\9) {
358
371
  flex: 1;
359
372
  }
360
- .awsui_content-fit-height_14iqq_fbkh7_359:not(#\9) {
373
+ .awsui_content-fit-height_14iqq_993w1_372:not(#\9) {
361
374
  overflow: auto;
362
375
  }
363
- .awsui_content_14iqq_fbkh7_206.awsui_with-paddings_14iqq_fbkh7_280:not(#\9) {
376
+ .awsui_content_14iqq_993w1_206.awsui_with-paddings_14iqq_993w1_280:not(#\9) {
364
377
  padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-container-horizontal-wfukh3, 20px);
365
378
  }
366
- .awsui_header_14iqq_fbkh7_244 + .awsui_content_14iqq_fbkh7_206.awsui_with-paddings_14iqq_fbkh7_280:not(#\9) {
379
+ .awsui_header_14iqq_993w1_244 + .awsui_content_14iqq_993w1_206.awsui_with-paddings_14iqq_993w1_280:not(#\9) {
367
380
  padding-top: var(--space-container-content-top-1ae0r3, 4px);
368
381
  }
369
- .awsui_header_14iqq_fbkh7_244 + .awsui_content_14iqq_fbkh7_206.awsui_with-paddings_14iqq_fbkh7_280.awsui_content-with-media_14iqq_fbkh7_368:not(#\9) {
382
+ .awsui_header_14iqq_993w1_244 + .awsui_content_14iqq_993w1_206.awsui_with-paddings_14iqq_993w1_280.awsui_content-with-media_14iqq_993w1_381:not(#\9) {
370
383
  padding-top: 0;
371
384
  }
372
385
 
373
- .awsui_footer_14iqq_fbkh7_372.awsui_with-paddings_14iqq_fbkh7_280:not(#\9) {
386
+ .awsui_footer_14iqq_993w1_385.awsui_with-paddings_14iqq_993w1_280:not(#\9) {
374
387
  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-container-horizontal-wfukh3, 20px);
375
388
  }
376
- .awsui_footer_14iqq_fbkh7_372.awsui_with-divider_14iqq_fbkh7_375:not(#\9) {
389
+ .awsui_footer_14iqq_993w1_385.awsui_with-divider_14iqq_993w1_388:not(#\9) {
377
390
  border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
378
391
  }
@@ -2,34 +2,35 @@
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_14iqq_fbkh7_97",
6
- "fit-height": "awsui_fit-height_14iqq_fbkh7_133",
7
- "with-side-media": "awsui_with-side-media_14iqq_fbkh7_138",
8
- "variant-default": "awsui_variant-default_14iqq_fbkh7_141",
9
- "variant-stacked": "awsui_variant-stacked_14iqq_fbkh7_141",
10
- "refresh": "awsui_refresh_14iqq_fbkh7_146",
11
- "sticky-enabled": "awsui_sticky-enabled_14iqq_fbkh7_189",
12
- "with-top-media": "awsui_with-top-media_14iqq_fbkh7_201",
13
- "content-wrapper": "awsui_content-wrapper_14iqq_fbkh7_206",
14
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_fbkh7_211",
15
- "media": "awsui_media_14iqq_fbkh7_216",
16
- "media-top": "awsui_media-top_14iqq_fbkh7_233",
17
- "media-side": "awsui_media-side_14iqq_fbkh7_238",
18
- "header": "awsui_header_14iqq_fbkh7_244",
19
- "header-with-media": "awsui_header-with-media_14iqq_fbkh7_249",
20
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_fbkh7_255",
21
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_fbkh7_259",
22
- "header-stuck": "awsui_header-stuck_14iqq_fbkh7_265",
23
- "header-variant-cards": "awsui_header-variant-cards_14iqq_fbkh7_271",
24
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_fbkh7_274",
25
- "with-paddings": "awsui_with-paddings_14iqq_fbkh7_280",
26
- "with-hidden-content": "awsui_with-hidden-content_14iqq_fbkh7_286",
27
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_fbkh7_333",
28
- "dark-header": "awsui_dark-header_14iqq_fbkh7_351",
29
- "content": "awsui_content_14iqq_fbkh7_206",
30
- "content-fit-height": "awsui_content-fit-height_14iqq_fbkh7_359",
31
- "content-with-media": "awsui_content-with-media_14iqq_fbkh7_368",
32
- "footer": "awsui_footer_14iqq_fbkh7_372",
33
- "with-divider": "awsui_with-divider_14iqq_fbkh7_375"
5
+ "root": "awsui_root_14iqq_993w1_97",
6
+ "fit-height": "awsui_fit-height_14iqq_993w1_133",
7
+ "with-side-media": "awsui_with-side-media_14iqq_993w1_138",
8
+ "variant-default": "awsui_variant-default_14iqq_993w1_141",
9
+ "variant-stacked": "awsui_variant-stacked_14iqq_993w1_141",
10
+ "refresh": "awsui_refresh_14iqq_993w1_146",
11
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_993w1_189",
12
+ "with-top-media": "awsui_with-top-media_14iqq_993w1_201",
13
+ "content-wrapper": "awsui_content-wrapper_14iqq_993w1_206",
14
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_993w1_211",
15
+ "media": "awsui_media_14iqq_993w1_216",
16
+ "media-top": "awsui_media-top_14iqq_993w1_233",
17
+ "media-side": "awsui_media-side_14iqq_993w1_238",
18
+ "header": "awsui_header_14iqq_993w1_244",
19
+ "header-with-media": "awsui_header-with-media_14iqq_993w1_249",
20
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_993w1_255",
21
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_993w1_259",
22
+ "header-stuck": "awsui_header-stuck_14iqq_993w1_265",
23
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_993w1_271",
24
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_993w1_274",
25
+ "with-paddings": "awsui_with-paddings_14iqq_993w1_280",
26
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_993w1_286",
27
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_993w1_333",
28
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_993w1_355",
29
+ "dark-header": "awsui_dark-header_14iqq_993w1_364",
30
+ "content": "awsui_content_14iqq_993w1_206",
31
+ "content-fit-height": "awsui_content-fit-height_14iqq_993w1_372",
32
+ "content-with-media": "awsui_content-with-media_14iqq_993w1_381",
33
+ "footer": "awsui_footer_14iqq_993w1_385",
34
+ "with-divider": "awsui_with-divider_14iqq_993w1_388"
34
35
  };
35
36
 
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAkC5B"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAkC5B"}
@@ -4,6 +4,7 @@ import { __rest } from "tslib";
4
4
  import React, { useRef } from 'react';
5
5
  import clsx from 'clsx';
6
6
  import { getBaseProps } from '../internal/base-component';
7
+ import { contentHeaderClassName } from '../internal/utils/content-header-utils';
7
8
  import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
8
9
  import { useMergeRefs } from '../internal/hooks/use-merge-refs';
9
10
  import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
@@ -21,8 +22,8 @@ export default function InternalContentLayout(_a) {
21
22
  [styles['is-visual-refresh']]: isVisualRefresh,
22
23
  [styles['has-header']]: !!header,
23
24
  }), ref: mergedRef }),
24
- React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, 'awsui-context-content-header'), ref: overlapElement }),
25
- header && React.createElement("div", { className: clsx(styles.header, 'awsui-context-content-header') }, header),
25
+ React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, contentHeaderClassName), ref: overlapElement }),
26
+ header && React.createElement("div", { className: clsx(styles.header, contentHeaderClassName) }, header),
26
27
  React.createElement("div", { className: styles.content }, children)));
27
28
  }
28
29
  //# sourceMappingURL=internal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,8BAA8B,CAC/B,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,8BAA8B,CAAC,IAAG,MAAM,CAAO;QAE9F,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n children,\n disableOverlap,\n header,\n __internalRootRef,\n ...rest\n}: InternalContentLayoutProps) {\n const baseProps = getBaseProps(rest);\n const rootElement = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n const isVisualRefresh = useVisualRefresh();\n const overlapElement = useDynamicOverlap();\n\n const isOverlapDisabled = !children || disableOverlap;\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.layout, {\n [styles['is-overlap-disabled']]: isOverlapDisabled,\n [styles['is-visual-refresh']]: isVisualRefresh,\n [styles['has-header']]: !!header,\n })}\n ref={mergedRef}\n >\n <div\n className={clsx(\n styles.background,\n { [styles['is-overlap-disabled']]: isOverlapDisabled },\n 'awsui-context-content-header'\n )}\n ref={overlapElement}\n />\n\n {header && <div className={clsx(styles.header, 'awsui-context-content-header')}>{header}</div>}\n\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,sBAAsB,CACvB,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,IAAG,MAAM,CAAO;QAEtF,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n children,\n disableOverlap,\n header,\n __internalRootRef,\n ...rest\n}: InternalContentLayoutProps) {\n const baseProps = getBaseProps(rest);\n const rootElement = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n const isVisualRefresh = useVisualRefresh();\n const overlapElement = useDynamicOverlap();\n\n const isOverlapDisabled = !children || disableOverlap;\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.layout, {\n [styles['is-overlap-disabled']]: isOverlapDisabled,\n [styles['is-visual-refresh']]: isVisualRefresh,\n [styles['has-header']]: !!header,\n })}\n ref={mergedRef}\n >\n <div\n className={clsx(\n styles.background,\n { [styles['is-overlap-disabled']]: isOverlapDisabled },\n contentHeaderClassName\n )}\n ref={overlapElement}\n />\n\n {header && <div className={clsx(styles.header, contentHeaderClassName)}>{header}</div>}\n\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,eAAe,eA0C3F"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,eAAe,eA0C3F"}
@@ -2,6 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { useEffect, useRef } from 'react';
4
4
  import { useMutationObserver } from '../../hooks/use-mutation-observer';
5
+ import { contentHeaderClassName } from '../../utils/content-header-utils';
5
6
  import styles from './styles.css.js';
6
7
  import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
7
8
  function setIfChanged(oldValue, newValue, setter) {
@@ -39,7 +40,7 @@ export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
39
40
  if (hasPlainStyling === true || !isRefresh) {
40
41
  return React.createElement(React.Fragment, null, children);
41
42
  }
42
- return (React.createElement("div", { ref: containerRef, className: "awsui-context-content-header" },
43
+ return (React.createElement("div", { ref: containerRef, className: contentHeaderClassName },
43
44
  React.createElement("div", { ref: fillRef, className: styles['background-fill'] }),
44
45
  React.createElement("div", { className: styles.content }, children)));
45
46
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.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 React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true || !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className=\"awsui-context-content-header\">\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAQlF,SAAS,YAAY,CAAC,QAAgB,EAAE,QAAgB,EAAE,MAAkC;IAC1F,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACzB,MAAM,CAAC,QAAQ,CAAC,CAAC;KAClB;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAmB;IAC1F,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,IAAiB,EAAE,EAAe,EAAE,EAAE;QACzE,0EAA0E;QAC1E,6CAA6C;QAC7C,wEAAwE;QACxE,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;QACvE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;QACxF,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC;QACnF,YAAY,CACV,QAAQ,EACR,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EACpD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,CACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE;QACvC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;SAClC;IACH,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,YAAY,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC3C,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;aAClD;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,eAAe,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;QAC1C,OAAO,0CAAG,QAAQ,CAAI,CAAC;KACxB;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,sBAAsB;QACvD,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,GAAI;QAC3D,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { contentHeaderClassName } from '../../utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true || !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className={contentHeaderClassName}>\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (16dc073a)";
2
+ export var PACKAGE_VERSION = "3.0.0 (43d19872)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (16dc073a)",
3
+ "PACKAGE_VERSION": "3.0.0 (43d19872)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "16dc073ad946ac5273a488f9bd4de2bd30ef8229"
2
+ "commit": "43d19872b1abe3348f59ead968d1b22aa38cb9d9"
3
3
  }
@@ -0,0 +1,3 @@
1
+ export declare const shouldRemoveHighContrastHeader: boolean;
2
+ export declare const contentHeaderClassName: string;
3
+ //# sourceMappingURL=content-header-utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,SAA8C,CAAC;AAC1F,eAAO,MAAM,sBAAsB,QAAuE,CAAC"}
@@ -0,0 +1,6 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { getGlobalFlag } from './global-flags';
4
+ export const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');
5
+ export const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';
6
+ //# sourceMappingURL=content-header-utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');\nexport const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';\n"]}
@@ -0,0 +1,11 @@
1
+ export declare const awsuiGlobalFlagsSymbol: unique symbol;
2
+ interface GlobalFlags {
3
+ removeHighContrastHeader?: boolean;
4
+ }
5
+ interface ExtendedWindow extends Window {
6
+ [awsuiGlobalFlagsSymbol]?: GlobalFlags;
7
+ }
8
+ export declare const getTopWindow: () => ExtendedWindow | undefined;
9
+ export declare const getGlobalFlag: (flagName: keyof GlobalFlags) => GlobalFlags[keyof GlobalFlags] | undefined;
10
+ export {};
11
+ //# sourceMappingURL=global-flags.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global-flags.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,eAAmC,CAAC;AAEvE,UAAU,WAAW;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,cAAe,SAAQ,MAAM;IACrC,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,CAAC;CACxC;AAGD,eAAO,MAAM,YAAY,QAAO,cAAc,GAAG,SAEhD,CAAC;AASF,eAAO,MAAM,aAAa,aAAc,MAAM,WAAW,KAAG,WAAW,CAAC,MAAM,WAAW,CAAC,GAAG,SAU5F,CAAC"}
@@ -0,0 +1,25 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ export const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');
4
+ export const getTopWindow = () => {
5
+ return window.top;
6
+ };
7
+ function readFlag(window, flagName) {
8
+ if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {
9
+ return undefined;
10
+ }
11
+ return window[awsuiGlobalFlagsSymbol][flagName];
12
+ }
13
+ export const getGlobalFlag = (flagName) => {
14
+ try {
15
+ const ownFlag = readFlag(window, flagName);
16
+ if (ownFlag !== undefined) {
17
+ return ownFlag;
18
+ }
19
+ return readFlag(getTopWindow(), flagName);
20
+ }
21
+ catch (e) {
22
+ return undefined;
23
+ }
24
+ };
25
+ //# sourceMappingURL=global-flags.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global-flags.js","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAWvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA+B,EAAE;IAC3D,OAAO,MAAM,CAAC,GAAqB,CAAC;AACtC,CAAC,CAAC;AAEF,SAAS,QAAQ,CAAC,MAAkC,EAAE,QAA2B;IAC/E,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE;QACpE,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA2B,EAA8C,EAAE;IACvG,IAAI;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC3C,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,QAAQ,CAAC,YAAY,EAAE,EAAE,QAAQ,CAAC,CAAC;KAC3C;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');\n\ninterface GlobalFlags {\n removeHighContrastHeader?: boolean;\n}\n\ninterface ExtendedWindow extends Window {\n [awsuiGlobalFlagsSymbol]?: GlobalFlags;\n}\ndeclare const window: ExtendedWindow;\n\nexport const getTopWindow = (): ExtendedWindow | undefined => {\n return window.top as ExtendedWindow;\n};\n\nfunction readFlag(window: ExtendedWindow | undefined, flagName: keyof GlobalFlags) {\n if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {\n return undefined;\n }\n return window[awsuiGlobalFlagsSymbol][flagName];\n}\n\nexport const getGlobalFlag = (flagName: keyof GlobalFlags): GlobalFlags[keyof GlobalFlags] | undefined => {\n try {\n const ownFlag = readFlag(window, flagName);\n if (ownFlag !== undefined) {\n return ownFlag;\n }\n return readFlag(getTopWindow(), flagName);\n } catch (e) {\n return undefined;\n }\n};\n"]}
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@cloudscape-design/components","main":"./index.js","exports":{".":"./index.js","./package.json":"./package.json","./theming":"./theming/index.js","./test-utils/dom":"./test-utils/dom/index.js","./test-utils/selectors":"./test-utils/selectors/index.js","./interfaces":"./interfaces.js","./contexts/form-field":"./contexts/form-field.js","./alert":"./alert/index.js","./anchor-navigation":"./anchor-navigation/index.js","./annotation-context":"./annotation-context/index.js","./app-layout":"./app-layout/index.js","./area-chart":"./area-chart/index.js","./attribute-editor":"./attribute-editor/index.js","./autosuggest":"./autosuggest/index.js","./badge":"./badge/index.js","./bar-chart":"./bar-chart/index.js","./box":"./box/index.js","./breadcrumb-group":"./breadcrumb-group/index.js","./button":"./button/index.js","./button-dropdown":"./button-dropdown/index.js","./calendar":"./calendar/index.js","./cards":"./cards/index.js","./checkbox":"./checkbox/index.js","./code-editor":"./code-editor/index.js","./collection-preferences":"./collection-preferences/index.js","./column-layout":"./column-layout/index.js","./container":"./container/index.js","./content-layout":"./content-layout/index.js","./date-input":"./date-input/index.js","./date-picker":"./date-picker/index.js","./date-range-picker":"./date-range-picker/index.js","./drawer":"./drawer/index.js","./expandable-section":"./expandable-section/index.js","./file-upload":"./file-upload/index.js","./flashbar":"./flashbar/index.js","./form":"./form/index.js","./form-field":"./form-field/index.js","./grid":"./grid/index.js","./header":"./header/index.js","./help-panel":"./help-panel/index.js","./hotspot":"./hotspot/index.js","./icon":"./icon/index.js","./input":"./input/index.js","./line-chart":"./line-chart/index.js","./link":"./link/index.js","./mixed-line-bar-chart":"./mixed-line-bar-chart/index.js","./modal":"./modal/index.js","./multiselect":"./multiselect/index.js","./pagination":"./pagination/index.js","./pie-chart":"./pie-chart/index.js","./popover":"./popover/index.js","./progress-bar":"./progress-bar/index.js","./property-filter":"./property-filter/index.js","./radio-group":"./radio-group/index.js","./s3-resource-selector":"./s3-resource-selector/index.js","./segmented-control":"./segmented-control/index.js","./select":"./select/index.js","./side-navigation":"./side-navigation/index.js","./space-between":"./space-between/index.js","./spinner":"./spinner/index.js","./split-panel":"./split-panel/index.js","./status-indicator":"./status-indicator/index.js","./table":"./table/index.js","./tabs":"./tabs/index.js","./tag-editor":"./tag-editor/index.js","./text-content":"./text-content/index.js","./text-filter":"./text-filter/index.js","./textarea":"./textarea/index.js","./tiles":"./tiles/index.js","./time-input":"./time-input/index.js","./toggle":"./toggle/index.js","./token-group":"./token-group/index.js","./top-navigation":"./top-navigation/index.js","./tutorial-panel":"./tutorial-panel/index.js","./wizard":"./wizard/index.js","./top-navigation/1.0-beta":"./top-navigation/1.0-beta/index.js","./i18n":"./i18n/index.js","./i18n/messages/all.all":"./i18n/messages/all.all.js","./i18n/messages/all.all.json":"./i18n/messages/all.all.json","./i18n/messages/all.de":"./i18n/messages/all.de.js","./i18n/messages/all.de.json":"./i18n/messages/all.de.json","./i18n/messages/all.en-GB":"./i18n/messages/all.en-GB.js","./i18n/messages/all.en-GB.json":"./i18n/messages/all.en-GB.json","./i18n/messages/all.en":"./i18n/messages/all.en.js","./i18n/messages/all.en.json":"./i18n/messages/all.en.json","./i18n/messages/all.es":"./i18n/messages/all.es.js","./i18n/messages/all.es.json":"./i18n/messages/all.es.json","./i18n/messages/all.fr":"./i18n/messages/all.fr.js","./i18n/messages/all.fr.json":"./i18n/messages/all.fr.json","./i18n/messages/all.id":"./i18n/messages/all.id.js","./i18n/messages/all.id.json":"./i18n/messages/all.id.json","./i18n/messages/all.it":"./i18n/messages/all.it.js","./i18n/messages/all.it.json":"./i18n/messages/all.it.json","./i18n/messages/all.ja":"./i18n/messages/all.ja.js","./i18n/messages/all.ja.json":"./i18n/messages/all.ja.json","./i18n/messages/all.ko":"./i18n/messages/all.ko.js","./i18n/messages/all.ko.json":"./i18n/messages/all.ko.json","./i18n/messages/all.pt-BR":"./i18n/messages/all.pt-BR.js","./i18n/messages/all.pt-BR.json":"./i18n/messages/all.pt-BR.json","./i18n/messages/all.th":"./i18n/messages/all.th.js","./i18n/messages/all.th.json":"./i18n/messages/all.th.json","./i18n/messages/all.tr":"./i18n/messages/all.tr.js","./i18n/messages/all.tr.json":"./i18n/messages/all.tr.json","./i18n/messages/all.zh-CN":"./i18n/messages/all.zh-CN.js","./i18n/messages/all.zh-CN.json":"./i18n/messages/all.zh-CN.json","./i18n/messages/all.zh-TW":"./i18n/messages/all.zh-TW.js","./i18n/messages/all.zh-TW.json":"./i18n/messages/all.zh-TW.json"},"sideEffects":["*.css","./internal/base-component/index.js","./internal/base-component/styles.css.js"],"version":"3.0.498","repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"homepage":"https://cloudscape.design","dependencies":{"@cloudscape-design/collection-hooks":"^1.0.0","@cloudscape-design/component-toolkit":"^1.0.0-beta","@cloudscape-design/test-utils-core":"^1.0.0","@cloudscape-design/theming-runtime":"^1.0.0","@dnd-kit/core":"^6.0.8","@dnd-kit/sortable":"^7.0.2","@dnd-kit/utilities":"^3.2.1","@juggle/resize-observer":"^3.3.1","ace-builds":"^1.23.0","balanced-match":"^1.0.2","clsx":"^1.1.0","d3-shape":"^1.3.7","date-fns":"^2.25.0","intl-messageformat":"^10.3.1","mnth":"^2.0.0","react-keyed-flatten-children":"^1.3.0","react-transition-group":"^4.4.2","react-virtual":"^2.8.2","tslib":"^2.4.0","weekstart":"^1.1.0"},"peerDependencies":{"react":"^16.8 || ^17 || ^18","react-dom":"^16.8 || ^17 || ^18"},"license":"Apache-2.0"}
1
+ {"name":"@cloudscape-design/components","main":"./index.js","exports":{".":"./index.js","./package.json":"./package.json","./theming":"./theming/index.js","./test-utils/dom":"./test-utils/dom/index.js","./test-utils/selectors":"./test-utils/selectors/index.js","./interfaces":"./interfaces.js","./contexts/form-field":"./contexts/form-field.js","./alert":"./alert/index.js","./anchor-navigation":"./anchor-navigation/index.js","./annotation-context":"./annotation-context/index.js","./app-layout":"./app-layout/index.js","./area-chart":"./area-chart/index.js","./attribute-editor":"./attribute-editor/index.js","./autosuggest":"./autosuggest/index.js","./badge":"./badge/index.js","./bar-chart":"./bar-chart/index.js","./box":"./box/index.js","./breadcrumb-group":"./breadcrumb-group/index.js","./button":"./button/index.js","./button-dropdown":"./button-dropdown/index.js","./calendar":"./calendar/index.js","./cards":"./cards/index.js","./checkbox":"./checkbox/index.js","./code-editor":"./code-editor/index.js","./collection-preferences":"./collection-preferences/index.js","./column-layout":"./column-layout/index.js","./container":"./container/index.js","./content-layout":"./content-layout/index.js","./date-input":"./date-input/index.js","./date-picker":"./date-picker/index.js","./date-range-picker":"./date-range-picker/index.js","./drawer":"./drawer/index.js","./expandable-section":"./expandable-section/index.js","./file-upload":"./file-upload/index.js","./flashbar":"./flashbar/index.js","./form":"./form/index.js","./form-field":"./form-field/index.js","./grid":"./grid/index.js","./header":"./header/index.js","./help-panel":"./help-panel/index.js","./hotspot":"./hotspot/index.js","./icon":"./icon/index.js","./input":"./input/index.js","./line-chart":"./line-chart/index.js","./link":"./link/index.js","./mixed-line-bar-chart":"./mixed-line-bar-chart/index.js","./modal":"./modal/index.js","./multiselect":"./multiselect/index.js","./pagination":"./pagination/index.js","./pie-chart":"./pie-chart/index.js","./popover":"./popover/index.js","./progress-bar":"./progress-bar/index.js","./property-filter":"./property-filter/index.js","./radio-group":"./radio-group/index.js","./s3-resource-selector":"./s3-resource-selector/index.js","./segmented-control":"./segmented-control/index.js","./select":"./select/index.js","./side-navigation":"./side-navigation/index.js","./space-between":"./space-between/index.js","./spinner":"./spinner/index.js","./split-panel":"./split-panel/index.js","./status-indicator":"./status-indicator/index.js","./table":"./table/index.js","./tabs":"./tabs/index.js","./tag-editor":"./tag-editor/index.js","./text-content":"./text-content/index.js","./text-filter":"./text-filter/index.js","./textarea":"./textarea/index.js","./tiles":"./tiles/index.js","./time-input":"./time-input/index.js","./toggle":"./toggle/index.js","./token-group":"./token-group/index.js","./top-navigation":"./top-navigation/index.js","./tutorial-panel":"./tutorial-panel/index.js","./wizard":"./wizard/index.js","./top-navigation/1.0-beta":"./top-navigation/1.0-beta/index.js","./i18n":"./i18n/index.js","./i18n/messages/all.all":"./i18n/messages/all.all.js","./i18n/messages/all.all.json":"./i18n/messages/all.all.json","./i18n/messages/all.de":"./i18n/messages/all.de.js","./i18n/messages/all.de.json":"./i18n/messages/all.de.json","./i18n/messages/all.en-GB":"./i18n/messages/all.en-GB.js","./i18n/messages/all.en-GB.json":"./i18n/messages/all.en-GB.json","./i18n/messages/all.en":"./i18n/messages/all.en.js","./i18n/messages/all.en.json":"./i18n/messages/all.en.json","./i18n/messages/all.es":"./i18n/messages/all.es.js","./i18n/messages/all.es.json":"./i18n/messages/all.es.json","./i18n/messages/all.fr":"./i18n/messages/all.fr.js","./i18n/messages/all.fr.json":"./i18n/messages/all.fr.json","./i18n/messages/all.id":"./i18n/messages/all.id.js","./i18n/messages/all.id.json":"./i18n/messages/all.id.json","./i18n/messages/all.it":"./i18n/messages/all.it.js","./i18n/messages/all.it.json":"./i18n/messages/all.it.json","./i18n/messages/all.ja":"./i18n/messages/all.ja.js","./i18n/messages/all.ja.json":"./i18n/messages/all.ja.json","./i18n/messages/all.ko":"./i18n/messages/all.ko.js","./i18n/messages/all.ko.json":"./i18n/messages/all.ko.json","./i18n/messages/all.pt-BR":"./i18n/messages/all.pt-BR.js","./i18n/messages/all.pt-BR.json":"./i18n/messages/all.pt-BR.json","./i18n/messages/all.th":"./i18n/messages/all.th.js","./i18n/messages/all.th.json":"./i18n/messages/all.th.json","./i18n/messages/all.tr":"./i18n/messages/all.tr.js","./i18n/messages/all.tr.json":"./i18n/messages/all.tr.json","./i18n/messages/all.zh-CN":"./i18n/messages/all.zh-CN.js","./i18n/messages/all.zh-CN.json":"./i18n/messages/all.zh-CN.json","./i18n/messages/all.zh-TW":"./i18n/messages/all.zh-TW.js","./i18n/messages/all.zh-TW.json":"./i18n/messages/all.zh-TW.json"},"sideEffects":["*.css","./internal/base-component/index.js","./internal/base-component/styles.css.js"],"version":"3.0.500","repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"homepage":"https://cloudscape.design","dependencies":{"@cloudscape-design/collection-hooks":"^1.0.0","@cloudscape-design/component-toolkit":"^1.0.0-beta","@cloudscape-design/test-utils-core":"^1.0.0","@cloudscape-design/theming-runtime":"^1.0.0","@dnd-kit/core":"^6.0.8","@dnd-kit/sortable":"^7.0.2","@dnd-kit/utilities":"^3.2.1","@juggle/resize-observer":"^3.3.1","ace-builds":"^1.23.0","balanced-match":"^1.0.2","clsx":"^1.1.0","d3-shape":"^1.3.7","date-fns":"^2.25.0","intl-messageformat":"^10.3.1","mnth":"^2.0.0","react-keyed-flatten-children":"^1.3.0","react-transition-group":"^4.4.2","react-virtual":"^2.8.2","tslib":"^2.4.0","weekstart":"^1.1.0"},"peerDependencies":{"react":"^16.8 || ^17 || ^18","react-dom":"^16.8 || ^17 || ^18"},"license":"Apache-2.0"}
@@ -1 +1 @@
1
- {"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAiCA,QAAA,MAAM,kBAAkB,aAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAkCA,QAAA,MAAM,kBAAkB,aAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}