@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.
Files changed (73) hide show
  1. package/dist/cjs/components/buttons/BaseButton.d.ts +0 -2
  2. package/dist/cjs/components/buttons/BaseButton.d.ts.map +1 -1
  3. package/dist/cjs/components/buttons/BaseButton.js +2 -19
  4. package/dist/cjs/components/buttons/BaseButton.js.map +1 -1
  5. package/dist/cjs/components/buttons/Button.d.ts +1 -1
  6. package/dist/cjs/components/cta/common/CtaButton.d.ts.map +1 -1
  7. package/dist/cjs/components/cta/common/CtaButton.js +1 -1
  8. package/dist/cjs/components/cta/common/CtaButton.js.map +1 -1
  9. package/dist/cjs/components/cta/common/styles.d.ts.map +1 -1
  10. package/dist/cjs/components/cta/common/styles.js +10 -8
  11. package/dist/cjs/components/cta/common/styles.js.map +1 -1
  12. package/dist/cjs/components/form/BaseCheckbox.d.ts +1 -1
  13. package/dist/cjs/components/form/BaseCheckbox.d.ts.map +1 -1
  14. package/dist/cjs/components/form/BaseCheckbox.js +8 -4
  15. package/dist/cjs/components/form/BaseCheckbox.js.map +1 -1
  16. package/dist/cjs/components/form/Field.styles.d.ts +22 -22
  17. package/dist/cjs/components/form/Field.styles.d.ts.map +1 -1
  18. package/dist/cjs/components/form/Field.styles.js +1 -2
  19. package/dist/cjs/components/form/Field.styles.js.map +1 -1
  20. package/dist/cjs/components/form/Upload/BaseUpload.js +1 -1
  21. package/dist/cjs/components/form/Upload/BaseUpload.js.map +1 -1
  22. package/dist/cjs/components/form/types.d.ts +5 -2
  23. package/dist/cjs/components/form/types.d.ts.map +1 -1
  24. package/dist/cjs/components/modal/components/SellerFinance/FinancesStyles.d.ts +22 -22
  25. package/dist/cjs/components/modal/components/common/detail/Detail.style.d.ts +51 -51
  26. package/dist/cjs/components/productCard/ProductCard.styles.d.ts +33 -33
  27. package/dist/cjs/components/ui/ThemedButton.d.ts +1 -1
  28. package/dist/cjs/components/ui/column/index.d.ts +1 -1
  29. package/dist/cjs/components/ui/styles.d.ts +1 -1
  30. package/dist/cjs/components/ui/styles.d.ts.map +1 -1
  31. package/dist/cjs/components/ui/styles.js +18 -27
  32. package/dist/cjs/components/ui/styles.js.map +1 -1
  33. package/dist/esm/components/buttons/BaseButton.d.ts +0 -2
  34. package/dist/esm/components/buttons/BaseButton.d.ts.map +1 -1
  35. package/dist/esm/components/buttons/BaseButton.js +2 -19
  36. package/dist/esm/components/buttons/BaseButton.js.map +1 -1
  37. package/dist/esm/components/buttons/Button.d.ts +1 -1
  38. package/dist/esm/components/cta/common/CtaButton.d.ts.map +1 -1
  39. package/dist/esm/components/cta/common/CtaButton.js +1 -1
  40. package/dist/esm/components/cta/common/CtaButton.js.map +1 -1
  41. package/dist/esm/components/cta/common/styles.d.ts.map +1 -1
  42. package/dist/esm/components/cta/common/styles.js +10 -8
  43. package/dist/esm/components/cta/common/styles.js.map +1 -1
  44. package/dist/esm/components/form/BaseCheckbox.d.ts +1 -1
  45. package/dist/esm/components/form/BaseCheckbox.d.ts.map +1 -1
  46. package/dist/esm/components/form/BaseCheckbox.js +7 -4
  47. package/dist/esm/components/form/BaseCheckbox.js.map +1 -1
  48. package/dist/esm/components/form/Field.styles.d.ts +22 -22
  49. package/dist/esm/components/form/Field.styles.d.ts.map +1 -1
  50. package/dist/esm/components/form/Field.styles.js +1 -2
  51. package/dist/esm/components/form/Field.styles.js.map +1 -1
  52. package/dist/esm/components/form/Upload/BaseUpload.js +1 -1
  53. package/dist/esm/components/form/Upload/BaseUpload.js.map +1 -1
  54. package/dist/esm/components/form/types.d.ts +5 -2
  55. package/dist/esm/components/form/types.d.ts.map +1 -1
  56. package/dist/esm/components/modal/components/SellerFinance/FinancesStyles.d.ts +22 -22
  57. package/dist/esm/components/modal/components/common/detail/Detail.style.d.ts +51 -51
  58. package/dist/esm/components/productCard/ProductCard.styles.d.ts +33 -33
  59. package/dist/esm/components/ui/ThemedButton.d.ts +1 -1
  60. package/dist/esm/components/ui/column/index.d.ts +1 -1
  61. package/dist/esm/components/ui/styles.d.ts +1 -1
  62. package/dist/esm/components/ui/styles.d.ts.map +1 -1
  63. package/dist/esm/components/ui/styles.js +17 -26
  64. package/dist/esm/components/ui/styles.js.map +1 -1
  65. package/package.json +5 -5
  66. package/src/components/buttons/BaseButton.tsx +1 -27
  67. package/src/components/cta/common/CtaButton.tsx +1 -1
  68. package/src/components/cta/common/styles.ts +10 -8
  69. package/src/components/form/BaseCheckbox.tsx +13 -2
  70. package/src/components/form/Field.styles.ts +1 -2
  71. package/src/components/form/Upload/BaseUpload.tsx +1 -1
  72. package/src/components/form/types.ts +12 -4
  73. 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
- rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
46
- columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
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
- alignSelf?: import("csstype").Property.AlignSelf | undefined;
56
- justifySelf?: import("csstype").Property.JustifySelf | undefined;
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
- rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
73
- columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
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
- alignSelf?: import("csstype").Property.AlignSelf | undefined;
83
- justifySelf?: import("csstype").Property.JustifySelf | undefined;
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
- rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
108
- columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
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
- lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
118
- background?: import("csstype").Property.Background<number | (string & {})> | undefined;
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
- rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
143
- columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
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
- lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
153
- background?: import("csstype").Property.Background<number | (string & {})> | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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
- rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
24
- columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
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
- lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
34
- background?: import("csstype").Property.Background<number | (string & {})> | undefined;
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
- rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
59
- columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
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
- lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
69
- background?: import("csstype").Property.Background<number | (string & {})> | undefined;
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
- rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
94
- columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
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
- lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
104
- background?: import("csstype").Property.Background<number | (string & {})> | undefined;
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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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" | "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | undefined;
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,UAAU,6CAMtB,CAAC;AAEF,eAAO,MAAM,KAAK,6CASjB,CAAC;AACF,eAAO,MAAM,OAAO,6CAcnB,CAAC;AACF,eAAO,MAAM,KAAK,6CAcjB,CAAC"}
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.buttonText = exports.text = exports.boxShadow = exports.clamp = exports.button = exports.transition = void 0;
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 !important;
66
+ * {
67
+ font-size: 1rem;
71
68
  }
72
69
  ${breakpoint_1.breakpoint.xxs} {
73
- > * {
74
- font-size: 0.875rem !important;
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 !important;
78
+ * {
79
+ font-size: 1.125rem;
86
80
  }
87
81
  ${breakpoint_1.breakpoint.xxs} {
88
- > * {
89
- font-size: 1rem !important;
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;;;;;;;;;;;;;;IAcrB,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,UAAU,GAAG,IAAA,uBAAG,EAAA;;;;;;CAM5B,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,uBAAG,EAAA;;;;;;;;;CASvB,CAAC;AACW,QAAA,OAAO,GAAG,IAAA,uBAAG,EAAA;;;;;;IAMtB,uBAAU,CAAC,GAAG;;;;;;;;CAQjB,CAAC;AACW,QAAA,KAAK,GAAG,IAAA,uBAAG,EAAA;;;;;;IAMpB,uBAAU,CAAC,GAAG;;;;;;;;CAQjB,CAAC"}
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;AAQ/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAiG9C,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,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU;eAVV,eAAe;cAChB,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;;WAEzD,eAAe;;;;;2CAiEvB,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 ChildWrapperButton = styled.div `
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 ? (React.createElement(Loading, null)) : (React.createElement(ChildWrapperButton, { "data-child-wrapper-button": true, theme: theme },
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":"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"}
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,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAKzC;IACG,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM;IACnB,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAA4B,CAAC;;kBAEvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,IAAI,aAAa;kBACpD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,IAAI,CAAC;mBACvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,IAAI,CAAC;IACxD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE;WAC7D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,SAAS;sBAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,IAAI,aAAa;;cAE3D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,SAAS;;IAEpD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK;IACT,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,EAAE;IACN,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK,EAAE,KAAK;IAClB,GAAG,CAAA;;4BAEqB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU;UAC/C,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QAC1B,GAAG,CAAA;mBACQ,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;;oBAEtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;;wBAEnB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;;;wBAGvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;;;wBAGvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;;;SAGtC;UACC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW;QAChC,GAAG,CAAA;0BACe,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAC9C;;KAEJ;IACD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK,EAAE,OAAO;IAClB,CAAC,CAAC,GAAG,CAAA;qBACU,KAAK,CAAC,KAAK,CAAC,OAAO;SAC/B;IACH,CAAC,CAAC,EAAE;;IAEN,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK,EAAE,QAAQ;IACnB,CAAC,CAAC,GAAG,CAAA;;gCAEqB,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAU;QACpD,aAAa;qBACJ,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,IAAI,MAAM,CAAC,QAAQ;;;;;SAK1D;IACH,CAAC,CAAC,GAAG,CAAA;;gCAEqB,MAAM,CAAC,SAAS;qBAC3B,MAAM,CAAC,QAAQ;;;;;SAK3B;CACR,CAAC;AAiCF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,EAAE,EACZ,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;QACxC,IAAI,OAAO,KAAK,EAAE,IAAI,IAAI,EAAE,QAAQ,EAAE;YACpC,OAAO,CACL,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IACnC,QAAQ,CACD,CACX,CAAC;SACH;QACD,OAAO,0CAAG,QAAQ,CAAI,CAAC;IACzB,CAAC,EACD,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAC1B,CAAC;IACF,OAAO,CACL;QACE,oBAAC,OAAO;YACN,oBAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,WACH,IAAI,WACJ,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9B,KAAK,EAAE,KAAK,KACR,IAAI,EACR,GAAG,EAAE,GAAG,IAEP,SAAS,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAG,CAAC,CAAC,CAAC,QAAQ,CACd,CACf,CACT,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -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" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
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,IAAuB,EACvB,OAAyB,EACzB,SAAS,EACT,aAAa,EACb,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,eA6CV"}
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.Large, variant = "secondaryFill", buttonRef, coreSdkConfig, ...rest }) {
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({