@cloudscape-design/components 3.0.976 → 3.0.977
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 +37 -37
- 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_12hbq_189",
|
|
5
|
+
"with-expanded-motion": "awsui_with-expanded-motion_12i0j_12hbq_203",
|
|
6
|
+
"legacy": "awsui_legacy_12i0j_12hbq_217",
|
|
7
|
+
"last-opened": "awsui_last-opened_12i0j_12hbq_225",
|
|
8
|
+
"drawer-global": "awsui_drawer-global_12i0j_12hbq_229",
|
|
9
|
+
"drawer-expanded": "awsui_drawer-expanded_12i0j_12hbq_238",
|
|
10
|
+
"drawer-hidden": "awsui_drawer-hidden_12i0j_12hbq_242",
|
|
11
|
+
"has-next-siblings": "awsui_has-next-siblings_12i0j_12hbq_252",
|
|
12
|
+
"global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12hbq_252",
|
|
13
|
+
"drawer-content-container": "awsui_drawer-content-container_12i0j_12hbq_266",
|
|
14
|
+
"drawer-gap": "awsui_drawer-gap_12i0j_12hbq_269",
|
|
15
|
+
"drawer-close-button": "awsui_drawer-close-button_12i0j_12hbq_287",
|
|
16
|
+
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12hbq_293",
|
|
17
|
+
"drawer-content": "awsui_drawer-content_12i0j_12hbq_266",
|
|
18
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12hbq_305",
|
|
19
|
+
"drawer-slider": "awsui_drawer-slider_12i0j_12hbq_308",
|
|
20
|
+
"drawer-actions": "awsui_drawer-actions_12i0j_12hbq_357"
|
|
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_12hbq_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_12hbq_189.awsui_with-expanded-motion_12i0j_12hbq_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_12hbq_189.awsui_with-expanded-motion_12i0j_12hbq_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_12hbq_189.awsui_with-expanded-motion_12i0j_12hbq_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_12hbq_189.awsui_with-expanded-motion_12i0j_12hbq_203:not(#\9) {
|
|
213
213
|
animation: none;
|
|
214
214
|
transition: none;
|
|
215
215
|
}
|
|
216
216
|
@media (min-width: 689px) {
|
|
217
|
-
.
|
|
217
|
+
.awsui_drawer_12i0j_12hbq_189:not(#\9):not(.awsui_legacy_12i0j_12hbq_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_12hbq_189:not(#\9) {
|
|
223
223
|
inline-size: 100%;
|
|
224
224
|
}
|
|
225
|
-
.
|
|
225
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_last-opened_12i0j_12hbq_225:not(#\9) {
|
|
226
226
|
z-index: 1001;
|
|
227
227
|
}
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-global_12i0j_12hbq_229:not(#\9) {
|
|
230
230
|
display: block;
|
|
231
231
|
}
|
|
232
232
|
@media (min-width: 689px) {
|
|
233
|
-
.
|
|
233
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-global_12i0j_12hbq_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_12hbq_189.awsui_drawer-global_12i0j_12hbq_229:not(#\9):not(.awsui_last-opened_12i0j_12hbq_225):not(.awsui_drawer-expanded_12i0j_12hbq_238) {
|
|
239
239
|
display: none;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
.
|
|
242
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-hidden_12i0j_12hbq_242:not(#\9) {
|
|
243
243
|
display: none;
|
|
244
244
|
}
|
|
245
|
-
.
|
|
245
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-expanded_12i0j_12hbq_238:not(#\9) {
|
|
246
246
|
inline-size: 100%;
|
|
247
247
|
}
|
|
248
248
|
@media (min-width: 689px) {
|
|
249
|
-
.
|
|
249
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-expanded_12i0j_12hbq_238:not(#\9) {
|
|
250
250
|
border-inline-start: none;
|
|
251
251
|
}
|
|
252
|
-
.
|
|
252
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-expanded_12i0j_12hbq_238.awsui_has-next-siblings_12i0j_12hbq_252 > .awsui_global-drawer-wrapper_12i0j_12hbq_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_12hbq_189.awsui_drawer-expanded_12i0j_12hbq_238 > .awsui_global-drawer-wrapper_12i0j_12hbq_252:not(#\9) {
|
|
263
263
|
inline-size: 100%;
|
|
264
264
|
grid-template-columns: 8px 1fr;
|
|
265
265
|
}
|
|
266
|
-
.
|
|
266
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-expanded_12i0j_12hbq_238 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266:not(#\9) {
|
|
267
267
|
grid-column: 2;
|
|
268
268
|
}
|
|
269
|
-
.
|
|
269
|
+
.awsui_drawer_12i0j_12hbq_189.awsui_drawer-expanded_12i0j_12hbq_238 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-gap_12i0j_12hbq_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_12hbq_189 > .awsui_drawer-content-container_12i0j_12hbq_266:not(#\9) {
|
|
279
279
|
grid-column: 1/span 2;
|
|
280
280
|
grid-row: 1;
|
|
281
281
|
display: grid;
|
|
@@ -284,46 +284,46 @@ 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_12hbq_189 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-close-button_12i0j_12hbq_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_12hbq_189 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-expanded-mode-button_12i0j_12hbq_293:not(#\9) {
|
|
294
294
|
grid-column: 2;
|
|
295
295
|
grid-row: 2;
|
|
296
296
|
z-index: 1;
|
|
297
297
|
align-self: start;
|
|
298
298
|
display: flex;
|
|
299
|
-
justify-content: end;
|
|
299
|
+
justify-content: flex-end;
|
|
300
300
|
}
|
|
301
|
-
.
|
|
301
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-content_12i0j_12hbq_266:not(#\9) {
|
|
302
302
|
grid-column: 1/span 4;
|
|
303
303
|
grid-row: 1/span 2;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-content_12i0j_12hbq_266.awsui_drawer-content-hidden_12i0j_12hbq_305:not(#\9) {
|
|
306
306
|
display: none;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_drawer-slider_12i0j_12hbq_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_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_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_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252:not(#\9) {
|
|
323
323
|
grid-template-columns: 1fr;
|
|
324
324
|
}
|
|
325
325
|
}
|
|
326
|
-
.
|
|
326
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-gap_12i0j_12hbq_269:not(#\9) {
|
|
327
327
|
grid-column: 1;
|
|
328
328
|
grid-row: 1;
|
|
329
329
|
block-size: 100%;
|
|
@@ -331,13 +331,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
331
331
|
background: var(--color-gap-global-drawer-w5yxw2, #ebebf0);
|
|
332
332
|
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
|
|
333
333
|
}
|
|
334
|
-
.
|
|
334
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-slider_12i0j_12hbq_308:not(#\9) {
|
|
335
335
|
grid-column: 2;
|
|
336
336
|
grid-row: 1;
|
|
337
337
|
display: flex;
|
|
338
338
|
align-items: center;
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266:not(#\9) {
|
|
341
341
|
grid-row: 1;
|
|
342
342
|
display: grid;
|
|
343
343
|
grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
|
|
@@ -345,16 +345,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
345
345
|
overflow-y: auto;
|
|
346
346
|
}
|
|
347
347
|
@media (min-width: 689px) {
|
|
348
|
-
.
|
|
348
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266:not(#\9) {
|
|
349
349
|
grid-column: 2/span 2;
|
|
350
350
|
}
|
|
351
351
|
}
|
|
352
352
|
@media (max-width: 688px) {
|
|
353
|
-
.
|
|
353
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266:not(#\9) {
|
|
354
354
|
grid-column: 1/span 2;
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
|
-
.
|
|
357
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-actions_12i0j_12hbq_357:not(#\9) {
|
|
358
358
|
position: absolute;
|
|
359
359
|
display: flex;
|
|
360
360
|
align-self: flex-start;
|
|
@@ -362,24 +362,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
362
362
|
padding-inline-end: var(--space-m-dsumyt, 16px);
|
|
363
363
|
padding-block-start: 14px;
|
|
364
364
|
}
|
|
365
|
-
.
|
|
365
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-close-button_12i0j_12hbq_287:not(#\9) {
|
|
366
366
|
grid-column: 3;
|
|
367
367
|
grid-row: 2;
|
|
368
368
|
z-index: 1;
|
|
369
369
|
align-self: start;
|
|
370
370
|
}
|
|
371
|
-
.
|
|
371
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-expanded-mode-button_12i0j_12hbq_293:not(#\9) {
|
|
372
372
|
grid-column: 2;
|
|
373
373
|
grid-row: 2;
|
|
374
374
|
z-index: 1;
|
|
375
375
|
align-self: start;
|
|
376
376
|
display: flex;
|
|
377
|
-
justify-content: end;
|
|
377
|
+
justify-content: flex-end;
|
|
378
378
|
}
|
|
379
|
-
.
|
|
379
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-content_12i0j_12hbq_266:not(#\9) {
|
|
380
380
|
grid-column: 1/span 4;
|
|
381
381
|
grid-row: 1/span 2;
|
|
382
382
|
}
|
|
383
|
-
.
|
|
383
|
+
.awsui_drawer_12i0j_12hbq_189 > .awsui_global-drawer-wrapper_12i0j_12hbq_252 > .awsui_drawer-content-container_12i0j_12hbq_266 > .awsui_drawer-content_12i0j_12hbq_266.awsui_drawer-content-hidden_12i0j_12hbq_305:not(#\9) {
|
|
384
384
|
display: none;
|
|
385
385
|
}
|
|
@@ -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_12hbq_189",
|
|
6
|
+
"with-expanded-motion": "awsui_with-expanded-motion_12i0j_12hbq_203",
|
|
7
|
+
"legacy": "awsui_legacy_12i0j_12hbq_217",
|
|
8
|
+
"last-opened": "awsui_last-opened_12i0j_12hbq_225",
|
|
9
|
+
"drawer-global": "awsui_drawer-global_12i0j_12hbq_229",
|
|
10
|
+
"drawer-expanded": "awsui_drawer-expanded_12i0j_12hbq_238",
|
|
11
|
+
"drawer-hidden": "awsui_drawer-hidden_12i0j_12hbq_242",
|
|
12
|
+
"has-next-siblings": "awsui_has-next-siblings_12i0j_12hbq_252",
|
|
13
|
+
"global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12hbq_252",
|
|
14
|
+
"drawer-content-container": "awsui_drawer-content-container_12i0j_12hbq_266",
|
|
15
|
+
"drawer-gap": "awsui_drawer-gap_12i0j_12hbq_269",
|
|
16
|
+
"drawer-close-button": "awsui_drawer-close-button_12i0j_12hbq_287",
|
|
17
|
+
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12hbq_293",
|
|
18
|
+
"drawer-content": "awsui_drawer-content_12i0j_12hbq_266",
|
|
19
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12hbq_305",
|
|
20
|
+
"drawer-slider": "awsui_drawer-slider_12i0j_12hbq_308",
|
|
21
|
+
"drawer-actions": "awsui_drawer-actions_12i0j_12hbq_357"
|
|
22
22
|
};
|
|
23
23
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED