@cloudscape-design/components 3.0.301 → 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 (433) hide show
  1. package/alert/interfaces.d.ts +1 -0
  2. package/alert/interfaces.d.ts.map +1 -1
  3. package/alert/interfaces.js.map +1 -1
  4. package/alert/styles.css.js +19 -19
  5. package/alert/styles.scoped.css +64 -64
  6. package/alert/styles.selectors.js +19 -19
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +46 -46
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +10 -10
  14. package/app-layout/drawer/styles.scoped.css +31 -31
  15. package/app-layout/drawer/styles.selectors.js +10 -10
  16. package/app-layout/interfaces.d.ts +1 -0
  17. package/app-layout/interfaces.d.ts.map +1 -1
  18. package/app-layout/interfaces.js.map +1 -1
  19. package/app-layout/mobile-toolbar/styles.css.js +6 -6
  20. package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
  21. package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
  22. package/app-layout/notifications/styles.css.js +3 -3
  23. package/app-layout/notifications/styles.scoped.css +7 -7
  24. package/app-layout/notifications/styles.selectors.js +3 -3
  25. package/app-layout/styles.css.js +13 -13
  26. package/app-layout/styles.scoped.css +22 -22
  27. package/app-layout/styles.selectors.js +13 -13
  28. package/app-layout/toggles/styles.css.js +1 -1
  29. package/app-layout/toggles/styles.scoped.css +3 -3
  30. package/app-layout/toggles/styles.selectors.js +1 -1
  31. package/app-layout/visual-refresh/styles.css.js +68 -68
  32. package/app-layout/visual-refresh/styles.scoped.css +265 -265
  33. package/app-layout/visual-refresh/styles.selectors.js +68 -68
  34. package/area-chart/interfaces.d.ts +1 -0
  35. package/area-chart/interfaces.d.ts.map +1 -1
  36. package/area-chart/interfaces.js.map +1 -1
  37. package/area-chart/styles.css.js +13 -13
  38. package/area-chart/styles.scoped.css +29 -29
  39. package/area-chart/styles.selectors.js +13 -13
  40. package/attribute-editor/interfaces.d.ts +1 -0
  41. package/attribute-editor/interfaces.d.ts.map +1 -1
  42. package/attribute-editor/interfaces.js.map +1 -1
  43. package/attribute-editor/styles.css.js +14 -14
  44. package/attribute-editor/styles.scoped.css +48 -48
  45. package/attribute-editor/styles.selectors.js +14 -14
  46. package/autosuggest/interfaces.d.ts +2 -0
  47. package/autosuggest/interfaces.d.ts.map +1 -1
  48. package/autosuggest/interfaces.js.map +1 -1
  49. package/badge/styles.css.js +5 -5
  50. package/badge/styles.scoped.css +20 -20
  51. package/badge/styles.selectors.js +5 -5
  52. package/box/styles.css.js +189 -189
  53. package/box/styles.scoped.css +418 -418
  54. package/box/styles.selectors.js +189 -189
  55. package/breadcrumb-group/interfaces.d.ts +1 -0
  56. package/breadcrumb-group/interfaces.d.ts.map +1 -1
  57. package/breadcrumb-group/interfaces.js.map +1 -1
  58. package/breadcrumb-group/item/styles.css.js +9 -9
  59. package/breadcrumb-group/item/styles.scoped.css +28 -28
  60. package/breadcrumb-group/item/styles.selectors.js +9 -9
  61. package/breadcrumb-group/styles.css.js +7 -7
  62. package/breadcrumb-group/styles.scoped.css +22 -22
  63. package/breadcrumb-group/styles.selectors.js +7 -7
  64. package/button/styles.css.js +19 -19
  65. package/button/styles.scoped.css +412 -412
  66. package/button/styles.selectors.js +19 -19
  67. package/button-dropdown/category-elements/styles.css.js +13 -13
  68. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  69. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  70. package/button-dropdown/item-element/styles.css.js +14 -14
  71. package/button-dropdown/item-element/styles.scoped.css +42 -42
  72. package/button-dropdown/item-element/styles.selectors.js +14 -14
  73. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  74. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  75. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  76. package/button-dropdown/styles.css.js +8 -8
  77. package/button-dropdown/styles.scoped.css +20 -20
  78. package/button-dropdown/styles.selectors.js +8 -8
  79. package/calendar/interfaces.d.ts +3 -0
  80. package/calendar/interfaces.d.ts.map +1 -1
  81. package/calendar/interfaces.js.map +1 -1
  82. package/calendar/styles.css.js +18 -18
  83. package/calendar/styles.scoped.css +89 -89
  84. package/calendar/styles.selectors.js +18 -18
  85. package/cards/interfaces.d.ts +1 -0
  86. package/cards/interfaces.d.ts.map +1 -1
  87. package/cards/interfaces.js.map +1 -1
  88. package/cards/styles.css.js +37 -37
  89. package/cards/styles.scoped.css +100 -100
  90. package/cards/styles.selectors.js +37 -37
  91. package/checkbox/styles.css.js +3 -3
  92. package/checkbox/styles.scoped.css +16 -16
  93. package/checkbox/styles.selectors.js +3 -3
  94. package/code-editor/interfaces.d.ts +1 -0
  95. package/code-editor/interfaces.d.ts.map +1 -1
  96. package/code-editor/interfaces.js.map +1 -1
  97. package/code-editor/resizable-box/styles.css.js +3 -3
  98. package/code-editor/resizable-box/styles.scoped.css +8 -8
  99. package/code-editor/resizable-box/styles.selectors.js +3 -3
  100. package/code-editor/styles.css.js +32 -32
  101. package/code-editor/styles.scoped.css +194 -194
  102. package/code-editor/styles.selectors.js +32 -32
  103. package/collection-preferences/content-display/styles.css.js +11 -11
  104. package/collection-preferences/content-display/styles.scoped.css +42 -42
  105. package/collection-preferences/content-display/styles.selectors.js +11 -11
  106. package/collection-preferences/interfaces.d.ts +9 -0
  107. package/collection-preferences/interfaces.d.ts.map +1 -1
  108. package/collection-preferences/interfaces.js.map +1 -1
  109. package/collection-preferences/styles.css.js +37 -37
  110. package/collection-preferences/styles.scoped.css +81 -81
  111. package/collection-preferences/styles.selectors.js +37 -37
  112. package/column-layout/styles.css.js +13 -13
  113. package/column-layout/styles.scoped.css +55 -55
  114. package/column-layout/styles.selectors.js +13 -13
  115. package/container/styles.css.js +18 -18
  116. package/container/styles.scoped.css +73 -73
  117. package/container/styles.selectors.js +18 -18
  118. package/content-layout/styles.css.js +6 -6
  119. package/content-layout/styles.scoped.css +14 -14
  120. package/content-layout/styles.selectors.js +6 -6
  121. package/date-picker/styles.css.js +7 -7
  122. package/date-picker/styles.scoped.css +16 -16
  123. package/date-picker/styles.selectors.js +7 -7
  124. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  125. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  126. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  127. package/date-range-picker/interfaces.d.ts +1 -0
  128. package/date-range-picker/interfaces.d.ts.map +1 -1
  129. package/date-range-picker/interfaces.js.map +1 -1
  130. package/date-range-picker/relative-range/styles.css.js +9 -9
  131. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  132. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  133. package/date-range-picker/styles.css.js +38 -38
  134. package/date-range-picker/styles.scoped.css +76 -76
  135. package/date-range-picker/styles.selectors.js +38 -38
  136. package/expandable-section/styles.css.js +24 -24
  137. package/expandable-section/styles.scoped.css +87 -87
  138. package/expandable-section/styles.selectors.js +24 -24
  139. package/file-upload/dropzone/styles.css.js +2 -2
  140. package/file-upload/dropzone/styles.scoped.css +9 -9
  141. package/file-upload/dropzone/styles.selectors.js +2 -2
  142. package/file-upload/file-input/styles.css.js +4 -4
  143. package/file-upload/file-input/styles.scoped.css +14 -14
  144. package/file-upload/file-input/styles.selectors.js +4 -4
  145. package/file-upload/file-option/styles.css.js +7 -7
  146. package/file-upload/file-option/styles.scoped.css +10 -10
  147. package/file-upload/file-option/styles.selectors.js +7 -7
  148. package/file-upload/styles.css.js +2 -2
  149. package/file-upload/styles.scoped.css +4 -4
  150. package/file-upload/styles.selectors.js +2 -2
  151. package/flashbar/interfaces.d.ts +1 -0
  152. package/flashbar/interfaces.d.ts.map +1 -1
  153. package/flashbar/interfaces.js.map +1 -1
  154. package/flashbar/styles.css.js +45 -45
  155. package/flashbar/styles.scoped.css +246 -246
  156. package/flashbar/styles.selectors.js +45 -45
  157. package/form/interfaces.d.ts +1 -0
  158. package/form/interfaces.d.ts.map +1 -1
  159. package/form/interfaces.js.map +1 -1
  160. package/form/styles.css.js +9 -9
  161. package/form/styles.scoped.css +20 -20
  162. package/form/styles.selectors.js +9 -9
  163. package/form-field/interfaces.d.ts +1 -0
  164. package/form-field/interfaces.d.ts.map +1 -1
  165. package/form-field/interfaces.js.map +1 -1
  166. package/form-field/styles.css.js +19 -19
  167. package/form-field/styles.scoped.css +52 -52
  168. package/form-field/styles.selectors.js +19 -19
  169. package/grid/styles.css.js +53 -53
  170. package/grid/styles.scoped.css +60 -60
  171. package/grid/styles.selectors.js +53 -53
  172. package/header/styles.css.js +44 -44
  173. package/header/styles.scoped.css +116 -116
  174. package/header/styles.selectors.js +44 -44
  175. package/help-panel/interfaces.d.ts +1 -0
  176. package/help-panel/interfaces.d.ts.map +1 -1
  177. package/help-panel/interfaces.js.map +1 -1
  178. package/help-panel/styles.css.js +4 -4
  179. package/help-panel/styles.scoped.css +153 -153
  180. package/help-panel/styles.selectors.js +4 -4
  181. package/hotspot/styles.css.js +7 -7
  182. package/hotspot/styles.scoped.css +10 -10
  183. package/hotspot/styles.selectors.js +7 -7
  184. package/icon/styles.css.js +21 -21
  185. package/icon/styles.scoped.css +81 -81
  186. package/icon/styles.selectors.js +21 -21
  187. package/input/interfaces.d.ts +1 -0
  188. package/input/interfaces.d.ts.map +1 -1
  189. package/input/interfaces.js.map +1 -1
  190. package/input/styles.css.js +12 -12
  191. package/input/styles.scoped.css +73 -73
  192. package/input/styles.selectors.js +12 -12
  193. package/internal/base-component/styles.scoped.css +1620 -1437
  194. package/internal/components/abstract-switch/styles.css.js +13 -13
  195. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  196. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  197. package/internal/components/button-trigger/styles.css.js +9 -9
  198. package/internal/components/button-trigger/styles.scoped.css +63 -63
  199. package/internal/components/button-trigger/styles.selectors.js +9 -9
  200. package/internal/components/cartesian-chart/interfaces.d.ts +4 -0
  201. package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
  202. package/internal/components/cartesian-chart/interfaces.js.map +1 -1
  203. package/internal/components/cartesian-chart/styles.css.js +21 -21
  204. package/internal/components/cartesian-chart/styles.scoped.css +34 -34
  205. package/internal/components/cartesian-chart/styles.selectors.js +21 -21
  206. package/internal/components/chart-filter/styles.css.js +3 -3
  207. package/internal/components/chart-filter/styles.scoped.css +7 -7
  208. package/internal/components/chart-filter/styles.selectors.js +3 -3
  209. package/internal/components/chart-legend/styles.css.js +6 -6
  210. package/internal/components/chart-legend/styles.scoped.css +23 -23
  211. package/internal/components/chart-legend/styles.selectors.js +6 -6
  212. package/internal/components/chart-plot/styles.css.js +5 -5
  213. package/internal/components/chart-plot/styles.scoped.css +6 -6
  214. package/internal/components/chart-plot/styles.selectors.js +5 -5
  215. package/internal/components/chart-popover/styles.css.js +3 -3
  216. package/internal/components/chart-popover/styles.scoped.css +9 -9
  217. package/internal/components/chart-popover/styles.selectors.js +3 -3
  218. package/internal/components/chart-series-details/styles.css.js +5 -5
  219. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  220. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  221. package/internal/components/chart-series-marker/styles.css.js +5 -5
  222. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  223. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  224. package/internal/components/chart-status-container/styles.css.js +2 -2
  225. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  226. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  227. package/internal/components/checkbox-icon/styles.css.js +7 -7
  228. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  229. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  230. package/internal/components/dark-ribbon/styles.css.js +2 -2
  231. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  232. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  233. package/internal/components/dropdown/styles.css.js +20 -20
  234. package/internal/components/dropdown/styles.scoped.css +51 -51
  235. package/internal/components/dropdown/styles.selectors.js +20 -20
  236. package/internal/components/dropdown-footer/styles.css.js +3 -3
  237. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  238. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  239. package/internal/components/dropdown-status/interfaces.d.ts +3 -0
  240. package/internal/components/dropdown-status/interfaces.d.ts.map +1 -1
  241. package/internal/components/dropdown-status/interfaces.js.map +1 -1
  242. package/internal/components/dropdown-status/styles.css.js +2 -2
  243. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  244. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  245. package/internal/components/filtering-token/styles.css.js +7 -7
  246. package/internal/components/filtering-token/styles.scoped.css +34 -34
  247. package/internal/components/filtering-token/styles.selectors.js +7 -7
  248. package/internal/components/handle/styles.css.js +2 -2
  249. package/internal/components/handle/styles.scoped.css +12 -12
  250. package/internal/components/handle/styles.selectors.js +2 -2
  251. package/internal/components/menu-dropdown/styles.css.js +7 -7
  252. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  253. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  254. package/internal/components/option/index.d.ts.map +1 -1
  255. package/internal/components/option/index.js +1 -1
  256. package/internal/components/option/index.js.map +1 -1
  257. package/internal/components/option/styles.css.js +17 -17
  258. package/internal/components/option/styles.scoped.css +47 -47
  259. package/internal/components/option/styles.selectors.js +17 -17
  260. package/internal/components/options-list/styles.css.js +2 -2
  261. package/internal/components/options-list/styles.scoped.css +7 -7
  262. package/internal/components/options-list/styles.selectors.js +2 -2
  263. package/internal/components/selectable-item/styles.css.js +16 -16
  264. package/internal/components/selectable-item/styles.scoped.css +71 -68
  265. package/internal/components/selectable-item/styles.selectors.js +16 -16
  266. package/internal/components/token-list/styles.css.js +9 -9
  267. package/internal/components/token-list/styles.scoped.css +40 -40
  268. package/internal/components/token-list/styles.selectors.js +9 -9
  269. package/internal/environment.js +1 -1
  270. package/internal/generated/styles/tokens.d.ts +4 -0
  271. package/internal/generated/styles/tokens.js +303 -299
  272. package/internal/generated/theming/index.cjs +1609 -675
  273. package/internal/generated/theming/index.cjs.d.ts +206 -0
  274. package/internal/generated/theming/index.d.ts +206 -0
  275. package/internal/generated/theming/index.js +1609 -675
  276. package/internal/manifest.json +1 -1
  277. package/link/interfaces.d.ts +1 -0
  278. package/link/interfaces.d.ts.map +1 -1
  279. package/link/interfaces.js.map +1 -1
  280. package/link/styles.css.js +20 -20
  281. package/link/styles.scoped.css +163 -163
  282. package/link/styles.selectors.js +20 -20
  283. package/mixed-line-bar-chart/styles.css.js +19 -19
  284. package/mixed-line-bar-chart/styles.scoped.css +38 -38
  285. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  286. package/modal/interfaces.d.ts +1 -0
  287. package/modal/interfaces.d.ts.map +1 -1
  288. package/modal/interfaces.js.map +1 -1
  289. package/modal/styles.css.js +23 -23
  290. package/modal/styles.scoped.css +67 -67
  291. package/modal/styles.selectors.js +23 -23
  292. package/multiselect/interfaces.d.ts +1 -0
  293. package/multiselect/interfaces.d.ts.map +1 -1
  294. package/multiselect/interfaces.js.map +1 -1
  295. package/multiselect/styles.css.js +1 -1
  296. package/multiselect/styles.scoped.css +5 -5
  297. package/multiselect/styles.selectors.js +1 -1
  298. package/package.json +1 -1
  299. package/pagination/interfaces.d.ts +1 -0
  300. package/pagination/interfaces.d.ts.map +1 -1
  301. package/pagination/interfaces.js.map +1 -1
  302. package/pagination/styles.css.js +9 -9
  303. package/pagination/styles.scoped.css +47 -47
  304. package/pagination/styles.selectors.js +9 -9
  305. package/pie-chart/interfaces.d.ts +4 -0
  306. package/pie-chart/interfaces.d.ts.map +1 -1
  307. package/pie-chart/interfaces.js.map +1 -1
  308. package/pie-chart/styles.css.js +27 -27
  309. package/pie-chart/styles.scoped.css +70 -70
  310. package/pie-chart/styles.selectors.js +27 -27
  311. package/popover/interfaces.d.ts +1 -0
  312. package/popover/interfaces.d.ts.map +1 -1
  313. package/popover/interfaces.js.map +1 -1
  314. package/popover/styles.css.js +50 -50
  315. package/popover/styles.scoped.css +104 -104
  316. package/popover/styles.selectors.js +50 -50
  317. package/progress-bar/styles.css.js +18 -18
  318. package/progress-bar/styles.scoped.css +58 -58
  319. package/progress-bar/styles.selectors.js +18 -18
  320. package/property-filter/interfaces.d.ts +1 -0
  321. package/property-filter/interfaces.d.ts.map +1 -1
  322. package/property-filter/interfaces.js.map +1 -1
  323. package/property-filter/styles.css.js +29 -29
  324. package/property-filter/styles.scoped.css +52 -52
  325. package/property-filter/styles.selectors.js +29 -29
  326. package/radio-group/styles.css.js +9 -9
  327. package/radio-group/styles.scoped.css +37 -37
  328. package/radio-group/styles.selectors.js +9 -9
  329. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  330. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  331. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  332. package/segmented-control/styles.css.js +14 -14
  333. package/segmented-control/styles.scoped.css +78 -78
  334. package/segmented-control/styles.selectors.js +14 -14
  335. package/select/interfaces.d.ts +2 -0
  336. package/select/interfaces.d.ts.map +1 -1
  337. package/select/interfaces.js.map +1 -1
  338. package/select/parts/styles.css.js +9 -9
  339. package/select/parts/styles.scoped.css +17 -17
  340. package/select/parts/styles.selectors.js +9 -9
  341. package/select/styles.css.js +1 -1
  342. package/select/styles.scoped.css +5 -5
  343. package/select/styles.selectors.js +1 -1
  344. package/side-navigation/styles.css.js +27 -27
  345. package/side-navigation/styles.scoped.css +89 -89
  346. package/side-navigation/styles.selectors.js +27 -27
  347. package/space-between/styles.css.js +20 -20
  348. package/space-between/styles.scoped.css +37 -37
  349. package/space-between/styles.selectors.js +20 -20
  350. package/spinner/styles.css.js +13 -13
  351. package/spinner/styles.scoped.css +35 -35
  352. package/spinner/styles.selectors.js +13 -13
  353. package/split-panel/interfaces.d.ts +1 -0
  354. package/split-panel/interfaces.d.ts.map +1 -1
  355. package/split-panel/interfaces.js.map +1 -1
  356. package/split-panel/styles.css.js +59 -59
  357. package/split-panel/styles.scoped.css +150 -150
  358. package/split-panel/styles.selectors.js +59 -59
  359. package/status-indicator/styles.css.js +20 -20
  360. package/status-indicator/styles.scoped.css +44 -44
  361. package/status-indicator/styles.selectors.js +20 -20
  362. package/table/body-cell/styles.css.js +28 -28
  363. package/table/body-cell/styles.scoped.css +144 -144
  364. package/table/body-cell/styles.selectors.js +28 -28
  365. package/table/header-cell/styles.css.js +24 -24
  366. package/table/header-cell/styles.scoped.css +93 -93
  367. package/table/header-cell/styles.selectors.js +24 -24
  368. package/table/interfaces.d.ts +1 -0
  369. package/table/interfaces.d.ts.map +1 -1
  370. package/table/interfaces.js.map +1 -1
  371. package/table/resizer/styles.css.js +6 -6
  372. package/table/resizer/styles.scoped.css +27 -27
  373. package/table/resizer/styles.selectors.js +6 -6
  374. package/table/selection-control/styles.css.js +3 -3
  375. package/table/selection-control/styles.scoped.css +4 -4
  376. package/table/selection-control/styles.selectors.js +3 -3
  377. package/table/styles.css.js +36 -36
  378. package/table/styles.scoped.css +88 -88
  379. package/table/styles.selectors.js +36 -36
  380. package/tabs/interfaces.d.ts +1 -0
  381. package/tabs/interfaces.d.ts.map +1 -1
  382. package/tabs/interfaces.js.map +1 -1
  383. package/tabs/styles.css.js +21 -21
  384. package/tabs/styles.scoped.css +86 -86
  385. package/tabs/styles.selectors.js +21 -21
  386. package/tag-editor/styles.css.js +3 -3
  387. package/tag-editor/styles.scoped.css +24 -24
  388. package/tag-editor/styles.selectors.js +3 -3
  389. package/text-content/styles.css.js +1 -1
  390. package/text-content/styles.scoped.css +125 -125
  391. package/text-content/styles.selectors.js +1 -1
  392. package/text-filter/styles.css.js +3 -3
  393. package/text-filter/styles.scoped.css +10 -10
  394. package/text-filter/styles.selectors.js +3 -3
  395. package/textarea/styles.css.js +4 -4
  396. package/textarea/styles.scoped.css +40 -40
  397. package/textarea/styles.selectors.js +4 -4
  398. package/tiles/styles.css.js +28 -28
  399. package/tiles/styles.scoped.css +124 -124
  400. package/tiles/styles.selectors.js +28 -28
  401. package/toggle/styles.css.js +8 -8
  402. package/toggle/styles.scoped.css +27 -27
  403. package/toggle/styles.selectors.js +8 -8
  404. package/token-group/interfaces.d.ts +1 -0
  405. package/token-group/interfaces.d.ts.map +1 -1
  406. package/token-group/interfaces.js.map +1 -1
  407. package/token-group/styles.css.js +7 -7
  408. package/token-group/styles.scoped.css +42 -42
  409. package/token-group/styles.selectors.js +7 -7
  410. package/top-navigation/1.0-beta/styles.css.js +25 -25
  411. package/top-navigation/1.0-beta/styles.scoped.css +84 -84
  412. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  413. package/top-navigation/interfaces.d.ts +1 -0
  414. package/top-navigation/interfaces.d.ts.map +1 -1
  415. package/top-navigation/interfaces.js.map +1 -1
  416. package/top-navigation/styles.css.js +47 -47
  417. package/top-navigation/styles.scoped.css +148 -148
  418. package/top-navigation/styles.selectors.js +47 -47
  419. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  420. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  421. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  422. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  423. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  424. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  425. package/tutorial-panel/styles.css.js +1 -1
  426. package/tutorial-panel/styles.scoped.css +6 -6
  427. package/tutorial-panel/styles.selectors.js +1 -1
  428. package/wizard/interfaces.d.ts +1 -0
  429. package/wizard/interfaces.d.ts.map +1 -1
  430. package/wizard/interfaces.js.map +1 -1
  431. package/wizard/styles.css.js +31 -31
  432. package/wizard/styles.scoped.css +125 -125
  433. package/wizard/styles.selectors.js +31 -31
@@ -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_top-navigation_1ca1i_1s6xs_93:not(#\9) {
93
+ .awsui_top-navigation_1ca1i_ygqc7_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,34 +120,34 @@ 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
- background: var(--color-background-container-content-em2lah, #ffffff);
130
+ background: var(--color-background-container-content-og3y0v, #ffffff);
131
131
  }
132
- .awsui_top-navigation_1ca1i_1s6xs_93 > .awsui_padding-box_1ca1i_1s6xs_106:not(#\9) {
132
+ .awsui_top-navigation_1ca1i_ygqc7_93 > .awsui_padding-box_1ca1i_ygqc7_106:not(#\9) {
133
133
  display: flex;
134
134
  flex-direction: row;
135
135
  flex-wrap: nowrap;
136
136
  justify-content: space-between;
137
137
  align-items: center;
138
138
  box-sizing: border-box;
139
- height: calc(var(--space-xxxl-rhml9p, 40px) + var(--space-scaled-m-9q5ipc, 16px));
140
- padding: 0 0 0 var(--space-l-ds615y, 20px);
139
+ height: calc(var(--space-xxxl-65sweb, 40px) + var(--space-scaled-m-gxhdpl, 16px));
140
+ padding: 0 0 0 var(--space-l-f4l5gr, 20px);
141
141
  }
142
- .awsui_top-navigation_1ca1i_1s6xs_93.awsui_medium_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106:not(#\9), .awsui_top-navigation_1ca1i_1s6xs_93.awsui_narrow_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106:not(#\9) {
143
- height: calc(var(--space-xxxl-rhml9p, 40px) + var(--space-scaled-xs-u0e7ft, 8px));
142
+ .awsui_top-navigation_1ca1i_ygqc7_93.awsui_medium_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106:not(#\9), .awsui_top-navigation_1ca1i_ygqc7_93.awsui_narrow_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106:not(#\9) {
143
+ height: calc(var(--space-xxxl-65sweb, 40px) + var(--space-scaled-xs-wbfgrv, 8px));
144
144
  }
145
- .awsui_top-navigation_1ca1i_1s6xs_93.awsui_narrow_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106:not(#\9) {
146
- height: var(--space-xxxl-rhml9p, 40px);
147
- padding: 0 0 0 var(--space-xs-inub5w, 8px);
145
+ .awsui_top-navigation_1ca1i_ygqc7_93.awsui_narrow_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106:not(#\9) {
146
+ height: var(--space-xxxl-65sweb, 40px);
147
+ padding: 0 0 0 var(--space-xs-edba2s, 8px);
148
148
  }
149
149
 
150
- .awsui_hidden_1ca1i_1s6xs_124:not(#\9) {
150
+ .awsui_hidden_1ca1i_ygqc7_124:not(#\9) {
151
151
  position: absolute !important;
152
152
  top: -9999px !important;
153
153
  left: -9999px !important;
@@ -156,183 +156,183 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
156
  }
157
157
 
158
158
  /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
159
- .awsui_hidden_1ca1i_1s6xs_124 *:not(#\9):not(#awsui_\9 _1ca1i_1s6xs_1) {
159
+ .awsui_hidden_1ca1i_ygqc7_124 *:not(#\9):not(#awsui_\9 _1ca1i_ygqc7_1) {
160
160
  visibility: hidden;
161
161
  }
162
162
 
163
- .awsui_identity_1ca1i_1s6xs_137 > .awsui_identity-link_1ca1i_1s6xs_137:not(#\9) {
163
+ .awsui_identity_1ca1i_ygqc7_137 > .awsui_identity-link_1ca1i_ygqc7_137:not(#\9) {
164
164
  display: flex;
165
165
  align-items: center;
166
166
  text-decoration: none;
167
- color: var(--color-text-top-navigation-title-23e4zi, #000716);
167
+ color: var(--color-text-top-navigation-title-hdg6ea, #000716);
168
168
  }
169
- .awsui_identity_1ca1i_1s6xs_137 > .awsui_identity-link_1ca1i_1s6xs_137:not(#\9):hover {
170
- color: var(--color-text-accent-wqve76, #0972d3);
169
+ .awsui_identity_1ca1i_ygqc7_137 > .awsui_identity-link_1ca1i_ygqc7_137:not(#\9):hover {
170
+ color: var(--color-text-accent-qh8xwn, #0972d3);
171
171
  }
172
- body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_1s6xs_137 > .awsui_identity-link_1ca1i_1s6xs_137:not(#\9):focus {
172
+ body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_ygqc7_137 > .awsui_identity-link_1ca1i_ygqc7_137:not(#\9):focus {
173
173
  outline: thin dotted;
174
- outline: var(--border-link-focus-ring-outline-9izd6a, 0);
174
+ outline: var(--border-link-focus-ring-outline-pwlekd, 0);
175
175
  outline-offset: 2px;
176
- outline-color: var(--color-border-item-focused-nwfxo7, #0972d3);
177
- border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
178
- box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-j8u4jv, 2px) var(--color-border-item-focused-nwfxo7, #0972d3);
176
+ outline-color: var(--color-border-item-focused-4t19h5, #0972d3);
177
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
178
+ box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
179
179
  }
180
- .awsui_identity_1ca1i_1s6xs_137.awsui_no-logo_1ca1i_1s6xs_154:not(#\9) {
180
+ .awsui_identity_1ca1i_ygqc7_137.awsui_no-logo_1ca1i_ygqc7_154:not(#\9) {
181
181
  min-width: 100px;
182
182
  }
183
183
 
184
- .awsui_logo_1ca1i_1s6xs_158:not(#\9) {
184
+ .awsui_logo_1ca1i_ygqc7_158:not(#\9) {
185
185
  display: block;
186
- max-height: var(--space-xxl-eiq7g3, 32px);
187
- margin-left: var(--space-s-rd607g, 12px);
186
+ max-height: var(--space-xxl-sgg5p8, 32px);
187
+ margin-left: var(--space-s-hdd878, 12px);
188
188
  width: auto;
189
189
  min-width: 10px;
190
190
  }
191
- .awsui_logo_1ca1i_1s6xs_158.awsui_narrow_1ca1i_1s6xs_116:not(#\9) {
192
- max-height: var(--space-xl-7jca1b, 24px);
191
+ .awsui_logo_1ca1i_ygqc7_158.awsui_narrow_1ca1i_ygqc7_116:not(#\9) {
192
+ max-height: var(--space-xl-gsucfg, 24px);
193
193
  }
194
194
 
195
- .awsui_title_1ca1i_1s6xs_169:not(#\9) {
196
- font-size: var(--font-heading-m-size-sbbndt, 20px);
197
- line-height: var(--font-heading-m-line-height-25bzvw, 24px);
198
- letter-spacing: var(--font-heading-m-letter-spacing-afjv68, -0.01em);
199
- font-weight: var(--font-heading-m-weight-9nrubn, 800);
200
- -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
201
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
202
- margin-left: var(--space-s-rd607g, 12px);
195
+ .awsui_title_1ca1i_ygqc7_169:not(#\9) {
196
+ font-size: var(--font-heading-m-size-hbn9yp, 20px);
197
+ line-height: var(--font-heading-m-line-height-ozfvgp, 24px);
198
+ letter-spacing: var(--font-heading-m-letter-spacing-rsatez, -0.01em);
199
+ font-weight: var(--font-heading-m-weight-dsug94, 800);
200
+ -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
201
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
202
+ margin-left: var(--space-s-hdd878, 12px);
203
203
  white-space: nowrap;
204
204
  overflow: hidden;
205
205
  text-overflow: ellipsis;
206
206
  }
207
- .awsui_no-logo_1ca1i_1s6xs_154 > .awsui_identity-link_1ca1i_1s6xs_137 > .awsui_title_1ca1i_1s6xs_169:not(#\9) {
207
+ .awsui_no-logo_1ca1i_ygqc7_154 > .awsui_identity-link_1ca1i_ygqc7_137 > .awsui_title_1ca1i_ygqc7_169:not(#\9) {
208
208
  font-weight: 700;
209
209
  }
210
210
 
211
- .awsui_inputs_1ca1i_1s6xs_185:not(#\9) {
211
+ .awsui_inputs_1ca1i_ygqc7_185:not(#\9) {
212
212
  flex: 1;
213
213
  min-width: 0;
214
214
  display: flex;
215
215
  justify-content: center;
216
216
  }
217
217
 
218
- .awsui_search_1ca1i_1s6xs_192:not(#\9) {
218
+ .awsui_search_1ca1i_ygqc7_192:not(#\9) {
219
219
  width: 100%;
220
220
  max-width: 340px;
221
- padding-left: var(--space-xxxl-rhml9p, 40px);
221
+ padding-left: var(--space-xxxl-65sweb, 40px);
222
222
  }
223
- .awsui_search-expanded_1ca1i_1s6xs_197:not(#\9) {
223
+ .awsui_search-expanded_1ca1i_ygqc7_197:not(#\9) {
224
224
  max-width: none;
225
- padding-left: var(--space-s-rd607g, 12px);
225
+ padding-left: var(--space-s-hdd878, 12px);
226
226
  }
227
227
 
228
- .awsui_utilities_1ca1i_1s6xs_202:not(#\9) {
228
+ .awsui_utilities_1ca1i_ygqc7_202:not(#\9) {
229
229
  display: flex;
230
230
  flex-shrink: 0;
231
231
  flex-direction: row;
232
232
  align-items: stretch;
233
- padding-left: var(--space-m-sptmsg, 16px);
233
+ padding-left: var(--space-m-h2th94, 16px);
234
234
  height: 100%;
235
235
  }
236
- .awsui_medium_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106 > .awsui_utilities_1ca1i_1s6xs_202:not(#\9), .awsui_narrow_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106 > .awsui_utilities_1ca1i_1s6xs_202:not(#\9) {
236
+ .awsui_medium_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106 > .awsui_utilities_1ca1i_ygqc7_202:not(#\9), .awsui_narrow_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106 > .awsui_utilities_1ca1i_ygqc7_202:not(#\9) {
237
237
  padding-left: 0;
238
238
  }
239
239
 
240
- .awsui_utility-wrapper_1ca1i_1s6xs_214:not(#\9) {
240
+ .awsui_utility-wrapper_1ca1i_ygqc7_214:not(#\9) {
241
241
  display: flex;
242
242
  position: relative;
243
243
  flex-shrink: 0;
244
244
  align-items: center;
245
245
  }
246
- .awsui_utility-wrapper_1ca1i_1s6xs_214:not(#\9)::after {
246
+ .awsui_utility-wrapper_1ca1i_ygqc7_214:not(#\9)::after {
247
247
  display: block;
248
248
  position: absolute;
249
249
  content: "";
250
250
  width: 1px;
251
251
  right: 0;
252
- top: var(--space-s-rd607g, 12px);
253
- bottom: var(--space-s-rd607g, 12px);
254
- background: var(--color-border-divider-default-4spq70, #e9ebed);
252
+ top: var(--space-s-hdd878, 12px);
253
+ bottom: var(--space-s-hdd878, 12px);
254
+ background: var(--color-border-divider-default-9o8zql, #e9ebed);
255
255
  }
256
- .awsui_utility-wrapper_1ca1i_1s6xs_214.awsui_utility-wrapper-last_1ca1i_1s6xs_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1s6xs_230) {
256
+ .awsui_utility-wrapper_1ca1i_ygqc7_214.awsui_utility-wrapper-last_1ca1i_ygqc7_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_ygqc7_230) {
257
257
  padding-right: 0;
258
258
  }
259
- .awsui_utility-wrapper_1ca1i_1s6xs_214.awsui_utility-wrapper-last_1ca1i_1s6xs_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1s6xs_230)::after {
259
+ .awsui_utility-wrapper_1ca1i_ygqc7_214.awsui_utility-wrapper-last_1ca1i_ygqc7_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_ygqc7_230)::after {
260
260
  display: none;
261
261
  }
262
- .awsui_medium_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106 > .awsui_utilities_1ca1i_1s6xs_202 > .awsui_utility-wrapper_1ca1i_1s6xs_214:not(#\9)::after, .awsui_narrow_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106 > .awsui_utilities_1ca1i_1s6xs_202 > .awsui_utility-wrapper_1ca1i_1s6xs_214:not(#\9)::after {
263
- top: var(--space-xs-inub5w, 8px);
264
- bottom: var(--space-xs-inub5w, 8px);
262
+ .awsui_medium_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106 > .awsui_utilities_1ca1i_ygqc7_202 > .awsui_utility-wrapper_1ca1i_ygqc7_214:not(#\9)::after, .awsui_narrow_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106 > .awsui_utilities_1ca1i_ygqc7_202 > .awsui_utility-wrapper_1ca1i_ygqc7_214:not(#\9)::after {
263
+ top: var(--space-xs-edba2s, 8px);
264
+ bottom: var(--space-xs-edba2s, 8px);
265
265
  }
266
266
 
267
- .awsui_utility-wrapper-last_1ca1i_1s6xs_230:not(#\9) {
268
- margin-right: var(--space-s-rd607g, 12px);
267
+ .awsui_utility-wrapper-last_1ca1i_ygqc7_230:not(#\9) {
268
+ margin-right: var(--space-s-hdd878, 12px);
269
269
  }
270
- .awsui_utility-wrapper-last_1ca1i_1s6xs_230.awsui_utility-type-menu-dropdown_1ca1i_1s6xs_244:not(#\9) {
270
+ .awsui_utility-wrapper-last_1ca1i_ygqc7_230.awsui_utility-type-menu-dropdown_1ca1i_ygqc7_244:not(#\9) {
271
271
  margin-right: 0;
272
272
  }
273
- .awsui_narrow_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106 > .awsui_utilities_1ca1i_1s6xs_202 > .awsui_utility-wrapper-last_1ca1i_1s6xs_230:not(#\9) {
273
+ .awsui_narrow_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106 > .awsui_utilities_1ca1i_ygqc7_202 > .awsui_utility-wrapper-last_1ca1i_ygqc7_230:not(#\9) {
274
274
  margin-right: 0;
275
275
  }
276
- .awsui_narrow_1ca1i_1s6xs_116 > .awsui_padding-box_1ca1i_1s6xs_106 > .awsui_utilities_1ca1i_1s6xs_202 > .awsui_utility-wrapper-last_1ca1i_1s6xs_230.awsui_utility-type-button-primary-button_1ca1i_1s6xs_230:not(#\9) {
277
- padding-right: var(--space-l-ds615y, 20px);
276
+ .awsui_narrow_1ca1i_ygqc7_116 > .awsui_padding-box_1ca1i_ygqc7_106 > .awsui_utilities_1ca1i_ygqc7_202 > .awsui_utility-wrapper-last_1ca1i_ygqc7_230.awsui_utility-type-button-primary-button_1ca1i_ygqc7_230:not(#\9) {
277
+ padding-right: var(--space-l-f4l5gr, 20px);
278
278
  }
279
279
 
280
- .awsui_utility-type-menu-dropdown_1ca1i_1s6xs_244:not(#\9) {
281
- padding: 0 var(--space-s-rd607g, 12px);
280
+ .awsui_utility-type-menu-dropdown_1ca1i_ygqc7_244:not(#\9) {
281
+ padding: 0 var(--space-s-hdd878, 12px);
282
282
  align-items: stretch;
283
283
  }
284
284
 
285
- .awsui_utility-type-button-link_1ca1i_1s6xs_259:not(#\9),
286
- .awsui_utility-type-button-primary-button_1ca1i_1s6xs_230:not(#\9) {
287
- padding: 0 var(--space-m-sptmsg, 16px);
285
+ .awsui_utility-type-button-link_1ca1i_ygqc7_259:not(#\9),
286
+ .awsui_utility-type-button-primary-button_1ca1i_ygqc7_230:not(#\9) {
287
+ padding: 0 var(--space-m-h2th94, 16px);
288
288
  }
289
289
 
290
- .awsui_utility-type-button-primary-button_1ca1i_1s6xs_230:not(#\9) {
290
+ .awsui_utility-type-button-primary-button_1ca1i_ygqc7_230:not(#\9) {
291
291
  left: -1px;
292
- border-left: 1px solid var(--color-background-container-content-em2lah, #ffffff);
292
+ border-left: 1px solid var(--color-background-container-content-og3y0v, #ffffff);
293
293
  }
294
- .awsui_utility-type-button-primary-button_1ca1i_1s6xs_230:not(#\9)::after {
294
+ .awsui_utility-type-button-primary-button_1ca1i_ygqc7_230:not(#\9)::after {
295
295
  display: none;
296
296
  }
297
297
 
298
- .awsui_utility-link-icon_1ca1i_1s6xs_272:not(#\9) {
299
- margin-right: var(--space-xxs-a6783b, 4px);
298
+ .awsui_utility-link-icon_1ca1i_ygqc7_272:not(#\9) {
299
+ margin-right: var(--space-xxs-ja5cp8, 4px);
300
300
  }
301
301
 
302
- .awsui_utility-button-external-icon_1ca1i_1s6xs_276:not(#\9) {
302
+ .awsui_utility-button-external-icon_1ca1i_ygqc7_276:not(#\9) {
303
303
  display: inline-block;
304
304
  }
305
305
 
306
- .awsui_trigger_1ca1i_1s6xs_280:not(#\9) {
306
+ .awsui_trigger_1ca1i_ygqc7_280:not(#\9) {
307
307
  /*used in test-utils*/
308
308
  }
309
309
 
310
- .awsui_rotate-up_1ca1i_1s6xs_284:not(#\9) {
310
+ .awsui_rotate-up_1ca1i_ygqc7_284:not(#\9) {
311
311
  transform: rotate(-180deg);
312
- transition: transform var(--motion-duration-rotate-180-i3ygzg, 135ms) var(--motion-easing-rotate-180-qx5hdf, cubic-bezier(0.165, 0.84, 0.44, 1));
312
+ transition: transform var(--motion-duration-rotate-180-m9g4a9, 135ms) var(--motion-easing-rotate-180-h4cyjx, cubic-bezier(0.165, 0.84, 0.44, 1));
313
313
  }
314
314
  @media (prefers-reduced-motion: reduce) {
315
- .awsui_rotate-up_1ca1i_1s6xs_284:not(#\9) {
315
+ .awsui_rotate-up_1ca1i_ygqc7_284:not(#\9) {
316
316
  animation: none;
317
317
  transition: none;
318
318
  }
319
319
  }
320
- .awsui-motion-disabled .awsui_rotate-up_1ca1i_1s6xs_284:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_1s6xs_284:not(#\9) {
320
+ .awsui-motion-disabled .awsui_rotate-up_1ca1i_ygqc7_284:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_ygqc7_284:not(#\9) {
321
321
  animation: none;
322
322
  transition: none;
323
323
  }
324
324
 
325
- .awsui_rotate-down_1ca1i_1s6xs_299:not(#\9) {
325
+ .awsui_rotate-down_1ca1i_ygqc7_299:not(#\9) {
326
326
  transform: rotate(0deg);
327
- transition: transform var(--motion-duration-rotate-180-i3ygzg, 135ms) var(--motion-easing-rotate-180-qx5hdf, cubic-bezier(0.165, 0.84, 0.44, 1));
327
+ transition: transform var(--motion-duration-rotate-180-m9g4a9, 135ms) var(--motion-easing-rotate-180-h4cyjx, cubic-bezier(0.165, 0.84, 0.44, 1));
328
328
  }
329
329
  @media (prefers-reduced-motion: reduce) {
330
- .awsui_rotate-down_1ca1i_1s6xs_299:not(#\9) {
330
+ .awsui_rotate-down_1ca1i_ygqc7_299:not(#\9) {
331
331
  animation: none;
332
332
  transition: none;
333
333
  }
334
334
  }
335
- .awsui-motion-disabled .awsui_rotate-down_1ca1i_1s6xs_299:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_1s6xs_299:not(#\9) {
335
+ .awsui-motion-disabled .awsui_rotate-down_1ca1i_ygqc7_299:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_ygqc7_299:not(#\9) {
336
336
  animation: none;
337
337
  transition: none;
338
338
  }
@@ -2,30 +2,30 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "top-navigation": "awsui_top-navigation_1ca1i_1s6xs_93",
6
- "padding-box": "awsui_padding-box_1ca1i_1s6xs_106",
7
- "medium": "awsui_medium_1ca1i_1s6xs_116",
8
- "narrow": "awsui_narrow_1ca1i_1s6xs_116",
9
- "hidden": "awsui_hidden_1ca1i_1s6xs_124",
10
- "\t": "awsui_\t_1ca1i_1s6xs_1",
11
- "identity": "awsui_identity_1ca1i_1s6xs_137",
12
- "identity-link": "awsui_identity-link_1ca1i_1s6xs_137",
13
- "no-logo": "awsui_no-logo_1ca1i_1s6xs_154",
14
- "logo": "awsui_logo_1ca1i_1s6xs_158",
15
- "title": "awsui_title_1ca1i_1s6xs_169",
16
- "inputs": "awsui_inputs_1ca1i_1s6xs_185",
17
- "search": "awsui_search_1ca1i_1s6xs_192",
18
- "search-expanded": "awsui_search-expanded_1ca1i_1s6xs_197",
19
- "utilities": "awsui_utilities_1ca1i_1s6xs_202",
20
- "utility-wrapper": "awsui_utility-wrapper_1ca1i_1s6xs_214",
21
- "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1s6xs_230",
22
- "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1s6xs_230",
23
- "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1s6xs_244",
24
- "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1s6xs_259",
25
- "utility-link-icon": "awsui_utility-link-icon_1ca1i_1s6xs_272",
26
- "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1s6xs_276",
27
- "trigger": "awsui_trigger_1ca1i_1s6xs_280",
28
- "rotate-up": "awsui_rotate-up_1ca1i_1s6xs_284",
29
- "rotate-down": "awsui_rotate-down_1ca1i_1s6xs_299"
5
+ "top-navigation": "awsui_top-navigation_1ca1i_ygqc7_93",
6
+ "padding-box": "awsui_padding-box_1ca1i_ygqc7_106",
7
+ "medium": "awsui_medium_1ca1i_ygqc7_116",
8
+ "narrow": "awsui_narrow_1ca1i_ygqc7_116",
9
+ "hidden": "awsui_hidden_1ca1i_ygqc7_124",
10
+ "\t": "awsui_\t_1ca1i_ygqc7_1",
11
+ "identity": "awsui_identity_1ca1i_ygqc7_137",
12
+ "identity-link": "awsui_identity-link_1ca1i_ygqc7_137",
13
+ "no-logo": "awsui_no-logo_1ca1i_ygqc7_154",
14
+ "logo": "awsui_logo_1ca1i_ygqc7_158",
15
+ "title": "awsui_title_1ca1i_ygqc7_169",
16
+ "inputs": "awsui_inputs_1ca1i_ygqc7_185",
17
+ "search": "awsui_search_1ca1i_ygqc7_192",
18
+ "search-expanded": "awsui_search-expanded_1ca1i_ygqc7_197",
19
+ "utilities": "awsui_utilities_1ca1i_ygqc7_202",
20
+ "utility-wrapper": "awsui_utility-wrapper_1ca1i_ygqc7_214",
21
+ "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_ygqc7_230",
22
+ "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_ygqc7_230",
23
+ "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_ygqc7_244",
24
+ "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_ygqc7_259",
25
+ "utility-link-icon": "awsui_utility-link-icon_1ca1i_ygqc7_272",
26
+ "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_ygqc7_276",
27
+ "trigger": "awsui_trigger_1ca1i_ygqc7_280",
28
+ "rotate-up": "awsui_rotate-up_1ca1i_ygqc7_284",
29
+ "rotate-down": "awsui_rotate-down_1ca1i_ygqc7_299"
30
30
  };
31
31
 
@@ -57,6 +57,7 @@ export interface TopNavigationProps extends BaseComponentProps {
57
57
  utilities?: ReadonlyArray<TopNavigationProps.Utility>;
58
58
  /**
59
59
  * An object containing all the localized strings required by the component.
60
+ * @i18n
60
61
  */
61
62
  i18nStrings?: TopNavigationProps.I18nStrings;
62
63
  }
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["top-navigation/interfaces.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["top-navigation/interfaces.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["top-navigation/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CancelableEventHandler } from '../internal/events';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { IconProps } from '../icon/interfaces';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { ButtonProps } from '../button/interfaces';\n\nexport interface TopNavigationProps extends BaseComponentProps {\n /**\n * Properties describing the product identity. They are as follows:\n *\n * * `title` (string) - Specifies the title text.\n * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product. Use fixed width and height for SVG images to ensure proper rendering.\n * * `href` (string) - Specifies the `href` that the header links to.\n * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.\n */\n identity: TopNavigationProps.Identity;\n\n /**\n * Use with an input or autosuggest control for a global search query.\n */\n search?: React.ReactNode;\n\n /**\n * A list of utility navigation elements.\n * The supported utility types are: `button` and `menu-dropdown`.\n *\n * The following properties are supported across all utility types:\n *\n * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.\n * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.\n * * `title` (string) - The title displayed inside the dropdown.\n * * `iconName` (string) - The name of an existing icon to display next to the utility.\n * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.\n * * `iconSvg` (string) - Specifies the SVG of a custom icon.\n * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.\n * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.\n * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.\n * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.\n *\n * ### button\n *\n * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.\n * * `href` (string) - Specifies the `href` for a link styled as a button.\n * * `target` (string) - Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`). This property only applies when an `href` is provided.\n * * `rel` (string) - Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`. If the `rel` property is provided, it overrides the default behavior.\n * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.\n * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.\n * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.\n * * `onFollow` (() => void) - Specifies the event handler called when the utility is clicked without pressing modifier keys, and the utility has an `href` set.\n *\n * ### menu-dropdown\n *\n * * `description` (string) - The description displayed inside the dropdown.\n * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown).\n * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.\n * * `onItemFollow` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected without pressing modifier keys, and the item has an `href` set.\n */\n utilities?: ReadonlyArray<TopNavigationProps.Utility>;\n\n /**\n * An object containing all the localized strings required by the component.\n */\n i18nStrings?: TopNavigationProps.I18nStrings;\n}\n\nexport namespace TopNavigationProps {\n export interface Identity {\n title?: string;\n logo?: Logo;\n href: string;\n onFollow?: CancelableEventHandler;\n }\n\n export interface Logo {\n src: string;\n alt?: string;\n }\n\n interface BaseUtility {\n text?: string;\n title?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconAlt?: string;\n iconSvg?: React.ReactNode;\n ariaLabel?: string;\n\n badge?: boolean;\n disableUtilityCollapse?: boolean;\n disableTextCollapse?: boolean;\n }\n\n export interface MenuDropdownUtility extends BaseUtility {\n type: 'menu-dropdown';\n description?: string;\n items: ButtonDropdownProps.Items;\n onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n }\n\n export interface ButtonUtility extends BaseUtility {\n type: 'button';\n variant?: 'primary-button' | 'link';\n onClick?: CancelableEventHandler;\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n href?: string;\n target?: string;\n rel?: string;\n external?: boolean;\n externalIconAriaLabel?: string;\n }\n\n export type Utility = MenuDropdownUtility | ButtonUtility;\n\n export interface I18nStrings {\n searchIconAriaLabel?: string;\n searchDismissIconAriaLabel?: string;\n overflowMenuDismissIconAriaLabel?: string;\n overflowMenuBackIconAriaLabel?: string;\n overflowMenuTriggerText?: string;\n overflowMenuTitleText?: string;\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["top-navigation/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CancelableEventHandler } from '../internal/events';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { IconProps } from '../icon/interfaces';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { ButtonProps } from '../button/interfaces';\n\nexport interface TopNavigationProps extends BaseComponentProps {\n /**\n * Properties describing the product identity. They are as follows:\n *\n * * `title` (string) - Specifies the title text.\n * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product. Use fixed width and height for SVG images to ensure proper rendering.\n * * `href` (string) - Specifies the `href` that the header links to.\n * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.\n */\n identity: TopNavigationProps.Identity;\n\n /**\n * Use with an input or autosuggest control for a global search query.\n */\n search?: React.ReactNode;\n\n /**\n * A list of utility navigation elements.\n * The supported utility types are: `button` and `menu-dropdown`.\n *\n * The following properties are supported across all utility types:\n *\n * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.\n * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.\n * * `title` (string) - The title displayed inside the dropdown.\n * * `iconName` (string) - The name of an existing icon to display next to the utility.\n * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.\n * * `iconSvg` (string) - Specifies the SVG of a custom icon.\n * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.\n * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.\n * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.\n * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.\n *\n * ### button\n *\n * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.\n * * `href` (string) - Specifies the `href` for a link styled as a button.\n * * `target` (string) - Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`). This property only applies when an `href` is provided.\n * * `rel` (string) - Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`. If the `rel` property is provided, it overrides the default behavior.\n * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.\n * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.\n * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.\n * * `onFollow` (() => void) - Specifies the event handler called when the utility is clicked without pressing modifier keys, and the utility has an `href` set.\n *\n * ### menu-dropdown\n *\n * * `description` (string) - The description displayed inside the dropdown.\n * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown).\n * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.\n * * `onItemFollow` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected without pressing modifier keys, and the item has an `href` set.\n */\n utilities?: ReadonlyArray<TopNavigationProps.Utility>;\n\n /**\n * An object containing all the localized strings required by the component.\n * @i18n\n */\n i18nStrings?: TopNavigationProps.I18nStrings;\n}\n\nexport namespace TopNavigationProps {\n export interface Identity {\n title?: string;\n logo?: Logo;\n href: string;\n onFollow?: CancelableEventHandler;\n }\n\n export interface Logo {\n src: string;\n alt?: string;\n }\n\n interface BaseUtility {\n text?: string;\n title?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconAlt?: string;\n iconSvg?: React.ReactNode;\n ariaLabel?: string;\n\n badge?: boolean;\n disableUtilityCollapse?: boolean;\n disableTextCollapse?: boolean;\n }\n\n export interface MenuDropdownUtility extends BaseUtility {\n type: 'menu-dropdown';\n description?: string;\n items: ButtonDropdownProps.Items;\n onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n }\n\n export interface ButtonUtility extends BaseUtility {\n type: 'button';\n variant?: 'primary-button' | 'link';\n onClick?: CancelableEventHandler;\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n href?: string;\n target?: string;\n rel?: string;\n external?: boolean;\n externalIconAriaLabel?: string;\n }\n\n export type Utility = MenuDropdownUtility | ButtonUtility;\n\n export interface I18nStrings {\n searchIconAriaLabel?: string;\n searchDismissIconAriaLabel?: string;\n overflowMenuDismissIconAriaLabel?: string;\n overflowMenuBackIconAriaLabel?: string;\n overflowMenuTriggerText?: string;\n overflowMenuTitleText?: string;\n }\n}\n"]}
@@ -1,52 +1,52 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "icon": "awsui_icon_k5dlb_j1i9i_93",
5
- "top-navigation": "awsui_top-navigation_k5dlb_j1i9i_111",
6
- "padding-box": "awsui_padding-box_k5dlb_j1i9i_124",
7
- "medium": "awsui_medium_k5dlb_j1i9i_134",
8
- "narrow": "awsui_narrow_k5dlb_j1i9i_134",
9
- "virtual": "awsui_virtual_k5dlb_j1i9i_145",
10
- "hidden": "awsui_hidden_k5dlb_j1i9i_149",
11
- "\t": "awsui_\t_k5dlb_j1i9i_1",
12
- "identity": "awsui_identity_k5dlb_j1i9i_161",
13
- "identity-link": "awsui_identity-link_k5dlb_j1i9i_164",
14
- "no-logo": "awsui_no-logo_k5dlb_j1i9i_181",
15
- "logo": "awsui_logo_k5dlb_j1i9i_185",
16
- "title": "awsui_title_k5dlb_j1i9i_197",
17
- "inputs": "awsui_inputs_k5dlb_j1i9i_212",
18
- "search": "awsui_search_k5dlb_j1i9i_219",
19
- "search-expanded": "awsui_search-expanded_k5dlb_j1i9i_223",
20
- "utilities": "awsui_utilities_k5dlb_j1i9i_227",
21
- "utility-wrapper": "awsui_utility-wrapper_k5dlb_j1i9i_238",
22
- "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_j1i9i_259",
23
- "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_j1i9i_263",
24
- "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_j1i9i_271",
25
- "utility-link-icon": "awsui_utility-link-icon_k5dlb_j1i9i_279",
26
- "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_j1i9i_283",
27
- "offset-right-none": "awsui_offset-right-none_k5dlb_j1i9i_287",
28
- "offset-right-l": "awsui_offset-right-l_k5dlb_j1i9i_291",
29
- "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_j1i9i_295",
30
- "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_j1i9i_300",
31
- "overflow-menu": "awsui_overflow-menu_k5dlb_j1i9i_300",
32
- "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_j1i9i_322",
33
- "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_j1i9i_329",
34
- "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_j1i9i_340",
35
- "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_j1i9i_346",
36
- "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_j1i9i_350",
37
- "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_j1i9i_354",
38
- "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_j1i9i_358",
39
- "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_j1i9i_375",
40
- "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_j1i9i_382",
41
- "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_j1i9i_385",
42
- "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_j1i9i_375",
43
- "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_j1i9i_416",
44
- "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_j1i9i_375",
45
- "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_j1i9i_424",
46
- "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_j1i9i_427",
47
- "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_j1i9i_436",
48
- "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_j1i9i_441",
49
- "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_j1i9i_444",
50
- "expanded": "awsui_expanded_k5dlb_j1i9i_452"
4
+ "icon": "awsui_icon_k5dlb_1hoa2_93",
5
+ "top-navigation": "awsui_top-navigation_k5dlb_1hoa2_111",
6
+ "padding-box": "awsui_padding-box_k5dlb_1hoa2_124",
7
+ "medium": "awsui_medium_k5dlb_1hoa2_134",
8
+ "narrow": "awsui_narrow_k5dlb_1hoa2_134",
9
+ "virtual": "awsui_virtual_k5dlb_1hoa2_145",
10
+ "hidden": "awsui_hidden_k5dlb_1hoa2_149",
11
+ "\t": "awsui_\t_k5dlb_1hoa2_1",
12
+ "identity": "awsui_identity_k5dlb_1hoa2_161",
13
+ "identity-link": "awsui_identity-link_k5dlb_1hoa2_164",
14
+ "no-logo": "awsui_no-logo_k5dlb_1hoa2_181",
15
+ "logo": "awsui_logo_k5dlb_1hoa2_185",
16
+ "title": "awsui_title_k5dlb_1hoa2_197",
17
+ "inputs": "awsui_inputs_k5dlb_1hoa2_212",
18
+ "search": "awsui_search_k5dlb_1hoa2_219",
19
+ "search-expanded": "awsui_search-expanded_k5dlb_1hoa2_223",
20
+ "utilities": "awsui_utilities_k5dlb_1hoa2_227",
21
+ "utility-wrapper": "awsui_utility-wrapper_k5dlb_1hoa2_238",
22
+ "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1hoa2_259",
23
+ "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1hoa2_263",
24
+ "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1hoa2_271",
25
+ "utility-link-icon": "awsui_utility-link-icon_k5dlb_1hoa2_279",
26
+ "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1hoa2_283",
27
+ "offset-right-none": "awsui_offset-right-none_k5dlb_1hoa2_287",
28
+ "offset-right-l": "awsui_offset-right-l_k5dlb_1hoa2_291",
29
+ "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1hoa2_295",
30
+ "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1hoa2_300",
31
+ "overflow-menu": "awsui_overflow-menu_k5dlb_1hoa2_300",
32
+ "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1hoa2_322",
33
+ "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1hoa2_329",
34
+ "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1hoa2_340",
35
+ "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1hoa2_346",
36
+ "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1hoa2_350",
37
+ "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1hoa2_354",
38
+ "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1hoa2_358",
39
+ "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1hoa2_375",
40
+ "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1hoa2_382",
41
+ "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1hoa2_385",
42
+ "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1hoa2_375",
43
+ "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1hoa2_416",
44
+ "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1hoa2_375",
45
+ "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1hoa2_424",
46
+ "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1hoa2_427",
47
+ "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1hoa2_436",
48
+ "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1hoa2_441",
49
+ "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1hoa2_444",
50
+ "expanded": "awsui_expanded_k5dlb_1hoa2_452"
51
51
  };
52
52