@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
@@ -2,29 +2,29 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_1hpp3_1y6xr_93",
6
- "arrow-outer": "awsui_arrow-outer_1hpp3_1y6xr_97",
7
- "arrow-inner": "awsui_arrow-inner_1hpp3_1y6xr_97",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1y6xr_128",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1y6xr_128",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1y6xr_131",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1y6xr_131",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1y6xr_134",
13
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1y6xr_134",
14
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1y6xr_137",
15
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1y6xr_137",
16
- "annotation": "awsui_annotation_1hpp3_1y6xr_145",
17
- "next-button": "awsui_next-button_1hpp3_1y6xr_146",
18
- "previous-button": "awsui_previous-button_1hpp3_1y6xr_147",
19
- "finish-button": "awsui_finish-button_1hpp3_1y6xr_148",
20
- "header": "awsui_header_1hpp3_1y6xr_149",
21
- "step-counter-content": "awsui_step-counter-content_1hpp3_1y6xr_150",
22
- "content": "awsui_content_1hpp3_1y6xr_151",
23
- "description": "awsui_description_1hpp3_1y6xr_155",
24
- "actionBar": "awsui_actionBar_1hpp3_1y6xr_160",
25
- "stepCounter": "awsui_stepCounter_1hpp3_1y6xr_167",
26
- "divider": "awsui_divider_1hpp3_1y6xr_171",
27
- "hotspot": "awsui_hotspot_1hpp3_1y6xr_175",
28
- "icon": "awsui_icon_1hpp3_1y6xr_215"
5
+ "arrow": "awsui_arrow_1hpp3_1j9yg_93",
6
+ "arrow-outer": "awsui_arrow-outer_1hpp3_1j9yg_97",
7
+ "arrow-inner": "awsui_arrow-inner_1hpp3_1j9yg_97",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1j9yg_128",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1j9yg_128",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1j9yg_131",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1j9yg_131",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1j9yg_134",
13
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1j9yg_134",
14
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1j9yg_137",
15
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1j9yg_137",
16
+ "annotation": "awsui_annotation_1hpp3_1j9yg_145",
17
+ "next-button": "awsui_next-button_1hpp3_1j9yg_146",
18
+ "previous-button": "awsui_previous-button_1hpp3_1j9yg_147",
19
+ "finish-button": "awsui_finish-button_1hpp3_1j9yg_148",
20
+ "header": "awsui_header_1hpp3_1j9yg_149",
21
+ "step-counter-content": "awsui_step-counter-content_1hpp3_1j9yg_150",
22
+ "content": "awsui_content_1hpp3_1j9yg_151",
23
+ "description": "awsui_description_1hpp3_1j9yg_155",
24
+ "actionBar": "awsui_actionBar_1hpp3_1j9yg_160",
25
+ "stepCounter": "awsui_stepCounter_1hpp3_1j9yg_167",
26
+ "divider": "awsui_divider_1hpp3_1j9yg_171",
27
+ "hotspot": "awsui_hotspot_1hpp3_1j9yg_175",
28
+ "icon": "awsui_icon_1hpp3_1j9yg_215"
29
29
  };
30
30
 
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content-wrapper": "awsui_content-wrapper_zycdx_g47wr_97",
5
- "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_g47wr_101",
6
- "content-type-dashboard": "awsui_content-type-dashboard_zycdx_g47wr_106"
4
+ "content-wrapper": "awsui_content-wrapper_zycdx_1nd6q_97",
5
+ "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_1nd6q_101",
6
+ "content-type-dashboard": "awsui_content-type-dashboard_zycdx_1nd6q_106"
7
7
  };
8
8
 
@@ -94,31 +94,31 @@ 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_content-wrapper_zycdx_g47wr_97:not(#\9) {
98
- padding-left: var(--space-scaled-2x-xxxl-4usad4, 40px);
99
- padding-right: var(--space-scaled-2x-xxxl-4usad4, 40px);
97
+ .awsui_content-wrapper_zycdx_1nd6q_97:not(#\9) {
98
+ padding-left: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
99
+ padding-right: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
100
100
  }
101
- .awsui_content-wrapper-mobile_zycdx_g47wr_101:not(#\9) {
102
- padding-left: var(--space-l-ds615y, 20px);
103
- padding-right: var(--space-l-ds615y, 20px);
101
+ .awsui_content-wrapper-mobile_zycdx_1nd6q_101:not(#\9) {
102
+ padding-left: var(--space-l-f4l5gr, 20px);
103
+ padding-right: var(--space-l-f4l5gr, 20px);
104
104
  }
105
105
 
106
- .awsui_content-type-dashboard_zycdx_g47wr_106:not(#\9) {
106
+ .awsui_content-type-dashboard_zycdx_1nd6q_106:not(#\9) {
107
107
  margin-left: auto;
108
108
  margin-right: auto;
109
109
  }
110
110
  @media (min-width: 1401px) {
111
- .awsui_content-type-dashboard_zycdx_g47wr_106:not(#\9) {
111
+ .awsui_content-type-dashboard_zycdx_1nd6q_106:not(#\9) {
112
112
  max-width: 1280px;
113
113
  }
114
114
  }
115
115
  @media (min-width: 1921px) {
116
- .awsui_content-type-dashboard_zycdx_g47wr_106:not(#\9) {
116
+ .awsui_content-type-dashboard_zycdx_1nd6q_106:not(#\9) {
117
117
  max-width: 1620px;
118
118
  }
119
119
  }
120
120
  @media (min-width: 2541px) {
121
- .awsui_content-type-dashboard_zycdx_g47wr_106:not(#\9) {
121
+ .awsui_content-type-dashboard_zycdx_1nd6q_106:not(#\9) {
122
122
  max-width: 2160px;
123
123
  }
124
124
  }
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "content-wrapper": "awsui_content-wrapper_zycdx_g47wr_97",
6
- "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_g47wr_101",
7
- "content-type-dashboard": "awsui_content-type-dashboard_zycdx_g47wr_106"
5
+ "content-wrapper": "awsui_content-wrapper_zycdx_1nd6q_97",
6
+ "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_1nd6q_101",
7
+ "content-type-dashboard": "awsui_content-type-dashboard_zycdx_1nd6q_106"
8
8
  };
9
9
 
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "toggle": "awsui_toggle_1uo6m_106qw_97",
5
- "drawer-triggers": "awsui_drawer-triggers_1uo6m_106qw_102",
6
- "drawer": "awsui_drawer_1uo6m_106qw_102",
7
- "drawer-mobile": "awsui_drawer-mobile_1uo6m_106qw_112",
8
- "drawer-closed": "awsui_drawer-closed_1uo6m_106qw_115",
9
- "drawer-content": "awsui_drawer-content_1uo6m_106qw_123",
10
- "non-interactive": "awsui_non-interactive_1uo6m_106qw_141",
11
- "trigger": "awsui_trigger_1uo6m_106qw_149",
12
- "trigger-drawer": "awsui_trigger-drawer_1uo6m_106qw_160",
13
- "selected": "awsui_selected_1uo6m_106qw_160"
4
+ "toggle": "awsui_toggle_1uo6m_184sl_97",
5
+ "drawer-triggers": "awsui_drawer-triggers_1uo6m_184sl_102",
6
+ "drawer": "awsui_drawer_1uo6m_184sl_102",
7
+ "drawer-mobile": "awsui_drawer-mobile_1uo6m_184sl_112",
8
+ "drawer-closed": "awsui_drawer-closed_1uo6m_184sl_115",
9
+ "drawer-content": "awsui_drawer-content_1uo6m_184sl_123",
10
+ "non-interactive": "awsui_non-interactive_1uo6m_184sl_141",
11
+ "trigger": "awsui_trigger_1uo6m_184sl_149",
12
+ "trigger-drawer": "awsui_trigger-drawer_1uo6m_184sl_160",
13
+ "selected": "awsui_selected_1uo6m_184sl_160"
14
14
  };
15
15
 
@@ -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_toggle_1uo6m_106qw_97:not(#\9) {
97
+ .awsui_toggle_1uo6m_184sl_97:not(#\9) {
98
98
  box-sizing: border-box;
99
- padding: var(--space-xxs-a6783b, 4px) 7px;
99
+ padding: var(--space-xxs-ja5cp8, 4px) 7px;
100
100
  }
101
101
 
102
- .awsui_drawer-triggers_1uo6m_106qw_102:not(#\9) {
102
+ .awsui_drawer-triggers_1uo6m_184sl_102:not(#\9) {
103
103
  box-sizing: border-box;
104
104
  }
105
105
 
106
- .awsui_drawer_1uo6m_106qw_102:not(#\9) {
106
+ .awsui_drawer_1uo6m_184sl_102:not(#\9) {
107
107
  flex-shrink: 0;
108
108
  position: relative;
109
109
  word-wrap: break-word;
110
- box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
110
+ box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
111
111
  }
112
- .awsui_drawer_1uo6m_106qw_102:not(#\9):not(.awsui_drawer-mobile_1uo6m_106qw_112) {
112
+ .awsui_drawer_1uo6m_184sl_102:not(#\9):not(.awsui_drawer-mobile_1uo6m_184sl_112) {
113
113
  z-index: 830;
114
114
  }
115
- .awsui_drawer-closed_1uo6m_106qw_115:not(#\9) {
115
+ .awsui_drawer-closed_1uo6m_184sl_115:not(#\9) {
116
116
  min-width: 40px;
117
117
  cursor: pointer;
118
118
  }
119
- .awsui_drawer-closed_1uo6m_106qw_115.awsui_drawer-mobile_1uo6m_106qw_112:not(#\9) {
119
+ .awsui_drawer-closed_1uo6m_184sl_115.awsui_drawer-mobile_1uo6m_184sl_112:not(#\9) {
120
120
  display: none;
121
121
  }
122
122
 
123
- .awsui_drawer-content_1uo6m_106qw_123:not(#\9) {
123
+ .awsui_drawer-content_1uo6m_184sl_123:not(#\9) {
124
124
  position: fixed;
125
125
  overflow: auto;
126
- background-color: var(--color-background-layout-panel-content-fj8de1, #ffffff);
126
+ background-color: var(--color-background-layout-panel-content-6tvac7, #ffffff);
127
127
  }
128
- .awsui_drawer-mobile_1uo6m_106qw_112 > .awsui_drawer-content_1uo6m_106qw_123:not(#\9) {
128
+ .awsui_drawer-mobile_1uo6m_184sl_112 > .awsui_drawer-content_1uo6m_184sl_123:not(#\9) {
129
129
  z-index: 1001;
130
130
  top: 0;
131
131
  bottom: 0;
132
132
  left: 0;
133
133
  right: 0;
134
134
  }
135
- .awsui_drawer-closed_1uo6m_106qw_115 > .awsui_drawer-content_1uo6m_106qw_123:not(#\9) {
135
+ .awsui_drawer-closed_1uo6m_184sl_115 > .awsui_drawer-content_1uo6m_184sl_123:not(#\9) {
136
136
  width: 40px;
137
137
  }
138
- .awsui_drawer-closed_1uo6m_106qw_115 > .awsui_drawer-content_1uo6m_106qw_123:not(#\9):hover {
139
- background: var(--color-background-layout-panel-hover-gqd6vu, #e9ebed);
138
+ .awsui_drawer-closed_1uo6m_184sl_115 > .awsui_drawer-content_1uo6m_184sl_123:not(#\9):hover {
139
+ background: var(--color-background-layout-panel-hover-4hingm, #e9ebed);
140
140
  }
141
- .awsui_drawer-closed_1uo6m_106qw_115 > .awsui_drawer-content_1uo6m_106qw_123.awsui_non-interactive_1uo6m_106qw_141:not(#\9):hover {
142
- background: var(--color-background-layout-panel-content-fj8de1, #ffffff);
141
+ .awsui_drawer-closed_1uo6m_184sl_115 > .awsui_drawer-content_1uo6m_184sl_123.awsui_non-interactive_1uo6m_184sl_141:not(#\9):hover {
142
+ background: var(--color-background-layout-panel-content-6tvac7, #ffffff);
143
143
  cursor: default;
144
144
  }
145
- .awsui_drawer-content_1uo6m_106qw_123 > [aria-hidden=true]:not(#\9) {
145
+ .awsui_drawer-content_1uo6m_184sl_123 > [aria-hidden=true]:not(#\9) {
146
146
  display: none;
147
147
  }
148
148
 
149
- .awsui_drawer-content_1uo6m_106qw_123 > .awsui_drawer-triggers_1uo6m_106qw_102 > .awsui_trigger_1uo6m_106qw_149:not(#\9) {
150
- background: var(--color-background-layout-toggle-default-33dtxe, #192534);
149
+ .awsui_drawer-content_1uo6m_184sl_123 > .awsui_drawer-triggers_1uo6m_184sl_102 > .awsui_trigger_1uo6m_184sl_149:not(#\9) {
150
+ background: var(--color-background-layout-toggle-default-q41mj7, #192534);
151
151
  border: 0;
152
152
  border-radius: 0;
153
- color: var(--color-text-layout-toggle-ho2l25, #ffffff);
154
- padding: var(--space-scaled-xs-u0e7ft, 8px) var(--space-s-rd607g, 12px);
153
+ color: var(--color-text-layout-toggle-76lxyf, #ffffff);
154
+ padding: var(--space-scaled-xs-wbfgrv, 8px) var(--space-s-hdd878, 12px);
155
155
  margin-top: 1px;
156
156
  }
157
- .awsui_drawer-content_1uo6m_106qw_123 > .awsui_drawer-triggers_1uo6m_106qw_102 > .awsui_trigger_1uo6m_106qw_149:not(#\9):not(:last-child) {
158
- box-shadow: 0px 1px var(--color-shadow-layout-toggle-wkhtl6, #d1d5db);
157
+ .awsui_drawer-content_1uo6m_184sl_123 > .awsui_drawer-triggers_1uo6m_184sl_102 > .awsui_trigger_1uo6m_184sl_149:not(#\9):not(:last-child) {
158
+ box-shadow: 0px 1px var(--color-shadow-layout-toggle-u6bbly, #d1d5db);
159
159
  }
160
- .awsui_drawer-content_1uo6m_106qw_123 > .awsui_drawer-triggers_1uo6m_106qw_102 > .awsui_trigger-drawer_1uo6m_106qw_160:not(#\9):hover:not(.awsui_selected_1uo6m_106qw_160) {
161
- color: var(--color-text-layout-toggle-hover-bfirut, #0972d3);
160
+ .awsui_drawer-content_1uo6m_184sl_123 > .awsui_drawer-triggers_1uo6m_184sl_102 > .awsui_trigger-drawer_1uo6m_184sl_160:not(#\9):hover:not(.awsui_selected_1uo6m_184sl_160) {
161
+ color: var(--color-text-layout-toggle-hover-dhzmbj, #0972d3);
162
162
  }
163
- .awsui_drawer-content_1uo6m_106qw_123 > .awsui_drawer-triggers_1uo6m_106qw_102 > .awsui_trigger-drawer_1uo6m_106qw_160:not(#\9):hover:not(.awsui_selected_1uo6m_106qw_160):not(:last-child) {
164
- box-shadow: 0px 1px var(--color-shadow-layout-toggle-wkhtl6, #d1d5db);
163
+ .awsui_drawer-content_1uo6m_184sl_123 > .awsui_drawer-triggers_1uo6m_184sl_102 > .awsui_trigger-drawer_1uo6m_184sl_160:not(#\9):hover:not(.awsui_selected_1uo6m_184sl_160):not(:last-child) {
164
+ box-shadow: 0px 1px var(--color-shadow-layout-toggle-u6bbly, #d1d5db);
165
165
  }
166
- .awsui_drawer-content_1uo6m_106qw_123 > .awsui_drawer-triggers_1uo6m_106qw_102 > .awsui_trigger_1uo6m_106qw_149.awsui_selected_1uo6m_106qw_160:not(#\9), .awsui_drawer-content_1uo6m_106qw_123 > .awsui_drawer-triggers_1uo6m_106qw_102 > .awsui_trigger_1uo6m_106qw_149.awsui_selected_1uo6m_106qw_160:not(#\9):hover {
167
- background-color: var(--color-background-layout-toggle-selected-default-n9d2nz, #0972d3);
168
- border-top: 1px solid var(--color-background-layout-toggle-selected-default-n9d2nz, #0972d3);
166
+ .awsui_drawer-content_1uo6m_184sl_123 > .awsui_drawer-triggers_1uo6m_184sl_102 > .awsui_trigger_1uo6m_184sl_149.awsui_selected_1uo6m_184sl_160:not(#\9), .awsui_drawer-content_1uo6m_184sl_123 > .awsui_drawer-triggers_1uo6m_184sl_102 > .awsui_trigger_1uo6m_184sl_149.awsui_selected_1uo6m_184sl_160:not(#\9):hover {
167
+ background-color: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
168
+ border-top: 1px solid var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
169
169
  box-shadow: none;
170
- color: var(--color-text-layout-toggle-active-zr825g, #ffffff);
170
+ color: var(--color-text-layout-toggle-active-lzrbla, #ffffff);
171
171
  margin: 0;
172
172
  }
@@ -2,15 +2,15 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "toggle": "awsui_toggle_1uo6m_106qw_97",
6
- "drawer-triggers": "awsui_drawer-triggers_1uo6m_106qw_102",
7
- "drawer": "awsui_drawer_1uo6m_106qw_102",
8
- "drawer-mobile": "awsui_drawer-mobile_1uo6m_106qw_112",
9
- "drawer-closed": "awsui_drawer-closed_1uo6m_106qw_115",
10
- "drawer-content": "awsui_drawer-content_1uo6m_106qw_123",
11
- "non-interactive": "awsui_non-interactive_1uo6m_106qw_141",
12
- "trigger": "awsui_trigger_1uo6m_106qw_149",
13
- "trigger-drawer": "awsui_trigger-drawer_1uo6m_106qw_160",
14
- "selected": "awsui_selected_1uo6m_106qw_160"
5
+ "toggle": "awsui_toggle_1uo6m_184sl_97",
6
+ "drawer-triggers": "awsui_drawer-triggers_1uo6m_184sl_102",
7
+ "drawer": "awsui_drawer_1uo6m_184sl_102",
8
+ "drawer-mobile": "awsui_drawer-mobile_1uo6m_184sl_112",
9
+ "drawer-closed": "awsui_drawer-closed_1uo6m_184sl_115",
10
+ "drawer-content": "awsui_drawer-content_1uo6m_184sl_123",
11
+ "non-interactive": "awsui_non-interactive_1uo6m_184sl_141",
12
+ "trigger": "awsui_trigger_1uo6m_184sl_149",
13
+ "trigger-drawer": "awsui_trigger-drawer_1uo6m_184sl_160",
14
+ "selected": "awsui_selected_1uo6m_184sl_160"
15
15
  };
16
16
 
@@ -88,6 +88,7 @@ export interface AppLayoutProps extends BaseComponentProps {
88
88
  * toolsToggle: "Open help panel"
89
89
  * }
90
90
  * ```
91
+ * @i18n
91
92
  */
92
93
  ariaLabels?: AppLayoutProps.Labels;
93
94
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AppLayoutProps extends BaseComponentProps {\n /**\n * Determines the default behavior of the component based on some predefined page layouts.\n * Individual properties will always take precedence over the default coming from the content type.\n */\n contentType?: AppLayoutProps.ContentType;\n\n /**\n * If `true`, disables outer paddings for the content slot.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Activates a backwards-compatibility mode for applications with non-fixed headers and footers.\n * @deprecated This layout is being phased out and may miss some features.\n */\n disableBodyScroll?: boolean;\n\n /**\n * State of the navigation drawer.\n */\n navigationOpen?: boolean;\n\n /**\n * Navigation drawer width in pixels.\n */\n navigationWidth?: number;\n\n /**\n * If `true`, the navigation drawer is not displayed at all.\n */\n navigationHide?: boolean;\n\n /**\n * State of the tools drawer.\n */\n toolsOpen?: boolean;\n\n /**\n * If `true`, the tools drawer is not displayed at all.\n */\n toolsHide?: boolean;\n\n /**\n * Tools drawer width in pixels.\n */\n toolsWidth?: number;\n\n /**\n * Maximum main content panel width in pixels.\n *\n * If set to `Number.MAX_VALUE`, the main content panel will occupy the full available width.\n */\n maxContentWidth?: number;\n\n /**\n * Minimum main content panel width in pixels.\n */\n minContentWidth?: number;\n\n /**\n * If true, the notification slot is rendered above the scrollable\n * content area so it is always visible.\n *\n * Note that sticky notifications are not supported in Internet Explorer.\n */\n stickyNotifications?: boolean;\n\n /**\n * CSS selector for the application header.\n */\n headerSelector?: string;\n\n /**\n * CSS selector for the application footer.\n */\n footerSelector?: string;\n\n /**\n * Aria labels for the drawer operating buttons. Use this property to ensure accessibility.\n *\n * * `navigation` (string) - Label for the landmark that wraps the navigation drawer.\n * * `navigationClose` (string) - Label for the button that closes the navigation drawer.\n * * `navigationToggle` (string) - Label for the button that opens the navigation drawer.\n * * `notification` (string) - Label for the region that contains notification messages.\n * * `tools` (string) - Label for the landmark that wraps the tools drawer.\n * * `toolsClose` (string) - Label for the button that closes the tools drawer.\n * * `toolsToggle` (string) - Label for the button that opens the tools drawer.\n *\n * Example:\n * ```\n * {\n * navigation: \"Navigation drawer\",\n * navigationClose: \"Close navigation drawer\",\n * navigationToggle: \"Open navigation drawer\",\n * notifications: \"Notifications\",\n * tools: \"Help panel\",\n * toolsClose: \"Close help panel\",\n * toolsToggle: \"Open help panel\"\n * }\n * ```\n */\n ariaLabels?: AppLayoutProps.Labels;\n\n /**\n * Navigation drawer.\n */\n navigation?: React.ReactNode;\n\n /**\n * Top area of the page content.\n * @deprecated Replaced by the `header` slot of the [content layout](/components/content-layout/) component.\n * @visualrefresh\n */\n contentHeader?: React.ReactNode;\n\n /**\n * Disables overlap between `contentHeader` and `content` slots.\n * @deprecated Replaced by the `disableOverlap` property of the [content layout](/components/content-layout/) component.\n * @visualrefresh\n */\n disableContentHeaderOverlap?: boolean;\n\n /**\n * Main content.\n */\n content?: React.ReactNode;\n\n /**\n * Tools drawer.\n */\n tools?: React.ReactNode;\n\n /**\n * Displayed on top of the main content in the scrollable area.\n *\n * Conceived to contain notifications (flash messages).\n */\n notifications?: React.ReactNode;\n\n /**\n * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the app layout.\n */\n breadcrumbs?: React.ReactNode;\n\n /**\n * Fired when the navigation drawer is toggled.\n */\n onNavigationChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n /**\n * Fired when the tools drawer is toggled.\n */\n onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n /**\n * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.\n *\n * Note: If provided, this property should be set to `null` or `undefined` if a split panel should not be rendered.\n */\n splitPanel?: React.ReactNode;\n\n /**\n * The size of the split panel in pixels.\n */\n splitPanelSize?: number;\n\n /**\n * State of the split panel.\n */\n splitPanelOpen?: boolean;\n /**\n * Controls the split panel preferences.\n *\n * By default, the preference is `{ position: 'bottom' }`\n */\n splitPanelPreferences?: AppLayoutProps.SplitPanelPreferences;\n /**\n * Fired when the split panel is resized.\n */\n onSplitPanelResize?: NonCancelableEventHandler<AppLayoutProps.SplitPanelResizeDetail>;\n /**\n * Fired when the split panel is toggled.\n */\n onSplitPanelToggle?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n /**\n * Fired when the split panel preferences change.\n */\n onSplitPanelPreferencesChange?: NonCancelableEventHandler<AppLayoutProps.SplitPanelPreferences>;\n}\n\nexport namespace AppLayoutProps {\n export type ContentType = 'default' | 'form' | 'table' | 'cards' | 'wizard' | 'dashboard';\n\n export interface Ref {\n /**\n * Manually closes the navigation drawer if it is necessary for the current\n * viewport size.\n */\n closeNavigationIfNecessary(): void;\n\n /**\n * Opens the tools panel if it is not already open. Note that it is preferable\n * to control the state by listening to `toolsChange` and providing `toolsOpen`.\n */\n openTools(): void;\n\n /**\n * Focuses the tools panel if it is open. Use this to focus the tools panel\n * after changing the content, for example when clicking on an 'info' link while\n * the panel is already open.\n */\n focusToolsClose(): void;\n }\n\n export interface Labels {\n notifications?: string;\n\n navigation?: string;\n navigationToggle?: string;\n navigationClose?: string;\n\n tools?: string;\n toolsToggle?: string;\n toolsClose?: string;\n }\n\n export interface ChangeDetail {\n open: boolean;\n }\n\n export interface SplitPanelResizeDetail {\n size: number;\n }\n\n export interface SplitPanelPreferences {\n position: 'side' | 'bottom';\n }\n // Duplicated the positions because using this definition in SplitPanelPreferences would display\n // 'AppLayoutProps.SplitPanelPosition' on the API docs instead of the string values.\n export type SplitPanelPosition = 'side' | 'bottom';\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AppLayoutProps extends BaseComponentProps {\n /**\n * Determines the default behavior of the component based on some predefined page layouts.\n * Individual properties will always take precedence over the default coming from the content type.\n */\n contentType?: AppLayoutProps.ContentType;\n\n /**\n * If `true`, disables outer paddings for the content slot.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Activates a backwards-compatibility mode for applications with non-fixed headers and footers.\n * @deprecated This layout is being phased out and may miss some features.\n */\n disableBodyScroll?: boolean;\n\n /**\n * State of the navigation drawer.\n */\n navigationOpen?: boolean;\n\n /**\n * Navigation drawer width in pixels.\n */\n navigationWidth?: number;\n\n /**\n * If `true`, the navigation drawer is not displayed at all.\n */\n navigationHide?: boolean;\n\n /**\n * State of the tools drawer.\n */\n toolsOpen?: boolean;\n\n /**\n * If `true`, the tools drawer is not displayed at all.\n */\n toolsHide?: boolean;\n\n /**\n * Tools drawer width in pixels.\n */\n toolsWidth?: number;\n\n /**\n * Maximum main content panel width in pixels.\n *\n * If set to `Number.MAX_VALUE`, the main content panel will occupy the full available width.\n */\n maxContentWidth?: number;\n\n /**\n * Minimum main content panel width in pixels.\n */\n minContentWidth?: number;\n\n /**\n * If true, the notification slot is rendered above the scrollable\n * content area so it is always visible.\n *\n * Note that sticky notifications are not supported in Internet Explorer.\n */\n stickyNotifications?: boolean;\n\n /**\n * CSS selector for the application header.\n */\n headerSelector?: string;\n\n /**\n * CSS selector for the application footer.\n */\n footerSelector?: string;\n\n /**\n * Aria labels for the drawer operating buttons. Use this property to ensure accessibility.\n *\n * * `navigation` (string) - Label for the landmark that wraps the navigation drawer.\n * * `navigationClose` (string) - Label for the button that closes the navigation drawer.\n * * `navigationToggle` (string) - Label for the button that opens the navigation drawer.\n * * `notification` (string) - Label for the region that contains notification messages.\n * * `tools` (string) - Label for the landmark that wraps the tools drawer.\n * * `toolsClose` (string) - Label for the button that closes the tools drawer.\n * * `toolsToggle` (string) - Label for the button that opens the tools drawer.\n *\n * Example:\n * ```\n * {\n * navigation: \"Navigation drawer\",\n * navigationClose: \"Close navigation drawer\",\n * navigationToggle: \"Open navigation drawer\",\n * notifications: \"Notifications\",\n * tools: \"Help panel\",\n * toolsClose: \"Close help panel\",\n * toolsToggle: \"Open help panel\"\n * }\n * ```\n * @i18n\n */\n ariaLabels?: AppLayoutProps.Labels;\n\n /**\n * Navigation drawer.\n */\n navigation?: React.ReactNode;\n\n /**\n * Top area of the page content.\n * @deprecated Replaced by the `header` slot of the [content layout](/components/content-layout/) component.\n * @visualrefresh\n */\n contentHeader?: React.ReactNode;\n\n /**\n * Disables overlap between `contentHeader` and `content` slots.\n * @deprecated Replaced by the `disableOverlap` property of the [content layout](/components/content-layout/) component.\n * @visualrefresh\n */\n disableContentHeaderOverlap?: boolean;\n\n /**\n * Main content.\n */\n content?: React.ReactNode;\n\n /**\n * Tools drawer.\n */\n tools?: React.ReactNode;\n\n /**\n * Displayed on top of the main content in the scrollable area.\n *\n * Conceived to contain notifications (flash messages).\n */\n notifications?: React.ReactNode;\n\n /**\n * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the app layout.\n */\n breadcrumbs?: React.ReactNode;\n\n /**\n * Fired when the navigation drawer is toggled.\n */\n onNavigationChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n /**\n * Fired when the tools drawer is toggled.\n */\n onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n /**\n * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.\n *\n * Note: If provided, this property should be set to `null` or `undefined` if a split panel should not be rendered.\n */\n splitPanel?: React.ReactNode;\n\n /**\n * The size of the split panel in pixels.\n */\n splitPanelSize?: number;\n\n /**\n * State of the split panel.\n */\n splitPanelOpen?: boolean;\n /**\n * Controls the split panel preferences.\n *\n * By default, the preference is `{ position: 'bottom' }`\n */\n splitPanelPreferences?: AppLayoutProps.SplitPanelPreferences;\n /**\n * Fired when the split panel is resized.\n */\n onSplitPanelResize?: NonCancelableEventHandler<AppLayoutProps.SplitPanelResizeDetail>;\n /**\n * Fired when the split panel is toggled.\n */\n onSplitPanelToggle?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n /**\n * Fired when the split panel preferences change.\n */\n onSplitPanelPreferencesChange?: NonCancelableEventHandler<AppLayoutProps.SplitPanelPreferences>;\n}\n\nexport namespace AppLayoutProps {\n export type ContentType = 'default' | 'form' | 'table' | 'cards' | 'wizard' | 'dashboard';\n\n export interface Ref {\n /**\n * Manually closes the navigation drawer if it is necessary for the current\n * viewport size.\n */\n closeNavigationIfNecessary(): void;\n\n /**\n * Opens the tools panel if it is not already open. Note that it is preferable\n * to control the state by listening to `toolsChange` and providing `toolsOpen`.\n */\n openTools(): void;\n\n /**\n * Focuses the tools panel if it is open. Use this to focus the tools panel\n * after changing the content, for example when clicking on an 'info' link while\n * the panel is already open.\n */\n focusToolsClose(): void;\n }\n\n export interface Labels {\n notifications?: string;\n\n navigation?: string;\n navigationToggle?: string;\n navigationClose?: string;\n\n tools?: string;\n toolsToggle?: string;\n toolsClose?: string;\n }\n\n export interface ChangeDetail {\n open: boolean;\n }\n\n export interface SplitPanelResizeDetail {\n size: number;\n }\n\n export interface SplitPanelPreferences {\n position: 'side' | 'bottom';\n }\n // Duplicated the positions because using this definition in SplitPanelPreferences would display\n // 'AppLayoutProps.SplitPanelPosition' on the API docs instead of the string values.\n export type SplitPanelPosition = 'side' | 'bottom';\n}\n"]}
@@ -1,11 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "block-body-scroll": "awsui_block-body-scroll_19d8l_1t639_97",
5
- "mobile-bar": "awsui_mobile-bar_19d8l_1t639_101",
6
- "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1t639_115",
7
- "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1t639_122",
8
- "mobile-toggle": "awsui_mobile-toggle_19d8l_1t639_128",
9
- "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1t639_138"
4
+ "block-body-scroll": "awsui_block-body-scroll_19d8l_1xapg_97",
5
+ "mobile-bar": "awsui_mobile-bar_19d8l_1xapg_101",
6
+ "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1xapg_115",
7
+ "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1xapg_122",
8
+ "mobile-toggle": "awsui_mobile-toggle_19d8l_1xapg_128",
9
+ "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1xapg_138"
10
10
  };
11
11
 
@@ -94,11 +94,11 @@ 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_block-body-scroll_19d8l_1t639_97:not(#\9) {
97
+ .awsui_block-body-scroll_19d8l_1xapg_97:not(#\9) {
98
98
  overflow: hidden;
99
99
  }
100
100
 
101
- .awsui_mobile-bar_19d8l_1t639_101:not(#\9) {
101
+ .awsui_mobile-bar_19d8l_1xapg_101:not(#\9) {
102
102
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
103
103
  position: sticky;
104
104
  display: flex;
@@ -107,48 +107,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
107
107
  z-index: 1000;
108
108
  width: 100%;
109
109
  box-sizing: border-box;
110
- background-color: var(--color-background-layout-mobile-panel-dhx2jn, #000716);
111
- box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
112
- height: calc(2 * var(--space-m-sptmsg, 16px) + var(--space-scaled-xs-u0e7ft, 8px));
110
+ background-color: var(--color-background-layout-mobile-panel-swpnwk, #000716);
111
+ box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
112
+ height: calc(2 * var(--space-m-h2th94, 16px) + var(--space-scaled-xs-wbfgrv, 8px));
113
113
  }
114
114
 
115
- .awsui_mobile-bar-breadcrumbs_19d8l_1t639_115:not(#\9) {
115
+ .awsui_mobile-bar-breadcrumbs_19d8l_1xapg_115:not(#\9) {
116
116
  min-width: 0;
117
117
  flex: 1;
118
- margin-left: var(--space-m-sptmsg, 16px);
119
- margin-right: var(--space-m-sptmsg, 16px);
118
+ margin-left: var(--space-m-h2th94, 16px);
119
+ margin-right: var(--space-m-h2th94, 16px);
120
120
  }
121
121
 
122
- .awsui_mobile-trigger-with-drawers_19d8l_1t639_122:not(#\9) {
122
+ .awsui_mobile-trigger-with-drawers_19d8l_1xapg_122:not(#\9) {
123
123
  width: 40px;
124
124
  display: flex;
125
125
  justify-content: center;
126
126
  }
127
127
 
128
- .awsui_mobile-toggle_19d8l_1t639_128:not(#\9) {
128
+ .awsui_mobile-toggle_19d8l_1xapg_128:not(#\9) {
129
129
  box-sizing: border-box;
130
130
  cursor: pointer;
131
131
  z-index: 1;
132
- padding: var(--space-xxs-a6783b, 4px) 7px;
132
+ padding: var(--space-xxs-ja5cp8, 4px) 7px;
133
133
  width: 40px;
134
134
  }
135
- .awsui_mobile-toggle_19d8l_1t639_128:not(#\9):first-child {
136
- border-right: 1px solid var(--color-border-layout-9uohmx, #d1d5db);
135
+ .awsui_mobile-toggle_19d8l_1xapg_128:not(#\9):first-child {
136
+ border-right: 1px solid var(--color-border-layout-wyrb3c, #d1d5db);
137
137
  }
138
- .awsui_mobile-toggle_19d8l_1t639_128:not(#\9):last-child:not(.awsui_mobile-toggle-with-drawers_19d8l_1t639_138) {
139
- border-left: 1px solid var(--color-border-layout-9uohmx, #d1d5db);
138
+ .awsui_mobile-toggle_19d8l_1xapg_128:not(#\9):last-child:not(.awsui_mobile-toggle-with-drawers_19d8l_1xapg_138) {
139
+ border-left: 1px solid var(--color-border-layout-wyrb3c, #d1d5db);
140
140
  }
141
- .awsui_mobile-toggle_19d8l_1t639_128:not(#\9):hover:not(.awsui_mobile-toggle-with-drawers_19d8l_1t639_138) {
142
- background: var(--color-background-layout-panel-hover-gqd6vu, #e9ebed);
141
+ .awsui_mobile-toggle_19d8l_1xapg_128:not(#\9):hover:not(.awsui_mobile-toggle-with-drawers_19d8l_1xapg_138) {
142
+ background: var(--color-background-layout-panel-hover-4hingm, #e9ebed);
143
143
  }
144
- .awsui_mobile-toggle-with-drawers_19d8l_1t639_138:not(#\9) {
144
+ .awsui_mobile-toggle-with-drawers_19d8l_1xapg_138:not(#\9) {
145
145
  display: flex;
146
146
  width: auto;
147
147
  padding: 0;
148
148
  height: 100%;
149
149
  }
150
- .awsui_mobile-toggle-with-drawers_19d8l_1t639_138 > .awsui_mobile-trigger-with-drawers_19d8l_1t639_122:not(#\9) {
151
- border-left: 1px solid var(--color-border-layout-9uohmx, #d1d5db);
150
+ .awsui_mobile-toggle-with-drawers_19d8l_1xapg_138 > .awsui_mobile-trigger-with-drawers_19d8l_1xapg_122:not(#\9) {
151
+ border-left: 1px solid var(--color-border-layout-wyrb3c, #d1d5db);
152
152
  display: flex;
153
153
  align-items: center;
154
154
  }
@@ -2,11 +2,11 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "block-body-scroll": "awsui_block-body-scroll_19d8l_1t639_97",
6
- "mobile-bar": "awsui_mobile-bar_19d8l_1t639_101",
7
- "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1t639_115",
8
- "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1t639_122",
9
- "mobile-toggle": "awsui_mobile-toggle_19d8l_1t639_128",
10
- "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1t639_138"
5
+ "block-body-scroll": "awsui_block-body-scroll_19d8l_1xapg_97",
6
+ "mobile-bar": "awsui_mobile-bar_19d8l_1xapg_101",
7
+ "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1xapg_115",
8
+ "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1xapg_122",
9
+ "mobile-toggle": "awsui_mobile-toggle_19d8l_1xapg_128",
10
+ "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1xapg_138"
11
11
  };
12
12
 
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "notifications": "awsui_notifications_1hmm4_1xdn9_9",
5
- "notifications-sticky": "awsui_notifications-sticky_1hmm4_1xdn9_10",
6
- "no-content-paddings": "awsui_no-content-paddings_1hmm4_1xdn9_25"
4
+ "notifications": "awsui_notifications_1hmm4_1utan_9",
5
+ "notifications-sticky": "awsui_notifications-sticky_1hmm4_1utan_10",
6
+ "no-content-paddings": "awsui_no-content-paddings_1hmm4_1utan_25"
7
7
  };
8
8
 
@@ -6,26 +6,26 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_notifications_1hmm4_1xdn9_9:not(#\9),
10
- .awsui_notifications-sticky_1hmm4_1xdn9_10:not(#\9) {
9
+ .awsui_notifications_1hmm4_1utan_9:not(#\9),
10
+ .awsui_notifications-sticky_1hmm4_1utan_10:not(#\9) {
11
11
  z-index: 850;
12
12
  }
13
13
 
14
- .awsui_notifications_1hmm4_1xdn9_9:not(#\9) {
14
+ .awsui_notifications_1hmm4_1utan_9:not(#\9) {
15
15
  /* This is necessary for the z-index to have effect */
16
16
  position: relative;
17
17
  }
18
18
 
19
- .awsui_notifications-sticky_1hmm4_1xdn9_10:not(#\9) {
19
+ .awsui_notifications-sticky_1hmm4_1utan_10:not(#\9) {
20
20
  top: 0;
21
21
  position: sticky;
22
- --awsui-flashbar-sticky-bottom-margin-en6003: var(--space-xxl-eiq7g3, 32px);
22
+ --awsui-flashbar-sticky-bottom-margin-en6003: var(--space-xxl-sgg5p8, 32px);
23
23
  }
24
24
 
25
- .awsui_no-content-paddings_1hmm4_1xdn9_25:not(#\9) {
25
+ .awsui_no-content-paddings_1hmm4_1utan_25:not(#\9) {
26
26
  /*
27
27
  When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
28
28
  when the notification bar is rendered, to prevent it from overlapping the content.
29
29
  */
30
- --awsui-stacked-notifications-bottom-margin-en6003: var(--space-scaled-l-x5pubp, 20px);
30
+ --awsui-stacked-notifications-bottom-margin-en6003: var(--space-scaled-l-2rs0gk, 20px);
31
31
  }
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "notifications": "awsui_notifications_1hmm4_1xdn9_9",
6
- "notifications-sticky": "awsui_notifications-sticky_1hmm4_1xdn9_10",
7
- "no-content-paddings": "awsui_no-content-paddings_1hmm4_1xdn9_25"
5
+ "notifications": "awsui_notifications_1hmm4_1utan_9",
6
+ "notifications-sticky": "awsui_notifications-sticky_1hmm4_1utan_10",
7
+ "no-content-paddings": "awsui_no-content-paddings_1hmm4_1utan_25"
8
8
  };
9
9
 
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_lm6vo_cwbfp_97",
5
- "layout-wrapper": "awsui_layout-wrapper_lm6vo_cwbfp_98",
6
- "root-no-scroll": "awsui_root-no-scroll_lm6vo_cwbfp_105",
7
- "layout": "awsui_layout_lm6vo_cwbfp_98",
8
- "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_cwbfp_116",
9
- "layout-main": "awsui_layout-main_lm6vo_cwbfp_120",
10
- "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_cwbfp_126",
11
- "unfocusable": "awsui_unfocusable_lm6vo_cwbfp_131",
12
- "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_cwbfp_135",
13
- "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_cwbfp_140",
14
- "content-wrapper": "awsui_content-wrapper_lm6vo_cwbfp_144",
15
- "content-overlapped": "awsui_content-overlapped_lm6vo_cwbfp_148",
16
- "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_cwbfp_152"
4
+ "root": "awsui_root_lm6vo_j1rmw_97",
5
+ "layout-wrapper": "awsui_layout-wrapper_lm6vo_j1rmw_98",
6
+ "root-no-scroll": "awsui_root-no-scroll_lm6vo_j1rmw_105",
7
+ "layout": "awsui_layout_lm6vo_j1rmw_98",
8
+ "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_j1rmw_116",
9
+ "layout-main": "awsui_layout-main_lm6vo_j1rmw_120",
10
+ "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_j1rmw_126",
11
+ "unfocusable": "awsui_unfocusable_lm6vo_j1rmw_131",
12
+ "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_j1rmw_135",
13
+ "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_j1rmw_140",
14
+ "content-wrapper": "awsui_content-wrapper_lm6vo_j1rmw_144",
15
+ "content-overlapped": "awsui_content-overlapped_lm6vo_j1rmw_148",
16
+ "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_j1rmw_152"
17
17
  };
18
18