@useloops/design-system 1.4.355 → 1.4.357
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +2 -2
- package/dist/index.d.ts +15 -10
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -807,8 +807,9 @@ declare const passwordValidation: (min?: number) => {
|
|
|
807
807
|
};
|
|
808
808
|
};
|
|
809
809
|
|
|
810
|
-
declare const subtle: (theme: Theme) => {
|
|
810
|
+
declare const subtle: (theme: Theme, destructive?: boolean) => {
|
|
811
811
|
backgroundColor: string;
|
|
812
|
+
color: string;
|
|
812
813
|
fontWeight: number;
|
|
813
814
|
'&:focus:before': {
|
|
814
815
|
boxShadow: string;
|
|
@@ -817,8 +818,9 @@ declare const subtle: (theme: Theme) => {
|
|
|
817
818
|
boxShadow: string;
|
|
818
819
|
};
|
|
819
820
|
};
|
|
820
|
-
declare const outlined$1: (theme: Theme) => {
|
|
821
|
+
declare const outlined$1: (theme: Theme, destructive?: boolean) => {
|
|
821
822
|
backgroundColor: string;
|
|
823
|
+
color: string;
|
|
822
824
|
border: string;
|
|
823
825
|
'&:focus:before': {
|
|
824
826
|
boxShadow: string;
|
|
@@ -836,29 +838,30 @@ declare const outlined$1: (theme: Theme) => {
|
|
|
836
838
|
border: string;
|
|
837
839
|
};
|
|
838
840
|
};
|
|
839
|
-
declare const secondary: (theme: Theme) => {
|
|
840
|
-
backgroundColor:
|
|
841
|
+
declare const secondary: (theme: Theme, destructive?: boolean) => {
|
|
842
|
+
backgroundColor: any;
|
|
843
|
+
color: string;
|
|
841
844
|
'&:focus:before': {
|
|
842
845
|
boxShadow: string;
|
|
843
846
|
};
|
|
844
847
|
'&:hover': {
|
|
845
|
-
backgroundColor:
|
|
848
|
+
backgroundColor: any;
|
|
846
849
|
};
|
|
847
850
|
'&:focus-visible': {
|
|
848
851
|
boxShadow: string;
|
|
849
852
|
};
|
|
850
853
|
'&:active': {
|
|
851
|
-
backgroundColor:
|
|
854
|
+
backgroundColor: any;
|
|
852
855
|
};
|
|
853
856
|
};
|
|
854
|
-
declare const primary: (theme: Theme) => {
|
|
855
|
-
backgroundColor:
|
|
857
|
+
declare const primary: (theme: Theme, destructive?: boolean) => {
|
|
858
|
+
backgroundColor: any;
|
|
856
859
|
color: string;
|
|
857
860
|
'&:focus:before': {
|
|
858
861
|
boxShadow: string;
|
|
859
862
|
};
|
|
860
863
|
'&:hover': {
|
|
861
|
-
backgroundColor:
|
|
864
|
+
backgroundColor: any;
|
|
862
865
|
color: string;
|
|
863
866
|
'&::before': {
|
|
864
867
|
backgroundColor: string;
|
|
@@ -871,7 +874,7 @@ declare const primary: (theme: Theme) => {
|
|
|
871
874
|
};
|
|
872
875
|
};
|
|
873
876
|
'&:active': {
|
|
874
|
-
backgroundColor:
|
|
877
|
+
backgroundColor: any;
|
|
875
878
|
color: string;
|
|
876
879
|
'&::before': {
|
|
877
880
|
backgroundColor: string;
|
|
@@ -880,6 +883,7 @@ declare const primary: (theme: Theme) => {
|
|
|
880
883
|
};
|
|
881
884
|
declare const buttonInteraction: (theme: Theme, active?: boolean) => {
|
|
882
885
|
backgroundColor: string;
|
|
886
|
+
color: string;
|
|
883
887
|
fontWeight: number;
|
|
884
888
|
'&:focus:before': {
|
|
885
889
|
boxShadow: string;
|
|
@@ -1029,6 +1033,7 @@ declare const ButtonBase: ({ children, loading, sizing, ...rest }: ButtonBasePro
|
|
|
1029
1033
|
|
|
1030
1034
|
interface ButtonProps extends Partial<ButtonBaseProps> {
|
|
1031
1035
|
variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
|
|
1036
|
+
destructive?: boolean;
|
|
1032
1037
|
href?: string;
|
|
1033
1038
|
fullWidth?: boolean;
|
|
1034
1039
|
endIcon?: ReactElement;
|