@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
package/dist/esm/components/modal/components/common/detail/Detail.style.d.ts CHANGED
@@ -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;
package/dist/esm/components/productCard/ProductCard.styles.d.ts CHANGED
@@ -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;
package/dist/esm/components/ui/ThemedButton.d.ts CHANGED
@@ -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;
package/dist/esm/components/ui/column/index.d.ts CHANGED
@@ -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
package/dist/esm/components/ui/styles.d.ts CHANGED
@@ -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>;
package/dist/esm/components/ui/styles.d.ts.map CHANGED
@@ -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"}
package/dist/esm/components/ui/styles.js CHANGED
@@ -3,6 +3,13 @@ import { breakpoint } from "../../lib/ui/breakpoint";
3
3
  export const transition = css `
4
4
  transition: all 150ms ease-in-out;
5
5
  `;
6
+ export const buttonText = css `
7
+ letter-spacing: 0.5px;
8
+ font-style: normal;
9
+ font-size: 1rem;
10
+ font-weight: 500;
11
+ line-height: 24px;
12
+ `;
6
13
  export const button = css `
7
14
  box-sizing: border-box;
8
15
  cursor: pointer;
@@ -16,7 +23,7 @@ export const button = css `
16
23
  position: relative;
17
24
  overflow: hidden;
18
25
  box-shadow: 0px 0px 0px #000000;
19
-
26
+ ${buttonText}
20
27
  ${transition}
21
28
  svg {
22
29
  ${transition}
@@ -43,51 +50,35 @@ export const text = css `
43
50
  font-size: 0.875rem;
44
51
  line-height: 24px;
45
52
  `;
46
- export const buttonText = css `
47
- letter-spacing: 0.5px;
48
- font-style: normal;
49
- font-size: 1rem;
50
- font-weight: 500;
51
- line-height: 24px;
52
- `;
53
53
  export const small = css `
54
54
  min-height: 2.125rem;
55
55
  padding: 0.5rem 1rem;
56
- > * {
57
- font-size: 0.75rem !important;
58
- }
59
- #buttonText {
56
+ * {
60
57
  font-size: 0.75rem;
61
58
  }
62
59
  `;
63
60
  export const regular = css `
64
61
  min-height: 2.813rem;
65
62
  padding: 0.75rem 1.5rem;
66
- > * {
67
- font-size: 1rem !important;
63
+ * {
64
+ font-size: 1rem;
68
65
  }
69
66
  ${breakpoint.xxs} {
70
- > * {
71
- font-size: 0.875rem !important;
67
+ * {
68
+ font-size: 0.875rem;
72
69
  }
73
70
  }
74
- #buttonText {
75
- font-size: 0.875rem;
76
- }
77
71
  `;
78
72
  export const large = css `
79
73
  min-height: 3.5rem;
80
74
  padding: 1rem 2rem;
81
- > * {
82
- font-size: 1.125rem !important;
75
+ * {
76
+ font-size: 1.125rem;
83
77
  }
84
78
  ${breakpoint.xxs} {
85
- > * {
86
- font-size: 1rem !important;
79
+ * {
80
+ font-size: 1rem;
87
81
  }
88
82
  }
89
- #buttonText {
90
- font-size: 1rem;
91
- }
92
83
  `;
93
84
  //# sourceMappingURL=styles.js.map
package/dist/esm/components/ui/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;CAE5B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcrB,UAAU;;MAER,UAAU;;CAEf,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;CAOvB,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAM3B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;CAKtB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;CAM5B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;CASvB,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;IAMtB,UAAU,CAAC,GAAG;;;;;;;;CAQjB,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;IAMpB,UAAU,CAAC,GAAG;;;;;;;;CAQjB,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;CAE5B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;CAM5B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;IAarB,UAAU;IACV,UAAU;;MAER,UAAU;;CAEf,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;CAOvB,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAM3B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;CAKtB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;CAMvB,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAA;;;;;;IAMtB,UAAU,CAAC,GAAG;;;;;CAKjB,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;IAMpB,UAAU,CAAC,GAAG;;;;;CAKjB,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bosonprotocol/react-kit",
3
3
  "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
4
- "version": "0.34.0-alpha.27",
4
+ "version": "0.34.0-alpha.29",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.41.0-alpha.29",
19
- "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.15",
20
- "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.27",
18
+ "@bosonprotocol/core-sdk": "^1.41.0-alpha.31",
19
+ "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.17",
20
+ "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.29",
21
21
  "@davatar/react": "1.11.1",
22
22
  "@ethersproject/units": "5.6.0",
23
23
  "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
188
188
  "overrides": {
189
189
  "typescript": "^5.1.6"
190
190
  },
191
- "gitHead": "6896e3ed8e353fcdc8a6377ea5a89e6feee055f6"
191
+ "gitHead": "e5b74ec91225b29bd63df9c979b7d4964aa00b55"
192
192
  }
package/src/components/buttons/BaseButton.tsx CHANGED
@@ -6,10 +6,8 @@ import React, {
6
6
  } from "react";
7
7
  import styled, { css, CSSProperties } from "styled-components";
8
8
 
9
- import { zIndex } from "../ui/zIndex";
10
9
  import { Tooltip } from "../tooltip/Tooltip";
11
10
  import * as Styles from "../ui/styles";
12
- import { Typography } from "../ui/Typography";
13
11
  import { theme } from "../../theme";
14
12
  import { Loading } from "../ui/loading/Loading";
15
13
  import { ButtonSize } from "../ui/buttonSize";
@@ -98,17 +96,6 @@ const ButtonWithThemeProps = styled.button<
98
96
  `};
99
97
  `;
100
98
 
101
- const ChildWrapperButton = styled.div`
102
- display: flex;
103
- align-items: center;
104
- justify-content: center;
105
- gap: ${(props) => props.theme?.gap || "12px"};
106
- position: relative;
107
- z-index: ${zIndex.Button};
108
-
109
- ${() => Styles.buttonText};
110
- `;
111
-
112
99
  export type BaseButtonTheme = {
113
100
  background?: CSSProperties["backgroundColor"];
114
101
  borderColor?: CSSProperties["borderColor"];
@@ -136,7 +123,6 @@ export type BaseButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
136
123
  size?: ButtonSizeProp;
137
124
  theme: BaseButtonTheme;
138
125
  fill?: boolean;
139
- step?: number;
140
126
  isLoading?: boolean;
141
127
  tooltip?: string;
142
128
  };
@@ -149,7 +135,6 @@ export const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(
149
135
  size = "regular",
150
136
  theme,
151
137
  type = "button",
152
- step = 0,
153
138
  fill = false,
154
139
  isLoading = false,
155
140
  tooltip = "",
@@ -182,18 +167,7 @@ export const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(
182
167
  {...rest}
183
168
  ref={ref}
184
169
  >
185
- {isLoading ? (
186
- <Loading />
187
- ) : (
188
- <ChildWrapperButton data-child-wrapper-button theme={theme}>
189
- {children}
190
- {step !== 0 && (
191
- <Typography>
192
- <small>Step {step}</small>
193
- </Typography>
194
- )}
195
- </ChildWrapperButton>
196
- )}
170
+ {isLoading ? <Loading /> : children}
197
171
  </ButtonWithThemeProps>
198
172
  </Wrapper>
199
173
  </>
package/src/components/cta/common/CtaButton.tsx CHANGED
@@ -29,7 +29,7 @@ export function CtaButton<T>({
29
29
  successPayload,
30
30
  waitBlocks = 1,
31
31
  children,
32
- size = ButtonSize.Large,
32
+ size = ButtonSize.Medium,
33
33
  variant = "secondaryFill",
34
34
  buttonRef,
35
35
  coreSdkConfig,
package/src/components/cta/common/styles.ts CHANGED
@@ -1,14 +1,16 @@
1
1
  import styled from "styled-components";
2
2
 
3
3
  export const ExtraInfo = styled.span`
4
- display: flex;
5
- justify-content: center;
6
- align-items: center;
7
- font-style: normal;
8
- font-weight: 600;
9
- font-size: 0.75rem;
10
- line-height: 150%;
11
- opacity: 0.5;
4
+ &&& {
5
+ display: flex;
6
+ justify-content: center;
7
+ align-items: center;
8
+ font-style: normal;
9
+ font-weight: 600;
10
+ font-size: 0.75rem;
11
+ line-height: 150%;
12
+ opacity: 0.5;
13
+ }
12
14
  `;
13
15
 
14
16
  export const ButtonTextWrapper = styled.div`