@cloudscape-design/components 3.0.516 → 3.0.518
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/button-dropdown/category-elements/category-element.d.ts +1 -1
- package/button-dropdown/category-elements/category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/category-element.js +2 -2
- package/button-dropdown/category-elements/category-element.js.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.d.ts +1 -1
- package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js +2 -2
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +2 -2
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +32 -21
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/interfaces.d.ts +0 -2
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/item-element/index.d.ts +1 -1
- package/button-dropdown/item-element/index.d.ts.map +1 -1
- package/button-dropdown/item-element/index.js +1 -6
- package/button-dropdown/item-element/index.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +15 -16
- package/button-dropdown/item-element/styles.scoped.css +18 -18
- package/button-dropdown/item-element/styles.selectors.js +15 -16
- package/button-dropdown/items-list.d.ts.map +1 -1
- package/button-dropdown/items-list.js +3 -3
- package/button-dropdown/items-list.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +37 -32
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +66 -72
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +134 -119
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +79 -54
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +31 -31
- package/property-filter/styles.scoped.css +54 -53
- package/property-filter/styles.selectors.js +31 -31
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +18 -16
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +55 -49
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +39 -31
- package/select/parts/styles.selectors.js +16 -16
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +86 -73
- package/side-navigation/styles.selectors.js +28 -28
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +49 -45
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +149 -131
- package/split-panel/styles.selectors.js +55 -55
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +31 -31
- package/status-indicator/styles.selectors.js +23 -23
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_1mabk_18htc_93:not(#\9) {
|
|
94
94
|
border-collapse: separate;
|
|
95
95
|
border-spacing: 0;
|
|
96
96
|
box-sizing: border-box;
|
|
@@ -127,19 +127,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
127
127
|
display: block;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.
|
|
130
|
+
.awsui_radio_1mabk_18htc_129:not(#\9) {
|
|
131
131
|
/*used in test-utils*/
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
.
|
|
135
|
-
margin-
|
|
134
|
+
.awsui_radio_1mabk_18htc_129 + .awsui_radio_1mabk_18htc_129:not(#\9) {
|
|
135
|
+
margin-block-start: var(--space-scaled-xxs-7597g1, 4px);
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
.awsui_radio--has-
|
|
139
|
-
margin-
|
|
138
|
+
.awsui_radio--has-description_1mabk_18htc_137 + .awsui_radio_1mabk_18htc_129:not(#\9) {
|
|
139
|
+
margin-block-start: var(--space-scaled-xs-26e2du, 8px);
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.awsui_radio-
|
|
142
|
+
.awsui_radio-control_1mabk_18htc_141:not(#\9) {
|
|
143
143
|
margin-top: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-control-28i7hr, 16px)) / 2);
|
|
144
144
|
min-height: var(--size-control-28i7hr, 16px);
|
|
145
145
|
min-width: var(--size-control-28i7hr, 16px);
|
|
@@ -147,14 +147,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
147
147
|
width: var(--size-control-28i7hr, 16px);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.
|
|
150
|
+
.awsui_outline_1mabk_18htc_149:not(#\9) {
|
|
151
151
|
position: relative;
|
|
152
152
|
}
|
|
153
|
-
.
|
|
153
|
+
.awsui_outline_1mabk_18htc_149:not(#\9) {
|
|
154
154
|
outline: 2px dotted transparent;
|
|
155
155
|
outline-offset: calc(2px - 1px);
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
.awsui_outline_1mabk_18htc_149:not(#\9)::before {
|
|
158
158
|
content: " ";
|
|
159
159
|
display: block;
|
|
160
160
|
position: absolute;
|
|
@@ -166,35 +166,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
166
166
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.awsui_styled-circle-
|
|
169
|
+
.awsui_styled-circle-border_1mabk_18htc_168:not(#\9) {
|
|
170
170
|
stroke: var(--color-border-control-default-0fzxw0, #7d8998);
|
|
171
171
|
fill: var(--color-background-control-default-qzruqy, #ffffff);
|
|
172
172
|
}
|
|
173
|
-
.awsui_styled-circle-
|
|
173
|
+
.awsui_styled-circle-border_1mabk_18htc_168.awsui_styled-circle-disabled_1mabk_18htc_172:not(#\9) {
|
|
174
174
|
fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
|
|
175
175
|
stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
.awsui_styled-circle-
|
|
178
|
+
.awsui_styled-circle-fill_1mabk_18htc_177:not(#\9) {
|
|
179
179
|
stroke: var(--color-background-control-checked-w517i0, #0972d3);
|
|
180
180
|
fill: var(--color-foreground-control-default-wq2gpa, #ffffff);
|
|
181
181
|
opacity: 0;
|
|
182
182
|
transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
|
|
183
183
|
}
|
|
184
|
-
.awsui_styled-circle-
|
|
184
|
+
.awsui_styled-circle-fill_1mabk_18htc_177.awsui_styled-circle-checked_1mabk_18htc_183:not(#\9) {
|
|
185
185
|
opacity: 1;
|
|
186
186
|
}
|
|
187
|
-
.awsui_styled-circle-
|
|
187
|
+
.awsui_styled-circle-fill_1mabk_18htc_177.awsui_styled-circle-disabled_1mabk_18htc_172:not(#\9) {
|
|
188
188
|
fill: var(--color-foreground-control-disabled-zmz2k2, #ffffff);
|
|
189
189
|
stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
|
|
190
190
|
}
|
|
191
191
|
@media (prefers-reduced-motion: reduce) {
|
|
192
|
-
.awsui_styled-circle-
|
|
192
|
+
.awsui_styled-circle-fill_1mabk_18htc_177:not(#\9) {
|
|
193
193
|
animation: none;
|
|
194
194
|
transition: none;
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
-
.awsui-motion-disabled .awsui_styled-circle-
|
|
197
|
+
.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_18htc_177:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_18htc_177:not(#\9) {
|
|
198
198
|
animation: none;
|
|
199
199
|
transition: none;
|
|
200
200
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"radio": "
|
|
7
|
-
"radio--has-description": "awsui_radio--has-
|
|
8
|
-
"radio-control": "awsui_radio-
|
|
9
|
-
"outline": "
|
|
10
|
-
"styled-circle-border": "awsui_styled-circle-
|
|
11
|
-
"styled-circle-disabled": "awsui_styled-circle-
|
|
12
|
-
"styled-circle-fill": "awsui_styled-circle-
|
|
13
|
-
"styled-circle-checked": "awsui_styled-circle-
|
|
5
|
+
"root": "awsui_root_1mabk_18htc_93",
|
|
6
|
+
"radio": "awsui_radio_1mabk_18htc_129",
|
|
7
|
+
"radio--has-description": "awsui_radio--has-description_1mabk_18htc_137",
|
|
8
|
+
"radio-control": "awsui_radio-control_1mabk_18htc_141",
|
|
9
|
+
"outline": "awsui_outline_1mabk_18htc_149",
|
|
10
|
+
"styled-circle-border": "awsui_styled-circle-border_1mabk_18htc_168",
|
|
11
|
+
"styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_18htc_172",
|
|
12
|
+
"styled-circle-fill": "awsui_styled-circle-fill_1mabk_18htc_177",
|
|
13
|
+
"styled-circle-checked": "awsui_styled-circle-checked_1mabk_18htc_183"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"view-button": "awsui_view-
|
|
6
|
-
"browse-button": "awsui_browse-
|
|
7
|
-
"layout": "
|
|
8
|
-
"layout-uri": "awsui_layout-
|
|
9
|
-
"layout-version": "awsui_layout-
|
|
10
|
-
"layout-divider": "awsui_layout-
|
|
4
|
+
"root": "awsui_root_1vtzr_19vlz_9",
|
|
5
|
+
"view-button": "awsui_view-button_1vtzr_19vlz_13",
|
|
6
|
+
"browse-button": "awsui_browse-button_1vtzr_19vlz_17",
|
|
7
|
+
"layout": "awsui_layout_1vtzr_19vlz_21",
|
|
8
|
+
"layout-uri": "awsui_layout-uri_1vtzr_19vlz_33",
|
|
9
|
+
"layout-version": "awsui_layout-version_1vtzr_19vlz_37",
|
|
10
|
+
"layout-divider": "awsui_layout-divider_1vtzr_19vlz_42"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -6,40 +6,42 @@
|
|
|
6
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
SPDX-License-Identifier: Apache-2.0
|
|
8
8
|
*/
|
|
9
|
-
.
|
|
9
|
+
.awsui_root_1vtzr_19vlz_9:not(#\9) {
|
|
10
10
|
/* used in test-utils */
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.awsui_view-
|
|
13
|
+
.awsui_view-button_1vtzr_19vlz_13:not(#\9) {
|
|
14
14
|
/* used in test-utils */
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.awsui_browse-
|
|
17
|
+
.awsui_browse-button_1vtzr_19vlz_17:not(#\9) {
|
|
18
18
|
/* used in test-utils */
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.
|
|
21
|
+
.awsui_layout_1vtzr_19vlz_21:not(#\9) {
|
|
22
22
|
display: flex;
|
|
23
23
|
flex-wrap: wrap;
|
|
24
24
|
align-items: flex-end;
|
|
25
|
-
margin: calc(-1 * var(--space-xs-zb16t3, 8px));
|
|
25
|
+
margin-block: calc(-1 * var(--space-xs-zb16t3, 8px));
|
|
26
|
+
margin-inline: calc(-1 * var(--space-xs-zb16t3, 8px));
|
|
26
27
|
/* stylelint-disable selector-max-universal */
|
|
27
28
|
}
|
|
28
|
-
.
|
|
29
|
-
margin: var(--space-xs-zb16t3, 8px);
|
|
29
|
+
.awsui_layout_1vtzr_19vlz_21 > *:not(#\9) {
|
|
30
|
+
margin-block: var(--space-xs-zb16t3, 8px);
|
|
31
|
+
margin-inline: var(--space-xs-zb16t3, 8px);
|
|
30
32
|
}
|
|
31
|
-
.awsui_layout-
|
|
32
|
-
min-
|
|
33
|
+
.awsui_layout-uri_1vtzr_19vlz_33:not(#\9) {
|
|
34
|
+
min-inline-size: 200px;
|
|
33
35
|
flex: 1;
|
|
34
36
|
}
|
|
35
|
-
.awsui_layout-
|
|
36
|
-
max-
|
|
37
|
-
min-
|
|
38
|
-
|
|
37
|
+
.awsui_layout-version_1vtzr_19vlz_37:not(#\9) {
|
|
38
|
+
max-inline-size: 180px;
|
|
39
|
+
min-inline-size: 140px;
|
|
40
|
+
inline-size: 20%;
|
|
39
41
|
}
|
|
40
|
-
.awsui_layout-
|
|
41
|
-
|
|
42
|
+
.awsui_layout-divider_1vtzr_19vlz_42:not(#\9) {
|
|
43
|
+
block-size: calc(
|
|
42
44
|
2 * var(--border-divider-section-width-1061zr, 1px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + var(--line-height-body-m-30ar75, 20px)
|
|
43
45
|
);
|
|
44
|
-
border-
|
|
46
|
+
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
45
47
|
}
|
|
@@ -2,12 +2,12 @@
|
|
|
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
|
-
"view-button": "awsui_view-
|
|
7
|
-
"browse-button": "awsui_browse-
|
|
8
|
-
"layout": "
|
|
9
|
-
"layout-uri": "awsui_layout-
|
|
10
|
-
"layout-version": "awsui_layout-
|
|
11
|
-
"layout-divider": "awsui_layout-
|
|
5
|
+
"root": "awsui_root_1vtzr_19vlz_9",
|
|
6
|
+
"view-button": "awsui_view-button_1vtzr_19vlz_13",
|
|
7
|
+
"browse-button": "awsui_browse-button_1vtzr_19vlz_17",
|
|
8
|
+
"layout": "awsui_layout_1vtzr_19vlz_21",
|
|
9
|
+
"layout-uri": "awsui_layout-uri_1vtzr_19vlz_33",
|
|
10
|
+
"layout-version": "awsui_layout-version_1vtzr_19vlz_37",
|
|
11
|
+
"layout-divider": "awsui_layout-divider_1vtzr_19vlz_42"
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -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_7d5wh_97",
|
|
5
|
+
"disabled": "awsui_disabled_8cbea_7d5wh_174",
|
|
6
|
+
"selected": "awsui_selected_8cbea_7d5wh_182",
|
|
7
|
+
"icon": "awsui_icon_8cbea_7d5wh_203",
|
|
8
|
+
"with-text": "awsui_with-text_8cbea_7d5wh_207",
|
|
9
|
+
"with-no-text": "awsui_with-no-text_8cbea_7d5wh_213",
|
|
10
|
+
"root": "awsui_root_8cbea_7d5wh_222",
|
|
11
|
+
"segment-part": "awsui_segment-part_8cbea_7d5wh_257",
|
|
12
|
+
"select": "awsui_select_8cbea_7d5wh_182",
|
|
13
|
+
"segment-count-2": "awsui_segment-count-2_8cbea_7d5wh_276",
|
|
14
|
+
"segment-count-3": "awsui_segment-count-3_8cbea_7d5wh_281",
|
|
15
|
+
"segment-count-4": "awsui_segment-count-4_8cbea_7d5wh_286",
|
|
16
|
+
"segment-count-5": "awsui_segment-count-5_8cbea_7d5wh_291",
|
|
17
|
+
"segment-count-6": "awsui_segment-count-6_8cbea_7d5wh_296"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.
|
|
97
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9) {
|
|
98
98
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
99
99
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
100
100
|
word-wrap: break-word;
|
|
@@ -104,48 +104,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
104
104
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
105
105
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
106
106
|
letter-spacing: 0.25px;
|
|
107
|
-
border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
|
|
108
|
-
|
|
109
|
-
|
|
107
|
+
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
|
|
108
|
+
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
|
|
109
|
+
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
110
|
+
padding-inline: var(--space-button-horizontal-8jxzea, 20px);
|
|
111
|
+
border-inline-end-width: 0;
|
|
110
112
|
background: var(--color-background-segment-default-3arros, #ffffff);
|
|
111
113
|
color: var(--color-text-segment-default-nncpby, #414d5c);
|
|
112
114
|
overflow: visible;
|
|
113
115
|
}
|
|
114
|
-
.
|
|
116
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
|
|
115
117
|
outline: none;
|
|
116
118
|
}
|
|
117
|
-
.
|
|
119
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(1) {
|
|
118
120
|
grid-column: 1;
|
|
119
121
|
-ms-grid-column: 1;
|
|
120
122
|
}
|
|
121
|
-
.
|
|
123
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(2) {
|
|
122
124
|
grid-column: 2;
|
|
123
125
|
-ms-grid-column: 2;
|
|
124
126
|
}
|
|
125
|
-
.
|
|
127
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(3) {
|
|
126
128
|
grid-column: 3;
|
|
127
129
|
-ms-grid-column: 3;
|
|
128
130
|
}
|
|
129
|
-
.
|
|
131
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(4) {
|
|
130
132
|
grid-column: 4;
|
|
131
133
|
-ms-grid-column: 4;
|
|
132
134
|
}
|
|
133
|
-
.
|
|
135
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(5) {
|
|
134
136
|
grid-column: 5;
|
|
135
137
|
-ms-grid-column: 5;
|
|
136
138
|
}
|
|
137
|
-
.
|
|
139
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(6) {
|
|
138
140
|
grid-column: 6;
|
|
139
141
|
-ms-grid-column: 6;
|
|
140
142
|
}
|
|
141
|
-
body[data-awsui-focus-visible=true] .
|
|
143
|
+
body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
|
|
142
144
|
position: relative;
|
|
143
145
|
}
|
|
144
|
-
body[data-awsui-focus-visible=true] .
|
|
146
|
+
body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
|
|
145
147
|
outline: 2px dotted transparent;
|
|
146
148
|
outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-gbye20, 4px) - 1px);
|
|
147
149
|
}
|
|
148
|
-
body[data-awsui-focus-visible=true] .
|
|
150
|
+
body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus::before {
|
|
149
151
|
content: " ";
|
|
150
152
|
display: block;
|
|
151
153
|
position: absolute;
|
|
@@ -156,64 +158,68 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus
|
|
|
156
158
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
157
159
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
158
160
|
}
|
|
159
|
-
.
|
|
160
|
-
border-
|
|
161
|
-
border-
|
|
161
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):last-child {
|
|
162
|
+
border-inline-end-width: var(--border-field-width-09w7vk, 2px);
|
|
163
|
+
border-start-start-radius: 0;
|
|
164
|
+
border-start-end-radius: var(--border-radius-button-ypmfry, 20px);
|
|
165
|
+
border-end-start-radius: 0;
|
|
166
|
+
border-end-end-radius: var(--border-radius-button-ypmfry, 20px);
|
|
162
167
|
}
|
|
163
|
-
.
|
|
164
|
-
border-radius: var(--border-radius-button-ypmfry, 20px)
|
|
168
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):first-child {
|
|
169
|
+
border-start-start-radius: var(--border-radius-button-ypmfry, 20px);
|
|
170
|
+
border-start-end-radius: 0;
|
|
171
|
+
border-end-start-radius: var(--border-radius-button-ypmfry, 20px);
|
|
172
|
+
border-end-end-radius: 0;
|
|
165
173
|
}
|
|
166
|
-
.
|
|
174
|
+
.awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174:not(#\9) {
|
|
167
175
|
background: var(--color-background-segment-disabled-o4y9v5, #ffffff);
|
|
168
176
|
border-color: var(--color-border-segment-disabled-ylnixy, #414d5c);
|
|
169
177
|
color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
|
|
170
178
|
}
|
|
171
|
-
.
|
|
172
|
-
border-
|
|
179
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):not(.awsui_disabled_8cbea_7d5wh_174) + .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174 {
|
|
180
|
+
border-inline-start-color: var(--color-border-segment-default-a5zrkd, #414d5c);
|
|
173
181
|
}
|
|
174
|
-
.
|
|
182
|
+
.awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182:not(#\9) {
|
|
175
183
|
background: var(--color-background-segment-active-366806, #0972d3);
|
|
176
184
|
border-color: var(--color-border-segment-active-9ah16u, #414d5c);
|
|
177
185
|
color: var(--color-text-segment-active-6s77n9, #ffffff);
|
|
178
186
|
}
|
|
179
|
-
.
|
|
180
|
-
border-
|
|
187
|
+
.awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97:not(#\9), .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174:not(#\9) {
|
|
188
|
+
border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
|
|
181
189
|
}
|
|
182
|
-
.
|
|
190
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) {
|
|
183
191
|
background: var(--color-background-segment-hover-jysoxv, #ffffff);
|
|
184
192
|
color: var(--color-text-segment-hover-k5ujfk, #0972d3);
|
|
185
193
|
border-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
|
|
186
194
|
cursor: pointer;
|
|
187
195
|
}
|
|
188
|
-
.
|
|
189
|
-
border-
|
|
196
|
+
.awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) + .awsui_segment_8cbea_7d5wh_97:not(.awsui_selected_8cbea_7d5wh_182) {
|
|
197
|
+
border-inline-start-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
|
|
190
198
|
}
|
|
191
|
-
.
|
|
192
|
-
border-
|
|
199
|
+
.awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) {
|
|
200
|
+
border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
|
|
193
201
|
}
|
|
194
202
|
|
|
195
|
-
.
|
|
203
|
+
.awsui_icon_8cbea_7d5wh_203:not(#\9) {
|
|
196
204
|
/* used in test-utils */
|
|
197
205
|
}
|
|
198
206
|
|
|
199
|
-
.awsui_with-
|
|
207
|
+
.awsui_with-text_8cbea_7d5wh_207:not(#\9) {
|
|
200
208
|
position: relative;
|
|
201
|
-
|
|
202
|
-
margin-
|
|
209
|
+
inset-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
|
|
210
|
+
margin-inline-end: var(--space-xxs-p8yyaw, 4px);
|
|
203
211
|
}
|
|
204
212
|
|
|
205
|
-
.awsui_with-no-
|
|
206
|
-
margin-
|
|
207
|
-
|
|
208
|
-
right: 0;
|
|
209
|
-
left: 0;
|
|
213
|
+
.awsui_with-no-text_8cbea_7d5wh_213:not(#\9) {
|
|
214
|
+
margin-inline: auto;
|
|
215
|
+
inset-inline: 0;
|
|
210
216
|
}
|
|
211
217
|
|
|
212
218
|
/*
|
|
213
219
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
214
220
|
SPDX-License-Identifier: Apache-2.0
|
|
215
221
|
*/
|
|
216
|
-
.
|
|
222
|
+
.awsui_root_8cbea_7d5wh_222:not(#\9) {
|
|
217
223
|
border-collapse: separate;
|
|
218
224
|
border-spacing: 0;
|
|
219
225
|
box-sizing: border-box;
|
|
@@ -249,40 +255,40 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus
|
|
|
249
255
|
-moz-osx-font-smoothing: auto;
|
|
250
256
|
}
|
|
251
257
|
|
|
252
|
-
.awsui_segment-
|
|
258
|
+
.awsui_segment-part_8cbea_7d5wh_257:not(#\9) {
|
|
253
259
|
display: inline-grid;
|
|
254
260
|
}
|
|
255
261
|
@media (max-width: 688px) {
|
|
256
|
-
.awsui_segment-
|
|
262
|
+
.awsui_segment-part_8cbea_7d5wh_257:not(#\9) {
|
|
257
263
|
display: none;
|
|
258
264
|
}
|
|
259
265
|
}
|
|
260
266
|
|
|
261
|
-
.
|
|
267
|
+
.awsui_select_8cbea_7d5wh_182:not(#\9) {
|
|
262
268
|
display: none;
|
|
263
269
|
}
|
|
264
270
|
@media (max-width: 688px) {
|
|
265
|
-
.
|
|
271
|
+
.awsui_select_8cbea_7d5wh_182:not(#\9) {
|
|
266
272
|
display: block;
|
|
267
273
|
}
|
|
268
274
|
}
|
|
269
275
|
|
|
270
|
-
.awsui_segment-count-
|
|
276
|
+
.awsui_segment-count-2_8cbea_7d5wh_276:not(#\9) {
|
|
271
277
|
grid-template-columns: 1fr 1fr;
|
|
272
278
|
}
|
|
273
279
|
|
|
274
|
-
.awsui_segment-count-
|
|
280
|
+
.awsui_segment-count-3_8cbea_7d5wh_281:not(#\9) {
|
|
275
281
|
grid-template-columns: 1fr 1fr 1fr;
|
|
276
282
|
}
|
|
277
283
|
|
|
278
|
-
.awsui_segment-count-
|
|
284
|
+
.awsui_segment-count-4_8cbea_7d5wh_286:not(#\9) {
|
|
279
285
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
280
286
|
}
|
|
281
287
|
|
|
282
|
-
.awsui_segment-count-
|
|
288
|
+
.awsui_segment-count-5_8cbea_7d5wh_291:not(#\9) {
|
|
283
289
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
284
290
|
}
|
|
285
291
|
|
|
286
|
-
.awsui_segment-count-
|
|
292
|
+
.awsui_segment-count-6_8cbea_7d5wh_296:not(#\9) {
|
|
287
293
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
288
294
|
}
|
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"segment": "
|
|
6
|
-
"disabled": "
|
|
7
|
-
"selected": "
|
|
8
|
-
"icon": "
|
|
9
|
-
"with-text": "awsui_with-
|
|
10
|
-
"with-no-text": "awsui_with-no-
|
|
11
|
-
"root": "
|
|
12
|
-
"segment-part": "awsui_segment-
|
|
13
|
-
"select": "
|
|
14
|
-
"segment-count-2": "awsui_segment-count-
|
|
15
|
-
"segment-count-3": "awsui_segment-count-
|
|
16
|
-
"segment-count-4": "awsui_segment-count-
|
|
17
|
-
"segment-count-5": "awsui_segment-count-
|
|
18
|
-
"segment-count-6": "awsui_segment-count-
|
|
5
|
+
"segment": "awsui_segment_8cbea_7d5wh_97",
|
|
6
|
+
"disabled": "awsui_disabled_8cbea_7d5wh_174",
|
|
7
|
+
"selected": "awsui_selected_8cbea_7d5wh_182",
|
|
8
|
+
"icon": "awsui_icon_8cbea_7d5wh_203",
|
|
9
|
+
"with-text": "awsui_with-text_8cbea_7d5wh_207",
|
|
10
|
+
"with-no-text": "awsui_with-no-text_8cbea_7d5wh_213",
|
|
11
|
+
"root": "awsui_root_8cbea_7d5wh_222",
|
|
12
|
+
"segment-part": "awsui_segment-part_8cbea_7d5wh_257",
|
|
13
|
+
"select": "awsui_select_8cbea_7d5wh_182",
|
|
14
|
+
"segment-count-2": "awsui_segment-count-2_8cbea_7d5wh_276",
|
|
15
|
+
"segment-count-3": "awsui_segment-count-3_8cbea_7d5wh_281",
|
|
16
|
+
"segment-count-4": "awsui_segment-count-4_8cbea_7d5wh_286",
|
|
17
|
+
"segment-count-5": "awsui_segment-count-5_8cbea_7d5wh_291",
|
|
18
|
+
"segment-count-6": "awsui_segment-count-6_8cbea_7d5wh_296"
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"placeholder": "
|
|
5
|
-
"item": "
|
|
6
|
-
"checkbox": "
|
|
7
|
-
"filter": "
|
|
8
|
-
"trigger": "
|
|
9
|
-
"layout-strut": "awsui_layout-
|
|
10
|
-
"list-bottom": "awsui_list-
|
|
11
|
-
"selected-icon": "awsui_selected-
|
|
12
|
-
"show-label-tag": "awsui_show-label-
|
|
13
|
-
"inline-token-trigger": "awsui_inline-token-
|
|
14
|
-
"inline-token-list": "awsui_inline-token-
|
|
15
|
-
"inline-token": "awsui_inline-
|
|
16
|
-
"visual-refresh": "awsui_visual-
|
|
17
|
-
"inline-token-hidden-placeholder": "awsui_inline-token-hidden-
|
|
18
|
-
"inline-token-counter": "awsui_inline-token-
|
|
19
|
-
"inline-token-trigger--disabled": "awsui_inline-token-trigger--
|
|
4
|
+
"placeholder": "awsui_placeholder_dwuol_1bcs9_93",
|
|
5
|
+
"item": "awsui_item_dwuol_1bcs9_98",
|
|
6
|
+
"checkbox": "awsui_checkbox_dwuol_1bcs9_102",
|
|
7
|
+
"filter": "awsui_filter_dwuol_1bcs9_111",
|
|
8
|
+
"trigger": "awsui_trigger_dwuol_1bcs9_116",
|
|
9
|
+
"layout-strut": "awsui_layout-strut_dwuol_1bcs9_122",
|
|
10
|
+
"list-bottom": "awsui_list-bottom_dwuol_1bcs9_128",
|
|
11
|
+
"selected-icon": "awsui_selected-icon_dwuol_1bcs9_132",
|
|
12
|
+
"show-label-tag": "awsui_show-label-tag_dwuol_1bcs9_136",
|
|
13
|
+
"inline-token-trigger": "awsui_inline-token-trigger_dwuol_1bcs9_140",
|
|
14
|
+
"inline-token-list": "awsui_inline-token-list_dwuol_1bcs9_147",
|
|
15
|
+
"inline-token": "awsui_inline-token_dwuol_1bcs9_140",
|
|
16
|
+
"visual-refresh": "awsui_visual-refresh_dwuol_1bcs9_173",
|
|
17
|
+
"inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1bcs9_180",
|
|
18
|
+
"inline-token-counter": "awsui_inline-token-counter_dwuol_1bcs9_186",
|
|
19
|
+
"inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1bcs9_190"
|
|
20
20
|
};
|
|
21
21
|
|