@cloudscape-design/components 3.0.1298 → 3.0.1300
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/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +29 -28
- package/attribute-editor/styles.selectors.js +15 -15
- package/autosuggest/interfaces.d.ts +0 -2
- package/autosuggest/interfaces.d.ts.map +1 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +30 -29
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.css.js +14 -14
- package/breadcrumb-group/styles.scoped.css +25 -25
- package/breadcrumb-group/styles.selectors.js +14 -14
- package/button-dropdown/category-elements/category-element.js +1 -1
- package/button-dropdown/category-elements/category-element.js.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/item-element/index.js +1 -1
- package/button-dropdown/item-element/index.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +21 -21
- package/button-dropdown/item-element/styles.scoped.css +38 -37
- package/button-dropdown/item-element/styles.selectors.js +21 -21
- package/copy-to-clipboard/index.d.ts +1 -0
- package/copy-to-clipboard/index.d.ts.map +1 -1
- package/copy-to-clipboard/index.js +2 -2
- package/copy-to-clipboard/index.js.map +1 -1
- package/copy-to-clipboard/interfaces.d.ts +5 -0
- package/copy-to-clipboard/interfaces.d.ts.map +1 -1
- package/copy-to-clipboard/interfaces.js.map +1 -1
- package/copy-to-clipboard/internal.d.ts +1 -0
- package/copy-to-clipboard/internal.d.ts.map +1 -1
- package/copy-to-clipboard/internal.js +3 -3
- package/copy-to-clipboard/internal.js.map +1 -1
- package/copy-to-clipboard/styles.css.js +5 -3
- package/copy-to-clipboard/styles.scoped.css +18 -3
- package/copy-to-clipboard/styles.selectors.js +5 -3
- package/drawer/implementation.d.ts +3 -3
- package/drawer/implementation.d.ts.map +1 -1
- package/drawer/implementation.js +3 -2
- package/drawer/implementation.js.map +1 -1
- package/drawer/index.d.ts +2 -10
- package/drawer/index.d.ts.map +1 -1
- package/drawer/index.js +21 -9
- package/drawer/index.js.map +1 -1
- package/drawer/interfaces.d.ts +45 -18
- package/drawer/interfaces.d.ts.map +1 -1
- package/drawer/interfaces.js.map +1 -1
- package/drawer/styles.css.js +29 -25
- package/drawer/styles.scoped.css +43 -34
- package/drawer/styles.selectors.js +29 -25
- package/drawer/utils.d.ts +2 -2
- package/drawer/utils.d.ts.map +1 -1
- package/drawer/utils.js +6 -5
- package/drawer/utils.js.map +1 -1
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +41 -41
- package/form-field/styles.selectors.js +24 -24
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +73 -71
- package/help-panel/styles.selectors.js +6 -6
- package/internal/base-component/styles.scoped.css +31 -13
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +24 -23
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +25 -12
- package/internal/generated/styles/tokens.js +25 -12
- package/internal/generated/theming/index.cjs +196 -58
- package/internal/generated/theming/index.cjs.d.ts +234 -99
- package/internal/generated/theming/index.d.ts +234 -99
- package/internal/generated/theming/index.js +196 -58
- package/internal/manifest.json +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +13 -12
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/internal.js +1 -1
- package/link/internal.js.map +1 -1
- package/link/styles.css.js +21 -21
- package/link/styles.scoped.css +94 -84
- package/link/styles.selectors.js +21 -21
- package/manifest.json +5 -0
- package/multiselect/interfaces.d.ts +0 -2
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/package.json +1 -1
- package/pagination/index.d.ts.map +1 -1
- package/pagination/index.js +4 -1
- package/pagination/index.js.map +1 -1
- package/prompt-input/interfaces.d.ts +0 -2
- package/prompt-input/interfaces.d.ts.map +1 -1
- package/prompt-input/interfaces.js.map +1 -1
- package/select/interfaces.d.ts +0 -2
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/status-indicator/internal.js +1 -1
- package/status-indicator/internal.js.map +1 -1
- package/table/body-cell/td-element.js +1 -1
- package/table/body-cell/td-element.js.map +1 -1
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +12 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/drawer/index.d.ts +2 -0
- package/test-utils/dom/drawer/index.js +6 -0
- package/test-utils/dom/drawer/index.js.map +1 -1
- package/test-utils/selectors/drawer/index.d.ts +2 -0
- package/test-utils/selectors/drawer/index.js +6 -0
- package/test-utils/selectors/drawer/index.js.map +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +68 -66
- package/text-content/styles.selectors.js +1 -1
- package/tooltip/index.d.ts +0 -3
- package/tooltip/index.d.ts.map +1 -1
- package/tooltip/index.js +0 -3
- package/tooltip/index.js.map +1 -1
- package/wizard/interfaces.d.ts +0 -2
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
- package/drawer/next.d.ts +0 -5
- package/drawer/next.d.ts.map +0 -1
- package/drawer/next.js +0 -38
- package/drawer/next.js.map +0 -1
package/link/styles.scoped.css
CHANGED
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.
|
|
145
|
+
.awsui_link_4c84z_1crek_145:not(#\9) {
|
|
146
146
|
border-collapse: separate;
|
|
147
147
|
border-spacing: 0;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -176,7 +176,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
176
176
|
white-space: inherit;
|
|
177
177
|
--awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
|
|
178
178
|
text-underline-offset: 0.25em;
|
|
179
|
-
text-decoration-thickness: 1px;
|
|
179
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
180
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
180
181
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
|
|
181
182
|
font-weight: inherit;
|
|
182
183
|
letter-spacing: normal;
|
|
@@ -188,30 +189,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
189
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
189
190
|
}
|
|
190
191
|
@media (prefers-reduced-motion: reduce) {
|
|
191
|
-
.
|
|
192
|
+
.awsui_link_4c84z_1crek_145:not(#\9) {
|
|
192
193
|
animation: none;
|
|
193
194
|
transition: none;
|
|
194
195
|
}
|
|
195
196
|
}
|
|
196
|
-
.awsui-motion-disabled .
|
|
197
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145:not(#\9) {
|
|
197
198
|
animation: none;
|
|
198
199
|
transition: none;
|
|
199
200
|
}
|
|
200
|
-
.
|
|
201
|
+
.awsui_link_4c84z_1crek_145:not(#\9):hover {
|
|
201
202
|
cursor: pointer;
|
|
202
203
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
|
|
203
204
|
}
|
|
204
|
-
.
|
|
205
|
+
.awsui_link_4c84z_1crek_145:not(#\9):focus {
|
|
205
206
|
outline: none;
|
|
206
207
|
}
|
|
207
|
-
.
|
|
208
|
+
.awsui_link_4c84z_1crek_145:not(#\9):active {
|
|
208
209
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
|
|
209
210
|
}
|
|
210
|
-
.
|
|
211
|
+
.awsui_link_4c84z_1crek_145:not(#\9):active, .awsui_link_4c84z_1crek_145:not(#\9):focus, .awsui_link_4c84z_1crek_145:not(#\9):hover {
|
|
211
212
|
text-decoration-line: underline;
|
|
212
213
|
text-decoration-color: currentColor;
|
|
213
214
|
}
|
|
214
|
-
.
|
|
215
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9) {
|
|
215
216
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
|
|
216
217
|
font-weight: var(--font-link-button-weight-vslyg9, 700);
|
|
217
218
|
letter-spacing: var(--font-link-button-letter-spacing-imtxwq, 0.005em);
|
|
@@ -223,30 +224,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
223
224
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
224
225
|
}
|
|
225
226
|
@media (prefers-reduced-motion: reduce) {
|
|
226
|
-
.
|
|
227
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9) {
|
|
227
228
|
animation: none;
|
|
228
229
|
transition: none;
|
|
229
230
|
}
|
|
230
231
|
}
|
|
231
|
-
.awsui-motion-disabled .
|
|
232
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9) {
|
|
232
233
|
animation: none;
|
|
233
234
|
transition: none;
|
|
234
235
|
}
|
|
235
|
-
.
|
|
236
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):hover {
|
|
236
237
|
cursor: pointer;
|
|
237
238
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
238
239
|
}
|
|
239
|
-
.
|
|
240
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):focus {
|
|
240
241
|
outline: none;
|
|
241
242
|
}
|
|
242
|
-
.
|
|
243
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):active {
|
|
243
244
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
244
245
|
}
|
|
245
|
-
.
|
|
246
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-recovery_4c84z_1crek_213:not(#\9):hover {
|
|
246
247
|
text-decoration-line: underline;
|
|
247
248
|
text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
|
|
248
249
|
}
|
|
249
|
-
.
|
|
250
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9) {
|
|
250
251
|
-webkit-font-smoothing: inherit;
|
|
251
252
|
-moz-osx-font-smoothing: inherit;
|
|
252
253
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
|
|
@@ -260,65 +261,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
260
261
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
261
262
|
}
|
|
262
263
|
@media (prefers-reduced-motion: reduce) {
|
|
263
|
-
.
|
|
264
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9) {
|
|
264
265
|
animation: none;
|
|
265
266
|
transition: none;
|
|
266
267
|
}
|
|
267
268
|
}
|
|
268
|
-
.awsui-motion-disabled .
|
|
269
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9) {
|
|
269
270
|
animation: none;
|
|
270
271
|
transition: none;
|
|
271
272
|
}
|
|
272
|
-
.
|
|
273
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):hover {
|
|
273
274
|
cursor: pointer;
|
|
274
275
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
|
|
275
276
|
}
|
|
276
|
-
.
|
|
277
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):focus {
|
|
277
278
|
outline: none;
|
|
278
279
|
}
|
|
279
|
-
.
|
|
280
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):active {
|
|
280
281
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
|
|
281
282
|
}
|
|
282
|
-
.
|
|
283
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-secondary_4c84z_1crek_246:not(#\9):hover {
|
|
283
284
|
text-decoration-line: underline;
|
|
284
285
|
text-decoration-color: currentColor;
|
|
285
286
|
}
|
|
286
|
-
.
|
|
287
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9) {
|
|
287
288
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
|
|
288
289
|
font-weight: inherit;
|
|
289
290
|
letter-spacing: normal;
|
|
290
291
|
text-decoration-line: underline;
|
|
291
|
-
text-decoration-color: currentColor;
|
|
292
|
+
text-decoration-color: var(--color-text-link-decoration-default-0x8fhu, currentColor);
|
|
292
293
|
transition-property: color, -webkit-text-decoration;
|
|
293
294
|
transition-property: color, text-decoration;
|
|
294
295
|
transition-property: color, text-decoration, -webkit-text-decoration;
|
|
295
296
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
296
297
|
}
|
|
297
298
|
@media (prefers-reduced-motion: reduce) {
|
|
298
|
-
.
|
|
299
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9) {
|
|
299
300
|
animation: none;
|
|
300
301
|
transition: none;
|
|
301
302
|
}
|
|
302
303
|
}
|
|
303
|
-
.awsui-motion-disabled .
|
|
304
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9) {
|
|
304
305
|
animation: none;
|
|
305
306
|
transition: none;
|
|
306
307
|
}
|
|
307
|
-
.
|
|
308
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):hover {
|
|
308
309
|
cursor: pointer;
|
|
309
310
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
310
311
|
}
|
|
311
|
-
.
|
|
312
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):focus {
|
|
312
313
|
outline: none;
|
|
313
314
|
}
|
|
314
|
-
.
|
|
315
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):active {
|
|
315
316
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
316
317
|
}
|
|
317
|
-
.
|
|
318
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-primary_4c84z_1crek_281:not(#\9):hover {
|
|
318
319
|
text-decoration-line: underline;
|
|
319
|
-
text-decoration-color: currentColor;
|
|
320
|
+
text-decoration-color: var(--color-text-link-decoration-hover-kui2t9, currentColor);
|
|
320
321
|
}
|
|
321
|
-
.
|
|
322
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9) {
|
|
322
323
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
323
324
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
324
325
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-info-default-mrmt1i, #006ce0));
|
|
@@ -332,30 +333,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
332
333
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
333
334
|
}
|
|
334
335
|
@media (prefers-reduced-motion: reduce) {
|
|
335
|
-
.
|
|
336
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9) {
|
|
336
337
|
animation: none;
|
|
337
338
|
transition: none;
|
|
338
339
|
}
|
|
339
340
|
}
|
|
340
|
-
.awsui-motion-disabled .
|
|
341
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9) {
|
|
341
342
|
animation: none;
|
|
342
343
|
transition: none;
|
|
343
344
|
}
|
|
344
|
-
.
|
|
345
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):hover {
|
|
345
346
|
cursor: pointer;
|
|
346
347
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-info-hover-mu3ega, #002b66));
|
|
347
348
|
}
|
|
348
|
-
.
|
|
349
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):focus {
|
|
349
350
|
outline: none;
|
|
350
351
|
}
|
|
351
|
-
.
|
|
352
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):active {
|
|
352
353
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-info-hover-mu3ega, #002b66));
|
|
353
354
|
}
|
|
354
|
-
.
|
|
355
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-info_4c84z_1crek_314:not(#\9):hover {
|
|
355
356
|
text-decoration-line: underline;
|
|
356
357
|
text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
|
|
357
358
|
}
|
|
358
|
-
.
|
|
359
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9) {
|
|
359
360
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
|
|
360
361
|
font-weight: var(--font-weight-display-l-h5zsi8, 700);
|
|
361
362
|
text-decoration-line: underline;
|
|
@@ -366,30 +367,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
366
367
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
367
368
|
}
|
|
368
369
|
@media (prefers-reduced-motion: reduce) {
|
|
369
|
-
.
|
|
370
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9) {
|
|
370
371
|
animation: none;
|
|
371
372
|
transition: none;
|
|
372
373
|
}
|
|
373
374
|
}
|
|
374
|
-
.awsui-motion-disabled .
|
|
375
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9) {
|
|
375
376
|
animation: none;
|
|
376
377
|
transition: none;
|
|
377
378
|
}
|
|
378
|
-
.
|
|
379
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):hover {
|
|
379
380
|
cursor: pointer;
|
|
380
381
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
381
382
|
}
|
|
382
|
-
.
|
|
383
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):focus {
|
|
383
384
|
outline: none;
|
|
384
385
|
}
|
|
385
|
-
.
|
|
386
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):active {
|
|
386
387
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
387
388
|
}
|
|
388
|
-
.
|
|
389
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-value-large_4c84z_1crek_349:not(#\9):hover {
|
|
389
390
|
text-decoration-line: underline;
|
|
390
391
|
text-decoration-color: currentColor;
|
|
391
392
|
}
|
|
392
|
-
.
|
|
393
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9) {
|
|
393
394
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
394
395
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
395
396
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-interactive-default-ugh9wp, #424650));
|
|
@@ -403,30 +404,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
403
404
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
404
405
|
}
|
|
405
406
|
@media (prefers-reduced-motion: reduce) {
|
|
406
|
-
.
|
|
407
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9) {
|
|
407
408
|
animation: none;
|
|
408
409
|
transition: none;
|
|
409
410
|
}
|
|
410
411
|
}
|
|
411
|
-
.awsui-motion-disabled .
|
|
412
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9) {
|
|
412
413
|
animation: none;
|
|
413
414
|
transition: none;
|
|
414
415
|
}
|
|
415
|
-
.
|
|
416
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):hover {
|
|
416
417
|
cursor: pointer;
|
|
417
418
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-interactive-hover-6naf7i, #0f141a));
|
|
418
419
|
}
|
|
419
|
-
.
|
|
420
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):focus {
|
|
420
421
|
outline: none;
|
|
421
422
|
}
|
|
422
|
-
.
|
|
423
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):active {
|
|
423
424
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-interactive-active-uoe6zi, #0f141a));
|
|
424
425
|
}
|
|
425
|
-
.
|
|
426
|
+
.awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_variant-top-navigation_4c84z_1crek_381:not(#\9):hover {
|
|
426
427
|
text-decoration-line: underline;
|
|
427
428
|
text-decoration-color: transparent;
|
|
428
429
|
}
|
|
429
|
-
.
|
|
430
|
+
.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9) {
|
|
430
431
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
431
432
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
432
433
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-button-normal-default-srprth, #006ce0));
|
|
@@ -440,40 +441,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
440
441
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
441
442
|
}
|
|
442
443
|
@media (prefers-reduced-motion: reduce) {
|
|
443
|
-
.
|
|
444
|
+
.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9) {
|
|
444
445
|
animation: none;
|
|
445
446
|
transition: none;
|
|
446
447
|
}
|
|
447
448
|
}
|
|
448
|
-
.awsui-motion-disabled .
|
|
449
|
+
.awsui-motion-disabled .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9) {
|
|
449
450
|
animation: none;
|
|
450
451
|
transition: none;
|
|
451
452
|
}
|
|
452
|
-
.
|
|
453
|
+
.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):hover {
|
|
453
454
|
cursor: pointer;
|
|
454
455
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-button-normal-hover-jrnyw3, #002b66));
|
|
455
456
|
}
|
|
456
|
-
.
|
|
457
|
+
.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):focus {
|
|
457
458
|
outline: none;
|
|
458
459
|
}
|
|
459
|
-
.
|
|
460
|
+
.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):active {
|
|
460
461
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-button-normal-active-js9ryu, #002b66));
|
|
461
462
|
}
|
|
462
|
-
.
|
|
463
|
+
.awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):active, .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):focus, .awsui_link_4c84z_1crek_145.awsui_button_4c84z_1crek_416:not(#\9):hover {
|
|
463
464
|
text-decoration-line: underline;
|
|
464
465
|
text-decoration-color: transparent;
|
|
465
466
|
}
|
|
466
|
-
.
|
|
467
|
+
.awsui_link_4c84z_1crek_145.awsui_color-inverted_4c84z_1crek_451:not(#\9) {
|
|
467
468
|
color: var(--color-text-notification-default-1iey72, #f9f9fa);
|
|
468
469
|
}
|
|
469
|
-
.
|
|
470
|
+
.awsui_link_4c84z_1crek_145.awsui_color-inverted_4c84z_1crek_451:not(#\9):not(.awsui_button_4c84z_1crek_416) {
|
|
470
471
|
text-decoration-line: underline;
|
|
471
472
|
text-decoration-color: currentColor;
|
|
472
473
|
}
|
|
473
|
-
.
|
|
474
|
+
.awsui_link_4c84z_1crek_145.awsui_color-inverted_4c84z_1crek_451:not(#\9):hover {
|
|
474
475
|
color: var(--color-text-link-inverted-hover-ocd3u3, #ffffff);
|
|
475
476
|
}
|
|
476
|
-
body[data-awsui-focus-visible=true] .
|
|
477
|
+
body[data-awsui-focus-visible=true] .awsui_link_4c84z_1crek_145:not(#\9):focus {
|
|
477
478
|
outline: thin dotted;
|
|
478
479
|
outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
|
|
479
480
|
outline-offset: 2px;
|
|
@@ -484,76 +485,85 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_erl74_145:not(#\9):focus {
|
|
|
484
485
|
border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
485
486
|
box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
|
|
486
487
|
}
|
|
487
|
-
.
|
|
488
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-body-s_4c84z_1crek_472:not(#\9) {
|
|
488
489
|
font-size: var(--font-size-body-s-smc8cv, 12px);
|
|
489
490
|
line-height: var(--line-height-body-s-nu5hx1, 16px);
|
|
490
491
|
letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
|
|
491
492
|
text-underline-offset: 0.3em;
|
|
492
|
-
text-decoration-thickness: 1px;
|
|
493
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
494
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
493
495
|
}
|
|
494
|
-
.
|
|
496
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-body-m_4c84z_1crek_480:not(#\9) {
|
|
495
497
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
496
498
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
497
499
|
text-underline-offset: 0.25em;
|
|
498
|
-
text-decoration-thickness: 1px;
|
|
500
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
501
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
499
502
|
}
|
|
500
|
-
.
|
|
503
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-heading-xs_4c84z_1crek_487:not(#\9) {
|
|
501
504
|
font-size: var(--font-size-heading-xs-j8yzxv, 14px);
|
|
502
505
|
line-height: var(--line-height-heading-xs-q9j004, 18px);
|
|
503
506
|
letter-spacing: var(--letter-spacing-heading-xs-fgog7a, normal);
|
|
504
507
|
text-underline-offset: 0.25em;
|
|
505
|
-
text-decoration-thickness: 1px;
|
|
508
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
509
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
506
510
|
}
|
|
507
|
-
.
|
|
511
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-heading-s_4c84z_1crek_495:not(#\9) {
|
|
508
512
|
font-size: var(--font-size-heading-s-zp08en, 16px);
|
|
509
513
|
line-height: var(--line-height-heading-s-hmi4vc, 20px);
|
|
510
514
|
letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
|
|
511
515
|
text-underline-offset: 0.3em;
|
|
512
|
-
text-decoration-thickness: 1px;
|
|
516
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
517
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
513
518
|
}
|
|
514
|
-
.
|
|
519
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-heading-m_4c84z_1crek_503:not(#\9) {
|
|
515
520
|
font-size: var(--font-size-heading-m-170yiy, 18px);
|
|
516
521
|
line-height: var(--line-height-heading-m-uoaqdh, 22px);
|
|
517
522
|
letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
|
|
518
523
|
text-underline-offset: 0.25em;
|
|
519
|
-
text-decoration-thickness: 1px;
|
|
524
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
525
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
520
526
|
}
|
|
521
|
-
.
|
|
527
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-heading-l_4c84z_1crek_511:not(#\9) {
|
|
522
528
|
font-size: var(--font-size-heading-l-vnacx6, 20px);
|
|
523
529
|
line-height: var(--line-height-heading-l-mg5bx6, 24px);
|
|
524
530
|
letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
|
|
525
531
|
text-underline-offset: 0.25em;
|
|
526
|
-
text-decoration-thickness: 1px;
|
|
532
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
533
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
527
534
|
}
|
|
528
|
-
.
|
|
535
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-heading-xl_4c84z_1crek_519:not(#\9) {
|
|
529
536
|
font-size: var(--font-size-heading-xl-wvkbur, 24px);
|
|
530
537
|
line-height: var(--line-height-heading-xl-hko6p0, 30px);
|
|
531
538
|
letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
|
|
532
539
|
text-underline-offset: 0.25em;
|
|
533
|
-
text-decoration-thickness: 1px;
|
|
540
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
541
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
534
542
|
}
|
|
535
|
-
.
|
|
543
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-display-l_4c84z_1crek_527:not(#\9) {
|
|
536
544
|
font-size: var(--font-size-display-l-wa6woo, 42px);
|
|
537
545
|
line-height: var(--line-height-display-l-vwanzp, 48px);
|
|
538
546
|
letter-spacing: var(--letter-spacing-display-l-elyyxk, -0.03em);
|
|
539
547
|
text-underline-offset: 0.25em;
|
|
540
|
-
text-decoration-thickness: 2px;
|
|
548
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-display-l-6g5fyl, 2px);
|
|
549
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
541
550
|
}
|
|
542
|
-
.
|
|
551
|
+
.awsui_link_4c84z_1crek_145.awsui_font-size-inherit_4c84z_1crek_535:not(#\9) {
|
|
543
552
|
font-size: inherit;
|
|
544
553
|
line-height: inherit;
|
|
545
554
|
letter-spacing: inherit;
|
|
546
555
|
text-underline-offset: 0.25em;
|
|
547
|
-
text-decoration-thickness: 1px;
|
|
556
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
557
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
548
558
|
}
|
|
549
|
-
.
|
|
559
|
+
.awsui_link_4c84z_1crek_145.awsui_in-inline-token_4c84z_1crek_543:not(#\9) {
|
|
550
560
|
text-underline-offset: 0.15em;
|
|
551
561
|
}
|
|
552
562
|
|
|
553
|
-
.awsui_icon-
|
|
563
|
+
.awsui_icon-wrapper_4c84z_1crek_547:not(#\9) {
|
|
554
564
|
white-space: nowrap;
|
|
555
565
|
}
|
|
556
566
|
|
|
557
|
-
.
|
|
567
|
+
.awsui_icon_4c84z_1crek_547:not(#\9) {
|
|
558
568
|
display: inline-block;
|
|
559
569
|
}
|
package/link/styles.selectors.js
CHANGED
|
@@ -2,26 +2,26 @@
|
|
|
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-recovery": "awsui_variant-
|
|
7
|
-
"variant-secondary": "awsui_variant-
|
|
8
|
-
"variant-primary": "awsui_variant-
|
|
9
|
-
"variant-info": "awsui_variant-
|
|
10
|
-
"variant-value-large": "awsui_variant-value-
|
|
11
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
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
|
-
"in-inline-token": "awsui_in-inline-
|
|
24
|
-
"icon-wrapper": "awsui_icon-
|
|
25
|
-
"icon": "
|
|
5
|
+
"link": "awsui_link_4c84z_1crek_145",
|
|
6
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_1crek_213",
|
|
7
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_1crek_246",
|
|
8
|
+
"variant-primary": "awsui_variant-primary_4c84z_1crek_281",
|
|
9
|
+
"variant-info": "awsui_variant-info_4c84z_1crek_314",
|
|
10
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_1crek_349",
|
|
11
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_1crek_381",
|
|
12
|
+
"button": "awsui_button_4c84z_1crek_416",
|
|
13
|
+
"color-inverted": "awsui_color-inverted_4c84z_1crek_451",
|
|
14
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_1crek_472",
|
|
15
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_1crek_480",
|
|
16
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1crek_487",
|
|
17
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_1crek_495",
|
|
18
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_1crek_503",
|
|
19
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_1crek_511",
|
|
20
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1crek_519",
|
|
21
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_1crek_527",
|
|
22
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_1crek_535",
|
|
23
|
+
"in-inline-token": "awsui_in-inline-token_4c84z_1crek_543",
|
|
24
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_1crek_547",
|
|
25
|
+
"icon": "awsui_icon_4c84z_1crek_547"
|
|
26
26
|
};
|
|
27
27
|
|
package/manifest.json
ADDED
|
@@ -71,8 +71,6 @@ export interface MultiselectProps extends BaseSelectProps {
|
|
|
71
71
|
enableSelectAll?: boolean;
|
|
72
72
|
/**
|
|
73
73
|
* Specifies a render function to render custom options in the dropdown menu.
|
|
74
|
-
*
|
|
75
|
-
* @awsuiSystem core
|
|
76
74
|
*/
|
|
77
75
|
renderOption?: MultiselectProps.MultiselectOptionItemRenderer;
|
|
78
76
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/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;IAExD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAC/D;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IAC3C,WAAW,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC1E;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -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 { ReactNode } from 'react';\n\nimport { OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\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 /**\n * Specifies an inline label that appears next to the multiselect trigger.\n */\n inlineLabelText?: string;\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 * Shows tokens inside the trigger instead of below it.\n */\n inlineTokens?: boolean;\n /**\n * Specifies an `aria-label` for the token deselection button.\n * @i18n\n */\n deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n /**\n * An object containing all the localized strings required by the component.\n *\n * * `selectAllText` (string) - Specifies the text to be displayed next to the checkbox that selects or deselects all options.\n * * `tokenLimitShowFewer` (string) - Specifies the text to be displayed in the \"Show fewer\" button for the token group control.\n * * `tokenLimitShowMore` (string) - Specifies the text to be displayed in the \"Show more\" button for the token group control. This string should not contain the number of hidden tokens\n * because this will be added by the component automatically.\n * @i18n\n */\n i18nStrings?: MultiselectProps.I18nStrings;\n onLoadItems?: NonCancelableEventHandler<MultiselectProps.LoadItemsDetail>;\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 /**\n * Adds an aria-label to the \"Show fewer\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowFewer` label on one page.\n */\n tokenLimitShowFewerAriaLabel?: string;\n /**\n * Adds an aria-label to the \"Show more\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowMore` label on one page.\n */\n tokenLimitShowMoreAriaLabel?: string;\n /**\n * Enables users to select and deselect all options with a special extra checkbox which is displayed at the start of the dropdown.\n */\n enableSelectAll?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu.\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 { ReactNode } from 'react';\n\nimport { OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\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 /**\n * Specifies an inline label that appears next to the multiselect trigger.\n */\n inlineLabelText?: string;\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 * Shows tokens inside the trigger instead of below it.\n */\n inlineTokens?: boolean;\n /**\n * Specifies an `aria-label` for the token deselection button.\n * @i18n\n */\n deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n /**\n * An object containing all the localized strings required by the component.\n *\n * * `selectAllText` (string) - Specifies the text to be displayed next to the checkbox that selects or deselects all options.\n * * `tokenLimitShowFewer` (string) - Specifies the text to be displayed in the \"Show fewer\" button for the token group control.\n * * `tokenLimitShowMore` (string) - Specifies the text to be displayed in the \"Show more\" button for the token group control. This string should not contain the number of hidden tokens\n * because this will be added by the component automatically.\n * @i18n\n */\n i18nStrings?: MultiselectProps.I18nStrings;\n onLoadItems?: NonCancelableEventHandler<MultiselectProps.LoadItemsDetail>;\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 /**\n * Adds an aria-label to the \"Show fewer\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowFewer` label on one page.\n */\n tokenLimitShowFewerAriaLabel?: string;\n /**\n * Adds an aria-label to the \"Show more\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowMore` label on one page.\n */\n tokenLimitShowMoreAriaLabel?: string;\n /**\n * Enables users to select and deselect all options with a special extra checkbox which is displayed at the start of the dropdown.\n */\n enableSelectAll?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu.\n */\n renderOption?: MultiselectProps.MultiselectOptionItemRenderer;\n}\n\nexport namespace MultiselectProps {\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n /* eslint-disable-next-line @typescript-eslint/no-empty-object-type --\n * Required to create a distinct named type for the documenter.\n **/\n export interface LoadItemsDetail extends OptionsLoadItemsDetail {}\n export interface MultiselectOptionItem {\n type: 'item';\n index: number;\n option: Option;\n disabled: boolean;\n highlighted: boolean;\n selected: boolean;\n parent: MultiselectOptionGroupItem | null;\n }\n export interface MultiselectOptionGroupItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n indeterminate: boolean;\n disabled: boolean;\n highlighted: boolean;\n selected: boolean;\n }\n export interface MultiselectSelectAllItem {\n type: 'select-all';\n option: Option;\n indeterminate: boolean;\n highlighted: boolean;\n selected: boolean;\n }\n export type MultiselectItem = MultiselectOptionItem | MultiselectOptionGroupItem | MultiselectSelectAllItem;\n export type MultiselectOptionItemRenderer = (props: {\n item: MultiselectItem;\n filterText?: string;\n }) => ReactNode | null;\n\n export type DeselectAriaLabelFunction = (option: Option) => string;\n export type TriggerVariant = 'placeholder' | 'tokens';\n\n export interface I18nStrings {\n selectAllText?: string;\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"]}
|
package/package.json
CHANGED
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
"./internal/base-component/index.js",
|
|
167
167
|
"./internal/base-component/styles.css.js"
|
|
168
168
|
],
|
|
169
|
-
"version": "3.0.
|
|
169
|
+
"version": "3.0.1300",
|
|
170
170
|
"repository": {
|
|
171
171
|
"type": "git",
|
|
172
172
|
"url": "https://github.com/cloudscape-design/components.git"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAuBd,CAAC;AAIH,eAAe,UAAU,CAAC"}
|
package/pagination/index.js
CHANGED
|
@@ -7,7 +7,10 @@ import useBaseComponent from '../internal/hooks/use-base-component';
|
|
|
7
7
|
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
8
8
|
import InternalPagination from './internal';
|
|
9
9
|
const Pagination = React.forwardRef((props, ref) => {
|
|
10
|
-
const baseComponentProps = useBaseComponent('Pagination', {
|
|
10
|
+
const baseComponentProps = useBaseComponent('Pagination', {
|
|
11
|
+
props: { openEnd: props.openEnd },
|
|
12
|
+
metadata: { hasJumpToPage: !!props.jumpToPage },
|
|
13
|
+
});
|
|
11
14
|
return (React.createElement(InternalPagination, { ...props, ...baseComponentProps, ref: ref, ...getAnalyticsMetadataAttribute({
|
|
12
15
|
component: {
|
|
13
16
|
name: 'awsui.Pagination',
|
package/pagination/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE;QACxD,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;QACjC,QAAQ,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE;KAChD,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,KACL,kBAAkB,EACtB,GAAG,EAAE,GAAG,KACJ,6BAA6B,CAAC;YAChC,SAAS,EAAE;gBACT,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACvB,UAAU,EAAE;oBACV,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE;oBAC7B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE;oBACvC,gBAAgB,EAAE,GAAG,KAAK,CAAC,gBAAgB,EAAE;iBAC9C;aAC+C;SACnD,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAE3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataPaginationComponent } from './analytics-metadata/interfaces';\nimport { PaginationProps } from './interfaces';\nimport InternalPagination from './internal';\n\nexport { PaginationProps };\n\nconst Pagination = React.forwardRef<PaginationProps.Ref, PaginationProps>((props, ref) => {\n const baseComponentProps = useBaseComponent('Pagination', {\n props: { openEnd: props.openEnd },\n metadata: { hasJumpToPage: !!props.jumpToPage },\n });\n return (\n <InternalPagination\n {...props}\n {...baseComponentProps}\n ref={ref}\n {...getAnalyticsMetadataAttribute({\n component: {\n name: 'awsui.Pagination',\n label: { root: 'self' },\n properties: {\n openEnd: `${!!props.openEnd}`,\n pagesCount: `${props.pagesCount || ''}`,\n currentPageIndex: `${props.currentPageIndex}`,\n },\n } as GeneratedAnalyticsMetadataPaginationComponent,\n })}\n />\n );\n});\n\napplyDisplayName(Pagination, 'Pagination');\n\nexport default Pagination;\n"]}
|
|
@@ -148,8 +148,6 @@ export interface PromptInputProps extends Omit<BaseInputProps, 'nativeInputAttri
|
|
|
148
148
|
* Use this to replace the primary action.
|
|
149
149
|
* If this is provided then any other `actionButton*` properties will be ignored.
|
|
150
150
|
* Note that you should still provide an `onAction` function in order to handle keyboard submission.
|
|
151
|
-
*
|
|
152
|
-
* @awsuiSystem core
|
|
153
151
|
*/
|
|
154
152
|
customPrimaryAction?: React.ReactNode;
|
|
155
153
|
/**
|