@cloudscape-design/components-themeable 3.0.847 → 3.0.848
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/alert/styles.scss +3 -3
- package/lib/internal/scss/anchor-navigation/styles.scss +1 -1
- package/lib/internal/scss/flashbar/collapsible.scss +2 -2
- package/lib/internal/scss/flashbar/styles.scss +1 -1
- package/lib/internal/scss/internal/styles/forms/constants.scss +1 -1
- package/lib/internal/scss/internal/styles/forms/mixins.scss +2 -2
- package/lib/internal/scss/internal/styles/typography/mixins.scss +1 -1
- package/lib/internal/scss/link/constants.scss +2 -2
- package/lib/internal/scss/popover/arrow.scss +1 -5
- package/lib/internal/scss/popover/body.scss +1 -1
- package/lib/internal/scss/popover/container.scss +2 -2
- package/lib/internal/scss/property-filter/filtering-token/styles.scss +2 -2
- package/lib/internal/scss/select/parts/styles.scss +3 -3
- package/lib/internal/scss/token-group/mixins.scss +2 -2
- package/lib/internal/template/alert/styles.css.js +28 -28
- package/lib/internal/template/alert/styles.scoped.css +46 -46
- package/lib/internal/template/alert/styles.selectors.js +28 -28
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +19 -19
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/button/styles.css.js +21 -21
- package/lib/internal/template/button/styles.scoped.css +157 -157
- package/lib/internal/template/button/styles.selectors.js +21 -21
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +13 -13
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +22 -22
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +13 -13
- package/lib/internal/template/button-dropdown/styles.css.js +17 -17
- package/lib/internal/template/button-dropdown/styles.scoped.css +30 -30
- package/lib/internal/template/button-dropdown/styles.selectors.js +17 -17
- package/lib/internal/template/expandable-section/styles.css.js +34 -34
- package/lib/internal/template/expandable-section/styles.scoped.css +67 -67
- package/lib/internal/template/expandable-section/styles.selectors.js +34 -34
- package/lib/internal/template/file-token-group/styles.css.js +22 -22
- package/lib/internal/template/file-token-group/styles.scoped.css +31 -31
- package/lib/internal/template/file-token-group/styles.selectors.js +22 -22
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +151 -151
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/input/styles.css.js +13 -13
- package/lib/internal/template/input/styles.scoped.css +44 -44
- package/lib/internal/template/input/styles.selectors.js +13 -13
- package/lib/internal/template/internal/base-component/styles.scoped.css +7 -3
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +37 -37
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
- package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
- package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +10 -10
- package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
- package/lib/internal/template/internal/components/dropdown/styles.scoped.css +39 -39
- package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +26 -26
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +4 -2
- package/lib/internal/template/internal/generated/styles/tokens.js +4 -2
- package/lib/internal/template/internal/generated/theming/index.cjs +22 -8
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +32 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +32 -0
- package/lib/internal/template/internal/generated/theming/index.js +22 -8
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +73 -73
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +27 -27
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/popover/styles.css.js +52 -52
- package/lib/internal/template/popover/styles.scoped.css +72 -75
- package/lib/internal/template/popover/styles.selectors.js +52 -52
- package/lib/internal/template/prompt-input/styles.css.js +14 -14
- package/lib/internal/template/prompt-input/styles.scoped.css +56 -56
- package/lib/internal/template/prompt-input/styles.selectors.js +14 -14
- package/lib/internal/template/property-filter/filtering-token/styles.css.js +18 -18
- package/lib/internal/template/property-filter/filtering-token/styles.scoped.css +45 -45
- package/lib/internal/template/property-filter/filtering-token/styles.selectors.js +18 -18
- package/lib/internal/template/property-filter/styles.css.js +39 -39
- package/lib/internal/template/property-filter/styles.scoped.css +42 -42
- package/lib/internal/template/property-filter/styles.selectors.js +39 -39
- package/lib/internal/template/segmented-control/styles.css.js +15 -15
- package/lib/internal/template/segmented-control/styles.scoped.css +38 -38
- package/lib/internal/template/segmented-control/styles.selectors.js +15 -15
- package/lib/internal/template/select/parts/styles.css.js +21 -21
- package/lib/internal/template/select/parts/styles.scoped.css +26 -26
- package/lib/internal/template/select/parts/styles.selectors.js +21 -21
- package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
- package/lib/internal/template/textarea/styles.css.js +5 -5
- package/lib/internal/template/textarea/styles.scoped.css +24 -24
- package/lib/internal/template/textarea/styles.selectors.js +5 -5
- package/lib/internal/template/tiles/styles.css.js +30 -30
- package/lib/internal/template/tiles/styles.scoped.css +79 -79
- package/lib/internal/template/tiles/styles.selectors.js +30 -30
- package/lib/internal/template/token-group/styles.css.js +8 -8
- package/lib/internal/template/token-group/styles.scoped.css +18 -18
- package/lib/internal/template/token-group/styles.selectors.js +8 -8
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +67 -67
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/package.json +1 -1
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
position: relative;
|
|
26
26
|
display: grid;
|
|
27
27
|
grid-template-columns: 1fr;
|
|
28
|
-
border-block: awsui.$border-
|
|
29
|
-
border-inline: awsui.$border-
|
|
28
|
+
border-block: awsui.$border-width-alert solid;
|
|
29
|
+
border-inline: awsui.$border-width-alert solid;
|
|
30
30
|
border-start-start-radius: awsui.$border-radius-alert;
|
|
31
31
|
border-start-end-radius: awsui.$border-radius-alert;
|
|
32
32
|
border-end-start-radius: awsui.$border-radius-alert;
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
.text {
|
|
91
91
|
min-inline-size: 0;
|
|
92
92
|
// To account for vertical misalignment due to button borders
|
|
93
|
-
padding-block: awsui.$border-
|
|
93
|
+
padding-block: awsui.$border-width-alert;
|
|
94
94
|
padding-inline: 0;
|
|
95
95
|
margin-block: awsui.$space-scaled-xxs;
|
|
96
96
|
margin-inline: awsui.$space-xxs;
|
|
@@ -117,7 +117,7 @@ $guide-line-offset: -2px; // Negative to expand 2px beyond the element
|
|
|
117
117
|
margin-inline-start: awsui.$space-xs;
|
|
118
118
|
@include styles.font-body-s;
|
|
119
119
|
@include styles.font-smoothing;
|
|
120
|
-
font-weight:
|
|
120
|
+
font-weight: styles.$font-weight-bold;
|
|
121
121
|
letter-spacing: typography.$letter-spacing-bold-link;
|
|
122
122
|
color: awsui.$color-text-link-default;
|
|
123
123
|
}
|
|
@@ -85,7 +85,7 @@ the grid layout will be:
|
|
|
85
85
|
*/
|
|
86
86
|
min-block-size: calc(
|
|
87
87
|
#{awsui.$line-height-body-m} + (
|
|
88
|
-
#{awsui.$space-scaled-xs} + #{awsui.$border-field
|
|
88
|
+
#{awsui.$space-scaled-xs} + #{awsui.$border-width-field} + #{awsui.$space-scaled-xxs}
|
|
89
89
|
) * 2
|
|
90
90
|
);
|
|
91
91
|
}
|
|
@@ -241,7 +241,7 @@ the grid layout will be:
|
|
|
241
241
|
row-gap: 0;
|
|
242
242
|
|
|
243
243
|
> .header {
|
|
244
|
-
font-weight: awsui.$font-button
|
|
244
|
+
font-weight: awsui.$font-weight-button;
|
|
245
245
|
display: inline-block;
|
|
246
246
|
}
|
|
247
247
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
@use '../utils/theming' as theming;
|
|
7
7
|
@use '../tokens' as awsui;
|
|
8
8
|
|
|
9
|
-
$control-border-width: awsui.$border-field
|
|
9
|
+
$control-border-width: awsui.$border-width-field;
|
|
10
10
|
$control-border-radius: awsui.$border-radius-input;
|
|
11
11
|
|
|
12
12
|
// Use for options in dropdowns
|
|
@@ -238,8 +238,8 @@
|
|
|
238
238
|
inset-inline-start: 0px;
|
|
239
239
|
inset-inline-end: 0px;
|
|
240
240
|
background-color: transparent;
|
|
241
|
-
border-block: awsui.$border-field
|
|
242
|
-
border-inline: awsui.$border-field
|
|
241
|
+
border-block: awsui.$border-width-field solid awsui.$color-border-dropdown-container;
|
|
242
|
+
border-inline: awsui.$border-width-field solid awsui.$color-border-dropdown-container;
|
|
243
243
|
border-start-start-radius: awsui.$border-radius-dropdown;
|
|
244
244
|
border-start-end-radius: awsui.$border-radius-dropdown;
|
|
245
245
|
border-end-start-radius: awsui.$border-radius-dropdown;
|
|
@@ -71,7 +71,7 @@ $link-variants: (
|
|
|
71
71
|
'text-color-default': awsui.$color-text-link-default,
|
|
72
72
|
'text-color-hover': awsui.$color-text-link-hover,
|
|
73
73
|
'text-color-active': awsui.$color-text-link-hover,
|
|
74
|
-
'font-weight':
|
|
74
|
+
'font-weight': styles.$font-weight-bold,
|
|
75
75
|
'decoration-line': none,
|
|
76
76
|
'decoration-color': transparent,
|
|
77
77
|
'decoration-color-hover': awsui.$color-text-link-button-underline-hover,
|
|
@@ -118,7 +118,7 @@ $link-styles: (
|
|
|
118
118
|
'text-color-default': awsui.$color-text-link-button-normal-default,
|
|
119
119
|
'text-color-hover': awsui.$color-text-link-button-normal-hover,
|
|
120
120
|
'text-color-active': awsui.$color-text-link-button-normal-active,
|
|
121
|
-
'font-weight':
|
|
121
|
+
'font-weight': styles.$font-weight-bold,
|
|
122
122
|
'decoration-line': none,
|
|
123
123
|
'decoration-color': transparent,
|
|
124
124
|
'decoration-color-hover': transparent,
|
|
@@ -28,7 +28,7 @@ $header-row-margin-block-end: awsui.$space-xs;
|
|
|
28
28
|
.dismiss {
|
|
29
29
|
margin-block: calc(-1 * $header-row-margin-block-end);
|
|
30
30
|
margin-inline-start: 0;
|
|
31
|
-
margin-inline-end: calc(-1 * (#{awsui.$space-xxs} + #{awsui.$border-
|
|
31
|
+
margin-inline-end: calc(-1 * (#{awsui.$space-xxs} + #{awsui.$border-width-popover}));
|
|
32
32
|
flex: 0 0 auto;
|
|
33
33
|
order: 1;
|
|
34
34
|
}
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
border-end-end-radius: awsui.$border-radius-popover;
|
|
23
23
|
background-color: awsui.$color-background-popover;
|
|
24
24
|
box-shadow: awsui.$shadow-popover;
|
|
25
|
-
border-block: awsui.$border-
|
|
26
|
-
border-inline: awsui.$border-
|
|
25
|
+
border-block: awsui.$border-width-popover solid awsui.$color-border-popover;
|
|
26
|
+
border-inline: awsui.$border-width-popover solid awsui.$color-border-popover;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.container-body-variant-annotation {
|
|
@@ -40,8 +40,8 @@ $border-radius-inner-token: calc(#{awsui.$border-radius-token} / 2);
|
|
|
40
40
|
|
|
41
41
|
.token,
|
|
42
42
|
.inner-token {
|
|
43
|
-
border-block: awsui.$border-field
|
|
44
|
-
border-inline: awsui.$border-field
|
|
43
|
+
border-block: awsui.$border-width-field solid constants.$token-border-color;
|
|
44
|
+
border-inline: awsui.$border-width-field solid constants.$token-border-color;
|
|
45
45
|
display: flex;
|
|
46
46
|
align-items: stretch;
|
|
47
47
|
background: constants.$token-background;
|
|
@@ -88,8 +88,8 @@ $inlineLabel-border-radius: 2px;
|
|
|
88
88
|
min-inline-size: max-content;
|
|
89
89
|
block-size: 18px;
|
|
90
90
|
|
|
91
|
-
border-block: awsui.$border-field
|
|
92
|
-
border-inline: awsui.$border-field
|
|
91
|
+
border-block: awsui.$border-width-field solid awsui.$color-border-item-selected;
|
|
92
|
+
border-inline: awsui.$border-width-field solid awsui.$color-border-item-selected;
|
|
93
93
|
padding-block: 0;
|
|
94
94
|
padding-inline: awsui.$space-xxs;
|
|
95
95
|
background: awsui.$color-background-item-selected;
|
|
@@ -135,7 +135,7 @@ $inlineLabel-border-radius: 2px;
|
|
|
135
135
|
// Stepped gradient background for inline label overlap between input and background.
|
|
136
136
|
background-image: linear-gradient(
|
|
137
137
|
to bottom,
|
|
138
|
-
transparent calc(100% - (awsui.$border-field
|
|
138
|
+
transparent calc(100% - (awsui.$border-width-field + awsui.$border-control-focus-ring-shadow-spread + 5px)),
|
|
139
139
|
awsui.$color-background-input-default 1px
|
|
140
140
|
);
|
|
141
141
|
background-position: bottom;
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
@mixin token-box-styles {
|
|
10
10
|
position: relative;
|
|
11
11
|
block-size: 100%;
|
|
12
|
-
border-block: awsui.$border-field
|
|
13
|
-
border-inline: awsui.$border-field
|
|
12
|
+
border-block: awsui.$border-width-field solid constants.$token-border-color;
|
|
13
|
+
border-inline: awsui.$border-width-field solid constants.$token-border-color;
|
|
14
14
|
padding-block-start: styles.$control-padding-vertical;
|
|
15
15
|
padding-block-end: styles.$control-padding-vertical;
|
|
16
16
|
padding-inline-start: styles.$control-padding-horizontal;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"alert": "
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"root": "
|
|
7
|
-
"hidden": "
|
|
8
|
-
"with-dismiss": "awsui_with-
|
|
9
|
-
"with-action": "awsui_with-
|
|
10
|
-
"breakpoint-default": "awsui_breakpoint-
|
|
11
|
-
"initial-hidden": "awsui_initial-
|
|
12
|
-
"header": "
|
|
13
|
-
"header-replacement": "awsui_header-
|
|
14
|
-
"action": "
|
|
15
|
-
"action-slot": "awsui_action-
|
|
16
|
-
"action-button": "awsui_action-
|
|
17
|
-
"alert-focus-wrapper": "awsui_alert-focus-
|
|
18
|
-
"text": "
|
|
19
|
-
"icon": "
|
|
20
|
-
"message": "
|
|
21
|
-
"icon-size-medium": "awsui_icon-size-
|
|
22
|
-
"icon-size-big": "awsui_icon-size-
|
|
23
|
-
"icon-size-normal": "awsui_icon-size-
|
|
24
|
-
"content": "
|
|
25
|
-
"content-replacement": "awsui_content-
|
|
26
|
-
"dismiss": "
|
|
27
|
-
"dismiss-button": "awsui_dismiss-
|
|
28
|
-
"type-error": "awsui_type-
|
|
29
|
-
"type-warning": "awsui_type-
|
|
30
|
-
"type-success": "awsui_type-
|
|
31
|
-
"type-info": "awsui_type-
|
|
4
|
+
"alert": "awsui_alert_mx3cw_17xjg_189",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17xjg_1",
|
|
6
|
+
"root": "awsui_root_mx3cw_17xjg_211",
|
|
7
|
+
"hidden": "awsui_hidden_mx3cw_17xjg_249",
|
|
8
|
+
"with-dismiss": "awsui_with-dismiss_mx3cw_17xjg_299",
|
|
9
|
+
"with-action": "awsui_with-action_mx3cw_17xjg_299",
|
|
10
|
+
"breakpoint-default": "awsui_breakpoint-default_mx3cw_17xjg_305",
|
|
11
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_17xjg_316",
|
|
12
|
+
"header": "awsui_header_mx3cw_17xjg_321",
|
|
13
|
+
"header-replacement": "awsui_header-replacement_mx3cw_17xjg_322",
|
|
14
|
+
"action": "awsui_action_mx3cw_17xjg_326",
|
|
15
|
+
"action-slot": "awsui_action-slot_mx3cw_17xjg_331",
|
|
16
|
+
"action-button": "awsui_action-button_mx3cw_17xjg_332",
|
|
17
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17xjg_336",
|
|
18
|
+
"text": "awsui_text_mx3cw_17xjg_365",
|
|
19
|
+
"icon": "awsui_icon_mx3cw_17xjg_372",
|
|
20
|
+
"message": "awsui_message_mx3cw_17xjg_375",
|
|
21
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_17xjg_383",
|
|
22
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_17xjg_386",
|
|
23
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_17xjg_389",
|
|
24
|
+
"content": "awsui_content_mx3cw_17xjg_393",
|
|
25
|
+
"content-replacement": "awsui_content-replacement_mx3cw_17xjg_394",
|
|
26
|
+
"dismiss": "awsui_dismiss_mx3cw_17xjg_398",
|
|
27
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_17xjg_403",
|
|
28
|
+
"type-error": "awsui_type-error_mx3cw_17xjg_407",
|
|
29
|
+
"type-warning": "awsui_type-warning_mx3cw_17xjg_415",
|
|
30
|
+
"type-success": "awsui_type-success_mx3cw_17xjg_423",
|
|
31
|
+
"type-info": "awsui_type-info_mx3cw_17xjg_431"
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -186,10 +186,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
187
|
SPDX-License-Identifier: Apache-2.0
|
|
188
188
|
*/
|
|
189
|
-
.
|
|
190
|
-
animation: awsui_awsui-motion-fade-
|
|
189
|
+
.awsui_alert_mx3cw_17xjg_189:not(#\9) {
|
|
190
|
+
animation: awsui_awsui-motion-fade-in_mx3cw_17xjg_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
|
|
191
191
|
}
|
|
192
|
-
@keyframes awsui_awsui-motion-fade-
|
|
192
|
+
@keyframes awsui_awsui-motion-fade-in_mx3cw_17xjg_1 {
|
|
193
193
|
from {
|
|
194
194
|
opacity: 0.2;
|
|
195
195
|
}
|
|
@@ -198,17 +198,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
200
|
@media (prefers-reduced-motion: reduce) {
|
|
201
|
-
.
|
|
201
|
+
.awsui_alert_mx3cw_17xjg_189:not(#\9) {
|
|
202
202
|
animation: none;
|
|
203
203
|
transition: none;
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
|
-
.awsui-motion-disabled .
|
|
206
|
+
.awsui-motion-disabled .awsui_alert_mx3cw_17xjg_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_17xjg_189:not(#\9) {
|
|
207
207
|
animation: none;
|
|
208
208
|
transition: none;
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
.
|
|
211
|
+
.awsui_root_mx3cw_17xjg_211:not(#\9) {
|
|
212
212
|
border-collapse: separate;
|
|
213
213
|
border-spacing: 0;
|
|
214
214
|
box-sizing: border-box;
|
|
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
247
247
|
overflow: hidden;
|
|
248
248
|
display: block;
|
|
249
249
|
}
|
|
250
|
-
.
|
|
250
|
+
.awsui_root_mx3cw_17xjg_211.awsui_hidden_mx3cw_17xjg_249:not(#\9) {
|
|
251
251
|
display: none;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.
|
|
254
|
+
.awsui_alert_mx3cw_17xjg_189:not(#\9) {
|
|
255
255
|
border-collapse: separate;
|
|
256
256
|
border-spacing: 0;
|
|
257
257
|
box-sizing: border-box;
|
|
@@ -288,8 +288,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
288
288
|
position: relative;
|
|
289
289
|
display: grid;
|
|
290
290
|
grid-template-columns: 1fr;
|
|
291
|
-
border-block: var(--border-
|
|
292
|
-
border-inline: var(--border-
|
|
291
|
+
border-block: var(--border-width-alert-i75nxu, 1px) solid;
|
|
292
|
+
border-inline: var(--border-width-alert-i75nxu, 1px) solid;
|
|
293
293
|
border-start-start-radius: var(--border-radius-alert-3xhrby, 2px);
|
|
294
294
|
border-start-end-radius: var(--border-radius-alert-3xhrby, 2px);
|
|
295
295
|
border-end-start-radius: var(--border-radius-alert-3xhrby, 2px);
|
|
@@ -298,58 +298,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
298
298
|
padding-inline: var(--space-alert-horizontal-2ra2vu, 20px);
|
|
299
299
|
background-color: var(--color-background-container-content-myy7cn, #ffffff);
|
|
300
300
|
}
|
|
301
|
-
.
|
|
301
|
+
.awsui_alert_mx3cw_17xjg_189.awsui_with-dismiss_mx3cw_17xjg_299:not(#\9), .awsui_alert_mx3cw_17xjg_189.awsui_with-action_mx3cw_17xjg_299:not(#\9) {
|
|
302
302
|
grid-template-columns: 1fr auto;
|
|
303
303
|
}
|
|
304
|
-
.
|
|
304
|
+
.awsui_alert_mx3cw_17xjg_189.awsui_with-action_mx3cw_17xjg_299.awsui_with-dismiss_mx3cw_17xjg_299:not(#\9) {
|
|
305
305
|
grid-template-columns: 1fr auto auto;
|
|
306
306
|
}
|
|
307
|
-
.
|
|
307
|
+
.awsui_alert_mx3cw_17xjg_189.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_with-action_mx3cw_17xjg_299:not(#\9) {
|
|
308
308
|
grid-template-columns: 1fr auto;
|
|
309
309
|
}
|
|
310
|
-
.
|
|
310
|
+
.awsui_alert_mx3cw_17xjg_189.awsui_breakpoint-default_mx3cw_17xjg_305:not(#\9):not(.awsui_with-dismiss_mx3cw_17xjg_299) {
|
|
311
311
|
grid-template-columns: 1fr;
|
|
312
312
|
}
|
|
313
313
|
|
|
314
|
-
.
|
|
314
|
+
.awsui_hidden_mx3cw_17xjg_249:not(#\9) {
|
|
315
315
|
display: none;
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
.awsui_initial-
|
|
318
|
+
.awsui_initial-hidden_mx3cw_17xjg_316:not(#\9) {
|
|
319
319
|
overflow: hidden;
|
|
320
320
|
block-size: 0;
|
|
321
321
|
}
|
|
322
322
|
|
|
323
|
-
.
|
|
324
|
-
.awsui_header-
|
|
323
|
+
.awsui_header_mx3cw_17xjg_321:not(#\9),
|
|
324
|
+
.awsui_header-replacement_mx3cw_17xjg_322:not(#\9) {
|
|
325
325
|
font-weight: 700;
|
|
326
326
|
}
|
|
327
327
|
|
|
328
|
-
.
|
|
328
|
+
.awsui_action_mx3cw_17xjg_326:not(#\9) {
|
|
329
329
|
white-space: nowrap;
|
|
330
330
|
margin-inline-start: var(--space-alert-action-left-soet49, 20px);
|
|
331
331
|
}
|
|
332
332
|
|
|
333
|
-
.awsui_action-
|
|
334
|
-
.awsui_action-
|
|
333
|
+
.awsui_action-slot_mx3cw_17xjg_331:not(#\9),
|
|
334
|
+
.awsui_action-button_mx3cw_17xjg_332:not(#\9) {
|
|
335
335
|
/* used in test-utils */
|
|
336
336
|
}
|
|
337
337
|
|
|
338
|
-
.awsui_alert-focus-
|
|
338
|
+
.awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9) {
|
|
339
339
|
display: grid;
|
|
340
340
|
grid-template-columns: min-content auto;
|
|
341
341
|
}
|
|
342
|
-
.awsui_alert-focus-
|
|
342
|
+
.awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
|
|
343
343
|
outline: none;
|
|
344
344
|
}
|
|
345
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
345
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
|
|
346
346
|
position: relative;
|
|
347
347
|
}
|
|
348
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
348
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
|
|
349
349
|
outline: 2px dotted transparent;
|
|
350
350
|
outline-offset: calc(var(--space-button-focus-outline-gutter-90p0io, 3px) - 1px);
|
|
351
351
|
}
|
|
352
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
352
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus::before {
|
|
353
353
|
content: " ";
|
|
354
354
|
display: block;
|
|
355
355
|
position: absolute;
|
|
@@ -364,76 +364,76 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:n
|
|
|
364
364
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
365
365
|
}
|
|
366
366
|
|
|
367
|
-
.
|
|
367
|
+
.awsui_text_mx3cw_17xjg_365:not(#\9) {
|
|
368
368
|
min-inline-size: 0;
|
|
369
|
-
padding-block: var(--border-
|
|
369
|
+
padding-block: var(--border-width-alert-i75nxu, 1px);
|
|
370
370
|
padding-inline: 0;
|
|
371
371
|
margin-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
372
372
|
margin-inline: var(--space-xxs-y2432o, 4px);
|
|
373
373
|
}
|
|
374
|
-
.
|
|
374
|
+
.awsui_text_mx3cw_17xjg_365.awsui_icon_mx3cw_17xjg_372:not(#\9) {
|
|
375
375
|
margin-inline-start: 0;
|
|
376
376
|
}
|
|
377
|
-
.
|
|
377
|
+
.awsui_text_mx3cw_17xjg_365.awsui_message_mx3cw_17xjg_375:not(#\9) {
|
|
378
378
|
margin-inline-end: var(--space-alert-message-right-6y4tnf, 0px);
|
|
379
379
|
}
|
|
380
380
|
|
|
381
|
-
.awsui_breakpoint-
|
|
381
|
+
.awsui_breakpoint-default_mx3cw_17xjg_305 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
|
|
382
382
|
grid-row: 2;
|
|
383
383
|
margin-block-end: var(--space-xxs-y2432o, 4px);
|
|
384
384
|
}
|
|
385
|
-
.awsui_breakpoint-
|
|
385
|
+
.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-medium_mx3cw_17xjg_383 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
|
|
386
386
|
margin-inline-start: calc(var(--size-icon-medium-r52788, 16px) + var(--space-xs-6dgkww, 8px));
|
|
387
387
|
}
|
|
388
|
-
.awsui_breakpoint-
|
|
388
|
+
.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-big_mx3cw_17xjg_386 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
|
|
389
389
|
margin-inline-start: calc(var(--size-icon-big-fdyugp, 32px) + var(--space-xs-6dgkww, 8px));
|
|
390
390
|
}
|
|
391
|
-
.awsui_breakpoint-
|
|
391
|
+
.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-normal_mx3cw_17xjg_389 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
|
|
392
392
|
margin-inline-start: calc(var(--size-icon-normal-19036g, 16px) + var(--space-xs-6dgkww, 8px));
|
|
393
393
|
}
|
|
394
394
|
|
|
395
|
-
.
|
|
396
|
-
.awsui_content-
|
|
395
|
+
.awsui_content_mx3cw_17xjg_393:not(#\9),
|
|
396
|
+
.awsui_content-replacement_mx3cw_17xjg_394:not(#\9) {
|
|
397
397
|
/* used in test-utils */
|
|
398
398
|
}
|
|
399
399
|
|
|
400
|
-
.
|
|
400
|
+
.awsui_dismiss_mx3cw_17xjg_398:not(#\9) {
|
|
401
401
|
margin-inline-end: calc(-1 * var(--space-xxs-y2432o, 4px));
|
|
402
402
|
margin-inline-start: var(--space-s-vmutj3, 12px);
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
.awsui_dismiss-
|
|
405
|
+
.awsui_dismiss-button_mx3cw_17xjg_403:not(#\9) {
|
|
406
406
|
/* used in test-utils */
|
|
407
407
|
}
|
|
408
408
|
|
|
409
|
-
.awsui_type-
|
|
409
|
+
.awsui_type-error_mx3cw_17xjg_407:not(#\9) {
|
|
410
410
|
border-color: var(--color-border-status-error-5n723o, #d13212);
|
|
411
411
|
background-color: var(--color-background-status-error-ljmwh5, #fdf3f1);
|
|
412
412
|
}
|
|
413
|
-
.awsui_type-
|
|
413
|
+
.awsui_type-error_mx3cw_17xjg_407 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
|
|
414
414
|
color: var(--color-text-status-error-p5bdwa, #d13212);
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
.awsui_type-
|
|
417
|
+
.awsui_type-warning_mx3cw_17xjg_415:not(#\9) {
|
|
418
418
|
border-color: var(--color-border-status-warning-wkps52, #906806);
|
|
419
419
|
background-color: var(--color-background-status-warning-bqz9of, #fffef0);
|
|
420
420
|
}
|
|
421
|
-
.awsui_type-
|
|
421
|
+
.awsui_type-warning_mx3cw_17xjg_415 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
|
|
422
422
|
color: var(--color-text-status-warning-3hbtsc, #906806);
|
|
423
423
|
}
|
|
424
424
|
|
|
425
|
-
.awsui_type-
|
|
425
|
+
.awsui_type-success_mx3cw_17xjg_423:not(#\9) {
|
|
426
426
|
border-color: var(--color-border-status-success-acmcj0, #1d8102);
|
|
427
427
|
background-color: var(--color-background-status-success-igaq7v, #f2f8f0);
|
|
428
428
|
}
|
|
429
|
-
.awsui_type-
|
|
429
|
+
.awsui_type-success_mx3cw_17xjg_423 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
|
|
430
430
|
color: var(--color-text-status-success-sh9pg0, #1d8102);
|
|
431
431
|
}
|
|
432
432
|
|
|
433
|
-
.awsui_type-
|
|
433
|
+
.awsui_type-info_mx3cw_17xjg_431:not(#\9) {
|
|
434
434
|
border-color: var(--color-border-status-info-7kw04i, #0073bb);
|
|
435
435
|
background-color: var(--color-background-status-info-zgt1yi, #f1faff);
|
|
436
436
|
}
|
|
437
|
-
.awsui_type-
|
|
437
|
+
.awsui_type-info_mx3cw_17xjg_431 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
|
|
438
438
|
color: var(--color-text-status-info-1ypqr6, #0073bb);
|
|
439
439
|
}
|
|
@@ -2,33 +2,33 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"alert": "
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"hidden": "
|
|
9
|
-
"with-dismiss": "awsui_with-
|
|
10
|
-
"with-action": "awsui_with-
|
|
11
|
-
"breakpoint-default": "awsui_breakpoint-
|
|
12
|
-
"initial-hidden": "awsui_initial-
|
|
13
|
-
"header": "
|
|
14
|
-
"header-replacement": "awsui_header-
|
|
15
|
-
"action": "
|
|
16
|
-
"action-slot": "awsui_action-
|
|
17
|
-
"action-button": "awsui_action-
|
|
18
|
-
"alert-focus-wrapper": "awsui_alert-focus-
|
|
19
|
-
"text": "
|
|
20
|
-
"icon": "
|
|
21
|
-
"message": "
|
|
22
|
-
"icon-size-medium": "awsui_icon-size-
|
|
23
|
-
"icon-size-big": "awsui_icon-size-
|
|
24
|
-
"icon-size-normal": "awsui_icon-size-
|
|
25
|
-
"content": "
|
|
26
|
-
"content-replacement": "awsui_content-
|
|
27
|
-
"dismiss": "
|
|
28
|
-
"dismiss-button": "awsui_dismiss-
|
|
29
|
-
"type-error": "awsui_type-
|
|
30
|
-
"type-warning": "awsui_type-
|
|
31
|
-
"type-success": "awsui_type-
|
|
32
|
-
"type-info": "awsui_type-
|
|
5
|
+
"alert": "awsui_alert_mx3cw_17xjg_189",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17xjg_1",
|
|
7
|
+
"root": "awsui_root_mx3cw_17xjg_211",
|
|
8
|
+
"hidden": "awsui_hidden_mx3cw_17xjg_249",
|
|
9
|
+
"with-dismiss": "awsui_with-dismiss_mx3cw_17xjg_299",
|
|
10
|
+
"with-action": "awsui_with-action_mx3cw_17xjg_299",
|
|
11
|
+
"breakpoint-default": "awsui_breakpoint-default_mx3cw_17xjg_305",
|
|
12
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_17xjg_316",
|
|
13
|
+
"header": "awsui_header_mx3cw_17xjg_321",
|
|
14
|
+
"header-replacement": "awsui_header-replacement_mx3cw_17xjg_322",
|
|
15
|
+
"action": "awsui_action_mx3cw_17xjg_326",
|
|
16
|
+
"action-slot": "awsui_action-slot_mx3cw_17xjg_331",
|
|
17
|
+
"action-button": "awsui_action-button_mx3cw_17xjg_332",
|
|
18
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17xjg_336",
|
|
19
|
+
"text": "awsui_text_mx3cw_17xjg_365",
|
|
20
|
+
"icon": "awsui_icon_mx3cw_17xjg_372",
|
|
21
|
+
"message": "awsui_message_mx3cw_17xjg_375",
|
|
22
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_17xjg_383",
|
|
23
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_17xjg_386",
|
|
24
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_17xjg_389",
|
|
25
|
+
"content": "awsui_content_mx3cw_17xjg_393",
|
|
26
|
+
"content-replacement": "awsui_content-replacement_mx3cw_17xjg_394",
|
|
27
|
+
"dismiss": "awsui_dismiss_mx3cw_17xjg_398",
|
|
28
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_17xjg_403",
|
|
29
|
+
"type-error": "awsui_type-error_mx3cw_17xjg_407",
|
|
30
|
+
"type-warning": "awsui_type-warning_mx3cw_17xjg_415",
|
|
31
|
+
"type-success": "awsui_type-success_mx3cw_17xjg_423",
|
|
32
|
+
"type-info": "awsui_type-info_mx3cw_17xjg_431"
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"anchor-list": "awsui_anchor-
|
|
6
|
-
"anchor-item": "awsui_anchor-
|
|
7
|
-
"anchor-item--active": "awsui_anchor-item--
|
|
8
|
-
"anchor-link": "awsui_anchor-
|
|
9
|
-
"anchor-link--active": "awsui_anchor-link--
|
|
10
|
-
"anchor-link-text": "awsui_anchor-link-
|
|
11
|
-
"anchor-link-info": "awsui_anchor-link-
|
|
4
|
+
"root": "awsui_root_swimc_1xgmg_185",
|
|
5
|
+
"anchor-list": "awsui_anchor-list_swimc_1xgmg_220",
|
|
6
|
+
"anchor-item": "awsui_anchor-item_swimc_1xgmg_243",
|
|
7
|
+
"anchor-item--active": "awsui_anchor-item--active_swimc_1xgmg_263",
|
|
8
|
+
"anchor-link": "awsui_anchor-link_swimc_1xgmg_280",
|
|
9
|
+
"anchor-link--active": "awsui_anchor-link--active_swimc_1xgmg_322",
|
|
10
|
+
"anchor-link-text": "awsui_anchor-link-text_swimc_1xgmg_329",
|
|
11
|
+
"anchor-link-info": "awsui_anchor-link-info_swimc_1xgmg_333"
|
|
12
12
|
};
|
|
13
13
|
|