@cloudscape-design/components-themeable 3.0.1323 → 3.0.1324
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/flashbar/styles.scss +25 -4
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/side-navigation/styles.scss +17 -19
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +44 -44
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/box/styles.css.js +193 -193
- package/lib/internal/template/box/styles.scoped.css +242 -242
- package/lib/internal/template/box/styles.selectors.js +193 -193
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +195 -195
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
- package/lib/internal/template/flashbar/flash.js +2 -2
- package/lib/internal/template/flashbar/flash.js.map +1 -1
- package/lib/internal/template/flashbar/style.d.ts +3 -0
- package/lib/internal/template/flashbar/style.d.ts.map +1 -1
- package/lib/internal/template/flashbar/style.js +9 -0
- package/lib/internal/template/flashbar/style.js.map +1 -1
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +169 -151
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/form-field/styles.css.js +24 -24
- package/lib/internal/template/form-field/styles.scoped.css +40 -40
- package/lib/internal/template/form-field/styles.selectors.js +24 -24
- package/lib/internal/template/icon/styles.css.js +41 -41
- package/lib/internal/template/icon/styles.scoped.css +94 -94
- package/lib/internal/template/icon/styles.selectors.js +41 -41
- package/lib/internal/template/input/styles.css.js +18 -18
- package/lib/internal/template/input/styles.scoped.css +38 -38
- package/lib/internal/template/input/styles.selectors.js +18 -18
- package/lib/internal/template/internal/base-component/styles.scoped.css +146 -88
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +35 -35
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +10 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +23 -13
- package/lib/internal/template/internal/generated/theming/index.cjs +262 -21
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +90 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +90 -0
- package/lib/internal/template/internal/generated/theming/index.js +262 -21
- package/lib/internal/template/popover/body.d.ts.map +1 -1
- package/lib/internal/template/popover/body.js +2 -2
- package/lib/internal/template/popover/body.js.map +1 -1
- package/lib/internal/template/prompt-input/styles.css.js +26 -26
- package/lib/internal/template/prompt-input/styles.scoped.css +61 -61
- package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
- package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/parts.js +21 -14
- package/lib/internal/template/side-navigation/parts.js.map +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +46 -46
- package/lib/internal/template/side-navigation/styles.scoped.css +85 -107
- package/lib/internal/template/side-navigation/styles.selectors.js +46 -46
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +112 -112
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/lib/internal/template/status-indicator/styles.css.js +24 -24
- package/lib/internal/template/status-indicator/styles.scoped.css +59 -59
- package/lib/internal/template/status-indicator/styles.selectors.js +24 -24
- package/lib/internal/template/textarea/styles.css.js +5 -5
- package/lib/internal/template/textarea/styles.scoped.css +17 -17
- package/lib/internal/template/textarea/styles.selectors.js +5 -5
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/package.json +1 -1
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
*/
|
|
144
144
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
145
145
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
146
|
-
.
|
|
146
|
+
.awsui_root_l0dv0_fqbnj_146:not(#\9) {
|
|
147
147
|
border-collapse: separate;
|
|
148
148
|
border-spacing: 0;
|
|
149
149
|
box-sizing: border-box;
|
|
@@ -177,11 +177,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
177
177
|
word-break: break-word;
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
-
.awsui_with-
|
|
180
|
+
.awsui_with-toolbar_l0dv0_fqbnj_180:not(#\9) {
|
|
181
181
|
/* Structural class — parent context for toolbar margin resets. */
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
.
|
|
184
|
+
.awsui_header_l0dv0_fqbnj_184:not(#\9) {
|
|
185
185
|
font-size: var(--font-panel-header-size-i1j838, 18px);
|
|
186
186
|
letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
|
|
187
187
|
line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
|
|
@@ -194,14 +194,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
194
194
|
padding-inline-start: var(--space-panel-nav-left-kmy0f5, 32px);
|
|
195
195
|
padding-inline-end: calc(var(--space-scaled-xxl-9ur2is, 32px) + var(--space-xl-4dmkh1, 24px));
|
|
196
196
|
}
|
|
197
|
-
.awsui_header--
|
|
197
|
+
.awsui_header--collapsed_l0dv0_fqbnj_197:not(#\9) {
|
|
198
198
|
padding-inline: 0;
|
|
199
199
|
display: flex;
|
|
200
200
|
justify-content: center;
|
|
201
201
|
align-items: center;
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
.awsui_header-
|
|
204
|
+
.awsui_header-link_l0dv0_fqbnj_204:not(#\9) {
|
|
205
205
|
font-size: var(--font-panel-header-size-i1j838, 18px);
|
|
206
206
|
letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
|
|
207
207
|
line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
|
|
@@ -212,41 +212,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
212
212
|
min-block-size: var(--font-panel-header-line-height-z3wpa5, 22px);
|
|
213
213
|
display: flex;
|
|
214
214
|
}
|
|
215
|
-
.awsui_header-link--has-
|
|
215
|
+
.awsui_header-link--has-logo_l0dv0_fqbnj_215 > .awsui_header-link-text_l0dv0_fqbnj_215:not(#\9) {
|
|
216
216
|
font-weight: var(--font-weight-normal-7w835s, 400);
|
|
217
217
|
align-self: center;
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
-
.awsui_header-
|
|
220
|
+
.awsui_header-logo_l0dv0_fqbnj_220:not(#\9) {
|
|
221
221
|
margin-inline-end: var(--space-s-4a5hs8, 12px);
|
|
222
222
|
margin-block-start: var(--space-xxxs-3w1kr2, 2px);
|
|
223
223
|
max-inline-size: calc(1.25 * var(--size-icon-big-hnqj8f, 32px));
|
|
224
224
|
align-self: flex-start;
|
|
225
225
|
}
|
|
226
|
-
.awsui_header-logo--
|
|
226
|
+
.awsui_header-logo--stretched_l0dv0_fqbnj_226:not(#\9) {
|
|
227
227
|
max-inline-size: 100%;
|
|
228
228
|
margin-inline-end: 0;
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
.awsui_items-
|
|
231
|
+
.awsui_items-control_l0dv0_fqbnj_231:not(#\9) {
|
|
232
232
|
padding-inline: var(--space-l-3cws6j, 20px);
|
|
233
233
|
padding-block-start: calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2);
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.awsui_list-
|
|
236
|
+
.awsui_list-container_l0dv0_fqbnj_236:not(#\9) {
|
|
237
237
|
margin-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_items-
|
|
241
|
-
.awsui_list-
|
|
240
|
+
.awsui_items-control_l0dv0_fqbnj_231:not(#\9),
|
|
241
|
+
.awsui_list-container_l0dv0_fqbnj_236:not(#\9) {
|
|
242
242
|
margin-block-start: calc(var(--space-panel-content-top-s8rcdz, 20px) - calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
|
|
243
243
|
}
|
|
244
|
-
.awsui_with-
|
|
245
|
-
.awsui_with-
|
|
244
|
+
.awsui_with-toolbar_l0dv0_fqbnj_180 > .awsui_divider-header_l0dv0_fqbnj_244 + .awsui_items-control_l0dv0_fqbnj_231:not(#\9),
|
|
245
|
+
.awsui_with-toolbar_l0dv0_fqbnj_180 > .awsui_divider-header_l0dv0_fqbnj_244 + .awsui_list-container_l0dv0_fqbnj_236:not(#\9) {
|
|
246
246
|
margin-block-start: calc(-1 * calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.
|
|
249
|
+
.awsui_list_l0dv0_fqbnj_236:not(#\9) {
|
|
250
250
|
margin-block: 0;
|
|
251
251
|
margin-inline: 0;
|
|
252
252
|
padding-block: 0;
|
|
@@ -254,96 +254,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
254
254
|
padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px) - var(--space-xs-kw7k3v, 8px));
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
.awsui_list-variant-
|
|
257
|
+
.awsui_list-variant-root_l0dv0_fqbnj_257:not(#\9) {
|
|
258
258
|
margin-block: 0;
|
|
259
259
|
margin-inline: 0;
|
|
260
260
|
padding-block: 0;
|
|
261
261
|
padding-inline-start: calc(var(--space-panel-nav-left-kmy0f5, 32px) - var(--space-xs-kw7k3v, 8px));
|
|
262
262
|
padding-inline-end: calc(var(--space-panel-side-right-b77xx0, 32px) - var(--space-xs-kw7k3v, 8px));
|
|
263
263
|
}
|
|
264
|
-
.awsui_list-variant-root--
|
|
264
|
+
.awsui_list-variant-root--first_l0dv0_fqbnj_264:not(#\9) {
|
|
265
265
|
margin-block-start: 0;
|
|
266
266
|
}
|
|
267
|
-
.awsui_list-variant-root--
|
|
267
|
+
.awsui_list-variant-root--collapsed_l0dv0_fqbnj_267:not(#\9) {
|
|
268
268
|
padding-inline-start: 0;
|
|
269
269
|
padding-inline-end: 0;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.awsui_list-variant-expandable-link-
|
|
272
|
+
.awsui_list-variant-expandable-link-group_l0dv0_fqbnj_272:not(#\9) {
|
|
273
273
|
padding-inline-start: calc(calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px) - var(--space-xs-kw7k3v, 8px)) + var(--space-l-3cws6j, 20px));
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.awsui_list-variant-
|
|
276
|
+
.awsui_list-variant-section_l0dv0_fqbnj_276:not(#\9) {
|
|
277
277
|
padding-inline-start: calc(var(--space-l-3cws6j, 20px) - var(--space-xs-kw7k3v, 8px));
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.awsui_list-variant-link-
|
|
280
|
+
.awsui_list-variant-link-group_l0dv0_fqbnj_280:not(#\9) {
|
|
281
281
|
padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px) - var(--space-xs-kw7k3v, 8px));
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
-
.awsui_list-variant-section-
|
|
284
|
+
.awsui_list-variant-section-group_l0dv0_fqbnj_284:not(#\9) {
|
|
285
285
|
margin-block: calc(var(--space-scaled-xs-sppte9, 8px) - calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
|
|
286
286
|
margin-inline: calc(-1 * var(--space-xs-kw7k3v, 8px));
|
|
287
287
|
padding-block: 0;
|
|
288
288
|
padding-inline: 0;
|
|
289
289
|
}
|
|
290
290
|
|
|
291
|
-
.awsui_list-
|
|
291
|
+
.awsui_list-item_l0dv0_fqbnj_291:not(#\9) {
|
|
292
292
|
margin-inline: 0;
|
|
293
293
|
margin-block: var(--space-side-navigation-item-gap-3y4bd2, 0px);
|
|
294
294
|
padding-block: 0;
|
|
295
295
|
padding-inline: var(--space-xs-kw7k3v, 8px);
|
|
296
296
|
list-style: none;
|
|
297
|
-
transition: margin var(--motion-duration-expressive-7myv8y, 180ms) var(--motion-easing-responsive-dxkfpl, ease-out);
|
|
298
297
|
}
|
|
299
|
-
|
|
300
|
-
.awsui_list-item_l0dv0_17xrm_291:not(#\9) {
|
|
301
|
-
animation: none;
|
|
302
|
-
transition: none;
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
.awsui-motion-disabled .awsui_list-item_l0dv0_17xrm_291:not(#\9), .awsui-mode-entering .awsui_list-item_l0dv0_17xrm_291:not(#\9) {
|
|
306
|
-
animation: none;
|
|
307
|
-
transition: none;
|
|
308
|
-
}
|
|
309
|
-
.awsui_list-variant-root--first_l0dv0_17xrm_264 > .awsui_list-item_l0dv0_17xrm_291:not(#\9):first-child {
|
|
298
|
+
.awsui_list-variant-root--first_l0dv0_fqbnj_264 > .awsui_list-item_l0dv0_fqbnj_291:not(#\9):first-child {
|
|
310
299
|
margin-block-start: 0px;
|
|
311
300
|
}
|
|
312
|
-
.awsui_list-item--
|
|
301
|
+
.awsui_list-item--collapsed_l0dv0_fqbnj_301:not(#\9) {
|
|
313
302
|
margin-block: var(--space-side-navigation-item-collapsed-gap-bmqsk4, 8px);
|
|
314
303
|
display: flex;
|
|
315
304
|
justify-content: center;
|
|
316
305
|
padding-block: 0;
|
|
317
306
|
padding-inline: 0;
|
|
318
|
-
transition: margin var(--motion-duration-expressive-7myv8y, 180ms) var(--motion-easing-responsive-dxkfpl, ease-out);
|
|
319
|
-
}
|
|
320
|
-
@media (prefers-reduced-motion: reduce) {
|
|
321
|
-
.awsui_list-item--collapsed_l0dv0_17xrm_312:not(#\9) {
|
|
322
|
-
animation: none;
|
|
323
|
-
transition: none;
|
|
324
|
-
}
|
|
325
|
-
}
|
|
326
|
-
.awsui-motion-disabled .awsui_list-item--collapsed_l0dv0_17xrm_312:not(#\9), .awsui-mode-entering .awsui_list-item--collapsed_l0dv0_17xrm_312:not(#\9) {
|
|
327
|
-
animation: none;
|
|
328
|
-
transition: none;
|
|
329
307
|
}
|
|
330
|
-
.awsui_list-item--
|
|
308
|
+
.awsui_list-item--group_l0dv0_fqbnj_308:not(#\9) {
|
|
331
309
|
padding-inline: 0;
|
|
332
310
|
padding-block: var(--space-scaled-s-gjhvjd, 12px);
|
|
333
311
|
list-style: none;
|
|
334
312
|
}
|
|
335
|
-
.awsui_list-item--group-no-padding-
|
|
313
|
+
.awsui_list-item--group-no-padding-start_l0dv0_fqbnj_313:not(#\9) {
|
|
336
314
|
padding-block-start: 0;
|
|
337
315
|
}
|
|
338
|
-
.awsui_list-item--group-no-padding-
|
|
316
|
+
.awsui_list-item--group-no-padding-end_l0dv0_fqbnj_316:not(#\9) {
|
|
339
317
|
padding-block-end: 0;
|
|
340
318
|
}
|
|
341
|
-
.awsui_list-item--link-with-
|
|
319
|
+
.awsui_list-item--link-with-info_l0dv0_fqbnj_319:not(#\9) {
|
|
342
320
|
display: flex;
|
|
343
321
|
align-items: baseline;
|
|
344
322
|
}
|
|
345
323
|
|
|
346
|
-
.awsui_list--collapsed-
|
|
324
|
+
.awsui_list--collapsed-group_l0dv0_fqbnj_324:not(#\9) {
|
|
347
325
|
margin-block: 0;
|
|
348
326
|
margin-inline: 0;
|
|
349
327
|
padding-block: 0;
|
|
@@ -351,29 +329,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
351
329
|
list-style: none;
|
|
352
330
|
}
|
|
353
331
|
|
|
354
|
-
.
|
|
355
|
-
.awsui_expandable-link-
|
|
332
|
+
.awsui_section_l0dv0_fqbnj_332:not(#\9),
|
|
333
|
+
.awsui_expandable-link-group_l0dv0_fqbnj_333:not(#\9) {
|
|
356
334
|
margin-inline-start: calc(-1 * var(--space-l-3cws6j, 20px));
|
|
357
335
|
/* stylelint-disable-next-line selector-max-type */
|
|
358
336
|
/* stylelint-disable-next-line selector-max-type */
|
|
359
337
|
}
|
|
360
|
-
.
|
|
361
|
-
.awsui_expandable-link-
|
|
338
|
+
.awsui_section_l0dv0_fqbnj_332 > div:not(#\9),
|
|
339
|
+
.awsui_expandable-link-group_l0dv0_fqbnj_333 > div:not(#\9) {
|
|
362
340
|
padding-block: 0;
|
|
363
341
|
padding-inline: 0;
|
|
364
342
|
}
|
|
365
|
-
.
|
|
366
|
-
.awsui_expandable-link-
|
|
343
|
+
.awsui_section_l0dv0_fqbnj_332 > div:not(#\9):first-child > :first-child,
|
|
344
|
+
.awsui_expandable-link-group_l0dv0_fqbnj_333 > div:not(#\9):first-child > :first-child {
|
|
367
345
|
display: grid;
|
|
368
346
|
align-items: flex-start;
|
|
369
347
|
padding-block: calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2);
|
|
370
348
|
}
|
|
371
|
-
.awsui_section--no-
|
|
372
|
-
.awsui_expandable-link-group--no-
|
|
349
|
+
.awsui_section--no-ident_l0dv0_fqbnj_349:not(#\9),
|
|
350
|
+
.awsui_expandable-link-group--no-ident_l0dv0_fqbnj_350:not(#\9) {
|
|
373
351
|
margin-inline-start: 0;
|
|
374
352
|
}
|
|
375
353
|
|
|
376
|
-
.awsui_expandable-link-
|
|
354
|
+
.awsui_expandable-link-group_l0dv0_fqbnj_333 > div:not(#\9):first-child {
|
|
377
355
|
border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
|
|
378
356
|
border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
|
|
379
357
|
border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
|
|
@@ -384,21 +362,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
384
362
|
box-sizing: content-box;
|
|
385
363
|
}
|
|
386
364
|
|
|
387
|
-
.awsui_expandable-link-group--
|
|
365
|
+
.awsui_expandable-link-group--active_l0dv0_fqbnj_365 > div:not(#\9):first-child {
|
|
388
366
|
background-color: var(--color-background-side-navigation-item-active-jencj9, transparent);
|
|
389
367
|
}
|
|
390
368
|
|
|
391
|
-
.
|
|
369
|
+
.awsui_section_l0dv0_fqbnj_332:not(#\9) {
|
|
392
370
|
margin-block: calc(var(--space-scaled-2x-l-hgjmqp, 20px) - var(--border-divider-section-width-sznrdy, 1px));
|
|
393
371
|
}
|
|
394
|
-
.
|
|
372
|
+
.awsui_section_l0dv0_fqbnj_332.awsui_refresh_l0dv0_fqbnj_372:not(#\9) {
|
|
395
373
|
margin-block: calc(var(--space-scaled-xs-sppte9, 8px) - var(--border-divider-section-width-sznrdy, 1px));
|
|
396
374
|
}
|
|
397
|
-
.awsui_list-variant-root--
|
|
375
|
+
.awsui_list-variant-root--first_l0dv0_fqbnj_264 > .awsui_list-item_l0dv0_fqbnj_291:not(#\9):first-child > .awsui_section_l0dv0_fqbnj_332 {
|
|
398
376
|
margin-block-start: 0px;
|
|
399
377
|
}
|
|
400
378
|
|
|
401
|
-
.awsui_section-
|
|
379
|
+
.awsui_section-group_l0dv0_fqbnj_379:not(#\9) {
|
|
402
380
|
font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
403
381
|
font-size: var(--font-size-heading-m-56jjln, 18px);
|
|
404
382
|
line-height: var(--line-height-heading-m-irezqt, 22px);
|
|
@@ -409,76 +387,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
409
387
|
margin-block: calc(var(--space-scaled-xs-sppte9, 8px) - var(--border-divider-section-width-sznrdy, 1px));
|
|
410
388
|
margin-inline: 0;
|
|
411
389
|
}
|
|
412
|
-
.awsui_list-variant-root--
|
|
390
|
+
.awsui_list-variant-root--first_l0dv0_fqbnj_264 > .awsui_list-item_l0dv0_fqbnj_291:not(#\9):first-child > .awsui_section-group_l0dv0_fqbnj_379 {
|
|
413
391
|
margin-block-start: 0px;
|
|
414
392
|
}
|
|
415
393
|
|
|
416
|
-
.awsui_section-group-
|
|
394
|
+
.awsui_section-group-title_l0dv0_fqbnj_394:not(#\9) {
|
|
417
395
|
display: flex;
|
|
418
396
|
align-items: center;
|
|
419
397
|
margin-block: 0;
|
|
420
398
|
}
|
|
421
399
|
|
|
422
|
-
.
|
|
400
|
+
.awsui_link_l0dv0_fqbnj_400:not(#\9) {
|
|
423
401
|
font-size: var(--font-size-body-m-vv54cm, 14px);
|
|
424
402
|
line-height: var(--line-height-body-m-bedeoh, 22px);
|
|
425
|
-
color: var(--color-text-
|
|
426
|
-
display:
|
|
403
|
+
color: var(--color-text-side-navigation-item-default-y356qx, #545b64);
|
|
404
|
+
display: flex;
|
|
427
405
|
padding-block: calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2);
|
|
428
406
|
min-inline-size: var(--size-side-navigation-item-height-nnzau5, 28px);
|
|
429
407
|
padding-inline: var(--space-xs-kw7k3v, 8px);
|
|
430
408
|
margin-inline: calc(-1 * var(--space-xs-kw7k3v, 8px));
|
|
431
409
|
align-items: flex-start;
|
|
432
|
-
border-start-start-radius: var(--border-radius-item-
|
|
433
|
-
border-start-end-radius: var(--border-radius-item-
|
|
434
|
-
border-end-start-radius: var(--border-radius-item-
|
|
435
|
-
border-end-end-radius: var(--border-radius-item-
|
|
410
|
+
border-start-start-radius: var(--border-radius-side-navigation-item-72lxkg, 0px);
|
|
411
|
+
border-start-end-radius: var(--border-radius-side-navigation-item-72lxkg, 0px);
|
|
412
|
+
border-end-start-radius: var(--border-radius-side-navigation-item-72lxkg, 0px);
|
|
413
|
+
border-end-end-radius: var(--border-radius-side-navigation-item-72lxkg, 0px);
|
|
436
414
|
font-weight: var(--font-weight-normal-7w835s, 400);
|
|
437
415
|
-webkit-font-smoothing: auto;
|
|
438
416
|
-moz-osx-font-smoothing: auto;
|
|
439
|
-
transition: background-color var(--motion-duration-expressive-7myv8y, 180ms) var(--motion-easing-responsive-dxkfpl, ease-out), color var(--motion-duration-expressive-7myv8y, 180ms) var(--motion-easing-expressive-k2nlma, ease-out);
|
|
440
|
-
}
|
|
441
|
-
@media (prefers-reduced-motion: reduce) {
|
|
442
|
-
.awsui_link_l0dv0_17xrm_422:not(#\9) {
|
|
443
|
-
animation: none;
|
|
444
|
-
transition: none;
|
|
445
|
-
}
|
|
446
417
|
}
|
|
447
|
-
.
|
|
448
|
-
animation: none;
|
|
449
|
-
transition: none;
|
|
450
|
-
}
|
|
451
|
-
.awsui_link-active_l0dv0_17xrm_451:not(#\9) {
|
|
418
|
+
.awsui_link-active_l0dv0_fqbnj_418:not(#\9) {
|
|
452
419
|
font-weight: var(--font-wayfinding-link-active-weight-lhxtkr, 700);
|
|
453
420
|
-webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
|
|
454
421
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
|
|
455
422
|
color: var(--color-text-side-navigation-item-active-7en75b, #0073bb);
|
|
456
423
|
background-color: var(--color-background-side-navigation-item-active-jencj9, transparent);
|
|
457
424
|
}
|
|
458
|
-
.awsui_link--
|
|
425
|
+
.awsui_link-active_l0dv0_fqbnj_418.awsui_link--collapsed_l0dv0_fqbnj_425:not(#\9) {
|
|
426
|
+
color: var(--color-text-side-navigation-item-active-collapsed-due51j, #ffffff);
|
|
427
|
+
background-color: var(--color-background-side-navigation-item-active-collapsed-h4t2de, #0073bb);
|
|
428
|
+
}
|
|
429
|
+
.awsui_link-active_l0dv0_fqbnj_418.awsui_link--collapsed_l0dv0_fqbnj_425:not(#\9):hover {
|
|
430
|
+
color: var(--color-text-side-navigation-item-active-collapsed-due51j, #ffffff);
|
|
431
|
+
}
|
|
432
|
+
.awsui_link--collapsed_l0dv0_fqbnj_425:not(#\9) {
|
|
459
433
|
padding-inline: 0;
|
|
460
434
|
margin-inline: 0;
|
|
461
435
|
justify-content: center;
|
|
462
436
|
align-items: center;
|
|
437
|
+
border-start-start-radius: var(--border-radius-side-navigation-item-collapsed-p4rjox, 50%);
|
|
438
|
+
border-start-end-radius: var(--border-radius-side-navigation-item-collapsed-p4rjox, 50%);
|
|
439
|
+
border-end-start-radius: var(--border-radius-side-navigation-item-collapsed-p4rjox, 50%);
|
|
440
|
+
border-end-end-radius: var(--border-radius-side-navigation-item-collapsed-p4rjox, 50%);
|
|
463
441
|
}
|
|
464
442
|
|
|
465
|
-
.awsui_header-
|
|
466
|
-
.
|
|
443
|
+
.awsui_header-link_l0dv0_fqbnj_204:not(#\9),
|
|
444
|
+
.awsui_link_l0dv0_fqbnj_400:not(#\9) {
|
|
467
445
|
text-decoration: none;
|
|
468
446
|
}
|
|
469
|
-
.awsui_header-
|
|
470
|
-
.
|
|
447
|
+
.awsui_header-link_l0dv0_fqbnj_204:not(#\9):hover,
|
|
448
|
+
.awsui_link_l0dv0_fqbnj_400:not(#\9):hover {
|
|
471
449
|
color: var(--color-text-side-navigation-item-active-7en75b, #0073bb);
|
|
472
450
|
}
|
|
473
|
-
.awsui_header-
|
|
474
|
-
.
|
|
451
|
+
.awsui_header-link_l0dv0_fqbnj_204:not(#\9):focus,
|
|
452
|
+
.awsui_link_l0dv0_fqbnj_400:not(#\9):focus {
|
|
475
453
|
outline: none;
|
|
476
454
|
}
|
|
477
|
-
.awsui_header-
|
|
455
|
+
.awsui_header-link_l0dv0_fqbnj_204:not(#\9):hover, .awsui_header-link_l0dv0_fqbnj_204:not(#\9):focus, .awsui_link_l0dv0_fqbnj_400:not(#\9):hover, .awsui_link_l0dv0_fqbnj_400:not(#\9):focus {
|
|
478
456
|
text-decoration: none;
|
|
479
457
|
}
|
|
480
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
481
|
-
body[data-awsui-focus-visible=true] .
|
|
458
|
+
body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_fqbnj_204:not(#\9):focus,
|
|
459
|
+
body[data-awsui-focus-visible=true] .awsui_link_l0dv0_fqbnj_400:not(#\9):focus {
|
|
482
460
|
outline: thin dotted;
|
|
483
461
|
outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
|
|
484
462
|
outline-offset: 2px;
|
|
@@ -490,43 +468,43 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_17xrm_422:not(#\9):focus {
|
|
|
490
468
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
491
469
|
}
|
|
492
470
|
|
|
493
|
-
.awsui_link-text-
|
|
471
|
+
.awsui_link-text-wrapper_l0dv0_fqbnj_473:not(#\9) {
|
|
494
472
|
min-inline-size: 0;
|
|
495
473
|
}
|
|
496
474
|
|
|
497
|
-
.
|
|
475
|
+
.awsui_info_l0dv0_fqbnj_477:not(#\9) {
|
|
498
476
|
margin-inline-start: var(--space-s-4a5hs8, 12px);
|
|
499
477
|
flex-shrink: 0;
|
|
500
478
|
}
|
|
501
479
|
|
|
502
|
-
.awsui_item-
|
|
480
|
+
.awsui_item-icon_l0dv0_fqbnj_482:not(#\9) {
|
|
503
481
|
display: inline-flex;
|
|
504
482
|
flex-shrink: 0;
|
|
505
483
|
}
|
|
506
|
-
.awsui_item-
|
|
484
|
+
.awsui_item-icon_l0dv0_fqbnj_482:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_fqbnj_486) {
|
|
507
485
|
margin-inline-end: var(--space-xs-kw7k3v, 8px);
|
|
508
486
|
}
|
|
509
487
|
|
|
510
|
-
.awsui_external-
|
|
488
|
+
.awsui_external-icon_l0dv0_fqbnj_490:not(#\9) {
|
|
511
489
|
margin-inline-start: var(--space-xxs-jnczic, 4px);
|
|
512
490
|
}
|
|
513
491
|
|
|
514
|
-
.
|
|
492
|
+
.awsui_divider_l0dv0_fqbnj_244:not(#\9) {
|
|
515
493
|
border-block: none;
|
|
516
494
|
border-inline: none;
|
|
517
495
|
}
|
|
518
|
-
.awsui_divider-
|
|
496
|
+
.awsui_divider-default_l0dv0_fqbnj_498:not(#\9) {
|
|
519
497
|
margin-block: calc(var(--space-scaled-2x-xl-vvl7tm, 24px) - calc((var(--size-side-navigation-item-height-nnzau5, 28px) - var(--line-height-body-m-bedeoh, 22px)) / 2));
|
|
520
498
|
border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
521
499
|
}
|
|
522
|
-
.awsui_divider-
|
|
500
|
+
.awsui_divider-default_l0dv0_fqbnj_498.awsui_divider--collapsed_l0dv0_fqbnj_502:not(#\9) {
|
|
523
501
|
margin-block: var(--space-scaled-2x-m-gw45gq, 16px);
|
|
524
502
|
margin-inline: var(--space-xs-kw7k3v, 8px);
|
|
525
503
|
}
|
|
526
|
-
.awsui_divider-
|
|
504
|
+
.awsui_divider-header_l0dv0_fqbnj_244:not(#\9) {
|
|
527
505
|
margin-block: 0;
|
|
528
506
|
border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
|
|
529
507
|
}
|
|
530
|
-
.awsui_with-
|
|
508
|
+
.awsui_with-toolbar_l0dv0_fqbnj_180 > .awsui_divider-header_l0dv0_fqbnj_244:not(#\9) {
|
|
531
509
|
border-color: transparent;
|
|
532
510
|
}
|
|
@@ -2,51 +2,51 @@
|
|
|
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
|
-
"with-toolbar": "awsui_with-
|
|
7
|
-
"header": "
|
|
8
|
-
"header--collapsed": "awsui_header--
|
|
9
|
-
"header-link": "awsui_header-
|
|
10
|
-
"header-link--has-logo": "awsui_header-link--has-
|
|
11
|
-
"header-link-text": "awsui_header-link-
|
|
12
|
-
"header-logo": "awsui_header-
|
|
13
|
-
"header-logo--stretched": "awsui_header-logo--
|
|
14
|
-
"items-control": "awsui_items-
|
|
15
|
-
"list-container": "awsui_list-
|
|
16
|
-
"divider-header": "awsui_divider-
|
|
17
|
-
"list": "
|
|
18
|
-
"list-variant-root": "awsui_list-variant-
|
|
19
|
-
"list-variant-root--first": "awsui_list-variant-root--
|
|
20
|
-
"list-variant-root--collapsed": "awsui_list-variant-root--
|
|
21
|
-
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-
|
|
22
|
-
"list-variant-section": "awsui_list-variant-
|
|
23
|
-
"list-variant-link-group": "awsui_list-variant-link-
|
|
24
|
-
"list-variant-section-group": "awsui_list-variant-section-
|
|
25
|
-
"list-item": "awsui_list-
|
|
26
|
-
"list-item--collapsed": "awsui_list-item--
|
|
27
|
-
"list-item--group": "awsui_list-item--
|
|
28
|
-
"list-item--group-no-padding-start": "awsui_list-item--group-no-padding-
|
|
29
|
-
"list-item--group-no-padding-end": "awsui_list-item--group-no-padding-
|
|
30
|
-
"list-item--link-with-info": "awsui_list-item--link-with-
|
|
31
|
-
"list--collapsed-group": "awsui_list--collapsed-
|
|
32
|
-
"section": "
|
|
33
|
-
"expandable-link-group": "awsui_expandable-link-
|
|
34
|
-
"section--no-ident": "awsui_section--no-
|
|
35
|
-
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-
|
|
36
|
-
"expandable-link-group--active": "awsui_expandable-link-group--
|
|
37
|
-
"refresh": "
|
|
38
|
-
"section-group": "awsui_section-
|
|
39
|
-
"section-group-title": "awsui_section-group-
|
|
40
|
-
"link": "
|
|
41
|
-
"link-active": "awsui_link-
|
|
42
|
-
"link--collapsed": "awsui_link--
|
|
43
|
-
"link-text-wrapper": "awsui_link-text-
|
|
44
|
-
"info": "
|
|
45
|
-
"item-icon": "awsui_item-
|
|
46
|
-
"item-icon--collapsed": "awsui_item-icon--
|
|
47
|
-
"external-icon": "awsui_external-
|
|
48
|
-
"divider": "
|
|
49
|
-
"divider-default": "awsui_divider-
|
|
50
|
-
"divider--collapsed": "awsui_divider--
|
|
5
|
+
"root": "awsui_root_l0dv0_fqbnj_146",
|
|
6
|
+
"with-toolbar": "awsui_with-toolbar_l0dv0_fqbnj_180",
|
|
7
|
+
"header": "awsui_header_l0dv0_fqbnj_184",
|
|
8
|
+
"header--collapsed": "awsui_header--collapsed_l0dv0_fqbnj_197",
|
|
9
|
+
"header-link": "awsui_header-link_l0dv0_fqbnj_204",
|
|
10
|
+
"header-link--has-logo": "awsui_header-link--has-logo_l0dv0_fqbnj_215",
|
|
11
|
+
"header-link-text": "awsui_header-link-text_l0dv0_fqbnj_215",
|
|
12
|
+
"header-logo": "awsui_header-logo_l0dv0_fqbnj_220",
|
|
13
|
+
"header-logo--stretched": "awsui_header-logo--stretched_l0dv0_fqbnj_226",
|
|
14
|
+
"items-control": "awsui_items-control_l0dv0_fqbnj_231",
|
|
15
|
+
"list-container": "awsui_list-container_l0dv0_fqbnj_236",
|
|
16
|
+
"divider-header": "awsui_divider-header_l0dv0_fqbnj_244",
|
|
17
|
+
"list": "awsui_list_l0dv0_fqbnj_236",
|
|
18
|
+
"list-variant-root": "awsui_list-variant-root_l0dv0_fqbnj_257",
|
|
19
|
+
"list-variant-root--first": "awsui_list-variant-root--first_l0dv0_fqbnj_264",
|
|
20
|
+
"list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_fqbnj_267",
|
|
21
|
+
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_fqbnj_272",
|
|
22
|
+
"list-variant-section": "awsui_list-variant-section_l0dv0_fqbnj_276",
|
|
23
|
+
"list-variant-link-group": "awsui_list-variant-link-group_l0dv0_fqbnj_280",
|
|
24
|
+
"list-variant-section-group": "awsui_list-variant-section-group_l0dv0_fqbnj_284",
|
|
25
|
+
"list-item": "awsui_list-item_l0dv0_fqbnj_291",
|
|
26
|
+
"list-item--collapsed": "awsui_list-item--collapsed_l0dv0_fqbnj_301",
|
|
27
|
+
"list-item--group": "awsui_list-item--group_l0dv0_fqbnj_308",
|
|
28
|
+
"list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_fqbnj_313",
|
|
29
|
+
"list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_fqbnj_316",
|
|
30
|
+
"list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_fqbnj_319",
|
|
31
|
+
"list--collapsed-group": "awsui_list--collapsed-group_l0dv0_fqbnj_324",
|
|
32
|
+
"section": "awsui_section_l0dv0_fqbnj_332",
|
|
33
|
+
"expandable-link-group": "awsui_expandable-link-group_l0dv0_fqbnj_333",
|
|
34
|
+
"section--no-ident": "awsui_section--no-ident_l0dv0_fqbnj_349",
|
|
35
|
+
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_fqbnj_350",
|
|
36
|
+
"expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_fqbnj_365",
|
|
37
|
+
"refresh": "awsui_refresh_l0dv0_fqbnj_372",
|
|
38
|
+
"section-group": "awsui_section-group_l0dv0_fqbnj_379",
|
|
39
|
+
"section-group-title": "awsui_section-group-title_l0dv0_fqbnj_394",
|
|
40
|
+
"link": "awsui_link_l0dv0_fqbnj_400",
|
|
41
|
+
"link-active": "awsui_link-active_l0dv0_fqbnj_418",
|
|
42
|
+
"link--collapsed": "awsui_link--collapsed_l0dv0_fqbnj_425",
|
|
43
|
+
"link-text-wrapper": "awsui_link-text-wrapper_l0dv0_fqbnj_473",
|
|
44
|
+
"info": "awsui_info_l0dv0_fqbnj_477",
|
|
45
|
+
"item-icon": "awsui_item-icon_l0dv0_fqbnj_482",
|
|
46
|
+
"item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_fqbnj_486",
|
|
47
|
+
"external-icon": "awsui_external-icon_l0dv0_fqbnj_490",
|
|
48
|
+
"divider": "awsui_divider_l0dv0_fqbnj_244",
|
|
49
|
+
"divider-default": "awsui_divider-default_l0dv0_fqbnj_498",
|
|
50
|
+
"divider--collapsed": "awsui_divider--collapsed_l0dv0_fqbnj_502"
|
|
51
51
|
};
|
|
52
52
|
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"slider": "
|
|
6
|
-
"slider-track": "awsui_slider-
|
|
7
|
-
"slider-range": "awsui_slider-
|
|
8
|
-
"disabled": "
|
|
9
|
-
"readonly": "
|
|
10
|
-
"error": "
|
|
11
|
-
"warning": "
|
|
12
|
-
"active": "
|
|
13
|
-
"error-active": "awsui_error-
|
|
14
|
-
"warning-active": "awsui_warning-
|
|
15
|
-
"labels": "
|
|
16
|
-
"labels-noref": "awsui_labels-
|
|
17
|
-
"labels-reference": "awsui_labels-
|
|
18
|
-
"labels-min": "awsui_labels-
|
|
19
|
-
"labels-max": "awsui_labels-
|
|
20
|
-
"labels-aria-description": "awsui_labels-aria-
|
|
21
|
-
"ticks": "
|
|
22
|
-
"ticks-wrapper": "awsui_ticks-
|
|
23
|
-
"tick": "
|
|
24
|
-
"middle": "
|
|
25
|
-
"filled": "
|
|
26
|
-
"tooltip-thumb": "awsui_tooltip-
|
|
27
|
-
"thumb": "
|
|
28
|
-
"min": "
|
|
29
|
-
"max": "
|
|
4
|
+
"root": "awsui_root_pcgz5_jh7tb_153",
|
|
5
|
+
"slider": "awsui_slider_pcgz5_jh7tb_190",
|
|
6
|
+
"slider-track": "awsui_slider-track_pcgz5_jh7tb_194",
|
|
7
|
+
"slider-range": "awsui_slider-range_pcgz5_jh7tb_194",
|
|
8
|
+
"disabled": "awsui_disabled_pcgz5_jh7tb_209",
|
|
9
|
+
"readonly": "awsui_readonly_pcgz5_jh7tb_213",
|
|
10
|
+
"error": "awsui_error_pcgz5_jh7tb_222",
|
|
11
|
+
"warning": "awsui_warning_pcgz5_jh7tb_225",
|
|
12
|
+
"active": "awsui_active_pcgz5_jh7tb_228",
|
|
13
|
+
"error-active": "awsui_error-active_pcgz5_jh7tb_231",
|
|
14
|
+
"warning-active": "awsui_warning-active_pcgz5_jh7tb_234",
|
|
15
|
+
"labels": "awsui_labels_pcgz5_jh7tb_245",
|
|
16
|
+
"labels-noref": "awsui_labels-noref_pcgz5_jh7tb_251",
|
|
17
|
+
"labels-reference": "awsui_labels-reference_pcgz5_jh7tb_254",
|
|
18
|
+
"labels-min": "awsui_labels-min_pcgz5_jh7tb_261",
|
|
19
|
+
"labels-max": "awsui_labels-max_pcgz5_jh7tb_267",
|
|
20
|
+
"labels-aria-description": "awsui_labels-aria-description_pcgz5_jh7tb_275",
|
|
21
|
+
"ticks": "awsui_ticks_pcgz5_jh7tb_293",
|
|
22
|
+
"ticks-wrapper": "awsui_ticks-wrapper_pcgz5_jh7tb_299",
|
|
23
|
+
"tick": "awsui_tick_pcgz5_jh7tb_293",
|
|
24
|
+
"middle": "awsui_middle_pcgz5_jh7tb_314",
|
|
25
|
+
"filled": "awsui_filled_pcgz5_jh7tb_317",
|
|
26
|
+
"tooltip-thumb": "awsui_tooltip-thumb_pcgz5_jh7tb_345",
|
|
27
|
+
"thumb": "awsui_thumb_pcgz5_jh7tb_358",
|
|
28
|
+
"min": "awsui_min_pcgz5_jh7tb_394",
|
|
29
|
+
"max": "awsui_max_pcgz5_jh7tb_397"
|
|
30
30
|
};
|
|
31
31
|
|