@cloudscape-design/components 3.0.1310 → 3.0.1312

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 (198) hide show
  1. package/app-layout/runtime-drawer/index.js +1 -1
  2. package/app-layout/runtime-drawer/index.js.map +1 -1
  3. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  4. package/app-layout/visual-refresh/drawers.js +3 -0
  5. package/app-layout/visual-refresh/drawers.js.map +1 -1
  6. package/app-layout/visual-refresh/styles.css.js +87 -86
  7. package/app-layout/visual-refresh/styles.scoped.css +176 -164
  8. package/app-layout/visual-refresh/styles.selectors.js +87 -86
  9. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  10. package/app-layout/visual-refresh/tools.js +2 -0
  11. package/app-layout/visual-refresh/tools.js.map +1 -1
  12. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +84 -84
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  15. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  16. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
  17. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  18. package/breadcrumb-group/implementation.d.ts.map +1 -1
  19. package/breadcrumb-group/implementation.js +2 -2
  20. package/breadcrumb-group/implementation.js.map +1 -1
  21. package/breadcrumb-group/item/item.d.ts.map +1 -1
  22. package/breadcrumb-group/item/item.js +2 -1
  23. package/breadcrumb-group/item/item.js.map +1 -1
  24. package/button/internal.d.ts +3 -0
  25. package/button/internal.d.ts.map +1 -1
  26. package/button/internal.js +2 -2
  27. package/button/internal.js.map +1 -1
  28. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  29. package/button-dropdown/category-elements/expandable-category-element.js +4 -2
  30. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  31. package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  32. package/button-dropdown/category-elements/mobile-expandable-category-element.js +4 -2
  33. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  34. package/button-dropdown/category-elements/styles.css.js +19 -18
  35. package/button-dropdown/category-elements/styles.scoped.css +32 -28
  36. package/button-dropdown/category-elements/styles.selectors.js +19 -18
  37. package/button-dropdown/index.d.ts.map +1 -1
  38. package/button-dropdown/index.js +4 -3
  39. package/button-dropdown/index.js.map +1 -1
  40. package/button-dropdown/interfaces.d.ts +22 -0
  41. package/button-dropdown/interfaces.d.ts.map +1 -1
  42. package/button-dropdown/interfaces.js.map +1 -1
  43. package/button-dropdown/internal.d.ts.map +1 -1
  44. package/button-dropdown/internal.js +15 -6
  45. package/button-dropdown/internal.js.map +1 -1
  46. package/button-dropdown/styles.css.js +23 -21
  47. package/button-dropdown/styles.scoped.css +39 -29
  48. package/button-dropdown/styles.selectors.js +23 -21
  49. package/button-group/icon-toggle-button-item.js +1 -1
  50. package/button-group/icon-toggle-button-item.js.map +1 -1
  51. package/button-group/interfaces.d.ts +12 -1
  52. package/button-group/interfaces.d.ts.map +1 -1
  53. package/button-group/interfaces.js.map +1 -1
  54. package/button-group/menu-dropdown-item.d.ts.map +1 -1
  55. package/button-group/menu-dropdown-item.js +2 -1
  56. package/button-group/menu-dropdown-item.js.map +1 -1
  57. package/dropdown/internal.d.ts.map +1 -1
  58. package/dropdown/internal.js +14 -2
  59. package/dropdown/internal.js.map +1 -1
  60. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  61. package/expandable-section/expandable-section-header.js +5 -5
  62. package/expandable-section/expandable-section-header.js.map +1 -1
  63. package/expandable-section/styles.css.js +36 -35
  64. package/expandable-section/styles.scoped.css +81 -66
  65. package/expandable-section/styles.selectors.js +36 -35
  66. package/icon/generated/icons.d.ts +1 -0
  67. package/icon/generated/icons.d.ts.map +1 -1
  68. package/icon/generated/icons.js +2 -0
  69. package/icon/generated/icons.js.map +1 -1
  70. package/icon-provider/interfaces.d.ts +1 -1
  71. package/icon-provider/interfaces.d.ts.map +1 -1
  72. package/icon-provider/interfaces.js.map +1 -1
  73. package/internal/base-component/styles.scoped.css +37 -1
  74. package/internal/components/button-trigger/index.d.ts.map +1 -1
  75. package/internal/components/button-trigger/index.js +3 -2
  76. package/internal/components/button-trigger/index.js.map +1 -1
  77. package/internal/components/button-trigger/styles.css.js +15 -14
  78. package/internal/components/button-trigger/styles.scoped.css +35 -29
  79. package/internal/components/button-trigger/styles.selectors.js +15 -14
  80. package/internal/components/checkbox-icon/index.d.ts.map +1 -1
  81. package/internal/components/checkbox-icon/index.js +11 -2
  82. package/internal/components/checkbox-icon/index.js.map +1 -1
  83. package/internal/components/drag-handle/styles.css.js +14 -14
  84. package/internal/components/drag-handle/styles.scoped.css +20 -19
  85. package/internal/components/drag-handle/styles.selectors.js +14 -14
  86. package/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  87. package/internal/components/drag-handle-wrapper/index.js +6 -3
  88. package/internal/components/drag-handle-wrapper/index.js.map +1 -1
  89. package/internal/components/drag-handle-wrapper/portal-overlay.d.ts +2 -0
  90. package/internal/components/drag-handle-wrapper/portal-overlay.d.ts.map +1 -1
  91. package/internal/components/drag-handle-wrapper/portal-overlay.js +2 -2
  92. package/internal/components/drag-handle-wrapper/portal-overlay.js.map +1 -1
  93. package/internal/components/expand-toggle-button/index.js +2 -2
  94. package/internal/components/expand-toggle-button/index.js.map +1 -1
  95. package/internal/environment.js +2 -2
  96. package/internal/environment.json +2 -2
  97. package/internal/generated/styles/tokens.d.ts +8 -0
  98. package/internal/generated/styles/tokens.js +8 -0
  99. package/internal/generated/theming/index.cjs +236 -0
  100. package/internal/generated/theming/index.cjs.d.ts +72 -0
  101. package/internal/generated/theming/index.d.ts +72 -0
  102. package/internal/generated/theming/index.js +236 -0
  103. package/internal/hooks/use-mouse-down-target.js +2 -2
  104. package/internal/hooks/use-mouse-down-target.js.map +1 -1
  105. package/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
  106. package/internal/hooks/use-portal-mode-classes/index.js +4 -2
  107. package/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
  108. package/internal/hooks/use-visual-mode/index.d.ts +2 -1
  109. package/internal/hooks/use-visual-mode/index.d.ts.map +1 -1
  110. package/internal/hooks/use-visual-mode/index.js +2 -1
  111. package/internal/hooks/use-visual-mode/index.js.map +1 -1
  112. package/internal/manifest.json +1 -1
  113. package/internal/utils/throttle.d.ts.map +1 -1
  114. package/internal/utils/throttle.js +3 -1
  115. package/internal/utils/throttle.js.map +1 -1
  116. package/manifest.json +2 -2
  117. package/package.json +1 -1
  118. package/progress-bar/index.d.ts.map +1 -1
  119. package/progress-bar/index.js +1 -0
  120. package/progress-bar/index.js.map +1 -1
  121. package/segmented-control/styles.css.js +16 -16
  122. package/segmented-control/styles.scoped.css +34 -34
  123. package/segmented-control/styles.selectors.js +16 -16
  124. package/status-indicator/internal.d.ts.map +1 -1
  125. package/status-indicator/internal.js +4 -3
  126. package/status-indicator/internal.js.map +1 -1
  127. package/status-indicator/styles.css.js +25 -24
  128. package/status-indicator/styles.scoped.css +75 -40
  129. package/status-indicator/styles.selectors.js +25 -24
  130. package/steps/internal.d.ts.map +1 -1
  131. package/steps/internal.js +20 -6
  132. package/steps/internal.js.map +1 -1
  133. package/steps/styles.css.js +12 -9
  134. package/steps/styles.scoped.css +43 -15
  135. package/steps/styles.selectors.js +12 -9
  136. package/table/header-cell/group-header-cell.d.ts.map +1 -1
  137. package/table/header-cell/group-header-cell.js +4 -16
  138. package/table/header-cell/group-header-cell.js.map +1 -1
  139. package/table/header-cell/index.d.ts.map +1 -1
  140. package/table/header-cell/index.js +2 -1
  141. package/table/header-cell/index.js.map +1 -1
  142. package/table/header-cell/styles.css.js +33 -33
  143. package/table/header-cell/styles.scoped.css +80 -73
  144. package/table/header-cell/styles.selectors.js +33 -33
  145. package/table/header-cell/th-element.d.ts +6 -6
  146. package/table/header-cell/th-element.d.ts.map +1 -1
  147. package/table/header-cell/th-element.js +4 -3
  148. package/table/header-cell/th-element.js.map +1 -1
  149. package/table/resizer/index.d.ts +5 -1
  150. package/table/resizer/index.d.ts.map +1 -1
  151. package/table/resizer/index.js +4 -4
  152. package/table/resizer/index.js.map +1 -1
  153. package/table/resizer/styles.css.js +17 -16
  154. package/table/resizer/styles.scoped.css +32 -24
  155. package/table/resizer/styles.selectors.js +17 -16
  156. package/table/selection/selection-cell.d.ts +2 -0
  157. package/table/selection/selection-cell.d.ts.map +1 -1
  158. package/table/selection/selection-cell.js +2 -2
  159. package/table/selection/selection-cell.js.map +1 -1
  160. package/table/sticky-columns/use-sticky-columns.d.ts +3 -1
  161. package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  162. package/table/sticky-columns/use-sticky-columns.js +31 -7
  163. package/table/sticky-columns/use-sticky-columns.js.map +1 -1
  164. package/table/thead.d.ts.map +1 -1
  165. package/table/thead.js +2 -2
  166. package/table/thead.js.map +1 -1
  167. package/test-utils/dom/table/index.js +1 -1
  168. package/test-utils/dom/table/index.js.map +1 -1
  169. package/test-utils/selectors/table/index.js +1 -1
  170. package/test-utils/selectors/table/index.js.map +1 -1
  171. package/theming/index.d.ts +3 -1
  172. package/theming/index.d.ts.map +1 -1
  173. package/theming/index.js +55 -0
  174. package/theming/index.js.map +1 -1
  175. package/toggle/styles.css.js +10 -10
  176. package/toggle/styles.scoped.css +18 -18
  177. package/toggle/styles.selectors.js +10 -10
  178. package/toggle-button/internal.d.ts.map +1 -1
  179. package/toggle-button/internal.js +3 -1
  180. package/toggle-button/internal.js.map +1 -1
  181. package/toggle-button/styles.css.js +4 -3
  182. package/toggle-button/styles.scoped.css +8 -3
  183. package/toggle-button/styles.selectors.js +4 -3
  184. package/token/dismiss-button.d.ts.map +1 -1
  185. package/token/dismiss-button.js +3 -1
  186. package/token/dismiss-button.js.map +1 -1
  187. package/token/internal.d.ts.map +1 -1
  188. package/token/internal.js +11 -3
  189. package/token/internal.js.map +1 -1
  190. package/token/styles.css.js +14 -14
  191. package/token/styles.scoped.css +33 -30
  192. package/token/styles.selectors.js +14 -14
  193. package/tree-view/tree-item/index.d.ts.map +1 -1
  194. package/tree-view/tree-item/index.js +2 -1
  195. package/tree-view/tree-item/index.js.map +1 -1
  196. package/tree-view/tree-item/styles.css.js +10 -9
  197. package/tree-view/tree-item/styles.scoped.css +19 -12
  198. package/tree-view/tree-item/styles.selectors.js +10 -9
@@ -1,14 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "treeitem-group": "awsui_treeitem-group_1agpu_c0a59_185",
5
- "treeitem": "awsui_treeitem_1agpu_c0a59_185",
6
- "offset": "awsui_offset_1agpu_c0a59_202",
7
- "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_c0a59_205",
8
- "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_c0a59_210",
9
- "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_c0a59_231",
10
- "toggle": "awsui_toggle_1agpu_c0a59_236",
11
- "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_c0a59_242",
12
- "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_c0a59_249"
4
+ "treeitem-group": "awsui_treeitem-group_1agpu_iha1j_185",
5
+ "treeitem": "awsui_treeitem_1agpu_iha1j_185",
6
+ "offset": "awsui_offset_1agpu_iha1j_202",
7
+ "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_iha1j_205",
8
+ "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_iha1j_210",
9
+ "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_iha1j_231",
10
+ "toggle": "awsui_toggle_1agpu_iha1j_236",
11
+ "one-theme": "awsui_one-theme_1agpu_iha1j_242",
12
+ "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_iha1j_249",
13
+ "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_iha1j_256"
13
14
  };
14
15
 
@@ -182,7 +182,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
182
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
- .awsui_treeitem-group_1agpu_c0a59_185:not(#\9) {
185
+ .awsui_treeitem-group_1agpu_iha1j_185:not(#\9) {
186
186
  list-style: none;
187
187
  margin-block: 0;
188
188
  margin-inline: 0;
@@ -191,7 +191,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
191
  position: relative;
192
192
  }
193
193
 
194
- .awsui_treeitem_1agpu_c0a59_185:not(#\9) {
194
+ .awsui_treeitem_1agpu_iha1j_185:not(#\9) {
195
195
  list-style: none;
196
196
  margin-block: 0;
197
197
  margin-inline: 0;
@@ -199,22 +199,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
199
199
  padding-inline: 0;
200
200
  position: relative;
201
201
  }
202
- .awsui_treeitem_1agpu_c0a59_185.awsui_offset_1agpu_c0a59_202:not(#\9) {
202
+ .awsui_treeitem_1agpu_iha1j_185.awsui_offset_1agpu_iha1j_202:not(#\9) {
203
203
  margin-inline-start: var(--space-tree-view-indentation-xh9kis, 24px);
204
204
  }
205
- .awsui_treeitem_1agpu_c0a59_185 > .awsui_treeitem-content-wrapper_1agpu_c0a59_205:not(#\9) {
205
+ .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205:not(#\9) {
206
206
  display: grid;
207
207
  grid-template-columns: 28px 1fr;
208
208
  align-items: baseline;
209
209
  }
210
- body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_c0a59_185 > .awsui_treeitem-content-wrapper_1agpu_c0a59_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_c0a59_210:focus) {
210
+ body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_iha1j_210:focus) {
211
211
  position: relative;
212
212
  }
213
- body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_c0a59_185 > .awsui_treeitem-content-wrapper_1agpu_c0a59_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_c0a59_210:focus) {
213
+ body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_iha1j_210:focus) {
214
214
  outline: 2px dotted transparent;
215
215
  outline-offset: calc(0px - 1px);
216
216
  }
217
- body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_c0a59_185 > .awsui_treeitem-content-wrapper_1agpu_c0a59_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_c0a59_210:focus)::before {
217
+ body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_iha1j_210:focus)::before {
218
218
  content: " ";
219
219
  display: block;
220
220
  position: absolute;
@@ -228,28 +228,35 @@ body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_c0a59_185 > .awsui_tre
228
228
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
229
229
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
230
230
  }
231
- .awsui_treeitem_1agpu_c0a59_185 > .awsui_treeitem-content-wrapper_1agpu_c0a59_205 > .awsui_expand-toggle-wrapper_1agpu_c0a59_231:not(#\9) {
231
+ .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205 > .awsui_expand-toggle-wrapper_1agpu_iha1j_231:not(#\9) {
232
232
  display: grid;
233
233
  grid-column: 1;
234
234
  grid-row: 1;
235
235
  }
236
- .awsui_treeitem_1agpu_c0a59_185 > .awsui_treeitem-content-wrapper_1agpu_c0a59_205 > .awsui_expand-toggle-wrapper_1agpu_c0a59_231 > .awsui_toggle_1agpu_c0a59_236:not(#\9) {
236
+ .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205 > .awsui_expand-toggle-wrapper_1agpu_iha1j_231 > .awsui_toggle_1agpu_iha1j_236:not(#\9) {
237
237
  justify-self: center;
238
238
  position: relative;
239
239
  inset-block-start: 2px;
240
240
  inset-inline-start: -2px;
241
241
  }
242
- .awsui_treeitem_1agpu_c0a59_185 > .awsui_treeitem-content-wrapper_1agpu_c0a59_205 > .awsui_structured-item-wrapper_1agpu_c0a59_242:not(#\9) {
242
+ .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205.awsui_one-theme_1agpu_iha1j_242:not(#\9) {
243
+ align-items: center;
244
+ }
245
+ .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205.awsui_one-theme_1agpu_iha1j_242 > .awsui_expand-toggle-wrapper_1agpu_iha1j_231 > .awsui_toggle_1agpu_iha1j_236:not(#\9) {
246
+ inset-inline-start: 0px;
247
+ inset-block-start: 3px;
248
+ }
249
+ .awsui_treeitem_1agpu_iha1j_185 > .awsui_treeitem-content-wrapper_1agpu_iha1j_205 > .awsui_structured-item-wrapper_1agpu_iha1j_249:not(#\9) {
243
250
  grid-column: 2;
244
251
  grid-row: 1/span 2;
245
252
  padding-block: var(--space-scaled-xxxs-oo06c7, 2px);
246
253
  position: relative;
247
254
  }
248
255
 
249
- .awsui_tree-item-structured-item_1agpu_c0a59_249:not(#\9) {
256
+ .awsui_tree-item-structured-item_1agpu_iha1j_256:not(#\9) {
250
257
  /* used in keyboard navigation */
251
258
  }
252
259
 
253
- .awsui_tree-item-focus-target_1agpu_c0a59_210:not(#\9) {
260
+ .awsui_tree-item-focus-target_1agpu_iha1j_210:not(#\9) {
254
261
  outline: none;
255
262
  }
@@ -2,14 +2,15 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "treeitem-group": "awsui_treeitem-group_1agpu_c0a59_185",
6
- "treeitem": "awsui_treeitem_1agpu_c0a59_185",
7
- "offset": "awsui_offset_1agpu_c0a59_202",
8
- "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_c0a59_205",
9
- "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_c0a59_210",
10
- "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_c0a59_231",
11
- "toggle": "awsui_toggle_1agpu_c0a59_236",
12
- "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_c0a59_242",
13
- "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_c0a59_249"
5
+ "treeitem-group": "awsui_treeitem-group_1agpu_iha1j_185",
6
+ "treeitem": "awsui_treeitem_1agpu_iha1j_185",
7
+ "offset": "awsui_offset_1agpu_iha1j_202",
8
+ "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_iha1j_205",
9
+ "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_iha1j_210",
10
+ "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_iha1j_231",
11
+ "toggle": "awsui_toggle_1agpu_iha1j_236",
12
+ "one-theme": "awsui_one-theme_1agpu_iha1j_242",
13
+ "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_iha1j_249",
14
+ "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_iha1j_256"
14
15
  };
15
16