@cloudscape-design/components 3.0.151 → 3.0.153
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/box/styles.css.js +189 -189
- package/box/styles.scoped.css +239 -233
- package/box/styles.selectors.js +189 -189
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +140 -138
- package/button/styles.selectors.js +18 -18
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +46 -44
- package/cards/styles.selectors.js +37 -37
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +44 -42
- package/expandable-section/styles.selectors.js +21 -21
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +1 -1
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +44 -40
- package/header/styles.scoped.css +74 -52
- package/header/styles.selectors.js +44 -40
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +72 -58
- package/help-panel/styles.selectors.js +4 -4
- package/internal/base-component/styles.scoped.css +2 -0
- package/internal/components/button-trigger/index.d.ts +1 -0
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +16 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +6 -0
- package/internal/generated/theming/index.js +6 -0
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -71
- package/link/styles.selectors.js +20 -20
- package/multiselect/interfaces.d.ts +4 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -2
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +25 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +45 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +67 -63
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +34 -32
- package/progress-bar/styles.selectors.js +18 -18
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +37 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/interfaces.d.ts +4 -0
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/internal.d.ts +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +2 -2
- package/select/internal.js.map +1 -1
- package/select/utils/use-select.d.ts +2 -1
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +4 -2
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +36 -32
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +83 -81
- package/split-panel/styles.selectors.js +59 -59
- package/table/header-cell/styles.css.js +18 -18
- package/table/header-cell/styles.scoped.css +32 -30
- package/table/header-cell/styles.selectors.js +18 -18
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +40 -38
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +12 -10
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +70 -60
- package/text-content/styles.selectors.js +1 -1
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +44 -42
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +72 -66
- package/top-navigation/styles.selectors.js +47 -47
package/link/styles.scoped.css
CHANGED
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_link_4c84z_1r9bu_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -139,31 +139,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
139
139
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
140
140
|
}
|
|
141
141
|
@media (prefers-reduced-motion: reduce) {
|
|
142
|
-
.
|
|
142
|
+
.awsui_link_4c84z_1r9bu_93:not(#\9) {
|
|
143
143
|
animation: none;
|
|
144
144
|
transition: none;
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
|
-
.awsui-motion-disabled .
|
|
147
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93:not(#\9) {
|
|
148
148
|
animation: none;
|
|
149
149
|
transition: none;
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
.awsui_link_4c84z_1r9bu_93:not(#\9):hover {
|
|
152
152
|
cursor: pointer;
|
|
153
153
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
154
154
|
}
|
|
155
|
-
.
|
|
155
|
+
.awsui_link_4c84z_1r9bu_93:not(#\9):focus {
|
|
156
156
|
outline: none;
|
|
157
157
|
}
|
|
158
|
-
.
|
|
158
|
+
.awsui_link_4c84z_1r9bu_93:not(#\9):active {
|
|
159
159
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
160
160
|
}
|
|
161
|
-
.
|
|
161
|
+
.awsui_link_4c84z_1r9bu_93:not(#\9):active, .awsui_link_4c84z_1r9bu_93:not(#\9):focus, .awsui_link_4c84z_1r9bu_93:not(#\9):hover {
|
|
162
162
|
text-decoration: underline;
|
|
163
163
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
164
164
|
text-decoration-color: currentColor;
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9) {
|
|
167
167
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
168
168
|
font-weight: inherit;
|
|
169
169
|
letter-spacing: normal;
|
|
@@ -176,31 +176,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
176
176
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
177
177
|
}
|
|
178
178
|
@media (prefers-reduced-motion: reduce) {
|
|
179
|
-
.
|
|
179
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9) {
|
|
180
180
|
animation: none;
|
|
181
181
|
transition: none;
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
.awsui-motion-disabled .
|
|
184
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9) {
|
|
185
185
|
animation: none;
|
|
186
186
|
transition: none;
|
|
187
187
|
}
|
|
188
|
-
.
|
|
188
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9):hover {
|
|
189
189
|
cursor: pointer;
|
|
190
190
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
191
191
|
}
|
|
192
|
-
.
|
|
192
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9):focus {
|
|
193
193
|
outline: none;
|
|
194
194
|
}
|
|
195
|
-
.
|
|
195
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9):active {
|
|
196
196
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
197
197
|
}
|
|
198
|
-
.
|
|
198
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9):active, .awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9):focus, .awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9):hover {
|
|
199
199
|
text-decoration: underline;
|
|
200
200
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
201
201
|
text-decoration-color: currentColor;
|
|
202
202
|
}
|
|
203
|
-
.
|
|
203
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9) {
|
|
204
204
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
205
205
|
font-weight: var(--font-link-primary-weight-91pybi, "inherit");
|
|
206
206
|
letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
|
|
@@ -214,31 +214,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
214
214
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
215
215
|
}
|
|
216
216
|
@media (prefers-reduced-motion: reduce) {
|
|
217
|
-
.
|
|
217
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9) {
|
|
218
218
|
animation: none;
|
|
219
219
|
transition: none;
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
|
-
.awsui-motion-disabled .
|
|
222
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9) {
|
|
223
223
|
animation: none;
|
|
224
224
|
transition: none;
|
|
225
225
|
}
|
|
226
|
-
.
|
|
226
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9):hover {
|
|
227
227
|
cursor: pointer;
|
|
228
228
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
229
229
|
}
|
|
230
|
-
.
|
|
230
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9):focus {
|
|
231
231
|
outline: none;
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9):active {
|
|
234
234
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9):active, .awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9):focus, .awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9):hover {
|
|
237
237
|
text-decoration: underline;
|
|
238
238
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
239
239
|
text-decoration-color: currentColor;
|
|
240
240
|
}
|
|
241
|
-
.
|
|
241
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9) {
|
|
242
|
+
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
243
|
+
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
242
244
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
243
245
|
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
244
246
|
letter-spacing: 0.005em;
|
|
@@ -251,31 +253,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
251
253
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
252
254
|
}
|
|
253
255
|
@media (prefers-reduced-motion: reduce) {
|
|
254
|
-
.
|
|
256
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9) {
|
|
255
257
|
animation: none;
|
|
256
258
|
transition: none;
|
|
257
259
|
}
|
|
258
260
|
}
|
|
259
|
-
.awsui-motion-disabled .
|
|
261
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9) {
|
|
260
262
|
animation: none;
|
|
261
263
|
transition: none;
|
|
262
264
|
}
|
|
263
|
-
.
|
|
265
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9):hover {
|
|
264
266
|
cursor: pointer;
|
|
265
267
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
266
268
|
}
|
|
267
|
-
.
|
|
269
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9):focus {
|
|
268
270
|
outline: none;
|
|
269
271
|
}
|
|
270
|
-
.
|
|
272
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9):active {
|
|
271
273
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
272
274
|
}
|
|
273
|
-
.
|
|
275
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9):active, .awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9):focus, .awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9):hover {
|
|
274
276
|
text-decoration: underline;
|
|
275
277
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
276
278
|
text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
|
|
277
279
|
}
|
|
278
|
-
.
|
|
280
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9) {
|
|
279
281
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
280
282
|
font-weight: var(--font-box-value-large-weight-dyt1pj, 800);
|
|
281
283
|
text-decoration: none;
|
|
@@ -287,31 +289,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
287
289
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
288
290
|
}
|
|
289
291
|
@media (prefers-reduced-motion: reduce) {
|
|
290
|
-
.
|
|
292
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9) {
|
|
291
293
|
animation: none;
|
|
292
294
|
transition: none;
|
|
293
295
|
}
|
|
294
296
|
}
|
|
295
|
-
.awsui-motion-disabled .
|
|
297
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9) {
|
|
296
298
|
animation: none;
|
|
297
299
|
transition: none;
|
|
298
300
|
}
|
|
299
|
-
.
|
|
301
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9):hover {
|
|
300
302
|
cursor: pointer;
|
|
301
303
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
302
304
|
}
|
|
303
|
-
.
|
|
305
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9):focus {
|
|
304
306
|
outline: none;
|
|
305
307
|
}
|
|
306
|
-
.
|
|
308
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9):active {
|
|
307
309
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
308
310
|
}
|
|
309
|
-
.
|
|
311
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9):active, .awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9):focus, .awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9):hover {
|
|
310
312
|
text-decoration: underline;
|
|
311
313
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
312
314
|
text-decoration-color: currentColor;
|
|
313
315
|
}
|
|
314
|
-
.
|
|
316
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9) {
|
|
315
317
|
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
316
318
|
font-weight: 700;
|
|
317
319
|
letter-spacing: 0.005em;
|
|
@@ -324,31 +326,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
324
326
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
325
327
|
}
|
|
326
328
|
@media (prefers-reduced-motion: reduce) {
|
|
327
|
-
.
|
|
329
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9) {
|
|
328
330
|
animation: none;
|
|
329
331
|
transition: none;
|
|
330
332
|
}
|
|
331
333
|
}
|
|
332
|
-
.awsui-motion-disabled .
|
|
334
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9) {
|
|
333
335
|
animation: none;
|
|
334
336
|
transition: none;
|
|
335
337
|
}
|
|
336
|
-
.
|
|
338
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9):hover {
|
|
337
339
|
cursor: pointer;
|
|
338
340
|
color: var(--color-text-interactive-hover-v3lasm, #000716);
|
|
339
341
|
}
|
|
340
|
-
.
|
|
342
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9):focus {
|
|
341
343
|
outline: none;
|
|
342
344
|
}
|
|
343
|
-
.
|
|
345
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9):active {
|
|
344
346
|
color: var(--color-text-interactive-active-vol84d, #000716);
|
|
345
347
|
}
|
|
346
|
-
.
|
|
348
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9):active, .awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9):focus, .awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9):hover {
|
|
347
349
|
text-decoration: underline;
|
|
348
350
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
349
351
|
text-decoration-color: transparent;
|
|
350
352
|
}
|
|
351
|
-
.
|
|
353
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9) {
|
|
352
354
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
353
355
|
font-weight: var(--font-link-button-weight-4f1hjr, 800);
|
|
354
356
|
letter-spacing: var(--font-link-button-letter-spacing-58wset, 0.005em);
|
|
@@ -361,31 +363,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
361
363
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
362
364
|
}
|
|
363
365
|
@media (prefers-reduced-motion: reduce) {
|
|
364
|
-
.
|
|
366
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9) {
|
|
365
367
|
animation: none;
|
|
366
368
|
transition: none;
|
|
367
369
|
}
|
|
368
370
|
}
|
|
369
|
-
.awsui-motion-disabled .
|
|
371
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9) {
|
|
370
372
|
animation: none;
|
|
371
373
|
transition: none;
|
|
372
374
|
}
|
|
373
|
-
.
|
|
375
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9):hover {
|
|
374
376
|
cursor: pointer;
|
|
375
377
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
376
378
|
}
|
|
377
|
-
.
|
|
379
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9):focus {
|
|
378
380
|
outline: none;
|
|
379
381
|
}
|
|
380
|
-
.
|
|
382
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9):active {
|
|
381
383
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
382
384
|
}
|
|
383
|
-
.
|
|
385
|
+
.awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9):active, .awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9):focus, .awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9):hover {
|
|
384
386
|
text-decoration: underline;
|
|
385
387
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
386
388
|
text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
|
|
387
389
|
}
|
|
388
|
-
.
|
|
390
|
+
.awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9) {
|
|
391
|
+
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
392
|
+
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
389
393
|
color: var(--color-text-link-button-normal-default-2yrp9u, #0972d3);
|
|
390
394
|
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
391
395
|
letter-spacing: var(--font-button-letter-spacing-8y5poz, 0.005em);
|
|
@@ -398,42 +402,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
398
402
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
399
403
|
}
|
|
400
404
|
@media (prefers-reduced-motion: reduce) {
|
|
401
|
-
.
|
|
405
|
+
.awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9) {
|
|
402
406
|
animation: none;
|
|
403
407
|
transition: none;
|
|
404
408
|
}
|
|
405
409
|
}
|
|
406
|
-
.awsui-motion-disabled .
|
|
410
|
+
.awsui-motion-disabled .awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9) {
|
|
407
411
|
animation: none;
|
|
408
412
|
transition: none;
|
|
409
413
|
}
|
|
410
|
-
.
|
|
414
|
+
.awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9):hover {
|
|
411
415
|
cursor: pointer;
|
|
412
416
|
color: var(--color-text-link-button-normal-hover-gz8y5b, #033160);
|
|
413
417
|
}
|
|
414
|
-
.
|
|
418
|
+
.awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9):focus {
|
|
415
419
|
outline: none;
|
|
416
420
|
}
|
|
417
|
-
.
|
|
421
|
+
.awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9):active {
|
|
418
422
|
color: var(--color-text-link-button-normal-active-8lhs8f, #033160);
|
|
419
423
|
}
|
|
420
|
-
.
|
|
424
|
+
.awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9):active, .awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9):focus, .awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9):hover {
|
|
421
425
|
text-decoration: underline;
|
|
422
426
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
423
427
|
text-decoration-color: transparent;
|
|
424
428
|
}
|
|
425
|
-
.
|
|
429
|
+
.awsui_link_4c84z_1r9bu_93.awsui_color-inverted_4c84z_1r9bu_386:not(#\9) {
|
|
426
430
|
color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
|
|
427
431
|
}
|
|
428
|
-
.
|
|
432
|
+
.awsui_link_4c84z_1r9bu_93.awsui_color-inverted_4c84z_1r9bu_386:not(#\9):not(.awsui_button_4c84z_1r9bu_349) {
|
|
429
433
|
text-decoration: underline;
|
|
430
434
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
431
435
|
text-decoration-color: currentColor;
|
|
432
436
|
}
|
|
433
|
-
.
|
|
437
|
+
.awsui_link_4c84z_1r9bu_93.awsui_color-inverted_4c84z_1r9bu_386:not(#\9):hover {
|
|
434
438
|
color: var(--color-text-link-inverted-hover-5tnsdi, #ffffff);
|
|
435
439
|
}
|
|
436
|
-
.
|
|
440
|
+
.awsui_link_4c84z_1r9bu_93[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
437
441
|
outline: thin dotted;
|
|
438
442
|
outline: var(--border-link-focus-ring-outline-k2wccv, 0);
|
|
439
443
|
outline-offset: 2px;
|
|
@@ -441,54 +445,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
441
445
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
442
446
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
443
447
|
}
|
|
444
|
-
.
|
|
448
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-body-s_4c84z_1r9bu_405:not(#\9) {
|
|
445
449
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
446
450
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
447
451
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
448
452
|
}
|
|
449
|
-
.
|
|
453
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-body-m_4c84z_1r9bu_410:not(#\9) {
|
|
450
454
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
451
455
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
452
456
|
}
|
|
453
|
-
.
|
|
457
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-heading-xs_4c84z_1r9bu_414:not(#\9) {
|
|
454
458
|
font-size: var(--font-heading-xs-size-fryxro, 14px);
|
|
455
459
|
line-height: var(--font-heading-xs-line-height-5x131j, 18px);
|
|
456
460
|
}
|
|
457
|
-
.
|
|
461
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-heading-s_4c84z_1r9bu_418:not(#\9) {
|
|
458
462
|
font-size: var(--font-heading-s-size-9clg8y, 16px);
|
|
459
463
|
line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
|
|
460
464
|
letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
|
|
461
465
|
}
|
|
462
|
-
.
|
|
466
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-heading-m_4c84z_1r9bu_423:not(#\9) {
|
|
463
467
|
font-size: var(--font-heading-m-size-6e3jmg, 20px);
|
|
464
468
|
line-height: var(--font-heading-m-line-height-u3t54f, 24px);
|
|
465
469
|
letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
|
|
466
470
|
}
|
|
467
|
-
.
|
|
471
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-heading-l_4c84z_1r9bu_428:not(#\9) {
|
|
468
472
|
font-size: var(--font-heading-l-size-otmxys, 24px);
|
|
469
473
|
line-height: var(--font-heading-l-line-height-gev4n1, 30px);
|
|
470
474
|
letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
|
|
471
475
|
}
|
|
472
|
-
.
|
|
476
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-heading-xl_4c84z_1r9bu_433:not(#\9) {
|
|
473
477
|
font-size: var(--font-heading-xl-size-d0vjbk, 32px);
|
|
474
478
|
line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
|
|
475
479
|
letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
|
|
476
480
|
}
|
|
477
|
-
.
|
|
481
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-display-l_4c84z_1r9bu_438:not(#\9) {
|
|
478
482
|
font-size: var(--font-display-l-size-03lgcb, 48px);
|
|
479
483
|
line-height: var(--font-display-l-line-height-71tnj3, 54px);
|
|
480
484
|
letter-spacing: var(--font-display-l-letter-spacing-4ff418, -0.03em);
|
|
481
485
|
}
|
|
482
|
-
.
|
|
486
|
+
.awsui_link_4c84z_1r9bu_93.awsui_font-size-inherit_4c84z_1r9bu_443:not(#\9) {
|
|
483
487
|
font-size: inherit;
|
|
484
488
|
line-height: inherit;
|
|
485
489
|
letter-spacing: inherit;
|
|
486
490
|
}
|
|
487
491
|
|
|
488
|
-
.awsui_icon-
|
|
492
|
+
.awsui_icon-wrapper_4c84z_1r9bu_449:not(#\9) {
|
|
489
493
|
white-space: nowrap;
|
|
490
494
|
}
|
|
491
495
|
|
|
492
|
-
.
|
|
496
|
+
.awsui_icon_4c84z_1r9bu_449:not(#\9) {
|
|
493
497
|
display: inline-block;
|
|
494
498
|
}
|
package/link/styles.selectors.js
CHANGED
|
@@ -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
|
-
"link": "
|
|
6
|
-
"variant-secondary": "awsui_variant-
|
|
7
|
-
"variant-primary": "awsui_variant-
|
|
8
|
-
"variant-info": "awsui_variant-
|
|
9
|
-
"variant-value-large": "awsui_variant-value-
|
|
10
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
11
|
-
"variant-recovery": "awsui_variant-
|
|
12
|
-
"button": "
|
|
13
|
-
"color-inverted": "awsui_color-
|
|
14
|
-
"font-size-body-s": "awsui_font-size-body-
|
|
15
|
-
"font-size-body-m": "awsui_font-size-body-
|
|
16
|
-
"font-size-heading-xs": "awsui_font-size-heading-
|
|
17
|
-
"font-size-heading-s": "awsui_font-size-heading-
|
|
18
|
-
"font-size-heading-m": "awsui_font-size-heading-
|
|
19
|
-
"font-size-heading-l": "awsui_font-size-heading-
|
|
20
|
-
"font-size-heading-xl": "awsui_font-size-heading-
|
|
21
|
-
"font-size-display-l": "awsui_font-size-display-
|
|
22
|
-
"font-size-inherit": "awsui_font-size-
|
|
23
|
-
"icon-wrapper": "awsui_icon-
|
|
24
|
-
"icon": "
|
|
5
|
+
"link": "awsui_link_4c84z_1r9bu_93",
|
|
6
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_1r9bu_138",
|
|
7
|
+
"variant-primary": "awsui_variant-primary_4c84z_1r9bu_173",
|
|
8
|
+
"variant-info": "awsui_variant-info_4c84z_1r9bu_208",
|
|
9
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_1r9bu_245",
|
|
10
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_1r9bu_279",
|
|
11
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_1r9bu_314",
|
|
12
|
+
"button": "awsui_button_4c84z_1r9bu_349",
|
|
13
|
+
"color-inverted": "awsui_color-inverted_4c84z_1r9bu_386",
|
|
14
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_1r9bu_405",
|
|
15
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_1r9bu_410",
|
|
16
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1r9bu_414",
|
|
17
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_1r9bu_418",
|
|
18
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_1r9bu_423",
|
|
19
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_1r9bu_428",
|
|
20
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1r9bu_433",
|
|
21
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_1r9bu_438",
|
|
22
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_1r9bu_443",
|
|
23
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_1r9bu_449",
|
|
24
|
+
"icon": "awsui_icon_4c84z_1r9bu_449"
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -35,6 +35,10 @@ export interface MultiselectProps extends BaseSelectProps {
|
|
|
35
35
|
* The event `detail` contains the current `selectedOptions`.
|
|
36
36
|
*/
|
|
37
37
|
onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;
|
|
38
|
+
/**
|
|
39
|
+
* Automatically focuses the trigger when component is mounted.
|
|
40
|
+
*/
|
|
41
|
+
autoFocus?: boolean;
|
|
38
42
|
}
|
|
39
43
|
export declare namespace MultiselectProps {
|
|
40
44
|
type Option = OptionDefinition;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;;OAGG;IACH,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;;OAGG;IACH,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC1D,KAAY,yBAAyB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnE,UAAiB,WAAW;QAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IAED,UAAiB,uBAAuB;QACtC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;KACxC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nimport { BaseSelectProps } from '../select/interfaces';\n\nexport interface MultiselectProps extends BaseSelectProps {\n /**\n * Specifies the currently selected options.\n * Provide an empty array to clear the selection.\n */\n selectedOptions: ReadonlyArray<MultiselectProps.Option>;\n /**\n * Determines whether the dropdown list stays open after the user selects an item.\n */\n keepOpen?: boolean;\n /**\n * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n */\n tokenLimit?: number;\n /**\n * Hides the tokens displayed underneath the component.\n * Only use this if the selected options are displayed elsewhere on the page.\n */\n hideTokens?: boolean;\n /**\n * Specifies an `aria-label` for the token deselection button.\n */\n deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n /**\n * An object containing all the localized strings required by the component.\n * Note that the string for `tokenLimitShowMore` should not contain the number of hidden tokens\n * because it will be added by the component automatically.\n */\n i18nStrings?: MultiselectProps.I18nStrings;\n /**\n * Called when the user selects or deselects an option.\n * The event `detail` contains the current `selectedOptions`.\n */\n onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;\n}\n\nexport namespace MultiselectProps {\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n export type DeselectAriaLabelFunction = (option: Option) => string;\n\n export interface I18nStrings {\n tokenLimitShowFewer?: string;\n tokenLimitShowMore?: string;\n }\n\n export interface MultiselectChangeDetail {\n selectedOptions: ReadonlyArray<Option>;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nimport { BaseSelectProps } from '../select/interfaces';\n\nexport interface MultiselectProps extends BaseSelectProps {\n /**\n * Specifies the currently selected options.\n * Provide an empty array to clear the selection.\n */\n selectedOptions: ReadonlyArray<MultiselectProps.Option>;\n /**\n * Determines whether the dropdown list stays open after the user selects an item.\n */\n keepOpen?: boolean;\n /**\n * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n */\n tokenLimit?: number;\n /**\n * Hides the tokens displayed underneath the component.\n * Only use this if the selected options are displayed elsewhere on the page.\n */\n hideTokens?: boolean;\n /**\n * Specifies an `aria-label` for the token deselection button.\n */\n deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n /**\n * An object containing all the localized strings required by the component.\n * Note that the string for `tokenLimitShowMore` should not contain the number of hidden tokens\n * because it will be added by the component automatically.\n */\n i18nStrings?: MultiselectProps.I18nStrings;\n /**\n * Called when the user selects or deselects an option.\n * The event `detail` contains the current `selectedOptions`.\n */\n onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n}\n\nexport namespace MultiselectProps {\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n export type DeselectAriaLabelFunction = (option: Option) => string;\n\n export interface I18nStrings {\n tokenLimitShowFewer?: string;\n tokenLimitShowMore?: string;\n }\n\n export interface MultiselectChangeDetail {\n selectedOptions: ReadonlyArray<Option>;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/multiselect/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AA0B3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOhD,QAAA,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/multiselect/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AA0B3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOhD,QAAA,MAAM,mBAAmB,4HAgRxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
package/multiselect/internal.js
CHANGED
|
@@ -29,7 +29,7 @@ import ScreenreaderOnly from '../internal/components/screenreader-only';
|
|
|
29
29
|
import { joinStrings } from '../internal/utils/strings';
|
|
30
30
|
var InternalMultiselect = React.forwardRef(function (_a, externalRef) {
|
|
31
31
|
var _b;
|
|
32
|
-
var _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.filteringType, filteringType = _d === void 0 ? 'none' : _d, filteringPlaceholder = _a.filteringPlaceholder, filteringAriaLabel = _a.filteringAriaLabel, ariaRequired = _a.ariaRequired, placeholder = _a.placeholder, disabled = _a.disabled, ariaLabel = _a.ariaLabel, _e = _a.statusType, statusType = _e === void 0 ? 'finished' : _e, empty = _a.empty, loadingText = _a.loadingText, finishedText = _a.finishedText, errorText = _a.errorText, recoveryText = _a.recoveryText, noMatch = _a.noMatch, selectedAriaLabel = _a.selectedAriaLabel, renderHighlightedAriaLive = _a.renderHighlightedAriaLive, _f = _a.selectedOptions, selectedOptions = _f === void 0 ? [] : _f, deselectAriaLabel = _a.deselectAriaLabel, _g = _a.keepOpen, keepOpen = _g === void 0 ? true : _g, tokenLimit = _a.tokenLimit, i18nStrings = _a.i18nStrings, onBlur = _a.onBlur, onFocus = _a.onFocus, onLoadItems = _a.onLoadItems, onChange = _a.onChange, virtualScroll = _a.virtualScroll, _h = _a.hideTokens, hideTokens = _h === void 0 ? false : _h, expandToViewport = _a.expandToViewport, _j = _a.__internalRootRef, __internalRootRef = _j === void 0 ? null : _j, restProps = __rest(_a, ["options", "filteringType", "filteringPlaceholder", "filteringAriaLabel", "ariaRequired", "placeholder", "disabled", "ariaLabel", "statusType", "empty", "loadingText", "finishedText", "errorText", "recoveryText", "noMatch", "selectedAriaLabel", "renderHighlightedAriaLive", "selectedOptions", "deselectAriaLabel", "keepOpen", "tokenLimit", "i18nStrings", "onBlur", "onFocus", "onLoadItems", "onChange", "virtualScroll", "hideTokens", "expandToViewport", "__internalRootRef"]);
|
|
32
|
+
var _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.filteringType, filteringType = _d === void 0 ? 'none' : _d, filteringPlaceholder = _a.filteringPlaceholder, filteringAriaLabel = _a.filteringAriaLabel, ariaRequired = _a.ariaRequired, placeholder = _a.placeholder, disabled = _a.disabled, ariaLabel = _a.ariaLabel, _e = _a.statusType, statusType = _e === void 0 ? 'finished' : _e, empty = _a.empty, loadingText = _a.loadingText, finishedText = _a.finishedText, errorText = _a.errorText, recoveryText = _a.recoveryText, noMatch = _a.noMatch, selectedAriaLabel = _a.selectedAriaLabel, renderHighlightedAriaLive = _a.renderHighlightedAriaLive, _f = _a.selectedOptions, selectedOptions = _f === void 0 ? [] : _f, deselectAriaLabel = _a.deselectAriaLabel, _g = _a.keepOpen, keepOpen = _g === void 0 ? true : _g, tokenLimit = _a.tokenLimit, i18nStrings = _a.i18nStrings, onBlur = _a.onBlur, onFocus = _a.onFocus, onLoadItems = _a.onLoadItems, onChange = _a.onChange, virtualScroll = _a.virtualScroll, _h = _a.hideTokens, hideTokens = _h === void 0 ? false : _h, expandToViewport = _a.expandToViewport, _j = _a.__internalRootRef, __internalRootRef = _j === void 0 ? null : _j, autoFocus = _a.autoFocus, restProps = __rest(_a, ["options", "filteringType", "filteringPlaceholder", "filteringAriaLabel", "ariaRequired", "placeholder", "disabled", "ariaLabel", "statusType", "empty", "loadingText", "finishedText", "errorText", "recoveryText", "noMatch", "selectedAriaLabel", "renderHighlightedAriaLive", "selectedOptions", "deselectAriaLabel", "keepOpen", "tokenLimit", "i18nStrings", "onBlur", "onFocus", "onLoadItems", "onChange", "virtualScroll", "hideTokens", "expandToViewport", "__internalRootRef", "autoFocus"]);
|
|
33
33
|
checkOptionValueField('Multiselect', 'options', options);
|
|
34
34
|
var baseProps = getBaseProps(restProps);
|
|
35
35
|
var formFieldContext = useFormFieldContext(restProps);
|
|
@@ -116,7 +116,7 @@ var InternalMultiselect = React.forwardRef(function (_a, externalRef) {
|
|
|
116
116
|
onRecoveryClick: handleRecoveryClick
|
|
117
117
|
});
|
|
118
118
|
var filter = (React.createElement(Filter, __assign({ filteringType: filteringType, placeholder: filteringPlaceholder, ariaLabel: filteringAriaLabel, ariaRequired: ariaRequired, value: filteringValue }, getFilterProps())));
|
|
119
|
-
var trigger = (React.createElement(Trigger, __assign({ placeholder: placeholder, disabled: disabled, triggerProps: getTriggerProps(disabled), selectedOption: null, isOpen: isOpen }, formFieldContext, { controlId: controlId, ariaLabelledby: joinStrings(formFieldContext.ariaLabelledby, multiSelectAriaLabelId) })));
|
|
119
|
+
var trigger = (React.createElement(Trigger, __assign({ placeholder: placeholder, disabled: disabled, triggerProps: getTriggerProps(disabled, autoFocus), selectedOption: null, isOpen: isOpen }, formFieldContext, { controlId: controlId, ariaLabelledby: joinStrings(formFieldContext.ariaLabelledby, multiSelectAriaLabelId) })));
|
|
120
120
|
var menuProps = __assign(__assign({}, getMenuProps()), { onLoadMore: handleLoadMore, ariaLabelledby: joinStrings(multiSelectAriaLabelId, controlId) });
|
|
121
121
|
var announcement = useAnnouncement({
|
|
122
122
|
announceSelected: announceSelected,
|