@cloudscape-design/components 3.0.281 → 3.0.283
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.
- package/app-layout/drawer/styles.css.js +10 -10
- package/app-layout/drawer/styles.scoped.css +18 -18
- package/app-layout/drawer/styles.selectors.js +10 -10
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +2 -0
- package/internal/generated/theming/index.cjs.d.ts +6 -0
- package/internal/generated/theming/index.d.ts +6 -0
- package/internal/generated/theming/index.js +2 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/styles.css.js +33 -33
- package/table/styles.scoped.css +42 -42
- package/table/styles.selectors.js +33 -33
- package/test-utils/dom/input/base-input.d.ts +6 -0
- package/test-utils/dom/input/base-input.js +11 -0
- package/test-utils/dom/input/base-input.js.map +1 -1
- package/test-utils/dom/textarea/index.d.ts +6 -0
- package/test-utils/dom/textarea/index.js +11 -0
- package/test-utils/dom/textarea/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
package/table/styles.scoped.css
CHANGED
|
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.
|
|
97
|
+
.awsui_root_wih1l_1g4fa_97:not(#\9) {
|
|
98
98
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
99
99
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
100
100
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
@@ -105,53 +105,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
105
105
|
width: 100%;
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
.
|
|
108
|
+
.awsui_tools_wih1l_1g4fa_108:not(#\9) {
|
|
109
109
|
display: flex;
|
|
110
|
-
align-items: flex-
|
|
110
|
+
align-items: flex-end;
|
|
111
111
|
flex-wrap: wrap;
|
|
112
112
|
padding: var(--space-scaled-xs-6859qs, 8px) 0 var(--space-scaled-xxs-95dhkm, 4px);
|
|
113
113
|
}
|
|
114
|
-
.awsui_tools-
|
|
114
|
+
.awsui_tools-filtering_wih1l_1g4fa_114:not(#\9) {
|
|
115
115
|
max-width: 100%;
|
|
116
116
|
margin-right: var(--space-l-4vl6xu, 20px);
|
|
117
117
|
}
|
|
118
118
|
@supports (flex-basis: fit-content) {
|
|
119
|
-
.awsui_tools-
|
|
119
|
+
.awsui_tools-filtering_wih1l_1g4fa_114:not(#\9) {
|
|
120
120
|
flex: 1 1 fit-content;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
@supports not (flex-basis: fit-content) {
|
|
124
|
-
.awsui_tools-
|
|
124
|
+
.awsui_tools-filtering_wih1l_1g4fa_114:not(#\9) {
|
|
125
125
|
flex: 1 1 auto;
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
|
-
.awsui_tools-align-
|
|
128
|
+
.awsui_tools-align-right_wih1l_1g4fa_128:not(#\9) {
|
|
129
129
|
display: flex;
|
|
130
130
|
margin-left: auto;
|
|
131
131
|
}
|
|
132
|
-
.awsui_tools-
|
|
132
|
+
.awsui_tools-pagination_wih1l_1g4fa_132 + .awsui_tools-preferences_wih1l_1g4fa_132:not(#\9) {
|
|
133
133
|
border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
134
134
|
box-sizing: border-box;
|
|
135
135
|
margin-left: var(--space-xs-rsr2qu, 8px);
|
|
136
136
|
padding-left: var(--space-xs-rsr2qu, 8px);
|
|
137
137
|
}
|
|
138
|
-
.awsui_tools-
|
|
138
|
+
.awsui_tools-small_wih1l_1g4fa_138 > .awsui_tools-filtering_wih1l_1g4fa_114:not(#\9) {
|
|
139
139
|
margin-right: 0;
|
|
140
140
|
margin-bottom: var(--space-scaled-xs-6859qs, 8px);
|
|
141
141
|
flex-basis: 100%;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.
|
|
144
|
+
.awsui_table_wih1l_1g4fa_144:not(#\9) {
|
|
145
145
|
width: 100%;
|
|
146
146
|
border-spacing: 0;
|
|
147
147
|
position: relative;
|
|
148
148
|
box-sizing: border-box;
|
|
149
149
|
}
|
|
150
|
-
.awsui_table-layout-
|
|
150
|
+
.awsui_table-layout-fixed_wih1l_1g4fa_150:not(#\9) {
|
|
151
151
|
table-layout: fixed;
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
.
|
|
154
|
+
.awsui_wrapper_wih1l_1g4fa_154:not(#\9) {
|
|
155
155
|
position: relative;
|
|
156
156
|
box-sizing: border-box;
|
|
157
157
|
width: 100%;
|
|
@@ -159,42 +159,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
159
159
|
padding-bottom: var(--space-table-content-bottom-pg6yvn, 4px);
|
|
160
160
|
overflow-x: auto;
|
|
161
161
|
}
|
|
162
|
-
.
|
|
162
|
+
.awsui_wrapper_wih1l_1g4fa_154.awsui_variant-stacked_wih1l_1g4fa_162 > .awsui_table_wih1l_1g4fa_144:not(#\9), .awsui_wrapper_wih1l_1g4fa_154.awsui_variant-container_wih1l_1g4fa_162 > .awsui_table_wih1l_1g4fa_144:not(#\9) {
|
|
163
163
|
padding-left: var(--space-table-horizontal-mj7h0h, 20px);
|
|
164
164
|
padding-right: var(--space-table-horizontal-mj7h0h, 20px);
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
.awsui_wrapper_wih1l_1g4fa_154.awsui_variant-embedded_wih1l_1g4fa_166:not(#\9) {
|
|
167
167
|
padding-bottom: var(--space-table-embedded-content-bottom-7vc5vt, 0px);
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
.awsui_wrapper_wih1l_1g4fa_154.awsui_has-header_wih1l_1g4fa_169:not(#\9) {
|
|
170
170
|
padding-top: 0px;
|
|
171
171
|
}
|
|
172
|
-
.
|
|
172
|
+
.awsui_wrapper_wih1l_1g4fa_154.awsui_has-footer_wih1l_1g4fa_172:not(#\9) {
|
|
173
173
|
padding-bottom: 0px;
|
|
174
174
|
}
|
|
175
|
-
.
|
|
175
|
+
.awsui_wrapper_wih1l_1g4fa_154:not(#\9):not(.awsui_has-header_wih1l_1g4fa_169) {
|
|
176
176
|
border-top-right-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
177
177
|
border-top-left-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
178
178
|
}
|
|
179
|
-
body[data-awsui-focus-visible=true] .
|
|
179
|
+
body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1g4fa_154:not(#\9):focus {
|
|
180
180
|
outline: 2px dotted transparent;
|
|
181
181
|
outline-offset: 2px;
|
|
182
182
|
border-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
183
183
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
.awsui_cell-
|
|
186
|
+
.awsui_cell-merged_wih1l_1g4fa_186:not(#\9) {
|
|
187
187
|
text-align: center;
|
|
188
188
|
padding: 0;
|
|
189
189
|
}
|
|
190
|
-
.awsui_cell-
|
|
190
|
+
.awsui_cell-merged_wih1l_1g4fa_186.awsui_has-footer_wih1l_1g4fa_172:not(#\9) {
|
|
191
191
|
/*
|
|
192
192
|
Add a bottom border to the body cell of an empty table as a separator between the
|
|
193
193
|
table and the footer
|
|
194
194
|
*/
|
|
195
195
|
border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
196
196
|
}
|
|
197
|
-
.awsui_cell-merged-
|
|
197
|
+
.awsui_cell-merged-content_wih1l_1g4fa_197:not(#\9) {
|
|
198
198
|
box-sizing: border-box;
|
|
199
199
|
width: 100%;
|
|
200
200
|
padding: var(--space-scaled-m-pv0fmt, 16px) var(--space-l-4vl6xu, 20px) var(--space-scaled-l-t03y3z, 20px);
|
|
@@ -202,18 +202,18 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_17qe8_154:not(#\9):focu
|
|
|
202
202
|
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
203
203
|
}
|
|
204
204
|
@supports (position: sticky) {
|
|
205
|
-
.awsui_cell-merged-
|
|
205
|
+
.awsui_cell-merged-content_wih1l_1g4fa_197:not(#\9) {
|
|
206
206
|
position: sticky;
|
|
207
207
|
left: 0;
|
|
208
208
|
margin: 0 calc(-2 * var(--space-table-horizontal-mj7h0h, 20px));
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
-
.
|
|
212
|
+
.awsui_empty_wih1l_1g4fa_212:not(#\9) {
|
|
213
213
|
color: var(--color-text-empty-fjv325, #5f6b7a);
|
|
214
214
|
}
|
|
215
215
|
|
|
216
|
-
.
|
|
216
|
+
.awsui_loading_wih1l_1g4fa_216:not(#\9) {
|
|
217
217
|
/* used in test-utils */
|
|
218
218
|
}
|
|
219
219
|
|
|
@@ -222,19 +222,19 @@ The min/max/width token values in Visual Refresh should align
|
|
|
222
222
|
the table header and body cells selection control with the table
|
|
223
223
|
filter search icon.
|
|
224
224
|
*/
|
|
225
|
-
.awsui_selection-
|
|
225
|
+
.awsui_selection-control_wih1l_1g4fa_225:not(#\9) {
|
|
226
226
|
box-sizing: border-box;
|
|
227
227
|
max-width: var(--size-table-selection-horizontal-o8c8gs, 40px);
|
|
228
228
|
min-width: var(--size-table-selection-horizontal-o8c8gs, 40px);
|
|
229
229
|
position: relative;
|
|
230
230
|
width: var(--size-table-selection-horizontal-o8c8gs, 40px);
|
|
231
231
|
}
|
|
232
|
-
.awsui_selection-
|
|
232
|
+
.awsui_selection-control_wih1l_1g4fa_225.awsui_selection-control-header_wih1l_1g4fa_232:not(#\9) {
|
|
233
233
|
padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px);
|
|
234
234
|
border-left: var(--border-item-width-qbbbsa, 2px) solid transparent;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
|
-
.awsui_sticky-
|
|
237
|
+
.awsui_sticky-scrollbar_wih1l_1g4fa_237:not(#\9) {
|
|
238
238
|
height: 15px;
|
|
239
239
|
position: fixed;
|
|
240
240
|
display: none;
|
|
@@ -244,10 +244,10 @@ filter search icon.
|
|
|
244
244
|
bottom: 0;
|
|
245
245
|
width: 100%;
|
|
246
246
|
}
|
|
247
|
-
.awsui_sticky-scrollbar-
|
|
247
|
+
.awsui_sticky-scrollbar-content_wih1l_1g4fa_247:not(#\9) {
|
|
248
248
|
height: 15px;
|
|
249
249
|
}
|
|
250
|
-
.awsui_sticky-scrollbar-
|
|
250
|
+
.awsui_sticky-scrollbar-visible_wih1l_1g4fa_250:not(#\9) {
|
|
251
251
|
display: block;
|
|
252
252
|
}
|
|
253
253
|
|
|
@@ -255,12 +255,12 @@ filter search icon.
|
|
|
255
255
|
The dynamic height dark header needs a background that will cover
|
|
256
256
|
the default white background of the container component.
|
|
257
257
|
*/
|
|
258
|
-
.awsui_dark-
|
|
258
|
+
.awsui_dark-header_wih1l_1g4fa_258:not(#\9) {
|
|
259
259
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
260
260
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
.awsui_header-
|
|
263
|
+
.awsui_header-secondary_wih1l_1g4fa_263:not(#\9) {
|
|
264
264
|
overflow: auto;
|
|
265
265
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
266
266
|
scrollbar-width: none; /* Firefox */
|
|
@@ -269,42 +269,42 @@ the default white background of the container component.
|
|
|
269
269
|
border-radius: 0;
|
|
270
270
|
background: var(--color-background-table-header-i1pa1g, #ffffff);
|
|
271
271
|
}
|
|
272
|
-
.awsui_header-
|
|
272
|
+
.awsui_header-secondary_wih1l_1g4fa_263.awsui_variant-stacked_wih1l_1g4fa_162 > .awsui_table_wih1l_1g4fa_144:not(#\9), .awsui_header-secondary_wih1l_1g4fa_263.awsui_variant-container_wih1l_1g4fa_162 > .awsui_table_wih1l_1g4fa_144:not(#\9) {
|
|
273
273
|
padding-left: var(--space-table-horizontal-mj7h0h, 20px);
|
|
274
274
|
padding-right: var(--space-table-horizontal-mj7h0h, 20px);
|
|
275
275
|
}
|
|
276
|
-
.awsui_header-
|
|
276
|
+
.awsui_header-secondary_wih1l_1g4fa_263:not(#\9)::-webkit-scrollbar {
|
|
277
277
|
display: none; /* Safari and Chrome */
|
|
278
278
|
}
|
|
279
|
-
.awsui_header-
|
|
279
|
+
.awsui_header-secondary_wih1l_1g4fa_263.awsui_table-has-header_wih1l_1g4fa_279:not(#\9) {
|
|
280
280
|
border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-container-divider-4ade7z, transparent);
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
-
.awsui_header-
|
|
283
|
+
.awsui_header-controls_wih1l_1g4fa_283:not(#\9) {
|
|
284
284
|
padding-top: var(--space-container-header-vertical-zsjhel, 12px);
|
|
285
285
|
padding-bottom: var(--space-container-header-vertical-zsjhel, 12px);
|
|
286
286
|
}
|
|
287
|
-
.awsui_header-
|
|
287
|
+
.awsui_header-controls_wih1l_1g4fa_283.awsui_variant-stacked_wih1l_1g4fa_162:not(#\9), .awsui_header-controls_wih1l_1g4fa_283.awsui_variant-container_wih1l_1g4fa_162:not(#\9) {
|
|
288
288
|
padding-left: calc(var(--space-table-horizontal-mj7h0h, 20px) + var(--space-table-header-horizontal-et2ko8, 0px));
|
|
289
289
|
padding-right: calc(var(--space-table-horizontal-mj7h0h, 20px) + var(--space-table-header-horizontal-et2ko8, 0px));
|
|
290
290
|
}
|
|
291
|
-
.awsui_header-
|
|
291
|
+
.awsui_header-controls_wih1l_1g4fa_283.awsui_variant-embedded_wih1l_1g4fa_166:not(#\9) {
|
|
292
292
|
padding-left: var(--space-table-header-horizontal-et2ko8, 0px);
|
|
293
293
|
padding-right: var(--space-table-header-horizontal-et2ko8, 0px);
|
|
294
294
|
padding-top: var(--space-table-embedded-header-top-zf07fk, 0px);
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
.awsui_footer-
|
|
297
|
+
.awsui_footer-wrapper_wih1l_1g4fa_297.awsui_variant-stacked_wih1l_1g4fa_162:not(#\9), .awsui_footer-wrapper_wih1l_1g4fa_297.awsui_variant-container_wih1l_1g4fa_162:not(#\9) {
|
|
298
298
|
padding-left: var(--space-table-horizontal-mj7h0h, 20px);
|
|
299
299
|
padding-right: var(--space-table-horizontal-mj7h0h, 20px);
|
|
300
300
|
}
|
|
301
301
|
|
|
302
|
-
.
|
|
302
|
+
.awsui_footer_wih1l_1g4fa_297:not(#\9) {
|
|
303
303
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-table-footer-horizontal-8o6sk8, 0px);
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
.awsui_thead-
|
|
307
|
-
.
|
|
308
|
-
.awsui_row-
|
|
306
|
+
.awsui_thead-active_wih1l_1g4fa_306:not(#\9),
|
|
307
|
+
.awsui_row_wih1l_1g4fa_307:not(#\9),
|
|
308
|
+
.awsui_row-selected_wih1l_1g4fa_308:not(#\9) {
|
|
309
309
|
/* used in test-utils */
|
|
310
310
|
}
|
|
@@ -2,38 +2,38 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"tools": "
|
|
7
|
-
"tools-filtering": "awsui_tools-
|
|
8
|
-
"tools-align-right": "awsui_tools-align-
|
|
9
|
-
"tools-pagination": "awsui_tools-
|
|
10
|
-
"tools-preferences": "awsui_tools-
|
|
11
|
-
"tools-small": "awsui_tools-
|
|
12
|
-
"table": "
|
|
13
|
-
"table-layout-fixed": "awsui_table-layout-
|
|
14
|
-
"wrapper": "
|
|
15
|
-
"variant-stacked": "awsui_variant-
|
|
16
|
-
"variant-container": "awsui_variant-
|
|
17
|
-
"variant-embedded": "awsui_variant-
|
|
18
|
-
"has-header": "awsui_has-
|
|
19
|
-
"has-footer": "awsui_has-
|
|
20
|
-
"cell-merged": "awsui_cell-
|
|
21
|
-
"cell-merged-content": "awsui_cell-merged-
|
|
22
|
-
"empty": "
|
|
23
|
-
"loading": "
|
|
24
|
-
"selection-control": "awsui_selection-
|
|
25
|
-
"selection-control-header": "awsui_selection-control-
|
|
26
|
-
"sticky-scrollbar": "awsui_sticky-
|
|
27
|
-
"sticky-scrollbar-content": "awsui_sticky-scrollbar-
|
|
28
|
-
"sticky-scrollbar-visible": "awsui_sticky-scrollbar-
|
|
29
|
-
"dark-header": "awsui_dark-
|
|
30
|
-
"header-secondary": "awsui_header-
|
|
31
|
-
"table-has-header": "awsui_table-has-
|
|
32
|
-
"header-controls": "awsui_header-
|
|
33
|
-
"footer-wrapper": "awsui_footer-
|
|
34
|
-
"footer": "
|
|
35
|
-
"thead-active": "awsui_thead-
|
|
36
|
-
"row": "
|
|
37
|
-
"row-selected": "awsui_row-
|
|
5
|
+
"root": "awsui_root_wih1l_1g4fa_97",
|
|
6
|
+
"tools": "awsui_tools_wih1l_1g4fa_108",
|
|
7
|
+
"tools-filtering": "awsui_tools-filtering_wih1l_1g4fa_114",
|
|
8
|
+
"tools-align-right": "awsui_tools-align-right_wih1l_1g4fa_128",
|
|
9
|
+
"tools-pagination": "awsui_tools-pagination_wih1l_1g4fa_132",
|
|
10
|
+
"tools-preferences": "awsui_tools-preferences_wih1l_1g4fa_132",
|
|
11
|
+
"tools-small": "awsui_tools-small_wih1l_1g4fa_138",
|
|
12
|
+
"table": "awsui_table_wih1l_1g4fa_144",
|
|
13
|
+
"table-layout-fixed": "awsui_table-layout-fixed_wih1l_1g4fa_150",
|
|
14
|
+
"wrapper": "awsui_wrapper_wih1l_1g4fa_154",
|
|
15
|
+
"variant-stacked": "awsui_variant-stacked_wih1l_1g4fa_162",
|
|
16
|
+
"variant-container": "awsui_variant-container_wih1l_1g4fa_162",
|
|
17
|
+
"variant-embedded": "awsui_variant-embedded_wih1l_1g4fa_166",
|
|
18
|
+
"has-header": "awsui_has-header_wih1l_1g4fa_169",
|
|
19
|
+
"has-footer": "awsui_has-footer_wih1l_1g4fa_172",
|
|
20
|
+
"cell-merged": "awsui_cell-merged_wih1l_1g4fa_186",
|
|
21
|
+
"cell-merged-content": "awsui_cell-merged-content_wih1l_1g4fa_197",
|
|
22
|
+
"empty": "awsui_empty_wih1l_1g4fa_212",
|
|
23
|
+
"loading": "awsui_loading_wih1l_1g4fa_216",
|
|
24
|
+
"selection-control": "awsui_selection-control_wih1l_1g4fa_225",
|
|
25
|
+
"selection-control-header": "awsui_selection-control-header_wih1l_1g4fa_232",
|
|
26
|
+
"sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_1g4fa_237",
|
|
27
|
+
"sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_1g4fa_247",
|
|
28
|
+
"sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_1g4fa_250",
|
|
29
|
+
"dark-header": "awsui_dark-header_wih1l_1g4fa_258",
|
|
30
|
+
"header-secondary": "awsui_header-secondary_wih1l_1g4fa_263",
|
|
31
|
+
"table-has-header": "awsui_table-has-header_wih1l_1g4fa_279",
|
|
32
|
+
"header-controls": "awsui_header-controls_wih1l_1g4fa_283",
|
|
33
|
+
"footer-wrapper": "awsui_footer-wrapper_wih1l_1g4fa_297",
|
|
34
|
+
"footer": "awsui_footer_wih1l_1g4fa_297",
|
|
35
|
+
"thead-active": "awsui_thead-active_wih1l_1g4fa_306",
|
|
36
|
+
"row": "awsui_row_wih1l_1g4fa_307",
|
|
37
|
+
"row-selected": "awsui_row-selected_wih1l_1g4fa_308"
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -3,6 +3,12 @@ export default abstract class BaseInputWrapper extends ComponentWrapper {
|
|
|
3
3
|
findNativeInput(): ElementWrapper<HTMLInputElement>;
|
|
4
4
|
focus(): void;
|
|
5
5
|
blur(): void;
|
|
6
|
+
/**
|
|
7
|
+
* Gets the value of the component.
|
|
8
|
+
*
|
|
9
|
+
* Returns the current value of the input.
|
|
10
|
+
*/
|
|
11
|
+
getInputValue(): string;
|
|
6
12
|
/**
|
|
7
13
|
* Sets the value of the component and calls the `onChange` handler
|
|
8
14
|
*
|
|
@@ -27,6 +27,14 @@ class BaseInputWrapper extends dom_1.ComponentWrapper {
|
|
|
27
27
|
this.findNativeInput().blur();
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
|
+
/**
|
|
31
|
+
* Gets the value of the component.
|
|
32
|
+
*
|
|
33
|
+
* Returns the current value of the input.
|
|
34
|
+
*/
|
|
35
|
+
getInputValue() {
|
|
36
|
+
return this.findNativeInput().getElement().value;
|
|
37
|
+
}
|
|
30
38
|
/**
|
|
31
39
|
* Sets the value of the component and calls the `onChange` handler
|
|
32
40
|
*
|
|
@@ -48,6 +56,9 @@ __decorate([
|
|
|
48
56
|
__decorate([
|
|
49
57
|
dom_1.usesDom
|
|
50
58
|
], BaseInputWrapper.prototype, "blur", null);
|
|
59
|
+
__decorate([
|
|
60
|
+
dom_1.usesDom
|
|
61
|
+
], BaseInputWrapper.prototype, "getInputValue", null);
|
|
51
62
|
__decorate([
|
|
52
63
|
dom_1.usesDom
|
|
53
64
|
], BaseInputWrapper.prototype, "setInputValue", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/input/base-input.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAqD;AACrD,gEAAmG;AACnG,4EAAgE;AAEhE,MAA8B,gBAAiB,SAAQ,sBAAgB;IACrE,eAAe;QACb,2CAA2C;QAC3C,oEAAoE;QACpE,OAAO,IAAI,CAAC,IAAI,CAAmB,IAAI,6BAAc,CAAC,KAAK,EAAE,CAAE,CAAC;IAClE,CAAC;IAGD,KAAK;QACH,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,IAAI;QACF,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACM,aAAa,CAAC,KAAa;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,UAAU,EAAE,CAAC;QACpD,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACtE,CAAC;CACF;
|
|
1
|
+
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/input/base-input.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAqD;AACrD,gEAAmG;AACnG,4EAAgE;AAEhE,MAA8B,gBAAiB,SAAQ,sBAAgB;IACrE,eAAe;QACb,2CAA2C;QAC3C,oEAAoE;QACpE,OAAO,IAAI,CAAC,IAAI,CAAmB,IAAI,6BAAc,CAAC,KAAK,EAAE,CAAE,CAAC;IAClE,CAAC;IAGD,KAAK;QACH,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,IAAI;QACF,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACM,aAAa;QACpB,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACnD,CAAC;IAED;;;;OAIG;IACM,aAAa,CAAC,KAAa;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,UAAU,EAAE,CAAC;QACpD,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACtE,CAAC;CACF;AAtCC;IADC,aAAO;6CAKP;AAGD;IADC,aAAO;4CAKP;AAOQ;IAAR,aAAO;qDAEP;AAOQ;IAAR,aAAO;qDAKP;AAGD;IADC,aAAO;kDAGP;AA7CH,mCA8CC"}
|
|
@@ -2,6 +2,12 @@ import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-
|
|
|
2
2
|
export default class TextareaWrapper extends ComponentWrapper<HTMLTextAreaElement> {
|
|
3
3
|
static rootSelector: string;
|
|
4
4
|
findNativeTextarea(): ElementWrapper<HTMLTextAreaElement>;
|
|
5
|
+
/**
|
|
6
|
+
* Gets the value of the component.
|
|
7
|
+
*
|
|
8
|
+
* Returns the current value of the textarea.
|
|
9
|
+
*/
|
|
10
|
+
getTextareaValue(): string;
|
|
5
11
|
/**
|
|
6
12
|
* Sets the value of the component and calls the onChange handler.
|
|
7
13
|
*
|
|
@@ -15,6 +15,14 @@ class TextareaWrapper extends dom_1.ComponentWrapper {
|
|
|
15
15
|
findNativeTextarea() {
|
|
16
16
|
return this.find(`.${styles_selectors_js_1.default.textarea}`);
|
|
17
17
|
}
|
|
18
|
+
/**
|
|
19
|
+
* Gets the value of the component.
|
|
20
|
+
*
|
|
21
|
+
* Returns the current value of the textarea.
|
|
22
|
+
*/
|
|
23
|
+
getTextareaValue() {
|
|
24
|
+
return this.findNativeTextarea().getElement().value;
|
|
25
|
+
}
|
|
18
26
|
/**
|
|
19
27
|
* Sets the value of the component and calls the onChange handler.
|
|
20
28
|
*
|
|
@@ -28,6 +36,9 @@ class TextareaWrapper extends dom_1.ComponentWrapper {
|
|
|
28
36
|
}
|
|
29
37
|
}
|
|
30
38
|
TextareaWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
39
|
+
__decorate([
|
|
40
|
+
dom_1.usesDom
|
|
41
|
+
], TextareaWrapper.prototype, "getTextareaValue", null);
|
|
31
42
|
__decorate([
|
|
32
43
|
dom_1.usesDom
|
|
33
44
|
], TextareaWrapper.prototype, "setTextareaValue", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/textarea/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAqD;AACrD,gEAAmG;AACnG,+EAA8D;AAE9D,MAAqB,eAAgB,SAAQ,sBAAqC;IAGhF,kBAAkB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAsB,IAAI,6BAAS,CAAC,QAAQ,EAAE,CAAE,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAwB,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QAC5E,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/textarea/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAqD;AACrD,gEAAmG;AACnG,+EAA8D;AAE9D,MAAqB,eAAgB,SAAQ,sBAAqC;IAGhF,kBAAkB;QAChB,OAAO,IAAI,CAAC,IAAI,CAAsB,IAAI,6BAAS,CAAC,QAAQ,EAAE,CAAE,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAwB,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QAC5E,IAAA,gBAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;;AAzBM,4BAAY,GAAW,6BAAS,CAAC,IAAI,CAAC;AAWpC;IAAR,aAAO;uDAEP;AAOQ;IAAR,aAAO;uDAKP;AA1BH,kCA2BC"}
|