bianic-ui 1.0.0-beta.13 → 1.0.0-beta.15

package/dist/cjs/index.js

@@ -257,13 +257,13 @@ var validUnion = function (value, union) {
 };
 
 var variantUnion$2 = [
+    'normal-text',
     'large-text',
     'large-text-semibold',
     'medium-text',
     'medium-text-semibold',
     'caption',
     'caption-semibold',
-    'normal-text',
     'normal-text-semilight',
     'normal-text-semibold',
     'normal-text-bold',
@@ -379,10 +379,10 @@ var radiusConfig = {
     },
 };
 var sizeConfig$a = {
-    lg: 'py-[10.5px] px-[13px] h-[48px] flex items-center justify-center gap-[10px]',
-    md: ' px-[11px] py-[9px] h-[40px] flex items-center justify-center gap-[5px] ',
-    sm: 'px-[8px] py-[6px] h-[30px] flex items-center justify-center gap-[5px] ',
-    tn: 'px-[4px] py-[2px] h-[22px] flex items-center justify-center gap-[3px]',
+    lg: 'py-[10.5px] px-[13px] h-[48px] flex items-center justify-center gap-[10px] text-size-md',
+    md: ' px-[11px] py-[9px] h-[40px] flex items-center justify-center gap-[5px] text-size-base',
+    sm: 'px-[8px] py-[6px] h-[30px] flex items-center justify-center gap-[5px] text-size-sm',
+    tn: 'px-[4px] py-[2px] h-[22px] flex items-center justify-center gap-[3px] text-size-tiny',
 };
 var iconOnlySizeConfig = {
     lg: 'p-[13px] flex items-center justify-center gap-[10px]',
@@ -429,7 +429,7 @@ var variantUnion$1 = [
 var radiusUnion = ['default', 'full-rounded'];
 var sizeUnion$4 = ['md', 'lg', 'sm', 'tn'];
 function Button(_a) {
-    var label = _a.label, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.radius, radius = _d === void 0 ? 'default' : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.variant, variant = _f === void 0 ? 'default' : _f, _g = _a.iconLeft, iconLeft = _g === void 0 ? null : _g, _h = _a.iconRight, iconRight = _h === void 0 ? null : _h, props = __rest(_a, ["label", "className", "disabled", "radius", "size", "variant", "iconLeft", "iconRight"]);
+    var label = _a.label, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.radius, radius = _d === void 0 ? 'default' : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.variant, variant = _f === void 0 ? 'default' : _f, _g = _a.iconLeft, iconLeft = _g === void 0 ? null : _g, _h = _a.iconRight, iconRight = _h === void 0 ? null : _h, _j = _a.left, left = _j === void 0 ? null : _j, _k = _a.right, right = _k === void 0 ? null : _k, props = __rest(_a, ["label", "className", "disabled", "radius", "size", "variant", "iconLeft", "iconRight", "left", "right"]);
     var validatedVariant = validUnion(variant, variantUnion$1);
     var validatedSize = validUnion(size, sizeUnion$4);
     var validatedRadius = validUnion(radius, radiusUnion);
@@ -438,9 +438,9 @@ function Button(_a) {
         : iconOnlySizeConfig[validatedSize];
     var classString = "\n    ".concat(variantConfig$1[validatedVariant], " \n    ").concat(sizeClass, " \n    ").concat(radiusConfig[validatedRadius][validatedSize], " \n    ").concat(className, "\n  ");
     return (React.createElement("button", __assign({ type: "button", className: "button flex justify-center items-center ".concat(classString), disabled: disabled }, props),
-        childrenElement(iconLeft),
+        childrenElement(iconLeft || left),
         childrenElement(label),
-        childrenElement(iconRight)));
+        childrenElement(iconRight || right)));
 }
 Button.defaultProps = {
     label: null,
@@ -451,6 +451,8 @@ Button.defaultProps = {
     variant: 'default',
     iconLeft: null,
     iconRight: null,
+    left: null,
+    right: null,
 };
 
 var AvatarConfig = {

package/dist/cjs/types/components/Button/configs.d.ts

@@ -24,12 +24,6 @@ export declare const iconOnlySizeConfig: {
     sm: string;
     tn: string;
 };
-export declare const textConfig: {
-    lg: string;
-    md: string;
-    sm: string;
-    tn: string;
-};
 export declare const variantConfig: {
     default: string;
     primary: string;

package/dist/cjs/types/components/Button/index.d.ts

@@ -4,12 +4,14 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     disabled?: boolean;
     iconRight?: React.ReactNode;
     iconLeft?: React.ReactNode;
+    right?: React.ReactNode;
+    left?: React.ReactNode;
     label?: string;
     radius?: 'default' | 'full-rounded';
     size?: 'lg' | 'md' | 'sm' | 'tn';
     variant?: 'default' | 'danger' | 'info' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'success' | 'warning' | 'default-outlined' | 'danger-outlined' | 'info-outlined' | 'primary-outlined' | 'success-outlined' | 'warning-outlined';
 }
-declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, left, right, ...props }: ButtonProps): React.JSX.Element;
 declare namespace Button {
     var defaultProps: {
         label: null;
@@ -20,6 +22,8 @@ declare namespace Button {
         variant: string;
         iconLeft: null;
         iconRight: null;
+        left: null;
+        right: null;
     };
 }
 export default Button;

package/dist/esm/index.js

@@ -255,13 +255,13 @@ var validUnion = function (value, union) {
 };
 
 var variantUnion$2 = [
+    'normal-text',
     'large-text',
     'large-text-semibold',
     'medium-text',
     'medium-text-semibold',
     'caption',
     'caption-semibold',
-    'normal-text',
     'normal-text-semilight',
     'normal-text-semibold',
     'normal-text-bold',
@@ -377,10 +377,10 @@ var radiusConfig = {
     },
 };
 var sizeConfig$a = {
-    lg: 'py-[10.5px] px-[13px] h-[48px] flex items-center justify-center gap-[10px]',
-    md: ' px-[11px] py-[9px] h-[40px] flex items-center justify-center gap-[5px] ',
-    sm: 'px-[8px] py-[6px] h-[30px] flex items-center justify-center gap-[5px] ',
-    tn: 'px-[4px] py-[2px] h-[22px] flex items-center justify-center gap-[3px]',
+    lg: 'py-[10.5px] px-[13px] h-[48px] flex items-center justify-center gap-[10px] text-size-md',
+    md: ' px-[11px] py-[9px] h-[40px] flex items-center justify-center gap-[5px] text-size-base',
+    sm: 'px-[8px] py-[6px] h-[30px] flex items-center justify-center gap-[5px] text-size-sm',
+    tn: 'px-[4px] py-[2px] h-[22px] flex items-center justify-center gap-[3px] text-size-tiny',
 };
 var iconOnlySizeConfig = {
     lg: 'p-[13px] flex items-center justify-center gap-[10px]',
@@ -427,7 +427,7 @@ var variantUnion$1 = [
 var radiusUnion = ['default', 'full-rounded'];
 var sizeUnion$4 = ['md', 'lg', 'sm', 'tn'];
 function Button(_a) {
-    var label = _a.label, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.radius, radius = _d === void 0 ? 'default' : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.variant, variant = _f === void 0 ? 'default' : _f, _g = _a.iconLeft, iconLeft = _g === void 0 ? null : _g, _h = _a.iconRight, iconRight = _h === void 0 ? null : _h, props = __rest(_a, ["label", "className", "disabled", "radius", "size", "variant", "iconLeft", "iconRight"]);
+    var label = _a.label, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.radius, radius = _d === void 0 ? 'default' : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.variant, variant = _f === void 0 ? 'default' : _f, _g = _a.iconLeft, iconLeft = _g === void 0 ? null : _g, _h = _a.iconRight, iconRight = _h === void 0 ? null : _h, _j = _a.left, left = _j === void 0 ? null : _j, _k = _a.right, right = _k === void 0 ? null : _k, props = __rest(_a, ["label", "className", "disabled", "radius", "size", "variant", "iconLeft", "iconRight", "left", "right"]);
     var validatedVariant = validUnion(variant, variantUnion$1);
     var validatedSize = validUnion(size, sizeUnion$4);
     var validatedRadius = validUnion(radius, radiusUnion);
@@ -436,9 +436,9 @@ function Button(_a) {
         : iconOnlySizeConfig[validatedSize];
     var classString = "\n    ".concat(variantConfig$1[validatedVariant], " \n    ").concat(sizeClass, " \n    ").concat(radiusConfig[validatedRadius][validatedSize], " \n    ").concat(className, "\n  ");
     return (React.createElement("button", __assign({ type: "button", className: "button flex justify-center items-center ".concat(classString), disabled: disabled }, props),
-        childrenElement(iconLeft),
+        childrenElement(iconLeft || left),
         childrenElement(label),
-        childrenElement(iconRight)));
+        childrenElement(iconRight || right)));
 }
 Button.defaultProps = {
     label: null,
@@ -449,6 +449,8 @@ Button.defaultProps = {
     variant: 'default',
     iconLeft: null,
     iconRight: null,
+    left: null,
+    right: null,
 };
 
 var AvatarConfig = {

package/dist/esm/types/components/Button/configs.d.ts

@@ -24,12 +24,6 @@ export declare const iconOnlySizeConfig: {
     sm: string;
     tn: string;
 };
-export declare const textConfig: {
-    lg: string;
-    md: string;
-    sm: string;
-    tn: string;
-};
 export declare const variantConfig: {
     default: string;
     primary: string;

package/dist/esm/types/components/Button/index.d.ts

@@ -4,12 +4,14 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     disabled?: boolean;
     iconRight?: React.ReactNode;
     iconLeft?: React.ReactNode;
+    right?: React.ReactNode;
+    left?: React.ReactNode;
     label?: string;
     radius?: 'default' | 'full-rounded';
     size?: 'lg' | 'md' | 'sm' | 'tn';
     variant?: 'default' | 'danger' | 'info' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'success' | 'warning' | 'default-outlined' | 'danger-outlined' | 'info-outlined' | 'primary-outlined' | 'success-outlined' | 'warning-outlined';
 }
-declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ label, className, disabled, radius, size, variant, iconLeft, iconRight, left, right, ...props }: ButtonProps): React.JSX.Element;
 declare namespace Button {
     var defaultProps: {
         label: null;
@@ -20,6 +22,8 @@ declare namespace Button {
         variant: string;
         iconLeft: null;
         iconRight: null;
+        left: null;
+        right: null;
     };
 }
 export default Button;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.15",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c",