@cloudscape-design/components-themeable 3.0.714 → 3.0.715
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/button-dropdown/styles.scss +0 -7
- package/lib/internal/template/button-dropdown/styles.css.js +16 -18
- package/lib/internal/template/button-dropdown/styles.scoped.css +24 -27
- package/lib/internal/template/button-dropdown/styles.selectors.js +16 -18
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/package.json +1 -1
|
@@ -87,13 +87,6 @@ $dropdown-trigger-icon-offset: 2px;
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
& > .trigger-item.disabled,
|
|
91
|
-
& > .trigger-item.loading {
|
|
92
|
-
& > .trigger-button:not(:focus) {
|
|
93
|
-
z-index: -1;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
90
|
& > .trigger-item.variant-normal {
|
|
98
91
|
&:not(:last-child) > .trigger-button {
|
|
99
92
|
margin-inline-end: 0;
|
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"button-dropdown": "awsui_button-
|
|
5
|
-
"items-list-container": "awsui_items-list-
|
|
6
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"rotate-up": "awsui_rotate-
|
|
8
|
-
"rotate-down": "awsui_rotate-
|
|
9
|
-
"header": "
|
|
10
|
-
"title": "
|
|
11
|
-
"description": "
|
|
12
|
-
"split-trigger-wrapper": "awsui_split-trigger-
|
|
13
|
-
"trigger-item": "awsui_trigger-
|
|
14
|
-
"trigger-button": "awsui_trigger-
|
|
15
|
-
"visual-refresh": "awsui_visual-
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"dropdown-trigger": "awsui_dropdown-trigger_sne0l_1w0nd_200",
|
|
21
|
-
"test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1w0nd_204"
|
|
4
|
+
"button-dropdown": "awsui_button-dropdown_sne0l_1g1s7_97",
|
|
5
|
+
"items-list-container": "awsui_items-list-container_sne0l_1g1s7_101",
|
|
6
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1g1s7_1",
|
|
7
|
+
"rotate-up": "awsui_rotate-up_sne0l_1g1s7_120",
|
|
8
|
+
"rotate-down": "awsui_rotate-down_sne0l_1g1s7_135",
|
|
9
|
+
"header": "awsui_header_sne0l_1g1s7_150",
|
|
10
|
+
"title": "awsui_title_sne0l_1g1s7_161",
|
|
11
|
+
"description": "awsui_description_sne0l_1g1s7_162",
|
|
12
|
+
"split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1g1s7_166",
|
|
13
|
+
"trigger-item": "awsui_trigger-item_sne0l_1g1s7_169",
|
|
14
|
+
"trigger-button": "awsui_trigger-button_sne0l_1g1s7_169",
|
|
15
|
+
"visual-refresh": "awsui_visual-refresh_sne0l_1g1s7_183",
|
|
16
|
+
"variant-normal": "awsui_variant-normal_sne0l_1g1s7_186",
|
|
17
|
+
"split-trigger": "awsui_split-trigger_sne0l_1g1s7_166",
|
|
18
|
+
"dropdown-trigger": "awsui_dropdown-trigger_sne0l_1g1s7_197",
|
|
19
|
+
"test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1g1s7_201"
|
|
22
20
|
};
|
|
23
21
|
|
|
@@ -94,60 +94,60 @@ 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
|
-
.awsui_button-
|
|
97
|
+
.awsui_button-dropdown_sne0l_1g1s7_97:not(#\9) {
|
|
98
98
|
display: inline-block;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.awsui_items-list-
|
|
101
|
+
.awsui_items-list-container_sne0l_1g1s7_101:not(#\9) {
|
|
102
102
|
padding-block: 0;
|
|
103
103
|
padding-inline: 0;
|
|
104
104
|
margin-block: 0;
|
|
105
105
|
margin-inline: 0;
|
|
106
|
-
animation: awsui_awsui-motion-fade-in-
|
|
106
|
+
animation: awsui_awsui-motion-fade-in-0_sne0l_1g1s7_1 500ms var(--motion-easing-show-quick-lvi5i8, ease-out);
|
|
107
107
|
animation-fill-mode: none;
|
|
108
108
|
}
|
|
109
109
|
@media (prefers-reduced-motion: reduce) {
|
|
110
|
-
.awsui_items-list-
|
|
110
|
+
.awsui_items-list-container_sne0l_1g1s7_101:not(#\9) {
|
|
111
111
|
animation: none;
|
|
112
112
|
transition: none;
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
|
-
.awsui-motion-disabled .awsui_items-list-
|
|
115
|
+
.awsui-motion-disabled .awsui_items-list-container_sne0l_1g1s7_101:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_1g1s7_101:not(#\9) {
|
|
116
116
|
animation: none;
|
|
117
117
|
transition: none;
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
-
.awsui_rotate-
|
|
120
|
+
.awsui_rotate-up_sne0l_1g1s7_120:not(#\9) {
|
|
121
121
|
transform: rotate(-180deg);
|
|
122
122
|
transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
123
123
|
}
|
|
124
124
|
@media (prefers-reduced-motion: reduce) {
|
|
125
|
-
.awsui_rotate-
|
|
125
|
+
.awsui_rotate-up_sne0l_1g1s7_120:not(#\9) {
|
|
126
126
|
animation: none;
|
|
127
127
|
transition: none;
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
|
-
.awsui-motion-disabled .awsui_rotate-
|
|
130
|
+
.awsui-motion-disabled .awsui_rotate-up_sne0l_1g1s7_120:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_1g1s7_120:not(#\9) {
|
|
131
131
|
animation: none;
|
|
132
132
|
transition: none;
|
|
133
133
|
}
|
|
134
134
|
|
|
135
|
-
.awsui_rotate-
|
|
135
|
+
.awsui_rotate-down_sne0l_1g1s7_135:not(#\9) {
|
|
136
136
|
transform: rotate(0deg);
|
|
137
137
|
transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
138
138
|
}
|
|
139
139
|
@media (prefers-reduced-motion: reduce) {
|
|
140
|
-
.awsui_rotate-
|
|
140
|
+
.awsui_rotate-down_sne0l_1g1s7_135:not(#\9) {
|
|
141
141
|
animation: none;
|
|
142
142
|
transition: none;
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
|
-
.awsui-motion-disabled .awsui_rotate-
|
|
145
|
+
.awsui-motion-disabled .awsui_rotate-down_sne0l_1g1s7_135:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_1g1s7_135:not(#\9) {
|
|
146
146
|
animation: none;
|
|
147
147
|
transition: none;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.
|
|
150
|
+
.awsui_header_sne0l_1g1s7_150:not(#\9) {
|
|
151
151
|
display: flex;
|
|
152
152
|
flex-direction: column;
|
|
153
153
|
list-style: none;
|
|
@@ -158,49 +158,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
158
158
|
border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.
|
|
162
|
-
.
|
|
161
|
+
.awsui_title_sne0l_1g1s7_161:not(#\9),
|
|
162
|
+
.awsui_description_sne0l_1g1s7_162:not(#\9) {
|
|
163
163
|
color: var(--color-text-top-navigation-title-ow31ne, #16191f);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.awsui_split-trigger-
|
|
166
|
+
.awsui_split-trigger-wrapper_sne0l_1g1s7_166:not(#\9) {
|
|
167
167
|
display: flex;
|
|
168
168
|
}
|
|
169
|
-
.awsui_split-trigger-
|
|
169
|
+
.awsui_split-trigger-wrapper_sne0l_1g1s7_166 > .awsui_trigger-item_sne0l_1g1s7_169 > .awsui_trigger-button_sne0l_1g1s7_169:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_1g1s7_166 > .awsui_trigger-item_sne0l_1g1s7_169 > .awsui_trigger-button_sne0l_1g1s7_169:not(#\9):hover {
|
|
170
170
|
z-index: 1;
|
|
171
171
|
}
|
|
172
|
-
.awsui_split-trigger-
|
|
172
|
+
.awsui_split-trigger-wrapper_sne0l_1g1s7_166 > .awsui_trigger-item_sne0l_1g1s7_169:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1g1s7_169 {
|
|
173
173
|
border-start-end-radius: 0;
|
|
174
174
|
border-end-end-radius: 0;
|
|
175
175
|
padding-inline-end: var(--space-m-kpg8id, 16px);
|
|
176
176
|
margin-inline-end: var(--space-xxxs-z28114, 2px);
|
|
177
177
|
}
|
|
178
|
-
.awsui_split-trigger-
|
|
178
|
+
.awsui_split-trigger-wrapper_sne0l_1g1s7_166 > .awsui_trigger-item_sne0l_1g1s7_169:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1g1s7_169 {
|
|
179
179
|
border-start-start-radius: 0;
|
|
180
180
|
border-end-start-radius: 0;
|
|
181
181
|
padding-inline: calc(var(--space-xs-xf5ch3, 8px) - 2px);
|
|
182
182
|
}
|
|
183
|
-
.awsui_split-trigger-
|
|
183
|
+
.awsui_split-trigger-wrapper_sne0l_1g1s7_166 > .awsui_trigger-item_sne0l_1g1s7_169:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_1g1s7_183 > .awsui_trigger-button_sne0l_1g1s7_169 {
|
|
184
184
|
padding-inline-end: calc(var(--space-s-2025hl, 12px) - 2px);
|
|
185
185
|
}
|
|
186
|
-
.awsui_split-trigger-
|
|
187
|
-
z-index: -1;
|
|
188
|
-
}
|
|
189
|
-
.awsui_split-trigger-wrapper_sne0l_1w0nd_166 > .awsui_trigger-item_sne0l_1w0nd_169.awsui_variant-normal_sne0l_1w0nd_189:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1w0nd_169 {
|
|
186
|
+
.awsui_split-trigger-wrapper_sne0l_1g1s7_166 > .awsui_trigger-item_sne0l_1g1s7_169.awsui_variant-normal_sne0l_1g1s7_186:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1g1s7_169 {
|
|
190
187
|
margin-inline-end: 0;
|
|
191
188
|
}
|
|
192
|
-
.awsui_split-trigger-
|
|
189
|
+
.awsui_split-trigger-wrapper_sne0l_1g1s7_166 > .awsui_trigger-item_sne0l_1g1s7_169.awsui_variant-normal_sne0l_1g1s7_186:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1g1s7_169 {
|
|
193
190
|
margin-inline-start: calc(var(--border-field-width-yoy972, 1px) * -1);
|
|
194
191
|
}
|
|
195
192
|
|
|
196
|
-
.awsui_split-
|
|
193
|
+
.awsui_split-trigger_sne0l_1g1s7_166:not(#\9) {
|
|
197
194
|
display: contents;
|
|
198
195
|
}
|
|
199
196
|
|
|
200
|
-
.awsui_dropdown-
|
|
197
|
+
.awsui_dropdown-trigger_sne0l_1g1s7_197:not(#\9) {
|
|
201
198
|
display: contents;
|
|
202
199
|
}
|
|
203
200
|
|
|
204
|
-
.awsui_test-utils-button-
|
|
201
|
+
.awsui_test-utils-button-trigger_sne0l_1g1s7_201:not(#\9) {
|
|
205
202
|
/* used in test-utils */
|
|
206
203
|
}
|
|
@@ -2,23 +2,21 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"button-dropdown": "awsui_button-
|
|
6
|
-
"items-list-container": "awsui_items-list-
|
|
7
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
8
|
-
"rotate-up": "awsui_rotate-
|
|
9
|
-
"rotate-down": "awsui_rotate-
|
|
10
|
-
"header": "
|
|
11
|
-
"title": "
|
|
12
|
-
"description": "
|
|
13
|
-
"split-trigger-wrapper": "awsui_split-trigger-
|
|
14
|
-
"trigger-item": "awsui_trigger-
|
|
15
|
-
"trigger-button": "awsui_trigger-
|
|
16
|
-
"visual-refresh": "awsui_visual-
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"dropdown-trigger": "awsui_dropdown-trigger_sne0l_1w0nd_200",
|
|
22
|
-
"test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1w0nd_204"
|
|
5
|
+
"button-dropdown": "awsui_button-dropdown_sne0l_1g1s7_97",
|
|
6
|
+
"items-list-container": "awsui_items-list-container_sne0l_1g1s7_101",
|
|
7
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1g1s7_1",
|
|
8
|
+
"rotate-up": "awsui_rotate-up_sne0l_1g1s7_120",
|
|
9
|
+
"rotate-down": "awsui_rotate-down_sne0l_1g1s7_135",
|
|
10
|
+
"header": "awsui_header_sne0l_1g1s7_150",
|
|
11
|
+
"title": "awsui_title_sne0l_1g1s7_161",
|
|
12
|
+
"description": "awsui_description_sne0l_1g1s7_162",
|
|
13
|
+
"split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1g1s7_166",
|
|
14
|
+
"trigger-item": "awsui_trigger-item_sne0l_1g1s7_169",
|
|
15
|
+
"trigger-button": "awsui_trigger-button_sne0l_1g1s7_169",
|
|
16
|
+
"visual-refresh": "awsui_visual-refresh_sne0l_1g1s7_183",
|
|
17
|
+
"variant-normal": "awsui_variant-normal_sne0l_1g1s7_186",
|
|
18
|
+
"split-trigger": "awsui_split-trigger_sne0l_1g1s7_166",
|
|
19
|
+
"dropdown-trigger": "awsui_dropdown-trigger_sne0l_1g1s7_197",
|
|
20
|
+
"test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1g1s7_201"
|
|
23
21
|
};
|
|
24
22
|
|