bianic-ui 0.4.12 → 0.4.14

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 +15 -6
  2. package/dist/esm/index.js +15 -6
  3. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -3442,6 +3442,11 @@ var TagLabel = function (_a) {
3442
3442
  bg = "bg-primary-black border border-bia-black";
3443
3443
  fontColor = "text-primary-white";
3444
3444
  }
3445
+ else if (color === "default") {
3446
+ bg = "bg-bia-gray-disabled border border-bia-gray-disabled";
3447
+ fontColor = "text-primary-black";
3448
+ closefill = "fill-primary-cool";
3449
+ }
3445
3450
  else if (color === "blue") {
3446
3451
  bg = "bg-bia-blue border border-bia-blue";
3447
3452
  fontColor = "text-primary-white";
@@ -3471,6 +3476,9 @@ var TagLabel = function (_a) {
3471
3476
  bg = "bg-primary-white border border-bia-gray-active";
3472
3477
  closefill = "fill-bia-gray-active";
3473
3478
  }
3479
+ else {
3480
+ bg = color;
3481
+ }
3474
3482
  // setting padding when icon only
3475
3483
  if (variant === "icon") {
3476
3484
  if (size === "small") {
@@ -3487,22 +3495,23 @@ var TagLabel = function (_a) {
3487
3495
  if (size === "small") {
3488
3496
  fontSize = "text-xs font-normal";
3489
3497
  padding = "px-[5px] py-[2px]";
3490
- fontPadding = "px-[5px] pb-[2px]";
3498
+ fontPadding = "px-[5px]";
3491
3499
  svgSize = "w-3 h-3";
3492
3500
  }
3493
3501
  else if (size === "tiny") {
3494
- fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
3502
+ fontSize =
3503
+ "text-xs inline-block align-text-top font-normal leading-tight";
3495
3504
  fontPadding = "px-[5px]";
3496
3505
  padding = "px-[5px] pb-[2px]";
3497
3506
  svgSize = "mt-[1px] w-3 h-3";
3498
3507
  }
3499
3508
  }
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" }));
3509
+ 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" },
3510
+ 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
3511
  return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
3503
3512
  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),
3513
+ 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)),
3514
+ variant === "closable" && closeHandler && (React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton)),
3506
3515
  right));
3507
3516
  };
3508
3517
 
package/dist/esm/index.js CHANGED
@@ -3440,6 +3440,11 @@ var TagLabel = function (_a) {
3440
3440
  bg = "bg-primary-black border border-bia-black";
3441
3441
  fontColor = "text-primary-white";
3442
3442
  }
3443
+ else if (color === "default") {
3444
+ bg = "bg-bia-gray-disabled border border-bia-gray-disabled";
3445
+ fontColor = "text-primary-black";
3446
+ closefill = "fill-primary-cool";
3447
+ }
3443
3448
  else if (color === "blue") {
3444
3449
  bg = "bg-bia-blue border border-bia-blue";
3445
3450
  fontColor = "text-primary-white";
@@ -3469,6 +3474,9 @@ var TagLabel = function (_a) {
3469
3474
  bg = "bg-primary-white border border-bia-gray-active";
3470
3475
  closefill = "fill-bia-gray-active";
3471
3476
  }
3477
+ else {
3478
+ bg = color;
3479
+ }
3472
3480
  // setting padding when icon only
3473
3481
  if (variant === "icon") {
3474
3482
  if (size === "small") {
@@ -3485,22 +3493,23 @@ var TagLabel = function (_a) {
3485
3493
  if (size === "small") {
3486
3494
  fontSize = "text-xs font-normal";
3487
3495
  padding = "px-[5px] py-[2px]";
3488
- fontPadding = "px-[5px] pb-[2px]";
3496
+ fontPadding = "px-[5px]";
3489
3497
  svgSize = "w-3 h-3";
3490
3498
  }
3491
3499
  else if (size === "tiny") {
3492
- fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
3500
+ fontSize =
3501
+ "text-xs inline-block align-text-top font-normal leading-tight";
3493
3502
  fontPadding = "px-[5px]";
3494
3503
  padding = "px-[5px] pb-[2px]";
3495
3504
  svgSize = "mt-[1px] w-3 h-3";
3496
3505
  }
3497
3506
  }
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" }));
3507
+ 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" },
3508
+ 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
3509
  return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
3501
3510
  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),
3511
+ 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)),
3512
+ variant === "closable" && closeHandler && (React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton)),
3504
3513
  right));
3505
3514
  };
3506
3515
 
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.14",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c"