@cloudscape-design/components 3.0.506 → 3.0.508

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 (42) hide show
  1. package/app-layout/defaults.d.ts +2 -2
  2. package/app-layout/defaults.d.ts.map +1 -1
  3. package/app-layout/defaults.js.map +1 -1
  4. package/app-layout/drawer/interfaces.d.ts +2 -3
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/drawer/resizable-drawer.d.ts +1 -1
  8. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  9. package/app-layout/drawer/resizable-drawer.js +9 -18
  10. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  11. package/app-layout/index.d.ts.map +1 -1
  12. package/app-layout/index.js +26 -76
  13. package/app-layout/index.js.map +1 -1
  14. package/app-layout/split-panel/constants.d.ts +3 -0
  15. package/app-layout/split-panel/constants.d.ts.map +1 -0
  16. package/app-layout/split-panel/constants.js +5 -0
  17. package/app-layout/split-panel/constants.js.map +1 -0
  18. package/app-layout/split-panel/index.d.ts +1 -0
  19. package/app-layout/split-panel/index.d.ts.map +1 -1
  20. package/app-layout/split-panel/index.js +1 -0
  21. package/app-layout/split-panel/index.js.map +1 -1
  22. package/app-layout/split-panel/provider.d.ts +2 -2
  23. package/app-layout/split-panel/provider.d.ts.map +1 -1
  24. package/app-layout/split-panel/provider.js +18 -16
  25. package/app-layout/split-panel/provider.js.map +1 -1
  26. package/app-layout/utils/use-document-width.d.ts +2 -0
  27. package/app-layout/utils/use-document-width.d.ts.map +1 -0
  28. package/app-layout/utils/use-document-width.js +11 -0
  29. package/app-layout/utils/use-document-width.js.map +1 -0
  30. package/app-layout/visual-refresh/split-panel.js +1 -1
  31. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  32. package/container/styles.css.js +30 -30
  33. package/container/styles.scoped.css +55 -54
  34. package/container/styles.selectors.js +30 -30
  35. package/internal/environment.js +1 -1
  36. package/internal/environment.json +1 -1
  37. package/internal/manifest.json +1 -1
  38. package/package.json +1 -1
  39. package/app-layout/utils/use-window-width.d.ts +0 -2
  40. package/app-layout/utils/use-window-width.d.ts.map +0 -1
  41. package/app-layout/utils/use-window-width.js +0 -13
  42. package/app-layout/utils/use-window-width.js.map +0 -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_suntf_97:not(#\9) {
97
+ .awsui_root_14iqq_uo2bo_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_suntf_97.awsui_fit-height_14iqq_suntf_133:not(#\9) {
134
+ .awsui_root_14iqq_uo2bo_97.awsui_fit-height_14iqq_uo2bo_133:not(#\9) {
135
135
  display: flex;
136
136
  flex-direction: column;
137
137
  height: 100%;
138
138
  }
139
- .awsui_root_14iqq_suntf_97.awsui_fit-height_14iqq_suntf_133.awsui_with-side-media_14iqq_suntf_138:not(#\9) {
139
+ .awsui_root_14iqq_uo2bo_97.awsui_fit-height_14iqq_uo2bo_133.awsui_with-side-media_14iqq_uo2bo_138:not(#\9) {
140
140
  flex-direction: row;
141
141
  }
142
- .awsui_root_14iqq_suntf_97.awsui_variant-default_14iqq_suntf_141:not(#\9), .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9) {
142
+ .awsui_root_14iqq_uo2bo_97.awsui_variant-default_14iqq_uo2bo_141:not(#\9), .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_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_suntf_97.awsui_variant-default_14iqq_suntf_141.awsui_refresh_14iqq_suntf_146:not(#\9), .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141.awsui_refresh_14iqq_suntf_146:not(#\9) {
147
+ .awsui_root_14iqq_uo2bo_97.awsui_variant-default_14iqq_uo2bo_141.awsui_refresh_14iqq_uo2bo_146:not(#\9), .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141.awsui_refresh_14iqq_uo2bo_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_suntf_97.awsui_variant-default_14iqq_suntf_141:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::before, .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::before {
150
+ .awsui_root_14iqq_uo2bo_97.awsui_variant-default_14iqq_uo2bo_141:not(#\9):not(.awsui_refresh_14iqq_uo2bo_146)::before, .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9):not(.awsui_refresh_14iqq_uo2bo_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_suntf_97.awsui_variant-default_14iqq_suntf_141:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::after, .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::after {
165
+ .awsui_root_14iqq_uo2bo_97.awsui_variant-default_14iqq_uo2bo_141:not(#\9):not(.awsui_refresh_14iqq_uo2bo_146)::after, .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9):not(.awsui_refresh_14iqq_uo2bo_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_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9):not(:last-child), .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9):not(:last-child)::after {
178
+ .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9):not(:last-child), .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_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_suntf_97.awsui_variant-stacked_14iqq_suntf_141 + .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9), .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141 + .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9)::before, .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141 + .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9)::after {
183
+ .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141 + .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9), .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141 + .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9)::before, .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141 + .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9)::after {
184
184
  border-top-left-radius: 0;
185
185
  border-top-right-radius: 0;
186
186
  }
187
- .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141 + .awsui_root_14iqq_suntf_97.awsui_variant-stacked_14iqq_suntf_141:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::before {
187
+ .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141 + .awsui_root_14iqq_uo2bo_97.awsui_variant-stacked_14iqq_uo2bo_141:not(#\9):not(.awsui_refresh_14iqq_uo2bo_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_suntf_97.awsui_sticky-enabled_14iqq_suntf_189:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::before {
190
+ .awsui_root_14iqq_uo2bo_97.awsui_sticky-enabled_14iqq_uo2bo_189:not(#\9):not(.awsui_refresh_14iqq_uo2bo_146)::before {
191
191
  top: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
192
192
  }
193
- .awsui_root_14iqq_suntf_97.awsui_sticky-enabled_14iqq_suntf_189:not(#\9):not(.awsui_refresh_14iqq_suntf_146).awsui_variant-stacked_14iqq_suntf_141::before {
193
+ .awsui_root_14iqq_uo2bo_97.awsui_sticky-enabled_14iqq_uo2bo_189:not(#\9):not(.awsui_refresh_14iqq_uo2bo_146).awsui_variant-stacked_14iqq_uo2bo_141::before {
194
194
  top: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
195
195
  }
196
196
 
197
- .awsui_with-side-media_14iqq_suntf_138:not(#\9) {
197
+ .awsui_with-side-media_14iqq_uo2bo_138:not(#\9) {
198
198
  display: flex;
199
199
  flex-direction: row;
200
200
  }
201
201
 
202
- .awsui_with-top-media_14iqq_suntf_201:not(#\9) {
202
+ .awsui_with-top-media_14iqq_uo2bo_201:not(#\9) {
203
203
  display: flex;
204
204
  flex-direction: column;
205
205
  }
206
206
 
207
- .awsui_content-wrapper_14iqq_suntf_206:not(#\9) {
207
+ .awsui_content-wrapper_14iqq_uo2bo_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_suntf_211:not(#\9) {
212
+ .awsui_content-wrapper-fit-height_14iqq_uo2bo_211:not(#\9) {
213
213
  height: 100%;
214
214
  overflow: hidden;
215
215
  }
216
216
 
217
- .awsui_media_14iqq_suntf_216:not(#\9) {
217
+ .awsui_media_14iqq_uo2bo_216:not(#\9) {
218
218
  overflow: hidden;
219
219
  flex-shrink: 0;
220
220
  }
221
- .awsui_media_14iqq_suntf_216 img:not(#\9),
222
- .awsui_media_14iqq_suntf_216 video:not(#\9),
223
- .awsui_media_14iqq_suntf_216 picture:not(#\9) {
221
+ .awsui_media_14iqq_uo2bo_216 img:not(#\9),
222
+ .awsui_media_14iqq_uo2bo_216 video:not(#\9),
223
+ .awsui_media_14iqq_uo2bo_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_suntf_216 iframe:not(#\9) {
229
+ .awsui_media_14iqq_uo2bo_216 iframe:not(#\9) {
230
230
  width: 100%;
231
231
  height: 100%;
232
232
  border: 0;
233
233
  }
234
- .awsui_media-top_14iqq_suntf_233:not(#\9) {
234
+ .awsui_media-top_14iqq_uo2bo_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_suntf_238:not(#\9) {
239
+ .awsui_media-side_14iqq_uo2bo_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_suntf_244:not(#\9) {
245
+ .awsui_header_14iqq_uo2bo_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_suntf_244.awsui_header-with-media_14iqq_suntf_249:not(#\9) {
250
+ .awsui_header_14iqq_uo2bo_244.awsui_header-with-media_14iqq_uo2bo_249:not(#\9) {
251
251
  background: none;
252
252
  }
253
- .awsui_header_14iqq_suntf_244.awsui_header-with-media_14iqq_suntf_249:not(#\9):not(:empty) {
253
+ .awsui_header_14iqq_uo2bo_244.awsui_header-with-media_14iqq_uo2bo_249:not(#\9):not(:empty) {
254
254
  border-bottom: none;
255
255
  }
256
- .awsui_header-sticky-disabled_14iqq_suntf_255:not(#\9) {
256
+ .awsui_header-sticky-disabled_14iqq_uo2bo_255:not(#\9) {
257
257
  position: relative;
258
258
  z-index: 1;
259
259
  }
260
- .awsui_header-sticky-enabled_14iqq_suntf_259:not(#\9) {
260
+ .awsui_header-sticky-enabled_14iqq_uo2bo_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_suntf_265:not(#\9) {
266
+ .awsui_header-stuck_14iqq_uo2bo_265:not(#\9) {
267
267
  border-radius: 0;
268
268
  }
269
- .awsui_header-stuck_14iqq_suntf_265:not(#\9)::before {
269
+ .awsui_header-stuck_14iqq_uo2bo_265:not(#\9)::before {
270
270
  border: 0;
271
271
  }
272
- .awsui_header-stuck_14iqq_suntf_265:not(#\9):not(.awsui_header-variant-cards_14iqq_suntf_271) {
272
+ .awsui_header-stuck_14iqq_uo2bo_265:not(#\9):not(.awsui_header-variant-cards_14iqq_uo2bo_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_suntf_274.awsui_header-stuck_14iqq_suntf_265:not(#\9) {
275
+ .awsui_header-dynamic-height_14iqq_uo2bo_274.awsui_header-stuck_14iqq_uo2bo_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_suntf_244:not(#\9):not(:empty) {
278
+ .awsui_header_14iqq_uo2bo_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_suntf_244.awsui_with-paddings_14iqq_suntf_280:not(#\9) {
281
+ .awsui_header_14iqq_uo2bo_244.awsui_with-paddings_14iqq_uo2bo_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_suntf_244.awsui_with-paddings_14iqq_suntf_280.awsui_header-variant-cards_14iqq_suntf_271:not(#\9) {
284
+ .awsui_header_14iqq_uo2bo_244.awsui_with-paddings_14iqq_uo2bo_280.awsui_header-variant-cards_14iqq_uo2bo_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_suntf_244.awsui_with-hidden-content_14iqq_suntf_286:not(#\9) {
287
+ .awsui_header_14iqq_uo2bo_244.awsui_with-hidden-content_14iqq_uo2bo_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_suntf_271:not(#\9) {
291
+ .awsui_header-variant-cards_14iqq_uo2bo_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_suntf_271.awsui_refresh_14iqq_suntf_146:not(#\9) {
295
+ .awsui_header-variant-cards_14iqq_uo2bo_271.awsui_refresh_14iqq_uo2bo_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_suntf_271:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::before {
298
+ .awsui_header-variant-cards_14iqq_uo2bo_271:not(#\9):not(.awsui_refresh_14iqq_uo2bo_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_suntf_271:not(#\9):not(.awsui_refresh_14iqq_suntf_146)::after {
313
+ .awsui_header-variant-cards_14iqq_uo2bo_271:not(#\9):not(.awsui_refresh_14iqq_uo2bo_146)::after {
314
314
  content: "";
315
315
  position: absolute;
316
316
  left: 0px;
@@ -323,27 +323,28 @@ 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_suntf_271:not(#\9):not(.awsui_header-sticky-enabled_14iqq_suntf_259) {
326
+ .awsui_header-variant-cards_14iqq_uo2bo_271:not(#\9):not(.awsui_header-sticky-enabled_14iqq_uo2bo_259) {
327
327
  position: relative;
328
328
  }
329
- .awsui_header-variant-cards_14iqq_suntf_271.awsui_header-stuck_14iqq_suntf_265:not(#\9)::after, .awsui_header-variant-cards_14iqq_suntf_271.awsui_header-stuck_14iqq_suntf_265:not(#\9)::before {
329
+ .awsui_header-variant-cards_14iqq_uo2bo_271.awsui_header-stuck_14iqq_uo2bo_265:not(#\9)::after, .awsui_header-variant-cards_14iqq_uo2bo_271.awsui_header-stuck_14iqq_uo2bo_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_suntf_333.awsui_header-stuck_14iqq_suntf_265:not(#\9) {
334
+ .awsui_header-variant-full-page_14iqq_uo2bo_333.awsui_header-stuck_14iqq_uo2bo_265:not(#\9) {
335
335
  box-shadow: none;
336
336
  }
337
- .awsui_header-variant-full-page_14iqq_suntf_333.awsui_header-stuck_14iqq_suntf_265:not(#\9)::before {
337
+ .awsui_header-variant-full-page_14iqq_uo2bo_333.awsui_header-stuck_14iqq_uo2bo_265:not(#\9)::before {
338
338
  content: "";
339
339
  position: absolute;
340
+ pointer-events: none;
340
341
  right: 0;
341
342
  left: 0;
342
343
  bottom: 0;
343
344
  top: 0;
344
345
  border-bottom: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
345
346
  }
346
- .awsui_header-variant-full-page_14iqq_suntf_333.awsui_header-stuck_14iqq_suntf_265:not(#\9)::after {
347
+ .awsui_header-variant-full-page_14iqq_uo2bo_333.awsui_header-stuck_14iqq_uo2bo_265:not(#\9)::after {
347
348
  content: "";
348
349
  position: absolute;
349
350
  right: 0;
@@ -353,7 +354,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
353
354
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
354
355
  clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
355
356
  }
356
- .awsui_header-variant-full-page_14iqq_suntf_333.awsui_header-stuck_14iqq_suntf_265:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_suntf_355)::before {
357
+ .awsui_header-variant-full-page_14iqq_uo2bo_333.awsui_header-stuck_14iqq_uo2bo_265:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_uo2bo_356)::before {
357
358
  content: "";
358
359
  border-bottom: none;
359
360
  }
@@ -362,30 +363,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
362
363
  The dynamic height dark header needs a background that will cover
363
364
  the default white background of the container component.
364
365
  */
365
- .awsui_dark-header_14iqq_suntf_364:not(#\9) {
366
+ .awsui_dark-header_14iqq_uo2bo_365:not(#\9) {
366
367
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
367
368
  color: var(--color-text-body-default-at06ol, #000716);
368
369
  }
369
370
 
370
- .awsui_content_14iqq_suntf_206:not(#\9) {
371
+ .awsui_content_14iqq_uo2bo_206:not(#\9) {
371
372
  flex: 1;
372
373
  }
373
- .awsui_content-fit-height_14iqq_suntf_372:not(#\9) {
374
+ .awsui_content-fit-height_14iqq_uo2bo_373:not(#\9) {
374
375
  overflow: auto;
375
376
  }
376
- .awsui_content_14iqq_suntf_206.awsui_with-paddings_14iqq_suntf_280:not(#\9) {
377
+ .awsui_content_14iqq_uo2bo_206.awsui_with-paddings_14iqq_uo2bo_280:not(#\9) {
377
378
  padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-container-horizontal-wfukh3, 20px);
378
379
  }
379
- .awsui_header_14iqq_suntf_244 + .awsui_content_14iqq_suntf_206.awsui_with-paddings_14iqq_suntf_280:not(#\9) {
380
+ .awsui_header_14iqq_uo2bo_244 + .awsui_content_14iqq_uo2bo_206.awsui_with-paddings_14iqq_uo2bo_280:not(#\9) {
380
381
  padding-top: var(--space-container-content-top-1ae0r3, 4px);
381
382
  }
382
- .awsui_header_14iqq_suntf_244 + .awsui_content_14iqq_suntf_206.awsui_with-paddings_14iqq_suntf_280.awsui_content-with-media_14iqq_suntf_381:not(#\9) {
383
+ .awsui_header_14iqq_uo2bo_244 + .awsui_content_14iqq_uo2bo_206.awsui_with-paddings_14iqq_uo2bo_280.awsui_content-with-media_14iqq_uo2bo_382:not(#\9) {
383
384
  padding-top: 0;
384
385
  }
385
386
 
386
- .awsui_footer_14iqq_suntf_385.awsui_with-paddings_14iqq_suntf_280:not(#\9) {
387
+ .awsui_footer_14iqq_uo2bo_386.awsui_with-paddings_14iqq_uo2bo_280:not(#\9) {
387
388
  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-container-horizontal-wfukh3, 20px);
388
389
  }
389
- .awsui_footer_14iqq_suntf_385.awsui_with-divider_14iqq_suntf_388:not(#\9) {
390
+ .awsui_footer_14iqq_uo2bo_386.awsui_with-divider_14iqq_uo2bo_389:not(#\9) {
390
391
  border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
391
392
  }
@@ -2,35 +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_suntf_97",
6
- "fit-height": "awsui_fit-height_14iqq_suntf_133",
7
- "with-side-media": "awsui_with-side-media_14iqq_suntf_138",
8
- "variant-default": "awsui_variant-default_14iqq_suntf_141",
9
- "variant-stacked": "awsui_variant-stacked_14iqq_suntf_141",
10
- "refresh": "awsui_refresh_14iqq_suntf_146",
11
- "sticky-enabled": "awsui_sticky-enabled_14iqq_suntf_189",
12
- "with-top-media": "awsui_with-top-media_14iqq_suntf_201",
13
- "content-wrapper": "awsui_content-wrapper_14iqq_suntf_206",
14
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_suntf_211",
15
- "media": "awsui_media_14iqq_suntf_216",
16
- "media-top": "awsui_media-top_14iqq_suntf_233",
17
- "media-side": "awsui_media-side_14iqq_suntf_238",
18
- "header": "awsui_header_14iqq_suntf_244",
19
- "header-with-media": "awsui_header-with-media_14iqq_suntf_249",
20
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_suntf_255",
21
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_suntf_259",
22
- "header-stuck": "awsui_header-stuck_14iqq_suntf_265",
23
- "header-variant-cards": "awsui_header-variant-cards_14iqq_suntf_271",
24
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_suntf_274",
25
- "with-paddings": "awsui_with-paddings_14iqq_suntf_280",
26
- "with-hidden-content": "awsui_with-hidden-content_14iqq_suntf_286",
27
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_suntf_333",
28
- "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_suntf_355",
29
- "dark-header": "awsui_dark-header_14iqq_suntf_364",
30
- "content": "awsui_content_14iqq_suntf_206",
31
- "content-fit-height": "awsui_content-fit-height_14iqq_suntf_372",
32
- "content-with-media": "awsui_content-with-media_14iqq_suntf_381",
33
- "footer": "awsui_footer_14iqq_suntf_385",
34
- "with-divider": "awsui_with-divider_14iqq_suntf_388"
5
+ "root": "awsui_root_14iqq_uo2bo_97",
6
+ "fit-height": "awsui_fit-height_14iqq_uo2bo_133",
7
+ "with-side-media": "awsui_with-side-media_14iqq_uo2bo_138",
8
+ "variant-default": "awsui_variant-default_14iqq_uo2bo_141",
9
+ "variant-stacked": "awsui_variant-stacked_14iqq_uo2bo_141",
10
+ "refresh": "awsui_refresh_14iqq_uo2bo_146",
11
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_uo2bo_189",
12
+ "with-top-media": "awsui_with-top-media_14iqq_uo2bo_201",
13
+ "content-wrapper": "awsui_content-wrapper_14iqq_uo2bo_206",
14
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_uo2bo_211",
15
+ "media": "awsui_media_14iqq_uo2bo_216",
16
+ "media-top": "awsui_media-top_14iqq_uo2bo_233",
17
+ "media-side": "awsui_media-side_14iqq_uo2bo_238",
18
+ "header": "awsui_header_14iqq_uo2bo_244",
19
+ "header-with-media": "awsui_header-with-media_14iqq_uo2bo_249",
20
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_uo2bo_255",
21
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_uo2bo_259",
22
+ "header-stuck": "awsui_header-stuck_14iqq_uo2bo_265",
23
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_uo2bo_271",
24
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_uo2bo_274",
25
+ "with-paddings": "awsui_with-paddings_14iqq_uo2bo_280",
26
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_uo2bo_286",
27
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_uo2bo_333",
28
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_uo2bo_356",
29
+ "dark-header": "awsui_dark-header_14iqq_uo2bo_365",
30
+ "content": "awsui_content_14iqq_uo2bo_206",
31
+ "content-fit-height": "awsui_content-fit-height_14iqq_uo2bo_373",
32
+ "content-with-media": "awsui_content-with-media_14iqq_uo2bo_382",
33
+ "footer": "awsui_footer_14iqq_uo2bo_386",
34
+ "with-divider": "awsui_with-divider_14iqq_uo2bo_389"
35
35
  };
36
36
 
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (1e35c52a)";
2
+ export var PACKAGE_VERSION = "3.0.0 (b958f52a)";
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 (1e35c52a)",
3
+ "PACKAGE_VERSION": "3.0.0 (b958f52a)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "1e35c52a70893ba74fd217482fd568b043408df6"
2
+ "commit": "b958f52a3f68fa733386315e9d283f90c8d8e54e"
3
3
  }
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.506","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.508","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,2 +0,0 @@
1
- export default function useWindowWidth(): number;
2
- //# sourceMappingURL=use-window-width.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-window-width.d.ts","sourceRoot":"lib/default/","sources":["app-layout/utils/use-window-width.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,cAAc,WAQrC"}
@@ -1,13 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- import { useEffect, useState } from 'react';
4
- export default function useWindowWidth() {
5
- const [width, setWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));
6
- useEffect(() => {
7
- const handler = () => setWidth(window.innerWidth);
8
- window.addEventListener('resize', handler);
9
- return () => window.removeEventListener('resize', handler);
10
- }, []);
11
- return width;
12
- }
13
- //# sourceMappingURL=use-window-width.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-window-width.js","sourceRoot":"lib/default/","sources":["app-layout/utils/use-window-width.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAClD,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,EAAE,CAAC,CAAC;IACP,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\n\nexport default function useWindowWidth() {\n const [width, setWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));\n useEffect(() => {\n const handler = () => setWidth(window.innerWidth);\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, []);\n return width;\n}\n"]}