@cloudscape-design/components 3.0.977 → 3.0.978
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/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +36 -35
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"drawer": "
|
|
5
|
-
"with-expanded-motion": "awsui_with-expanded-
|
|
6
|
-
"legacy": "
|
|
7
|
-
"last-opened": "awsui_last-
|
|
8
|
-
"drawer-global": "awsui_drawer-
|
|
9
|
-
"drawer-expanded": "awsui_drawer-
|
|
10
|
-
"drawer-hidden": "awsui_drawer-
|
|
11
|
-
"has-next-siblings": "awsui_has-next-
|
|
12
|
-
"global-drawer-wrapper": "awsui_global-drawer-
|
|
13
|
-
"drawer-content-container": "awsui_drawer-content-
|
|
14
|
-
"drawer-gap": "awsui_drawer-
|
|
15
|
-
"drawer-close-button": "awsui_drawer-close-
|
|
16
|
-
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-
|
|
17
|
-
"drawer-content": "awsui_drawer-
|
|
18
|
-
"drawer-content-hidden": "awsui_drawer-content-
|
|
19
|
-
"drawer-slider": "awsui_drawer-
|
|
20
|
-
"drawer-actions": "awsui_drawer-
|
|
4
|
+
"drawer": "awsui_drawer_12i0j_lhybb_189",
|
|
5
|
+
"with-expanded-motion": "awsui_with-expanded-motion_12i0j_lhybb_203",
|
|
6
|
+
"legacy": "awsui_legacy_12i0j_lhybb_217",
|
|
7
|
+
"last-opened": "awsui_last-opened_12i0j_lhybb_225",
|
|
8
|
+
"drawer-global": "awsui_drawer-global_12i0j_lhybb_229",
|
|
9
|
+
"drawer-expanded": "awsui_drawer-expanded_12i0j_lhybb_238",
|
|
10
|
+
"drawer-hidden": "awsui_drawer-hidden_12i0j_lhybb_242",
|
|
11
|
+
"has-next-siblings": "awsui_has-next-siblings_12i0j_lhybb_252",
|
|
12
|
+
"global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_lhybb_252",
|
|
13
|
+
"drawer-content-container": "awsui_drawer-content-container_12i0j_lhybb_266",
|
|
14
|
+
"drawer-gap": "awsui_drawer-gap_12i0j_lhybb_269",
|
|
15
|
+
"drawer-close-button": "awsui_drawer-close-button_12i0j_lhybb_287",
|
|
16
|
+
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_lhybb_293",
|
|
17
|
+
"drawer-content": "awsui_drawer-content_12i0j_lhybb_266",
|
|
18
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_lhybb_305",
|
|
19
|
+
"drawer-slider": "awsui_drawer-slider_12i0j_lhybb_308",
|
|
20
|
+
"drawer-actions": "awsui_drawer-actions_12i0j_lhybb_358"
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -186,7 +186,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
187
|
SPDX-License-Identifier: Apache-2.0
|
|
188
188
|
*/
|
|
189
|
-
.
|
|
189
|
+
.awsui_drawer_12i0j_lhybb_189:not(#\9) {
|
|
190
190
|
position: sticky;
|
|
191
191
|
z-index: 830;
|
|
192
192
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
@@ -200,56 +200,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
200
200
|
pointer-events: auto;
|
|
201
201
|
word-wrap: break-word;
|
|
202
202
|
}
|
|
203
|
-
.
|
|
203
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9) {
|
|
204
204
|
transition: inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1));
|
|
205
205
|
}
|
|
206
206
|
@media (prefers-reduced-motion: reduce) {
|
|
207
|
-
.
|
|
207
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9) {
|
|
208
208
|
animation: none;
|
|
209
209
|
transition: none;
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
|
-
.awsui-motion-disabled .
|
|
212
|
+
.awsui-motion-disabled .awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9) {
|
|
213
213
|
animation: none;
|
|
214
214
|
transition: none;
|
|
215
215
|
}
|
|
216
216
|
@media (min-width: 689px) {
|
|
217
|
-
.
|
|
217
|
+
.awsui_drawer_12i0j_lhybb_189:not(#\9):not(.awsui_legacy_12i0j_lhybb_217) {
|
|
218
218
|
border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
@media (max-width: 688px) {
|
|
222
|
-
.
|
|
222
|
+
.awsui_drawer_12i0j_lhybb_189:not(#\9) {
|
|
223
223
|
inline-size: 100%;
|
|
224
224
|
}
|
|
225
|
-
.
|
|
225
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_last-opened_12i0j_lhybb_225:not(#\9) {
|
|
226
226
|
z-index: 1001;
|
|
227
227
|
}
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-global_12i0j_lhybb_229:not(#\9) {
|
|
230
230
|
display: block;
|
|
231
231
|
}
|
|
232
232
|
@media (min-width: 689px) {
|
|
233
|
-
.
|
|
233
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-global_12i0j_lhybb_229:not(#\9) {
|
|
234
234
|
inline-size: var(--awsui-drawer-size-xgujsu);
|
|
235
235
|
}
|
|
236
236
|
}
|
|
237
237
|
@media (max-width: 688px) {
|
|
238
|
-
.
|
|
238
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-global_12i0j_lhybb_229:not(#\9):not(.awsui_last-opened_12i0j_lhybb_225):not(.awsui_drawer-expanded_12i0j_lhybb_238) {
|
|
239
239
|
display: none;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
.
|
|
242
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-hidden_12i0j_lhybb_242:not(#\9) {
|
|
243
243
|
display: none;
|
|
244
244
|
}
|
|
245
|
-
.
|
|
245
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238:not(#\9) {
|
|
246
246
|
inline-size: 100%;
|
|
247
247
|
}
|
|
248
248
|
@media (min-width: 689px) {
|
|
249
|
-
.
|
|
249
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238:not(#\9) {
|
|
250
250
|
border-inline-start: none;
|
|
251
251
|
}
|
|
252
|
-
.
|
|
252
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238.awsui_has-next-siblings_12i0j_lhybb_252 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9):after {
|
|
253
253
|
content: "";
|
|
254
254
|
position: absolute;
|
|
255
255
|
block-size: 100%;
|
|
@@ -259,14 +259,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
259
259
|
border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
|
|
260
260
|
box-sizing: border-box;
|
|
261
261
|
}
|
|
262
|
-
.
|
|
262
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9) {
|
|
263
263
|
inline-size: 100%;
|
|
264
264
|
grid-template-columns: 8px 1fr;
|
|
265
265
|
}
|
|
266
|
-
.
|
|
266
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
|
|
267
267
|
grid-column: 2;
|
|
268
268
|
}
|
|
269
|
-
.
|
|
269
|
+
.awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-gap_12i0j_lhybb_269:not(#\9) {
|
|
270
270
|
grid-column: 1;
|
|
271
271
|
grid-row: 1;
|
|
272
272
|
block-size: 100%;
|
|
@@ -275,7 +275,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
275
275
|
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
|
-
.
|
|
278
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
|
|
279
279
|
grid-column: 1/span 2;
|
|
280
280
|
grid-row: 1;
|
|
281
281
|
display: grid;
|
|
@@ -284,13 +284,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
284
284
|
overflow-y: auto;
|
|
285
285
|
min-inline-size: var(--awsui-drawer-size-xgujsu);
|
|
286
286
|
}
|
|
287
|
-
.
|
|
287
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-close-button_12i0j_lhybb_287:not(#\9) {
|
|
288
288
|
grid-column: 3;
|
|
289
289
|
grid-row: 2;
|
|
290
290
|
z-index: 1;
|
|
291
291
|
align-self: start;
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-expanded-mode-button_12i0j_lhybb_293:not(#\9) {
|
|
294
294
|
grid-column: 2;
|
|
295
295
|
grid-row: 2;
|
|
296
296
|
z-index: 1;
|
|
@@ -298,32 +298,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
298
298
|
display: flex;
|
|
299
299
|
justify-content: flex-end;
|
|
300
300
|
}
|
|
301
|
-
.
|
|
301
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266:not(#\9) {
|
|
302
302
|
grid-column: 1/span 4;
|
|
303
303
|
grid-row: 1/span 2;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266.awsui_drawer-content-hidden_12i0j_lhybb_305:not(#\9) {
|
|
306
306
|
display: none;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-slider_12i0j_lhybb_308:not(#\9) {
|
|
309
309
|
grid-column: 1;
|
|
310
310
|
grid-row: 1;
|
|
311
311
|
block-size: 100%;
|
|
312
312
|
display: flex;
|
|
313
313
|
align-items: center;
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9) {
|
|
316
316
|
display: grid;
|
|
317
317
|
min-inline-size: var(--awsui-drawer-size-xgujsu);
|
|
318
318
|
grid-template-columns: 8px var(--space-m-dsumyt, 16px) 1fr;
|
|
319
319
|
overflow: hidden;
|
|
320
320
|
}
|
|
321
321
|
@media (max-width: 688px) {
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9) {
|
|
323
323
|
grid-template-columns: 1fr;
|
|
324
|
+
grid-column: 1/span 2;
|
|
324
325
|
}
|
|
325
326
|
}
|
|
326
|
-
.
|
|
327
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-gap_12i0j_lhybb_269:not(#\9) {
|
|
327
328
|
grid-column: 1;
|
|
328
329
|
grid-row: 1;
|
|
329
330
|
block-size: 100%;
|
|
@@ -331,13 +332,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
331
332
|
background: var(--color-gap-global-drawer-w5yxw2, #ebebf0);
|
|
332
333
|
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
|
|
333
334
|
}
|
|
334
|
-
.
|
|
335
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-slider_12i0j_lhybb_308:not(#\9) {
|
|
335
336
|
grid-column: 2;
|
|
336
337
|
grid-row: 1;
|
|
337
338
|
display: flex;
|
|
338
339
|
align-items: center;
|
|
339
340
|
}
|
|
340
|
-
.
|
|
341
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
|
|
341
342
|
grid-row: 1;
|
|
342
343
|
display: grid;
|
|
343
344
|
grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
|
|
@@ -345,16 +346,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
345
346
|
overflow-y: auto;
|
|
346
347
|
}
|
|
347
348
|
@media (min-width: 689px) {
|
|
348
|
-
.
|
|
349
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
|
|
349
350
|
grid-column: 2/span 2;
|
|
350
351
|
}
|
|
351
352
|
}
|
|
352
353
|
@media (max-width: 688px) {
|
|
353
|
-
.
|
|
354
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
|
|
354
355
|
grid-column: 1/span 2;
|
|
355
356
|
}
|
|
356
357
|
}
|
|
357
|
-
.
|
|
358
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-actions_12i0j_lhybb_358:not(#\9) {
|
|
358
359
|
position: absolute;
|
|
359
360
|
display: flex;
|
|
360
361
|
align-self: flex-start;
|
|
@@ -362,13 +363,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
362
363
|
padding-inline-end: var(--space-m-dsumyt, 16px);
|
|
363
364
|
padding-block-start: 14px;
|
|
364
365
|
}
|
|
365
|
-
.
|
|
366
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-close-button_12i0j_lhybb_287:not(#\9) {
|
|
366
367
|
grid-column: 3;
|
|
367
368
|
grid-row: 2;
|
|
368
369
|
z-index: 1;
|
|
369
370
|
align-self: start;
|
|
370
371
|
}
|
|
371
|
-
.
|
|
372
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-expanded-mode-button_12i0j_lhybb_293:not(#\9) {
|
|
372
373
|
grid-column: 2;
|
|
373
374
|
grid-row: 2;
|
|
374
375
|
z-index: 1;
|
|
@@ -376,10 +377,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
376
377
|
display: flex;
|
|
377
378
|
justify-content: flex-end;
|
|
378
379
|
}
|
|
379
|
-
.
|
|
380
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266:not(#\9) {
|
|
380
381
|
grid-column: 1/span 4;
|
|
381
382
|
grid-row: 1/span 2;
|
|
382
383
|
}
|
|
383
|
-
.
|
|
384
|
+
.awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266.awsui_drawer-content-hidden_12i0j_lhybb_305:not(#\9) {
|
|
384
385
|
display: none;
|
|
385
386
|
}
|
|
@@ -2,22 +2,22 @@
|
|
|
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
|
-
"last-opened": "awsui_last-
|
|
9
|
-
"drawer-global": "awsui_drawer-
|
|
10
|
-
"drawer-expanded": "awsui_drawer-
|
|
11
|
-
"drawer-hidden": "awsui_drawer-
|
|
12
|
-
"has-next-siblings": "awsui_has-next-
|
|
13
|
-
"global-drawer-wrapper": "awsui_global-drawer-
|
|
14
|
-
"drawer-content-container": "awsui_drawer-content-
|
|
15
|
-
"drawer-gap": "awsui_drawer-
|
|
16
|
-
"drawer-close-button": "awsui_drawer-close-
|
|
17
|
-
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-
|
|
18
|
-
"drawer-content": "awsui_drawer-
|
|
19
|
-
"drawer-content-hidden": "awsui_drawer-content-
|
|
20
|
-
"drawer-slider": "awsui_drawer-
|
|
21
|
-
"drawer-actions": "awsui_drawer-
|
|
5
|
+
"drawer": "awsui_drawer_12i0j_lhybb_189",
|
|
6
|
+
"with-expanded-motion": "awsui_with-expanded-motion_12i0j_lhybb_203",
|
|
7
|
+
"legacy": "awsui_legacy_12i0j_lhybb_217",
|
|
8
|
+
"last-opened": "awsui_last-opened_12i0j_lhybb_225",
|
|
9
|
+
"drawer-global": "awsui_drawer-global_12i0j_lhybb_229",
|
|
10
|
+
"drawer-expanded": "awsui_drawer-expanded_12i0j_lhybb_238",
|
|
11
|
+
"drawer-hidden": "awsui_drawer-hidden_12i0j_lhybb_242",
|
|
12
|
+
"has-next-siblings": "awsui_has-next-siblings_12i0j_lhybb_252",
|
|
13
|
+
"global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_lhybb_252",
|
|
14
|
+
"drawer-content-container": "awsui_drawer-content-container_12i0j_lhybb_266",
|
|
15
|
+
"drawer-gap": "awsui_drawer-gap_12i0j_lhybb_269",
|
|
16
|
+
"drawer-close-button": "awsui_drawer-close-button_12i0j_lhybb_287",
|
|
17
|
+
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_lhybb_293",
|
|
18
|
+
"drawer-content": "awsui_drawer-content_12i0j_lhybb_266",
|
|
19
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_lhybb_305",
|
|
20
|
+
"drawer-slider": "awsui_drawer-slider_12i0j_lhybb_308",
|
|
21
|
+
"drawer-actions": "awsui_drawer-actions_12i0j_lhybb_358"
|
|
22
22
|
};
|
|
23
23
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED