@aws-amplify/ui 3.6.1 → 3.6.2

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.
Files changed (3) hide show
  1. package/dist/styles.css +26 -26
  2. package/dist/theme.css +26 -26
  3. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Thu, 07 Apr 2022 22:05:00 GMT
6
+ * Generated on Mon, 11 Apr 2022 18:40:17 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -347,9 +347,9 @@
347
347
  --amplify-components-authenticator-max-width: 60rem;
348
348
  --amplify-components-alert-justify-content: space-between;
349
349
  --amplify-components-alert-align-items: center;
350
- --amplify-shadows-large: [object Object];
351
- --amplify-shadows-medium: [object Object];
352
- --amplify-shadows-small: [object Object];
350
+ --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
351
+ --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
352
+ --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
353
353
  --amplify-colors-border-error: var(--amplify-colors-red-80);
354
354
  --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
355
355
  --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
@@ -565,7 +565,7 @@
565
565
  --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
566
566
  --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
567
567
  --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
568
- --amplify-components-expander-header-box-shadow: [object Object];
568
+ --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
569
569
  --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
570
570
  --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
571
571
  --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
@@ -671,10 +671,10 @@
671
671
  --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-tertiary);
672
672
  --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
673
673
  --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
674
- --amplify-components-switchfield-focused-shadow: [object Object];
674
+ --amplify-components-switchfield-focused-shadow: var(--amplify-shadows-small);
675
675
  --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
676
676
  --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
677
- --amplify-components-sliderfield-thumb-box-shadow: [object Object];
677
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
678
678
  --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
679
679
  --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
680
680
  --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-tertiary);
@@ -689,7 +689,7 @@
689
689
  --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
690
690
  --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
691
691
  --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
692
- --amplify-components-menu-box-shadow: [object Object];
692
+ --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
693
693
  --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
694
694
  --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
695
695
  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
@@ -697,9 +697,9 @@
697
697
  --amplify-components-heading-color: var(--amplify-colors-font-primary);
698
698
  --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
699
699
  --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
700
- --amplify-components-fieldcontrol-error-focus-box-shadow: [object Object];
700
+ --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
701
701
  --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
702
- --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: [object Object];
702
+ --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px var(--amplify-colors-border-error);
703
703
  --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
704
704
  --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
705
705
  --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
@@ -708,17 +708,17 @@
708
708
  --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
709
709
  --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
710
710
  --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
711
- --amplify-components-expander-item-box-shadow: [object Object];
712
- --amplify-components-expander-box-shadow: [object Object];
711
+ --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
712
+ --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
713
713
  --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
714
714
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
715
715
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
716
716
  --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
717
717
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
718
- --amplify-components-checkbox-button-error-focus-box-shadow: [object Object];
718
+ --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
719
719
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
720
720
  --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
721
- --amplify-components-card-elevated-box-shadow: [object Object];
721
+ --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
722
722
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
723
723
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
724
724
  --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
@@ -774,7 +774,7 @@
774
774
  --amplify-components-badge-color: var(--amplify-colors-font-primary);
775
775
  --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
776
776
  --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
777
- --amplify-components-authenticator-router-box-shadow: [object Object];
777
+ --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
778
778
  --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
779
779
  --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
780
780
  --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
@@ -799,13 +799,13 @@
799
799
  --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
800
800
  --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
801
801
  --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
802
- --amplify-components-sliderfield-thumb-focus-box-shadow: [object Object];
802
+ --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 3px var(--amplify-colors-border-focus);
803
803
  --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
804
804
  --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
805
805
  --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
806
806
  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
807
807
  --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
808
- --amplify-components-radio-button-error-focus-box-shadow: [object Object];
808
+ --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
809
809
  --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
810
810
  --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
811
811
  --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
@@ -816,15 +816,15 @@
816
816
  --amplify-components-link-active-color: var(--amplify-colors-font-active);
817
817
  --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
818
818
  --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
819
- --amplify-components-fieldcontrol-focus-box-shadow: [object Object];
819
+ --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
820
820
  --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
821
- --amplify-components-fieldcontrol-quiet-focus-box-shadow: [object Object];
821
+ --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px var(--amplify-colors-border-focus);
822
822
  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
823
- --amplify-components-expander-item-focus-box-shadow: [object Object];
823
+ --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
824
824
  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
825
825
  --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
826
826
  --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
827
- --amplify-components-checkbox-button-focus-box-shadow: [object Object];
827
+ --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
828
828
  --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
829
829
  --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
830
830
  --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
@@ -848,11 +848,11 @@
848
848
  --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
849
849
  --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
850
850
  --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
851
- --amplify-components-togglebutton-primary-focus-box-shadow: [object Object];
852
- --amplify-components-radio-button-focus-box-shadow: [object Object];
853
- --amplify-components-button-link-focus-box-shadow: [object Object];
854
- --amplify-components-button-primary-focus-box-shadow: [object Object];
855
- --amplify-components-button-focus-box-shadow: [object Object];
851
+ --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
852
+ --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
853
+ --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
854
+ --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
855
+ --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
856
856
  }
857
857
 
858
858
  html {
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 07 Apr 2022 22:05:00 GMT
3
+ * Generated on Mon, 11 Apr 2022 18:40:17 GMT
4
4
  */
5
5
 
6
6
  :root, [data-amplify-theme] {
@@ -345,9 +345,9 @@
345
345
  --amplify-components-authenticator-max-width: 60rem;
346
346
  --amplify-components-alert-justify-content: space-between;
347
347
  --amplify-components-alert-align-items: center;
348
- --amplify-shadows-large: [object Object];
349
- --amplify-shadows-medium: [object Object];
350
- --amplify-shadows-small: [object Object];
348
+ --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
349
+ --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
350
+ --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
351
351
  --amplify-colors-border-error: var(--amplify-colors-red-80);
352
352
  --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
353
353
  --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
@@ -563,7 +563,7 @@
563
563
  --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
564
564
  --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
565
565
  --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
566
- --amplify-components-expander-header-box-shadow: [object Object];
566
+ --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
567
567
  --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
568
568
  --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
569
569
  --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
@@ -669,10 +669,10 @@
669
669
  --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-tertiary);
670
670
  --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
671
671
  --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
672
- --amplify-components-switchfield-focused-shadow: [object Object];
672
+ --amplify-components-switchfield-focused-shadow: var(--amplify-shadows-small);
673
673
  --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
674
674
  --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
675
- --amplify-components-sliderfield-thumb-box-shadow: [object Object];
675
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
676
676
  --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
677
677
  --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
678
678
  --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-tertiary);
@@ -687,7 +687,7 @@
687
687
  --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
688
688
  --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
689
689
  --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
690
- --amplify-components-menu-box-shadow: [object Object];
690
+ --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
691
691
  --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
692
692
  --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
693
693
  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
@@ -695,9 +695,9 @@
695
695
  --amplify-components-heading-color: var(--amplify-colors-font-primary);
696
696
  --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
697
697
  --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
698
- --amplify-components-fieldcontrol-error-focus-box-shadow: [object Object];
698
+ --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
699
699
  --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
700
- --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: [object Object];
700
+ --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px var(--amplify-colors-border-error);
701
701
  --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
702
702
  --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
703
703
  --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
@@ -706,17 +706,17 @@
706
706
  --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
707
707
  --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
708
708
  --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
709
- --amplify-components-expander-item-box-shadow: [object Object];
710
- --amplify-components-expander-box-shadow: [object Object];
709
+ --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
710
+ --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
711
711
  --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
712
712
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
713
713
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
714
714
  --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
715
715
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
716
- --amplify-components-checkbox-button-error-focus-box-shadow: [object Object];
716
+ --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
717
717
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
718
718
  --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
719
- --amplify-components-card-elevated-box-shadow: [object Object];
719
+ --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
720
720
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
721
721
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
722
722
  --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
@@ -772,7 +772,7 @@
772
772
  --amplify-components-badge-color: var(--amplify-colors-font-primary);
773
773
  --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
774
774
  --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
775
- --amplify-components-authenticator-router-box-shadow: [object Object];
775
+ --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
776
776
  --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
777
777
  --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
778
778
  --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
@@ -797,13 +797,13 @@
797
797
  --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
798
798
  --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
799
799
  --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
800
- --amplify-components-sliderfield-thumb-focus-box-shadow: [object Object];
800
+ --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 3px var(--amplify-colors-border-focus);
801
801
  --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
802
802
  --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
803
803
  --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
804
804
  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
805
805
  --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
806
- --amplify-components-radio-button-error-focus-box-shadow: [object Object];
806
+ --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
807
807
  --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
808
808
  --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
809
809
  --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
@@ -814,15 +814,15 @@
814
814
  --amplify-components-link-active-color: var(--amplify-colors-font-active);
815
815
  --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
816
816
  --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
817
- --amplify-components-fieldcontrol-focus-box-shadow: [object Object];
817
+ --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
818
818
  --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
819
- --amplify-components-fieldcontrol-quiet-focus-box-shadow: [object Object];
819
+ --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px var(--amplify-colors-border-focus);
820
820
  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
821
- --amplify-components-expander-item-focus-box-shadow: [object Object];
821
+ --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
822
822
  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
823
823
  --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
824
824
  --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
825
- --amplify-components-checkbox-button-focus-box-shadow: [object Object];
825
+ --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
826
826
  --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
827
827
  --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
828
828
  --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
@@ -846,9 +846,9 @@
846
846
  --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
847
847
  --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
848
848
  --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
849
- --amplify-components-togglebutton-primary-focus-box-shadow: [object Object];
850
- --amplify-components-radio-button-focus-box-shadow: [object Object];
851
- --amplify-components-button-link-focus-box-shadow: [object Object];
852
- --amplify-components-button-primary-focus-box-shadow: [object Object];
853
- --amplify-components-button-focus-box-shadow: [object Object];
849
+ --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
850
+ --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
851
+ --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
852
+ --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
853
+ --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
854
854
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui",
3
- "version": "3.6.1",
3
+ "version": "3.6.2",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {