@cloudscape-design/components 3.0.823 → 3.0.825
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/split-panel/provider.d.ts +1 -0
- package/app-layout/split-panel/provider.d.ts.map +1 -1
- package/app-layout/split-panel/provider.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts +2 -7
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +2 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +3 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/index.js +6 -1
- package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/interfaces.d.ts +8 -4
- package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/index.d.ts +1 -0
- package/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/index.js +2 -2
- package/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/index.d.ts +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/index.js +4 -4
- package/app-layout/visual-refresh-toolbar/split-panel/index.js.map +1 -1
- package/file-upload/interfaces.d.ts +5 -0
- package/file-upload/interfaces.d.ts.map +1 -1
- package/file-upload/interfaces.js.map +1 -1
- package/file-upload/internal.d.ts.map +1 -1
- package/file-upload/internal.js +7 -13
- package/file-upload/internal.js.map +1 -1
- package/internal/components/file-token-group/default-formatters.d.ts.map +1 -0
- package/{file-upload → internal/components/file-token-group}/default-formatters.js +1 -1
- package/internal/components/file-token-group/default-formatters.js.map +1 -0
- package/internal/components/file-token-group/file-token.d.ts +32 -0
- package/internal/components/file-token-group/file-token.d.ts.map +1 -0
- package/internal/components/file-token-group/file-token.js +71 -0
- package/internal/components/file-token-group/file-token.js.map +1 -0
- package/internal/components/file-token-group/index.d.ts +8 -0
- package/internal/components/file-token-group/index.d.ts.map +1 -0
- package/internal/components/file-token-group/index.js +41 -0
- package/internal/components/file-token-group/index.js.map +1 -0
- package/internal/components/file-token-group/interfaces.d.ts +85 -0
- package/internal/components/file-token-group/interfaces.d.ts.map +1 -0
- package/internal/components/file-token-group/interfaces.js +2 -0
- package/internal/components/file-token-group/interfaces.js.map +1 -0
- package/internal/components/file-token-group/styles.css.js +27 -0
- package/internal/components/file-token-group/styles.scoped.css +375 -0
- package/internal/components/file-token-group/styles.selectors.js +28 -0
- package/internal/components/file-token-group/test-classes/styles.css.js +11 -0
- package/internal/components/file-token-group/test-classes/styles.scoped.css +12 -0
- package/internal/components/file-token-group/test-classes/styles.selectors.js +12 -0
- package/internal/components/file-token-group/thumbnail.d.ts.map +1 -0
- package/internal/components/file-token-group/thumbnail.js.map +1 -0
- package/internal/components/token-list/index.d.ts.map +1 -1
- package/internal/components/token-list/index.js +5 -1
- package/internal/components/token-list/index.js.map +1 -1
- package/internal/components/token-list/interfaces.d.ts +1 -1
- package/internal/components/token-list/interfaces.d.ts.map +1 -1
- package/internal/components/token-list/interfaces.js.map +1 -1
- package/internal/components/token-list/styles.css.js +10 -9
- package/internal/components/token-list/styles.scoped.css +41 -21
- package/internal/components/token-list/styles.selectors.js +10 -9
- package/internal/context/split-panel-context.d.ts +1 -0
- package/internal/context/split-panel-context.d.ts.map +1 -1
- package/internal/context/split-panel-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/split-panel/bottom.d.ts.map +1 -1
- package/split-panel/bottom.js +3 -2
- package/split-panel/bottom.js.map +1 -1
- package/split-panel/side.d.ts.map +1 -1
- package/split-panel/side.js +3 -2
- package/split-panel/side.js.map +1 -1
- package/test-utils/dom/file-upload/index.d.ts +1 -10
- package/test-utils/dom/file-upload/index.js +13 -36
- package/test-utils/dom/file-upload/index.js.map +1 -1
- package/test-utils/dom/internal/file-token-group.d.ts +21 -0
- package/test-utils/dom/internal/file-token-group.js +51 -0
- package/test-utils/dom/internal/file-token-group.js.map +1 -0
- package/test-utils/selectors/file-upload/index.d.ts +1 -10
- package/test-utils/selectors/file-upload/index.js +13 -36
- package/test-utils/selectors/file-upload/index.js.map +1 -1
- package/test-utils/selectors/internal/file-token-group.d.ts +21 -0
- package/test-utils/selectors/internal/file-token-group.js +51 -0
- package/test-utils/selectors/internal/file-token-group.js.map +1 -0
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/token-group/styles.css.js +8 -10
- package/token-group/styles.scoped.css +25 -38
- package/token-group/styles.selectors.js +8 -10
- package/token-group/token.d.ts +1 -5
- package/token-group/token.d.ts.map +1 -1
- package/token-group/token.js +4 -11
- package/token-group/token.js.map +1 -1
- package/file-upload/default-formatters.d.ts.map +0 -1
- package/file-upload/default-formatters.js.map +0 -1
- package/file-upload/file-option/index.d.ts +0 -10
- package/file-upload/file-option/index.d.ts.map +0 -1
- package/file-upload/file-option/index.js +0 -22
- package/file-upload/file-option/index.js.map +0 -1
- package/file-upload/file-option/styles.css.js +0 -12
- package/file-upload/file-option/styles.scoped.css +0 -35
- package/file-upload/file-option/styles.selectors.js +0 -13
- package/file-upload/file-option/thumbnail.d.ts.map +0 -1
- package/file-upload/file-option/thumbnail.js.map +0 -1
- /package/{file-upload → internal/components/file-token-group}/default-formatters.d.ts +0 -0
- /package/{file-upload/file-option → internal/components/file-token-group}/thumbnail.d.ts +0 -0
- /package/{file-upload/file-option → internal/components/file-token-group}/thumbnail.js +0 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
|
|
2
|
+
import './styles.scoped.css';
|
|
3
|
+
export default {
|
|
4
|
+
"root": "awsui_root_ofwwb_9obu5_205",
|
|
5
|
+
"file-loading-overlay": "awsui_file-loading-overlay_ofwwb_9obu5_240",
|
|
6
|
+
"file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_ofwwb_9obu5_245",
|
|
7
|
+
"file-option-name": "awsui_file-option-name_ofwwb_9obu5_249",
|
|
8
|
+
"file-option-size": "awsui_file-option-size_ofwwb_9obu5_250",
|
|
9
|
+
"file-option-last-modified": "awsui_file-option-last-modified_ofwwb_9obu5_251",
|
|
10
|
+
"file-option": "awsui_file-option_ofwwb_9obu5_249",
|
|
11
|
+
"file-option-thumbnail": "awsui_file-option-thumbnail_ofwwb_9obu5_264",
|
|
12
|
+
"file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ofwwb_9obu5_268",
|
|
13
|
+
"file-option-metadata": "awsui_file-option-metadata_ofwwb_9obu5_281",
|
|
14
|
+
"with-image": "awsui_with-image_ofwwb_9obu5_284",
|
|
15
|
+
"single-row-loading": "awsui_single-row-loading_ofwwb_9obu5_287",
|
|
16
|
+
"token": "awsui_token_ofwwb_9obu5_291",
|
|
17
|
+
"token-grid": "awsui_token-grid_ofwwb_9obu5_298",
|
|
18
|
+
"token-contains-image": "awsui_token-contains-image_ofwwb_9obu5_307",
|
|
19
|
+
"token-box": "awsui_token-box_ofwwb_9obu5_311",
|
|
20
|
+
"horizontal": "awsui_horizontal_ofwwb_9obu5_330",
|
|
21
|
+
"error": "awsui_error_ofwwb_9obu5_338",
|
|
22
|
+
"dismiss-button": "awsui_dismiss-button_ofwwb_9obu5_342",
|
|
23
|
+
"warning": "awsui_warning_ofwwb_9obu5_348",
|
|
24
|
+
"read-only": "awsui_read-only_ofwwb_9obu5_358",
|
|
25
|
+
"loading": "awsui_loading_ofwwb_9obu5_371"
|
|
26
|
+
};
|
|
27
|
+
|
|
@@ -0,0 +1,375 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
/*
|
|
6
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
|
+
SPDX-License-Identifier: Apache-2.0
|
|
8
|
+
*/
|
|
9
|
+
/*
|
|
10
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
11
|
+
SPDX-License-Identifier: Apache-2.0
|
|
12
|
+
*/
|
|
13
|
+
/*
|
|
14
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
15
|
+
SPDX-License-Identifier: Apache-2.0
|
|
16
|
+
*/
|
|
17
|
+
/*
|
|
18
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
19
|
+
SPDX-License-Identifier: Apache-2.0
|
|
20
|
+
*/
|
|
21
|
+
/*
|
|
22
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
23
|
+
SPDX-License-Identifier: Apache-2.0
|
|
24
|
+
*/
|
|
25
|
+
/*
|
|
26
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
27
|
+
SPDX-License-Identifier: Apache-2.0
|
|
28
|
+
*/
|
|
29
|
+
/*
|
|
30
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
31
|
+
SPDX-License-Identifier: Apache-2.0
|
|
32
|
+
*/
|
|
33
|
+
/*
|
|
34
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
35
|
+
SPDX-License-Identifier: Apache-2.0
|
|
36
|
+
*/
|
|
37
|
+
/*
|
|
38
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
39
|
+
SPDX-License-Identifier: Apache-2.0
|
|
40
|
+
*/
|
|
41
|
+
/*
|
|
42
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
43
|
+
SPDX-License-Identifier: Apache-2.0
|
|
44
|
+
*/
|
|
45
|
+
/*
|
|
46
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
47
|
+
SPDX-License-Identifier: Apache-2.0
|
|
48
|
+
*/
|
|
49
|
+
/*
|
|
50
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
51
|
+
SPDX-License-Identifier: Apache-2.0
|
|
52
|
+
*/
|
|
53
|
+
/*
|
|
54
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
55
|
+
SPDX-License-Identifier: Apache-2.0
|
|
56
|
+
*/
|
|
57
|
+
/*
|
|
58
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
59
|
+
SPDX-License-Identifier: Apache-2.0
|
|
60
|
+
*/
|
|
61
|
+
/*
|
|
62
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
63
|
+
SPDX-License-Identifier: Apache-2.0
|
|
64
|
+
*/
|
|
65
|
+
/*
|
|
66
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
67
|
+
SPDX-License-Identifier: Apache-2.0
|
|
68
|
+
*/
|
|
69
|
+
/*
|
|
70
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
71
|
+
SPDX-License-Identifier: Apache-2.0
|
|
72
|
+
*/
|
|
73
|
+
/*
|
|
74
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
75
|
+
SPDX-License-Identifier: Apache-2.0
|
|
76
|
+
*/
|
|
77
|
+
/*
|
|
78
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
79
|
+
SPDX-License-Identifier: Apache-2.0
|
|
80
|
+
*/
|
|
81
|
+
/*
|
|
82
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
83
|
+
SPDX-License-Identifier: Apache-2.0
|
|
84
|
+
*/
|
|
85
|
+
/*
|
|
86
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
87
|
+
SPDX-License-Identifier: Apache-2.0
|
|
88
|
+
*/
|
|
89
|
+
/*
|
|
90
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
|
+
SPDX-License-Identifier: Apache-2.0
|
|
92
|
+
*/
|
|
93
|
+
/*
|
|
94
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
|
+
SPDX-License-Identifier: Apache-2.0
|
|
96
|
+
*/
|
|
97
|
+
/*
|
|
98
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
99
|
+
SPDX-License-Identifier: Apache-2.0
|
|
100
|
+
*/
|
|
101
|
+
/*
|
|
102
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
103
|
+
SPDX-License-Identifier: Apache-2.0
|
|
104
|
+
*/
|
|
105
|
+
/*
|
|
106
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
107
|
+
SPDX-License-Identifier: Apache-2.0
|
|
108
|
+
*/
|
|
109
|
+
/*
|
|
110
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
111
|
+
SPDX-License-Identifier: Apache-2.0
|
|
112
|
+
*/
|
|
113
|
+
/*
|
|
114
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
115
|
+
SPDX-License-Identifier: Apache-2.0
|
|
116
|
+
*/
|
|
117
|
+
/*
|
|
118
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
119
|
+
SPDX-License-Identifier: Apache-2.0
|
|
120
|
+
*/
|
|
121
|
+
/*
|
|
122
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
123
|
+
SPDX-License-Identifier: Apache-2.0
|
|
124
|
+
*/
|
|
125
|
+
/*
|
|
126
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
|
+
SPDX-License-Identifier: Apache-2.0
|
|
128
|
+
*/
|
|
129
|
+
/*
|
|
130
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
131
|
+
SPDX-License-Identifier: Apache-2.0
|
|
132
|
+
*/
|
|
133
|
+
/*
|
|
134
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
135
|
+
SPDX-License-Identifier: Apache-2.0
|
|
136
|
+
*/
|
|
137
|
+
/*
|
|
138
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
139
|
+
SPDX-License-Identifier: Apache-2.0
|
|
140
|
+
*/
|
|
141
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
142
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
143
|
+
/*
|
|
144
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
145
|
+
SPDX-License-Identifier: Apache-2.0
|
|
146
|
+
*/
|
|
147
|
+
/*
|
|
148
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
|
+
SPDX-License-Identifier: Apache-2.0
|
|
150
|
+
*/
|
|
151
|
+
/*
|
|
152
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
153
|
+
SPDX-License-Identifier: Apache-2.0
|
|
154
|
+
*/
|
|
155
|
+
/*
|
|
156
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
157
|
+
SPDX-License-Identifier: Apache-2.0
|
|
158
|
+
*/
|
|
159
|
+
/*
|
|
160
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
161
|
+
SPDX-License-Identifier: Apache-2.0
|
|
162
|
+
*/
|
|
163
|
+
/*
|
|
164
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
165
|
+
SPDX-License-Identifier: Apache-2.0
|
|
166
|
+
*/
|
|
167
|
+
/*
|
|
168
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
169
|
+
SPDX-License-Identifier: Apache-2.0
|
|
170
|
+
*/
|
|
171
|
+
/*
|
|
172
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
173
|
+
SPDX-License-Identifier: Apache-2.0
|
|
174
|
+
*/
|
|
175
|
+
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
176
|
+
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
177
|
+
/*
|
|
178
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
179
|
+
SPDX-License-Identifier: Apache-2.0
|
|
180
|
+
*/
|
|
181
|
+
/*
|
|
182
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
|
+
SPDX-License-Identifier: Apache-2.0
|
|
184
|
+
*/
|
|
185
|
+
/*
|
|
186
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
|
+
SPDX-License-Identifier: Apache-2.0
|
|
188
|
+
*/
|
|
189
|
+
/*
|
|
190
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
191
|
+
SPDX-License-Identifier: Apache-2.0
|
|
192
|
+
*/
|
|
193
|
+
/*
|
|
194
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
195
|
+
SPDX-License-Identifier: Apache-2.0
|
|
196
|
+
*/
|
|
197
|
+
/*
|
|
198
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
199
|
+
SPDX-License-Identifier: Apache-2.0
|
|
200
|
+
*/
|
|
201
|
+
/*
|
|
202
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
203
|
+
SPDX-License-Identifier: Apache-2.0
|
|
204
|
+
*/
|
|
205
|
+
.awsui_root_ofwwb_9obu5_205:not(#\9) {
|
|
206
|
+
border-collapse: separate;
|
|
207
|
+
border-spacing: 0;
|
|
208
|
+
box-sizing: border-box;
|
|
209
|
+
caption-side: top;
|
|
210
|
+
cursor: auto;
|
|
211
|
+
direction: inherit;
|
|
212
|
+
empty-cells: show;
|
|
213
|
+
font-family: serif;
|
|
214
|
+
font-size: medium;
|
|
215
|
+
font-style: normal;
|
|
216
|
+
font-variant: normal;
|
|
217
|
+
font-weight: 400;
|
|
218
|
+
font-stretch: normal;
|
|
219
|
+
line-height: normal;
|
|
220
|
+
-webkit-hyphens: none;
|
|
221
|
+
hyphens: none;
|
|
222
|
+
letter-spacing: normal;
|
|
223
|
+
list-style: disc outside none;
|
|
224
|
+
tab-size: 8;
|
|
225
|
+
text-align: start;
|
|
226
|
+
text-indent: 0;
|
|
227
|
+
text-shadow: none;
|
|
228
|
+
text-transform: none;
|
|
229
|
+
visibility: visible;
|
|
230
|
+
white-space: normal;
|
|
231
|
+
word-spacing: normal;
|
|
232
|
+
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
233
|
+
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
234
|
+
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
235
|
+
font-weight: 400;
|
|
236
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
237
|
+
-webkit-font-smoothing: auto;
|
|
238
|
+
-moz-osx-font-smoothing: auto;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
.awsui_file-loading-overlay_ofwwb_9obu5_240:not(#\9) {
|
|
242
|
+
position: absolute;
|
|
243
|
+
inset-inline-end: var(--space-static-xs-7sfb63, 8px);
|
|
244
|
+
inset-block-end: var(--space-static-xxs-82cdfi, 4px);
|
|
245
|
+
}
|
|
246
|
+
.awsui_file-loading-overlay-single-row_ofwwb_9obu5_245:not(#\9) {
|
|
247
|
+
inset-inline-end: var(--space-static-xxl-02zgl2, 32px);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.awsui_file-option-name_ofwwb_9obu5_249:not(#\9),
|
|
251
|
+
.awsui_file-option-size_ofwwb_9obu5_250:not(#\9),
|
|
252
|
+
.awsui_file-option-last-modified_ofwwb_9obu5_251:not(#\9) {
|
|
253
|
+
text-overflow: ellipsis;
|
|
254
|
+
overflow: hidden;
|
|
255
|
+
white-space: nowrap;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.awsui_file-option_ofwwb_9obu5_249:not(#\9) {
|
|
259
|
+
inline-size: 100%;
|
|
260
|
+
min-inline-size: 0;
|
|
261
|
+
display: flex;
|
|
262
|
+
gap: var(--space-scaled-xs-26e2du, 8px);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.awsui_file-option-thumbnail_ofwwb_9obu5_264:not(#\9) {
|
|
266
|
+
margin-block-start: var(--space-static-xxs-82cdfi, 4px);
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.awsui_file-option-thumbnail-image_ofwwb_9obu5_268:not(#\9) {
|
|
270
|
+
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
271
|
+
line-height: var(--line-height-body-s-7zv1j5, 16px);
|
|
272
|
+
letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
|
|
273
|
+
inline-size: 48px;
|
|
274
|
+
block-size: 48px;
|
|
275
|
+
object-fit: cover;
|
|
276
|
+
display: -webkit-box;
|
|
277
|
+
-webkit-line-clamp: 3;
|
|
278
|
+
-webkit-box-orient: vertical;
|
|
279
|
+
overflow: hidden;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.awsui_file-option-metadata_ofwwb_9obu5_281:not(#\9) {
|
|
283
|
+
inline-size: 100%;
|
|
284
|
+
}
|
|
285
|
+
.awsui_file-option-metadata_ofwwb_9obu5_281.awsui_with-image_ofwwb_9obu5_284:not(#\9) {
|
|
286
|
+
inline-size: calc(100% - 48px);
|
|
287
|
+
}
|
|
288
|
+
.awsui_file-option-metadata_ofwwb_9obu5_281.awsui_single-row-loading_ofwwb_9obu5_287:not(#\9) {
|
|
289
|
+
inline-size: calc(100% - var(--size-icon-normal-0m1722, 16px));
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.awsui_token_ofwwb_9obu5_291:not(#\9) {
|
|
293
|
+
position: relative;
|
|
294
|
+
block-size: 100%;
|
|
295
|
+
display: flex;
|
|
296
|
+
flex-direction: column;
|
|
297
|
+
gap: var(--space-xxs-p8yyaw, 4px);
|
|
298
|
+
}
|
|
299
|
+
.awsui_token-grid_ofwwb_9obu5_298:not(#\9) {
|
|
300
|
+
display: grid;
|
|
301
|
+
grid-template-rows: max-content auto;
|
|
302
|
+
}
|
|
303
|
+
@media (max-width: 688px) {
|
|
304
|
+
.awsui_token-grid_ofwwb_9obu5_298:not(#\9) {
|
|
305
|
+
display: flex;
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
.awsui_token-contains-image_ofwwb_9obu5_307:not(#\9) {
|
|
309
|
+
grid-template-rows: 68px auto;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.awsui_token-box_ofwwb_9obu5_311:not(#\9) {
|
|
313
|
+
position: relative;
|
|
314
|
+
block-size: 100%;
|
|
315
|
+
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-m769ej, #006ce0);
|
|
316
|
+
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-m769ej, #006ce0);
|
|
317
|
+
padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
|
|
318
|
+
padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
|
|
319
|
+
padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
|
|
320
|
+
padding-inline-end: var(--space-xxs-p8yyaw, 4px);
|
|
321
|
+
display: flex;
|
|
322
|
+
align-items: flex-start;
|
|
323
|
+
background: var(--color-background-item-selected-njak80, #f0fbff);
|
|
324
|
+
border-start-start-radius: var(--border-radius-token-923jqq, 8px);
|
|
325
|
+
border-start-end-radius: var(--border-radius-token-923jqq, 8px);
|
|
326
|
+
border-end-start-radius: var(--border-radius-token-923jqq, 8px);
|
|
327
|
+
border-end-end-radius: var(--border-radius-token-923jqq, 8px);
|
|
328
|
+
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
329
|
+
box-sizing: border-box;
|
|
330
|
+
}
|
|
331
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_horizontal_ofwwb_9obu5_330:not(#\9) {
|
|
332
|
+
max-inline-size: 230px;
|
|
333
|
+
}
|
|
334
|
+
@media (max-width: 688px) {
|
|
335
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_horizontal_ofwwb_9obu5_330:not(#\9) {
|
|
336
|
+
max-inline-size: 100%;
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_error_ofwwb_9obu5_338:not(#\9) {
|
|
340
|
+
border-color: var(--color-border-status-error-adxa56, #db0000);
|
|
341
|
+
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
342
|
+
}
|
|
343
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_error_ofwwb_9obu5_338 > .awsui_dismiss-button_ofwwb_9obu5_342:not(#\9) {
|
|
344
|
+
color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
345
|
+
}
|
|
346
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_error_ofwwb_9obu5_338 > .awsui_dismiss-button_ofwwb_9obu5_342:not(#\9):hover {
|
|
347
|
+
color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
|
|
348
|
+
}
|
|
349
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_warning_ofwwb_9obu5_348:not(#\9) {
|
|
350
|
+
border-color: var(--color-border-status-warning-3feumr, #855900);
|
|
351
|
+
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
352
|
+
}
|
|
353
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_warning_ofwwb_9obu5_348 > .awsui_dismiss-button_ofwwb_9obu5_342:not(#\9) {
|
|
354
|
+
color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
355
|
+
}
|
|
356
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_warning_ofwwb_9obu5_348 > .awsui_dismiss-button_ofwwb_9obu5_342:not(#\9):hover {
|
|
357
|
+
color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
|
|
358
|
+
}
|
|
359
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_read-only_ofwwb_9obu5_358:not(#\9) {
|
|
360
|
+
border-color: var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
361
|
+
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
362
|
+
pointer-events: none;
|
|
363
|
+
}
|
|
364
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_read-only_ofwwb_9obu5_358 > .awsui_dismiss-button_ofwwb_9obu5_342:not(#\9) {
|
|
365
|
+
color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
|
|
366
|
+
}
|
|
367
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_read-only_ofwwb_9obu5_358 > .awsui_dismiss-button_ofwwb_9obu5_342:not(#\9):hover {
|
|
368
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
369
|
+
cursor: initial;
|
|
370
|
+
color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
|
|
371
|
+
}
|
|
372
|
+
.awsui_token-box_ofwwb_9obu5_311.awsui_loading_ofwwb_9obu5_371:not(#\9) {
|
|
373
|
+
border-color: var(--color-border-control-disabled-qc5csz, #dedee3);
|
|
374
|
+
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
375
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
|
|
2
|
+
// es-module interop with Babel and Typescript
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
module.exports.default = {
|
|
5
|
+
"root": "awsui_root_ofwwb_9obu5_205",
|
|
6
|
+
"file-loading-overlay": "awsui_file-loading-overlay_ofwwb_9obu5_240",
|
|
7
|
+
"file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_ofwwb_9obu5_245",
|
|
8
|
+
"file-option-name": "awsui_file-option-name_ofwwb_9obu5_249",
|
|
9
|
+
"file-option-size": "awsui_file-option-size_ofwwb_9obu5_250",
|
|
10
|
+
"file-option-last-modified": "awsui_file-option-last-modified_ofwwb_9obu5_251",
|
|
11
|
+
"file-option": "awsui_file-option_ofwwb_9obu5_249",
|
|
12
|
+
"file-option-thumbnail": "awsui_file-option-thumbnail_ofwwb_9obu5_264",
|
|
13
|
+
"file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ofwwb_9obu5_268",
|
|
14
|
+
"file-option-metadata": "awsui_file-option-metadata_ofwwb_9obu5_281",
|
|
15
|
+
"with-image": "awsui_with-image_ofwwb_9obu5_284",
|
|
16
|
+
"single-row-loading": "awsui_single-row-loading_ofwwb_9obu5_287",
|
|
17
|
+
"token": "awsui_token_ofwwb_9obu5_291",
|
|
18
|
+
"token-grid": "awsui_token-grid_ofwwb_9obu5_298",
|
|
19
|
+
"token-contains-image": "awsui_token-contains-image_ofwwb_9obu5_307",
|
|
20
|
+
"token-box": "awsui_token-box_ofwwb_9obu5_311",
|
|
21
|
+
"horizontal": "awsui_horizontal_ofwwb_9obu5_330",
|
|
22
|
+
"error": "awsui_error_ofwwb_9obu5_338",
|
|
23
|
+
"dismiss-button": "awsui_dismiss-button_ofwwb_9obu5_342",
|
|
24
|
+
"warning": "awsui_warning_ofwwb_9obu5_348",
|
|
25
|
+
"read-only": "awsui_read-only_ofwwb_9obu5_358",
|
|
26
|
+
"loading": "awsui_loading_ofwwb_9obu5_371"
|
|
27
|
+
};
|
|
28
|
+
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
|
|
2
|
+
import './styles.scoped.css';
|
|
3
|
+
export default {
|
|
4
|
+
"root": "awsui_root_9f1dn_6ggi7_5",
|
|
5
|
+
"file-option-thumbnail": "awsui_file-option-thumbnail_9f1dn_6ggi7_6",
|
|
6
|
+
"file-option-name": "awsui_file-option-name_9f1dn_6ggi7_7",
|
|
7
|
+
"file-option-size": "awsui_file-option-size_9f1dn_6ggi7_8",
|
|
8
|
+
"file-option-last-modified": "awsui_file-option-last-modified_9f1dn_6ggi7_9",
|
|
9
|
+
"ellipsis-active": "awsui_ellipsis-active_9f1dn_6ggi7_10"
|
|
10
|
+
};
|
|
11
|
+
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
.awsui_root_9f1dn_6ggi7_5:not(#\9),
|
|
6
|
+
.awsui_file-option-thumbnail_9f1dn_6ggi7_6:not(#\9),
|
|
7
|
+
.awsui_file-option-name_9f1dn_6ggi7_7:not(#\9),
|
|
8
|
+
.awsui_file-option-size_9f1dn_6ggi7_8:not(#\9),
|
|
9
|
+
.awsui_file-option-last-modified_9f1dn_6ggi7_9:not(#\9),
|
|
10
|
+
.awsui_ellipsis-active_9f1dn_6ggi7_10:not(#\9) {
|
|
11
|
+
/* used in test-utils */
|
|
12
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
|
|
2
|
+
// es-module interop with Babel and Typescript
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
module.exports.default = {
|
|
5
|
+
"root": "awsui_root_9f1dn_6ggi7_5",
|
|
6
|
+
"file-option-thumbnail": "awsui_file-option-thumbnail_9f1dn_6ggi7_6",
|
|
7
|
+
"file-option-name": "awsui_file-option-name_9f1dn_6ggi7_7",
|
|
8
|
+
"file-option-size": "awsui_file-option-size_9f1dn_6ggi7_8",
|
|
9
|
+
"file-option-last-modified": "awsui_file-option-last-modified_9f1dn_6ggi7_9",
|
|
10
|
+
"ellipsis-active": "awsui_ellipsis-active_9f1dn_6ggi7_10"
|
|
11
|
+
};
|
|
12
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"thumbnail.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/file-token-group/thumbnail.tsx"],"names":[],"mappings":";AAOA,UAAU,wBAAwB;IAChC,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,eAoBrE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"thumbnail.js","sourceRoot":"","sources":["../../../../../src/internal/components/file-token-group/thumbnail.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,UAAU,mBAAmB,CAAC,EAAE,IAAI,EAA4B;IACpE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,qDAAqD;QACrD,IAAI,GAAG,CAAC,eAAe,EAAE;YACvB,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACtC,WAAW,CAAC,GAAG,CAAC,CAAC;YAEjB,OAAO,GAAG,EAAE;gBACV,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,iBAAe,IAAI;QAChE,6BAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAI,CACpF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useState } from 'react';\n\nimport styles from './styles.css.js';\n\ninterface FileOptionThumbnailProps {\n file: File;\n}\n\nexport function FileOptionThumbnail({ file }: FileOptionThumbnailProps) {\n const [imageSrc, setImageSrc] = useState('');\n\n useEffect(() => {\n // The URL.createObjectURL is not available in jsdom.\n if (URL.createObjectURL) {\n const src = URL.createObjectURL(file);\n setImageSrc(src);\n\n return () => {\n URL.revokeObjectURL(src);\n };\n }\n }, [file]);\n\n return (\n <div className={styles['file-option-thumbnail']} aria-hidden={true}>\n <img className={styles['file-option-thumbnail-image']} alt={file.name} src={imageSrc} />\n </div>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,EACtC,KAAK,EACL,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,WAAW,EACX,uBAAuB,EACvB,sBAAsB,EACtB,eAAiC,GAClC,EAAE,cAAc,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,EACtC,KAAK,EACL,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,WAAW,EACX,uBAAuB,EACvB,sBAAsB,EACtB,eAAiC,GAClC,EAAE,cAAc,CAAC,IAAI,CAAC,eA+EtB"}
|
|
@@ -26,7 +26,11 @@ export default function TokenList({ items, alignment, renderItem, limit, after,
|
|
|
26
26
|
after));
|
|
27
27
|
}
|
|
28
28
|
return (React.createElement("div", { className: clsx(styles.root, styles.vertical) },
|
|
29
|
-
hasVisibleItems && (React.createElement("ul", { id: controlId, className: clsx(styles.list,
|
|
29
|
+
hasVisibleItems && (React.createElement("ul", { id: controlId, className: clsx(styles.list, {
|
|
30
|
+
[styles.vertical]: alignment === 'vertical',
|
|
31
|
+
[styles.horizontal]: alignment === 'horizontal',
|
|
32
|
+
[styles.grid]: alignment === 'horizontal-grid',
|
|
33
|
+
}) }, visibleItems.map((item, itemIndex) => (React.createElement("li", { key: itemIndex, className: styles['list-item'], "aria-setsize": items.length, "aria-posinset": itemIndex + 1 }, renderItem(item, itemIndex)))))),
|
|
30
34
|
toggle,
|
|
31
35
|
after));
|
|
32
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAO,EACtC,KAAK,EACL,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,WAAW,EACX,uBAAuB,EACvB,sBAAsB,EACtB,eAAe,GAAG,GAAG,EAAE,CAAC,SAAS,GACZ;IACrB,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC;IAEhC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,MAAM,cAAc,GAAG,QAAQ,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IAC/E,MAAM,YAAY,GAAG,cAAc,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACjF,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhD,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,SAAS,EAAE,CAAC;QACrD,oBAAC,gBAAgB,IACf,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,KAAK,KAAK,CAAC,EACtB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,EACzD,WAAW,EAAE,WAAW,EACxB,uBAAuB,EAAE,uBAAuB,EAChD,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAC;gBAC7B,WAAW,CAAC,UAAU,CAAC,CAAC;gBACxB,eAAe,CAAC,UAAU,CAAC,CAAC;YAC9B,CAAC,GACD,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC;YACjD,QAAQ,IAAI,CACX,4BAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,IACtC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CACrC,4BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,kBAChB,KAAK,CAAC,MAAM,mBACX,SAAS,GAAG,CAAC,IAE3B,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CACzB,CACN,CAAC,CACC,CACN;YACA,MAAM;YACN,KAAK,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI;YAC7C,KAAK,CACF,CACP,CAAC;KACH;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC;QAC/C,eAAe,IAAI,CAClB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { TokenListProps } from './interfaces';\nimport TokenLimitToggle from './token-limit-toggle';\n\nimport styles from './styles.css.js';\n\nexport { TokenListProps };\n\nexport default function TokenList<Item>({\n items,\n alignment,\n renderItem,\n limit,\n after,\n i18nStrings,\n limitShowFewerAriaLabel,\n limitShowMoreAriaLabel,\n onExpandedClick = () => undefined,\n}: TokenListProps<Item>) {\n const controlId = useUniqueId();\n\n const [expanded, setExpanded] = useState(false);\n const hasItems = items.length > 0;\n const hasHiddenItems = hasItems && limit !== undefined && items.length > limit;\n const visibleItems = hasHiddenItems && !expanded ? items.slice(0, limit) : items;\n const hasVisibleItems = visibleItems.length > 0;\n\n const toggle = hasHiddenItems ? (\n <div className={styles[`toggle-container-${alignment}`]}>\n <TokenLimitToggle\n controlId={hasVisibleItems ? controlId : undefined}\n allHidden={limit === 0}\n expanded={expanded}\n numberOfHiddenOptions={items.length - visibleItems.length}\n i18nStrings={i18nStrings}\n limitShowFewerAriaLabel={limitShowFewerAriaLabel}\n limitShowMoreAriaLabel={limitShowMoreAriaLabel}\n onClick={() => {\n const isExpanded = !expanded;\n setExpanded(isExpanded);\n onExpandedClick(isExpanded);\n }}\n />\n </div>\n ) : null;\n\n if (alignment === 'inline') {\n return (\n <div className={clsx(styles.root, styles.horizontal)}>\n {hasItems && (\n <ul id={controlId} className={styles.list}>\n {visibleItems.map((item, itemIndex) => (\n <li\n key={itemIndex}\n className={styles['list-item']}\n aria-setsize={items.length}\n aria-posinset={itemIndex + 1}\n >\n {renderItem(item, itemIndex)}\n </li>\n ))}\n </ul>\n )}\n {toggle}\n {after && <div className={styles.separator} />}\n {after}\n </div>\n );\n }\n\n return (\n <div className={clsx(styles.root, styles.vertical)}>\n {hasVisibleItems && (\n <ul\n id={controlId}\n className={clsx(styles.list, {\n [styles.vertical]: alignment === 'vertical',\n [styles.horizontal]: alignment === 'horizontal',\n [styles.grid]: alignment === 'horizontal-grid',\n })}\n >\n {visibleItems.map((item, itemIndex) => (\n <li\n key={itemIndex}\n className={styles['list-item']}\n aria-setsize={items.length}\n aria-posinset={itemIndex + 1}\n >\n {renderItem(item, itemIndex)}\n </li>\n ))}\n </ul>\n )}\n {toggle}\n {after}\n </div>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,iBAAiB,CAAC;IACpE,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nexport interface TokenListProps<Item> {\n alignment: 'vertical' | 'horizontal' | 'inline';\n items: readonly Item[];\n limit?: number;\n after?: React.ReactNode;\n renderItem: (item: Item, itemIndex: number) => React.ReactNode;\n i18nStrings?: I18nStrings;\n onExpandedClick?: (isExpanded: boolean) => void;\n limitShowFewerAriaLabel?: string;\n limitShowMoreAriaLabel?: string;\n}\n\nexport interface I18nStrings {\n limitShowFewer?: string;\n limitShowMore?: string;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nexport interface TokenListProps<Item> {\n alignment: 'vertical' | 'horizontal' | 'inline' | 'horizontal-grid';\n items: readonly Item[];\n limit?: number;\n after?: React.ReactNode;\n renderItem: (item: Item, itemIndex: number) => React.ReactNode;\n i18nStrings?: I18nStrings;\n onExpandedClick?: (isExpanded: boolean) => void;\n limitShowFewerAriaLabel?: string;\n limitShowMoreAriaLabel?: string;\n}\n\nexport interface I18nStrings {\n limitShowFewer?: string;\n limitShowMore?: string;\n}\n"]}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"horizontal": "
|
|
6
|
-
"vertical": "
|
|
7
|
-
"list": "
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"toggle": "
|
|
11
|
-
"
|
|
12
|
-
"
|
|
4
|
+
"root": "awsui_root_gfwv3_1rcgd_189",
|
|
5
|
+
"horizontal": "awsui_horizontal_gfwv3_1rcgd_192",
|
|
6
|
+
"vertical": "awsui_vertical_gfwv3_1rcgd_198",
|
|
7
|
+
"list": "awsui_list_gfwv3_1rcgd_203",
|
|
8
|
+
"grid": "awsui_grid_gfwv3_1rcgd_222",
|
|
9
|
+
"list-item": "awsui_list-item_gfwv3_1rcgd_234",
|
|
10
|
+
"toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1rcgd_241",
|
|
11
|
+
"toggle": "awsui_toggle_gfwv3_1rcgd_241",
|
|
12
|
+
"description": "awsui_description_gfwv3_1rcgd_336",
|
|
13
|
+
"separator": "awsui_separator_gfwv3_1rcgd_340"
|
|
13
14
|
};
|
|
14
15
|
|