@wishket/design-system 1.10.1 → 1.10.2

package/dist/Components/DataDisplays/Avatar/Avatar.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("react"),s=require("../SystemIcon/SystemIcon.js"),r=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");const n=({size:t="md",name:i,imgUrl:n,isMonogram:l,avatarStyle:o})=>{const[d,m]=a.useState(!1),c=null==i?void 0:i.slice(0,1);return n&&!d?e.jsx("img",{src:n,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:()=>m(!0)}):l?e.jsx(r,{variant:o[t].char,className:"cursor-default select-none text-w-white",children:c}):e.jsx(s,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})};var l=a.memo(({size:a="md",name:r,imgUrl:l,isEditable:o=!1,onClick:d})=>{var m=!l&&!!r,c={sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}};return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",o&&"cursor-pointer"),onClick:d,children:[e.jsx(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(c[a].container,"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200"),children:e.jsx(n,{size:a,name:r,imgUrl:l,isMonogram:m,avatarStyle:c})}),!m&&o&&e.jsx(i,{className:t.twMerge("absolute -right-0.5 bottom-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",c[a].editButton),"data-testid":"design-system-avatar--edit-button",children:e.jsx(s,{name:"small_camera",solid:!0,className:t.twJoin("md"===a&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})});module.exports=l;
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("react"),s=require("../SystemIcon/SystemIcon.js"),r=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");const n=({size:t="md",name:i,imgUrl:n,isMonogram:l,avatarStyle:o})=>{const[d,m]=a.useState(!1),c=null==i?void 0:i.slice(0,1);return n&&!d?e.jsx("img",{src:n,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:()=>m(!0)}):l?e.jsx(r,{variant:o[t].char,className:"cursor-default select-none text-w-white",children:c}):e.jsx(s,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})};var l=a.memo(({size:a="md",name:r,imgUrl:l,isEditable:o=!1,onClick:d})=>{var m=!l&&!!r,c={sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}};return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",o&&"cursor-pointer"),onClick:d,children:[e.jsx(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(c[a].container,"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",m&&"bg-primary"),children:e.jsx(n,{size:a,name:r,imgUrl:l,isMonogram:m,avatarStyle:c})}),!m&&o&&e.jsx(i,{className:t.twMerge("absolute -right-0.5 bottom-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",c[a].editButton),"data-testid":"design-system-avatar--edit-button",children:e.jsx(s,{name:"small_camera",solid:!0,className:t.twJoin("md"===a&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})});module.exports=l;

package/dist/config/tailwind.config.js

@@ -5,7 +5,7 @@ const colors = require('../colors')
 const { customizedPlugin } = require('./tailwind-plugins');
 
 
-export default {
+module.exports = {
   content: [
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
     './src/Components/**/*.{js,ts,jsx,tsx,mdx}',

package/dist/esm/Components/DataDisplays/Avatar/Avatar.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as i}from"tailwind-merge";import{memo as r,useState as s}from"react";import o from"../SystemIcon/SystemIcon.js";import n from"../../Base/Typography/Typography.js";import l from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:i,isMonogram:r,avatarStyle:l})=>{const[m,d]=s(!1),c=null==a?void 0:a.slice(0,1);return i&&!m?t("img",{src:i,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:()=>d(!0)}):r?t(n,{variant:l[e].char,className:"cursor-default select-none text-w-white",children:c}):t(o,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})};var d=r(({size:s="md",name:r,imgUrl:n,isEditable:d=!1,onClick:c})=>{var u=!n&&!!r,g={sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}};return e(l,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:c,children:[t(l,{"data-testid":"design-system-avatar--container",className:a(g[s].container,"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200"),children:t(m,{size:s,name:r,imgUrl:n,isMonogram:u,avatarStyle:g})}),!u&&d&&t(l,{className:a("absolute -right-0.5 bottom-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",g[s].editButton),"data-testid":"design-system-avatar--edit-button",children:t(o,{name:"small_camera",solid:!0,className:i("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})});export{d as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as i}from"tailwind-merge";import{memo as r,useState as s}from"react";import o from"../SystemIcon/SystemIcon.js";import n from"../../Base/Typography/Typography.js";import l from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:r,isMonogram:i,avatarStyle:l})=>{const[m,d]=s(!1),c=null==a?void 0:a.slice(0,1);return r&&!m?t("img",{src:r,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:()=>d(!0)}):i?t(n,{variant:l[e].char,className:"cursor-default select-none text-w-white",children:c}):t(o,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})};var d=r(({size:s="md",name:r,imgUrl:n,isEditable:d=!1,onClick:c})=>{var u=!n&&!!r,g={sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}};return e(l,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:c,children:[t(l,{"data-testid":"design-system-avatar--container",className:a(g[s].container,"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",u&&"bg-primary"),children:t(m,{size:s,name:r,imgUrl:n,isMonogram:u,avatarStyle:g})}),!u&&d&&t(l,{className:a("absolute -right-0.5 bottom-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",g[s].editButton),"data-testid":"design-system-avatar--edit-button",children:t(o,{name:"small_camera",solid:!0,className:i("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})});export{d as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.10.1",
+  "version": "1.10.2",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -13,11 +13,13 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.js"
     },
     "./colors": {
       "types": "./dist/colors.d.ts",
-      "default": "./dist/colors.js"
+      "import": "./dist/esm/colors.js",
+      "require": "./dist/colors.js"
     },
     "./config": {
       "default": "./dist/config/tailwind.config.js"