@cloudscape-design/components 3.0.991 → 3.0.992

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 (373) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +56 -56
  3. package/alert/styles.selectors.js +27 -27
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +28 -28
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +43 -43
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/drawer/styles.css.js +14 -14
  11. package/app-layout/drawer/styles.scoped.css +31 -31
  12. package/app-layout/drawer/styles.selectors.js +14 -14
  13. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  14. package/app-layout/mobile-toolbar/styles.scoped.css +12 -12
  15. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  16. package/app-layout/styles.css.js +12 -12
  17. package/app-layout/styles.scoped.css +15 -15
  18. package/app-layout/styles.selectors.js +12 -12
  19. package/app-layout/toggles/styles.css.js +2 -2
  20. package/app-layout/toggles/styles.scoped.css +7 -7
  21. package/app-layout/toggles/styles.selectors.js +2 -2
  22. package/app-layout/visual-refresh/styles.css.js +86 -86
  23. package/app-layout/visual-refresh/styles.scoped.css +199 -199
  24. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  25. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
  26. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +43 -43
  27. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
  28. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  29. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
  30. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  31. package/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
  32. package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +4 -4
  33. package/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
  34. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +21 -21
  35. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +46 -46
  36. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +21 -21
  37. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
  38. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +18 -18
  39. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
  40. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +5 -5
  41. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +25 -25
  42. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +5 -5
  43. package/area-chart/styles.css.js +6 -6
  44. package/area-chart/styles.scoped.css +10 -10
  45. package/area-chart/styles.selectors.js +6 -6
  46. package/attribute-editor/styles.css.js +15 -15
  47. package/attribute-editor/styles.scoped.css +32 -32
  48. package/attribute-editor/styles.selectors.js +15 -15
  49. package/badge/styles.css.js +10 -10
  50. package/badge/styles.scoped.css +12 -12
  51. package/badge/styles.selectors.js +10 -10
  52. package/box/styles.css.js +191 -191
  53. package/box/styles.scoped.css +250 -250
  54. package/box/styles.selectors.js +191 -191
  55. package/breadcrumb-group/item/styles.css.js +7 -7
  56. package/breadcrumb-group/item/styles.scoped.css +32 -32
  57. package/breadcrumb-group/item/styles.selectors.js +7 -7
  58. package/breadcrumb-group/styles.css.js +14 -14
  59. package/breadcrumb-group/styles.scoped.css +32 -32
  60. package/breadcrumb-group/styles.selectors.js +14 -14
  61. package/button/styles.css.js +22 -22
  62. package/button/styles.scoped.css +131 -131
  63. package/button/styles.selectors.js +22 -22
  64. package/button-dropdown/category-elements/styles.css.js +15 -15
  65. package/button-dropdown/category-elements/styles.scoped.css +35 -35
  66. package/button-dropdown/category-elements/styles.selectors.js +15 -15
  67. package/button-dropdown/item-element/styles.css.js +16 -16
  68. package/button-dropdown/item-element/styles.scoped.css +40 -40
  69. package/button-dropdown/item-element/styles.selectors.js +16 -16
  70. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  71. package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -7
  72. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  73. package/button-dropdown/styles.css.js +21 -21
  74. package/button-dropdown/styles.scoped.css +31 -31
  75. package/button-dropdown/styles.selectors.js +21 -21
  76. package/button-group/styles.css.js +4 -4
  77. package/button-group/styles.scoped.css +6 -6
  78. package/button-group/styles.selectors.js +4 -4
  79. package/calendar/styles.css.js +21 -21
  80. package/calendar/styles.scoped.css +60 -60
  81. package/calendar/styles.selectors.js +21 -21
  82. package/cards/styles.css.js +39 -39
  83. package/cards/styles.scoped.css +60 -60
  84. package/cards/styles.selectors.js +39 -39
  85. package/checkbox/styles.css.js +3 -3
  86. package/checkbox/styles.scoped.css +7 -7
  87. package/checkbox/styles.selectors.js +3 -3
  88. package/code-editor/styles.css.js +33 -33
  89. package/code-editor/styles.scoped.css +176 -176
  90. package/code-editor/styles.selectors.js +33 -33
  91. package/collection-preferences/content-display/styles.css.js +11 -11
  92. package/collection-preferences/content-display/styles.scoped.css +16 -16
  93. package/collection-preferences/content-display/styles.selectors.js +11 -11
  94. package/collection-preferences/styles.css.js +38 -38
  95. package/collection-preferences/styles.scoped.css +48 -48
  96. package/collection-preferences/styles.selectors.js +38 -38
  97. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  98. package/column-layout/flexible-column-layout/styles.scoped.css +9 -9
  99. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  100. package/column-layout/styles.css.js +13 -13
  101. package/column-layout/styles.scoped.css +47 -47
  102. package/column-layout/styles.selectors.js +13 -13
  103. package/container/styles.css.js +33 -33
  104. package/container/styles.scoped.css +68 -68
  105. package/container/styles.selectors.js +33 -33
  106. package/content-layout/styles.css.js +14 -14
  107. package/content-layout/styles.scoped.css +19 -19
  108. package/content-layout/styles.selectors.js +14 -14
  109. package/date-picker/styles.css.js +7 -7
  110. package/date-picker/styles.scoped.css +11 -11
  111. package/date-picker/styles.selectors.js +7 -7
  112. package/date-range-picker/calendar/grids/styles.css.js +30 -30
  113. package/date-range-picker/calendar/grids/styles.scoped.css +74 -74
  114. package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  115. package/date-range-picker/styles.css.js +23 -23
  116. package/date-range-picker/styles.scoped.css +40 -40
  117. package/date-range-picker/styles.selectors.js +23 -23
  118. package/drawer/styles.css.js +8 -8
  119. package/drawer/styles.scoped.css +16 -16
  120. package/drawer/styles.selectors.js +8 -8
  121. package/expandable-section/styles.css.js +34 -34
  122. package/expandable-section/styles.scoped.css +76 -76
  123. package/expandable-section/styles.selectors.js +34 -34
  124. package/file-dropzone/styles.css.js +3 -3
  125. package/file-dropzone/styles.scoped.css +12 -12
  126. package/file-dropzone/styles.selectors.js +3 -3
  127. package/file-input/styles.css.js +6 -6
  128. package/file-input/styles.scoped.css +11 -11
  129. package/file-input/styles.selectors.js +6 -6
  130. package/file-token-group/styles.css.js +22 -22
  131. package/file-token-group/styles.scoped.css +46 -46
  132. package/file-token-group/styles.selectors.js +22 -22
  133. package/flashbar/styles.css.js +50 -50
  134. package/flashbar/styles.scoped.css +151 -151
  135. package/flashbar/styles.selectors.js +50 -50
  136. package/form/styles.css.js +8 -8
  137. package/form/styles.scoped.css +9 -9
  138. package/form/styles.selectors.js +8 -8
  139. package/form-field/styles.css.js +24 -24
  140. package/form-field/styles.scoped.css +44 -44
  141. package/form-field/styles.selectors.js +24 -24
  142. package/grid/styles.css.js +53 -53
  143. package/grid/styles.scoped.css +55 -55
  144. package/grid/styles.selectors.js +53 -53
  145. package/header/styles.css.js +34 -34
  146. package/header/styles.scoped.css +54 -54
  147. package/header/styles.selectors.js +34 -34
  148. package/help-panel/styles.css.js +6 -6
  149. package/help-panel/styles.scoped.css +84 -84
  150. package/help-panel/styles.selectors.js +6 -6
  151. package/icon/styles.css.js +39 -39
  152. package/icon/styles.scoped.css +100 -100
  153. package/icon/styles.selectors.js +39 -39
  154. package/input/styles.css.js +13 -13
  155. package/input/styles.scoped.css +63 -63
  156. package/input/styles.selectors.js +13 -13
  157. package/internal/base-component/styles.scoped.css +1193 -1193
  158. package/internal/components/abstract-switch/styles.css.js +13 -13
  159. package/internal/components/abstract-switch/styles.scoped.css +23 -23
  160. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  161. package/internal/components/button-trigger/styles.css.js +13 -13
  162. package/internal/components/button-trigger/styles.scoped.css +55 -55
  163. package/internal/components/button-trigger/styles.selectors.js +13 -13
  164. package/internal/components/cartesian-chart/styles.css.js +28 -28
  165. package/internal/components/cartesian-chart/styles.scoped.css +36 -36
  166. package/internal/components/cartesian-chart/styles.selectors.js +28 -28
  167. package/internal/components/chart-filter/styles.css.js +3 -3
  168. package/internal/components/chart-filter/styles.scoped.css +4 -4
  169. package/internal/components/chart-filter/styles.selectors.js +3 -3
  170. package/internal/components/chart-legend/styles.css.js +6 -6
  171. package/internal/components/chart-legend/styles.scoped.css +16 -16
  172. package/internal/components/chart-legend/styles.selectors.js +6 -6
  173. package/internal/components/chart-plot/styles.css.js +5 -5
  174. package/internal/components/chart-plot/styles.scoped.css +6 -6
  175. package/internal/components/chart-plot/styles.selectors.js +5 -5
  176. package/internal/components/chart-popover/styles.css.js +3 -3
  177. package/internal/components/chart-popover/styles.scoped.css +6 -6
  178. package/internal/components/chart-popover/styles.selectors.js +3 -3
  179. package/internal/components/chart-series-details/styles.css.js +19 -19
  180. package/internal/components/chart-series-details/styles.scoped.css +37 -37
  181. package/internal/components/chart-series-details/styles.selectors.js +19 -19
  182. package/internal/components/chart-series-marker/styles.css.js +5 -5
  183. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  184. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  185. package/internal/components/chart-status-container/styles.css.js +2 -2
  186. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  187. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  188. package/internal/components/chart-wrapper/styles.css.js +9 -9
  189. package/internal/components/chart-wrapper/styles.scoped.css +10 -10
  190. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  191. package/internal/components/checkbox-icon/styles.css.js +9 -9
  192. package/internal/components/checkbox-icon/styles.scoped.css +17 -17
  193. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  194. package/internal/components/drag-handle/styles.css.js +12 -12
  195. package/internal/components/drag-handle/styles.scoped.css +24 -24
  196. package/internal/components/drag-handle/styles.selectors.js +12 -12
  197. package/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  198. package/internal/components/drag-handle-wrapper/styles.scoped.css +38 -38
  199. package/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  200. package/internal/components/dropdown/styles.css.js +20 -20
  201. package/internal/components/dropdown/styles.scoped.css +42 -42
  202. package/internal/components/dropdown/styles.selectors.js +20 -20
  203. package/internal/components/dropdown-footer/styles.css.js +3 -3
  204. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  205. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  206. package/internal/components/dropdown-status/styles.css.js +2 -2
  207. package/internal/components/dropdown-status/styles.scoped.css +4 -4
  208. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  209. package/internal/components/menu-dropdown/styles.css.js +7 -7
  210. package/internal/components/menu-dropdown/styles.scoped.css +19 -19
  211. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  212. package/internal/components/option/styles.css.js +17 -17
  213. package/internal/components/option/styles.scoped.css +37 -37
  214. package/internal/components/option/styles.selectors.js +17 -17
  215. package/internal/components/options-list/styles.css.js +3 -3
  216. package/internal/components/options-list/styles.scoped.css +4 -4
  217. package/internal/components/options-list/styles.selectors.js +3 -3
  218. package/internal/components/panel-resize-handle/styles.css.js +2 -2
  219. package/internal/components/panel-resize-handle/styles.scoped.css +7 -7
  220. package/internal/components/panel-resize-handle/styles.selectors.js +2 -2
  221. package/internal/components/selectable-item/styles.css.js +21 -21
  222. package/internal/components/selectable-item/styles.scoped.css +69 -69
  223. package/internal/components/selectable-item/styles.selectors.js +21 -21
  224. package/internal/components/sortable-area/styles.css.js +8 -8
  225. package/internal/components/sortable-area/styles.scoped.css +21 -21
  226. package/internal/components/sortable-area/styles.selectors.js +8 -8
  227. package/internal/components/token-list/styles.css.js +10 -10
  228. package/internal/components/token-list/styles.scoped.css +30 -30
  229. package/internal/components/token-list/styles.selectors.js +10 -10
  230. package/internal/environment.js +1 -1
  231. package/internal/environment.json +1 -1
  232. package/internal/generated/styles/tokens.js +222 -222
  233. package/internal/generated/theming/index.cjs +232 -232
  234. package/internal/generated/theming/index.cjs.d.ts +2 -2
  235. package/internal/generated/theming/index.d.ts +2 -2
  236. package/internal/generated/theming/index.js +232 -232
  237. package/internal/manifest.json +1 -1
  238. package/key-value-pairs/styles.css.js +8 -8
  239. package/key-value-pairs/styles.scoped.css +13 -13
  240. package/key-value-pairs/styles.selectors.js +8 -8
  241. package/link/styles.css.js +20 -20
  242. package/link/styles.scoped.css +98 -98
  243. package/link/styles.selectors.js +20 -20
  244. package/modal/styles.css.js +23 -23
  245. package/modal/styles.scoped.css +45 -45
  246. package/modal/styles.selectors.js +23 -23
  247. package/multiselect/styles.css.js +3 -3
  248. package/multiselect/styles.scoped.css +5 -5
  249. package/multiselect/styles.selectors.js +3 -3
  250. package/package.json +1 -1
  251. package/pagination/styles.css.js +9 -9
  252. package/pagination/styles.scoped.css +38 -38
  253. package/pagination/styles.selectors.js +9 -9
  254. package/pie-chart/styles.css.js +27 -27
  255. package/pie-chart/styles.scoped.css +53 -53
  256. package/pie-chart/styles.selectors.js +27 -27
  257. package/popover/styles.css.js +56 -56
  258. package/popover/styles.scoped.css +101 -101
  259. package/popover/styles.selectors.js +56 -56
  260. package/progress-bar/styles.css.js +19 -19
  261. package/progress-bar/styles.scoped.css +36 -36
  262. package/progress-bar/styles.selectors.js +19 -19
  263. package/prompt-input/styles.css.js +15 -15
  264. package/prompt-input/styles.scoped.css +83 -83
  265. package/prompt-input/styles.selectors.js +15 -15
  266. package/property-filter/filtering-token/styles.css.js +18 -18
  267. package/property-filter/filtering-token/styles.scoped.css +55 -55
  268. package/property-filter/filtering-token/styles.selectors.js +18 -18
  269. package/property-filter/styles.css.js +39 -39
  270. package/property-filter/styles.scoped.css +52 -52
  271. package/property-filter/styles.selectors.js +39 -39
  272. package/radio-group/styles.css.js +10 -10
  273. package/radio-group/styles.scoped.css +27 -27
  274. package/radio-group/styles.selectors.js +10 -10
  275. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  276. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  277. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  278. package/s3-resource-selector/s3-modal/styles.css.js +3 -3
  279. package/s3-resource-selector/s3-modal/styles.scoped.css +4 -4
  280. package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  281. package/segmented-control/styles.css.js +16 -16
  282. package/segmented-control/styles.scoped.css +56 -56
  283. package/segmented-control/styles.selectors.js +16 -16
  284. package/select/parts/styles.css.js +20 -20
  285. package/select/parts/styles.scoped.css +32 -32
  286. package/select/parts/styles.selectors.js +20 -20
  287. package/select/styles.css.js +1 -1
  288. package/select/styles.scoped.css +2 -2
  289. package/select/styles.selectors.js +1 -1
  290. package/side-navigation/styles.css.js +30 -30
  291. package/side-navigation/styles.scoped.css +55 -55
  292. package/side-navigation/styles.selectors.js +30 -30
  293. package/slider/styles.css.js +26 -26
  294. package/slider/styles.scoped.css +152 -152
  295. package/slider/styles.selectors.js +26 -26
  296. package/spinner/styles.css.js +13 -13
  297. package/spinner/styles.scoped.css +21 -21
  298. package/spinner/styles.selectors.js +13 -13
  299. package/split-panel/icons/styles.css.js +22 -22
  300. package/split-panel/icons/styles.scoped.css +44 -44
  301. package/split-panel/icons/styles.selectors.js +22 -22
  302. package/split-panel/styles.css.js +27 -27
  303. package/split-panel/styles.scoped.css +55 -55
  304. package/split-panel/styles.selectors.js +27 -27
  305. package/status-indicator/styles.css.js +23 -23
  306. package/status-indicator/styles.scoped.css +43 -43
  307. package/status-indicator/styles.selectors.js +23 -23
  308. package/steps/styles.css.js +6 -6
  309. package/steps/styles.scoped.css +9 -9
  310. package/steps/styles.selectors.js +6 -6
  311. package/table/body-cell/styles.css.js +46 -46
  312. package/table/body-cell/styles.scoped.css +401 -401
  313. package/table/body-cell/styles.selectors.js +46 -46
  314. package/table/expandable-rows/styles.css.js +3 -3
  315. package/table/expandable-rows/styles.scoped.css +18 -18
  316. package/table/expandable-rows/styles.selectors.js +3 -3
  317. package/table/header-cell/styles.css.js +28 -28
  318. package/table/header-cell/styles.scoped.css +84 -84
  319. package/table/header-cell/styles.selectors.js +28 -28
  320. package/table/resizer/styles.css.js +8 -8
  321. package/table/resizer/styles.scoped.css +22 -22
  322. package/table/resizer/styles.selectors.js +8 -8
  323. package/table/sticky-scrollbar/styles.css.js +6 -6
  324. package/table/sticky-scrollbar/styles.scoped.css +10 -10
  325. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  326. package/table/styles.css.js +34 -34
  327. package/table/styles.scoped.css +48 -48
  328. package/table/styles.selectors.js +34 -34
  329. package/tabs/styles.css.js +30 -30
  330. package/tabs/styles.scoped.css +65 -65
  331. package/tabs/styles.selectors.js +30 -30
  332. package/tag-editor/styles.css.js +3 -3
  333. package/tag-editor/styles.scoped.css +15 -15
  334. package/tag-editor/styles.selectors.js +3 -3
  335. package/text-content/styles.css.js +1 -1
  336. package/text-content/styles.scoped.css +71 -71
  337. package/text-content/styles.selectors.js +1 -1
  338. package/text-filter/styles.css.js +3 -3
  339. package/text-filter/styles.scoped.css +5 -5
  340. package/text-filter/styles.selectors.js +3 -3
  341. package/textarea/styles.css.js +5 -5
  342. package/textarea/styles.scoped.css +39 -39
  343. package/textarea/styles.selectors.js +5 -5
  344. package/tiles/styles.css.js +30 -30
  345. package/tiles/styles.scoped.css +90 -90
  346. package/tiles/styles.selectors.js +30 -30
  347. package/toggle/styles.css.js +10 -10
  348. package/toggle/styles.scoped.css +27 -27
  349. package/toggle/styles.selectors.js +10 -10
  350. package/toggle-button/styles.css.js +3 -3
  351. package/toggle-button/styles.scoped.css +6 -6
  352. package/toggle-button/styles.selectors.js +3 -3
  353. package/token-group/styles.css.js +8 -8
  354. package/token-group/styles.scoped.css +33 -33
  355. package/token-group/styles.selectors.js +8 -8
  356. package/top-navigation/1.0-beta/styles.css.js +23 -23
  357. package/top-navigation/1.0-beta/styles.scoped.css +44 -44
  358. package/top-navigation/1.0-beta/styles.selectors.js +23 -23
  359. package/top-navigation/styles.css.js +47 -47
  360. package/top-navigation/styles.scoped.css +86 -86
  361. package/top-navigation/styles.selectors.js +47 -47
  362. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  363. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +25 -25
  364. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  365. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  366. package/tutorial-panel/components/tutorial-list/styles.scoped.css +35 -35
  367. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  368. package/tutorial-panel/styles.css.js +1 -1
  369. package/tutorial-panel/styles.scoped.css +2 -2
  370. package/tutorial-panel/styles.selectors.js +1 -1
  371. package/wizard/styles.css.js +30 -30
  372. package/wizard/styles.scoped.css +83 -83
  373. package/wizard/styles.selectors.js +30 -30
package/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_uz5yt_145:not(#\9) {
145
+ .awsui_root_2rhyz_x45v2_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_uz5yt_149:not(#\9) {
149
+ .awsui_input_2rhyz_x45v2_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -172,162 +172,162 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
172
172
  word-spacing: normal;
173
173
  font-size: var(--font-size-body-m-a7nh2n, 14px);
174
174
  line-height: var(--line-height-body-m-2mh3ke, 20px);
175
- color: var(--color-text-body-default-3mljql, #0f141a);
175
+ color: var(--color-text-body-default-vvtq8u, #0f141a);
176
176
  font-weight: 400;
177
177
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
178
178
  -webkit-font-smoothing: auto;
179
179
  -moz-osx-font-smoothing: auto;
180
180
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
181
181
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
182
- color: var(--color-text-body-default-3mljql, #0f141a);
182
+ color: var(--color-text-body-default-vvtq8u, #0f141a);
183
183
  inline-size: 100%;
184
184
  cursor: text;
185
185
  box-sizing: border-box;
186
- background-color: var(--color-background-input-default-bz9w07, #ffffff);
186
+ background-color: var(--color-background-input-default-ifz5bb, #ffffff);
187
187
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
188
188
  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
189
189
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
190
190
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
191
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-f3bzwh, #8c8c94);
192
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-f3bzwh, #8c8c94);
191
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
192
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
193
193
  font-size: var(--font-size-body-m-a7nh2n, 14px);
194
194
  line-height: var(--line-height-body-m-2mh3ke, 20px);
195
195
  block-size: var(--size-vertical-input-p1d7xx, 32px);
196
196
  }
197
- .awsui_input_2rhyz_uz5yt_149.awsui_input-readonly_2rhyz_uz5yt_196:not(#\9) {
198
- background-color: var(--color-background-input-default-bz9w07, #ffffff);
199
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
200
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
197
+ .awsui_input_2rhyz_x45v2_149.awsui_input-readonly_2rhyz_x45v2_196:not(#\9) {
198
+ background-color: var(--color-background-input-default-ifz5bb, #ffffff);
199
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
200
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
201
201
  }
202
- .awsui_input_2rhyz_uz5yt_149:not(#\9)::-webkit-input-placeholder {
203
- color: var(--color-text-input-placeholder-i4i8dv, #656871);
202
+ .awsui_input_2rhyz_x45v2_149:not(#\9)::-webkit-input-placeholder {
203
+ color: var(--color-text-input-placeholder-dclg8u, #656871);
204
204
  font-style: italic;
205
205
  -webkit-user-select: none;
206
206
  user-select: none;
207
207
  }
208
- .awsui_input_2rhyz_uz5yt_149:not(#\9)::-ms-input-placeholder {
209
- color: var(--color-text-input-placeholder-i4i8dv, #656871);
208
+ .awsui_input_2rhyz_x45v2_149:not(#\9)::-ms-input-placeholder {
209
+ color: var(--color-text-input-placeholder-dclg8u, #656871);
210
210
  font-style: italic;
211
211
  }
212
- .awsui_input_2rhyz_uz5yt_149:not(#\9)::-moz-placeholder {
213
- color: var(--color-text-input-placeholder-i4i8dv, #656871);
212
+ .awsui_input_2rhyz_x45v2_149:not(#\9)::-moz-placeholder {
213
+ color: var(--color-text-input-placeholder-dclg8u, #656871);
214
214
  font-style: italic;
215
215
  opacity: 1;
216
216
  }
217
- .awsui_input_2rhyz_uz5yt_149:not(#\9):-ms-input-placeholder {
218
- color: var(--color-text-input-placeholder-i4i8dv, #656871);
217
+ .awsui_input_2rhyz_x45v2_149:not(#\9):-ms-input-placeholder {
218
+ color: var(--color-text-input-placeholder-dclg8u, #656871);
219
219
  font-style: italic;
220
220
  }
221
- .awsui_input_2rhyz_uz5yt_149:not(#\9):-moz-placeholder {
222
- color: var(--color-text-input-placeholder-i4i8dv, #656871);
221
+ .awsui_input_2rhyz_x45v2_149:not(#\9):-moz-placeholder {
222
+ color: var(--color-text-input-placeholder-dclg8u, #656871);
223
223
  font-style: italic;
224
224
  opacity: 1;
225
225
  }
226
- .awsui_input_2rhyz_uz5yt_149:not(#\9):focus {
226
+ .awsui_input_2rhyz_x45v2_149:not(#\9):focus {
227
227
  outline: 2px dotted transparent;
228
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-9bkrxq, #006ce0);
229
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-9bkrxq, #006ce0);
228
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
229
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
230
230
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
231
231
  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
232
232
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
233
233
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
234
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-8bi903, #006ce0);
234
+ box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
235
235
  }
236
- .awsui_input_2rhyz_uz5yt_149:not(#\9):disabled {
237
- background-color: var(--color-background-input-disabled-cecgeg, #ebebf0);
238
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
239
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
240
- color: var(--color-text-input-disabled-as3mmb, #b4b4bb);
236
+ .awsui_input_2rhyz_x45v2_149:not(#\9):disabled {
237
+ background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
238
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
239
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
240
+ color: var(--color-text-input-disabled-wh1f3y, #b4b4bb);
241
241
  cursor: auto;
242
242
  cursor: default;
243
243
  }
244
- .awsui_input_2rhyz_uz5yt_149:not(#\9):disabled::-webkit-input-placeholder {
245
- color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
244
+ .awsui_input_2rhyz_x45v2_149:not(#\9):disabled::-webkit-input-placeholder {
245
+ color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
246
246
  -webkit-user-select: none;
247
247
  user-select: none;
248
248
  }
249
- .awsui_input_2rhyz_uz5yt_149:not(#\9):disabled::-ms-input-placeholder {
250
- color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
249
+ .awsui_input_2rhyz_x45v2_149:not(#\9):disabled::-ms-input-placeholder {
250
+ color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
251
251
  }
252
- .awsui_input_2rhyz_uz5yt_149:not(#\9):disabled::-moz-placeholder {
253
- color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
252
+ .awsui_input_2rhyz_x45v2_149:not(#\9):disabled::-moz-placeholder {
253
+ color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
254
254
  opacity: 1;
255
255
  }
256
- .awsui_input_2rhyz_uz5yt_149:not(#\9):disabled:-ms-input-placeholder {
257
- color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
256
+ .awsui_input_2rhyz_x45v2_149:not(#\9):disabled:-ms-input-placeholder {
257
+ color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
258
258
  }
259
- .awsui_input_2rhyz_uz5yt_149:not(#\9):disabled:-moz-placeholder {
260
- color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
259
+ .awsui_input_2rhyz_x45v2_149:not(#\9):disabled:-moz-placeholder {
260
+ color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
261
261
  opacity: 1;
262
262
  }
263
- .awsui_input_2rhyz_uz5yt_149:not(#\9):invalid {
263
+ .awsui_input_2rhyz_x45v2_149:not(#\9):invalid {
264
264
  box-shadow: none;
265
265
  }
266
- .awsui_input_2rhyz_uz5yt_149.awsui_input-invalid_2rhyz_uz5yt_263:not(#\9) {
267
- color: var(--color-text-status-error-57bfn2, #db0000);
268
- border-color: var(--color-text-status-error-57bfn2, #db0000);
266
+ .awsui_input_2rhyz_x45v2_149.awsui_input-invalid_2rhyz_x45v2_263:not(#\9) {
267
+ color: var(--color-text-status-error-ksqavh, #db0000);
268
+ border-color: var(--color-text-status-error-ksqavh, #db0000);
269
269
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
270
270
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
271
271
  }
272
- .awsui_input_2rhyz_uz5yt_149.awsui_input-invalid_2rhyz_uz5yt_263:not(#\9):focus {
273
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-8bi903, #006ce0);
272
+ .awsui_input_2rhyz_x45v2_149.awsui_input-invalid_2rhyz_x45v2_263:not(#\9):focus {
273
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
274
274
  }
275
- .awsui_input_2rhyz_uz5yt_149.awsui_input-invalid_2rhyz_uz5yt_263.awsui_input-has-icon-left_2rhyz_uz5yt_272:not(#\9) {
275
+ .awsui_input_2rhyz_x45v2_149.awsui_input-invalid_2rhyz_x45v2_263.awsui_input-has-icon-left_2rhyz_x45v2_272:not(#\9) {
276
276
  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
277
277
  }
278
- .awsui_input_2rhyz_uz5yt_149.awsui_input-warning_2rhyz_uz5yt_275:not(#\9) {
279
- color: var(--color-text-status-warning-fa077b, #855900);
280
- border-color: var(--color-text-status-warning-fa077b, #855900);
278
+ .awsui_input_2rhyz_x45v2_149.awsui_input-warning_2rhyz_x45v2_275:not(#\9) {
279
+ color: var(--color-text-status-warning-6meo06, #855900);
280
+ border-color: var(--color-text-status-warning-6meo06, #855900);
281
281
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
282
282
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
283
283
  }
284
- .awsui_input_2rhyz_uz5yt_149.awsui_input-warning_2rhyz_uz5yt_275:not(#\9):focus {
285
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-8bi903, #006ce0);
284
+ .awsui_input_2rhyz_x45v2_149.awsui_input-warning_2rhyz_x45v2_275:not(#\9):focus {
285
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
286
286
  }
287
- .awsui_input_2rhyz_uz5yt_149.awsui_input-warning_2rhyz_uz5yt_275.awsui_input-has-icon-left_2rhyz_uz5yt_272:not(#\9) {
287
+ .awsui_input_2rhyz_x45v2_149.awsui_input-warning_2rhyz_x45v2_275.awsui_input-has-icon-left_2rhyz_x45v2_272:not(#\9) {
288
288
  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
289
289
  }
290
- .awsui_input_2rhyz_uz5yt_149.awsui_input-type-search_2rhyz_uz5yt_287:not(#\9) {
290
+ .awsui_input_2rhyz_x45v2_149.awsui_input-type-search_2rhyz_x45v2_287:not(#\9) {
291
291
  box-sizing: border-box;
292
292
  -webkit-appearance: none;
293
293
  }
294
- .awsui_input_2rhyz_uz5yt_149.awsui_input-type-search_2rhyz_uz5yt_287:not(#\9)::-webkit-search-decoration {
294
+ .awsui_input_2rhyz_x45v2_149.awsui_input-type-search_2rhyz_x45v2_287:not(#\9)::-webkit-search-decoration {
295
295
  -webkit-appearance: none;
296
296
  }
297
- .awsui_input_2rhyz_uz5yt_149.awsui_input-type-search_2rhyz_uz5yt_287:not(#\9)::-webkit-search-cancel-button {
297
+ .awsui_input_2rhyz_x45v2_149.awsui_input-type-search_2rhyz_x45v2_287:not(#\9)::-webkit-search-cancel-button {
298
298
  display: none;
299
299
  }
300
- .awsui_input_2rhyz_uz5yt_149.awsui_input-has-icon-left_2rhyz_uz5yt_272:not(#\9) {
300
+ .awsui_input_2rhyz_x45v2_149.awsui_input-has-icon-left_2rhyz_x45v2_272:not(#\9) {
301
301
  padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
302
302
  }
303
- .awsui_input_2rhyz_uz5yt_149.awsui_input-has-icon-right_2rhyz_uz5yt_300:not(#\9) {
303
+ .awsui_input_2rhyz_x45v2_149.awsui_input-has-icon-right_2rhyz_x45v2_300:not(#\9) {
304
304
  padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
305
305
  }
306
- .awsui_input_2rhyz_uz5yt_149.awsui_input-has-no-border-radius_2rhyz_uz5yt_303:not(#\9) {
306
+ .awsui_input_2rhyz_x45v2_149.awsui_input-has-no-border-radius_2rhyz_x45v2_303:not(#\9) {
307
307
  border-start-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
308
308
  border-start-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
309
309
  border-end-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
310
310
  border-end-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
311
311
  }
312
312
 
313
- .awsui_input-container_2rhyz_uz5yt_310:not(#\9) {
313
+ .awsui_input-container_2rhyz_x45v2_310:not(#\9) {
314
314
  display: flex;
315
315
  position: relative;
316
316
  }
317
317
 
318
- .awsui_input-icon-left_2rhyz_uz5yt_315:not(#\9) {
318
+ .awsui_input-icon-left_2rhyz_x45v2_315:not(#\9) {
319
319
  position: absolute;
320
320
  pointer-events: none;
321
321
  inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
322
322
  inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
323
323
  }
324
324
 
325
- .awsui_input-icon-right_2rhyz_uz5yt_322:not(#\9) {
325
+ .awsui_input-icon-right_2rhyz_x45v2_322:not(#\9) {
326
326
  position: absolute;
327
327
  inset-block-start: calc(calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2) - var(--space-xxxs-pajhad, 2px));
328
328
  inset-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) - var(--space-xxs-hwfkai, 4px));
329
329
  }
330
330
 
331
- .awsui_input-button-right_2rhyz_uz5yt_328:not(#\9) {
331
+ .awsui_input-button-right_2rhyz_x45v2_328:not(#\9) {
332
332
  /* used in test-utils */
333
333
  }
package/input/styles.selectors.js CHANGED
@@ -2,18 +2,18 @@
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_uz5yt_145",
6
- "input": "awsui_input_2rhyz_uz5yt_149",
7
- "input-readonly": "awsui_input-readonly_2rhyz_uz5yt_196",
8
- "input-invalid": "awsui_input-invalid_2rhyz_uz5yt_263",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_uz5yt_272",
10
- "input-warning": "awsui_input-warning_2rhyz_uz5yt_275",
11
- "input-type-search": "awsui_input-type-search_2rhyz_uz5yt_287",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_uz5yt_300",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_uz5yt_303",
14
- "input-container": "awsui_input-container_2rhyz_uz5yt_310",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_uz5yt_315",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_uz5yt_322",
17
- "input-button-right": "awsui_input-button-right_2rhyz_uz5yt_328"
5
+ "root": "awsui_root_2rhyz_x45v2_145",
6
+ "input": "awsui_input_2rhyz_x45v2_149",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_x45v2_196",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_x45v2_263",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_x45v2_272",
10
+ "input-warning": "awsui_input-warning_2rhyz_x45v2_275",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_x45v2_287",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_x45v2_300",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_x45v2_303",
14
+ "input-container": "awsui_input-container_2rhyz_x45v2_310",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_x45v2_315",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_x45v2_322",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_x45v2_328"
18
18
  };
19
19