@cloudscape-design/components 3.0.23 → 3.0.24
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/alert/styles.scoped.css +0 -34
- package/annotation-context/annotation/styles.scoped.css +0 -18
- package/app-layout/content-wrapper/styles.scoped.css +0 -4
- package/app-layout/mobile-toolbar/styles.scoped.css +0 -9
- package/app-layout/styles.scoped.css +0 -20
- package/app-layout/toggles/styles.scoped.css +0 -16
- package/app-layout/visual-refresh/styles.scoped.css +0 -71
- package/area-chart/styles.scoped.css +0 -13
- package/attribute-editor/styles.scoped.css +0 -23
- package/badge/styles.scoped.css +0 -15
- package/box/styles.scoped.css +0 -171
- package/breadcrumb-group/item/styles.scoped.css +0 -11
- package/breadcrumb-group/styles.scoped.css +0 -10
- package/button/styles.scoped.css +0 -264
- package/button-dropdown/category-elements/styles.scoped.css +0 -26
- package/button-dropdown/item-element/styles.scoped.css +0 -22
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +0 -5
- package/button-dropdown/styles.scoped.css +0 -7
- package/cards/styles.scoped.css +0 -45
- package/checkbox/styles.scoped.css +0 -11
- package/code-editor/styles.scoped.css +0 -87
- package/collection-preferences/styles.scoped.css +0 -12
- package/column-layout/styles.scoped.css +0 -12
- package/container/styles.scoped.css +0 -27
- package/date-picker/styles.scoped.css +0 -45
- package/date-range-picker/calendar/grids/day/styles.scoped.css +0 -45
- package/date-range-picker/relative-range/styles.scoped.css +0 -3
- package/date-range-picker/styles.scoped.css +0 -39
- package/expandable-section/styles.scoped.css +0 -33
- package/flashbar/styles.scoped.css +0 -36
- package/form/styles.scoped.css +0 -12
- package/form-field/styles.scoped.css +0 -26
- package/grid/styles.scoped.css +0 -6
- package/header/styles.scoped.css +0 -51
- package/help-panel/styles.scoped.css +0 -73
- package/hotspot/styles.scoped.css +0 -3
- package/icon/styles.scoped.css +0 -33
- package/input/styles.scoped.css +0 -49
- package/internal/base-component/styles.scoped.css +0 -1
- package/internal/components/abstract-switch/styles.scoped.css +0 -7
- package/internal/components/button-trigger/styles.scoped.css +0 -42
- package/internal/components/cartesian-chart/styles.scoped.css +0 -10
- package/internal/components/chart-filter/styles.scoped.css +0 -4
- package/internal/components/chart-legend/styles.scoped.css +0 -8
- package/internal/components/chart-plot/styles.scoped.css +0 -1
- package/internal/components/chart-popover/styles.scoped.css +0 -4
- package/internal/components/chart-series-details/styles.scoped.css +0 -12
- package/internal/components/chart-series-marker/styles.scoped.css +0 -7
- package/internal/components/chart-status-container/styles.scoped.css +0 -1
- package/internal/components/checkbox-icon/styles.scoped.css +0 -10
- package/internal/components/content-layout/styles.scoped.css +0 -5
- package/internal/components/dark-ribbon/styles.scoped.css +0 -1
- package/internal/components/dropdown/styles.scoped.css +0 -17
- package/internal/components/dropdown-footer/styles.scoped.css +0 -6
- package/internal/components/dropdown-status/styles.scoped.css +0 -6
- package/internal/components/filtering-token/styles.scoped.css +0 -21
- package/internal/components/menu-dropdown/styles.scoped.css +0 -17
- package/internal/components/option/styles.scoped.css +0 -16
- package/internal/components/options-list/styles.scoped.css +0 -5
- package/internal/components/selectable-item/styles.scoped.css +0 -44
- package/link/styles.scoped.css +0 -77
- package/mixed-line-bar-chart/styles.scoped.css +0 -13
- package/modal/styles.scoped.css +0 -31
- package/multiselect/styles.scoped.css +0 -4
- package/package.json +1 -1
- package/pagination/styles.scoped.css +0 -22
- package/pie-chart/styles.scoped.css +0 -25
- package/popover/styles.scoped.css +0 -35
- package/progress-bar/styles.scoped.css +0 -25
- package/property-filter/styles.scoped.css +0 -22
- package/radio-group/styles.scoped.css +0 -22
- package/s3-resource-selector/s3-in-context/styles.scoped.css +0 -6
- package/segmented-control/styles.scoped.css +0 -36
- package/select/parts/styles.scoped.css +0 -6
- package/select/styles.scoped.css +0 -4
- package/side-navigation/styles.scoped.css +0 -38
- package/space-between/styles.scoped.css +0 -40
- package/spinner/styles.scoped.css +0 -17
- package/split-panel/styles.scoped.css +0 -65
- package/status-indicator/styles.scoped.css +0 -20
- package/table/body-cell/styles.scoped.css +0 -29
- package/table/header-cell/styles.scoped.css +0 -32
- package/table/resizer/styles.scoped.css +0 -6
- package/table/selection-control/styles.scoped.css +0 -3
- package/table/styles.scoped.css +0 -39
- package/tabs/styles.scoped.css +0 -41
- package/tag-editor/styles.scoped.css +0 -12
- package/text-content/styles.scoped.css +0 -54
- package/text-filter/styles.scoped.css +0 -7
- package/textarea/styles.scoped.css +0 -30
- package/tiles/styles.scoped.css +0 -55
- package/toggle/styles.scoped.css +0 -14
- package/token-group/styles.scoped.css +0 -35
- package/top-navigation/1.0-beta/styles.scoped.css +0 -40
- package/top-navigation/styles.scoped.css +0 -75
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +0 -22
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +0 -24
- package/tutorial-panel/styles.scoped.css +0 -5
- package/wizard/styles.scoped.css +0 -54
|
@@ -95,7 +95,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
97
|
.awsui_content-enter_gwq0h_1k4hj_97:not(#\9) {
|
|
98
|
-
animation: awsui_awsui-motion-fade-in_gwq0h_1k4hj_1 180ms ease-out;
|
|
99
98
|
animation: awsui_awsui-motion-fade-in_gwq0h_1k4hj_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
|
|
100
99
|
}
|
|
101
100
|
@keyframes awsui_awsui-motion-fade-in_gwq0h_1k4hj_1 {
|
|
@@ -118,7 +117,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
118
117
|
}
|
|
119
118
|
|
|
120
119
|
.awsui_trigger-expanded_gwq0h_1k4hj_119:not(#\9) {
|
|
121
|
-
transition: border-bottom-color 180ms ease-out;
|
|
122
120
|
transition: border-bottom-color var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
|
|
123
121
|
}
|
|
124
122
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -133,7 +131,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
133
131
|
}
|
|
134
132
|
|
|
135
133
|
.awsui_icon_gwq0h_1k4hj_133:not(#\9) {
|
|
136
|
-
transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
137
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));
|
|
138
135
|
}
|
|
139
136
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -181,14 +178,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
181
178
|
widows: 2;
|
|
182
179
|
word-spacing: normal;
|
|
183
180
|
box-sizing: border-box;
|
|
184
|
-
font-size: 14px;
|
|
185
181
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
186
|
-
line-height: 22px;
|
|
187
182
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
188
|
-
color: #000716;
|
|
189
183
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
190
184
|
font-weight: 400;
|
|
191
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
192
185
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
193
186
|
min-width: 0;
|
|
194
187
|
-ms-word-break: break-all;
|
|
@@ -205,9 +198,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
205
198
|
|
|
206
199
|
.awsui_icon-container_gwq0h_1k4hj_173:not(#\9) {
|
|
207
200
|
position: relative;
|
|
208
|
-
margin-left: calc((22px - 16px) / -2);
|
|
209
201
|
margin-left: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / -2);
|
|
210
|
-
margin-right: calc(4px + 1px);
|
|
211
202
|
margin-right: calc(var(--space-xxs-ynfts5, 4px) + var(--border-divider-list-width-hacikr, 1px));
|
|
212
203
|
}
|
|
213
204
|
|
|
@@ -217,50 +208,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
217
208
|
display: flex;
|
|
218
209
|
border: none;
|
|
219
210
|
width: 100%;
|
|
220
|
-
line-height: 22px;
|
|
221
211
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
222
212
|
text-align: left;
|
|
223
213
|
}
|
|
224
214
|
.awsui_trigger-default_gwq0h_1k4hj_188:not(#\9) {
|
|
225
|
-
padding: 4px 4px;
|
|
226
215
|
padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
|
|
227
216
|
}
|
|
228
217
|
.awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9) {
|
|
229
|
-
padding: 4px 0;
|
|
230
218
|
padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
|
|
231
219
|
}
|
|
232
220
|
.awsui_trigger-default_gwq0h_1k4hj_188:not(#\9), .awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9) {
|
|
233
|
-
border: 2px solid transparent;
|
|
234
221
|
border: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
|
|
235
222
|
}
|
|
236
223
|
.awsui_trigger-navigation_gwq0h_1k4hj_197:not(#\9) {
|
|
237
|
-
border-left: 2px solid transparent;
|
|
238
224
|
border-left: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
|
|
239
225
|
}
|
|
240
226
|
.awsui_trigger-default_gwq0h_1k4hj_188:not(#\9), .awsui_trigger-navigation_gwq0h_1k4hj_197:not(#\9), .awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9) {
|
|
241
|
-
color: #000716;
|
|
242
227
|
color: var(--color-text-expandable-section-default-k03p1p, #000716);
|
|
243
|
-
font-weight: 800;
|
|
244
228
|
font-weight: var(--font-heading-s-weight-k8ys41, 800);
|
|
245
|
-
font-size: 16px;
|
|
246
229
|
font-size: var(--font-expandable-heading-size-m2wptt, 16px);
|
|
247
|
-
letter-spacing: -0.005em;
|
|
248
230
|
letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
|
|
249
231
|
}
|
|
250
232
|
.awsui_trigger-default_gwq0h_1k4hj_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_1k4hj_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9):hover {
|
|
251
|
-
color: #0972d3;
|
|
252
233
|
color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
|
|
253
234
|
}
|
|
254
235
|
.awsui_trigger-container_gwq0h_1k4hj_209:not(#\9) {
|
|
255
|
-
padding: 12px 24px;
|
|
256
236
|
padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-ddrezg, 24px);
|
|
257
237
|
}
|
|
258
238
|
.awsui_trigger-container_gwq0h_1k4hj_209[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
259
|
-
padding: calc(12px - 2px) calc(20px - 2px);
|
|
260
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));
|
|
261
240
|
}
|
|
262
241
|
.awsui_trigger-default_gwq0h_1k4hj_188.awsui_trigger-expanded_gwq0h_1k4hj_119:not(#\9) {
|
|
263
|
-
border-bottom-color: #e9ebed;
|
|
264
242
|
border-bottom-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
265
243
|
}
|
|
266
244
|
|
|
@@ -271,15 +249,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
271
249
|
width: 100%;
|
|
272
250
|
}
|
|
273
251
|
.awsui_header-container_gwq0h_1k4hj_222 > .awsui_icon-container_gwq0h_1k4hj_173:not(#\9) {
|
|
274
|
-
margin-top: 4px;
|
|
275
252
|
margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
|
|
276
|
-
margin-right: 8px;
|
|
277
253
|
margin-right: var(--space-xs-rsr2qu, 8px);
|
|
278
254
|
}
|
|
279
255
|
.awsui_header-navigation_gwq0h_1k4hj_229 > .awsui_icon-container_gwq0h_1k4hj_173:not(#\9) {
|
|
280
256
|
display: inline-flex;
|
|
281
257
|
cursor: pointer;
|
|
282
|
-
color: #414d5c;
|
|
283
258
|
color: var(--color-text-expandable-section-navigation-icon-default-lb9rm0, #414d5c);
|
|
284
259
|
border: 0;
|
|
285
260
|
padding: 0;
|
|
@@ -289,7 +264,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
289
264
|
flex-direction: column;
|
|
290
265
|
}
|
|
291
266
|
.awsui_header-navigation_gwq0h_1k4hj_229 > .awsui_icon-container_gwq0h_1k4hj_173:not(#\9):hover {
|
|
292
|
-
color: #0972d3;
|
|
293
267
|
color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
|
|
294
268
|
}
|
|
295
269
|
.awsui_header-navigation_gwq0h_1k4hj_229 > .awsui_icon-container_gwq0h_1k4hj_173[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
@@ -307,9 +281,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
307
281
|
top: calc(-1 * 2px);
|
|
308
282
|
width: calc(100% + 2 * 2px);
|
|
309
283
|
height: calc(100% + 2 * 2px);
|
|
310
|
-
border-radius: 4px;
|
|
311
284
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
312
|
-
box-shadow: 0 0 0 2px #0972d3;
|
|
313
285
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
314
286
|
}
|
|
315
287
|
|
|
@@ -317,11 +289,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
317
289
|
display: none;
|
|
318
290
|
}
|
|
319
291
|
.awsui_content-default_gwq0h_1k4hj_265:not(#\9) {
|
|
320
|
-
padding: 8px 0;
|
|
321
292
|
padding: var(--space-scaled-xs-6859qs, 8px) 0;
|
|
322
293
|
}
|
|
323
294
|
.awsui_content-footer_gwq0h_1k4hj_268:not(#\9) {
|
|
324
|
-
padding: 8px 0;
|
|
325
295
|
padding: var(--space-xs-rsr2qu, 8px) 0;
|
|
326
296
|
}
|
|
327
297
|
.awsui_content-expanded_gwq0h_1k4hj_271:not(#\9) {
|
|
@@ -334,10 +304,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
334
304
|
}
|
|
335
305
|
.awsui_focusable_gwq0h_1k4hj_275[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
336
306
|
outline: 2px dotted transparent;
|
|
337
|
-
border: 2px solid #0972d3;
|
|
338
307
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
339
|
-
border-radius: 4px;
|
|
340
308
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
341
|
-
box-shadow: 0 0 0 0px #0972d3;
|
|
342
309
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
343
310
|
}
|
|
@@ -140,9 +140,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
140
140
|
}
|
|
141
141
|
.awsui_flash-refresh_1q84n_zqvy6_93.awsui_entering_1q84n_zqvy6_147:not(#\9) {
|
|
142
142
|
transition-property: transform, opacity;
|
|
143
|
-
transition-duration: 250ms;
|
|
144
143
|
transition-duration: var(--motion-duration-refresh-only-slow-6gdedh, 250ms);
|
|
145
|
-
transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
|
|
146
144
|
transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
147
145
|
opacity: 1;
|
|
148
146
|
transform: translateY(0);
|
|
@@ -170,9 +168,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
170
168
|
opacity: 1;
|
|
171
169
|
transform: translateY(0);
|
|
172
170
|
transition-property: transform, opacity;
|
|
173
|
-
transition-duration: 250ms;
|
|
174
171
|
transition-duration: var(--motion-duration-refresh-only-slow-6gdedh, 250ms);
|
|
175
|
-
transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
|
|
176
172
|
transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
177
173
|
}
|
|
178
174
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -195,7 +191,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
195
191
|
transition: none;
|
|
196
192
|
}
|
|
197
193
|
.awsui_flash-refresh_1q84n_zqvy6_93.awsui_entering_1q84n_zqvy6_147 > .awsui_flash-icon_1q84n_zqvy6_134:not(#\9), .awsui_flash-refresh_1q84n_zqvy6_93.awsui_entered_1q84n_zqvy6_168 > .awsui_flash-icon_1q84n_zqvy6_134:not(#\9) {
|
|
198
|
-
transition-delay: calc(250ms - 50ms);
|
|
199
194
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) - 50ms);
|
|
200
195
|
}
|
|
201
196
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -209,7 +204,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
209
204
|
transition: none;
|
|
210
205
|
}
|
|
211
206
|
.awsui_flash-refresh_1q84n_zqvy6_93.awsui_entering_1q84n_zqvy6_147 > .awsui_flash-body_1q84n_zqvy6_108 > .awsui_flash-message_1q84n_zqvy6_108 > .awsui_flash-header_1q84n_zqvy6_108:not(#\9), .awsui_flash-refresh_1q84n_zqvy6_93.awsui_entered_1q84n_zqvy6_168 > .awsui_flash-body_1q84n_zqvy6_108 > .awsui_flash-message_1q84n_zqvy6_108 > .awsui_flash-header_1q84n_zqvy6_108:not(#\9) {
|
|
212
|
-
transition-delay: calc(250ms + 10ms);
|
|
213
207
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) + 10ms);
|
|
214
208
|
}
|
|
215
209
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -223,7 +217,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
223
217
|
transition: none;
|
|
224
218
|
}
|
|
225
219
|
.awsui_flash-refresh_1q84n_zqvy6_93.awsui_entering_1q84n_zqvy6_147 > .awsui_flash-body_1q84n_zqvy6_108 > .awsui_flash-message_1q84n_zqvy6_108 > .awsui_flash-content_1q84n_zqvy6_109:not(#\9), .awsui_flash-refresh_1q84n_zqvy6_93.awsui_entered_1q84n_zqvy6_168 > .awsui_flash-body_1q84n_zqvy6_108 > .awsui_flash-message_1q84n_zqvy6_108 > .awsui_flash-content_1q84n_zqvy6_109:not(#\9) {
|
|
226
|
-
transition-delay: calc(250ms + 10ms);
|
|
227
220
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) + 10ms);
|
|
228
221
|
}
|
|
229
222
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -240,7 +233,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
240
233
|
.awsui_flash-refresh_1q84n_zqvy6_93.awsui_entering_1q84n_zqvy6_147 > .awsui_flash-body_1q84n_zqvy6_108 > .awsui_action-button-wrapper_1q84n_zqvy6_110:not(#\9),
|
|
241
234
|
.awsui_flash-refresh_1q84n_zqvy6_93.awsui_entered_1q84n_zqvy6_168 > .awsui_dismiss-button-wrapper_1q84n_zqvy6_111:not(#\9),
|
|
242
235
|
.awsui_flash-refresh_1q84n_zqvy6_93.awsui_entered_1q84n_zqvy6_168 > .awsui_flash-body_1q84n_zqvy6_108 > .awsui_action-button-wrapper_1q84n_zqvy6_110:not(#\9) {
|
|
243
|
-
transition-delay: calc(250ms * 2 - 100ms);
|
|
244
236
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) * 2 - 100ms);
|
|
245
237
|
}
|
|
246
238
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -260,9 +252,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
260
252
|
opacity: 0;
|
|
261
253
|
transform: translateY(-20px);
|
|
262
254
|
transition-property: transform, opacity;
|
|
263
|
-
transition-duration: 115ms;
|
|
264
255
|
transition-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
265
|
-
transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
|
|
266
256
|
transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
267
257
|
}
|
|
268
258
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -315,14 +305,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
315
305
|
widows: 2;
|
|
316
306
|
word-spacing: normal;
|
|
317
307
|
box-sizing: border-box;
|
|
318
|
-
font-size: 14px;
|
|
319
308
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
320
|
-
line-height: 22px;
|
|
321
309
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
322
|
-
color: #000716;
|
|
323
310
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
324
311
|
font-weight: 400;
|
|
325
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
326
312
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
327
313
|
}
|
|
328
314
|
|
|
@@ -331,31 +317,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
331
317
|
display: flex;
|
|
332
318
|
justify-content: flex-start;
|
|
333
319
|
align-items: flex-start;
|
|
334
|
-
padding: 8px 16px;
|
|
335
320
|
padding: var(--space-scaled-xs-6859qs, 8px) var(--space-flashbar-horizontal-ouyk4r, 16px);
|
|
336
|
-
box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
|
|
337
321
|
box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
|
|
338
|
-
border-top: 0px solid transparent;
|
|
339
322
|
border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
|
|
340
|
-
border-radius: 16px;
|
|
341
323
|
border-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
342
324
|
box-sizing: border-box;
|
|
343
325
|
border-top: none;
|
|
344
|
-
border-radius: 12px;
|
|
345
326
|
border-radius: var(--border-radius-flashbar-i7jm55, 12px);
|
|
346
|
-
color: #fbfbfb;
|
|
347
327
|
color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
|
|
348
328
|
overflow-wrap: break-word;
|
|
349
329
|
word-wrap: break-word;
|
|
350
330
|
}
|
|
351
331
|
@media screen and (-ms-high-contrast: active) {
|
|
352
332
|
.awsui_flash_1q84n_zqvy6_93:not(#\9) {
|
|
353
|
-
border: 2px solid transparent;
|
|
354
333
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
|
|
355
334
|
}
|
|
356
335
|
}
|
|
357
336
|
.awsui_flash_1q84n_zqvy6_93:not(#\9):not(:last-child) {
|
|
358
|
-
margin-bottom: 2px;
|
|
359
337
|
margin-bottom: var(--space-xxxs-k2w98v, 2px);
|
|
360
338
|
}
|
|
361
339
|
|
|
@@ -371,10 +349,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
371
349
|
bottom: 0px;
|
|
372
350
|
right: 0px;
|
|
373
351
|
background-color: transparent;
|
|
374
|
-
border-radius: 12px;
|
|
375
352
|
border-radius: var(--border-radius-flashbar-i7jm55, 12px);
|
|
376
353
|
pointer-events: none;
|
|
377
|
-
box-shadow: 0px 6px 36px rgba(0, 7, 22, 0.1);
|
|
378
354
|
box-shadow: var(--shadow-flash-sticky-xplpiu, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
379
355
|
}
|
|
380
356
|
|
|
@@ -385,9 +361,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
385
361
|
}
|
|
386
362
|
|
|
387
363
|
.awsui_flash-text_1q84n_zqvy6_359:not(#\9) {
|
|
388
|
-
margin: 2px 0;
|
|
389
364
|
margin: var(--border-field-width-idlekx, 2px) 0;
|
|
390
|
-
padding: 4px 4px;
|
|
391
365
|
padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
|
|
392
366
|
}
|
|
393
367
|
|
|
@@ -413,11 +387,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
413
387
|
|
|
414
388
|
.awsui_dismiss-button-wrapper_1q84n_zqvy6_111:not(#\9) {
|
|
415
389
|
flex: 0 0 auto;
|
|
416
|
-
margin-left: 12px;
|
|
417
390
|
margin-left: var(--space-s-hv8c1d, 12px);
|
|
418
|
-
margin-right: calc(-1 * 4px);
|
|
419
391
|
margin-right: calc(-1 * var(--space-xxs-ynfts5, 4px));
|
|
420
|
-
padding-right: 0px;
|
|
421
392
|
padding-right: var(--space-flashbar-dismiss-right-cbaywa, 0px);
|
|
422
393
|
}
|
|
423
394
|
|
|
@@ -427,7 +398,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
427
398
|
|
|
428
399
|
.awsui_action-button-wrapper_1q84n_zqvy6_110:not(#\9) {
|
|
429
400
|
white-space: nowrap;
|
|
430
|
-
margin-left: 12px;
|
|
431
401
|
margin-left: var(--space-flashbar-action-left-y2z8zt, 12px);
|
|
432
402
|
}
|
|
433
403
|
|
|
@@ -436,9 +406,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
436
406
|
display: block;
|
|
437
407
|
}
|
|
438
408
|
.awsui_flashbar_1q84n_zqvy6_295.awsui_breakpoint-default_1q84n_zqvy6_401 > div > .awsui_flash_1q84n_zqvy6_93 > .awsui_flash-body_1q84n_zqvy6_108 > .awsui_action-button-wrapper_1q84n_zqvy6_110:not(#\9) {
|
|
439
|
-
margin-left: 4px;
|
|
440
409
|
margin-left: var(--space-xxs-ynfts5, 4px);
|
|
441
|
-
margin-bottom: 4px;
|
|
442
410
|
margin-bottom: var(--space-xxs-ynfts5, 4px);
|
|
443
411
|
}
|
|
444
412
|
|
|
@@ -448,21 +416,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
448
416
|
}
|
|
449
417
|
|
|
450
418
|
.awsui_flash-type-success_1q84n_zqvy6_414:not(#\9) {
|
|
451
|
-
background-color: #037f0c;
|
|
452
419
|
background-color: var(--color-background-notification-green-0d9ow8, #037f0c);
|
|
453
420
|
}
|
|
454
421
|
|
|
455
422
|
.awsui_flash-type-error_1q84n_zqvy6_418:not(#\9) {
|
|
456
|
-
background-color: #d91515;
|
|
457
423
|
background-color: var(--color-background-notification-red-v7js1f, #d91515);
|
|
458
424
|
}
|
|
459
425
|
|
|
460
426
|
.awsui_flash-type-warning_1q84n_zqvy6_422:not(#\9) {
|
|
461
|
-
background-color: #0972d3;
|
|
462
427
|
background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
|
|
463
428
|
}
|
|
464
429
|
|
|
465
430
|
.awsui_flash-type-info_1q84n_zqvy6_426:not(#\9) {
|
|
466
|
-
background-color: #0972d3;
|
|
467
431
|
background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
|
|
468
432
|
}
|
package/form/styles.scoped.css
CHANGED
|
@@ -120,19 +120,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
120
120
|
widows: 2;
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
|
-
font-size: 14px;
|
|
124
123
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
125
|
-
line-height: 22px;
|
|
126
124
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
127
|
-
color: #000716;
|
|
128
125
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
129
126
|
font-weight: 400;
|
|
130
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
131
127
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
132
128
|
}
|
|
133
129
|
|
|
134
130
|
.awsui_header_1i0s3_ntsvl_104:not(#\9) {
|
|
135
|
-
margin-bottom: 16px;
|
|
136
131
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
137
132
|
}
|
|
138
133
|
|
|
@@ -145,7 +140,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
145
140
|
}
|
|
146
141
|
|
|
147
142
|
.awsui_footer_1i0s3_ntsvl_116:not(#\9) {
|
|
148
|
-
margin-top: 20px;
|
|
149
143
|
margin-top: var(--space-scaled-l-t03y3z, 20px);
|
|
150
144
|
}
|
|
151
145
|
|
|
@@ -154,24 +148,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
154
148
|
flex-direction: row-reverse;
|
|
155
149
|
justify-content: space-between;
|
|
156
150
|
flex-wrap: wrap;
|
|
157
|
-
margin-left: calc(-1 * 16px);
|
|
158
151
|
margin-left: calc(-1 * var(--space-scaled-m-pv0fmt, 16px));
|
|
159
|
-
margin-bottom: calc(-1 * 16px);
|
|
160
152
|
margin-bottom: calc(-1 * var(--space-scaled-m-pv0fmt, 16px));
|
|
161
153
|
}
|
|
162
154
|
|
|
163
155
|
.awsui_secondary-actions_1i0s3_ntsvl_129:not(#\9) {
|
|
164
156
|
min-width: 1px;
|
|
165
|
-
margin-left: 16px;
|
|
166
157
|
margin-left: var(--space-scaled-m-pv0fmt, 16px);
|
|
167
|
-
margin-bottom: 16px;
|
|
168
158
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
169
159
|
}
|
|
170
160
|
|
|
171
161
|
.awsui_actions_1i0s3_ntsvl_120:not(#\9) {
|
|
172
162
|
min-width: 1px;
|
|
173
|
-
margin-left: 16px;
|
|
174
163
|
margin-left: var(--space-scaled-m-pv0fmt, 16px);
|
|
175
|
-
margin-bottom: 16px;
|
|
176
164
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
177
165
|
}
|
|
@@ -95,7 +95,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
97
|
.awsui_error-icon-shake-wrapper_14mhv_yshzd_97:not(#\9) {
|
|
98
|
-
animation: awsui_awsui-motion-shake-horizontally_14mhv_yshzd_1 165ms;
|
|
99
98
|
animation: awsui_awsui-motion-shake-horizontally_14mhv_yshzd_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
100
99
|
}
|
|
101
100
|
@keyframes awsui_awsui-motion-shake-horizontally_14mhv_yshzd_1 {
|
|
@@ -105,7 +104,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
105
104
|
}
|
|
106
105
|
50% {
|
|
107
106
|
transform: translateX(5px);
|
|
108
|
-
animation-timing-function: cubic-bezier(0, 0, 0, 1);
|
|
109
107
|
animation-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
|
|
110
108
|
}
|
|
111
109
|
100% {
|
|
@@ -124,7 +122,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
124
122
|
}
|
|
125
123
|
|
|
126
124
|
.awsui_error-icon-scale-wrapper_14mhv_yshzd_124:not(#\9) {
|
|
127
|
-
animation: awsui_awsui-motion-scale-popup_14mhv_yshzd_1 165ms cubic-bezier(0, 0, 0, 1);
|
|
128
125
|
animation: awsui_awsui-motion-scale-popup_14mhv_yshzd_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
|
|
129
126
|
}
|
|
130
127
|
@keyframes awsui_awsui-motion-scale-popup_14mhv_yshzd_1 {
|
|
@@ -147,7 +144,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
147
144
|
}
|
|
148
145
|
|
|
149
146
|
.awsui_error_14mhv_yshzd_97:not(#\9) {
|
|
150
|
-
animation: awsui_awsui-motion-fade-in-0_14mhv_yshzd_1 165ms cubic-bezier(0, 0, 0, 1);
|
|
151
147
|
animation: awsui_awsui-motion-fade-in-0_14mhv_yshzd_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
|
|
152
148
|
}
|
|
153
149
|
@keyframes awsui_awsui-motion-fade-in-0_14mhv_yshzd_1 {
|
|
@@ -199,30 +195,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
199
195
|
widows: 2;
|
|
200
196
|
word-spacing: normal;
|
|
201
197
|
box-sizing: border-box;
|
|
202
|
-
font-size: 14px;
|
|
203
198
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
204
|
-
line-height: 22px;
|
|
205
199
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
206
|
-
color: #000716;
|
|
207
200
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
208
201
|
font-weight: 400;
|
|
209
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
210
202
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
211
203
|
box-sizing: border-box;
|
|
212
204
|
}
|
|
213
205
|
|
|
214
206
|
.awsui_label_14mhv_yshzd_180:not(#\9) {
|
|
215
207
|
box-sizing: border-box;
|
|
216
|
-
color: #000716;
|
|
217
208
|
color: var(--color-text-form-label-k3j0b4, #000716);
|
|
218
209
|
display: inline;
|
|
219
|
-
font-size: 14px;
|
|
220
210
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
221
|
-
line-height: 22px;
|
|
222
211
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
223
|
-
font-weight: 700;
|
|
224
212
|
font-weight: var(--font-display-label-weight-m18hjh, 700);
|
|
225
|
-
margin-right: 8px;
|
|
226
213
|
margin-right: var(--space-xs-rsr2qu, 8px);
|
|
227
214
|
}
|
|
228
215
|
.awsui_label_14mhv_yshzd_180:not(#\9):only-child {
|
|
@@ -230,27 +217,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
230
217
|
}
|
|
231
218
|
|
|
232
219
|
.awsui_info_14mhv_yshzd_193:not(#\9) {
|
|
233
|
-
padding-left: 8px;
|
|
234
220
|
padding-left: var(--space-xs-rsr2qu, 8px);
|
|
235
|
-
border-left: 2px solid #e9ebed;
|
|
236
221
|
border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
237
222
|
}
|
|
238
223
|
|
|
239
224
|
.awsui_description_14mhv_yshzd_198:not(#\9),
|
|
240
225
|
.awsui_constraint_14mhv_yshzd_199:not(#\9) {
|
|
241
|
-
color: #5f6b7a;
|
|
242
226
|
color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
|
|
243
|
-
font-size: 12px;
|
|
244
227
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
245
|
-
line-height: 16px;
|
|
246
228
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
247
|
-
letter-spacing: 0.005em;
|
|
248
229
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
249
230
|
}
|
|
250
231
|
|
|
251
232
|
.awsui_hints_14mhv_yshzd_206:not(#\9),
|
|
252
233
|
.awsui_constraint-has-error_14mhv_yshzd_207:not(#\9) {
|
|
253
|
-
padding-top: 4px;
|
|
254
234
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
255
235
|
}
|
|
256
236
|
|
|
@@ -259,7 +239,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
259
239
|
}
|
|
260
240
|
|
|
261
241
|
.awsui_controls_14mhv_yshzd_215:not(#\9):not(.awsui_label-hidden_14mhv_yshzd_215) {
|
|
262
|
-
padding-top: 4px;
|
|
263
242
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
264
243
|
}
|
|
265
244
|
|
|
@@ -270,20 +249,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
270
249
|
}
|
|
271
250
|
|
|
272
251
|
.awsui_error_14mhv_yshzd_97:not(#\9) {
|
|
273
|
-
color: #d91515;
|
|
274
252
|
color: var(--color-text-status-error-5sesl6, #d91515);
|
|
275
|
-
font-size: 12px;
|
|
276
253
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
277
|
-
line-height: 16px;
|
|
278
254
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
279
|
-
letter-spacing: 0.005em;
|
|
280
255
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
281
256
|
display: flex;
|
|
282
257
|
align-items: flex-start;
|
|
283
258
|
}
|
|
284
259
|
|
|
285
260
|
.awsui_error__message_14mhv_yshzd_234:not(#\9) {
|
|
286
|
-
margin-left: 4px;
|
|
287
261
|
margin-left: var(--space-xxs-ynfts5, 4px);
|
|
288
262
|
}
|
|
289
263
|
|
package/grid/styles.scoped.css
CHANGED
|
@@ -120,18 +120,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
120
120
|
widows: 2;
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
|
-
font-size: 14px;
|
|
124
123
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
125
|
-
line-height: 22px;
|
|
126
124
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
127
|
-
color: #000716;
|
|
128
125
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
129
126
|
font-weight: 400;
|
|
130
|
-
font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
131
127
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
132
128
|
display: flex;
|
|
133
129
|
flex-wrap: wrap;
|
|
134
|
-
margin: calc(20px / -2);
|
|
135
130
|
margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
|
|
136
131
|
pointer-events: none;
|
|
137
132
|
}
|
|
@@ -142,7 +137,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
142
137
|
.awsui_grid-column_14yj0_1ecf3_111:not(#\9) {
|
|
143
138
|
box-sizing: border-box;
|
|
144
139
|
position: relative;
|
|
145
|
-
padding: calc(20px / 2);
|
|
146
140
|
padding: calc(var(--space-grid-gutter-0subky, 20px) / 2);
|
|
147
141
|
display: flex;
|
|
148
142
|
}
|