@soul-refiner/design-system 2.14.136 → 2.14.137
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("next/image"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("next/image"),r=require("styled-components"),s=require("../../atoms/box/box.js"),n=require("../../atoms/typography/heading.js"),o=require("../../atoms/typography/paragraph.js"),a=require("./icons/approved.js"),l=require("./icons/busy.js"),d=require("./icons/declined.js"),A=require("./icons/default.js"),g=require("./icons/focus.js"),F=require("./icons/locked.js"),x=require("./icons/offline.js"),C=require("./icons/online.js"),p=require("./icons/subscribed.js"),I=require("./icons/ispaid.js"),h=require("next/link");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=c(t),Q=c(i),u=c(h);const B={approved:a.Approved,busy:l.Busy,declined:d.Declined,focus:g.Focus,locked:F.Locked,ispaid:I.IsPaid,none:()=>e.jsx(e.Fragment,{}),online:C.Online,offline:x.Offline,subscribed:p.Subscribed},f={96:18,72:18,64:18,56:15,48:15,40:15,36:14,32:14,24:12,16:8},b={96:-23,72:-21,64:-20,56:-16,48:-15,40:-13,36:-12,32:-12,24:-10,16:-8},v={96:5,72:3,64:2,56:1,48:0,40:-2,36:-2,32:-2,24:-2,16:-1},j=({as:t="button",href:i,image:r,fallbackImg:a="data:image/png;base64,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",size:l=64,status:d,subtitle:g,sx:F,isPaidUser:x,textPosition:C="left",title:p,tooltipContent:I,tooltipSx:h,...c})=>{const[u,f]=E.default.useState(!1),b=B?.[d??"none"],v=B?.[x?"ispaid":"none"];return e.jsxs(s.Box,{$align:"center",$gap:18,$dir:"row",sx:`\n position: relative; \n &:hover {\n .tooltipContainer {\n display: flex;\n }\n }\n ${F}\n `,...c,children:[e.jsxs($,{as:t,$size:l,href:i,children:[!u&&e.jsxs(e.Fragment,{children:[e.jsx(Q.default,{style:{pointerEvents:"none"},alt:"avatar image",height:l,onError:()=>f(!0),quality:100,sizes:"96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16",src:r??a,width:l,draggable:!1}),e.jsx(z,{})]}),u&&e.jsx(A.Default,{}),e.jsx("div",{children:e.jsx(b,{})})]}),(p||g)&&e.jsxs(s.Box,{$dir:"row-reverse",$gap:7,children:[e.jsxs(w,{$textPosition:C,children:[p&&e.jsx(n.H,{as:"h3",$bold:!0,$color:"grey-2",$textClampLines:1,sx:"font-size: 26px;",children:p}),g&&e.jsx(o.P,{$color:"grey-4",$textClampLines:1,children:g})]}),x&&e.jsx(s.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;",children:e.jsx(v,{})})]}),I&&e.jsx(H,{className:"tooltipContainer",$sx:h,children:I})]})};j.displayName="Avatar";const y=[{bg:"#F5C842",text:"#1A1A1A"},{bg:"#7C5CBF",text:"#FFFFFF"},{bg:"#D95555",text:"#FFFFFF"},{bg:"#2D8A6E",text:"#FFFFFF"},{bg:"#E87C3E",text:"#FFFFFF"},{bg:"#2A6BA8",text:"#FFFFFF"},{bg:"#4CAF82",text:"#FFFFFF"},{bg:"#B04A7A",text:"#FFFFFF"},{bg:"#F0A500",text:"#1A1A1A"},{bg:"#3D7A3D",text:"#FFFFFF"},{bg:"#5BA4CF",text:"#FFFFFF"},{bg:"#C0572B",text:"#FFFFFF"},{bg:"#9B72CF",text:"#FFFFFF"},{bg:"#3A7A8A",text:"#FFFFFF"},{bg:"#C0974A",text:"#FFFFFF"},{bg:"#5A5A9A",text:"#FFFFFF"}];const m=({name:t,size:i,sx:r})=>{const s=function(e){const t=e.trim().split(/\s+/).filter(Boolean);return t.length?1===t.length?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase():"?"}(t),{bg:n,text:o}=y[function(e){let t=0;for(let i=0;i<e.length;i++)t=e.charCodeAt(i)+((t<<5)-t);return Math.abs(t)}(t)%y.length];return e.jsx($,{as:"div",$size:i,children:e.jsx(k,{$size:i,$bgColor:n,$textColor:o,$sx:r??"",children:s})})};m.displayName="Avatar.Initials";const k=r.styled.div`
|
|
3
3
|
width: ${({$size:e})=>e}px;
|
|
4
4
|
height: ${({$size:e})=>e}px;
|
|
5
5
|
border-radius: 50%;
|
|
@@ -14,8 +14,9 @@
|
|
|
14
14
|
letter-spacing: 0.5px;
|
|
15
15
|
user-select: none;
|
|
16
16
|
flex-shrink: 0;
|
|
17
|
+
cursor: pointer;
|
|
17
18
|
${({$sx:e})=>e}
|
|
18
|
-
`,z=
|
|
19
|
+
`,z=r.styled.div`
|
|
19
20
|
position: absolute;
|
|
20
21
|
top: 50%;
|
|
21
22
|
left: 50%;
|
|
@@ -23,7 +24,7 @@
|
|
|
23
24
|
width: 100%;
|
|
24
25
|
height: 100%;
|
|
25
26
|
z-index: 1;
|
|
26
|
-
`,$=
|
|
27
|
+
`,$=r.styled.div`
|
|
27
28
|
flex-shrink: 0;
|
|
28
29
|
display: flex;
|
|
29
30
|
flex-flow: row nowrap;
|
|
@@ -50,12 +51,12 @@
|
|
|
50
51
|
margin-left: ${({$size:e})=>b[`${e}`]}px;
|
|
51
52
|
top: ${({$size:e})=>v[`${e}`]}px;
|
|
52
53
|
}
|
|
53
|
-
`,w=
|
|
54
|
+
`,w=r.styled.div`
|
|
54
55
|
display: flex;
|
|
55
56
|
flex-flow: column nowrap;
|
|
56
57
|
gap: 4px;
|
|
57
58
|
order: ${({$textPosition:e})=>"left"===e?-1:1};
|
|
58
|
-
`,H=
|
|
59
|
+
`,H=r.styled.div`
|
|
59
60
|
display: none;
|
|
60
61
|
position: absolute;
|
|
61
62
|
top: 100%;
|
|
@@ -64,13 +65,13 @@
|
|
|
64
65
|
border-radius: 24px;
|
|
65
66
|
box-shadow: var(--elevation-2);
|
|
66
67
|
${({$sx:e})=>e||""}
|
|
67
|
-
`,N=({children:t,numDisplayed:i,total:
|
|
68
|
+
`,N=({children:t,numDisplayed:i,total:r})=>{let n=0;const a=E.default.Children.map(t,(t,i)=>E.default.isValidElement(t)&&"Avatar"===t.type.displayName?(n=t.props.size,e.jsx(S,{$index:i,children:t})):null).slice(0,i);return a.push(e.jsx(q,{$index:a.length+1,$size:n,children:e.jsxs(o.P,{$fontSize:11,$lineHeight:20,children:["+",r-i]})})),e.jsx(s.Box,{children:a})};N.displayName="Avatar.Group";const S=r.styled.div`
|
|
68
69
|
position: relative;
|
|
69
70
|
z-index: ${({$index:e})=>`-${e}`};
|
|
70
71
|
border-radius: 50%;
|
|
71
72
|
border: 2px solid var(--color-white);
|
|
72
73
|
margin-right: -8px;
|
|
73
|
-
`,q=
|
|
74
|
+
`,q=r.styled.div`
|
|
74
75
|
position: relative;
|
|
75
76
|
z-index: ${({$index:e})=>`-${e}`};
|
|
76
77
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/iconography/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EACvB,QAAQ,GACR,eAAe,GACf,SAAS,GACT,UAAU,GACV,QAAQ,GACR,OAAO,GACP,WAAW,GACX,kBAAkB,GAClB,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvB,KAAK,MAAM,GACP,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,UAAU,CAAC;AAEf,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAa5D,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyMD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/iconography/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EACvB,QAAQ,GACR,eAAe,GACf,SAAS,GACT,UAAU,GACV,QAAQ,GACR,OAAO,GACP,WAAW,GACX,kBAAkB,GAClB,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvB,KAAK,MAAM,GACP,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,UAAU,CAAC;AAEf,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAa5D,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyMD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAiHD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AA4DD,QAAA,MAAM,YAAY;wIA7Sf,WAAW;;;;6BA4HuC,mBAAmB;;;;4CAuHtB,gBAAgB;;;CA6DhE,CAAC;AAEH,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,CAAC"}
|