@aws-amplify/ui 3.10.0 → 3.10.1

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 (17) hide show
  1. package/dist/esm/index.js +1 -1
  2. package/dist/esm/machines/authenticator/defaultServices.js +1 -1
  3. package/dist/esm/theme/defaultDarkModeOverride.js +1 -1
  4. package/dist/esm/theme/tokens/colors.js +1 -1
  5. package/dist/esm/theme/tokens/components/checkbox.js +1 -1
  6. package/dist/esm/theme/tokens/components/expander.js +1 -1
  7. package/dist/esm/theme/tokens/components/menu.js +1 -1
  8. package/dist/esm/theme/tokens/components/pagination.js +1 -1
  9. package/dist/esm/theme/tokens/components/radio.js +1 -1
  10. package/dist/esm/theme/tokens/components/toggleButton.js +1 -1
  11. package/dist/index.js +1 -1
  12. package/dist/styles.css +30 -30
  13. package/dist/theme.css +30 -30
  14. package/dist/types/theme/index.d.ts +1 -0
  15. package/dist/types/theme/tokens/space.d.ts +1 -2
  16. package/dist/types/theme/types.d.ts +6 -0
  17. 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 Wed, 08 Jun 2022 19:50:16 GMT
6
+ * Generated on Tue, 14 Jun 2022 23:36:33 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -362,6 +362,7 @@
362
362
  --amplify-colors-font-warning: var(--amplify-colors-orange-90);
363
363
  --amplify-colors-font-info: var(--amplify-colors-blue-90);
364
364
  --amplify-colors-font-inverse: var(--amplify-colors-white);
365
+ --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
365
366
  --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
366
367
  --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
367
368
  --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
@@ -392,9 +393,6 @@
392
393
  --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
393
394
  --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
394
395
  --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
395
- --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-white);
396
- --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-white);
397
- --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-white);
398
396
  --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
399
397
  --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
400
398
  --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
@@ -460,8 +458,6 @@
460
458
  --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
461
459
  --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
462
460
  --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
463
- --amplify-components-radio-button-background-color: var(--amplify-colors-white);
464
- --amplify-components-radio-button-color: var(--amplify-colors-white);
465
461
  --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
466
462
  --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
467
463
  --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
@@ -483,7 +479,6 @@
483
479
  --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
484
480
  --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
485
481
  --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
486
- --amplify-components-pagination-current-color: var(--amplify-colors-white);
487
482
  --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
488
483
  --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
489
484
  --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
@@ -493,7 +488,6 @@
493
488
  --amplify-components-menu-gap: var(--amplify-space-zero);
494
489
  --amplify-components-menu-border-width: var(--amplify-border-widths-small);
495
490
  --amplify-components-menu-border-radius: var(--amplify-radii-medium);
496
- --amplify-components-menu-background-color: var(--amplify-colors-white);
497
491
  --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
498
492
  --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
499
493
  --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
@@ -575,7 +569,6 @@
575
569
  --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
576
570
  --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
577
571
  --amplify-components-expander-border-radius: var(--amplify-radii-medium);
578
- --amplify-components-expander-background-color: var(--amplify-colors-white);
579
572
  --amplify-components-divider-opacity: var(--amplify-opacities-60);
580
573
  --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
581
574
  --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
@@ -597,7 +590,6 @@
597
590
  --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
598
591
  --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
599
592
  --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
600
- --amplify-components-checkbox-button-color: var(--amplify-colors-white);
601
593
  --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
602
594
  --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
603
595
  --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
@@ -643,15 +635,20 @@
643
635
  --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
644
636
  --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
645
637
  --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
646
- --amplify-colors-font-disabled: var(--amplify-colors-font-tertiary);
638
+ --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
639
+ --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
647
640
  --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
648
641
  --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
649
642
  --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
643
+ --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
644
+ --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
650
645
  --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
651
646
  --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
647
+ --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
652
648
  --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
653
649
  --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
654
650
  --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
651
+ --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
655
652
  --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
656
653
  --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
657
654
  --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
@@ -664,6 +661,7 @@
664
661
  --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
665
662
  --amplify-components-text-color: var(--amplify-colors-font-primary);
666
663
  --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
664
+ --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
667
665
  --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
668
666
  --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
669
667
  --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
@@ -687,16 +685,22 @@
687
685
  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
688
686
  --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
689
687
  --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
688
+ --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
690
689
  --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
691
690
  --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
692
691
  --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
692
+ --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
693
+ --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
693
694
  --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
694
695
  --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
695
696
  --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
697
+ --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
696
698
  --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
697
699
  --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
700
+ --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
698
701
  --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
699
702
  --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
703
+ --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
700
704
  --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
701
705
  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
702
706
  --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
@@ -705,6 +709,7 @@
705
709
  --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
706
710
  --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
707
711
  --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
712
+ --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
708
713
  --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
709
714
  --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
710
715
  --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
@@ -716,6 +721,7 @@
716
721
  --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
717
722
  --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
718
723
  --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
724
+ --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
719
725
  --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
720
726
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
721
727
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
@@ -723,11 +729,12 @@
723
729
  --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
724
730
  --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
725
731
  --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
726
- --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
732
+ --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
727
733
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
728
734
  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
729
735
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
730
736
  --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
737
+ --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
731
738
  --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
732
739
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
733
740
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
@@ -739,9 +746,12 @@
739
746
  --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
740
747
  --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
741
748
  --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
749
+ --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
750
+ --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
742
751
  --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
743
752
  --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
744
753
  --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
754
+ --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
745
755
  --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
746
756
  --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
747
757
  --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
@@ -754,10 +764,14 @@
754
764
  --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
755
765
  --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
756
766
  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
767
+ --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
768
+ --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
757
769
  --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
758
770
  --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
759
771
  --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
772
+ --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
760
773
  --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
774
+ --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
761
775
  --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
762
776
  --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
763
777
  --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
@@ -797,18 +811,14 @@
797
811
  --amplify-components-alert-info-color: var(--amplify-colors-font-info);
798
812
  --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
799
813
  --amplify-components-alert-color: var(--amplify-colors-font-primary);
800
- --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
801
814
  --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
802
815
  --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
803
- --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
804
816
  --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
805
817
  --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
806
818
  --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
807
819
  --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
808
- --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
809
820
  --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
810
821
  --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
811
- --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
812
822
  --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
813
823
  --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
814
824
  --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
@@ -822,32 +832,31 @@
822
832
  --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
823
833
  --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
824
834
  --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
835
+ --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
825
836
  --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
826
837
  --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
827
838
  --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
828
839
  --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
829
840
  --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
830
- --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
831
841
  --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
832
842
  --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
833
843
  --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
834
844
  --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
835
- --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
836
845
  --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
837
846
  --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
838
847
  --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
839
848
  --amplify-components-link-color: var(--amplify-colors-font-interactive);
840
849
  --amplify-components-link-active-color: var(--amplify-colors-font-active);
841
850
  --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
842
- --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
843
851
  --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
844
852
  --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
845
853
  --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
846
854
  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
847
855
  --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
856
+ --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
848
857
  --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
849
858
  --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
850
- --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
859
+ --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
851
860
  --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
852
861
  --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
853
862
  --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
@@ -855,19 +864,12 @@
855
864
  --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
856
865
  --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
857
866
  --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
858
- --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
859
- --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
860
867
  --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
861
868
  --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
862
869
  --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
863
870
  --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
864
- --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
865
- --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
866
871
  --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
867
- --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
868
872
  --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
869
- --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
870
- --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
871
873
  --amplify-components-button-active-color: var(--amplify-colors-font-active);
872
874
  --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
873
875
  --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
@@ -878,25 +880,23 @@
878
880
  --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
879
881
  --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
880
882
  --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
881
- --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
882
883
  --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
883
884
  --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
884
885
  --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
885
886
  --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
886
887
  --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
888
+ --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
887
889
  --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
888
890
  --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
889
891
  --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
890
892
  --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
891
893
  --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
892
- --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
893
894
  --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
894
895
  --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
895
896
  --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
896
897
  --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
897
898
  --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
898
899
  --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
899
- --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
900
900
  --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
901
901
  }
902
902
 
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 08 Jun 2022 19:50:16 GMT
3
+ * Generated on Tue, 14 Jun 2022 23:36:33 GMT
4
4
  */
5
5
 
6
6
  :root, [data-amplify-theme] {
@@ -360,6 +360,7 @@
360
360
  --amplify-colors-font-warning: var(--amplify-colors-orange-90);
361
361
  --amplify-colors-font-info: var(--amplify-colors-blue-90);
362
362
  --amplify-colors-font-inverse: var(--amplify-colors-white);
363
+ --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
363
364
  --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
364
365
  --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
365
366
  --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
@@ -390,9 +391,6 @@
390
391
  --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
391
392
  --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
392
393
  --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
393
- --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-white);
394
- --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-white);
395
- --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-white);
396
394
  --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
397
395
  --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
398
396
  --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
@@ -458,8 +456,6 @@
458
456
  --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
459
457
  --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
460
458
  --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
461
- --amplify-components-radio-button-background-color: var(--amplify-colors-white);
462
- --amplify-components-radio-button-color: var(--amplify-colors-white);
463
459
  --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
464
460
  --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
465
461
  --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
@@ -481,7 +477,6 @@
481
477
  --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
482
478
  --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
483
479
  --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
484
- --amplify-components-pagination-current-color: var(--amplify-colors-white);
485
480
  --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
486
481
  --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
487
482
  --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
@@ -491,7 +486,6 @@
491
486
  --amplify-components-menu-gap: var(--amplify-space-zero);
492
487
  --amplify-components-menu-border-width: var(--amplify-border-widths-small);
493
488
  --amplify-components-menu-border-radius: var(--amplify-radii-medium);
494
- --amplify-components-menu-background-color: var(--amplify-colors-white);
495
489
  --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
496
490
  --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
497
491
  --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
@@ -573,7 +567,6 @@
573
567
  --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
574
568
  --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
575
569
  --amplify-components-expander-border-radius: var(--amplify-radii-medium);
576
- --amplify-components-expander-background-color: var(--amplify-colors-white);
577
570
  --amplify-components-divider-opacity: var(--amplify-opacities-60);
578
571
  --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
579
572
  --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
@@ -595,7 +588,6 @@
595
588
  --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
596
589
  --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
597
590
  --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
598
- --amplify-components-checkbox-button-color: var(--amplify-colors-white);
599
591
  --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
600
592
  --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
601
593
  --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
@@ -641,15 +633,20 @@
641
633
  --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
642
634
  --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
643
635
  --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
644
- --amplify-colors-font-disabled: var(--amplify-colors-font-tertiary);
636
+ --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
637
+ --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
645
638
  --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
646
639
  --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
647
640
  --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
641
+ --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
642
+ --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
648
643
  --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
649
644
  --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
645
+ --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
650
646
  --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
651
647
  --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
652
648
  --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
649
+ --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
653
650
  --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
654
651
  --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
655
652
  --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
@@ -662,6 +659,7 @@
662
659
  --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
663
660
  --amplify-components-text-color: var(--amplify-colors-font-primary);
664
661
  --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
662
+ --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
665
663
  --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
666
664
  --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
667
665
  --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
@@ -685,16 +683,22 @@
685
683
  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
686
684
  --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
687
685
  --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
686
+ --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
688
687
  --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
689
688
  --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
690
689
  --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
690
+ --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
691
+ --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
691
692
  --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
692
693
  --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
693
694
  --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
695
+ --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
694
696
  --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
695
697
  --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
698
+ --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
696
699
  --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
697
700
  --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
701
+ --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
698
702
  --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
699
703
  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
700
704
  --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
@@ -703,6 +707,7 @@
703
707
  --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
704
708
  --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
705
709
  --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
710
+ --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
706
711
  --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
707
712
  --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
708
713
  --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
@@ -714,6 +719,7 @@
714
719
  --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
715
720
  --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
716
721
  --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
722
+ --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
717
723
  --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
718
724
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
719
725
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
@@ -721,11 +727,12 @@
721
727
  --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
722
728
  --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
723
729
  --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
724
- --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
730
+ --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
725
731
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
726
732
  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
727
733
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
728
734
  --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
735
+ --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
729
736
  --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
730
737
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
731
738
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
@@ -737,9 +744,12 @@
737
744
  --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
738
745
  --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
739
746
  --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
747
+ --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
748
+ --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
740
749
  --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
741
750
  --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
742
751
  --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
752
+ --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
743
753
  --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
744
754
  --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
745
755
  --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
@@ -752,10 +762,14 @@
752
762
  --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
753
763
  --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
754
764
  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
765
+ --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
766
+ --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
755
767
  --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
756
768
  --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
757
769
  --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
770
+ --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
758
771
  --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
772
+ --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
759
773
  --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
760
774
  --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
761
775
  --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
@@ -795,18 +809,14 @@
795
809
  --amplify-components-alert-info-color: var(--amplify-colors-font-info);
796
810
  --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
797
811
  --amplify-components-alert-color: var(--amplify-colors-font-primary);
798
- --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
799
812
  --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
800
813
  --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
801
- --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
802
814
  --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
803
815
  --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
804
816
  --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
805
817
  --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
806
- --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
807
818
  --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
808
819
  --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
809
- --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
810
820
  --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
811
821
  --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
812
822
  --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
@@ -820,32 +830,31 @@
820
830
  --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
821
831
  --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
822
832
  --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
833
+ --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
823
834
  --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
824
835
  --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
825
836
  --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
826
837
  --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
827
838
  --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
828
- --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
829
839
  --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
830
840
  --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
831
841
  --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
832
842
  --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
833
- --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
834
843
  --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
835
844
  --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
836
845
  --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
837
846
  --amplify-components-link-color: var(--amplify-colors-font-interactive);
838
847
  --amplify-components-link-active-color: var(--amplify-colors-font-active);
839
848
  --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
840
- --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
841
849
  --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
842
850
  --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
843
851
  --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
844
852
  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
845
853
  --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
854
+ --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
846
855
  --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
847
856
  --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
848
- --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
857
+ --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
849
858
  --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
850
859
  --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
851
860
  --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
@@ -853,19 +862,12 @@
853
862
  --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
854
863
  --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
855
864
  --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
856
- --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
857
- --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
858
865
  --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
859
866
  --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
860
867
  --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
861
868
  --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
862
- --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
863
- --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
864
869
  --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
865
- --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
866
870
  --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
867
- --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
868
- --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
869
871
  --amplify-components-button-active-color: var(--amplify-colors-font-active);
870
872
  --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
871
873
  --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
@@ -876,24 +878,22 @@
876
878
  --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
877
879
  --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
878
880
  --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
879
- --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
880
881
  --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
881
882
  --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
882
883
  --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
883
884
  --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
884
885
  --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
886
+ --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
885
887
  --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
886
888
  --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
887
889
  --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
888
890
  --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
889
891
  --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
890
- --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
891
892
  --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
892
893
  --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
893
894
  --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
894
895
  --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
895
896
  --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
896
897
  --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
897
- --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
898
898
  --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
899
899
  }
package/dist/types/theme/index.d.ts CHANGED
@@ -2,3 +2,4 @@ export { createTheme } from './createTheme';
2
2
  export { defaultTheme } from './defaultTheme';
3
3
  export { defaultDarkModeOverride } from './defaultDarkModeOverride';
4
4
  export * from './types';
5
+ export { cssNameTransform } from './utils';
package/dist/types/theme/tokens/space.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { DesignToken, WebDesignToken, SpaceValue } from './types/designToken';
2
- declare type SpaceSizes = {
2
+ export declare type SpaceSizes = {
3
3
  xxxs: DesignToken<SpaceValue>;
4
4
  xxs: DesignToken<SpaceValue>;
5
5
  xs: DesignToken<SpaceValue>;
@@ -24,4 +24,3 @@ export declare type WebSpace = {
24
24
  };
25
25
  };
26
26
  export declare const space: Space;
27
- export {};
package/dist/types/theme/types.d.ts CHANGED
@@ -2,6 +2,12 @@ import { PartialDeep } from 'type-fest';
2
2
  import { Tokens, WebTokens } from './tokens';
3
3
  import { Breakpoints } from './breakpoints';
4
4
  export * from './tokens/types/designToken';
5
+ export type { FontSizes } from './tokens/fontSizes';
6
+ export type { FontWeights } from './tokens/fontWeights';
7
+ export type { LineHeights } from './tokens/lineHeights';
8
+ export type { Radii } from './tokens/radii';
9
+ export type { Shadows } from './tokens/shadows';
10
+ export type { SpaceSizes } from './tokens/space';
5
11
  /**
6
12
  * An override is a set of tokens that override others
7
13
  * in certain contexts. On Android, these are like resource
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui",
3
- "version": "3.10.0",
3
+ "version": "3.10.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {