@aws-amplify/ui-react-liveness 2.0.11 → 3.0.0
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/dist/esm/components/FaceLivenessDetector/FaceLivenessDetector.mjs +17 -1
- package/dist/esm/components/FaceLivenessDetector/FaceLivenessDetectorCore.mjs +42 -1
- package/dist/esm/components/FaceLivenessDetector/LivenessCheck/LivenessCameraModule.mjs +199 -1
- package/dist/esm/components/FaceLivenessDetector/LivenessCheck/LivenessCheck.mjs +97 -1
- package/dist/esm/components/FaceLivenessDetector/displayText.mjs +50 -1
- package/dist/esm/components/FaceLivenessDetector/hooks/useLivenessActor.mjs +13 -1
- package/dist/esm/components/FaceLivenessDetector/hooks/useLivenessSelector.mjs +12 -1
- package/dist/esm/components/FaceLivenessDetector/hooks/useMediaStreamInVideo.mjs +38 -1
- package/dist/esm/components/FaceLivenessDetector/providers/FaceLivenessDetectorProvider.mjs +15 -1
- package/dist/esm/components/FaceLivenessDetector/service/machine/index.mjs +1130 -1
- package/dist/esm/components/FaceLivenessDetector/service/types/error.mjs +16 -1
- package/dist/esm/components/FaceLivenessDetector/service/types/faceDetection.mjs +15 -1
- package/dist/esm/components/FaceLivenessDetector/service/types/liveness.mjs +23 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/CustomWebSocketFetchHandler.mjs +200 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/blazefaceFaceDetection.mjs +102 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/constants.mjs +18 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/eventUtils.mjs +30 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/freshnessColorDisplay.mjs +131 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/liveness.mjs +462 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/streamProvider.mjs +144 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/support.mjs +14 -1
- package/dist/esm/components/FaceLivenessDetector/service/utils/videoRecorder.mjs +98 -1
- package/dist/esm/components/FaceLivenessDetector/shared/CancelButton.mjs +24 -1
- package/dist/esm/components/FaceLivenessDetector/shared/DefaultStartScreenComponents.mjs +41 -1
- package/dist/esm/components/FaceLivenessDetector/shared/FaceLivenessErrorModal.mjs +88 -1
- package/dist/esm/components/FaceLivenessDetector/shared/Hint.mjs +114 -1
- package/dist/esm/components/FaceLivenessDetector/shared/LandscapeErrorModal.mjs +30 -1
- package/dist/esm/components/FaceLivenessDetector/shared/LivenessIconWithPopover.mjs +37 -1
- package/dist/esm/components/FaceLivenessDetector/shared/MatchIndicator.mjs +24 -1
- package/dist/esm/components/FaceLivenessDetector/shared/Overlay.mjs +9 -1
- package/dist/esm/components/FaceLivenessDetector/shared/RecordingIcon.mjs +13 -1
- package/dist/esm/components/FaceLivenessDetector/shared/Toast.mjs +12 -1
- package/dist/esm/components/FaceLivenessDetector/types/classNames.mjs +54 -1
- package/dist/esm/components/FaceLivenessDetector/utils/device.mjs +24 -1
- package/dist/esm/components/FaceLivenessDetector/utils/getDisplayText.mjs +78 -1
- package/dist/esm/components/FaceLivenessDetector/utils/helpers.mjs +14 -0
- package/dist/esm/components/FaceLivenessDetector/utils/platform.mjs +8 -1
- package/dist/esm/index.mjs +2 -1
- package/dist/esm/version.mjs +3 -1
- package/dist/index.js +3208 -1
- package/dist/styles.css +343 -680
- package/dist/types/components/FaceLivenessDetector/FaceLivenessDetector.d.ts +1 -1
- package/dist/types/components/FaceLivenessDetector/FaceLivenessDetectorCore.d.ts +1 -3
- package/dist/types/components/FaceLivenessDetector/LivenessCheck/LivenessCameraModule.d.ts +7 -3
- package/dist/types/components/FaceLivenessDetector/LivenessCheck/LivenessCheck.d.ts +5 -3
- package/dist/types/components/FaceLivenessDetector/displayText.d.ts +3 -10
- package/dist/types/components/FaceLivenessDetector/service/machine/index.d.ts +1 -1
- package/dist/types/components/FaceLivenessDetector/service/types/faceDetection.d.ts +2 -0
- package/dist/types/components/FaceLivenessDetector/service/types/liveness.d.ts +1 -1
- package/dist/types/components/FaceLivenessDetector/service/types/machine.d.ts +3 -1
- package/dist/types/components/FaceLivenessDetector/service/utils/blazefaceFaceDetection.d.ts +4 -3
- package/dist/types/components/FaceLivenessDetector/service/utils/liveness.d.ts +5 -2
- package/dist/types/components/FaceLivenessDetector/shared/DefaultStartScreenComponents.d.ts +9 -15
- package/dist/types/components/FaceLivenessDetector/shared/Overlay.d.ts +2 -5
- package/dist/types/components/FaceLivenessDetector/shared/Toast.d.ts +1 -0
- package/dist/types/components/FaceLivenessDetector/types/classNames.d.ts +3 -0
- package/dist/types/version.d.ts +1 -1
- package/package.json +16 -37
- package/dist/esm/components/FaceLivenessDetector/StartLiveness/StartLiveness.mjs +0 -1
- package/dist/esm/components/FaceLivenessDetector/StartLiveness/helpers.mjs +0 -1
- package/dist/esm/components/FaceLivenessDetector/shared/GoodFitIllustration.mjs +0 -1
- package/dist/esm/components/FaceLivenessDetector/shared/StartScreenFigure.mjs +0 -1
- package/dist/esm/components/FaceLivenessDetector/shared/TooFarIllustration.mjs +0 -1
- package/dist/types/components/FaceLivenessDetector/StartLiveness/StartLiveness.d.ts +0 -9
- package/dist/types/components/FaceLivenessDetector/StartLiveness/index.d.ts +0 -1
- /package/dist/types/components/FaceLivenessDetector/{StartLiveness → utils}/helpers.d.ts +0 -0
package/dist/styles.css
CHANGED
|
@@ -2,6 +2,29 @@
|
|
|
2
2
|
* Amplify UI Basic Theme
|
|
3
3
|
*/
|
|
4
4
|
:root, [data-amplify-theme] {
|
|
5
|
+
--amplify-components-accordion-background-color: var(--amplify-colors-background-primary);
|
|
6
|
+
--amplify-components-accordion-item-border-color: var(--amplify-colors-border-secondary);
|
|
7
|
+
--amplify-components-accordion-item-border-width: var(--amplify-border-widths-small);
|
|
8
|
+
--amplify-components-accordion-item-border-style: solid;
|
|
9
|
+
--amplify-components-accordion-item-border-radius: var(--amplify-radii-small);
|
|
10
|
+
--amplify-components-accordion-item-trigger-align-items: center;
|
|
11
|
+
--amplify-components-accordion-item-trigger-background-color: var(--amplify-colors-background-primary);
|
|
12
|
+
--amplify-components-accordion-item-trigger-color: inherit;
|
|
13
|
+
--amplify-components-accordion-item-trigger-gap: var(--amplify-space-small);
|
|
14
|
+
--amplify-components-accordion-item-trigger-justify-content: space-between;
|
|
15
|
+
--amplify-components-accordion-item-trigger-padding-block: var(--amplify-space-xs);
|
|
16
|
+
--amplify-components-accordion-item-trigger-padding-inline: var(--amplify-space-small);
|
|
17
|
+
--amplify-components-accordion-item-trigger-hover-color: inherit;
|
|
18
|
+
--amplify-components-accordion-item-trigger-hover-background-color: var(--amplify-colors-overlay-5);
|
|
19
|
+
--amplify-components-accordion-item-trigger-focus-border-color: var(--amplify-colors-border-focus);
|
|
20
|
+
--amplify-components-accordion-item-trigger-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
|
|
21
|
+
--amplify-components-accordion-item-content-color: inherit;
|
|
22
|
+
--amplify-components-accordion-item-content-padding-inline: var(--amplify-space-small);
|
|
23
|
+
--amplify-components-accordion-item-content-padding-block-end: var(--amplify-space-small);
|
|
24
|
+
--amplify-components-accordion-item-content-padding-block-start: var(--amplify-space-xxxs);
|
|
25
|
+
--amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);
|
|
26
|
+
--amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);
|
|
27
|
+
--amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
|
|
5
28
|
--amplify-components-alert-align-items: center;
|
|
6
29
|
--amplify-components-alert-justify-content: space-between;
|
|
7
30
|
--amplify-components-alert-color: var(--amplify-colors-font-primary);
|
|
@@ -52,7 +75,7 @@
|
|
|
52
75
|
--amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
|
|
53
76
|
--amplify-components-autocomplete-menu-option-transition-property: background-color, color;
|
|
54
77
|
--amplify-components-autocomplete-menu-option-transition-timing-function: ease;
|
|
55
|
-
--amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-
|
|
78
|
+
--amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-primary-80);
|
|
56
79
|
--amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
|
|
57
80
|
--amplify-components-autocomplete-menu-empty-display: flex;
|
|
58
81
|
--amplify-components-autocomplete-menu-loading-align-items: center;
|
|
@@ -120,15 +143,15 @@
|
|
|
120
143
|
--amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
|
|
121
144
|
--amplify-components-button-color: var(--amplify-colors-font-primary);
|
|
122
145
|
--amplify-components-button-hover-color: var(--amplify-colors-font-focus);
|
|
123
|
-
--amplify-components-button-hover-background-color: var(--amplify-colors-
|
|
124
|
-
--amplify-components-button-hover-border-color: var(--amplify-colors-
|
|
146
|
+
--amplify-components-button-hover-background-color: var(--amplify-colors-primary-10);
|
|
147
|
+
--amplify-components-button-hover-border-color: var(--amplify-colors-primary-60);
|
|
125
148
|
--amplify-components-button-focus-color: var(--amplify-colors-font-focus);
|
|
126
|
-
--amplify-components-button-focus-background-color: var(--amplify-colors-
|
|
149
|
+
--amplify-components-button-focus-background-color: var(--amplify-colors-primary-10);
|
|
127
150
|
--amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
|
|
128
151
|
--amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
|
|
129
152
|
--amplify-components-button-active-color: var(--amplify-colors-font-active);
|
|
130
|
-
--amplify-components-button-active-background-color: var(--amplify-colors-
|
|
131
|
-
--amplify-components-button-active-border-color: var(--amplify-colors-
|
|
153
|
+
--amplify-components-button-active-background-color: var(--amplify-colors-primary-20);
|
|
154
|
+
--amplify-components-button-active-border-color: var(--amplify-colors-primary-100);
|
|
132
155
|
--amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
|
|
133
156
|
--amplify-components-button-loading-background-color: transparent;
|
|
134
157
|
--amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
|
|
@@ -203,7 +226,7 @@
|
|
|
203
226
|
--amplify-components-button-primary-border-color: transparent;
|
|
204
227
|
--amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
|
|
205
228
|
--amplify-components-button-primary-border-style: solid;
|
|
206
|
-
--amplify-components-button-primary-background-color: var(--amplify-colors-
|
|
229
|
+
--amplify-components-button-primary-background-color: var(--amplify-colors-primary-80);
|
|
207
230
|
--amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
|
|
208
231
|
--amplify-components-button-primary-disabled-border-color: transparent;
|
|
209
232
|
--amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
|
|
@@ -212,14 +235,14 @@
|
|
|
212
235
|
--amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
|
|
213
236
|
--amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
|
|
214
237
|
--amplify-components-button-primary-hover-border-color: transparent;
|
|
215
|
-
--amplify-components-button-primary-hover-background-color: var(--amplify-colors-
|
|
238
|
+
--amplify-components-button-primary-hover-background-color: var(--amplify-colors-primary-90);
|
|
216
239
|
--amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
|
|
217
240
|
--amplify-components-button-primary-focus-border-color: transparent;
|
|
218
|
-
--amplify-components-button-primary-focus-background-color: var(--amplify-colors-
|
|
241
|
+
--amplify-components-button-primary-focus-background-color: var(--amplify-colors-primary-90);
|
|
219
242
|
--amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
|
|
220
243
|
--amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
|
|
221
244
|
--amplify-components-button-primary-active-border-color: transparent;
|
|
222
|
-
--amplify-components-button-primary-active-background-color: var(--amplify-colors-
|
|
245
|
+
--amplify-components-button-primary-active-background-color: var(--amplify-colors-primary-100);
|
|
223
246
|
--amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
|
|
224
247
|
--amplify-components-button-primary-info-border-color: transparent;
|
|
225
248
|
--amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80);
|
|
@@ -290,25 +313,25 @@
|
|
|
290
313
|
--amplify-components-button-menu-background-color: transparent;
|
|
291
314
|
--amplify-components-button-menu-justify-content: start;
|
|
292
315
|
--amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
|
|
293
|
-
--amplify-components-button-menu-hover-background-color: var(--amplify-colors-
|
|
316
|
+
--amplify-components-button-menu-hover-background-color: var(--amplify-colors-primary-80);
|
|
294
317
|
--amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
|
|
295
|
-
--amplify-components-button-menu-focus-background-color: var(--amplify-colors-
|
|
318
|
+
--amplify-components-button-menu-focus-background-color: var(--amplify-colors-primary-80);
|
|
296
319
|
--amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
|
|
297
|
-
--amplify-components-button-menu-active-background-color: var(--amplify-colors-
|
|
320
|
+
--amplify-components-button-menu-active-background-color: var(--amplify-colors-primary-90);
|
|
298
321
|
--amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
|
|
299
322
|
--amplify-components-button-link-background-color: transparent;
|
|
300
323
|
--amplify-components-button-link-border-color: transparent;
|
|
301
324
|
--amplify-components-button-link-border-width: var(--amplify-border-widths-small);
|
|
302
325
|
--amplify-components-button-link-color: var(--amplify-colors-font-interactive);
|
|
303
326
|
--amplify-components-button-link-hover-border-color: transparent;
|
|
304
|
-
--amplify-components-button-link-hover-background-color: var(--amplify-colors-
|
|
327
|
+
--amplify-components-button-link-hover-background-color: var(--amplify-colors-primary-10);
|
|
305
328
|
--amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
|
|
306
329
|
--amplify-components-button-link-focus-border-color: transparent;
|
|
307
|
-
--amplify-components-button-link-focus-background-color: var(--amplify-colors-
|
|
330
|
+
--amplify-components-button-link-focus-background-color: var(--amplify-colors-primary-10);
|
|
308
331
|
--amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
|
|
309
332
|
--amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
|
|
310
333
|
--amplify-components-button-link-active-border-color: transparent;
|
|
311
|
-
--amplify-components-button-link-active-background-color: var(--amplify-colors-
|
|
334
|
+
--amplify-components-button-link-active-background-color: var(--amplify-colors-primary-20);
|
|
312
335
|
--amplify-components-button-link-active-color: var(--amplify-colors-font-active);
|
|
313
336
|
--amplify-components-button-link-disabled-border-color: transparent;
|
|
314
337
|
--amplify-components-button-link-disabled-background-color: transparent;
|
|
@@ -476,7 +499,7 @@
|
|
|
476
499
|
--amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
|
|
477
500
|
--amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
|
|
478
501
|
--amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
|
|
479
|
-
--amplify-components-checkbox-icon-background-color: var(--amplify-colors-
|
|
502
|
+
--amplify-components-checkbox-icon-background-color: var(--amplify-colors-primary-80);
|
|
480
503
|
--amplify-components-checkbox-icon-border-radius: 20%;
|
|
481
504
|
--amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
|
|
482
505
|
--amplify-components-checkbox-icon-transform: scale(0);
|
|
@@ -541,7 +564,7 @@
|
|
|
541
564
|
--amplify-components-dropzone-padding-block: var(--amplify-space-xl);
|
|
542
565
|
--amplify-components-dropzone-padding-inline: var(--amplify-space-large);
|
|
543
566
|
--amplify-components-dropzone-text-align: center;
|
|
544
|
-
--amplify-components-dropzone-active-background-color: var(--amplify-colors-
|
|
567
|
+
--amplify-components-dropzone-active-background-color: var(--amplify-colors-primary-10);
|
|
545
568
|
--amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius);
|
|
546
569
|
--amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed);
|
|
547
570
|
--amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style);
|
|
@@ -565,40 +588,6 @@
|
|
|
565
588
|
--amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style);
|
|
566
589
|
--amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width);
|
|
567
590
|
--amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error);
|
|
568
|
-
--amplify-components-expander-display: block;
|
|
569
|
-
--amplify-components-expander-background-color: var(--amplify-colors-background-primary);
|
|
570
|
-
--amplify-components-expander-border-radius: var(--amplify-radii-medium);
|
|
571
|
-
--amplify-components-expander-box-shadow: var(--amplify-shadows-large);
|
|
572
|
-
--amplify-components-expander-width: 100%;
|
|
573
|
-
--amplify-components-expander-item-margin-top: 1px;
|
|
574
|
-
--amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
|
|
575
|
-
--amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
|
|
576
|
-
--amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
|
|
577
|
-
--amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
|
|
578
|
-
--amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
|
|
579
|
-
--amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
|
|
580
|
-
--amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
|
|
581
|
-
--amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
|
|
582
|
-
--amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
|
|
583
|
-
--amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
|
|
584
|
-
--amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
|
|
585
|
-
--amplify-components-expander-trigger-min-height: 3rem;
|
|
586
|
-
--amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
|
|
587
|
-
--amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
|
|
588
|
-
--amplify-components-expander-trigger-align-items: center;
|
|
589
|
-
--amplify-components-expander-trigger-justify-content: space-between;
|
|
590
|
-
--amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
|
|
591
|
-
--amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
|
|
592
|
-
--amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
|
|
593
|
-
--amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
|
|
594
|
-
--amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
|
|
595
|
-
--amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
|
|
596
|
-
--amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
|
|
597
|
-
--amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
|
|
598
|
-
--amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
|
|
599
|
-
--amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
|
|
600
|
-
--amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
|
|
601
|
-
--amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
|
|
602
591
|
--amplify-components-field-gap: var(--amplify-space-xs);
|
|
603
592
|
--amplify-components-field-font-size: var(--amplify-font-sizes-medium);
|
|
604
593
|
--amplify-components-field-flex-direction: column;
|
|
@@ -677,70 +666,6 @@
|
|
|
677
666
|
--amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);
|
|
678
667
|
--amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);
|
|
679
668
|
--amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);
|
|
680
|
-
--amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);
|
|
681
|
-
--amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);
|
|
682
|
-
--amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);
|
|
683
|
-
--amplify-components-fileuploader-dropzone-border-style: dashed;
|
|
684
|
-
--amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);
|
|
685
|
-
--amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);
|
|
686
|
-
--amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);
|
|
687
|
-
--amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);
|
|
688
|
-
--amplify-components-fileuploader-dropzone-text-align: center;
|
|
689
|
-
--amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
|
|
690
|
-
--amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
|
|
691
|
-
--amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);
|
|
692
|
-
--amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
|
|
693
|
-
--amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);
|
|
694
|
-
--amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);
|
|
695
|
-
--amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
|
|
696
|
-
--amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);
|
|
697
|
-
--amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);
|
|
698
|
-
--amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);
|
|
699
|
-
--amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);
|
|
700
|
-
--amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);
|
|
701
|
-
--amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);
|
|
702
|
-
--amplify-components-fileuploader-file-border-style: solid;
|
|
703
|
-
--amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);
|
|
704
|
-
--amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
|
|
705
|
-
--amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
|
|
706
|
-
--amplify-components-fileuploader-file-gap: var(--amplify-space-small);
|
|
707
|
-
--amplify-components-fileuploader-file-align-items: baseline;
|
|
708
|
-
--amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
|
|
709
|
-
--amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
|
|
710
|
-
--amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
|
|
711
|
-
--amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);
|
|
712
|
-
--amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);
|
|
713
|
-
--amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);
|
|
714
|
-
--amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);
|
|
715
|
-
--amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);
|
|
716
|
-
--amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);
|
|
717
|
-
--amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);
|
|
718
|
-
--amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);
|
|
719
|
-
--amplify-components-fileuploader-loader-stroke-linecap: round;
|
|
720
|
-
--amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);
|
|
721
|
-
--amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
|
|
722
|
-
--amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);
|
|
723
|
-
--amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);
|
|
724
|
-
--amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);
|
|
725
|
-
--amplify-components-fileuploader-previewer-border-style: solid;
|
|
726
|
-
--amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);
|
|
727
|
-
--amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);
|
|
728
|
-
--amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);
|
|
729
|
-
--amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);
|
|
730
|
-
--amplify-components-fileuploader-previewer-max-height: 40rem;
|
|
731
|
-
--amplify-components-fileuploader-previewer-max-width: auto;
|
|
732
|
-
--amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);
|
|
733
|
-
--amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);
|
|
734
|
-
--amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);
|
|
735
|
-
--amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);
|
|
736
|
-
--amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);
|
|
737
|
-
--amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);
|
|
738
|
-
--amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary);
|
|
739
|
-
--amplify-components-fileuploader-previewer-footer-border-style: solid;
|
|
740
|
-
--amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small);
|
|
741
|
-
--amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium);
|
|
742
|
-
--amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium);
|
|
743
|
-
--amplify-components-fileuploader-previewer-footer-justify-content: space-between;
|
|
744
669
|
--amplify-components-flex-gap: var(--amplify-space-medium);
|
|
745
670
|
--amplify-components-flex-justify-content: normal;
|
|
746
671
|
--amplify-components-flex-align-items: stretch;
|
|
@@ -792,7 +717,7 @@
|
|
|
792
717
|
--amplify-components-loader-height: var(--amplify-font-sizes-medium);
|
|
793
718
|
--amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
|
|
794
719
|
--amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
|
|
795
|
-
--amplify-components-loader-stroke-filled: var(--amplify-colors-
|
|
720
|
+
--amplify-components-loader-stroke-filled: var(--amplify-colors-primary-80);
|
|
796
721
|
--amplify-components-loader-stroke-linecap: round;
|
|
797
722
|
--amplify-components-loader-animation-duration: 1s;
|
|
798
723
|
--amplify-components-loader-small-width: var(--amplify-font-sizes-small);
|
|
@@ -805,7 +730,7 @@
|
|
|
805
730
|
--amplify-components-loader-linear-min-width: 5rem;
|
|
806
731
|
--amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);
|
|
807
732
|
--amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
|
|
808
|
-
--amplify-components-loader-linear-stroke-filled: var(--amplify-colors-
|
|
733
|
+
--amplify-components-loader-linear-stroke-filled: var(--amplify-colors-primary-80);
|
|
809
734
|
--amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
|
|
810
735
|
--amplify-components-loader-linear-stroke-linecap: round;
|
|
811
736
|
--amplify-components-loader-linear-animation-duration: 1s;
|
|
@@ -964,7 +889,7 @@
|
|
|
964
889
|
--amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
|
|
965
890
|
--amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
|
|
966
891
|
--amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
|
|
967
|
-
--amplify-components-radio-button-checked-color: var(--amplify-colors-
|
|
892
|
+
--amplify-components-radio-button-checked-color: var(--amplify-colors-primary-80);
|
|
968
893
|
--amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
|
|
969
894
|
--amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
|
|
970
895
|
--amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
|
|
@@ -979,11 +904,12 @@
|
|
|
979
904
|
--amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
|
|
980
905
|
--amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
|
|
981
906
|
--amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
|
|
982
|
-
--amplify-components-radiogroup-
|
|
907
|
+
--amplify-components-radiogroup-legend-color: var(--amplify-components-fieldset-legend-color);
|
|
908
|
+
--amplify-components-radiogroup-legend-font-weight: var(--amplify-font-weights-normal);
|
|
983
909
|
--amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
|
|
984
910
|
--amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
|
|
985
911
|
--amplify-components-rating-small-size: var(--amplify-font-sizes-small);
|
|
986
|
-
--amplify-components-rating-filled-color: var(--amplify-colors-
|
|
912
|
+
--amplify-components-rating-filled-color: var(--amplify-colors-secondary-80);
|
|
987
913
|
--amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
|
|
988
914
|
--amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
|
|
989
915
|
--amplify-components-searchfield-button-color: var(--amplify-components-button-color);
|
|
@@ -1042,7 +968,7 @@
|
|
|
1042
968
|
--amplify-components-sliderfield-track-border-radius: 9999px;
|
|
1043
969
|
--amplify-components-sliderfield-track-height: 0.375rem;
|
|
1044
970
|
--amplify-components-sliderfield-track-min-width: 10rem;
|
|
1045
|
-
--amplify-components-sliderfield-range-background-color: var(--amplify-colors-
|
|
971
|
+
--amplify-components-sliderfield-range-background-color: var(--amplify-colors-primary-80);
|
|
1046
972
|
--amplify-components-sliderfield-range-border-radius: 9999px;
|
|
1047
973
|
--amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
|
|
1048
974
|
--amplify-components-sliderfield-thumb-width: 1.25rem;
|
|
@@ -1090,10 +1016,10 @@
|
|
|
1090
1016
|
--amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);
|
|
1091
1017
|
--amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);
|
|
1092
1018
|
--amplify-components-storagemanager-dropzone-text-align: center;
|
|
1093
|
-
--amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-
|
|
1094
|
-
--amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-
|
|
1019
|
+
--amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-primary-10);
|
|
1020
|
+
--amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);
|
|
1095
1021
|
--amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);
|
|
1096
|
-
--amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-
|
|
1022
|
+
--amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-storagemanager-dropzone-border-style);
|
|
1097
1023
|
--amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);
|
|
1098
1024
|
--amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);
|
|
1099
1025
|
--amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
|
|
@@ -1120,6 +1046,8 @@
|
|
|
1120
1046
|
--amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);
|
|
1121
1047
|
--amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);
|
|
1122
1048
|
--amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);
|
|
1049
|
+
--amplify-components-storagemanager-filelist-flex-direction: column;
|
|
1050
|
+
--amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
|
|
1123
1051
|
--amplify-components-storagemanager-loader-stroke-linecap: round;
|
|
1124
1052
|
--amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);
|
|
1125
1053
|
--amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
|
|
@@ -1140,8 +1068,6 @@
|
|
|
1140
1068
|
--amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);
|
|
1141
1069
|
--amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);
|
|
1142
1070
|
--amplify-components-storagemanager-previewer-footer-justify-content: flex-end;
|
|
1143
|
-
--amplify-components-storagemanager-filelist-flex-direction: column;
|
|
1144
|
-
--amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
|
|
1145
1071
|
--amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
|
|
1146
1072
|
--amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
|
|
1147
1073
|
--amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
|
|
@@ -1158,7 +1084,7 @@
|
|
|
1158
1084
|
--amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
|
|
1159
1085
|
--amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
|
|
1160
1086
|
--amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
|
|
1161
|
-
--amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-
|
|
1087
|
+
--amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-primary-80);
|
|
1162
1088
|
--amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
|
|
1163
1089
|
--amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
|
|
1164
1090
|
--amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
|
|
@@ -1227,14 +1153,25 @@
|
|
|
1227
1153
|
--amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
|
|
1228
1154
|
--amplify-components-tabs-item-text-align: center;
|
|
1229
1155
|
--amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
|
|
1156
|
+
--amplify-components-tabs-item-hover-background-color: transparent;
|
|
1157
|
+
--amplify-components-tabs-item-hover-border-color: var(--amplify-colors-border-focus);
|
|
1158
|
+
--amplify-components-tabs-item-hover-box-shadow: none;
|
|
1230
1159
|
--amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
|
|
1160
|
+
--amplify-components-tabs-item-focus-background-color: transparent;
|
|
1161
|
+
--amplify-components-tabs-item-focus-border-color: var(--amplify-colors-border-focus);
|
|
1162
|
+
--amplify-components-tabs-item-focus-box-shadow: 0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus);
|
|
1231
1163
|
--amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
|
|
1232
|
-
--amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
|
|
1233
|
-
--amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
|
|
1234
1164
|
--amplify-components-tabs-item-active-background-color: transparent;
|
|
1235
|
-
--amplify-components-tabs-item-
|
|
1165
|
+
--amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
|
|
1166
|
+
--amplify-components-tabs-item-active-box-shadow: none;
|
|
1167
|
+
--amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
|
|
1236
1168
|
--amplify-components-tabs-item-disabled-background-color: transparent;
|
|
1237
1169
|
--amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
|
|
1170
|
+
--amplify-components-tabs-item-disabled-box-shadow: none;
|
|
1171
|
+
--amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
|
|
1172
|
+
--amplify-components-tabs-panel-background-color: transparent;
|
|
1173
|
+
--amplify-components-tabs-panel-padding-inline: 0;
|
|
1174
|
+
--amplify-components-tabs-panel-padding-block: var(--amplify-space-small);
|
|
1238
1175
|
--amplify-components-text-color: var(--amplify-colors-font-primary);
|
|
1239
1176
|
--amplify-components-text-primary-color: var(--amplify-colors-font-primary);
|
|
1240
1177
|
--amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
|
|
@@ -1274,15 +1211,15 @@
|
|
|
1274
1211
|
--amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
|
|
1275
1212
|
--amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
|
|
1276
1213
|
--amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
|
|
1277
|
-
--amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-
|
|
1278
|
-
--amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-
|
|
1214
|
+
--amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-primary-80);
|
|
1215
|
+
--amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-primary-80);
|
|
1279
1216
|
--amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
|
|
1280
1217
|
--amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
|
|
1281
1218
|
--amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
|
|
1282
1219
|
--amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
|
|
1283
|
-
--amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-
|
|
1284
|
-
--amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-
|
|
1285
|
-
--amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-
|
|
1220
|
+
--amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-primary-60);
|
|
1221
|
+
--amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-primary-60);
|
|
1222
|
+
--amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-primary-60);
|
|
1286
1223
|
--amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
|
|
1287
1224
|
--amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
|
|
1288
1225
|
--amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
|
|
@@ -1367,29 +1304,29 @@
|
|
|
1367
1304
|
--amplify-colors-neutral-80: hsl(210, 10%, 40%);
|
|
1368
1305
|
--amplify-colors-neutral-90: hsl(210, 25%, 25%);
|
|
1369
1306
|
--amplify-colors-neutral-100: hsl(210, 50%, 10%);
|
|
1370
|
-
--amplify-colors-
|
|
1371
|
-
--amplify-colors-
|
|
1372
|
-
--amplify-colors-
|
|
1373
|
-
--amplify-colors-
|
|
1374
|
-
--amplify-colors-
|
|
1375
|
-
--amplify-colors-
|
|
1376
|
-
--amplify-colors-
|
|
1377
|
-
--amplify-colors-
|
|
1378
|
-
--amplify-colors-
|
|
1379
|
-
--amplify-colors-
|
|
1380
|
-
--amplify-colors-
|
|
1381
|
-
--amplify-colors-
|
|
1382
|
-
--amplify-colors-
|
|
1383
|
-
--amplify-colors-
|
|
1307
|
+
--amplify-colors-primary-10: var(--amplify-colors-teal-10);
|
|
1308
|
+
--amplify-colors-primary-20: var(--amplify-colors-teal-20);
|
|
1309
|
+
--amplify-colors-primary-40: var(--amplify-colors-teal-40);
|
|
1310
|
+
--amplify-colors-primary-60: var(--amplify-colors-teal-60);
|
|
1311
|
+
--amplify-colors-primary-80: var(--amplify-colors-teal-80);
|
|
1312
|
+
--amplify-colors-primary-90: var(--amplify-colors-teal-90);
|
|
1313
|
+
--amplify-colors-primary-100: var(--amplify-colors-teal-100);
|
|
1314
|
+
--amplify-colors-secondary-10: var(--amplify-colors-purple-10);
|
|
1315
|
+
--amplify-colors-secondary-20: var(--amplify-colors-purple-20);
|
|
1316
|
+
--amplify-colors-secondary-40: var(--amplify-colors-purple-40);
|
|
1317
|
+
--amplify-colors-secondary-60: var(--amplify-colors-purple-60);
|
|
1318
|
+
--amplify-colors-secondary-80: var(--amplify-colors-purple-80);
|
|
1319
|
+
--amplify-colors-secondary-90: var(--amplify-colors-purple-90);
|
|
1320
|
+
--amplify-colors-secondary-100: var(--amplify-colors-purple-100);
|
|
1384
1321
|
--amplify-colors-font-primary: var(--amplify-colors-neutral-100);
|
|
1385
1322
|
--amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
|
|
1386
1323
|
--amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
|
|
1387
1324
|
--amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
|
|
1388
1325
|
--amplify-colors-font-inverse: var(--amplify-colors-white);
|
|
1389
|
-
--amplify-colors-font-interactive: var(--amplify-colors-
|
|
1390
|
-
--amplify-colors-font-hover: var(--amplify-colors-
|
|
1391
|
-
--amplify-colors-font-focus: var(--amplify-colors-
|
|
1392
|
-
--amplify-colors-font-active: var(--amplify-colors-
|
|
1326
|
+
--amplify-colors-font-interactive: var(--amplify-colors-primary-80);
|
|
1327
|
+
--amplify-colors-font-hover: var(--amplify-colors-primary-90);
|
|
1328
|
+
--amplify-colors-font-focus: var(--amplify-colors-primary-100);
|
|
1329
|
+
--amplify-colors-font-active: var(--amplify-colors-primary-100);
|
|
1393
1330
|
--amplify-colors-font-info: var(--amplify-colors-blue-90);
|
|
1394
1331
|
--amplify-colors-font-warning: var(--amplify-colors-orange-90);
|
|
1395
1332
|
--amplify-colors-font-error: var(--amplify-colors-red-90);
|
|
@@ -1407,8 +1344,8 @@
|
|
|
1407
1344
|
--amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
|
|
1408
1345
|
--amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
|
|
1409
1346
|
--amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
|
|
1410
|
-
--amplify-colors-border-pressed: var(--amplify-colors-
|
|
1411
|
-
--amplify-colors-border-focus: var(--amplify-colors-
|
|
1347
|
+
--amplify-colors-border-pressed: var(--amplify-colors-primary-100);
|
|
1348
|
+
--amplify-colors-border-focus: var(--amplify-colors-primary-100);
|
|
1412
1349
|
--amplify-colors-border-error: var(--amplify-colors-red-80);
|
|
1413
1350
|
--amplify-colors-border-info: var(--amplify-colors-blue-80);
|
|
1414
1351
|
--amplify-colors-border-success: var(--amplify-colors-green-80);
|
|
@@ -3162,7 +3099,7 @@ strong.amplify-text {
|
|
|
3162
3099
|
stroke-dashoffset: 0%;
|
|
3163
3100
|
stroke-dasharray: none;
|
|
3164
3101
|
}
|
|
3165
|
-
.amplify-
|
|
3102
|
+
.amplify-loader__label {
|
|
3166
3103
|
fill: var(--amplify-components-loader-text-fill);
|
|
3167
3104
|
stroke: none;
|
|
3168
3105
|
}
|
|
@@ -3247,6 +3184,71 @@ strong.amplify-text {
|
|
|
3247
3184
|
color: var(--amplify-components-copy-tool-tip-color);
|
|
3248
3185
|
}
|
|
3249
3186
|
|
|
3187
|
+
.amplify-accordion {
|
|
3188
|
+
display: block;
|
|
3189
|
+
background-color: var(--amplify-components-accordion-background-color);
|
|
3190
|
+
border-radius: var(--amplify-components-accordion-item-border-radius);
|
|
3191
|
+
}
|
|
3192
|
+
|
|
3193
|
+
.amplify-accordion__item {
|
|
3194
|
+
display: block;
|
|
3195
|
+
position: relative;
|
|
3196
|
+
border-width: var(--amplify-components-accordion-item-border-width);
|
|
3197
|
+
border-style: var(--amplify-components-accordion-item-border-style);
|
|
3198
|
+
border-color: var(--amplify-components-accordion-item-border-color);
|
|
3199
|
+
}
|
|
3200
|
+
.amplify-accordion__item + .amplify-accordion__item {
|
|
3201
|
+
margin-block-start: calc(-1 * var(--amplify-components-accordion-item-border-width));
|
|
3202
|
+
}
|
|
3203
|
+
.amplify-accordion__item:where(:first-of-type) {
|
|
3204
|
+
border-start-end-radius: var(--amplify-components-accordion-item-border-radius);
|
|
3205
|
+
border-start-start-radius: var(--amplify-components-accordion-item-border-radius);
|
|
3206
|
+
}
|
|
3207
|
+
.amplify-accordion__item:where(:last-of-type) {
|
|
3208
|
+
border-end-end-radius: var(--amplify-components-accordion-item-border-radius);
|
|
3209
|
+
border-end-start-radius: var(--amplify-components-accordion-item-border-radius);
|
|
3210
|
+
}
|
|
3211
|
+
.amplify-accordion__item__trigger {
|
|
3212
|
+
cursor: pointer;
|
|
3213
|
+
display: flex;
|
|
3214
|
+
position: relative;
|
|
3215
|
+
color: var(--amplify-components-accordion-item-trigger-color);
|
|
3216
|
+
border-radius: var(--amplify-components-accordion-item-border-radius);
|
|
3217
|
+
padding-inline: var(--amplify-components-accordion-item-trigger-padding-inline);
|
|
3218
|
+
padding-block: var(--amplify-components-accordion-item-trigger-padding-block);
|
|
3219
|
+
gap: var(--amplify-components-accordion-item-trigger-gap);
|
|
3220
|
+
align-items: var(--amplify-components-accordion-item-trigger-align-items);
|
|
3221
|
+
justify-content: var(--amplify-components-accordion-item-trigger-justify-content);
|
|
3222
|
+
}
|
|
3223
|
+
.amplify-accordion__item__trigger:hover {
|
|
3224
|
+
background-color: var(--amplify-components-accordion-item-trigger-hover-background-color);
|
|
3225
|
+
color: var(--amplify-components-accordion-item-trigger-hover-color);
|
|
3226
|
+
}
|
|
3227
|
+
.amplify-accordion__item__trigger:focus {
|
|
3228
|
+
box-shadow: var(--amplify-components-accordion-item-trigger-focus-box-shadow);
|
|
3229
|
+
border-color: var(--amplify-components-accordion-item-trigger-focus-border-color);
|
|
3230
|
+
z-index: 2;
|
|
3231
|
+
}
|
|
3232
|
+
.amplify-accordion__item__trigger::-webkit-details-marker {
|
|
3233
|
+
display: none;
|
|
3234
|
+
}
|
|
3235
|
+
.amplify-accordion__item__content {
|
|
3236
|
+
display: block;
|
|
3237
|
+
color: var(--amplify-components-accordion-item-content-color);
|
|
3238
|
+
padding-block-end: var(--amplify-components-accordion-item-content-padding-block-end);
|
|
3239
|
+
padding-block-start: var(--amplify-components-accordion-item-content-padding-block-start);
|
|
3240
|
+
padding-inline: var(--amplify-components-accordion-item-content-padding-inline);
|
|
3241
|
+
}
|
|
3242
|
+
.amplify-accordion__item__icon {
|
|
3243
|
+
color: var(--amplify-components-accordion-item-icon-color);
|
|
3244
|
+
transition-property: transform;
|
|
3245
|
+
transition-duration: var(--amplify-components-accordion-item-icon-transition-duration);
|
|
3246
|
+
transition-timing-function: var(--amplify-components-accordion-item-icon-transition-timing-function);
|
|
3247
|
+
}
|
|
3248
|
+
[open] .amplify-accordion__item__icon {
|
|
3249
|
+
transform: rotate(180deg);
|
|
3250
|
+
}
|
|
3251
|
+
|
|
3250
3252
|
.amplify-alert {
|
|
3251
3253
|
align-items: var(--amplify-components-alert-align-items);
|
|
3252
3254
|
background-color: var(--amplify-components-alert-background-color);
|
|
@@ -3404,6 +3406,16 @@ strong.amplify-text {
|
|
|
3404
3406
|
align-self: center;
|
|
3405
3407
|
}
|
|
3406
3408
|
|
|
3409
|
+
.amplify-authenticator__federated-buttons {
|
|
3410
|
+
flex-direction: column;
|
|
3411
|
+
padding-block-end: var(--amplify-space-medium);
|
|
3412
|
+
}
|
|
3413
|
+
|
|
3414
|
+
.amplify-authenticator__federated-button {
|
|
3415
|
+
font-weight: normal;
|
|
3416
|
+
gap: var(--amplify-space-medium);
|
|
3417
|
+
}
|
|
3418
|
+
|
|
3407
3419
|
.amplify-breadcrumbs__list {
|
|
3408
3420
|
display: flex;
|
|
3409
3421
|
flex-wrap: var(--amplify-components-breadcrumbs-flex-wrap);
|
|
@@ -3475,7 +3487,7 @@ strong.amplify-text {
|
|
|
3475
3487
|
.amplify-collection {
|
|
3476
3488
|
flex-direction: column;
|
|
3477
3489
|
}
|
|
3478
|
-
.amplify-
|
|
3490
|
+
.amplify-collection__pagination {
|
|
3479
3491
|
justify-content: center;
|
|
3480
3492
|
--amplify-components-pagination-current-color: var(
|
|
3481
3493
|
--amplify-components-collection-pagination-current-color
|
|
@@ -3496,7 +3508,7 @@ strong.amplify-text {
|
|
|
3496
3508
|
--amplify-components-collection-pagination-button-disabled-color
|
|
3497
3509
|
);
|
|
3498
3510
|
}
|
|
3499
|
-
.amplify-
|
|
3511
|
+
.amplify-collection__search {
|
|
3500
3512
|
flex-direction: row;
|
|
3501
3513
|
justify-content: center;
|
|
3502
3514
|
--amplify-components-searchfield-input-color: var(
|
|
@@ -3552,6 +3564,7 @@ strong.amplify-text {
|
|
|
3552
3564
|
}
|
|
3553
3565
|
.amplify-checkbox--disabled {
|
|
3554
3566
|
cursor: var(--amplify-components-checkbox-disabled-cursor);
|
|
3567
|
+
color: var(--amplify-components-checkbox-label-disabled-color);
|
|
3555
3568
|
}
|
|
3556
3569
|
|
|
3557
3570
|
.amplify-checkbox__button {
|
|
@@ -3634,8 +3647,8 @@ strong.amplify-text {
|
|
|
3634
3647
|
background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
|
|
3635
3648
|
}
|
|
3636
3649
|
|
|
3637
|
-
.amplify-checkbox__label
|
|
3638
|
-
color:
|
|
3650
|
+
.amplify-checkbox__label {
|
|
3651
|
+
color: inherit;
|
|
3639
3652
|
}
|
|
3640
3653
|
|
|
3641
3654
|
.amplify-checkboxfield {
|
|
@@ -3650,17 +3663,27 @@ strong.amplify-text {
|
|
|
3650
3663
|
}
|
|
3651
3664
|
|
|
3652
3665
|
.amplify-divider {
|
|
3666
|
+
--amplify-internal-divider-size: var(
|
|
3667
|
+
--amplify-components-divider-border-width
|
|
3668
|
+
);
|
|
3653
3669
|
border-color: var(--amplify-components-divider-border-color);
|
|
3654
3670
|
border-style: var(--amplify-components-divider-border-style);
|
|
3655
3671
|
border-width: 0;
|
|
3656
3672
|
opacity: var(--amplify-components-divider-opacity);
|
|
3657
3673
|
padding: 0;
|
|
3658
|
-
display:
|
|
3659
|
-
--amplify-internal-divider-size: var(
|
|
3660
|
-
--amplify-components-divider-border-width
|
|
3661
|
-
);
|
|
3674
|
+
display: flex;
|
|
3662
3675
|
position: relative;
|
|
3663
3676
|
text-align: center;
|
|
3677
|
+
justify-content: center;
|
|
3678
|
+
}
|
|
3679
|
+
.amplify-divider::after {
|
|
3680
|
+
content: attr(data-label);
|
|
3681
|
+
position: absolute;
|
|
3682
|
+
transform: translateY(-50%);
|
|
3683
|
+
font-size: var(--amplify-components-divider-label-font-size);
|
|
3684
|
+
padding-inline: var(--amplify-components-divider-label-padding-inline);
|
|
3685
|
+
background-color: var(--amplify-components-divider-label-background-color);
|
|
3686
|
+
color: var(--amplify-components-divider-label-color);
|
|
3664
3687
|
}
|
|
3665
3688
|
.amplify-divider--small {
|
|
3666
3689
|
--amplify-internal-divider-size: var(
|
|
@@ -3678,134 +3701,15 @@ strong.amplify-text {
|
|
|
3678
3701
|
}
|
|
3679
3702
|
.amplify-divider--vertical {
|
|
3680
3703
|
border-left-width: var(--amplify-internal-divider-size);
|
|
3681
|
-
}
|
|
3682
|
-
.amplify-divider--label {
|
|
3683
|
-
display: flex;
|
|
3684
|
-
justify-content: center;
|
|
3685
|
-
}
|
|
3686
|
-
.amplify-divider--label::after {
|
|
3687
|
-
content: attr(data-label);
|
|
3688
|
-
position: absolute;
|
|
3689
|
-
transform: translateY(-50%);
|
|
3690
|
-
font-size: var(--amplify-components-divider-label-font-size);
|
|
3691
|
-
padding-inline: var(--amplify-components-divider-label-padding-inline);
|
|
3692
|
-
background-color: var(--amplify-components-divider-label-background-color);
|
|
3693
|
-
color: var(--amplify-components-divider-label-color);
|
|
3694
|
-
}
|
|
3695
|
-
.amplify-divider--label[aria-orientation=vertical] {
|
|
3696
3704
|
flex-direction: column;
|
|
3697
3705
|
}
|
|
3698
|
-
.amplify-divider--
|
|
3706
|
+
.amplify-divider--vertical::after {
|
|
3699
3707
|
top: auto;
|
|
3700
3708
|
transform: translateX(-50%);
|
|
3701
3709
|
padding-block: 0;
|
|
3702
3710
|
padding-inline: 0;
|
|
3703
3711
|
}
|
|
3704
3712
|
|
|
3705
|
-
.amplify-expander {
|
|
3706
|
-
display: block;
|
|
3707
|
-
background-color: var(--amplify-components-expander-background-color);
|
|
3708
|
-
border-radius: var(--amplify-components-expander-border-radius);
|
|
3709
|
-
box-shadow: var(--amplify-components-expander-box-shadow);
|
|
3710
|
-
width: var(--amplify-components-expander-width);
|
|
3711
|
-
}
|
|
3712
|
-
|
|
3713
|
-
.amplify-expander__item {
|
|
3714
|
-
display: block;
|
|
3715
|
-
overflow: hidden;
|
|
3716
|
-
box-shadow: var(--amplify-components-expander-item-box-shadow);
|
|
3717
|
-
}
|
|
3718
|
-
.amplify-expander__item:first-of-type {
|
|
3719
|
-
border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius);
|
|
3720
|
-
border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius);
|
|
3721
|
-
}
|
|
3722
|
-
@supports not (border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius)) {
|
|
3723
|
-
.amplify-expander__item:first-of-type {
|
|
3724
|
-
border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius);
|
|
3725
|
-
border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius);
|
|
3726
|
-
}
|
|
3727
|
-
}
|
|
3728
|
-
.amplify-expander__item:last-of-type {
|
|
3729
|
-
box-shadow: none;
|
|
3730
|
-
border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius);
|
|
3731
|
-
border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius);
|
|
3732
|
-
}
|
|
3733
|
-
@supports not (border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius)) {
|
|
3734
|
-
.amplify-expander__item:last-of-type {
|
|
3735
|
-
border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius);
|
|
3736
|
-
border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius);
|
|
3737
|
-
}
|
|
3738
|
-
}
|
|
3739
|
-
.amplify-expander__item:focus-within {
|
|
3740
|
-
box-shadow: var(--amplify-components-expander-item-focus-box-shadow);
|
|
3741
|
-
}
|
|
3742
|
-
|
|
3743
|
-
.amplify-expander__header {
|
|
3744
|
-
display: flex;
|
|
3745
|
-
box-shadow: var(--amplify-components-expander-header-box-shadow);
|
|
3746
|
-
}
|
|
3747
|
-
|
|
3748
|
-
.amplify-expander__trigger {
|
|
3749
|
-
flex: 1;
|
|
3750
|
-
display: flex;
|
|
3751
|
-
min-height: var(--amplify-components-expander-trigger-min-height);
|
|
3752
|
-
padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start);
|
|
3753
|
-
padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end);
|
|
3754
|
-
align-items: var(--amplify-components-expander-trigger-align-items);
|
|
3755
|
-
justify-content: var(--amplify-components-expander-trigger-justify-content);
|
|
3756
|
-
}
|
|
3757
|
-
.amplify-expander__trigger:hover {
|
|
3758
|
-
background-color: var(--amplify-components-expander-trigger-hover-background-color);
|
|
3759
|
-
}
|
|
3760
|
-
|
|
3761
|
-
.amplify-expander__content {
|
|
3762
|
-
display: block;
|
|
3763
|
-
padding-inline-start: var(--amplify-components-expander-content-padding-inline-start);
|
|
3764
|
-
padding-inline-end: var(--amplify-components-expander-content-padding-inline-end);
|
|
3765
|
-
}
|
|
3766
|
-
.amplify-expander__content[data-state=open] {
|
|
3767
|
-
animation-name: amplify-expander-slide-down;
|
|
3768
|
-
animation-duration: var(--amplify-components-expander-content-open-animation-duration);
|
|
3769
|
-
animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
|
|
3770
|
-
}
|
|
3771
|
-
.amplify-expander__content[data-state=closed] {
|
|
3772
|
-
animation-name: amplify-expander-slide-up;
|
|
3773
|
-
animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
|
|
3774
|
-
animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
|
|
3775
|
-
}
|
|
3776
|
-
|
|
3777
|
-
.amplify-expander__content__text {
|
|
3778
|
-
display: block;
|
|
3779
|
-
color: var(--amplify-components-expander-content-text-color);
|
|
3780
|
-
padding-block-start: var(--amplify-components-expander-content-text-padding-block-start);
|
|
3781
|
-
padding-block-end: var(--amplify-components-expander-content-text-padding-block-end);
|
|
3782
|
-
}
|
|
3783
|
-
|
|
3784
|
-
.amplify-expander__icon {
|
|
3785
|
-
transition-property: transform;
|
|
3786
|
-
transition-duration: var(--amplify-components-expander-icon-transition-duration);
|
|
3787
|
-
transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function);
|
|
3788
|
-
}
|
|
3789
|
-
[data-state=open] .amplify-expander__icon {
|
|
3790
|
-
transform: rotate(180deg);
|
|
3791
|
-
}
|
|
3792
|
-
|
|
3793
|
-
@keyframes amplify-expander-slide-down {
|
|
3794
|
-
from {
|
|
3795
|
-
height: 0;
|
|
3796
|
-
}
|
|
3797
|
-
to {
|
|
3798
|
-
height: auto;
|
|
3799
|
-
}
|
|
3800
|
-
}
|
|
3801
|
-
@keyframes amplify-expander-slide-up {
|
|
3802
|
-
from {
|
|
3803
|
-
height: auto;
|
|
3804
|
-
}
|
|
3805
|
-
to {
|
|
3806
|
-
height: 0;
|
|
3807
|
-
}
|
|
3808
|
-
}
|
|
3809
3713
|
.amplify-field {
|
|
3810
3714
|
font-size: var(--amplify-components-field-font-size);
|
|
3811
3715
|
gap: var(--amplify-components-field-gap);
|
|
@@ -4001,7 +3905,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4001
3905
|
}
|
|
4002
3906
|
|
|
4003
3907
|
.amplify-liveness-cancel-button {
|
|
4004
|
-
background-color:
|
|
3908
|
+
background-color: #fff;
|
|
3909
|
+
color: hsl(190, 95%, 30%);
|
|
4005
3910
|
}
|
|
4006
3911
|
|
|
4007
3912
|
.amplify-liveness-fade-out {
|
|
@@ -4041,6 +3946,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4041
3946
|
left: 0;
|
|
4042
3947
|
width: 100%;
|
|
4043
3948
|
height: 100%;
|
|
3949
|
+
transform: scaleX(-1);
|
|
4044
3950
|
}
|
|
4045
3951
|
|
|
4046
3952
|
.amplify-liveness-freshness-canvas {
|
|
@@ -4090,12 +3996,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4090
3996
|
.amplify-liveness-recording-icon {
|
|
4091
3997
|
flex-direction: column;
|
|
4092
3998
|
align-items: center;
|
|
4093
|
-
background-color:
|
|
3999
|
+
background-color: #fff;
|
|
4094
4000
|
padding: var(--amplify-space-xxs);
|
|
4095
4001
|
gap: var(--amplify-space-xxs);
|
|
4096
4002
|
border-radius: var(--amplify-radii-small);
|
|
4097
4003
|
}
|
|
4098
4004
|
|
|
4005
|
+
.amplify-liveness-recording-icon .amplify-text {
|
|
4006
|
+
color: var(--amplify-colors-black);
|
|
4007
|
+
}
|
|
4008
|
+
|
|
4099
4009
|
.amplify-liveness-instruction-overlay {
|
|
4100
4010
|
z-index: 1;
|
|
4101
4011
|
}
|
|
@@ -4116,7 +4026,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4116
4026
|
.amplify-liveness-toast {
|
|
4117
4027
|
background-color: var(--amplify-colors-background-primary);
|
|
4118
4028
|
padding: var(--amplify-space-small);
|
|
4119
|
-
|
|
4029
|
+
max-width: 100%;
|
|
4120
4030
|
}
|
|
4121
4031
|
|
|
4122
4032
|
.amplify-liveness-toast__message {
|
|
@@ -4125,12 +4035,17 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4125
4035
|
flex-direction: column;
|
|
4126
4036
|
}
|
|
4127
4037
|
|
|
4038
|
+
.amplify-liveness-toast--medium {
|
|
4039
|
+
border-radius: var(--amplify-radii-medium);
|
|
4040
|
+
}
|
|
4041
|
+
|
|
4128
4042
|
.amplify-liveness-toast--large {
|
|
4129
|
-
font-size: var(--amplify-font-sizes-
|
|
4043
|
+
font-size: var(--amplify-font-sizes-xxl);
|
|
4044
|
+
padding: 0 var(--amplify-space-xs);
|
|
4130
4045
|
}
|
|
4131
4046
|
|
|
4132
4047
|
.amplify-liveness-toast--primary {
|
|
4133
|
-
background-color: var(--amplify-colors-
|
|
4048
|
+
background-color: var(--amplify-colors-primary-80);
|
|
4134
4049
|
}
|
|
4135
4050
|
.amplify-liveness-toast--primary .amplify-liveness-toast__message {
|
|
4136
4051
|
color: var(--amplify-colors-font-inverse);
|
|
@@ -4190,7 +4105,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4190
4105
|
content: "";
|
|
4191
4106
|
width: 100%;
|
|
4192
4107
|
height: 100%;
|
|
4193
|
-
background: var(--amplify-colors-
|
|
4108
|
+
background: var(--amplify-colors-primary-40);
|
|
4194
4109
|
left: -100%;
|
|
4195
4110
|
transform: translate(var(--percentage), 0);
|
|
4196
4111
|
transition: var(--amplify-liveness-match-indicator-transition);
|
|
@@ -4203,7 +4118,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4203
4118
|
width: var(--amplify-space-small);
|
|
4204
4119
|
height: var(--height);
|
|
4205
4120
|
border-radius: var(--amplify-radii-medium);
|
|
4206
|
-
background: var(--amplify-colors-
|
|
4121
|
+
background: var(--amplify-colors-primary-80);
|
|
4207
4122
|
left: 0;
|
|
4208
4123
|
top: 0;
|
|
4209
4124
|
transform: translate(-50%, calc(var(--height) / 2 * -1));
|
|
@@ -4290,9 +4205,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4290
4205
|
}
|
|
4291
4206
|
|
|
4292
4207
|
.amplify-liveness-start-screen-warning {
|
|
4293
|
-
color: var(--amplify-colors-
|
|
4294
|
-
background-color: var(--amplify-colors-
|
|
4208
|
+
color: var(--amplify-colors-blue-90);
|
|
4209
|
+
background-color: var(--amplify-colors-blue-20);
|
|
4295
4210
|
align-items: center;
|
|
4211
|
+
z-index: 3;
|
|
4296
4212
|
}
|
|
4297
4213
|
|
|
4298
4214
|
.amplify-liveness-start-screen-instructions__heading {
|
|
@@ -4311,7 +4227,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4311
4227
|
top: 0;
|
|
4312
4228
|
width: 100%;
|
|
4313
4229
|
height: 100%;
|
|
4314
|
-
padding: var(--amplify-space-
|
|
4230
|
+
padding: var(--amplify-space-large);
|
|
4315
4231
|
}
|
|
4316
4232
|
|
|
4317
4233
|
.amplify-liveness-error-modal {
|
|
@@ -4366,166 +4282,56 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4366
4282
|
width: 240px;
|
|
4367
4283
|
border: 1px solid var(--amplify-colors-border-secondary);
|
|
4368
4284
|
border-radius: 2px;
|
|
4285
|
+
z-index: 4;
|
|
4369
4286
|
}
|
|
4370
4287
|
|
|
4371
|
-
.amplify-
|
|
4372
|
-
background-color: var(--amplify-components-fileuploader-dropzone-background-color);
|
|
4373
|
-
border-color: var(--amplify-components-fileuploader-dropzone-border-color);
|
|
4374
|
-
border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
|
|
4375
|
-
border-style: var(--amplify-components-fileuploader-dropzone-border-style);
|
|
4376
|
-
border-width: var(--amplify-components-fileuploader-dropzone-border-width);
|
|
4377
|
-
text-align: var(--amplify-components-fileuploader-dropzone-text-align);
|
|
4378
|
-
padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
|
|
4379
|
-
padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
|
|
4380
|
-
display: flex;
|
|
4288
|
+
.amplify-liveness-start-screen-camera-select {
|
|
4381
4289
|
flex-direction: column;
|
|
4290
|
+
position: absolute;
|
|
4291
|
+
left: 0;
|
|
4292
|
+
top: 0;
|
|
4293
|
+
width: 100%;
|
|
4294
|
+
height: 100%;
|
|
4295
|
+
padding: var(--amplify-space-xl);
|
|
4382
4296
|
align-items: center;
|
|
4383
|
-
|
|
4384
|
-
}
|
|
4385
|
-
.amplify-fileuploader__dropzone--small {
|
|
4386
|
-
flex-direction: row;
|
|
4387
|
-
justify-content: center;
|
|
4388
|
-
}
|
|
4389
|
-
.amplify-fileuploader__dropzone--active {
|
|
4390
|
-
border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
|
|
4391
|
-
border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
|
|
4392
|
-
background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
|
|
4393
|
-
}
|
|
4394
|
-
.amplify-fileuploader__dropzone__icon {
|
|
4395
|
-
font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
|
|
4396
|
-
color: var(--amplify-components-fileuploader-dropzone-icon-color);
|
|
4397
|
-
}
|
|
4398
|
-
.amplify-fileuploader__dropzone__text {
|
|
4399
|
-
color: var(--amplify-components-fileuploader-dropzone-text-color);
|
|
4400
|
-
font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
|
|
4401
|
-
font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
|
|
4402
|
-
}
|
|
4403
|
-
.amplify-fileuploader__file {
|
|
4404
|
-
position: relative;
|
|
4405
|
-
border-width: var(--amplify-components-fileuploader-file-border-width);
|
|
4406
|
-
border-style: var(--amplify-components-fileuploader-file-border-style);
|
|
4407
|
-
border-color: var(--amplify-components-fileuploader-file-border-color);
|
|
4408
|
-
border-radius: var(--amplify-components-fileuploader-file-border-radius);
|
|
4297
|
+
justify-content: flex-end;
|
|
4409
4298
|
display: flex;
|
|
4410
|
-
|
|
4411
|
-
padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
|
|
4412
|
-
padding-block: var(--amplify-components-fileuploader-file-padding-block);
|
|
4413
|
-
align-items: var(--amplify-components-fileuploader-file-align-items);
|
|
4299
|
+
z-index: 2;
|
|
4414
4300
|
}
|
|
4415
|
-
|
|
4416
|
-
|
|
4301
|
+
|
|
4302
|
+
.amplify-liveness-start-screen-camera-select__container {
|
|
4417
4303
|
display: flex;
|
|
4418
|
-
|
|
4419
|
-
align-items:
|
|
4420
|
-
gap: var(--amplify-
|
|
4421
|
-
}
|
|
4422
|
-
.amplify-fileuploader__file__name {
|
|
4423
|
-
text-overflow: ellipsis;
|
|
4424
|
-
overflow: hidden;
|
|
4425
|
-
font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
|
|
4426
|
-
font-size: var(--amplify-components-fileuploader-file-name-font-size);
|
|
4427
|
-
color: var(--amplify-components-fileuploader-file-name-color);
|
|
4428
|
-
}
|
|
4429
|
-
.amplify-fileuploader__file__size {
|
|
4430
|
-
font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
|
|
4431
|
-
font-size: var(--amplify-components-fileuploader-file-size-font-size);
|
|
4432
|
-
color: var(--amplify-components-fileuploader-file-size-color);
|
|
4304
|
+
justify-content: space-between;
|
|
4305
|
+
align-items: inherit;
|
|
4306
|
+
gap: var(--amplify-space-xs);
|
|
4433
4307
|
}
|
|
4434
|
-
|
|
4435
|
-
|
|
4436
|
-
|
|
4437
|
-
|
|
4308
|
+
|
|
4309
|
+
.amplify-liveness-start-screen-camera-select__label,
|
|
4310
|
+
.amplify-liveness-start-screen-camera-select .amplify-select,
|
|
4311
|
+
.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,
|
|
4312
|
+
.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper {
|
|
4313
|
+
background-color: var(--amplify-colors-background-primary);
|
|
4314
|
+
color: var(--amplify-colors-font-primary);
|
|
4438
4315
|
}
|
|
4439
|
-
|
|
4440
|
-
|
|
4441
|
-
|
|
4316
|
+
|
|
4317
|
+
.amplify-liveness-start-screen-camera-waiting {
|
|
4318
|
+
flex-direction: column;
|
|
4442
4319
|
align-items: center;
|
|
4443
4320
|
justify-content: center;
|
|
4444
|
-
|
|
4445
|
-
height: var(--amplify-components-fileuploader-file-image-height);
|
|
4446
|
-
background-color: var(--amplify-components-fileuploader-file-image-background-color);
|
|
4447
|
-
border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
|
|
4448
|
-
color: var(--amplify-components-fileuploader-file-image-color);
|
|
4449
|
-
}
|
|
4450
|
-
.amplify-fileuploader__file__image img {
|
|
4451
|
-
max-height: 100%;
|
|
4452
|
-
}
|
|
4453
|
-
.amplify-fileuploader__file__status--error {
|
|
4454
|
-
color: var(--amplify-colors-font-error);
|
|
4455
|
-
font-size: var(--amplify-components-fileuploader-file-size-font-size);
|
|
4456
|
-
}
|
|
4457
|
-
.amplify-fileuploader__file__status--success {
|
|
4458
|
-
color: var(--amplify-colors-font-success);
|
|
4459
|
-
}
|
|
4460
|
-
.amplify-fileuploader__loader {
|
|
4461
|
-
stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
|
|
4462
|
-
stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
|
|
4463
|
-
stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
|
|
4464
|
-
height: var(--amplify-components-fileuploader-loader-stroke-width);
|
|
4465
|
-
--amplify-components-loader-linear-stroke-filled: var(
|
|
4466
|
-
--amplify-components-fileuploader-loader-stroke-filled
|
|
4467
|
-
);
|
|
4468
|
-
overflow: hidden;
|
|
4469
|
-
position: absolute;
|
|
4470
|
-
bottom: 0;
|
|
4471
|
-
left: 0;
|
|
4472
|
-
width: 100%;
|
|
4473
|
-
}
|
|
4474
|
-
.amplify-fileuploader__previewer {
|
|
4475
|
-
display: block;
|
|
4476
|
-
max-width: var(--amplify-components-fileuploader-previewer-max-width);
|
|
4477
|
-
background-color: var(--amplify-components-fileuploader-previewer-background-color);
|
|
4478
|
-
border-width: var(--amplify-components-fileuploader-previewer-border-width);
|
|
4479
|
-
border-style: var(--amplify-components-fileuploader-previewer-border-style);
|
|
4480
|
-
border-color: var(--amplify-components-fileuploader-previewer-border-color);
|
|
4481
|
-
border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
|
|
4482
|
-
padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
|
|
4483
|
-
padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
|
|
4484
|
-
}
|
|
4485
|
-
.amplify-fileuploader__previewer__text {
|
|
4486
|
-
font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
|
|
4487
|
-
font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
|
|
4488
|
-
color: var(--amplify-components-fileuploader-previewer-text-color);
|
|
4489
|
-
}
|
|
4490
|
-
.amplify-fileuploader__previewer__body {
|
|
4491
|
-
display: flex;
|
|
4492
|
-
flex-direction: column;
|
|
4493
|
-
max-height: var(--amplify-components-fileuploader-previewer-max-height);
|
|
4494
|
-
max-width: var(--amplify-components-fileuploader-previewer-max-width);
|
|
4495
|
-
overflow: auto;
|
|
4496
|
-
gap: var(--amplify-components-fileuploader-previewer-body-gap);
|
|
4497
|
-
padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
|
|
4498
|
-
padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
|
|
4499
|
-
}
|
|
4500
|
-
.amplify-fileuploader__previewer__footer {
|
|
4501
|
-
max-width: var(--amplify-components-fileuploader-previewer-max-width);
|
|
4502
|
-
border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
|
|
4503
|
-
border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
|
|
4504
|
-
border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
|
|
4505
|
-
padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
|
|
4506
|
-
padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
|
|
4507
|
-
position: relative;
|
|
4508
|
-
display: flex;
|
|
4509
|
-
flex-direction: row;
|
|
4510
|
-
justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
|
|
4511
|
-
}
|
|
4512
|
-
.amplify-fileuploader__previewer__footer__actions {
|
|
4513
|
-
display: flex;
|
|
4514
|
-
flex-direction: row;
|
|
4515
|
-
gap: var(--amplify-space-small);
|
|
4321
|
+
height: 480px;
|
|
4516
4322
|
}
|
|
4517
4323
|
|
|
4518
|
-
.amplify-
|
|
4324
|
+
.amplify-menu__wrapper {
|
|
4519
4325
|
z-index: 999999;
|
|
4520
4326
|
}
|
|
4521
4327
|
|
|
4522
|
-
.amplify-
|
|
4328
|
+
.amplify-menu__trigger {
|
|
4523
4329
|
display: flex;
|
|
4524
4330
|
justify-content: center;
|
|
4525
4331
|
align-items: center;
|
|
4526
4332
|
}
|
|
4527
4333
|
|
|
4528
|
-
.amplify-
|
|
4334
|
+
.amplify-menu__content {
|
|
4529
4335
|
background-color: var(--amplify-components-menu-background-color);
|
|
4530
4336
|
border-radius: var(--amplify-components-menu-border-radius);
|
|
4531
4337
|
box-shadow: var(--amplify-components-menu-box-shadow);
|
|
@@ -4538,33 +4344,33 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4538
4344
|
border-style: var(--amplify-components-menu-border-style);
|
|
4539
4345
|
}
|
|
4540
4346
|
|
|
4541
|
-
.amplify-
|
|
4347
|
+
.amplify-menu__content__item {
|
|
4542
4348
|
min-height: var(--amplify-components-menu-item-min-height);
|
|
4543
4349
|
padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
|
|
4544
4350
|
padding-inline-end: var(--amplify-components-menu-item-padding-inline-end);
|
|
4545
4351
|
}
|
|
4546
4352
|
|
|
4547
|
-
.amplify-
|
|
4353
|
+
.amplify-menu__content__item:not(:first-child):not(:last-child) {
|
|
4548
4354
|
border-radius: 0;
|
|
4549
4355
|
}
|
|
4550
4356
|
|
|
4551
|
-
.amplify-
|
|
4357
|
+
.amplify-menu__content__item:first-child {
|
|
4552
4358
|
border-end-end-radius: 0;
|
|
4553
4359
|
border-end-start-radius: 0;
|
|
4554
4360
|
}
|
|
4555
4361
|
@supports not (border-end-end-radius: 0) {
|
|
4556
|
-
.amplify-
|
|
4362
|
+
.amplify-menu__content__item:first-child {
|
|
4557
4363
|
border-bottom-right-radius: 0;
|
|
4558
4364
|
border-bottom-left-radius: 0;
|
|
4559
4365
|
}
|
|
4560
4366
|
}
|
|
4561
4367
|
|
|
4562
|
-
.amplify-
|
|
4368
|
+
.amplify-menu__content__item:last-child {
|
|
4563
4369
|
border-start-end-radius: 0;
|
|
4564
4370
|
border-start-start-radius: 0;
|
|
4565
4371
|
}
|
|
4566
4372
|
@supports not (border-end-end-radius: 0) {
|
|
4567
|
-
.amplify-
|
|
4373
|
+
.amplify-menu__content__item:last-child {
|
|
4568
4374
|
border-top-right-radius: 0;
|
|
4569
4375
|
border-top-left-radius: 0;
|
|
4570
4376
|
}
|
|
@@ -4682,47 +4488,42 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4682
4488
|
gap: var(--amplify-components-message-dismiss-gap);
|
|
4683
4489
|
}
|
|
4684
4490
|
|
|
4685
|
-
.amplify-pagination__item-current, .amplify-pagination__item-button {
|
|
4686
|
-
height: var(--amplify-components-pagination-item-shared-height);
|
|
4687
|
-
min-width: var(--amplify-components-pagination-item-shared-min-width);
|
|
4688
|
-
border-radius: var(--amplify-components-pagination-item-shared-border-radius);
|
|
4689
|
-
}
|
|
4690
|
-
|
|
4691
4491
|
.amplify-pagination {
|
|
4692
4492
|
list-style-type: none;
|
|
4693
4493
|
}
|
|
4694
|
-
.amplify-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
|
|
4698
|
-
.amplify-pagination__item-button {
|
|
4494
|
+
.amplify-pagination__item {
|
|
4495
|
+
height: var(--amplify-components-pagination-item-shared-height);
|
|
4496
|
+
min-width: var(--amplify-components-pagination-item-shared-min-width);
|
|
4497
|
+
border-radius: var(--amplify-components-pagination-item-shared-border-radius);
|
|
4699
4498
|
display: flex;
|
|
4700
4499
|
align-items: center;
|
|
4701
4500
|
justify-content: center;
|
|
4702
4501
|
font-weight: initial;
|
|
4703
4502
|
color: var(--amplify-components-pagination-button-color);
|
|
4503
|
+
margin-inline-start: var(--amplify-components-pagination-item-container-margin-left);
|
|
4504
|
+
margin-inline-end: var(--amplify-components-pagination-item-container-margin-right);
|
|
4704
4505
|
padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
|
|
4705
4506
|
padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
|
|
4706
4507
|
transition-property: var(--amplify-components-pagination-button-transition-property);
|
|
4707
4508
|
transition-duration: var(--amplify-components-pagination-button-transition-duration);
|
|
4708
4509
|
}
|
|
4709
|
-
.amplify-pagination__item
|
|
4510
|
+
.amplify-pagination__item:hover {
|
|
4710
4511
|
text-decoration: none;
|
|
4711
4512
|
color: var(--amplify-components-pagination-button-hover-color);
|
|
4712
4513
|
background-color: var(--amplify-components-pagination-button-hover-background-color);
|
|
4713
4514
|
}
|
|
4714
|
-
.amplify-pagination__item
|
|
4515
|
+
.amplify-pagination__item--disabled {
|
|
4715
4516
|
color: var(--amplify-components-pagination-button-disabled-color);
|
|
4716
4517
|
pointer-events: none;
|
|
4717
4518
|
}
|
|
4718
|
-
.amplify-pagination__item
|
|
4519
|
+
.amplify-pagination__item--current {
|
|
4719
4520
|
align-items: var(--amplify-components-pagination-current-align-items);
|
|
4720
4521
|
justify-content: var(--amplify-components-pagination-current-justify-content);
|
|
4721
4522
|
color: var(--amplify-components-pagination-current-color);
|
|
4722
4523
|
font-size: var(--amplify-components-pagination-current-font-size);
|
|
4723
4524
|
background-color: var(--amplify-components-pagination-current-background-color);
|
|
4724
4525
|
}
|
|
4725
|
-
.amplify-pagination__item
|
|
4526
|
+
.amplify-pagination__item--ellipsis {
|
|
4726
4527
|
align-items: var(--amplify-components-pagination-ellipsis-align-items);
|
|
4727
4528
|
justify-content: var(--amplify-components-pagination-ellipsis-justify-content);
|
|
4728
4529
|
padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
|
|
@@ -4817,11 +4618,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4817
4618
|
font-size: var(--amplify-components-rating-default-size);
|
|
4818
4619
|
line-height: var(--amplify-components-rating-default-size);
|
|
4819
4620
|
}
|
|
4820
|
-
.amplify-rating .amplify-icon {
|
|
4821
|
-
font-size: unset;
|
|
4822
|
-
line-height: unset;
|
|
4823
|
-
height: 1em;
|
|
4824
|
-
}
|
|
4825
4621
|
.amplify-rating--small {
|
|
4826
4622
|
font-size: var(--amplify-components-rating-small-size);
|
|
4827
4623
|
line-height: var(--amplify-components-rating-small-size);
|
|
@@ -4830,39 +4626,22 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4830
4626
|
font-size: var(--amplify-components-rating-large-size);
|
|
4831
4627
|
line-height: var(--amplify-components-rating-large-size);
|
|
4832
4628
|
}
|
|
4833
|
-
|
|
4834
|
-
.amplify-rating-filled {
|
|
4835
|
-
fill: currentColor;
|
|
4836
|
-
display: inline-block;
|
|
4837
|
-
flex-shrink: 0;
|
|
4838
|
-
width: 1em;
|
|
4839
|
-
height: 1em;
|
|
4840
|
-
}
|
|
4841
|
-
|
|
4842
|
-
.amplify-rating-icon-container {
|
|
4629
|
+
.amplify-rating__item {
|
|
4843
4630
|
position: relative;
|
|
4844
4631
|
height: 1em;
|
|
4845
4632
|
width: 1em;
|
|
4846
4633
|
}
|
|
4847
|
-
|
|
4848
|
-
.amplify-rating-label {
|
|
4849
|
-
position: absolute;
|
|
4850
|
-
overflow: hidden;
|
|
4851
|
-
height: 1em;
|
|
4852
|
-
width: 1em;
|
|
4853
|
-
}
|
|
4854
|
-
|
|
4855
|
-
.amplify-rating-icon {
|
|
4634
|
+
.amplify-rating__icon {
|
|
4856
4635
|
width: 1em;
|
|
4857
4636
|
height: 1em;
|
|
4858
4637
|
display: block;
|
|
4638
|
+
position: absolute;
|
|
4639
|
+
overflow: hidden;
|
|
4859
4640
|
}
|
|
4860
|
-
|
|
4861
|
-
.amplify-rating-icon-filled {
|
|
4641
|
+
.amplify-rating__icon--filled {
|
|
4862
4642
|
color: var(--amplify-components-rating-filled-color);
|
|
4863
4643
|
}
|
|
4864
|
-
|
|
4865
|
-
.amplify-rating-icon-empty {
|
|
4644
|
+
.amplify-rating__icon--empty {
|
|
4866
4645
|
color: var(--amplify-components-rating-empty-color);
|
|
4867
4646
|
}
|
|
4868
4647
|
|
|
@@ -4872,7 +4651,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4872
4651
|
gap: inherit;
|
|
4873
4652
|
flex-direction: row-reverse;
|
|
4874
4653
|
position: relative;
|
|
4875
|
-
--amplify-components-text-color: var(--amplify-components-radio-label-color);
|
|
4876
4654
|
}
|
|
4877
4655
|
.amplify-radio--disabled {
|
|
4878
4656
|
cursor: var(--amplify-components-radio-disabled-cursor);
|
|
@@ -4943,7 +4721,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4943
4721
|
background-color: var(--amplify-components-radio-button-disabled-background-color);
|
|
4944
4722
|
}
|
|
4945
4723
|
|
|
4946
|
-
.amplify-radio__label
|
|
4724
|
+
.amplify-radio__label {
|
|
4725
|
+
color: var(--amplify-components-radio-label-color);
|
|
4726
|
+
}
|
|
4727
|
+
.amplify-radio__label--disabled {
|
|
4947
4728
|
color: var(--amplify-components-radio-label-disabled-color);
|
|
4948
4729
|
}
|
|
4949
4730
|
|
|
@@ -4956,8 +4737,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4956
4737
|
.amplify-radiogroupfield {
|
|
4957
4738
|
flex-direction: column;
|
|
4958
4739
|
align-items: flex-start;
|
|
4959
|
-
--amplify-components-
|
|
4960
|
-
--amplify-components-radiogroup-
|
|
4740
|
+
--amplify-components-fieldset-legend-color: var(
|
|
4741
|
+
--amplify-components-radiogroup-legend-color
|
|
4742
|
+
);
|
|
4743
|
+
--amplify-components-fieldset-legend-font-weight: var(
|
|
4744
|
+
--amplify-components-radiogroup-legend-font-weight
|
|
4961
4745
|
);
|
|
4962
4746
|
--amplify-components-radio-button-border-width: var(
|
|
4963
4747
|
--amplify-components-radiogroup-radio-border-width
|
|
@@ -5014,7 +4798,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5014
4798
|
align-self: stretch;
|
|
5015
4799
|
}
|
|
5016
4800
|
|
|
5017
|
-
.amplify-select__icon
|
|
4801
|
+
.amplify-select__icon {
|
|
5018
4802
|
color: var(--amplify-components-fieldcontrol-color);
|
|
5019
4803
|
align-items: var(--amplify-components-select-icon-wrapper-align-items);
|
|
5020
4804
|
position: var(--amplify-components-select-icon-wrapper-position);
|
|
@@ -5023,10 +4807,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5023
4807
|
transform: var(--amplify-components-select-icon-wrapper-transform);
|
|
5024
4808
|
pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
|
|
5025
4809
|
}
|
|
5026
|
-
.amplify-select__icon
|
|
4810
|
+
.amplify-select__icon--small {
|
|
5027
4811
|
right: var(--amplify-components-select-icon-wrapper-small-right);
|
|
5028
4812
|
}
|
|
5029
|
-
.amplify-select__icon
|
|
4813
|
+
.amplify-select__icon--large {
|
|
5030
4814
|
right: var(--amplify-components-select-icon-wrapper-large-right);
|
|
5031
4815
|
}
|
|
5032
4816
|
|
|
@@ -5180,7 +4964,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5180
4964
|
--amplify-components-sliderfield-thumb-height
|
|
5181
4965
|
);
|
|
5182
4966
|
}
|
|
5183
|
-
.amplify-sliderfield__root
|
|
4967
|
+
.amplify-sliderfield__root--disabled {
|
|
5184
4968
|
cursor: not-allowed;
|
|
5185
4969
|
}
|
|
5186
4970
|
.amplify-sliderfield__root--horizontal {
|
|
@@ -5255,7 +5039,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5255
5039
|
border-radius: var(--amplify-components-sliderfield-range-border-radius);
|
|
5256
5040
|
background-color: var(--amplify-components-sliderfield-range-background-color);
|
|
5257
5041
|
}
|
|
5258
|
-
.amplify-sliderfield__range
|
|
5042
|
+
.amplify-sliderfield__range--disabled {
|
|
5259
5043
|
background-color: var(--amplify-components-sliderfield-range-disabled-background-color);
|
|
5260
5044
|
}
|
|
5261
5045
|
.amplify-sliderfield__range--horizontal {
|
|
@@ -5284,7 +5068,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5284
5068
|
border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
|
|
5285
5069
|
box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow);
|
|
5286
5070
|
}
|
|
5287
|
-
.amplify-sliderfield__thumb
|
|
5071
|
+
.amplify-sliderfield__thumb--disabled {
|
|
5288
5072
|
background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
|
|
5289
5073
|
border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
|
|
5290
5074
|
box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow);
|
|
@@ -5405,7 +5189,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5405
5189
|
flex-direction: column-reverse;
|
|
5406
5190
|
}
|
|
5407
5191
|
|
|
5408
|
-
.amplify-
|
|
5192
|
+
.amplify-switch__track {
|
|
5409
5193
|
display: inline-flex;
|
|
5410
5194
|
justify-content: flex-start;
|
|
5411
5195
|
box-sizing: content-box;
|
|
@@ -5416,21 +5200,21 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5416
5200
|
transition-duration: var(--amplify-components-switchfield-track-transition-duration);
|
|
5417
5201
|
background-color: var(--amplify-components-switchfield-track-background-color);
|
|
5418
5202
|
}
|
|
5419
|
-
.amplify-
|
|
5203
|
+
.amplify-switch__track--checked {
|
|
5420
5204
|
background-color: var(--amplify-components-switchfield-track-checked-background-color);
|
|
5421
5205
|
}
|
|
5422
|
-
.amplify-
|
|
5206
|
+
.amplify-switch__track--disabled {
|
|
5423
5207
|
opacity: var(--amplify-components-switchfield-disabled-opacity);
|
|
5424
5208
|
cursor: not-allowed;
|
|
5425
5209
|
}
|
|
5426
|
-
.amplify-
|
|
5210
|
+
.amplify-switch__track--focused {
|
|
5427
5211
|
box-shadow: var(--amplify-components-switchfield-focused-shadow);
|
|
5428
5212
|
}
|
|
5429
|
-
.amplify-
|
|
5213
|
+
.amplify-switch__track--error {
|
|
5430
5214
|
background-color: var(--amplify-components-switchfield-track-error-background-color);
|
|
5431
5215
|
}
|
|
5432
5216
|
|
|
5433
|
-
.amplify-
|
|
5217
|
+
.amplify-switch__thumb {
|
|
5434
5218
|
background-color: var(--amplify-components-switchfield-thumb-background-color);
|
|
5435
5219
|
transition-duration: var(--amplify-components-switchfield-thumb-transition-duration);
|
|
5436
5220
|
border-radius: var(--amplify-components-switchfield-thumb-border-radius);
|
|
@@ -5441,14 +5225,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5441
5225
|
border-color: var(--amplify-components-switchfield-thumb-border-color);
|
|
5442
5226
|
overflow-wrap: break-word;
|
|
5443
5227
|
}
|
|
5444
|
-
.amplify-
|
|
5228
|
+
.amplify-switch__thumb--checked {
|
|
5445
5229
|
transform: var(--amplify-components-switchfield-thumb-checked-transform);
|
|
5446
5230
|
}
|
|
5447
|
-
.amplify-
|
|
5231
|
+
.amplify-switch__thumb--disabled {
|
|
5448
5232
|
cursor: not-allowed;
|
|
5449
5233
|
}
|
|
5450
5234
|
|
|
5451
|
-
.amplify-
|
|
5235
|
+
.amplify-switch__label {
|
|
5452
5236
|
padding: var(--amplify-components-switchfield-label-padding);
|
|
5453
5237
|
cursor: pointer;
|
|
5454
5238
|
}
|
|
@@ -5600,19 +5384,48 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5600
5384
|
background-color: var(--amplify-components-table-row-hover-background-color);
|
|
5601
5385
|
}
|
|
5602
5386
|
|
|
5603
|
-
.amplify-
|
|
5387
|
+
.amplify-tabs__list {
|
|
5388
|
+
--internal-item-margin-start: 0;
|
|
5389
|
+
--internal-item-margin-end: calc(
|
|
5390
|
+
-1 * var(--amplify-components-tabs-item-border-width)
|
|
5391
|
+
);
|
|
5392
|
+
--internal-item-border-width: 0 0
|
|
5393
|
+
var(--amplify-components-tabs-border-width) 0;
|
|
5394
|
+
--internal-item-flex: initial;
|
|
5395
|
+
display: flex;
|
|
5396
|
+
flex-direction: row;
|
|
5604
5397
|
background-color: var(--amplify-components-tabs-background-color);
|
|
5605
5398
|
box-shadow: var(--amplify-components-tabs-box-shadow);
|
|
5606
|
-
border-width:
|
|
5399
|
+
border-width: var(--internal-item-border-width);
|
|
5607
5400
|
border-style: var(--amplify-components-tabs-border-style);
|
|
5608
5401
|
border-color: var(--amplify-components-tabs-border-color);
|
|
5609
5402
|
gap: var(--amplify-components-tabs-gap);
|
|
5610
5403
|
}
|
|
5611
|
-
.amplify-
|
|
5612
|
-
border-width: var(--amplify-components-tabs-border-width)
|
|
5404
|
+
.amplify-tabs__list--top {
|
|
5405
|
+
--internal-item-border-width: var(--amplify-components-tabs-border-width)
|
|
5406
|
+
0 0 0;
|
|
5407
|
+
--internal-item-margin-start: calc(
|
|
5408
|
+
-1 * var(--amplify-components-tabs-item-border-width)
|
|
5409
|
+
);
|
|
5410
|
+
--internal-item-margin-end: 0;
|
|
5613
5411
|
}
|
|
5614
|
-
|
|
5615
|
-
|
|
5412
|
+
.amplify-tabs__list--equal {
|
|
5413
|
+
--internal-item-flex: 1 1 0;
|
|
5414
|
+
}
|
|
5415
|
+
.amplify-tabs__list--relative {
|
|
5416
|
+
--internal-item-flex: 1 1 auto;
|
|
5417
|
+
}
|
|
5418
|
+
.amplify-tabs__panel {
|
|
5419
|
+
display: none;
|
|
5420
|
+
background-color: var(--amplify-components-tabs-panel-background-color);
|
|
5421
|
+
padding-inline: var(--amplify-components-tabs-panel-padding-inline);
|
|
5422
|
+
padding-block: var(--amplify-components-tabs-panel-padding-block);
|
|
5423
|
+
}
|
|
5424
|
+
.amplify-tabs__panel--active {
|
|
5425
|
+
display: block;
|
|
5426
|
+
}
|
|
5427
|
+
.amplify-tabs__item {
|
|
5428
|
+
position: relative;
|
|
5616
5429
|
background-color: var(--amplify-components-tabs-item-background-color);
|
|
5617
5430
|
box-sizing: border-box;
|
|
5618
5431
|
color: var(--amplify-components-tabs-item-color);
|
|
@@ -5621,46 +5434,43 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5621
5434
|
padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);
|
|
5622
5435
|
text-align: var(--amplify-components-tabs-item-text-align);
|
|
5623
5436
|
transition: all var(--amplify-components-tabs-item-transition-duration);
|
|
5624
|
-
border-width:
|
|
5437
|
+
border-width: var(--internal-item-border-width);
|
|
5625
5438
|
border-style: var(--amplify-components-tabs-item-border-style);
|
|
5626
5439
|
border-color: var(--amplify-components-tabs-item-border-color);
|
|
5627
|
-
|
|
5628
|
-
|
|
5629
|
-
|
|
5630
|
-
border-width: var(--amplify-components-tabs-border-width) 0 0 0;
|
|
5631
|
-
margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width));
|
|
5632
|
-
margin-bottom: 0;
|
|
5440
|
+
flex: var(--internal-item-flex);
|
|
5441
|
+
margin-block-start: var(--internal-item-margin-start);
|
|
5442
|
+
margin-block-end: var(--internal-item-margin-end);
|
|
5633
5443
|
}
|
|
5634
|
-
.amplify-
|
|
5444
|
+
.amplify-tabs__item--active {
|
|
5635
5445
|
color: var(--amplify-components-tabs-item-active-color);
|
|
5636
5446
|
border-color: var(--amplify-components-tabs-item-active-border-color);
|
|
5637
5447
|
background-color: var(--amplify-components-tabs-item-active-background-color);
|
|
5638
5448
|
transition-property: none;
|
|
5639
5449
|
}
|
|
5640
|
-
.amplify-
|
|
5450
|
+
.amplify-tabs__item:hover {
|
|
5641
5451
|
color: var(--amplify-components-tabs-item-hover-color);
|
|
5642
5452
|
cursor: pointer;
|
|
5643
5453
|
}
|
|
5644
|
-
.amplify-
|
|
5454
|
+
.amplify-tabs__item:focus-visible {
|
|
5455
|
+
z-index: 2;
|
|
5645
5456
|
color: var(--amplify-components-tabs-item-focus-color);
|
|
5457
|
+
background-color: var(--amplify-components-tabs-item-focus-background-color);
|
|
5458
|
+
border-color: var(--amplify-components-tabs-item-focus-border-color);
|
|
5459
|
+
box-shadow: var(--amplify-components-tabs-item-focus-box-shadow);
|
|
5646
5460
|
}
|
|
5647
|
-
.amplify-
|
|
5648
|
-
|
|
5649
|
-
|
|
5650
|
-
|
|
5461
|
+
.amplify-tabs__item:active {
|
|
5462
|
+
background-color: var(--amplify-components-tabs-item-active-background-color);
|
|
5463
|
+
border-color: var(--amplify-components-tabs-item-active-border-color);
|
|
5464
|
+
box-shadow: var(--amplify-components-tabs-item-active-box-shadow);
|
|
5651
5465
|
color: var(--amplify-components-tabs-item-active-color);
|
|
5652
5466
|
}
|
|
5653
|
-
.amplify-
|
|
5467
|
+
.amplify-tabs__item[disabled] {
|
|
5654
5468
|
background-color: var(--amplify-components-tabs-item-disabled-background-color);
|
|
5469
|
+
border-color: var(--amplify-components-tabs-item-disabled-border-color);
|
|
5470
|
+
box-shadow: var(--amplify-components-tabs-item-disabled-box-shadow);
|
|
5655
5471
|
color: var(--amplify-components-tabs-item-disabled-color);
|
|
5656
5472
|
cursor: not-allowed;
|
|
5657
5473
|
}
|
|
5658
|
-
.amplify-tabs-item[data-spacing=equal] {
|
|
5659
|
-
flex: 1 1 0;
|
|
5660
|
-
}
|
|
5661
|
-
.amplify-tabs-item[data-spacing=relative] {
|
|
5662
|
-
flex-grow: 1;
|
|
5663
|
-
}
|
|
5664
5474
|
|
|
5665
5475
|
.amplify-textareafield {
|
|
5666
5476
|
flex-direction: column;
|
|
@@ -6183,153 +5993,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6183
5993
|
margin: var(--amplify-space-small);
|
|
6184
5994
|
}
|
|
6185
5995
|
|
|
6186
|
-
.amplify-fileuploader__dropzone {
|
|
6187
|
-
background-color: var(--amplify-components-fileuploader-dropzone-background-color);
|
|
6188
|
-
border-color: var(--amplify-components-fileuploader-dropzone-border-color);
|
|
6189
|
-
border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
|
|
6190
|
-
border-style: var(--amplify-components-fileuploader-dropzone-border-style);
|
|
6191
|
-
border-width: var(--amplify-components-fileuploader-dropzone-border-width);
|
|
6192
|
-
text-align: var(--amplify-components-fileuploader-dropzone-text-align);
|
|
6193
|
-
padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
|
|
6194
|
-
padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
|
|
6195
|
-
display: flex;
|
|
6196
|
-
flex-direction: column;
|
|
6197
|
-
align-items: center;
|
|
6198
|
-
gap: var(--amplify-components-fileuploader-dropzone-gap);
|
|
6199
|
-
}
|
|
6200
|
-
.amplify-fileuploader__dropzone--small {
|
|
6201
|
-
flex-direction: row;
|
|
6202
|
-
justify-content: center;
|
|
6203
|
-
}
|
|
6204
|
-
.amplify-fileuploader__dropzone--active {
|
|
6205
|
-
border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
|
|
6206
|
-
border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
|
|
6207
|
-
background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
|
|
6208
|
-
}
|
|
6209
|
-
.amplify-fileuploader__dropzone__icon {
|
|
6210
|
-
font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
|
|
6211
|
-
color: var(--amplify-components-fileuploader-dropzone-icon-color);
|
|
6212
|
-
}
|
|
6213
|
-
.amplify-fileuploader__dropzone__text {
|
|
6214
|
-
color: var(--amplify-components-fileuploader-dropzone-text-color);
|
|
6215
|
-
font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
|
|
6216
|
-
font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
|
|
6217
|
-
}
|
|
6218
|
-
.amplify-fileuploader__file {
|
|
6219
|
-
position: relative;
|
|
6220
|
-
border-width: var(--amplify-components-fileuploader-file-border-width);
|
|
6221
|
-
border-style: var(--amplify-components-fileuploader-file-border-style);
|
|
6222
|
-
border-color: var(--amplify-components-fileuploader-file-border-color);
|
|
6223
|
-
border-radius: var(--amplify-components-fileuploader-file-border-radius);
|
|
6224
|
-
display: flex;
|
|
6225
|
-
flex-direction: column;
|
|
6226
|
-
padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
|
|
6227
|
-
padding-block: var(--amplify-components-fileuploader-file-padding-block);
|
|
6228
|
-
align-items: var(--amplify-components-fileuploader-file-align-items);
|
|
6229
|
-
}
|
|
6230
|
-
.amplify-fileuploader__file__wrapper {
|
|
6231
|
-
width: 100%;
|
|
6232
|
-
display: flex;
|
|
6233
|
-
flex-direction: row;
|
|
6234
|
-
align-items: center;
|
|
6235
|
-
gap: var(--amplify-components-fileuploader-file-gap);
|
|
6236
|
-
}
|
|
6237
|
-
.amplify-fileuploader__file__name {
|
|
6238
|
-
text-overflow: ellipsis;
|
|
6239
|
-
overflow: hidden;
|
|
6240
|
-
font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
|
|
6241
|
-
font-size: var(--amplify-components-fileuploader-file-name-font-size);
|
|
6242
|
-
color: var(--amplify-components-fileuploader-file-name-color);
|
|
6243
|
-
}
|
|
6244
|
-
.amplify-fileuploader__file__size {
|
|
6245
|
-
font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
|
|
6246
|
-
font-size: var(--amplify-components-fileuploader-file-size-font-size);
|
|
6247
|
-
color: var(--amplify-components-fileuploader-file-size-color);
|
|
6248
|
-
}
|
|
6249
|
-
.amplify-fileuploader__file__main {
|
|
6250
|
-
flex: 1;
|
|
6251
|
-
white-space: nowrap;
|
|
6252
|
-
overflow: hidden;
|
|
6253
|
-
}
|
|
6254
|
-
.amplify-fileuploader__file__image {
|
|
6255
|
-
position: relative;
|
|
6256
|
-
display: flex;
|
|
6257
|
-
align-items: center;
|
|
6258
|
-
justify-content: center;
|
|
6259
|
-
width: var(--amplify-components-fileuploader-file-image-width);
|
|
6260
|
-
height: var(--amplify-components-fileuploader-file-image-height);
|
|
6261
|
-
background-color: var(--amplify-components-fileuploader-file-image-background-color);
|
|
6262
|
-
border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
|
|
6263
|
-
color: var(--amplify-components-fileuploader-file-image-color);
|
|
6264
|
-
}
|
|
6265
|
-
.amplify-fileuploader__file__image img {
|
|
6266
|
-
max-height: 100%;
|
|
6267
|
-
}
|
|
6268
|
-
.amplify-fileuploader__file__status--error {
|
|
6269
|
-
color: var(--amplify-colors-font-error);
|
|
6270
|
-
font-size: var(--amplify-components-fileuploader-file-size-font-size);
|
|
6271
|
-
}
|
|
6272
|
-
.amplify-fileuploader__file__status--success {
|
|
6273
|
-
color: var(--amplify-colors-font-success);
|
|
6274
|
-
}
|
|
6275
|
-
.amplify-fileuploader__loader {
|
|
6276
|
-
stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
|
|
6277
|
-
stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
|
|
6278
|
-
stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
|
|
6279
|
-
height: var(--amplify-components-fileuploader-loader-stroke-width);
|
|
6280
|
-
--amplify-components-loader-linear-stroke-filled: var(
|
|
6281
|
-
--amplify-components-fileuploader-loader-stroke-filled
|
|
6282
|
-
);
|
|
6283
|
-
overflow: hidden;
|
|
6284
|
-
position: absolute;
|
|
6285
|
-
bottom: 0;
|
|
6286
|
-
left: 0;
|
|
6287
|
-
width: 100%;
|
|
6288
|
-
}
|
|
6289
|
-
.amplify-fileuploader__previewer {
|
|
6290
|
-
display: block;
|
|
6291
|
-
max-width: var(--amplify-components-fileuploader-previewer-max-width);
|
|
6292
|
-
background-color: var(--amplify-components-fileuploader-previewer-background-color);
|
|
6293
|
-
border-width: var(--amplify-components-fileuploader-previewer-border-width);
|
|
6294
|
-
border-style: var(--amplify-components-fileuploader-previewer-border-style);
|
|
6295
|
-
border-color: var(--amplify-components-fileuploader-previewer-border-color);
|
|
6296
|
-
border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
|
|
6297
|
-
padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
|
|
6298
|
-
padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
|
|
6299
|
-
}
|
|
6300
|
-
.amplify-fileuploader__previewer__text {
|
|
6301
|
-
font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
|
|
6302
|
-
font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
|
|
6303
|
-
color: var(--amplify-components-fileuploader-previewer-text-color);
|
|
6304
|
-
}
|
|
6305
|
-
.amplify-fileuploader__previewer__body {
|
|
6306
|
-
display: flex;
|
|
6307
|
-
flex-direction: column;
|
|
6308
|
-
max-height: var(--amplify-components-fileuploader-previewer-max-height);
|
|
6309
|
-
max-width: var(--amplify-components-fileuploader-previewer-max-width);
|
|
6310
|
-
overflow: auto;
|
|
6311
|
-
gap: var(--amplify-components-fileuploader-previewer-body-gap);
|
|
6312
|
-
padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
|
|
6313
|
-
padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
|
|
6314
|
-
}
|
|
6315
|
-
.amplify-fileuploader__previewer__footer {
|
|
6316
|
-
max-width: var(--amplify-components-fileuploader-previewer-max-width);
|
|
6317
|
-
border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
|
|
6318
|
-
border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
|
|
6319
|
-
border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
|
|
6320
|
-
padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
|
|
6321
|
-
padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
|
|
6322
|
-
position: relative;
|
|
6323
|
-
display: flex;
|
|
6324
|
-
flex-direction: row;
|
|
6325
|
-
justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
|
|
6326
|
-
}
|
|
6327
|
-
.amplify-fileuploader__previewer__footer__actions {
|
|
6328
|
-
display: flex;
|
|
6329
|
-
flex-direction: row;
|
|
6330
|
-
gap: var(--amplify-space-small);
|
|
6331
|
-
}
|
|
6332
|
-
|
|
6333
5996
|
.amplify-storagemanager__dropzone {
|
|
6334
5997
|
background-color: var(--amplify-components-storagemanager-dropzone-background-color);
|
|
6335
5998
|
border-color: var(--amplify-components-storagemanager-dropzone-border-color);
|
|
@@ -6469,19 +6132,19 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6469
6132
|
gap: var(--amplify-space-small);
|
|
6470
6133
|
}
|
|
6471
6134
|
|
|
6472
|
-
|
|
6135
|
+
.amplify-label-start {
|
|
6473
6136
|
flex-direction: row;
|
|
6474
6137
|
}
|
|
6475
6138
|
|
|
6476
|
-
|
|
6139
|
+
.amplify-label-end {
|
|
6477
6140
|
flex-direction: row-reverse;
|
|
6478
6141
|
}
|
|
6479
6142
|
|
|
6480
|
-
|
|
6143
|
+
.amplify-label-top {
|
|
6481
6144
|
flex-direction: column;
|
|
6482
6145
|
}
|
|
6483
6146
|
|
|
6484
|
-
|
|
6147
|
+
.amplify-label-bottom {
|
|
6485
6148
|
flex-direction: column-reverse;
|
|
6486
6149
|
}
|
|
6487
6150
|
|