@cloudscape-design/components 3.0.302 → 3.0.303

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 (337) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +64 -64
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +46 -46
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/content-wrapper/styles.css.js +3 -3
  8. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  9. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  10. package/app-layout/drawer/styles.css.js +10 -10
  11. package/app-layout/drawer/styles.scoped.css +31 -31
  12. package/app-layout/drawer/styles.selectors.js +10 -10
  13. package/app-layout/mobile-toolbar/styles.css.js +6 -6
  14. package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
  15. package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
  16. package/app-layout/notifications/styles.css.js +3 -3
  17. package/app-layout/notifications/styles.scoped.css +7 -7
  18. package/app-layout/notifications/styles.selectors.js +3 -3
  19. package/app-layout/styles.css.js +13 -13
  20. package/app-layout/styles.scoped.css +22 -22
  21. package/app-layout/styles.selectors.js +13 -13
  22. package/app-layout/toggles/styles.css.js +1 -1
  23. package/app-layout/toggles/styles.scoped.css +3 -3
  24. package/app-layout/toggles/styles.selectors.js +1 -1
  25. package/app-layout/visual-refresh/styles.css.js +68 -68
  26. package/app-layout/visual-refresh/styles.scoped.css +265 -265
  27. package/app-layout/visual-refresh/styles.selectors.js +68 -68
  28. package/area-chart/styles.css.js +13 -13
  29. package/area-chart/styles.scoped.css +29 -29
  30. package/area-chart/styles.selectors.js +13 -13
  31. package/attribute-editor/styles.css.js +14 -14
  32. package/attribute-editor/styles.scoped.css +48 -48
  33. package/attribute-editor/styles.selectors.js +14 -14
  34. package/badge/styles.css.js +5 -5
  35. package/badge/styles.scoped.css +20 -20
  36. package/badge/styles.selectors.js +5 -5
  37. package/box/styles.css.js +189 -189
  38. package/box/styles.scoped.css +418 -418
  39. package/box/styles.selectors.js +189 -189
  40. package/breadcrumb-group/item/styles.css.js +9 -9
  41. package/breadcrumb-group/item/styles.scoped.css +28 -28
  42. package/breadcrumb-group/item/styles.selectors.js +9 -9
  43. package/breadcrumb-group/styles.css.js +7 -7
  44. package/breadcrumb-group/styles.scoped.css +22 -22
  45. package/breadcrumb-group/styles.selectors.js +7 -7
  46. package/button/styles.css.js +19 -19
  47. package/button/styles.scoped.css +412 -412
  48. package/button/styles.selectors.js +19 -19
  49. package/button-dropdown/category-elements/styles.css.js +13 -13
  50. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  51. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  52. package/button-dropdown/item-element/styles.css.js +14 -14
  53. package/button-dropdown/item-element/styles.scoped.css +42 -42
  54. package/button-dropdown/item-element/styles.selectors.js +14 -14
  55. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  56. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  57. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  58. package/button-dropdown/styles.css.js +8 -8
  59. package/button-dropdown/styles.scoped.css +20 -20
  60. package/button-dropdown/styles.selectors.js +8 -8
  61. package/calendar/styles.css.js +18 -18
  62. package/calendar/styles.scoped.css +89 -89
  63. package/calendar/styles.selectors.js +18 -18
  64. package/cards/styles.css.js +37 -37
  65. package/cards/styles.scoped.css +100 -100
  66. package/cards/styles.selectors.js +37 -37
  67. package/checkbox/styles.css.js +3 -3
  68. package/checkbox/styles.scoped.css +16 -16
  69. package/checkbox/styles.selectors.js +3 -3
  70. package/code-editor/resizable-box/styles.css.js +3 -3
  71. package/code-editor/resizable-box/styles.scoped.css +8 -8
  72. package/code-editor/resizable-box/styles.selectors.js +3 -3
  73. package/code-editor/styles.css.js +32 -32
  74. package/code-editor/styles.scoped.css +194 -194
  75. package/code-editor/styles.selectors.js +32 -32
  76. package/collection-preferences/content-display/styles.css.js +11 -11
  77. package/collection-preferences/content-display/styles.scoped.css +42 -42
  78. package/collection-preferences/content-display/styles.selectors.js +11 -11
  79. package/collection-preferences/styles.css.js +37 -37
  80. package/collection-preferences/styles.scoped.css +81 -81
  81. package/collection-preferences/styles.selectors.js +37 -37
  82. package/column-layout/styles.css.js +13 -13
  83. package/column-layout/styles.scoped.css +55 -55
  84. package/column-layout/styles.selectors.js +13 -13
  85. package/container/styles.css.js +18 -18
  86. package/container/styles.scoped.css +73 -73
  87. package/container/styles.selectors.js +18 -18
  88. package/content-layout/styles.css.js +6 -6
  89. package/content-layout/styles.scoped.css +14 -14
  90. package/content-layout/styles.selectors.js +6 -6
  91. package/date-picker/styles.css.js +7 -7
  92. package/date-picker/styles.scoped.css +16 -16
  93. package/date-picker/styles.selectors.js +7 -7
  94. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  95. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  96. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  97. package/date-range-picker/relative-range/styles.css.js +9 -9
  98. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  99. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  100. package/date-range-picker/styles.css.js +38 -38
  101. package/date-range-picker/styles.scoped.css +76 -76
  102. package/date-range-picker/styles.selectors.js +38 -38
  103. package/expandable-section/styles.css.js +24 -24
  104. package/expandable-section/styles.scoped.css +87 -87
  105. package/expandable-section/styles.selectors.js +24 -24
  106. package/file-upload/dropzone/styles.css.js +2 -2
  107. package/file-upload/dropzone/styles.scoped.css +9 -9
  108. package/file-upload/dropzone/styles.selectors.js +2 -2
  109. package/file-upload/file-input/styles.css.js +4 -4
  110. package/file-upload/file-input/styles.scoped.css +14 -14
  111. package/file-upload/file-input/styles.selectors.js +4 -4
  112. package/file-upload/file-option/styles.css.js +7 -7
  113. package/file-upload/file-option/styles.scoped.css +10 -10
  114. package/file-upload/file-option/styles.selectors.js +7 -7
  115. package/file-upload/styles.css.js +2 -2
  116. package/file-upload/styles.scoped.css +4 -4
  117. package/file-upload/styles.selectors.js +2 -2
  118. package/flashbar/styles.css.js +45 -45
  119. package/flashbar/styles.scoped.css +246 -246
  120. package/flashbar/styles.selectors.js +45 -45
  121. package/form/styles.css.js +9 -9
  122. package/form/styles.scoped.css +20 -20
  123. package/form/styles.selectors.js +9 -9
  124. package/form-field/styles.css.js +19 -19
  125. package/form-field/styles.scoped.css +52 -52
  126. package/form-field/styles.selectors.js +19 -19
  127. package/grid/styles.css.js +53 -53
  128. package/grid/styles.scoped.css +60 -60
  129. package/grid/styles.selectors.js +53 -53
  130. package/header/styles.css.js +44 -44
  131. package/header/styles.scoped.css +116 -116
  132. package/header/styles.selectors.js +44 -44
  133. package/help-panel/styles.css.js +4 -4
  134. package/help-panel/styles.scoped.css +153 -153
  135. package/help-panel/styles.selectors.js +4 -4
  136. package/hotspot/styles.css.js +7 -7
  137. package/hotspot/styles.scoped.css +10 -10
  138. package/hotspot/styles.selectors.js +7 -7
  139. package/icon/styles.css.js +21 -21
  140. package/icon/styles.scoped.css +81 -81
  141. package/icon/styles.selectors.js +21 -21
  142. package/input/styles.css.js +12 -12
  143. package/input/styles.scoped.css +73 -73
  144. package/input/styles.selectors.js +12 -12
  145. package/internal/base-component/styles.scoped.css +1620 -1437
  146. package/internal/components/abstract-switch/styles.css.js +13 -13
  147. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  148. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  149. package/internal/components/button-trigger/styles.css.js +9 -9
  150. package/internal/components/button-trigger/styles.scoped.css +63 -63
  151. package/internal/components/button-trigger/styles.selectors.js +9 -9
  152. package/internal/components/cartesian-chart/styles.css.js +21 -21
  153. package/internal/components/cartesian-chart/styles.scoped.css +34 -34
  154. package/internal/components/cartesian-chart/styles.selectors.js +21 -21
  155. package/internal/components/chart-filter/styles.css.js +3 -3
  156. package/internal/components/chart-filter/styles.scoped.css +7 -7
  157. package/internal/components/chart-filter/styles.selectors.js +3 -3
  158. package/internal/components/chart-legend/styles.css.js +6 -6
  159. package/internal/components/chart-legend/styles.scoped.css +23 -23
  160. package/internal/components/chart-legend/styles.selectors.js +6 -6
  161. package/internal/components/chart-plot/styles.css.js +5 -5
  162. package/internal/components/chart-plot/styles.scoped.css +6 -6
  163. package/internal/components/chart-plot/styles.selectors.js +5 -5
  164. package/internal/components/chart-popover/styles.css.js +3 -3
  165. package/internal/components/chart-popover/styles.scoped.css +9 -9
  166. package/internal/components/chart-popover/styles.selectors.js +3 -3
  167. package/internal/components/chart-series-details/styles.css.js +5 -5
  168. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  169. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  170. package/internal/components/chart-series-marker/styles.css.js +5 -5
  171. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  172. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  173. package/internal/components/chart-status-container/styles.css.js +2 -2
  174. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  175. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  176. package/internal/components/checkbox-icon/styles.css.js +7 -7
  177. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  178. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  179. package/internal/components/dark-ribbon/styles.css.js +2 -2
  180. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  181. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  182. package/internal/components/dropdown/styles.css.js +20 -20
  183. package/internal/components/dropdown/styles.scoped.css +51 -51
  184. package/internal/components/dropdown/styles.selectors.js +20 -20
  185. package/internal/components/dropdown-footer/styles.css.js +3 -3
  186. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  187. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  188. package/internal/components/dropdown-status/styles.css.js +2 -2
  189. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  190. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  191. package/internal/components/filtering-token/styles.css.js +7 -7
  192. package/internal/components/filtering-token/styles.scoped.css +34 -34
  193. package/internal/components/filtering-token/styles.selectors.js +7 -7
  194. package/internal/components/handle/styles.css.js +2 -2
  195. package/internal/components/handle/styles.scoped.css +12 -12
  196. package/internal/components/handle/styles.selectors.js +2 -2
  197. package/internal/components/menu-dropdown/styles.css.js +7 -7
  198. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  199. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  200. package/internal/components/option/index.d.ts.map +1 -1
  201. package/internal/components/option/index.js +1 -1
  202. package/internal/components/option/index.js.map +1 -1
  203. package/internal/components/option/styles.css.js +17 -17
  204. package/internal/components/option/styles.scoped.css +47 -47
  205. package/internal/components/option/styles.selectors.js +17 -17
  206. package/internal/components/options-list/styles.css.js +2 -2
  207. package/internal/components/options-list/styles.scoped.css +7 -7
  208. package/internal/components/options-list/styles.selectors.js +2 -2
  209. package/internal/components/selectable-item/styles.css.js +16 -16
  210. package/internal/components/selectable-item/styles.scoped.css +71 -68
  211. package/internal/components/selectable-item/styles.selectors.js +16 -16
  212. package/internal/components/token-list/styles.css.js +9 -9
  213. package/internal/components/token-list/styles.scoped.css +40 -40
  214. package/internal/components/token-list/styles.selectors.js +9 -9
  215. package/internal/environment.js +1 -1
  216. package/internal/generated/styles/tokens.d.ts +4 -0
  217. package/internal/generated/styles/tokens.js +303 -299
  218. package/internal/generated/theming/index.cjs +1609 -675
  219. package/internal/generated/theming/index.cjs.d.ts +206 -0
  220. package/internal/generated/theming/index.d.ts +206 -0
  221. package/internal/generated/theming/index.js +1609 -675
  222. package/internal/manifest.json +1 -1
  223. package/link/styles.css.js +20 -20
  224. package/link/styles.scoped.css +163 -163
  225. package/link/styles.selectors.js +20 -20
  226. package/mixed-line-bar-chart/styles.css.js +19 -19
  227. package/mixed-line-bar-chart/styles.scoped.css +38 -38
  228. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  229. package/modal/styles.css.js +23 -23
  230. package/modal/styles.scoped.css +67 -67
  231. package/modal/styles.selectors.js +23 -23
  232. package/multiselect/styles.css.js +1 -1
  233. package/multiselect/styles.scoped.css +5 -5
  234. package/multiselect/styles.selectors.js +1 -1
  235. package/package.json +1 -1
  236. package/pagination/styles.css.js +9 -9
  237. package/pagination/styles.scoped.css +47 -47
  238. package/pagination/styles.selectors.js +9 -9
  239. package/pie-chart/styles.css.js +27 -27
  240. package/pie-chart/styles.scoped.css +70 -70
  241. package/pie-chart/styles.selectors.js +27 -27
  242. package/popover/styles.css.js +50 -50
  243. package/popover/styles.scoped.css +104 -104
  244. package/popover/styles.selectors.js +50 -50
  245. package/progress-bar/styles.css.js +18 -18
  246. package/progress-bar/styles.scoped.css +58 -58
  247. package/progress-bar/styles.selectors.js +18 -18
  248. package/property-filter/styles.css.js +29 -29
  249. package/property-filter/styles.scoped.css +52 -52
  250. package/property-filter/styles.selectors.js +29 -29
  251. package/radio-group/styles.css.js +9 -9
  252. package/radio-group/styles.scoped.css +37 -37
  253. package/radio-group/styles.selectors.js +9 -9
  254. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  255. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  256. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  257. package/segmented-control/styles.css.js +14 -14
  258. package/segmented-control/styles.scoped.css +78 -78
  259. package/segmented-control/styles.selectors.js +14 -14
  260. package/select/parts/styles.css.js +9 -9
  261. package/select/parts/styles.scoped.css +17 -17
  262. package/select/parts/styles.selectors.js +9 -9
  263. package/select/styles.css.js +1 -1
  264. package/select/styles.scoped.css +5 -5
  265. package/select/styles.selectors.js +1 -1
  266. package/side-navigation/styles.css.js +27 -27
  267. package/side-navigation/styles.scoped.css +89 -89
  268. package/side-navigation/styles.selectors.js +27 -27
  269. package/space-between/styles.css.js +20 -20
  270. package/space-between/styles.scoped.css +37 -37
  271. package/space-between/styles.selectors.js +20 -20
  272. package/spinner/styles.css.js +13 -13
  273. package/spinner/styles.scoped.css +35 -35
  274. package/spinner/styles.selectors.js +13 -13
  275. package/split-panel/styles.css.js +59 -59
  276. package/split-panel/styles.scoped.css +150 -150
  277. package/split-panel/styles.selectors.js +59 -59
  278. package/status-indicator/styles.css.js +20 -20
  279. package/status-indicator/styles.scoped.css +44 -44
  280. package/status-indicator/styles.selectors.js +20 -20
  281. package/table/body-cell/styles.css.js +28 -28
  282. package/table/body-cell/styles.scoped.css +144 -144
  283. package/table/body-cell/styles.selectors.js +28 -28
  284. package/table/header-cell/styles.css.js +24 -24
  285. package/table/header-cell/styles.scoped.css +93 -93
  286. package/table/header-cell/styles.selectors.js +24 -24
  287. package/table/resizer/styles.css.js +6 -6
  288. package/table/resizer/styles.scoped.css +27 -27
  289. package/table/resizer/styles.selectors.js +6 -6
  290. package/table/selection-control/styles.css.js +3 -3
  291. package/table/selection-control/styles.scoped.css +4 -4
  292. package/table/selection-control/styles.selectors.js +3 -3
  293. package/table/styles.css.js +36 -36
  294. package/table/styles.scoped.css +88 -88
  295. package/table/styles.selectors.js +36 -36
  296. package/tabs/styles.css.js +21 -21
  297. package/tabs/styles.scoped.css +86 -86
  298. package/tabs/styles.selectors.js +21 -21
  299. package/tag-editor/styles.css.js +3 -3
  300. package/tag-editor/styles.scoped.css +24 -24
  301. package/tag-editor/styles.selectors.js +3 -3
  302. package/text-content/styles.css.js +1 -1
  303. package/text-content/styles.scoped.css +125 -125
  304. package/text-content/styles.selectors.js +1 -1
  305. package/text-filter/styles.css.js +3 -3
  306. package/text-filter/styles.scoped.css +10 -10
  307. package/text-filter/styles.selectors.js +3 -3
  308. package/textarea/styles.css.js +4 -4
  309. package/textarea/styles.scoped.css +40 -40
  310. package/textarea/styles.selectors.js +4 -4
  311. package/tiles/styles.css.js +28 -28
  312. package/tiles/styles.scoped.css +124 -124
  313. package/tiles/styles.selectors.js +28 -28
  314. package/toggle/styles.css.js +8 -8
  315. package/toggle/styles.scoped.css +27 -27
  316. package/toggle/styles.selectors.js +8 -8
  317. package/token-group/styles.css.js +7 -7
  318. package/token-group/styles.scoped.css +42 -42
  319. package/token-group/styles.selectors.js +7 -7
  320. package/top-navigation/1.0-beta/styles.css.js +25 -25
  321. package/top-navigation/1.0-beta/styles.scoped.css +84 -84
  322. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  323. package/top-navigation/styles.css.js +47 -47
  324. package/top-navigation/styles.scoped.css +148 -148
  325. package/top-navigation/styles.selectors.js +47 -47
  326. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  327. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  328. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  329. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  330. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  331. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  332. package/tutorial-panel/styles.css.js +1 -1
  333. package/tutorial-panel/styles.scoped.css +6 -6
  334. package/tutorial-panel/styles.selectors.js +1 -1
  335. package/wizard/styles.css.js +31 -31
  336. package/wizard/styles.scoped.css +125 -125
  337. package/wizard/styles.selectors.js +31 -31
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_10m3l_1c2g8_97",
5
- "token": "awsui_token_10m3l_1c2g8_102",
6
- "show-operation": "awsui_show-operation_10m3l_1c2g8_113",
7
- "select": "awsui_select_10m3l_1c2g8_119",
8
- "token-content": "awsui_token-content_10m3l_1c2g8_123",
9
- "dismiss-button": "awsui_dismiss-button_10m3l_1c2g8_127",
10
- "token-disabled": "awsui_token-disabled_10m3l_1c2g8_163"
4
+ "root": "awsui_root_10m3l_1prxw_97",
5
+ "token": "awsui_token_10m3l_1prxw_102",
6
+ "show-operation": "awsui_show-operation_10m3l_1prxw_113",
7
+ "select": "awsui_select_10m3l_1prxw_119",
8
+ "token-content": "awsui_token-content_10m3l_1prxw_123",
9
+ "dismiss-button": "awsui_dismiss-button_10m3l_1prxw_127",
10
+ "token-disabled": "awsui_token-disabled_10m3l_1prxw_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_1c2g8_97:not(#\9) {
97
+ .awsui_root_10m3l_1prxw_97:not(#\9) {
98
98
  display: flex;
99
99
  align-content: stretch;
100
100
  }
101
101
 
102
- .awsui_token_10m3l_1c2g8_102:not(#\9) {
103
- border: var(--border-field-width-egrqih, 2px) solid var(--color-border-item-selected-474jz2, #0972d3);
102
+ .awsui_token_10m3l_1prxw_102:not(#\9) {
103
+ border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
104
104
  display: flex;
105
105
  align-items: stretch;
106
- background: var(--color-background-item-selected-fjyxf3, #f2f8fd);
107
- border-radius: var(--border-radius-token-wh0xau, 8px);
108
- color: var(--color-text-body-default-01bwmw, #000716);
106
+ background: var(--color-background-item-selected-ndi5zy, #f2f8fd);
107
+ border-radius: var(--border-radius-token-qzjnwb, 8px);
108
+ color: var(--color-text-body-default-mmvcvg, #000716);
109
109
  height: 100%;
110
110
  box-sizing: border-box;
111
111
  }
112
112
 
113
- .awsui_show-operation_10m3l_1c2g8_113:not(#\9) {
113
+ .awsui_show-operation_10m3l_1prxw_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_1c2g8_119:not(#\9) {
119
+ .awsui_select_10m3l_1prxw_119:not(#\9) {
120
120
  /* used in test-utils */
121
121
  }
122
122
 
123
- .awsui_token-content_10m3l_1c2g8_123:not(#\9) {
124
- padding: var(--space-scaled-xxs-ugy2pw, 4px) var(--space-field-horizontal-dh8mzg, 12px);
123
+ .awsui_token-content_10m3l_1prxw_123:not(#\9) {
124
+ padding: var(--space-scaled-xxs-t2t62i, 4px) var(--space-field-horizontal-8qo3uw, 12px);
125
125
  }
126
126
 
127
- .awsui_dismiss-button_10m3l_1c2g8_127:not(#\9) {
127
+ .awsui_dismiss-button_10m3l_1prxw_127:not(#\9) {
128
128
  width: 30px;
129
129
  margin: 0;
130
130
  border: none;
131
- padding: 0 var(--space-xxs-a6783b, 4px);
132
- color: var(--color-text-interactive-default-pdoaf1, #414d5c);
131
+ padding: 0 var(--space-xxs-ja5cp8, 4px);
132
+ color: var(--color-text-interactive-default-2sml2m, #414d5c);
133
133
  background-color: transparent;
134
- border-left: var(--border-field-width-egrqih, 2px) solid var(--color-border-item-selected-474jz2, #0972d3);
134
+ border-left: var(--border-field-width-riro62, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
135
135
  }
136
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1c2g8_127:not(#\9):focus {
136
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1prxw_127:not(#\9):focus {
137
137
  position: relative;
138
138
  }
139
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1c2g8_127:not(#\9):focus {
139
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1prxw_127:not(#\9):focus {
140
140
  outline: 2px dotted transparent;
141
- outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-kdwo5r, -5px) - 1px);
141
+ outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-wspael, -5px) - 1px);
142
142
  }
143
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1c2g8_127:not(#\9):focus::before {
143
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_1prxw_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-kdwo5r, -5px));
148
- top: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-kdwo5r, -5px));
149
- width: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-kdwo5r, -5px));
150
- height: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-kdwo5r, -5px));
151
- border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
152
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
147
+ left: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-wspael, -5px));
148
+ top: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-wspael, -5px));
149
+ width: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-wspael, -5px));
150
+ height: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-wspael, -5px));
151
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
152
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
153
153
  }
154
- .awsui_dismiss-button_10m3l_1c2g8_127:not(#\9):focus {
154
+ .awsui_dismiss-button_10m3l_1prxw_127:not(#\9):focus {
155
155
  outline: none;
156
156
  text-decoration: none;
157
157
  }
158
- .awsui_dismiss-button_10m3l_1c2g8_127:not(#\9):hover {
158
+ .awsui_dismiss-button_10m3l_1prxw_127:not(#\9):hover {
159
159
  cursor: pointer;
160
- color: var(--color-text-interactive-hover-hi8qzz, #000716);
160
+ color: var(--color-text-interactive-hover-8bpozs, #000716);
161
161
  }
162
162
 
163
- .awsui_token-disabled_10m3l_1c2g8_163:not(#\9) {
164
- border-color: var(--color-border-control-disabled-4xsg0q, #d1d5db);
165
- background-color: var(--color-background-container-content-em2lah, #ffffff);
166
- color: var(--color-text-disabled-tdcdwa, #9ba7b6);
163
+ .awsui_token-disabled_10m3l_1prxw_163:not(#\9) {
164
+ border-color: var(--color-border-control-disabled-pixk7g, #d1d5db);
165
+ background-color: var(--color-background-container-content-og3y0v, #ffffff);
166
+ color: var(--color-text-disabled-t7vw2a, #9ba7b6);
167
167
  pointer-events: none;
168
168
  }
169
- .awsui_token-disabled_10m3l_1c2g8_163 > .awsui_dismiss-button_10m3l_1c2g8_127:not(#\9) {
170
- color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
171
- border-color: var(--color-border-control-disabled-4xsg0q, #d1d5db);
169
+ .awsui_token-disabled_10m3l_1prxw_163 > .awsui_dismiss-button_10m3l_1prxw_127:not(#\9) {
170
+ color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
171
+ border-color: var(--color-border-control-disabled-pixk7g, #d1d5db);
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_1c2g8_97",
6
- "token": "awsui_token_10m3l_1c2g8_102",
7
- "show-operation": "awsui_show-operation_10m3l_1c2g8_113",
8
- "select": "awsui_select_10m3l_1c2g8_119",
9
- "token-content": "awsui_token-content_10m3l_1c2g8_123",
10
- "dismiss-button": "awsui_dismiss-button_10m3l_1c2g8_127",
11
- "token-disabled": "awsui_token-disabled_10m3l_1c2g8_163"
5
+ "root": "awsui_root_10m3l_1prxw_97",
6
+ "token": "awsui_token_10m3l_1prxw_102",
7
+ "show-operation": "awsui_show-operation_10m3l_1prxw_113",
8
+ "select": "awsui_select_10m3l_1prxw_119",
9
+ "token-content": "awsui_token-content_10m3l_1prxw_123",
10
+ "dismiss-button": "awsui_dismiss-button_10m3l_1prxw_127",
11
+ "token-disabled": "awsui_token-disabled_10m3l_1prxw_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_1rb9x_93",
5
- "hide-focus": "awsui_hide-focus_iykw5_1rb9x_104"
4
+ "handle": "awsui_handle_iykw5_b48ke_93",
5
+ "hide-focus": "awsui_hide-focus_iykw5_b48ke_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_1rb9x_93:not(#\9) {
93
+ .awsui_handle_iykw5_b48ke_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-emyscj, 2px);
99
- margin: 0 var(--space-scaled-xxs-ugy2pw, 4px);
100
- color: var(--color-text-interactive-default-pdoaf1, #414d5c);
98
+ padding: 0 var(--space-scaled-xxxs-jdgipl, 2px);
99
+ margin: 0 var(--space-scaled-xxs-t2t62i, 4px);
100
+ color: var(--color-text-interactive-default-2sml2m, #414d5c);
101
101
  }
102
- .awsui_handle_iykw5_1rb9x_93:not(#\9):hover {
103
- color: var(--color-text-interactive-hover-hi8qzz, #000716);
102
+ .awsui_handle_iykw5_b48ke_93:not(#\9):hover {
103
+ color: var(--color-text-interactive-hover-8bpozs, #000716);
104
104
  }
105
- body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1rb9x_104) {
105
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_b48ke_104) {
106
106
  position: relative;
107
107
  }
108
- body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1rb9x_104) {
108
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_b48ke_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_1rb9x_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_1rb9x_104)::before {
112
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus:not(.awsui_hide-focus_iykw5_b48ke_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_1rb9x_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-egwir5, 4px);
121
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
120
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
121
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
122
122
  }
123
- body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1rb9x_93:not(#\9):focus.awsui_hide-focus_iykw5_1rb9x_104 {
123
+ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_b48ke_93:not(#\9):focus.awsui_hide-focus_iykw5_b48ke_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_1rb9x_93",
6
- "hide-focus": "awsui_hide-focus_iykw5_1rb9x_104"
5
+ "handle": "awsui_handle_iykw5_b48ke_93",
6
+ "hide-focus": "awsui_hide-focus_iykw5_b48ke_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_pcwxr_93",
5
- "expanded": "awsui_expanded_m5h9f_pcwxr_127",
6
- "offset-right-none": "awsui_offset-right-none_m5h9f_pcwxr_138",
7
- "offset-right-l": "awsui_offset-right-l_m5h9f_pcwxr_141",
8
- "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_pcwxr_144",
9
- "text": "awsui_text_m5h9f_pcwxr_166",
10
- "icon": "awsui_icon_m5h9f_pcwxr_170"
4
+ "button": "awsui_button_m5h9f_1i0i5_93",
5
+ "expanded": "awsui_expanded_m5h9f_1i0i5_127",
6
+ "offset-right-none": "awsui_offset-right-none_m5h9f_1i0i5_138",
7
+ "offset-right-l": "awsui_offset-right-l_m5h9f_1i0i5_141",
8
+ "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1i0i5_144",
9
+ "text": "awsui_text_m5h9f_1i0i5_166",
10
+ "icon": "awsui_icon_m5h9f_1i0i5_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_pcwxr_93:not(#\9) {
93
+ .awsui_button_m5h9f_1i0i5_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-cqtcam, 14px);
124
- line-height: var(--font-body-m-line-height-83azrc, 22px);
125
- color: var(--color-text-body-default-01bwmw, #000716);
123
+ font-size: var(--font-body-m-size-7dign1, 14px);
124
+ line-height: var(--font-body-m-line-height-rfgrp9, 22px);
125
+ color: var(--color-text-body-default-mmvcvg, #000716);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-wn913o, "Open 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-t4a8st, 800);
134
- -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
135
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
133
+ font-weight: var(--font-button-weight-puh3qs, 800);
134
+ -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
135
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
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-inub5w, 8px);
142
- padding-right: var(--space-xs-inub5w, 8px);
141
+ padding-left: var(--space-xs-edba2s, 8px);
142
+ padding-right: var(--space-xs-edba2s, 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-pdoaf1, #414d5c);
147
+ color: var(--color-text-interactive-default-2sml2m, #414d5c);
148
148
  }
149
- .awsui_button_m5h9f_pcwxr_93:not(#\9):hover {
150
- color: var(--color-text-interactive-hover-hi8qzz, #000716);
149
+ .awsui_button_m5h9f_1i0i5_93:not(#\9):hover {
150
+ color: var(--color-text-interactive-hover-8bpozs, #000716);
151
151
  text-decoration: none;
152
152
  }
153
- .awsui_button_m5h9f_pcwxr_93:not(#\9):active, .awsui_button_m5h9f_pcwxr_93.awsui_expanded_m5h9f_pcwxr_127:not(#\9) {
153
+ .awsui_button_m5h9f_1i0i5_93:not(#\9):active, .awsui_button_m5h9f_1i0i5_93.awsui_expanded_m5h9f_1i0i5_127:not(#\9) {
154
154
  background: transparent;
155
- color: var(--color-text-interactive-active-9ly0dg, #000716);
155
+ color: var(--color-text-interactive-active-atr0kj, #000716);
156
156
  }
157
- .awsui_button_m5h9f_pcwxr_93.awsui_expanded_m5h9f_pcwxr_127:not(#\9) {
158
- color: var(--color-text-accent-wqve76, #0972d3);
157
+ .awsui_button_m5h9f_1i0i5_93.awsui_expanded_m5h9f_1i0i5_127:not(#\9) {
158
+ color: var(--color-text-accent-qh8xwn, #0972d3);
159
159
  }
160
- .awsui_button_m5h9f_pcwxr_93:not(#\9):focus {
160
+ .awsui_button_m5h9f_1i0i5_93:not(#\9):focus {
161
161
  outline: none;
162
162
  text-decoration: none;
163
163
  }
164
- .awsui_button_m5h9f_pcwxr_93.awsui_offset-right-none_m5h9f_pcwxr_138:not(#\9) {
164
+ .awsui_button_m5h9f_1i0i5_93.awsui_offset-right-none_m5h9f_1i0i5_138:not(#\9) {
165
165
  margin-right: 0;
166
166
  }
167
- .awsui_button_m5h9f_pcwxr_93.awsui_offset-right-l_m5h9f_pcwxr_141:not(#\9) {
168
- margin-right: var(--space-s-rd607g, 12px);
167
+ .awsui_button_m5h9f_1i0i5_93.awsui_offset-right-l_m5h9f_1i0i5_141:not(#\9) {
168
+ margin-right: var(--space-s-hdd878, 12px);
169
169
  }
170
- .awsui_button_m5h9f_pcwxr_93.awsui_offset-right-xxl_m5h9f_pcwxr_144:not(#\9) {
171
- margin-right: var(--space-xl-7jca1b, 24px);
170
+ .awsui_button_m5h9f_1i0i5_93.awsui_offset-right-xxl_m5h9f_1i0i5_144:not(#\9) {
171
+ margin-right: var(--space-xl-gsucfg, 24px);
172
172
  }
173
- body[data-awsui-focus-visible=true] .awsui_button_m5h9f_pcwxr_93:not(#\9):focus {
173
+ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1i0i5_93:not(#\9):focus {
174
174
  position: relative;
175
175
  }
176
- body[data-awsui-focus-visible=true] .awsui_button_m5h9f_pcwxr_93:not(#\9):focus {
176
+ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1i0i5_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_pcwxr_93:not(#\9):focus::before {
180
+ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1i0i5_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_pcwxr_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-egwir5, 4px);
189
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
188
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
189
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
190
190
  }
191
191
 
192
- .awsui_text_m5h9f_pcwxr_166:not(#\9) {
193
- margin-right: var(--space-xs-inub5w, 8px);
192
+ .awsui_text_m5h9f_1i0i5_166:not(#\9) {
193
+ margin-right: var(--space-xs-edba2s, 8px);
194
194
  }
195
195
 
196
- .awsui_icon_m5h9f_pcwxr_170 + .awsui_text_m5h9f_pcwxr_166:not(#\9) {
197
- margin-left: var(--space-xs-inub5w, 8px);
196
+ .awsui_icon_m5h9f_1i0i5_170 + .awsui_text_m5h9f_1i0i5_166:not(#\9) {
197
+ margin-left: var(--space-xs-edba2s, 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_pcwxr_93",
6
- "expanded": "awsui_expanded_m5h9f_pcwxr_127",
7
- "offset-right-none": "awsui_offset-right-none_m5h9f_pcwxr_138",
8
- "offset-right-l": "awsui_offset-right-l_m5h9f_pcwxr_141",
9
- "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_pcwxr_144",
10
- "text": "awsui_text_m5h9f_pcwxr_166",
11
- "icon": "awsui_icon_m5h9f_pcwxr_170"
5
+ "button": "awsui_button_m5h9f_1i0i5_93",
6
+ "expanded": "awsui_expanded_m5h9f_1i0i5_127",
7
+ "offset-right-none": "awsui_offset-right-none_m5h9f_1i0i5_138",
8
+ "offset-right-l": "awsui_offset-right-l_m5h9f_1i0i5_141",
9
+ "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1i0i5_144",
10
+ "text": "awsui_text_m5h9f_1i0i5_166",
11
+ "icon": "awsui_icon_m5h9f_1i0i5_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":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD,SAAS,mBAAmB,CAAC,KAAyB,EAAE,YAAoB;IAC1E,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7D,QAAQ,CACN,gBAAgB,EAChB,2DAA2D,YAAY,SAAS,OAAO,KAAK,4CAA4C,CACzI,CAAC;KACH;AACH,CAAC;AAED,MAAM,MAAM,GAAG,CAAC,EASF,EAAE,EAAE;;QATF,EACd,MAAM,EACN,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,cAAc,GAAG,IAAI,EACrB,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,KAAK,OAEV,EADT,SAAS,cARE,uHASf,CADa;IAEZ,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAC5B,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAI,aAAa,EAAE;QACjB,mBAAmB,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC3C,mBAAmB,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;QACvD,mBAAmB,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACjD,MAAA,MAAM,CAAC,IAAI,0CAAE,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAClC,mBAAmB,CAAC,GAAG,EAAE,QAAQ,KAAK,GAAG,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,MAAA,MAAM,CAAC,aAAa,0CAAE,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC3C,mBAAmB,CAAC,GAAG,EAAE,iBAAiB,KAAK,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;KACJ;IAED,MAAM,SAAS,GAAG,IAAI,CACpB,MAAM,CAAC,MAAM,EACb,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,aAAa,IAAI,MAAM,CAAC,MAAM,EAC9B,iBAAiB,IAAI,MAAM,CAAC,WAAW,CACxC,CAAC;IAEF,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,IAAI,CAClC,oBAAC,UAAU,IACT,IAAI,EAAE,MAAM,CAAC,QAAQ,EACrB,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,IAAI,EAAE,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAC1D,CACH,CAAC;IAEF,wKAAwK;IACxK,2GAA2G;IAC3G,yFAAyF;IACzF,MAAM,iBAAiB,GAAG,cAAc;QACtC,CAAC,CAAC;YACE,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK;YACnC,eAAe,EAAE,QAAQ;SAC1B;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,0DAAkB,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,IAAM,iBAAiB,EAAM,SAAS;QAC1G,IAAI;QACL,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACnC,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;gBAC5C,oBAAC,KAAK,IACJ,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK,EACnC,MAAM,EAAE,MAAM,CAAC,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B;gBACF,oBAAC,QAAQ,IAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,GAAI,CAChG;YACP,oBAAC,WAAW,IACV,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B;YACF,oBAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B;YACF,oBAAC,aAAa,IACZ,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACG,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","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_19cko_97",
5
- "disabled": "awsui_disabled_1p2cx_19cko_115",
6
- "parent": "awsui_parent_1p2cx_19cko_118",
7
- "content": "awsui_content_1p2cx_19cko_125",
8
- "label-content": "awsui_label-content_1p2cx_19cko_132",
9
- "label": "awsui_label_1p2cx_19cko_132",
10
- "tag": "awsui_tag_1p2cx_19cko_139",
11
- "label-tag": "awsui_label-tag_1p2cx_19cko_140",
12
- "label-prefix": "awsui_label-prefix_1p2cx_19cko_151",
13
- "tags": "awsui_tags_1p2cx_19cko_164",
14
- "description": "awsui_description_1p2cx_19cko_165",
15
- "highlighted": "awsui_highlighted_1p2cx_19cko_172",
16
- "selected": "awsui_selected_1p2cx_19cko_176",
17
- "icon": "awsui_icon_1p2cx_19cko_190",
18
- "icon-size-big": "awsui_icon-size-big_1p2cx_19cko_197",
19
- "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_19cko_201",
20
- "trigger-variant": "awsui_trigger-variant_1p2cx_19cko_216"
4
+ "option": "awsui_option_1p2cx_1q8q7_97",
5
+ "disabled": "awsui_disabled_1p2cx_1q8q7_115",
6
+ "parent": "awsui_parent_1p2cx_1q8q7_118",
7
+ "highlighted": "awsui_highlighted_1p2cx_1q8q7_121",
8
+ "content": "awsui_content_1p2cx_1q8q7_125",
9
+ "label-content": "awsui_label-content_1p2cx_1q8q7_132",
10
+ "label": "awsui_label_1p2cx_1q8q7_132",
11
+ "tag": "awsui_tag_1p2cx_1q8q7_139",
12
+ "label-tag": "awsui_label-tag_1p2cx_1q8q7_140",
13
+ "label-prefix": "awsui_label-prefix_1p2cx_1q8q7_151",
14
+ "tags": "awsui_tags_1p2cx_1q8q7_164",
15
+ "description": "awsui_description_1p2cx_1q8q7_165",
16
+ "selected": "awsui_selected_1p2cx_1q8q7_176",
17
+ "icon": "awsui_icon_1p2cx_1q8q7_190",
18
+ "icon-size-big": "awsui_icon-size-big_1p2cx_1q8q7_197",
19
+ "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1q8q7_201",
20
+ "trigger-variant": "awsui_trigger-variant_1p2cx_1q8q7_216"
21
21
  };
22
22