@cloudscape-design/components 3.0.151 → 3.0.153
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/box/styles.css.js +189 -189
- package/box/styles.scoped.css +239 -233
- package/box/styles.selectors.js +189 -189
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +140 -138
- package/button/styles.selectors.js +18 -18
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +46 -44
- package/cards/styles.selectors.js +37 -37
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +44 -42
- package/expandable-section/styles.selectors.js +21 -21
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +1 -1
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +44 -40
- package/header/styles.scoped.css +74 -52
- package/header/styles.selectors.js +44 -40
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +72 -58
- package/help-panel/styles.selectors.js +4 -4
- package/internal/base-component/styles.scoped.css +2 -0
- package/internal/components/button-trigger/index.d.ts +1 -0
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +16 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +6 -0
- package/internal/generated/theming/index.js +6 -0
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -71
- package/link/styles.selectors.js +20 -20
- package/multiselect/interfaces.d.ts +4 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -2
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +25 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +45 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +67 -63
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +34 -32
- package/progress-bar/styles.selectors.js +18 -18
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +37 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/interfaces.d.ts +4 -0
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/internal.d.ts +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +2 -2
- package/select/internal.js.map +1 -1
- package/select/utils/use-select.d.ts +2 -1
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +4 -2
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +36 -32
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +83 -81
- package/split-panel/styles.selectors.js +59 -59
- package/table/header-cell/styles.css.js +18 -18
- package/table/header-cell/styles.scoped.css +32 -30
- package/table/header-cell/styles.selectors.js +18 -18
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +40 -38
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +12 -10
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +70 -60
- package/text-content/styles.selectors.js +1 -1
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +44 -42
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +72 -66
- package/top-navigation/styles.selectors.js +47 -47
|
@@ -2,55 +2,55 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"arrow": "
|
|
6
|
-
"arrow-outer": "awsui_arrow-
|
|
7
|
-
"arrow-inner": "awsui_arrow-
|
|
8
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
10
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
12
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
16
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
20
|
-
"body": "
|
|
21
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
22
|
-
"has-dismiss": "awsui_has-
|
|
23
|
-
"dismiss": "
|
|
24
|
-
"dismiss-control": "awsui_dismiss-
|
|
25
|
-
"header-row": "awsui_header-
|
|
26
|
-
"header": "
|
|
27
|
-
"content": "
|
|
28
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
29
|
-
"container": "
|
|
30
|
-
"container-body": "awsui_container-
|
|
31
|
-
"container-body-variant-annotation": "awsui_container-body-variant-
|
|
32
|
-
"container-body-size-small": "awsui_container-body-size-
|
|
33
|
-
"fixed-width": "awsui_fixed-
|
|
34
|
-
"container-body-size-medium": "awsui_container-body-size-
|
|
35
|
-
"container-body-size-large": "awsui_container-body-size-
|
|
36
|
-
"container-arrow": "awsui_container-
|
|
37
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
39
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
40
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
41
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
42
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
43
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
44
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
45
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
46
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
47
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
48
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
49
|
-
"refresh": "
|
|
50
|
-
"root": "
|
|
51
|
-
"trigger": "
|
|
52
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
53
|
-
"trigger-inner-text": "awsui_trigger-inner-
|
|
54
|
-
"popover-content": "awsui_popover-
|
|
5
|
+
"arrow": "awsui_arrow_xjuzf_1qvsu_185",
|
|
6
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_1qvsu_189",
|
|
7
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_1qvsu_189",
|
|
8
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1qvsu_220",
|
|
9
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1qvsu_220",
|
|
10
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1qvsu_223",
|
|
11
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1qvsu_223",
|
|
12
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1qvsu_226",
|
|
13
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1qvsu_226",
|
|
14
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1qvsu_226",
|
|
15
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1qvsu_226",
|
|
16
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1qvsu_229",
|
|
17
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1qvsu_229",
|
|
18
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1qvsu_229",
|
|
19
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1qvsu_229",
|
|
20
|
+
"body": "awsui_body_xjuzf_1qvsu_325",
|
|
21
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1qvsu_339",
|
|
22
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_1qvsu_343",
|
|
23
|
+
"dismiss": "awsui_dismiss_xjuzf_1qvsu_348",
|
|
24
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_1qvsu_355",
|
|
25
|
+
"header-row": "awsui_header-row_xjuzf_1qvsu_359",
|
|
26
|
+
"header": "awsui_header_xjuzf_1qvsu_359",
|
|
27
|
+
"content": "awsui_content_xjuzf_1qvsu_385",
|
|
28
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1qvsu_392",
|
|
29
|
+
"container": "awsui_container_xjuzf_1qvsu_488",
|
|
30
|
+
"container-body": "awsui_container-body_xjuzf_1qvsu_496",
|
|
31
|
+
"container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1qvsu_511",
|
|
32
|
+
"container-body-size-small": "awsui_container-body-size-small_xjuzf_1qvsu_516",
|
|
33
|
+
"fixed-width": "awsui_fixed-width_xjuzf_1qvsu_519",
|
|
34
|
+
"container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1qvsu_523",
|
|
35
|
+
"container-body-size-large": "awsui_container-body-size-large_xjuzf_1qvsu_530",
|
|
36
|
+
"container-arrow": "awsui_container-arrow_xjuzf_1qvsu_542",
|
|
37
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1qvsu_546",
|
|
38
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1qvsu_546",
|
|
39
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1qvsu_558",
|
|
40
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1qvsu_558",
|
|
41
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1qvsu_570",
|
|
42
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1qvsu_570",
|
|
43
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1qvsu_570",
|
|
44
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1qvsu_570",
|
|
45
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1qvsu_586",
|
|
46
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1qvsu_590",
|
|
47
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1qvsu_594",
|
|
48
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1qvsu_1",
|
|
49
|
+
"refresh": "awsui_refresh_xjuzf_1qvsu_712",
|
|
50
|
+
"root": "awsui_root_xjuzf_1qvsu_734",
|
|
51
|
+
"trigger": "awsui_trigger_xjuzf_1qvsu_747",
|
|
52
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_1qvsu_754",
|
|
53
|
+
"trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1qvsu_783",
|
|
54
|
+
"popover-content": "awsui_popover-content_xjuzf_1qvsu_787"
|
|
55
55
|
};
|
|
56
56
|
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"progress": "
|
|
5
|
-
"result-state": "awsui_result-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"with-result-button": "awsui_with-result-
|
|
9
|
-
"result-text": "awsui_result-
|
|
10
|
-
"result-container-error": "awsui_result-container-
|
|
11
|
-
"result-container-success": "awsui_result-container-
|
|
12
|
-
"result-button": "awsui_result-
|
|
13
|
-
"word-wrap": "awsui_word-
|
|
14
|
-
"label-flash": "awsui_label-
|
|
15
|
-
"label-key-value": "awsui_label-key-
|
|
16
|
-
"flash": "
|
|
17
|
-
"progress-container": "awsui_progress-
|
|
18
|
-
"percentage-container": "awsui_percentage-
|
|
19
|
-
"percentage": "
|
|
20
|
-
"complete": "
|
|
21
|
-
"progress-in-flash": "awsui_progress-in-
|
|
4
|
+
"progress": "awsui_progress_11huc_vlatf_185",
|
|
5
|
+
"result-state": "awsui_result-state_11huc_vlatf_199",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_vlatf_1",
|
|
7
|
+
"root": "awsui_root_11huc_vlatf_221",
|
|
8
|
+
"with-result-button": "awsui_with-result-button_11huc_vlatf_232",
|
|
9
|
+
"result-text": "awsui_result-text_11huc_vlatf_236",
|
|
10
|
+
"result-container-error": "awsui_result-container-error_11huc_vlatf_240",
|
|
11
|
+
"result-container-success": "awsui_result-container-success_11huc_vlatf_240",
|
|
12
|
+
"result-button": "awsui_result-button_11huc_vlatf_244",
|
|
13
|
+
"word-wrap": "awsui_word-wrap_11huc_vlatf_249",
|
|
14
|
+
"label-flash": "awsui_label-flash_11huc_vlatf_255",
|
|
15
|
+
"label-key-value": "awsui_label-key-value_11huc_vlatf_259",
|
|
16
|
+
"flash": "awsui_flash_11huc_vlatf_267",
|
|
17
|
+
"progress-container": "awsui_progress-container_11huc_vlatf_271",
|
|
18
|
+
"percentage-container": "awsui_percentage-container_11huc_vlatf_278",
|
|
19
|
+
"percentage": "awsui_percentage_11huc_vlatf_278",
|
|
20
|
+
"complete": "awsui_complete_11huc_vlatf_313",
|
|
21
|
+
"progress-in-flash": "awsui_progress-in-flash_11huc_vlatf_328"
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -182,27 +182,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.
|
|
185
|
+
.awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
|
|
186
186
|
-webkit-transition: width var(--motion-duration-moderate-vgx1te, 135ms) linear;
|
|
187
187
|
transition: width var(--motion-duration-moderate-vgx1te, 135ms) linear;
|
|
188
188
|
}
|
|
189
189
|
@media (prefers-reduced-motion: reduce) {
|
|
190
|
-
.
|
|
190
|
+
.awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
|
|
191
191
|
animation: none;
|
|
192
192
|
-webkit-transition: none;
|
|
193
193
|
transition: none;
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
|
-
.awsui-motion-disabled .
|
|
196
|
+
.awsui-motion-disabled .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
|
|
197
197
|
animation: none;
|
|
198
198
|
-webkit-transition: none;
|
|
199
199
|
transition: none;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
.awsui_result-
|
|
203
|
-
animation: awsui_awsui-motion-fade-
|
|
202
|
+
.awsui_result-state_11huc_vlatf_199:not(#\9) {
|
|
203
|
+
animation: awsui_awsui-motion-fade-in_11huc_vlatf_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
|
|
204
204
|
}
|
|
205
|
-
@keyframes awsui_awsui-motion-fade-
|
|
205
|
+
@keyframes awsui_awsui-motion-fade-in_11huc_vlatf_1 {
|
|
206
206
|
from {
|
|
207
207
|
opacity: 0.2;
|
|
208
208
|
}
|
|
@@ -211,17 +211,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
@media (prefers-reduced-motion: reduce) {
|
|
214
|
-
.awsui_result-
|
|
214
|
+
.awsui_result-state_11huc_vlatf_199:not(#\9) {
|
|
215
215
|
animation: none;
|
|
216
216
|
transition: none;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
219
|
-
.awsui-motion-disabled .awsui_result-
|
|
219
|
+
.awsui-motion-disabled .awsui_result-state_11huc_vlatf_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_vlatf_199:not(#\9) {
|
|
220
220
|
animation: none;
|
|
221
221
|
transition: none;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.
|
|
224
|
+
.awsui_root_11huc_vlatf_221:not(#\9) {
|
|
225
225
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
226
226
|
border-collapse: separate;
|
|
227
227
|
border-spacing: 0;
|
|
@@ -258,51 +258,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
258
258
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
259
259
|
}
|
|
260
260
|
|
|
261
|
-
.awsui_with-result-
|
|
261
|
+
.awsui_with-result-button_11huc_vlatf_232:not(#\9) {
|
|
262
262
|
padding-right: var(--space-m-17eucw, 16px);
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
.awsui_result-
|
|
265
|
+
.awsui_result-text_11huc_vlatf_236:not(#\9) {
|
|
266
266
|
/* used in test-utils */
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.awsui_result-container-
|
|
269
|
+
.awsui_result-container-error_11huc_vlatf_240:not(#\9), .awsui_result-container-success_11huc_vlatf_240:not(#\9) {
|
|
270
270
|
/* used in test-utils */
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_result-
|
|
273
|
+
.awsui_result-button_11huc_vlatf_244:not(#\9) {
|
|
274
274
|
display: inline-block;
|
|
275
275
|
margin: var(--space-scaled-xxs-95dhkm, 4px) 0;
|
|
276
276
|
}
|
|
277
277
|
|
|
278
|
-
.awsui_word-
|
|
278
|
+
.awsui_word-wrap_11huc_vlatf_249:not(#\9) {
|
|
279
279
|
min-width: 0;
|
|
280
280
|
-ms-word-break: break-all;
|
|
281
281
|
word-break: break-word;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
-
.awsui_label-
|
|
284
|
+
.awsui_label-flash_11huc_vlatf_255:not(#\9) {
|
|
285
285
|
color: "inherit";
|
|
286
286
|
font-weight: 700;
|
|
287
287
|
}
|
|
288
|
-
.awsui_label-key-
|
|
288
|
+
.awsui_label-key-value_11huc_vlatf_259:not(#\9) {
|
|
289
|
+
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
290
|
+
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
289
291
|
font-weight: var(--font-display-label-weight-m18hjh, 700);
|
|
290
292
|
color: var(--color-text-label-gxskdy, #000716);
|
|
291
293
|
margin-bottom: var(--space-scaled-xxxs-b6dm8t, 2px);
|
|
292
294
|
}
|
|
293
295
|
|
|
294
|
-
.
|
|
296
|
+
.awsui_flash_11huc_vlatf_267:not(#\9) {
|
|
295
297
|
color: inherit;
|
|
296
298
|
}
|
|
297
299
|
|
|
298
|
-
.awsui_progress-
|
|
300
|
+
.awsui_progress-container_11huc_vlatf_271:not(#\9) {
|
|
299
301
|
display: flex;
|
|
300
302
|
align-items: center;
|
|
301
303
|
max-width: 800px;
|
|
302
304
|
height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
303
305
|
}
|
|
304
306
|
|
|
305
|
-
.awsui_percentage-
|
|
307
|
+
.awsui_percentage-container_11huc_vlatf_278:not(#\9) {
|
|
306
308
|
width: 33px;
|
|
307
309
|
flex-shrink: 0;
|
|
308
310
|
white-space: nowrap;
|
|
@@ -312,11 +314,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
312
314
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
313
315
|
}
|
|
314
316
|
|
|
315
|
-
.
|
|
317
|
+
.awsui_percentage_11huc_vlatf_278:not(#\9) {
|
|
316
318
|
/* used in test-utils */
|
|
317
319
|
}
|
|
318
320
|
|
|
319
|
-
.
|
|
321
|
+
.awsui_progress_11huc_vlatf_185:not(#\9) {
|
|
320
322
|
width: 100%;
|
|
321
323
|
margin-right: var(--space-s-hv8c1d, 12px);
|
|
322
324
|
min-width: 0;
|
|
@@ -326,44 +328,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
326
328
|
border-radius: 10px;
|
|
327
329
|
background-color: var(--color-background-progress-bar-layout-default-9xbpym, #e9ebed);
|
|
328
330
|
}
|
|
329
|
-
.
|
|
331
|
+
.awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-bar {
|
|
330
332
|
height: 4px;
|
|
331
333
|
border: 0 none;
|
|
332
334
|
box-sizing: border-box;
|
|
333
335
|
border-radius: 10px;
|
|
334
336
|
background-color: var(--color-background-progress-bar-layout-default-9xbpym, #e9ebed);
|
|
335
337
|
}
|
|
336
|
-
.
|
|
338
|
+
.awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
|
|
337
339
|
border-radius: 10px 0px 0px 10px;
|
|
338
340
|
background-color: var(--color-background-progress-bar-content-default-r4tyyh, #0972d3);
|
|
339
341
|
}
|
|
340
|
-
.
|
|
342
|
+
.awsui_progress_11huc_vlatf_185.awsui_complete_11huc_vlatf_313:not(#\9)::-webkit-progress-value {
|
|
341
343
|
border-radius: 10px;
|
|
342
344
|
}
|
|
343
|
-
.
|
|
345
|
+
.awsui_progress_11huc_vlatf_185:not(#\9)::-moz-progress-bar {
|
|
344
346
|
border-radius: 10px 0px 0px 10px;
|
|
345
347
|
background-color: var(--color-background-progress-bar-content-default-r4tyyh, #0972d3);
|
|
346
348
|
}
|
|
347
|
-
.
|
|
349
|
+
.awsui_progress_11huc_vlatf_185:not(#\9)::-ms-fill {
|
|
348
350
|
border-radius: 10px 0px 0px 10px;
|
|
349
351
|
background-color: #0073bb;
|
|
350
352
|
border: none;
|
|
351
353
|
}
|
|
352
|
-
.
|
|
354
|
+
.awsui_progress_11huc_vlatf_185.awsui_complete_11huc_vlatf_313:not(#\9)::-ms-fill {
|
|
353
355
|
border-radius: 10px;
|
|
354
356
|
}
|
|
355
|
-
.
|
|
357
|
+
.awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9) {
|
|
356
358
|
background-color: var(--color-background-progress-bar-layout-in-flash-phmfak, rgba(255, 255, 255, 0.25));
|
|
357
359
|
}
|
|
358
|
-
.
|
|
360
|
+
.awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-webkit-progress-bar {
|
|
359
361
|
background-color: var(--color-background-progress-bar-layout-in-flash-phmfak, rgba(255, 255, 255, 0.25));
|
|
360
362
|
}
|
|
361
|
-
.
|
|
363
|
+
.awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-webkit-progress-value {
|
|
362
364
|
background-color: var(--color-background-progress-bar-content-in-flash-37g8fy, #ffffff);
|
|
363
365
|
}
|
|
364
|
-
.
|
|
366
|
+
.awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-moz-progress-bar {
|
|
365
367
|
background-color: var(--color-background-progress-bar-content-in-flash-37g8fy, #ffffff);
|
|
366
368
|
}
|
|
367
|
-
.
|
|
369
|
+
.awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-ms-fill {
|
|
368
370
|
background-color: rgba(255, 255, 255, 0.7);
|
|
369
371
|
}
|
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"progress": "
|
|
6
|
-
"result-state": "awsui_result-
|
|
7
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
8
|
-
"root": "
|
|
9
|
-
"with-result-button": "awsui_with-result-
|
|
10
|
-
"result-text": "awsui_result-
|
|
11
|
-
"result-container-error": "awsui_result-container-
|
|
12
|
-
"result-container-success": "awsui_result-container-
|
|
13
|
-
"result-button": "awsui_result-
|
|
14
|
-
"word-wrap": "awsui_word-
|
|
15
|
-
"label-flash": "awsui_label-
|
|
16
|
-
"label-key-value": "awsui_label-key-
|
|
17
|
-
"flash": "
|
|
18
|
-
"progress-container": "awsui_progress-
|
|
19
|
-
"percentage-container": "awsui_percentage-
|
|
20
|
-
"percentage": "
|
|
21
|
-
"complete": "
|
|
22
|
-
"progress-in-flash": "awsui_progress-in-
|
|
5
|
+
"progress": "awsui_progress_11huc_vlatf_185",
|
|
6
|
+
"result-state": "awsui_result-state_11huc_vlatf_199",
|
|
7
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_vlatf_1",
|
|
8
|
+
"root": "awsui_root_11huc_vlatf_221",
|
|
9
|
+
"with-result-button": "awsui_with-result-button_11huc_vlatf_232",
|
|
10
|
+
"result-text": "awsui_result-text_11huc_vlatf_236",
|
|
11
|
+
"result-container-error": "awsui_result-container-error_11huc_vlatf_240",
|
|
12
|
+
"result-container-success": "awsui_result-container-success_11huc_vlatf_240",
|
|
13
|
+
"result-button": "awsui_result-button_11huc_vlatf_244",
|
|
14
|
+
"word-wrap": "awsui_word-wrap_11huc_vlatf_249",
|
|
15
|
+
"label-flash": "awsui_label-flash_11huc_vlatf_255",
|
|
16
|
+
"label-key-value": "awsui_label-key-value_11huc_vlatf_259",
|
|
17
|
+
"flash": "awsui_flash_11huc_vlatf_267",
|
|
18
|
+
"progress-container": "awsui_progress-container_11huc_vlatf_271",
|
|
19
|
+
"percentage-container": "awsui_percentage-container_11huc_vlatf_278",
|
|
20
|
+
"percentage": "awsui_percentage_11huc_vlatf_278",
|
|
21
|
+
"complete": "awsui_complete_11huc_vlatf_313",
|
|
22
|
+
"progress-in-flash": "awsui_progress-in-flash_11huc_vlatf_328"
|
|
23
23
|
};
|
|
24
24
|
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"segment": "
|
|
5
|
-
"disabled": "
|
|
6
|
-
"selected": "
|
|
7
|
-
"icon": "
|
|
8
|
-
"with-text": "awsui_with-
|
|
9
|
-
"with-no-text": "awsui_with-no-
|
|
10
|
-
"root": "
|
|
11
|
-
"segment-part": "awsui_segment-
|
|
12
|
-
"select": "
|
|
13
|
-
"segment-count-2": "awsui_segment-count-
|
|
14
|
-
"segment-count-3": "awsui_segment-count-
|
|
15
|
-
"segment-count-4": "awsui_segment-count-
|
|
16
|
-
"segment-count-5": "awsui_segment-count-
|
|
17
|
-
"segment-count-6": "awsui_segment-count-
|
|
4
|
+
"segment": "awsui_segment_8cbea_9wsul_97",
|
|
5
|
+
"disabled": "awsui_disabled_8cbea_9wsul_166",
|
|
6
|
+
"selected": "awsui_selected_8cbea_9wsul_174",
|
|
7
|
+
"icon": "awsui_icon_8cbea_9wsul_195",
|
|
8
|
+
"with-text": "awsui_with-text_8cbea_9wsul_199",
|
|
9
|
+
"with-no-text": "awsui_with-no-text_8cbea_9wsul_205",
|
|
10
|
+
"root": "awsui_root_8cbea_9wsul_216",
|
|
11
|
+
"segment-part": "awsui_segment-part_8cbea_9wsul_227",
|
|
12
|
+
"select": "awsui_select_8cbea_9wsul_174",
|
|
13
|
+
"segment-count-2": "awsui_segment-count-2_8cbea_9wsul_246",
|
|
14
|
+
"segment-count-3": "awsui_segment-count-3_8cbea_9wsul_251",
|
|
15
|
+
"segment-count-4": "awsui_segment-count-4_8cbea_9wsul_256",
|
|
16
|
+
"segment-count-5": "awsui_segment-count-5_8cbea_9wsul_261",
|
|
17
|
+
"segment-count-6": "awsui_segment-count-6_8cbea_9wsul_266"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -94,56 +94,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.
|
|
97
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9) {
|
|
98
98
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
99
99
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
100
100
|
word-wrap: break-word;
|
|
101
101
|
max-width: 100%;
|
|
102
102
|
overflow: hidden;
|
|
103
|
+
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
104
|
+
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
105
|
+
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
106
|
+
letter-spacing: 0.25px;
|
|
103
107
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-segment-default-091088, #414d5c);
|
|
104
108
|
padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-l-4vl6xu, 20px);
|
|
105
109
|
border-right-width: 0;
|
|
106
|
-
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
107
|
-
letter-spacing: 0.25px;
|
|
108
110
|
background: var(--color-background-segment-default-5k37bj, #ffffff);
|
|
109
111
|
color: var(--color-text-segment-default-bf7rka, #414d5c);
|
|
110
112
|
overflow: visible;
|
|
111
113
|
}
|
|
112
|
-
.
|
|
114
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):focus {
|
|
113
115
|
outline: none;
|
|
114
116
|
}
|
|
115
|
-
.
|
|
117
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(1) {
|
|
116
118
|
grid-column: 1;
|
|
117
119
|
-ms-grid-column: 1;
|
|
118
120
|
}
|
|
119
|
-
.
|
|
121
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(2) {
|
|
120
122
|
grid-column: 2;
|
|
121
123
|
-ms-grid-column: 2;
|
|
122
124
|
}
|
|
123
|
-
.
|
|
125
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(3) {
|
|
124
126
|
grid-column: 3;
|
|
125
127
|
-ms-grid-column: 3;
|
|
126
128
|
}
|
|
127
|
-
.
|
|
129
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(4) {
|
|
128
130
|
grid-column: 4;
|
|
129
131
|
-ms-grid-column: 4;
|
|
130
132
|
}
|
|
131
|
-
.
|
|
133
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(5) {
|
|
132
134
|
grid-column: 5;
|
|
133
135
|
-ms-grid-column: 5;
|
|
134
136
|
}
|
|
135
|
-
.
|
|
137
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(6) {
|
|
136
138
|
grid-column: 6;
|
|
137
139
|
-ms-grid-column: 6;
|
|
138
140
|
}
|
|
139
|
-
.
|
|
141
|
+
.awsui_segment_8cbea_9wsul_97[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
140
142
|
position: relative;
|
|
141
143
|
}
|
|
142
|
-
.
|
|
144
|
+
.awsui_segment_8cbea_9wsul_97[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
143
145
|
outline: 2px dotted transparent;
|
|
144
146
|
outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-99x5b9, 4px) - 1px);
|
|
145
147
|
}
|
|
146
|
-
.
|
|
148
|
+
.awsui_segment_8cbea_9wsul_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
147
149
|
content: " ";
|
|
148
150
|
display: block;
|
|
149
151
|
position: absolute;
|
|
@@ -154,53 +156,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
154
156
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
155
157
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
156
158
|
}
|
|
157
|
-
.
|
|
159
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):last-child {
|
|
158
160
|
border-right-width: var(--border-field-width-idlekx, 2px);
|
|
159
161
|
border-radius: 0 var(--border-radius-button-axewzv, 20px) var(--border-radius-button-axewzv, 20px) 0;
|
|
160
162
|
}
|
|
161
|
-
.
|
|
163
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):first-child {
|
|
162
164
|
border-radius: var(--border-radius-button-axewzv, 20px) 0 0 var(--border-radius-button-axewzv, 20px);
|
|
163
165
|
}
|
|
164
|
-
.
|
|
166
|
+
.awsui_segment_8cbea_9wsul_97.awsui_disabled_8cbea_9wsul_166:not(#\9) {
|
|
165
167
|
background: var(--color-background-segment-disabled-hgka10, #ffffff);
|
|
166
168
|
border-color: var(--color-border-segment-disabled-6v5zlt, #414d5c);
|
|
167
169
|
color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
|
|
168
170
|
}
|
|
169
|
-
.
|
|
171
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):not(.awsui_disabled_8cbea_9wsul_166) + .awsui_segment_8cbea_9wsul_97.awsui_disabled_8cbea_9wsul_166 {
|
|
170
172
|
border-left-color: var(--color-border-segment-default-091088, #414d5c);
|
|
171
173
|
}
|
|
172
|
-
.
|
|
174
|
+
.awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174:not(#\9) {
|
|
173
175
|
background: var(--color-background-segment-active-bl0u6r, #0972d3);
|
|
174
176
|
border-color: var(--color-border-segment-active-kdy5tm, #414d5c);
|
|
175
177
|
color: var(--color-text-segment-active-gc2jjl, #ffffff);
|
|
176
178
|
}
|
|
177
|
-
.
|
|
179
|
+
.awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174 + .awsui_segment_8cbea_9wsul_97:not(#\9), .awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174 + .awsui_segment_8cbea_9wsul_97.awsui_disabled_8cbea_9wsul_166:not(#\9) {
|
|
178
180
|
border-left-color: var(--color-border-segment-active-kdy5tm, #414d5c);
|
|
179
181
|
}
|
|
180
|
-
.
|
|
182
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):hover:not(.awsui_selected_8cbea_9wsul_174):not(.awsui_disabled_8cbea_9wsul_166):not(:focus) {
|
|
181
183
|
background: var(--color-background-segment-hover-s3f27a, #ffffff);
|
|
182
184
|
color: var(--color-text-segment-hover-5pccvg, #0972d3);
|
|
183
185
|
border-color: var(--color-border-segment-hover-9notuw, #414d5c);
|
|
184
186
|
cursor: pointer;
|
|
185
187
|
}
|
|
186
|
-
.
|
|
188
|
+
.awsui_segment_8cbea_9wsul_97:not(#\9):hover:not(.awsui_selected_8cbea_9wsul_174):not(.awsui_disabled_8cbea_9wsul_166):not(:focus) + .awsui_segment_8cbea_9wsul_97:not(.awsui_selected_8cbea_9wsul_174) {
|
|
187
189
|
border-left-color: var(--color-border-segment-hover-9notuw, #414d5c);
|
|
188
190
|
}
|
|
189
|
-
.
|
|
191
|
+
.awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174 + .awsui_segment_8cbea_9wsul_97:not(#\9):hover:not(.awsui_selected_8cbea_9wsul_174):not(.awsui_disabled_8cbea_9wsul_166):not(:focus) {
|
|
190
192
|
border-left-color: var(--color-border-segment-active-kdy5tm, #414d5c);
|
|
191
193
|
}
|
|
192
194
|
|
|
193
|
-
.
|
|
195
|
+
.awsui_icon_8cbea_9wsul_195:not(#\9) {
|
|
194
196
|
/* used in test-utils */
|
|
195
197
|
}
|
|
196
198
|
|
|
197
|
-
.awsui_with-
|
|
199
|
+
.awsui_with-text_8cbea_9wsul_199:not(#\9) {
|
|
198
200
|
position: relative;
|
|
199
201
|
left: calc(-1 * var(--space-xxs-ynfts5, 4px));
|
|
200
202
|
margin-right: var(--space-xxs-ynfts5, 4px);
|
|
201
203
|
}
|
|
202
204
|
|
|
203
|
-
.awsui_with-no-
|
|
205
|
+
.awsui_with-no-text_8cbea_9wsul_205:not(#\9) {
|
|
204
206
|
margin-right: auto;
|
|
205
207
|
margin-left: auto;
|
|
206
208
|
right: 0;
|
|
@@ -211,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
211
213
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
212
214
|
SPDX-License-Identifier: Apache-2.0
|
|
213
215
|
*/
|
|
214
|
-
.
|
|
216
|
+
.awsui_root_8cbea_9wsul_216:not(#\9) {
|
|
215
217
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
216
218
|
border-collapse: separate;
|
|
217
219
|
border-spacing: 0;
|
|
@@ -248,40 +250,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
248
250
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
249
251
|
}
|
|
250
252
|
|
|
251
|
-
.awsui_segment-
|
|
253
|
+
.awsui_segment-part_8cbea_9wsul_227:not(#\9) {
|
|
252
254
|
display: inline-grid;
|
|
253
255
|
}
|
|
254
256
|
@media (max-width: 688px) {
|
|
255
|
-
.awsui_segment-
|
|
257
|
+
.awsui_segment-part_8cbea_9wsul_227:not(#\9) {
|
|
256
258
|
display: none;
|
|
257
259
|
}
|
|
258
260
|
}
|
|
259
261
|
|
|
260
|
-
.
|
|
262
|
+
.awsui_select_8cbea_9wsul_174:not(#\9) {
|
|
261
263
|
display: none;
|
|
262
264
|
}
|
|
263
265
|
@media (max-width: 688px) {
|
|
264
|
-
.
|
|
266
|
+
.awsui_select_8cbea_9wsul_174:not(#\9) {
|
|
265
267
|
display: block;
|
|
266
268
|
}
|
|
267
269
|
}
|
|
268
270
|
|
|
269
|
-
.awsui_segment-count-
|
|
271
|
+
.awsui_segment-count-2_8cbea_9wsul_246:not(#\9) {
|
|
270
272
|
grid-template-columns: 1fr 1fr;
|
|
271
273
|
}
|
|
272
274
|
|
|
273
|
-
.awsui_segment-count-
|
|
275
|
+
.awsui_segment-count-3_8cbea_9wsul_251:not(#\9) {
|
|
274
276
|
grid-template-columns: 1fr 1fr 1fr;
|
|
275
277
|
}
|
|
276
278
|
|
|
277
|
-
.awsui_segment-count-
|
|
279
|
+
.awsui_segment-count-4_8cbea_9wsul_256:not(#\9) {
|
|
278
280
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
279
281
|
}
|
|
280
282
|
|
|
281
|
-
.awsui_segment-count-
|
|
283
|
+
.awsui_segment-count-5_8cbea_9wsul_261:not(#\9) {
|
|
282
284
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
283
285
|
}
|
|
284
286
|
|
|
285
|
-
.awsui_segment-count-
|
|
287
|
+
.awsui_segment-count-6_8cbea_9wsul_266:not(#\9) {
|
|
286
288
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
287
289
|
}
|