@aws-amplify/ui 3.9.2 → 3.10.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.
Files changed (18) hide show
  1. package/dist/esm/node_modules/tslib/tslib.es6.js +0 -14
  2. package/dist/esm/theme/tokens/components/collection.js +1 -0
  3. package/dist/esm/theme/tokens/components/index.js +1 -1
  4. package/dist/esm/theme/tokens/components/searchField.js +1 -0
  5. package/dist/index.js +1 -16
  6. package/dist/styles.css +127 -6
  7. package/dist/theme.css +35 -1
  8. package/dist/types/machines/authenticator/actors/resetPassword.d.ts +1 -21
  9. package/dist/types/machines/authenticator/actors/signIn.d.ts +1 -21
  10. package/dist/types/machines/authenticator/actors/signOut.d.ts +1 -21
  11. package/dist/types/machines/authenticator/index.d.ts +1 -21
  12. package/dist/types/machines/authenticator/signUp.d.ts +1 -21
  13. package/dist/types/theme/tokens/components/button.d.ts +1 -1
  14. package/dist/types/theme/tokens/components/collection.d.ts +32 -0
  15. package/dist/types/theme/tokens/components/index.d.ts +4 -0
  16. package/dist/types/theme/tokens/components/pagination.d.ts +2 -2
  17. package/dist/types/theme/tokens/components/searchField.d.ts +15 -0
  18. package/package.json +2 -1
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Tue, 24 May 2022 22:52:46 GMT
6
+ * Generated on Wed, 08 Jun 2022 19:50:16 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -447,6 +447,7 @@
447
447
  --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
448
448
  --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
449
449
  --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
450
+ --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
450
451
  --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
451
452
  --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
452
453
  --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
@@ -719,6 +720,10 @@
719
720
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
720
721
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
721
722
  --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
723
+ --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
724
+ --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
725
+ --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);
722
727
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
723
728
  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
724
729
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
@@ -814,6 +819,14 @@
814
819
  --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
815
820
  --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
816
821
  --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
822
+ --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
823
+ --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
824
+ --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
825
+ --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
826
+ --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
827
+ --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
828
+ --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
829
+ --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
817
830
  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
818
831
  --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
819
832
  --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
@@ -832,6 +845,8 @@
832
845
  --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
833
846
  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
834
847
  --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
848
+ --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
849
+ --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
835
850
  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
836
851
  --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
837
852
  --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
@@ -860,10 +875,29 @@
860
875
  --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
861
876
  --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
862
877
  --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
878
+ --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
879
+ --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
880
+ --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
+ --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
863
883
  --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
884
+ --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
885
+ --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
886
+ --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
887
+ --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
888
+ --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
889
+ --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
890
+ --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
891
+ --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);
864
893
  --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
865
894
  --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
866
895
  --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
896
+ --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
897
+ --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
898
+ --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
+ --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
867
901
  }
868
902
 
869
903
  html {
@@ -1887,14 +1921,72 @@ strong.amplify-text {
1887
1921
  .amplify-collection {
1888
1922
  flex-direction: column;
1889
1923
  }
1890
-
1891
- .amplify-collection-search {
1892
- flex-direction: row;
1924
+ .amplify-collection-pagination {
1893
1925
  justify-content: center;
1926
+ --amplify-components-pagination-current-color: var(
1927
+ --amplify-components-collection-pagination-current-color
1928
+ );
1929
+ --amplify-components-pagination-current-background-color: var(
1930
+ --amplify-components-collection-pagination-current-background-color
1931
+ );
1932
+ --amplify-components-pagination-button-color: var(
1933
+ --amplify-components-collection-pagination-button-color
1934
+ );
1935
+ --amplify-components-pagination-button-hover-color: var(
1936
+ --amplify-components-collection-pagination-button-hover-color
1937
+ );
1938
+ --amplify-components-pagination-button-hover-background-color: var(
1939
+ --amplify-components-collection-pagination-button-hover-background-color
1940
+ );
1941
+ --amplify-components-pagination-button-disabled-color: var(
1942
+ --amplify-components-collection-pagination-button-disabled-color
1943
+ );
1894
1944
  }
1895
-
1896
- .amplify-collection-pagination {
1945
+ .amplify-collection-search {
1946
+ flex-direction: row;
1897
1947
  justify-content: center;
1948
+ --amplify-components-searchfield-input-color: var(
1949
+ --amplify-components-collection-search-input-color
1950
+ );
1951
+ --amplify-components-searchfield-button-color: var(
1952
+ --amplify-components-collection-search-button-color
1953
+ );
1954
+ --amplify-components-searchfield-button-active-background-color: var(
1955
+ --amplify-components-collection-search-button-active-background-color
1956
+ );
1957
+ --amplify-components-searchfield-button-active-border-color: var(
1958
+ --amplify-components-collection-search-button-active-border-color
1959
+ );
1960
+ --amplify-components-searchfield-button-active-color: var(
1961
+ --amplify-components-collection-search-button-active-color
1962
+ );
1963
+ --amplify-components-searchfield-button-disabled-background-color: var(
1964
+ --amplify-components-collection-search-button-disabled-background-color
1965
+ );
1966
+ --amplify-components-searchfield-button-disabled-border-color: var(
1967
+ --amplify-components-collection-search-button-disabled-border-color
1968
+ );
1969
+ --amplify-components-searchfield-button-disabled-color: var(
1970
+ --amplify-components-collection-search-button-disabled-color
1971
+ );
1972
+ --amplify-components-searchfield-button-focus-background-color: var(
1973
+ --amplify-components-collection-search-button-focus-background-color
1974
+ );
1975
+ --amplify-components-searchfield-button-focus-border-color: var(
1976
+ --amplify-components-collection-search-button-focus-border-color
1977
+ );
1978
+ --amplify-components-searchfield-button-focus-color: var(
1979
+ --amplify-components-collection-search-button-focus-color
1980
+ );
1981
+ --amplify-components-searchfield-button-hover-background-color: var(
1982
+ --amplify-components-collection-search-button-hover-background-color
1983
+ );
1984
+ --amplify-components-searchfield-button-hover-border-color: var(
1985
+ --amplify-components-collection-search-button-hover-border-color
1986
+ );
1987
+ --amplify-components-searchfield-button-hover-color: var(
1988
+ --amplify-components-collection-search-button-hover-color
1989
+ );
1898
1990
  }
1899
1991
 
1900
1992
  .amplify-checkbox {
@@ -2581,6 +2673,35 @@ html[dir=rtl] .amplify-field-group__inner-start {
2581
2673
  align-items: flex-start;
2582
2674
  }
2583
2675
 
2676
+ .amplify-searchfield {
2677
+ --amplify-components-fieldcontrol-color: var(
2678
+ --amplify-components-searchfield-input-color
2679
+ );
2680
+ }
2681
+ .amplify-searchfield__search {
2682
+ color: var(--amplify-components-searchfield-button-color);
2683
+ }
2684
+ .amplify-searchfield__search:active {
2685
+ background-color: var(--amplify-components-button-active-background-color);
2686
+ border-color: var(--amplify-components-button-active-border-color);
2687
+ color: var(--amplify-components-button-active-color);
2688
+ }
2689
+ .amplify-searchfield__search:disabled {
2690
+ background-color: var(--amplify-components-searchfield-button-disabled-background-color);
2691
+ border-color: var(--amplify-components-searchfield-button-disabled-border-color);
2692
+ color: var(--amplify-components-searchfield-button-disabled-color);
2693
+ }
2694
+ .amplify-searchfield__search:focus {
2695
+ background-color: var(--amplify-components-searchfield-button-focus-background-color);
2696
+ border-color: var(--amplify-components-searchfield-button-focus-border-color);
2697
+ color: var(--amplify-components-searchfield-button-focus-color);
2698
+ }
2699
+ .amplify-searchfield__search:hover {
2700
+ background-color: var(--amplify-components-searchfield-button-hover-background-color);
2701
+ border-color: var(--amplify-components-searchfield-button-hover-border-color);
2702
+ color: var(--amplify-components-searchfield-button-hover-color);
2703
+ }
2704
+
2584
2705
  .amplify-select__wrapper {
2585
2706
  flex: var(--amplify-components-select-wrapper-flex);
2586
2707
  display: var(--amplify-components-select-wrapper-display);
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 24 May 2022 22:52:46 GMT
3
+ * Generated on Wed, 08 Jun 2022 19:50:16 GMT
4
4
  */
5
5
 
6
6
  :root, [data-amplify-theme] {
@@ -445,6 +445,7 @@
445
445
  --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
446
446
  --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
447
447
  --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
448
+ --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
448
449
  --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
449
450
  --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
450
451
  --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
@@ -717,6 +718,10 @@
717
718
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
718
719
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
719
720
  --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
721
+ --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
722
+ --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
723
+ --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);
720
725
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
721
726
  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
722
727
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
@@ -812,6 +817,14 @@
812
817
  --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
813
818
  --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
814
819
  --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
820
+ --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
821
+ --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
822
+ --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
823
+ --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
824
+ --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
825
+ --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
826
+ --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
827
+ --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
815
828
  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
816
829
  --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
817
830
  --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
@@ -830,6 +843,8 @@
830
843
  --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
831
844
  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
832
845
  --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
846
+ --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
847
+ --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
833
848
  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
834
849
  --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
835
850
  --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
@@ -858,8 +873,27 @@
858
873
  --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
859
874
  --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
860
875
  --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
876
+ --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
877
+ --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
878
+ --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
+ --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
861
881
  --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
882
+ --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
883
+ --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
884
+ --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
885
+ --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
886
+ --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
887
+ --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
888
+ --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
889
+ --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);
862
891
  --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
863
892
  --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
864
893
  --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
894
+ --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
895
+ --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
896
+ --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
+ --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
865
899
  }
package/dist/types/machines/authenticator/actors/resetPassword.d.ts CHANGED
@@ -6,24 +6,4 @@ export declare type ResetPasswordMachineOptions = {
6
6
  export declare function resetPasswordActor({ services }: ResetPasswordMachineOptions): import("xstate").StateMachine<ResetPasswordContext, any, AuthEvent, {
7
7
  value: any;
8
8
  context: ResetPasswordContext;
9
- }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").TypegenDisabled & {
10
- missingImplementations: {
11
- actions: never;
12
- delays: never;
13
- guards: never;
14
- services: never;
15
- };
16
- } & {
17
- eventsCausingActions: Record<string, string>;
18
- eventsCausingDelays: Record<string, string>;
19
- eventsCausingGuards: Record<string, string>;
20
- eventsCausingServices: Record<string, string>;
21
- } & {
22
- indexedActions: import("xstate").IndexByType<import("xstate").BaseActionObject>;
23
- indexedEvents: Record<string, AuthEvent> & {
24
- __XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__: {
25
- data: any;
26
- };
27
- };
28
- invokeSrcNameMap: Record<string, "__XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__">;
29
- }>;
9
+ }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, AuthEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
package/dist/types/machines/authenticator/actors/signIn.d.ts CHANGED
@@ -6,24 +6,4 @@ export declare type SignInMachineOptions = {
6
6
  export declare function signInActor({ services }: SignInMachineOptions): import("xstate").StateMachine<SignInContext, any, AuthEvent, {
7
7
  value: any;
8
8
  context: SignInContext;
9
- }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").TypegenDisabled & {
10
- missingImplementations: {
11
- actions: never;
12
- delays: never;
13
- guards: never;
14
- services: never;
15
- };
16
- } & {
17
- eventsCausingActions: Record<string, string>;
18
- eventsCausingDelays: Record<string, string>;
19
- eventsCausingGuards: Record<string, string>;
20
- eventsCausingServices: Record<string, string>;
21
- } & {
22
- indexedActions: import("xstate").IndexByType<import("xstate").BaseActionObject>;
23
- indexedEvents: Record<string, AuthEvent> & {
24
- __XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__: {
25
- data: any;
26
- };
27
- };
28
- invokeSrcNameMap: Record<string, "__XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__">;
29
- }>;
9
+ }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, AuthEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
package/dist/types/machines/authenticator/actors/signOut.d.ts CHANGED
@@ -2,24 +2,4 @@ import { AuthEvent, SignOutContext } from '../../../types';
2
2
  export declare const signOutActor: import("xstate").StateMachine<SignOutContext, any, AuthEvent, {
3
3
  value: any;
4
4
  context: SignOutContext;
5
- }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").TypegenDisabled & {
6
- missingImplementations: {
7
- actions: never;
8
- delays: never;
9
- guards: never;
10
- services: never;
11
- };
12
- } & {
13
- eventsCausingActions: Record<string, string>;
14
- eventsCausingDelays: Record<string, string>;
15
- eventsCausingGuards: Record<string, string>;
16
- eventsCausingServices: Record<string, string>;
17
- } & {
18
- indexedActions: import("xstate").IndexByType<import("xstate").BaseActionObject>;
19
- indexedEvents: Record<string, AuthEvent> & {
20
- __XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__: {
21
- data: any;
22
- };
23
- };
24
- invokeSrcNameMap: Record<string, "__XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__">;
25
- }>;
5
+ }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, AuthEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
package/dist/types/machines/authenticator/index.d.ts CHANGED
@@ -5,24 +5,4 @@ export declare type AuthenticatorMachineOptions = AuthContext['config'] & {
5
5
  export declare function createAuthenticatorMachine(): import("xstate").StateMachine<AuthContext, any, AuthEvent, {
6
6
  value: any;
7
7
  context: AuthContext;
8
- }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").TypegenDisabled & {
9
- missingImplementations: {
10
- actions: never;
11
- delays: never;
12
- guards: never;
13
- services: never;
14
- };
15
- } & {
16
- eventsCausingActions: Record<string, string>;
17
- eventsCausingDelays: Record<string, string>;
18
- eventsCausingGuards: Record<string, string>;
19
- eventsCausingServices: Record<string, string>;
20
- } & {
21
- indexedActions: import("xstate").IndexByType<import("xstate").BaseActionObject>;
22
- indexedEvents: Record<string, AuthEvent> & {
23
- __XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__: {
24
- data: any;
25
- };
26
- };
27
- invokeSrcNameMap: Record<string, "__XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__">;
28
- }>;
8
+ }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, AuthEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
package/dist/types/machines/authenticator/signUp.d.ts CHANGED
@@ -6,24 +6,4 @@ export declare type SignUpMachineOptions = {
6
6
  export declare function createSignUpMachine({ services }: SignUpMachineOptions): import("xstate").StateMachine<SignUpContext, any, AuthEvent, {
7
7
  value: any;
8
8
  context: SignUpContext;
9
- }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").TypegenDisabled & {
10
- missingImplementations: {
11
- actions: never;
12
- delays: never;
13
- guards: never;
14
- services: never;
15
- };
16
- } & {
17
- eventsCausingActions: Record<string, string>;
18
- eventsCausingDelays: Record<string, string>;
19
- eventsCausingGuards: Record<string, string>;
20
- eventsCausingServices: Record<string, string>;
21
- } & {
22
- indexedActions: import("xstate").IndexByType<import("xstate").BaseActionObject>;
23
- indexedEvents: Record<string, AuthEvent> & {
24
- __XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__: {
25
- data: any;
26
- };
27
- };
28
- invokeSrcNameMap: Record<string, "__XSTATE_ALLOW_ANY_INVOKE_DATA_HACK__">;
29
- }>;
9
+ }, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, AuthEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
package/dist/types/theme/tokens/components/button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { AlignItemsValue, BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderStyleValue, BorderWidthValue, BoxShadowValue, ColorValue, DesignToken, FontSizeValue, FontWeightValue, JustifyContentValue, LineHeightValue, SpaceValue, TransitionDurationValue } from '../types/designToken';
2
- interface StateTokens {
2
+ export interface StateTokens {
3
3
  color: DesignToken<ColorValue>;
4
4
  backgroundColor: DesignToken<BackgroundColorValue>;
5
5
  borderColor: DesignToken<BorderColorValue>;
package/dist/types/theme/tokens/components/collection.d.ts ADDED
@@ -0,0 +1,32 @@
1
+ import { PaginationButtonDisabledTokens, PaginationButtonHoverTokens } from './pagination';
2
+ import { StateTokens } from './button';
3
+ import { BackgroundColorValue, ColorValue, DesignToken } from '../types/designToken';
4
+ interface PaginationTokens {
5
+ current: {
6
+ color: DesignToken<ColorValue>;
7
+ backgroundColor: DesignToken<BackgroundColorValue>;
8
+ };
9
+ button: {
10
+ color: DesignToken<ColorValue>;
11
+ _hover: PaginationButtonHoverTokens;
12
+ _disabled: PaginationButtonDisabledTokens;
13
+ };
14
+ }
15
+ export interface SearchTokens {
16
+ input: {
17
+ color: DesignToken<ColorValue>;
18
+ };
19
+ button: {
20
+ color: DesignToken<ColorValue>;
21
+ _active: StateTokens;
22
+ _disabled: StateTokens;
23
+ _focus: StateTokens;
24
+ _hover: StateTokens;
25
+ };
26
+ }
27
+ export interface CollectionTokens {
28
+ pagination: PaginationTokens;
29
+ search: SearchTokens;
30
+ }
31
+ export declare const collection: CollectionTokens;
32
+ export {};
package/dist/types/theme/tokens/components/index.d.ts CHANGED
@@ -5,6 +5,7 @@ import { ButtonTokens } from './button';
5
5
  import { CardTokens } from './card';
6
6
  import { CheckboxTokens } from './checkbox';
7
7
  import { CheckboxFieldTokens } from './checkboxField';
8
+ import { CollectionTokens } from './collection';
8
9
  import { CopyTokens } from './copy';
9
10
  import { CountryCodeSelectTokens } from './countryCodeSelect';
10
11
  import { DividerTokens } from './divider';
@@ -24,6 +25,7 @@ import { PaginationTokens } from './pagination';
24
25
  import { PlaceholderTokens } from './placeholder';
25
26
  import { RadioTokens } from './radio';
26
27
  import { RatingTokens } from './rating';
28
+ import { SearchFieldTokens } from './searchField';
27
29
  import { SelectTokens } from './select';
28
30
  import { SelectFieldTokens } from './selectField';
29
31
  import { SliderFieldTokens } from './sliderField';
@@ -42,6 +44,7 @@ export interface ComponentTokens {
42
44
  card: CardTokens;
43
45
  checkbox: CheckboxTokens;
44
46
  checkboxfield: CheckboxFieldTokens;
47
+ collection: CollectionTokens;
45
48
  copy: CopyTokens;
46
49
  countrycodeselect: CountryCodeSelectTokens;
47
50
  divider: DividerTokens;
@@ -61,6 +64,7 @@ export interface ComponentTokens {
61
64
  placeholder: PlaceholderTokens;
62
65
  radio: RadioTokens;
63
66
  rating: RatingTokens;
67
+ searchfield: SearchFieldTokens;
64
68
  select: SelectTokens;
65
69
  selectfield: SelectFieldTokens;
66
70
  sliderfield: SliderFieldTokens;
package/dist/types/theme/tokens/components/pagination.d.ts CHANGED
@@ -15,11 +15,11 @@ interface PaginationButtonTokens {
15
15
  hover: PaginationButtonHoverTokens;
16
16
  disabled: PaginationButtonDisabledTokens;
17
17
  }
18
- interface PaginationButtonHoverTokens {
18
+ export interface PaginationButtonHoverTokens {
19
19
  backgroundColor: DesignToken<BackgroundColorValue>;
20
20
  color: DesignToken<ColorValue>;
21
21
  }
22
- interface PaginationButtonDisabledTokens {
22
+ export interface PaginationButtonDisabledTokens {
23
23
  color: DesignToken<ColorValue>;
24
24
  }
25
25
  interface PaginationEllipsisTokens {
package/dist/types/theme/tokens/components/searchField.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { ColorValue, DesignToken } from '../types/designToken';
2
+ import { StateTokens } from './button';
3
+ interface SearchTokens {
4
+ color: DesignToken<ColorValue>;
5
+ _active: StateTokens;
6
+ _disabled: StateTokens;
7
+ _focus: StateTokens;
8
+ _hover: StateTokens;
9
+ }
10
+ export interface SearchFieldTokens {
11
+ color: DesignToken<ColorValue>;
12
+ button: SearchTokens;
13
+ }
14
+ export declare const searchfield: SearchFieldTokens;
15
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui",
3
- "version": "3.9.2",
3
+ "version": "3.10.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {
@@ -24,6 +24,7 @@
24
24
  },
25
25
  "files": [
26
26
  "dist",
27
+ "dist/esm/node_modules",
27
28
  "LICENSE"
28
29
  ],
29
30
  "scripts": {