@lets-events/react 11.0.0 → 11.0.1

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 (8) hide show
  1. package/.turbo/turbo-build.log +6 -6
  2. package/CHANGELOG.md +6 -0
  3. package/dist/index.d.mts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +27 -26
  6. package/dist/index.mjs +27 -26
  7. package/package.json +1 -1
  8. package/src/components/Button/styledComponents.ts +28 -27
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @lets-events/react@11.0.0 build
2
+ > @lets-events/react@11.0.1 build
3
3
  > tsup src/index.tsx --format esm,cjs --dts --external react
4
4
 
5
5
  CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
8
8
  CLI Target: es6
9
9
  ESM Build start
10
10
  CJS Build start
11
- ESM dist\index.mjs 275.49 KB
12
- ESM ⚡️ Build success in 209ms
13
- CJS dist\index.js 283.94 KB
14
- CJS ⚡️ Build success in 209ms
11
+ CJS dist\index.js 283.96 KB
12
+ CJS ⚡️ Build success in 222ms
13
+ ESM dist\index.mjs 275.51 KB
14
+ ESM ⚡️ Build success in 223ms
15
15
  DTS Build start
16
- DTS ⚡️ Build success in 3499ms
16
+ DTS ⚡️ Build success in 3557ms
17
17
  DTS dist\index.d.mts 347.68 KB
18
18
  DTS dist\index.d.ts 347.68 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @lets-events/react
2
2
 
3
+ ## 11.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - fix: text button size
8
+
3
9
  ## 11.0.0
4
10
 
5
11
  ### Major Changes
package/dist/index.d.mts CHANGED
@@ -411,8 +411,8 @@ declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Ele
411
411
 
412
412
  declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
413
413
  color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
414
- variant?: "text" | "contained" | "outlined" | undefined;
415
414
  size?: "medium" | "small" | "large" | "extraSmall" | undefined;
415
+ variant?: "text" | "contained" | "outlined" | undefined;
416
416
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
417
417
  outlinedBgColor?: "transparent" | "neutral" | undefined;
418
418
  radii?: "full" | undefined;
package/dist/index.d.ts CHANGED
@@ -411,8 +411,8 @@ declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Ele
411
411
 
412
412
  declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
413
413
  color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
414
- variant?: "text" | "contained" | "outlined" | undefined;
415
414
  size?: "medium" | "small" | "large" | "extraSmall" | undefined;
415
+ variant?: "text" | "contained" | "outlined" | undefined;
416
416
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
417
417
  outlinedBgColor?: "transparent" | "neutral" | undefined;
418
418
  radii?: "full" | undefined;
package/dist/index.js CHANGED
@@ -1855,12 +1855,39 @@ var ButtonStyled = styled(import_themes2.Button, {
1855
1855
  }
1856
1856
  }
1857
1857
  },
1858
+ size: {
1859
+ extraSmall: {
1860
+ height: "$24",
1861
+ fontSize: "$buttonExtraSmall",
1862
+ lineHeight: "$buttonExtraSmall",
1863
+ padding: "0 $12"
1864
+ },
1865
+ small: {
1866
+ height: "30px",
1867
+ fontSize: "$buttonSmall",
1868
+ lineHeight: "$buttonSmall",
1869
+ padding: "0 $14"
1870
+ },
1871
+ medium: {
1872
+ height: "40px",
1873
+ fontSize: "$buttonMedium",
1874
+ lineHeight: "$buttonMedium",
1875
+ padding: "0 $16"
1876
+ },
1877
+ large: {
1878
+ height: "48px",
1879
+ fontSize: "$buttonLarge",
1880
+ lineHeight: "$buttonLarge",
1881
+ padding: "0 $20"
1882
+ }
1883
+ },
1858
1884
  variant: {
1859
1885
  text: {
1860
1886
  backgroundColor: "transparent",
1861
1887
  boxShadow: "none",
1862
1888
  padding: 0,
1863
1889
  border: 0,
1890
+ height: "unset",
1864
1891
  color: "$$buttonColor"
1865
1892
  },
1866
1893
  contained: {
@@ -1885,32 +1912,6 @@ var ButtonStyled = styled(import_themes2.Button, {
1885
1912
  }
1886
1913
  }
1887
1914
  },
1888
- size: {
1889
- extraSmall: {
1890
- height: "$24",
1891
- fontSize: "$buttonExtraSmall",
1892
- lineHeight: "$buttonExtraSmall",
1893
- padding: "0 $12"
1894
- },
1895
- small: {
1896
- height: "30px",
1897
- fontSize: "$buttonSmall",
1898
- lineHeight: "$buttonSmall",
1899
- padding: "0 $14"
1900
- },
1901
- medium: {
1902
- height: "40px",
1903
- fontSize: "$buttonMedium",
1904
- lineHeight: "$buttonMedium",
1905
- padding: "0 $16"
1906
- },
1907
- large: {
1908
- height: "48px",
1909
- fontSize: "$buttonLarge",
1910
- lineHeight: "$buttonLarge",
1911
- padding: "0 $20"
1912
- }
1913
- },
1914
1915
  fontWeight: {
1915
1916
  regular: { fontWeight: "$regular" },
1916
1917
  medium: { fontWeight: "$medium" },
package/dist/index.mjs CHANGED
@@ -1768,12 +1768,39 @@ var ButtonStyled = styled(ButtonRadix, {
1768
1768
  }
1769
1769
  }
1770
1770
  },
1771
+ size: {
1772
+ extraSmall: {
1773
+ height: "$24",
1774
+ fontSize: "$buttonExtraSmall",
1775
+ lineHeight: "$buttonExtraSmall",
1776
+ padding: "0 $12"
1777
+ },
1778
+ small: {
1779
+ height: "30px",
1780
+ fontSize: "$buttonSmall",
1781
+ lineHeight: "$buttonSmall",
1782
+ padding: "0 $14"
1783
+ },
1784
+ medium: {
1785
+ height: "40px",
1786
+ fontSize: "$buttonMedium",
1787
+ lineHeight: "$buttonMedium",
1788
+ padding: "0 $16"
1789
+ },
1790
+ large: {
1791
+ height: "48px",
1792
+ fontSize: "$buttonLarge",
1793
+ lineHeight: "$buttonLarge",
1794
+ padding: "0 $20"
1795
+ }
1796
+ },
1771
1797
  variant: {
1772
1798
  text: {
1773
1799
  backgroundColor: "transparent",
1774
1800
  boxShadow: "none",
1775
1801
  padding: 0,
1776
1802
  border: 0,
1803
+ height: "unset",
1777
1804
  color: "$$buttonColor"
1778
1805
  },
1779
1806
  contained: {
@@ -1798,32 +1825,6 @@ var ButtonStyled = styled(ButtonRadix, {
1798
1825
  }
1799
1826
  }
1800
1827
  },
1801
- size: {
1802
- extraSmall: {
1803
- height: "$24",
1804
- fontSize: "$buttonExtraSmall",
1805
- lineHeight: "$buttonExtraSmall",
1806
- padding: "0 $12"
1807
- },
1808
- small: {
1809
- height: "30px",
1810
- fontSize: "$buttonSmall",
1811
- lineHeight: "$buttonSmall",
1812
- padding: "0 $14"
1813
- },
1814
- medium: {
1815
- height: "40px",
1816
- fontSize: "$buttonMedium",
1817
- lineHeight: "$buttonMedium",
1818
- padding: "0 $16"
1819
- },
1820
- large: {
1821
- height: "48px",
1822
- fontSize: "$buttonLarge",
1823
- lineHeight: "$buttonLarge",
1824
- padding: "0 $20"
1825
- }
1826
- },
1827
1828
  fontWeight: {
1828
1829
  regular: { fontWeight: "$regular" },
1829
1830
  medium: { fontWeight: "$medium" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lets-events/react",
3
- "version": "11.0.0",
3
+ "version": "11.0.1",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
package/src/components/Button/styledComponents.ts CHANGED
@@ -191,12 +191,39 @@ export const ButtonStyled = styled(ButtonRadix, {
191
191
  },
192
192
  },
193
193
  },
194
+ size: {
195
+ extraSmall: {
196
+ height: "$24",
197
+ fontSize: "$buttonExtraSmall",
198
+ lineHeight: "$buttonExtraSmall",
199
+ padding: "0 $12",
200
+ },
201
+ small: {
202
+ height: "30px",
203
+ fontSize: "$buttonSmall",
204
+ lineHeight: "$buttonSmall",
205
+ padding: "0 $14",
206
+ },
207
+ medium: {
208
+ height: "40px",
209
+ fontSize: "$buttonMedium",
210
+ lineHeight: "$buttonMedium",
211
+ padding: "0 $16",
212
+ },
213
+ large: {
214
+ height: "48px",
215
+ fontSize: "$buttonLarge",
216
+ lineHeight: "$buttonLarge",
217
+ padding: "0 $20",
218
+ },
219
+ },
194
220
  variant: {
195
221
  text: {
196
222
  backgroundColor: "transparent",
197
223
  boxShadow: "none",
198
224
  padding: 0,
199
225
  border: 0,
226
+ height: 'unset',
200
227
  color: "$$buttonColor",
201
228
  },
202
229
  contained: {
@@ -221,32 +248,6 @@ export const ButtonStyled = styled(ButtonRadix, {
221
248
  },
222
249
  },
223
250
  },
224
- size: {
225
- extraSmall: {
226
- height: "$24",
227
- fontSize: "$buttonExtraSmall",
228
- lineHeight: "$buttonExtraSmall",
229
- padding: "0 $12",
230
- },
231
- small: {
232
- height: "30px",
233
- fontSize: "$buttonSmall",
234
- lineHeight: "$buttonSmall",
235
- padding: "0 $14",
236
- },
237
- medium: {
238
- height: "40px",
239
- fontSize: "$buttonMedium",
240
- lineHeight: "$buttonMedium",
241
- padding: "0 $16",
242
- },
243
- large: {
244
- height: "48px",
245
- fontSize: "$buttonLarge",
246
- lineHeight: "$buttonLarge",
247
- padding: "0 $20",
248
- },
249
- },
250
251
  fontWeight: {
251
252
  regular: { fontWeight: "$regular" },
252
253
  medium: { fontWeight: "$medium" },
@@ -270,6 +271,6 @@ export const ButtonStyled = styled(ButtonRadix, {
270
271
  variant: "contained",
271
272
  color: "brand",
272
273
  size: "medium",
273
- fontWeight: "medium"
274
+ fontWeight: "medium",
274
275
  },
275
276
  });