@cloudscape-design/components 3.0.246 → 3.0.248

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 (136) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/drawer/index.d.ts +3 -21
  5. package/app-layout/drawer/index.d.ts.map +1 -1
  6. package/app-layout/drawer/index.js +25 -5
  7. package/app-layout/drawer/index.js.map +1 -1
  8. package/app-layout/drawer/interfaces.d.ts +84 -0
  9. package/app-layout/drawer/interfaces.d.ts.map +1 -0
  10. package/app-layout/drawer/interfaces.js +2 -0
  11. package/app-layout/drawer/interfaces.js.map +1 -0
  12. package/app-layout/drawer/resizable-drawer.d.ts +4 -0
  13. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -0
  14. package/app-layout/drawer/resizable-drawer.js +51 -0
  15. package/app-layout/drawer/resizable-drawer.js.map +1 -0
  16. package/app-layout/drawer/styles.css.js +10 -5
  17. package/app-layout/drawer/styles.scoped.css +46 -10
  18. package/app-layout/drawer/styles.selectors.js +10 -5
  19. package/app-layout/index.d.ts.map +1 -1
  20. package/app-layout/index.js +142 -17
  21. package/app-layout/index.js.map +1 -1
  22. package/app-layout/mobile-toolbar/index.d.ts +10 -1
  23. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  24. package/app-layout/mobile-toolbar/index.js +3 -2
  25. package/app-layout/mobile-toolbar/index.js.map +1 -1
  26. package/app-layout/mobile-toolbar/styles.css.js +5 -4
  27. package/app-layout/mobile-toolbar/styles.scoped.css +11 -7
  28. package/app-layout/mobile-toolbar/styles.selectors.js +5 -4
  29. package/app-layout/notifications/styles.css.js +3 -3
  30. package/app-layout/notifications/styles.scoped.css +7 -7
  31. package/app-layout/notifications/styles.selectors.js +3 -3
  32. package/app-layout/test-classes/styles.css.js +18 -13
  33. package/app-layout/test-classes/styles.scoped.css +33 -13
  34. package/app-layout/test-classes/styles.selectors.js +18 -13
  35. package/app-layout/toggles/index.d.ts.map +1 -1
  36. package/app-layout/toggles/index.js +2 -2
  37. package/app-layout/toggles/index.js.map +1 -1
  38. package/app-layout/toggles/interfaces.d.ts +3 -1
  39. package/app-layout/toggles/interfaces.d.ts.map +1 -1
  40. package/app-layout/toggles/interfaces.js.map +1 -1
  41. package/app-layout/utils/use-drawer-focus-control.d.ts +21 -0
  42. package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -0
  43. package/app-layout/utils/use-drawer-focus-control.js +65 -0
  44. package/app-layout/utils/use-drawer-focus-control.js.map +1 -0
  45. package/app-layout/visual-refresh/app-bar.d.ts.map +1 -1
  46. package/app-layout/visual-refresh/app-bar.js +8 -6
  47. package/app-layout/visual-refresh/app-bar.js.map +1 -1
  48. package/app-layout/visual-refresh/context.d.ts +13 -6
  49. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  50. package/app-layout/visual-refresh/context.js +107 -52
  51. package/app-layout/visual-refresh/context.js.map +1 -1
  52. package/app-layout/visual-refresh/drawers.d.ts +47 -0
  53. package/app-layout/visual-refresh/drawers.d.ts.map +1 -0
  54. package/app-layout/visual-refresh/drawers.js +127 -0
  55. package/app-layout/visual-refresh/drawers.js.map +1 -0
  56. package/app-layout/visual-refresh/header.js +2 -2
  57. package/app-layout/visual-refresh/header.js.map +1 -1
  58. package/app-layout/visual-refresh/index.d.ts.map +1 -1
  59. package/app-layout/visual-refresh/index.js +3 -1
  60. package/app-layout/visual-refresh/index.js.map +1 -1
  61. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  62. package/app-layout/visual-refresh/layout.js +5 -42
  63. package/app-layout/visual-refresh/layout.js.map +1 -1
  64. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  65. package/app-layout/visual-refresh/main.js +2 -3
  66. package/app-layout/visual-refresh/main.js.map +1 -1
  67. package/app-layout/visual-refresh/navigation.js +2 -2
  68. package/app-layout/visual-refresh/navigation.js.map +1 -1
  69. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  70. package/app-layout/visual-refresh/notifications.js +2 -2
  71. package/app-layout/visual-refresh/notifications.js.map +1 -1
  72. package/app-layout/visual-refresh/split-panel.js +2 -2
  73. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  74. package/app-layout/visual-refresh/styles.css.js +71 -61
  75. package/app-layout/visual-refresh/styles.scoped.css +437 -229
  76. package/app-layout/visual-refresh/styles.selectors.js +71 -61
  77. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  78. package/app-layout/visual-refresh/tools.js +7 -3
  79. package/app-layout/visual-refresh/tools.js.map +1 -1
  80. package/app-layout/visual-refresh/trigger-button.d.ts +4 -3
  81. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  82. package/app-layout/visual-refresh/trigger-button.js +5 -4
  83. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  84. package/area-chart/internal.js +1 -1
  85. package/area-chart/internal.js.map +1 -1
  86. package/flashbar/styles.css.js +45 -45
  87. package/flashbar/styles.scoped.css +169 -169
  88. package/flashbar/styles.selectors.js +45 -45
  89. package/internal/base-component/styles.scoped.css +24 -0
  90. package/internal/context/app-layout-context.d.ts +0 -1
  91. package/internal/context/app-layout-context.d.ts.map +1 -1
  92. package/internal/context/app-layout-context.js.map +1 -1
  93. package/internal/context/dynamic-overlap-context.d.ts +3 -0
  94. package/internal/context/dynamic-overlap-context.d.ts.map +1 -0
  95. package/internal/context/dynamic-overlap-context.js +5 -0
  96. package/internal/context/dynamic-overlap-context.js.map +1 -0
  97. package/internal/environment.js +1 -1
  98. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  99. package/internal/generated/custom-css-properties/index.js +31 -30
  100. package/internal/generated/custom-css-properties/index.js.map +1 -1
  101. package/internal/generated/styles/tokens.d.ts +2 -0
  102. package/internal/generated/styles/tokens.js +2 -0
  103. package/internal/generated/theming/index.cjs +140 -0
  104. package/internal/generated/theming/index.js +140 -0
  105. package/internal/hooks/use-dynamic-overlap/index.js +7 -7
  106. package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  107. package/internal/manifest.json +1 -1
  108. package/mixed-line-bar-chart/internal.js +1 -1
  109. package/mixed-line-bar-chart/internal.js.map +1 -1
  110. package/package.json +1 -1
  111. package/pie-chart/index.js +1 -1
  112. package/pie-chart/index.js.map +1 -1
  113. package/space-between/internal.js +1 -1
  114. package/space-between/internal.js.map +1 -1
  115. package/space-between/styles.css.js +20 -28
  116. package/space-between/styles.scoped.css +37 -101
  117. package/space-between/styles.selectors.js +20 -28
  118. package/test-utils/dom/button/index.js +1 -6
  119. package/test-utils/dom/button/index.js.map +1 -1
  120. package/test-utils/dom/flashbar/index.d.ts +5 -1
  121. package/test-utils/dom/flashbar/index.js +7 -0
  122. package/test-utils/dom/flashbar/index.js.map +1 -1
  123. package/test-utils/selectors/flashbar/index.d.ts +5 -1
  124. package/test-utils/selectors/flashbar/index.js +7 -0
  125. package/test-utils/selectors/flashbar/index.js.map +1 -1
  126. package/test-utils/tsconfig.tsbuildinfo +1 -1
  127. package/wizard/interfaces.d.ts +4 -0
  128. package/wizard/interfaces.d.ts.map +1 -1
  129. package/wizard/interfaces.js.map +1 -1
  130. package/wizard/wizard-actions.d.ts +2 -1
  131. package/wizard/wizard-actions.d.ts.map +1 -1
  132. package/wizard/wizard-actions.js +2 -2
  133. package/wizard/wizard-actions.js.map +1 -1
  134. package/wizard/wizard-form.d.ts.map +1 -1
  135. package/wizard/wizard-form.js +1 -1
  136. package/wizard/wizard-form.js.map +1 -1
@@ -1,33 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_18582_1f6cg_93",
5
- "child": "awsui_child_18582_1f6cg_97",
6
- "horizontal": "awsui_horizontal_18582_1f6cg_108",
7
- "horizontal-xxxs": "awsui_horizontal-xxxs_18582_1f6cg_112",
8
- "horizontal-xxs": "awsui_horizontal-xxs_18582_1f6cg_116",
9
- "horizontal-xs": "awsui_horizontal-xs_18582_1f6cg_120",
10
- "horizontal-s": "awsui_horizontal-s_18582_1f6cg_124",
11
- "horizontal-m": "awsui_horizontal-m_18582_1f6cg_128",
12
- "horizontal-l": "awsui_horizontal-l_18582_1f6cg_132",
13
- "horizontal-xl": "awsui_horizontal-xl_18582_1f6cg_136",
14
- "horizontal-xxl": "awsui_horizontal-xxl_18582_1f6cg_140",
15
- "child-horizontal-xxxs": "awsui_child-horizontal-xxxs_18582_1f6cg_145",
16
- "child-horizontal-xxs": "awsui_child-horizontal-xxs_18582_1f6cg_151",
17
- "child-horizontal-xs": "awsui_child-horizontal-xs_18582_1f6cg_157",
18
- "child-horizontal-s": "awsui_child-horizontal-s_18582_1f6cg_163",
19
- "child-horizontal-m": "awsui_child-horizontal-m_18582_1f6cg_169",
20
- "child-horizontal-l": "awsui_child-horizontal-l_18582_1f6cg_175",
21
- "child-horizontal-xl": "awsui_child-horizontal-xl_18582_1f6cg_181",
22
- "child-horizontal-xxl": "awsui_child-horizontal-xxl_18582_1f6cg_187",
23
- "vertical": "awsui_vertical_18582_1f6cg_196",
24
- "child-vertical-xxxs": "awsui_child-vertical-xxxs_18582_1f6cg_200",
25
- "child-vertical-xxs": "awsui_child-vertical-xxs_18582_1f6cg_204",
26
- "child-vertical-xs": "awsui_child-vertical-xs_18582_1f6cg_208",
27
- "child-vertical-s": "awsui_child-vertical-s_18582_1f6cg_212",
28
- "child-vertical-m": "awsui_child-vertical-m_18582_1f6cg_216",
29
- "child-vertical-l": "awsui_child-vertical-l_18582_1f6cg_220",
30
- "child-vertical-xl": "awsui_child-vertical-xl_18582_1f6cg_224",
31
- "child-vertical-xxl": "awsui_child-vertical-xxl_18582_1f6cg_228"
4
+ "root": "awsui_root_18582_3m3ph_93",
5
+ "child": "awsui_child_18582_3m3ph_97",
6
+ "horizontal": "awsui_horizontal_18582_3m3ph_108",
7
+ "horizontal-xxxs": "awsui_horizontal-xxxs_18582_3m3ph_112",
8
+ "horizontal-xxs": "awsui_horizontal-xxs_18582_3m3ph_115",
9
+ "horizontal-xs": "awsui_horizontal-xs_18582_3m3ph_118",
10
+ "horizontal-s": "awsui_horizontal-s_18582_3m3ph_121",
11
+ "horizontal-m": "awsui_horizontal-m_18582_3m3ph_124",
12
+ "horizontal-l": "awsui_horizontal-l_18582_3m3ph_127",
13
+ "horizontal-xl": "awsui_horizontal-xl_18582_3m3ph_130",
14
+ "horizontal-xxl": "awsui_horizontal-xxl_18582_3m3ph_133",
15
+ "vertical": "awsui_vertical_18582_3m3ph_140",
16
+ "vertical-xxxs": "awsui_vertical-xxxs_18582_3m3ph_143",
17
+ "vertical-xxs": "awsui_vertical-xxs_18582_3m3ph_146",
18
+ "vertical-xs": "awsui_vertical-xs_18582_3m3ph_149",
19
+ "vertical-s": "awsui_vertical-s_18582_3m3ph_152",
20
+ "vertical-m": "awsui_vertical-m_18582_3m3ph_155",
21
+ "vertical-l": "awsui_vertical-l_18582_3m3ph_158",
22
+ "vertical-xl": "awsui_vertical-xl_18582_3m3ph_161",
23
+ "vertical-xxl": "awsui_vertical-xxl_18582_3m3ph_164"
32
24
  };
33
25
 
@@ -90,141 +90,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_18582_1f6cg_93:not(#\9) {
93
+ .awsui_root_18582_3m3ph_93:not(#\9) {
94
94
  display: flex;
95
95
  }
96
96
 
97
- .awsui_child_18582_1f6cg_97:not(#\9) {
97
+ .awsui_child_18582_3m3ph_97:not(#\9) {
98
98
  /* used in test-utils */
99
99
  }
100
100
 
101
- .awsui_child_18582_1f6cg_97:not(#\9):empty {
101
+ .awsui_child_18582_3m3ph_97:not(#\9):empty {
102
102
  display: none;
103
103
  }
104
104
 
105
105
  /*
106
106
  * Horizontal variant
107
107
  */
108
- .awsui_horizontal_18582_1f6cg_108:not(#\9) {
108
+ .awsui_horizontal_18582_3m3ph_108:not(#\9) {
109
109
  flex-direction: row;
110
110
  flex-wrap: wrap;
111
111
  }
112
- .awsui_horizontal-xxxs_18582_1f6cg_112:not(#\9) {
113
- margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
114
- margin-bottom: calc(-1 * var(--space-xxxs-k2w98v, 2px));
112
+ .awsui_horizontal-xxxs_18582_3m3ph_112:not(#\9) {
113
+ gap: var(--space-xxxs-k2w98v, 2px);
115
114
  }
116
- .awsui_horizontal-xxs_18582_1f6cg_116:not(#\9) {
117
- margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
118
- margin-bottom: calc(-1 * var(--space-xxs-ynfts5, 4px));
115
+ .awsui_horizontal-xxs_18582_3m3ph_115:not(#\9) {
116
+ gap: var(--space-xxs-ynfts5, 4px);
119
117
  }
120
- .awsui_horizontal-xs_18582_1f6cg_120:not(#\9) {
121
- margin-left: calc(-1 * var(--space-xs-rsr2qu, 8px));
122
- margin-bottom: calc(-1 * var(--space-xs-rsr2qu, 8px));
118
+ .awsui_horizontal-xs_18582_3m3ph_118:not(#\9) {
119
+ gap: var(--space-xs-rsr2qu, 8px);
123
120
  }
124
- .awsui_horizontal-s_18582_1f6cg_124:not(#\9) {
125
- margin-left: calc(-1 * var(--space-s-hv8c1d, 12px));
126
- margin-bottom: calc(-1 * var(--space-s-hv8c1d, 12px));
121
+ .awsui_horizontal-s_18582_3m3ph_121:not(#\9) {
122
+ gap: var(--space-s-hv8c1d, 12px);
127
123
  }
128
- .awsui_horizontal-m_18582_1f6cg_128:not(#\9) {
129
- margin-left: calc(-1 * var(--space-m-17eucw, 16px));
130
- margin-bottom: calc(-1 * var(--space-m-17eucw, 16px));
124
+ .awsui_horizontal-m_18582_3m3ph_124:not(#\9) {
125
+ gap: var(--space-m-17eucw, 16px);
131
126
  }
132
- .awsui_horizontal-l_18582_1f6cg_132:not(#\9) {
133
- margin-left: calc(-1 * var(--space-l-4vl6xu, 20px));
134
- margin-bottom: calc(-1 * var(--space-l-4vl6xu, 20px));
127
+ .awsui_horizontal-l_18582_3m3ph_127:not(#\9) {
128
+ gap: var(--space-l-4vl6xu, 20px);
135
129
  }
136
- .awsui_horizontal-xl_18582_1f6cg_136:not(#\9) {
137
- margin-left: calc(-1 * var(--space-xl-a39hup, 24px));
138
- margin-bottom: calc(-1 * var(--space-xl-a39hup, 24px));
130
+ .awsui_horizontal-xl_18582_3m3ph_130:not(#\9) {
131
+ gap: var(--space-xl-a39hup, 24px);
139
132
  }
140
- .awsui_horizontal-xxl_18582_1f6cg_140:not(#\9) {
141
- margin-left: calc(-1 * var(--space-xxl-2nvmf1, 32px));
142
- margin-bottom: calc(-1 * var(--space-xxl-2nvmf1, 32px));
143
- }
144
-
145
- .awsui_child-horizontal-xxxs_18582_1f6cg_145:not(#\9) {
146
- margin-left: var(--space-xxxs-k2w98v, 2px);
147
- margin-bottom: var(--space-xxxs-k2w98v, 2px);
148
- min-width: 1px;
149
- }
150
-
151
- .awsui_child-horizontal-xxs_18582_1f6cg_151:not(#\9) {
152
- margin-left: var(--space-xxs-ynfts5, 4px);
153
- margin-bottom: var(--space-xxs-ynfts5, 4px);
154
- min-width: 1px;
155
- }
156
-
157
- .awsui_child-horizontal-xs_18582_1f6cg_157:not(#\9) {
158
- margin-left: var(--space-xs-rsr2qu, 8px);
159
- margin-bottom: var(--space-xs-rsr2qu, 8px);
160
- min-width: 1px;
161
- }
162
-
163
- .awsui_child-horizontal-s_18582_1f6cg_163:not(#\9) {
164
- margin-left: var(--space-s-hv8c1d, 12px);
165
- margin-bottom: var(--space-s-hv8c1d, 12px);
166
- min-width: 1px;
167
- }
168
-
169
- .awsui_child-horizontal-m_18582_1f6cg_169:not(#\9) {
170
- margin-left: var(--space-m-17eucw, 16px);
171
- margin-bottom: var(--space-m-17eucw, 16px);
172
- min-width: 1px;
173
- }
174
-
175
- .awsui_child-horizontal-l_18582_1f6cg_175:not(#\9) {
176
- margin-left: var(--space-l-4vl6xu, 20px);
177
- margin-bottom: var(--space-l-4vl6xu, 20px);
178
- min-width: 1px;
179
- }
180
-
181
- .awsui_child-horizontal-xl_18582_1f6cg_181:not(#\9) {
182
- margin-left: var(--space-xl-a39hup, 24px);
183
- margin-bottom: var(--space-xl-a39hup, 24px);
184
- min-width: 1px;
185
- }
186
-
187
- .awsui_child-horizontal-xxl_18582_1f6cg_187:not(#\9) {
188
- margin-left: var(--space-xxl-2nvmf1, 32px);
189
- margin-bottom: var(--space-xxl-2nvmf1, 32px);
190
- min-width: 1px;
133
+ .awsui_horizontal-xxl_18582_3m3ph_133:not(#\9) {
134
+ gap: var(--space-xxl-2nvmf1, 32px);
191
135
  }
192
136
 
193
137
  /*
194
138
  * Vertical variant
195
139
  */
196
- .awsui_vertical_18582_1f6cg_196:not(#\9) {
140
+ .awsui_vertical_18582_3m3ph_140:not(#\9) {
197
141
  flex-direction: column;
198
142
  }
199
-
200
- .awsui_child-vertical-xxxs_18582_1f6cg_200:not(#\9):not(:last-child) {
201
- margin-bottom: var(--space-xxxs-k2w98v, 2px);
143
+ .awsui_vertical-xxxs_18582_3m3ph_143:not(#\9) {
144
+ row-gap: var(--space-xxxs-k2w98v, 2px);
202
145
  }
203
-
204
- .awsui_child-vertical-xxs_18582_1f6cg_204:not(#\9):not(:last-child) {
205
- margin-bottom: var(--space-xxs-ynfts5, 4px);
146
+ .awsui_vertical-xxs_18582_3m3ph_146:not(#\9) {
147
+ row-gap: var(--space-xxs-ynfts5, 4px);
206
148
  }
207
-
208
- .awsui_child-vertical-xs_18582_1f6cg_208:not(#\9):not(:last-child) {
209
- margin-bottom: var(--space-xs-rsr2qu, 8px);
149
+ .awsui_vertical-xs_18582_3m3ph_149:not(#\9) {
150
+ row-gap: var(--space-xs-rsr2qu, 8px);
210
151
  }
211
-
212
- .awsui_child-vertical-s_18582_1f6cg_212:not(#\9):not(:last-child) {
213
- margin-bottom: var(--space-scaled-s-cu1hzn, 12px);
152
+ .awsui_vertical-s_18582_3m3ph_152:not(#\9) {
153
+ row-gap: var(--space-scaled-s-cu1hzn, 12px);
214
154
  }
215
-
216
- .awsui_child-vertical-m_18582_1f6cg_216:not(#\9):not(:last-child) {
217
- margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
155
+ .awsui_vertical-m_18582_3m3ph_155:not(#\9) {
156
+ row-gap: var(--space-scaled-m-pv0fmt, 16px);
218
157
  }
219
-
220
- .awsui_child-vertical-l_18582_1f6cg_220:not(#\9):not(:last-child) {
221
- margin-bottom: var(--space-scaled-l-t03y3z, 20px);
158
+ .awsui_vertical-l_18582_3m3ph_158:not(#\9) {
159
+ row-gap: var(--space-scaled-l-t03y3z, 20px);
222
160
  }
223
-
224
- .awsui_child-vertical-xl_18582_1f6cg_224:not(#\9):not(:last-child) {
225
- margin-bottom: var(--space-scaled-xl-w2t504, 24px);
161
+ .awsui_vertical-xl_18582_3m3ph_161:not(#\9) {
162
+ row-gap: var(--space-scaled-xl-w2t504, 24px);
226
163
  }
227
-
228
- .awsui_child-vertical-xxl_18582_1f6cg_228:not(#\9):not(:last-child) {
229
- margin-bottom: var(--space-scaled-xxl-pfgv96, 32px);
164
+ .awsui_vertical-xxl_18582_3m3ph_164:not(#\9) {
165
+ row-gap: var(--space-scaled-xxl-pfgv96, 32px);
230
166
  }
@@ -2,33 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_18582_1f6cg_93",
6
- "child": "awsui_child_18582_1f6cg_97",
7
- "horizontal": "awsui_horizontal_18582_1f6cg_108",
8
- "horizontal-xxxs": "awsui_horizontal-xxxs_18582_1f6cg_112",
9
- "horizontal-xxs": "awsui_horizontal-xxs_18582_1f6cg_116",
10
- "horizontal-xs": "awsui_horizontal-xs_18582_1f6cg_120",
11
- "horizontal-s": "awsui_horizontal-s_18582_1f6cg_124",
12
- "horizontal-m": "awsui_horizontal-m_18582_1f6cg_128",
13
- "horizontal-l": "awsui_horizontal-l_18582_1f6cg_132",
14
- "horizontal-xl": "awsui_horizontal-xl_18582_1f6cg_136",
15
- "horizontal-xxl": "awsui_horizontal-xxl_18582_1f6cg_140",
16
- "child-horizontal-xxxs": "awsui_child-horizontal-xxxs_18582_1f6cg_145",
17
- "child-horizontal-xxs": "awsui_child-horizontal-xxs_18582_1f6cg_151",
18
- "child-horizontal-xs": "awsui_child-horizontal-xs_18582_1f6cg_157",
19
- "child-horizontal-s": "awsui_child-horizontal-s_18582_1f6cg_163",
20
- "child-horizontal-m": "awsui_child-horizontal-m_18582_1f6cg_169",
21
- "child-horizontal-l": "awsui_child-horizontal-l_18582_1f6cg_175",
22
- "child-horizontal-xl": "awsui_child-horizontal-xl_18582_1f6cg_181",
23
- "child-horizontal-xxl": "awsui_child-horizontal-xxl_18582_1f6cg_187",
24
- "vertical": "awsui_vertical_18582_1f6cg_196",
25
- "child-vertical-xxxs": "awsui_child-vertical-xxxs_18582_1f6cg_200",
26
- "child-vertical-xxs": "awsui_child-vertical-xxs_18582_1f6cg_204",
27
- "child-vertical-xs": "awsui_child-vertical-xs_18582_1f6cg_208",
28
- "child-vertical-s": "awsui_child-vertical-s_18582_1f6cg_212",
29
- "child-vertical-m": "awsui_child-vertical-m_18582_1f6cg_216",
30
- "child-vertical-l": "awsui_child-vertical-l_18582_1f6cg_220",
31
- "child-vertical-xl": "awsui_child-vertical-xl_18582_1f6cg_224",
32
- "child-vertical-xxl": "awsui_child-vertical-xxl_18582_1f6cg_228"
5
+ "root": "awsui_root_18582_3m3ph_93",
6
+ "child": "awsui_child_18582_3m3ph_97",
7
+ "horizontal": "awsui_horizontal_18582_3m3ph_108",
8
+ "horizontal-xxxs": "awsui_horizontal-xxxs_18582_3m3ph_112",
9
+ "horizontal-xxs": "awsui_horizontal-xxs_18582_3m3ph_115",
10
+ "horizontal-xs": "awsui_horizontal-xs_18582_3m3ph_118",
11
+ "horizontal-s": "awsui_horizontal-s_18582_3m3ph_121",
12
+ "horizontal-m": "awsui_horizontal-m_18582_3m3ph_124",
13
+ "horizontal-l": "awsui_horizontal-l_18582_3m3ph_127",
14
+ "horizontal-xl": "awsui_horizontal-xl_18582_3m3ph_130",
15
+ "horizontal-xxl": "awsui_horizontal-xxl_18582_3m3ph_133",
16
+ "vertical": "awsui_vertical_18582_3m3ph_140",
17
+ "vertical-xxxs": "awsui_vertical-xxxs_18582_3m3ph_143",
18
+ "vertical-xxs": "awsui_vertical-xxs_18582_3m3ph_146",
19
+ "vertical-xs": "awsui_vertical-xs_18582_3m3ph_149",
20
+ "vertical-s": "awsui_vertical-s_18582_3m3ph_152",
21
+ "vertical-m": "awsui_vertical-m_18582_3m3ph_155",
22
+ "vertical-l": "awsui_vertical-l_18582_3m3ph_158",
23
+ "vertical-xl": "awsui_vertical-xl_18582_3m3ph_161",
24
+ "vertical-xxl": "awsui_vertical-xxl_18582_3m3ph_164"
33
25
  };
34
26
 
@@ -19,12 +19,7 @@ class ButtonWrapper extends dom_1.ComponentWrapper {
19
19
  return this.find(`.${styles_selectors_js_1.default.content}`);
20
20
  }
21
21
  isDisabled() {
22
- if (this.element.tagName === 'A') {
23
- return this.element.getAttribute('aria-disabled') === 'true';
24
- }
25
- else {
26
- return this.element.disabled;
27
- }
22
+ return this.element.disabled || this.element.getAttribute('aria-disabled') === 'true';
28
23
  }
29
24
  }
30
25
  ButtonWrapper.rootSelector = styles_selectors_js_1.default.button;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmG;AACnG,6EAAyD;AACzD,8EAAiE;AAEjE,MAAqB,aAAc,SAAQ,sBAAmC;IAG5E,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzC,CAAC;IAGD,UAAU;QACR,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,KAAK,GAAG,EAAE;YAChC,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;SAC9D;aAAM;YACL,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B;IACH,CAAC;;AAjBM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;AAW5C;IADC,aAAO;+CAOP;AAlBH,gCAmBC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmG;AACnG,6EAAyD;AACzD,8EAAiE;AAEjE,MAAqB,aAAc,SAAQ,sBAAmC;IAG5E,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzC,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;;AAbM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;AAW5C;IADC,aAAO;+CAGP;AAdH,gCAeC"}
@@ -1,4 +1,4 @@
1
- import { ComponentWrapper } from '@cloudscape-design/test-utils-core/dom';
1
+ import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
2
2
  import FlashWrapper from './flash';
3
3
  export default class FlashbarWrapper extends ComponentWrapper {
4
4
  static rootSelector: string;
@@ -8,4 +8,8 @@ export default class FlashbarWrapper extends ComponentWrapper {
8
8
  * If the items are stacked, only the item at the top of the stack is returned.
9
9
  */
10
10
  findItems(): Array<FlashWrapper>;
11
+ /**
12
+ * Returns the toggle button that expands and collapses stacked notifications.
13
+ */
14
+ findToggleButton(): ElementWrapper<HTMLButtonElement> | null;
11
15
  }
@@ -14,6 +14,13 @@ class FlashbarWrapper extends dom_1.ComponentWrapper {
14
14
  findItems() {
15
15
  return this.findAllByClassName(styles_selectors_js_1.default['flash-list-item']).map(item => new flash_1.default(item.getElement()));
16
16
  }
17
+ /**
18
+ * Returns the toggle button that expands and collapses stacked notifications.
19
+ */
20
+ findToggleButton() {
21
+ var _a, _b;
22
+ return (_b = (_a = this.findByClassName(styles_selectors_js_1.default['notification-bar'])) === null || _a === void 0 ? void 0 : _a.find('button')) !== null && _b !== void 0 ? _b : null;
23
+ }
17
24
  }
18
25
  exports.default = FlashbarWrapper;
19
26
  FlashbarWrapper.rootSelector = styles_selectors_js_1.default.flashbar;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0E;AAC1E,+EAA2D;AAC3D,mCAAmC;AAEnC,MAAqB,eAAgB,SAAQ,sBAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;;AAVH,kCAWC;AAVQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,+EAA2D;AAC3D,mCAAmC;AAEnC,MAAqB,eAAgB,SAAQ,sBAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AAjBH,kCAkBC;AAjBQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
@@ -1,4 +1,4 @@
1
- import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
1
+ import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
2
2
  import FlashWrapper from './flash';
3
3
  export default class FlashbarWrapper extends ComponentWrapper {
4
4
  static rootSelector: string;
@@ -8,4 +8,8 @@ export default class FlashbarWrapper extends ComponentWrapper {
8
8
  * If the items are stacked, only the item at the top of the stack is returned.
9
9
  */
10
10
  findItems(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<FlashWrapper>;
11
+ /**
12
+ * Returns the toggle button that expands and collapses stacked notifications.
13
+ */
14
+ findToggleButton(): ElementWrapper;
11
15
  }
@@ -14,6 +14,13 @@ class FlashbarWrapper extends selectors_1.ComponentWrapper {
14
14
  findItems() {
15
15
  return this.findAllByClassName(styles_selectors_js_1.default['flash-list-item']).map(item => new flash_1.default(item.getElement()));
16
16
  }
17
+ /**
18
+ * Returns the toggle button that expands and collapses stacked notifications.
19
+ */
20
+ findToggleButton() {
21
+ var _a, _b;
22
+ return (_b = (_a = this.findByClassName(styles_selectors_js_1.default['notification-bar'])) === null || _a === void 0 ? void 0 : _a.find('button')) !== null && _b !== void 0 ? _b : null;
23
+ }
17
24
  }
18
25
  exports.default = FlashbarWrapper;
19
26
  FlashbarWrapper.rootSelector = styles_selectors_js_1.default.flashbar;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgF;AAChF,+EAA2D;AAC3D,mCAAmC;AACnC,MAAqB,eAAgB,SAAQ,4BAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;;AAVH,kCAWC;AAVQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/flashbar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,+EAA2D;AAC3D,mCAAmC;AACnC,MAAqB,eAAgB,SAAQ,4BAAgB;IAG3D;;;;OAIG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED;;OAEG;IACH,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,0CAAE,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC;IAClF,CAAC;;AAjBH,kCAkBC;AAjBQ,4BAAY,GAAW,6BAAM,CAAC,QAAQ,CAAC"}