@cloudscape-design/components 3.0.1155 → 3.0.1157

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 (258) hide show
  1. package/alert/index.js +1 -1
  2. package/alert/interfaces.d.ts +1 -2
  3. package/anchor-navigation/styles.css.js +8 -8
  4. package/anchor-navigation/styles.scoped.css +21 -21
  5. package/anchor-navigation/styles.selectors.js +8 -8
  6. package/app-layout/runtime-drawer/index.d.ts.map +1 -1
  7. package/app-layout/runtime-drawer/index.js +20 -18
  8. package/app-layout/runtime-drawer/index.js.map +1 -1
  9. package/app-layout/visual-refresh/styles.css.js +86 -86
  10. package/app-layout/visual-refresh/styles.scoped.css +164 -163
  11. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  12. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +86 -83
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  15. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
  16. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
  17. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
  18. package/attribute-editor/styles.css.js +15 -15
  19. package/attribute-editor/styles.scoped.css +28 -28
  20. package/attribute-editor/styles.selectors.js +15 -15
  21. package/autosuggest/index.js +28 -11
  22. package/autosuggest/interfaces.d.ts +2 -1
  23. package/autosuggest/interfaces.js.map +1 -1
  24. package/badge/index.d.ts +2 -0
  25. package/badge/index.js +14 -13
  26. package/badge/interfaces.d.ts +3 -2
  27. package/box/index.js +18 -13
  28. package/box/interfaces.d.ts +2 -1
  29. package/box/styles.css.js +192 -192
  30. package/box/styles.scoped.css +241 -241
  31. package/box/styles.selectors.js +192 -192
  32. package/breadcrumb-group/item/styles.css.js +7 -7
  33. package/breadcrumb-group/item/styles.scoped.css +28 -28
  34. package/breadcrumb-group/item/styles.selectors.js +7 -7
  35. package/button/index.js +12 -11
  36. package/button/interfaces.d.ts +4 -2
  37. package/button/styles.css.js +22 -22
  38. package/button/styles.scoped.css +78 -78
  39. package/button/styles.selectors.js +22 -22
  40. package/button-dropdown/index.js +27 -11
  41. package/button-dropdown/interfaces.d.ts +6 -2
  42. package/button-dropdown/item-element/styles.css.js +20 -20
  43. package/button-dropdown/item-element/styles.scoped.css +35 -35
  44. package/button-dropdown/item-element/styles.selectors.js +20 -20
  45. package/button-group/index.js +42 -11
  46. package/button-group/interfaces.d.ts +10 -0
  47. package/button-group/interfaces.d.ts.map +1 -1
  48. package/button-group/interfaces.js.map +1 -1
  49. package/cards/styles.css.js +39 -39
  50. package/cards/styles.scoped.css +51 -51
  51. package/cards/styles.selectors.js +39 -39
  52. package/checkbox/index.js +9 -11
  53. package/checkbox/interfaces.d.ts +3 -2
  54. package/code-editor/styles.css.js +33 -33
  55. package/code-editor/styles.scoped.css +139 -139
  56. package/code-editor/styles.selectors.js +33 -33
  57. package/container/index.js +29 -13
  58. package/container/interfaces.d.ts +2 -1
  59. package/date-input/index.js +8 -10
  60. package/drawer/implementation.d.ts +1 -0
  61. package/drawer/implementation.d.ts.map +1 -1
  62. package/drawer/implementation.js +13 -4
  63. package/drawer/implementation.js.map +1 -1
  64. package/drawer/interfaces.d.ts +7 -0
  65. package/drawer/interfaces.d.ts.map +1 -1
  66. package/drawer/interfaces.js.map +1 -1
  67. package/drawer/styles.css.js +12 -8
  68. package/drawer/styles.scoped.css +35 -13
  69. package/drawer/styles.selectors.js +12 -8
  70. package/drawer/use-sticky-footer.d.ts +11 -0
  71. package/drawer/use-sticky-footer.d.ts.map +1 -0
  72. package/drawer/use-sticky-footer.js +35 -0
  73. package/drawer/use-sticky-footer.js.map +1 -0
  74. package/flashbar/index.js +10 -13
  75. package/flashbar/interfaces.d.ts +1 -0
  76. package/help-panel/styles.css.js +6 -6
  77. package/help-panel/styles.scoped.css +75 -75
  78. package/help-panel/styles.selectors.js +6 -6
  79. package/icon/index.js +8 -13
  80. package/icon/interfaces.d.ts +2 -1
  81. package/icon/styles.css.js +39 -39
  82. package/icon/styles.scoped.css +87 -87
  83. package/icon/styles.selectors.js +39 -39
  84. package/icon-provider/index.js +12 -2
  85. package/index.d.ts +4 -1
  86. package/index.js +4 -0
  87. package/input/index.js +53 -12
  88. package/input/interfaces.d.ts +3 -1
  89. package/internal/base-component/styles.scoped.css +62 -50
  90. package/internal/components/button-trigger/styles.css.js +13 -13
  91. package/internal/components/button-trigger/styles.scoped.css +29 -29
  92. package/internal/components/button-trigger/styles.selectors.js +13 -13
  93. package/internal/components/cartesian-chart/styles.css.js +28 -28
  94. package/internal/components/cartesian-chart/styles.scoped.css +33 -33
  95. package/internal/components/cartesian-chart/styles.selectors.js +28 -28
  96. package/internal/components/radio-button/interfaces.d.ts +3 -3
  97. package/internal/components/token-list/styles.css.js +10 -10
  98. package/internal/components/token-list/styles.scoped.css +25 -25
  99. package/internal/components/token-list/styles.selectors.js +10 -10
  100. package/internal/environment.js +3 -3
  101. package/internal/environment.json +3 -3
  102. package/internal/generated/styles/tokens.js +8 -8
  103. package/internal/generated/theming/index.cjs +24 -24
  104. package/internal/generated/theming/index.js +24 -24
  105. package/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
  106. package/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
  107. package/internal/hooks/use-portal-mode-classes/index.js +2 -2
  108. package/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
  109. package/internal/manifest.json +1 -1
  110. package/internal/plugins/controllers/drawers.d.ts +2 -2
  111. package/internal/plugins/controllers/drawers.d.ts.map +1 -1
  112. package/internal/plugins/controllers/drawers.js.map +1 -1
  113. package/internal/plugins/widget/interfaces.d.ts +2 -2
  114. package/internal/plugins/widget/interfaces.d.ts.map +1 -1
  115. package/internal/plugins/widget/interfaces.js.map +1 -1
  116. package/key-value-pairs/styles.css.js +8 -8
  117. package/key-value-pairs/styles.scoped.css +10 -10
  118. package/key-value-pairs/styles.selectors.js +8 -8
  119. package/link/index.js +25 -11
  120. package/link/interfaces.d.ts +3 -2
  121. package/link/styles.css.js +20 -20
  122. package/link/styles.scoped.css +91 -91
  123. package/link/styles.selectors.js +20 -20
  124. package/navigable-group/index.js +19 -4
  125. package/package.json +4 -1
  126. package/popover/internal.js +1 -1
  127. package/popover/internal.js.map +1 -1
  128. package/popover/styles.css.js +57 -57
  129. package/popover/styles.scoped.css +87 -87
  130. package/popover/styles.selectors.js +57 -57
  131. package/progress-bar/index.d.ts +1 -0
  132. package/progress-bar/index.js +52 -14
  133. package/progress-bar/interfaces.d.ts +1 -0
  134. package/progress-bar/styles.css.js +19 -19
  135. package/progress-bar/styles.scoped.css +31 -31
  136. package/progress-bar/styles.selectors.js +19 -19
  137. package/prompt-input/index.js +19 -11
  138. package/prompt-input/interfaces.d.ts +4 -3
  139. package/radio-button/index.js +19 -4
  140. package/radio-group/index.js +20 -11
  141. package/radio-group/interfaces.d.ts +1 -1
  142. package/segmented-control/index.js +14 -13
  143. package/segmented-control/interfaces.d.ts +1 -0
  144. package/select/interfaces.d.ts +1 -1
  145. package/select/interfaces.js.map +1 -1
  146. package/side-navigation/styles.css.js +30 -30
  147. package/side-navigation/styles.scoped.css +47 -47
  148. package/side-navigation/styles.selectors.js +30 -30
  149. package/space-between/index.js +10 -13
  150. package/space-between/interfaces.d.ts +2 -1
  151. package/spinner/index.js +10 -13
  152. package/spinner/interfaces.d.ts +2 -1
  153. package/split-panel/icons/styles.css.js +22 -22
  154. package/split-panel/icons/styles.scoped.css +25 -25
  155. package/split-panel/icons/styles.selectors.js +22 -22
  156. package/status-indicator/index.js +10 -13
  157. package/status-indicator/interfaces.d.ts +2 -1
  158. package/steps/index.js +11 -11
  159. package/steps/interfaces.d.ts +6 -2
  160. package/table/header-cell/index.d.ts +1 -1
  161. package/table/header-cell/index.d.ts.map +1 -1
  162. package/table/header-cell/index.js +1 -1
  163. package/table/header-cell/index.js.map +1 -1
  164. package/table/header-cell/th-element.d.ts +1 -1
  165. package/table/header-cell/th-element.d.ts.map +1 -1
  166. package/table/header-cell/th-element.js.map +1 -1
  167. package/table/resizer/index.d.ts +3 -1
  168. package/table/resizer/index.d.ts.map +1 -1
  169. package/table/resizer/index.js +8 -5
  170. package/table/resizer/index.js.map +1 -1
  171. package/table/resizer/styles.css.js +13 -12
  172. package/table/resizer/styles.scoped.css +22 -22
  173. package/table/resizer/styles.selectors.js +13 -12
  174. package/table/thead.d.ts +1 -1
  175. package/table/thead.d.ts.map +1 -1
  176. package/table/thead.js.map +1 -1
  177. package/tag-editor/styles.css.js +3 -3
  178. package/tag-editor/styles.scoped.css +13 -13
  179. package/tag-editor/styles.selectors.js +3 -3
  180. package/test-utils/dom/drawer/index.d.ts +1 -0
  181. package/test-utils/dom/drawer/index.js +3 -0
  182. package/test-utils/dom/drawer/index.js.map +1 -1
  183. package/test-utils/selectors/drawer/index.d.ts +1 -0
  184. package/test-utils/selectors/drawer/index.js +3 -0
  185. package/test-utils/selectors/drawer/index.js.map +1 -1
  186. package/text-content/styles.css.js +1 -1
  187. package/text-content/styles.scoped.css +66 -66
  188. package/text-content/styles.selectors.js +1 -1
  189. package/text-filter/index.js +17 -10
  190. package/text-filter/interfaces.d.ts +1 -0
  191. package/textarea/index.js +65 -12
  192. package/textarea/interfaces.d.ts +3 -2
  193. package/time-input/index.js +15 -11
  194. package/toggle/index.js +6 -10
  195. package/toggle/interfaces.d.ts +3 -2
  196. package/toggle-button/index.js +14 -11
  197. package/token/styles.css.js +14 -14
  198. package/token/styles.scoped.css +29 -29
  199. package/token/styles.selectors.js +14 -14
  200. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  201. package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
  202. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  203. package/wizard/index.js +35 -13
  204. package/wizard/interfaces.d.ts +1 -1
  205. package/autosuggest/internal-do-not-use-core.js +0 -35
  206. package/badge/internal-do-not-use-core.js +0 -19
  207. package/box/internal-do-not-use-core.js +0 -23
  208. package/button/internal-do-not-use-core.js +0 -19
  209. package/button-dropdown/internal-do-not-use-core.js +0 -34
  210. package/button-group/internal-do-not-use-core.js +0 -49
  211. package/checkbox/internal-do-not-use-core.js +0 -16
  212. package/container/internal-do-not-use-core.js +0 -34
  213. package/date-input/internal-do-not-use-core.js +0 -16
  214. package/flashbar/internal-do-not-use-core.js +0 -15
  215. package/icon/internal-do-not-use-core.js +0 -13
  216. package/input/internal-do-not-use-core.js +0 -59
  217. package/link/internal-do-not-use-core.js +0 -32
  218. package/progress-bar/internal-do-not-use-core.js +0 -56
  219. package/prompt-input/internal-do-not-use-core.js +0 -26
  220. package/radio-group/internal-do-not-use-core.js +0 -27
  221. package/segmented-control/internal-do-not-use-core.js +0 -19
  222. package/space-between/internal-do-not-use-core.js +0 -15
  223. package/spinner/internal-do-not-use-core.js +0 -15
  224. package/status-indicator/internal-do-not-use-core.js +0 -15
  225. package/steps/internal-do-not-use-core.js +0 -18
  226. package/text-filter/internal-do-not-use-core.js +0 -25
  227. package/textarea/internal-do-not-use-core.js +0 -71
  228. package/time-input/internal-do-not-use-core.js +0 -22
  229. package/toggle/internal-do-not-use-core.js +0 -14
  230. package/toggle-button/internal-do-not-use-core.js +0 -21
  231. package/wizard/internal-do-not-use-core.js +0 -40
  232. /package/autosuggest/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  233. /package/badge/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  234. /package/box/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  235. /package/button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  236. /package/button-dropdown/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  237. /package/button-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  238. /package/checkbox/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  239. /package/container/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  240. /package/date-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  241. /package/flashbar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  242. /package/icon/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  243. /package/input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  244. /package/link/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  245. /package/progress-bar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  246. /package/prompt-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  247. /package/radio-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  248. /package/segmented-control/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  249. /package/space-between/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  250. /package/spinner/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  251. /package/status-indicator/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  252. /package/steps/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  253. /package/text-filter/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  254. /package/textarea/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  255. /package/time-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  256. /package/toggle/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  257. /package/toggle-button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  258. /package/wizard/{internal-do-not-use-core.js.map → index.js.map} +0 -0
@@ -142,13 +142,13 @@
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_resize-active_x7peu_ov207_145:not(#\9):not(.awsui_resize-active-with-focus_x7peu_ov207_145) * {
145
+ .awsui_resize-active_x7peu_an1qk_145:not(#\9):not(.awsui_resize-active-with-focus_x7peu_an1qk_145) * {
146
146
  cursor: col-resize;
147
147
  -webkit-user-select: none;
148
148
  user-select: none;
149
149
  }
150
150
 
151
- .awsui_resizer-wrapper_x7peu_ov207_150:not(#\9) {
151
+ .awsui_resizer-wrapper_x7peu_an1qk_150:not(#\9) {
152
152
  inset-block: 0;
153
153
  position: absolute;
154
154
  inset-inline-end: calc(-1 * var(--space-xl-jfy3x4, 24px) / 2);
@@ -156,16 +156,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
156
  overflow: hidden;
157
157
  z-index: 10;
158
158
  }
159
- th:not(#\9):last-child > .awsui_resizer-wrapper_x7peu_ov207_150:has(.awsui_divider-interactive_x7peu_ov207_158):not(.awsui_is-visual-refresh_x7peu_ov207_158) {
159
+ th:not(#\9):last-child > .awsui_resizer-wrapper_x7peu_an1qk_150:has(.awsui_divider-interactive_x7peu_an1qk_158).awsui_is-borderless_x7peu_an1qk_158 {
160
160
  inset-inline-end: 0;
161
161
  }
162
162
 
163
- .awsui_resizer-button-wrapper_x7peu_ov207_162:not(#\9) {
163
+ .awsui_resizer-button-wrapper_x7peu_an1qk_162:not(#\9) {
164
164
  block-size: 100%;
165
165
  }
166
166
 
167
- th:not(#\9):not(:last-child) > .awsui_divider_x7peu_ov207_158,
168
- .awsui_divider-interactive_x7peu_ov207_158:not(#\9) {
167
+ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_an1qk_158,
168
+ .awsui_divider-interactive_x7peu_an1qk_158:not(#\9) {
169
169
  position: absolute;
170
170
  outline: none;
171
171
  pointer-events: none;
@@ -180,19 +180,23 @@ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_ov207_158,
180
180
  box-sizing: border-box;
181
181
  }
182
182
 
183
- th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_ov207_182 {
183
+ th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_an1qk_182 {
184
184
  border-inline-start-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
185
185
  }
186
186
 
187
- .awsui_divider-interactive_x7peu_ov207_158:not(#\9) {
187
+ .awsui_divider-interactive_x7peu_an1qk_158:not(#\9) {
188
188
  inset-inline-end: calc(var(--space-xl-jfy3x4, 24px) / 2);
189
189
  }
190
190
 
191
- .awsui_divider-active_x7peu_ov207_190:not(#\9) {
191
+ th:not(#\9):last-child > .awsui_resizer-wrapper_x7peu_an1qk_150.awsui_visual-refresh_x7peu_an1qk_190.awsui_is-borderless_x7peu_an1qk_158 .awsui_divider-interactive_x7peu_an1qk_158 {
192
+ inset-inline-end: 0;
193
+ }
194
+
195
+ .awsui_divider-active_x7peu_an1qk_194:not(#\9) {
192
196
  border-inline-start: 2px solid var(--color-border-divider-active-biq3j4, #0f141a);
193
197
  }
194
198
 
195
- .awsui_resizer_x7peu_ov207_150:not(#\9) {
199
+ .awsui_resizer_x7peu_an1qk_150:not(#\9) {
196
200
  border-collapse: separate;
197
201
  border-spacing: 0;
198
202
  box-sizing: border-box;
@@ -230,24 +234,24 @@ th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_ov207_182 {
230
234
  block-size: 100%;
231
235
  inline-size: var(--space-xl-jfy3x4, 24px);
232
236
  }
233
- .awsui_resizer_x7peu_ov207_150:not(#\9):focus {
237
+ .awsui_resizer_x7peu_an1qk_150:not(#\9):focus {
234
238
  outline: none;
235
239
  text-decoration: none;
236
240
  }
237
- .awsui_resize-active_x7peu_ov207_145 .awsui_resizer_x7peu_ov207_150:not(#\9) {
241
+ .awsui_resize-active_x7peu_an1qk_145 .awsui_resizer_x7peu_an1qk_150:not(#\9) {
238
242
  pointer-events: none;
239
243
  }
240
- .awsui_resizer_x7peu_ov207_150:not(#\9):hover + .awsui_divider_x7peu_ov207_158 {
244
+ .awsui_resizer_x7peu_an1qk_150:not(#\9):hover + .awsui_divider_x7peu_an1qk_158 {
241
245
  border-inline-start: 2px solid var(--color-border-divider-active-biq3j4, #0f141a);
242
246
  }
243
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_ov207_150.awsui_has-focus_x7peu_ov207_242:not(#\9) {
247
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_an1qk_150.awsui_has-focus_x7peu_an1qk_246:not(#\9) {
244
248
  position: relative;
245
249
  }
246
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_ov207_150.awsui_has-focus_x7peu_ov207_242:not(#\9) {
250
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_an1qk_150.awsui_has-focus_x7peu_an1qk_246:not(#\9) {
247
251
  outline: 2px dotted transparent;
248
252
  outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-ymwujm, 0px) - 2px) - 1px);
249
253
  }
250
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_ov207_150.awsui_has-focus_x7peu_ov207_242:not(#\9)::before {
254
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_an1qk_150.awsui_has-focus_x7peu_an1qk_246:not(#\9)::before {
251
255
  content: " ";
252
256
  display: block;
253
257
  position: absolute;
@@ -262,17 +266,13 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_ov207_150.awsui_has-foc
262
266
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
263
267
  }
264
268
 
265
- th:not(#\9):last-child > .awsui_resizer_x7peu_ov207_150:not(.awsui_is-visual-refresh_x7peu_ov207_158) {
266
- inset-inline-end: 0;
267
- }
268
-
269
- .awsui_tracker_x7peu_ov207_268:not(#\9) {
269
+ .awsui_tracker_x7peu_an1qk_268:not(#\9) {
270
270
  display: none;
271
271
  position: absolute;
272
272
  border-inline-start: var(--border-divider-list-width-tdfx1x, 1px) dashed var(--color-border-divider-active-biq3j4, #0f141a);
273
273
  inline-size: 0;
274
274
  inset-block: 0;
275
275
  }
276
- .awsui_resize-active_x7peu_ov207_145 .awsui_tracker_x7peu_ov207_268:not(#\9) {
276
+ .awsui_resize-active_x7peu_an1qk_145 .awsui_tracker_x7peu_an1qk_268:not(#\9) {
277
277
  display: block;
278
278
  }
@@ -2,17 +2,18 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "resize-active": "awsui_resize-active_x7peu_ov207_145",
6
- "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_ov207_145",
7
- "resizer-wrapper": "awsui_resizer-wrapper_x7peu_ov207_150",
8
- "divider-interactive": "awsui_divider-interactive_x7peu_ov207_158",
9
- "is-visual-refresh": "awsui_is-visual-refresh_x7peu_ov207_158",
10
- "resizer-button-wrapper": "awsui_resizer-button-wrapper_x7peu_ov207_162",
11
- "divider": "awsui_divider_x7peu_ov207_158",
12
- "divider-disabled": "awsui_divider-disabled_x7peu_ov207_182",
13
- "divider-active": "awsui_divider-active_x7peu_ov207_190",
14
- "resizer": "awsui_resizer_x7peu_ov207_150",
15
- "has-focus": "awsui_has-focus_x7peu_ov207_242",
16
- "tracker": "awsui_tracker_x7peu_ov207_268"
5
+ "resize-active": "awsui_resize-active_x7peu_an1qk_145",
6
+ "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_an1qk_145",
7
+ "resizer-wrapper": "awsui_resizer-wrapper_x7peu_an1qk_150",
8
+ "divider-interactive": "awsui_divider-interactive_x7peu_an1qk_158",
9
+ "is-borderless": "awsui_is-borderless_x7peu_an1qk_158",
10
+ "resizer-button-wrapper": "awsui_resizer-button-wrapper_x7peu_an1qk_162",
11
+ "divider": "awsui_divider_x7peu_an1qk_158",
12
+ "divider-disabled": "awsui_divider-disabled_x7peu_an1qk_182",
13
+ "visual-refresh": "awsui_visual-refresh_x7peu_an1qk_190",
14
+ "divider-active": "awsui_divider-active_x7peu_an1qk_194",
15
+ "resizer": "awsui_resizer_x7peu_an1qk_150",
16
+ "has-focus": "awsui_has-focus_x7peu_an1qk_246",
17
+ "tracker": "awsui_tracker_x7peu_an1qk_268"
17
18
  };
18
19
 
package/table/thead.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface TheadProps {
11
11
  sortingDescending: boolean | undefined;
12
12
  sortingDisabled: boolean | undefined;
13
13
  variant: TableProps.Variant;
14
- tableVariant?: string;
14
+ tableVariant?: TableProps.Variant;
15
15
  wrapLines: boolean | undefined;
16
16
  resizableColumns: boolean | undefined;
17
17
  getSelectAllProps?: () => SelectionProps;
@@ -1 +1 @@
1
- {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,wFA8GV,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,wFA8GV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"thead.js","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { TableHeaderCell } from './header-cell';\nimport { TableProps } from './interfaces';\nimport { focusMarkers, SelectionProps } from './selection';\nimport { TableHeaderSelectionCell } from './selection/selection-cell';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { getTableHeaderRowRoleProps, TableRole } from './table-role';\nimport { useColumnWidths } from './use-column-widths';\nimport { getColumnKey } from './utils';\n\nimport styles from './styles.css.js';\n\nexport interface TheadProps {\n selectionType: TableProps.SelectionType | undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n variant: TableProps.Variant;\n tableVariant?: string;\n wrapLines: boolean | undefined;\n resizableColumns: boolean | undefined;\n getSelectAllProps?: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n onResizeFinish: (newWidths: Map<PropertyKey, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n resizerRoleDescription?: string;\n resizerTooltipText?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: null | string;\n onFocusedComponentChange?: (focusId: null | string) => void;\n tableRole: TableRole;\n isExpandable?: boolean;\n setLastUserAction: (name: string) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n tableVariant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n tableRole,\n resizerRoleDescription,\n resizerTooltipText,\n isExpandable,\n setLastUserAction,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const { getColumnStyles, columnWidths, updateColumn, setCell } = useColumnWidths();\n\n const commonCellProps = {\n stuck,\n sticky,\n hidden,\n stripedRows,\n tableRole,\n variant,\n tableVariant,\n stickyState,\n };\n\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr\n {...focusMarkers.all}\n ref={outerRef}\n aria-rowindex={1}\n {...getTableHeaderRowRoleProps({ tableRole })}\n onFocus={event => {\n const focusControlElement = findUpUntil(event.target, element => !!element.getAttribute('data-focus-id'));\n const focusId = focusControlElement?.getAttribute('data-focus-id') ?? null;\n onFocusedComponentChange?.(focusId);\n }}\n onBlur={() => onFocusedComponentChange?.(null)}\n >\n {selectionType ? (\n <TableHeaderSelectionCell\n {...commonCellProps}\n focusedComponent={focusedComponent}\n columnId={selectionColumnId}\n getSelectAllProps={getSelectAllProps}\n onFocusMove={onFocusMove}\n singleSelectionHeaderAriaLabel={singleSelectionHeaderAriaLabel}\n />\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n const columnId = getColumnKey(column, colIndex);\n return (\n <TableHeaderCell\n {...commonCellProps}\n key={columnId}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n colIndex={selectionType ? colIndex + 1 : colIndex}\n columnId={columnId}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n resizableStyle={getColumnStyles(sticky, columnId)}\n onClick={detail => {\n setLastUserAction('sorting');\n fireNonCancelableEvent(onSortingChange, detail);\n }}\n isEditable={!!column.editConfig}\n cellRef={node => setCell(sticky, columnId, node)}\n tableRole={tableRole}\n resizerRoleDescription={resizerRoleDescription}\n resizerTooltipText={resizerTooltipText}\n // Expandable option is only applicable to the first data column of the table.\n // When present, the header content receives extra padding to match the first offset in the data cells.\n isExpandable={colIndex === 0 && isExpandable}\n hasDynamicContent={hidden && !resizableColumns && column.hasDynamicContent}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
1
+ {"version":3,"file":"thead.js","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { TableHeaderCell } from './header-cell';\nimport { TableProps } from './interfaces';\nimport { focusMarkers, SelectionProps } from './selection';\nimport { TableHeaderSelectionCell } from './selection/selection-cell';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { getTableHeaderRowRoleProps, TableRole } from './table-role';\nimport { useColumnWidths } from './use-column-widths';\nimport { getColumnKey } from './utils';\n\nimport styles from './styles.css.js';\n\nexport interface TheadProps {\n selectionType: TableProps.SelectionType | undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n variant: TableProps.Variant;\n tableVariant?: TableProps.Variant;\n wrapLines: boolean | undefined;\n resizableColumns: boolean | undefined;\n getSelectAllProps?: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n onResizeFinish: (newWidths: Map<PropertyKey, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n resizerRoleDescription?: string;\n resizerTooltipText?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: null | string;\n onFocusedComponentChange?: (focusId: null | string) => void;\n tableRole: TableRole;\n isExpandable?: boolean;\n setLastUserAction: (name: string) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n tableVariant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n tableRole,\n resizerRoleDescription,\n resizerTooltipText,\n isExpandable,\n setLastUserAction,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const { getColumnStyles, columnWidths, updateColumn, setCell } = useColumnWidths();\n\n const commonCellProps = {\n stuck,\n sticky,\n hidden,\n stripedRows,\n tableRole,\n variant,\n tableVariant,\n stickyState,\n };\n\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr\n {...focusMarkers.all}\n ref={outerRef}\n aria-rowindex={1}\n {...getTableHeaderRowRoleProps({ tableRole })}\n onFocus={event => {\n const focusControlElement = findUpUntil(event.target, element => !!element.getAttribute('data-focus-id'));\n const focusId = focusControlElement?.getAttribute('data-focus-id') ?? null;\n onFocusedComponentChange?.(focusId);\n }}\n onBlur={() => onFocusedComponentChange?.(null)}\n >\n {selectionType ? (\n <TableHeaderSelectionCell\n {...commonCellProps}\n focusedComponent={focusedComponent}\n columnId={selectionColumnId}\n getSelectAllProps={getSelectAllProps}\n onFocusMove={onFocusMove}\n singleSelectionHeaderAriaLabel={singleSelectionHeaderAriaLabel}\n />\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n const columnId = getColumnKey(column, colIndex);\n return (\n <TableHeaderCell\n {...commonCellProps}\n key={columnId}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n colIndex={selectionType ? colIndex + 1 : colIndex}\n columnId={columnId}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n resizableStyle={getColumnStyles(sticky, columnId)}\n onClick={detail => {\n setLastUserAction('sorting');\n fireNonCancelableEvent(onSortingChange, detail);\n }}\n isEditable={!!column.editConfig}\n cellRef={node => setCell(sticky, columnId, node)}\n tableRole={tableRole}\n resizerRoleDescription={resizerRoleDescription}\n resizerTooltipText={resizerTooltipText}\n // Expandable option is only applicable to the first data column of the table.\n // When present, the header content receives extra padding to match the first offset in the data cells.\n isExpandable={colIndex === 0 && isExpandable}\n hasDynamicContent={hidden && !resizableColumns && column.hasDynamicContent}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_brdst_1jmvu_145",
5
- "loading": "awsui_loading_brdst_1jmvu_149",
6
- "undo-button": "awsui_undo-button_brdst_1jmvu_153"
4
+ "root": "awsui_root_brdst_1v58z_145",
5
+ "loading": "awsui_loading_brdst_1v58z_149",
6
+ "undo-button": "awsui_undo-button_brdst_1v58z_153"
7
7
  };
8
8
 
@@ -142,20 +142,20 @@
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_root_brdst_1jmvu_145:not(#\9) {
145
+ .awsui_root_brdst_1v58z_145:not(#\9) {
146
146
  /* used in test utils */
147
147
  }
148
148
 
149
- .awsui_loading_brdst_1jmvu_149:not(#\9) {
149
+ .awsui_loading_brdst_1v58z_149:not(#\9) {
150
150
  /* used in test utils */
151
151
  }
152
152
 
153
- .awsui_undo-button_brdst_1jmvu_153:not(#\9) {
153
+ .awsui_undo-button_brdst_1v58z_153:not(#\9) {
154
154
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
155
155
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
156
156
  text-underline-offset: 0.25em;
157
157
  text-decoration-thickness: 1px;
158
- color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-1dmm7z, #006ce0));
158
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-hude44, #006ce0));
159
159
  font-weight: var(--font-link-button-weight-vslyg9, 700);
160
160
  letter-spacing: var(--font-link-button-letter-spacing-imtxwq, 0.005em);
161
161
  text-decoration-line: underline;
@@ -166,30 +166,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
167
167
  }
168
168
  @media (prefers-reduced-motion: reduce) {
169
- .awsui_undo-button_brdst_1jmvu_153:not(#\9) {
169
+ .awsui_undo-button_brdst_1v58z_153:not(#\9) {
170
170
  animation: none;
171
171
  transition: none;
172
172
  }
173
173
  }
174
- .awsui-motion-disabled .awsui_undo-button_brdst_1jmvu_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1jmvu_153:not(#\9) {
174
+ .awsui-motion-disabled .awsui_undo-button_brdst_1v58z_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1v58z_153:not(#\9) {
175
175
  animation: none;
176
176
  transition: none;
177
177
  }
178
- .awsui_undo-button_brdst_1jmvu_153:not(#\9):hover {
178
+ .awsui_undo-button_brdst_1v58z_153:not(#\9):hover {
179
179
  cursor: pointer;
180
- color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-sq1gxg, #002b66));
180
+ color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
181
181
  }
182
- .awsui_undo-button_brdst_1jmvu_153:not(#\9):focus {
182
+ .awsui_undo-button_brdst_1v58z_153:not(#\9):focus {
183
183
  outline: none;
184
184
  }
185
- .awsui_undo-button_brdst_1jmvu_153:not(#\9):active {
186
- color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-sq1gxg, #002b66));
185
+ .awsui_undo-button_brdst_1v58z_153:not(#\9):active {
186
+ color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
187
187
  }
188
- .awsui_undo-button_brdst_1jmvu_153:not(#\9):active, .awsui_undo-button_brdst_1jmvu_153:not(#\9):focus, .awsui_undo-button_brdst_1jmvu_153:not(#\9):hover {
188
+ .awsui_undo-button_brdst_1v58z_153:not(#\9):active, .awsui_undo-button_brdst_1v58z_153:not(#\9):focus, .awsui_undo-button_brdst_1v58z_153:not(#\9):hover {
189
189
  text-decoration-line: underline;
190
190
  text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
191
191
  }
192
- body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1jmvu_153:not(#\9):focus {
192
+ body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1v58z_153:not(#\9):focus {
193
193
  outline: thin dotted;
194
194
  outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
195
195
  outline-offset: 2px;
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_brdst_1jmvu_145",
6
- "loading": "awsui_loading_brdst_1jmvu_149",
7
- "undo-button": "awsui_undo-button_brdst_1jmvu_153"
5
+ "root": "awsui_root_brdst_1v58z_145",
6
+ "loading": "awsui_loading_brdst_1v58z_149",
7
+ "undo-button": "awsui_undo-button_brdst_1v58z_153"
8
8
  };
9
9
 
@@ -2,6 +2,7 @@ import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-
2
2
  export default class DrawerWrapper extends ComponentWrapper {
3
3
  static rootSelector: string;
4
4
  findHeader(): ElementWrapper | null;
5
+ findFooter(): ElementWrapper | null;
5
6
  findHeaderActions(): ElementWrapper | null;
6
7
  findContent(): ElementWrapper | null;
7
8
  }
@@ -8,6 +8,9 @@ class DrawerWrapper extends dom_1.ComponentWrapper {
8
8
  findHeader() {
9
9
  return this.findByClassName(styles_selectors_js_1.default.header);
10
10
  }
11
+ findFooter() {
12
+ return this.findByClassName(styles_selectors_js_1.default.footer);
13
+ }
11
14
  findHeaderActions() {
12
15
  return this.findByClassName(styles_selectors_js_1.default['header-actions']);
13
16
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/drawer/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,6EAAyD;AAEzD,MAAqB,aAAc,SAAQ,sBAAgB;IAGzD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACxD,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACnE,CAAC;;AAZM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;kBADzB,aAAa"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/drawer/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,6EAAyD;AAEzD,MAAqB,aAAc,SAAQ,sBAAgB;IAGzD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACxD,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACnE,CAAC;;AAhBM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;kBADzB,aAAa"}
@@ -2,6 +2,7 @@ import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-
2
2
  export default class DrawerWrapper extends ComponentWrapper {
3
3
  static rootSelector: string;
4
4
  findHeader(): ElementWrapper;
5
+ findFooter(): ElementWrapper;
5
6
  findHeaderActions(): ElementWrapper;
6
7
  findContent(): ElementWrapper;
7
8
  }
@@ -8,6 +8,9 @@ class DrawerWrapper extends selectors_1.ComponentWrapper {
8
8
  findHeader() {
9
9
  return this.findByClassName(styles_selectors_js_1.default.header);
10
10
  }
11
+ findFooter() {
12
+ return this.findByClassName(styles_selectors_js_1.default.footer);
13
+ }
11
14
  findHeaderActions() {
12
15
  return this.findByClassName(styles_selectors_js_1.default['header-actions']);
13
16
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/drawer/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,6EAAyD;AACzD,MAAqB,aAAc,SAAQ,4BAAgB;IAEzD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACnE,CAAC;;AATM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;kBADzB,aAAa"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/drawer/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,6EAAyD;AACzD,MAAqB,aAAc,SAAQ,4BAAgB;IAEzD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IACD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACnE,CAAC;;AAZM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;kBADzB,aAAa"}
@@ -1,6 +1,6 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "text-content": "awsui_text-content_6absk_1bk63_146"
4
+ "text-content": "awsui_text-content_6absk_d5xe0_146"
5
5
  };
6
6