@modul/mbui 0.0.19-beta-pv-53151-e38167d1 → 0.0.19-beta-pv-53151-20bb3cae

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 (5) hide show
  1. package/dist/Button/Button.d.ts +4 -4
  2. package/dist/Button/Button.js +2 -3
  3. package/dist/Button/Button.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/Button/Button.tsx +10 -7
package/dist/Button/Button.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  import * as React from 'react';
2
- interface IButtonProps {
2
+ import { type VariantProps } from 'class-variance-authority';
3
+ interface IVariantProps {
3
4
  variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
4
5
  className?: string;
5
6
  icon?: boolean;
6
7
  }
7
- declare const buttonVariants: ({ variant, className, icon }: IButtonProps) => string;
8
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
8
+ declare const buttonVariants: ({ variant, className, icon }: IVariantProps) => string;
9
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
9
10
  asChild?: boolean;
10
11
  icon?: boolean;
11
- variant?: string;
12
12
  }
13
13
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
14
14
  export { Button, buttonVariants };
package/dist/Button/Button.js CHANGED
@@ -21,6 +21,7 @@ const buttonClasses = {
21
21
  disabled:pointer-events-none
22
22
  transition-colors
23
23
  whitespace-nowrap
24
+ shrink-0
24
25
  `,
25
26
  primary: `
26
27
  text-btn-primary
@@ -87,9 +88,7 @@ const buttonVariants = ({ variant, className, icon }) => {
87
88
  exports.buttonVariants = buttonVariants;
88
89
  const Button = React.forwardRef(({ className, variant, asChild = false, icon, ...props }, ref) => {
89
90
  const Comp = asChild ? react_slot_1.Slot : 'button';
90
- // @ts-ignore
91
- const classes = buttonVariants({ variant, className, icon });
92
- return (React.createElement(Comp, { className: (0, utils_1.cn)(classes), ref: ref, ...props }));
91
+ return (React.createElement(Comp, { className: (0, utils_1.cn)(buttonVariants({ variant, className, icon })), ref: ref, ...props }));
93
92
  });
94
93
  exports.Button = Button;
95
94
  Button.displayName = 'Button';
package/dist/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AACjE,0CAAmC;AAEnC,MAAM,aAAa,GAAG;IACrB,IAAI,EAAE;;;;;;;;;;;;;;EAcL;IACD,OAAO,EAAE;;;;;;;;;;;;EAYR;IACD,SAAS,EAAE;;;;;;;;;;;EAWV;IACD,OAAO,EAAE;;;;;;;;;EASR;IACD,KAAK,EAAE;;;;;;;EAON;CACD,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;IACpC,OAAO,IAAA,UAAE,EACR,IAAI,IAAI,wBAAwB,EAChC,IAAI,IAAI,OAAO,KAAK,SAAS,IAAI,wBAAwB,EACzD,CAAC,IAAI,IAAI,qBAAqB,EAC9B,CAAC,IAAI,IAAI,OAAO,KAAK,SAAS,IAAI,qBAAqB,CACvD,CAAA;AACF,CAAC,CAAA;AAMD,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAgB,EAAE,EAAE;IACrE,OAAO,IAAA,8BAAG,EAAC,GAAG,aAAa,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAC9D;QACC,QAAQ,EAAE;YACT,OAAO,EAAE;gBACR,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,SAAS,EAAE,aAAa,CAAC,SAAS;gBAClC,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,KAAK,EAAE,aAAa,CAAC,KAAK;aAC1B;SACD;QACD,eAAe,EAAE;YAChB,OAAO,EAAE,SAAS;SAClB;KACD,CACD,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAA;AAC1B,CAAC,CAAA;AAyBgB,wCAAc;AAjB/B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,aAAa;IACb,MAAM,OAAO,GAAG,cAAc,CAAM,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IACjE,OAAO,CACN,oBAAC,IAAI,IACJ,SAAS,EAAE,IAAA,UAAE,EAAC,OAAO,CAAC,EACtB,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CACD,CAAA;AAIQ,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AACjE,0CAAmC;AAEnC,MAAM,aAAa,GAAG;IACrB,IAAI,EAAE;;;;;;;;;;;;;;;EAeL;IACD,OAAO,EAAE;;;;;;;;;;;;EAYR;IACD,SAAS,EAAE;;;;;;;;;;;EAWV;IACD,OAAO,EAAE;;;;;;;;;EASR;IACD,KAAK,EAAE;;;;;;;EAON;CACD,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;IACpC,OAAO,IAAA,UAAE,EACR,IAAI,IAAI,wBAAwB,EAChC,IAAI,IAAI,OAAO,KAAK,SAAS,IAAI,wBAAwB,EACzD,CAAC,IAAI,IAAI,qBAAqB,EAC9B,CAAC,IAAI,IAAI,OAAO,KAAK,SAAS,IAAI,qBAAqB,CACvD,CAAA;AACF,CAAC,CAAA;AAQD,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAiB,EAAE,EAAE;IACtE,OAAO,IAAA,8BAAG,EAAC,GAAG,aAAa,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAC9D;QACC,QAAQ,EAAE;YACT,OAAO,EAAE;gBACR,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,SAAS,EAAE,aAAa,CAAC,SAAS;gBAClC,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,KAAK,EAAE,aAAa,CAAC,KAAK;aAC1B;SACD;QACD,eAAe,EAAE;YAChB,OAAO,EAAE,SAAS;SAClB;KACD,CACD,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAA;AAC1B,CAAC,CAAA;AAyBgB,wCAAc;AAhB/B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEtC,OAAO,CACN,oBAAC,IAAI,IACJ,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CACD,CAAA;AAIQ,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@modul/mbui",
3
- "version": "0.0.19-beta-pv-53151-e38167d1",
3
+ "version": "0.0.19-beta-pv-53151-20bb3cae",
4
4
  "packageManager": "yarn@3.5.1",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
package/src/Button/Button.tsx CHANGED
@@ -18,6 +18,7 @@ const buttonClasses = {
18
18
  disabled:pointer-events-none
19
19
  transition-colors
20
20
  whitespace-nowrap
21
+ shrink-0
21
22
  `,
22
23
  primary: `
23
24
  text-btn-primary
@@ -72,12 +73,14 @@ const getPadings = (icon, variant) => {
72
73
  !icon && variant === 'outline' && 'px-[25px] py-[13px]'
73
74
  )
74
75
  }
75
- interface IButtonProps {
76
+ interface IVariantProps {
76
77
  variant?: 'primary'| 'secondary' | 'outline' | 'ghost',
77
78
  className?: string,
78
79
  icon?: boolean
79
80
  }
80
- const buttonVariants = ({ variant, className, icon }: IButtonProps) => {
81
+
82
+
83
+ const buttonVariants = ({ variant, className, icon }: IVariantProps) => {
81
84
  return cva(`${buttonClasses.base} ${getPadings(icon, variant)}`,
82
85
  {
83
86
  variants: {
@@ -95,20 +98,20 @@ const buttonVariants = ({ variant, className, icon }: IButtonProps) => {
95
98
  )({ variant, className })
96
99
  }
97
100
 
98
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
101
+ export interface ButtonProps
102
+ extends React.ButtonHTMLAttributes<HTMLButtonElement>,
103
+ VariantProps<typeof buttonVariants> {
99
104
  asChild?: boolean
100
105
  icon?: boolean
101
- variant?: string
102
106
  }
103
107
 
104
108
  const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
105
109
  ({ className, variant, asChild = false, icon, ...props }, ref) => {
106
110
  const Comp = asChild ? Slot : 'button'
107
- // @ts-ignore
108
- const classes = buttonVariants<any>({ variant, className, icon })
111
+
109
112
  return (
110
113
  <Comp
111
- className={cn(classes)}
114
+ className={cn(buttonVariants({ variant, className, icon }))}
112
115
  ref={ref}
113
116
  {...props}
114
117
  />