@cloudscape-design/components 3.0.1329 → 3.0.1330

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 (205) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/anchor-navigation/anchor-item/index.js +1 -1
  5. package/anchor-navigation/anchor-item/index.js.map +1 -1
  6. package/anchor-navigation/styles.css.js +8 -8
  7. package/anchor-navigation/styles.scoped.css +20 -18
  8. package/anchor-navigation/styles.selectors.js +8 -8
  9. package/annotation-context/annotation/styles.css.js +13 -13
  10. package/annotation-context/annotation/styles.scoped.css +21 -21
  11. package/annotation-context/annotation/styles.selectors.js +13 -13
  12. package/app-layout/notifications/styles.css.js +3 -3
  13. package/app-layout/notifications/styles.scoped.css +7 -7
  14. package/app-layout/notifications/styles.selectors.js +3 -3
  15. package/app-layout/visual-refresh/styles.css.js +86 -86
  16. package/app-layout/visual-refresh/styles.scoped.css +262 -262
  17. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  18. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  19. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  20. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  21. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  22. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  23. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  24. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +29 -29
  25. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +66 -66
  26. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +29 -29
  27. package/attribute-editor/styles.css.js +15 -15
  28. package/attribute-editor/styles.scoped.css +29 -29
  29. package/attribute-editor/styles.selectors.js +15 -15
  30. package/breadcrumb-group/item/styles.css.js +7 -7
  31. package/breadcrumb-group/item/styles.scoped.css +30 -30
  32. package/breadcrumb-group/item/styles.selectors.js +7 -7
  33. package/button/styles.css.js +22 -22
  34. package/button/styles.scoped.css +256 -256
  35. package/button/styles.selectors.js +22 -22
  36. package/button-dropdown/item-element/styles.css.js +21 -21
  37. package/button-dropdown/item-element/styles.scoped.css +37 -37
  38. package/button-dropdown/item-element/styles.selectors.js +21 -21
  39. package/checkbox/styles.css.js +3 -3
  40. package/checkbox/styles.scoped.css +11 -11
  41. package/checkbox/styles.selectors.js +3 -3
  42. package/content-layout/styles.css.js +14 -14
  43. package/content-layout/styles.scoped.css +27 -27
  44. package/content-layout/styles.selectors.js +14 -14
  45. package/dropdown/styles.css.js +20 -20
  46. package/dropdown/styles.scoped.css +49 -49
  47. package/dropdown/styles.selectors.js +20 -20
  48. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  49. package/expandable-section/expandable-section-header.js +1 -1
  50. package/expandable-section/expandable-section-header.js.map +1 -1
  51. package/expandable-section/styles.css.js +35 -35
  52. package/expandable-section/styles.scoped.css +70 -70
  53. package/expandable-section/styles.selectors.js +35 -35
  54. package/file-token-group/styles.css.js +23 -23
  55. package/file-token-group/styles.scoped.css +36 -36
  56. package/file-token-group/styles.selectors.js +23 -23
  57. package/flashbar/styles.css.js +50 -50
  58. package/flashbar/styles.scoped.css +192 -192
  59. package/flashbar/styles.selectors.js +50 -50
  60. package/header/internal.d.ts +2 -0
  61. package/header/internal.d.ts.map +1 -1
  62. package/header/internal.js +2 -2
  63. package/header/internal.js.map +1 -1
  64. package/header/styles.css.js +35 -34
  65. package/header/styles.scoped.css +60 -52
  66. package/header/styles.selectors.js +35 -34
  67. package/help-panel/styles.css.js +6 -6
  68. package/help-panel/styles.scoped.css +72 -72
  69. package/help-panel/styles.selectors.js +6 -6
  70. package/icon/generated/icons.d.ts +1 -0
  71. package/icon/generated/icons.d.ts.map +1 -1
  72. package/icon/generated/icons.js +3 -0
  73. package/icon/generated/icons.js.map +1 -1
  74. package/icon-provider/interfaces.d.ts +1 -1
  75. package/icon-provider/interfaces.d.ts.map +1 -1
  76. package/icon-provider/interfaces.js.map +1 -1
  77. package/input/styles.css.js +18 -18
  78. package/input/styles.scoped.css +82 -82
  79. package/input/styles.selectors.js +18 -18
  80. package/internal/base-component/styles.scoped.css +1 -1
  81. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  82. package/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  83. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  84. package/internal/components/option/styles.css.js +17 -17
  85. package/internal/components/option/styles.scoped.css +31 -31
  86. package/internal/components/option/styles.selectors.js +17 -17
  87. package/internal/components/options-list/index.d.ts +2 -0
  88. package/internal/components/options-list/index.d.ts.map +1 -1
  89. package/internal/components/options-list/index.js +2 -2
  90. package/internal/components/options-list/index.js.map +1 -1
  91. package/internal/components/radio-button/styles.css.js +7 -7
  92. package/internal/components/radio-button/styles.scoped.css +18 -18
  93. package/internal/components/radio-button/styles.selectors.js +7 -7
  94. package/internal/components/selectable-item/styles.css.js +22 -22
  95. package/internal/components/selectable-item/styles.scoped.css +57 -57
  96. package/internal/components/selectable-item/styles.selectors.js +22 -22
  97. package/internal/components/token-list/styles.css.js +10 -10
  98. package/internal/components/token-list/styles.scoped.css +25 -25
  99. package/internal/components/token-list/styles.selectors.js +10 -10
  100. package/internal/environment.js +2 -2
  101. package/internal/environment.json +2 -2
  102. package/internal/generated/custom-css-properties/index.d.ts +13 -0
  103. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  104. package/internal/generated/custom-css-properties/index.js +172 -159
  105. package/internal/generated/custom-css-properties/index.js.map +1 -1
  106. package/internal/manifest.json +1 -1
  107. package/item-card/styles.css.js +14 -14
  108. package/item-card/styles.scoped.css +63 -63
  109. package/item-card/styles.selectors.js +14 -14
  110. package/link/styles.css.js +21 -21
  111. package/link/styles.scoped.css +117 -117
  112. package/link/styles.selectors.js +21 -21
  113. package/manifest.json +2 -2
  114. package/modal/styles.css.js +31 -31
  115. package/modal/styles.scoped.css +48 -48
  116. package/modal/styles.selectors.js +31 -31
  117. package/multiselect/use-multiselect.d.ts +1 -0
  118. package/multiselect/use-multiselect.d.ts.map +1 -1
  119. package/package.json +1 -1
  120. package/progress-bar/styles.css.js +18 -18
  121. package/progress-bar/styles.scoped.css +48 -48
  122. package/progress-bar/styles.selectors.js +18 -18
  123. package/prompt-input/components/menu-dropdown.d.ts +4 -1
  124. package/prompt-input/components/menu-dropdown.d.ts.map +1 -1
  125. package/prompt-input/components/menu-dropdown.js +2 -1
  126. package/prompt-input/components/menu-dropdown.js.map +1 -1
  127. package/prompt-input/components/token-mode.d.ts +3 -0
  128. package/prompt-input/components/token-mode.d.ts.map +1 -1
  129. package/prompt-input/components/token-mode.js +14 -3
  130. package/prompt-input/components/token-mode.js.map +1 -1
  131. package/prompt-input/internal-interfaces.d.ts +40 -0
  132. package/prompt-input/internal-interfaces.d.ts.map +1 -0
  133. package/prompt-input/internal-interfaces.js +2 -0
  134. package/prompt-input/internal-interfaces.js.map +1 -0
  135. package/prompt-input/internal.d.ts.map +1 -1
  136. package/prompt-input/internal.js +1 -1
  137. package/prompt-input/internal.js.map +1 -1
  138. package/prompt-input/styles.css.js +26 -26
  139. package/prompt-input/styles.d.ts +11 -0
  140. package/prompt-input/styles.d.ts.map +1 -1
  141. package/prompt-input/styles.js +27 -2
  142. package/prompt-input/styles.js.map +1 -1
  143. package/prompt-input/styles.scoped.css +105 -105
  144. package/prompt-input/styles.selectors.js +26 -26
  145. package/property-filter/controller.d.ts.map +1 -1
  146. package/property-filter/controller.js +10 -6
  147. package/property-filter/controller.js.map +1 -1
  148. package/property-filter/i18n-utils.d.ts +2 -2
  149. package/property-filter/i18n-utils.d.ts.map +1 -1
  150. package/property-filter/i18n-utils.js +11 -4
  151. package/property-filter/i18n-utils.js.map +1 -1
  152. package/property-filter/interfaces.d.ts +8 -2
  153. package/property-filter/interfaces.d.ts.map +1 -1
  154. package/property-filter/interfaces.js.map +1 -1
  155. package/property-filter/internal-interfaces.d.ts +1 -0
  156. package/property-filter/internal-interfaces.d.ts.map +1 -1
  157. package/property-filter/internal-interfaces.js.map +1 -1
  158. package/property-filter/internal.d.ts.map +1 -1
  159. package/property-filter/internal.js +1 -0
  160. package/property-filter/internal.js.map +1 -1
  161. package/property-filter/token-editor-inputs.d.ts +2 -0
  162. package/property-filter/token-editor-inputs.d.ts.map +1 -1
  163. package/property-filter/token-editor-inputs.js +18 -8
  164. package/property-filter/token-editor-inputs.js.map +1 -1
  165. package/property-filter/token-editor.d.ts.map +1 -1
  166. package/property-filter/token-editor.js +1 -1
  167. package/property-filter/token-editor.js.map +1 -1
  168. package/property-filter/utils.d.ts.map +1 -1
  169. package/property-filter/utils.js +12 -3
  170. package/property-filter/utils.js.map +1 -1
  171. package/segmented-control/styles.css.js +16 -16
  172. package/segmented-control/styles.scoped.css +46 -46
  173. package/segmented-control/styles.selectors.js +16 -16
  174. package/slider/styles.css.js +26 -26
  175. package/slider/styles.scoped.css +165 -165
  176. package/slider/styles.selectors.js +26 -26
  177. package/spinner/styles.css.js +13 -13
  178. package/spinner/styles.scoped.css +39 -39
  179. package/spinner/styles.selectors.js +13 -13
  180. package/tabs/styles.css.js +30 -30
  181. package/tabs/styles.scoped.css +76 -76
  182. package/tabs/styles.selectors.js +30 -30
  183. package/tag-editor/styles.css.js +3 -3
  184. package/tag-editor/styles.scoped.css +13 -13
  185. package/tag-editor/styles.selectors.js +3 -3
  186. package/text-content/styles.css.js +1 -1
  187. package/text-content/styles.scoped.css +66 -66
  188. package/text-content/styles.selectors.js +1 -1
  189. package/textarea/styles.css.js +5 -5
  190. package/textarea/styles.scoped.css +45 -45
  191. package/textarea/styles.selectors.js +5 -5
  192. package/toggle/styles.css.js +10 -10
  193. package/toggle/styles.scoped.css +23 -23
  194. package/toggle/styles.selectors.js +10 -10
  195. package/token/internal.d.ts.map +1 -1
  196. package/token/internal.js +4 -1
  197. package/token/internal.js.map +1 -1
  198. package/token/styles.css.js +14 -14
  199. package/token/styles.scoped.css +47 -47
  200. package/token/styles.selectors.js +14 -14
  201. package/tree-view/tree-item/index.js +1 -1
  202. package/tree-view/tree-item/index.js.map +1 -1
  203. package/tree-view/tree-item/styles.css.js +10 -9
  204. package/tree-view/tree-item/styles.scoped.css +20 -14
  205. package/tree-view/tree-item/styles.selectors.js +10 -9
@@ -143,7 +143,7 @@
143
143
  */
144
144
  /* Style used for links in slots/components that are text heavy, to help links stand out among
145
145
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
146
- .awsui_root_55fkh_afr9o_146:not(#\9) {
146
+ .awsui_root_55fkh_lln6g_146:not(#\9) {
147
147
  border-collapse: separate;
148
148
  border-spacing: 0;
149
149
  box-sizing: border-box;
@@ -178,107 +178,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
178
178
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
179
179
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
180
180
  cursor: text;
181
- background-color: var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff));
182
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94));
183
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94));
184
- box-shadow: var(--awsui-prompt-input-style-box-shadow-default-6b9ypa);
185
- }
186
- .awsui_root_55fkh_afr9o_146:not(#\9):hover {
187
- background-color: var(--awsui-prompt-input-style-background-hover-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
188
- border-color: var(--awsui-prompt-input-style-border-color-hover-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94)));
189
- box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-6b9ypa, var(--awsui-prompt-input-style-box-shadow-default-6b9ypa));
190
- }
191
- .awsui_root_55fkh_afr9o_146.awsui_textarea-readonly_55fkh_afr9o_191:not(#\9) {
192
- background-color: var(--awsui-prompt-input-style-background-readonly-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
193
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
194
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
195
- box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-6b9ypa);
196
- }
197
- .awsui_root_55fkh_afr9o_146.awsui_disabled_55fkh_afr9o_197:not(#\9) {
198
- background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
199
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
200
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
201
- color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
181
+ background-color: var(--awsui-prompt-input-style-background-default-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff));
182
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-border-input-default-317xk5, #8c8c94));
183
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-border-input-default-317xk5, #8c8c94));
184
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-default-z17rmd);
185
+ }
186
+ .awsui_root_55fkh_lln6g_146:not(#\9):hover {
187
+ background-color: var(--awsui-prompt-input-style-background-hover-z17rmd, var(--awsui-prompt-input-style-background-default-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff)));
188
+ border-color: var(--awsui-prompt-input-style-border-color-hover-z17rmd, var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-border-input-default-317xk5, #8c8c94)));
189
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-z17rmd, var(--awsui-prompt-input-style-box-shadow-default-z17rmd));
190
+ }
191
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-readonly_55fkh_lln6g_191:not(#\9) {
192
+ background-color: var(--awsui-prompt-input-style-background-readonly-z17rmd, var(--awsui-prompt-input-style-background-default-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff)));
193
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-z17rmd, var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
194
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-z17rmd, var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
195
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-z17rmd);
196
+ }
197
+ .awsui_root_55fkh_lln6g_146.awsui_disabled_55fkh_lln6g_197:not(#\9) {
198
+ background-color: var(--awsui-prompt-input-style-background-disabled-z17rmd, var(--color-background-input-disabled-dihaja, #ebebf0));
199
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0));
200
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0));
201
+ color: var(--awsui-prompt-input-style-color-disabled-z17rmd, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
202
202
  cursor: default;
203
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
203
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-z17rmd);
204
204
  }
205
- .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9) {
206
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-bwp1cm, #db0000));
207
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-bwp1cm, #db0000));
205
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9) {
206
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-error-bwp1cm, #db0000));
207
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-error-bwp1cm, #db0000));
208
208
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
209
209
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
210
210
  }
211
- .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9):focus {
211
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9):focus {
212
212
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
213
213
  }
214
- .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9) {
214
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9) {
215
215
  padding-inline-start: 0;
216
216
  }
217
- .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9):focus-within, .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9):focus {
218
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-bwp1cm, #db0000));
219
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-bwp1cm, #db0000));
217
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9):focus-within, .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9):focus {
218
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-error-bwp1cm, #db0000));
219
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-error-bwp1cm, #db0000));
220
220
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
221
221
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
222
222
  }
223
- .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9):focus-within:focus, .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9):focus:focus {
223
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9):focus-within:focus, .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9):focus:focus {
224
224
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
225
225
  }
226
- .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9):focus-within, .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205:not(#\9):focus {
226
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9):focus-within, .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205:not(#\9):focus {
227
227
  padding-inline-start: 0;
228
228
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
229
229
  }
230
- .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205.awsui_disabled_55fkh_afr9o_197:not(#\9):focus-within, .awsui_root_55fkh_afr9o_146.awsui_textarea-invalid_55fkh_afr9o_205.awsui_disabled_55fkh_afr9o_197:not(#\9):focus {
231
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
230
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205.awsui_disabled_55fkh_lln6g_197:not(#\9):focus-within, .awsui_root_55fkh_lln6g_146.awsui_textarea-invalid_55fkh_lln6g_205.awsui_disabled_55fkh_lln6g_197:not(#\9):focus {
231
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-z17rmd);
232
232
  }
233
- .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9) {
234
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-ylxn5k, #855900));
235
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-ylxn5k, #855900));
233
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9) {
234
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-warning-ylxn5k, #855900));
235
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-warning-ylxn5k, #855900));
236
236
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
237
237
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
238
238
  }
239
- .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9):focus {
239
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9):focus {
240
240
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
241
241
  }
242
- .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9) {
242
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9) {
243
243
  padding-inline-start: 0;
244
244
  }
245
- .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9):focus-within, .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9):focus {
246
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-ylxn5k, #855900));
247
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-ylxn5k, #855900));
245
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9):focus-within, .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9):focus {
246
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-warning-ylxn5k, #855900));
247
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-warning-ylxn5k, #855900));
248
248
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
249
249
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
250
250
  }
251
- .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9):focus-within:focus, .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9):focus:focus {
251
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9):focus-within:focus, .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9):focus:focus {
252
252
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
253
253
  }
254
- .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9):focus-within, .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233:not(#\9):focus {
254
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9):focus-within, .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233:not(#\9):focus {
255
255
  padding-inline-start: 0;
256
256
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
257
257
  }
258
- .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233.awsui_disabled_55fkh_afr9o_197:not(#\9):focus-within, .awsui_root_55fkh_afr9o_146.awsui_textarea-warning_55fkh_afr9o_233.awsui_disabled_55fkh_afr9o_197:not(#\9):focus {
259
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
258
+ .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233.awsui_disabled_55fkh_lln6g_197:not(#\9):focus-within, .awsui_root_55fkh_lln6g_146.awsui_textarea-warning_55fkh_lln6g_233.awsui_disabled_55fkh_lln6g_197:not(#\9):focus {
259
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-z17rmd);
260
260
  }
261
- .awsui_root_55fkh_afr9o_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_afr9o_205):not(.awsui_textarea-warning_55fkh_afr9o_233), .awsui_root_55fkh_afr9o_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_afr9o_205):not(.awsui_textarea-warning_55fkh_afr9o_233) {
261
+ .awsui_root_55fkh_lln6g_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_lln6g_205):not(.awsui_textarea-warning_55fkh_lln6g_233), .awsui_root_55fkh_lln6g_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_lln6g_205):not(.awsui_textarea-warning_55fkh_lln6g_233) {
262
262
  outline: 2px dotted transparent;
263
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
264
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
263
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-z17rmd, var(--color-border-input-focused-4z0pgn, #006ce0));
264
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-z17rmd, var(--color-border-input-focused-4z0pgn, #006ce0));
265
265
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
266
266
  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
267
267
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
268
268
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
269
- box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
270
- background-color: var(--awsui-prompt-input-style-background-focus-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff));
271
- }
272
- .awsui_root_55fkh_afr9o_146.awsui_disabled_55fkh_afr9o_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_afr9o_205):not(.awsui_textarea-warning_55fkh_afr9o_233), .awsui_root_55fkh_afr9o_146.awsui_disabled_55fkh_afr9o_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_afr9o_205):not(.awsui_textarea-warning_55fkh_afr9o_233) {
273
- background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
274
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
275
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
276
- color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
269
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
270
+ background-color: var(--awsui-prompt-input-style-background-focus-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff));
271
+ }
272
+ .awsui_root_55fkh_lln6g_146.awsui_disabled_55fkh_lln6g_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_lln6g_205):not(.awsui_textarea-warning_55fkh_lln6g_233), .awsui_root_55fkh_lln6g_146.awsui_disabled_55fkh_lln6g_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_lln6g_205):not(.awsui_textarea-warning_55fkh_lln6g_233) {
273
+ background-color: var(--awsui-prompt-input-style-background-disabled-z17rmd, var(--color-background-input-disabled-dihaja, #ebebf0));
274
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0));
275
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0));
276
+ color: var(--awsui-prompt-input-style-color-disabled-z17rmd, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
277
277
  cursor: default;
278
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
278
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-z17rmd);
279
279
  }
280
280
 
281
- .awsui_textarea_55fkh_afr9o_191:not(#\9) {
281
+ .awsui_textarea_55fkh_lln6g_191:not(#\9) {
282
282
  border-collapse: separate;
283
283
  border-spacing: 0;
284
284
  box-sizing: border-box;
@@ -320,101 +320,101 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
320
320
  background-color: inherit;
321
321
  padding-block: var(--space-field-vertical-vm99qz, 5px);
322
322
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
323
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a));
323
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a));
324
324
  max-inline-size: 100%;
325
325
  inline-size: 100%;
326
326
  display: block;
327
327
  box-sizing: border-box;
328
328
  border: 0;
329
329
  }
330
- .awsui_textarea_55fkh_afr9o_191.awsui_placeholder-visible_55fkh_afr9o_330:not(#\9) {
330
+ .awsui_textarea_55fkh_lln6g_191.awsui_placeholder-visible_55fkh_lln6g_330:not(#\9) {
331
331
  display: grid;
332
332
  grid-template-columns: 1fr;
333
333
  }
334
- .awsui_textarea_55fkh_afr9o_191.awsui_placeholder-visible_55fkh_afr9o_330:not(#\9)::before, .awsui_textarea_55fkh_afr9o_191.awsui_placeholder-visible_55fkh_afr9o_330 > *:not(#\9) {
334
+ .awsui_textarea_55fkh_lln6g_191.awsui_placeholder-visible_55fkh_lln6g_330:not(#\9)::before, .awsui_textarea_55fkh_lln6g_191.awsui_placeholder-visible_55fkh_lln6g_330 > *:not(#\9) {
335
335
  grid-column: 1;
336
336
  grid-row: 1;
337
337
  }
338
- .awsui_textarea_55fkh_afr9o_191.awsui_placeholder-visible_55fkh_afr9o_330:not(#\9)::before {
338
+ .awsui_textarea_55fkh_lln6g_191.awsui_placeholder-visible_55fkh_lln6g_330:not(#\9)::before {
339
339
  content: attr(data-placeholder);
340
- color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
341
- font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
342
- font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
343
- font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
340
+ color: var(--awsui-prompt-input-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-dclg8u, #656871));
341
+ font-size: var(--awsui-prompt-input-style-placeholder-font-size-z17rmd);
342
+ font-style: var(--awsui-prompt-input-style-placeholder-font-style-z17rmd, italic);
343
+ font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-z17rmd);
344
344
  opacity: 1;
345
345
  pointer-events: none;
346
346
  align-self: start;
347
347
  min-inline-size: 0;
348
348
  }
349
- .awsui_textarea_55fkh_afr9o_191:not(#\9):hover {
350
- color: var(--awsui-prompt-input-style-color-hover-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
349
+ .awsui_textarea_55fkh_lln6g_191:not(#\9):hover {
350
+ color: var(--awsui-prompt-input-style-color-hover-z17rmd, var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a)));
351
351
  }
352
- .awsui_textarea_55fkh_afr9o_191:not(#\9):focus {
352
+ .awsui_textarea_55fkh_lln6g_191:not(#\9):focus {
353
353
  outline: none;
354
- color: var(--awsui-prompt-input-style-color-focus-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
354
+ color: var(--awsui-prompt-input-style-color-focus-z17rmd, var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a)));
355
355
  }
356
- .awsui_textarea_55fkh_afr9o_191:not(#\9):invalid {
356
+ .awsui_textarea_55fkh_lln6g_191:not(#\9):invalid {
357
357
  box-shadow: none;
358
358
  }
359
- .awsui_textarea_55fkh_afr9o_191:not(#\9)::placeholder {
360
- color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
361
- font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
362
- font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
363
- font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
359
+ .awsui_textarea_55fkh_lln6g_191:not(#\9)::placeholder {
360
+ color: var(--awsui-prompt-input-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-dclg8u, #656871));
361
+ font-size: var(--awsui-prompt-input-style-placeholder-font-size-z17rmd);
362
+ font-style: var(--awsui-prompt-input-style-placeholder-font-style-z17rmd, italic);
363
+ font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-z17rmd);
364
364
  opacity: 1;
365
365
  }
366
- .awsui_textarea_55fkh_afr9o_191.awsui_invalid_55fkh_afr9o_366:not(#\9), .awsui_textarea_55fkh_afr9o_191.awsui_warning_55fkh_afr9o_366:not(#\9) {
366
+ .awsui_textarea_55fkh_lln6g_191.awsui_invalid_55fkh_lln6g_366:not(#\9), .awsui_textarea_55fkh_lln6g_191.awsui_warning_55fkh_lln6g_366:not(#\9) {
367
367
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
368
368
  }
369
- .awsui_textarea_55fkh_afr9o_191:not(#\9):disabled, .awsui_textarea_55fkh_afr9o_191.awsui_textarea-disabled_55fkh_afr9o_369:not(#\9) {
370
- color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
369
+ .awsui_textarea_55fkh_lln6g_191:not(#\9):disabled, .awsui_textarea_55fkh_lln6g_191.awsui_textarea-disabled_55fkh_lln6g_369:not(#\9) {
370
+ color: var(--awsui-prompt-input-style-color-disabled-z17rmd, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
371
371
  cursor: default;
372
372
  overflow-y: hidden;
373
373
  }
374
- .awsui_textarea_55fkh_afr9o_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_afr9o_191.awsui_textarea-disabled_55fkh_afr9o_369:not(#\9)::placeholder {
374
+ .awsui_textarea_55fkh_lln6g_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_lln6g_191.awsui_textarea-disabled_55fkh_lln6g_369:not(#\9)::placeholder {
375
375
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
376
376
  opacity: 1;
377
377
  }
378
- .awsui_textarea-readonly_55fkh_afr9o_191:not(#\9) {
379
- color: var(--awsui-prompt-input-style-color-readonly-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
378
+ .awsui_textarea-readonly_55fkh_lln6g_191:not(#\9) {
379
+ color: var(--awsui-prompt-input-style-color-readonly-z17rmd, var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a)));
380
380
  }
381
- .awsui_textarea_55fkh_afr9o_191.awsui_textarea-disabled_55fkh_afr9o_369.awsui_placeholder-visible_55fkh_afr9o_330:not(#\9)::before {
381
+ .awsui_textarea_55fkh_lln6g_191.awsui_textarea-disabled_55fkh_lln6g_369.awsui_placeholder-visible_55fkh_lln6g_330:not(#\9)::before {
382
382
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
383
383
  opacity: 1;
384
384
  pointer-events: none;
385
385
  }
386
- .awsui_textarea-wrapper_55fkh_afr9o_386:not(#\9) {
386
+ .awsui_textarea-wrapper_55fkh_lln6g_386:not(#\9) {
387
387
  display: flex;
388
388
  position: relative;
389
389
  }
390
390
 
391
- .awsui_editable-wrapper_55fkh_afr9o_391:not(#\9) {
391
+ .awsui_editable-wrapper_55fkh_lln6g_391:not(#\9) {
392
392
  flex: 1;
393
393
  min-inline-size: 0;
394
394
  position: relative;
395
395
  }
396
396
 
397
- .awsui_editable-element_55fkh_afr9o_397:not(#\9) {
397
+ .awsui_editable-element_55fkh_lln6g_397:not(#\9) {
398
398
  word-wrap: break-word;
399
399
  overflow-wrap: break-word;
400
400
  overflow-y: auto;
401
401
  overflow-x: hidden;
402
402
  }
403
403
 
404
- .awsui_primary-action_55fkh_afr9o_404:not(#\9) {
404
+ .awsui_primary-action_55fkh_lln6g_404:not(#\9) {
405
405
  align-self: flex-end;
406
406
  flex-shrink: 0;
407
407
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
408
408
  }
409
- .awsui_textarea-wrapper_55fkh_afr9o_386 > .awsui_primary-action_55fkh_afr9o_404:not(#\9) {
409
+ .awsui_textarea-wrapper_55fkh_lln6g_386 > .awsui_primary-action_55fkh_lln6g_404:not(#\9) {
410
410
  padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
411
411
  }
412
- .awsui_textarea-wrapper_55fkh_afr9o_386 > .awsui_primary-action_55fkh_afr9o_404 > .awsui_action-button_55fkh_afr9o_412:not(#\9) {
412
+ .awsui_textarea-wrapper_55fkh_lln6g_386 > .awsui_primary-action_55fkh_lln6g_404 > .awsui_action-button_55fkh_lln6g_412:not(#\9) {
413
413
  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
414
414
  padding: 0;
415
415
  }
416
416
 
417
- .awsui_secondary-content_55fkh_afr9o_417:not(#\9) {
417
+ .awsui_secondary-content_55fkh_lln6g_417:not(#\9) {
418
418
  border-collapse: separate;
419
419
  border-spacing: 0;
420
420
  box-sizing: border-box;
@@ -449,17 +449,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
449
449
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
450
450
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
451
451
  }
452
- .awsui_secondary-content_55fkh_afr9o_417.awsui_with-paddings_55fkh_afr9o_452:not(#\9) {
452
+ .awsui_secondary-content_55fkh_lln6g_417.awsui_with-paddings_55fkh_lln6g_452:not(#\9) {
453
453
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
454
454
  padding-block-end: var(--space-scaled-s-8ozaad, 12px);
455
455
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
456
456
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
457
457
  }
458
- .awsui_secondary-content_55fkh_afr9o_417.awsui_with-paddings_55fkh_afr9o_452.awsui_invalid_55fkh_afr9o_366:not(#\9), .awsui_secondary-content_55fkh_afr9o_417.awsui_with-paddings_55fkh_afr9o_452.awsui_warning_55fkh_afr9o_366:not(#\9) {
458
+ .awsui_secondary-content_55fkh_lln6g_417.awsui_with-paddings_55fkh_lln6g_452.awsui_invalid_55fkh_lln6g_366:not(#\9), .awsui_secondary-content_55fkh_lln6g_417.awsui_with-paddings_55fkh_lln6g_452.awsui_warning_55fkh_lln6g_366:not(#\9) {
459
459
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
460
460
  }
461
461
 
462
- .awsui_action-stripe_55fkh_afr9o_462:not(#\9) {
462
+ .awsui_action-stripe_55fkh_lln6g_462:not(#\9) {
463
463
  border-collapse: separate;
464
464
  border-spacing: 0;
465
465
  box-sizing: border-box;
@@ -498,7 +498,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
498
498
  align-items: flex-end;
499
499
  }
500
500
 
501
- .awsui_secondary-actions_55fkh_afr9o_501:not(#\9) {
501
+ .awsui_secondary-actions_55fkh_lln6g_501:not(#\9) {
502
502
  flex-basis: max-content;
503
503
  flex-grow: 0;
504
504
  flex-shrink: 1;
@@ -508,25 +508,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
508
508
  overflow: hidden;
509
509
  padding-inline-end: var(--space-scaled-xxs-pfm1nx, 4px);
510
510
  }
511
- .awsui_secondary-actions_55fkh_afr9o_501.awsui_with-paddings_55fkh_afr9o_452:not(#\9) {
511
+ .awsui_secondary-actions_55fkh_lln6g_501.awsui_with-paddings_55fkh_lln6g_452:not(#\9) {
512
512
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
513
513
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
514
514
  padding-block-end: var(--space-field-vertical-vm99qz, 5px);
515
515
  }
516
- .awsui_secondary-actions_55fkh_afr9o_501.awsui_with-paddings_55fkh_afr9o_452.awsui_invalid_55fkh_afr9o_366:not(#\9), .awsui_secondary-actions_55fkh_afr9o_501.awsui_with-paddings_55fkh_afr9o_452.awsui_warning_55fkh_afr9o_366:not(#\9) {
516
+ .awsui_secondary-actions_55fkh_lln6g_501.awsui_with-paddings_55fkh_lln6g_452.awsui_invalid_55fkh_lln6g_366:not(#\9), .awsui_secondary-actions_55fkh_lln6g_501.awsui_with-paddings_55fkh_lln6g_452.awsui_warning_55fkh_lln6g_366:not(#\9) {
517
517
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
518
518
  }
519
- .awsui_secondary-actions_55fkh_afr9o_501.awsui_with-paddings-and-actions_55fkh_afr9o_519:not(#\9) {
519
+ .awsui_secondary-actions_55fkh_lln6g_501.awsui_with-paddings-and-actions_55fkh_lln6g_519:not(#\9) {
520
520
  padding-inline-end: 0;
521
521
  }
522
522
 
523
- .awsui_buffer_55fkh_afr9o_523:not(#\9) {
523
+ .awsui_buffer_55fkh_lln6g_523:not(#\9) {
524
524
  flex: 1;
525
525
  align-self: stretch;
526
526
  cursor: text;
527
527
  }
528
528
 
529
- .awsui_token-container_55fkh_afr9o_529:not(#\9) {
529
+ .awsui_token-container_55fkh_lln6g_529:not(#\9) {
530
530
  display: inline-block;
531
531
  user-select: all;
532
532
  -webkit-user-select: all;
@@ -534,22 +534,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
534
534
  padding-inline: var(--space-xxxs-pajhad, 2px);
535
535
  }
536
536
 
537
- .awsui_reference-wrapper_55fkh_afr9o_537:not(#\9) {
537
+ .awsui_reference-wrapper_55fkh_lln6g_537:not(#\9) {
538
538
  unicode-bidi: isolate;
539
539
  }
540
540
 
541
- .awsui_trigger-base_55fkh_afr9o_541:not(#\9) {
541
+ .awsui_trigger-base_55fkh_lln6g_541:not(#\9) {
542
542
  unicode-bidi: isolate;
543
543
  }
544
544
 
545
- .awsui_trigger-token_55fkh_afr9o_545:not(#\9) {
545
+ .awsui_trigger-token_55fkh_lln6g_545:not(#\9) {
546
546
  -webkit-text-decoration: underline dashed currentColor;
547
547
  text-decoration: underline dashed currentColor;
548
548
  text-decoration-thickness: var(--border-divider-list-width-tdfx1x, 1px);
549
549
  text-underline-offset: var(--space-xxxs-pajhad, 2px);
550
550
  }
551
551
 
552
- .awsui_paragraph_55fkh_afr9o_551:not(#\9) {
552
+ .awsui_paragraph_55fkh_lln6g_551:not(#\9) {
553
553
  border-collapse: separate;
554
554
  border-spacing: 0;
555
555
  box-sizing: border-box;
@@ -2,31 +2,31 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_55fkh_afr9o_146",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_afr9o_191",
7
- "disabled": "awsui_disabled_55fkh_afr9o_197",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_afr9o_205",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_afr9o_233",
10
- "textarea": "awsui_textarea_55fkh_afr9o_191",
11
- "placeholder-visible": "awsui_placeholder-visible_55fkh_afr9o_330",
12
- "invalid": "awsui_invalid_55fkh_afr9o_366",
13
- "warning": "awsui_warning_55fkh_afr9o_366",
14
- "textarea-disabled": "awsui_textarea-disabled_55fkh_afr9o_369",
15
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_afr9o_386",
16
- "editable-wrapper": "awsui_editable-wrapper_55fkh_afr9o_391",
17
- "editable-element": "awsui_editable-element_55fkh_afr9o_397",
18
- "primary-action": "awsui_primary-action_55fkh_afr9o_404",
19
- "action-button": "awsui_action-button_55fkh_afr9o_412",
20
- "secondary-content": "awsui_secondary-content_55fkh_afr9o_417",
21
- "with-paddings": "awsui_with-paddings_55fkh_afr9o_452",
22
- "action-stripe": "awsui_action-stripe_55fkh_afr9o_462",
23
- "secondary-actions": "awsui_secondary-actions_55fkh_afr9o_501",
24
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_afr9o_519",
25
- "buffer": "awsui_buffer_55fkh_afr9o_523",
26
- "token-container": "awsui_token-container_55fkh_afr9o_529",
27
- "reference-wrapper": "awsui_reference-wrapper_55fkh_afr9o_537",
28
- "trigger-base": "awsui_trigger-base_55fkh_afr9o_541",
29
- "trigger-token": "awsui_trigger-token_55fkh_afr9o_545",
30
- "paragraph": "awsui_paragraph_55fkh_afr9o_551"
5
+ "root": "awsui_root_55fkh_lln6g_146",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_lln6g_191",
7
+ "disabled": "awsui_disabled_55fkh_lln6g_197",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_lln6g_205",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_lln6g_233",
10
+ "textarea": "awsui_textarea_55fkh_lln6g_191",
11
+ "placeholder-visible": "awsui_placeholder-visible_55fkh_lln6g_330",
12
+ "invalid": "awsui_invalid_55fkh_lln6g_366",
13
+ "warning": "awsui_warning_55fkh_lln6g_366",
14
+ "textarea-disabled": "awsui_textarea-disabled_55fkh_lln6g_369",
15
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_lln6g_386",
16
+ "editable-wrapper": "awsui_editable-wrapper_55fkh_lln6g_391",
17
+ "editable-element": "awsui_editable-element_55fkh_lln6g_397",
18
+ "primary-action": "awsui_primary-action_55fkh_lln6g_404",
19
+ "action-button": "awsui_action-button_55fkh_lln6g_412",
20
+ "secondary-content": "awsui_secondary-content_55fkh_lln6g_417",
21
+ "with-paddings": "awsui_with-paddings_55fkh_lln6g_452",
22
+ "action-stripe": "awsui_action-stripe_55fkh_lln6g_462",
23
+ "secondary-actions": "awsui_secondary-actions_55fkh_lln6g_501",
24
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_lln6g_519",
25
+ "buffer": "awsui_buffer_55fkh_lln6g_523",
26
+ "token-container": "awsui_token-container_55fkh_lln6g_529",
27
+ "reference-wrapper": "awsui_reference-wrapper_55fkh_lln6g_537",
28
+ "trigger-base": "awsui_trigger-base_55fkh_lln6g_541",
29
+ "trigger-token": "awsui_trigger-token_55fkh_lln6g_545",
30
+ "paragraph": "awsui_paragraph_55fkh_lln6g_551"
31
31
  };
32
32
 
@@ -1 +1 @@
1
- {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAqB,MAAM,cAAc,CAAC;AACnH,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,UAAU,EACX,MAAM,uBAAuB,CAAC;AAY/B,KAAK,qBAAqB,GAAG,oBAAoB,GAC/C,IAAI,CAAC,WAAW,EAAE,eAAe,GAAG,qBAAqB,GAAG,iBAAiB,CAAC,CAAC;AAEjF,eAAO,MAAM,eAAe,GAAI,2DAK7B;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAC3C,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;sBAiB0B,aAAa;+BAKvB,MAAM,gBACL,aAAa,GAAG,kBAAkB,kBAChC,aAAa,EAAE;iCAmBG,aAAa;+BARf,MAAM;;CAazC,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAAI,UAAU,yBAAyB,KAAG,kBAAkB,EAI3F,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,UAAU,yBAAyB,KAAG,kBAAkB,EAGnG,CAAC;AAQF,eAAO,MAAM,SAAS,GACpB,eAAe,MAAM,EACrB,qBAAqB,SAAS,yBAAyB,EAAE,EACzD,mBAAmB,yBAAyB,KAC3C,UA6CF,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAmDD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,EACzD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,qBAAqB,EAClC,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,yBAAyB,KAAK,CAAC,oBA0B/E;AAED,eAAO,MAAM,qBAAqB,GAChC,YAAY,UAAU,EACtB,qBAAqB,SAAS,yBAAyB,EAAE,EACzD,kBAAkB,SAAS,uBAAuB,EAAE,EACpD,kBAAkB,SAAS,SAAS,EAAE,EACtC,aAAa,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEnC,CAAC"}
1
+ {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAqB,MAAM,cAAc,CAAC;AACnH,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,UAAU,EACX,MAAM,uBAAuB,CAAC;AAY/B,KAAK,qBAAqB,GAAG,oBAAoB,GAC/C,IAAI,CAAC,WAAW,EAAE,eAAe,GAAG,qBAAqB,GAAG,iBAAiB,CAAC,CAAC;AAEjF,eAAO,MAAM,eAAe,GAAI,2DAK7B;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAC3C,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;sBAiB0B,aAAa;+BAKvB,MAAM,gBACL,aAAa,GAAG,kBAAkB,kBAChC,aAAa,EAAE;iCAmBG,aAAa;+BARf,MAAM;;CAazC,CAAC;AAUF,eAAO,MAAM,mBAAmB,GAAI,UAAU,yBAAyB,KAAG,kBAAkB,EAG3F,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,UAAU,yBAAyB,KAAG,kBAAkB,EAGnG,CAAC;AAQF,eAAO,MAAM,SAAS,GACpB,eAAe,MAAM,EACrB,qBAAqB,SAAS,yBAAyB,EAAE,EACzD,mBAAmB,yBAAyB,KAC3C,UA6CF,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAmDD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,EACzD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,qBAAqB,EAClC,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,yBAAyB,KAAK,CAAC,oBA0B/E;AAED,eAAO,MAAM,qBAAqB,GAChC,YAAY,UAAU,EACtB,qBAAqB,SAAS,yBAAyB,EAAE,EACzD,kBAAkB,SAAS,uBAAuB,EAAE,EACpD,kBAAkB,SAAS,SAAS,EAAE,EACtC,aAAa,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEnC,CAAC"}
@@ -42,15 +42,19 @@ export const getQueryActions = ({ query, onChange, filteringOptions, enableToken
42
42
  };
43
43
  return { addToken, updateToken, updateOperation, removeToken, removeAllTokens };
44
44
  };
45
- const operatorOrder = ['=', '!=', ':', '!:', '^', '!^', '>=', '<=', '<', '>'];
45
+ const knownOperatorOrder = ['=', '!=', ':', '!:', '^', '!^', '>=', '<=', '<', '>'];
46
+ function orderOperators(operatorSet) {
47
+ const knownOperators = knownOperatorOrder.filter(op => operatorSet.has(op));
48
+ const customOperators = [...operatorSet].filter(op => !knownOperatorOrder.includes(op));
49
+ return [...knownOperators, ...customOperators];
50
+ }
46
51
  export const getAllowedOperators = (property) => {
47
52
  const { operators = [], defaultOperator } = property;
48
- const operatorSet = new Set([defaultOperator, ...operators]);
49
- return operatorOrder.filter(op => operatorSet.has(op));
53
+ return orderOperators(new Set([defaultOperator, ...operators]));
50
54
  };
51
55
  export const getAllowedFreeTextOperators = (freeText) => {
52
- const operatorSet = new Set(freeText.operators);
53
- return operatorOrder.filter(op => operatorSet.has(op));
56
+ const operators = freeText.operators.map(op => (typeof op === 'string' ? op : op.operator));
57
+ return orderOperators(new Set(operators));
54
58
  };
55
59
  /*
56
60
  * parses the value of the filtering input to figure out the current step of entering the token:
@@ -192,7 +196,7 @@ export const getAutosuggestOptions = (parsedText, filteringProperties, filtering
192
196
  options: getAllowedOperators(parsedText.property).map(value => ({
193
197
  value: parsedText.property.propertyLabel + ' ' + value + ' ',
194
198
  label: parsedText.property.propertyLabel + ' ' + value,
195
- description: operatorToDescription(value, i18nStrings),
199
+ description: operatorToDescription(value, i18nStrings, parsedText.property),
196
200
  keepOpenOnSelect: true,
197
201
  })),
198
202
  label: i18nStrings.operatorsText,