bianic-ui 2.6.0-beta.1 → 2.6.0-beta.4

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 +7 -7
  2. package/dist/cjs/types/components/Avatar/Avatar.d.ts +3 -1
  3. package/dist/esm/index.js +7 -7
  4. package/dist/esm/types/components/Avatar/Avatar.d.ts +3 -1
  5. package/dist/index.d.ts +3 -1
  6. package/package.json +1 -1
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] border-bia-coolgrey-light-90',
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] border-bia-coolgrey-light-90',
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] border-bia-coolgrey-light-90',
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] border-bia-coolgrey-light-90',
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] border-bia-coolgrey-light-90',
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-bia-sky ").concat(className) },
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':
package/dist/cjs/types/components/Avatar/Avatar.d.ts CHANGED
@@ -4,8 +4,10 @@ export interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
4
4
  variant?: 'image' | 'picture' | 'initial';
5
5
  imageSrc: string;
6
6
  name?: string;
7
+ bgColor?: string;
8
+ outlineColor?: string;
7
9
  }
8
- declare function Avatar({ size, variant, name, className, }: AvatarProps): React.JSX.Element | null;
10
+ declare function Avatar({ size, variant, name, bgColor, outlineColor, className, }: AvatarProps): React.JSX.Element | null;
9
11
  declare namespace Avatar {
10
12
  var defaultProps: {
11
13
  name: string;
package/dist/esm/index.js CHANGED
@@ -559,30 +559,30 @@ Button.defaultProps = {
559
559
 
560
560
  var AvatarConfig = {
561
561
  sm: {
562
- picture: 'w-[24px] h-[24px] rounded-[12px] border-[1px] border-bia-coolgrey-light-90',
562
+ picture: 'w-[24px] h-[24px] rounded-[12px] border-[1px] ',
563
563
  'no picture': 'font-semibold text-[12px] leading-[15.96px] text-primary-white flex items-center',
564
564
  },
565
565
  md: {
566
- picture: 'w-[36px] h-[36px] rounded-[18px] border-[1px] border-bia-coolgrey-light-90',
566
+ picture: 'w-[36px] h-[36px] rounded-[18px] border-[1px] ',
567
567
  'no picture': 'font-semibold text-[14px] leading-[18.62px] text-primary-white flex items-center',
568
568
  },
569
569
  lg: {
570
- picture: 'w-[52px] h-[52px] rounded-[26px] border-[2px] border-bia-coolgrey-light-90',
570
+ picture: 'w-[52px] h-[52px] rounded-[26px] border-[2px]',
571
571
  'no picture': 'font-semibold text-[24px] leading-[31.92px] text-primary-white flex items-center',
572
572
  },
573
573
  xl: {
574
- picture: 'w-[92px] h-[92px] rounded-[46px] border-[3px] border-bia-coolgrey-light-90',
574
+ picture: 'w-[92px] h-[92px] rounded-[46px] border-[3px]',
575
575
  'no picture': 'font-semibold text-[36px] leading-[47.88px] text-primary-white flex items-center',
576
576
  },
577
577
  xxl: {
578
- picture: 'w-[160px] h-[160px] rounded-[80px] border-[5px] border-bia-coolgrey-light-90',
578
+ picture: 'w-[160px] h-[160px] rounded-[80px] border-[5px]',
579
579
  'no picture': 'font-semibold text-[64px] leading-[85.13px] text-primary-white flex items-center',
580
580
  },
581
581
  };
582
582
 
583
583
  function Avatar(_a) {
584
584
  var _b, _c, _d, _e;
585
- 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;
585
+ 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;
586
586
  var getInitials = function (initial) {
587
587
  if (!initial)
588
588
  return '';
@@ -600,7 +600,7 @@ function Avatar(_a) {
600
600
  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) }));
601
601
  break;
602
602
  case 'initial':
603
- avatarResult = (React.createElement("div", { className: "".concat((_c = AvatarConfig[usedSize]) === null || _c === void 0 ? void 0 : _c.picture, " flex items-center justify-center bg-bia-sky ").concat(className) },
603
+ 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) },
604
604
  React.createElement("div", { className: "".concat((_d = AvatarConfig[usedSize]) === null || _d === void 0 ? void 0 : _d['no picture']) }, getInitials(name))));
605
605
  break;
606
606
  case 'image':
package/dist/esm/types/components/Avatar/Avatar.d.ts CHANGED
@@ -4,8 +4,10 @@ export interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
4
4
  variant?: 'image' | 'picture' | 'initial';
5
5
  imageSrc: string;
6
6
  name?: string;
7
+ bgColor?: string;
8
+ outlineColor?: string;
7
9
  }
8
- declare function Avatar({ size, variant, name, className, }: AvatarProps): React.JSX.Element | null;
10
+ declare function Avatar({ size, variant, name, bgColor, outlineColor, className, }: AvatarProps): React.JSX.Element | null;
9
11
  declare namespace Avatar {
10
12
  var defaultProps: {
11
13
  name: string;
package/dist/index.d.ts CHANGED
@@ -36,8 +36,10 @@ interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
36
36
  variant?: 'image' | 'picture' | 'initial';
37
37
  imageSrc: string;
38
38
  name?: string;
39
+ bgColor?: string;
40
+ outlineColor?: string;
39
41
  }
40
- declare function Avatar({ size, variant, name, className, }: AvatarProps): React$1.JSX.Element | null;
42
+ declare function Avatar({ size, variant, name, bgColor, outlineColor, className, }: AvatarProps): React$1.JSX.Element | null;
41
43
  declare namespace Avatar {
42
44
  var defaultProps: {
43
45
  name: string;
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": "2.6.0-beta.1",
6
+ "version": "2.6.0-beta.4",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "repository": {
9
9
  "type": "git",