@bosonprotocol/react-kit 0.34.0-alpha.27 → 0.34.0-alpha.29
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/cjs/components/buttons/BaseButton.d.ts +0 -2
- package/dist/cjs/components/buttons/BaseButton.d.ts.map +1 -1
- package/dist/cjs/components/buttons/BaseButton.js +2 -19
- package/dist/cjs/components/buttons/BaseButton.js.map +1 -1
- package/dist/cjs/components/buttons/Button.d.ts +1 -1
- package/dist/cjs/components/cta/common/CtaButton.d.ts.map +1 -1
- package/dist/cjs/components/cta/common/CtaButton.js +1 -1
- package/dist/cjs/components/cta/common/CtaButton.js.map +1 -1
- package/dist/cjs/components/cta/common/styles.d.ts.map +1 -1
- package/dist/cjs/components/cta/common/styles.js +10 -8
- package/dist/cjs/components/cta/common/styles.js.map +1 -1
- package/dist/cjs/components/form/BaseCheckbox.d.ts +1 -1
- package/dist/cjs/components/form/BaseCheckbox.d.ts.map +1 -1
- package/dist/cjs/components/form/BaseCheckbox.js +8 -4
- package/dist/cjs/components/form/BaseCheckbox.js.map +1 -1
- package/dist/cjs/components/form/Field.styles.d.ts +22 -22
- package/dist/cjs/components/form/Field.styles.d.ts.map +1 -1
- package/dist/cjs/components/form/Field.styles.js +1 -2
- package/dist/cjs/components/form/Field.styles.js.map +1 -1
- package/dist/cjs/components/form/Upload/BaseUpload.js +1 -1
- package/dist/cjs/components/form/Upload/BaseUpload.js.map +1 -1
- package/dist/cjs/components/form/types.d.ts +5 -2
- package/dist/cjs/components/form/types.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/SellerFinance/FinancesStyles.d.ts +22 -22
- package/dist/cjs/components/modal/components/common/detail/Detail.style.d.ts +51 -51
- package/dist/cjs/components/productCard/ProductCard.styles.d.ts +33 -33
- package/dist/cjs/components/ui/ThemedButton.d.ts +1 -1
- package/dist/cjs/components/ui/column/index.d.ts +1 -1
- package/dist/cjs/components/ui/styles.d.ts +1 -1
- package/dist/cjs/components/ui/styles.d.ts.map +1 -1
- package/dist/cjs/components/ui/styles.js +18 -27
- package/dist/cjs/components/ui/styles.js.map +1 -1
- package/dist/esm/components/buttons/BaseButton.d.ts +0 -2
- package/dist/esm/components/buttons/BaseButton.d.ts.map +1 -1
- package/dist/esm/components/buttons/BaseButton.js +2 -19
- package/dist/esm/components/buttons/BaseButton.js.map +1 -1
- package/dist/esm/components/buttons/Button.d.ts +1 -1
- package/dist/esm/components/cta/common/CtaButton.d.ts.map +1 -1
- package/dist/esm/components/cta/common/CtaButton.js +1 -1
- package/dist/esm/components/cta/common/CtaButton.js.map +1 -1
- package/dist/esm/components/cta/common/styles.d.ts.map +1 -1
- package/dist/esm/components/cta/common/styles.js +10 -8
- package/dist/esm/components/cta/common/styles.js.map +1 -1
- package/dist/esm/components/form/BaseCheckbox.d.ts +1 -1
- package/dist/esm/components/form/BaseCheckbox.d.ts.map +1 -1
- package/dist/esm/components/form/BaseCheckbox.js +7 -4
- package/dist/esm/components/form/BaseCheckbox.js.map +1 -1
- package/dist/esm/components/form/Field.styles.d.ts +22 -22
- package/dist/esm/components/form/Field.styles.d.ts.map +1 -1
- package/dist/esm/components/form/Field.styles.js +1 -2
- package/dist/esm/components/form/Field.styles.js.map +1 -1
- package/dist/esm/components/form/Upload/BaseUpload.js +1 -1
- package/dist/esm/components/form/Upload/BaseUpload.js.map +1 -1
- package/dist/esm/components/form/types.d.ts +5 -2
- package/dist/esm/components/form/types.d.ts.map +1 -1
- package/dist/esm/components/modal/components/SellerFinance/FinancesStyles.d.ts +22 -22
- package/dist/esm/components/modal/components/common/detail/Detail.style.d.ts +51 -51
- package/dist/esm/components/productCard/ProductCard.styles.d.ts +33 -33
- package/dist/esm/components/ui/ThemedButton.d.ts +1 -1
- package/dist/esm/components/ui/column/index.d.ts +1 -1
- package/dist/esm/components/ui/styles.d.ts +1 -1
- package/dist/esm/components/ui/styles.d.ts.map +1 -1
- package/dist/esm/components/ui/styles.js +17 -26
- package/dist/esm/components/ui/styles.js.map +1 -1
- package/package.json +5 -5
- package/src/components/buttons/BaseButton.tsx +1 -27
- package/src/components/cta/common/CtaButton.tsx +1 -1
- package/src/components/cta/common/styles.ts +10 -8
- package/src/components/form/BaseCheckbox.tsx +13 -2
- package/src/components/form/Field.styles.ts +1 -2
- package/src/components/form/Upload/BaseUpload.tsx +1 -1
- package/src/components/form/types.ts +12 -4
- package/src/components/ui/styles.ts +18 -27
|
@@ -35,25 +35,25 @@ export declare const WidgetButtonWrapper: import("styled-components").IStyledCom
|
|
|
35
35
|
} & {
|
|
36
36
|
height?: import("csstype").Property.Height<number | (string & {})> | undefined;
|
|
37
37
|
width?: import("csstype").Property.Width<number | (string & {})> | undefined;
|
|
38
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
39
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
40
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
38
41
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
42
|
+
alignSelf?: import("csstype").Property.AlignSelf | undefined;
|
|
43
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
39
44
|
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
40
45
|
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
41
46
|
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
42
47
|
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
43
|
-
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
44
48
|
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
48
|
-
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
49
|
-
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
50
|
-
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
51
|
-
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
52
|
-
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
49
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
50
|
+
justifySelf?: import("csstype").Property.JustifySelf | undefined;
|
|
53
51
|
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
54
52
|
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
54
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
55
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
56
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
57
57
|
} & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<import("react").ForwardRefExoticComponent<{
|
|
58
58
|
children?: import("react").ReactNode;
|
|
59
59
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -62,25 +62,25 @@ export declare const WidgetButtonWrapper: import("styled-components").IStyledCom
|
|
|
62
62
|
} & {
|
|
63
63
|
height?: import("csstype").Property.Height<number | (string & {})> | undefined;
|
|
64
64
|
width?: import("csstype").Property.Width<number | (string & {})> | undefined;
|
|
65
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
66
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
67
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
65
68
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
69
|
+
alignSelf?: import("csstype").Property.AlignSelf | undefined;
|
|
70
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
66
71
|
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
67
72
|
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
68
73
|
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
69
74
|
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
70
|
-
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
71
75
|
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
75
|
-
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
76
|
-
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
77
|
-
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
78
|
-
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
79
|
-
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
76
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
77
|
+
justifySelf?: import("csstype").Property.JustifySelf | undefined;
|
|
80
78
|
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
81
79
|
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
82
|
-
|
|
83
|
-
|
|
80
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
81
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
82
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
83
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
84
84
|
} & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
85
85
|
export declare const BosonExclusiveContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
86
86
|
export declare const BaseWidget: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
@@ -97,26 +97,26 @@ export declare const CommitAndRedeemButton: import("styled-components").IStyledC
|
|
|
97
97
|
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
98
98
|
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
99
99
|
opacity?: import("csstype").Property.Opacity | undefined;
|
|
100
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
101
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
102
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
103
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
100
104
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
105
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
101
106
|
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
102
107
|
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
103
108
|
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
104
109
|
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
105
|
-
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
106
110
|
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
110
|
-
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
111
|
-
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
112
|
-
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
113
|
-
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
114
|
-
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
111
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
112
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
115
113
|
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
116
114
|
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
117
|
-
|
|
118
|
-
|
|
115
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
116
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
117
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
119
118
|
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
119
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
120
120
|
} & import("react").HTMLAttributes<unknown> & {
|
|
121
121
|
children?: import("react").ReactNode;
|
|
122
122
|
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
@@ -132,26 +132,26 @@ export declare const CommitAndRedeemButton: import("styled-components").IStyledC
|
|
|
132
132
|
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
133
133
|
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
134
134
|
opacity?: import("csstype").Property.Opacity | undefined;
|
|
135
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
136
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
137
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
138
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
135
139
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
140
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
136
141
|
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
137
142
|
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
138
143
|
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
139
144
|
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
140
|
-
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
141
145
|
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
145
|
-
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
146
|
-
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
147
|
-
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
148
|
-
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
149
|
-
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
146
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
147
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
150
148
|
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
151
149
|
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
152
|
-
|
|
153
|
-
|
|
150
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
151
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
152
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
154
153
|
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
154
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
155
155
|
} & import("react").HTMLAttributes<unknown> & {
|
|
156
156
|
children?: import("react").ReactNode;
|
|
157
157
|
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
@@ -163,7 +163,7 @@ export declare const RaiseProblemButton: import("styled-components").IStyledComp
|
|
|
163
163
|
children?: import("react").ReactNode;
|
|
164
164
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
165
165
|
size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
|
|
166
|
-
themeVal?: "warning" | "
|
|
166
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
167
167
|
type?: "button" | "submit" | "reset" | undefined;
|
|
168
168
|
fill?: boolean | undefined;
|
|
169
169
|
step?: number | undefined;
|
|
@@ -174,7 +174,7 @@ export declare const RaiseProblemButton: import("styled-components").IStyledComp
|
|
|
174
174
|
children?: import("react").ReactNode;
|
|
175
175
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
176
176
|
size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
|
|
177
|
-
themeVal?: "warning" | "
|
|
177
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
178
178
|
type?: "button" | "submit" | "reset" | undefined;
|
|
179
179
|
fill?: boolean | undefined;
|
|
180
180
|
step?: number | undefined;
|
|
@@ -186,7 +186,7 @@ export declare const StyledCancelButton: import("styled-components").IStyledComp
|
|
|
186
186
|
children?: import("react").ReactNode;
|
|
187
187
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
188
188
|
size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
|
|
189
|
-
themeVal?: "warning" | "
|
|
189
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
190
190
|
type?: "button" | "submit" | "reset" | undefined;
|
|
191
191
|
fill?: boolean | undefined;
|
|
192
192
|
step?: number | undefined;
|
|
@@ -197,7 +197,7 @@ export declare const StyledCancelButton: import("styled-components").IStyledComp
|
|
|
197
197
|
children?: import("react").ReactNode;
|
|
198
198
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
199
199
|
size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
|
|
200
|
-
themeVal?: "warning" | "
|
|
200
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
201
201
|
type?: "button" | "submit" | "reset" | undefined;
|
|
202
202
|
fill?: boolean | undefined;
|
|
203
203
|
step?: number | undefined;
|
|
@@ -209,7 +209,7 @@ export declare const ContactSellerButton: import("styled-components").IStyledCom
|
|
|
209
209
|
children?: import("react").ReactNode;
|
|
210
210
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
211
211
|
size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
|
|
212
|
-
themeVal?: "warning" | "
|
|
212
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
213
213
|
type?: "button" | "submit" | "reset" | undefined;
|
|
214
214
|
fill?: boolean | undefined;
|
|
215
215
|
step?: number | undefined;
|
|
@@ -220,7 +220,7 @@ export declare const ContactSellerButton: import("styled-components").IStyledCom
|
|
|
220
220
|
children?: import("react").ReactNode;
|
|
221
221
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
222
222
|
size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
|
|
223
|
-
themeVal?: "warning" | "
|
|
223
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
224
224
|
type?: "button" | "submit" | "reset" | undefined;
|
|
225
225
|
fill?: boolean | undefined;
|
|
226
226
|
step?: number | undefined;
|
|
@@ -231,7 +231,7 @@ export declare const ContactSellerButton: import("styled-components").IStyledCom
|
|
|
231
231
|
children?: import("react").ReactNode;
|
|
232
232
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
233
233
|
size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
|
|
234
|
-
themeVal?: "warning" | "
|
|
234
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
235
235
|
type?: "button" | "submit" | "reset" | undefined;
|
|
236
236
|
fill?: boolean | undefined;
|
|
237
237
|
step?: number | undefined;
|
|
@@ -13,26 +13,26 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
|
|
|
13
13
|
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
14
14
|
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
15
15
|
opacity?: import("csstype").Property.Opacity | undefined;
|
|
16
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
17
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
18
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
19
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
16
20
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
21
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
17
22
|
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
18
23
|
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
19
24
|
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
20
25
|
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
21
|
-
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
22
26
|
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
26
|
-
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
27
|
-
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
28
|
-
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
29
|
-
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
30
|
-
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
27
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
28
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
31
29
|
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
32
30
|
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
32
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
33
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
35
34
|
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
35
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
36
36
|
} & import("react").HTMLAttributes<unknown> & {
|
|
37
37
|
children?: import("react").ReactNode;
|
|
38
38
|
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
@@ -48,26 +48,26 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
|
|
|
48
48
|
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
49
49
|
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
50
50
|
opacity?: import("csstype").Property.Opacity | undefined;
|
|
51
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
52
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
53
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
54
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
51
55
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
56
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
52
57
|
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
53
58
|
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
54
59
|
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
55
60
|
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
56
|
-
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
57
61
|
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
61
|
-
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
62
|
-
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
63
|
-
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
64
|
-
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
65
|
-
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
62
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
63
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
66
64
|
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
67
65
|
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
68
|
-
|
|
69
|
-
|
|
66
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
67
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
68
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
70
69
|
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
70
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
71
71
|
} & import("react").HTMLAttributes<unknown> & {
|
|
72
72
|
children?: import("react").ReactNode;
|
|
73
73
|
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
@@ -83,26 +83,26 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
|
|
|
83
83
|
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
84
84
|
letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
|
|
85
85
|
opacity?: import("csstype").Property.Opacity | undefined;
|
|
86
|
+
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
87
|
+
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
88
|
+
background?: import("csstype").Property.Background<number | (string & {})> | undefined;
|
|
89
|
+
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
86
90
|
alignItems?: import("csstype").Property.AlignItems | undefined;
|
|
91
|
+
columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
|
|
87
92
|
flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
|
|
88
93
|
flexDirection?: import("csstype").Property.FlexDirection | undefined;
|
|
89
94
|
flexGrow?: import("csstype").Property.FlexGrow | undefined;
|
|
90
95
|
flexShrink?: import("csstype").Property.FlexShrink | undefined;
|
|
91
|
-
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
92
96
|
flexWrap?: import("csstype").Property.FlexWrap | undefined;
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
|
|
96
|
-
flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
|
|
97
|
-
padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
|
|
98
|
-
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
99
|
-
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
100
|
-
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
97
|
+
justifyContent?: import("csstype").Property.JustifyContent | undefined;
|
|
98
|
+
lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
|
|
101
99
|
marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
|
|
102
100
|
marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
|
|
103
|
-
|
|
104
|
-
|
|
101
|
+
marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
|
|
102
|
+
marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
|
|
103
|
+
rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
|
|
105
104
|
textAlign?: import("csstype").Property.TextAlign | undefined;
|
|
105
|
+
margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
|
|
106
106
|
} & import("react").HTMLAttributes<unknown> & {
|
|
107
107
|
children?: import("react").ReactNode;
|
|
108
108
|
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
@@ -219,7 +219,7 @@ declare const ThemedButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
|
|
|
219
219
|
children?: string | React.ReactNode;
|
|
220
220
|
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
221
221
|
size?: "regular" | "small" | "large" | ButtonSize | undefined;
|
|
222
|
-
themeVal?: "warning" | "
|
|
222
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
223
223
|
type?: "button" | "submit" | "reset" | undefined;
|
|
224
224
|
fill?: boolean | undefined;
|
|
225
225
|
step?: number | undefined;
|
|
@@ -11,7 +11,7 @@ export declare const ColumnCenter: import("styled-components").IStyledComponent<
|
|
|
11
11
|
}>>, keyof import("react").Component<any, {}, any>>;
|
|
12
12
|
export declare const AutoColumn: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
13
13
|
$gap?: string | undefined;
|
|
14
|
-
$justify?: "start" | "end" | "
|
|
14
|
+
$justify?: "start" | "end" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
|
|
15
15
|
$grow?: true | undefined;
|
|
16
16
|
}>>;
|
|
17
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const transition: import("styled-components").RuleSet<object>;
|
|
2
|
+
export declare const buttonText: import("styled-components").RuleSet<object>;
|
|
2
3
|
export declare const button: import("styled-components").RuleSet<object>;
|
|
3
4
|
export declare const clamp: import("styled-components").RuleSet<object>;
|
|
4
5
|
export declare const boxShadow: import("styled-components").RuleSet<object>;
|
|
5
6
|
export declare const text: import("styled-components").RuleSet<object>;
|
|
6
|
-
export declare const buttonText: import("styled-components").RuleSet<object>;
|
|
7
7
|
export declare const small: import("styled-components").RuleSet<object>;
|
|
8
8
|
export declare const regular: import("styled-components").RuleSet<object>;
|
|
9
9
|
export declare const large: import("styled-components").RuleSet<object>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6CAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,6CAkBlB,CAAC;AACF,eAAO,MAAM,KAAK,6CAOjB,CAAC;AACF,eAAO,MAAM,SAAS,6CAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,6CAKhB,CAAC;AAEF,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,6CAMtB,CAAC;AAEF,eAAO,MAAM,MAAM,6CAkBlB,CAAC;AACF,eAAO,MAAM,KAAK,6CAOjB,CAAC;AACF,eAAO,MAAM,SAAS,6CAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,6CAKhB,CAAC;AAEF,eAAO,MAAM,KAAK,6CAMjB,CAAC;AACF,eAAO,MAAM,OAAO,6CAWnB,CAAC;AACF,eAAO,MAAM,KAAK,6CAWjB,CAAC"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.large = exports.regular = exports.small = exports.
|
|
3
|
+
exports.large = exports.regular = exports.small = exports.text = exports.boxShadow = exports.clamp = exports.button = exports.buttonText = exports.transition = void 0;
|
|
4
4
|
const styled_components_1 = require("styled-components");
|
|
5
5
|
const breakpoint_1 = require("../../lib/ui/breakpoint");
|
|
6
6
|
exports.transition = (0, styled_components_1.css) `
|
|
7
7
|
transition: all 150ms ease-in-out;
|
|
8
8
|
`;
|
|
9
|
+
exports.buttonText = (0, styled_components_1.css) `
|
|
10
|
+
letter-spacing: 0.5px;
|
|
11
|
+
font-style: normal;
|
|
12
|
+
font-size: 1rem;
|
|
13
|
+
font-weight: 500;
|
|
14
|
+
line-height: 24px;
|
|
15
|
+
`;
|
|
9
16
|
exports.button = (0, styled_components_1.css) `
|
|
10
17
|
box-sizing: border-box;
|
|
11
18
|
cursor: pointer;
|
|
@@ -19,7 +26,7 @@ exports.button = (0, styled_components_1.css) `
|
|
|
19
26
|
position: relative;
|
|
20
27
|
overflow: hidden;
|
|
21
28
|
box-shadow: 0px 0px 0px #000000;
|
|
22
|
-
|
|
29
|
+
${exports.buttonText}
|
|
23
30
|
${exports.transition}
|
|
24
31
|
svg {
|
|
25
32
|
${exports.transition}
|
|
@@ -46,51 +53,35 @@ exports.text = (0, styled_components_1.css) `
|
|
|
46
53
|
font-size: 0.875rem;
|
|
47
54
|
line-height: 24px;
|
|
48
55
|
`;
|
|
49
|
-
exports.buttonText = (0, styled_components_1.css) `
|
|
50
|
-
letter-spacing: 0.5px;
|
|
51
|
-
font-style: normal;
|
|
52
|
-
font-size: 1rem;
|
|
53
|
-
font-weight: 500;
|
|
54
|
-
line-height: 24px;
|
|
55
|
-
`;
|
|
56
56
|
exports.small = (0, styled_components_1.css) `
|
|
57
57
|
min-height: 2.125rem;
|
|
58
58
|
padding: 0.5rem 1rem;
|
|
59
|
-
|
|
60
|
-
font-size: 0.75rem !important;
|
|
61
|
-
}
|
|
62
|
-
#buttonText {
|
|
59
|
+
* {
|
|
63
60
|
font-size: 0.75rem;
|
|
64
61
|
}
|
|
65
62
|
`;
|
|
66
63
|
exports.regular = (0, styled_components_1.css) `
|
|
67
64
|
min-height: 2.813rem;
|
|
68
65
|
padding: 0.75rem 1.5rem;
|
|
69
|
-
|
|
70
|
-
font-size: 1rem
|
|
66
|
+
* {
|
|
67
|
+
font-size: 1rem;
|
|
71
68
|
}
|
|
72
69
|
${breakpoint_1.breakpoint.xxs} {
|
|
73
|
-
|
|
74
|
-
font-size: 0.875rem
|
|
70
|
+
* {
|
|
71
|
+
font-size: 0.875rem;
|
|
75
72
|
}
|
|
76
73
|
}
|
|
77
|
-
#buttonText {
|
|
78
|
-
font-size: 0.875rem;
|
|
79
|
-
}
|
|
80
74
|
`;
|
|
81
75
|
exports.large = (0, styled_components_1.css) `
|
|
82
76
|
min-height: 3.5rem;
|
|
83
77
|
padding: 1rem 2rem;
|
|
84
|
-
|
|
85
|
-
font-size: 1.125rem
|
|
78
|
+
* {
|
|
79
|
+
font-size: 1.125rem;
|
|
86
80
|
}
|
|
87
81
|
${breakpoint_1.breakpoint.xxs} {
|
|
88
|
-
|
|
89
|
-
font-size: 1rem
|
|
82
|
+
* {
|
|
83
|
+
font-size: 1rem;
|
|
90
84
|
}
|
|
91
85
|
}
|
|
92
|
-
#buttonText {
|
|
93
|
-
font-size: 1rem;
|
|
94
|
-
}
|
|
95
86
|
`;
|
|
96
87
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":";;;AAAA,yDAAwC;AACxC,wDAAqD;AAExC,QAAA,UAAU,GAAG,IAAA,uBAAG,EAAA;;CAE5B,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,uBAAG,EAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":";;;AAAA,yDAAwC;AACxC,wDAAqD;AAExC,QAAA,UAAU,GAAG,IAAA,uBAAG,EAAA;;CAE5B,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,uBAAG,EAAA;;;;;;CAM5B,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,uBAAG,EAAA;;;;;;;;;;;;;IAarB,kBAAU;IACV,kBAAU;;MAER,kBAAU;;CAEf,CAAC;AACW,QAAA,KAAK,GAAG,IAAA,uBAAG,EAAA;;;;;;;CAOvB,CAAC;AACW,QAAA,SAAS,GAAG,IAAA,uBAAG,EAAA;;;;;;CAM3B,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,uBAAG,EAAA;;;;;CAKtB,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,uBAAG,EAAA;;;;;;CAMvB,CAAC;AACW,QAAA,OAAO,GAAG,IAAA,uBAAG,EAAA;;;;;;IAMtB,uBAAU,CAAC,GAAG;;;;;CAKjB,CAAC;AACW,QAAA,KAAK,GAAG,IAAA,uBAAG,EAAA;;;;;;IAMpB,uBAAU,CAAC,GAAG;;;;;CAKjB,CAAC"}
|
|
@@ -27,7 +27,6 @@ export type BaseButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
27
27
|
size?: ButtonSizeProp;
|
|
28
28
|
theme: BaseButtonTheme;
|
|
29
29
|
fill?: boolean;
|
|
30
|
-
step?: number;
|
|
31
30
|
isLoading?: boolean;
|
|
32
31
|
tooltip?: string;
|
|
33
32
|
};
|
|
@@ -37,7 +36,6 @@ export declare const BaseButton: React.ForwardRefExoticComponent<React.ButtonHTM
|
|
|
37
36
|
size?: ButtonSizeProp | undefined;
|
|
38
37
|
theme: BaseButtonTheme;
|
|
39
38
|
fill?: boolean | undefined;
|
|
40
|
-
step?: number | undefined;
|
|
41
39
|
isLoading?: boolean | undefined;
|
|
42
40
|
tooltip?: string | undefined;
|
|
43
41
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,oBAAoB,EAEpB,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAe,EAAO,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,oBAAoB,EAEpB,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAe,EAAO,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAM/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAsF9C,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE;QACN,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC3C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC9C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAChC,CAAC;CACH,CAAC;AACF,KAAK,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU;eATV,eAAe;cAChB,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;;WAEzD,eAAe;;;;2CAoDvB,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef, useCallback } from "react";
|
|
2
2
|
import styled, { css } from "styled-components";
|
|
3
|
-
import { zIndex } from "../ui/zIndex";
|
|
4
3
|
import { Tooltip } from "../tooltip/Tooltip";
|
|
5
4
|
import * as Styles from "../ui/styles";
|
|
6
|
-
import { Typography } from "../ui/Typography";
|
|
7
5
|
import { theme } from "../../theme";
|
|
8
6
|
import { Loading } from "../ui/loading/Loading";
|
|
9
7
|
const colors = theme.colors.light;
|
|
@@ -78,17 +76,7 @@ const ButtonWithThemeProps = styled.button `
|
|
|
78
76
|
}
|
|
79
77
|
`};
|
|
80
78
|
`;
|
|
81
|
-
const
|
|
82
|
-
display: flex;
|
|
83
|
-
align-items: center;
|
|
84
|
-
justify-content: center;
|
|
85
|
-
gap: ${(props) => props.theme?.gap || "12px"};
|
|
86
|
-
position: relative;
|
|
87
|
-
z-index: ${zIndex.Button};
|
|
88
|
-
|
|
89
|
-
${() => Styles.buttonText};
|
|
90
|
-
`;
|
|
91
|
-
export const BaseButton = forwardRef(({ children, onClick, size = "regular", theme, type = "button", step = 0, fill = false, isLoading = false, tooltip = "", ...rest }, ref) => {
|
|
79
|
+
export const BaseButton = forwardRef(({ children, onClick, size = "regular", theme, type = "button", fill = false, isLoading = false, tooltip = "", ...rest }, ref) => {
|
|
92
80
|
const Wrapper = useCallback(({ children }) => {
|
|
93
81
|
if (tooltip !== "" && rest?.disabled) {
|
|
94
82
|
return (React.createElement(Tooltip, { wrap: false, content: tooltip }, children));
|
|
@@ -97,11 +85,6 @@ export const BaseButton = forwardRef(({ children, onClick, size = "regular", the
|
|
|
97
85
|
}, [rest?.disabled, tooltip]);
|
|
98
86
|
return (React.createElement(React.Fragment, null,
|
|
99
87
|
React.createElement(Wrapper, null,
|
|
100
|
-
React.createElement(ButtonWithThemeProps, { onClick: onClick, type: type, "$size": size, "$fill": fill ? fill : undefined, theme: theme, ...rest, ref: ref }, isLoading ?
|
|
101
|
-
children,
|
|
102
|
-
step !== 0 && (React.createElement(Typography, null,
|
|
103
|
-
React.createElement("small", null,
|
|
104
|
-
"Step ",
|
|
105
|
-
step)))))))));
|
|
88
|
+
React.createElement(ButtonWithThemeProps, { onClick: onClick, type: type, "$size": size, "$fill": fill ? fill : undefined, theme: theme, ...rest, ref: ref }, isLoading ? React.createElement(Loading, null) : children))));
|
|
106
89
|
});
|
|
107
90
|
//# sourceMappingURL=BaseButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EAEV,WAAW,EACZ,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,EAAE,EAAE,GAAG,EAAiB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAtt
|
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
10
10
|
size?: "regular" | "small" | "large" | import("../..").ButtonSize | undefined;
|
|
11
|
-
themeVal?: "warning" | "
|
|
11
|
+
themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
|
|
12
12
|
type?: "button" | "submit" | "reset" | undefined;
|
|
13
13
|
fill?: boolean | undefined;
|
|
14
14
|
step?: number | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CtaButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/cta/common/CtaButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,OAAO,EAAsB,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAE/E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMjD,KAAK,KAAK,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,kBAAkB,KAAK,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,QAAgB,EAChB,WAAmB,EACnB,SAAS,EACT,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,OAAO,EACP,YAAY,EACZ,cAAc,EACd,UAAc,EACd,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"CtaButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/cta/common/CtaButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,OAAO,EAAsB,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAE/E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMjD,KAAK,KAAK,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,kBAAkB,KAAK,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,QAAgB,EAChB,WAAmB,EACnB,SAAS,EACT,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,OAAO,EACP,YAAY,EACZ,cAAc,EACd,UAAc,EACd,QAAQ,EACR,IAAwB,EACxB,OAAyB,EACzB,SAAS,EACT,aAAa,EACb,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,eA6CV"}
|
|
@@ -6,7 +6,7 @@ import { Loading } from "../../ui/loading/Loading";
|
|
|
6
6
|
import { ButtonSize } from "../../ui/buttonSize";
|
|
7
7
|
import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
|
|
8
8
|
import { useMetaTx } from "../../../hooks/useMetaTx";
|
|
9
|
-
export function CtaButton({ disabled = false, showLoading = false, extraInfo, onSuccess, onError, onPendingSignature, onPendingTransaction, actions, defaultLabel, successPayload, waitBlocks = 1, children, size = ButtonSize.
|
|
9
|
+
export function CtaButton({ disabled = false, showLoading = false, extraInfo, onSuccess, onError, onPendingSignature, onPendingTransaction, actions, defaultLabel, successPayload, waitBlocks = 1, children, size = ButtonSize.Medium, variant = "secondaryFill", buttonRef, coreSdkConfig, ...rest }) {
|
|
10
10
|
const coreSdk = useCoreSdkOverrides({ coreSdkConfig });
|
|
11
11
|
const { isMetaTx } = useMetaTx(coreSdk);
|
|
12
12
|
const { clickHandler, isLoading } = useCtaClickHandler({
|