@cloudscape-design/components 3.0.149 → 3.0.151
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/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +49 -49
- package/cards/styles.selectors.js +37 -37
- package/container/interfaces.d.ts +8 -0
- package/container/interfaces.d.ts.map +1 -1
- package/container/interfaces.js.map +1 -1
- package/container/internal.d.ts +1 -1
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +2 -2
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +17 -16
- package/container/styles.scoped.css +37 -36
- package/container/styles.selectors.js +17 -16
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +43 -43
- package/expandable-section/styles.selectors.js +21 -21
- package/internal/base-component/styles.scoped.css +5 -4
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.js +1 -1
- package/internal/generated/theming/index.cjs +13 -6
- package/internal/generated/theming/index.js +13 -6
- package/internal/manifest.json +1 -1
- package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
- package/mixed-line-bar-chart/chart-container.js +13 -8
- package/mixed-line-bar-chart/chart-container.js.map +1 -1
- package/modal/styles.css.js +22 -22
- package/modal/styles.scoped.css +41 -41
- package/modal/styles.selectors.js +22 -22
- package/package.json +1 -1
- package/pie-chart/pie-chart.d.ts.map +1 -1
- package/pie-chart/pie-chart.js +11 -4
- package/pie-chart/pie-chart.js.map +1 -1
- package/table/body-cell/index.d.ts +3 -1
- package/table/body-cell/index.d.ts.map +1 -1
- package/table/body-cell/index.js +4 -2
- package/table/body-cell/index.js.map +1 -1
- package/table/body-cell/styles.css.js +12 -8
- package/table/body-cell/styles.scoped.css +56 -20
- package/table/body-cell/styles.selectors.js +12 -8
- package/table/header-cell/styles.css.js +18 -16
- package/table/header-cell/styles.scoped.css +54 -27
- package/table/header-cell/styles.selectors.js +18 -16
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +11 -9
- package/table/internal.js.map +1 -1
- package/table/selection-control/styles.css.js +3 -3
- package/table/selection-control/styles.scoped.css +3 -5
- package/table/selection-control/styles.selectors.js +3 -3
- package/table/styles.css.js +33 -34
- package/table/styles.scoped.css +63 -58
- package/table/styles.selectors.js +33 -34
- package/table/thead.d.ts +1 -0
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +5 -3
- package/table/thead.js.map +1 -1
- package/table/use-sticky-header.d.ts.map +1 -1
- package/table/use-sticky-header.js +0 -13
- package/table/use-sticky-header.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -39
- package/tabs/styles.selectors.js +21 -21
|
@@ -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_root_14iqq_wbmbk_97:not(#\9) {
|
|
98
98
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
99
99
|
border-collapse: separate;
|
|
100
100
|
border-spacing: 0;
|
|
@@ -129,11 +129,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
129
129
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
130
130
|
font-weight: 400;
|
|
131
131
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
132
|
-
display: flex;
|
|
133
|
-
flex-flow: column nowrap;
|
|
134
132
|
word-wrap: break-word;
|
|
135
133
|
}
|
|
136
|
-
.
|
|
134
|
+
.awsui_root-fit-height_14iqq_wbmbk_108:not(#\9) {
|
|
135
|
+
display: flex;
|
|
136
|
+
flex-direction: column;
|
|
137
|
+
overflow: hidden;
|
|
138
|
+
height: 100%;
|
|
139
|
+
}
|
|
140
|
+
.awsui_root_14iqq_wbmbk_97.awsui_variant-default_14iqq_wbmbk_114:not(#\9), .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
|
|
137
141
|
box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
|
|
138
142
|
border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
|
|
139
143
|
border-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
@@ -141,83 +145,82 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
141
145
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
142
146
|
}
|
|
143
147
|
@media screen and (-ms-high-contrast: active) {
|
|
144
|
-
.
|
|
148
|
+
.awsui_root_14iqq_wbmbk_97.awsui_variant-default_14iqq_wbmbk_114:not(#\9), .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
|
|
145
149
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
|
|
146
150
|
}
|
|
147
151
|
}
|
|
148
|
-
.
|
|
152
|
+
.awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9):not(:last-child) {
|
|
149
153
|
border-bottom-right-radius: 0;
|
|
150
154
|
border-bottom-left-radius: 0;
|
|
151
155
|
}
|
|
152
|
-
.
|
|
156
|
+
.awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114 + .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
|
|
153
157
|
border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
154
158
|
border-top-left-radius: 0;
|
|
155
159
|
border-top-right-radius: 0;
|
|
156
160
|
box-shadow: var(--shadow-container-stacked-lumzae, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
|
|
157
161
|
}
|
|
158
162
|
|
|
159
|
-
.
|
|
160
|
-
flex: 0 0 auto;
|
|
163
|
+
.awsui_header_14iqq_wbmbk_137:not(#\9) {
|
|
161
164
|
background-color: var(--color-background-container-header-4flbq5, #ffffff);
|
|
162
165
|
border-top-left-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
163
166
|
border-top-right-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
164
167
|
}
|
|
165
|
-
.awsui_header-sticky-
|
|
168
|
+
.awsui_header-sticky-disabled_14iqq_wbmbk_142:not(#\9) {
|
|
166
169
|
position: relative;
|
|
167
170
|
z-index: 1;
|
|
168
171
|
}
|
|
169
|
-
.awsui_header-sticky-
|
|
172
|
+
.awsui_header-sticky-enabled_14iqq_wbmbk_146:not(#\9) {
|
|
170
173
|
top: 0;
|
|
171
174
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
172
175
|
position: sticky;
|
|
173
176
|
z-index: 800;
|
|
174
177
|
}
|
|
175
|
-
.awsui_header-
|
|
178
|
+
.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
|
|
176
179
|
box-shadow: var(--shadow-sticky-embedded-qit8ba, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
|
|
177
180
|
border: 0;
|
|
178
181
|
border-radius: 0;
|
|
179
182
|
}
|
|
180
|
-
.awsui_header-dynamic-
|
|
183
|
+
.awsui_header-dynamic-height_14iqq_wbmbk_157.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
|
|
181
184
|
margin-bottom: calc(var(--font-heading-xl-line-height-doxfdj, 40px) - var(--font-heading-l-line-height-gev4n1, 30px));
|
|
182
185
|
}
|
|
183
|
-
.
|
|
186
|
+
.awsui_header_14iqq_wbmbk_137:not(#\9):not(:empty) {
|
|
184
187
|
border-bottom: var(--border-container-sticky-width-i7t7xe, 0px) solid var(--color-border-container-divider-4ade7z, transparent);
|
|
185
188
|
}
|
|
186
|
-
.
|
|
187
|
-
padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-
|
|
189
|
+
.awsui_header_14iqq_wbmbk_137.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
|
|
190
|
+
padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-tlw03i, 20px);
|
|
188
191
|
}
|
|
189
|
-
.
|
|
192
|
+
.awsui_header_14iqq_wbmbk_137.awsui_with-hidden-content_14iqq_wbmbk_166:not(#\9) {
|
|
190
193
|
border-bottom-left-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
191
194
|
border-bottom-right-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
192
195
|
}
|
|
193
|
-
.awsui_header-variant-
|
|
196
|
+
.awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9) {
|
|
194
197
|
box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
|
|
195
198
|
border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
|
|
196
199
|
border-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
197
200
|
box-sizing: border-box;
|
|
198
201
|
}
|
|
199
202
|
@media screen and (-ms-high-contrast: active) {
|
|
200
|
-
.awsui_header-variant-
|
|
203
|
+
.awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9) {
|
|
201
204
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
|
|
202
205
|
}
|
|
203
206
|
}
|
|
204
|
-
.awsui_header-variant-
|
|
207
|
+
.awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9):not(:empty) {
|
|
205
208
|
border-bottom: 1px solid #d5dbdb;
|
|
206
209
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
207
210
|
}
|
|
208
211
|
@supports (--css-variable-support-check: #000) {
|
|
209
|
-
.awsui_header-variant-
|
|
212
|
+
.awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9):not(:empty) {
|
|
210
213
|
border-bottom: 0;
|
|
211
214
|
}
|
|
212
215
|
}
|
|
213
|
-
.awsui_header-variant-
|
|
216
|
+
.awsui_header-variant-cards_14iqq_wbmbk_170.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
|
|
214
217
|
border-top-left-radius: 0;
|
|
215
218
|
border-top-right-radius: 0;
|
|
216
219
|
}
|
|
217
|
-
.awsui_header-variant-full-
|
|
220
|
+
.awsui_header-variant-full-page_14iqq_wbmbk_194.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
|
|
218
221
|
box-shadow: none;
|
|
219
222
|
}
|
|
220
|
-
.awsui_header-variant-full-
|
|
223
|
+
.awsui_header-variant-full-page_14iqq_wbmbk_194.awsui_header-stuck_14iqq_wbmbk_152:not(#\9)::after {
|
|
221
224
|
content: "";
|
|
222
225
|
position: absolute;
|
|
223
226
|
right: 0;
|
|
@@ -232,26 +235,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
232
235
|
The dynamic height dark header needs a background that will cover
|
|
233
236
|
the default white background of the container component.
|
|
234
237
|
*/
|
|
235
|
-
.awsui_dark-
|
|
238
|
+
.awsui_dark-header_14iqq_wbmbk_212:not(#\9) {
|
|
236
239
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
237
240
|
}
|
|
238
241
|
|
|
239
|
-
.
|
|
240
|
-
flex: 1
|
|
242
|
+
.awsui_root-fit-height_14iqq_wbmbk_108 > .awsui_content_14iqq_wbmbk_216:not(#\9) {
|
|
243
|
+
flex: 1;
|
|
244
|
+
overflow: auto;
|
|
241
245
|
}
|
|
242
|
-
.
|
|
243
|
-
padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-
|
|
246
|
+
.awsui_content_14iqq_wbmbk_216.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
|
|
247
|
+
padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
|
|
244
248
|
}
|
|
245
|
-
.
|
|
249
|
+
.awsui_header_14iqq_wbmbk_137 + .awsui_content_14iqq_wbmbk_216.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
|
|
246
250
|
padding-top: var(--space-container-content-top-fsd8nr, 0px);
|
|
247
251
|
}
|
|
248
252
|
|
|
249
|
-
.
|
|
250
|
-
|
|
251
|
-
}
|
|
252
|
-
.awsui_footer_14iqq_uvfcm_223.awsui_with-paddings_14iqq_uvfcm_160:not(#\9) {
|
|
253
|
-
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-ddrezg, 24px);
|
|
253
|
+
.awsui_footer_14iqq_wbmbk_227.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
|
|
254
|
+
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
|
|
254
255
|
}
|
|
255
|
-
.
|
|
256
|
+
.awsui_footer_14iqq_wbmbk_227.awsui_with-divider_14iqq_wbmbk_230:not(#\9) {
|
|
256
257
|
border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
257
258
|
}
|
|
@@ -2,21 +2,22 @@
|
|
|
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
|
-
"
|
|
7
|
-
"variant-
|
|
8
|
-
"
|
|
9
|
-
"header
|
|
10
|
-
"header-sticky-
|
|
11
|
-
"header-
|
|
12
|
-
"header-
|
|
13
|
-
"
|
|
14
|
-
"with-
|
|
15
|
-
"
|
|
16
|
-
"header-variant-
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
5
|
+
"root": "awsui_root_14iqq_wbmbk_97",
|
|
6
|
+
"root-fit-height": "awsui_root-fit-height_14iqq_wbmbk_108",
|
|
7
|
+
"variant-default": "awsui_variant-default_14iqq_wbmbk_114",
|
|
8
|
+
"variant-stacked": "awsui_variant-stacked_14iqq_wbmbk_114",
|
|
9
|
+
"header": "awsui_header_14iqq_wbmbk_137",
|
|
10
|
+
"header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wbmbk_142",
|
|
11
|
+
"header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wbmbk_146",
|
|
12
|
+
"header-stuck": "awsui_header-stuck_14iqq_wbmbk_152",
|
|
13
|
+
"header-dynamic-height": "awsui_header-dynamic-height_14iqq_wbmbk_157",
|
|
14
|
+
"with-paddings": "awsui_with-paddings_14iqq_wbmbk_163",
|
|
15
|
+
"with-hidden-content": "awsui_with-hidden-content_14iqq_wbmbk_166",
|
|
16
|
+
"header-variant-cards": "awsui_header-variant-cards_14iqq_wbmbk_170",
|
|
17
|
+
"header-variant-full-page": "awsui_header-variant-full-page_14iqq_wbmbk_194",
|
|
18
|
+
"dark-header": "awsui_dark-header_14iqq_wbmbk_212",
|
|
19
|
+
"content": "awsui_content_14iqq_wbmbk_216",
|
|
20
|
+
"footer": "awsui_footer_14iqq_wbmbk_227",
|
|
21
|
+
"with-divider": "awsui_with-divider_14iqq_wbmbk_230"
|
|
21
22
|
};
|
|
22
23
|
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"content-enter": "awsui_content-
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"trigger-expanded": "awsui_trigger-
|
|
7
|
-
"icon": "
|
|
8
|
-
"root": "
|
|
9
|
-
"expanded": "
|
|
10
|
-
"icon-container": "awsui_icon-
|
|
11
|
-
"trigger": "
|
|
12
|
-
"trigger-default": "awsui_trigger-
|
|
13
|
-
"trigger-footer": "awsui_trigger-
|
|
14
|
-
"trigger-navigation": "awsui_trigger-
|
|
15
|
-
"trigger-container": "awsui_trigger-
|
|
16
|
-
"header": "
|
|
17
|
-
"header-container": "awsui_header-
|
|
18
|
-
"header-container-button": "awsui_header-container-
|
|
19
|
-
"header-navigation": "awsui_header-
|
|
20
|
-
"content": "
|
|
21
|
-
"content-default": "awsui_content-
|
|
22
|
-
"content-footer": "awsui_content-
|
|
23
|
-
"content-expanded": "awsui_content-
|
|
24
|
-
"focusable": "
|
|
4
|
+
"content-enter": "awsui_content-enter_gwq0h_ggimx_97",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_ggimx_1",
|
|
6
|
+
"trigger-expanded": "awsui_trigger-expanded_gwq0h_ggimx_119",
|
|
7
|
+
"icon": "awsui_icon_gwq0h_ggimx_133",
|
|
8
|
+
"root": "awsui_root_gwq0h_ggimx_151",
|
|
9
|
+
"expanded": "awsui_expanded_gwq0h_ggimx_169",
|
|
10
|
+
"icon-container": "awsui_icon-container_gwq0h_ggimx_173",
|
|
11
|
+
"trigger": "awsui_trigger_gwq0h_ggimx_119",
|
|
12
|
+
"trigger-default": "awsui_trigger-default_gwq0h_ggimx_188",
|
|
13
|
+
"trigger-footer": "awsui_trigger-footer_gwq0h_ggimx_191",
|
|
14
|
+
"trigger-navigation": "awsui_trigger-navigation_gwq0h_ggimx_197",
|
|
15
|
+
"trigger-container": "awsui_trigger-container_gwq0h_ggimx_209",
|
|
16
|
+
"header": "awsui_header_gwq0h_ggimx_219",
|
|
17
|
+
"header-container": "awsui_header-container_gwq0h_ggimx_222",
|
|
18
|
+
"header-container-button": "awsui_header-container-button_gwq0h_ggimx_238",
|
|
19
|
+
"header-navigation": "awsui_header-navigation_gwq0h_ggimx_246",
|
|
20
|
+
"content": "awsui_content_gwq0h_ggimx_97",
|
|
21
|
+
"content-default": "awsui_content-default_gwq0h_ggimx_282",
|
|
22
|
+
"content-footer": "awsui_content-footer_gwq0h_ggimx_285",
|
|
23
|
+
"content-expanded": "awsui_content-expanded_gwq0h_ggimx_288",
|
|
24
|
+
"focusable": "awsui_focusable_gwq0h_ggimx_292"
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -94,10 +94,10 @@ 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_content-
|
|
98
|
-
animation: awsui_awsui-motion-fade-
|
|
97
|
+
.awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
|
|
98
|
+
animation: awsui_awsui-motion-fade-in_gwq0h_ggimx_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
|
|
99
99
|
}
|
|
100
|
-
@keyframes awsui_awsui-motion-fade-
|
|
100
|
+
@keyframes awsui_awsui-motion-fade-in_gwq0h_ggimx_1 {
|
|
101
101
|
from {
|
|
102
102
|
opacity: 0.2;
|
|
103
103
|
}
|
|
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
@media (prefers-reduced-motion: reduce) {
|
|
109
|
-
.awsui_content-
|
|
109
|
+
.awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
|
|
110
110
|
animation: none;
|
|
111
111
|
transition: none;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
.awsui-motion-disabled .awsui_content-
|
|
114
|
+
.awsui-motion-disabled .awsui_content-enter_gwq0h_ggimx_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
|
|
115
115
|
animation: none;
|
|
116
116
|
transition: none;
|
|
117
117
|
}
|
|
118
118
|
|
|
119
|
-
.awsui_trigger-
|
|
119
|
+
.awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
|
|
120
120
|
transition: border-bottom-color var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
|
|
121
121
|
}
|
|
122
122
|
@media (prefers-reduced-motion: reduce) {
|
|
123
|
-
.awsui_trigger-
|
|
123
|
+
.awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
|
|
124
124
|
animation: none;
|
|
125
125
|
transition: none;
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
|
-
.awsui-motion-disabled .awsui_trigger-
|
|
128
|
+
.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
|
|
129
129
|
animation: none;
|
|
130
130
|
transition: none;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
.
|
|
133
|
+
.awsui_icon_gwq0h_ggimx_133:not(#\9) {
|
|
134
134
|
transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
135
135
|
}
|
|
136
136
|
@media (prefers-reduced-motion: reduce) {
|
|
137
|
-
.
|
|
137
|
+
.awsui_icon_gwq0h_ggimx_133:not(#\9) {
|
|
138
138
|
animation: none;
|
|
139
139
|
transition: none;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
.awsui-motion-disabled .
|
|
142
|
+
.awsui-motion-disabled .awsui_icon_gwq0h_ggimx_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_ggimx_133:not(#\9) {
|
|
143
143
|
animation: none;
|
|
144
144
|
transition: none;
|
|
145
145
|
}
|
|
@@ -148,7 +148,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
148
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
149
|
SPDX-License-Identifier: Apache-2.0
|
|
150
150
|
*/
|
|
151
|
-
.
|
|
151
|
+
.awsui_root_gwq0h_ggimx_151:not(#\9) {
|
|
152
152
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
153
153
|
border-collapse: separate;
|
|
154
154
|
border-spacing: 0;
|
|
@@ -189,20 +189,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
189
189
|
display: block;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.
|
|
192
|
+
.awsui_icon_gwq0h_ggimx_133:not(#\9) {
|
|
193
193
|
transform: rotate(-90deg);
|
|
194
194
|
}
|
|
195
|
-
.
|
|
195
|
+
.awsui_icon_gwq0h_ggimx_133.awsui_expanded_gwq0h_ggimx_169:not(#\9) {
|
|
196
196
|
transform: rotate(0deg);
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.awsui_icon-
|
|
199
|
+
.awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
|
|
200
200
|
position: relative;
|
|
201
201
|
margin-left: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / -2);
|
|
202
202
|
margin-right: calc(var(--space-xxs-ynfts5, 4px) + var(--border-divider-list-width-hacikr, 1px));
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
.
|
|
205
|
+
.awsui_trigger_gwq0h_ggimx_119:not(#\9) {
|
|
206
206
|
cursor: pointer;
|
|
207
207
|
box-sizing: border-box;
|
|
208
208
|
display: flex;
|
|
@@ -211,48 +211,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
211
211
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
212
212
|
text-align: left;
|
|
213
213
|
}
|
|
214
|
-
.awsui_trigger-
|
|
214
|
+
.awsui_trigger-default_gwq0h_ggimx_188:not(#\9) {
|
|
215
215
|
padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
|
|
216
216
|
}
|
|
217
|
-
.awsui_trigger-
|
|
217
|
+
.awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
|
|
218
218
|
padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
|
|
219
219
|
}
|
|
220
|
-
.awsui_trigger-
|
|
220
|
+
.awsui_trigger-default_gwq0h_ggimx_188:not(#\9), .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
|
|
221
221
|
border: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
|
|
222
222
|
}
|
|
223
|
-
.awsui_trigger-
|
|
223
|
+
.awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9) {
|
|
224
224
|
border-left: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
|
|
225
225
|
}
|
|
226
|
-
.awsui_trigger-
|
|
226
|
+
.awsui_trigger-default_gwq0h_ggimx_188:not(#\9), .awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9), .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
|
|
227
227
|
color: var(--color-text-expandable-section-default-k03p1p, #000716);
|
|
228
228
|
font-weight: var(--font-heading-s-weight-k8ys41, 800);
|
|
229
229
|
font-size: var(--font-expandable-heading-size-m2wptt, 16px);
|
|
230
230
|
letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
|
|
231
231
|
}
|
|
232
|
-
.awsui_trigger-
|
|
232
|
+
.awsui_trigger-default_gwq0h_ggimx_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9):hover {
|
|
233
233
|
color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
|
|
234
234
|
}
|
|
235
|
-
.awsui_trigger-
|
|
236
|
-
padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-
|
|
235
|
+
.awsui_trigger-container_gwq0h_ggimx_209:not(#\9) {
|
|
236
|
+
padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-tlw03i, 20px);
|
|
237
237
|
}
|
|
238
|
-
.awsui_trigger-
|
|
238
|
+
.awsui_trigger-container_gwq0h_ggimx_209[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
239
239
|
padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-4wm2it, 2px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-4wm2it, 2px));
|
|
240
240
|
}
|
|
241
|
-
.awsui_trigger-
|
|
241
|
+
.awsui_trigger-default_gwq0h_ggimx_188.awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
|
|
242
242
|
border-bottom-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
.
|
|
245
|
+
.awsui_header_gwq0h_ggimx_219:not(#\9) {
|
|
246
246
|
display: flex;
|
|
247
247
|
}
|
|
248
|
-
.awsui_header-
|
|
248
|
+
.awsui_header-container_gwq0h_ggimx_222:not(#\9) {
|
|
249
249
|
width: 100%;
|
|
250
250
|
}
|
|
251
|
-
.awsui_header-
|
|
251
|
+
.awsui_header-container_gwq0h_ggimx_222 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
|
|
252
252
|
margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
|
|
253
253
|
margin-right: var(--space-xs-rsr2qu, 8px);
|
|
254
254
|
}
|
|
255
|
-
.awsui_header-
|
|
255
|
+
.awsui_header-container_gwq0h_ggimx_222[data-awsui-focus-visible=true]:not(#\9):focus-within {
|
|
256
256
|
outline: none;
|
|
257
257
|
text-decoration: none;
|
|
258
258
|
padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-4wm2it, 2px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-4wm2it, 2px));
|
|
@@ -261,15 +261,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
261
261
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
262
262
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
263
263
|
}
|
|
264
|
-
.awsui_header-container-
|
|
264
|
+
.awsui_header-container-button_gwq0h_ggimx_238:not(#\9):focus {
|
|
265
265
|
outline: none;
|
|
266
266
|
text-decoration: none;
|
|
267
267
|
}
|
|
268
|
-
.awsui_header-container-
|
|
268
|
+
.awsui_header-container-button_gwq0h_ggimx_238 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
|
|
269
269
|
margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
|
|
270
270
|
margin-right: var(--space-xs-rsr2qu, 8px);
|
|
271
271
|
}
|
|
272
|
-
.awsui_header-
|
|
272
|
+
.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
|
|
273
273
|
display: inline-flex;
|
|
274
274
|
cursor: pointer;
|
|
275
275
|
color: var(--color-text-expandable-section-navigation-icon-default-lb9rm0, #414d5c);
|
|
@@ -280,17 +280,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
280
280
|
text-decoration: none;
|
|
281
281
|
flex-direction: column;
|
|
282
282
|
}
|
|
283
|
-
.awsui_header-
|
|
283
|
+
.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9):hover {
|
|
284
284
|
color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
|
|
285
285
|
}
|
|
286
|
-
.awsui_header-
|
|
286
|
+
.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
287
287
|
position: relative;
|
|
288
288
|
}
|
|
289
|
-
.awsui_header-
|
|
289
|
+
.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
290
290
|
outline: 2px dotted transparent;
|
|
291
291
|
outline-offset: calc(2px - 1px);
|
|
292
292
|
}
|
|
293
|
-
.awsui_header-
|
|
293
|
+
.awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
294
294
|
content: " ";
|
|
295
295
|
display: block;
|
|
296
296
|
position: absolute;
|
|
@@ -302,24 +302,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
302
302
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
.
|
|
305
|
+
.awsui_content_gwq0h_ggimx_97:not(#\9) {
|
|
306
306
|
display: none;
|
|
307
307
|
}
|
|
308
|
-
.awsui_content-
|
|
308
|
+
.awsui_content-default_gwq0h_ggimx_282:not(#\9) {
|
|
309
309
|
padding: var(--space-scaled-xs-6859qs, 8px) 0;
|
|
310
310
|
}
|
|
311
|
-
.awsui_content-
|
|
311
|
+
.awsui_content-footer_gwq0h_ggimx_285:not(#\9) {
|
|
312
312
|
padding: var(--space-xs-rsr2qu, 8px) 0;
|
|
313
313
|
}
|
|
314
|
-
.awsui_content-
|
|
314
|
+
.awsui_content-expanded_gwq0h_ggimx_288:not(#\9) {
|
|
315
315
|
display: block;
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
.
|
|
318
|
+
.awsui_focusable_gwq0h_ggimx_292:not(#\9):focus {
|
|
319
319
|
outline: none;
|
|
320
320
|
text-decoration: none;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
.awsui_focusable_gwq0h_ggimx_292[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
323
323
|
outline: 2px dotted transparent;
|
|
324
324
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
325
325
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
@@ -2,26 +2,26 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"content-enter": "awsui_content-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"trigger-expanded": "awsui_trigger-
|
|
8
|
-
"icon": "
|
|
9
|
-
"root": "
|
|
10
|
-
"expanded": "
|
|
11
|
-
"icon-container": "awsui_icon-
|
|
12
|
-
"trigger": "
|
|
13
|
-
"trigger-default": "awsui_trigger-
|
|
14
|
-
"trigger-footer": "awsui_trigger-
|
|
15
|
-
"trigger-navigation": "awsui_trigger-
|
|
16
|
-
"trigger-container": "awsui_trigger-
|
|
17
|
-
"header": "
|
|
18
|
-
"header-container": "awsui_header-
|
|
19
|
-
"header-container-button": "awsui_header-container-
|
|
20
|
-
"header-navigation": "awsui_header-
|
|
21
|
-
"content": "
|
|
22
|
-
"content-default": "awsui_content-
|
|
23
|
-
"content-footer": "awsui_content-
|
|
24
|
-
"content-expanded": "awsui_content-
|
|
25
|
-
"focusable": "
|
|
5
|
+
"content-enter": "awsui_content-enter_gwq0h_ggimx_97",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_ggimx_1",
|
|
7
|
+
"trigger-expanded": "awsui_trigger-expanded_gwq0h_ggimx_119",
|
|
8
|
+
"icon": "awsui_icon_gwq0h_ggimx_133",
|
|
9
|
+
"root": "awsui_root_gwq0h_ggimx_151",
|
|
10
|
+
"expanded": "awsui_expanded_gwq0h_ggimx_169",
|
|
11
|
+
"icon-container": "awsui_icon-container_gwq0h_ggimx_173",
|
|
12
|
+
"trigger": "awsui_trigger_gwq0h_ggimx_119",
|
|
13
|
+
"trigger-default": "awsui_trigger-default_gwq0h_ggimx_188",
|
|
14
|
+
"trigger-footer": "awsui_trigger-footer_gwq0h_ggimx_191",
|
|
15
|
+
"trigger-navigation": "awsui_trigger-navigation_gwq0h_ggimx_197",
|
|
16
|
+
"trigger-container": "awsui_trigger-container_gwq0h_ggimx_209",
|
|
17
|
+
"header": "awsui_header_gwq0h_ggimx_219",
|
|
18
|
+
"header-container": "awsui_header-container_gwq0h_ggimx_222",
|
|
19
|
+
"header-container-button": "awsui_header-container-button_gwq0h_ggimx_238",
|
|
20
|
+
"header-navigation": "awsui_header-navigation_gwq0h_ggimx_246",
|
|
21
|
+
"content": "awsui_content_gwq0h_ggimx_97",
|
|
22
|
+
"content-default": "awsui_content-default_gwq0h_ggimx_282",
|
|
23
|
+
"content-footer": "awsui_content-footer_gwq0h_ggimx_285",
|
|
24
|
+
"content-expanded": "awsui_content-expanded_gwq0h_ggimx_288",
|
|
25
|
+
"focusable": "awsui_focusable_gwq0h_ggimx_292"
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -475,6 +475,7 @@
|
|
|
475
475
|
--size-icon-large-9vh494:48px;
|
|
476
476
|
--size-icon-medium-fvz0oi:20px;
|
|
477
477
|
--size-icon-normal-j1z5fn:16px;
|
|
478
|
+
--size-table-selection-horizontal-o8c8gs:40px;
|
|
478
479
|
--size-vertical-input-js5hfh:34px;
|
|
479
480
|
--size-vertical-panel-icon-offset-ti40n4:15px;
|
|
480
481
|
--space-alert-action-left-hi50rw:12px;
|
|
@@ -488,11 +489,11 @@
|
|
|
488
489
|
--space-button-modal-dismiss-vertical-r4lx2k:0px;
|
|
489
490
|
--space-calendar-grid-focus-outline-gutter-v3dwvl:-5px;
|
|
490
491
|
--space-calendar-grid-selected-focus-outline-gutter-gqgjqz:-5px;
|
|
491
|
-
--space-card-horizontal-
|
|
492
|
+
--space-card-horizontal-di7llb:20px;
|
|
492
493
|
--space-code-editor-status-focus-outline-gutter-eivtla:-7px;
|
|
493
494
|
--space-container-content-top-fsd8nr:0px;
|
|
494
495
|
--space-container-header-vertical-zsjhel:12px;
|
|
495
|
-
--space-container-horizontal-
|
|
496
|
+
--space-container-horizontal-tlw03i:20px;
|
|
496
497
|
--space-content-header-padding-bottom-nvqytg:24px;
|
|
497
498
|
--space-dark-header-overlap-distance-hfejul:36px;
|
|
498
499
|
--space-expandable-section-icon-offset-top-svbirl:4px;
|
|
@@ -508,7 +509,7 @@
|
|
|
508
509
|
--space-layout-toggle-diameter-hzvqtj:40px;
|
|
509
510
|
--space-layout-toggle-padding-axl9jr:20px;
|
|
510
511
|
--space-modal-content-bottom-cecclv:16px;
|
|
511
|
-
--space-modal-horizontal-
|
|
512
|
+
--space-modal-horizontal-ah0xld:20px;
|
|
512
513
|
--space-panel-nav-left-o5fvw3:28px;
|
|
513
514
|
--space-panel-side-left-8ozqve:28px;
|
|
514
515
|
--space-panel-side-right-kev4k9:24px;
|
|
@@ -516,7 +517,7 @@
|
|
|
516
517
|
--space-segmented-control-focus-outline-gutter-99x5b9:4px;
|
|
517
518
|
--space-table-header-focus-outline-gutter-rbx7m7:0px;
|
|
518
519
|
--space-tabs-content-top-mn4c9x:12px;
|
|
519
|
-
--space-table-horizontal-
|
|
520
|
+
--space-table-horizontal-mj7h0h:20px;
|
|
520
521
|
--space-table-header-horizontal-et2ko8:0px;
|
|
521
522
|
--space-table-content-bottom-pg6yvn:4px;
|
|
522
523
|
--space-table-content-top-t15dd1:12px;
|
package/internal/environment.js
CHANGED
|
@@ -258,7 +258,7 @@ export var motionKeyframesFadeIn = "var(--motion-keyframes-fade-in-9ud20b, awsui
|
|
|
258
258
|
export var motionKeyframesFadeOut = "var(--motion-keyframes-fade-out-1ayoyt, awsui-fade-out-35003c)";
|
|
259
259
|
export var motionKeyframesStatusIconError = "var(--motion-keyframes-status-icon-error-ti988k, awsui-status-icon-error-35003c)";
|
|
260
260
|
export var motionKeyframesScalePopup = "var(--motion-keyframes-scale-popup-3oea16, awsui-scale-popup-35003c)";
|
|
261
|
-
export var spaceContainerHorizontal = "var(--space-container-horizontal-
|
|
261
|
+
export var spaceContainerHorizontal = "var(--space-container-horizontal-tlw03i, 20px)";
|
|
262
262
|
export var spaceFieldHorizontal = "var(--space-field-horizontal-89h2yr, 12px)";
|
|
263
263
|
export var spaceScaledXxxs = "var(--space-scaled-xxxs-b6dm8t, 2px)";
|
|
264
264
|
export var spaceScaledXxs = "var(--space-scaled-xxs-95dhkm, 4px)";
|