@soul-refiner/design-system 2.9.11 → 2.9.13
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"),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,triggerMultipleWithSpace:_=!1,triggerMultipleWithComma:v=!1,type:k="text",value:w,variant:z="default",warning:C})=>{const R=React__default.default.useId();const[E,I]=React__default.default.useState("");const D=e=>{e.stopPropagation(),e.preventDefault();e=w.includes(E);m&&!e&&m([...w,E]),I("")};return React__default.default.createElement(Label,{$disabled:t,$size:h,$sx:x},React__default.default.createElement(Legend,{$bg:e,$size:h,$successful:b,$warning:C,$variant:z},o),React__default.default.createElement(InputWrapper,{$bg:e,$size:h,$successful:b,$hasOutline:$,$warning:C},!y&&l,i?React__default.default.createElement(MultipleInputWrapper,{onSubmit:D,onKeyDown:e=>{_&&" "===e.key&&D(e),v&&","===e.key&&D(e)}},w.filter(Boolean).map((e,t)=>React__default.default.createElement(chip.Chip,{key:R+e+t,color:"blue",size:"small",onDismiss:()=>{var t;t=e,m&&m(w.filter(e=>e!==t))}},e)),React__default.default.createElement(Input,{$size:h,$sx:a,onBlur:f,placeholder:g,onChange:e=>{I(e.target.value)},onClick:u,onFocus:d,onKeyDown:e=>{!w.length||!m||E||"Delete"!==e.key&&"Backspace"!==e.key||m(w.slice(0,w.length-1))},value:E})):React__default.default.createElement(Input,{$size:h,$sx:a,disabled:t,name:c,..."number"===k&&{min:0},onBlur:f,onChange:s,onClick:u,onFocus:d,onKeyDown:p,placeholder:g,type:k,value:"number"!==k&&n?w?.slice(0,n-1)||"":w}),n&&"number"!==k&&!y&&React__default.default.createElement(MaxCharactersText,{$size:h},w?.length||0," / ",n),y&&l,b&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),C&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),r&&React__default.default.createElement(HelperText,{$size:h,$warning:C},C&&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,triggerMultipleWithSpace:_=!1,triggerMultipleWithComma:v=!1,type:k="text",value:w,variant:z="default",warning:C})=>{const R=React__default.default.useId();const[E,I]=React__default.default.useState("");const D=e=>{e.stopPropagation(),e.preventDefault();e=w.includes(E);m&&!e&&m([...w,E]),I("")};return React__default.default.createElement(Label,{$disabled:t,$size:h,$sx:x},React__default.default.createElement(Legend,{$bg:e,$size:h,$successful:b,$warning:C,$variant:z},o),React__default.default.createElement(InputWrapper,{$bg:e,$size:h,$successful:b,$hasOutline:$,$warning:C},!y&&l,i?React__default.default.createElement(MultipleInputWrapper,{onSubmit:D,onKeyDown:e=>{_&&" "===e.key&&D(e),v&&","===e.key&&D(e)}},w.filter(Boolean).map((e,t)=>React__default.default.createElement(chip.Chip,{key:R+e+t,color:"blue",size:"small",onDismiss:()=>{var t;t=e,m&&m(w.filter(e=>e!==t))}},e)),React__default.default.createElement(Input,{$size:h,$sx:a,onBlur:e=>{3<=E.trim().length&&D(e),f&&f(e)},placeholder:g,onChange:e=>{I(e.target.value)},onClick:u,onFocus:d,onKeyDown:e=>{!w.length||!m||E||"Delete"!==e.key&&"Backspace"!==e.key||m(w.slice(0,w.length-1))},value:E})):React__default.default.createElement(Input,{$size:h,$sx:a,disabled:t,name:c,..."number"===k&&{min:0},onBlur:f,onChange:s,onClick:u,onFocus:d,onKeyDown:p,placeholder:g,type:k,value:"number"!==k&&n?w?.slice(0,n-1)||"":w}),n&&"number"!==k&&!y&&React__default.default.createElement(MaxCharactersText,{$size:h},w?.length||0," / ",n),y&&l,b&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),C&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),r&&React__default.default.createElement(HelperText,{$size:h,$warning:C},C&&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;
|