@cloudscape-design/components 3.0.763 → 3.0.764

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 (366) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +58 -58
  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 +42 -42
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/drawer/styles.css.js +13 -13
  11. package/app-layout/drawer/styles.scoped.css +30 -30
  12. package/app-layout/drawer/styles.selectors.js +13 -13
  13. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  14. package/app-layout/mobile-toolbar/styles.scoped.css +13 -13
  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 +85 -85
  23. package/app-layout/visual-refresh/styles.scoped.css +201 -201
  24. package/app-layout/visual-refresh/styles.selectors.js +85 -85
  25. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +6 -6
  26. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +7 -7
  27. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +6 -6
  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/skeleton/styles.css.js +16 -16
  32. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +37 -37
  33. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
  34. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
  35. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +18 -18
  36. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
  37. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +9 -9
  38. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +36 -36
  39. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +9 -9
  40. package/area-chart/styles.css.js +6 -6
  41. package/area-chart/styles.scoped.css +10 -10
  42. package/area-chart/styles.selectors.js +6 -6
  43. package/attribute-editor/styles.css.js +14 -14
  44. package/attribute-editor/styles.scoped.css +31 -31
  45. package/attribute-editor/styles.selectors.js +14 -14
  46. package/badge/styles.css.js +10 -10
  47. package/badge/styles.scoped.css +22 -22
  48. package/badge/styles.selectors.js +10 -10
  49. package/box/styles.css.js +191 -191
  50. package/box/styles.scoped.css +250 -250
  51. package/box/styles.selectors.js +191 -191
  52. package/breadcrumb-group/item/styles.css.js +8 -8
  53. package/breadcrumb-group/item/styles.scoped.css +33 -33
  54. package/breadcrumb-group/item/styles.selectors.js +8 -8
  55. package/breadcrumb-group/styles.css.js +9 -9
  56. package/breadcrumb-group/styles.scoped.css +12 -12
  57. package/breadcrumb-group/styles.selectors.js +9 -9
  58. package/button/styles.css.js +20 -20
  59. package/button/styles.scoped.css +245 -245
  60. package/button/styles.selectors.js +20 -20
  61. package/button-dropdown/category-elements/styles.css.js +14 -14
  62. package/button-dropdown/category-elements/styles.scoped.css +35 -35
  63. package/button-dropdown/category-elements/styles.selectors.js +14 -14
  64. package/button-dropdown/item-element/styles.css.js +13 -13
  65. package/button-dropdown/item-element/styles.scoped.css +36 -36
  66. package/button-dropdown/item-element/styles.selectors.js +13 -13
  67. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  68. package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -7
  69. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  70. package/button-dropdown/styles.css.js +17 -17
  71. package/button-dropdown/styles.scoped.css +28 -28
  72. package/button-dropdown/styles.selectors.js +17 -17
  73. package/button-group/styles.css.js +4 -4
  74. package/button-group/styles.scoped.css +6 -6
  75. package/button-group/styles.selectors.js +4 -4
  76. package/calendar/styles.css.js +21 -21
  77. package/calendar/styles.scoped.css +60 -60
  78. package/calendar/styles.selectors.js +21 -21
  79. package/cards/styles.css.js +39 -39
  80. package/cards/styles.scoped.css +60 -60
  81. package/cards/styles.selectors.js +39 -39
  82. package/checkbox/styles.css.js +3 -3
  83. package/checkbox/styles.scoped.css +7 -7
  84. package/checkbox/styles.selectors.js +3 -3
  85. package/code-editor/resizable-box/styles.css.js +3 -3
  86. package/code-editor/resizable-box/styles.scoped.css +8 -8
  87. package/code-editor/resizable-box/styles.selectors.js +3 -3
  88. package/code-editor/styles.css.js +33 -33
  89. package/code-editor/styles.scoped.css +209 -209
  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 +24 -24
  93. package/collection-preferences/content-display/styles.selectors.js +11 -11
  94. package/collection-preferences/styles.css.js +37 -37
  95. package/collection-preferences/styles.scoped.css +55 -55
  96. package/collection-preferences/styles.selectors.js +37 -37
  97. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  98. package/column-layout/flexible-column-layout/styles.scoped.css +6 -6
  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 +30 -30
  104. package/container/styles.scoped.css +66 -66
  105. package/container/styles.selectors.js +30 -30
  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 +28 -28
  113. package/date-range-picker/calendar/grids/styles.scoped.css +62 -62
  114. package/date-range-picker/calendar/grids/styles.selectors.js +28 -28
  115. package/date-range-picker/styles.css.js +39 -39
  116. package/date-range-picker/styles.scoped.css +56 -56
  117. package/date-range-picker/styles.selectors.js +39 -39
  118. package/drawer/styles.css.js +4 -4
  119. package/drawer/styles.scoped.css +13 -13
  120. package/drawer/styles.selectors.js +4 -4
  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-upload/dropzone/styles.css.js +2 -2
  125. package/file-upload/dropzone/styles.scoped.css +6 -6
  126. package/file-upload/dropzone/styles.selectors.js +2 -2
  127. package/file-upload/file-input/styles.css.js +4 -4
  128. package/file-upload/file-input/styles.scoped.css +8 -8
  129. package/file-upload/file-input/styles.selectors.js +4 -4
  130. package/flashbar/styles.css.js +50 -50
  131. package/flashbar/styles.scoped.css +164 -164
  132. package/flashbar/styles.selectors.js +50 -50
  133. package/form/styles.css.js +8 -8
  134. package/form/styles.scoped.css +9 -9
  135. package/form/styles.selectors.js +8 -8
  136. package/form-field/styles.css.js +24 -24
  137. package/form-field/styles.scoped.css +44 -44
  138. package/form-field/styles.selectors.js +24 -24
  139. package/grid/styles.css.js +53 -53
  140. package/grid/styles.scoped.css +55 -55
  141. package/grid/styles.selectors.js +53 -53
  142. package/header/styles.css.js +34 -34
  143. package/header/styles.scoped.css +54 -54
  144. package/header/styles.selectors.js +34 -34
  145. package/help-panel/styles.css.js +5 -5
  146. package/help-panel/styles.scoped.css +85 -85
  147. package/help-panel/styles.selectors.js +5 -5
  148. package/icon/generated/icons.js +224 -231
  149. package/icon/generated/icons.js.map +1 -1
  150. package/icon/styles.css.js +38 -38
  151. package/icon/styles.scoped.css +103 -100
  152. package/icon/styles.selectors.js +38 -38
  153. package/input/styles.css.js +13 -13
  154. package/input/styles.scoped.css +63 -63
  155. package/input/styles.selectors.js +13 -13
  156. package/internal/base-component/styles.scoped.css +1163 -1163
  157. package/internal/components/abstract-switch/styles.css.js +13 -13
  158. package/internal/components/abstract-switch/styles.scoped.css +23 -23
  159. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  160. package/internal/components/button-trigger/styles.css.js +13 -13
  161. package/internal/components/button-trigger/styles.scoped.css +55 -55
  162. package/internal/components/button-trigger/styles.selectors.js +13 -13
  163. package/internal/components/cartesian-chart/styles.css.js +27 -27
  164. package/internal/components/cartesian-chart/styles.scoped.css +38 -38
  165. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  166. package/internal/components/chart-filter/styles.css.js +3 -3
  167. package/internal/components/chart-filter/styles.scoped.css +4 -4
  168. package/internal/components/chart-filter/styles.selectors.js +3 -3
  169. package/internal/components/chart-legend/styles.css.js +6 -6
  170. package/internal/components/chart-legend/styles.scoped.css +17 -17
  171. package/internal/components/chart-legend/styles.selectors.js +6 -6
  172. package/internal/components/chart-plot/styles.css.js +5 -5
  173. package/internal/components/chart-plot/styles.scoped.css +6 -6
  174. package/internal/components/chart-plot/styles.selectors.js +5 -5
  175. package/internal/components/chart-popover/styles.css.js +3 -3
  176. package/internal/components/chart-popover/styles.scoped.css +4 -4
  177. package/internal/components/chart-popover/styles.selectors.js +3 -3
  178. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  179. package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
  180. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  181. package/internal/components/chart-series-details/styles.css.js +20 -20
  182. package/internal/components/chart-series-details/styles.scoped.css +38 -38
  183. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  184. package/internal/components/chart-series-marker/styles.css.js +5 -5
  185. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  186. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  187. package/internal/components/chart-status-container/styles.css.js +2 -2
  188. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  189. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  190. package/internal/components/chart-wrapper/styles.css.js +9 -9
  191. package/internal/components/chart-wrapper/styles.scoped.css +10 -10
  192. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  193. package/internal/components/checkbox-icon/styles.css.js +9 -9
  194. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  195. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  196. package/internal/components/dropdown/styles.css.js +20 -20
  197. package/internal/components/dropdown/styles.scoped.css +42 -42
  198. package/internal/components/dropdown/styles.selectors.js +20 -20
  199. package/internal/components/dropdown-footer/styles.css.js +3 -3
  200. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  201. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  202. package/internal/components/dropdown-status/styles.css.js +2 -2
  203. package/internal/components/dropdown-status/styles.scoped.css +4 -4
  204. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  205. package/internal/components/handle/styles.css.js +2 -2
  206. package/internal/components/handle/styles.scoped.css +9 -9
  207. package/internal/components/handle/styles.selectors.js +2 -2
  208. package/internal/components/menu-dropdown/styles.css.js +7 -7
  209. package/internal/components/menu-dropdown/styles.scoped.css +19 -19
  210. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  211. package/internal/components/option/styles.css.js +17 -17
  212. package/internal/components/option/styles.scoped.css +37 -37
  213. package/internal/components/option/styles.selectors.js +17 -17
  214. package/internal/components/options-list/styles.css.js +2 -2
  215. package/internal/components/options-list/styles.scoped.css +3 -3
  216. package/internal/components/options-list/styles.selectors.js +2 -2
  217. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  218. package/internal/components/panel-resize-handle/styles.scoped.css +13 -13
  219. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  220. package/internal/components/selectable-item/styles.css.js +16 -16
  221. package/internal/components/selectable-item/styles.scoped.css +49 -49
  222. package/internal/components/selectable-item/styles.selectors.js +16 -16
  223. package/internal/components/token-list/styles.css.js +9 -9
  224. package/internal/components/token-list/styles.scoped.css +28 -28
  225. package/internal/components/token-list/styles.selectors.js +9 -9
  226. package/internal/environment.js +1 -1
  227. package/internal/environment.json +1 -1
  228. package/internal/generated/styles/tokens.js +292 -292
  229. package/internal/generated/theming/index.cjs +400 -400
  230. package/internal/generated/theming/index.js +400 -400
  231. package/internal/manifest.json +1 -1
  232. package/key-value-pairs/styles.css.js +8 -8
  233. package/key-value-pairs/styles.scoped.css +13 -13
  234. package/key-value-pairs/styles.selectors.js +8 -8
  235. package/link/styles.css.js +20 -20
  236. package/link/styles.scoped.css +100 -100
  237. package/link/styles.selectors.js +20 -20
  238. package/modal/styles.css.js +23 -23
  239. package/modal/styles.scoped.css +45 -45
  240. package/modal/styles.selectors.js +23 -23
  241. package/multiselect/styles.css.js +2 -2
  242. package/multiselect/styles.scoped.css +3 -3
  243. package/multiselect/styles.selectors.js +2 -2
  244. package/package.json +1 -1
  245. package/pagination/styles.css.js +9 -9
  246. package/pagination/styles.scoped.css +38 -38
  247. package/pagination/styles.selectors.js +9 -9
  248. package/pie-chart/styles.css.js +27 -27
  249. package/pie-chart/styles.scoped.css +54 -54
  250. package/pie-chart/styles.selectors.js +27 -27
  251. package/popover/styles.css.js +52 -52
  252. package/popover/styles.scoped.css +85 -85
  253. package/popover/styles.selectors.js +52 -52
  254. package/progress-bar/styles.css.js +19 -19
  255. package/progress-bar/styles.scoped.css +38 -38
  256. package/progress-bar/styles.selectors.js +19 -19
  257. package/prompt-input/styles.css.js +8 -8
  258. package/prompt-input/styles.scoped.css +45 -45
  259. package/prompt-input/styles.selectors.js +8 -8
  260. package/property-filter/filtering-token/styles.css.js +18 -18
  261. package/property-filter/filtering-token/styles.scoped.css +55 -55
  262. package/property-filter/filtering-token/styles.selectors.js +18 -18
  263. package/property-filter/styles.css.js +38 -38
  264. package/property-filter/styles.scoped.css +48 -48
  265. package/property-filter/styles.selectors.js +38 -38
  266. package/radio-group/styles.css.js +10 -10
  267. package/radio-group/styles.scoped.css +28 -28
  268. package/radio-group/styles.selectors.js +10 -10
  269. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  270. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  271. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  272. package/s3-resource-selector/s3-modal/styles.css.js +3 -3
  273. package/s3-resource-selector/s3-modal/styles.scoped.css +4 -4
  274. package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  275. package/segmented-control/styles.css.js +15 -15
  276. package/segmented-control/styles.scoped.css +53 -53
  277. package/segmented-control/styles.selectors.js +15 -15
  278. package/select/parts/styles.css.js +21 -21
  279. package/select/parts/styles.scoped.css +34 -34
  280. package/select/parts/styles.selectors.js +21 -21
  281. package/select/styles.css.js +1 -1
  282. package/select/styles.scoped.css +2 -2
  283. package/select/styles.selectors.js +1 -1
  284. package/side-navigation/styles.css.js +30 -30
  285. package/side-navigation/styles.scoped.css +51 -51
  286. package/side-navigation/styles.selectors.js +30 -30
  287. package/slider/styles.css.js +26 -26
  288. package/slider/styles.scoped.css +152 -152
  289. package/slider/styles.selectors.js +26 -26
  290. package/spinner/styles.css.js +13 -13
  291. package/spinner/styles.scoped.css +21 -21
  292. package/spinner/styles.selectors.js +13 -13
  293. package/split-panel/icons/styles.css.js +22 -22
  294. package/split-panel/icons/styles.scoped.css +47 -47
  295. package/split-panel/icons/styles.selectors.js +22 -22
  296. package/split-panel/styles.css.js +26 -26
  297. package/split-panel/styles.scoped.css +54 -54
  298. package/split-panel/styles.selectors.js +26 -26
  299. package/status-indicator/styles.css.js +23 -23
  300. package/status-indicator/styles.scoped.css +43 -43
  301. package/status-indicator/styles.selectors.js +23 -23
  302. package/table/body-cell/styles.css.js +47 -47
  303. package/table/body-cell/styles.scoped.css +325 -325
  304. package/table/body-cell/styles.selectors.js +47 -47
  305. package/table/expandable-rows/styles.css.js +3 -3
  306. package/table/expandable-rows/styles.scoped.css +18 -18
  307. package/table/expandable-rows/styles.selectors.js +3 -3
  308. package/table/header-cell/styles.css.js +26 -26
  309. package/table/header-cell/styles.scoped.css +83 -83
  310. package/table/header-cell/styles.selectors.js +26 -26
  311. package/table/resizer/styles.css.js +8 -8
  312. package/table/resizer/styles.scoped.css +21 -21
  313. package/table/resizer/styles.selectors.js +8 -8
  314. package/table/sticky-header.js +0 -1
  315. package/table/sticky-header.js.map +1 -1
  316. package/table/sticky-scrollbar/styles.css.js +6 -6
  317. package/table/sticky-scrollbar/styles.scoped.css +9 -9
  318. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  319. package/table/styles.css.js +34 -34
  320. package/table/styles.scoped.css +48 -48
  321. package/table/styles.selectors.js +34 -34
  322. package/tabs/styles.css.js +28 -28
  323. package/tabs/styles.scoped.css +63 -63
  324. package/tabs/styles.selectors.js +28 -28
  325. package/tag-editor/styles.css.js +3 -3
  326. package/tag-editor/styles.scoped.css +15 -15
  327. package/tag-editor/styles.selectors.js +3 -3
  328. package/text-content/styles.css.js +1 -1
  329. package/text-content/styles.scoped.css +71 -71
  330. package/text-content/styles.selectors.js +1 -1
  331. package/text-filter/styles.css.js +3 -3
  332. package/text-filter/styles.scoped.css +5 -5
  333. package/text-filter/styles.selectors.js +3 -3
  334. package/textarea/styles.css.js +5 -5
  335. package/textarea/styles.scoped.css +39 -39
  336. package/textarea/styles.selectors.js +5 -5
  337. package/tiles/styles.css.js +30 -30
  338. package/tiles/styles.scoped.css +88 -88
  339. package/tiles/styles.selectors.js +30 -30
  340. package/toggle/styles.css.js +10 -10
  341. package/toggle/styles.scoped.css +27 -27
  342. package/toggle/styles.selectors.js +10 -10
  343. package/toggle-button/styles.css.js +3 -3
  344. package/toggle-button/styles.scoped.css +6 -6
  345. package/toggle-button/styles.selectors.js +3 -3
  346. package/token-group/styles.css.js +10 -10
  347. package/token-group/styles.scoped.css +45 -45
  348. package/token-group/styles.selectors.js +10 -10
  349. package/top-navigation/1.0-beta/styles.css.js +25 -25
  350. package/top-navigation/1.0-beta/styles.scoped.css +50 -50
  351. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  352. package/top-navigation/styles.css.js +47 -47
  353. package/top-navigation/styles.scoped.css +86 -86
  354. package/top-navigation/styles.selectors.js +47 -47
  355. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  356. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +25 -25
  357. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  358. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  359. package/tutorial-panel/components/tutorial-list/styles.scoped.css +35 -35
  360. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  361. package/tutorial-panel/styles.css.js +1 -1
  362. package/tutorial-panel/styles.scoped.css +2 -2
  363. package/tutorial-panel/styles.selectors.js +1 -1
  364. package/wizard/styles.css.js +30 -30
  365. package/wizard/styles.scoped.css +85 -85
  366. package/wizard/styles.selectors.js +30 -30
package/input/styles.scoped.css CHANGED
@@ -138,11 +138,11 @@
138
138
  */
139
139
  /* Style used for links in slots/components that are text heavy, to help links stand out among
140
140
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
141
- .awsui_root_2rhyz_6s02e_141:not(#\9) {
141
+ .awsui_root_2rhyz_1p3b2_141:not(#\9) {
142
142
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
143
143
  }
144
144
 
145
- .awsui_input_2rhyz_6s02e_145:not(#\9) {
145
+ .awsui_input_2rhyz_1p3b2_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -171,162 +171,162 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
171
171
  word-spacing: normal;
172
172
  font-size: var(--font-size-body-m-x4okxb, 14px);
173
173
  line-height: var(--line-height-body-m-30ar75, 20px);
174
- color: var(--color-text-body-default-at06ol, #000716);
174
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
175
175
  font-weight: 400;
176
176
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
177
177
  -webkit-font-smoothing: auto;
178
178
  -moz-osx-font-smoothing: auto;
179
179
  padding-block: var(--space-scaled-xxs-7597g1, 4px);
180
180
  padding-inline: var(--space-field-horizontal-gg19kw, 12px);
181
- color: var(--color-text-body-default-at06ol, #000716);
181
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
182
182
  inline-size: 100%;
183
183
  cursor: text;
184
184
  box-sizing: border-box;
185
- background-color: var(--color-background-input-default-igdh5e, #ffffff);
185
+ background-color: var(--color-background-input-default-u56ls1, #ffffff);
186
186
  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
187
187
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
188
188
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
189
189
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
190
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
191
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
190
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
191
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
192
192
  font-size: var(--font-size-body-m-x4okxb, 14px);
193
193
  line-height: var(--line-height-body-m-30ar75, 20px);
194
194
  block-size: var(--size-vertical-input-v5iwwf, 32px);
195
195
  }
196
- .awsui_input_2rhyz_6s02e_145.awsui_input-readonly_2rhyz_6s02e_195:not(#\9) {
197
- background-color: var(--color-background-input-default-igdh5e, #ffffff);
198
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
199
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
196
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-readonly_2rhyz_1p3b2_195:not(#\9) {
197
+ background-color: var(--color-background-input-default-u56ls1, #ffffff);
198
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
199
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
200
200
  }
201
- .awsui_input_2rhyz_6s02e_145:not(#\9)::-webkit-input-placeholder {
202
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
201
+ .awsui_input_2rhyz_1p3b2_145:not(#\9)::-webkit-input-placeholder {
202
+ color: var(--color-text-input-placeholder-f3x213, #656871);
203
203
  font-style: italic;
204
204
  -webkit-user-select: none;
205
205
  user-select: none;
206
206
  }
207
- .awsui_input_2rhyz_6s02e_145:not(#\9)::-ms-input-placeholder {
208
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
207
+ .awsui_input_2rhyz_1p3b2_145:not(#\9)::-ms-input-placeholder {
208
+ color: var(--color-text-input-placeholder-f3x213, #656871);
209
209
  font-style: italic;
210
210
  }
211
- .awsui_input_2rhyz_6s02e_145:not(#\9)::-moz-placeholder {
212
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
211
+ .awsui_input_2rhyz_1p3b2_145:not(#\9)::-moz-placeholder {
212
+ color: var(--color-text-input-placeholder-f3x213, #656871);
213
213
  font-style: italic;
214
214
  opacity: 1;
215
215
  }
216
- .awsui_input_2rhyz_6s02e_145:not(#\9):-ms-input-placeholder {
217
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
216
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):-ms-input-placeholder {
217
+ color: var(--color-text-input-placeholder-f3x213, #656871);
218
218
  font-style: italic;
219
219
  }
220
- .awsui_input_2rhyz_6s02e_145:not(#\9):-moz-placeholder {
221
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
220
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):-moz-placeholder {
221
+ color: var(--color-text-input-placeholder-f3x213, #656871);
222
222
  font-style: italic;
223
223
  opacity: 1;
224
224
  }
225
- .awsui_input_2rhyz_6s02e_145:not(#\9):focus {
225
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):focus {
226
226
  outline: 2px dotted transparent;
227
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
228
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
227
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
228
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
229
229
  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
230
230
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
231
231
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
232
232
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
233
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
233
+ box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
234
234
  }
235
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled {
236
- background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
237
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
238
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
239
- color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
235
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled {
236
+ background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
237
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
238
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
239
+ color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
240
240
  cursor: auto;
241
241
  cursor: default;
242
242
  }
243
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled::-webkit-input-placeholder {
244
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
243
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-webkit-input-placeholder {
244
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
245
245
  -webkit-user-select: none;
246
246
  user-select: none;
247
247
  }
248
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled::-ms-input-placeholder {
249
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
248
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-ms-input-placeholder {
249
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
250
250
  }
251
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled::-moz-placeholder {
252
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
251
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-moz-placeholder {
252
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
253
253
  opacity: 1;
254
254
  }
255
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled:-ms-input-placeholder {
256
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
255
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled:-ms-input-placeholder {
256
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
257
257
  }
258
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled:-moz-placeholder {
259
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
258
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled:-moz-placeholder {
259
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
260
260
  opacity: 1;
261
261
  }
262
- .awsui_input_2rhyz_6s02e_145:not(#\9):invalid {
262
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):invalid {
263
263
  box-shadow: none;
264
264
  }
265
- .awsui_input_2rhyz_6s02e_145.awsui_input-invalid_2rhyz_6s02e_262:not(#\9) {
266
- color: var(--color-text-status-error-wdvepn, #d91515);
267
- border-color: var(--color-text-status-error-wdvepn, #d91515);
265
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262:not(#\9) {
266
+ color: var(--color-text-status-error-5676bj, #db0000);
267
+ border-color: var(--color-text-status-error-5676bj, #db0000);
268
268
  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
269
269
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
270
270
  }
271
- .awsui_input_2rhyz_6s02e_145.awsui_input-invalid_2rhyz_6s02e_262:not(#\9):focus {
272
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
271
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262:not(#\9):focus {
272
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
273
273
  }
274
- .awsui_input_2rhyz_6s02e_145.awsui_input-invalid_2rhyz_6s02e_262.awsui_input-has-icon-left_2rhyz_6s02e_271:not(#\9) {
274
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
275
275
  padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
276
276
  }
277
- .awsui_input_2rhyz_6s02e_145.awsui_input-warning_2rhyz_6s02e_274:not(#\9) {
278
- color: var(--color-text-status-warning-yik8vi, #8d6605);
279
- border-color: var(--color-text-status-warning-yik8vi, #8d6605);
277
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274:not(#\9) {
278
+ color: var(--color-text-status-warning-csaw41, #855900);
279
+ border-color: var(--color-text-status-warning-csaw41, #855900);
280
280
  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
281
281
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
282
282
  }
283
- .awsui_input_2rhyz_6s02e_145.awsui_input-warning_2rhyz_6s02e_274:not(#\9):focus {
284
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
283
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274:not(#\9):focus {
284
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
285
285
  }
286
- .awsui_input_2rhyz_6s02e_145.awsui_input-warning_2rhyz_6s02e_274.awsui_input-has-icon-left_2rhyz_6s02e_271:not(#\9) {
286
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
287
287
  padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
288
288
  }
289
- .awsui_input_2rhyz_6s02e_145.awsui_input-type-search_2rhyz_6s02e_286:not(#\9) {
289
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9) {
290
290
  box-sizing: border-box;
291
291
  -webkit-appearance: none;
292
292
  }
293
- .awsui_input_2rhyz_6s02e_145.awsui_input-type-search_2rhyz_6s02e_286:not(#\9)::-webkit-search-decoration {
293
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9)::-webkit-search-decoration {
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_6s02e_145.awsui_input-type-search_2rhyz_6s02e_286:not(#\9)::-webkit-search-cancel-button {
296
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9)::-webkit-search-cancel-button {
297
297
  display: none;
298
298
  }
299
- .awsui_input_2rhyz_6s02e_145.awsui_input-has-icon-left_2rhyz_6s02e_271:not(#\9) {
299
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
300
300
  padding-inline-start: var(--space-field-icon-offset-csk9vw, 36px);
301
301
  }
302
- .awsui_input_2rhyz_6s02e_145.awsui_input-has-icon-right_2rhyz_6s02e_299:not(#\9) {
302
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-has-icon-right_2rhyz_1p3b2_299:not(#\9) {
303
303
  padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
304
304
  }
305
- .awsui_input_2rhyz_6s02e_145.awsui_input-has-no-border-radius_2rhyz_6s02e_302:not(#\9) {
305
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-has-no-border-radius_2rhyz_1p3b2_302:not(#\9) {
306
306
  border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
307
307
  border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
308
308
  border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
309
309
  border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
310
310
  }
311
311
 
312
- .awsui_input-container_2rhyz_6s02e_309:not(#\9) {
312
+ .awsui_input-container_2rhyz_1p3b2_309:not(#\9) {
313
313
  display: flex;
314
314
  position: relative;
315
315
  }
316
316
 
317
- .awsui_input-icon-left_2rhyz_6s02e_314:not(#\9) {
317
+ .awsui_input-icon-left_2rhyz_1p3b2_314:not(#\9) {
318
318
  position: absolute;
319
319
  pointer-events: none;
320
320
  inset-inline-start: var(--space-field-horizontal-gg19kw, 12px);
321
321
  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
322
322
  }
323
323
 
324
- .awsui_input-icon-right_2rhyz_6s02e_321:not(#\9) {
324
+ .awsui_input-icon-right_2rhyz_1p3b2_321:not(#\9) {
325
325
  position: absolute;
326
326
  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
327
327
  inset-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
328
328
  }
329
329
 
330
- .awsui_input-button-right_2rhyz_6s02e_327:not(#\9) {
330
+ .awsui_input-button-right_2rhyz_1p3b2_327:not(#\9) {
331
331
  /* used in test-utils */
332
332
  }
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_6s02e_141",
6
- "input": "awsui_input_2rhyz_6s02e_145",
7
- "input-readonly": "awsui_input-readonly_2rhyz_6s02e_195",
8
- "input-invalid": "awsui_input-invalid_2rhyz_6s02e_262",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_6s02e_271",
10
- "input-warning": "awsui_input-warning_2rhyz_6s02e_274",
11
- "input-type-search": "awsui_input-type-search_2rhyz_6s02e_286",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_6s02e_299",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_6s02e_302",
14
- "input-container": "awsui_input-container_2rhyz_6s02e_309",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_6s02e_314",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_6s02e_321",
17
- "input-button-right": "awsui_input-button-right_2rhyz_6s02e_327"
5
+ "root": "awsui_root_2rhyz_1p3b2_141",
6
+ "input": "awsui_input_2rhyz_1p3b2_145",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_1p3b2_195",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_1p3b2_262",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1p3b2_271",
10
+ "input-warning": "awsui_input-warning_2rhyz_1p3b2_274",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_1p3b2_286",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1p3b2_299",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1p3b2_302",
14
+ "input-container": "awsui_input-container_2rhyz_1p3b2_309",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1p3b2_314",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1p3b2_321",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_1p3b2_327"
18
18
  };
19
19