@cloudscape-design/components-themeable 3.0.1328 → 3.0.1330

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (416) 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/app-layout/constants.scss +1 -1
  4. package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +16 -1
  5. package/lib/internal/scss/app-layout/visual-refresh-toolbar/toolbar/styles.scss +20 -7
  6. package/lib/internal/scss/button/constants.scss +2 -2
  7. package/lib/internal/scss/expandable-section/styles.scss +1 -1
  8. package/lib/internal/scss/header/styles.scss +11 -0
  9. package/lib/internal/scss/internal/components/option/styles.scss +6 -2
  10. package/lib/internal/scss/internal/components/selectable-item/styles.scss +9 -8
  11. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +173 -160
  12. package/lib/internal/scss/tree-view/tree-item/styles.scss +9 -4
  13. package/lib/internal/template/action-card/styles.css.js +17 -17
  14. package/lib/internal/template/action-card/styles.scoped.css +189 -189
  15. package/lib/internal/template/action-card/styles.selectors.js +17 -17
  16. package/lib/internal/template/alert/styles.css.js +27 -27
  17. package/lib/internal/template/alert/styles.scoped.css +59 -59
  18. package/lib/internal/template/alert/styles.selectors.js +27 -27
  19. package/lib/internal/template/anchor-navigation/anchor-item/index.js +1 -1
  20. package/lib/internal/template/anchor-navigation/anchor-item/index.js.map +1 -1
  21. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  22. package/lib/internal/template/anchor-navigation/styles.scoped.css +34 -32
  23. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  24. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  25. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +26 -26
  26. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  27. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  28. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  29. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  30. package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
  31. package/lib/internal/template/app-layout/toggles/styles.scoped.css +10 -10
  32. package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
  33. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  34. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +273 -273
  35. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  36. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  37. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +120 -108
  38. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  39. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  40. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  41. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  42. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +29 -29
  43. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +75 -75
  44. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +29 -29
  45. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  46. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +52 -42
  47. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  48. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
  49. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +22 -22
  50. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
  51. package/lib/internal/template/area-chart/styles.css.js +6 -6
  52. package/lib/internal/template/area-chart/styles.scoped.css +14 -14
  53. package/lib/internal/template/area-chart/styles.selectors.js +6 -6
  54. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  55. package/lib/internal/template/attribute-editor/styles.scoped.css +30 -30
  56. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  57. package/lib/internal/template/badge/styles.css.js +10 -10
  58. package/lib/internal/template/badge/styles.scoped.css +15 -15
  59. package/lib/internal/template/badge/styles.selectors.js +10 -10
  60. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  61. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +36 -36
  62. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  63. package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
  64. package/lib/internal/template/breadcrumb-group/styles.scoped.css +29 -29
  65. package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
  66. package/lib/internal/template/button/styles.css.js +22 -22
  67. package/lib/internal/template/button/styles.scoped.css +266 -266
  68. package/lib/internal/template/button/styles.selectors.js +22 -22
  69. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
  70. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +43 -43
  71. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
  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 +46 -46
  74. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  75. package/lib/internal/template/button-dropdown/styles.css.js +23 -23
  76. package/lib/internal/template/button-dropdown/styles.scoped.css +37 -37
  77. package/lib/internal/template/button-dropdown/styles.selectors.js +23 -23
  78. package/lib/internal/template/button-group/styles.css.js +4 -4
  79. package/lib/internal/template/button-group/styles.scoped.css +5 -5
  80. package/lib/internal/template/button-group/styles.selectors.js +4 -4
  81. package/lib/internal/template/calendar/styles.css.js +21 -21
  82. package/lib/internal/template/calendar/styles.scoped.css +76 -76
  83. package/lib/internal/template/calendar/styles.selectors.js +21 -21
  84. package/lib/internal/template/checkbox/styles.css.js +3 -3
  85. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  86. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  87. package/lib/internal/template/code-editor/styles.css.js +33 -33
  88. package/lib/internal/template/code-editor/styles.scoped.css +246 -246
  89. package/lib/internal/template/code-editor/styles.selectors.js +33 -33
  90. package/lib/internal/template/collection-preferences/styles.css.js +38 -38
  91. package/lib/internal/template/collection-preferences/styles.scoped.css +49 -49
  92. package/lib/internal/template/collection-preferences/styles.selectors.js +38 -38
  93. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  94. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +9 -9
  95. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  96. package/lib/internal/template/column-layout/styles.css.js +13 -13
  97. package/lib/internal/template/column-layout/styles.scoped.css +46 -46
  98. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  99. package/lib/internal/template/container/styles.css.js +33 -33
  100. package/lib/internal/template/container/styles.scoped.css +102 -102
  101. package/lib/internal/template/container/styles.selectors.js +33 -33
  102. package/lib/internal/template/content-layout/styles.css.js +14 -14
  103. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  104. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  105. package/lib/internal/template/date-picker/styles.css.js +7 -7
  106. package/lib/internal/template/date-picker/styles.scoped.css +13 -13
  107. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  108. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
  109. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +89 -89
  110. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  111. package/lib/internal/template/date-range-picker/styles.css.js +23 -23
  112. package/lib/internal/template/date-range-picker/styles.scoped.css +40 -40
  113. package/lib/internal/template/date-range-picker/styles.selectors.js +23 -23
  114. package/lib/internal/template/divider/styles.css.js +6 -6
  115. package/lib/internal/template/divider/styles.scoped.css +9 -9
  116. package/lib/internal/template/divider/styles.selectors.js +6 -6
  117. package/lib/internal/template/drawer/styles.css.js +29 -29
  118. package/lib/internal/template/drawer/styles.scoped.css +45 -45
  119. package/lib/internal/template/drawer/styles.selectors.js +29 -29
  120. package/lib/internal/template/dropdown/styles.css.js +20 -20
  121. package/lib/internal/template/dropdown/styles.scoped.css +52 -52
  122. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  123. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  124. package/lib/internal/template/expandable-section/expandable-section-header.js +1 -1
  125. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  126. package/lib/internal/template/expandable-section/styles.css.js +35 -35
  127. package/lib/internal/template/expandable-section/styles.scoped.css +95 -95
  128. package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
  129. package/lib/internal/template/file-dropzone/styles.css.js +3 -3
  130. package/lib/internal/template/file-dropzone/styles.scoped.css +7 -7
  131. package/lib/internal/template/file-dropzone/styles.selectors.js +3 -3
  132. package/lib/internal/template/file-input/styles.css.js +5 -5
  133. package/lib/internal/template/file-input/styles.scoped.css +16 -16
  134. package/lib/internal/template/file-input/styles.selectors.js +5 -5
  135. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  136. package/lib/internal/template/file-token-group/styles.scoped.css +46 -46
  137. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  138. package/lib/internal/template/flashbar/styles.css.js +50 -50
  139. package/lib/internal/template/flashbar/styles.scoped.css +203 -203
  140. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  141. package/lib/internal/template/form-field/styles.css.js +24 -24
  142. package/lib/internal/template/form-field/styles.scoped.css +39 -39
  143. package/lib/internal/template/form-field/styles.selectors.js +24 -24
  144. package/lib/internal/template/header/internal.d.ts +2 -1
  145. package/lib/internal/template/header/internal.d.ts.map +1 -1
  146. package/lib/internal/template/header/internal.js +2 -2
  147. package/lib/internal/template/header/internal.js.map +1 -1
  148. package/lib/internal/template/header/styles.css.js +35 -34
  149. package/lib/internal/template/header/styles.scoped.css +66 -58
  150. package/lib/internal/template/header/styles.selectors.js +35 -34
  151. package/lib/internal/template/help-panel/styles.css.js +6 -6
  152. package/lib/internal/template/help-panel/styles.scoped.css +80 -80
  153. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  154. package/lib/internal/template/icon/generated/icons.d.ts +1 -0
  155. package/lib/internal/template/icon/generated/icons.d.ts.map +1 -1
  156. package/lib/internal/template/icon/generated/icons.js +3 -0
  157. package/lib/internal/template/icon/generated/icons.js.map +1 -1
  158. package/lib/internal/template/icon/styles.css.js +41 -41
  159. package/lib/internal/template/icon/styles.scoped.css +97 -97
  160. package/lib/internal/template/icon/styles.selectors.js +41 -41
  161. package/lib/internal/template/icon-provider/interfaces.d.ts +1 -1
  162. package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
  163. package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
  164. package/lib/internal/template/input/styles.css.js +18 -18
  165. package/lib/internal/template/input/styles.scoped.css +101 -101
  166. package/lib/internal/template/input/styles.selectors.js +18 -18
  167. package/lib/internal/template/internal/base-component/styles.scoped.css +156 -135
  168. package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
  169. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +64 -64
  170. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
  171. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
  172. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +34 -34
  173. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
  174. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  175. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +18 -18
  176. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  177. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
  178. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +10 -10
  179. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
  180. package/lib/internal/template/internal/components/drag-handle/styles.css.js +14 -14
  181. package/lib/internal/template/internal/components/drag-handle/styles.scoped.css +23 -23
  182. package/lib/internal/template/internal/components/drag-handle/styles.selectors.js +14 -14
  183. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  184. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  185. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  186. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  187. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +5 -5
  188. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  189. package/lib/internal/template/internal/components/expand-toggle-button/styles.css.js +4 -4
  190. package/lib/internal/template/internal/components/expand-toggle-button/styles.scoped.css +17 -17
  191. package/lib/internal/template/internal/components/expand-toggle-button/styles.selectors.js +4 -4
  192. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  193. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +17 -17
  194. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  195. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  196. package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
  197. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  198. package/lib/internal/template/internal/components/options-list/index.d.ts +2 -0
  199. package/lib/internal/template/internal/components/options-list/index.d.ts.map +1 -1
  200. package/lib/internal/template/internal/components/options-list/index.js +2 -2
  201. package/lib/internal/template/internal/components/options-list/index.js.map +1 -1
  202. package/lib/internal/template/internal/components/options-list/styles.css.js +3 -3
  203. package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
  204. package/lib/internal/template/internal/components/options-list/styles.selectors.js +3 -3
  205. package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js +3 -3
  206. package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css +11 -11
  207. package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js +3 -3
  208. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  209. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  210. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  211. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  212. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +95 -95
  213. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  214. package/lib/internal/template/internal/components/sortable-area/styles.css.js +8 -8
  215. package/lib/internal/template/internal/components/sortable-area/styles.scoped.css +39 -39
  216. package/lib/internal/template/internal/components/sortable-area/styles.selectors.js +8 -8
  217. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  218. package/lib/internal/template/internal/components/token-list/styles.scoped.css +35 -35
  219. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  220. package/lib/internal/template/internal/environment.js +2 -2
  221. package/lib/internal/template/internal/environment.json +2 -2
  222. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +13 -0
  223. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  224. package/lib/internal/template/internal/generated/custom-css-properties/index.js +172 -159
  225. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  226. package/lib/internal/template/internal/generated/styles/tokens.d.ts +3 -0
  227. package/lib/internal/template/internal/generated/styles/tokens.js +3 -0
  228. package/lib/internal/template/internal/generated/theming/index.cjs +96 -0
  229. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +27 -0
  230. package/lib/internal/template/internal/generated/theming/index.d.ts +27 -0
  231. package/lib/internal/template/internal/generated/theming/index.js +96 -0
  232. package/lib/internal/template/item-card/styles.css.js +14 -14
  233. package/lib/internal/template/item-card/styles.scoped.css +65 -65
  234. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  235. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  236. package/lib/internal/template/key-value-pairs/styles.scoped.css +10 -10
  237. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  238. package/lib/internal/template/link/styles.css.js +21 -21
  239. package/lib/internal/template/link/styles.scoped.css +118 -118
  240. package/lib/internal/template/link/styles.selectors.js +21 -21
  241. package/lib/internal/template/list/styles.css.js +5 -5
  242. package/lib/internal/template/list/styles.scoped.css +8 -8
  243. package/lib/internal/template/list/styles.selectors.js +5 -5
  244. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
  245. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +21 -21
  246. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
  247. package/lib/internal/template/modal/styles.css.js +31 -31
  248. package/lib/internal/template/modal/styles.scoped.css +58 -58
  249. package/lib/internal/template/modal/styles.selectors.js +31 -31
  250. package/lib/internal/template/multiselect/use-multiselect.d.ts +1 -0
  251. package/lib/internal/template/multiselect/use-multiselect.d.ts.map +1 -1
  252. package/lib/internal/template/pagination/styles.css.js +11 -11
  253. package/lib/internal/template/pagination/styles.scoped.css +35 -35
  254. package/lib/internal/template/pagination/styles.selectors.js +11 -11
  255. package/lib/internal/template/panel-layout/styles.css.js +7 -7
  256. package/lib/internal/template/panel-layout/styles.scoped.css +18 -18
  257. package/lib/internal/template/panel-layout/styles.selectors.js +7 -7
  258. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  259. package/lib/internal/template/pie-chart/styles.scoped.css +49 -49
  260. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  261. package/lib/internal/template/popover/styles.css.js +58 -58
  262. package/lib/internal/template/popover/styles.scoped.css +110 -110
  263. package/lib/internal/template/popover/styles.selectors.js +58 -58
  264. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  265. package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
  266. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  267. package/lib/internal/template/prompt-input/components/menu-dropdown.d.ts +3 -1
  268. package/lib/internal/template/prompt-input/components/menu-dropdown.d.ts.map +1 -1
  269. package/lib/internal/template/prompt-input/components/menu-dropdown.js +2 -1
  270. package/lib/internal/template/prompt-input/components/menu-dropdown.js.map +1 -1
  271. package/lib/internal/template/prompt-input/components/token-mode.d.ts +3 -1
  272. package/lib/internal/template/prompt-input/components/token-mode.d.ts.map +1 -1
  273. package/lib/internal/template/prompt-input/components/token-mode.js +14 -3
  274. package/lib/internal/template/prompt-input/components/token-mode.js.map +1 -1
  275. package/lib/internal/template/prompt-input/internal-interfaces.d.ts +41 -0
  276. package/lib/internal/template/prompt-input/internal-interfaces.d.ts.map +1 -0
  277. package/lib/internal/template/prompt-input/internal-interfaces.js +2 -0
  278. package/lib/internal/template/prompt-input/internal-interfaces.js.map +1 -0
  279. package/lib/internal/template/prompt-input/internal.d.ts.map +1 -1
  280. package/lib/internal/template/prompt-input/internal.js +1 -1
  281. package/lib/internal/template/prompt-input/internal.js.map +1 -1
  282. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  283. package/lib/internal/template/prompt-input/styles.d.ts +11 -0
  284. package/lib/internal/template/prompt-input/styles.d.ts.map +1 -1
  285. package/lib/internal/template/prompt-input/styles.js +27 -2
  286. package/lib/internal/template/prompt-input/styles.js.map +1 -1
  287. package/lib/internal/template/prompt-input/styles.scoped.css +143 -143
  288. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  289. package/lib/internal/template/property-filter/controller.d.ts.map +1 -1
  290. package/lib/internal/template/property-filter/controller.js +10 -6
  291. package/lib/internal/template/property-filter/controller.js.map +1 -1
  292. package/lib/internal/template/property-filter/filtering-token/styles.css.js +18 -18
  293. package/lib/internal/template/property-filter/filtering-token/styles.scoped.css +57 -57
  294. package/lib/internal/template/property-filter/filtering-token/styles.selectors.js +18 -18
  295. package/lib/internal/template/property-filter/i18n-utils.d.ts +2 -2
  296. package/lib/internal/template/property-filter/i18n-utils.d.ts.map +1 -1
  297. package/lib/internal/template/property-filter/i18n-utils.js +11 -4
  298. package/lib/internal/template/property-filter/i18n-utils.js.map +1 -1
  299. package/lib/internal/template/property-filter/interfaces.d.ts +8 -2
  300. package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
  301. package/lib/internal/template/property-filter/interfaces.js.map +1 -1
  302. package/lib/internal/template/property-filter/internal-interfaces.d.ts +1 -0
  303. package/lib/internal/template/property-filter/internal-interfaces.d.ts.map +1 -1
  304. package/lib/internal/template/property-filter/internal-interfaces.js.map +1 -1
  305. package/lib/internal/template/property-filter/internal.d.ts.map +1 -1
  306. package/lib/internal/template/property-filter/internal.js +1 -0
  307. package/lib/internal/template/property-filter/internal.js.map +1 -1
  308. package/lib/internal/template/property-filter/styles.css.js +39 -39
  309. package/lib/internal/template/property-filter/styles.scoped.css +46 -46
  310. package/lib/internal/template/property-filter/styles.selectors.js +39 -39
  311. package/lib/internal/template/property-filter/token-editor-inputs.d.ts +2 -1
  312. package/lib/internal/template/property-filter/token-editor-inputs.d.ts.map +1 -1
  313. package/lib/internal/template/property-filter/token-editor-inputs.js +18 -8
  314. package/lib/internal/template/property-filter/token-editor-inputs.js.map +1 -1
  315. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  316. package/lib/internal/template/property-filter/token-editor.js +1 -1
  317. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  318. package/lib/internal/template/property-filter/utils.d.ts.map +1 -1
  319. package/lib/internal/template/property-filter/utils.js +12 -3
  320. package/lib/internal/template/property-filter/utils.js.map +1 -1
  321. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  322. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +10 -10
  323. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  324. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  325. package/lib/internal/template/segmented-control/styles.scoped.css +61 -61
  326. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  327. package/lib/internal/template/select/parts/styles.css.js +21 -21
  328. package/lib/internal/template/select/parts/styles.scoped.css +24 -24
  329. package/lib/internal/template/select/parts/styles.selectors.js +21 -21
  330. package/lib/internal/template/side-navigation/styles.css.js +47 -47
  331. package/lib/internal/template/side-navigation/styles.scoped.css +94 -94
  332. package/lib/internal/template/side-navigation/styles.selectors.js +47 -47
  333. package/lib/internal/template/skeleton/styles.css.js +15 -15
  334. package/lib/internal/template/skeleton/styles.scoped.css +29 -29
  335. package/lib/internal/template/skeleton/styles.selectors.js +15 -15
  336. package/lib/internal/template/slider/styles.css.js +26 -26
  337. package/lib/internal/template/slider/styles.scoped.css +165 -165
  338. package/lib/internal/template/slider/styles.selectors.js +26 -26
  339. package/lib/internal/template/spinner/styles.css.js +13 -13
  340. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  341. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  342. package/lib/internal/template/split-panel/styles.css.js +38 -38
  343. package/lib/internal/template/split-panel/styles.scoped.css +62 -62
  344. package/lib/internal/template/split-panel/styles.selectors.js +38 -38
  345. package/lib/internal/template/status-indicator/styles.css.js +24 -24
  346. package/lib/internal/template/status-indicator/styles.scoped.css +55 -55
  347. package/lib/internal/template/status-indicator/styles.selectors.js +24 -24
  348. package/lib/internal/template/steps/styles.css.js +12 -12
  349. package/lib/internal/template/steps/styles.scoped.css +22 -22
  350. package/lib/internal/template/steps/styles.selectors.js +12 -12
  351. package/lib/internal/template/table/body-cell/styles.css.js +48 -48
  352. package/lib/internal/template/table/body-cell/styles.scoped.css +825 -825
  353. package/lib/internal/template/table/body-cell/styles.selectors.js +48 -48
  354. package/lib/internal/template/table/header-cell/styles.css.js +33 -33
  355. package/lib/internal/template/table/header-cell/styles.scoped.css +108 -108
  356. package/lib/internal/template/table/header-cell/styles.selectors.js +33 -33
  357. package/lib/internal/template/table/resizer/styles.css.js +17 -17
  358. package/lib/internal/template/table/resizer/styles.scoped.css +34 -34
  359. package/lib/internal/template/table/resizer/styles.selectors.js +17 -17
  360. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  361. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +11 -11
  362. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  363. package/lib/internal/template/table/styles.css.js +36 -36
  364. package/lib/internal/template/table/styles.scoped.css +55 -55
  365. package/lib/internal/template/table/styles.selectors.js +36 -36
  366. package/lib/internal/template/tabs/styles.css.js +30 -30
  367. package/lib/internal/template/tabs/styles.scoped.css +88 -88
  368. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  369. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  370. package/lib/internal/template/tag-editor/styles.scoped.css +19 -19
  371. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  372. package/lib/internal/template/text-content/styles.css.js +1 -1
  373. package/lib/internal/template/text-content/styles.scoped.css +72 -72
  374. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  375. package/lib/internal/template/textarea/styles.css.js +5 -5
  376. package/lib/internal/template/textarea/styles.scoped.css +59 -59
  377. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  378. package/lib/internal/template/tiles/styles.css.js +30 -30
  379. package/lib/internal/template/tiles/styles.scoped.css +88 -88
  380. package/lib/internal/template/tiles/styles.selectors.js +30 -30
  381. package/lib/internal/template/toggle/styles.css.js +10 -10
  382. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  383. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  384. package/lib/internal/template/token/internal.d.ts.map +1 -1
  385. package/lib/internal/template/token/internal.js +4 -1
  386. package/lib/internal/template/token/internal.js.map +1 -1
  387. package/lib/internal/template/token/styles.css.js +14 -14
  388. package/lib/internal/template/token/styles.scoped.css +61 -61
  389. package/lib/internal/template/token/styles.selectors.js +14 -14
  390. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  391. package/lib/internal/template/top-navigation/styles.scoped.css +80 -80
  392. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  393. package/lib/internal/template/tree-view/tree-item/index.js +1 -1
  394. package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
  395. package/lib/internal/template/tree-view/tree-item/styles.css.js +10 -9
  396. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +24 -18
  397. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +10 -9
  398. package/lib/internal/template/tree-view/vertical-connector/styles.css.js +3 -3
  399. package/lib/internal/template/tree-view/vertical-connector/styles.scoped.css +6 -6
  400. package/lib/internal/template/tree-view/vertical-connector/styles.selectors.js +3 -3
  401. package/lib/internal/template/truncated-text/styles.css.js +1 -1
  402. package/lib/internal/template/truncated-text/styles.scoped.css +9 -9
  403. package/lib/internal/template/truncated-text/styles.selectors.js +1 -1
  404. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  405. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  406. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  407. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  408. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +41 -41
  409. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  410. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  411. package/lib/internal/template/tutorial-panel/styles.scoped.css +9 -9
  412. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  413. package/lib/internal/template/wizard/styles.css.js +30 -30
  414. package/lib/internal/template/wizard/styles.scoped.css +73 -73
  415. package/lib/internal/template/wizard/styles.selectors.js +30 -30
  416. package/package.json +1 -1
package/lib/internal/template/input/styles.scoped.css CHANGED
@@ -142,11 +142,11 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_2rhyz_11cav_145:not(#\9) {
145
+ .awsui_root_2rhyz_1gmv1_145:not(#\9) {
146
146
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
147
147
  }
148
148
 
149
- .awsui_input_2rhyz_11cav_149:not(#\9) {
149
+ .awsui_input_2rhyz_1gmv1_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -178,177 +178,177 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
178
178
  -moz-osx-font-smoothing: auto;
179
179
  padding-block: var(--space-field-vertical-dgs6s0, 4px);
180
180
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
181
- color: var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f));
181
+ color: var(--awsui-style-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f));
182
182
  inline-size: 100%;
183
183
  cursor: text;
184
184
  box-sizing: border-box;
185
- background-color: var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
186
- border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
187
- border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
188
- border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
189
- border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
190
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
191
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
192
- box-shadow: var(--awsui-style-box-shadow-default-6b9ypa);
185
+ background-color: var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff));
186
+ border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
187
+ border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
188
+ border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
189
+ border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
190
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078));
191
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078));
192
+ box-shadow: var(--awsui-style-box-shadow-default-z17rmd);
193
193
  font-size: var(--font-size-body-m-vv54cm, 14px);
194
194
  line-height: var(--line-height-body-m-bedeoh, 22px);
195
195
  min-block-size: var(--size-vertical-input-8gzd1t, 32px);
196
196
  }
197
- .awsui_input_2rhyz_11cav_149:not(#\9):hover {
198
- border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078)));
199
- color: var(--awsui-style-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
200
- background-color: var(--awsui-style-background-hover-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
201
- box-shadow: var(--awsui-style-box-shadow-hover-6b9ypa, --awsui-style-box-shadow-default-6b9ypa);
202
- }
203
- .awsui_input_2rhyz_11cav_149.awsui_input-readonly_2rhyz_11cav_203:not(#\9) {
204
- background-color: var(--awsui-style-background-readonly-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
205
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
206
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
207
- color: var(--awsui-style-color-readonly-6b9ypa, var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
208
- box-shadow: var(--awsui-style-box-shadow-readonly-6b9ypa);
209
- }
210
- .awsui_input_2rhyz_11cav_149:not(#\9)::-webkit-input-placeholder {
211
- color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
212
- font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
213
- font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
214
- font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
197
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):hover {
198
+ border-color: var(--awsui-style-border-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078)));
199
+ color: var(--awsui-style-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f)));
200
+ background-color: var(--awsui-style-background-hover-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff)));
201
+ box-shadow: var(--awsui-style-box-shadow-hover-z17rmd, --awsui-style-box-shadow-default-z17rmd);
202
+ }
203
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-readonly_2rhyz_1gmv1_203:not(#\9) {
204
+ background-color: var(--awsui-style-background-readonly-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff)));
205
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded)));
206
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded)));
207
+ color: var(--awsui-style-color-readonly-z17rmd, var(--awsui-style-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f)));
208
+ box-shadow: var(--awsui-style-box-shadow-readonly-z17rmd);
209
+ }
210
+ .awsui_input_2rhyz_1gmv1_149:not(#\9)::-webkit-input-placeholder {
211
+ color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
212
+ font-size: var(--awsui-style-placeholder-font-size-z17rmd);
213
+ font-style: var(--awsui-style-placeholder-font-style-z17rmd, italic);
214
+ font-weight: var(--awsui-style-placeholder-font-weight-z17rmd);
215
215
  -webkit-user-select: none;
216
216
  user-select: none;
217
217
  }
218
- .awsui_input_2rhyz_11cav_149:not(#\9)::-moz-placeholder {
219
- color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
220
- font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
221
- font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
222
- font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
218
+ .awsui_input_2rhyz_1gmv1_149:not(#\9)::-moz-placeholder {
219
+ color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
220
+ font-size: var(--awsui-style-placeholder-font-size-z17rmd);
221
+ font-style: var(--awsui-style-placeholder-font-style-z17rmd, italic);
222
+ font-weight: var(--awsui-style-placeholder-font-weight-z17rmd);
223
223
  opacity: 1;
224
224
  }
225
- .awsui_input_2rhyz_11cav_149:not(#\9):-moz-placeholder {
226
- color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
227
- font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
228
- font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
229
- font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
225
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):-moz-placeholder {
226
+ color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
227
+ font-size: var(--awsui-style-placeholder-font-size-z17rmd);
228
+ font-style: var(--awsui-style-placeholder-font-style-z17rmd, italic);
229
+ font-weight: var(--awsui-style-placeholder-font-weight-z17rmd);
230
230
  opacity: 1;
231
231
  }
232
- .awsui_input_2rhyz_11cav_149:not(#\9):focus {
232
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):focus {
233
233
  outline: 2px dotted transparent;
234
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
235
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
236
- border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
237
- border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
238
- border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
239
- border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
240
- box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
241
- color: var(--awsui-style-color-focus-6b9ypa, var(--color-text-body-default-5qid0u, #16191f));
242
- background-color: var(--awsui-style-background-focus-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
243
- }
244
- .awsui_input_2rhyz_11cav_149:not(#\9):disabled {
245
- background-color: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-input-disabled-4vlau3, #eaeded));
246
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
247
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
248
- color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-input-disabled-y5t5v9, #879596));
234
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #0073bb));
235
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #0073bb));
236
+ border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
237
+ border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
238
+ border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
239
+ border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
240
+ box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
241
+ color: var(--awsui-style-color-focus-z17rmd, var(--color-text-body-default-5qid0u, #16191f));
242
+ background-color: var(--awsui-style-background-focus-z17rmd, var(--color-background-input-default-1z2buq, #ffffff));
243
+ }
244
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):disabled {
245
+ background-color: var(--awsui-style-background-disabled-z17rmd, var(--color-background-input-disabled-4vlau3, #eaeded));
246
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
247
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
248
+ color: var(--awsui-style-color-disabled-z17rmd, var(--color-text-input-disabled-y5t5v9, #879596));
249
249
  cursor: default;
250
- box-shadow: var(--awsui-style-box-shadow-disabled-6b9ypa);
250
+ box-shadow: var(--awsui-style-box-shadow-disabled-z17rmd);
251
251
  }
252
- .awsui_input_2rhyz_11cav_149:not(#\9):disabled::-webkit-input-placeholder {
253
- color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
252
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):disabled::-webkit-input-placeholder {
253
+ color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
254
254
  -webkit-user-select: none;
255
255
  user-select: none;
256
256
  }
257
- .awsui_input_2rhyz_11cav_149:not(#\9):disabled::-moz-placeholder {
258
- color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
257
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):disabled::-moz-placeholder {
258
+ color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
259
259
  opacity: 1;
260
260
  }
261
- .awsui_input_2rhyz_11cav_149:not(#\9):disabled:-moz-placeholder {
262
- color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
261
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):disabled:-moz-placeholder {
262
+ color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
263
263
  opacity: 1;
264
264
  }
265
- .awsui_input_2rhyz_11cav_149:not(#\9):invalid {
265
+ .awsui_input_2rhyz_1gmv1_149:not(#\9):invalid {
266
266
  box-shadow: none;
267
267
  }
268
- .awsui_input_2rhyz_11cav_149.awsui_input-invalid_2rhyz_11cav_266:not(#\9) {
269
- color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
270
- border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
271
- padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
272
- border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
268
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-invalid_2rhyz_1gmv1_266:not(#\9) {
269
+ color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
270
+ border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
271
+ padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
272
+ border-inline-start-width: var(--border-invalid-width-b183os, 4px);
273
273
  }
274
- .awsui_input_2rhyz_11cav_149.awsui_input-invalid_2rhyz_11cav_266:not(#\9):focus {
275
- box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
274
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-invalid_2rhyz_1gmv1_266:not(#\9):focus {
275
+ box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
276
276
  }
277
- .awsui_input_2rhyz_11cav_149.awsui_input-invalid_2rhyz_11cav_266.awsui_input-has-icon-left_2rhyz_11cav_275:not(#\9) {
278
- padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
277
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-invalid_2rhyz_1gmv1_266.awsui_input-has-icon-left_2rhyz_1gmv1_275:not(#\9) {
278
+ padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
279
279
  }
280
- .awsui_input_2rhyz_11cav_149.awsui_input-warning_2rhyz_11cav_278:not(#\9) {
281
- color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
282
- border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
283
- padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
284
- border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
280
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-warning_2rhyz_1gmv1_278:not(#\9) {
281
+ color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
282
+ border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
283
+ padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
284
+ border-inline-start-width: var(--border-invalid-width-b183os, 4px);
285
285
  }
286
- .awsui_input_2rhyz_11cav_149.awsui_input-warning_2rhyz_11cav_278:not(#\9):focus {
287
- box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
286
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-warning_2rhyz_1gmv1_278:not(#\9):focus {
287
+ box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
288
288
  }
289
- .awsui_input_2rhyz_11cav_149.awsui_input-warning_2rhyz_11cav_278.awsui_input-has-icon-left_2rhyz_11cav_275:not(#\9) {
290
- padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
289
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-warning_2rhyz_1gmv1_278.awsui_input-has-icon-left_2rhyz_1gmv1_275:not(#\9) {
290
+ padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
291
291
  }
292
- .awsui_input_2rhyz_11cav_149.awsui_input-type-search_2rhyz_11cav_290:not(#\9) {
292
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-type-search_2rhyz_1gmv1_290:not(#\9) {
293
293
  box-sizing: border-box;
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_11cav_149.awsui_input-type-search_2rhyz_11cav_290:not(#\9)::-webkit-search-decoration {
296
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-type-search_2rhyz_1gmv1_290:not(#\9)::-webkit-search-decoration {
297
297
  -webkit-appearance: none;
298
298
  }
299
- .awsui_input_2rhyz_11cav_149.awsui_input-type-search_2rhyz_11cav_290:not(#\9)::-webkit-search-cancel-button {
299
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-type-search_2rhyz_1gmv1_290:not(#\9)::-webkit-search-cancel-button {
300
300
  display: none;
301
301
  }
302
- .awsui_input_2rhyz_11cav_149.awsui_input-has-icon-left_2rhyz_11cav_275:not(#\9) {
302
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-has-icon-left_2rhyz_1gmv1_275:not(#\9) {
303
303
  padding-inline-start: var(--space-field-icon-offset-ihoxql, 32px);
304
304
  }
305
- .awsui_input_2rhyz_11cav_149.awsui_input-has-icon-right_2rhyz_11cav_303:not(#\9) {
305
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-has-icon-right_2rhyz_1gmv1_303:not(#\9) {
306
306
  padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
307
307
  }
308
- .awsui_input_2rhyz_11cav_149.awsui_input-has-no-border-radius_2rhyz_11cav_306:not(#\9) {
309
- border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
310
- border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
311
- border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
312
- border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
308
+ .awsui_input_2rhyz_1gmv1_149.awsui_input-has-no-border-radius_2rhyz_1gmv1_306:not(#\9) {
309
+ border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
310
+ border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
311
+ border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
312
+ border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
313
313
  }
314
314
 
315
- .awsui_input-container_2rhyz_11cav_313:not(#\9) {
315
+ .awsui_input-container_2rhyz_1gmv1_313:not(#\9) {
316
316
  display: flex;
317
317
  position: relative;
318
318
  }
319
319
 
320
- .awsui_input-icon-left_2rhyz_11cav_318:not(#\9) {
320
+ .awsui_input-icon-left_2rhyz_1gmv1_318:not(#\9) {
321
321
  position: absolute;
322
322
  pointer-events: none;
323
323
  inset-inline-start: var(--space-field-horizontal-n5peob, 8px);
324
324
  inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
325
325
  }
326
326
 
327
- .awsui_input-icon-right_2rhyz_11cav_325:not(#\9) {
327
+ .awsui_input-icon-right_2rhyz_1gmv1_325:not(#\9) {
328
328
  position: absolute;
329
329
  inset-block-start: calc(calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2) - var(--space-xxxs-3w1kr2, 2px));
330
330
  inset-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) - var(--space-xxs-jnczic, 4px));
331
331
  }
332
332
 
333
- .awsui_input-button-right_2rhyz_11cav_331:not(#\9) {
333
+ .awsui_input-button-right_2rhyz_1gmv1_331:not(#\9) {
334
334
  /* used in test-utils */
335
335
  }
336
336
 
337
- .awsui_inline-label-trigger-wrapper_2rhyz_11cav_335:not(#\9) {
337
+ .awsui_inline-label-trigger-wrapper_2rhyz_1gmv1_335:not(#\9) {
338
338
  margin-block-start: -7px;
339
339
  }
340
- .awsui_inline-label-trigger-wrapper-full-width_2rhyz_11cav_338:not(#\9) {
340
+ .awsui_inline-label-trigger-wrapper-full-width_2rhyz_1gmv1_338:not(#\9) {
341
341
  inline-size: 100%;
342
342
  }
343
343
 
344
- .awsui_inline-label-wrapper_2rhyz_11cav_342:not(#\9) {
344
+ .awsui_inline-label-wrapper_2rhyz_1gmv1_342:not(#\9) {
345
345
  margin-block-start: calc(var(--space-scaled-xs-sppte9, 8px) * -1);
346
346
  }
347
- .awsui_inline-label-wrapper-full-width_2rhyz_11cav_345:not(#\9) {
347
+ .awsui_inline-label-wrapper-full-width_2rhyz_1gmv1_345:not(#\9) {
348
348
  inline-size: 100%;
349
349
  }
350
350
 
351
- .awsui_inline-label_2rhyz_11cav_335:not(#\9) {
351
+ .awsui_inline-label_2rhyz_1gmv1_335:not(#\9) {
352
352
  background: linear-gradient(to bottom, var(--color-background-layout-main-05m5y6, #f2f3f3), var(--color-background-input-default-1z2buq, #ffffff));
353
353
  border-start-start-radius: 2px;
354
354
  border-start-end-radius: 2px;
@@ -362,7 +362,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
362
362
  line-height: 14px;
363
363
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
364
364
  position: relative;
365
- inset-inline-start: calc(var(--border-width-field-9k1tdz, 1px) + var(--space-field-horizontal-n5peob, 8px) - var(--space-scaled-xxs-jatbiv, 4px));
365
+ inset-inline-start: calc(var(--border-width-field-2365x3, 1px) + var(--space-field-horizontal-n5peob, 8px) - var(--space-scaled-xxs-jatbiv, 4px));
366
366
  margin-block-start: var(--space-scaled-xs-sppte9, 8px);
367
367
  padding-block-end: 2px;
368
368
  padding-inline: var(--space-scaled-xxs-jatbiv, 4px);
package/lib/internal/template/input/styles.selectors.js CHANGED
@@ -2,23 +2,23 @@
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_2rhyz_11cav_145",
6
- "input": "awsui_input_2rhyz_11cav_149",
7
- "input-readonly": "awsui_input-readonly_2rhyz_11cav_203",
8
- "input-invalid": "awsui_input-invalid_2rhyz_11cav_266",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_11cav_275",
10
- "input-warning": "awsui_input-warning_2rhyz_11cav_278",
11
- "input-type-search": "awsui_input-type-search_2rhyz_11cav_290",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_11cav_303",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_11cav_306",
14
- "input-container": "awsui_input-container_2rhyz_11cav_313",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_11cav_318",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_11cav_325",
17
- "input-button-right": "awsui_input-button-right_2rhyz_11cav_331",
18
- "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_11cav_335",
19
- "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_11cav_338",
20
- "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_11cav_342",
21
- "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_11cav_345",
22
- "inline-label": "awsui_inline-label_2rhyz_11cav_335"
5
+ "root": "awsui_root_2rhyz_1gmv1_145",
6
+ "input": "awsui_input_2rhyz_1gmv1_149",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_1gmv1_203",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_1gmv1_266",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1gmv1_275",
10
+ "input-warning": "awsui_input-warning_2rhyz_1gmv1_278",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_1gmv1_290",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1gmv1_303",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1gmv1_306",
14
+ "input-container": "awsui_input-container_2rhyz_1gmv1_313",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1gmv1_318",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1gmv1_325",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_1gmv1_331",
18
+ "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_1gmv1_335",
19
+ "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_1gmv1_338",
20
+ "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_1gmv1_342",
21
+ "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_1gmv1_345",
22
+ "inline-label": "awsui_inline-label_2rhyz_1gmv1_335"
23
23
  };
24
24