bianic-ui 0.4.12 → 0.4.13

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 (3) hide show
  1. package/dist/cjs/index.js +9 -5
  2. package/dist/esm/index.js +9 -5
  3. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -3471,6 +3471,9 @@ var TagLabel = function (_a) {
3471
3471
  bg = "bg-primary-white border border-bia-gray-active";
3472
3472
  closefill = "fill-bia-gray-active";
3473
3473
  }
3474
+ else {
3475
+ bg = color;
3476
+ }
3474
3477
  // setting padding when icon only
3475
3478
  if (variant === "icon") {
3476
3479
  if (size === "small") {
@@ -3491,18 +3494,19 @@ var TagLabel = function (_a) {
3491
3494
  svgSize = "w-3 h-3";
3492
3495
  }
3493
3496
  else if (size === "tiny") {
3494
- fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
3497
+ fontSize =
3498
+ "text-xs inline-block align-text-top font-normal leading-tight";
3495
3499
  fontPadding = "px-[5px]";
3496
3500
  padding = "px-[5px] pb-[2px]";
3497
3501
  svgSize = "mt-[1px] w-3 h-3";
3498
3502
  }
3499
3503
  }
3500
- var closeButton = React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
3501
- React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" }));
3504
+ var closeButton = (React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
3505
+ React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" })));
3502
3506
  return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
3503
3507
  left,
3504
- text && React.createElement("span", __assign({ className: "text ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text),
3505
- variant === "closable" && closeHandler && React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton),
3508
+ text && (React.createElement("span", __assign({ className: "text flex flex-row items-center ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text)),
3509
+ variant === "closable" && closeHandler && (React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton)),
3506
3510
  right));
3507
3511
  };
3508
3512
 
package/dist/esm/index.js CHANGED
@@ -3469,6 +3469,9 @@ var TagLabel = function (_a) {
3469
3469
  bg = "bg-primary-white border border-bia-gray-active";
3470
3470
  closefill = "fill-bia-gray-active";
3471
3471
  }
3472
+ else {
3473
+ bg = color;
3474
+ }
3472
3475
  // setting padding when icon only
3473
3476
  if (variant === "icon") {
3474
3477
  if (size === "small") {
@@ -3489,18 +3492,19 @@ var TagLabel = function (_a) {
3489
3492
  svgSize = "w-3 h-3";
3490
3493
  }
3491
3494
  else if (size === "tiny") {
3492
- fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
3495
+ fontSize =
3496
+ "text-xs inline-block align-text-top font-normal leading-tight";
3493
3497
  fontPadding = "px-[5px]";
3494
3498
  padding = "px-[5px] pb-[2px]";
3495
3499
  svgSize = "mt-[1px] w-3 h-3";
3496
3500
  }
3497
3501
  }
3498
- var closeButton = React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
3499
- React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" }));
3502
+ var closeButton = (React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
3503
+ React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" })));
3500
3504
  return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
3501
3505
  left,
3502
- text && React.createElement("span", __assign({ className: "text ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text),
3503
- variant === "closable" && closeHandler && React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton),
3506
+ text && (React.createElement("span", __assign({ className: "text flex flex-row items-center ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text)),
3507
+ variant === "closable" && closeHandler && (React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton)),
3504
3508
  right));
3505
3509
  };
3506
3510
 
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.12",
6
+ "version": "0.4.13",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c"