@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.
Files changed (106) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/toggles/styles.css.js +3 -3
  5. package/app-layout/toggles/styles.scoped.css +12 -12
  6. package/app-layout/toggles/styles.selectors.js +3 -3
  7. package/app-layout/visual-refresh/styles.css.js +59 -59
  8. package/app-layout/visual-refresh/styles.scoped.css +152 -152
  9. package/app-layout/visual-refresh/styles.selectors.js +59 -59
  10. package/breadcrumb-group/item/styles.css.js +7 -7
  11. package/breadcrumb-group/item/styles.scoped.css +16 -16
  12. package/breadcrumb-group/item/styles.selectors.js +7 -7
  13. package/button/styles.css.js +18 -18
  14. package/button/styles.scoped.css +163 -163
  15. package/button/styles.selectors.js +18 -18
  16. package/checkbox/styles.css.js +3 -3
  17. package/checkbox/styles.scoped.css +7 -7
  18. package/checkbox/styles.selectors.js +3 -3
  19. package/code-editor/styles.css.js +33 -33
  20. package/code-editor/styles.scoped.css +115 -115
  21. package/code-editor/styles.selectors.js +33 -33
  22. package/expandable-section/styles.css.js +20 -20
  23. package/expandable-section/styles.scoped.css +42 -42
  24. package/expandable-section/styles.selectors.js +20 -20
  25. package/help-panel/styles.css.js +4 -4
  26. package/help-panel/styles.scoped.css +59 -59
  27. package/help-panel/styles.selectors.js +4 -4
  28. package/input/styles.css.js +13 -13
  29. package/input/styles.scoped.css +35 -35
  30. package/input/styles.selectors.js +13 -13
  31. package/internal/base-component/styles.scoped.css +5 -3
  32. package/internal/components/button-trigger/styles.css.js +9 -9
  33. package/internal/components/button-trigger/styles.scoped.css +26 -26
  34. package/internal/components/button-trigger/styles.selectors.js +9 -9
  35. package/internal/components/chart-legend/styles.css.js +7 -7
  36. package/internal/components/chart-legend/styles.scoped.css +16 -16
  37. package/internal/components/chart-legend/styles.selectors.js +7 -7
  38. package/internal/components/filtering-token/styles.css.js +7 -7
  39. package/internal/components/filtering-token/styles.scoped.css +15 -15
  40. package/internal/components/filtering-token/styles.selectors.js +7 -7
  41. package/internal/components/menu-dropdown/styles.css.js +7 -7
  42. package/internal/components/menu-dropdown/styles.scoped.css +14 -14
  43. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  44. package/internal/environment.js +1 -1
  45. package/internal/generated/theming/index.cjs +18 -12
  46. package/internal/generated/theming/index.js +18 -12
  47. package/link/styles.css.js +18 -18
  48. package/link/styles.scoped.css +70 -70
  49. package/link/styles.selectors.js +18 -18
  50. package/package.json +1 -1
  51. package/pagination/styles.css.js +9 -9
  52. package/pagination/styles.scoped.css +24 -24
  53. package/pagination/styles.selectors.js +9 -9
  54. package/popover/styles.css.js +48 -48
  55. package/popover/styles.scoped.css +63 -63
  56. package/popover/styles.selectors.js +48 -48
  57. package/property-filter/interfaces.d.ts +1 -1
  58. package/property-filter/interfaces.js.map +1 -1
  59. package/radio-group/styles.css.js +9 -9
  60. package/radio-group/styles.scoped.css +17 -17
  61. package/radio-group/styles.selectors.js +9 -9
  62. package/segmented-control/styles.css.js +14 -14
  63. package/segmented-control/styles.scoped.css +34 -34
  64. package/segmented-control/styles.selectors.js +14 -14
  65. package/side-navigation/styles.css.js +22 -22
  66. package/side-navigation/styles.scoped.css +33 -33
  67. package/side-navigation/styles.selectors.js +22 -22
  68. package/split-panel/styles.css.js +58 -58
  69. package/split-panel/styles.scoped.css +81 -81
  70. package/split-panel/styles.selectors.js +58 -58
  71. package/table/header-cell/styles.css.js +14 -14
  72. package/table/header-cell/styles.scoped.css +26 -26
  73. package/table/header-cell/styles.selectors.js +14 -14
  74. package/tabs/styles.css.js +21 -21
  75. package/tabs/styles.scoped.css +38 -38
  76. package/tabs/styles.selectors.js +21 -21
  77. package/tag-editor/styles.css.js +3 -3
  78. package/tag-editor/styles.scoped.css +11 -11
  79. package/tag-editor/styles.selectors.js +3 -3
  80. package/text-content/styles.css.js +1 -1
  81. package/text-content/styles.scoped.css +61 -61
  82. package/text-content/styles.selectors.js +1 -1
  83. package/textarea/styles.css.js +4 -4
  84. package/textarea/styles.scoped.css +14 -14
  85. package/textarea/styles.selectors.js +4 -4
  86. package/tiles/styles.css.js +28 -28
  87. package/tiles/styles.scoped.css +69 -69
  88. package/tiles/styles.selectors.js +28 -28
  89. package/toggle/styles.css.js +8 -8
  90. package/toggle/styles.scoped.css +15 -15
  91. package/toggle/styles.selectors.js +8 -8
  92. package/token-group/styles.css.js +7 -7
  93. package/token-group/styles.scoped.css +25 -25
  94. package/token-group/styles.selectors.js +7 -7
  95. package/top-navigation/1.0-beta/styles.css.js +25 -25
  96. package/top-navigation/1.0-beta/styles.scoped.css +43 -43
  97. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  98. package/top-navigation/styles.css.js +47 -47
  99. package/top-navigation/styles.scoped.css +68 -68
  100. package/top-navigation/styles.selectors.js +47 -47
  101. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  102. package/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
  103. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  104. package/wizard/styles.css.js +31 -31
  105. package/wizard/styles.scoped.css +59 -59
  106. 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
- .awsui_arrow_xjuzf_9sy11_185:not(#\9) {
185
+ .awsui_arrow_xjuzf_jcb5h_185:not(#\9) {
186
186
  width: 20px;
187
187
  height: 10px;
188
188
  }
189
- .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9), .awsui_arrow-inner_xjuzf_9sy11_189:not(#\9) {
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-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-inner_xjuzf_9sy11_189:not(#\9)::after {
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-outer_xjuzf_9sy11_189:not(#\9)::after {
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-inner_xjuzf_9sy11_189:not(#\9) {
214
+ .awsui_arrow-inner_xjuzf_jcb5h_189:not(#\9) {
215
215
  top: 2px;
216
216
  }
217
- .awsui_arrow-inner_xjuzf_9sy11_189:not(#\9)::after {
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-top_xjuzf_9sy11_220 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_9sy11_220 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after {
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-top_xjuzf_9sy11_223 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_9sy11_223 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after {
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-center_xjuzf_9sy11_226 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_9sy11_226 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_9sy11_226 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_9sy11_226 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after {
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-center_xjuzf_9sy11_229 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_9sy11_229 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_9sy11_229 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_9sy11_229 > .awsui_arrow-outer_xjuzf_9sy11_189:not(#\9)::after {
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
- .awsui_body_xjuzf_9sy11_325:not(#\9) {
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-visible_xjuzf_9sy11_344:not(#\9) {
385
+ .awsui_body-overflow-visible_xjuzf_jcb5h_344:not(#\9) {
386
386
  overflow: visible;
387
387
  }
388
388
 
389
- .awsui_variant-annotation_xjuzf_9sy11_348:not(#\9) {
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-small_xjuzf_9sy11_353:not(#\9) {
396
+ .awsui_body-size-small_xjuzf_jcb5h_353:not(#\9) {
397
397
  max-width: 210px;
398
398
  }
399
- .awsui_body-size-small_xjuzf_9sy11_353.awsui_fixed-width_xjuzf_9sy11_356:not(#\9) {
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-medium_xjuzf_9sy11_360:not(#\9) {
403
+ .awsui_body-size-medium_xjuzf_jcb5h_360:not(#\9) {
404
404
  max-width: 310px;
405
405
  }
406
- .awsui_body-size-medium_xjuzf_9sy11_360.awsui_fixed-width_xjuzf_9sy11_356:not(#\9) {
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-large_xjuzf_9sy11_367:not(#\9) {
410
+ .awsui_body-size-large_xjuzf_jcb5h_367:not(#\9) {
411
411
  max-width: 480px;
412
412
  }
413
- .awsui_body-size-large_xjuzf_9sy11_367.awsui_fixed-width_xjuzf_9sy11_356:not(#\9) {
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-dismiss_xjuzf_9sy11_374:not(#\9) {
417
+ .awsui_has-dismiss_xjuzf_jcb5h_374:not(#\9) {
418
418
  display: flex;
419
419
  align-items: baseline;
420
420
  }
421
421
 
422
- .awsui_dismiss_xjuzf_9sy11_379:not(#\9) {
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-control_xjuzf_9sy11_386:not(#\9) {
430
+ .awsui_dismiss-control_xjuzf_jcb5h_386:not(#\9) {
431
431
  /* used in test-utils */
432
432
  }
433
433
 
434
- .awsui_header-row_xjuzf_9sy11_390:not(#\9) {
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
- .awsui_header_xjuzf_9sy11_390:not(#\9) {
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
- .awsui_header_xjuzf_9sy11_390 > h2:not(#\9) {
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
- .awsui_content_xjuzf_9sy11_412:not(#\9) {
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-visible_xjuzf_9sy11_419:not(#\9) {
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
- .awsui_container_xjuzf_9sy11_431:not(#\9) {
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-arrow_xjuzf_9sy11_439:not(#\9) {
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-top_xjuzf_9sy11_443:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_9sy11_443:not(#\9) {
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-top_xjuzf_9sy11_443:not(#\9) {
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-bottom_xjuzf_9sy11_443:not(#\9) {
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-top_xjuzf_9sy11_455:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_9sy11_455:not(#\9) {
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-top_xjuzf_9sy11_455:not(#\9) {
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-bottom_xjuzf_9sy11_455:not(#\9) {
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-center_xjuzf_9sy11_467:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_9sy11_467:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_9sy11_467:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_9sy11_467:not(#\9) {
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-center_xjuzf_9sy11_467:not(#\9) {
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-right_xjuzf_9sy11_467:not(#\9) {
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-left_xjuzf_9sy11_467:not(#\9) {
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-center_xjuzf_9sy11_483:not(#\9) {
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-right_xjuzf_9sy11_487:not(#\9) {
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-left_xjuzf_9sy11_491:not(#\9) {
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
- .awsui_container_xjuzf_9sy11_431:not(#\9) {
641
- animation: awsui_awsui-motion-fade-in_xjuzf_9sy11_1 180ms ease-out;
642
- animation: awsui_awsui-motion-fade-in_xjuzf_9sy11_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
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-in_xjuzf_9sy11_1 {
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
- .awsui_container_xjuzf_9sy11_431:not(#\9) {
653
+ .awsui_container_xjuzf_jcb5h_431:not(#\9) {
654
654
  animation: none;
655
655
  transition: none;
656
656
  }
657
657
  }
658
- .awsui-motion-disabled .awsui_container_xjuzf_9sy11_431:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_9sy11_431:not(#\9) {
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
- .awsui_container_xjuzf_9sy11_431.awsui_refresh_xjuzf_9sy11_609:not(#\9) {
663
- animation: awsui_awsui-motion-fade-in_xjuzf_9sy11_1 115ms cubic-bezier(0, 0, 0, 1);
664
- animation: awsui_awsui-motion-fade-in_xjuzf_9sy11_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
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-in_xjuzf_9sy11_1 {
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
- .awsui_container_xjuzf_9sy11_431.awsui_refresh_xjuzf_9sy11_609:not(#\9) {
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 .awsui_container_xjuzf_9sy11_431.awsui_refresh_xjuzf_9sy11_609:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_9sy11_431.awsui_refresh_xjuzf_9sy11_609:not(#\9) {
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
- .awsui_root_xjuzf_9sy11_631:not(#\9) {
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
- .awsui_trigger_xjuzf_9sy11_643:not(#\9) {
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-text_xjuzf_9sy11_650:not(#\9) {
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-text_xjuzf_9sy11_650:not(#\9):focus {
743
+ .awsui_trigger-type-text_xjuzf_jcb5h_650:not(#\9):focus {
744
744
  outline: none;
745
745
  }
746
- .awsui_trigger-type-text_xjuzf_9sy11_650[data-awsui-focus-visible=true]:not(#\9):focus {
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-text_xjuzf_9sy11_650[data-awsui-focus-visible=true]:not(#\9):focus {
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-text_xjuzf_9sy11_650[data-awsui-focus-visible=true]:not(#\9):focus::before {
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-default-jlgxet, 4px);
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-text_xjuzf_9sy11_650 > .awsui_trigger-inner-text_xjuzf_9sy11_679:not(#\9) {
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": "awsui_arrow_xjuzf_9sy11_185",
6
- "arrow-outer": "awsui_arrow-outer_xjuzf_9sy11_189",
7
- "arrow-inner": "awsui_arrow-inner_xjuzf_9sy11_189",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_9sy11_220",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_9sy11_220",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_9sy11_223",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_9sy11_223",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_9sy11_226",
13
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_9sy11_226",
14
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_9sy11_226",
15
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_9sy11_226",
16
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_9sy11_229",
17
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_9sy11_229",
18
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_9sy11_229",
19
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_9sy11_229",
20
- "body": "awsui_body_xjuzf_9sy11_325",
21
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_9sy11_344",
22
- "variant-annotation": "awsui_variant-annotation_xjuzf_9sy11_348",
23
- "body-size-small": "awsui_body-size-small_xjuzf_9sy11_353",
24
- "fixed-width": "awsui_fixed-width_xjuzf_9sy11_356",
25
- "body-size-medium": "awsui_body-size-medium_xjuzf_9sy11_360",
26
- "body-size-large": "awsui_body-size-large_xjuzf_9sy11_367",
27
- "has-dismiss": "awsui_has-dismiss_xjuzf_9sy11_374",
28
- "dismiss": "awsui_dismiss_xjuzf_9sy11_379",
29
- "dismiss-control": "awsui_dismiss-control_xjuzf_9sy11_386",
30
- "header-row": "awsui_header-row_xjuzf_9sy11_390",
31
- "header": "awsui_header_xjuzf_9sy11_390",
32
- "content": "awsui_content_xjuzf_9sy11_412",
33
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_9sy11_419",
34
- "container": "awsui_container_xjuzf_9sy11_431",
35
- "container-arrow": "awsui_container-arrow_xjuzf_9sy11_439",
36
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_9sy11_443",
37
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_9sy11_443",
38
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_9sy11_455",
39
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_9sy11_455",
40
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_9sy11_467",
41
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_9sy11_467",
42
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_9sy11_467",
43
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_9sy11_467",
44
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_9sy11_483",
45
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_9sy11_487",
46
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_9sy11_491",
47
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_9sy11_1",
48
- "refresh": "awsui_refresh_xjuzf_9sy11_609",
49
- "root": "awsui_root_xjuzf_9sy11_631",
50
- "trigger": "awsui_trigger_xjuzf_9sy11_643",
51
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_9sy11_650",
52
- "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_9sy11_679"
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. Equals operator should always be supported, even if you omit it in the list.
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": "awsui_root_1mabk_pp3ws_93",
5
- "radio": "awsui_radio_1mabk_pp3ws_105",
6
- "radio--has-description": "awsui_radio--has-description_1mabk_pp3ws_113",
7
- "radio-control": "awsui_radio-control_1mabk_pp3ws_117",
8
- "input": "awsui_input_1mabk_pp3ws_125",
9
- "styled-circle-border": "awsui_styled-circle-border_1mabk_pp3ws_147",
10
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_pp3ws_151",
11
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_pp3ws_156",
12
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_pp3ws_162"
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