@cloudscape-design/components 3.0.1301 → 3.0.1302

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 (227) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/annotation-context/annotation/styles.css.js +13 -13
  5. package/annotation-context/annotation/styles.scoped.css +21 -21
  6. package/annotation-context/annotation/styles.selectors.js +13 -13
  7. package/app-layout/notifications/styles.css.js +3 -3
  8. package/app-layout/notifications/styles.scoped.css +7 -7
  9. package/app-layout/notifications/styles.selectors.js +3 -3
  10. package/app-layout/visual-refresh/styles.css.js +86 -86
  11. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  12. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  15. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  16. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  17. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  18. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  19. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  20. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  21. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  22. package/attribute-editor/styles.css.js +15 -15
  23. package/attribute-editor/styles.scoped.css +28 -28
  24. package/attribute-editor/styles.selectors.js +15 -15
  25. package/breadcrumb-group/item/styles.css.js +7 -7
  26. package/breadcrumb-group/item/styles.scoped.css +28 -28
  27. package/breadcrumb-group/item/styles.selectors.js +7 -7
  28. package/button/styles.css.js +22 -22
  29. package/button/styles.scoped.css +256 -256
  30. package/button/styles.selectors.js +22 -22
  31. package/button-dropdown/item-element/styles.css.js +21 -21
  32. package/button-dropdown/item-element/styles.scoped.css +37 -37
  33. package/button-dropdown/item-element/styles.selectors.js +21 -21
  34. package/checkbox/styles.css.js +3 -3
  35. package/checkbox/styles.scoped.css +11 -11
  36. package/checkbox/styles.selectors.js +3 -3
  37. package/collection-preferences/content-display/index.d.ts.map +1 -1
  38. package/collection-preferences/content-display/index.js +1 -1
  39. package/collection-preferences/content-display/index.js.map +1 -1
  40. package/container/interfaces.d.ts +0 -1
  41. package/container/interfaces.d.ts.map +1 -1
  42. package/container/interfaces.js.map +1 -1
  43. package/content-layout/styles.css.js +14 -14
  44. package/content-layout/styles.scoped.css +27 -27
  45. package/content-layout/styles.selectors.js +14 -14
  46. package/dropdown/index.d.ts +0 -3
  47. package/dropdown/index.d.ts.map +1 -1
  48. package/dropdown/index.js +0 -3
  49. package/dropdown/index.js.map +1 -1
  50. package/dropdown/styles.css.js +20 -20
  51. package/dropdown/styles.scoped.css +49 -49
  52. package/dropdown/styles.selectors.js +20 -20
  53. package/expandable-section/styles.css.js +35 -35
  54. package/expandable-section/styles.scoped.css +68 -66
  55. package/expandable-section/styles.selectors.js +35 -35
  56. package/file-token-group/styles.css.js +23 -23
  57. package/file-token-group/styles.scoped.css +36 -36
  58. package/file-token-group/styles.selectors.js +23 -23
  59. package/flashbar/styles.css.js +50 -50
  60. package/flashbar/styles.scoped.css +187 -187
  61. package/flashbar/styles.selectors.js +50 -50
  62. package/help-panel/styles.css.js +6 -6
  63. package/help-panel/styles.scoped.css +73 -73
  64. package/help-panel/styles.selectors.js +6 -6
  65. package/i18n/messages/all.all.js +1 -1
  66. package/i18n/messages/all.all.json +1 -1
  67. package/i18n/messages/all.ar.js +1 -1
  68. package/i18n/messages/all.ar.json +1 -1
  69. package/i18n/messages/all.de.js +1 -1
  70. package/i18n/messages/all.de.json +1 -1
  71. package/i18n/messages/all.en-GB.js +1 -1
  72. package/i18n/messages/all.en-GB.json +1 -1
  73. package/i18n/messages/all.en.js +1 -1
  74. package/i18n/messages/all.en.json +1 -1
  75. package/i18n/messages/all.es.js +1 -1
  76. package/i18n/messages/all.es.json +1 -1
  77. package/i18n/messages/all.fr.js +1 -1
  78. package/i18n/messages/all.fr.json +1 -1
  79. package/i18n/messages/all.id.js +1 -1
  80. package/i18n/messages/all.id.json +1 -1
  81. package/i18n/messages/all.it.js +1 -1
  82. package/i18n/messages/all.it.json +1 -1
  83. package/i18n/messages/all.ja.js +1 -1
  84. package/i18n/messages/all.ja.json +1 -1
  85. package/i18n/messages/all.ko.js +1 -1
  86. package/i18n/messages/all.ko.json +1 -1
  87. package/i18n/messages/all.pt-BR.js +1 -1
  88. package/i18n/messages/all.pt-BR.json +1 -1
  89. package/i18n/messages/all.zh-CN.js +1 -1
  90. package/i18n/messages/all.zh-CN.json +1 -1
  91. package/i18n/messages/all.zh-TW.js +1 -1
  92. package/i18n/messages/all.zh-TW.json +1 -1
  93. package/icon/interfaces.d.ts +1 -1
  94. package/icon/interfaces.d.ts.map +1 -1
  95. package/icon/interfaces.js.map +1 -1
  96. package/icon/internal.d.ts.map +1 -1
  97. package/icon/internal.js +86 -4
  98. package/icon/internal.js.map +1 -1
  99. package/icon/styles.css.js +41 -39
  100. package/icon/styles.scoped.css +135 -110
  101. package/icon/styles.selectors.js +41 -39
  102. package/icon-provider/context.d.ts +34 -3
  103. package/icon-provider/context.d.ts.map +1 -1
  104. package/icon-provider/context.js +7 -3
  105. package/icon-provider/context.js.map +1 -1
  106. package/icon-provider/interfaces.d.ts +52 -0
  107. package/icon-provider/interfaces.d.ts.map +1 -1
  108. package/icon-provider/interfaces.js.map +1 -1
  109. package/icon-provider/internal.d.ts +3 -1
  110. package/icon-provider/internal.d.ts.map +1 -1
  111. package/icon-provider/internal.js +13 -4
  112. package/icon-provider/internal.js.map +1 -1
  113. package/index.d.ts +1 -0
  114. package/index.d.ts.map +1 -1
  115. package/index.js +1 -0
  116. package/index.js.map +1 -1
  117. package/input/styles.css.js +18 -18
  118. package/input/styles.scoped.css +82 -82
  119. package/input/styles.selectors.js +18 -18
  120. package/internal/base-component/styles.scoped.css +9 -7
  121. package/internal/components/drag-handle/button.d.ts.map +1 -1
  122. package/internal/components/drag-handle/button.js +1 -1
  123. package/internal/components/drag-handle/button.js.map +1 -1
  124. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  125. package/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  126. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  127. package/internal/components/radio-button/styles.css.js +7 -7
  128. package/internal/components/radio-button/styles.scoped.css +18 -18
  129. package/internal/components/radio-button/styles.selectors.js +7 -7
  130. package/internal/components/sortable-area/index.d.ts.map +1 -1
  131. package/internal/components/sortable-area/index.js +1 -0
  132. package/internal/components/sortable-area/index.js.map +1 -1
  133. package/internal/components/token-list/styles.css.js +10 -10
  134. package/internal/components/token-list/styles.scoped.css +25 -25
  135. package/internal/components/token-list/styles.selectors.js +10 -10
  136. package/internal/environment.d.ts +2 -1
  137. package/internal/environment.js +4 -3
  138. package/internal/environment.json +4 -3
  139. package/internal/generated/custom-css-properties/index.d.ts +3 -0
  140. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  141. package/internal/generated/custom-css-properties/index.js +162 -159
  142. package/internal/generated/custom-css-properties/index.js.map +1 -1
  143. package/internal/generated/styles/tokens.d.ts +7 -5
  144. package/internal/generated/styles/tokens.js +7 -5
  145. package/internal/generated/theming/index.cjs +39 -25
  146. package/internal/generated/theming/index.cjs.d.ts +63 -45
  147. package/internal/generated/theming/index.d.ts +63 -45
  148. package/internal/generated/theming/index.js +39 -25
  149. package/internal/manifest.json +1 -1
  150. package/item-card/styles.css.js +14 -14
  151. package/item-card/styles.scoped.css +63 -63
  152. package/item-card/styles.selectors.js +14 -14
  153. package/link/styles.css.js +21 -21
  154. package/link/styles.scoped.css +104 -104
  155. package/link/styles.selectors.js +21 -21
  156. package/manifest.json +2 -2
  157. package/modal/styles.css.js +31 -31
  158. package/modal/styles.scoped.css +48 -48
  159. package/modal/styles.selectors.js +31 -31
  160. package/package.json +2 -1
  161. package/progress-bar/styles.css.js +18 -18
  162. package/progress-bar/styles.scoped.css +48 -48
  163. package/progress-bar/styles.selectors.js +18 -18
  164. package/prompt-input/styles.css.js +26 -26
  165. package/prompt-input/styles.scoped.css +105 -105
  166. package/prompt-input/styles.selectors.js +26 -26
  167. package/radio-button/index.d.ts +0 -3
  168. package/radio-button/index.d.ts.map +1 -1
  169. package/radio-button/index.js +0 -3
  170. package/radio-button/index.js.map +1 -1
  171. package/segmented-control/styles.css.js +16 -16
  172. package/segmented-control/styles.scoped.css +46 -46
  173. package/segmented-control/styles.selectors.js +16 -16
  174. package/slider/styles.css.js +26 -26
  175. package/slider/styles.scoped.css +165 -165
  176. package/slider/styles.selectors.js +26 -26
  177. package/spinner/styles.css.js +13 -13
  178. package/spinner/styles.scoped.css +39 -39
  179. package/spinner/styles.selectors.js +13 -13
  180. package/tabs/styles.css.js +30 -30
  181. package/tabs/styles.scoped.css +76 -76
  182. package/tabs/styles.selectors.js +30 -30
  183. package/tag-editor/styles.css.js +3 -3
  184. package/tag-editor/styles.scoped.css +13 -13
  185. package/tag-editor/styles.selectors.js +3 -3
  186. package/test-utils/dom/index.d.ts +28 -0
  187. package/test-utils/dom/index.js +20 -1
  188. package/test-utils/dom/index.js.map +1 -1
  189. package/test-utils/dom/truncated-text/index.d.ts +6 -0
  190. package/test-utils/dom/truncated-text/index.js +17 -0
  191. package/test-utils/dom/truncated-text/index.js.map +1 -0
  192. package/test-utils/selectors/index.d.ts +18 -0
  193. package/test-utils/selectors/index.js +15 -1
  194. package/test-utils/selectors/index.js.map +1 -1
  195. package/test-utils/selectors/truncated-text/index.d.ts +6 -0
  196. package/test-utils/selectors/truncated-text/index.js +17 -0
  197. package/test-utils/selectors/truncated-text/index.js.map +1 -0
  198. package/text-content/styles.css.js +1 -1
  199. package/text-content/styles.scoped.css +66 -66
  200. package/text-content/styles.selectors.js +1 -1
  201. package/textarea/styles.css.js +5 -5
  202. package/textarea/styles.scoped.css +45 -45
  203. package/textarea/styles.selectors.js +5 -5
  204. package/toggle/styles.css.js +10 -10
  205. package/toggle/styles.scoped.css +23 -23
  206. package/toggle/styles.selectors.js +10 -10
  207. package/token/styles.css.js +14 -14
  208. package/token/styles.scoped.css +46 -46
  209. package/token/styles.selectors.js +14 -14
  210. package/truncated-text/index.d.ts +7 -0
  211. package/truncated-text/index.d.ts.map +1 -0
  212. package/truncated-text/index.js +18 -0
  213. package/truncated-text/index.js.map +1 -0
  214. package/truncated-text/interfaces.d.ts +16 -0
  215. package/truncated-text/interfaces.d.ts.map +1 -0
  216. package/truncated-text/interfaces.js +2 -0
  217. package/truncated-text/interfaces.js.map +1 -0
  218. package/truncated-text/internal.d.ts +10 -0
  219. package/truncated-text/internal.d.ts.map +1 -0
  220. package/truncated-text/internal.js +47 -0
  221. package/truncated-text/internal.js.map +1 -0
  222. package/truncated-text/styles.css.js +6 -0
  223. package/truncated-text/styles.scoped.css +177 -0
  224. package/truncated-text/styles.selectors.js +7 -0
  225. package/truncated-text/test-classes/styles.css.js +6 -0
  226. package/truncated-text/test-classes/styles.scoped.css +7 -0
  227. package/truncated-text/test-classes/styles.selectors.js +7 -0
@@ -142,72 +142,72 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_layout_5gtk3_16ebe_145:not(#\9) {
146
- --awsui-content-layout-default-horizontal-padding-6b9ypa: var(--space-layout-content-horizontal-buc0zz, 24px);
147
- --awsui-content-layout-max-content-width-6b9ypa: 0px;
148
- --awsui-content-layout-main-gap-6b9ypa: 0px;
145
+ .awsui_layout_5gtk3_1chi6_145:not(#\9) {
146
+ --awsui-content-layout-default-horizontal-padding-jsjyte: var(--space-layout-content-horizontal-buc0zz, 24px);
147
+ --awsui-content-layout-max-content-width-jsjyte: 0px;
148
+ --awsui-content-layout-main-gap-jsjyte: 0px;
149
149
  display: grid;
150
- grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-6b9ypa)) 1fr 0 0;
151
- grid-template-rows: var(--awsui-content-layout-main-gap-6b9ypa) min-content min-content auto var(--space-dark-header-overlap-distance-ld45ap, 36px) 1fr;
150
+ grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-jsjyte)) 1fr 0 0;
151
+ grid-template-rows: var(--awsui-content-layout-main-gap-jsjyte) min-content min-content auto var(--space-dark-header-overlap-distance-ld45ap, 36px) 1fr;
152
152
  min-block-size: 100%;
153
153
  }
154
154
  @media (max-width: 688px) {
155
- .awsui_layout_5gtk3_16ebe_145:not(#\9) {
156
- --awsui-content-layout-default-horizontal-padding-6b9ypa: var(--space-l-2ud1p3, 20px);
155
+ .awsui_layout_5gtk3_1chi6_145:not(#\9) {
156
+ --awsui-content-layout-default-horizontal-padding-jsjyte: var(--space-l-2ud1p3, 20px);
157
157
  }
158
158
  }
159
- .awsui_layout_5gtk3_16ebe_145 > .awsui_background_5gtk3_16ebe_159:not(#\9) {
159
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_background_5gtk3_1chi6_159:not(#\9) {
160
160
  grid-column: 1/8;
161
161
  grid-row: 1/6;
162
162
  color: var(--color-text-body-default-vvtq8u, #0f141a);
163
163
  }
164
- .awsui_layout_5gtk3_16ebe_145 > .awsui_background_5gtk3_16ebe_159.awsui_is-overlap-disabled_5gtk3_16ebe_164:not(#\9) {
164
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_background_5gtk3_1chi6_159.awsui_is-overlap-disabled_5gtk3_1chi6_164:not(#\9) {
165
165
  grid-row: 1/5;
166
166
  }
167
- .awsui_layout_5gtk3_16ebe_145 > .awsui_background_5gtk3_16ebe_159 > .awsui_header-background_5gtk3_16ebe_167:not(#\9) {
167
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_background_5gtk3_1chi6_159 > .awsui_header-background_5gtk3_1chi6_167:not(#\9) {
168
168
  inline-size: 100%;
169
169
  block-size: 100%;
170
170
  }
171
- .awsui_layout_5gtk3_16ebe_145 > .awsui_notifications_5gtk3_16ebe_171:not(#\9) {
171
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_notifications_5gtk3_1chi6_171:not(#\9) {
172
172
  grid-column: 4;
173
173
  grid-row: 2;
174
174
  padding-block-end: var(--space-xs-ymlm0b, 8px);
175
175
  }
176
- .awsui_layout_5gtk3_16ebe_145 > .awsui_breadcrumbs_5gtk3_16ebe_176:not(#\9) {
176
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_breadcrumbs_5gtk3_1chi6_176:not(#\9) {
177
177
  grid-column: 4;
178
178
  grid-row: 3;
179
179
  padding-block-end: var(--space-xs-ymlm0b, 8px);
180
180
  }
181
- .awsui_layout_5gtk3_16ebe_145.awsui_default-padding_5gtk3_16ebe_181:not(#\9) {
182
- --awsui-content-layout-main-gap-6b9ypa: var(--space-scaled-m-m892r9, 16px);
183
- grid-template-columns: var(--awsui-toggles-left-width-6b9ypa, 0) var(--awsui-content-layout-default-horizontal-padding-6b9ypa, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-6b9ypa)) 1fr var(--awsui-content-layout-default-horizontal-padding-6b9ypa, 0) var(--awsui-toggles-right-width-6b9ypa, 0);
181
+ .awsui_layout_5gtk3_1chi6_145.awsui_default-padding_5gtk3_1chi6_181:not(#\9) {
182
+ --awsui-content-layout-main-gap-jsjyte: var(--space-scaled-m-m892r9, 16px);
183
+ grid-template-columns: var(--awsui-toggles-left-width-jsjyte, 0) var(--awsui-content-layout-default-horizontal-padding-jsjyte, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-jsjyte)) 1fr var(--awsui-content-layout-default-horizontal-padding-jsjyte, 0) var(--awsui-toggles-right-width-jsjyte, 0);
184
184
  }
185
- .awsui_layout_5gtk3_16ebe_145 > .awsui_header-wrapper_5gtk3_16ebe_185:not(#\9) {
185
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_header-wrapper_5gtk3_1chi6_185:not(#\9) {
186
186
  grid-column: 4;
187
187
  grid-row: 4;
188
188
  padding-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
189
189
  }
190
- .awsui_layout_5gtk3_16ebe_145 > .awsui_header-wrapper_5gtk3_16ebe_185.awsui_with-divider_5gtk3_16ebe_190:not(#\9) {
190
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_header-wrapper_5gtk3_1chi6_185.awsui_with-divider_5gtk3_1chi6_190:not(#\9) {
191
191
  border-block-end: 1px solid var(--color-border-divider-default-nr68jt, #c6c6cd);
192
192
  }
193
- .awsui_layout_5gtk3_16ebe_145 > .awsui_content_5gtk3_16ebe_193:not(#\9) {
193
+ .awsui_layout_5gtk3_1chi6_145 > .awsui_content_5gtk3_1chi6_193:not(#\9) {
194
194
  grid-column: 4;
195
195
  grid-row: 5/8;
196
196
  }
197
- .awsui_layout_5gtk3_16ebe_145:not(#\9):not(.awsui_has-header_5gtk3_16ebe_197) {
198
- grid-template-rows: var(--awsui-content-layout-main-gap-6b9ypa) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
197
+ .awsui_layout_5gtk3_1chi6_145:not(#\9):not(.awsui_has-header_5gtk3_1chi6_197) {
198
+ grid-template-rows: var(--awsui-content-layout-main-gap-jsjyte) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
199
199
  }
200
- .awsui_layout_5gtk3_16ebe_145.awsui_is-overlap-disabled_5gtk3_16ebe_164:not(#\9) {
201
- grid-template-rows: var(--awsui-content-layout-main-gap-6b9ypa) min-content min-content auto 0 1fr;
200
+ .awsui_layout_5gtk3_1chi6_145.awsui_is-overlap-disabled_5gtk3_1chi6_164:not(#\9) {
201
+ grid-template-rows: var(--awsui-content-layout-main-gap-jsjyte) min-content min-content auto 0 1fr;
202
202
  }
203
203
 
204
- .awsui_layout_5gtk3_16ebe_145.awsui_is-visual-refresh_5gtk3_16ebe_204 > .awsui_background_5gtk3_16ebe_159.awsui_has-default-background_5gtk3_16ebe_204:not(#\9) {
204
+ .awsui_layout_5gtk3_1chi6_145.awsui_is-visual-refresh_5gtk3_1chi6_204 > .awsui_background_5gtk3_1chi6_159.awsui_has-default-background_5gtk3_1chi6_204:not(#\9) {
205
205
  background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
206
206
  }
207
207
 
208
- .awsui_layout_5gtk3_16ebe_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_16ebe_204).awsui_has-notifications_5gtk3_16ebe_208 {
209
- --awsui-content-layout-main-gap-6b9ypa: 0px;
208
+ .awsui_layout_5gtk3_1chi6_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1chi6_204).awsui_has-notifications_5gtk3_1chi6_208 {
209
+ --awsui-content-layout-main-gap-jsjyte: 0px;
210
210
  }
211
- .awsui_layout_5gtk3_16ebe_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_16ebe_204) > .awsui_notifications_5gtk3_16ebe_171 {
211
+ .awsui_layout_5gtk3_1chi6_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1chi6_204) > .awsui_notifications_5gtk3_1chi6_171 {
212
212
  grid-column: 1/8;
213
213
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "layout": "awsui_layout_5gtk3_16ebe_145",
6
- "background": "awsui_background_5gtk3_16ebe_159",
7
- "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_16ebe_164",
8
- "header-background": "awsui_header-background_5gtk3_16ebe_167",
9
- "notifications": "awsui_notifications_5gtk3_16ebe_171",
10
- "breadcrumbs": "awsui_breadcrumbs_5gtk3_16ebe_176",
11
- "default-padding": "awsui_default-padding_5gtk3_16ebe_181",
12
- "header-wrapper": "awsui_header-wrapper_5gtk3_16ebe_185",
13
- "with-divider": "awsui_with-divider_5gtk3_16ebe_190",
14
- "content": "awsui_content_5gtk3_16ebe_193",
15
- "has-header": "awsui_has-header_5gtk3_16ebe_197",
16
- "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_16ebe_204",
17
- "has-default-background": "awsui_has-default-background_5gtk3_16ebe_204",
18
- "has-notifications": "awsui_has-notifications_5gtk3_16ebe_208"
5
+ "layout": "awsui_layout_5gtk3_1chi6_145",
6
+ "background": "awsui_background_5gtk3_1chi6_159",
7
+ "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1chi6_164",
8
+ "header-background": "awsui_header-background_5gtk3_1chi6_167",
9
+ "notifications": "awsui_notifications_5gtk3_1chi6_171",
10
+ "breadcrumbs": "awsui_breadcrumbs_5gtk3_1chi6_176",
11
+ "default-padding": "awsui_default-padding_5gtk3_1chi6_181",
12
+ "header-wrapper": "awsui_header-wrapper_5gtk3_1chi6_185",
13
+ "with-divider": "awsui_with-divider_5gtk3_1chi6_190",
14
+ "content": "awsui_content_5gtk3_1chi6_193",
15
+ "has-header": "awsui_has-header_5gtk3_1chi6_197",
16
+ "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1chi6_204",
17
+ "has-default-background": "awsui_has-default-background_5gtk3_1chi6_204",
18
+ "has-notifications": "awsui_has-notifications_5gtk3_1chi6_208"
19
19
  };
20
20
 
@@ -1,8 +1,5 @@
1
1
  import { DropdownProps } from './interfaces';
2
2
  export { DropdownProps };
3
- /**
4
- * @awsuiSystem core
5
- */
6
3
  export default function Dropdown({
7
4
  style,
8
5
  ...props
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,eAGlE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,eAGlE"}
package/dropdown/index.js CHANGED
@@ -5,9 +5,6 @@ import React from 'react';
5
5
  import useBaseComponent from '../internal/hooks/use-base-component';
6
6
  import { applyDisplayName } from '../internal/utils/apply-display-name';
7
7
  import InternalDropdown from './internal';
8
- /**
9
- * @awsuiSystem core
10
- */
11
8
  export default function Dropdown({ style, ...props }) {
12
9
  const baseComponentProps = useBaseComponent('Dropdown');
13
10
  return React.createElement(InternalDropdown, { ...props, style: style, ...baseComponentProps });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAI1C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IACjE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,KAAM,kBAAkB,GAAI,CAAC;AAC/E,CAAC;AACD,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { DropdownProps } from './interfaces';\nimport InternalDropdown from './internal';\n\nexport { DropdownProps };\n\n/**\n * @awsuiSystem core\n */\nexport default function Dropdown({ style, ...props }: DropdownProps) {\n const baseComponentProps = useBaseComponent('Dropdown');\n return <InternalDropdown {...props} style={style} {...baseComponentProps} />;\n}\napplyDisplayName(Dropdown, 'Dropdown');\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAI1C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IACjE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,KAAM,kBAAkB,GAAI,CAAC;AAC/E,CAAC;AACD,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { DropdownProps } from './interfaces';\nimport InternalDropdown from './internal';\n\nexport { DropdownProps };\n\nexport default function Dropdown({ style, ...props }: DropdownProps) {\n const baseComponentProps = useBaseComponent('Dropdown');\n return <InternalDropdown {...props} style={style} {...baseComponentProps} />;\n}\napplyDisplayName(Dropdown, 'Dropdown');\n"]}
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_1byh5_153",
5
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1byh5_1",
6
- "refresh": "awsui_refresh_9duf6_1byh5_174",
7
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1byh5_1",
8
- "root": "awsui_root_9duf6_1byh5_199",
9
- "interior": "awsui_interior_9duf6_1byh5_232",
10
- "dropdown": "awsui_dropdown_9duf6_1byh5_153",
11
- "use-portal": "awsui_use-portal_9duf6_1byh5_242",
12
- "is-empty": "awsui_is-empty_9duf6_1byh5_318",
13
- "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1byh5_325",
14
- "with-limited-width": "awsui_with-limited-width_9duf6_1byh5_329",
15
- "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1byh5_332",
16
- "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1byh5_335",
17
- "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1byh5_338",
18
- "use-flexible-width": "awsui_use-flexible-width_9duf6_1byh5_341",
19
- "hide-block-border": "awsui_hide-block-border_9duf6_1byh5_349",
20
- "open": "awsui_open_9duf6_1byh5_358",
21
- "nowrap": "awsui_nowrap_9duf6_1byh5_367",
22
- "dropdown-content": "awsui_dropdown-content_9duf6_1byh5_153",
23
- "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1byh5_378"
4
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_9qp2a_153",
5
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_9qp2a_1",
6
+ "refresh": "awsui_refresh_9duf6_9qp2a_174",
7
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_9qp2a_1",
8
+ "root": "awsui_root_9duf6_9qp2a_199",
9
+ "interior": "awsui_interior_9duf6_9qp2a_232",
10
+ "dropdown": "awsui_dropdown_9duf6_9qp2a_153",
11
+ "use-portal": "awsui_use-portal_9duf6_9qp2a_242",
12
+ "is-empty": "awsui_is-empty_9duf6_9qp2a_318",
13
+ "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_9qp2a_325",
14
+ "with-limited-width": "awsui_with-limited-width_9duf6_9qp2a_329",
15
+ "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_9qp2a_332",
16
+ "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_9qp2a_335",
17
+ "occupy-entire-width": "awsui_occupy-entire-width_9duf6_9qp2a_338",
18
+ "use-flexible-width": "awsui_use-flexible-width_9duf6_9qp2a_341",
19
+ "hide-block-border": "awsui_hide-block-border_9duf6_9qp2a_349",
20
+ "open": "awsui_open_9duf6_9qp2a_358",
21
+ "nowrap": "awsui_nowrap_9duf6_9qp2a_367",
22
+ "dropdown-content": "awsui_dropdown-content_9duf6_9qp2a_153",
23
+ "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_9qp2a_378"
24
24
  };
25
25
 
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
154
- animation: awsui_awsui-motion-fade-in-dropdown_9duf6_1byh5_1 var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-show-quick-9hlj8q, ease-out);
153
+ .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
154
+ animation: awsui_awsui-motion-fade-in-dropdown_9duf6_9qp2a_1 var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-show-quick-9hlj8q, ease-out);
155
155
  }
156
- @keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_1byh5_1 {
156
+ @keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_9qp2a_1 {
157
157
  from {
158
158
  opacity: 0.4;
159
159
  }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  }
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
165
+ .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
170
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
- .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9) {
174
+ .awsui_dropdown-content-wrapper_9duf6_9qp2a_153.awsui_refresh_9duf6_9qp2a_174:not(#\9) {
175
175
  transform-origin: top;
176
- animation-name: awsui_awsui-motion-fade-in-0_9duf6_1byh5_1;
176
+ animation-name: awsui_awsui-motion-fade-in-0_9duf6_9qp2a_1;
177
177
  animation-duration: var(--motion-duration-show-quick-tyvnyw, 135ms);
178
178
  animation-timing-function: var(--motion-easing-show-quick-9hlj8q, ease-out);
179
179
  }
180
- @keyframes awsui_awsui-motion-fade-in-0_9duf6_1byh5_1 {
180
+ @keyframes awsui_awsui-motion-fade-in-0_9duf6_9qp2a_1 {
181
181
  from {
182
182
  opacity: 0;
183
183
  }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  }
187
187
  }
188
188
  @media (prefers-reduced-motion: reduce) {
189
- .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9) {
189
+ .awsui_dropdown-content-wrapper_9duf6_9qp2a_153.awsui_refresh_9duf6_9qp2a_174:not(#\9) {
190
190
  animation: none;
191
191
  transition: none;
192
192
  }
193
193
  }
194
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9) {
194
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_9qp2a_153.awsui_refresh_9duf6_9qp2a_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_9qp2a_153.awsui_refresh_9duf6_9qp2a_174:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
 
199
- .awsui_root_9duf6_1byh5_199:not(#\9) {
199
+ .awsui_root_9duf6_9qp2a_199:not(#\9) {
200
200
  border-collapse: separate;
201
201
  border-spacing: 0;
202
202
  box-sizing: border-box;
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  position: relative;
230
230
  white-space: inherit;
231
231
  }
232
- .awsui_root_9duf6_1byh5_199.awsui_interior_9duf6_1byh5_232:not(#\9) {
232
+ .awsui_root_9duf6_9qp2a_199.awsui_interior_9duf6_9qp2a_232:not(#\9) {
233
233
  position: static;
234
234
  }
235
235
 
236
- .awsui_dropdown_9duf6_1byh5_153:not(#\9) {
236
+ .awsui_dropdown_9duf6_9qp2a_153:not(#\9) {
237
237
  position: absolute;
238
238
  display: none;
239
239
  z-index: 2000;
240
240
  transform-origin: top;
241
241
  }
242
- .awsui_dropdown_9duf6_1byh5_153.awsui_use-portal_9duf6_1byh5_242:not(#\9) {
242
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_use-portal_9duf6_9qp2a_242:not(#\9) {
243
243
  z-index: 7000;
244
244
  }
245
- .awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232) {
245
+ .awsui_dropdown_9duf6_9qp2a_153:not(#\9):not(.awsui_interior_9duf6_9qp2a_232) {
246
246
  transform: translateY(0px);
247
247
  transition: transform var(--motion-duration-show-quick-tyvnyw, 135ms);
248
248
  }
249
249
  @media (prefers-reduced-motion: reduce) {
250
- .awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232) {
250
+ .awsui_dropdown_9duf6_9qp2a_153:not(#\9):not(.awsui_interior_9duf6_9qp2a_232) {
251
251
  animation: none;
252
252
  transition: none;
253
253
  }
254
254
  }
255
- .awsui-motion-disabled .awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232), .awsui-mode-entering .awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232) {
255
+ .awsui-motion-disabled .awsui_dropdown_9duf6_9qp2a_153:not(#\9):not(.awsui_interior_9duf6_9qp2a_232), .awsui-mode-entering .awsui_dropdown_9duf6_9qp2a_153:not(#\9):not(.awsui_interior_9duf6_9qp2a_232) {
256
256
  animation: none;
257
257
  transition: none;
258
258
  }
259
- .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
259
+ .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
260
260
  border-collapse: separate;
261
261
  border-spacing: 0;
262
262
  box-sizing: border-box;
@@ -291,14 +291,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
291
291
  background-color: var(--color-background-dropdown-item-default-qmc033, #ffffff);
292
292
  outline: none;
293
293
  box-shadow: var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
294
- border-start-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
295
- border-start-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
296
- border-end-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
297
- border-end-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
294
+ border-start-start-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
295
+ border-start-end-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
296
+ border-end-start-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
297
+ border-end-end-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
298
298
  border-block: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-container-top-k3vmoz, transparent);
299
299
  box-sizing: border-box;
300
300
  }
301
- .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9)::after {
301
+ .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9)::after {
302
302
  content: "";
303
303
  position: absolute;
304
304
  z-index: 1;
@@ -307,74 +307,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
307
307
  inset-inline-start: 0px;
308
308
  inset-inline-end: 0px;
309
309
  background-color: transparent;
310
- border-block: var(--awsui-dropdown-content-border-width-6b9ypa, var(--border-width-popover-nflirh, 2px)) solid var(--awsui-dropdown-content-border-color-6b9ypa, var(--color-border-dropdown-container-cmthq7, #b4b4bb));
311
- border-inline: var(--awsui-dropdown-content-border-width-6b9ypa, var(--border-width-popover-nflirh, 2px)) solid var(--awsui-dropdown-content-border-color-6b9ypa, var(--color-border-dropdown-container-cmthq7, #b4b4bb));
312
- border-start-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
313
- border-start-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
314
- border-end-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
315
- border-end-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
310
+ border-block: var(--awsui-dropdown-content-border-width-jsjyte, var(--border-width-popover-nflirh, 2px)) solid var(--awsui-dropdown-content-border-color-jsjyte, var(--color-border-dropdown-container-cmthq7, #b4b4bb));
311
+ border-inline: var(--awsui-dropdown-content-border-width-jsjyte, var(--border-width-popover-nflirh, 2px)) solid var(--awsui-dropdown-content-border-color-jsjyte, var(--color-border-dropdown-container-cmthq7, #b4b4bb));
312
+ border-start-start-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
313
+ border-start-end-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
314
+ border-end-start-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
315
+ border-end-end-radius: var(--awsui-dropdown-content-border-radius-jsjyte, var(--border-radius-dropdown-fgc2a1, 8px));
316
316
  pointer-events: none;
317
317
  }
318
- .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_is-empty_9duf6_1byh5_318:not(#\9)::after {
318
+ .awsui_dropdown-content-wrapper_9duf6_9qp2a_153.awsui_is-empty_9duf6_9qp2a_318:not(#\9)::after {
319
319
  display: none;
320
320
  }
321
- .awsui_dropdown_9duf6_1byh5_153 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
321
+ .awsui_dropdown_9duf6_9qp2a_153 > .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
322
322
  border-block-start: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-container-top-k3vmoz, transparent);
323
323
  border-block-end: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
324
324
  }
325
- .awsui_dropdown-drop-up_9duf6_1byh5_325 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
325
+ .awsui_dropdown-drop-up_9duf6_9qp2a_325 > .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
326
326
  transform-origin: bottom;
327
327
  box-shadow: var(--shadow-dropup-2r02r5, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
328
328
  }
329
- .awsui_dropdown-drop-up_9duf6_1byh5_325.awsui_with-limited-width_9duf6_1byh5_329 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
329
+ .awsui_dropdown-drop-up_9duf6_9qp2a_325.awsui_with-limited-width_9duf6_9qp2a_329 > .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
330
330
  border-block-start: none;
331
331
  }
332
- .awsui_dropdown-drop-left_9duf6_1byh5_332:not(#\9) {
332
+ .awsui_dropdown-drop-left_9duf6_9qp2a_332:not(#\9) {
333
333
  inset-inline-end: 0;
334
334
  }
335
- .awsui_dropdown-drop-right_9duf6_1byh5_335:not(#\9) {
335
+ .awsui_dropdown-drop-right_9duf6_9qp2a_335:not(#\9) {
336
336
  inset-inline-start: 0;
337
337
  }
338
- .awsui_dropdown_9duf6_1byh5_153.awsui_occupy-entire-width_9duf6_1byh5_338:not(#\9) {
338
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_occupy-entire-width_9duf6_9qp2a_338:not(#\9) {
339
339
  min-inline-size: 100%;
340
340
  }
341
- .awsui_dropdown_9duf6_1byh5_153.awsui_use-flexible-width_9duf6_1byh5_341:not(#\9) {
341
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_use-flexible-width_9duf6_9qp2a_341:not(#\9) {
342
342
  inline-size: max-content;
343
- max-inline-size: var(--awsui-dropdown-default-max-width-6b9ypa, none);
344
- min-inline-size: var(--awsui-dropdown-default-min-width-6b9ypa, auto);
343
+ max-inline-size: var(--awsui-dropdown-default-max-width-jsjyte, none);
344
+ min-inline-size: var(--awsui-dropdown-default-min-width-jsjyte, auto);
345
345
  }
346
- .awsui_dropdown_9duf6_1byh5_153.awsui_interior_9duf6_1byh5_232 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
346
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_interior_9duf6_9qp2a_232 > .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
347
347
  margin-block-start: -1px;
348
348
  }
349
- .awsui_dropdown_9duf6_1byh5_153.awsui_hide-block-border_9duf6_1byh5_349 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
349
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_hide-block-border_9duf6_9qp2a_349 > .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
350
350
  border-block-start: none;
351
351
  }
352
- .awsui_dropdown_9duf6_1byh5_153.awsui_hide-block-border_9duf6_1byh5_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_1byh5_325) > .awsui_dropdown-content-wrapper_9duf6_1byh5_153 {
352
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_hide-block-border_9duf6_9qp2a_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_9qp2a_325) > .awsui_dropdown-content-wrapper_9duf6_9qp2a_153 {
353
353
  border-block-end: none;
354
354
  }
355
- .awsui_dropdown_9duf6_1byh5_153.awsui_hide-block-border_9duf6_1byh5_349.awsui_refresh_9duf6_1byh5_174 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
355
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_hide-block-border_9duf6_9qp2a_349.awsui_refresh_9duf6_9qp2a_174 > .awsui_dropdown-content-wrapper_9duf6_9qp2a_153:not(#\9) {
356
356
  border-block-end: none;
357
357
  }
358
- .awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358:not(#\9) {
358
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_open_9duf6_9qp2a_358:not(#\9) {
359
359
  display: block;
360
360
  }
361
- .awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358:not(#\9):not(.awsui_interior_9duf6_1byh5_232).awsui_refresh_9duf6_1byh5_174[data-animating=true] {
361
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_open_9duf6_9qp2a_358:not(#\9):not(.awsui_interior_9duf6_9qp2a_232).awsui_refresh_9duf6_9qp2a_174[data-animating=true] {
362
362
  transform: translateY(4px);
363
363
  }
364
- .awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358:not(#\9):not(.awsui_interior_9duf6_1byh5_232).awsui_refresh_9duf6_1byh5_174[data-animating=true].awsui_dropdown-drop-up_9duf6_1byh5_325 {
364
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_open_9duf6_9qp2a_358:not(#\9):not(.awsui_interior_9duf6_9qp2a_232).awsui_refresh_9duf6_9qp2a_174[data-animating=true].awsui_dropdown-drop-up_9duf6_9qp2a_325 {
365
365
  transform: translateY(-4px);
366
366
  }
367
- .awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358.awsui_nowrap_9duf6_1byh5_367:not(#\9) {
367
+ .awsui_dropdown_9duf6_9qp2a_153.awsui_open_9duf6_9qp2a_358.awsui_nowrap_9duf6_9qp2a_367:not(#\9) {
368
368
  white-space: nowrap;
369
369
  overflow: scroll;
370
370
  }
371
371
 
372
- .awsui_dropdown-content_9duf6_1byh5_153:not(#\9) {
372
+ .awsui_dropdown-content_9duf6_9qp2a_153:not(#\9) {
373
373
  display: flex;
374
374
  flex-direction: column;
375
375
  inline-size: 100%;
376
376
  }
377
377
 
378
- .awsui_stretch-trigger-height_9duf6_1byh5_378:not(#\9) {
378
+ .awsui_stretch-trigger-height_9duf6_9qp2a_378:not(#\9) {
379
379
  block-size: 100%;
380
380
  }
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_1byh5_153",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1byh5_1",
7
- "refresh": "awsui_refresh_9duf6_1byh5_174",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1byh5_1",
9
- "root": "awsui_root_9duf6_1byh5_199",
10
- "interior": "awsui_interior_9duf6_1byh5_232",
11
- "dropdown": "awsui_dropdown_9duf6_1byh5_153",
12
- "use-portal": "awsui_use-portal_9duf6_1byh5_242",
13
- "is-empty": "awsui_is-empty_9duf6_1byh5_318",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1byh5_325",
15
- "with-limited-width": "awsui_with-limited-width_9duf6_1byh5_329",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1byh5_332",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1byh5_335",
18
- "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1byh5_338",
19
- "use-flexible-width": "awsui_use-flexible-width_9duf6_1byh5_341",
20
- "hide-block-border": "awsui_hide-block-border_9duf6_1byh5_349",
21
- "open": "awsui_open_9duf6_1byh5_358",
22
- "nowrap": "awsui_nowrap_9duf6_1byh5_367",
23
- "dropdown-content": "awsui_dropdown-content_9duf6_1byh5_153",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1byh5_378"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_9qp2a_153",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_9qp2a_1",
7
+ "refresh": "awsui_refresh_9duf6_9qp2a_174",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_9qp2a_1",
9
+ "root": "awsui_root_9duf6_9qp2a_199",
10
+ "interior": "awsui_interior_9duf6_9qp2a_232",
11
+ "dropdown": "awsui_dropdown_9duf6_9qp2a_153",
12
+ "use-portal": "awsui_use-portal_9duf6_9qp2a_242",
13
+ "is-empty": "awsui_is-empty_9duf6_9qp2a_318",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_9qp2a_325",
15
+ "with-limited-width": "awsui_with-limited-width_9duf6_9qp2a_329",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_9qp2a_332",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_9qp2a_335",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_9duf6_9qp2a_338",
19
+ "use-flexible-width": "awsui_use-flexible-width_9duf6_9qp2a_341",
20
+ "hide-block-border": "awsui_hide-block-border_9duf6_9qp2a_349",
21
+ "open": "awsui_open_9duf6_9qp2a_358",
22
+ "nowrap": "awsui_nowrap_9duf6_9qp2a_367",
23
+ "dropdown-content": "awsui_dropdown-content_9duf6_9qp2a_153",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_9qp2a_378"
25
25
  };
26
26
 
@@ -1,40 +1,40 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content-enter": "awsui_content-enter_gwq0h_1tk4s_161",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1tk4s_1",
6
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_1tk4s_183",
7
- "icon": "awsui_icon_gwq0h_1tk4s_197",
8
- "root": "awsui_root_gwq0h_1tk4s_211",
9
- "expand-button": "awsui_expand-button_gwq0h_1tk4s_246",
10
- "expanded": "awsui_expanded_gwq0h_1tk4s_254",
11
- "icon-container": "awsui_icon-container_gwq0h_1tk4s_264",
12
- "icon-container-container": "awsui_icon-container-container_gwq0h_1tk4s_268",
13
- "wrapper": "awsui_wrapper_gwq0h_1tk4s_272",
14
- "wrapper-default": "awsui_wrapper-default_gwq0h_1tk4s_280",
15
- "wrapper-inline": "awsui_wrapper-inline_gwq0h_1tk4s_280",
16
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_1tk4s_280",
17
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1tk4s_284",
18
- "wrapper-container": "awsui_wrapper-container_gwq0h_1tk4s_287",
19
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_1tk4s_291",
20
- "header-deprecated": "awsui_header-deprecated_gwq0h_1tk4s_304",
21
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1tk4s_310",
22
- "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1tk4s_333",
23
- "header": "awsui_header_gwq0h_1tk4s_304",
24
- "header-wrapper": "awsui_header-wrapper_gwq0h_1tk4s_350",
25
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1tk4s_362",
26
- "header-button": "awsui_header-button_gwq0h_1tk4s_368",
27
- "header-container-button": "awsui_header-container-button_gwq0h_1tk4s_368",
28
- "header-container": "awsui_header-container_gwq0h_1tk4s_368",
29
- "header-navigation": "awsui_header-navigation_gwq0h_1tk4s_403",
30
- "header-text": "awsui_header-text_gwq0h_1tk4s_440",
31
- "content": "awsui_content_gwq0h_1tk4s_161",
32
- "content-default": "awsui_content-default_gwq0h_1tk4s_453",
33
- "content-inline": "awsui_content-inline_gwq0h_1tk4s_453",
34
- "content-footer": "awsui_content-footer_gwq0h_1tk4s_457",
35
- "content-expanded": "awsui_content-expanded_gwq0h_1tk4s_461",
36
- "content-compact": "awsui_content-compact_gwq0h_1tk4s_464",
37
- "focusable": "awsui_focusable_gwq0h_1tk4s_468",
38
- "click-target": "awsui_click-target_gwq0h_1tk4s_483"
4
+ "content-enter": "awsui_content-enter_gwq0h_u5err_161",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_u5err_1",
6
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_u5err_183",
7
+ "icon": "awsui_icon_gwq0h_u5err_197",
8
+ "root": "awsui_root_gwq0h_u5err_211",
9
+ "expand-button": "awsui_expand-button_gwq0h_u5err_246",
10
+ "expanded": "awsui_expanded_gwq0h_u5err_254",
11
+ "icon-container": "awsui_icon-container_gwq0h_u5err_264",
12
+ "icon-container-container": "awsui_icon-container-container_gwq0h_u5err_269",
13
+ "wrapper": "awsui_wrapper_gwq0h_u5err_274",
14
+ "wrapper-default": "awsui_wrapper-default_gwq0h_u5err_282",
15
+ "wrapper-inline": "awsui_wrapper-inline_gwq0h_u5err_282",
16
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_u5err_282",
17
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_u5err_286",
18
+ "wrapper-container": "awsui_wrapper-container_gwq0h_u5err_289",
19
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_u5err_293",
20
+ "header-deprecated": "awsui_header-deprecated_gwq0h_u5err_306",
21
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_u5err_312",
22
+ "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_u5err_335",
23
+ "header": "awsui_header_gwq0h_u5err_306",
24
+ "header-wrapper": "awsui_header-wrapper_gwq0h_u5err_352",
25
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_u5err_364",
26
+ "header-button": "awsui_header-button_gwq0h_u5err_370",
27
+ "header-container-button": "awsui_header-container-button_gwq0h_u5err_370",
28
+ "header-container": "awsui_header-container_gwq0h_u5err_370",
29
+ "header-navigation": "awsui_header-navigation_gwq0h_u5err_405",
30
+ "header-text": "awsui_header-text_gwq0h_u5err_442",
31
+ "content": "awsui_content_gwq0h_u5err_161",
32
+ "content-default": "awsui_content-default_gwq0h_u5err_455",
33
+ "content-inline": "awsui_content-inline_gwq0h_u5err_455",
34
+ "content-footer": "awsui_content-footer_gwq0h_u5err_459",
35
+ "content-expanded": "awsui_content-expanded_gwq0h_u5err_463",
36
+ "content-compact": "awsui_content-compact_gwq0h_u5err_466",
37
+ "focusable": "awsui_focusable_gwq0h_u5err_470",
38
+ "click-target": "awsui_click-target_gwq0h_u5err_485"
39
39
  };
40
40