bianic-ui 0.4.7 → 0.4.8

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 (6) hide show
  1. package/dist/cjs/index.js +11 -10
  2. package/dist/cjs/types/components/Button/Button.d.ts +2 -1
  3. package/dist/esm/index.js +11 -10
  4. package/dist/esm/types/components/Button/Button.d.ts +2 -1
  5. package/dist/index.d.ts +2 -1
  6. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -2847,38 +2847,38 @@ var reactExports = react.exports;
2847
2847
  var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
2848
2848
 
2849
2849
  var Button = function (_a) {
2850
- var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "right"]);
2850
+ var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, shadow = _a.shadow, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "shadow", "right"]);
2851
2851
  var buttonRadius; // size
2852
2852
  var text;
2853
2853
  var border = "";
2854
2854
  var padding;
2855
2855
  var color;
2856
- var shadow = "";
2856
+ var shadowed = "";
2857
2857
  // variant
2858
2858
  if (variant === "danger") {
2859
2859
  color = "active:bg-bia-red-active hover:bg-bia-red-hover disabled:bg-bia-red-disabled bg-bia-red";
2860
2860
  text = "text-primary-white";
2861
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
2861
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
2862
2862
  }
2863
2863
  else if (variant === "info") {
2864
2864
  color = "active:bg-bia-teal-active hover:bg-bia-teal-hover disabled:bg-bia-teal-disabled bg-bia-teal ";
2865
2865
  text = "text-primary-white";
2866
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
2866
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
2867
2867
  }
2868
2868
  else if (variant === "primary") {
2869
2869
  color = "hover:bg-bia-blue-hover disabled:bg-bia-blue-disabled bg-bia-blue active:bg-bia-blue-active";
2870
2870
  text = "text-primary-white";
2871
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
2871
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
2872
2872
  }
2873
2873
  else if (variant === "warning") {
2874
2874
  color = "hover:bg-bia-orange-hover disabled:bg-bia-orange-disabled bg-bia-orange active:bg-bia-orange-active";
2875
2875
  text = "text-primary-white";
2876
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
2876
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
2877
2877
  }
2878
2878
  else if (variant === "success") {
2879
2879
  color = "hover:bg-bia-green-hover disabled:bg-bia-green-disabled bg-bia-green active:bg-bia-green-active";
2880
2880
  text = "text-primary-white";
2881
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
2881
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
2882
2882
  }
2883
2883
  else if (variant === "link") {
2884
2884
  color = "bg-transparent";
@@ -2895,8 +2895,9 @@ var Button = function (_a) {
2895
2895
  else {
2896
2896
  color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
2897
2897
  text = "text-primary-black";
2898
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
2898
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
2899
2899
  }
2900
+ // outlined
2900
2901
  if (variant === "danger-outlined") {
2901
2902
  text = "text-bia-red active:text-bia-red-active hover:text-bia-red-hover";
2902
2903
  border = "border-solid border border-bia-red active:border-bia-red-active hover:border-bia-red-hover";
@@ -2956,9 +2957,9 @@ var Button = function (_a) {
2956
2957
  }
2957
2958
  // state
2958
2959
  if (rest.disabled) {
2959
- shadow = "";
2960
+ shadowed = "";
2960
2961
  }
2961
- return (React.createElement("button", __assign({}, rest, { className: "button flex justify-center items-center gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow, " ").concat(rest.className) }),
2962
+ return (React.createElement("button", __assign({}, rest, { className: "button flex justify-center items-center gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow && shadowed, " ").concat(rest.className) }),
2962
2963
  left,
2963
2964
  label && React.createElement("span", null, label),
2964
2965
  right));
package/dist/cjs/types/components/Button/Button.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
6
6
  radius?: string;
7
7
  left?: any;
8
8
  right?: any;
9
+ shadow?: boolean;
9
10
  }
10
- declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
11
+ declare const Button: ({ label, variant, size, radius, left, shadow, right, ...rest }: ButtonProps) => React.JSX.Element;
11
12
  export default Button;
package/dist/esm/index.js CHANGED
@@ -2845,38 +2845,38 @@ var reactExports = react.exports;
2845
2845
  var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
2846
2846
 
2847
2847
  var Button = function (_a) {
2848
- var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "right"]);
2848
+ var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, shadow = _a.shadow, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "shadow", "right"]);
2849
2849
  var buttonRadius; // size
2850
2850
  var text;
2851
2851
  var border = "";
2852
2852
  var padding;
2853
2853
  var color;
2854
- var shadow = "";
2854
+ var shadowed = "";
2855
2855
  // variant
2856
2856
  if (variant === "danger") {
2857
2857
  color = "active:bg-bia-red-active hover:bg-bia-red-hover disabled:bg-bia-red-disabled bg-bia-red";
2858
2858
  text = "text-primary-white";
2859
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
2859
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
2860
2860
  }
2861
2861
  else if (variant === "info") {
2862
2862
  color = "active:bg-bia-teal-active hover:bg-bia-teal-hover disabled:bg-bia-teal-disabled bg-bia-teal ";
2863
2863
  text = "text-primary-white";
2864
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
2864
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
2865
2865
  }
2866
2866
  else if (variant === "primary") {
2867
2867
  color = "hover:bg-bia-blue-hover disabled:bg-bia-blue-disabled bg-bia-blue active:bg-bia-blue-active";
2868
2868
  text = "text-primary-white";
2869
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
2869
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
2870
2870
  }
2871
2871
  else if (variant === "warning") {
2872
2872
  color = "hover:bg-bia-orange-hover disabled:bg-bia-orange-disabled bg-bia-orange active:bg-bia-orange-active";
2873
2873
  text = "text-primary-white";
2874
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
2874
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
2875
2875
  }
2876
2876
  else if (variant === "success") {
2877
2877
  color = "hover:bg-bia-green-hover disabled:bg-bia-green-disabled bg-bia-green active:bg-bia-green-active";
2878
2878
  text = "text-primary-white";
2879
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
2879
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
2880
2880
  }
2881
2881
  else if (variant === "link") {
2882
2882
  color = "bg-transparent";
@@ -2893,8 +2893,9 @@ var Button = function (_a) {
2893
2893
  else {
2894
2894
  color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
2895
2895
  text = "text-primary-black";
2896
- shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
2896
+ shadowed = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
2897
2897
  }
2898
+ // outlined
2898
2899
  if (variant === "danger-outlined") {
2899
2900
  text = "text-bia-red active:text-bia-red-active hover:text-bia-red-hover";
2900
2901
  border = "border-solid border border-bia-red active:border-bia-red-active hover:border-bia-red-hover";
@@ -2954,9 +2955,9 @@ var Button = function (_a) {
2954
2955
  }
2955
2956
  // state
2956
2957
  if (rest.disabled) {
2957
- shadow = "";
2958
+ shadowed = "";
2958
2959
  }
2959
- return (React.createElement("button", __assign({}, rest, { className: "button flex justify-center items-center gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow, " ").concat(rest.className) }),
2960
+ return (React.createElement("button", __assign({}, rest, { className: "button flex justify-center items-center gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow && shadowed, " ").concat(rest.className) }),
2960
2961
  left,
2961
2962
  label && React.createElement("span", null, label),
2962
2963
  right));
package/dist/esm/types/components/Button/Button.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
6
6
  radius?: string;
7
7
  left?: any;
8
8
  right?: any;
9
+ shadow?: boolean;
9
10
  }
10
- declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
11
+ declare const Button: ({ label, variant, size, radius, left, shadow, right, ...rest }: ButtonProps) => React.JSX.Element;
11
12
  export default Button;
package/dist/index.d.ts CHANGED
@@ -7,8 +7,9 @@ interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
7
7
  radius?: string;
8
8
  left?: any;
9
9
  right?: any;
10
+ shadow?: boolean;
10
11
  }
11
- declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
12
+ declare const Button: ({ label, variant, size, radius, left, shadow, right, ...rest }: ButtonProps) => React.JSX.Element;
12
13
 
13
14
  declare const Dump: () => React.JSX.Element;
14
15
 
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
5
5
  },
6
- "version": "0.4.7",
6
+ "version": "0.4.8",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c"