@cloudscape-design/components-themeable 3.0.373 → 3.0.375

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 (419) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/template/alert/actions-wrapper/styles.css.js +1 -1
  3. package/lib/internal/template/alert/actions-wrapper/styles.scoped.css +3 -3
  4. package/lib/internal/template/alert/actions-wrapper/styles.selectors.js +1 -1
  5. package/lib/internal/template/alert/styles.css.js +25 -25
  6. package/lib/internal/template/alert/styles.scoped.css +81 -81
  7. package/lib/internal/template/alert/styles.selectors.js +25 -25
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +46 -46
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  11. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
  13. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
  15. package/lib/internal/template/app-layout/drawer/styles.scoped.css +28 -28
  16. package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
  17. package/lib/internal/template/app-layout/index.d.ts.map +1 -1
  18. package/lib/internal/template/app-layout/index.js +4 -5
  19. package/lib/internal/template/app-layout/index.js.map +1 -1
  20. package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +8 -8
  21. package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  22. package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  23. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  24. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  25. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  26. package/lib/internal/template/app-layout/styles.css.js +17 -17
  27. package/lib/internal/template/app-layout/styles.scoped.css +30 -30
  28. package/lib/internal/template/app-layout/styles.selectors.js +17 -17
  29. package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
  30. package/lib/internal/template/app-layout/toggles/styles.scoped.css +16 -16
  31. package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
  32. package/lib/internal/template/app-layout/utils/use-content-width.js +1 -1
  33. package/lib/internal/template/app-layout/utils/use-content-width.js.map +1 -1
  34. package/lib/internal/template/app-layout/utils/use-observed-element.js +1 -1
  35. package/lib/internal/template/app-layout/utils/use-observed-element.js.map +1 -1
  36. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
  37. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +267 -267
  38. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
  39. package/lib/internal/template/area-chart/model/use-chart-model.d.ts.map +1 -1
  40. package/lib/internal/template/area-chart/model/use-chart-model.js +2 -2
  41. package/lib/internal/template/area-chart/model/use-chart-model.js.map +1 -1
  42. package/lib/internal/template/area-chart/styles.css.js +6 -6
  43. package/lib/internal/template/area-chart/styles.scoped.css +16 -16
  44. package/lib/internal/template/area-chart/styles.selectors.js +6 -6
  45. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  46. package/lib/internal/template/attribute-editor/styles.scoped.css +43 -43
  47. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  48. package/lib/internal/template/badge/styles.css.js +5 -5
  49. package/lib/internal/template/badge/styles.scoped.css +20 -20
  50. package/lib/internal/template/badge/styles.selectors.js +5 -5
  51. package/lib/internal/template/box/styles.css.js +190 -190
  52. package/lib/internal/template/box/styles.scoped.css +420 -420
  53. package/lib/internal/template/box/styles.selectors.js +190 -190
  54. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  55. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  56. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  57. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  58. package/lib/internal/template/breadcrumb-group/styles.scoped.css +22 -22
  59. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  60. package/lib/internal/template/button/styles.css.js +20 -20
  61. package/lib/internal/template/button/styles.scoped.css +472 -472
  62. package/lib/internal/template/button/styles.selectors.js +20 -20
  63. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  64. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +50 -50
  65. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  66. package/lib/internal/template/button-dropdown/item-element/styles.css.js +15 -15
  67. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +42 -42
  68. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +15 -15
  69. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  70. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  71. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  72. package/lib/internal/template/button-dropdown/styles.css.js +14 -14
  73. package/lib/internal/template/button-dropdown/styles.scoped.css +32 -32
  74. package/lib/internal/template/button-dropdown/styles.selectors.js +14 -14
  75. package/lib/internal/template/calendar/styles.css.js +18 -18
  76. package/lib/internal/template/calendar/styles.scoped.css +89 -89
  77. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  78. package/lib/internal/template/cards/styles.css.js +38 -38
  79. package/lib/internal/template/cards/styles.scoped.css +99 -99
  80. package/lib/internal/template/cards/styles.selectors.js +38 -38
  81. package/lib/internal/template/checkbox/styles.css.js +3 -3
  82. package/lib/internal/template/checkbox/styles.scoped.css +16 -16
  83. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  84. package/lib/internal/template/code-editor/listeners.js +2 -2
  85. package/lib/internal/template/code-editor/listeners.js.map +1 -1
  86. package/lib/internal/template/code-editor/resizable-box/index.js +2 -2
  87. package/lib/internal/template/code-editor/resizable-box/index.js.map +1 -1
  88. package/lib/internal/template/code-editor/resizable-box/styles.css.js +3 -3
  89. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +11 -11
  90. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +3 -3
  91. package/lib/internal/template/code-editor/styles.css.js +32 -32
  92. package/lib/internal/template/code-editor/styles.scoped.css +270 -270
  93. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  94. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  95. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +42 -42
  96. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  97. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  98. package/lib/internal/template/collection-preferences/styles.scoped.css +81 -81
  99. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  100. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  101. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +8 -8
  102. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  103. package/lib/internal/template/column-layout/styles.css.js +13 -13
  104. package/lib/internal/template/column-layout/styles.scoped.css +55 -55
  105. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  106. package/lib/internal/template/container/styles.css.js +28 -28
  107. package/lib/internal/template/container/styles.scoped.css +94 -94
  108. package/lib/internal/template/container/styles.selectors.js +28 -28
  109. package/lib/internal/template/content-layout/styles.css.js +7 -7
  110. package/lib/internal/template/content-layout/styles.scoped.css +17 -17
  111. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  112. package/lib/internal/template/date-picker/styles.css.js +7 -7
  113. package/lib/internal/template/date-picker/styles.scoped.css +16 -16
  114. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  115. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
  116. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  117. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  118. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +9 -9
  119. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +16 -16
  120. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +9 -9
  121. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  122. package/lib/internal/template/date-range-picker/styles.scoped.css +76 -76
  123. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  124. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  125. package/lib/internal/template/expandable-section/styles.scoped.css +108 -108
  126. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  127. package/lib/internal/template/file-upload/dropzone/styles.css.js +2 -2
  128. package/lib/internal/template/file-upload/dropzone/styles.scoped.css +9 -9
  129. package/lib/internal/template/file-upload/dropzone/styles.selectors.js +2 -2
  130. package/lib/internal/template/file-upload/file-input/styles.css.js +4 -4
  131. package/lib/internal/template/file-upload/file-input/styles.scoped.css +14 -14
  132. package/lib/internal/template/file-upload/file-input/styles.selectors.js +4 -4
  133. package/lib/internal/template/file-upload/file-option/styles.css.js +7 -7
  134. package/lib/internal/template/file-upload/file-option/styles.scoped.css +10 -10
  135. package/lib/internal/template/file-upload/file-option/styles.selectors.js +7 -7
  136. package/lib/internal/template/file-upload/styles.css.js +2 -2
  137. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  138. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  139. package/lib/internal/template/flashbar/styles.css.js +47 -47
  140. package/lib/internal/template/flashbar/styles.scoped.css +249 -249
  141. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  142. package/lib/internal/template/form/styles.css.js +9 -9
  143. package/lib/internal/template/form/styles.scoped.css +20 -20
  144. package/lib/internal/template/form/styles.selectors.js +9 -9
  145. package/lib/internal/template/form-field/styles.css.js +19 -19
  146. package/lib/internal/template/form-field/styles.scoped.css +52 -52
  147. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  148. package/lib/internal/template/grid/styles.css.js +53 -53
  149. package/lib/internal/template/grid/styles.scoped.css +60 -60
  150. package/lib/internal/template/grid/styles.selectors.js +53 -53
  151. package/lib/internal/template/header/styles.css.js +33 -33
  152. package/lib/internal/template/header/styles.scoped.css +114 -114
  153. package/lib/internal/template/header/styles.selectors.js +33 -33
  154. package/lib/internal/template/help-panel/styles.css.js +4 -4
  155. package/lib/internal/template/help-panel/styles.scoped.css +167 -167
  156. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  157. package/lib/internal/template/hotspot/styles.css.js +7 -7
  158. package/lib/internal/template/hotspot/styles.scoped.css +10 -10
  159. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  160. package/lib/internal/template/icon/styles.css.js +21 -21
  161. package/lib/internal/template/icon/styles.scoped.css +81 -81
  162. package/lib/internal/template/icon/styles.selectors.js +21 -21
  163. package/lib/internal/template/input/styles.css.js +12 -12
  164. package/lib/internal/template/input/styles.scoped.css +73 -73
  165. package/lib/internal/template/input/styles.selectors.js +12 -12
  166. package/lib/internal/template/internal/base-component/styles.scoped.css +3177 -3105
  167. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  168. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +26 -26
  169. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  170. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  171. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +63 -63
  172. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  173. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +27 -27
  174. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +41 -41
  175. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +27 -27
  176. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  177. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +7 -7
  178. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  179. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  180. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +23 -23
  181. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  182. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  183. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
  184. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  185. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  186. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +9 -9
  187. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  188. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +5 -5
  189. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +20 -20
  190. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +5 -5
  191. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  192. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +14 -14
  193. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  194. package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
  195. package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
  196. package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
  197. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  198. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +15 -15
  199. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  200. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
  201. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
  202. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
  203. package/lib/internal/template/internal/components/dark-ribbon/index.js +2 -2
  204. package/lib/internal/template/internal/components/dark-ribbon/index.js.map +1 -1
  205. package/lib/internal/template/internal/components/dark-ribbon/styles.css.js +2 -2
  206. package/lib/internal/template/internal/components/dark-ribbon/styles.scoped.css +4 -4
  207. package/lib/internal/template/internal/components/dark-ribbon/styles.selectors.js +2 -2
  208. package/lib/internal/template/internal/components/dropdown/styles.css.js +21 -21
  209. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +52 -52
  210. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +21 -21
  211. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  212. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +9 -9
  213. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  214. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  215. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +8 -8
  216. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  217. package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
  218. package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +34 -34
  219. package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
  220. package/lib/internal/template/internal/components/handle/styles.css.js +2 -2
  221. package/lib/internal/template/internal/components/handle/styles.scoped.css +12 -12
  222. package/lib/internal/template/internal/components/handle/styles.selectors.js +2 -2
  223. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  224. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +32 -32
  225. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  226. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  227. package/lib/internal/template/internal/components/option/styles.scoped.css +47 -47
  228. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  229. package/lib/internal/template/internal/components/options-list/index.d.ts.map +1 -1
  230. package/lib/internal/template/internal/components/options-list/index.js +2 -2
  231. package/lib/internal/template/internal/components/options-list/index.js.map +1 -1
  232. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  233. package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
  234. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  235. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  236. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +70 -70
  237. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  238. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  239. package/lib/internal/template/internal/components/token-list/styles.scoped.css +40 -40
  240. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  241. package/lib/internal/template/internal/environment.js +1 -1
  242. package/lib/internal/template/internal/environment.json +1 -1
  243. package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
  244. package/lib/internal/template/internal/generated/theming/index.cjs +25 -23
  245. package/lib/internal/template/internal/generated/theming/index.js +25 -23
  246. package/lib/internal/template/internal/hooks/container-queries/index.d.ts +0 -1
  247. package/lib/internal/template/internal/hooks/container-queries/index.d.ts.map +1 -1
  248. package/lib/internal/template/internal/hooks/container-queries/index.js +0 -1
  249. package/lib/internal/template/internal/hooks/container-queries/index.js.map +1 -1
  250. package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js +1 -1
  251. package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js.map +1 -1
  252. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js +1 -1
  253. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  254. package/lib/internal/template/internal/hooks/use-mobile/index.js +1 -1
  255. package/lib/internal/template/internal/hooks/use-mobile/index.js.map +1 -1
  256. package/lib/internal/template/internal/hooks/use-mouse-down-target.js +1 -1
  257. package/lib/internal/template/internal/hooks/use-mouse-down-target.js.map +1 -1
  258. package/lib/internal/template/internal/hooks/use-mutation-observer/index.d.ts.map +1 -1
  259. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js +2 -3
  260. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js.map +1 -1
  261. package/lib/internal/template/link/styles.css.js +20 -20
  262. package/lib/internal/template/link/styles.scoped.css +158 -158
  263. package/lib/internal/template/link/styles.selectors.js +20 -20
  264. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
  265. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +24 -24
  266. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
  267. package/lib/internal/template/modal/styles.css.js +23 -23
  268. package/lib/internal/template/modal/styles.scoped.css +67 -67
  269. package/lib/internal/template/modal/styles.selectors.js +23 -23
  270. package/lib/internal/template/multiselect/styles.css.js +1 -1
  271. package/lib/internal/template/multiselect/styles.scoped.css +5 -5
  272. package/lib/internal/template/multiselect/styles.selectors.js +1 -1
  273. package/lib/internal/template/pagination/styles.css.js +9 -9
  274. package/lib/internal/template/pagination/styles.scoped.css +47 -47
  275. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  276. package/lib/internal/template/pie-chart/labels.js +1 -1
  277. package/lib/internal/template/pie-chart/labels.js.map +1 -1
  278. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  279. package/lib/internal/template/pie-chart/styles.scoped.css +63 -63
  280. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  281. package/lib/internal/template/popover/container.d.ts.map +1 -1
  282. package/lib/internal/template/popover/container.js +1 -1
  283. package/lib/internal/template/popover/container.js.map +1 -1
  284. package/lib/internal/template/popover/styles.css.js +50 -50
  285. package/lib/internal/template/popover/styles.scoped.css +104 -104
  286. package/lib/internal/template/popover/styles.selectors.js +50 -50
  287. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  288. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  289. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  290. package/lib/internal/template/property-filter/styles.css.js +29 -29
  291. package/lib/internal/template/property-filter/styles.scoped.css +52 -52
  292. package/lib/internal/template/property-filter/styles.selectors.js +29 -29
  293. package/lib/internal/template/radio-group/styles.css.js +9 -9
  294. package/lib/internal/template/radio-group/styles.scoped.css +37 -37
  295. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  296. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  297. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  298. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  299. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map +1 -1
  300. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js +2 -2
  301. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js.map +1 -1
  302. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
  303. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js +2 -2
  304. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
  305. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  306. package/lib/internal/template/segmented-control/styles.scoped.css +78 -78
  307. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  308. package/lib/internal/template/select/parts/styles.css.js +9 -9
  309. package/lib/internal/template/select/parts/styles.scoped.css +17 -17
  310. package/lib/internal/template/select/parts/styles.selectors.js +9 -9
  311. package/lib/internal/template/select/styles.css.js +1 -1
  312. package/lib/internal/template/select/styles.scoped.css +5 -5
  313. package/lib/internal/template/select/styles.selectors.js +1 -1
  314. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  315. package/lib/internal/template/side-navigation/styles.scoped.css +92 -92
  316. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  317. package/lib/internal/template/space-between/styles.css.js +23 -23
  318. package/lib/internal/template/space-between/styles.scoped.css +40 -40
  319. package/lib/internal/template/space-between/styles.selectors.js +23 -23
  320. package/lib/internal/template/spinner/styles.css.js +13 -13
  321. package/lib/internal/template/spinner/styles.scoped.css +35 -35
  322. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  323. package/lib/internal/template/split-panel/bottom.js +1 -1
  324. package/lib/internal/template/split-panel/bottom.js.map +1 -1
  325. package/lib/internal/template/split-panel/styles.css.js +56 -56
  326. package/lib/internal/template/split-panel/styles.scoped.css +146 -146
  327. package/lib/internal/template/split-panel/styles.selectors.js +56 -56
  328. package/lib/internal/template/status-indicator/styles.css.js +22 -22
  329. package/lib/internal/template/status-indicator/styles.scoped.css +46 -46
  330. package/lib/internal/template/status-indicator/styles.selectors.js +22 -22
  331. package/lib/internal/template/table/body-cell/click-away.js +2 -2
  332. package/lib/internal/template/table/body-cell/click-away.js.map +1 -1
  333. package/lib/internal/template/table/body-cell/styles.css.js +28 -28
  334. package/lib/internal/template/table/body-cell/styles.scoped.css +155 -155
  335. package/lib/internal/template/table/body-cell/styles.selectors.js +28 -28
  336. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  337. package/lib/internal/template/table/header-cell/styles.scoped.css +93 -93
  338. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  339. package/lib/internal/template/table/resizer/index.js +3 -3
  340. package/lib/internal/template/table/resizer/index.js.map +1 -1
  341. package/lib/internal/template/table/resizer/styles.css.js +6 -6
  342. package/lib/internal/template/table/resizer/styles.scoped.css +27 -27
  343. package/lib/internal/template/table/resizer/styles.selectors.js +6 -6
  344. package/lib/internal/template/table/selection-control/styles.css.js +3 -3
  345. package/lib/internal/template/table/selection-control/styles.scoped.css +4 -4
  346. package/lib/internal/template/table/selection-control/styles.selectors.js +3 -3
  347. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  348. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +2 -3
  349. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
  350. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  351. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +10 -10
  352. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  353. package/lib/internal/template/table/styles.css.js +34 -34
  354. package/lib/internal/template/table/styles.scoped.css +84 -84
  355. package/lib/internal/template/table/styles.selectors.js +34 -34
  356. package/lib/internal/template/table/use-sticky-header.js +1 -1
  357. package/lib/internal/template/table/use-sticky-header.js.map +1 -1
  358. package/lib/internal/template/tabs/styles.css.js +21 -21
  359. package/lib/internal/template/tabs/styles.scoped.css +86 -86
  360. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  361. package/lib/internal/template/tag-editor/index.d.ts.map +1 -1
  362. package/lib/internal/template/tag-editor/index.js +6 -6
  363. package/lib/internal/template/tag-editor/index.js.map +1 -1
  364. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  365. package/lib/internal/template/tag-editor/styles.scoped.css +24 -24
  366. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  367. package/lib/internal/template/text-content/styles.css.js +1 -1
  368. package/lib/internal/template/text-content/styles.scoped.css +120 -120
  369. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  370. package/lib/internal/template/text-filter/styles.css.js +3 -3
  371. package/lib/internal/template/text-filter/styles.scoped.css +10 -10
  372. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  373. package/lib/internal/template/textarea/styles.css.js +4 -4
  374. package/lib/internal/template/textarea/styles.scoped.css +40 -40
  375. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  376. package/lib/internal/template/tiles/styles.css.js +29 -29
  377. package/lib/internal/template/tiles/styles.scoped.css +128 -128
  378. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  379. package/lib/internal/template/toggle/styles.css.js +8 -8
  380. package/lib/internal/template/toggle/styles.scoped.css +27 -27
  381. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  382. package/lib/internal/template/token-group/styles.css.js +7 -7
  383. package/lib/internal/template/token-group/styles.scoped.css +42 -42
  384. package/lib/internal/template/token-group/styles.selectors.js +7 -7
  385. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  386. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +84 -84
  387. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  388. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  389. package/lib/internal/template/top-navigation/styles.scoped.css +148 -148
  390. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  391. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  392. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  393. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  394. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  395. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  396. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  397. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  398. package/lib/internal/template/tutorial-panel/styles.scoped.css +6 -6
  399. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  400. package/lib/internal/template/wizard/styles.css.js +31 -31
  401. package/lib/internal/template/wizard/styles.scoped.css +124 -124
  402. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  403. package/package.json +1 -1
  404. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts +0 -21
  405. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts.map +0 -1
  406. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js +0 -54
  407. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js.map +0 -1
  408. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts +0 -4
  409. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts.map +0 -1
  410. package/lib/internal/template/internal/hooks/container-queries/utils.js +0 -10
  411. package/lib/internal/template/internal/hooks/container-queries/utils.js.map +0 -1
  412. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts +0 -11
  413. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts.map +0 -1
  414. package/lib/internal/template/internal/hooks/use-singleton-handler/index.js +0 -45
  415. package/lib/internal/template/internal/hooks/use-singleton-handler/index.js.map +0 -1
  416. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts +0 -10
  417. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts.map +0 -1
  418. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js +0 -19
  419. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js.map +0 -1
@@ -90,9 +90,9 @@ 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_dimmed_10ipo_j6e2e_93:not(#\9) {
94
- transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
95
- transition-delay: var(--motion-duration-transition-quick-lhzu1i, 90ms);
93
+ .awsui_dimmed_10ipo_122z4_93:not(#\9) {
94
+ transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
95
+ transition-delay: var(--motion-duration-transition-quick-j01tkg, 90ms);
96
96
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
97
97
  border-collapse: separate;
98
98
  border-spacing: 0;
@@ -122,21 +122,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
122
122
  widows: 2;
123
123
  word-spacing: normal;
124
124
  box-sizing: border-box;
125
- font-size: var(--font-body-m-size-q2y4dq, 14px);
126
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
127
- color: var(--color-text-body-default-rcjsde, #16191f);
125
+ font-size: var(--font-body-m-size-bf8hby, 14px);
126
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
127
+ color: var(--color-text-body-default-ki9w9u, #16191f);
128
128
  font-weight: 400;
129
- font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
129
+ font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
130
130
  -webkit-font-smoothing: auto;
131
131
  -moz-osx-font-smoothing: auto;
132
132
  }
133
133
  @media (prefers-reduced-motion: reduce) {
134
- .awsui_dimmed_10ipo_j6e2e_93:not(#\9) {
134
+ .awsui_dimmed_10ipo_122z4_93:not(#\9) {
135
135
  animation: none;
136
136
  transition: none;
137
137
  }
138
138
  }
139
- .awsui-motion-disabled .awsui_dimmed_10ipo_j6e2e_93:not(#\9), .awsui-mode-entering .awsui_dimmed_10ipo_j6e2e_93:not(#\9) {
139
+ .awsui-motion-disabled .awsui_dimmed_10ipo_122z4_93:not(#\9), .awsui-mode-entering .awsui_dimmed_10ipo_122z4_93:not(#\9) {
140
140
  animation: none;
141
141
  transition: none;
142
142
  }
@@ -145,7 +145,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
145
145
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
146
146
  SPDX-License-Identifier: Apache-2.0
147
147
  */
148
- .awsui_root_10ipo_j6e2e_122:not(#\9) {
148
+ .awsui_root_10ipo_122z4_122:not(#\9) {
149
149
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
@@ -175,34 +175,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  widows: 2;
176
176
  word-spacing: normal;
177
177
  box-sizing: border-box;
178
- font-size: var(--font-body-m-size-q2y4dq, 14px);
179
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
180
- color: var(--color-text-body-default-rcjsde, #16191f);
178
+ font-size: var(--font-body-m-size-bf8hby, 14px);
179
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
180
+ color: var(--color-text-body-default-ki9w9u, #16191f);
181
181
  font-weight: 400;
182
- font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
182
+ font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
183
183
  -webkit-font-smoothing: auto;
184
184
  -moz-osx-font-smoothing: auto;
185
185
  }
186
186
 
187
- .awsui_list_10ipo_j6e2e_135:not(#\9) {
187
+ .awsui_list_10ipo_122z4_135:not(#\9) {
188
188
  display: flex;
189
189
  margin: 0;
190
190
  padding: 0;
191
191
  list-style: none;
192
192
  flex-direction: column;
193
193
  }
194
- .awsui_list_10ipo_j6e2e_135 > .awsui_list-item_10ipo_j6e2e_142:not(#\9) {
194
+ .awsui_list_10ipo_122z4_135 > .awsui_list-item_10ipo_122z4_142:not(#\9) {
195
195
  display: inline-flex;
196
196
  justify-content: space-between;
197
197
  }
198
198
 
199
- .awsui_key_10ipo_j6e2e_147:not(#\9) {
199
+ .awsui_key_10ipo_122z4_147:not(#\9) {
200
200
  display: inline-flex;
201
201
  align-items: flex-start;
202
- color: var(--color-text-group-label-amm11e, #545b64);
203
- margin-right: var(--space-xxl-4o4j98, 32px);
202
+ color: var(--color-text-group-label-7crvc9, #545b64);
203
+ margin-right: var(--space-xxl-pd3205, 32px);
204
204
  }
205
205
 
206
- .awsui_dimmed_10ipo_j6e2e_93:not(#\9) {
206
+ .awsui_dimmed_10ipo_122z4_93:not(#\9) {
207
207
  opacity: 0.35;
208
208
  }
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dimmed": "awsui_dimmed_10ipo_j6e2e_93",
6
- "root": "awsui_root_10ipo_j6e2e_122",
7
- "list": "awsui_list_10ipo_j6e2e_135",
8
- "list-item": "awsui_list-item_10ipo_j6e2e_142",
9
- "key": "awsui_key_10ipo_j6e2e_147"
5
+ "dimmed": "awsui_dimmed_10ipo_122z4_93",
6
+ "root": "awsui_root_10ipo_122z4_122",
7
+ "list": "awsui_list_10ipo_122z4_135",
8
+ "list-item": "awsui_list-item_10ipo_122z4_142",
9
+ "key": "awsui_key_10ipo_122z4_147"
10
10
  };
11
11
 
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "marker": "awsui_marker_1isd1_115r5_93",
5
- "marker--line": "awsui_marker--line_1isd1_115r5_111",
6
- "marker--rectangle": "awsui_marker--rectangle_1isd1_115r5_115",
7
- "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_115r5_119",
8
- "marker--dashed": "awsui_marker--dashed_1isd1_115r5_131"
4
+ "marker": "awsui_marker_1isd1_1uw49_93",
5
+ "marker--line": "awsui_marker--line_1isd1_1uw49_111",
6
+ "marker--rectangle": "awsui_marker--rectangle_1isd1_1uw49_115",
7
+ "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1uw49_119",
8
+ "marker--dashed": "awsui_marker--dashed_1isd1_1uw49_131"
9
9
  };
10
10
 
@@ -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_marker_1isd1_115r5_93:not(#\9) {
93
+ .awsui_marker_1isd1_1uw49_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,47 +120,47 @@ 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-q2y4dq, 14px);
124
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
125
- color: var(--color-text-body-default-rcjsde, #16191f);
123
+ font-size: var(--font-body-m-size-bf8hby, 14px);
124
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
125
+ color: var(--color-text-body-default-ki9w9u, #16191f);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
- margin-right: var(--space-xxs-1wmjb0, 4px);
131
- margin-top: var(--space-xxs-1wmjb0, 4px);
130
+ margin-right: var(--space-xxs-9rrxti, 4px);
131
+ margin-top: var(--space-xxs-9rrxti, 4px);
132
132
  border-radius: 2px;
133
133
  width: 14px;
134
134
  flex-shrink: 0;
135
135
  cursor: inherit;
136
136
  }
137
- .awsui_marker--line_1isd1_115r5_111:not(#\9) {
137
+ .awsui_marker--line_1isd1_1uw49_111:not(#\9) {
138
138
  margin-top: 9px;
139
139
  height: 4px;
140
140
  }
141
- .awsui_marker--rectangle_1isd1_115r5_115:not(#\9) {
141
+ .awsui_marker--rectangle_1isd1_1uw49_115:not(#\9) {
142
142
  height: 14px;
143
143
  border-radius: 2px;
144
144
  }
145
- .awsui_marker--hollow-rectangle_1isd1_115r5_119:not(#\9) {
145
+ .awsui_marker--hollow-rectangle_1isd1_1uw49_119:not(#\9) {
146
146
  height: 14px;
147
147
  border-radius: 2px;
148
148
  }
149
- .awsui_marker--hollow-rectangle_1isd1_115r5_119:not(#\9)::after {
149
+ .awsui_marker--hollow-rectangle_1isd1_1uw49_119:not(#\9)::after {
150
150
  content: "";
151
151
  display: block;
152
152
  margin: 2px;
153
153
  height: 10px;
154
- background-color: var(--color-background-container-content-rearqm, #ffffff);
154
+ background-color: var(--color-background-container-content-il2pe5, #ffffff);
155
155
  opacity: 0.5;
156
156
  }
157
- .awsui_marker--dashed_1isd1_115r5_131:not(#\9) {
157
+ .awsui_marker--dashed_1isd1_1uw49_131:not(#\9) {
158
158
  height: 4px;
159
159
  width: 6px;
160
160
  margin-top: 9px;
161
161
  margin-right: 12px;
162
162
  }
163
- .awsui_marker--dashed_1isd1_115r5_131:not(#\9)::after {
163
+ .awsui_marker--dashed_1isd1_1uw49_131:not(#\9)::after {
164
164
  content: "";
165
165
  display: block;
166
166
  width: 6px;
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "marker": "awsui_marker_1isd1_115r5_93",
6
- "marker--line": "awsui_marker--line_1isd1_115r5_111",
7
- "marker--rectangle": "awsui_marker--rectangle_1isd1_115r5_115",
8
- "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_115r5_119",
9
- "marker--dashed": "awsui_marker--dashed_1isd1_115r5_131"
5
+ "marker": "awsui_marker_1isd1_1uw49_93",
6
+ "marker--line": "awsui_marker--line_1isd1_1uw49_111",
7
+ "marker--rectangle": "awsui_marker--rectangle_1isd1_1uw49_115",
8
+ "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1uw49_119",
9
+ "marker--dashed": "awsui_marker--dashed_1isd1_1uw49_131"
10
10
  };
11
11
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_11n0s_1nnri_9",
5
- "empty": "awsui_empty_11n0s_1nnri_13"
4
+ "root": "awsui_root_11n0s_5huaf_9",
5
+ "empty": "awsui_empty_11n0s_5huaf_13"
6
6
  };
7
7
 
@@ -6,10 +6,10 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_root_11n0s_1nnri_9:not(#\9) {
9
+ .awsui_root_11n0s_5huaf_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_empty_11n0s_1nnri_13:not(#\9) {
14
- color: var(--color-text-empty-yt2fto, #687078);
13
+ .awsui_empty_11n0s_5huaf_13:not(#\9) {
14
+ color: var(--color-text-empty-jskpnv, #687078);
15
15
  }
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_11n0s_1nnri_9",
6
- "empty": "awsui_empty_11n0s_1nnri_13"
5
+ "root": "awsui_root_11n0s_5huaf_9",
6
+ "empty": "awsui_empty_11n0s_5huaf_13"
7
7
  };
8
8
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "wrapper": "awsui_wrapper_z5mul_yxgy1_93",
5
- "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_yxgy1_107",
6
- "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_yxgy1_112",
7
- "has-default-filter": "awsui_has-default-filter_z5mul_yxgy1_118",
8
- "content": "awsui_content_z5mul_yxgy1_122",
9
- "content--reserve-filter": "awsui_content--reserve-filter_z5mul_yxgy1_129",
10
- "content--reserve-legend": "awsui_content--reserve-legend_z5mul_yxgy1_133",
11
- "content--fit-height": "awsui_content--fit-height_z5mul_yxgy1_137",
12
- "filter-container": "awsui_filter-container_z5mul_yxgy1_141"
4
+ "wrapper": "awsui_wrapper_z5mul_njvz5_93",
5
+ "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_njvz5_107",
6
+ "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_njvz5_112",
7
+ "has-default-filter": "awsui_has-default-filter_z5mul_njvz5_118",
8
+ "content": "awsui_content_z5mul_njvz5_122",
9
+ "content--reserve-filter": "awsui_content--reserve-filter_z5mul_njvz5_129",
10
+ "content--reserve-legend": "awsui_content--reserve-legend_z5mul_njvz5_133",
11
+ "content--fit-height": "awsui_content--fit-height_z5mul_njvz5_137",
12
+ "filter-container": "awsui_filter-container_z5mul_njvz5_141"
13
13
  };
14
14
 
@@ -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_wrapper_z5mul_yxgy1_93:not(#\9) {
93
+ .awsui_wrapper_z5mul_njvz5_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,50 +120,50 @@ 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-q2y4dq, 14px);
124
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
125
- color: var(--color-text-body-default-rcjsde, #16191f);
123
+ font-size: var(--font-body-m-size-bf8hby, 14px);
124
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
125
+ color: var(--color-text-body-default-ki9w9u, #16191f);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
130
  position: relative;
131
131
  display: block;
132
132
  }
133
- .awsui_wrapper--fit-height_z5mul_yxgy1_107:not(#\9) {
133
+ .awsui_wrapper--fit-height_z5mul_njvz5_107:not(#\9) {
134
134
  height: 100%;
135
135
  overflow-y: auto;
136
136
  }
137
137
 
138
- .awsui_inner-wrapper--fit-height_z5mul_yxgy1_112:not(#\9) {
138
+ .awsui_inner-wrapper--fit-height_z5mul_njvz5_112:not(#\9) {
139
139
  display: flex;
140
140
  flex-direction: column;
141
141
  height: 100%;
142
142
  }
143
143
 
144
- .awsui_has-default-filter_z5mul_yxgy1_118 > :not(#\9):first-child {
144
+ .awsui_has-default-filter_z5mul_njvz5_118 > :not(#\9):first-child {
145
145
  flex: 280px 0 1;
146
146
  }
147
147
 
148
- .awsui_content_z5mul_yxgy1_122:not(#\9) {
148
+ .awsui_content_z5mul_njvz5_122:not(#\9) {
149
149
  display: flex;
150
150
  position: relative;
151
151
  justify-content: center;
152
152
  align-items: center;
153
153
  }
154
154
 
155
- .awsui_content--reserve-filter_z5mul_yxgy1_129:not(#\9) {
156
- margin-top: calc(2 * var(--font-body-m-line-height-7pedlt, 22px));
155
+ .awsui_content--reserve-filter_z5mul_njvz5_129:not(#\9) {
156
+ margin-top: calc(2 * var(--font-body-m-line-height-wmg6vk, 22px));
157
157
  }
158
158
 
159
- .awsui_content--reserve-legend_z5mul_yxgy1_133:not(#\9) {
160
- margin-bottom: calc(2 * var(--font-body-m-line-height-7pedlt, 22px));
159
+ .awsui_content--reserve-legend_z5mul_njvz5_133:not(#\9) {
160
+ margin-bottom: calc(2 * var(--font-body-m-line-height-wmg6vk, 22px));
161
161
  }
162
162
 
163
- .awsui_content--fit-height_z5mul_yxgy1_137:not(#\9) {
163
+ .awsui_content--fit-height_z5mul_njvz5_137:not(#\9) {
164
164
  flex: 1;
165
165
  }
166
166
 
167
- .awsui_filter-container_z5mul_yxgy1_141:not(#\9) {
167
+ .awsui_filter-container_z5mul_njvz5_141:not(#\9) {
168
168
  /* used in test-utils */
169
169
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "wrapper": "awsui_wrapper_z5mul_yxgy1_93",
6
- "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_yxgy1_107",
7
- "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_yxgy1_112",
8
- "has-default-filter": "awsui_has-default-filter_z5mul_yxgy1_118",
9
- "content": "awsui_content_z5mul_yxgy1_122",
10
- "content--reserve-filter": "awsui_content--reserve-filter_z5mul_yxgy1_129",
11
- "content--reserve-legend": "awsui_content--reserve-legend_z5mul_yxgy1_133",
12
- "content--fit-height": "awsui_content--fit-height_z5mul_yxgy1_137",
13
- "filter-container": "awsui_filter-container_z5mul_yxgy1_141"
5
+ "wrapper": "awsui_wrapper_z5mul_njvz5_93",
6
+ "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_njvz5_107",
7
+ "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_njvz5_112",
8
+ "has-default-filter": "awsui_has-default-filter_z5mul_njvz5_118",
9
+ "content": "awsui_content_z5mul_njvz5_122",
10
+ "content--reserve-filter": "awsui_content--reserve-filter_z5mul_njvz5_129",
11
+ "content--reserve-legend": "awsui_content--reserve-legend_z5mul_njvz5_133",
12
+ "content--fit-height": "awsui_content--fit-height_z5mul_njvz5_137",
13
+ "filter-container": "awsui_filter-container_z5mul_njvz5_141"
14
14
  };
15
15
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1fn7j_1kfxc_93",
5
- "styled-box": "awsui_styled-box_1fn7j_1kfxc_100",
6
- "styled-box-checked": "awsui_styled-box-checked_1fn7j_1kfxc_106",
7
- "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1kfxc_106",
8
- "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1kfxc_110",
9
- "styled-line": "awsui_styled-line_1fn7j_1kfxc_124",
10
- "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1kfxc_129"
4
+ "root": "awsui_root_1fn7j_vgh92_93",
5
+ "styled-box": "awsui_styled-box_1fn7j_vgh92_100",
6
+ "styled-box-checked": "awsui_styled-box-checked_1fn7j_vgh92_106",
7
+ "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_vgh92_106",
8
+ "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_vgh92_110",
9
+ "styled-line": "awsui_styled-line_1fn7j_vgh92_124",
10
+ "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_vgh92_129"
11
11
  };
12
12
 
@@ -90,42 +90,42 @@ 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_root_1fn7j_1kfxc_93:not(#\9) {
93
+ .awsui_root_1fn7j_vgh92_93:not(#\9) {
94
94
  position: absolute;
95
95
  width: 100%;
96
96
  height: 100%;
97
97
  top: 0;
98
98
  left: 0;
99
99
  }
100
- .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-box_1fn7j_1kfxc_100:not(#\9) {
101
- fill: var(--color-background-control-default-usfspb, #ffffff);
102
- stroke: var(--color-border-control-default-qjcpi2, #687078);
103
- stroke-width: var(--border-field-width-diib1p, 1px);
104
- transition: fill var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear), stroke var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
100
+ .awsui_root_1fn7j_vgh92_93 > .awsui_styled-box_1fn7j_vgh92_100:not(#\9) {
101
+ fill: var(--color-background-control-default-n6yadr, #ffffff);
102
+ stroke: var(--color-border-control-default-8uhjl0, #687078);
103
+ stroke-width: var(--border-field-width-yoy972, 1px);
104
+ transition: fill var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear), stroke var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
105
105
  }
106
- .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-box-checked_1fn7j_1kfxc_106:not(#\9), .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-box-indeterminate_1fn7j_1kfxc_106:not(#\9) {
107
- fill: var(--color-background-control-checked-xl2eaq, #0073bb);
108
- stroke: var(--color-border-control-checked-lmn5ci, #0073bb);
106
+ .awsui_root_1fn7j_vgh92_93 > .awsui_styled-box-checked_1fn7j_vgh92_106:not(#\9), .awsui_root_1fn7j_vgh92_93 > .awsui_styled-box-indeterminate_1fn7j_vgh92_106:not(#\9) {
107
+ fill: var(--color-background-control-checked-pvanxo, #0073bb);
108
+ stroke: var(--color-border-control-checked-bqdl6s, #0073bb);
109
109
  }
110
- .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-box-disabled_1fn7j_1kfxc_110:not(#\9) {
111
- fill: var(--color-background-control-disabled-821dkp, #d5dbdb);
112
- stroke: var(--color-border-control-disabled-5bx7s1, #d5dbdb);
110
+ .awsui_root_1fn7j_vgh92_93 > .awsui_styled-box-disabled_1fn7j_vgh92_110:not(#\9) {
111
+ fill: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
112
+ stroke: var(--color-border-control-disabled-4hz3mo, #d5dbdb);
113
113
  }
114
114
  @media (prefers-reduced-motion: reduce) {
115
- .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-box_1fn7j_1kfxc_100:not(#\9) {
115
+ .awsui_root_1fn7j_vgh92_93 > .awsui_styled-box_1fn7j_vgh92_100:not(#\9) {
116
116
  animation: none;
117
117
  transition: none;
118
118
  }
119
119
  }
120
- .awsui-motion-disabled .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-box_1fn7j_1kfxc_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-box_1fn7j_1kfxc_100:not(#\9) {
120
+ .awsui-motion-disabled .awsui_root_1fn7j_vgh92_93 > .awsui_styled-box_1fn7j_vgh92_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_vgh92_93 > .awsui_styled-box_1fn7j_vgh92_100:not(#\9) {
121
121
  animation: none;
122
122
  transition: none;
123
123
  }
124
- .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-line_1fn7j_1kfxc_124:not(#\9) {
125
- stroke: var(--color-foreground-control-default-3h8nqc, #ffffff);
124
+ .awsui_root_1fn7j_vgh92_93 > .awsui_styled-line_1fn7j_vgh92_124:not(#\9) {
125
+ stroke: var(--color-foreground-control-default-8qoldl, #ffffff);
126
126
  stroke-width: 2;
127
127
  fill: none;
128
128
  }
129
- .awsui_root_1fn7j_1kfxc_93 > .awsui_styled-line-disabled_1fn7j_1kfxc_129:not(#\9) {
130
- stroke: var(--color-foreground-control-disabled-kps4oh, #ffffff);
129
+ .awsui_root_1fn7j_vgh92_93 > .awsui_styled-line-disabled_1fn7j_vgh92_129:not(#\9) {
130
+ stroke: var(--color-foreground-control-disabled-fcoqdk, #ffffff);
131
131
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1fn7j_1kfxc_93",
6
- "styled-box": "awsui_styled-box_1fn7j_1kfxc_100",
7
- "styled-box-checked": "awsui_styled-box-checked_1fn7j_1kfxc_106",
8
- "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1kfxc_106",
9
- "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1kfxc_110",
10
- "styled-line": "awsui_styled-line_1fn7j_1kfxc_124",
11
- "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1kfxc_129"
5
+ "root": "awsui_root_1fn7j_vgh92_93",
6
+ "styled-box": "awsui_styled-box_1fn7j_vgh92_100",
7
+ "styled-box-checked": "awsui_styled-box-checked_1fn7j_vgh92_106",
8
+ "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_vgh92_106",
9
+ "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_vgh92_110",
10
+ "styled-line": "awsui_styled-line_1fn7j_vgh92_124",
11
+ "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_vgh92_129"
12
12
  };
13
13
 
@@ -2,8 +2,8 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { useEffect, useRef } from 'react';
4
4
  import { useMutationObserver } from '../../hooks/use-mutation-observer';
5
- import { useStableEventHandler } from '../../hooks/use-stable-event-handler';
6
5
  import styles from './styles.css.js';
6
+ import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
7
7
  function setIfChanged(oldValue, newValue, setter) {
8
8
  if (oldValue !== newValue) {
9
9
  setter(newValue);
@@ -12,7 +12,7 @@ function setIfChanged(oldValue, newValue, setter) {
12
12
  export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
13
13
  const containerRef = useRef(null);
14
14
  const fillRef = useRef(null);
15
- const syncSizes = useStableEventHandler((from, to) => {
15
+ const syncSizes = useStableCallback((from, to) => {
16
16
  // JSDOM calls mutation observer callback even if attribute did not change
17
17
  // https://github.com/jsdom/jsdom/issues/3305
18
18
  // To prevent infinite loops, we need to check the values before setting
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { useStableEventHandler } from '../../hooks/use-stable-event-handler';\nimport styles from './styles.css.js';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableEventHandler((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true || !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className=\"awsui-context-content-header\">\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true || !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className=\"awsui-context-content-header\">\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "background-fill": "awsui_background-fill_1fi2u_1bnr1_9",
5
- "content": "awsui_content_1fi2u_1bnr1_15"
4
+ "background-fill": "awsui_background-fill_1fi2u_1excn_9",
5
+ "content": "awsui_content_1fi2u_1excn_15"
6
6
  };
7
7
 
@@ -6,12 +6,12 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_background-fill_1fi2u_1bnr1_9:not(#\9) {
10
- background-color: var(--color-background-layout-main-l0tv3m, #f2f3f3);
9
+ .awsui_background-fill_1fi2u_1excn_9:not(#\9) {
10
+ background-color: var(--color-background-layout-main-td853a, #f2f3f3);
11
11
  position: absolute;
12
- color: var(--color-text-body-default-rcjsde, #16191f);
12
+ color: var(--color-text-body-default-ki9w9u, #16191f);
13
13
  }
14
14
 
15
- .awsui_content_1fi2u_1bnr1_15:not(#\9) {
15
+ .awsui_content_1fi2u_1excn_15:not(#\9) {
16
16
  position: relative;
17
17
  }
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "background-fill": "awsui_background-fill_1fi2u_1bnr1_9",
6
- "content": "awsui_content_1fi2u_1bnr1_15"
5
+ "background-fill": "awsui_background-fill_1fi2u_1excn_9",
6
+ "content": "awsui_content_1fi2u_1excn_15"
7
7
  };
8
8
 
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_lg8a9_93",
5
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_lg8a9_1",
6
- "refresh": "awsui_refresh_qwoo0_lg8a9_114",
7
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_lg8a9_1",
8
- "root": "awsui_root_qwoo0_lg8a9_143",
9
- "interior": "awsui_interior_qwoo0_lg8a9_157",
10
- "dropdown": "awsui_dropdown_qwoo0_lg8a9_93",
11
- "use-portal": "awsui_use-portal_qwoo0_lg8a9_168",
12
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_lg8a9_213",
13
- "with-limited-width": "awsui_with-limited-width_qwoo0_lg8a9_217",
14
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_lg8a9_220",
15
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_lg8a9_223",
16
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_lg8a9_226",
17
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_lg8a9_229",
18
- "hide-upper-border": "awsui_hide-upper-border_qwoo0_lg8a9_232",
19
- "open": "awsui_open_qwoo0_lg8a9_239",
20
- "nowrap": "awsui_nowrap_qwoo0_lg8a9_248",
21
- "is-empty": "awsui_is-empty_qwoo0_lg8a9_252",
22
- "dropdown-content": "awsui_dropdown-content_qwoo0_lg8a9_93",
23
- "ie11-wrapper": "awsui_ie11-wrapper_qwoo0_lg8a9_262",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_lg8a9_266"
4
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1vzfo_93",
5
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1vzfo_1",
6
+ "refresh": "awsui_refresh_qwoo0_1vzfo_114",
7
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1vzfo_1",
8
+ "root": "awsui_root_qwoo0_1vzfo_143",
9
+ "interior": "awsui_interior_qwoo0_1vzfo_157",
10
+ "dropdown": "awsui_dropdown_qwoo0_1vzfo_93",
11
+ "use-portal": "awsui_use-portal_qwoo0_1vzfo_168",
12
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1vzfo_213",
13
+ "with-limited-width": "awsui_with-limited-width_qwoo0_1vzfo_217",
14
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1vzfo_220",
15
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1vzfo_223",
16
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1vzfo_226",
17
+ "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1vzfo_229",
18
+ "hide-upper-border": "awsui_hide-upper-border_qwoo0_1vzfo_232",
19
+ "open": "awsui_open_qwoo0_1vzfo_239",
20
+ "nowrap": "awsui_nowrap_qwoo0_1vzfo_248",
21
+ "is-empty": "awsui_is-empty_qwoo0_1vzfo_252",
22
+ "dropdown-content": "awsui_dropdown-content_qwoo0_1vzfo_93",
23
+ "ie11-wrapper": "awsui_ie11-wrapper_qwoo0_1vzfo_262",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1vzfo_266"
25
25
  };
26
26