@cloudscape-design/components-themeable 3.0.1328 → 3.0.1329

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 (211) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/anchor-navigation/styles.scss +3 -0
  3. package/lib/internal/scss/expandable-section/styles.scss +1 -1
  4. package/lib/internal/scss/header/styles.scss +11 -0
  5. package/lib/internal/scss/internal/components/option/styles.scss +6 -2
  6. package/lib/internal/scss/internal/components/selectable-item/styles.scss +9 -8
  7. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +173 -160
  8. package/lib/internal/scss/tree-view/tree-item/styles.scss +9 -4
  9. package/lib/internal/template/alert/styles.css.js +27 -27
  10. package/lib/internal/template/alert/styles.scoped.css +50 -50
  11. package/lib/internal/template/alert/styles.selectors.js +27 -27
  12. package/lib/internal/template/anchor-navigation/anchor-item/index.js +1 -1
  13. package/lib/internal/template/anchor-navigation/anchor-item/index.js.map +1 -1
  14. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  15. package/lib/internal/template/anchor-navigation/styles.scoped.css +20 -18
  16. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  17. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  18. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  19. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  20. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  21. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  22. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  23. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  24. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +262 -262
  25. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +29 -29
  33. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +66 -66
  34. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +29 -29
  35. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  36. package/lib/internal/template/attribute-editor/styles.scoped.css +29 -29
  37. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  38. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  39. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +30 -30
  40. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  41. package/lib/internal/template/button/styles.css.js +22 -22
  42. package/lib/internal/template/button/styles.scoped.css +256 -256
  43. package/lib/internal/template/button/styles.selectors.js +22 -22
  44. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  45. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  46. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  47. package/lib/internal/template/checkbox/styles.css.js +3 -3
  48. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  49. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  50. package/lib/internal/template/content-layout/styles.css.js +14 -14
  51. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  52. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  53. package/lib/internal/template/dropdown/styles.css.js +20 -20
  54. package/lib/internal/template/dropdown/styles.scoped.css +49 -49
  55. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  56. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  57. package/lib/internal/template/expandable-section/expandable-section-header.js +1 -1
  58. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  59. package/lib/internal/template/expandable-section/styles.css.js +35 -35
  60. package/lib/internal/template/expandable-section/styles.scoped.css +70 -70
  61. package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
  62. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  63. package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
  64. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  65. package/lib/internal/template/flashbar/styles.css.js +50 -50
  66. package/lib/internal/template/flashbar/styles.scoped.css +192 -192
  67. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  68. package/lib/internal/template/header/internal.d.ts +2 -1
  69. package/lib/internal/template/header/internal.d.ts.map +1 -1
  70. package/lib/internal/template/header/internal.js +2 -2
  71. package/lib/internal/template/header/internal.js.map +1 -1
  72. package/lib/internal/template/header/styles.css.js +35 -34
  73. package/lib/internal/template/header/styles.scoped.css +60 -52
  74. package/lib/internal/template/header/styles.selectors.js +35 -34
  75. package/lib/internal/template/help-panel/styles.css.js +6 -6
  76. package/lib/internal/template/help-panel/styles.scoped.css +72 -72
  77. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  78. package/lib/internal/template/icon/generated/icons.d.ts +1 -0
  79. package/lib/internal/template/icon/generated/icons.d.ts.map +1 -1
  80. package/lib/internal/template/icon/generated/icons.js +3 -0
  81. package/lib/internal/template/icon/generated/icons.js.map +1 -1
  82. package/lib/internal/template/icon-provider/interfaces.d.ts +1 -1
  83. package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
  84. package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
  85. package/lib/internal/template/input/styles.css.js +18 -18
  86. package/lib/internal/template/input/styles.scoped.css +82 -82
  87. package/lib/internal/template/input/styles.selectors.js +18 -18
  88. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  89. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  90. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  91. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  92. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  93. package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
  94. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  95. package/lib/internal/template/internal/components/options-list/index.d.ts +2 -0
  96. package/lib/internal/template/internal/components/options-list/index.d.ts.map +1 -1
  97. package/lib/internal/template/internal/components/options-list/index.js +2 -2
  98. package/lib/internal/template/internal/components/options-list/index.js.map +1 -1
  99. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  100. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  101. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  102. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  103. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +57 -57
  104. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  105. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  106. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  107. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  108. package/lib/internal/template/internal/environment.js +2 -2
  109. package/lib/internal/template/internal/environment.json +2 -2
  110. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +13 -0
  111. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  112. package/lib/internal/template/internal/generated/custom-css-properties/index.js +172 -159
  113. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  114. package/lib/internal/template/item-card/styles.css.js +14 -14
  115. package/lib/internal/template/item-card/styles.scoped.css +63 -63
  116. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  117. package/lib/internal/template/link/styles.css.js +21 -21
  118. package/lib/internal/template/link/styles.scoped.css +117 -117
  119. package/lib/internal/template/link/styles.selectors.js +21 -21
  120. package/lib/internal/template/modal/styles.css.js +31 -31
  121. package/lib/internal/template/modal/styles.scoped.css +48 -48
  122. package/lib/internal/template/modal/styles.selectors.js +31 -31
  123. package/lib/internal/template/multiselect/use-multiselect.d.ts +1 -0
  124. package/lib/internal/template/multiselect/use-multiselect.d.ts.map +1 -1
  125. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  126. package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
  127. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  128. package/lib/internal/template/prompt-input/components/menu-dropdown.d.ts +3 -1
  129. package/lib/internal/template/prompt-input/components/menu-dropdown.d.ts.map +1 -1
  130. package/lib/internal/template/prompt-input/components/menu-dropdown.js +2 -1
  131. package/lib/internal/template/prompt-input/components/menu-dropdown.js.map +1 -1
  132. package/lib/internal/template/prompt-input/components/token-mode.d.ts +3 -1
  133. package/lib/internal/template/prompt-input/components/token-mode.d.ts.map +1 -1
  134. package/lib/internal/template/prompt-input/components/token-mode.js +14 -3
  135. package/lib/internal/template/prompt-input/components/token-mode.js.map +1 -1
  136. package/lib/internal/template/prompt-input/internal-interfaces.d.ts +41 -0
  137. package/lib/internal/template/prompt-input/internal-interfaces.d.ts.map +1 -0
  138. package/lib/internal/template/prompt-input/internal-interfaces.js +2 -0
  139. package/lib/internal/template/prompt-input/internal-interfaces.js.map +1 -0
  140. package/lib/internal/template/prompt-input/internal.d.ts.map +1 -1
  141. package/lib/internal/template/prompt-input/internal.js +1 -1
  142. package/lib/internal/template/prompt-input/internal.js.map +1 -1
  143. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  144. package/lib/internal/template/prompt-input/styles.d.ts +11 -0
  145. package/lib/internal/template/prompt-input/styles.d.ts.map +1 -1
  146. package/lib/internal/template/prompt-input/styles.js +27 -2
  147. package/lib/internal/template/prompt-input/styles.js.map +1 -1
  148. package/lib/internal/template/prompt-input/styles.scoped.css +105 -105
  149. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  150. package/lib/internal/template/property-filter/controller.d.ts.map +1 -1
  151. package/lib/internal/template/property-filter/controller.js +10 -6
  152. package/lib/internal/template/property-filter/controller.js.map +1 -1
  153. package/lib/internal/template/property-filter/i18n-utils.d.ts +2 -2
  154. package/lib/internal/template/property-filter/i18n-utils.d.ts.map +1 -1
  155. package/lib/internal/template/property-filter/i18n-utils.js +11 -4
  156. package/lib/internal/template/property-filter/i18n-utils.js.map +1 -1
  157. package/lib/internal/template/property-filter/interfaces.d.ts +8 -2
  158. package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
  159. package/lib/internal/template/property-filter/interfaces.js.map +1 -1
  160. package/lib/internal/template/property-filter/internal-interfaces.d.ts +1 -0
  161. package/lib/internal/template/property-filter/internal-interfaces.d.ts.map +1 -1
  162. package/lib/internal/template/property-filter/internal-interfaces.js.map +1 -1
  163. package/lib/internal/template/property-filter/internal.d.ts.map +1 -1
  164. package/lib/internal/template/property-filter/internal.js +1 -0
  165. package/lib/internal/template/property-filter/internal.js.map +1 -1
  166. package/lib/internal/template/property-filter/token-editor-inputs.d.ts +2 -1
  167. package/lib/internal/template/property-filter/token-editor-inputs.d.ts.map +1 -1
  168. package/lib/internal/template/property-filter/token-editor-inputs.js +18 -8
  169. package/lib/internal/template/property-filter/token-editor-inputs.js.map +1 -1
  170. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  171. package/lib/internal/template/property-filter/token-editor.js +1 -1
  172. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  173. package/lib/internal/template/property-filter/utils.d.ts.map +1 -1
  174. package/lib/internal/template/property-filter/utils.js +12 -3
  175. package/lib/internal/template/property-filter/utils.js.map +1 -1
  176. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  177. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  178. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  179. package/lib/internal/template/slider/styles.css.js +26 -26
  180. package/lib/internal/template/slider/styles.scoped.css +165 -165
  181. package/lib/internal/template/slider/styles.selectors.js +26 -26
  182. package/lib/internal/template/spinner/styles.css.js +13 -13
  183. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  184. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  185. package/lib/internal/template/tabs/styles.css.js +30 -30
  186. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  187. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  188. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  189. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  190. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  191. package/lib/internal/template/text-content/styles.css.js +1 -1
  192. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  193. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  194. package/lib/internal/template/textarea/styles.css.js +5 -5
  195. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  196. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  197. package/lib/internal/template/toggle/styles.css.js +10 -10
  198. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  199. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  200. package/lib/internal/template/token/internal.d.ts.map +1 -1
  201. package/lib/internal/template/token/internal.js +4 -1
  202. package/lib/internal/template/token/internal.js.map +1 -1
  203. package/lib/internal/template/token/styles.css.js +14 -14
  204. package/lib/internal/template/token/styles.scoped.css +47 -47
  205. package/lib/internal/template/token/styles.selectors.js +14 -14
  206. package/lib/internal/template/tree-view/tree-item/index.js +1 -1
  207. package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
  208. package/lib/internal/template/tree-view/tree-item/styles.css.js +10 -9
  209. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +20 -14
  210. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +10 -9
  211. package/package.json +1 -1
@@ -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_1sjr7_146:not(#\9) {
146
+ .awsui_root_55fkh_qgul6_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-4vr9on, 2px);
179
179
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
180
180
  cursor: text;
181
- background-color: var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
182
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
183
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
184
- box-shadow: var(--awsui-prompt-input-style-box-shadow-default-6b9ypa);
185
- }
186
- .awsui_root_55fkh_1sjr7_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-1z2buq, #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-txli8y, #687078)));
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_1sjr7_146.awsui_textarea-readonly_55fkh_1sjr7_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-1z2buq, #ffffff)));
193
- border-block: var(--border-width-field-9k1tdz, 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-tz38ro, #eaeded)));
194
- border-inline: var(--border-width-field-9k1tdz, 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-tz38ro, #eaeded)));
195
- box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-6b9ypa);
196
- }
197
- .awsui_root_55fkh_1sjr7_146.awsui_disabled_55fkh_1sjr7_197:not(#\9) {
198
- background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-4vlau3, #eaeded));
199
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
200
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
201
- color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-y5t5v9, #879596));
181
+ background-color: var(--awsui-prompt-input-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff));
182
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078));
183
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078));
184
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-default-z17rmd);
185
+ }
186
+ .awsui_root_55fkh_qgul6_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-1z2buq, #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-txli8y, #687078)));
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_qgul6_146.awsui_textarea-readonly_55fkh_qgul6_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-1z2buq, #ffffff)));
193
+ border-block: var(--border-width-field-9k1tdz, 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-tz38ro, #eaeded)));
194
+ border-inline: var(--border-width-field-9k1tdz, 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-tz38ro, #eaeded)));
195
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-z17rmd);
196
+ }
197
+ .awsui_root_55fkh_qgul6_146.awsui_disabled_55fkh_qgul6_197:not(#\9) {
198
+ background-color: var(--awsui-prompt-input-style-background-disabled-z17rmd, var(--color-background-input-disabled-4vlau3, #eaeded));
199
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
200
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
201
+ color: var(--awsui-prompt-input-style-color-disabled-z17rmd, var(--color-text-input-disabled-y5t5v9, #879596));
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_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9) {
206
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
207
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
205
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9) {
206
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
207
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
208
208
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
209
209
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
210
210
  }
211
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus {
211
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9):focus {
212
212
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
213
213
  }
214
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9) {
214
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9) {
215
215
  padding-inline-start: 0;
216
216
  }
217
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus {
218
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
219
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
217
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9):focus-within, .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9):focus {
218
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
219
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
220
220
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
221
221
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
222
222
  }
223
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus-within:focus, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus:focus {
223
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9):focus-within:focus, .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9):focus:focus {
224
224
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
225
225
  }
226
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus {
226
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205:not(#\9):focus-within, .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_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-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
229
229
  }
230
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus {
231
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
230
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205.awsui_disabled_55fkh_qgul6_197:not(#\9):focus-within, .awsui_root_55fkh_qgul6_146.awsui_textarea-invalid_55fkh_qgul6_205.awsui_disabled_55fkh_qgul6_197:not(#\9):focus {
231
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-z17rmd);
232
232
  }
233
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9) {
234
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
235
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
233
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9) {
234
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
235
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
236
236
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
237
237
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
238
238
  }
239
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus {
239
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9):focus {
240
240
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
241
241
  }
242
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9) {
242
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9) {
243
243
  padding-inline-start: 0;
244
244
  }
245
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus {
246
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
247
- border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
245
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9):focus-within, .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9):focus {
246
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
247
+ border-color: var(--awsui-prompt-input-style-border-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
248
248
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
249
249
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
250
250
  }
251
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus-within:focus, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus:focus {
251
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9):focus-within:focus, .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9):focus:focus {
252
252
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
253
253
  }
254
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus {
254
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233:not(#\9):focus-within, .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_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-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
257
257
  }
258
- .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus {
259
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
258
+ .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233.awsui_disabled_55fkh_qgul6_197:not(#\9):focus-within, .awsui_root_55fkh_qgul6_146.awsui_textarea-warning_55fkh_qgul6_233.awsui_disabled_55fkh_qgul6_197:not(#\9):focus {
259
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-z17rmd);
260
260
  }
261
- .awsui_root_55fkh_1sjr7_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233), .awsui_root_55fkh_1sjr7_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233) {
261
+ .awsui_root_55fkh_qgul6_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_qgul6_205):not(.awsui_textarea-warning_55fkh_qgul6_233), .awsui_root_55fkh_qgul6_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_qgul6_205):not(.awsui_textarea-warning_55fkh_qgul6_233) {
262
262
  outline: 2px dotted transparent;
263
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
264
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
263
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #0073bb));
264
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #0073bb));
265
265
  border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
266
266
  border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
267
267
  border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
268
268
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
269
- box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
270
- background-color: var(--awsui-prompt-input-style-background-focus-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
271
- }
272
- .awsui_root_55fkh_1sjr7_146.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233), .awsui_root_55fkh_1sjr7_146.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233) {
273
- background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-4vlau3, #eaeded));
274
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
275
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
276
- color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-y5t5v9, #879596));
269
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
270
+ background-color: var(--awsui-prompt-input-style-background-focus-z17rmd, var(--color-background-input-default-1z2buq, #ffffff));
271
+ }
272
+ .awsui_root_55fkh_qgul6_146.awsui_disabled_55fkh_qgul6_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_qgul6_205):not(.awsui_textarea-warning_55fkh_qgul6_233), .awsui_root_55fkh_qgul6_146.awsui_disabled_55fkh_qgul6_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_qgul6_205):not(.awsui_textarea-warning_55fkh_qgul6_233) {
273
+ background-color: var(--awsui-prompt-input-style-background-disabled-z17rmd, var(--color-background-input-disabled-4vlau3, #eaeded));
274
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
275
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
276
+ color: var(--awsui-prompt-input-style-color-disabled-z17rmd, var(--color-text-input-disabled-y5t5v9, #879596));
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_1sjr7_191:not(#\9) {
281
+ .awsui_textarea_55fkh_qgul6_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-dgs6s0, 4px);
322
322
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
323
- color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f));
323
+ color: var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f));
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_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9) {
330
+ .awsui_textarea_55fkh_qgul6_191.awsui_placeholder-visible_55fkh_qgul6_330:not(#\9) {
331
331
  display: grid;
332
332
  grid-template-columns: 1fr;
333
333
  }
334
- .awsui_textarea_55fkh_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9)::before, .awsui_textarea_55fkh_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330 > *:not(#\9) {
334
+ .awsui_textarea_55fkh_qgul6_191.awsui_placeholder-visible_55fkh_qgul6_330:not(#\9)::before, .awsui_textarea_55fkh_qgul6_191.awsui_placeholder-visible_55fkh_qgul6_330 > *:not(#\9) {
335
335
  grid-column: 1;
336
336
  grid-row: 1;
337
337
  }
338
- .awsui_textarea_55fkh_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9)::before {
338
+ .awsui_textarea_55fkh_qgul6_191.awsui_placeholder-visible_55fkh_qgul6_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-hvcry0, #687078));
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-hvcry0, #687078));
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_1sjr7_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-5qid0u, #16191f)));
349
+ .awsui_textarea_55fkh_qgul6_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-5qid0u, #16191f)));
351
351
  }
352
- .awsui_textarea_55fkh_1sjr7_191:not(#\9):focus {
352
+ .awsui_textarea_55fkh_qgul6_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-5qid0u, #16191f)));
354
+ color: var(--awsui-prompt-input-style-color-focus-z17rmd, var(--awsui-prompt-input-style-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f)));
355
355
  }
356
- .awsui_textarea_55fkh_1sjr7_191:not(#\9):invalid {
356
+ .awsui_textarea_55fkh_qgul6_191:not(#\9):invalid {
357
357
  box-shadow: none;
358
358
  }
359
- .awsui_textarea_55fkh_1sjr7_191:not(#\9)::placeholder {
360
- color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
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_qgul6_191:not(#\9)::placeholder {
360
+ color: var(--awsui-prompt-input-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
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_1sjr7_191.awsui_invalid_55fkh_1sjr7_366:not(#\9), .awsui_textarea_55fkh_1sjr7_191.awsui_warning_55fkh_1sjr7_366:not(#\9) {
366
+ .awsui_textarea_55fkh_qgul6_191.awsui_invalid_55fkh_qgul6_366:not(#\9), .awsui_textarea_55fkh_qgul6_191.awsui_warning_55fkh_qgul6_366:not(#\9) {
367
367
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
368
368
  }
369
- .awsui_textarea_55fkh_1sjr7_191:not(#\9):disabled, .awsui_textarea_55fkh_1sjr7_191.awsui_textarea-disabled_55fkh_1sjr7_369:not(#\9) {
370
- color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-y5t5v9, #879596));
369
+ .awsui_textarea_55fkh_qgul6_191:not(#\9):disabled, .awsui_textarea_55fkh_qgul6_191.awsui_textarea-disabled_55fkh_qgul6_369:not(#\9) {
370
+ color: var(--awsui-prompt-input-style-color-disabled-z17rmd, var(--color-text-input-disabled-y5t5v9, #879596));
371
371
  cursor: default;
372
372
  overflow-y: hidden;
373
373
  }
374
- .awsui_textarea_55fkh_1sjr7_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_1sjr7_191.awsui_textarea-disabled_55fkh_1sjr7_369:not(#\9)::placeholder {
374
+ .awsui_textarea_55fkh_qgul6_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_qgul6_191.awsui_textarea-disabled_55fkh_qgul6_369:not(#\9)::placeholder {
375
375
  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
376
376
  opacity: 1;
377
377
  }
378
- .awsui_textarea-readonly_55fkh_1sjr7_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-5qid0u, #16191f)));
378
+ .awsui_textarea-readonly_55fkh_qgul6_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-5qid0u, #16191f)));
380
380
  }
381
- .awsui_textarea_55fkh_1sjr7_191.awsui_textarea-disabled_55fkh_1sjr7_369.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9)::before {
381
+ .awsui_textarea_55fkh_qgul6_191.awsui_textarea-disabled_55fkh_qgul6_369.awsui_placeholder-visible_55fkh_qgul6_330:not(#\9)::before {
382
382
  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
383
383
  opacity: 1;
384
384
  pointer-events: none;
385
385
  }
386
- .awsui_textarea-wrapper_55fkh_1sjr7_386:not(#\9) {
386
+ .awsui_textarea-wrapper_55fkh_qgul6_386:not(#\9) {
387
387
  display: flex;
388
388
  position: relative;
389
389
  }
390
390
 
391
- .awsui_editable-wrapper_55fkh_1sjr7_391:not(#\9) {
391
+ .awsui_editable-wrapper_55fkh_qgul6_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_1sjr7_397:not(#\9) {
397
+ .awsui_editable-element_55fkh_qgul6_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_1sjr7_404:not(#\9) {
404
+ .awsui_primary-action_55fkh_qgul6_404:not(#\9) {
405
405
  align-self: flex-end;
406
406
  flex-shrink: 0;
407
407
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
408
408
  }
409
- .awsui_textarea-wrapper_55fkh_1sjr7_386 > .awsui_primary-action_55fkh_1sjr7_404:not(#\9) {
409
+ .awsui_textarea-wrapper_55fkh_qgul6_386 > .awsui_primary-action_55fkh_qgul6_404:not(#\9) {
410
410
  padding-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
411
411
  }
412
- .awsui_textarea-wrapper_55fkh_1sjr7_386 > .awsui_primary-action_55fkh_1sjr7_404 > .awsui_action-button_55fkh_1sjr7_412:not(#\9) {
412
+ .awsui_textarea-wrapper_55fkh_qgul6_386 > .awsui_primary-action_55fkh_qgul6_404 > .awsui_action-button_55fkh_qgul6_412:not(#\9) {
413
413
  margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
414
414
  padding: 0;
415
415
  }
416
416
 
417
- .awsui_secondary-content_55fkh_1sjr7_417:not(#\9) {
417
+ .awsui_secondary-content_55fkh_qgul6_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-4vr9on, 2px);
450
450
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
451
451
  }
452
- .awsui_secondary-content_55fkh_1sjr7_417.awsui_with-paddings_55fkh_1sjr7_452:not(#\9) {
452
+ .awsui_secondary-content_55fkh_qgul6_417.awsui_with-paddings_55fkh_qgul6_452:not(#\9) {
453
453
  padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
454
454
  padding-block-end: var(--space-scaled-s-gjhvjd, 12px);
455
455
  padding-inline-start: var(--space-field-horizontal-n5peob, 8px);
456
456
  padding-inline-end: var(--space-field-horizontal-n5peob, 8px);
457
457
  }
458
- .awsui_secondary-content_55fkh_1sjr7_417.awsui_with-paddings_55fkh_1sjr7_452.awsui_invalid_55fkh_1sjr7_366:not(#\9), .awsui_secondary-content_55fkh_1sjr7_417.awsui_with-paddings_55fkh_1sjr7_452.awsui_warning_55fkh_1sjr7_366:not(#\9) {
458
+ .awsui_secondary-content_55fkh_qgul6_417.awsui_with-paddings_55fkh_qgul6_452.awsui_invalid_55fkh_qgul6_366:not(#\9), .awsui_secondary-content_55fkh_qgul6_417.awsui_with-paddings_55fkh_qgul6_452.awsui_warning_55fkh_qgul6_366:not(#\9) {
459
459
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
460
460
  }
461
461
 
462
- .awsui_action-stripe_55fkh_1sjr7_462:not(#\9) {
462
+ .awsui_action-stripe_55fkh_qgul6_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_1sjr7_501:not(#\9) {
501
+ .awsui_secondary-actions_55fkh_qgul6_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-jatbiv, 4px);
510
510
  }
511
- .awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings_55fkh_1sjr7_452:not(#\9) {
511
+ .awsui_secondary-actions_55fkh_qgul6_501.awsui_with-paddings_55fkh_qgul6_452:not(#\9) {
512
512
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
513
513
  padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
514
514
  padding-block-end: var(--space-field-vertical-dgs6s0, 4px);
515
515
  }
516
- .awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings_55fkh_1sjr7_452.awsui_invalid_55fkh_1sjr7_366:not(#\9), .awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings_55fkh_1sjr7_452.awsui_warning_55fkh_1sjr7_366:not(#\9) {
516
+ .awsui_secondary-actions_55fkh_qgul6_501.awsui_with-paddings_55fkh_qgul6_452.awsui_invalid_55fkh_qgul6_366:not(#\9), .awsui_secondary-actions_55fkh_qgul6_501.awsui_with-paddings_55fkh_qgul6_452.awsui_warning_55fkh_qgul6_366:not(#\9) {
517
517
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
518
518
  }
519
- .awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings-and-actions_55fkh_1sjr7_519:not(#\9) {
519
+ .awsui_secondary-actions_55fkh_qgul6_501.awsui_with-paddings-and-actions_55fkh_qgul6_519:not(#\9) {
520
520
  padding-inline-end: 0;
521
521
  }
522
522
 
523
- .awsui_buffer_55fkh_1sjr7_523:not(#\9) {
523
+ .awsui_buffer_55fkh_qgul6_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_1sjr7_529:not(#\9) {
529
+ .awsui_token-container_55fkh_qgul6_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-3w1kr2, 2px);
535
535
  }
536
536
 
537
- .awsui_reference-wrapper_55fkh_1sjr7_537:not(#\9) {
537
+ .awsui_reference-wrapper_55fkh_qgul6_537:not(#\9) {
538
538
  unicode-bidi: isolate;
539
539
  }
540
540
 
541
- .awsui_trigger-base_55fkh_1sjr7_541:not(#\9) {
541
+ .awsui_trigger-base_55fkh_qgul6_541:not(#\9) {
542
542
  unicode-bidi: isolate;
543
543
  }
544
544
 
545
- .awsui_trigger-token_55fkh_1sjr7_545:not(#\9) {
545
+ .awsui_trigger-token_55fkh_qgul6_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-8ggz94, 1px);
549
549
  text-underline-offset: var(--space-xxxs-3w1kr2, 2px);
550
550
  }
551
551
 
552
- .awsui_paragraph_55fkh_1sjr7_551:not(#\9) {
552
+ .awsui_paragraph_55fkh_qgul6_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_1sjr7_146",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_1sjr7_191",
7
- "disabled": "awsui_disabled_55fkh_1sjr7_197",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_1sjr7_205",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_1sjr7_233",
10
- "textarea": "awsui_textarea_55fkh_1sjr7_191",
11
- "placeholder-visible": "awsui_placeholder-visible_55fkh_1sjr7_330",
12
- "invalid": "awsui_invalid_55fkh_1sjr7_366",
13
- "warning": "awsui_warning_55fkh_1sjr7_366",
14
- "textarea-disabled": "awsui_textarea-disabled_55fkh_1sjr7_369",
15
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1sjr7_386",
16
- "editable-wrapper": "awsui_editable-wrapper_55fkh_1sjr7_391",
17
- "editable-element": "awsui_editable-element_55fkh_1sjr7_397",
18
- "primary-action": "awsui_primary-action_55fkh_1sjr7_404",
19
- "action-button": "awsui_action-button_55fkh_1sjr7_412",
20
- "secondary-content": "awsui_secondary-content_55fkh_1sjr7_417",
21
- "with-paddings": "awsui_with-paddings_55fkh_1sjr7_452",
22
- "action-stripe": "awsui_action-stripe_55fkh_1sjr7_462",
23
- "secondary-actions": "awsui_secondary-actions_55fkh_1sjr7_501",
24
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1sjr7_519",
25
- "buffer": "awsui_buffer_55fkh_1sjr7_523",
26
- "token-container": "awsui_token-container_55fkh_1sjr7_529",
27
- "reference-wrapper": "awsui_reference-wrapper_55fkh_1sjr7_537",
28
- "trigger-base": "awsui_trigger-base_55fkh_1sjr7_541",
29
- "trigger-token": "awsui_trigger-token_55fkh_1sjr7_545",
30
- "paragraph": "awsui_paragraph_55fkh_1sjr7_551"
5
+ "root": "awsui_root_55fkh_qgul6_146",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_qgul6_191",
7
+ "disabled": "awsui_disabled_55fkh_qgul6_197",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_qgul6_205",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_qgul6_233",
10
+ "textarea": "awsui_textarea_55fkh_qgul6_191",
11
+ "placeholder-visible": "awsui_placeholder-visible_55fkh_qgul6_330",
12
+ "invalid": "awsui_invalid_55fkh_qgul6_366",
13
+ "warning": "awsui_warning_55fkh_qgul6_366",
14
+ "textarea-disabled": "awsui_textarea-disabled_55fkh_qgul6_369",
15
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_qgul6_386",
16
+ "editable-wrapper": "awsui_editable-wrapper_55fkh_qgul6_391",
17
+ "editable-element": "awsui_editable-element_55fkh_qgul6_397",
18
+ "primary-action": "awsui_primary-action_55fkh_qgul6_404",
19
+ "action-button": "awsui_action-button_55fkh_qgul6_412",
20
+ "secondary-content": "awsui_secondary-content_55fkh_qgul6_417",
21
+ "with-paddings": "awsui_with-paddings_55fkh_qgul6_452",
22
+ "action-stripe": "awsui_action-stripe_55fkh_qgul6_462",
23
+ "secondary-actions": "awsui_secondary-actions_55fkh_qgul6_501",
24
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_qgul6_519",
25
+ "buffer": "awsui_buffer_55fkh_qgul6_523",
26
+ "token-container": "awsui_token-container_55fkh_qgul6_529",
27
+ "reference-wrapper": "awsui_reference-wrapper_55fkh_qgul6_537",
28
+ "trigger-base": "awsui_trigger-base_55fkh_qgul6_541",
29
+ "trigger-token": "awsui_trigger-token_55fkh_qgul6_545",
30
+ "paragraph": "awsui_paragraph_55fkh_qgul6_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,