@cloudscape-design/components 3.0.19 → 3.0.20
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/toggles/styles.css.js +3 -3
- package/app-layout/toggles/styles.scoped.css +12 -12
- package/app-layout/toggles/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/styles.css.js +59 -59
- package/app-layout/visual-refresh/styles.scoped.css +152 -152
- package/app-layout/visual-refresh/styles.selectors.js +59 -59
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +16 -16
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +163 -163
- package/button/styles.selectors.js +18 -18
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +115 -115
- package/code-editor/styles.selectors.js +33 -33
- package/expandable-section/styles.css.js +20 -20
- package/expandable-section/styles.scoped.css +42 -42
- package/expandable-section/styles.selectors.js +20 -20
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +59 -59
- package/help-panel/styles.selectors.js +4 -4
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +35 -35
- package/input/styles.selectors.js +13 -13
- package/internal/base-component/styles.scoped.css +5 -3
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +26 -26
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/chart-legend/styles.css.js +7 -7
- package/internal/components/chart-legend/styles.scoped.css +16 -16
- package/internal/components/chart-legend/styles.selectors.js +7 -7
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +15 -15
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +18 -12
- package/internal/generated/theming/index.js +18 -12
- package/link/styles.css.js +18 -18
- package/link/styles.scoped.css +70 -70
- package/link/styles.selectors.js +18 -18
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +48 -48
- package/popover/styles.scoped.css +63 -63
- package/popover/styles.selectors.js +48 -48
- package/property-filter/interfaces.d.ts +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +34 -34
- package/segmented-control/styles.selectors.js +14 -14
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +33 -33
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +58 -58
- package/split-panel/styles.scoped.css +81 -81
- package/split-panel/styles.selectors.js +58 -58
- package/table/header-cell/styles.css.js +14 -14
- package/table/header-cell/styles.scoped.css +26 -26
- package/table/header-cell/styles.selectors.js +14 -14
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +38 -38
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +11 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +61 -61
- package/text-content/styles.selectors.js +1 -1
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -14
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +69 -69
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -15
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +25 -25
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -43
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +68 -68
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +59 -59
- package/wizard/styles.selectors.js +31 -31
|
@@ -182,11 +182,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.
|
|
185
|
+
.awsui_arrow_xjuzf_jcb5h_185:not(#\9) {
|
|
186
186
|
width: 20px;
|
|
187
187
|
height: 10px;
|
|
188
188
|
}
|
|
189
|
-
.awsui_arrow-
|
|
189
|
+
.awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9), .awsui_arrow-inner_xjuzf_jcb5h_189:not(#\9) {
|
|
190
190
|
position: absolute;
|
|
191
191
|
overflow: hidden;
|
|
192
192
|
width: 20px;
|
|
@@ -194,7 +194,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
194
194
|
top: 0;
|
|
195
195
|
left: 0;
|
|
196
196
|
}
|
|
197
|
-
.awsui_arrow-
|
|
197
|
+
.awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-inner_xjuzf_jcb5h_189:not(#\9)::after {
|
|
198
198
|
content: "";
|
|
199
199
|
box-sizing: border-box;
|
|
200
200
|
display: inline-block;
|
|
@@ -207,31 +207,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
207
207
|
transform: rotate(45deg);
|
|
208
208
|
transform-origin: 0 100%;
|
|
209
209
|
}
|
|
210
|
-
.awsui_arrow-
|
|
210
|
+
.awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
|
|
211
211
|
background-color: #9ba7b6;
|
|
212
212
|
background-color: var(--color-border-popover-5pygk7, #9ba7b6);
|
|
213
213
|
}
|
|
214
|
-
.awsui_arrow-
|
|
214
|
+
.awsui_arrow-inner_xjuzf_jcb5h_189:not(#\9) {
|
|
215
215
|
top: 2px;
|
|
216
216
|
}
|
|
217
|
-
.awsui_arrow-
|
|
217
|
+
.awsui_arrow-inner_xjuzf_jcb5h_189:not(#\9)::after {
|
|
218
218
|
border-radius: 1px 0 0 0;
|
|
219
219
|
background-color: #ffffff;
|
|
220
220
|
background-color: var(--color-background-popover-mn5o9k, #ffffff);
|
|
221
221
|
}
|
|
222
|
-
.awsui_arrow-position-right-
|
|
222
|
+
.awsui_arrow-position-right-top_xjuzf_jcb5h_220 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_jcb5h_220 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
|
|
223
223
|
box-shadow: -0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
|
|
224
224
|
box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
225
225
|
}
|
|
226
|
-
.awsui_arrow-position-left-
|
|
226
|
+
.awsui_arrow-position-left-top_xjuzf_jcb5h_223 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_jcb5h_223 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
|
|
227
227
|
box-shadow: 0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
|
|
228
228
|
box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
229
229
|
}
|
|
230
|
-
.awsui_arrow-position-top-
|
|
230
|
+
.awsui_arrow-position-top-center_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_jcb5h_226 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
|
|
231
231
|
box-shadow: -0.71px -0.71px 4px -2px rgba(0, 7, 22, 0.12);
|
|
232
232
|
box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
233
233
|
}
|
|
234
|
-
.awsui_arrow-position-bottom-
|
|
234
|
+
.awsui_arrow-position-bottom-center_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_jcb5h_229 > .awsui_arrow-outer_xjuzf_jcb5h_189:not(#\9)::after {
|
|
235
235
|
box-shadow: 0.71px 0.71px 4px -2px rgba(0, 7, 22, 0.12);
|
|
236
236
|
box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
|
|
237
237
|
}
|
|
@@ -328,7 +328,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
328
328
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
329
329
|
SPDX-License-Identifier: Apache-2.0
|
|
330
330
|
*/
|
|
331
|
-
.
|
|
331
|
+
.awsui_body_xjuzf_jcb5h_325:not(#\9) {
|
|
332
332
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
333
333
|
border-collapse: separate;
|
|
334
334
|
border-spacing: 0;
|
|
@@ -382,44 +382,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
382
382
|
border: 2px solid #9ba7b6;
|
|
383
383
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-popover-5pygk7, #9ba7b6);
|
|
384
384
|
}
|
|
385
|
-
.awsui_body-overflow-
|
|
385
|
+
.awsui_body-overflow-visible_xjuzf_jcb5h_344:not(#\9) {
|
|
386
386
|
overflow: visible;
|
|
387
387
|
}
|
|
388
388
|
|
|
389
|
-
.awsui_variant-
|
|
389
|
+
.awsui_variant-annotation_xjuzf_jcb5h_348:not(#\9) {
|
|
390
390
|
background-color: #f2f8fd;
|
|
391
391
|
background-color: var(--color-background-status-info-usb30e, #f2f8fd);
|
|
392
392
|
border-color: #0972d3;
|
|
393
393
|
border-color: var(--color-border-status-info-546i7i, #0972d3);
|
|
394
394
|
}
|
|
395
395
|
|
|
396
|
-
.awsui_body-size-
|
|
396
|
+
.awsui_body-size-small_xjuzf_jcb5h_353:not(#\9) {
|
|
397
397
|
max-width: 210px;
|
|
398
398
|
}
|
|
399
|
-
.awsui_body-size-
|
|
399
|
+
.awsui_body-size-small_xjuzf_jcb5h_353.awsui_fixed-width_xjuzf_jcb5h_356:not(#\9) {
|
|
400
400
|
width: 210px;
|
|
401
401
|
}
|
|
402
402
|
|
|
403
|
-
.awsui_body-size-
|
|
403
|
+
.awsui_body-size-medium_xjuzf_jcb5h_360:not(#\9) {
|
|
404
404
|
max-width: 310px;
|
|
405
405
|
}
|
|
406
|
-
.awsui_body-size-
|
|
406
|
+
.awsui_body-size-medium_xjuzf_jcb5h_360.awsui_fixed-width_xjuzf_jcb5h_356:not(#\9) {
|
|
407
407
|
width: 310px;
|
|
408
408
|
}
|
|
409
409
|
|
|
410
|
-
.awsui_body-size-
|
|
410
|
+
.awsui_body-size-large_xjuzf_jcb5h_367:not(#\9) {
|
|
411
411
|
max-width: 480px;
|
|
412
412
|
}
|
|
413
|
-
.awsui_body-size-
|
|
413
|
+
.awsui_body-size-large_xjuzf_jcb5h_367.awsui_fixed-width_xjuzf_jcb5h_356:not(#\9) {
|
|
414
414
|
width: 480px;
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
.awsui_has-
|
|
417
|
+
.awsui_has-dismiss_xjuzf_jcb5h_374:not(#\9) {
|
|
418
418
|
display: flex;
|
|
419
419
|
align-items: baseline;
|
|
420
420
|
}
|
|
421
421
|
|
|
422
|
-
.
|
|
422
|
+
.awsui_dismiss_xjuzf_jcb5h_379:not(#\9) {
|
|
423
423
|
margin: calc(-1 * (4px + 2px)) calc(-1 * (4px + 2px));
|
|
424
424
|
margin: calc(-1 * (var(--space-scaled-xxs-95dhkm, 4px) + var(--border-field-width-idlekx, 2px))) calc(-1 * (var(--space-xxs-ynfts5, 4px) + var(--border-field-width-idlekx, 2px)));
|
|
425
425
|
margin-left: 0;
|
|
@@ -427,16 +427,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
427
427
|
order: 1;
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
.awsui_dismiss-
|
|
430
|
+
.awsui_dismiss-control_xjuzf_jcb5h_386:not(#\9) {
|
|
431
431
|
/* used in test-utils */
|
|
432
432
|
}
|
|
433
433
|
|
|
434
|
-
.awsui_header-
|
|
434
|
+
.awsui_header-row_xjuzf_jcb5h_390:not(#\9) {
|
|
435
435
|
margin-bottom: 8px;
|
|
436
436
|
margin-bottom: var(--space-xs-rsr2qu, 8px);
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
.
|
|
439
|
+
.awsui_header_xjuzf_jcb5h_390:not(#\9) {
|
|
440
440
|
word-wrap: break-word;
|
|
441
441
|
max-width: 100%;
|
|
442
442
|
overflow: hidden;
|
|
@@ -450,7 +450,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
450
450
|
/* stylelint-disable selector-max-type */
|
|
451
451
|
/* stylelint-enable selector-max-type */
|
|
452
452
|
}
|
|
453
|
-
.
|
|
453
|
+
.awsui_header_xjuzf_jcb5h_390 > h2:not(#\9) {
|
|
454
454
|
font-size: 14px;
|
|
455
455
|
font-size: var(--font-heading-xs-size-fryxro, 14px);
|
|
456
456
|
line-height: 18px;
|
|
@@ -460,7 +460,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
460
460
|
display: inline;
|
|
461
461
|
}
|
|
462
462
|
|
|
463
|
-
.
|
|
463
|
+
.awsui_content_xjuzf_jcb5h_412:not(#\9) {
|
|
464
464
|
word-wrap: break-word;
|
|
465
465
|
max-width: 100%;
|
|
466
466
|
overflow: hidden;
|
|
@@ -468,7 +468,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
468
468
|
color: var(--color-text-body-secondary-fdstdf, #414d5c);
|
|
469
469
|
flex: 1 1 auto;
|
|
470
470
|
}
|
|
471
|
-
.awsui_content-overflow-
|
|
471
|
+
.awsui_content-overflow-visible_xjuzf_jcb5h_419:not(#\9) {
|
|
472
472
|
overflow: visible;
|
|
473
473
|
}
|
|
474
474
|
|
|
@@ -480,7 +480,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
480
480
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
481
481
|
SPDX-License-Identifier: Apache-2.0
|
|
482
482
|
*/
|
|
483
|
-
.
|
|
483
|
+
.awsui_container_xjuzf_jcb5h_431:not(#\9) {
|
|
484
484
|
display: inline-block;
|
|
485
485
|
position: fixed;
|
|
486
486
|
top: -9999px;
|
|
@@ -488,59 +488,59 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
488
488
|
z-index: 2000;
|
|
489
489
|
}
|
|
490
490
|
|
|
491
|
-
.awsui_container-
|
|
491
|
+
.awsui_container-arrow_xjuzf_jcb5h_439:not(#\9) {
|
|
492
492
|
position: absolute;
|
|
493
493
|
display: inline-block;
|
|
494
494
|
}
|
|
495
|
-
.awsui_container-arrow-position-right-
|
|
495
|
+
.awsui_container-arrow-position-right-top_xjuzf_jcb5h_443:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_jcb5h_443:not(#\9) {
|
|
496
496
|
transform: rotate(-90deg);
|
|
497
497
|
transform-origin: 0 100%;
|
|
498
498
|
}
|
|
499
|
-
.awsui_container-arrow-position-right-
|
|
499
|
+
.awsui_container-arrow-position-right-top_xjuzf_jcb5h_443:not(#\9) {
|
|
500
500
|
top: calc(12px + 10px);
|
|
501
501
|
left: 0;
|
|
502
502
|
}
|
|
503
|
-
.awsui_container-arrow-position-right-
|
|
503
|
+
.awsui_container-arrow-position-right-bottom_xjuzf_jcb5h_443:not(#\9) {
|
|
504
504
|
bottom: 12px;
|
|
505
505
|
left: 0;
|
|
506
506
|
}
|
|
507
|
-
.awsui_container-arrow-position-left-
|
|
507
|
+
.awsui_container-arrow-position-left-top_xjuzf_jcb5h_455:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_jcb5h_455:not(#\9) {
|
|
508
508
|
transform: rotate(90deg);
|
|
509
509
|
transform-origin: 100% 100%;
|
|
510
510
|
}
|
|
511
|
-
.awsui_container-arrow-position-left-
|
|
511
|
+
.awsui_container-arrow-position-left-top_xjuzf_jcb5h_455:not(#\9) {
|
|
512
512
|
top: calc(12px + 10px);
|
|
513
513
|
right: 0;
|
|
514
514
|
}
|
|
515
|
-
.awsui_container-arrow-position-left-
|
|
515
|
+
.awsui_container-arrow-position-left-bottom_xjuzf_jcb5h_455:not(#\9) {
|
|
516
516
|
bottom: 12px;
|
|
517
517
|
right: 0;
|
|
518
518
|
}
|
|
519
|
-
.awsui_container-arrow-position-top-
|
|
519
|
+
.awsui_container-arrow-position-top-center_xjuzf_jcb5h_467:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_jcb5h_467:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_jcb5h_467:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_jcb5h_467:not(#\9) {
|
|
520
520
|
transform: rotate(180deg);
|
|
521
521
|
transform-origin: 50% 50%;
|
|
522
522
|
}
|
|
523
|
-
.awsui_container-arrow-position-top-
|
|
523
|
+
.awsui_container-arrow-position-top-center_xjuzf_jcb5h_467:not(#\9) {
|
|
524
524
|
bottom: -10px;
|
|
525
525
|
left: calc(50% - 10px);
|
|
526
526
|
}
|
|
527
|
-
.awsui_container-arrow-position-top-
|
|
527
|
+
.awsui_container-arrow-position-top-right_xjuzf_jcb5h_467:not(#\9) {
|
|
528
528
|
bottom: -10px;
|
|
529
529
|
left: 12px;
|
|
530
530
|
}
|
|
531
|
-
.awsui_container-arrow-position-top-
|
|
531
|
+
.awsui_container-arrow-position-top-left_xjuzf_jcb5h_467:not(#\9) {
|
|
532
532
|
bottom: -10px;
|
|
533
533
|
left: calc(100% - 20px - 12px);
|
|
534
534
|
}
|
|
535
|
-
.awsui_container-arrow-position-bottom-
|
|
535
|
+
.awsui_container-arrow-position-bottom-center_xjuzf_jcb5h_483:not(#\9) {
|
|
536
536
|
top: -10px;
|
|
537
537
|
left: calc(50% - 10px);
|
|
538
538
|
}
|
|
539
|
-
.awsui_container-arrow-position-bottom-
|
|
539
|
+
.awsui_container-arrow-position-bottom-right_xjuzf_jcb5h_487:not(#\9) {
|
|
540
540
|
top: -10px;
|
|
541
541
|
left: 12px;
|
|
542
542
|
}
|
|
543
|
-
.awsui_container-arrow-position-bottom-
|
|
543
|
+
.awsui_container-arrow-position-bottom-left_xjuzf_jcb5h_491:not(#\9) {
|
|
544
544
|
top: -10px;
|
|
545
545
|
left: calc(100% - 20px - 12px);
|
|
546
546
|
}
|
|
@@ -637,11 +637,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
637
637
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
638
638
|
SPDX-License-Identifier: Apache-2.0
|
|
639
639
|
*/
|
|
640
|
-
.
|
|
641
|
-
animation: awsui_awsui-motion-fade-
|
|
642
|
-
animation: awsui_awsui-motion-fade-
|
|
640
|
+
.awsui_container_xjuzf_jcb5h_431:not(#\9) {
|
|
641
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 180ms ease-out;
|
|
642
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
|
|
643
643
|
}
|
|
644
|
-
@keyframes awsui_awsui-motion-fade-
|
|
644
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 {
|
|
645
645
|
from {
|
|
646
646
|
opacity: 0.2;
|
|
647
647
|
}
|
|
@@ -650,20 +650,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
650
650
|
}
|
|
651
651
|
}
|
|
652
652
|
@media (prefers-reduced-motion: reduce) {
|
|
653
|
-
.
|
|
653
|
+
.awsui_container_xjuzf_jcb5h_431:not(#\9) {
|
|
654
654
|
animation: none;
|
|
655
655
|
transition: none;
|
|
656
656
|
}
|
|
657
657
|
}
|
|
658
|
-
.awsui-motion-disabled .
|
|
658
|
+
.awsui-motion-disabled .awsui_container_xjuzf_jcb5h_431:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_jcb5h_431:not(#\9) {
|
|
659
659
|
animation: none;
|
|
660
660
|
transition: none;
|
|
661
661
|
}
|
|
662
|
-
.
|
|
663
|
-
animation: awsui_awsui-motion-fade-
|
|
664
|
-
animation: awsui_awsui-motion-fade-
|
|
662
|
+
.awsui_container_xjuzf_jcb5h_431.awsui_refresh_xjuzf_jcb5h_609:not(#\9) {
|
|
663
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 115ms cubic-bezier(0, 0, 0, 1);
|
|
664
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
|
|
665
665
|
}
|
|
666
|
-
@keyframes awsui_awsui-motion-fade-
|
|
666
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_jcb5h_1 {
|
|
667
667
|
from {
|
|
668
668
|
opacity: 0.2;
|
|
669
669
|
}
|
|
@@ -672,17 +672,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
672
672
|
}
|
|
673
673
|
}
|
|
674
674
|
@media (prefers-reduced-motion: reduce) {
|
|
675
|
-
.
|
|
675
|
+
.awsui_container_xjuzf_jcb5h_431.awsui_refresh_xjuzf_jcb5h_609:not(#\9) {
|
|
676
676
|
animation: none;
|
|
677
677
|
transition: none;
|
|
678
678
|
}
|
|
679
679
|
}
|
|
680
|
-
.awsui-motion-disabled .
|
|
680
|
+
.awsui-motion-disabled .awsui_container_xjuzf_jcb5h_431.awsui_refresh_xjuzf_jcb5h_609:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_jcb5h_431.awsui_refresh_xjuzf_jcb5h_609:not(#\9) {
|
|
681
681
|
animation: none;
|
|
682
682
|
transition: none;
|
|
683
683
|
}
|
|
684
684
|
|
|
685
|
-
.
|
|
685
|
+
.awsui_root_xjuzf_jcb5h_631:not(#\9) {
|
|
686
686
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
687
687
|
border-collapse: separate;
|
|
688
688
|
border-spacing: 0;
|
|
@@ -724,14 +724,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
724
724
|
color: inherit;
|
|
725
725
|
}
|
|
726
726
|
|
|
727
|
-
.
|
|
727
|
+
.awsui_trigger_xjuzf_jcb5h_643:not(#\9) {
|
|
728
728
|
display: inline-block;
|
|
729
729
|
max-width: 100%;
|
|
730
730
|
color: inherit;
|
|
731
731
|
text-align: inherit;
|
|
732
732
|
}
|
|
733
733
|
|
|
734
|
-
.awsui_trigger-type-
|
|
734
|
+
.awsui_trigger-type-text_xjuzf_jcb5h_650:not(#\9) {
|
|
735
735
|
border: 0;
|
|
736
736
|
margin: 0;
|
|
737
737
|
padding: 0;
|
|
@@ -740,17 +740,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
740
740
|
border-bottom: 1px dashed currentColor;
|
|
741
741
|
border-bottom: var(--border-divider-list-width-hacikr, 1px) dashed currentColor;
|
|
742
742
|
}
|
|
743
|
-
.awsui_trigger-type-
|
|
743
|
+
.awsui_trigger-type-text_xjuzf_jcb5h_650:not(#\9):focus {
|
|
744
744
|
outline: none;
|
|
745
745
|
}
|
|
746
|
-
.awsui_trigger-type-
|
|
746
|
+
.awsui_trigger-type-text_xjuzf_jcb5h_650[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
747
747
|
position: relative;
|
|
748
748
|
}
|
|
749
|
-
.awsui_trigger-type-
|
|
749
|
+
.awsui_trigger-type-text_xjuzf_jcb5h_650[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
750
750
|
outline: 2px dotted transparent;
|
|
751
751
|
outline-offset: calc(1px - 1px);
|
|
752
752
|
}
|
|
753
|
-
.awsui_trigger-type-
|
|
753
|
+
.awsui_trigger-type-text_xjuzf_jcb5h_650[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
754
754
|
content: " ";
|
|
755
755
|
display: block;
|
|
756
756
|
position: absolute;
|
|
@@ -759,10 +759,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
759
759
|
width: calc(100% + 2 * 1px);
|
|
760
760
|
height: calc(100% + 2 * 1px);
|
|
761
761
|
border-radius: 4px;
|
|
762
|
-
border-radius: var(--border-radius-control-focus-ring-
|
|
762
|
+
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
763
763
|
box-shadow: 0 0 0 2px #0972d3;
|
|
764
764
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
765
765
|
}
|
|
766
|
-
.awsui_trigger-type-
|
|
766
|
+
.awsui_trigger-type-text_xjuzf_jcb5h_650 > .awsui_trigger-inner-text_xjuzf_jcb5h_679:not(#\9) {
|
|
767
767
|
position: relative;
|
|
768
768
|
}
|
|
@@ -2,53 +2,53 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"arrow": "
|
|
6
|
-
"arrow-outer": "awsui_arrow-
|
|
7
|
-
"arrow-inner": "awsui_arrow-
|
|
8
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
10
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
12
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
16
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
20
|
-
"body": "
|
|
21
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
22
|
-
"variant-annotation": "awsui_variant-
|
|
23
|
-
"body-size-small": "awsui_body-size-
|
|
24
|
-
"fixed-width": "awsui_fixed-
|
|
25
|
-
"body-size-medium": "awsui_body-size-
|
|
26
|
-
"body-size-large": "awsui_body-size-
|
|
27
|
-
"has-dismiss": "awsui_has-
|
|
28
|
-
"dismiss": "
|
|
29
|
-
"dismiss-control": "awsui_dismiss-
|
|
30
|
-
"header-row": "awsui_header-
|
|
31
|
-
"header": "
|
|
32
|
-
"content": "
|
|
33
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
34
|
-
"container": "
|
|
35
|
-
"container-arrow": "awsui_container-
|
|
36
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
37
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
39
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
40
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
41
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
42
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
43
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
44
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
45
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
46
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
47
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
48
|
-
"refresh": "
|
|
49
|
-
"root": "
|
|
50
|
-
"trigger": "
|
|
51
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
52
|
-
"trigger-inner-text": "awsui_trigger-inner-
|
|
5
|
+
"arrow": "awsui_arrow_xjuzf_jcb5h_185",
|
|
6
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_jcb5h_189",
|
|
7
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_jcb5h_189",
|
|
8
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_jcb5h_220",
|
|
9
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_jcb5h_220",
|
|
10
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_jcb5h_223",
|
|
11
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_jcb5h_223",
|
|
12
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_jcb5h_226",
|
|
13
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_jcb5h_226",
|
|
14
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_jcb5h_226",
|
|
15
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_jcb5h_226",
|
|
16
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_jcb5h_229",
|
|
17
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_jcb5h_229",
|
|
18
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_jcb5h_229",
|
|
19
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_jcb5h_229",
|
|
20
|
+
"body": "awsui_body_xjuzf_jcb5h_325",
|
|
21
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_jcb5h_344",
|
|
22
|
+
"variant-annotation": "awsui_variant-annotation_xjuzf_jcb5h_348",
|
|
23
|
+
"body-size-small": "awsui_body-size-small_xjuzf_jcb5h_353",
|
|
24
|
+
"fixed-width": "awsui_fixed-width_xjuzf_jcb5h_356",
|
|
25
|
+
"body-size-medium": "awsui_body-size-medium_xjuzf_jcb5h_360",
|
|
26
|
+
"body-size-large": "awsui_body-size-large_xjuzf_jcb5h_367",
|
|
27
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_jcb5h_374",
|
|
28
|
+
"dismiss": "awsui_dismiss_xjuzf_jcb5h_379",
|
|
29
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_jcb5h_386",
|
|
30
|
+
"header-row": "awsui_header-row_xjuzf_jcb5h_390",
|
|
31
|
+
"header": "awsui_header_xjuzf_jcb5h_390",
|
|
32
|
+
"content": "awsui_content_xjuzf_jcb5h_412",
|
|
33
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_jcb5h_419",
|
|
34
|
+
"container": "awsui_container_xjuzf_jcb5h_431",
|
|
35
|
+
"container-arrow": "awsui_container-arrow_xjuzf_jcb5h_439",
|
|
36
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_jcb5h_443",
|
|
37
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_jcb5h_443",
|
|
38
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_jcb5h_455",
|
|
39
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_jcb5h_455",
|
|
40
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_jcb5h_467",
|
|
41
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_jcb5h_467",
|
|
42
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_jcb5h_467",
|
|
43
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_jcb5h_467",
|
|
44
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_jcb5h_483",
|
|
45
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_jcb5h_487",
|
|
46
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_jcb5h_491",
|
|
47
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_jcb5h_1",
|
|
48
|
+
"refresh": "awsui_refresh_xjuzf_jcb5h_609",
|
|
49
|
+
"root": "awsui_root_xjuzf_jcb5h_631",
|
|
50
|
+
"trigger": "awsui_trigger_xjuzf_jcb5h_643",
|
|
51
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_jcb5h_650",
|
|
52
|
+
"trigger-inner-text": "awsui_trigger-inner-text_xjuzf_jcb5h_679"
|
|
53
53
|
};
|
|
54
54
|
|
|
@@ -51,7 +51,7 @@ export interface PropertyFilterProps extends BaseComponentProps, ExpandToViewpor
|
|
|
51
51
|
* * groupValuesLabel [string]: Localized string to display for the 'Values' group label for a specific property.
|
|
52
52
|
* * key [string]: The identifier of this property.
|
|
53
53
|
* * propertyLabel [string]: A human-readable string for the property.
|
|
54
|
-
* * operators [Array]: A list of all operators supported by this property.
|
|
54
|
+
* * operators [Array]: A list of all operators supported by this property. If you omit the equals operator because your API does not support it, make sure to set `defaultOperator` to a supported operator from this list.
|
|
55
55
|
* * group [string]: Optional identifier of a custom group that this filtering option is assigned to. Use to create additional groups below the default one. Make sure to also define labels for the group in the customGroupsText property. Notice that only one level of options nesting is supported.
|
|
56
56
|
* * defaultOperator [ComparisonOperator]: Optional parameter that changes the default operator used with this filtering property. Use it only if your API does not support "equals" filtering terms with this property.
|
|
57
57
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/property-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { AutosuggestProps } from '../autosuggest/interfaces';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\n\nexport interface PropertyFilterProps extends BaseComponentProps, ExpandToViewport {\n /**\n * If set to `true`, the filtering input will be disabled.\n * Use it, for example, if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering query.\n */\n disabled?: boolean;\n /**\n * An object containing all the necessary localized strings required by the component.\n */\n i18nStrings: PropertyFilterProps.I18nStrings;\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `query.tokens` isn't empty.\n */\n countText?: string;\n /**\n * An object representing the current query displayed in the property filter. Has two properties: `tokens` and `operation`.\n * `tokens` is an array of objects that will be displayed to the user beneath the filtering input.\n * Each token has the following properties:\n *\n * * value [string]: The string value of the token to be used as a filter.\n * * propertyKey [string]: The key of the corresponding property in filteringProperties.\n * * operator ['<' | '<=' | '>' | '>=' | ':' | '!:' | '=' | '!=']: The operator which indicates how to filter the dataset using this token.\n *\n * `operation` has two valid values [and, or] and controls the join operation to be applied between tokens when filtering the items.\n */\n query: PropertyFilterProps.Query;\n /**\n * If hideOperations it set, the indicator of the operation (that is, `and` or `or`) and the selection of operations\n * (applied to the property and value token) are hidden from the user. Only use when you have a custom\n * filtering logic which combines tokens in different way than the default one. When used, ensure that\n * operations are communicated to the user in another way.\n */\n hideOperations?: boolean;\n /**\n * Fired when the `query` gets changed. Filter the dataset in response to this event using the values in the `detail` object.\n */\n onChange: NonCancelableEventHandler<PropertyFilterProps.Query>;\n /**\n * An array of properties by which the data set can be filtered. Each element has the following properties:\n *\n * * groupValuesLabel [string]: Localized string to display for the 'Values' group label for a specific property.\n * * key [string]: The identifier of this property.\n * * propertyLabel [string]: A human-readable string for the property.\n * * operators [Array]: A list of all operators supported by this property. Equals operator should always be supported, even if you omit it in the list.\n * * group [string]: Optional identifier of a custom group that this filtering option is assigned to. Use to create additional groups below the default one. Make sure to also define labels for the group in the customGroupsText property. Notice that only one level of options nesting is supported.\n * * defaultOperator [ComparisonOperator]: Optional parameter that changes the default operator used with this filtering property. Use it only if your API does not support \"equals\" filtering terms with this property.\n */\n filteringProperties: ReadonlyArray<PropertyFilterProps.FilteringProperty>;\n /**\n * An array of possible values of the individual `filteringProperties`. Each element has the following properties:\n *\n * * `propertyKey` [string]: The key of the corresponding filtering property in the `filteringProperties` array.\n * * `value` [string]: The value that will be used as a suggestion when creating or modifying a filtering token.\n */\n filteringOptions?: ReadonlyArray<PropertyFilterProps.FilteringOption>;\n /**\n * An array of objects that contain localized, human-readable strings for the labels of custom groups within the filtering dropdown. Use group property to associate the strings with your custom group of options. Define the following values for each group:\n *\n * * properties [string]: The group label in the filtering dropdown that contains the list of properties from this group. For example: Tags.\n * * values [string]: The group label in the filtering dropdown that contains the list of values from this group. For example: Tags values.\n * * group [string]: The identifier of a custom group.\n */\n customGroupsText?: PropertyFilterProps.GroupText[];\n /**\n * Set `disableFreeTextFiltering` only if you can’t filter the dataset using a filter that is applied to every column,\n * instead of a specific property. This would stop the user from creating such tokens.\n */\n disableFreeTextFiltering?: boolean;\n /**\n * Use this event to asynchronously load filteringOptions, component currently needs. The detail object contains following properties:\n *\n * * `filteringProperty` - The property for which you need to fetch the options.\n * * `filteringOperator` - The operator for which you need to fetch the options.\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options for a `filteringProperty` that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n */\n onLoadItems?: NonCancelableEventHandler<PropertyFilterProps.LoadItemsDetail>;\n /**\n * If you have more than 500 `filteringOptions`, enable this flag to apply a performance optimization that makes\n * the filtering experience smoother. We don't recommend enabling the feature if you have less than 500 options,\n * because the improvements to performance are offset by a visible scrolling lag. When you set this flag to true,\n * it removes options that are not currently in view from the DOM.\n */\n virtualScroll?: boolean;\n /**\n * A slot located before the filtering input. Use it if for a Select component if your dataset supports property\n * filter queries only after an initial filter is applied.\n */\n customControl?: React.ReactNode;\n /**\n * Set `asyncProperties` if you need to load `filteringProperties` asynchronousely. This would cause extra `onLoadMore`\n * events to fire calling for more properties.\n */\n asyncProperties?: 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 * Displayed when there are no options to display.\n * This is only shown when `statusType` is set to `finished` or not set at all.\n */\n filteringEmpty?: React.ReactNode;\n /**\n * Specifies the text to display when in the loading state.\n **/\n filteringLoadingText?: string;\n /**\n * Specifies the text to display at the bottom of the dropdown menu after pagination has reached the end.\n **/\n filteringFinishedText?: string;\n /**\n * Specifies the text to display when a data fetching error occurs. Make sure that you provide `recoveryText`.\n **/\n filteringErrorText?: string;\n /**\n * Specifies the text for the recovery button. The text is displayed next to the error text.\n * Use the `onLoadItems` event to perform a recovery action (for example, retrying the request).\n **/\n filteringRecoveryText?: string;\n /**\n * Specifies the current status of loading more options.\n * * `pending` - Indicates that no request in progress, but more options may be loaded.\n * * `loading` - Indicates that data fetching is in progress.\n * * `finished` - Indicates that pagination has finished and no more requests are expected.\n * * `error` - Indicates that an error occurred during fetch. You should use `recoveryText` to enable the user to recover.\n **/\n filteringStatusType?: DropdownStatusProps.StatusType;\n}\n\nexport namespace PropertyFilterProps {\n export interface Query {\n tokens: readonly PropertyFilterProps.Token[];\n operation: PropertyFilterProps.JoinOperation;\n }\n\n export type JoinOperation = 'and' | 'or';\n\n export interface LoadItemsDetail {\n filteringProperty?: FilteringProperty;\n filteringOperator?: ComparisonOperator;\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n }\n\n export interface I18nStrings {\n /**\n * Label that will be passed down to the Autosuggest `ariaLabel` property.\n * See the [Autosuggest API](/system/components/autosuggest/?tabId=api) page for more details.\n */\n filteringAriaLabel: string;\n dismissAriaLabel: string;\n\n filteringPlaceholder?: string;\n groupValuesText: string;\n groupPropertiesText: string;\n operatorsText: string;\n\n operationAndText: string;\n operationOrText: string;\n\n operatorLessText: string;\n operatorLessOrEqualText: string;\n operatorGreaterText: string;\n operatorGreaterOrEqualText: string;\n operatorContainsText: string;\n operatorDoesNotContainText: string;\n operatorEqualsText: string;\n operatorDoesNotEqualText: string;\n\n editTokenHeader: string;\n propertyText: string;\n operatorText: string;\n valueText: string;\n cancelActionText: string;\n applyActionText: string;\n allPropertiesLabel: string;\n\n tokenLimitShowMore?: string;\n tokenLimitShowFewer?: string;\n clearFiltersText: string;\n removeTokenButtonAriaLabel: (token: PropertyFilterProps.Token) => string;\n enteredTextLabel: AutosuggestProps.EnteredTextLabel;\n }\n\n export type ComparisonOperator = '<' | '<=' | '>' | '>=' | ':' | '!:' | '=' | '!=';\n\n export interface FilteringProperty {\n key: string;\n groupValuesLabel: string;\n propertyLabel: string;\n operators?: readonly ComparisonOperator[];\n defaultOperator?: ComparisonOperator;\n group?: string;\n }\n\n export interface GroupText {\n properties: string;\n values: string;\n group: string;\n }\n\n export interface FilteringOption {\n propertyKey: string;\n value: string;\n }\n\n export interface FilteringChangeDetail {\n filteringText: string;\n filteringProperty?: FilteringProperty;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n\n export interface Token {\n value: string;\n propertyKey?: string;\n operator: ComparisonOperator;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/property-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { AutosuggestProps } from '../autosuggest/interfaces';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\n\nexport interface PropertyFilterProps extends BaseComponentProps, ExpandToViewport {\n /**\n * If set to `true`, the filtering input will be disabled.\n * Use it, for example, if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering query.\n */\n disabled?: boolean;\n /**\n * An object containing all the necessary localized strings required by the component.\n */\n i18nStrings: PropertyFilterProps.I18nStrings;\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `query.tokens` isn't empty.\n */\n countText?: string;\n /**\n * An object representing the current query displayed in the property filter. Has two properties: `tokens` and `operation`.\n * `tokens` is an array of objects that will be displayed to the user beneath the filtering input.\n * Each token has the following properties:\n *\n * * value [string]: The string value of the token to be used as a filter.\n * * propertyKey [string]: The key of the corresponding property in filteringProperties.\n * * operator ['<' | '<=' | '>' | '>=' | ':' | '!:' | '=' | '!=']: The operator which indicates how to filter the dataset using this token.\n *\n * `operation` has two valid values [and, or] and controls the join operation to be applied between tokens when filtering the items.\n */\n query: PropertyFilterProps.Query;\n /**\n * If hideOperations it set, the indicator of the operation (that is, `and` or `or`) and the selection of operations\n * (applied to the property and value token) are hidden from the user. Only use when you have a custom\n * filtering logic which combines tokens in different way than the default one. When used, ensure that\n * operations are communicated to the user in another way.\n */\n hideOperations?: boolean;\n /**\n * Fired when the `query` gets changed. Filter the dataset in response to this event using the values in the `detail` object.\n */\n onChange: NonCancelableEventHandler<PropertyFilterProps.Query>;\n /**\n * An array of properties by which the data set can be filtered. Each element has the following properties:\n *\n * * groupValuesLabel [string]: Localized string to display for the 'Values' group label for a specific property.\n * * key [string]: The identifier of this property.\n * * propertyLabel [string]: A human-readable string for the property.\n * * operators [Array]: A list of all operators supported by this property. If you omit the equals operator because your API does not support it, make sure to set `defaultOperator` to a supported operator from this list.\n * * group [string]: Optional identifier of a custom group that this filtering option is assigned to. Use to create additional groups below the default one. Make sure to also define labels for the group in the customGroupsText property. Notice that only one level of options nesting is supported.\n * * defaultOperator [ComparisonOperator]: Optional parameter that changes the default operator used with this filtering property. Use it only if your API does not support \"equals\" filtering terms with this property.\n */\n filteringProperties: ReadonlyArray<PropertyFilterProps.FilteringProperty>;\n /**\n * An array of possible values of the individual `filteringProperties`. Each element has the following properties:\n *\n * * `propertyKey` [string]: The key of the corresponding filtering property in the `filteringProperties` array.\n * * `value` [string]: The value that will be used as a suggestion when creating or modifying a filtering token.\n */\n filteringOptions?: ReadonlyArray<PropertyFilterProps.FilteringOption>;\n /**\n * An array of objects that contain localized, human-readable strings for the labels of custom groups within the filtering dropdown. Use group property to associate the strings with your custom group of options. Define the following values for each group:\n *\n * * properties [string]: The group label in the filtering dropdown that contains the list of properties from this group. For example: Tags.\n * * values [string]: The group label in the filtering dropdown that contains the list of values from this group. For example: Tags values.\n * * group [string]: The identifier of a custom group.\n */\n customGroupsText?: PropertyFilterProps.GroupText[];\n /**\n * Set `disableFreeTextFiltering` only if you can’t filter the dataset using a filter that is applied to every column,\n * instead of a specific property. This would stop the user from creating such tokens.\n */\n disableFreeTextFiltering?: boolean;\n /**\n * Use this event to asynchronously load filteringOptions, component currently needs. The detail object contains following properties:\n *\n * * `filteringProperty` - The property for which you need to fetch the options.\n * * `filteringOperator` - The operator for which you need to fetch the options.\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options for a `filteringProperty` that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n */\n onLoadItems?: NonCancelableEventHandler<PropertyFilterProps.LoadItemsDetail>;\n /**\n * If you have more than 500 `filteringOptions`, enable this flag to apply a performance optimization that makes\n * the filtering experience smoother. We don't recommend enabling the feature if you have less than 500 options,\n * because the improvements to performance are offset by a visible scrolling lag. When you set this flag to true,\n * it removes options that are not currently in view from the DOM.\n */\n virtualScroll?: boolean;\n /**\n * A slot located before the filtering input. Use it if for a Select component if your dataset supports property\n * filter queries only after an initial filter is applied.\n */\n customControl?: React.ReactNode;\n /**\n * Set `asyncProperties` if you need to load `filteringProperties` asynchronousely. This would cause extra `onLoadMore`\n * events to fire calling for more properties.\n */\n asyncProperties?: 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 * Displayed when there are no options to display.\n * This is only shown when `statusType` is set to `finished` or not set at all.\n */\n filteringEmpty?: React.ReactNode;\n /**\n * Specifies the text to display when in the loading state.\n **/\n filteringLoadingText?: string;\n /**\n * Specifies the text to display at the bottom of the dropdown menu after pagination has reached the end.\n **/\n filteringFinishedText?: string;\n /**\n * Specifies the text to display when a data fetching error occurs. Make sure that you provide `recoveryText`.\n **/\n filteringErrorText?: string;\n /**\n * Specifies the text for the recovery button. The text is displayed next to the error text.\n * Use the `onLoadItems` event to perform a recovery action (for example, retrying the request).\n **/\n filteringRecoveryText?: string;\n /**\n * Specifies the current status of loading more options.\n * * `pending` - Indicates that no request in progress, but more options may be loaded.\n * * `loading` - Indicates that data fetching is in progress.\n * * `finished` - Indicates that pagination has finished and no more requests are expected.\n * * `error` - Indicates that an error occurred during fetch. You should use `recoveryText` to enable the user to recover.\n **/\n filteringStatusType?: DropdownStatusProps.StatusType;\n}\n\nexport namespace PropertyFilterProps {\n export interface Query {\n tokens: readonly PropertyFilterProps.Token[];\n operation: PropertyFilterProps.JoinOperation;\n }\n\n export type JoinOperation = 'and' | 'or';\n\n export interface LoadItemsDetail {\n filteringProperty?: FilteringProperty;\n filteringOperator?: ComparisonOperator;\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n }\n\n export interface I18nStrings {\n /**\n * Label that will be passed down to the Autosuggest `ariaLabel` property.\n * See the [Autosuggest API](/system/components/autosuggest/?tabId=api) page for more details.\n */\n filteringAriaLabel: string;\n dismissAriaLabel: string;\n\n filteringPlaceholder?: string;\n groupValuesText: string;\n groupPropertiesText: string;\n operatorsText: string;\n\n operationAndText: string;\n operationOrText: string;\n\n operatorLessText: string;\n operatorLessOrEqualText: string;\n operatorGreaterText: string;\n operatorGreaterOrEqualText: string;\n operatorContainsText: string;\n operatorDoesNotContainText: string;\n operatorEqualsText: string;\n operatorDoesNotEqualText: string;\n\n editTokenHeader: string;\n propertyText: string;\n operatorText: string;\n valueText: string;\n cancelActionText: string;\n applyActionText: string;\n allPropertiesLabel: string;\n\n tokenLimitShowMore?: string;\n tokenLimitShowFewer?: string;\n clearFiltersText: string;\n removeTokenButtonAriaLabel: (token: PropertyFilterProps.Token) => string;\n enteredTextLabel: AutosuggestProps.EnteredTextLabel;\n }\n\n export type ComparisonOperator = '<' | '<=' | '>' | '>=' | ':' | '!:' | '=' | '!=';\n\n export interface FilteringProperty {\n key: string;\n groupValuesLabel: string;\n propertyLabel: string;\n operators?: readonly ComparisonOperator[];\n defaultOperator?: ComparisonOperator;\n group?: string;\n }\n\n export interface GroupText {\n properties: string;\n values: string;\n group: string;\n }\n\n export interface FilteringOption {\n propertyKey: string;\n value: string;\n }\n\n export interface FilteringChangeDetail {\n filteringText: string;\n filteringProperty?: FilteringProperty;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n\n export interface Token {\n value: string;\n propertyKey?: string;\n operator: ComparisonOperator;\n }\n}\n"]}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"radio": "
|
|
6
|
-
"radio--has-description": "awsui_radio--has-
|
|
7
|
-
"radio-control": "awsui_radio-
|
|
8
|
-
"input": "
|
|
9
|
-
"styled-circle-border": "awsui_styled-circle-
|
|
10
|
-
"styled-circle-disabled": "awsui_styled-circle-
|
|
11
|
-
"styled-circle-fill": "awsui_styled-circle-
|
|
12
|
-
"styled-circle-checked": "awsui_styled-circle-
|
|
4
|
+
"root": "awsui_root_1mabk_6gh4j_93",
|
|
5
|
+
"radio": "awsui_radio_1mabk_6gh4j_105",
|
|
6
|
+
"radio--has-description": "awsui_radio--has-description_1mabk_6gh4j_113",
|
|
7
|
+
"radio-control": "awsui_radio-control_1mabk_6gh4j_117",
|
|
8
|
+
"input": "awsui_input_1mabk_6gh4j_125",
|
|
9
|
+
"styled-circle-border": "awsui_styled-circle-border_1mabk_6gh4j_147",
|
|
10
|
+
"styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_6gh4j_151",
|
|
11
|
+
"styled-circle-fill": "awsui_styled-circle-fill_1mabk_6gh4j_156",
|
|
12
|
+
"styled-circle-checked": "awsui_styled-circle-checked_1mabk_6gh4j_162"
|
|
13
13
|
};
|
|
14
14
|
|