@cloudscape-design/components-themeable 3.0.1163 → 3.0.1165

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 (192) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +1 -0
  3. package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +4 -1
  4. package/lib/internal/scss/drawer/styles.scss +25 -0
  5. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  6. package/lib/internal/scss/table/resizer/styles.scss +7 -6
  7. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  8. package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -21
  9. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  10. package/lib/internal/template/app-layout/runtime-drawer/index.d.ts.map +1 -1
  11. package/lib/internal/template/app-layout/runtime-drawer/index.js +20 -18
  12. package/lib/internal/template/app-layout/runtime-drawer/index.js.map +1 -1
  13. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  14. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +164 -163
  15. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +86 -83
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
  22. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  23. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  24. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  25. package/lib/internal/template/autosuggest/interfaces.d.ts +1 -1
  26. package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
  27. package/lib/internal/template/box/styles.css.js +192 -192
  28. package/lib/internal/template/box/styles.scoped.css +242 -242
  29. package/lib/internal/template/box/styles.selectors.js +192 -192
  30. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  31. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  32. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  33. package/lib/internal/template/button/styles.css.js +22 -22
  34. package/lib/internal/template/button/styles.scoped.css +96 -96
  35. package/lib/internal/template/button/styles.selectors.js +22 -22
  36. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +17 -17
  37. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +27 -27
  38. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +17 -17
  39. package/lib/internal/template/button-dropdown/item-element/styles.css.js +20 -20
  40. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +35 -35
  41. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +20 -20
  42. package/lib/internal/template/button-group/interfaces.d.ts +9 -0
  43. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  44. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  45. package/lib/internal/template/calendar/styles.css.js +21 -21
  46. package/lib/internal/template/calendar/styles.scoped.css +44 -44
  47. package/lib/internal/template/calendar/styles.selectors.js +21 -21
  48. package/lib/internal/template/cards/styles.css.js +39 -39
  49. package/lib/internal/template/cards/styles.scoped.css +51 -51
  50. package/lib/internal/template/cards/styles.selectors.js +39 -39
  51. package/lib/internal/template/code-editor/styles.css.js +33 -33
  52. package/lib/internal/template/code-editor/styles.scoped.css +187 -187
  53. package/lib/internal/template/code-editor/styles.selectors.js +33 -33
  54. package/lib/internal/template/collection-preferences/styles.css.js +36 -36
  55. package/lib/internal/template/collection-preferences/styles.scoped.css +38 -38
  56. package/lib/internal/template/collection-preferences/styles.selectors.js +36 -36
  57. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
  58. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +56 -56
  59. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  60. package/lib/internal/template/drawer/implementation.d.ts +1 -1
  61. package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
  62. package/lib/internal/template/drawer/implementation.js +13 -4
  63. package/lib/internal/template/drawer/implementation.js.map +1 -1
  64. package/lib/internal/template/drawer/interfaces.d.ts +7 -0
  65. package/lib/internal/template/drawer/interfaces.d.ts.map +1 -1
  66. package/lib/internal/template/drawer/interfaces.js.map +1 -1
  67. package/lib/internal/template/drawer/styles.css.js +12 -8
  68. package/lib/internal/template/drawer/styles.scoped.css +35 -13
  69. package/lib/internal/template/drawer/styles.selectors.js +12 -8
  70. package/lib/internal/template/drawer/use-sticky-footer.d.ts +9 -0
  71. package/lib/internal/template/drawer/use-sticky-footer.d.ts.map +1 -0
  72. package/lib/internal/template/drawer/use-sticky-footer.js +35 -0
  73. package/lib/internal/template/drawer/use-sticky-footer.js.map +1 -0
  74. package/lib/internal/template/expandable-section/styles.css.js +35 -35
  75. package/lib/internal/template/expandable-section/styles.scoped.css +68 -68
  76. package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
  77. package/lib/internal/template/help-panel/styles.css.js +6 -6
  78. package/lib/internal/template/help-panel/styles.scoped.css +75 -75
  79. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  80. package/lib/internal/template/icon/styles.css.js +39 -39
  81. package/lib/internal/template/icon/styles.scoped.css +87 -87
  82. package/lib/internal/template/icon/styles.selectors.js +39 -39
  83. package/lib/internal/template/internal/base-component/styles.scoped.css +504 -437
  84. package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
  85. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +29 -29
  86. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
  87. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
  88. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +33 -33
  89. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
  90. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +19 -19
  91. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +33 -33
  92. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -19
  93. package/lib/internal/template/internal/components/option/styles.css.js +16 -16
  94. package/lib/internal/template/internal/components/option/styles.scoped.css +29 -29
  95. package/lib/internal/template/internal/components/option/styles.selectors.js +16 -16
  96. package/lib/internal/template/internal/components/selectable-item/styles.css.js +23 -23
  97. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +54 -54
  98. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +23 -23
  99. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  100. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  101. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  102. package/lib/internal/template/internal/environment.js +3 -3
  103. package/lib/internal/template/internal/environment.json +2 -2
  104. package/lib/internal/template/internal/generated/styles/tokens.js +8 -8
  105. package/lib/internal/template/internal/generated/theming/index.cjs +24 -24
  106. package/lib/internal/template/internal/generated/theming/index.js +24 -24
  107. package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
  108. package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
  109. package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js +2 -2
  110. package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
  111. package/lib/internal/template/internal/plugins/controllers/drawers.d.ts +2 -2
  112. package/lib/internal/template/internal/plugins/controllers/drawers.d.ts.map +1 -1
  113. package/lib/internal/template/internal/plugins/controllers/drawers.js.map +1 -1
  114. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +2 -2
  115. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
  116. package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
  117. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  118. package/lib/internal/template/key-value-pairs/styles.scoped.css +10 -10
  119. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  120. package/lib/internal/template/link/styles.css.js +20 -20
  121. package/lib/internal/template/link/styles.scoped.css +92 -92
  122. package/lib/internal/template/link/styles.selectors.js +20 -20
  123. package/lib/internal/template/pagination/styles.css.js +9 -9
  124. package/lib/internal/template/pagination/styles.scoped.css +24 -24
  125. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  126. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  127. package/lib/internal/template/pie-chart/styles.scoped.css +50 -50
  128. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  129. package/lib/internal/template/popover/internal.js +1 -1
  130. package/lib/internal/template/popover/internal.js.map +1 -1
  131. package/lib/internal/template/popover/styles.css.js +57 -57
  132. package/lib/internal/template/popover/styles.scoped.css +87 -87
  133. package/lib/internal/template/popover/styles.selectors.js +57 -57
  134. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  135. package/lib/internal/template/progress-bar/styles.scoped.css +31 -31
  136. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  137. package/lib/internal/template/property-filter/styles.css.js +39 -39
  138. package/lib/internal/template/property-filter/styles.scoped.css +42 -42
  139. package/lib/internal/template/property-filter/styles.selectors.js +39 -39
  140. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  141. package/lib/internal/template/segmented-control/styles.scoped.css +36 -36
  142. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  143. package/lib/internal/template/select/interfaces.d.ts +1 -1
  144. package/lib/internal/template/select/interfaces.js.map +1 -1
  145. package/lib/internal/template/side-navigation/styles.css.js +30 -30
  146. package/lib/internal/template/side-navigation/styles.scoped.css +47 -47
  147. package/lib/internal/template/side-navigation/styles.selectors.js +30 -30
  148. package/lib/internal/template/split-panel/icons/styles.css.js +22 -22
  149. package/lib/internal/template/split-panel/icons/styles.scoped.css +27 -27
  150. package/lib/internal/template/split-panel/icons/styles.selectors.js +22 -22
  151. package/lib/internal/template/table/body-cell/styles.css.js +47 -47
  152. package/lib/internal/template/table/body-cell/styles.scoped.css +377 -377
  153. package/lib/internal/template/table/body-cell/styles.selectors.js +47 -47
  154. package/lib/internal/template/table/header-cell/index.d.ts +1 -1
  155. package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
  156. package/lib/internal/template/table/header-cell/index.js +1 -1
  157. package/lib/internal/template/table/header-cell/index.js.map +1 -1
  158. package/lib/internal/template/table/header-cell/th-element.d.ts +1 -1
  159. package/lib/internal/template/table/header-cell/th-element.d.ts.map +1 -1
  160. package/lib/internal/template/table/header-cell/th-element.js.map +1 -1
  161. package/lib/internal/template/table/resizer/index.d.ts +2 -1
  162. package/lib/internal/template/table/resizer/index.d.ts.map +1 -1
  163. package/lib/internal/template/table/resizer/index.js +8 -5
  164. package/lib/internal/template/table/resizer/index.js.map +1 -1
  165. package/lib/internal/template/table/resizer/styles.css.js +13 -12
  166. package/lib/internal/template/table/resizer/styles.scoped.css +22 -22
  167. package/lib/internal/template/table/resizer/styles.selectors.js +13 -12
  168. package/lib/internal/template/table/thead.d.ts +1 -1
  169. package/lib/internal/template/table/thead.d.ts.map +1 -1
  170. package/lib/internal/template/table/thead.js.map +1 -1
  171. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  172. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  173. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  174. package/lib/internal/template/test-utils/dom/drawer/index.d.ts +1 -0
  175. package/lib/internal/template/test-utils/dom/drawer/index.js +3 -0
  176. package/lib/internal/template/test-utils/dom/drawer/index.js.map +1 -1
  177. package/lib/internal/template/test-utils/selectors/drawer/index.d.ts +1 -0
  178. package/lib/internal/template/test-utils/selectors/drawer/index.js +3 -0
  179. package/lib/internal/template/test-utils/selectors/drawer/index.js.map +1 -1
  180. package/lib/internal/template/text-content/styles.css.js +1 -1
  181. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  182. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  183. package/lib/internal/template/token/styles.css.js +14 -14
  184. package/lib/internal/template/token/styles.scoped.css +29 -29
  185. package/lib/internal/template/token/styles.selectors.js +14 -14
  186. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  187. package/lib/internal/template/top-navigation/styles.scoped.css +66 -66
  188. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  189. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  190. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
  191. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  192. package/package.json +1 -1
@@ -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_8ay32_145:not(#\9):not(.awsui_resize-active-with-focus_x7peu_8ay32_145) * {
145
+ .awsui_resize-active_x7peu_q4llk_145:not(#\9):not(.awsui_resize-active-with-focus_x7peu_q4llk_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_8ay32_150:not(#\9) {
151
+ .awsui_resizer-wrapper_x7peu_q4llk_150:not(#\9) {
152
152
  inset-block: 0;
153
153
  position: absolute;
154
154
  inset-inline-end: calc(-1 * var(--space-xl-4dmkh1, 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_8ay32_150:has(.awsui_divider-interactive_x7peu_8ay32_158):not(.awsui_is-visual-refresh_x7peu_8ay32_158) {
159
+ th:not(#\9):last-child > .awsui_resizer-wrapper_x7peu_q4llk_150:has(.awsui_divider-interactive_x7peu_q4llk_158).awsui_is-borderless_x7peu_q4llk_158 {
160
160
  inset-inline-end: 0;
161
161
  }
162
162
 
163
- .awsui_resizer-button-wrapper_x7peu_8ay32_162:not(#\9) {
163
+ .awsui_resizer-button-wrapper_x7peu_q4llk_162:not(#\9) {
164
164
  block-size: 100%;
165
165
  }
166
166
 
167
- th:not(#\9):not(:last-child) > .awsui_divider_x7peu_8ay32_158,
168
- .awsui_divider-interactive_x7peu_8ay32_158:not(#\9) {
167
+ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_q4llk_158,
168
+ .awsui_divider-interactive_x7peu_q4llk_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_8ay32_158,
180
180
  box-sizing: border-box;
181
181
  }
182
182
 
183
- th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_8ay32_182 {
183
+ th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_q4llk_182 {
184
184
  border-inline-start-color: var(--color-border-divider-default-ipvpev, #eaeded);
185
185
  }
186
186
 
187
- .awsui_divider-interactive_x7peu_8ay32_158:not(#\9) {
187
+ .awsui_divider-interactive_x7peu_q4llk_158:not(#\9) {
188
188
  inset-inline-end: calc(var(--space-xl-4dmkh1, 24px) / 2);
189
189
  }
190
190
 
191
- .awsui_divider-active_x7peu_8ay32_190:not(#\9) {
191
+ th:not(#\9):last-child > .awsui_resizer-wrapper_x7peu_q4llk_150.awsui_visual-refresh_x7peu_q4llk_190.awsui_is-borderless_x7peu_q4llk_158 .awsui_divider-interactive_x7peu_q4llk_158 {
192
+ inset-inline-end: 0;
193
+ }
194
+
195
+ .awsui_divider-active_x7peu_q4llk_194:not(#\9) {
192
196
  border-inline-start: 2px solid var(--color-border-divider-active-d5kcok, #687078);
193
197
  }
194
198
 
195
- .awsui_resizer_x7peu_8ay32_150:not(#\9) {
199
+ .awsui_resizer_x7peu_q4llk_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_8ay32_182 {
230
234
  block-size: 100%;
231
235
  inline-size: var(--space-xl-4dmkh1, 24px);
232
236
  }
233
- .awsui_resizer_x7peu_8ay32_150:not(#\9):focus {
237
+ .awsui_resizer_x7peu_q4llk_150:not(#\9):focus {
234
238
  outline: none;
235
239
  text-decoration: none;
236
240
  }
237
- .awsui_resize-active_x7peu_8ay32_145 .awsui_resizer_x7peu_8ay32_150:not(#\9) {
241
+ .awsui_resize-active_x7peu_q4llk_145 .awsui_resizer_x7peu_q4llk_150:not(#\9) {
238
242
  pointer-events: none;
239
243
  }
240
- .awsui_resizer_x7peu_8ay32_150:not(#\9):hover + .awsui_divider_x7peu_8ay32_158 {
244
+ .awsui_resizer_x7peu_q4llk_150:not(#\9):hover + .awsui_divider_x7peu_q4llk_158 {
241
245
  border-inline-start: 2px solid var(--color-border-divider-active-d5kcok, #687078);
242
246
  }
243
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_8ay32_150.awsui_has-focus_x7peu_8ay32_242:not(#\9) {
247
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_q4llk_150.awsui_has-focus_x7peu_q4llk_246:not(#\9) {
244
248
  position: relative;
245
249
  }
246
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_8ay32_150.awsui_has-focus_x7peu_8ay32_242:not(#\9) {
250
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_q4llk_150.awsui_has-focus_x7peu_q4llk_246:not(#\9) {
247
251
  outline: 2px dotted transparent;
248
252
  outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-0zj6up, 0px) - 2px) - 1px);
249
253
  }
250
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_8ay32_150.awsui_has-focus_x7peu_8ay32_242:not(#\9)::before {
254
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_q4llk_150.awsui_has-focus_x7peu_q4llk_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_8ay32_150.awsui_has-foc
262
266
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
263
267
  }
264
268
 
265
- th:not(#\9):last-child > .awsui_resizer_x7peu_8ay32_150:not(.awsui_is-visual-refresh_x7peu_8ay32_158) {
266
- inset-inline-end: 0;
267
- }
268
-
269
- .awsui_tracker_x7peu_8ay32_268:not(#\9) {
269
+ .awsui_tracker_x7peu_q4llk_268:not(#\9) {
270
270
  display: none;
271
271
  position: absolute;
272
272
  border-inline-start: var(--border-divider-list-width-8ggz94, 1px) dashed var(--color-border-divider-active-d5kcok, #687078);
273
273
  inline-size: 0;
274
274
  inset-block: 0;
275
275
  }
276
- .awsui_resize-active_x7peu_8ay32_145 .awsui_tracker_x7peu_8ay32_268:not(#\9) {
276
+ .awsui_resize-active_x7peu_q4llk_145 .awsui_tracker_x7peu_q4llk_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_8ay32_145",
6
- "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_8ay32_145",
7
- "resizer-wrapper": "awsui_resizer-wrapper_x7peu_8ay32_150",
8
- "divider-interactive": "awsui_divider-interactive_x7peu_8ay32_158",
9
- "is-visual-refresh": "awsui_is-visual-refresh_x7peu_8ay32_158",
10
- "resizer-button-wrapper": "awsui_resizer-button-wrapper_x7peu_8ay32_162",
11
- "divider": "awsui_divider_x7peu_8ay32_158",
12
- "divider-disabled": "awsui_divider-disabled_x7peu_8ay32_182",
13
- "divider-active": "awsui_divider-active_x7peu_8ay32_190",
14
- "resizer": "awsui_resizer_x7peu_8ay32_150",
15
- "has-focus": "awsui_has-focus_x7peu_8ay32_242",
16
- "tracker": "awsui_tracker_x7peu_8ay32_268"
5
+ "resize-active": "awsui_resize-active_x7peu_q4llk_145",
6
+ "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_q4llk_145",
7
+ "resizer-wrapper": "awsui_resizer-wrapper_x7peu_q4llk_150",
8
+ "divider-interactive": "awsui_divider-interactive_x7peu_q4llk_158",
9
+ "is-borderless": "awsui_is-borderless_x7peu_q4llk_158",
10
+ "resizer-button-wrapper": "awsui_resizer-button-wrapper_x7peu_q4llk_162",
11
+ "divider": "awsui_divider_x7peu_q4llk_158",
12
+ "divider-disabled": "awsui_divider-disabled_x7peu_q4llk_182",
13
+ "visual-refresh": "awsui_visual-refresh_x7peu_q4llk_190",
14
+ "divider-active": "awsui_divider-active_x7peu_q4llk_194",
15
+ "resizer": "awsui_resizer_x7peu_q4llk_150",
16
+ "has-focus": "awsui_has-focus_x7peu_q4llk_246",
17
+ "tracker": "awsui_tracker_x7peu_q4llk_268"
17
18
  };
18
19
 
@@ -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_1qvao_145",
5
- "loading": "awsui_loading_brdst_1qvao_149",
6
- "undo-button": "awsui_undo-button_brdst_1qvao_153"
4
+ "root": "awsui_root_brdst_obm7z_145",
5
+ "loading": "awsui_loading_brdst_obm7z_149",
6
+ "undo-button": "awsui_undo-button_brdst_obm7z_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_1qvao_145:not(#\9) {
145
+ .awsui_root_brdst_obm7z_145:not(#\9) {
146
146
  /* used in test utils */
147
147
  }
148
148
 
149
- .awsui_loading_brdst_1qvao_149:not(#\9) {
149
+ .awsui_loading_brdst_obm7z_149:not(#\9) {
150
150
  /* used in test utils */
151
151
  }
152
152
 
153
- .awsui_undo-button_brdst_1qvao_153:not(#\9) {
153
+ .awsui_undo-button_brdst_obm7z_153:not(#\9) {
154
154
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
155
155
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
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-x6cnv5, #0073bb));
158
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-z7zuy8, #0073bb));
159
159
  font-weight: var(--font-link-button-weight-bnpz8h, 400);
160
160
  letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
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-h3wrr6, 0ms);
167
167
  }
168
168
  @media (prefers-reduced-motion: reduce) {
169
- .awsui_undo-button_brdst_1qvao_153:not(#\9) {
169
+ .awsui_undo-button_brdst_obm7z_153:not(#\9) {
170
170
  animation: none;
171
171
  transition: none;
172
172
  }
173
173
  }
174
- .awsui-motion-disabled .awsui_undo-button_brdst_1qvao_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1qvao_153:not(#\9) {
174
+ .awsui-motion-disabled .awsui_undo-button_brdst_obm7z_153:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_obm7z_153:not(#\9) {
175
175
  animation: none;
176
176
  transition: none;
177
177
  }
178
- .awsui_undo-button_brdst_1qvao_153:not(#\9):hover {
178
+ .awsui_undo-button_brdst_obm7z_153:not(#\9):hover {
179
179
  cursor: pointer;
180
- color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
180
+ color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-pqxtsy, #0a4a74));
181
181
  }
182
- .awsui_undo-button_brdst_1qvao_153:not(#\9):focus {
182
+ .awsui_undo-button_brdst_obm7z_153:not(#\9):focus {
183
183
  outline: none;
184
184
  }
185
- .awsui_undo-button_brdst_1qvao_153:not(#\9):active {
186
- color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
185
+ .awsui_undo-button_brdst_obm7z_153:not(#\9):active {
186
+ color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-pqxtsy, #0a4a74));
187
187
  }
188
- .awsui_undo-button_brdst_1qvao_153:not(#\9):active, .awsui_undo-button_brdst_1qvao_153:not(#\9):focus, .awsui_undo-button_brdst_1qvao_153:not(#\9):hover {
188
+ .awsui_undo-button_brdst_obm7z_153:not(#\9):active, .awsui_undo-button_brdst_obm7z_153:not(#\9):focus, .awsui_undo-button_brdst_obm7z_153:not(#\9):hover {
189
189
  text-decoration-line: underline;
190
190
  text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
191
191
  }
192
- body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1qvao_153:not(#\9):focus {
192
+ body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_obm7z_153:not(#\9):focus {
193
193
  outline: thin dotted;
194
194
  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
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_1qvao_145",
6
- "loading": "awsui_loading_brdst_1qvao_149",
7
- "undo-button": "awsui_undo-button_brdst_1qvao_153"
5
+ "root": "awsui_root_brdst_obm7z_145",
6
+ "loading": "awsui_loading_brdst_obm7z_149",
7
+ "undo-button": "awsui_undo-button_brdst_obm7z_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_rxagl_146"
4
+ "text-content": "awsui_text-content_6absk_b7ud2_146"
5
5
  };
6
6