@soul-refiner/design-system 2.9.5 → 2.9.7
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 React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),dropdown=require("../../actions/dropdown/dropdown.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),ellipsis_horizontal=require("../../../icons/basic/ellipsis_horizontal.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const PersonCard=({actions:e,dotsActions:t,href:a,image:
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),dropdown=require("../../actions/dropdown/dropdown.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),ellipsis_horizontal=require("../../../icons/basic/ellipsis_horizontal.js"),ispaid=require("../../iconography/avatar/icons/ispaid.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const PersonCard=({actions:e,dotsActions:t,href:a,image:i,subtitle:o,sx:r,title:l,isPaidUser:n})=>React__default.default.createElement(Wrapper,{$image:i},React__default.default.createElement(Person,{$sx:r},React__default.default.createElement(ContentWrapper,{as:a?"a":"div",href:a},t&&!!t.length&&React__default.default.createElement(dropdown.Dropdown,{containerSx:"",hasArrow:!0,maintainState:!1,onClick:e=>e.preventDefault(),options:t,sx:"position: absolute; top: 8px; right: 8px; z-index: 24; display: none;",trigger:React__default.default.createElement(button.Button,{className:"icon",icon:React__default.default.createElement(ellipsis_horizontal.EllipsisHorizontal,null),onClick:e=>e.stopPropagation(),showChevron:!1,size:"small",type:"outlined"})}),React__default.default.createElement(Image__default.default,{alt:"",height:400,quality:100,src:i,width:312})),React__default.default.createElement(Figcaption,null,React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$gap:8},React__default.default.createElement(heading.H,{as:"span",$bold:!0,$color:"white",$fontSize:24,$lineHeight:36},l),n&&React__default.default.createElement(box.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;"},React__default.default.createElement(ispaid.IsPaid,null))),React__default.default.createElement(paragraph.P,{as:"span",$color:"white",$fontSize:14,$lineHeight:20},o),e&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: 16px;"},React__default.default.Children.toArray(e))))),ContentWrapper=styled.styled.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
&:hover > div {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),chip=require("../../feedback/chip/chip.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextInput=({bg:e="var(--color-blue-10)",disabled:t,helperText:r,icon:l,inputSx:a,label:o,maxCharacters:n,multiple:i,name:c,onChange:s,onClick:u,onFocus:d,onKeyDown:p,onBlur:f,onMultipleChange:m,placeholder:g,hasOutline:$=!0,placeIconAtTheEnd:y=!1,size:h="large",successful:b,sx:x,type:_="text",value:v,variant:k="default",warning:z,triggerMultipleWithSpace:w=!1})=>{const C=React__default.default.useId();const[R,E]=React__default.default.useState("");const I=e=>{e.stopPropagation(),e.preventDefault();e=v.includes(R);m&&!e&&m([...v,R]),E("")};return React__default.default.createElement(Label,{$disabled:t,$size:h,$sx:x},React__default.default.createElement(Legend,{$bg:e,$size:h,$successful:b,$warning:z,$variant:k},o),React__default.default.createElement(InputWrapper,{$bg:e,$size:h,$successful:b,$hasOutline:$,$warning:z},!y&&l,i?React__default.default.createElement(MultipleInputWrapper,{onSubmit:I,onKeyDown:e=>{w&&" "===e.key&&I(e)}},v.filter(Boolean).map((e,t)=>React__default.default.createElement(chip.Chip,{key:C+e+t,color:"blue",size:"small",onDismiss:()=>{var t;t=e,m&&m(v.filter(e=>e!==t))}},e)),React__default.default.createElement(Input,{$size:h,$sx:a,onBlur:f,onChange:e=>{E(e.target.value)},onClick:u,onFocus:d,onKeyDown:e=>{!v.length||!m||R||"Delete"!==e.key&&"Backspace"!==e.key||m(v.slice(0,v.length-1))},value:R})):React__default.default.createElement(Input,{$size:h,$sx:a,disabled:t,name:c,..."number"===_&&{min:0},onBlur:f,onChange:s,onClick:u,onFocus:d,onKeyDown:p,placeholder:g,type:_,value:"number"!==_&&n?v?.slice(0,n-1)||"":v}),n&&"number"!==_&&!y&&React__default.default.createElement(MaxCharactersText,{$size:h},v?.length||0," / ",n),y&&l,b&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),r&&React__default.default.createElement(HelperText,{$size:h,$warning:z},z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"}),r))},Label=styled.styled.label`
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),chip=require("../../feedback/chip/chip.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextInput=({bg:e="var(--color-blue-10)",disabled:t,helperText:r,icon:l,inputSx:a,label:o,maxCharacters:n,multiple:i,name:c,onChange:s,onClick:u,onFocus:d,onKeyDown:p,onBlur:f,onMultipleChange:m,placeholder:g,hasOutline:$=!0,placeIconAtTheEnd:y=!1,size:h="large",successful:b,sx:x,type:_="text",value:v,variant:k="default",warning:z,triggerMultipleWithSpace:w=!1})=>{const C=React__default.default.useId();const[R,E]=React__default.default.useState("");const I=e=>{e.stopPropagation(),e.preventDefault();e=v.includes(R);m&&!e&&m([...v,R]),E("")};return React__default.default.createElement(Label,{$disabled:t,$size:h,$sx:x},React__default.default.createElement(Legend,{$bg:e,$size:h,$successful:b,$warning:z,$variant:k},o),React__default.default.createElement(InputWrapper,{$bg:e,$size:h,$successful:b,$hasOutline:$,$warning:z},!y&&l,i?React__default.default.createElement(MultipleInputWrapper,{onSubmit:I,onKeyDown:e=>{w&&" "===e.key&&I(e)}},v.filter(Boolean).map((e,t)=>React__default.default.createElement(chip.Chip,{key:C+e+t,color:"blue",size:"small",onDismiss:()=>{var t;t=e,m&&m(v.filter(e=>e!==t))}},e)),React__default.default.createElement(Input,{$size:h,$sx:a,onBlur:f,placeholder:g,onChange:e=>{E(e.target.value)},onClick:u,onFocus:d,onKeyDown:e=>{!v.length||!m||R||"Delete"!==e.key&&"Backspace"!==e.key||m(v.slice(0,v.length-1))},value:R})):React__default.default.createElement(Input,{$size:h,$sx:a,disabled:t,name:c,..."number"===_&&{min:0},onBlur:f,onChange:s,onClick:u,onFocus:d,onKeyDown:p,placeholder:g,type:_,value:"number"!==_&&n?v?.slice(0,n-1)||"":v}),n&&"number"!==_&&!y&&React__default.default.createElement(MaxCharactersText,{$size:h},v?.length||0," / ",n),y&&l,b&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),r&&React__default.default.createElement(HelperText,{$size:h,$warning:z},z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"}),r))},Label=styled.styled.label`
|
|
3
3
|
font-family: var(--font-inter);
|
|
4
4
|
font-size: ${({$size:e})=>"small"===e?.75:.87}rem;
|
|
5
5
|
font-weight: 400;
|
|
@@ -8,5 +8,6 @@ export interface PersonCardProps {
|
|
|
8
8
|
subtitle: string | React.ReactElement;
|
|
9
9
|
sx?: string;
|
|
10
10
|
title: string;
|
|
11
|
+
isPaidUser?: boolean;
|
|
11
12
|
}
|
|
12
|
-
export declare const PersonCard: ({ actions, dotsActions, href, image, subtitle, sx, title, }: PersonCardProps) => React.JSX.Element;
|
|
13
|
+
export declare const PersonCard: ({ actions, dotsActions, href, image, subtitle, sx, title, isPaidUser, }: PersonCardProps) => React.JSX.Element;
|