@cloudscape-design/components 3.0.834 → 3.0.836
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/alert/styles.css.js +28 -28
- package/alert/styles.scoped.css +46 -46
- package/alert/styles.selectors.js +28 -28
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +19 -19
- package/anchor-navigation/styles.selectors.js +8 -8
- package/button/styles.css.js +21 -21
- package/button/styles.scoped.css +157 -157
- package/button/styles.selectors.js +21 -21
- package/button-dropdown/item-element/styles.css.js +13 -13
- package/button-dropdown/item-element/styles.scoped.css +22 -22
- package/button-dropdown/item-element/styles.selectors.js +13 -13
- package/button-dropdown/styles.css.js +17 -17
- package/button-dropdown/styles.scoped.css +30 -30
- package/button-dropdown/styles.selectors.js +17 -17
- package/expandable-section/styles.css.js +34 -34
- package/expandable-section/styles.scoped.css +67 -67
- package/expandable-section/styles.selectors.js +34 -34
- package/file-token-group/file-token.d.ts +2 -2
- package/file-token-group/file-token.d.ts.map +1 -1
- package/file-token-group/file-token.js +9 -5
- package/file-token-group/file-token.js.map +1 -1
- package/file-token-group/interfaces.d.ts +2 -2
- package/file-token-group/interfaces.d.ts.map +1 -1
- package/file-token-group/interfaces.js.map +1 -1
- package/file-token-group/internal.d.ts.map +1 -1
- package/file-token-group/internal.js +11 -3
- package/file-token-group/internal.js.map +1 -1
- package/file-token-group/styles.css.js +22 -22
- package/file-token-group/styles.scoped.css +31 -31
- package/file-token-group/styles.selectors.js +22 -22
- package/file-upload/interfaces.d.ts +6 -6
- package/file-upload/interfaces.d.ts.map +1 -1
- package/file-upload/interfaces.js.map +1 -1
- package/file-upload/internal.d.ts.map +1 -1
- package/file-upload/internal.js +15 -5
- package/file-upload/internal.js.map +1 -1
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +151 -151
- package/flashbar/styles.selectors.js +50 -50
- package/i18n/messages/all.all.js +1 -1
- package/i18n/messages/all.all.json +1 -1
- package/i18n/messages/all.ar.js +1 -1
- package/i18n/messages/all.ar.json +1 -1
- package/i18n/messages/all.de.js +1 -1
- package/i18n/messages/all.de.json +1 -1
- package/i18n/messages/all.en-GB.js +1 -1
- package/i18n/messages/all.en-GB.json +1 -1
- package/i18n/messages/all.en.js +1 -1
- package/i18n/messages/all.en.json +1 -1
- package/i18n/messages/all.es.js +1 -1
- package/i18n/messages/all.es.json +1 -1
- package/i18n/messages/all.fr.js +1 -1
- package/i18n/messages/all.fr.json +1 -1
- package/i18n/messages/all.id.js +1 -1
- package/i18n/messages/all.id.json +1 -1
- package/i18n/messages/all.it.js +1 -1
- package/i18n/messages/all.it.json +1 -1
- package/i18n/messages/all.ja.js +1 -1
- package/i18n/messages/all.ja.json +1 -1
- package/i18n/messages/all.ko.js +1 -1
- package/i18n/messages/all.ko.json +1 -1
- package/i18n/messages/all.pt-BR.js +1 -1
- package/i18n/messages/all.pt-BR.json +1 -1
- package/i18n/messages/all.tr.js +1 -1
- package/i18n/messages/all.tr.json +1 -1
- package/i18n/messages/all.zh-CN.js +1 -1
- package/i18n/messages/all.zh-CN.json +1 -1
- package/i18n/messages/all.zh-TW.js +1 -1
- package/i18n/messages/all.zh-TW.json +1 -1
- package/i18n/messages-types.d.ts +24 -0
- package/i18n/messages-types.d.ts.map +1 -1
- package/i18n/messages-types.js.map +1 -1
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +44 -44
- package/input/styles.selectors.js +13 -13
- package/internal/base-component/styles.scoped.css +4 -2
- package/internal/components/button-trigger/styles.css.js +13 -13
- package/internal/components/button-trigger/styles.scoped.css +37 -37
- package/internal/components/button-trigger/styles.selectors.js +13 -13
- package/internal/components/checkbox-icon/styles.css.js +9 -9
- package/internal/components/checkbox-icon/styles.scoped.css +10 -10
- package/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +39 -39
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +26 -26
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +4 -2
- package/internal/generated/styles/tokens.js +4 -2
- package/internal/generated/theming/index.cjs +22 -8
- package/internal/generated/theming/index.cjs.d.ts +32 -0
- package/internal/generated/theming/index.d.ts +32 -0
- package/internal/generated/theming/index.js +22 -8
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +73 -73
- package/link/styles.selectors.js +20 -20
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +27 -27
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +52 -52
- package/popover/styles.scoped.css +72 -75
- package/popover/styles.selectors.js +52 -52
- package/prompt-input/styles.css.js +14 -14
- package/prompt-input/styles.scoped.css +56 -56
- package/prompt-input/styles.selectors.js +14 -14
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +45 -45
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +42 -42
- package/property-filter/styles.selectors.js +39 -39
- package/segmented-control/styles.css.js +15 -15
- package/segmented-control/styles.scoped.css +38 -38
- package/segmented-control/styles.selectors.js +15 -15
- package/select/parts/styles.css.js +21 -21
- package/select/parts/styles.scoped.css +26 -26
- package/select/parts/styles.selectors.js +21 -21
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +24 -24
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +79 -79
- package/tiles/styles.selectors.js +30 -30
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +18 -18
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +67 -67
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
package/input/styles.scoped.css
CHANGED
|
@@ -138,11 +138,11 @@
|
|
|
138
138
|
*/
|
|
139
139
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
140
140
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
141
|
-
.
|
|
141
|
+
.awsui_root_2rhyz_137vc_141:not(#\9) {
|
|
142
142
|
/* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
.
|
|
145
|
+
.awsui_input_2rhyz_137vc_145:not(#\9) {
|
|
146
146
|
border-collapse: separate;
|
|
147
147
|
border-spacing: 0;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -187,146 +187,146 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
187
187
|
border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
188
188
|
border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
|
|
189
189
|
border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
190
|
-
border-block: var(--border-field-
|
|
191
|
-
border-inline: var(--border-field-
|
|
190
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
|
|
191
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
|
|
192
192
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
193
193
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
194
194
|
block-size: var(--size-vertical-input-v5iwwf, 32px);
|
|
195
195
|
}
|
|
196
|
-
.
|
|
196
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-readonly_2rhyz_137vc_195:not(#\9) {
|
|
197
197
|
background-color: var(--color-background-input-default-u56ls1, #ffffff);
|
|
198
|
-
border-block: var(--border-field-
|
|
199
|
-
border-inline: var(--border-field-
|
|
198
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
199
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.awsui_input_2rhyz_137vc_145:not(#\9)::-webkit-input-placeholder {
|
|
202
202
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
203
203
|
font-style: italic;
|
|
204
204
|
-webkit-user-select: none;
|
|
205
205
|
user-select: none;
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
.awsui_input_2rhyz_137vc_145:not(#\9)::-ms-input-placeholder {
|
|
208
208
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
209
209
|
font-style: italic;
|
|
210
210
|
}
|
|
211
|
-
.
|
|
211
|
+
.awsui_input_2rhyz_137vc_145:not(#\9)::-moz-placeholder {
|
|
212
212
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
213
213
|
font-style: italic;
|
|
214
214
|
opacity: 1;
|
|
215
215
|
}
|
|
216
|
-
.
|
|
216
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):-ms-input-placeholder {
|
|
217
217
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
218
218
|
font-style: italic;
|
|
219
219
|
}
|
|
220
|
-
.
|
|
220
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):-moz-placeholder {
|
|
221
221
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
222
222
|
font-style: italic;
|
|
223
223
|
opacity: 1;
|
|
224
224
|
}
|
|
225
|
-
.
|
|
225
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):focus {
|
|
226
226
|
outline: 2px dotted transparent;
|
|
227
|
-
border-block: var(--border-field-
|
|
228
|
-
border-inline: var(--border-field-
|
|
227
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
|
|
228
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
|
|
229
229
|
border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
|
|
230
230
|
border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
231
231
|
border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
|
|
232
232
|
border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
233
233
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
234
234
|
}
|
|
235
|
-
.
|
|
235
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):disabled {
|
|
236
236
|
background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
|
|
237
|
-
border-block: var(--border-field-
|
|
238
|
-
border-inline: var(--border-field-
|
|
237
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
238
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
239
239
|
color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
|
|
240
240
|
cursor: auto;
|
|
241
241
|
cursor: default;
|
|
242
242
|
}
|
|
243
|
-
.
|
|
243
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):disabled::-webkit-input-placeholder {
|
|
244
244
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
245
245
|
-webkit-user-select: none;
|
|
246
246
|
user-select: none;
|
|
247
247
|
}
|
|
248
|
-
.
|
|
248
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):disabled::-ms-input-placeholder {
|
|
249
249
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
250
250
|
}
|
|
251
|
-
.
|
|
251
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):disabled::-moz-placeholder {
|
|
252
252
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
253
253
|
opacity: 1;
|
|
254
254
|
}
|
|
255
|
-
.
|
|
255
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):disabled:-ms-input-placeholder {
|
|
256
256
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
257
257
|
}
|
|
258
|
-
.
|
|
258
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):disabled:-moz-placeholder {
|
|
259
259
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
260
260
|
opacity: 1;
|
|
261
261
|
}
|
|
262
|
-
.
|
|
262
|
+
.awsui_input_2rhyz_137vc_145:not(#\9):invalid {
|
|
263
263
|
box-shadow: none;
|
|
264
264
|
}
|
|
265
|
-
.
|
|
265
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-invalid_2rhyz_137vc_262:not(#\9) {
|
|
266
266
|
color: var(--color-text-status-error-5676bj, #db0000);
|
|
267
267
|
border-color: var(--color-text-status-error-5676bj, #db0000);
|
|
268
|
-
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-
|
|
268
|
+
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
|
|
269
269
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
270
270
|
}
|
|
271
|
-
.
|
|
271
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-invalid_2rhyz_137vc_262:not(#\9):focus {
|
|
272
272
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
273
273
|
}
|
|
274
|
-
.
|
|
275
|
-
padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-
|
|
274
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-invalid_2rhyz_137vc_262.awsui_input-has-icon-left_2rhyz_137vc_271:not(#\9) {
|
|
275
|
+
padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
|
|
276
276
|
}
|
|
277
|
-
.
|
|
277
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-warning_2rhyz_137vc_274:not(#\9) {
|
|
278
278
|
color: var(--color-text-status-warning-csaw41, #855900);
|
|
279
279
|
border-color: var(--color-text-status-warning-csaw41, #855900);
|
|
280
|
-
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-
|
|
280
|
+
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
|
|
281
281
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
282
282
|
}
|
|
283
|
-
.
|
|
283
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-warning_2rhyz_137vc_274:not(#\9):focus {
|
|
284
284
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
285
285
|
}
|
|
286
|
-
.
|
|
287
|
-
padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-
|
|
286
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-warning_2rhyz_137vc_274.awsui_input-has-icon-left_2rhyz_137vc_271:not(#\9) {
|
|
287
|
+
padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
|
|
288
288
|
}
|
|
289
|
-
.
|
|
289
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-type-search_2rhyz_137vc_286:not(#\9) {
|
|
290
290
|
box-sizing: border-box;
|
|
291
291
|
-webkit-appearance: none;
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-type-search_2rhyz_137vc_286:not(#\9)::-webkit-search-decoration {
|
|
294
294
|
-webkit-appearance: none;
|
|
295
295
|
}
|
|
296
|
-
.
|
|
296
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-type-search_2rhyz_137vc_286:not(#\9)::-webkit-search-cancel-button {
|
|
297
297
|
display: none;
|
|
298
298
|
}
|
|
299
|
-
.
|
|
299
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-has-icon-left_2rhyz_137vc_271:not(#\9) {
|
|
300
300
|
padding-inline-start: var(--space-field-icon-offset-csk9vw, 36px);
|
|
301
301
|
}
|
|
302
|
-
.
|
|
302
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-has-icon-right_2rhyz_137vc_299:not(#\9) {
|
|
303
303
|
padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_input_2rhyz_137vc_145.awsui_input-has-no-border-radius_2rhyz_137vc_302:not(#\9) {
|
|
306
306
|
border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
307
307
|
border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
308
308
|
border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
309
309
|
border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
-
.awsui_input-
|
|
312
|
+
.awsui_input-container_2rhyz_137vc_309:not(#\9) {
|
|
313
313
|
display: flex;
|
|
314
314
|
position: relative;
|
|
315
315
|
}
|
|
316
316
|
|
|
317
|
-
.awsui_input-icon-
|
|
317
|
+
.awsui_input-icon-left_2rhyz_137vc_314:not(#\9) {
|
|
318
318
|
position: absolute;
|
|
319
319
|
pointer-events: none;
|
|
320
320
|
inset-inline-start: var(--space-field-horizontal-gg19kw, 12px);
|
|
321
321
|
inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
|
|
322
322
|
}
|
|
323
323
|
|
|
324
|
-
.awsui_input-icon-
|
|
324
|
+
.awsui_input-icon-right_2rhyz_137vc_321:not(#\9) {
|
|
325
325
|
position: absolute;
|
|
326
326
|
inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
|
|
327
327
|
inset-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
|
|
328
328
|
}
|
|
329
329
|
|
|
330
|
-
.awsui_input-button-
|
|
330
|
+
.awsui_input-button-right_2rhyz_137vc_327:not(#\9) {
|
|
331
331
|
/* used in test-utils */
|
|
332
332
|
}
|
|
@@ -2,18 +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
|
-
"root": "
|
|
6
|
-
"input": "
|
|
7
|
-
"input-readonly": "awsui_input-
|
|
8
|
-
"input-invalid": "awsui_input-
|
|
9
|
-
"input-has-icon-left": "awsui_input-has-icon-
|
|
10
|
-
"input-warning": "awsui_input-
|
|
11
|
-
"input-type-search": "awsui_input-type-
|
|
12
|
-
"input-has-icon-right": "awsui_input-has-icon-
|
|
13
|
-
"input-has-no-border-radius": "awsui_input-has-no-border-
|
|
14
|
-
"input-container": "awsui_input-
|
|
15
|
-
"input-icon-left": "awsui_input-icon-
|
|
16
|
-
"input-icon-right": "awsui_input-icon-
|
|
17
|
-
"input-button-right": "awsui_input-button-
|
|
5
|
+
"root": "awsui_root_2rhyz_137vc_141",
|
|
6
|
+
"input": "awsui_input_2rhyz_137vc_145",
|
|
7
|
+
"input-readonly": "awsui_input-readonly_2rhyz_137vc_195",
|
|
8
|
+
"input-invalid": "awsui_input-invalid_2rhyz_137vc_262",
|
|
9
|
+
"input-has-icon-left": "awsui_input-has-icon-left_2rhyz_137vc_271",
|
|
10
|
+
"input-warning": "awsui_input-warning_2rhyz_137vc_274",
|
|
11
|
+
"input-type-search": "awsui_input-type-search_2rhyz_137vc_286",
|
|
12
|
+
"input-has-icon-right": "awsui_input-has-icon-right_2rhyz_137vc_299",
|
|
13
|
+
"input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_137vc_302",
|
|
14
|
+
"input-container": "awsui_input-container_2rhyz_137vc_309",
|
|
15
|
+
"input-icon-left": "awsui_input-icon-left_2rhyz_137vc_314",
|
|
16
|
+
"input-icon-right": "awsui_input-icon-right_2rhyz_137vc_321",
|
|
17
|
+
"input-button-right": "awsui_input-button-right_2rhyz_137vc_327"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -419,7 +419,6 @@
|
|
|
419
419
|
--color-dropzone-border-hover-tpluhc:#002b66;
|
|
420
420
|
--font-box-value-large-weight-onoq9k:700;
|
|
421
421
|
--font-button-letter-spacing-65ug0o:0.005em;
|
|
422
|
-
--font-button-weight-hv56tz:700;
|
|
423
422
|
--font-chart-detail-size-1n389u:12px;
|
|
424
423
|
--font-display-label-weight-815ja9:700;
|
|
425
424
|
--font-expandable-heading-size-smdiul:16px;
|
|
@@ -445,6 +444,7 @@
|
|
|
445
444
|
--font-tabs-line-height-dzo7k3:20px;
|
|
446
445
|
--font-tabs-size-8zzqp2:16px;
|
|
447
446
|
--font-wayfinding-link-active-weight-rbmzei:700;
|
|
447
|
+
--font-weight-button-c91p4t:700;
|
|
448
448
|
--font-weight-heading-xl-yvsksd:700;
|
|
449
449
|
--font-weight-heading-l-f8711v:700;
|
|
450
450
|
--font-weight-heading-m-m2ekmb:700;
|
|
@@ -474,7 +474,6 @@
|
|
|
474
474
|
--border-divider-list-width-27y3k5:1px;
|
|
475
475
|
--border-divider-section-width-1061zr:1px;
|
|
476
476
|
--border-dropdown-virtual-offset-width-kekgc0:2px;
|
|
477
|
-
--border-field-width-09w7vk:2px;
|
|
478
477
|
--border-invalid-width-5ktjp2:8px;
|
|
479
478
|
--border-item-width-yel47s:2px;
|
|
480
479
|
--border-line-chart-dash-array-k49cgz:3 5;
|
|
@@ -504,6 +503,9 @@
|
|
|
504
503
|
--border-table-sticky-width-87kf12:1px;
|
|
505
504
|
--border-link-focus-ring-outline-kkfop6:0;
|
|
506
505
|
--border-link-focus-ring-shadow-spread-v8hkrl:2px;
|
|
506
|
+
--border-width-alert-t0f3yn:2px;
|
|
507
|
+
--border-width-field-h1g7tw:2px;
|
|
508
|
+
--border-width-popover-h2a419:2px;
|
|
507
509
|
--motion-duration-extra-slow-ngjb9g:270ms;
|
|
508
510
|
--motion-duration-fast-sbm3r7:90ms;
|
|
509
511
|
--motion-duration-moderate-5k1phv:135ms;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"button-trigger": "awsui_button-
|
|
5
|
-
"arrow": "
|
|
6
|
-
"in-filtering-token-root": "awsui_in-filtering-token-
|
|
7
|
-
"in-filtering-token-nested": "awsui_in-filtering-token-
|
|
8
|
-
"has-caret": "awsui_has-
|
|
9
|
-
"placeholder": "
|
|
10
|
-
"pressed": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"in-filtering-token": "awsui_in-filtering-
|
|
13
|
-
"readonly": "
|
|
14
|
-
"invalid": "
|
|
15
|
-
"warning": "
|
|
16
|
-
"inline-tokens": "awsui_inline-
|
|
4
|
+
"button-trigger": "awsui_button-trigger_18eso_oq1lc_157",
|
|
5
|
+
"arrow": "awsui_arrow_18eso_oq1lc_157",
|
|
6
|
+
"in-filtering-token-root": "awsui_in-filtering-token-root_18eso_oq1lc_220",
|
|
7
|
+
"in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_oq1lc_220",
|
|
8
|
+
"has-caret": "awsui_has-caret_18eso_oq1lc_254",
|
|
9
|
+
"placeholder": "awsui_placeholder_18eso_oq1lc_257",
|
|
10
|
+
"pressed": "awsui_pressed_18eso_oq1lc_270",
|
|
11
|
+
"disabled": "awsui_disabled_18eso_oq1lc_273",
|
|
12
|
+
"in-filtering-token": "awsui_in-filtering-token_18eso_oq1lc_220",
|
|
13
|
+
"readonly": "awsui_readonly_18eso_oq1lc_289",
|
|
14
|
+
"invalid": "awsui_invalid_18eso_oq1lc_311",
|
|
15
|
+
"warning": "awsui_warning_18eso_oq1lc_320",
|
|
16
|
+
"inline-tokens": "awsui_inline-tokens_18eso_oq1lc_329"
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -154,21 +154,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
154
154
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
155
155
|
SPDX-License-Identifier: Apache-2.0
|
|
156
156
|
*/
|
|
157
|
-
.awsui_button-
|
|
157
|
+
.awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
|
|
158
158
|
transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
159
159
|
}
|
|
160
160
|
@media (prefers-reduced-motion: reduce) {
|
|
161
|
-
.awsui_button-
|
|
161
|
+
.awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
|
|
162
162
|
animation: none;
|
|
163
163
|
transition: none;
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
.awsui-motion-disabled .awsui_button-
|
|
166
|
+
.awsui-motion-disabled .awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
|
|
167
167
|
animation: none;
|
|
168
168
|
transition: none;
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
-
.awsui_button-
|
|
171
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9) {
|
|
172
172
|
border-collapse: separate;
|
|
173
173
|
border-spacing: 0;
|
|
174
174
|
box-sizing: border-box;
|
|
@@ -214,11 +214,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
214
214
|
border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
215
215
|
border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
|
|
216
216
|
border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
217
|
-
border-block: var(--border-field-
|
|
218
|
-
border-inline: var(--border-field-
|
|
217
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
|
|
218
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
|
|
219
219
|
min-block-size: var(--size-vertical-input-v5iwwf, 32px);
|
|
220
220
|
}
|
|
221
|
-
.awsui_button-
|
|
221
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9), .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9) {
|
|
222
222
|
padding-block: 0px;
|
|
223
223
|
padding-inline: var(--space-field-horizontal-gg19kw, 12px);
|
|
224
224
|
border-color: var(--color-border-item-selected-m769ej, #006ce0);
|
|
@@ -227,14 +227,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
227
227
|
block-size: 100%;
|
|
228
228
|
min-block-size: unset;
|
|
229
229
|
}
|
|
230
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
230
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9):focus {
|
|
231
231
|
position: relative;
|
|
232
232
|
}
|
|
233
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
233
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9):focus {
|
|
234
234
|
outline: 2px dotted transparent;
|
|
235
235
|
outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-0ailok, -5px) - 1px);
|
|
236
236
|
}
|
|
237
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
237
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9):focus::before {
|
|
238
238
|
content: " ";
|
|
239
239
|
display: block;
|
|
240
240
|
position: absolute;
|
|
@@ -248,85 +248,85 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_
|
|
|
248
248
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
249
249
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
250
250
|
}
|
|
251
|
-
.awsui_button-
|
|
251
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9) {
|
|
252
252
|
border-start-start-radius: calc(var(--border-radius-input-plgbrq, 8px) / 2);
|
|
253
253
|
border-end-start-radius: calc(var(--border-radius-input-plgbrq, 8px) / 2);
|
|
254
254
|
}
|
|
255
|
-
.awsui_button-
|
|
255
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_has-caret_18eso_oq1lc_254:not(#\9) {
|
|
256
256
|
padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
|
|
257
257
|
}
|
|
258
|
-
.awsui_button-
|
|
258
|
+
.awsui_button-trigger_18eso_oq1lc_157 > .awsui_placeholder_18eso_oq1lc_257:not(#\9) {
|
|
259
259
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
260
260
|
font-style: italic;
|
|
261
261
|
}
|
|
262
|
-
.awsui_button-
|
|
262
|
+
.awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
|
|
263
263
|
position: absolute;
|
|
264
264
|
inset-inline-end: var(--space-field-horizontal-gg19kw, 12px);
|
|
265
265
|
inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
|
|
266
266
|
color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
|
|
267
267
|
}
|
|
268
|
-
.awsui_button-
|
|
268
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9):hover > .awsui_arrow_18eso_oq1lc_157 {
|
|
269
269
|
color: var(--color-text-button-inline-icon-hover-vcdou1, #002b66);
|
|
270
270
|
}
|
|
271
|
-
.awsui_button-
|
|
271
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_pressed_18eso_oq1lc_270 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
|
|
272
272
|
transform: rotate(-180deg);
|
|
273
273
|
}
|
|
274
|
-
.awsui_button-
|
|
274
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273:not(#\9) {
|
|
275
275
|
background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
|
|
276
|
-
border-block: var(--border-field-
|
|
277
|
-
border-inline: var(--border-field-
|
|
276
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
277
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
278
278
|
color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
|
|
279
279
|
cursor: auto;
|
|
280
280
|
}
|
|
281
|
-
.awsui_button-
|
|
281
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
|
|
282
282
|
color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
|
|
283
283
|
}
|
|
284
|
-
.awsui_button-
|
|
284
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273.awsui_in-filtering-token_18eso_oq1lc_220:not(#\9) {
|
|
285
285
|
border-color: var(--color-border-control-disabled-qc5csz, #dedee3);
|
|
286
286
|
}
|
|
287
|
-
.awsui_button-
|
|
287
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273 > .awsui_placeholder_18eso_oq1lc_257:not(#\9) {
|
|
288
288
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
289
289
|
}
|
|
290
|
-
.awsui_button-
|
|
290
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_readonly_18eso_oq1lc_289:not(#\9):not(.awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273) {
|
|
291
291
|
background-color: var(--color-background-input-default-u56ls1, #ffffff);
|
|
292
|
-
border-block: var(--border-field-
|
|
293
|
-
border-inline: var(--border-field-
|
|
292
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
293
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
294
294
|
}
|
|
295
|
-
.awsui_button-
|
|
295
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9):focus {
|
|
296
296
|
outline: none;
|
|
297
297
|
text-decoration: none;
|
|
298
298
|
}
|
|
299
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
299
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220):focus {
|
|
300
300
|
outline: 2px dotted transparent;
|
|
301
|
-
border-block: var(--border-field-
|
|
302
|
-
border-inline: var(--border-field-
|
|
301
|
+
border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
|
|
302
|
+
border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
|
|
303
303
|
border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
|
|
304
304
|
border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
305
305
|
border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
|
|
306
306
|
border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
307
307
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
308
308
|
}
|
|
309
|
-
.awsui_button-
|
|
309
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220):invalid {
|
|
310
310
|
box-shadow: none;
|
|
311
311
|
}
|
|
312
|
-
.awsui_button-
|
|
312
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311:focus {
|
|
313
313
|
color: var(--color-text-status-error-5676bj, #db0000);
|
|
314
314
|
border-color: var(--color-text-status-error-5676bj, #db0000);
|
|
315
|
-
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-
|
|
315
|
+
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
|
|
316
316
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
317
317
|
}
|
|
318
|
-
.awsui_button-
|
|
318
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311:focus, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311:focus:focus {
|
|
319
319
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
320
320
|
}
|
|
321
|
-
.awsui_button-
|
|
321
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320:focus {
|
|
322
322
|
color: var(--color-text-status-warning-csaw41, #855900);
|
|
323
323
|
border-color: var(--color-text-status-warning-csaw41, #855900);
|
|
324
|
-
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-
|
|
324
|
+
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
|
|
325
325
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
326
326
|
}
|
|
327
|
-
.awsui_button-
|
|
327
|
+
.awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320:focus, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320:focus:focus {
|
|
328
328
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
329
329
|
}
|
|
330
|
-
.awsui_button-
|
|
330
|
+
.awsui_button-trigger_18eso_oq1lc_157.awsui_inline-tokens_18eso_oq1lc_329:not(#\9) {
|
|
331
331
|
padding-block: 0;
|
|
332
332
|
}
|
|
@@ -2,18 +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
|
-
"button-trigger": "awsui_button-
|
|
6
|
-
"arrow": "
|
|
7
|
-
"in-filtering-token-root": "awsui_in-filtering-token-
|
|
8
|
-
"in-filtering-token-nested": "awsui_in-filtering-token-
|
|
9
|
-
"has-caret": "awsui_has-
|
|
10
|
-
"placeholder": "
|
|
11
|
-
"pressed": "
|
|
12
|
-
"disabled": "
|
|
13
|
-
"in-filtering-token": "awsui_in-filtering-
|
|
14
|
-
"readonly": "
|
|
15
|
-
"invalid": "
|
|
16
|
-
"warning": "
|
|
17
|
-
"inline-tokens": "awsui_inline-
|
|
5
|
+
"button-trigger": "awsui_button-trigger_18eso_oq1lc_157",
|
|
6
|
+
"arrow": "awsui_arrow_18eso_oq1lc_157",
|
|
7
|
+
"in-filtering-token-root": "awsui_in-filtering-token-root_18eso_oq1lc_220",
|
|
8
|
+
"in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_oq1lc_220",
|
|
9
|
+
"has-caret": "awsui_has-caret_18eso_oq1lc_254",
|
|
10
|
+
"placeholder": "awsui_placeholder_18eso_oq1lc_257",
|
|
11
|
+
"pressed": "awsui_pressed_18eso_oq1lc_270",
|
|
12
|
+
"disabled": "awsui_disabled_18eso_oq1lc_273",
|
|
13
|
+
"in-filtering-token": "awsui_in-filtering-token_18eso_oq1lc_220",
|
|
14
|
+
"readonly": "awsui_readonly_18eso_oq1lc_289",
|
|
15
|
+
"invalid": "awsui_invalid_18eso_oq1lc_311",
|
|
16
|
+
"warning": "awsui_warning_18eso_oq1lc_320",
|
|
17
|
+
"inline-tokens": "awsui_inline-tokens_18eso_oq1lc_329"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"styled-box": "awsui_styled-
|
|
6
|
-
"styled-box-checked": "awsui_styled-box-
|
|
7
|
-
"styled-box-indeterminate": "awsui_styled-box-
|
|
8
|
-
"styled-box-disabled": "awsui_styled-box-
|
|
9
|
-
"styled-box-readonly": "awsui_styled-box-
|
|
10
|
-
"styled-line": "awsui_styled-
|
|
11
|
-
"styled-line-disabled": "awsui_styled-line-
|
|
12
|
-
"styled-line-readonly": "awsui_styled-line-
|
|
4
|
+
"root": "awsui_root_1fn7j_1b2kg_141",
|
|
5
|
+
"styled-box": "awsui_styled-box_1fn7j_1b2kg_148",
|
|
6
|
+
"styled-box-checked": "awsui_styled-box-checked_1fn7j_1b2kg_164",
|
|
7
|
+
"styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1b2kg_164",
|
|
8
|
+
"styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1b2kg_168",
|
|
9
|
+
"styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1b2kg_168",
|
|
10
|
+
"styled-line": "awsui_styled-line_1fn7j_1b2kg_172",
|
|
11
|
+
"styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1b2kg_177",
|
|
12
|
+
"styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1b2kg_180"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -138,45 +138,45 @@
|
|
|
138
138
|
*/
|
|
139
139
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
140
140
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
141
|
-
.
|
|
141
|
+
.awsui_root_1fn7j_1b2kg_141:not(#\9) {
|
|
142
142
|
position: absolute;
|
|
143
143
|
inline-size: 100%;
|
|
144
144
|
block-size: 100%;
|
|
145
145
|
inset-block-start: 0;
|
|
146
146
|
inset-inline-start: 0;
|
|
147
147
|
}
|
|
148
|
-
.
|
|
148
|
+
.awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9) {
|
|
149
149
|
fill: var(--color-background-control-default-5ol8rv, #ffffff);
|
|
150
150
|
stroke: var(--color-border-control-default-8m5t80, #8c8c94);
|
|
151
|
-
stroke-width: var(--border-field-
|
|
151
|
+
stroke-width: var(--border-width-field-h1g7tw, 2px);
|
|
152
152
|
transition: fill var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear), stroke var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
|
|
153
153
|
}
|
|
154
154
|
@media (prefers-reduced-motion: reduce) {
|
|
155
|
-
.
|
|
155
|
+
.awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9) {
|
|
156
156
|
animation: none;
|
|
157
157
|
transition: none;
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
|
-
.awsui-motion-disabled .
|
|
160
|
+
.awsui-motion-disabled .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9) {
|
|
161
161
|
animation: none;
|
|
162
162
|
transition: none;
|
|
163
163
|
}
|
|
164
|
-
.
|
|
164
|
+
.awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-checked_1fn7j_1b2kg_164:not(#\9), .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-indeterminate_1fn7j_1b2kg_164:not(#\9) {
|
|
165
165
|
fill: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
166
166
|
stroke: var(--color-border-control-checked-vu1puo, #006ce0);
|
|
167
167
|
}
|
|
168
|
-
.
|
|
168
|
+
.awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-disabled_1fn7j_1b2kg_168:not(#\9), .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-readonly_1fn7j_1b2kg_168:not(#\9) {
|
|
169
169
|
fill: var(--color-background-control-disabled-5cbvij, #dedee3);
|
|
170
170
|
stroke: var(--color-border-control-disabled-qc5csz, #dedee3);
|
|
171
171
|
}
|
|
172
|
-
.
|
|
172
|
+
.awsui_root_1fn7j_1b2kg_141 > .awsui_styled-line_1fn7j_1b2kg_172:not(#\9) {
|
|
173
173
|
stroke: var(--color-foreground-control-default-p84gz5, #ffffff);
|
|
174
174
|
stroke-width: 2;
|
|
175
175
|
fill: none;
|
|
176
176
|
}
|
|
177
|
-
.
|
|
177
|
+
.awsui_root_1fn7j_1b2kg_141 > .awsui_styled-line-disabled_1fn7j_1b2kg_177:not(#\9) {
|
|
178
178
|
stroke: var(--color-foreground-control-disabled-c64ihu, #ffffff);
|
|
179
179
|
}
|
|
180
|
-
.
|
|
180
|
+
.awsui_root_1fn7j_1b2kg_141 > .awsui_styled-line-readonly_1fn7j_1b2kg_180:not(#\9) {
|
|
181
181
|
stroke: var(--color-foreground-control-read-only-e43ooq, #656871);
|
|
182
182
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
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
|
-
"styled-box": "awsui_styled-
|
|
7
|
-
"styled-box-checked": "awsui_styled-box-
|
|
8
|
-
"styled-box-indeterminate": "awsui_styled-box-
|
|
9
|
-
"styled-box-disabled": "awsui_styled-box-
|
|
10
|
-
"styled-box-readonly": "awsui_styled-box-
|
|
11
|
-
"styled-line": "awsui_styled-
|
|
12
|
-
"styled-line-disabled": "awsui_styled-line-
|
|
13
|
-
"styled-line-readonly": "awsui_styled-line-
|
|
5
|
+
"root": "awsui_root_1fn7j_1b2kg_141",
|
|
6
|
+
"styled-box": "awsui_styled-box_1fn7j_1b2kg_148",
|
|
7
|
+
"styled-box-checked": "awsui_styled-box-checked_1fn7j_1b2kg_164",
|
|
8
|
+
"styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1b2kg_164",
|
|
9
|
+
"styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1b2kg_168",
|
|
10
|
+
"styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1b2kg_168",
|
|
11
|
+
"styled-line": "awsui_styled-line_1fn7j_1b2kg_172",
|
|
12
|
+
"styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1b2kg_177",
|
|
13
|
+
"styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1b2kg_180"
|
|
14
14
|
};
|
|
15
15
|
|