@embedreach/components 0.1.40 → 0.1.42

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.
@@ -24227,6 +24227,10 @@ const outline$2 = "reach-styles-module__outline___gFp3i";
24227
24227
  const secondary$2 = "reach-styles-module__secondary___Pd-e3";
24228
24228
  const ghost = "reach-styles-module__ghost___GcnJq";
24229
24229
  const link = "reach-styles-module__link___EgS2H";
24230
+ const sizeDefault = "reach-styles-module__sizeDefault___8kU5A";
24231
+ const sizeSm = "reach-styles-module__sizeSm___zPIEh";
24232
+ const sizeLg = "reach-styles-module__sizeLg___D2G8z";
24233
+ const sizeIcon = "reach-styles-module__sizeIcon___5XkYW";
24230
24234
  const styles$6 = {
24231
24235
  base: base$2,
24232
24236
  "default": "reach-styles-module__default___ny1h7",
@@ -24234,7 +24238,11 @@ const styles$6 = {
24234
24238
  outline: outline$2,
24235
24239
  secondary: secondary$2,
24236
24240
  ghost,
24237
- link
24241
+ link,
24242
+ sizeDefault,
24243
+ sizeSm,
24244
+ sizeLg,
24245
+ sizeIcon
24238
24246
  };
24239
24247
  const buttonVariants = cva([styles$6.base], {
24240
24248
  variants: {
@@ -24247,10 +24255,10 @@ const buttonVariants = cva([styles$6.base], {
24247
24255
  link: styles$6.link
24248
24256
  },
24249
24257
  size: {
24250
- default: styles$6["size-default"],
24251
- sm: styles$6["size-sm"],
24252
- lg: styles$6["size-lg"],
24253
- icon: styles$6["size-icon"]
24258
+ default: styles$6.sizeDefault,
24259
+ sm: styles$6.sizeSm,
24260
+ lg: styles$6.sizeLg,
24261
+ icon: styles$6.sizeIcon
24254
24262
  }
24255
24263
  },
24256
24264
  defaultVariants: {
@@ -24265,12 +24273,13 @@ const Button$1 = React.forwardRef(
24265
24273
  `BUTTON VARIANTS`,
24266
24274
  size2,
24267
24275
  variant,
24268
- buttonVariants({ variant, size: size2 })
24276
+ className2,
24277
+ buttonVariants({ variant, size: size2, className: className2 })
24269
24278
  );
24270
24279
  return /* @__PURE__ */ jsx(
24271
24280
  Comp,
24272
24281
  {
24273
- className: cn$1(buttonVariants({ variant, size: size2 }), className2),
24282
+ className: cn$1(buttonVariants({ variant, size: size2, className: className2 })),
24274
24283
  ref,
24275
24284
  ...props
24276
24285
  }
package/dist/index.umd.js CHANGED
@@ -24244,6 +24244,10 @@
24244
24244
  const secondary$2 = "reach-styles-module__secondary___Pd-e3";
24245
24245
  const ghost = "reach-styles-module__ghost___GcnJq";
24246
24246
  const link = "reach-styles-module__link___EgS2H";
24247
+ const sizeDefault = "reach-styles-module__sizeDefault___8kU5A";
24248
+ const sizeSm = "reach-styles-module__sizeSm___zPIEh";
24249
+ const sizeLg = "reach-styles-module__sizeLg___D2G8z";
24250
+ const sizeIcon = "reach-styles-module__sizeIcon___5XkYW";
24247
24251
  const styles$6 = {
24248
24252
  base: base$2,
24249
24253
  "default": "reach-styles-module__default___ny1h7",
@@ -24251,7 +24255,11 @@
24251
24255
  outline: outline$2,
24252
24256
  secondary: secondary$2,
24253
24257
  ghost,
24254
- link
24258
+ link,
24259
+ sizeDefault,
24260
+ sizeSm,
24261
+ sizeLg,
24262
+ sizeIcon
24255
24263
  };
24256
24264
  const buttonVariants = cva([styles$6.base], {
24257
24265
  variants: {
@@ -24264,10 +24272,10 @@
24264
24272
  link: styles$6.link
24265
24273
  },
24266
24274
  size: {
24267
- default: styles$6["size-default"],
24268
- sm: styles$6["size-sm"],
24269
- lg: styles$6["size-lg"],
24270
- icon: styles$6["size-icon"]
24275
+ default: styles$6.sizeDefault,
24276
+ sm: styles$6.sizeSm,
24277
+ lg: styles$6.sizeLg,
24278
+ icon: styles$6.sizeIcon
24271
24279
  }
24272
24280
  },
24273
24281
  defaultVariants: {
@@ -24282,12 +24290,13 @@
24282
24290
  `BUTTON VARIANTS`,
24283
24291
  size3,
24284
24292
  variant,
24285
- buttonVariants({ variant, size: size3 })
24293
+ className2,
24294
+ buttonVariants({ variant, size: size3, className: className2 })
24286
24295
  );
24287
24296
  return /* @__PURE__ */ jsxRuntime.jsx(
24288
24297
  Comp,
24289
24298
  {
24290
- className: cn$1(buttonVariants({ variant, size: size3 }), className2),
24299
+ className: cn$1(buttonVariants({ variant, size: size3, className: className2 })),
24291
24300
  ref,
24292
24301
  ...props
24293
24302
  }
package/dist/styles.css CHANGED
@@ -7685,25 +7685,25 @@ body {
7685
7685
  }
7686
7686
 
7687
7687
  /* Sizes */
7688
- .reach-styles-module__size-default___-1Oxf {
7688
+ .reach-styles-module__sizeDefault___8kU5A {
7689
7689
  height: 2.25rem; /* h-9 */
7690
7690
  padding: 0.5rem 1rem; /* px-4 py-2 */
7691
7691
  }
7692
7692
 
7693
- .reach-styles-module__size-sm___K6J9y {
7693
+ .reach-styles-module__sizeSm___zPIEh {
7694
7694
  height: 2rem; /* h-8 */
7695
7695
  border-radius: 0.375rem; /* rounded-md */
7696
7696
  padding: 0 0.75rem; /* px-3 */
7697
7697
  font-size: 0.75rem; /* text-xs */
7698
7698
  }
7699
7699
 
7700
- .reach-styles-module__size-lg___KzqS0 {
7700
+ .reach-styles-module__sizeLg___D2G8z {
7701
7701
  height: 2.5rem; /* h-10 */
7702
7702
  border-radius: 0.375rem; /* rounded-md */
7703
7703
  padding: 0 2rem; /* px-8 */
7704
7704
  }
7705
7705
 
7706
- .reach-styles-module__size-icon___VHuaq {
7706
+ .reach-styles-module__sizeIcon___5XkYW {
7707
7707
  height: 2.25rem; /* h-9 */
7708
7708
  width: 2.25rem; /* w-9 */
7709
7709
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@embedreach/components",
3
- "version": "0.1.40",
3
+ "version": "0.1.42",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.js",