@cloudscape-design/components-themeable 3.0.312 → 3.0.313

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 (339) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/option/styles.scss +1 -1
  3. package/lib/internal/scss/internal/components/selectable-item/styles.scss +3 -0
  4. package/lib/internal/template/alert/styles.css.js +19 -19
  5. package/lib/internal/template/alert/styles.scoped.css +64 -64
  6. package/lib/internal/template/alert/styles.selectors.js +19 -19
  7. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  8. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +46 -46
  9. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
  12. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
  14. package/lib/internal/template/app-layout/drawer/styles.scoped.css +31 -31
  15. package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
  16. package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +6 -6
  17. package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +20 -20
  18. package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +6 -6
  19. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  20. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  21. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  22. package/lib/internal/template/app-layout/styles.css.js +13 -13
  23. package/lib/internal/template/app-layout/styles.scoped.css +22 -22
  24. package/lib/internal/template/app-layout/styles.selectors.js +13 -13
  25. package/lib/internal/template/app-layout/toggles/styles.css.js +1 -1
  26. package/lib/internal/template/app-layout/toggles/styles.scoped.css +3 -3
  27. package/lib/internal/template/app-layout/toggles/styles.selectors.js +1 -1
  28. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +68 -68
  29. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +265 -265
  30. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +68 -68
  31. package/lib/internal/template/area-chart/styles.css.js +13 -13
  32. package/lib/internal/template/area-chart/styles.scoped.css +29 -29
  33. package/lib/internal/template/area-chart/styles.selectors.js +13 -13
  34. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  35. package/lib/internal/template/attribute-editor/styles.scoped.css +48 -48
  36. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  37. package/lib/internal/template/badge/styles.css.js +5 -5
  38. package/lib/internal/template/badge/styles.scoped.css +20 -20
  39. package/lib/internal/template/badge/styles.selectors.js +5 -5
  40. package/lib/internal/template/box/styles.css.js +189 -189
  41. package/lib/internal/template/box/styles.scoped.css +418 -418
  42. package/lib/internal/template/box/styles.selectors.js +189 -189
  43. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  44. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  45. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  46. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  47. package/lib/internal/template/breadcrumb-group/styles.scoped.css +22 -22
  48. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  49. package/lib/internal/template/button/styles.css.js +19 -19
  50. package/lib/internal/template/button/styles.scoped.css +412 -412
  51. package/lib/internal/template/button/styles.selectors.js +19 -19
  52. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  53. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +50 -50
  54. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  55. package/lib/internal/template/button-dropdown/item-element/styles.css.js +14 -14
  56. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +42 -42
  57. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +14 -14
  58. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  59. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  60. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  61. package/lib/internal/template/button-dropdown/styles.css.js +8 -8
  62. package/lib/internal/template/button-dropdown/styles.scoped.css +20 -20
  63. package/lib/internal/template/button-dropdown/styles.selectors.js +8 -8
  64. package/lib/internal/template/calendar/styles.css.js +18 -18
  65. package/lib/internal/template/calendar/styles.scoped.css +89 -89
  66. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  67. package/lib/internal/template/cards/styles.css.js +37 -37
  68. package/lib/internal/template/cards/styles.scoped.css +100 -100
  69. package/lib/internal/template/cards/styles.selectors.js +37 -37
  70. package/lib/internal/template/checkbox/styles.css.js +3 -3
  71. package/lib/internal/template/checkbox/styles.scoped.css +16 -16
  72. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  73. package/lib/internal/template/code-editor/resizable-box/styles.css.js +3 -3
  74. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +11 -11
  75. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +3 -3
  76. package/lib/internal/template/code-editor/styles.css.js +32 -32
  77. package/lib/internal/template/code-editor/styles.scoped.css +242 -242
  78. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  79. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  80. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +42 -42
  81. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  82. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  83. package/lib/internal/template/collection-preferences/styles.scoped.css +81 -81
  84. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  85. package/lib/internal/template/column-layout/styles.css.js +13 -13
  86. package/lib/internal/template/column-layout/styles.scoped.css +55 -55
  87. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  88. package/lib/internal/template/container/styles.css.js +18 -18
  89. package/lib/internal/template/container/styles.scoped.css +73 -73
  90. package/lib/internal/template/container/styles.selectors.js +18 -18
  91. package/lib/internal/template/content-layout/styles.css.js +6 -6
  92. package/lib/internal/template/content-layout/styles.scoped.css +14 -14
  93. package/lib/internal/template/content-layout/styles.selectors.js +6 -6
  94. package/lib/internal/template/date-picker/styles.css.js +7 -7
  95. package/lib/internal/template/date-picker/styles.scoped.css +16 -16
  96. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  97. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
  98. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  99. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  100. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +9 -9
  101. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +16 -16
  102. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +9 -9
  103. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  104. package/lib/internal/template/date-range-picker/styles.scoped.css +76 -76
  105. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  106. package/lib/internal/template/expandable-section/styles.css.js +24 -24
  107. package/lib/internal/template/expandable-section/styles.scoped.css +87 -87
  108. package/lib/internal/template/expandable-section/styles.selectors.js +24 -24
  109. package/lib/internal/template/file-upload/dropzone/styles.css.js +2 -2
  110. package/lib/internal/template/file-upload/dropzone/styles.scoped.css +9 -9
  111. package/lib/internal/template/file-upload/dropzone/styles.selectors.js +2 -2
  112. package/lib/internal/template/file-upload/file-input/styles.css.js +4 -4
  113. package/lib/internal/template/file-upload/file-input/styles.scoped.css +14 -14
  114. package/lib/internal/template/file-upload/file-input/styles.selectors.js +4 -4
  115. package/lib/internal/template/file-upload/file-option/styles.css.js +7 -7
  116. package/lib/internal/template/file-upload/file-option/styles.scoped.css +10 -10
  117. package/lib/internal/template/file-upload/file-option/styles.selectors.js +7 -7
  118. package/lib/internal/template/file-upload/styles.css.js +2 -2
  119. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  120. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  121. package/lib/internal/template/flashbar/styles.css.js +45 -45
  122. package/lib/internal/template/flashbar/styles.scoped.css +246 -246
  123. package/lib/internal/template/flashbar/styles.selectors.js +45 -45
  124. package/lib/internal/template/form/styles.css.js +9 -9
  125. package/lib/internal/template/form/styles.scoped.css +20 -20
  126. package/lib/internal/template/form/styles.selectors.js +9 -9
  127. package/lib/internal/template/form-field/styles.css.js +19 -19
  128. package/lib/internal/template/form-field/styles.scoped.css +52 -52
  129. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  130. package/lib/internal/template/grid/styles.css.js +53 -53
  131. package/lib/internal/template/grid/styles.scoped.css +60 -60
  132. package/lib/internal/template/grid/styles.selectors.js +53 -53
  133. package/lib/internal/template/header/styles.css.js +44 -44
  134. package/lib/internal/template/header/styles.scoped.css +116 -116
  135. package/lib/internal/template/header/styles.selectors.js +44 -44
  136. package/lib/internal/template/help-panel/styles.css.js +4 -4
  137. package/lib/internal/template/help-panel/styles.scoped.css +153 -153
  138. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  139. package/lib/internal/template/hotspot/styles.css.js +7 -7
  140. package/lib/internal/template/hotspot/styles.scoped.css +10 -10
  141. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  142. package/lib/internal/template/icon/styles.css.js +21 -21
  143. package/lib/internal/template/icon/styles.scoped.css +81 -81
  144. package/lib/internal/template/icon/styles.selectors.js +21 -21
  145. package/lib/internal/template/input/styles.css.js +12 -12
  146. package/lib/internal/template/input/styles.scoped.css +73 -73
  147. package/lib/internal/template/input/styles.selectors.js +12 -12
  148. package/lib/internal/template/internal/base-component/styles.scoped.css +2986 -2619
  149. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  150. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +26 -26
  151. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  152. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  153. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +63 -63
  154. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  155. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +21 -21
  156. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +34 -34
  157. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +21 -21
  158. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  159. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +7 -7
  160. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  161. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  162. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +23 -23
  163. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  164. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  165. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
  166. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  167. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  168. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +9 -9
  169. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  170. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +5 -5
  171. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +20 -20
  172. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +5 -5
  173. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  174. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +14 -14
  175. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  176. package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
  177. package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
  178. package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
  179. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
  180. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
  181. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
  182. package/lib/internal/template/internal/components/dark-ribbon/styles.css.js +2 -2
  183. package/lib/internal/template/internal/components/dark-ribbon/styles.scoped.css +4 -4
  184. package/lib/internal/template/internal/components/dark-ribbon/styles.selectors.js +2 -2
  185. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  186. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +51 -51
  187. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  188. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  189. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +9 -9
  190. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  191. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  192. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +8 -8
  193. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  194. package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
  195. package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +34 -34
  196. package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
  197. package/lib/internal/template/internal/components/handle/styles.css.js +2 -2
  198. package/lib/internal/template/internal/components/handle/styles.scoped.css +12 -12
  199. package/lib/internal/template/internal/components/handle/styles.selectors.js +2 -2
  200. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  201. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +32 -32
  202. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  203. package/lib/internal/template/internal/components/option/index.d.ts.map +1 -1
  204. package/lib/internal/template/internal/components/option/index.js +1 -1
  205. package/lib/internal/template/internal/components/option/index.js.map +1 -1
  206. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  207. package/lib/internal/template/internal/components/option/styles.scoped.css +47 -47
  208. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  209. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  210. package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
  211. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  212. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  213. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +71 -68
  214. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  215. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  216. package/lib/internal/template/internal/components/token-list/styles.scoped.css +40 -40
  217. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  218. package/lib/internal/template/internal/environment.js +1 -1
  219. package/lib/internal/template/internal/generated/styles/tokens.d.ts +4 -0
  220. package/lib/internal/template/internal/generated/styles/tokens.js +303 -299
  221. package/lib/internal/template/internal/generated/theming/index.cjs +1609 -675
  222. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +206 -0
  223. package/lib/internal/template/internal/generated/theming/index.d.ts +206 -0
  224. package/lib/internal/template/internal/generated/theming/index.js +1609 -675
  225. package/lib/internal/template/link/styles.css.js +20 -20
  226. package/lib/internal/template/link/styles.scoped.css +163 -163
  227. package/lib/internal/template/link/styles.selectors.js +20 -20
  228. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +19 -19
  229. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +38 -38
  230. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +19 -19
  231. package/lib/internal/template/modal/styles.css.js +23 -23
  232. package/lib/internal/template/modal/styles.scoped.css +67 -67
  233. package/lib/internal/template/modal/styles.selectors.js +23 -23
  234. package/lib/internal/template/multiselect/styles.css.js +1 -1
  235. package/lib/internal/template/multiselect/styles.scoped.css +5 -5
  236. package/lib/internal/template/multiselect/styles.selectors.js +1 -1
  237. package/lib/internal/template/pagination/styles.css.js +9 -9
  238. package/lib/internal/template/pagination/styles.scoped.css +47 -47
  239. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  240. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  241. package/lib/internal/template/pie-chart/styles.scoped.css +70 -70
  242. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  243. package/lib/internal/template/popover/styles.css.js +50 -50
  244. package/lib/internal/template/popover/styles.scoped.css +104 -104
  245. package/lib/internal/template/popover/styles.selectors.js +50 -50
  246. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  247. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  248. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  249. package/lib/internal/template/property-filter/styles.css.js +29 -29
  250. package/lib/internal/template/property-filter/styles.scoped.css +52 -52
  251. package/lib/internal/template/property-filter/styles.selectors.js +29 -29
  252. package/lib/internal/template/radio-group/styles.css.js +9 -9
  253. package/lib/internal/template/radio-group/styles.scoped.css +37 -37
  254. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  255. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  256. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  257. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  258. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  259. package/lib/internal/template/segmented-control/styles.scoped.css +78 -78
  260. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  261. package/lib/internal/template/select/parts/styles.css.js +9 -9
  262. package/lib/internal/template/select/parts/styles.scoped.css +17 -17
  263. package/lib/internal/template/select/parts/styles.selectors.js +9 -9
  264. package/lib/internal/template/select/styles.css.js +1 -1
  265. package/lib/internal/template/select/styles.scoped.css +5 -5
  266. package/lib/internal/template/select/styles.selectors.js +1 -1
  267. package/lib/internal/template/side-navigation/styles.css.js +27 -27
  268. package/lib/internal/template/side-navigation/styles.scoped.css +89 -89
  269. package/lib/internal/template/side-navigation/styles.selectors.js +27 -27
  270. package/lib/internal/template/space-between/styles.css.js +20 -20
  271. package/lib/internal/template/space-between/styles.scoped.css +37 -37
  272. package/lib/internal/template/space-between/styles.selectors.js +20 -20
  273. package/lib/internal/template/spinner/styles.css.js +13 -13
  274. package/lib/internal/template/spinner/styles.scoped.css +35 -35
  275. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  276. package/lib/internal/template/split-panel/styles.css.js +59 -59
  277. package/lib/internal/template/split-panel/styles.scoped.css +150 -150
  278. package/lib/internal/template/split-panel/styles.selectors.js +59 -59
  279. package/lib/internal/template/status-indicator/styles.css.js +20 -20
  280. package/lib/internal/template/status-indicator/styles.scoped.css +44 -44
  281. package/lib/internal/template/status-indicator/styles.selectors.js +20 -20
  282. package/lib/internal/template/table/body-cell/styles.css.js +28 -28
  283. package/lib/internal/template/table/body-cell/styles.scoped.css +144 -144
  284. package/lib/internal/template/table/body-cell/styles.selectors.js +28 -28
  285. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  286. package/lib/internal/template/table/header-cell/styles.scoped.css +93 -93
  287. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  288. package/lib/internal/template/table/resizer/styles.css.js +6 -6
  289. package/lib/internal/template/table/resizer/styles.scoped.css +27 -27
  290. package/lib/internal/template/table/resizer/styles.selectors.js +6 -6
  291. package/lib/internal/template/table/selection-control/styles.css.js +3 -3
  292. package/lib/internal/template/table/selection-control/styles.scoped.css +4 -4
  293. package/lib/internal/template/table/selection-control/styles.selectors.js +3 -3
  294. package/lib/internal/template/table/styles.css.js +36 -36
  295. package/lib/internal/template/table/styles.scoped.css +88 -88
  296. package/lib/internal/template/table/styles.selectors.js +36 -36
  297. package/lib/internal/template/tabs/styles.css.js +21 -21
  298. package/lib/internal/template/tabs/styles.scoped.css +86 -86
  299. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  300. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  301. package/lib/internal/template/tag-editor/styles.scoped.css +24 -24
  302. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  303. package/lib/internal/template/text-content/styles.css.js +1 -1
  304. package/lib/internal/template/text-content/styles.scoped.css +125 -125
  305. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  306. package/lib/internal/template/text-filter/styles.css.js +3 -3
  307. package/lib/internal/template/text-filter/styles.scoped.css +10 -10
  308. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  309. package/lib/internal/template/textarea/styles.css.js +4 -4
  310. package/lib/internal/template/textarea/styles.scoped.css +40 -40
  311. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  312. package/lib/internal/template/tiles/styles.css.js +28 -28
  313. package/lib/internal/template/tiles/styles.scoped.css +124 -124
  314. package/lib/internal/template/tiles/styles.selectors.js +28 -28
  315. package/lib/internal/template/toggle/styles.css.js +8 -8
  316. package/lib/internal/template/toggle/styles.scoped.css +27 -27
  317. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  318. package/lib/internal/template/token-group/styles.css.js +7 -7
  319. package/lib/internal/template/token-group/styles.scoped.css +42 -42
  320. package/lib/internal/template/token-group/styles.selectors.js +7 -7
  321. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  322. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +84 -84
  323. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  324. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  325. package/lib/internal/template/top-navigation/styles.scoped.css +148 -148
  326. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  327. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  328. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  329. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  330. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  331. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  332. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  333. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  334. package/lib/internal/template/tutorial-panel/styles.scoped.css +6 -6
  335. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  336. package/lib/internal/template/wizard/styles.css.js +31 -31
  337. package/lib/internal/template/wizard/styles.scoped.css +125 -125
  338. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  339. package/package.json +1 -1
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_10m3l_1r8tw_97",
5
- "token": "awsui_token_10m3l_1r8tw_102",
6
- "show-operation": "awsui_show-operation_10m3l_1r8tw_113",
7
- "select": "awsui_select_10m3l_1r8tw_119",
8
- "token-content": "awsui_token-content_10m3l_1r8tw_123",
9
- "dismiss-button": "awsui_dismiss-button_10m3l_1r8tw_127",
10
- "token-disabled": "awsui_token-disabled_10m3l_1r8tw_163"
4
+ "root": "awsui_root_10m3l_pk2q6_97",
5
+ "token": "awsui_token_10m3l_pk2q6_102",
6
+ "show-operation": "awsui_show-operation_10m3l_pk2q6_113",
7
+ "select": "awsui_select_10m3l_pk2q6_119",
8
+ "token-content": "awsui_token-content_10m3l_pk2q6_123",
9
+ "dismiss-button": "awsui_dismiss-button_10m3l_pk2q6_127",
10
+ "token-disabled": "awsui_token-disabled_10m3l_pk2q6_163"
11
11
  };
12
12
 
@@ -94,79 +94,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_root_10m3l_1r8tw_97:not(#\9) {
97
+ .awsui_root_10m3l_pk2q6_97:not(#\9) {
98
98
  display: flex;
99
99
  align-content: stretch;
100
100
  }
101
101
 
102
- .awsui_token_10m3l_1r8tw_102:not(#\9) {
103
- border: var(--border-field-width-nvrpcd, 1px) solid var(--color-border-item-selected-ljbr3u, #0073bb);
102
+ .awsui_token_10m3l_pk2q6_102:not(#\9) {
103
+ border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-selected-044zoh, #0073bb);
104
104
  display: flex;
105
105
  align-items: stretch;
106
- background: var(--color-background-item-selected-3ewkph, #f1faff);
107
- border-radius: var(--border-radius-token-g5orj5, 2px);
108
- color: var(--color-text-body-default-v5bj0z, #16191f);
106
+ background: var(--color-background-item-selected-7226j1, #f1faff);
107
+ border-radius: var(--border-radius-token-tjjs9o, 2px);
108
+ color: var(--color-text-body-default-fckvk9, #16191f);
109
109
  height: 100%;
110
110
  box-sizing: border-box;
111
111
  }
112
112
 
113
- .awsui_show-operation_10m3l_1r8tw_113:not(#\9) {
113
+ .awsui_show-operation_10m3l_pk2q6_113:not(#\9) {
114
114
  border-left: none;
115
115
  border-top-left-radius: 0;
116
116
  border-bottom-left-radius: 0;
117
117
  }
118
118
 
119
- .awsui_select_10m3l_1r8tw_119:not(#\9) {
119
+ .awsui_select_10m3l_pk2q6_119:not(#\9) {
120
120
  /* used in test-utils */
121
121
  }
122
122
 
123
- .awsui_token-content_10m3l_1r8tw_123:not(#\9) {
124
- padding: var(--space-scaled-xxs-4wuz2q, 4px) var(--space-field-horizontal-i7h1mp, 8px);
123
+ .awsui_token-content_10m3l_pk2q6_123:not(#\9) {
124
+ padding: var(--space-scaled-xxs-gmgwxk, 4px) var(--space-field-horizontal-xg7uom, 8px);
125
125
  }
126
126
 
127
- .awsui_dismiss-button_10m3l_1r8tw_127:not(#\9) {
127
+ .awsui_dismiss-button_10m3l_pk2q6_127:not(#\9) {
128
128
  width: 30px;
129
129
  margin: 0;
130
130
  border: none;
131
- padding: 0 var(--space-xxs-68xp1c, 4px);
132
- color: var(--color-text-interactive-default-n1284y, #545b64);
131
+ padding: 0 var(--space-xxs-xx079q, 4px);
132
+ color: var(--color-text-interactive-default-9x433a, #545b64);
133
133
  background-color: transparent;
134
- border-left: var(--border-field-width-nvrpcd, 1px) solid var(--color-border-item-selected-ljbr3u, #0073bb);
134
+ border-left: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-selected-044zoh, #0073bb);
135
135
  }
136
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1r8tw_127:not(#\9):focus {
136
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_pk2q6_127:not(#\9):focus {
137
137
  position: relative;
138
138
  }
139
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1r8tw_127:not(#\9):focus {
139
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_pk2q6_127:not(#\9):focus {
140
140
  outline: 2px dotted transparent;
141
- outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-oastsg, 0px) - 1px);
141
+ outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-kfmnuz, 0px) - 1px);
142
142
  }
143
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1r8tw_127:not(#\9):focus::before {
143
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_pk2q6_127:not(#\9):focus::before {
144
144
  content: " ";
145
145
  display: block;
146
146
  position: absolute;
147
- left: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-oastsg, 0px));
148
- top: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-oastsg, 0px));
149
- width: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-oastsg, 0px));
150
- height: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-oastsg, 0px));
151
- border-radius: var(--border-radius-control-default-focus-ring-tjcd01, 2px);
152
- box-shadow: 0 0 0 2px var(--color-border-item-focused-oqg5wt, #0073bb);
147
+ left: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-kfmnuz, 0px));
148
+ top: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-kfmnuz, 0px));
149
+ width: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-kfmnuz, 0px));
150
+ height: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-kfmnuz, 0px));
151
+ border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
152
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
153
153
  }
154
- .awsui_dismiss-button_10m3l_1r8tw_127:not(#\9):focus {
154
+ .awsui_dismiss-button_10m3l_pk2q6_127:not(#\9):focus {
155
155
  outline: none;
156
156
  text-decoration: none;
157
157
  }
158
- .awsui_dismiss-button_10m3l_1r8tw_127:not(#\9):hover {
158
+ .awsui_dismiss-button_10m3l_pk2q6_127:not(#\9):hover {
159
159
  cursor: pointer;
160
- color: var(--color-text-interactive-hover-1jvmcc, #16191f);
160
+ color: var(--color-text-interactive-hover-6fw5y8, #16191f);
161
161
  }
162
162
 
163
- .awsui_token-disabled_10m3l_1r8tw_163:not(#\9) {
164
- border-color: var(--color-border-control-disabled-cxefe9, #d5dbdb);
165
- background-color: var(--color-background-container-content-2tfmjb, #ffffff);
166
- color: var(--color-text-disabled-z7v7iy, #aab7b8);
163
+ .awsui_token-disabled_10m3l_pk2q6_163:not(#\9) {
164
+ border-color: var(--color-border-control-disabled-p74xpm, #d5dbdb);
165
+ background-color: var(--color-background-container-content-xlzim4, #ffffff);
166
+ color: var(--color-text-disabled-uznqkj, #aab7b8);
167
167
  pointer-events: none;
168
168
  }
169
- .awsui_token-disabled_10m3l_1r8tw_163 > .awsui_dismiss-button_10m3l_1r8tw_127:not(#\9) {
170
- color: var(--color-text-interactive-disabled-pmbyoe, #aab7b8);
171
- border-color: var(--color-border-control-disabled-cxefe9, #d5dbdb);
169
+ .awsui_token-disabled_10m3l_pk2q6_163 > .awsui_dismiss-button_10m3l_pk2q6_127:not(#\9) {
170
+ color: var(--color-text-interactive-disabled-48m1sz, #aab7b8);
171
+ border-color: var(--color-border-control-disabled-p74xpm, #d5dbdb);
172
172
  }
@@ -2,12 +2,12 @@
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_10m3l_1r8tw_97",
6
- "token": "awsui_token_10m3l_1r8tw_102",
7
- "show-operation": "awsui_show-operation_10m3l_1r8tw_113",
8
- "select": "awsui_select_10m3l_1r8tw_119",
9
- "token-content": "awsui_token-content_10m3l_1r8tw_123",
10
- "dismiss-button": "awsui_dismiss-button_10m3l_1r8tw_127",
11
- "token-disabled": "awsui_token-disabled_10m3l_1r8tw_163"
5
+ "root": "awsui_root_10m3l_pk2q6_97",
6
+ "token": "awsui_token_10m3l_pk2q6_102",
7
+ "show-operation": "awsui_show-operation_10m3l_pk2q6_113",
8
+ "select": "awsui_select_10m3l_pk2q6_119",
9
+ "token-content": "awsui_token-content_10m3l_pk2q6_123",
10
+ "dismiss-button": "awsui_dismiss-button_10m3l_pk2q6_127",
11
+ "token-disabled": "awsui_token-disabled_10m3l_pk2q6_163"
12
12
  };
13
13
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "handle": "awsui_handle_iykw5_l7rt6_93",
5
- "hide-focus": "awsui_hide-focus_iykw5_l7rt6_104"
4
+ "handle": "awsui_handle_iykw5_1etey_93",
5
+ "hide-focus": "awsui_hide-focus_iykw5_1etey_104"
6
6
  };
7
7
 
@@ -90,26 +90,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_handle_iykw5_l7rt6_93:not(#\9) {
93
+ .awsui_handle_iykw5_1etey_93:not(#\9) {
94
94
  -webkit-appearance: none;
95
95
  appearance: none;
96
96
  background: transparent;
97
97
  border: none;
98
- padding: 0 var(--space-scaled-xxxs-ncf7a7, 2px);
99
- margin: 0 var(--space-scaled-xxs-4wuz2q, 4px);
100
- color: var(--color-text-interactive-default-n1284y, #545b64);
98
+ padding: 0 var(--space-scaled-xxxs-wx4fgm, 2px);
99
+ margin: 0 var(--space-scaled-xxs-gmgwxk, 4px);
100
+ color: var(--color-text-interactive-default-9x433a, #545b64);
101
101
  }
102
- .awsui_handle_iykw5_l7rt6_93:not(#\9):hover {
103
- color: var(--color-text-interactive-hover-1jvmcc, #16191f);
102
+ .awsui_handle_iykw5_1etey_93:not(#\9):hover {
103
+ color: var(--color-text-interactive-hover-6fw5y8, #16191f);
104
104
  }
105
- body[data-awsui-focus-visible=true] .awsui_handle_iykw5_l7rt6_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_l7rt6_104) {
105
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1etey_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1etey_104) {
106
106
  position: relative;
107
107
  }
108
- body[data-awsui-focus-visible=true] .awsui_handle_iykw5_l7rt6_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_l7rt6_104) {
108
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1etey_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1etey_104) {
109
109
  outline: 2px dotted transparent;
110
110
  outline-offset: calc(0px - 1px);
111
111
  }
112
- body[data-awsui-focus-visible=true] .awsui_handle_iykw5_l7rt6_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_l7rt6_104)::before {
112
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1etey_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1etey_104)::before {
113
113
  content: " ";
114
114
  display: block;
115
115
  position: absolute;
@@ -117,9 +117,9 @@ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_l7rt6_93:not(#\9):focus:
117
117
  top: calc(-1 * 0px);
118
118
  width: calc(100% + 2 * 0px);
119
119
  height: calc(100% + 2 * 0px);
120
- border-radius: var(--border-radius-control-default-focus-ring-tjcd01, 2px);
121
- box-shadow: 0 0 0 2px var(--color-border-item-focused-oqg5wt, #0073bb);
120
+ border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
121
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
122
122
  }
123
- body[data-awsui-focus-visible=true] .awsui_handle_iykw5_l7rt6_93:not(#\9):focus.awsui_hide-focus_iykw5_l7rt6_104 {
123
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1etey_93:not(#\9):focus.awsui_hide-focus_iykw5_1etey_104 {
124
124
  outline: none;
125
125
  }
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "handle": "awsui_handle_iykw5_l7rt6_93",
6
- "hide-focus": "awsui_hide-focus_iykw5_l7rt6_104"
5
+ "handle": "awsui_handle_iykw5_1etey_93",
6
+ "hide-focus": "awsui_hide-focus_iykw5_1etey_104"
7
7
  };
8
8
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button": "awsui_button_m5h9f_o5x0j_93",
5
- "expanded": "awsui_expanded_m5h9f_o5x0j_127",
6
- "offset-right-none": "awsui_offset-right-none_m5h9f_o5x0j_138",
7
- "offset-right-l": "awsui_offset-right-l_m5h9f_o5x0j_141",
8
- "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_o5x0j_144",
9
- "text": "awsui_text_m5h9f_o5x0j_166",
10
- "icon": "awsui_icon_m5h9f_o5x0j_170"
4
+ "button": "awsui_button_m5h9f_5tmm2_93",
5
+ "expanded": "awsui_expanded_m5h9f_5tmm2_127",
6
+ "offset-right-none": "awsui_offset-right-none_m5h9f_5tmm2_138",
7
+ "offset-right-l": "awsui_offset-right-l_m5h9f_5tmm2_141",
8
+ "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_5tmm2_144",
9
+ "text": "awsui_text_m5h9f_5tmm2_166",
10
+ "icon": "awsui_icon_m5h9f_5tmm2_170"
11
11
  };
12
12
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_button_m5h9f_o5x0j_93:not(#\9) {
93
+ .awsui_button_m5h9f_5tmm2_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -120,64 +120,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: var(--font-body-m-size-i6yc1c, 14px);
124
- line-height: var(--font-body-m-line-height-uf359w, 22px);
125
- color: var(--color-text-body-default-v5bj0z, #16191f);
123
+ font-size: var(--font-body-m-size-0qqejn, 14px);
124
+ line-height: var(--font-body-m-line-height-9vkzhc, 22px);
125
+ color: var(--color-text-body-default-fckvk9, #16191f);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
130
  min-width: 0;
131
131
  -ms-word-break: break-all;
132
132
  word-break: break-word;
133
- font-weight: var(--font-button-weight-vvgqy8, 700);
134
- -webkit-font-smoothing: var(--font-smoothing-webkit-ll5wb4, auto);
135
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-iya4aq, auto);
133
+ font-weight: var(--font-button-weight-lifqd4, 700);
134
+ -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
135
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
136
136
  display: flex;
137
137
  flex-wrap: nowrap;
138
138
  align-items: center;
139
139
  white-space: nowrap;
140
140
  height: 100%;
141
- padding-left: var(--space-xs-70e4tc, 8px);
142
- padding-right: var(--space-xs-70e4tc, 8px);
141
+ padding-left: var(--space-xs-7veqkr, 8px);
142
+ padding-right: var(--space-xs-7veqkr, 8px);
143
143
  text-decoration: none;
144
144
  cursor: pointer;
145
145
  border: transparent;
146
146
  background: transparent;
147
- color: var(--color-text-interactive-default-n1284y, #545b64);
147
+ color: var(--color-text-interactive-default-9x433a, #545b64);
148
148
  }
149
- .awsui_button_m5h9f_o5x0j_93:not(#\9):hover {
150
- color: var(--color-text-interactive-hover-1jvmcc, #16191f);
149
+ .awsui_button_m5h9f_5tmm2_93:not(#\9):hover {
150
+ color: var(--color-text-interactive-hover-6fw5y8, #16191f);
151
151
  text-decoration: none;
152
152
  }
153
- .awsui_button_m5h9f_o5x0j_93:not(#\9):active, .awsui_button_m5h9f_o5x0j_93.awsui_expanded_m5h9f_o5x0j_127:not(#\9) {
153
+ .awsui_button_m5h9f_5tmm2_93:not(#\9):active, .awsui_button_m5h9f_5tmm2_93.awsui_expanded_m5h9f_5tmm2_127:not(#\9) {
154
154
  background: transparent;
155
- color: var(--color-text-interactive-active-mxvcmh, #16191f);
155
+ color: var(--color-text-interactive-active-2cnt2n, #16191f);
156
156
  }
157
- .awsui_button_m5h9f_o5x0j_93.awsui_expanded_m5h9f_o5x0j_127:not(#\9) {
158
- color: var(--color-text-accent-a3qc17, #0073bb);
157
+ .awsui_button_m5h9f_5tmm2_93.awsui_expanded_m5h9f_5tmm2_127:not(#\9) {
158
+ color: var(--color-text-accent-exu66k, #0073bb);
159
159
  }
160
- .awsui_button_m5h9f_o5x0j_93:not(#\9):focus {
160
+ .awsui_button_m5h9f_5tmm2_93:not(#\9):focus {
161
161
  outline: none;
162
162
  text-decoration: none;
163
163
  }
164
- .awsui_button_m5h9f_o5x0j_93.awsui_offset-right-none_m5h9f_o5x0j_138:not(#\9) {
164
+ .awsui_button_m5h9f_5tmm2_93.awsui_offset-right-none_m5h9f_5tmm2_138:not(#\9) {
165
165
  margin-right: 0;
166
166
  }
167
- .awsui_button_m5h9f_o5x0j_93.awsui_offset-right-l_m5h9f_o5x0j_141:not(#\9) {
168
- margin-right: var(--space-s-vhrt5k, 12px);
167
+ .awsui_button_m5h9f_5tmm2_93.awsui_offset-right-l_m5h9f_5tmm2_141:not(#\9) {
168
+ margin-right: var(--space-s-o95p2n, 12px);
169
169
  }
170
- .awsui_button_m5h9f_o5x0j_93.awsui_offset-right-xxl_m5h9f_o5x0j_144:not(#\9) {
171
- margin-right: var(--space-xl-okvxda, 24px);
170
+ .awsui_button_m5h9f_5tmm2_93.awsui_offset-right-xxl_m5h9f_5tmm2_144:not(#\9) {
171
+ margin-right: var(--space-xl-uesynn, 24px);
172
172
  }
173
- body[data-awsui-focus-visible=true] .awsui_button_m5h9f_o5x0j_93:not(#\9):focus {
173
+ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_5tmm2_93:not(#\9):focus {
174
174
  position: relative;
175
175
  }
176
- body[data-awsui-focus-visible=true] .awsui_button_m5h9f_o5x0j_93:not(#\9):focus {
176
+ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_5tmm2_93:not(#\9):focus {
177
177
  outline: 2px dotted transparent;
178
178
  outline-offset: calc(-1px - 1px);
179
179
  }
180
- body[data-awsui-focus-visible=true] .awsui_button_m5h9f_o5x0j_93:not(#\9):focus::before {
180
+ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_5tmm2_93:not(#\9):focus::before {
181
181
  content: " ";
182
182
  display: block;
183
183
  position: absolute;
@@ -185,14 +185,14 @@ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_o5x0j_93:not(#\9):focus:
185
185
  top: calc(-1 * -1px);
186
186
  width: calc(100% + 2 * -1px);
187
187
  height: calc(100% + 2 * -1px);
188
- border-radius: var(--border-radius-control-default-focus-ring-tjcd01, 2px);
189
- box-shadow: 0 0 0 2px var(--color-border-item-focused-oqg5wt, #0073bb);
188
+ border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
189
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
190
190
  }
191
191
 
192
- .awsui_text_m5h9f_o5x0j_166:not(#\9) {
193
- margin-right: var(--space-xs-70e4tc, 8px);
192
+ .awsui_text_m5h9f_5tmm2_166:not(#\9) {
193
+ margin-right: var(--space-xs-7veqkr, 8px);
194
194
  }
195
195
 
196
- .awsui_icon_m5h9f_o5x0j_170 + .awsui_text_m5h9f_o5x0j_166:not(#\9) {
197
- margin-left: var(--space-xs-70e4tc, 8px);
196
+ .awsui_icon_m5h9f_5tmm2_170 + .awsui_text_m5h9f_5tmm2_166:not(#\9) {
197
+ margin-left: var(--space-xs-7veqkr, 8px);
198
198
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "button": "awsui_button_m5h9f_o5x0j_93",
6
- "expanded": "awsui_expanded_m5h9f_o5x0j_127",
7
- "offset-right-none": "awsui_offset-right-none_m5h9f_o5x0j_138",
8
- "offset-right-l": "awsui_offset-right-l_m5h9f_o5x0j_141",
9
- "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_o5x0j_144",
10
- "text": "awsui_text_m5h9f_o5x0j_166",
11
- "icon": "awsui_icon_m5h9f_o5x0j_170"
5
+ "button": "awsui_button_m5h9f_5tmm2_93",
6
+ "expanded": "awsui_expanded_m5h9f_5tmm2_127",
7
+ "offset-right-none": "awsui_offset-right-none_m5h9f_5tmm2_138",
8
+ "offset-right-l": "awsui_offset-right-l_m5h9f_5tmm2_141",
9
+ "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_5tmm2_144",
10
+ "text": "awsui_text_m5h9f_5tmm2_166",
11
+ "icon": "awsui_icon_m5h9f_5tmm2_170"
12
12
  };
13
13
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAWvB,QAAA,MAAM,MAAM,8HAST,WAAW,uBA8Eb,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAWvB,QAAA,MAAM,MAAM,8HAST,WAAW,uBAmFb,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -32,7 +32,7 @@ const Option = (_a) => {
32
32
  validateStringValue(tag, `filteringTags[${index}]`);
33
33
  });
34
34
  }
35
- const className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent);
35
+ const className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent, highlightedOption && styles.highlighted);
36
36
  const icon = option.__customIcon || (React.createElement(OptionIcon, { name: option.iconName, url: option.iconUrl, svg: option.iconSvg, alt: option.iconAlt, size: option.description || option.tags ? 'big' : 'normal' }));
37
37
  // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group by assistive technology only when necessary.
38
38
  // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '../../logging';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string | undefined, propertyName: string) {\n if (typeof value !== 'undefined' && typeof value !== 'string') {\n warnOnce(\n 'DropdownOption',\n `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n );\n }\n}\n\nconst Option = ({\n option,\n highlightText,\n triggerVariant = false,\n isGroupOption = false,\n isGenericGroup = true,\n highlightedOption = false,\n selectedOption = false,\n ...restProps\n}: OptionProps) => {\n if (!option) {\n return null;\n }\n const { disabled } = option;\n const baseProps = getBaseProps(restProps);\n\n if (isDevelopment) {\n validateStringValue(option.label, 'label');\n validateStringValue(option.description, 'description');\n validateStringValue(option.labelTag, 'labelTag');\n option.tags?.forEach((tag, index) => {\n validateStringValue(tag, `tags[${index}]`);\n });\n option.filteringTags?.forEach((tag, index) => {\n validateStringValue(tag, `filteringTags[${index}]`);\n });\n }\n\n const className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent);\n\n const icon = option.__customIcon || (\n <OptionIcon\n name={option.iconName}\n url={option.iconUrl}\n svg={option.iconSvg}\n alt={option.iconAlt}\n size={option.description || option.tags ? 'big' : 'normal'}\n />\n );\n\n // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group by assistive technology only when necessary.\n // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n const genericGroupProps = isGenericGroup\n ? {\n title: option.label ?? option.value,\n 'aria-disabled': disabled,\n }\n : undefined;\n\n return (\n <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n {icon}\n <span className={clsx(styles.content)}>\n <span className={clsx(styles['label-content'])}>\n <Label\n label={option.label ?? option.value}\n prefix={option.__labelPrefix}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n </span>\n <Description\n description={option.description}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <Tags\n tags={option.tags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <FilteringTags\n filteringTags={option.filteringTags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n </span>\n </span>\n );\n};\n\nexport default Option;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/option/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '../../logging';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string | undefined, propertyName: string) {\n if (typeof value !== 'undefined' && typeof value !== 'string') {\n warnOnce(\n 'DropdownOption',\n `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n );\n }\n}\n\nconst Option = ({\n option,\n highlightText,\n triggerVariant = false,\n isGroupOption = false,\n isGenericGroup = true,\n highlightedOption = false,\n selectedOption = false,\n ...restProps\n}: OptionProps) => {\n if (!option) {\n return null;\n }\n const { disabled } = option;\n const baseProps = getBaseProps(restProps);\n\n if (isDevelopment) {\n validateStringValue(option.label, 'label');\n validateStringValue(option.description, 'description');\n validateStringValue(option.labelTag, 'labelTag');\n option.tags?.forEach((tag, index) => {\n validateStringValue(tag, `tags[${index}]`);\n });\n option.filteringTags?.forEach((tag, index) => {\n validateStringValue(tag, `filteringTags[${index}]`);\n });\n }\n\n const className = clsx(\n styles.option,\n disabled && styles.disabled,\n isGroupOption && styles.parent,\n highlightedOption && styles.highlighted\n );\n\n const icon = option.__customIcon || (\n <OptionIcon\n name={option.iconName}\n url={option.iconUrl}\n svg={option.iconSvg}\n alt={option.iconAlt}\n size={option.description || option.tags ? 'big' : 'normal'}\n />\n );\n\n // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group by assistive technology only when necessary.\n // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n const genericGroupProps = isGenericGroup\n ? {\n title: option.label ?? option.value,\n 'aria-disabled': disabled,\n }\n : undefined;\n\n return (\n <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n {icon}\n <span className={clsx(styles.content)}>\n <span className={clsx(styles['label-content'])}>\n <Label\n label={option.label ?? option.value}\n prefix={option.__labelPrefix}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n </span>\n <Description\n description={option.description}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <Tags\n tags={option.tags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n <FilteringTags\n filteringTags={option.filteringTags}\n highlightedOption={highlightedOption}\n selectedOption={selectedOption}\n highlightText={highlightText}\n triggerVariant={triggerVariant}\n />\n </span>\n </span>\n );\n};\n\nexport default Option;\n"]}
@@ -1,22 +1,22 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "option": "awsui_option_1p2cx_29ohz_97",
5
- "disabled": "awsui_disabled_1p2cx_29ohz_115",
6
- "parent": "awsui_parent_1p2cx_29ohz_118",
7
- "content": "awsui_content_1p2cx_29ohz_125",
8
- "label-content": "awsui_label-content_1p2cx_29ohz_132",
9
- "label": "awsui_label_1p2cx_29ohz_132",
10
- "tag": "awsui_tag_1p2cx_29ohz_139",
11
- "label-tag": "awsui_label-tag_1p2cx_29ohz_140",
12
- "label-prefix": "awsui_label-prefix_1p2cx_29ohz_151",
13
- "tags": "awsui_tags_1p2cx_29ohz_164",
14
- "description": "awsui_description_1p2cx_29ohz_165",
15
- "highlighted": "awsui_highlighted_1p2cx_29ohz_172",
16
- "selected": "awsui_selected_1p2cx_29ohz_176",
17
- "icon": "awsui_icon_1p2cx_29ohz_190",
18
- "icon-size-big": "awsui_icon-size-big_1p2cx_29ohz_197",
19
- "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_29ohz_201",
20
- "trigger-variant": "awsui_trigger-variant_1p2cx_29ohz_216"
4
+ "option": "awsui_option_1p2cx_wsdla_97",
5
+ "disabled": "awsui_disabled_1p2cx_wsdla_115",
6
+ "parent": "awsui_parent_1p2cx_wsdla_118",
7
+ "highlighted": "awsui_highlighted_1p2cx_wsdla_121",
8
+ "content": "awsui_content_1p2cx_wsdla_125",
9
+ "label-content": "awsui_label-content_1p2cx_wsdla_132",
10
+ "label": "awsui_label_1p2cx_wsdla_132",
11
+ "tag": "awsui_tag_1p2cx_wsdla_139",
12
+ "label-tag": "awsui_label-tag_1p2cx_wsdla_140",
13
+ "label-prefix": "awsui_label-prefix_1p2cx_wsdla_151",
14
+ "tags": "awsui_tags_1p2cx_wsdla_164",
15
+ "description": "awsui_description_1p2cx_wsdla_165",
16
+ "selected": "awsui_selected_1p2cx_wsdla_176",
17
+ "icon": "awsui_icon_1p2cx_wsdla_190",
18
+ "icon-size-big": "awsui_icon-size-big_1p2cx_wsdla_197",
19
+ "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_wsdla_201",
20
+ "trigger-variant": "awsui_trigger-variant_1p2cx_wsdla_216"
21
21
  };
22
22