@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.
Files changed (93) hide show
  1. package/box/styles.css.js +189 -189
  2. package/box/styles.scoped.css +239 -233
  3. package/box/styles.selectors.js +189 -189
  4. package/button/styles.css.js +18 -18
  5. package/button/styles.scoped.css +140 -138
  6. package/button/styles.selectors.js +18 -18
  7. package/cards/styles.css.js +37 -37
  8. package/cards/styles.scoped.css +46 -44
  9. package/cards/styles.selectors.js +37 -37
  10. package/expandable-section/styles.css.js +21 -21
  11. package/expandable-section/styles.scoped.css +44 -42
  12. package/expandable-section/styles.selectors.js +21 -21
  13. package/header/internal.d.ts.map +1 -1
  14. package/header/internal.js +1 -1
  15. package/header/internal.js.map +1 -1
  16. package/header/styles.css.js +44 -40
  17. package/header/styles.scoped.css +74 -52
  18. package/header/styles.selectors.js +44 -40
  19. package/help-panel/styles.css.js +4 -4
  20. package/help-panel/styles.scoped.css +72 -58
  21. package/help-panel/styles.selectors.js +4 -4
  22. package/internal/base-component/styles.scoped.css +2 -0
  23. package/internal/components/button-trigger/index.d.ts +1 -0
  24. package/internal/components/button-trigger/index.d.ts.map +1 -1
  25. package/internal/components/button-trigger/index.js +2 -2
  26. package/internal/components/button-trigger/index.js.map +1 -1
  27. package/internal/components/menu-dropdown/styles.css.js +7 -7
  28. package/internal/components/menu-dropdown/styles.scoped.css +16 -14
  29. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  30. package/internal/environment.js +1 -1
  31. package/internal/generated/theming/index.cjs +6 -0
  32. package/internal/generated/theming/index.js +6 -0
  33. package/internal/manifest.json +1 -1
  34. package/link/styles.css.js +20 -20
  35. package/link/styles.scoped.css +75 -71
  36. package/link/styles.selectors.js +20 -20
  37. package/multiselect/interfaces.d.ts +4 -0
  38. package/multiselect/interfaces.d.ts.map +1 -1
  39. package/multiselect/interfaces.js.map +1 -1
  40. package/multiselect/internal.d.ts.map +1 -1
  41. package/multiselect/internal.js +2 -2
  42. package/multiselect/internal.js.map +1 -1
  43. package/package.json +1 -1
  44. package/pagination/styles.css.js +9 -9
  45. package/pagination/styles.scoped.css +25 -23
  46. package/pagination/styles.selectors.js +9 -9
  47. package/pie-chart/styles.css.js +27 -27
  48. package/pie-chart/styles.scoped.css +45 -43
  49. package/pie-chart/styles.selectors.js +27 -27
  50. package/popover/styles.css.js +50 -50
  51. package/popover/styles.scoped.css +67 -63
  52. package/popover/styles.selectors.js +50 -50
  53. package/progress-bar/styles.css.js +18 -18
  54. package/progress-bar/styles.scoped.css +34 -32
  55. package/progress-bar/styles.selectors.js +18 -18
  56. package/segmented-control/styles.css.js +14 -14
  57. package/segmented-control/styles.scoped.css +37 -35
  58. package/segmented-control/styles.selectors.js +14 -14
  59. package/select/interfaces.d.ts +4 -0
  60. package/select/interfaces.d.ts.map +1 -1
  61. package/select/interfaces.js.map +1 -1
  62. package/select/internal.d.ts +1 -1
  63. package/select/internal.d.ts.map +1 -1
  64. package/select/internal.js +2 -2
  65. package/select/internal.js.map +1 -1
  66. package/select/utils/use-select.d.ts +2 -1
  67. package/select/utils/use-select.d.ts.map +1 -1
  68. package/select/utils/use-select.js +4 -2
  69. package/select/utils/use-select.js.map +1 -1
  70. package/side-navigation/styles.css.js +22 -22
  71. package/side-navigation/styles.scoped.css +36 -32
  72. package/side-navigation/styles.selectors.js +22 -22
  73. package/split-panel/styles.css.js +59 -59
  74. package/split-panel/styles.scoped.css +83 -81
  75. package/split-panel/styles.selectors.js +59 -59
  76. package/table/header-cell/styles.css.js +18 -18
  77. package/table/header-cell/styles.scoped.css +32 -30
  78. package/table/header-cell/styles.selectors.js +18 -18
  79. package/tabs/styles.css.js +21 -21
  80. package/tabs/styles.scoped.css +40 -38
  81. package/tabs/styles.selectors.js +21 -21
  82. package/tag-editor/styles.css.js +3 -3
  83. package/tag-editor/styles.scoped.css +12 -10
  84. package/tag-editor/styles.selectors.js +3 -3
  85. package/text-content/styles.css.js +1 -1
  86. package/text-content/styles.scoped.css +70 -60
  87. package/text-content/styles.selectors.js +1 -1
  88. package/top-navigation/1.0-beta/styles.css.js +25 -25
  89. package/top-navigation/1.0-beta/styles.scoped.css +44 -42
  90. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  91. package/top-navigation/styles.css.js +47 -47
  92. package/top-navigation/styles.scoped.css +72 -66
  93. package/top-navigation/styles.selectors.js +47 -47
@@ -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
- .awsui_link_4c84z_d1guz_93:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93:not(#\9) {
142
+ .awsui_link_4c84z_1r9bu_93:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
146
146
  }
147
- .awsui-motion-disabled .awsui_link_4c84z_d1guz_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93:not(#\9):focus {
155
+ .awsui_link_4c84z_1r9bu_93:not(#\9):focus {
156
156
  outline: none;
157
157
  }
158
- .awsui_link_4c84z_d1guz_93:not(#\9):active {
158
+ .awsui_link_4c84z_1r9bu_93:not(#\9):active {
159
159
  color: var(--color-text-link-hover-kololx, #033160);
160
160
  }
161
- .awsui_link_4c84z_d1guz_93:not(#\9):active, .awsui_link_4c84z_d1guz_93:not(#\9):focus, .awsui_link_4c84z_d1guz_93:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9) {
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 .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):focus {
192
+ .awsui_link_4c84z_1r9bu_93.awsui_variant-secondary_4c84z_1r9bu_138:not(#\9):focus {
193
193
  outline: none;
194
194
  }
195
- .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):active {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9) {
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 .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):focus {
230
+ .awsui_link_4c84z_1r9bu_93.awsui_variant-primary_4c84z_1r9bu_173:not(#\9):focus {
231
231
  outline: none;
232
232
  }
233
- .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):active {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9) {
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 .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):focus {
269
+ .awsui_link_4c84z_1r9bu_93.awsui_variant-info_4c84z_1r9bu_208:not(#\9):focus {
268
270
  outline: none;
269
271
  }
270
- .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):active {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9) {
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 .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):focus {
305
+ .awsui_link_4c84z_1r9bu_93.awsui_variant-value-large_4c84z_1r9bu_245:not(#\9):focus {
304
306
  outline: none;
305
307
  }
306
- .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):active {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9) {
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 .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):focus {
342
+ .awsui_link_4c84z_1r9bu_93.awsui_variant-top-navigation_4c84z_1r9bu_279:not(#\9):focus {
341
343
  outline: none;
342
344
  }
343
- .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):active {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9) {
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 .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):focus {
379
+ .awsui_link_4c84z_1r9bu_93.awsui_variant-recovery_4c84z_1r9bu_314:not(#\9):focus {
378
380
  outline: none;
379
381
  }
380
- .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):active {
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
- .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9) {
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 .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):focus {
418
+ .awsui_link_4c84z_1r9bu_93.awsui_button_4c84z_1r9bu_349:not(#\9):focus {
415
419
  outline: none;
416
420
  }
417
- .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):active {
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
- .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93.awsui_color-inverted_4c84z_d1guz_382:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_color-inverted_4c84z_d1guz_382:not(#\9):not(.awsui_button_4c84z_d1guz_347) {
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
- .awsui_link_4c84z_d1guz_93.awsui_color-inverted_4c84z_d1guz_382:not(#\9):hover {
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
- .awsui_link_4c84z_d1guz_93[data-awsui-focus-visible=true]:not(#\9):focus {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-body-s_4c84z_d1guz_401:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-body-m_4c84z_d1guz_406:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-heading-xs_4c84z_d1guz_410:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-heading-s_4c84z_d1guz_414:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-heading-m_4c84z_d1guz_419:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-heading-l_4c84z_d1guz_424:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-heading-xl_4c84z_d1guz_429:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-display-l_4c84z_d1guz_434:not(#\9) {
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
- .awsui_link_4c84z_d1guz_93.awsui_font-size-inherit_4c84z_d1guz_439:not(#\9) {
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-wrapper_4c84z_d1guz_445:not(#\9) {
492
+ .awsui_icon-wrapper_4c84z_1r9bu_449:not(#\9) {
489
493
  white-space: nowrap;
490
494
  }
491
495
 
492
- .awsui_icon_4c84z_d1guz_445:not(#\9) {
496
+ .awsui_icon_4c84z_1r9bu_449:not(#\9) {
493
497
  display: inline-block;
494
498
  }
@@ -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": "awsui_link_4c84z_d1guz_93",
6
- "variant-secondary": "awsui_variant-secondary_4c84z_d1guz_138",
7
- "variant-primary": "awsui_variant-primary_4c84z_d1guz_173",
8
- "variant-info": "awsui_variant-info_4c84z_d1guz_208",
9
- "variant-value-large": "awsui_variant-value-large_4c84z_d1guz_243",
10
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_d1guz_277",
11
- "variant-recovery": "awsui_variant-recovery_4c84z_d1guz_312",
12
- "button": "awsui_button_4c84z_d1guz_347",
13
- "color-inverted": "awsui_color-inverted_4c84z_d1guz_382",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_d1guz_401",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_d1guz_406",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_d1guz_410",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_d1guz_414",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_d1guz_419",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_d1guz_424",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_d1guz_429",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_d1guz_434",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_d1guz_439",
23
- "icon-wrapper": "awsui_icon-wrapper_4c84z_d1guz_445",
24
- "icon": "awsui_icon_4c84z_d1guz_445"
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;CAChF;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
+ {"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,4HA+QxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
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"}
@@ -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,