bianic-ui 2.6.0-beta.1 → 2.6.0-beta.5
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.
- package/dist/cjs/index.js +7 -7
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Avatar/Avatar.d.ts +3 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Avatar/Avatar.d.ts +3 -1
- package/dist/index.d.ts +3 -1
- package/package.json +1 -1
- package/tailwind.config.js +2 -0
package/dist/cjs/index.js
CHANGED
|
@@ -561,30 +561,30 @@ Button.defaultProps = {
|
|
|
561
561
|
|
|
562
562
|
var AvatarConfig = {
|
|
563
563
|
sm: {
|
|
564
|
-
picture: 'w-[24px] h-[24px] rounded-[12px] border-[1px]
|
|
564
|
+
picture: 'w-[24px] h-[24px] rounded-[12px] border-[1px] ',
|
|
565
565
|
'no picture': 'font-semibold text-[12px] leading-[15.96px] text-primary-white flex items-center',
|
|
566
566
|
},
|
|
567
567
|
md: {
|
|
568
|
-
picture: 'w-[36px] h-[36px] rounded-[18px] border-[1px]
|
|
568
|
+
picture: 'w-[36px] h-[36px] rounded-[18px] border-[1px] ',
|
|
569
569
|
'no picture': 'font-semibold text-[14px] leading-[18.62px] text-primary-white flex items-center',
|
|
570
570
|
},
|
|
571
571
|
lg: {
|
|
572
|
-
picture: 'w-[52px] h-[52px] rounded-[26px] border-[2px]
|
|
572
|
+
picture: 'w-[52px] h-[52px] rounded-[26px] border-[2px]',
|
|
573
573
|
'no picture': 'font-semibold text-[24px] leading-[31.92px] text-primary-white flex items-center',
|
|
574
574
|
},
|
|
575
575
|
xl: {
|
|
576
|
-
picture: 'w-[92px] h-[92px] rounded-[46px] border-[3px]
|
|
576
|
+
picture: 'w-[92px] h-[92px] rounded-[46px] border-[3px]',
|
|
577
577
|
'no picture': 'font-semibold text-[36px] leading-[47.88px] text-primary-white flex items-center',
|
|
578
578
|
},
|
|
579
579
|
xxl: {
|
|
580
|
-
picture: 'w-[160px] h-[160px] rounded-[80px] border-[5px]
|
|
580
|
+
picture: 'w-[160px] h-[160px] rounded-[80px] border-[5px]',
|
|
581
581
|
'no picture': 'font-semibold text-[64px] leading-[85.13px] text-primary-white flex items-center',
|
|
582
582
|
},
|
|
583
583
|
};
|
|
584
584
|
|
|
585
585
|
function Avatar(_a) {
|
|
586
586
|
var _b, _c, _d, _e;
|
|
587
|
-
var _f = _a.size, size = _f === void 0 ? 'md' : _f, _g = _a.variant, variant = _g === void 0 ? 'initial' : _g, _h = _a.name, name = _h === void 0 ? 'Test' : _h, className = _a.className;
|
|
587
|
+
var _f = _a.size, size = _f === void 0 ? 'md' : _f, _g = _a.variant, variant = _g === void 0 ? 'initial' : _g, _h = _a.name, name = _h === void 0 ? 'Test' : _h, _j = _a.bgColor, bgColor = _j === void 0 ? 'bia-sky-dark-40' : _j, _k = _a.outlineColor, outlineColor = _k === void 0 ? 'bia-coolgrey' : _k, className = _a.className;
|
|
588
588
|
var getInitials = function (initial) {
|
|
589
589
|
if (!initial)
|
|
590
590
|
return '';
|
|
@@ -602,7 +602,7 @@ function Avatar(_a) {
|
|
|
602
602
|
avatarResult = (React.createElement("img", { src: "https://img.freepik.com/free-psd/girl-avatar-emoji-3d-icon_23-2150579870.jpg", alt: "avatar", className: "".concat((_b = AvatarConfig[usedSize]) === null || _b === void 0 ? void 0 : _b.picture, " ").concat(className) }));
|
|
603
603
|
break;
|
|
604
604
|
case 'initial':
|
|
605
|
-
avatarResult = (React.createElement("div", { className: "".concat((_c = AvatarConfig[usedSize]) === null || _c === void 0 ? void 0 : _c.picture, " flex items-center justify-center bg-
|
|
605
|
+
avatarResult = (React.createElement("div", { className: "".concat((_c = AvatarConfig[usedSize]) === null || _c === void 0 ? void 0 : _c.picture, " flex items-center justify-center border-").concat(outlineColor, " bg-").concat(bgColor, " ").concat(className) },
|
|
606
606
|
React.createElement("div", { className: "".concat((_d = AvatarConfig[usedSize]) === null || _d === void 0 ? void 0 : _d['no picture']) }, getInitials(name))));
|
|
607
607
|
break;
|
|
608
608
|
case 'image':
|