@cloudscape-design/components-themeable 3.0.1360 → 3.0.1362

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 (258) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +13 -12
  3. package/lib/internal/scss/badge/styles.scss +38 -49
  4. package/lib/internal/scss/button/styles.scss +51 -51
  5. package/lib/internal/scss/cards/styles.scss +4 -0
  6. package/lib/internal/scss/container/styles.scss +2 -0
  7. package/lib/internal/scss/icon/hover-motion.scss +24 -12
  8. package/lib/internal/scss/input/styles.scss +4 -0
  9. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +175 -174
  10. package/lib/internal/scss/internal/styles/forms/mixins.scss +11 -2
  11. package/lib/internal/scss/internal/styles/style-api.scss +60 -10
  12. package/lib/internal/scss/pagination/styles.scss +3 -1
  13. package/lib/internal/scss/table/styles.scss +5 -0
  14. package/lib/internal/template/action-card/internal.d.ts.map +1 -1
  15. package/lib/internal/template/action-card/internal.js +5 -2
  16. package/lib/internal/template/action-card/internal.js.map +1 -1
  17. package/lib/internal/template/alert/styles.css.js +27 -27
  18. package/lib/internal/template/alert/styles.scoped.css +50 -50
  19. package/lib/internal/template/alert/styles.selectors.js +27 -27
  20. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  21. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  22. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  23. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  24. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  25. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  26. package/lib/internal/template/app-layout/toggles/index.d.ts.map +1 -1
  27. package/lib/internal/template/app-layout/toggles/index.js +1 -1
  28. package/lib/internal/template/app-layout/toggles/index.js.map +1 -1
  29. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  30. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  31. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  32. package/lib/internal/template/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  33. package/lib/internal/template/app-layout/visual-refresh/trigger-button.js +1 -1
  34. package/lib/internal/template/app-layout/visual-refresh/trigger-button.js.map +1 -1
  35. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  36. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  37. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  38. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  39. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +13 -13
  40. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  41. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  42. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +68 -68
  43. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  44. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.d.ts.map +1 -1
  45. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js +1 -1
  46. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js.map +1 -1
  47. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  48. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  49. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  50. package/lib/internal/template/breadcrumb-group/all-items-dropdown.js +2 -2
  51. package/lib/internal/template/breadcrumb-group/all-items-dropdown.js.map +1 -1
  52. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  53. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  54. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  55. package/lib/internal/template/button/internal.d.ts.map +1 -1
  56. package/lib/internal/template/button/internal.js +2 -0
  57. package/lib/internal/template/button/internal.js.map +1 -1
  58. package/lib/internal/template/button/styles.css.js +23 -23
  59. package/lib/internal/template/button/styles.scoped.css +261 -261
  60. package/lib/internal/template/button/styles.selectors.js +23 -23
  61. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  62. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +2 -2
  63. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  64. package/lib/internal/template/button-dropdown/filter.d.ts +1 -1
  65. package/lib/internal/template/button-dropdown/filter.d.ts.map +1 -1
  66. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  67. package/lib/internal/template/button-dropdown/internal.js +9 -3
  68. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  69. package/lib/internal/template/button-dropdown/item-element/index.d.ts.map +1 -1
  70. package/lib/internal/template/button-dropdown/item-element/index.js +2 -2
  71. package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
  72. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  73. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  74. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  75. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +5 -3
  76. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  77. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +14 -2
  78. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  79. package/lib/internal/template/cards/styles.css.js +39 -38
  80. package/lib/internal/template/cards/styles.scoped.css +42 -39
  81. package/lib/internal/template/cards/styles.selectors.js +39 -38
  82. package/lib/internal/template/checkbox/styles.css.js +3 -3
  83. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  84. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  85. package/lib/internal/template/code-editor/tab-button.d.ts.map +1 -1
  86. package/lib/internal/template/code-editor/tab-button.js +1 -1
  87. package/lib/internal/template/code-editor/tab-button.js.map +1 -1
  88. package/lib/internal/template/container/styles.css.js +33 -33
  89. package/lib/internal/template/container/styles.scoped.css +57 -56
  90. package/lib/internal/template/container/styles.selectors.js +33 -33
  91. package/lib/internal/template/content-layout/styles.css.js +14 -14
  92. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  93. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  94. package/lib/internal/template/dropdown/styles.css.js +20 -20
  95. package/lib/internal/template/dropdown/styles.scoped.css +49 -49
  96. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  97. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  98. package/lib/internal/template/expandable-section/expandable-section-header.js +13 -7
  99. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  100. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  101. package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
  102. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  103. package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
  104. package/lib/internal/template/flashbar/collapsible-flashbar.js +3 -3
  105. package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
  106. package/lib/internal/template/flashbar/styles.css.js +50 -50
  107. package/lib/internal/template/flashbar/styles.scoped.css +192 -192
  108. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  109. package/lib/internal/template/help-panel/styles.css.js +6 -6
  110. package/lib/internal/template/help-panel/styles.scoped.css +72 -72
  111. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  112. package/lib/internal/template/input/index.d.ts.map +1 -1
  113. package/lib/internal/template/input/index.js +3 -2
  114. package/lib/internal/template/input/index.js.map +1 -1
  115. package/lib/internal/template/input/interfaces.d.ts +6 -0
  116. package/lib/internal/template/input/interfaces.d.ts.map +1 -1
  117. package/lib/internal/template/input/interfaces.js.map +1 -1
  118. package/lib/internal/template/input/internal.d.ts +0 -1
  119. package/lib/internal/template/input/internal.d.ts.map +1 -1
  120. package/lib/internal/template/input/internal.js +26 -12
  121. package/lib/internal/template/input/internal.js.map +1 -1
  122. package/lib/internal/template/input/styles.css.js +29 -28
  123. package/lib/internal/template/input/styles.scoped.css +134 -131
  124. package/lib/internal/template/input/styles.selectors.js +29 -28
  125. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  126. package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
  127. package/lib/internal/template/internal/components/button-trigger/index.js +2 -2
  128. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  129. package/lib/internal/template/internal/components/drag-handle/button.d.ts.map +1 -1
  130. package/lib/internal/template/internal/components/drag-handle/button.js +3 -1
  131. package/lib/internal/template/internal/components/drag-handle/button.js.map +1 -1
  132. package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  133. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js +2 -1
  134. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js.map +1 -1
  135. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  136. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  137. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  138. package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts.map +1 -1
  139. package/lib/internal/template/internal/components/expand-toggle-button/index.js +1 -1
  140. package/lib/internal/template/internal/components/expand-toggle-button/index.js.map +1 -1
  141. package/lib/internal/template/internal/components/menu-dropdown/index.d.ts.map +1 -1
  142. package/lib/internal/template/internal/components/menu-dropdown/index.js +1 -1
  143. package/lib/internal/template/internal/components/menu-dropdown/index.js.map +1 -1
  144. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  145. package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
  146. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  147. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  148. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  149. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  150. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  151. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +57 -57
  152. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  153. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  154. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  155. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  156. package/lib/internal/template/internal/components/token-list/token-limit-toggle.d.ts.map +1 -1
  157. package/lib/internal/template/internal/components/token-list/token-limit-toggle.js +2 -2
  158. package/lib/internal/template/internal/components/token-list/token-limit-toggle.js.map +1 -1
  159. package/lib/internal/template/internal/environment.js +2 -2
  160. package/lib/internal/template/internal/environment.json +2 -2
  161. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +1 -0
  162. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  163. package/lib/internal/template/internal/generated/custom-css-properties/index.js +174 -173
  164. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  165. package/lib/internal/template/internal/generated/styles/tokens.js +200 -200
  166. package/lib/internal/template/internal/generated/theming/index.cjs +200 -200
  167. package/lib/internal/template/internal/generated/theming/index.js +200 -200
  168. package/lib/internal/template/internal/utils/focus-visible.d.ts +15 -0
  169. package/lib/internal/template/internal/utils/focus-visible.d.ts.map +1 -0
  170. package/lib/internal/template/internal/utils/focus-visible.js +21 -0
  171. package/lib/internal/template/internal/utils/focus-visible.js.map +1 -0
  172. package/lib/internal/template/item-card/styles.css.js +14 -14
  173. package/lib/internal/template/item-card/styles.scoped.css +63 -63
  174. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  175. package/lib/internal/template/link/internal.d.ts.map +1 -1
  176. package/lib/internal/template/link/internal.js +2 -0
  177. package/lib/internal/template/link/internal.js.map +1 -1
  178. package/lib/internal/template/link/styles.css.js +21 -21
  179. package/lib/internal/template/link/styles.scoped.css +104 -104
  180. package/lib/internal/template/link/styles.selectors.js +21 -21
  181. package/lib/internal/template/modal/styles.css.js +31 -31
  182. package/lib/internal/template/modal/styles.scoped.css +48 -48
  183. package/lib/internal/template/modal/styles.selectors.js +31 -31
  184. package/lib/internal/template/pagination/internal.d.ts.map +1 -1
  185. package/lib/internal/template/pagination/internal.js +4 -4
  186. package/lib/internal/template/pagination/internal.js.map +1 -1
  187. package/lib/internal/template/pagination/styles.css.js +12 -12
  188. package/lib/internal/template/pagination/styles.scoped.css +31 -31
  189. package/lib/internal/template/pagination/styles.selectors.js +12 -12
  190. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  191. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  192. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  193. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  194. package/lib/internal/template/prompt-input/styles.scoped.css +105 -105
  195. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  196. package/lib/internal/template/property-filter/filtering-token/index.js +4 -4
  197. package/lib/internal/template/property-filter/filtering-token/index.js.map +1 -1
  198. package/lib/internal/template/segmented-control/segment.d.ts.map +1 -1
  199. package/lib/internal/template/segmented-control/segment.js +1 -1
  200. package/lib/internal/template/segmented-control/segment.js.map +1 -1
  201. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  202. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  203. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  204. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  205. package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
  206. package/lib/internal/template/select/parts/styles.css.js +21 -21
  207. package/lib/internal/template/select/parts/styles.scoped.css +24 -24
  208. package/lib/internal/template/select/parts/styles.selectors.js +21 -21
  209. package/lib/internal/template/side-navigation/parts.js +3 -3
  210. package/lib/internal/template/side-navigation/parts.js.map +1 -1
  211. package/lib/internal/template/side-navigation/styles.css.js +64 -64
  212. package/lib/internal/template/side-navigation/styles.scoped.css +111 -111
  213. package/lib/internal/template/side-navigation/styles.selectors.js +64 -64
  214. package/lib/internal/template/slider/styles.css.js +26 -26
  215. package/lib/internal/template/slider/styles.scoped.css +165 -165
  216. package/lib/internal/template/slider/styles.selectors.js +26 -26
  217. package/lib/internal/template/spinner/styles.css.js +14 -14
  218. package/lib/internal/template/spinner/styles.scoped.css +40 -40
  219. package/lib/internal/template/spinner/styles.selectors.js +14 -14
  220. package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
  221. package/lib/internal/template/table/header-cell/index.js +2 -1
  222. package/lib/internal/template/table/header-cell/index.js.map +1 -1
  223. package/lib/internal/template/table/styles.css.js +37 -37
  224. package/lib/internal/template/table/styles.scoped.css +47 -44
  225. package/lib/internal/template/table/styles.selectors.js +37 -37
  226. package/lib/internal/template/tabs/styles.css.js +30 -30
  227. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  228. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  229. package/lib/internal/template/tabs/tab-header-bar.d.ts.map +1 -1
  230. package/lib/internal/template/tabs/tab-header-bar.js +1 -1
  231. package/lib/internal/template/tabs/tab-header-bar.js.map +1 -1
  232. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  233. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  234. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  235. package/lib/internal/template/test-utils/dom/input/index.d.ts +1 -0
  236. package/lib/internal/template/test-utils/dom/input/index.js +3 -0
  237. package/lib/internal/template/test-utils/dom/input/index.js.map +1 -1
  238. package/lib/internal/template/test-utils/selectors/input/index.d.ts +1 -0
  239. package/lib/internal/template/test-utils/selectors/input/index.js +3 -0
  240. package/lib/internal/template/test-utils/selectors/input/index.js.map +1 -1
  241. package/lib/internal/template/text-content/styles.css.js +1 -1
  242. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  243. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  244. package/lib/internal/template/textarea/styles.css.js +9 -9
  245. package/lib/internal/template/textarea/styles.scoped.css +51 -51
  246. package/lib/internal/template/textarea/styles.selectors.js +9 -9
  247. package/lib/internal/template/toggle/styles.css.js +10 -10
  248. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  249. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  250. package/lib/internal/template/token/dismiss-button.js +2 -2
  251. package/lib/internal/template/token/dismiss-button.js.map +1 -1
  252. package/lib/internal/template/token/styles.css.js +14 -14
  253. package/lib/internal/template/token/styles.scoped.css +46 -46
  254. package/lib/internal/template/token/styles.selectors.js +14 -14
  255. package/lib/internal/template/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
  256. package/lib/internal/template/top-navigation/parts/overflow-menu/menu-item.js +5 -5
  257. package/lib/internal/template/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
  258. package/package.json +1 -1
package/lib/internal/template/prompt-input/styles.scoped.css CHANGED
@@ -7,7 +7,7 @@
7
7
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
8
8
  /* Style used for links in slots/components that are text heavy, to help links stand out among
9
9
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
10
- .awsui_root_55fkh_1r6py_10:not(#\9) {
10
+ .awsui_root_55fkh_7hmfa_10:not(#\9) {
11
11
  border-collapse: separate;
12
12
  border-spacing: 0;
13
13
  box-sizing: border-box;
@@ -42,107 +42,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
42
42
  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
43
43
  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
44
44
  cursor: text;
45
- background-color: var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff));
46
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078));
47
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078));
48
- box-shadow: var(--awsui-prompt-input-style-box-shadow-default-esndbs);
49
- }
50
- .awsui_root_55fkh_1r6py_10:not(#\9):hover {
51
- background-color: var(--awsui-prompt-input-style-background-hover-esndbs, var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff)));
52
- border-color: var(--awsui-prompt-input-style-border-color-hover-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078)));
53
- box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-esndbs, var(--awsui-prompt-input-style-box-shadow-default-esndbs));
54
- }
55
- .awsui_root_55fkh_1r6py_10.awsui_textarea-readonly_55fkh_1r6py_55:not(#\9) {
56
- background-color: var(--awsui-prompt-input-style-background-readonly-esndbs, var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff)));
57
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded)));
58
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded)));
59
- box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-esndbs);
60
- }
61
- .awsui_root_55fkh_1r6py_10.awsui_disabled_55fkh_1r6py_61:not(#\9) {
62
- background-color: var(--awsui-prompt-input-style-background-disabled-esndbs, var(--color-background-input-disabled-pyvhb1, #eaeded));
63
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
64
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
65
- color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-s4k7tb, #879596));
45
+ background-color: var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff));
46
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078));
47
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078));
48
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-default-66120l);
49
+ }
50
+ .awsui_root_55fkh_7hmfa_10:not(#\9):hover {
51
+ background-color: var(--awsui-prompt-input-style-background-hover-66120l, var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff)));
52
+ border-color: var(--awsui-prompt-input-style-border-color-hover-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078)));
53
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-66120l, var(--awsui-prompt-input-style-box-shadow-default-66120l));
54
+ }
55
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-readonly_55fkh_7hmfa_55:not(#\9) {
56
+ background-color: var(--awsui-prompt-input-style-background-readonly-66120l, var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff)));
57
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-disabled-5m31k6, #eaeded)));
58
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-disabled-5m31k6, #eaeded)));
59
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-66120l);
60
+ }
61
+ .awsui_root_55fkh_7hmfa_10.awsui_disabled_55fkh_7hmfa_61:not(#\9) {
62
+ background-color: var(--awsui-prompt-input-style-background-disabled-66120l, var(--color-background-input-disabled-pyvhb1, #eaeded));
63
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
64
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
65
+ color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-s4k7tb, #879596));
66
66
  cursor: default;
67
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
67
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
68
68
  }
69
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9) {
70
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
71
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
69
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9) {
70
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
71
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
72
72
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
73
73
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
74
74
  }
75
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus {
75
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus {
76
76
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
77
77
  }
78
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9) {
78
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9) {
79
79
  padding-inline-start: 0;
80
80
  }
81
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus {
82
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
83
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
81
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus {
82
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
83
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
84
84
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
85
85
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
86
86
  }
87
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus-within:focus, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus:focus {
87
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus-within:focus, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus:focus {
88
88
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
89
89
  }
90
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus {
90
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus {
91
91
  padding-inline-start: 0;
92
92
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
93
93
  }
94
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69.awsui_disabled_55fkh_1r6py_61:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69.awsui_disabled_55fkh_1r6py_61:not(#\9):focus {
95
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
94
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus {
95
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
96
96
  }
97
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9) {
98
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
99
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
97
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9) {
98
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
99
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
100
100
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
101
101
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
102
102
  }
103
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus {
103
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus {
104
104
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
105
105
  }
106
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9) {
106
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9) {
107
107
  padding-inline-start: 0;
108
108
  }
109
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus {
110
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
111
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
109
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus {
110
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
111
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
112
112
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
113
113
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
114
114
  }
115
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus-within:focus, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus:focus {
115
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus-within:focus, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus:focus {
116
116
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
117
117
  }
118
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus {
118
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus {
119
119
  padding-inline-start: 0;
120
120
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
121
121
  }
122
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97.awsui_disabled_55fkh_1r6py_61:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97.awsui_disabled_55fkh_1r6py_61:not(#\9):focus {
123
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
122
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus {
123
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
124
124
  }
125
- .awsui_root_55fkh_1r6py_10:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97), .awsui_root_55fkh_1r6py_10:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97) {
125
+ .awsui_root_55fkh_7hmfa_10:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97), .awsui_root_55fkh_7hmfa_10:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97) {
126
126
  outline: 2px dotted transparent;
127
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-esndbs, var(--color-border-input-focused-ppoq5z, #0073bb));
128
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-esndbs, var(--color-border-input-focused-ppoq5z, #0073bb));
127
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-66120l, var(--color-border-input-focused-ppoq5z, #0073bb));
128
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-66120l, var(--color-border-input-focused-ppoq5z, #0073bb));
129
129
  border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
130
130
  border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
131
131
  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
132
132
  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
133
- box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
134
- background-color: var(--awsui-prompt-input-style-background-focus-esndbs, var(--color-background-input-default-1u0v1p, #ffffff));
135
- }
136
- .awsui_root_55fkh_1r6py_10.awsui_disabled_55fkh_1r6py_61:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97), .awsui_root_55fkh_1r6py_10.awsui_disabled_55fkh_1r6py_61:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97) {
137
- background-color: var(--awsui-prompt-input-style-background-disabled-esndbs, var(--color-background-input-disabled-pyvhb1, #eaeded));
138
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
139
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
140
- color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-s4k7tb, #879596));
133
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-66120l, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
134
+ background-color: var(--awsui-prompt-input-style-background-focus-66120l, var(--color-background-input-default-1u0v1p, #ffffff));
135
+ }
136
+ .awsui_root_55fkh_7hmfa_10.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97), .awsui_root_55fkh_7hmfa_10.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97) {
137
+ background-color: var(--awsui-prompt-input-style-background-disabled-66120l, var(--color-background-input-disabled-pyvhb1, #eaeded));
138
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
139
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
140
+ color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-s4k7tb, #879596));
141
141
  cursor: default;
142
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
142
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
143
143
  }
144
144
 
145
- .awsui_textarea_55fkh_1r6py_55:not(#\9) {
145
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -184,101 +184,101 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
184
184
  background-color: inherit;
185
185
  padding-block: var(--space-field-vertical-77df8s, 4px);
186
186
  padding-inline: var(--space-field-horizontal-anki5k, 8px);
187
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f));
187
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f));
188
188
  max-inline-size: 100%;
189
189
  inline-size: 100%;
190
190
  display: block;
191
191
  box-sizing: border-box;
192
192
  border: 0;
193
193
  }
194
- .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9) {
194
+ .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9) {
195
195
  display: grid;
196
196
  grid-template-columns: 1fr;
197
197
  }
198
- .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9)::before, .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194 > *:not(#\9) {
198
+ .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9)::before, .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194 > *:not(#\9) {
199
199
  grid-column: 1;
200
200
  grid-row: 1;
201
201
  }
202
- .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9)::before {
202
+ .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9)::before {
203
203
  content: attr(data-placeholder);
204
- color: var(--awsui-prompt-input-style-placeholder-color-esndbs, var(--color-text-input-placeholder-l6klmg, #687078));
205
- font-size: var(--awsui-prompt-input-style-placeholder-font-size-esndbs);
206
- font-style: var(--awsui-prompt-input-style-placeholder-font-style-esndbs, italic);
207
- font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-esndbs);
204
+ color: var(--awsui-prompt-input-style-placeholder-color-66120l, var(--color-text-input-placeholder-l6klmg, #687078));
205
+ font-size: var(--awsui-prompt-input-style-placeholder-font-size-66120l);
206
+ font-style: var(--awsui-prompt-input-style-placeholder-font-style-66120l, italic);
207
+ font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-66120l);
208
208
  opacity: 1;
209
209
  pointer-events: none;
210
210
  align-self: start;
211
211
  min-inline-size: 0;
212
212
  }
213
- .awsui_textarea_55fkh_1r6py_55:not(#\9):hover {
214
- color: var(--awsui-prompt-input-style-color-hover-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
213
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):hover {
214
+ color: var(--awsui-prompt-input-style-color-hover-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
215
215
  }
216
- .awsui_textarea_55fkh_1r6py_55:not(#\9):focus {
216
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):focus {
217
217
  outline: none;
218
- color: var(--awsui-prompt-input-style-color-focus-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
218
+ color: var(--awsui-prompt-input-style-color-focus-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
219
219
  }
220
- .awsui_textarea_55fkh_1r6py_55:not(#\9):invalid {
220
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):invalid {
221
221
  box-shadow: none;
222
222
  }
223
- .awsui_textarea_55fkh_1r6py_55:not(#\9)::placeholder {
224
- color: var(--awsui-prompt-input-style-placeholder-color-esndbs, var(--color-text-input-placeholder-l6klmg, #687078));
225
- font-size: var(--awsui-prompt-input-style-placeholder-font-size-esndbs);
226
- font-style: var(--awsui-prompt-input-style-placeholder-font-style-esndbs, italic);
227
- font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-esndbs);
223
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9)::placeholder {
224
+ color: var(--awsui-prompt-input-style-placeholder-color-66120l, var(--color-text-input-placeholder-l6klmg, #687078));
225
+ font-size: var(--awsui-prompt-input-style-placeholder-font-size-66120l);
226
+ font-style: var(--awsui-prompt-input-style-placeholder-font-style-66120l, italic);
227
+ font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-66120l);
228
228
  opacity: 1;
229
229
  }
230
- .awsui_textarea_55fkh_1r6py_55.awsui_invalid_55fkh_1r6py_230:not(#\9), .awsui_textarea_55fkh_1r6py_55.awsui_warning_55fkh_1r6py_230:not(#\9) {
230
+ .awsui_textarea_55fkh_7hmfa_55.awsui_invalid_55fkh_7hmfa_230:not(#\9), .awsui_textarea_55fkh_7hmfa_55.awsui_warning_55fkh_7hmfa_230:not(#\9) {
231
231
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
232
232
  }
233
- .awsui_textarea_55fkh_1r6py_55:not(#\9):disabled, .awsui_textarea_55fkh_1r6py_55.awsui_textarea-disabled_55fkh_1r6py_233:not(#\9) {
234
- color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-s4k7tb, #879596));
233
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):disabled, .awsui_textarea_55fkh_7hmfa_55.awsui_textarea-disabled_55fkh_7hmfa_233:not(#\9) {
234
+ color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-s4k7tb, #879596));
235
235
  cursor: default;
236
236
  overflow-y: hidden;
237
237
  }
238
- .awsui_textarea_55fkh_1r6py_55:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_1r6py_55.awsui_textarea-disabled_55fkh_1r6py_233:not(#\9)::placeholder {
238
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_7hmfa_55.awsui_textarea-disabled_55fkh_7hmfa_233:not(#\9)::placeholder {
239
239
  color: var(--color-text-input-placeholder-disabled-8cf69l, #687078);
240
240
  opacity: 1;
241
241
  }
242
- .awsui_textarea-readonly_55fkh_1r6py_55:not(#\9) {
243
- color: var(--awsui-prompt-input-style-color-readonly-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
242
+ .awsui_textarea-readonly_55fkh_7hmfa_55:not(#\9) {
243
+ color: var(--awsui-prompt-input-style-color-readonly-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
244
244
  }
245
- .awsui_textarea_55fkh_1r6py_55.awsui_textarea-disabled_55fkh_1r6py_233.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9)::before {
245
+ .awsui_textarea_55fkh_7hmfa_55.awsui_textarea-disabled_55fkh_7hmfa_233.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9)::before {
246
246
  color: var(--color-text-input-placeholder-disabled-8cf69l, #687078);
247
247
  opacity: 1;
248
248
  pointer-events: none;
249
249
  }
250
- .awsui_textarea-wrapper_55fkh_1r6py_250:not(#\9) {
250
+ .awsui_textarea-wrapper_55fkh_7hmfa_250:not(#\9) {
251
251
  display: flex;
252
252
  position: relative;
253
253
  }
254
254
 
255
- .awsui_editable-wrapper_55fkh_1r6py_255:not(#\9) {
255
+ .awsui_editable-wrapper_55fkh_7hmfa_255:not(#\9) {
256
256
  flex: 1;
257
257
  min-inline-size: 0;
258
258
  position: relative;
259
259
  }
260
260
 
261
- .awsui_editable-element_55fkh_1r6py_261:not(#\9) {
261
+ .awsui_editable-element_55fkh_7hmfa_261:not(#\9) {
262
262
  word-wrap: break-word;
263
263
  overflow-wrap: break-word;
264
264
  overflow-y: auto;
265
265
  overflow-x: hidden;
266
266
  }
267
267
 
268
- .awsui_primary-action_55fkh_1r6py_268:not(#\9) {
268
+ .awsui_primary-action_55fkh_7hmfa_268:not(#\9) {
269
269
  align-self: flex-end;
270
270
  flex-shrink: 0;
271
271
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) / 2);
272
272
  }
273
- .awsui_textarea-wrapper_55fkh_1r6py_250 > .awsui_primary-action_55fkh_1r6py_268:not(#\9) {
273
+ .awsui_textarea-wrapper_55fkh_7hmfa_250 > .awsui_primary-action_55fkh_7hmfa_268:not(#\9) {
274
274
  padding-inline-end: calc(var(--space-field-horizontal-anki5k, 8px) / 2);
275
275
  }
276
- .awsui_textarea-wrapper_55fkh_1r6py_250 > .awsui_primary-action_55fkh_1r6py_268 > .awsui_action-button_55fkh_1r6py_276:not(#\9) {
276
+ .awsui_textarea-wrapper_55fkh_7hmfa_250 > .awsui_primary-action_55fkh_7hmfa_268 > .awsui_action-button_55fkh_7hmfa_276:not(#\9) {
277
277
  margin-block-end: var(--space-scaled-xxxs-n0ri6o, 2px);
278
278
  padding: 0;
279
279
  }
280
280
 
281
- .awsui_secondary-content_55fkh_1r6py_281:not(#\9) {
281
+ .awsui_secondary-content_55fkh_7hmfa_281:not(#\9) {
282
282
  border-collapse: separate;
283
283
  border-spacing: 0;
284
284
  box-sizing: border-box;
@@ -313,17 +313,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
313
313
  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
314
314
  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
315
315
  }
316
- .awsui_secondary-content_55fkh_1r6py_281.awsui_with-paddings_55fkh_1r6py_316:not(#\9) {
316
+ .awsui_secondary-content_55fkh_7hmfa_281.awsui_with-paddings_55fkh_7hmfa_316:not(#\9) {
317
317
  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
318
318
  padding-block-end: var(--space-scaled-s-2crg2b, 12px);
319
319
  padding-inline-start: var(--space-field-horizontal-anki5k, 8px);
320
320
  padding-inline-end: var(--space-field-horizontal-anki5k, 8px);
321
321
  }
322
- .awsui_secondary-content_55fkh_1r6py_281.awsui_with-paddings_55fkh_1r6py_316.awsui_invalid_55fkh_1r6py_230:not(#\9), .awsui_secondary-content_55fkh_1r6py_281.awsui_with-paddings_55fkh_1r6py_316.awsui_warning_55fkh_1r6py_230:not(#\9) {
322
+ .awsui_secondary-content_55fkh_7hmfa_281.awsui_with-paddings_55fkh_7hmfa_316.awsui_invalid_55fkh_7hmfa_230:not(#\9), .awsui_secondary-content_55fkh_7hmfa_281.awsui_with-paddings_55fkh_7hmfa_316.awsui_warning_55fkh_7hmfa_230:not(#\9) {
323
323
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
324
324
  }
325
325
 
326
- .awsui_action-stripe_55fkh_1r6py_326:not(#\9) {
326
+ .awsui_action-stripe_55fkh_7hmfa_326:not(#\9) {
327
327
  border-collapse: separate;
328
328
  border-spacing: 0;
329
329
  box-sizing: border-box;
@@ -362,7 +362,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
362
362
  align-items: flex-end;
363
363
  }
364
364
 
365
- .awsui_secondary-actions_55fkh_1r6py_365:not(#\9) {
365
+ .awsui_secondary-actions_55fkh_7hmfa_365:not(#\9) {
366
366
  flex-basis: max-content;
367
367
  flex-grow: 0;
368
368
  flex-shrink: 1;
@@ -372,25 +372,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
372
372
  overflow: hidden;
373
373
  padding-inline-end: var(--space-scaled-xxs-j00t0m, 4px);
374
374
  }
375
- .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings_55fkh_1r6py_316:not(#\9) {
375
+ .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings_55fkh_7hmfa_316:not(#\9) {
376
376
  padding-inline: var(--space-field-horizontal-anki5k, 8px);
377
377
  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
378
378
  padding-block-end: var(--space-field-vertical-77df8s, 4px);
379
379
  }
380
- .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings_55fkh_1r6py_316.awsui_invalid_55fkh_1r6py_230:not(#\9), .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings_55fkh_1r6py_316.awsui_warning_55fkh_1r6py_230:not(#\9) {
380
+ .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings_55fkh_7hmfa_316.awsui_invalid_55fkh_7hmfa_230:not(#\9), .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings_55fkh_7hmfa_316.awsui_warning_55fkh_7hmfa_230:not(#\9) {
381
381
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
382
382
  }
383
- .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings-and-actions_55fkh_1r6py_383:not(#\9) {
383
+ .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings-and-actions_55fkh_7hmfa_383:not(#\9) {
384
384
  padding-inline-end: 0;
385
385
  }
386
386
 
387
- .awsui_buffer_55fkh_1r6py_387:not(#\9) {
387
+ .awsui_buffer_55fkh_7hmfa_387:not(#\9) {
388
388
  flex: 1;
389
389
  align-self: stretch;
390
390
  cursor: text;
391
391
  }
392
392
 
393
- .awsui_token-container_55fkh_1r6py_393:not(#\9) {
393
+ .awsui_token-container_55fkh_7hmfa_393:not(#\9) {
394
394
  display: inline-block;
395
395
  user-select: all;
396
396
  -webkit-user-select: all;
@@ -398,22 +398,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
398
398
  padding-inline: var(--space-xxxs-3ulqs3, 2px);
399
399
  }
400
400
 
401
- .awsui_reference-wrapper_55fkh_1r6py_401:not(#\9) {
401
+ .awsui_reference-wrapper_55fkh_7hmfa_401:not(#\9) {
402
402
  unicode-bidi: isolate;
403
403
  }
404
404
 
405
- .awsui_trigger-base_55fkh_1r6py_405:not(#\9) {
405
+ .awsui_trigger-base_55fkh_7hmfa_405:not(#\9) {
406
406
  unicode-bidi: isolate;
407
407
  }
408
408
 
409
- .awsui_trigger-token_55fkh_1r6py_409:not(#\9) {
409
+ .awsui_trigger-token_55fkh_7hmfa_409:not(#\9) {
410
410
  -webkit-text-decoration: underline dashed currentColor;
411
411
  text-decoration: underline dashed currentColor;
412
412
  text-decoration-thickness: var(--border-divider-list-width-2qbfmz, 1px);
413
413
  text-underline-offset: var(--space-xxxs-3ulqs3, 2px);
414
414
  }
415
415
 
416
- .awsui_paragraph_55fkh_1r6py_415:not(#\9) {
416
+ .awsui_paragraph_55fkh_7hmfa_415:not(#\9) {
417
417
  border-collapse: separate;
418
418
  border-spacing: 0;
419
419
  box-sizing: border-box;
package/lib/internal/template/prompt-input/styles.selectors.js CHANGED
@@ -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_1r6py_10",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_1r6py_55",
7
- "disabled": "awsui_disabled_55fkh_1r6py_61",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_1r6py_69",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_1r6py_97",
10
- "textarea": "awsui_textarea_55fkh_1r6py_55",
11
- "placeholder-visible": "awsui_placeholder-visible_55fkh_1r6py_194",
12
- "invalid": "awsui_invalid_55fkh_1r6py_230",
13
- "warning": "awsui_warning_55fkh_1r6py_230",
14
- "textarea-disabled": "awsui_textarea-disabled_55fkh_1r6py_233",
15
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1r6py_250",
16
- "editable-wrapper": "awsui_editable-wrapper_55fkh_1r6py_255",
17
- "editable-element": "awsui_editable-element_55fkh_1r6py_261",
18
- "primary-action": "awsui_primary-action_55fkh_1r6py_268",
19
- "action-button": "awsui_action-button_55fkh_1r6py_276",
20
- "secondary-content": "awsui_secondary-content_55fkh_1r6py_281",
21
- "with-paddings": "awsui_with-paddings_55fkh_1r6py_316",
22
- "action-stripe": "awsui_action-stripe_55fkh_1r6py_326",
23
- "secondary-actions": "awsui_secondary-actions_55fkh_1r6py_365",
24
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1r6py_383",
25
- "buffer": "awsui_buffer_55fkh_1r6py_387",
26
- "token-container": "awsui_token-container_55fkh_1r6py_393",
27
- "reference-wrapper": "awsui_reference-wrapper_55fkh_1r6py_401",
28
- "trigger-base": "awsui_trigger-base_55fkh_1r6py_405",
29
- "trigger-token": "awsui_trigger-token_55fkh_1r6py_409",
30
- "paragraph": "awsui_paragraph_55fkh_1r6py_415"
5
+ "root": "awsui_root_55fkh_7hmfa_10",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_7hmfa_55",
7
+ "disabled": "awsui_disabled_55fkh_7hmfa_61",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_7hmfa_69",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_7hmfa_97",
10
+ "textarea": "awsui_textarea_55fkh_7hmfa_55",
11
+ "placeholder-visible": "awsui_placeholder-visible_55fkh_7hmfa_194",
12
+ "invalid": "awsui_invalid_55fkh_7hmfa_230",
13
+ "warning": "awsui_warning_55fkh_7hmfa_230",
14
+ "textarea-disabled": "awsui_textarea-disabled_55fkh_7hmfa_233",
15
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_7hmfa_250",
16
+ "editable-wrapper": "awsui_editable-wrapper_55fkh_7hmfa_255",
17
+ "editable-element": "awsui_editable-element_55fkh_7hmfa_261",
18
+ "primary-action": "awsui_primary-action_55fkh_7hmfa_268",
19
+ "action-button": "awsui_action-button_55fkh_7hmfa_276",
20
+ "secondary-content": "awsui_secondary-content_55fkh_7hmfa_281",
21
+ "with-paddings": "awsui_with-paddings_55fkh_7hmfa_316",
22
+ "action-stripe": "awsui_action-stripe_55fkh_7hmfa_326",
23
+ "secondary-actions": "awsui_secondary-actions_55fkh_7hmfa_365",
24
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_7hmfa_383",
25
+ "buffer": "awsui_buffer_55fkh_7hmfa_387",
26
+ "token-container": "awsui_token-container_55fkh_7hmfa_393",
27
+ "reference-wrapper": "awsui_reference-wrapper_55fkh_7hmfa_401",
28
+ "trigger-base": "awsui_trigger-base_55fkh_7hmfa_405",
29
+ "trigger-token": "awsui_trigger-token_55fkh_7hmfa_409",
30
+ "paragraph": "awsui_paragraph_55fkh_7hmfa_415"
31
31
  };
32
32
 
package/lib/internal/template/property-filter/filtering-token/index.js CHANGED
@@ -70,11 +70,11 @@ function OperationSelector({ operation, onChange, ariaLabel, andText, orText, pa
70
70
  function TokenDismissButton({ ariaLabel, onClick, parent, disabled, }) {
71
71
  return (React.createElement("button", { type: "button", className: clsx(parent
72
72
  ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])
73
- : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])), "aria-label": ariaLabel, onClick: onClick, disabled: disabled, ...getAnalyticsMetadataAttribute({ action: 'dismiss' }) },
74
- React.createElement(InternalIcon, { name: "close" })));
73
+ : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])), "aria-label": ariaLabel, onClick: onClick, disabled: disabled, "data-awsui-motion-trigger": "hover", ...getAnalyticsMetadataAttribute({ action: 'dismiss' }) },
74
+ React.createElement(InternalIcon, { name: "close", nativeAttributes: { 'data-awsui-motion-target': '' } })));
75
75
  }
76
76
  function TokenEditButton({ ariaLabel, disabled }) {
77
- return (React.createElement("button", { type: "button", className: clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button']), "aria-label": ariaLabel, disabled: disabled },
78
- React.createElement(InternalIcon, { name: "edit" })));
77
+ return (React.createElement("button", { type: "button", className: clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button']), "aria-label": ariaLabel, disabled: disabled, "data-awsui-motion-trigger": "hover" },
78
+ React.createElement(InternalIcon, { name: "edit", nativeAttributes: { 'data-awsui-motion-target': '' } })));
79
79
  }
80
80
  //# sourceMappingURL=index.js.map
package/lib/internal/template/property-filter/filtering-token/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode, useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport {\n copyAnalyticsMetadataAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { PopoverProps } from '../../popover/interfaces';\nimport InternalPopover, { InternalPopoverProps } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\nimport { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n tokens: TokenItem[];\n operation: FilteringTokenProps.Operation;\n groupOperation: FilteringTokenProps.Operation;\n showOperation: boolean;\n readOnlyOperations: boolean;\n andText: string;\n orText: string;\n groupAriaLabel: string;\n operationAriaLabel: string;\n groupEditAriaLabel: string;\n disabled?: boolean;\n onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n onDismissToken: (tokenIndex: number) => void;\n editorContent: React.ReactNode;\n editorHeader: string;\n editorDismissAriaLabel?: string;\n editorExpandToViewport: boolean;\n onEditorOpen?: () => void;\n hasGroups: boolean;\n popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n closeEditor(): void;\n}\n\ninterface TokenItem {\n content: React.ReactNode;\n ariaLabel: string;\n dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n (\n {\n tokens,\n showOperation,\n readOnlyOperations,\n operation,\n groupOperation,\n andText,\n orText,\n groupAriaLabel,\n operationAriaLabel,\n groupEditAriaLabel,\n disabled = false,\n onChangeOperation,\n onChangeGroupOperation,\n onDismissToken,\n editorContent,\n editorHeader,\n editorDismissAriaLabel,\n editorExpandToViewport,\n onEditorOpen,\n hasGroups,\n popoverSize,\n ...rest\n }: FilteringTokenProps,\n ref: React.Ref<FilteringTokenRef>\n ) => {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved: target => {\n target.focus();\n setNextFocusIndex(null);\n },\n listItemSelector: `.${styles['inner-root']}`,\n fallbackSelector: `.${styles.root}`,\n });\n\n const popoverRef = useRef<PopoverProps.Ref>(null);\n const popoverProps: InternalPopoverProps = {\n content: editorContent,\n triggerType: 'text',\n header: editorHeader,\n size: popoverSize,\n position: 'bottom',\n dismissAriaLabel: editorDismissAriaLabel,\n renderWithPortal: editorExpandToViewport,\n __onOpen: onEditorOpen,\n __closeAnalyticsAction: 'editClose',\n };\n useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.focus() }));\n\n return (\n <TokenGroup\n ref={tokenListRef}\n ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n operation={\n showOperation && (\n <OperationSelector\n operation={operation}\n onChange={onChangeOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={true}\n readOnlyOperations={readOnlyOperations}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n tokens.length === 1 ? (\n <TokenDismissButton\n ariaLabel={tokens[0].dismissAriaLabel}\n onClick={() => onDismissToken(0)}\n parent={true}\n disabled={disabled}\n />\n ) : (\n <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n </InternalPopover>\n )\n }\n parent={true}\n grouped={tokens.length > 1}\n disabled={disabled}\n hasGroups={hasGroups}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n {tokens.length === 1 ? (\n <InternalPopover ref={popoverRef} {...popoverProps}>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editStart',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditStart>)}\n >\n {tokens[0].content}\n </span>\n </InternalPopover>\n ) : (\n <ul className={styles.list}>\n {tokens.map((token, index) => (\n <li key={index}>\n <TokenGroup\n ariaLabel={token.ariaLabel}\n operation={\n index !== 0 && (\n <OperationSelector\n operation={groupOperation}\n onChange={onChangeGroupOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={false}\n readOnlyOperations={readOnlyOperations}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n <TokenDismissButton\n ariaLabel={token.dismissAriaLabel}\n onClick={() => {\n onDismissToken(index);\n setNextFocusIndex(index);\n }}\n parent={false}\n disabled={disabled}\n />\n }\n parent={false}\n grouped={false}\n disabled={disabled}\n hasGroups={false}\n >\n {token.content}\n </TokenGroup>\n </li>\n ))}\n </ul>\n )}\n </TokenGroup>\n );\n }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n (\n {\n ariaLabel,\n children,\n operation,\n tokenAction,\n parent,\n grouped,\n disabled,\n hasGroups,\n ...rest\n }: {\n ariaLabel?: string;\n children: React.ReactNode;\n operation: React.ReactNode;\n tokenAction: React.ReactNode;\n parent: boolean;\n grouped: boolean;\n disabled: boolean;\n hasGroups: boolean;\n },\n ref: React.Ref<HTMLDivElement>\n ) => {\n const groupRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(ref, groupRef);\n const isCompactMode = useDensityMode(groupRef) === 'compact';\n return (\n <div\n ref={mergedRef}\n className={clsx(\n parent\n ? clsx(styles.root, testUtilStyles['filtering-token'])\n : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n hasGroups && styles['has-groups'],\n isCompactMode && styles['compact-mode']\n )}\n role=\"group\"\n aria-label={ariaLabel}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n {operation}\n\n <div\n className={clsx(\n parent ? styles.token : styles['inner-token'],\n !!operation && styles['show-operation'],\n grouped && styles.grouped,\n disabled && styles['token-disabled']\n )}\n aria-disabled={disabled}\n >\n <div\n className={clsx(\n parent\n ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n grouped && styles['token-content-grouped']\n )}\n >\n {children}\n </div>\n\n {tokenAction}\n </div>\n </div>\n );\n }\n);\n\nfunction OperationSelector({\n operation,\n onChange,\n ariaLabel,\n andText,\n orText,\n parent,\n readOnlyOperations,\n disabled,\n}: {\n operation: FilteringTokenProps.Operation;\n onChange: (operation: FilteringTokenProps.Operation) => void;\n andText: string;\n orText: string;\n ariaLabel: string;\n parent: boolean;\n readOnlyOperations: boolean;\n disabled?: boolean;\n}) {\n return (\n <InternalSelect\n __inFilteringToken={parent ? 'root' : 'nested'}\n className={clsx(\n parent\n ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n )}\n options={[\n { value: 'and', label: andText },\n { value: 'or', label: orText },\n ]}\n selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n disabled={disabled}\n readOnly={readOnlyOperations}\n ariaLabel={ariaLabel}\n />\n );\n}\n\nfunction TokenDismissButton({\n ariaLabel,\n onClick,\n parent,\n disabled,\n}: {\n ariaLabel: string;\n onClick: () => void;\n parent: boolean;\n disabled?: boolean;\n}) {\n return (\n <button\n type=\"button\"\n className={clsx(\n parent\n ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n )}\n aria-label={ariaLabel}\n onClick={onClick}\n disabled={disabled}\n {...getAnalyticsMetadataAttribute({ action: 'dismiss' })}\n >\n <InternalIcon name=\"close\" />\n </button>\n );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n return (\n <button\n type=\"button\"\n className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n aria-label={ariaLabel}\n disabled={disabled}\n >\n <InternalIcon name=\"edit\" />\n </button>\n );\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode, useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport {\n copyAnalyticsMetadataAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { PopoverProps } from '../../popover/interfaces';\nimport InternalPopover, { InternalPopoverProps } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\nimport { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n tokens: TokenItem[];\n operation: FilteringTokenProps.Operation;\n groupOperation: FilteringTokenProps.Operation;\n showOperation: boolean;\n readOnlyOperations: boolean;\n andText: string;\n orText: string;\n groupAriaLabel: string;\n operationAriaLabel: string;\n groupEditAriaLabel: string;\n disabled?: boolean;\n onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n onDismissToken: (tokenIndex: number) => void;\n editorContent: React.ReactNode;\n editorHeader: string;\n editorDismissAriaLabel?: string;\n editorExpandToViewport: boolean;\n onEditorOpen?: () => void;\n hasGroups: boolean;\n popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n closeEditor(): void;\n}\n\ninterface TokenItem {\n content: React.ReactNode;\n ariaLabel: string;\n dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n (\n {\n tokens,\n showOperation,\n readOnlyOperations,\n operation,\n groupOperation,\n andText,\n orText,\n groupAriaLabel,\n operationAriaLabel,\n groupEditAriaLabel,\n disabled = false,\n onChangeOperation,\n onChangeGroupOperation,\n onDismissToken,\n editorContent,\n editorHeader,\n editorDismissAriaLabel,\n editorExpandToViewport,\n onEditorOpen,\n hasGroups,\n popoverSize,\n ...rest\n }: FilteringTokenProps,\n ref: React.Ref<FilteringTokenRef>\n ) => {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved: target => {\n target.focus();\n setNextFocusIndex(null);\n },\n listItemSelector: `.${styles['inner-root']}`,\n fallbackSelector: `.${styles.root}`,\n });\n\n const popoverRef = useRef<PopoverProps.Ref>(null);\n const popoverProps: InternalPopoverProps = {\n content: editorContent,\n triggerType: 'text',\n header: editorHeader,\n size: popoverSize,\n position: 'bottom',\n dismissAriaLabel: editorDismissAriaLabel,\n renderWithPortal: editorExpandToViewport,\n __onOpen: onEditorOpen,\n __closeAnalyticsAction: 'editClose',\n };\n useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.focus() }));\n\n return (\n <TokenGroup\n ref={tokenListRef}\n ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n operation={\n showOperation && (\n <OperationSelector\n operation={operation}\n onChange={onChangeOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={true}\n readOnlyOperations={readOnlyOperations}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n tokens.length === 1 ? (\n <TokenDismissButton\n ariaLabel={tokens[0].dismissAriaLabel}\n onClick={() => onDismissToken(0)}\n parent={true}\n disabled={disabled}\n />\n ) : (\n <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n </InternalPopover>\n )\n }\n parent={true}\n grouped={tokens.length > 1}\n disabled={disabled}\n hasGroups={hasGroups}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n {tokens.length === 1 ? (\n <InternalPopover ref={popoverRef} {...popoverProps}>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editStart',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditStart>)}\n >\n {tokens[0].content}\n </span>\n </InternalPopover>\n ) : (\n <ul className={styles.list}>\n {tokens.map((token, index) => (\n <li key={index}>\n <TokenGroup\n ariaLabel={token.ariaLabel}\n operation={\n index !== 0 && (\n <OperationSelector\n operation={groupOperation}\n onChange={onChangeGroupOperation}\n ariaLabel={operationAriaLabel}\n andText={andText}\n orText={orText}\n parent={false}\n readOnlyOperations={readOnlyOperations}\n disabled={disabled}\n />\n )\n }\n tokenAction={\n <TokenDismissButton\n ariaLabel={token.dismissAriaLabel}\n onClick={() => {\n onDismissToken(index);\n setNextFocusIndex(index);\n }}\n parent={false}\n disabled={disabled}\n />\n }\n parent={false}\n grouped={false}\n disabled={disabled}\n hasGroups={false}\n >\n {token.content}\n </TokenGroup>\n </li>\n ))}\n </ul>\n )}\n </TokenGroup>\n );\n }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n (\n {\n ariaLabel,\n children,\n operation,\n tokenAction,\n parent,\n grouped,\n disabled,\n hasGroups,\n ...rest\n }: {\n ariaLabel?: string;\n children: React.ReactNode;\n operation: React.ReactNode;\n tokenAction: React.ReactNode;\n parent: boolean;\n grouped: boolean;\n disabled: boolean;\n hasGroups: boolean;\n },\n ref: React.Ref<HTMLDivElement>\n ) => {\n const groupRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(ref, groupRef);\n const isCompactMode = useDensityMode(groupRef) === 'compact';\n return (\n <div\n ref={mergedRef}\n className={clsx(\n parent\n ? clsx(styles.root, testUtilStyles['filtering-token'])\n : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n hasGroups && styles['has-groups'],\n isCompactMode && styles['compact-mode']\n )}\n role=\"group\"\n aria-label={ariaLabel}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n {operation}\n\n <div\n className={clsx(\n parent ? styles.token : styles['inner-token'],\n !!operation && styles['show-operation'],\n grouped && styles.grouped,\n disabled && styles['token-disabled']\n )}\n aria-disabled={disabled}\n >\n <div\n className={clsx(\n parent\n ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n grouped && styles['token-content-grouped']\n )}\n >\n {children}\n </div>\n\n {tokenAction}\n </div>\n </div>\n );\n }\n);\n\nfunction OperationSelector({\n operation,\n onChange,\n ariaLabel,\n andText,\n orText,\n parent,\n readOnlyOperations,\n disabled,\n}: {\n operation: FilteringTokenProps.Operation;\n onChange: (operation: FilteringTokenProps.Operation) => void;\n andText: string;\n orText: string;\n ariaLabel: string;\n parent: boolean;\n readOnlyOperations: boolean;\n disabled?: boolean;\n}) {\n return (\n <InternalSelect\n __inFilteringToken={parent ? 'root' : 'nested'}\n className={clsx(\n parent\n ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n )}\n options={[\n { value: 'and', label: andText },\n { value: 'or', label: orText },\n ]}\n selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n disabled={disabled}\n readOnly={readOnlyOperations}\n ariaLabel={ariaLabel}\n />\n );\n}\n\nfunction TokenDismissButton({\n ariaLabel,\n onClick,\n parent,\n disabled,\n}: {\n ariaLabel: string;\n onClick: () => void;\n parent: boolean;\n disabled?: boolean;\n}) {\n return (\n <button\n type=\"button\"\n className={clsx(\n parent\n ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n )}\n aria-label={ariaLabel}\n onClick={onClick}\n disabled={disabled}\n data-awsui-motion-trigger=\"hover\"\n {...getAnalyticsMetadataAttribute({ action: 'dismiss' })}\n >\n <InternalIcon name=\"close\" nativeAttributes={{ 'data-awsui-motion-target': '' }} />\n </button>\n );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n return (\n <button\n type=\"button\"\n className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n aria-label={ariaLabel}\n disabled={disabled}\n data-awsui-motion-trigger=\"hover\"\n >\n <InternalIcon name=\"edit\" nativeAttributes={{ 'data-awsui-motion-target': '' }} />\n </button>\n );\n}\n"]}
package/lib/internal/template/segmented-control/segment.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"segment.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAKrD,UAAU,YAAa,SAAQ,qBAAqB,CAAC,MAAM;IACzD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,wFA+EnB,CAAC"}
1
+ {"version":3,"file":"segment.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAKrD,UAAU,YAAa,SAAQ,qBAAqB,CAAC,MAAM;IACzD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,wFAiFnB,CAAC"}
package/lib/internal/template/segmented-control/segment.js CHANGED
@@ -15,7 +15,7 @@ export const Segment = React.forwardRef(({ disabled, disabledReason, text, iconN
15
15
  const isDisabledWithReason = disabled && !!disabledReason;
16
16
  const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);
17
17
  const isVisualRefresh = useVisualRefresh();
18
- return (React.createElement("button", { className: clsx(styles.segment, { [styles.disabled]: !!disabled }, { [styles.selected]: isActive }, { [styles.refresh]: isVisualRefresh }), ref: useMergeRefs(ref, buttonRef), onClick: onClick, onKeyDown: onKeyDown, disabled: disabled && !disabledReason, "aria-disabled": isDisabledWithReason ? 'true' : undefined, type: "button", tabIndex: tabIndex, "aria-pressed": isActive ? 'true' : 'false', "aria-label": !text ? iconAlt : undefined, onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined, onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined, ...(isDisabledWithReason ? targetProps : {}), "data-testid": id, style: getSegmentedControlSegmentStyles(style) },
18
+ return (React.createElement("button", { className: clsx(styles.segment, { [styles.disabled]: !!disabled }, { [styles.selected]: isActive }, { [styles.refresh]: isVisualRefresh }), ref: useMergeRefs(ref, buttonRef), onClick: onClick, onKeyDown: onKeyDown, disabled: disabled && !disabledReason, "aria-disabled": isDisabledWithReason ? 'true' : undefined, type: "button", tabIndex: tabIndex, "aria-pressed": isActive ? 'true' : 'false', "aria-label": !text ? iconAlt : undefined, onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined, onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined, ...(isDisabledWithReason ? targetProps : {}), "data-testid": id, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "", style: getSegmentedControlSegmentStyles(style) },
19
19
  (iconName || iconUrl || iconSvg) && (React.createElement(InternalIcon, { className: clsx(styles.icon, text ? styles['with-text'] : styles['with-no-text']), name: iconName, url: iconUrl, svg: iconSvg, alt: iconAlt, variant: disabled ? 'disabled' : 'normal' })),
20
20
  React.createElement("span", null, text),
21
21
  isDisabledWithReason && (React.createElement(React.Fragment, null,