@cloudscape-design/components 3.0.687 → 3.0.688
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/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +37 -45
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"dropdown-content-wrapper": "awsui_dropdown-content-
|
|
5
|
-
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-
|
|
6
|
-
"refresh": "
|
|
7
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
8
|
-
"root": "
|
|
9
|
-
"interior": "
|
|
10
|
-
"dropdown": "
|
|
11
|
-
"use-portal": "awsui_use-
|
|
12
|
-
"is-empty": "awsui_is-
|
|
13
|
-
"dropdown-drop-up": "awsui_dropdown-drop-
|
|
14
|
-
"with-limited-width": "awsui_with-limited-
|
|
15
|
-
"dropdown-drop-left": "awsui_dropdown-drop-
|
|
16
|
-
"dropdown-drop-right": "awsui_dropdown-drop-
|
|
17
|
-
"occupy-entire-width": "awsui_occupy-entire-
|
|
18
|
-
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-
|
|
19
|
-
"hide-block-border": "awsui_hide-block-
|
|
20
|
-
"open": "
|
|
21
|
-
"nowrap": "
|
|
22
|
-
"dropdown-content": "awsui_dropdown-
|
|
23
|
-
"stretch-trigger-height": "awsui_stretch-trigger-
|
|
4
|
+
"dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_vokdv_97",
|
|
5
|
+
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1",
|
|
6
|
+
"refresh": "awsui_refresh_qwoo0_vokdv_118",
|
|
7
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1",
|
|
8
|
+
"root": "awsui_root_qwoo0_vokdv_147",
|
|
9
|
+
"interior": "awsui_interior_qwoo0_vokdv_183",
|
|
10
|
+
"dropdown": "awsui_dropdown_qwoo0_vokdv_97",
|
|
11
|
+
"use-portal": "awsui_use-portal_qwoo0_vokdv_194",
|
|
12
|
+
"is-empty": "awsui_is-empty_qwoo0_vokdv_240",
|
|
13
|
+
"dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_vokdv_247",
|
|
14
|
+
"with-limited-width": "awsui_with-limited-width_qwoo0_vokdv_251",
|
|
15
|
+
"dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_vokdv_254",
|
|
16
|
+
"dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_vokdv_257",
|
|
17
|
+
"occupy-entire-width": "awsui_occupy-entire-width_qwoo0_vokdv_260",
|
|
18
|
+
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_vokdv_263",
|
|
19
|
+
"hide-block-border": "awsui_hide-block-border_qwoo0_vokdv_270",
|
|
20
|
+
"open": "awsui_open_qwoo0_vokdv_279",
|
|
21
|
+
"nowrap": "awsui_nowrap_qwoo0_vokdv_288",
|
|
22
|
+
"dropdown-content": "awsui_dropdown-content_qwoo0_vokdv_97",
|
|
23
|
+
"stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_vokdv_299"
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -94,10 +94,10 @@ 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_dropdown-content-
|
|
98
|
-
animation: awsui_awsui-motion-fade-in-
|
|
97
|
+
.awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
98
|
+
animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
99
99
|
}
|
|
100
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
100
|
+
@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1 {
|
|
101
101
|
from {
|
|
102
102
|
opacity: 0.4;
|
|
103
103
|
}
|
|
@@ -106,22 +106,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
@media (prefers-reduced-motion: reduce) {
|
|
109
|
-
.awsui_dropdown-content-
|
|
109
|
+
.awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
110
110
|
animation: none;
|
|
111
111
|
transition: none;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
114
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
115
115
|
animation: none;
|
|
116
116
|
transition: none;
|
|
117
117
|
}
|
|
118
|
-
.awsui_dropdown-content-
|
|
118
|
+
.awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9) {
|
|
119
119
|
transform-origin: top;
|
|
120
|
-
animation-name: awsui_awsui-motion-fade-in-
|
|
120
|
+
animation-name: awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1;
|
|
121
121
|
animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
|
|
122
122
|
animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
123
123
|
}
|
|
124
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
124
|
+
@keyframes awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1 {
|
|
125
125
|
from {
|
|
126
126
|
opacity: 0;
|
|
127
127
|
}
|
|
@@ -130,12 +130,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
@media (prefers-reduced-motion: reduce) {
|
|
133
|
-
.awsui_dropdown-content-
|
|
133
|
+
.awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9) {
|
|
134
134
|
animation: none;
|
|
135
135
|
transition: none;
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
|
-
.awsui-motion-disabled .awsui_dropdown-content-
|
|
138
|
+
.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9) {
|
|
139
139
|
animation: none;
|
|
140
140
|
transition: none;
|
|
141
141
|
}
|
|
@@ -144,7 +144,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
144
144
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
145
145
|
SPDX-License-Identifier: Apache-2.0
|
|
146
146
|
*/
|
|
147
|
-
.
|
|
147
|
+
.awsui_root_qwoo0_vokdv_147:not(#\9) {
|
|
148
148
|
border-collapse: separate;
|
|
149
149
|
border-spacing: 0;
|
|
150
150
|
box-sizing: border-box;
|
|
@@ -181,11 +181,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
181
181
|
position: relative;
|
|
182
182
|
white-space: inherit;
|
|
183
183
|
}
|
|
184
|
-
.
|
|
184
|
+
.awsui_root_qwoo0_vokdv_147.awsui_interior_qwoo0_vokdv_183:not(#\9) {
|
|
185
185
|
position: static;
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
.
|
|
188
|
+
.awsui_dropdown_qwoo0_vokdv_97:not(#\9) {
|
|
189
189
|
position: absolute;
|
|
190
190
|
display: none;
|
|
191
191
|
z-index: 2000;
|
|
@@ -193,24 +193,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
193
193
|
user-select: none;
|
|
194
194
|
transform-origin: top;
|
|
195
195
|
}
|
|
196
|
-
.
|
|
196
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_use-portal_qwoo0_vokdv_194:not(#\9) {
|
|
197
197
|
z-index: 7000;
|
|
198
198
|
}
|
|
199
|
-
.
|
|
199
|
+
.awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183) {
|
|
200
200
|
transform: translateY(0px);
|
|
201
201
|
transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
|
|
202
202
|
}
|
|
203
203
|
@media (prefers-reduced-motion: reduce) {
|
|
204
|
-
.
|
|
204
|
+
.awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183) {
|
|
205
205
|
animation: none;
|
|
206
206
|
transition: none;
|
|
207
207
|
}
|
|
208
208
|
}
|
|
209
|
-
.awsui-motion-disabled .
|
|
209
|
+
.awsui-motion-disabled .awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183), .awsui-mode-entering .awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183) {
|
|
210
210
|
animation: none;
|
|
211
211
|
transition: none;
|
|
212
212
|
}
|
|
213
|
-
.awsui_dropdown-content-
|
|
213
|
+
.awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
214
214
|
position: relative;
|
|
215
215
|
background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
|
|
216
216
|
outline: none;
|
|
@@ -222,7 +222,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
222
222
|
border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
|
|
223
223
|
box-sizing: border-box;
|
|
224
224
|
}
|
|
225
|
-
.awsui_dropdown-content-
|
|
225
|
+
.awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9)::after {
|
|
226
226
|
content: "";
|
|
227
227
|
position: absolute;
|
|
228
228
|
z-index: 1;
|
|
@@ -239,73 +239,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
239
239
|
border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
240
240
|
pointer-events: none;
|
|
241
241
|
}
|
|
242
|
-
.awsui_dropdown-content-
|
|
242
|
+
.awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_is-empty_qwoo0_vokdv_240:not(#\9)::after {
|
|
243
243
|
display: none;
|
|
244
244
|
}
|
|
245
|
-
.
|
|
245
|
+
.awsui_dropdown_qwoo0_vokdv_97 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
246
246
|
border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
|
|
247
247
|
border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
|
|
248
248
|
}
|
|
249
|
-
.awsui_dropdown-drop-
|
|
249
|
+
.awsui_dropdown-drop-up_qwoo0_vokdv_247 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
250
250
|
transform-origin: bottom;
|
|
251
251
|
box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
|
|
252
252
|
}
|
|
253
|
-
.awsui_dropdown-drop-
|
|
253
|
+
.awsui_dropdown-drop-up_qwoo0_vokdv_247.awsui_with-limited-width_qwoo0_vokdv_251 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
254
254
|
border-block-start: none;
|
|
255
255
|
}
|
|
256
|
-
.awsui_dropdown-drop-
|
|
256
|
+
.awsui_dropdown-drop-left_qwoo0_vokdv_254:not(#\9) {
|
|
257
257
|
inset-inline-end: 0;
|
|
258
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
259
258
|
}
|
|
260
|
-
.awsui_dropdown-drop-
|
|
261
|
-
inset-inline-end: unset;
|
|
262
|
-
}
|
|
263
|
-
.awsui_dropdown-drop-right_qwoo0_qnerm_261:not(#\9) {
|
|
259
|
+
.awsui_dropdown-drop-right_qwoo0_vokdv_257:not(#\9) {
|
|
264
260
|
inset-inline-start: 0;
|
|
265
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
266
|
-
}
|
|
267
|
-
.awsui_dropdown-drop-right_qwoo0_qnerm_261:not(#\9):dir(rtl) {
|
|
268
|
-
inset-inline-start: unset;
|
|
269
261
|
}
|
|
270
|
-
.
|
|
262
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_occupy-entire-width_qwoo0_vokdv_260:not(#\9) {
|
|
271
263
|
min-inline-size: 100%;
|
|
272
264
|
}
|
|
273
|
-
.
|
|
265
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_stretch-beyond-trigger-width_qwoo0_vokdv_263:not(#\9) {
|
|
274
266
|
inline-size: max-content;
|
|
275
267
|
max-inline-size: var(--awsui-dropdown-default-max-width-g964ok, 100%);
|
|
276
268
|
}
|
|
277
|
-
.
|
|
269
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_interior_qwoo0_vokdv_183 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
278
270
|
margin-block-start: -1px;
|
|
279
271
|
}
|
|
280
|
-
.
|
|
272
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_hide-block-border_qwoo0_vokdv_270 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
281
273
|
border-block-start: none;
|
|
282
274
|
}
|
|
283
|
-
.
|
|
275
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_hide-block-border_qwoo0_vokdv_270:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_vokdv_247) > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97 {
|
|
284
276
|
border-block-end: none;
|
|
285
277
|
}
|
|
286
|
-
.
|
|
278
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_hide-block-border_qwoo0_vokdv_270.awsui_refresh_qwoo0_vokdv_118 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
|
|
287
279
|
border-block-end: none;
|
|
288
280
|
}
|
|
289
|
-
.
|
|
281
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279:not(#\9) {
|
|
290
282
|
display: block;
|
|
291
283
|
}
|
|
292
|
-
.
|
|
284
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279:not(#\9):not(.awsui_interior_qwoo0_vokdv_183).awsui_refresh_qwoo0_vokdv_118[data-animating=true] {
|
|
293
285
|
transform: translateY(4px);
|
|
294
286
|
}
|
|
295
|
-
.
|
|
287
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279:not(#\9):not(.awsui_interior_qwoo0_vokdv_183).awsui_refresh_qwoo0_vokdv_118[data-animating=true].awsui_dropdown-drop-up_qwoo0_vokdv_247 {
|
|
296
288
|
transform: translateY(-4px);
|
|
297
289
|
}
|
|
298
|
-
.
|
|
290
|
+
.awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279.awsui_nowrap_qwoo0_vokdv_288:not(#\9) {
|
|
299
291
|
white-space: nowrap;
|
|
300
292
|
overflow: scroll;
|
|
301
293
|
}
|
|
302
294
|
|
|
303
|
-
.awsui_dropdown-
|
|
295
|
+
.awsui_dropdown-content_qwoo0_vokdv_97:not(#\9) {
|
|
304
296
|
display: flex;
|
|
305
297
|
flex-direction: column;
|
|
306
298
|
inline-size: 100%;
|
|
307
299
|
}
|
|
308
300
|
|
|
309
|
-
.awsui_stretch-trigger-
|
|
301
|
+
.awsui_stretch-trigger-height_qwoo0_vokdv_299:not(#\9) {
|
|
310
302
|
block-size: 100%;
|
|
311
303
|
}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"dropdown-content-wrapper": "awsui_dropdown-content-
|
|
6
|
-
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"refresh": "
|
|
8
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
9
|
-
"root": "
|
|
10
|
-
"interior": "
|
|
11
|
-
"dropdown": "
|
|
12
|
-
"use-portal": "awsui_use-
|
|
13
|
-
"is-empty": "awsui_is-
|
|
14
|
-
"dropdown-drop-up": "awsui_dropdown-drop-
|
|
15
|
-
"with-limited-width": "awsui_with-limited-
|
|
16
|
-
"dropdown-drop-left": "awsui_dropdown-drop-
|
|
17
|
-
"dropdown-drop-right": "awsui_dropdown-drop-
|
|
18
|
-
"occupy-entire-width": "awsui_occupy-entire-
|
|
19
|
-
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-
|
|
20
|
-
"hide-block-border": "awsui_hide-block-
|
|
21
|
-
"open": "
|
|
22
|
-
"nowrap": "
|
|
23
|
-
"dropdown-content": "awsui_dropdown-
|
|
24
|
-
"stretch-trigger-height": "awsui_stretch-trigger-
|
|
5
|
+
"dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_vokdv_97",
|
|
6
|
+
"awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1",
|
|
7
|
+
"refresh": "awsui_refresh_qwoo0_vokdv_118",
|
|
8
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1",
|
|
9
|
+
"root": "awsui_root_qwoo0_vokdv_147",
|
|
10
|
+
"interior": "awsui_interior_qwoo0_vokdv_183",
|
|
11
|
+
"dropdown": "awsui_dropdown_qwoo0_vokdv_97",
|
|
12
|
+
"use-portal": "awsui_use-portal_qwoo0_vokdv_194",
|
|
13
|
+
"is-empty": "awsui_is-empty_qwoo0_vokdv_240",
|
|
14
|
+
"dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_vokdv_247",
|
|
15
|
+
"with-limited-width": "awsui_with-limited-width_qwoo0_vokdv_251",
|
|
16
|
+
"dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_vokdv_254",
|
|
17
|
+
"dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_vokdv_257",
|
|
18
|
+
"occupy-entire-width": "awsui_occupy-entire-width_qwoo0_vokdv_260",
|
|
19
|
+
"stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_vokdv_263",
|
|
20
|
+
"hide-block-border": "awsui_hide-block-border_qwoo0_vokdv_270",
|
|
21
|
+
"open": "awsui_open_qwoo0_vokdv_279",
|
|
22
|
+
"nowrap": "awsui_nowrap_qwoo0_vokdv_288",
|
|
23
|
+
"dropdown-content": "awsui_dropdown-content_qwoo0_vokdv_97",
|
|
24
|
+
"stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_vokdv_299"
|
|
25
25
|
};
|
|
26
26
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED