@cloudscape-design/components-themeable 3.0.1123 → 3.0.1124
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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +7 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/select/parts/styles.scss +3 -0
- package/lib/internal/template/README.md +1 -1
- package/lib/internal/template/alert/internal.d.ts.map +1 -1
- package/lib/internal/template/alert/internal.js +15 -4
- package/lib/internal/template/alert/internal.js.map +1 -1
- package/lib/internal/template/app-layout/runtime-drawer/index.d.ts +5 -3
- package/lib/internal/template/app-layout/runtime-drawer/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/runtime-drawer/index.js +16 -11
- package/lib/internal/template/app-layout/runtime-drawer/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts +6 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js +2 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +26 -25
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +75 -69
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +26 -25
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts +5 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.js +5 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
- package/lib/internal/template/cards/analytics-metadata/interfaces.d.ts +1 -0
- package/lib/internal/template/cards/analytics-metadata/interfaces.d.ts.map +1 -1
- package/lib/internal/template/cards/analytics-metadata/interfaces.js.map +1 -1
- package/lib/internal/template/cards/index.d.ts.map +1 -1
- package/lib/internal/template/cards/index.js +3 -0
- package/lib/internal/template/cards/index.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +3 -0
- package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
- package/lib/internal/template/select/parts/styles.css.js +20 -19
- package/lib/internal/template/select/parts/styles.scoped.css +23 -20
- package/lib/internal/template/select/parts/styles.selectors.js +20 -19
- package/lib/internal/template/select/parts/trigger.d.ts.map +1 -1
- package/lib/internal/template/select/parts/trigger.js +1 -1
- package/lib/internal/template/select/parts/trigger.js.map +1 -1
- package/lib/internal/template/test-utils/dom/token-group/index.js +4 -6
- package/lib/internal/template/test-utils/dom/token-group/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/token-group/token.js +2 -5
- package/lib/internal/template/test-utils/dom/token-group/token.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/token-group/index.js +4 -6
- package/lib/internal/template/test-utils/selectors/token-group/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/token-group/token.js +2 -5
- package/lib/internal/template/test-utils/selectors/token-group/token.js.map +1 -1
- package/lib/internal/template/token/dismiss-button.d.ts.map +1 -1
- package/lib/internal/template/token/dismiss-button.js +2 -1
- package/lib/internal/template/token/dismiss-button.js.map +1 -1
- package/lib/internal/template/token/internal.d.ts.map +1 -1
- package/lib/internal/template/token/internal.js +2 -1
- package/lib/internal/template/token/internal.js.map +1 -1
- package/package.json +1 -1
|
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
190
190
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
191
191
|
SPDX-License-Identifier: Apache-2.0
|
|
192
192
|
*/
|
|
193
|
-
.
|
|
193
|
+
.awsui_drawer_12i0j_669n2_193:not(#\9) {
|
|
194
194
|
position: sticky;
|
|
195
195
|
z-index: 830;
|
|
196
196
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
@@ -204,56 +204,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
204
204
|
pointer-events: auto;
|
|
205
205
|
word-wrap: break-word;
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
.awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9) {
|
|
208
208
|
transition: inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
|
|
209
209
|
}
|
|
210
210
|
@media (prefers-reduced-motion: reduce) {
|
|
211
|
-
.
|
|
211
|
+
.awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9) {
|
|
212
212
|
animation: none;
|
|
213
213
|
transition: none;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
|
-
.awsui-motion-disabled .
|
|
216
|
+
.awsui-motion-disabled .awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_669n2_193.awsui_with-expanded-motion_12i0j_669n2_207:not(#\9) {
|
|
217
217
|
animation: none;
|
|
218
218
|
transition: none;
|
|
219
219
|
}
|
|
220
220
|
@media (min-width: 689px) {
|
|
221
|
-
.
|
|
221
|
+
.awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_legacy_12i0j_669n2_221):not(.awsui_ai-drawer_12i0j_669n2_221) {
|
|
222
222
|
border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
225
|
@media (max-width: 688px) {
|
|
226
|
-
.
|
|
226
|
+
.awsui_drawer_12i0j_669n2_193:not(#\9) {
|
|
227
227
|
inline-size: 100%;
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_drawer_12i0j_669n2_193.awsui_last-opened_12i0j_669n2_229:not(#\9) {
|
|
230
230
|
z-index: 1001;
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-global_12i0j_669n2_233:not(#\9) {
|
|
234
234
|
display: block;
|
|
235
235
|
}
|
|
236
236
|
@media (min-width: 689px) {
|
|
237
|
-
.
|
|
237
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-global_12i0j_669n2_233:not(#\9) {
|
|
238
238
|
inline-size: var(--awsui-drawer-size-vl73au);
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
241
|
@media (max-width: 688px) {
|
|
242
|
-
.
|
|
242
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-global_12i0j_669n2_233:not(#\9):not(.awsui_last-opened_12i0j_669n2_229):not(.awsui_drawer-expanded_12i0j_669n2_242) {
|
|
243
243
|
display: none;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
.
|
|
246
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-hidden_12i0j_669n2_246:not(#\9) {
|
|
247
247
|
display: none;
|
|
248
248
|
}
|
|
249
|
-
.
|
|
249
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242:not(#\9) {
|
|
250
250
|
inline-size: 100%;
|
|
251
251
|
}
|
|
252
252
|
@media (min-width: 689px) {
|
|
253
|
-
.
|
|
253
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242:not(#\9) {
|
|
254
254
|
border-inline-start: none;
|
|
255
255
|
}
|
|
256
|
-
.
|
|
256
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242.awsui_has-next-siblings_12i0j_669n2_256 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9):after {
|
|
257
257
|
content: "";
|
|
258
258
|
position: absolute;
|
|
259
259
|
block-size: 100%;
|
|
@@ -263,14 +263,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
263
263
|
border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
264
264
|
box-sizing: border-box;
|
|
265
265
|
}
|
|
266
|
-
.
|
|
266
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9) {
|
|
267
267
|
inline-size: 100%;
|
|
268
268
|
grid-template-columns: 8px 1fr;
|
|
269
269
|
}
|
|
270
|
-
.
|
|
270
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
271
271
|
grid-column: 2;
|
|
272
272
|
}
|
|
273
|
-
.
|
|
273
|
+
.awsui_drawer_12i0j_669n2_193.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-gap_12i0j_669n2_273:not(#\9) {
|
|
274
274
|
grid-column: 1;
|
|
275
275
|
grid-row: 1;
|
|
276
276
|
block-size: 100%;
|
|
@@ -279,7 +279,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
279
279
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
|
-
.
|
|
282
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
283
283
|
grid-column: 1/span 2;
|
|
284
284
|
grid-row: 1;
|
|
285
285
|
display: grid;
|
|
@@ -288,13 +288,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
288
288
|
overflow-y: auto;
|
|
289
289
|
min-inline-size: var(--awsui-drawer-size-vl73au);
|
|
290
290
|
}
|
|
291
|
-
.
|
|
291
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-close-button_12i0j_669n2_291:not(#\9) {
|
|
292
292
|
grid-column: 3;
|
|
293
293
|
grid-row: 2;
|
|
294
294
|
z-index: 1;
|
|
295
295
|
align-self: start;
|
|
296
296
|
}
|
|
297
|
-
.
|
|
297
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-expanded-mode-button_12i0j_669n2_297:not(#\9) {
|
|
298
298
|
grid-column: 2;
|
|
299
299
|
grid-row: 2;
|
|
300
300
|
z-index: 1;
|
|
@@ -302,32 +302,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
302
302
|
display: flex;
|
|
303
303
|
justify-content: flex-end;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270:not(#\9) {
|
|
306
306
|
grid-column: 1/span 4;
|
|
307
307
|
grid-row: 1/span 2;
|
|
308
308
|
}
|
|
309
|
-
.
|
|
309
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270.awsui_drawer-content-hidden_12i0j_669n2_309:not(#\9) {
|
|
310
310
|
display: none;
|
|
311
311
|
}
|
|
312
|
-
.
|
|
312
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_drawer-slider_12i0j_669n2_312:not(#\9) {
|
|
313
313
|
grid-column: 1;
|
|
314
314
|
grid-row: 1;
|
|
315
315
|
block-size: 100%;
|
|
316
316
|
display: flex;
|
|
317
317
|
align-items: center;
|
|
318
318
|
}
|
|
319
|
-
.
|
|
319
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9) {
|
|
320
320
|
display: grid;
|
|
321
321
|
min-inline-size: var(--awsui-drawer-size-vl73au);
|
|
322
322
|
grid-template-columns: 8px var(--space-m-n2lypl, 16px) 1fr;
|
|
323
323
|
overflow: hidden;
|
|
324
324
|
}
|
|
325
325
|
@media (max-width: 688px) {
|
|
326
|
-
.
|
|
326
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256:not(#\9) {
|
|
327
327
|
grid-template-columns: 1fr;
|
|
328
328
|
}
|
|
329
329
|
}
|
|
330
|
-
.
|
|
330
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-gap_12i0j_669n2_273:not(#\9) {
|
|
331
331
|
grid-column: 1;
|
|
332
332
|
grid-row: 1;
|
|
333
333
|
block-size: 100%;
|
|
@@ -336,13 +336,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
336
336
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
337
337
|
box-sizing: border-box;
|
|
338
338
|
}
|
|
339
|
-
.
|
|
339
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-slider_12i0j_669n2_312:not(#\9) {
|
|
340
340
|
grid-column: 2;
|
|
341
341
|
grid-row: 1;
|
|
342
342
|
display: flex;
|
|
343
343
|
align-items: center;
|
|
344
344
|
}
|
|
345
|
-
.
|
|
345
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
346
346
|
grid-row: 1;
|
|
347
347
|
display: grid;
|
|
348
348
|
grid-template-columns: var(--space-m-n2lypl, 16px) 1fr auto var(--space-m-n2lypl, 16px);
|
|
@@ -350,16 +350,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
350
350
|
overflow-y: auto;
|
|
351
351
|
}
|
|
352
352
|
@media (min-width: 689px) {
|
|
353
|
-
.
|
|
353
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
354
354
|
grid-column: 2/span 2;
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
357
|
@media (max-width: 688px) {
|
|
358
|
-
.
|
|
358
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
359
359
|
grid-column: 1/span 2;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
-
.
|
|
362
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-actions_12i0j_669n2_362:not(#\9) {
|
|
363
363
|
position: absolute;
|
|
364
364
|
display: flex;
|
|
365
365
|
inset-block-start: 0;
|
|
@@ -367,13 +367,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
367
367
|
padding-inline-end: var(--space-m-n2lypl, 16px);
|
|
368
368
|
padding-block-start: 14px;
|
|
369
369
|
}
|
|
370
|
-
.
|
|
370
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-close-button_12i0j_669n2_291:not(#\9) {
|
|
371
371
|
grid-column: 3;
|
|
372
372
|
grid-row: 2;
|
|
373
373
|
z-index: 1;
|
|
374
374
|
align-self: start;
|
|
375
375
|
}
|
|
376
|
-
.
|
|
376
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-expanded-mode-button_12i0j_669n2_297:not(#\9) {
|
|
377
377
|
grid-column: 2;
|
|
378
378
|
grid-row: 2;
|
|
379
379
|
z-index: 1;
|
|
@@ -381,60 +381,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
381
381
|
display: flex;
|
|
382
382
|
justify-content: flex-end;
|
|
383
383
|
}
|
|
384
|
-
.
|
|
384
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270:not(#\9) {
|
|
385
385
|
grid-column: 1/span 4;
|
|
386
386
|
grid-row: 1/span 2;
|
|
387
387
|
}
|
|
388
|
-
.
|
|
388
|
+
.awsui_drawer_12i0j_669n2_193 > .awsui_global-drawer-wrapper_12i0j_669n2_256 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270.awsui_drawer-content-hidden_12i0j_669n2_309:not(#\9) {
|
|
389
389
|
display: none;
|
|
390
390
|
}
|
|
391
391
|
@media (max-width: 688px) {
|
|
392
392
|
@media not print {
|
|
393
|
-
.
|
|
393
|
+
.awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_ai-drawer_12i0j_669n2_221) {
|
|
394
394
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
395
395
|
}
|
|
396
|
-
.awsui-polaris-dark-mode .
|
|
396
|
+
.awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_ai-drawer_12i0j_669n2_221), .awsui-dark-mode .awsui_drawer_12i0j_669n2_193:not(#\9):not(.awsui_ai-drawer_12i0j_669n2_221) {
|
|
397
397
|
border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
400
|
}
|
|
401
|
-
.
|
|
401
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9) {
|
|
402
402
|
grid-template-columns: 1fr var(--space-xs-kw7k3v, 8px);
|
|
403
403
|
background: #161d26;
|
|
404
404
|
}
|
|
405
405
|
@media (max-width: 688px) {
|
|
406
|
-
.
|
|
406
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9) {
|
|
407
407
|
grid-template-columns: 1fr;
|
|
408
408
|
z-index: 1001;
|
|
409
409
|
}
|
|
410
410
|
}
|
|
411
|
-
.
|
|
411
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-slider_12i0j_669n2_312:not(#\9) {
|
|
412
412
|
display: flex;
|
|
413
413
|
justify-content: center;
|
|
414
414
|
inline-size: var(--space-xs-kw7k3v, 8px);
|
|
415
415
|
overflow: hidden;
|
|
416
416
|
grid-column: 2;
|
|
417
417
|
}
|
|
418
|
-
.
|
|
418
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 .awsui_ai-drawer-slider-handle_12i0j_669n2_418:not(#\9) {
|
|
419
419
|
color: var(--color-text-interactive-inverted-default-hyioba, #d5dbdb);
|
|
420
420
|
}
|
|
421
|
-
.
|
|
421
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 .awsui_ai-drawer-slider-handle_12i0j_669n2_418:not(#\9):hover {
|
|
422
422
|
stroke: var(--color-text-interactive-inverted-hover-p0x69h, #fafafa);
|
|
423
423
|
}
|
|
424
|
-
.
|
|
424
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
425
425
|
min-inline-size: calc(var(--awsui-drawer-min-size-vl73au) - var(--space-xs-kw7k3v, 8px));
|
|
426
426
|
grid-column: 1/span 1;
|
|
427
427
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
428
428
|
}
|
|
429
429
|
@media (min-width: 689px) {
|
|
430
|
-
.
|
|
430
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
431
431
|
border-start-end-radius: var(--space-xxs-jnczic, 4px);
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
|
-
.
|
|
434
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270:not(#\9) {
|
|
435
435
|
grid-row: 1/span 4;
|
|
436
436
|
}
|
|
437
|
-
.
|
|
437
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437:not(#\9) {
|
|
438
438
|
block-size: 41px;
|
|
439
439
|
position: sticky;
|
|
440
440
|
z-index: 1000;
|
|
@@ -447,7 +447,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
447
447
|
border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
|
|
448
448
|
box-sizing: border-box;
|
|
449
449
|
}
|
|
450
|
-
.
|
|
450
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9) {
|
|
451
451
|
display: flex;
|
|
452
452
|
flex: 1;
|
|
453
453
|
align-items: center;
|
|
@@ -457,23 +457,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
457
457
|
padding-inline-end: var(--space-m-n2lypl, 16px);
|
|
458
458
|
}
|
|
459
459
|
@media not print {
|
|
460
|
-
.
|
|
460
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9) {
|
|
461
461
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
462
462
|
}
|
|
463
|
-
.awsui-polaris-dark-mode .
|
|
463
|
+
.awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9) {
|
|
464
464
|
border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
465
465
|
}
|
|
466
466
|
@media (min-width: 689px) {
|
|
467
|
-
.awsui-polaris-dark-mode .
|
|
467
|
+
.awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_669n2_467), .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_669n2_467) {
|
|
468
468
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
469
469
|
border-start-end-radius: var(--space-xxs-jnczic, 4px);
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-content-header-content_12i0j_669n2_450 > .awsui_drawer-actions_12i0j_669n2_362:not(#\9) {
|
|
474
474
|
display: flex;
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9) {
|
|
477
477
|
position: relative;
|
|
478
478
|
display: flex;
|
|
479
479
|
align-items: center;
|
|
@@ -482,7 +482,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
482
482
|
padding-inline: var(--space-static-m-1cd7a5, 16px);
|
|
483
483
|
background-color: #161d26;
|
|
484
484
|
}
|
|
485
|
-
.
|
|
485
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
|
|
486
486
|
content: "";
|
|
487
487
|
position: absolute;
|
|
488
488
|
inset-block-start: 0;
|
|
@@ -492,28 +492,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
492
492
|
background: #161d26;
|
|
493
493
|
}
|
|
494
494
|
@media not print {
|
|
495
|
-
.
|
|
495
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
|
|
496
496
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
497
497
|
}
|
|
498
|
-
.awsui-polaris-dark-mode .
|
|
498
|
+
.awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
|
|
499
499
|
display: none;
|
|
500
500
|
}
|
|
501
501
|
}
|
|
502
|
-
.
|
|
502
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467:not(#\9):after {
|
|
503
503
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
504
504
|
border-start-end-radius: var(--space-xxs-jnczic, 4px);
|
|
505
505
|
}
|
|
506
|
-
.
|
|
506
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9) {
|
|
507
507
|
position: relative;
|
|
508
508
|
}
|
|
509
|
-
.
|
|
509
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9):has(:focus-visible) {
|
|
510
510
|
position: relative;
|
|
511
511
|
}
|
|
512
|
-
.
|
|
512
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9):has(:focus-visible) {
|
|
513
513
|
outline: 2px dotted transparent;
|
|
514
514
|
outline-offset: calc(3px - 1px);
|
|
515
515
|
}
|
|
516
|
-
.
|
|
516
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506:not(#\9):has(:focus-visible)::before {
|
|
517
517
|
content: " ";
|
|
518
518
|
display: block;
|
|
519
519
|
position: absolute;
|
|
@@ -527,7 +527,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
527
527
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
528
528
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
529
529
|
}
|
|
530
|
-
.
|
|
530
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506 > .awsui_drawer-back-to-console-button_12i0j_669n2_506:not(#\9) {
|
|
531
531
|
border-collapse: separate;
|
|
532
532
|
border-spacing: 0;
|
|
533
533
|
box-sizing: border-box;
|
|
@@ -573,34 +573,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
573
573
|
color: #ffffff;
|
|
574
574
|
cursor: pointer;
|
|
575
575
|
}
|
|
576
|
-
.
|
|
576
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506 > .awsui_drawer-back-to-console-button_12i0j_669n2_506:not(#\9):focus {
|
|
577
577
|
outline: none;
|
|
578
578
|
}
|
|
579
|
-
.
|
|
579
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-header_12i0j_669n2_437 > .awsui_drawer-back-to-console-slot_12i0j_669n2_467 > .awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506 > .awsui_drawer-back-to-console-custom-button_12i0j_669n2_579:not(#\9) {
|
|
580
|
+
all: initial;
|
|
581
|
+
display: flex;
|
|
582
|
+
cursor: pointer;
|
|
583
|
+
text-align: center;
|
|
584
|
+
}
|
|
585
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221 > .awsui_drawer-content-container_12i0j_669n2_270 > .awsui_drawer-content_12i0j_669n2_270 > .awsui_drawer-content-content_12i0j_669n2_585:not(#\9) {
|
|
580
586
|
display: flex;
|
|
581
587
|
flex-direction: column;
|
|
582
588
|
block-size: calc(100% - 41px);
|
|
583
589
|
}
|
|
584
590
|
@media (min-width: 689px) {
|
|
585
|
-
.
|
|
591
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270 {
|
|
586
592
|
clip-path: inset(0 0 -9999px 0 round 0 var(--space-xxs-jnczic, 4px) 0 0);
|
|
587
593
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
588
594
|
}
|
|
589
|
-
.
|
|
595
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270:dir(rtl) {
|
|
590
596
|
clip-path: inset(0 0 -9999px 0 round var(--space-xxs-jnczic, 4px) 0 0 0);
|
|
591
597
|
}
|
|
592
598
|
@media not print {
|
|
593
|
-
.
|
|
599
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270 {
|
|
594
600
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
595
601
|
}
|
|
596
|
-
.awsui-polaris-dark-mode .
|
|
602
|
+
.awsui-polaris-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270, .awsui-dark-mode .awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221:not(#\9):not(.awsui_drawer-expanded_12i0j_669n2_242) > .awsui_drawer-content-container_12i0j_669n2_270 {
|
|
597
603
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
|
|
598
604
|
}
|
|
599
605
|
}
|
|
600
606
|
}
|
|
601
|
-
.
|
|
607
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221.awsui_drawer-expanded_12i0j_669n2_242:not(#\9) {
|
|
602
608
|
grid-template-columns: 1fr;
|
|
603
609
|
}
|
|
604
|
-
.
|
|
610
|
+
.awsui_drawer_12i0j_669n2_193.awsui_ai-drawer_12i0j_669n2_221.awsui_drawer-expanded_12i0j_669n2_242 > .awsui_drawer-content-container_12i0j_669n2_270:not(#\9) {
|
|
605
611
|
border-start-end-radius: 0;
|
|
606
612
|
}
|
|
@@ -2,30 +2,31 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"drawer": "
|
|
6
|
-
"with-expanded-motion": "awsui_with-expanded-
|
|
7
|
-
"legacy": "
|
|
8
|
-
"ai-drawer": "awsui_ai-
|
|
9
|
-
"last-opened": "awsui_last-
|
|
10
|
-
"drawer-global": "awsui_drawer-
|
|
11
|
-
"drawer-expanded": "awsui_drawer-
|
|
12
|
-
"drawer-hidden": "awsui_drawer-
|
|
13
|
-
"has-next-siblings": "awsui_has-next-
|
|
14
|
-
"global-drawer-wrapper": "awsui_global-drawer-
|
|
15
|
-
"drawer-content-container": "awsui_drawer-content-
|
|
16
|
-
"drawer-gap": "awsui_drawer-
|
|
17
|
-
"drawer-close-button": "awsui_drawer-close-
|
|
18
|
-
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-
|
|
19
|
-
"drawer-content": "awsui_drawer-
|
|
20
|
-
"drawer-content-hidden": "awsui_drawer-content-
|
|
21
|
-
"drawer-slider": "awsui_drawer-
|
|
22
|
-
"drawer-actions": "awsui_drawer-
|
|
23
|
-
"ai-drawer-slider-handle": "awsui_ai-drawer-slider-
|
|
24
|
-
"drawer-content-header": "awsui_drawer-content-
|
|
25
|
-
"drawer-content-header-content": "awsui_drawer-content-header-
|
|
26
|
-
"drawer-back-to-console-slot": "awsui_drawer-back-to-console-
|
|
27
|
-
"drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-
|
|
28
|
-
"drawer-back-to-console-button": "awsui_drawer-back-to-console-
|
|
29
|
-
"drawer-
|
|
5
|
+
"drawer": "awsui_drawer_12i0j_669n2_193",
|
|
6
|
+
"with-expanded-motion": "awsui_with-expanded-motion_12i0j_669n2_207",
|
|
7
|
+
"legacy": "awsui_legacy_12i0j_669n2_221",
|
|
8
|
+
"ai-drawer": "awsui_ai-drawer_12i0j_669n2_221",
|
|
9
|
+
"last-opened": "awsui_last-opened_12i0j_669n2_229",
|
|
10
|
+
"drawer-global": "awsui_drawer-global_12i0j_669n2_233",
|
|
11
|
+
"drawer-expanded": "awsui_drawer-expanded_12i0j_669n2_242",
|
|
12
|
+
"drawer-hidden": "awsui_drawer-hidden_12i0j_669n2_246",
|
|
13
|
+
"has-next-siblings": "awsui_has-next-siblings_12i0j_669n2_256",
|
|
14
|
+
"global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_669n2_256",
|
|
15
|
+
"drawer-content-container": "awsui_drawer-content-container_12i0j_669n2_270",
|
|
16
|
+
"drawer-gap": "awsui_drawer-gap_12i0j_669n2_273",
|
|
17
|
+
"drawer-close-button": "awsui_drawer-close-button_12i0j_669n2_291",
|
|
18
|
+
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_669n2_297",
|
|
19
|
+
"drawer-content": "awsui_drawer-content_12i0j_669n2_270",
|
|
20
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_669n2_309",
|
|
21
|
+
"drawer-slider": "awsui_drawer-slider_12i0j_669n2_312",
|
|
22
|
+
"drawer-actions": "awsui_drawer-actions_12i0j_669n2_362",
|
|
23
|
+
"ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_669n2_418",
|
|
24
|
+
"drawer-content-header": "awsui_drawer-content-header_12i0j_669n2_437",
|
|
25
|
+
"drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_669n2_450",
|
|
26
|
+
"drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_669n2_467",
|
|
27
|
+
"drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_669n2_506",
|
|
28
|
+
"drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_669n2_506",
|
|
29
|
+
"drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_669n2_579",
|
|
30
|
+
"drawer-content-content": "awsui_drawer-content-content_12i0j_669n2_585"
|
|
30
31
|
};
|
|
31
32
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { WidgetMessage } from '../../../internal/plugins/widget/interfaces';
|
|
2
3
|
export interface OnChangeParams {
|
|
3
4
|
initiatedByUserAction: boolean;
|
|
@@ -6,12 +7,14 @@ interface UseDrawersProps {
|
|
|
6
7
|
onAiDrawerFocus: () => void;
|
|
7
8
|
expandedDrawerId: string | null;
|
|
8
9
|
setExpandedDrawerId: (value: string | null) => void;
|
|
10
|
+
getMaxAiDrawerSize: () => number;
|
|
9
11
|
}
|
|
10
|
-
export declare function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDrawerId }: UseDrawersProps): {
|
|
12
|
+
export declare function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDrawerId, getMaxAiDrawerSize, }: UseDrawersProps): {
|
|
11
13
|
aiDrawer: (import("../..").AppLayoutProps.Drawer & {
|
|
12
14
|
orderPriority?: number | undefined;
|
|
13
15
|
onToggle?: import("../../../internal/events").NonCancelableEventHandler<import("../../../internal/plugins/controllers/drawers").DrawerStateChangeParams> | undefined;
|
|
14
16
|
headerActions?: readonly import("../../..").ButtonGroupProps.Item[] | undefined;
|
|
17
|
+
exitExpandedModeTrigger?: import("react").ReactNode;
|
|
15
18
|
}) | null;
|
|
16
19
|
aiDrawerMessageHandler: (event: WidgetMessage) => void;
|
|
17
20
|
onActiveAiDrawerChange: (newDrawerId: string | null, { initiatedByUserAction }?: OnChangeParams) => void;
|
|
@@ -19,6 +22,7 @@ export declare function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpa
|
|
|
19
22
|
orderPriority?: number | undefined;
|
|
20
23
|
onToggle?: import("../../../internal/events").NonCancelableEventHandler<import("../../../internal/plugins/controllers/drawers").DrawerStateChangeParams> | undefined;
|
|
21
24
|
headerActions?: readonly import("../../..").ButtonGroupProps.Item[] | undefined;
|
|
25
|
+
exitExpandedModeTrigger?: import("react").ReactNode;
|
|
22
26
|
}) | null;
|
|
23
27
|
activeAiDrawerId: string | null;
|
|
24
28
|
activeAiDrawerSize: number;
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":"AAMA,OAAO,EAA0C,aAAa,EAAE,MAAM,6CAA6C,CAAC;
|
|
1
|
+
{"version":3,"file":"use-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":";AAMA,OAAO,EAA0C,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAIpH,MAAM,WAAW,cAAc;IAC7B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAMD,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,MAAM,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,eAAe;;;;;;;oCAwCuB,aAAa;0CA1BrC,MAAM,GAAG,IAAI,8BACC,cAAc;;;;;;;;;;mCARL,MAAM;EAoF7C"}
|
|
@@ -3,10 +3,11 @@
|
|
|
3
3
|
import { useRef, useState } from 'react';
|
|
4
4
|
import { fireNonCancelableEvent } from '../../../internal/events';
|
|
5
5
|
import { metrics } from '../../../internal/metrics';
|
|
6
|
+
import { getLimitedValue } from '../../../split-panel/utils/size-utils';
|
|
6
7
|
import { mapRuntimeConfigToAiDrawer } from '../../runtime-drawer';
|
|
7
8
|
const DEFAULT_ON_CHANGE_PARAMS = { initiatedByUserAction: true };
|
|
8
9
|
const MIN_DRAWER_SIZE = 400;
|
|
9
|
-
export function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDrawerId }) {
|
|
10
|
+
export function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDrawerId, getMaxAiDrawerSize, }) {
|
|
10
11
|
var _a, _b;
|
|
11
12
|
const [runtimeDrawer, setRuntimeDrawer] = useState(null);
|
|
12
13
|
const [activeAiDrawerId, setActiveAiDrawerId] = useState(null);
|
|
@@ -14,8 +15,9 @@ export function useAiDrawer({ onAiDrawerFocus, expandedDrawerId, setExpandedDraw
|
|
|
14
15
|
const aiDrawerWasOpenRef = useRef(false);
|
|
15
16
|
aiDrawerWasOpenRef.current = aiDrawerWasOpenRef.current || !!activeAiDrawerId;
|
|
16
17
|
function onActiveAiDrawerResize(size) {
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
const limitedSize = getLimitedValue(minAiDrawerSize, size, getMaxAiDrawerSize());
|
|
19
|
+
setSize(limitedSize);
|
|
20
|
+
fireNonCancelableEvent(activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.onResize, { id: activeAiDrawerId, size: limitedSize });
|
|
19
21
|
}
|
|
20
22
|
function onActiveAiDrawerChange(newDrawerId, { initiatedByUserAction } = DEFAULT_ON_CHANGE_PARAMS) {
|
|
21
23
|
setActiveAiDrawerId(newDrawerId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-ai-drawer.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAMlE,MAAM,wBAAwB,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC;AAEjE,MAAM,eAAe,GAAG,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"use-ai-drawer.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAMlE,MAAM,wBAAwB,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC;AAEjE,MAAM,eAAe,GAAG,GAAG,CAAC;AAS5B,MAAM,UAAU,WAAW,CAAC,EAC1B,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACF;;IAChB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA+B,IAAI,CAAC,CAAC;IACvF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,kBAAkB,CAAC,OAAO,GAAG,kBAAkB,CAAC,OAAO,IAAI,CAAC,CAAC,gBAAgB,CAAC;IAE9E,SAAS,sBAAsB,CAAC,IAAY;QAC1C,MAAM,WAAW,GAAG,eAAe,CAAC,eAAe,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC;QACjF,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,sBAAsB,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAChG,CAAC;IAED,SAAS,sBAAsB,CAC7B,WAA0B,EAC1B,EAAE,qBAAqB,KAAqB,wBAAwB;QAEpE,mBAAmB,CAAC,WAAW,CAAC,CAAC;QAEjC,IAAI,WAAW,EAAE;YACf,sBAAsB,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC;SAC1F;QAED,IAAI,gBAAgB,EAAE;YACpB,sBAAsB,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC,CAAC;YAE1F,IAAI,gBAAgB,KAAK,gBAAgB,EAAE;gBACzC,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,IAAI,CAAC,CAAC;aAC7B;SACF;QAED,eAAe,aAAf,eAAe,uBAAf,eAAe,EAAI,CAAC;IACtB,CAAC;IAED,SAAS,OAAO,CAAC,KAAa;QAC5B,IAAI,aAAa,IAAI,aAAa,CAAC,EAAE,KAAK,KAAK,EAAE;YAC/C,OAAO,CAAC,mBAAmB,CAAC,kCAAkC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;SACrG;IACH,CAAC;IAED,SAAS,sBAAsB,CAAC,KAAoB;QAClD,IAAI,KAAK,CAAC,IAAI,KAAK,oBAAoB,EAAE;YACvC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE;gBAC9D,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC;aAC5E;YACD,OAAO;SACR;QAED,QAAQ,KAAK,CAAC,IAAI,EAAE;YAClB,KAAK,oBAAoB;gBACvB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAC1B,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,iCAAM,OAAO,GAAK,KAAK,CAAC,OAAO,EAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;gBACpF,MAAM;YACR,KAAK,YAAY;gBACf,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAC1B,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC3E,MAAM;YACR,KAAK,aAAa;gBAChB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAC1B,sBAAsB,CAAC,IAAI,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC/D,MAAM;YACR,KAAK,cAAc;gBACjB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAC1B,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAC3C,MAAM;YACR,KAAK,cAAc;gBACjB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAC1B,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACtC,MAAM;YACR,KAAK,kBAAkB;gBACrB,mBAAmB,CAAC,IAAI,CAAC,CAAC;gBAC1B,MAAM;SACT;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,aAAa,IAAI,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,gBAAgB,IAAI,gBAAgB,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/F,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,mCAAI,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3G,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,mCAAI,eAAe,EAAE,eAAe,CAAC,CAAC;IAElG,OAAO;QACL,QAAQ;QACR,sBAAsB;QACtB,sBAAsB;QACtB,cAAc;QACd,gBAAgB;QAChB,kBAAkB;QAClB,eAAe;QACf,sBAAsB;KACvB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useRef, useState } from 'react';\n\nimport { fireNonCancelableEvent } from '../../../internal/events';\nimport { metrics } from '../../../internal/metrics';\nimport { DrawerPayload as RuntimeAiDrawerConfig, WidgetMessage } from '../../../internal/plugins/widget/interfaces';\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { mapRuntimeConfigToAiDrawer } from '../../runtime-drawer';\n\nexport interface OnChangeParams {\n initiatedByUserAction: boolean;\n}\n\nconst DEFAULT_ON_CHANGE_PARAMS = { initiatedByUserAction: true };\n\nconst MIN_DRAWER_SIZE = 400;\n\ninterface UseDrawersProps {\n onAiDrawerFocus: () => void;\n expandedDrawerId: string | null;\n setExpandedDrawerId: (value: string | null) => void;\n getMaxAiDrawerSize: () => number;\n}\n\nexport function useAiDrawer({\n onAiDrawerFocus,\n expandedDrawerId,\n setExpandedDrawerId,\n getMaxAiDrawerSize,\n}: UseDrawersProps) {\n const [runtimeDrawer, setRuntimeDrawer] = useState<RuntimeAiDrawerConfig | null>(null);\n const [activeAiDrawerId, setActiveAiDrawerId] = useState<string | null>(null);\n const [size, setSize] = useState<number | null>(null);\n const aiDrawerWasOpenRef = useRef(false);\n aiDrawerWasOpenRef.current = aiDrawerWasOpenRef.current || !!activeAiDrawerId;\n\n function onActiveAiDrawerResize(size: number) {\n const limitedSize = getLimitedValue(minAiDrawerSize, size, getMaxAiDrawerSize());\n setSize(limitedSize);\n fireNonCancelableEvent(activeAiDrawer?.onResize, { id: activeAiDrawerId, size: limitedSize });\n }\n\n function onActiveAiDrawerChange(\n newDrawerId: string | null,\n { initiatedByUserAction }: OnChangeParams = DEFAULT_ON_CHANGE_PARAMS\n ) {\n setActiveAiDrawerId(newDrawerId);\n\n if (newDrawerId) {\n fireNonCancelableEvent(runtimeDrawer?.onToggle, { isOpen: true, initiatedByUserAction });\n }\n\n if (activeAiDrawerId) {\n fireNonCancelableEvent(runtimeDrawer?.onToggle, { isOpen: false, initiatedByUserAction });\n\n if (activeAiDrawerId === expandedDrawerId) {\n setExpandedDrawerId?.(null);\n }\n }\n\n onAiDrawerFocus?.();\n }\n\n function checkId(newId: string) {\n if (runtimeDrawer && runtimeDrawer.id !== newId) {\n metrics.sendOpsMetricObject('awsui-widget-drawer-incorrect-id', { oldId: runtimeDrawer.id, newId });\n }\n }\n\n function aiDrawerMessageHandler(event: WidgetMessage) {\n if (event.type === 'registerLeftDrawer') {\n setRuntimeDrawer(event.payload);\n if (!aiDrawerWasOpenRef.current && event.payload.defaultActive) {\n onActiveAiDrawerChange(event.payload.id, { initiatedByUserAction: false });\n }\n return;\n }\n\n switch (event.type) {\n case 'updateDrawerConfig':\n checkId(event.payload.id);\n setRuntimeDrawer(current => (current ? { ...current, ...event.payload } : current));\n break;\n case 'openDrawer':\n checkId(event.payload.id);\n onActiveAiDrawerChange(event.payload.id, { initiatedByUserAction: false });\n break;\n case 'closeDrawer':\n checkId(event.payload.id);\n onActiveAiDrawerChange(null, { initiatedByUserAction: false });\n break;\n case 'resizeDrawer':\n checkId(event.payload.id);\n onActiveAiDrawerResize(event.payload.size);\n break;\n case 'expandDrawer':\n checkId(event.payload.id);\n setExpandedDrawerId(event.payload.id);\n break;\n case 'exitExpandedMode':\n setExpandedDrawerId(null);\n break;\n }\n }\n\n const aiDrawer = runtimeDrawer && mapRuntimeConfigToAiDrawer(runtimeDrawer);\n const activeAiDrawer = activeAiDrawerId && activeAiDrawerId === aiDrawer?.id ? aiDrawer : null;\n const activeAiDrawerSize = activeAiDrawerId ? (size ?? activeAiDrawer?.defaultSize ?? MIN_DRAWER_SIZE) : 0;\n const minAiDrawerSize = Math.min(activeAiDrawer?.defaultSize ?? MIN_DRAWER_SIZE, MIN_DRAWER_SIZE);\n\n return {\n aiDrawer,\n aiDrawerMessageHandler,\n onActiveAiDrawerChange,\n activeAiDrawer,\n activeAiDrawerId,\n activeAiDrawerSize,\n minAiDrawerSize,\n onActiveAiDrawerResize,\n };\n}\n"]}
|