@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.
- package/dist/chunks/index.js +16 -7
- package/dist/index.umd.js +16 -7
- package/dist/styles.css +4 -4
- package/package.json +1 -1
package/dist/chunks/index.js
CHANGED
|
@@ -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
|
|
24251
|
-
sm: styles$6
|
|
24252
|
-
lg: styles$6
|
|
24253
|
-
icon: styles$6
|
|
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
|
-
|
|
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
|
|
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
|
|
24268
|
-
sm: styles$6
|
|
24269
|
-
lg: styles$6
|
|
24270
|
-
icon: styles$6
|
|
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
|
-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
7706
|
+
.reach-styles-module__sizeIcon___5XkYW {
|
|
7707
7707
|
height: 2.25rem; /* h-9 */
|
|
7708
7708
|
width: 2.25rem; /* w-9 */
|
|
7709
7709
|
}
|