sate-lib 1.74.0 → 1.76.0
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.
- package/lib/assets/icons/ArrowOutLong.js +1 -0
- package/lib/assets/icons/ArrowOutShort.js +1 -0
- package/lib/components/icon/icon.d.ts +2 -1
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/search-input/search-input.styles_module.css +1 -1
- package/lib/components/text-area/text-area.d.ts +19 -0
- package/lib/components/text-area/text-area.d.ts.map +1 -0
- package/lib/components/text-area/text-area.js +1 -0
- package/lib/components/text-area/text-area.styles.module.js +1 -0
- package/lib/components/text-area/text-area.styles_module.css +1 -0
- package/lib/components/text-field/text-field.d.ts +20 -0
- package/lib/components/text-field/text-field.d.ts.map +1 -0
- package/lib/components/text-field/text-field.js +1 -0
- package/lib/components/text-field/text-field.styles.module.js +1 -0
- package/lib/components/text-field/text-field.styles_module.css +1 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/package.json +9 -1
- package/lib/assets/icons/ArrowOut.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...a,children:t("path",{d:"M16.648 6.627a1 1 0 0 1 .101.01l.024.003.023.007a1 1 0 0 1 .11.033l.01.005.018.01q.122.052.221.15a.75.75 0 0 1 .219.531l.001 5a.75.75 0 0 1-1.5 0l-.001-3.19-7.969 7.97a.75.75 0 0 1-1.06-1.061l7.97-7.97h-3.19a.75.75 0 0 1 0-1.5h5z"})});export{a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import"react";let r=r=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...r,children:t("path",{d:"M15 8q.063 0 .124.012a.745.745 0 0 1 .626.738v5a.75.75 0 0 1-1.5 0l-.001-3.19-5.969 5.97a.75.75 0 1 1-1.06-1.06l5.97-5.97H10A.75.75 0 0 1 10 8z"})});export{r as default};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { SVGProps } from "react";
|
|
2
2
|
export declare const Icons: {
|
|
3
|
-
readonly
|
|
3
|
+
readonly ArrowOutLong: import("react").FC<SVGProps<SVGSVGElement>>;
|
|
4
|
+
readonly ArrowOutShort: import("react").FC<SVGProps<SVGSVGElement>>;
|
|
4
5
|
readonly Caret: import("react").FC<SVGProps<SVGSVGElement>>;
|
|
5
6
|
readonly CheckboxChecked: import("react").FC<SVGProps<SVGSVGElement>>;
|
|
6
7
|
readonly CheckCircle: import("react").FC<SVGProps<SVGSVGElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA0CtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDASX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/
|
|
1
|
+
import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowOutLong.js";import r from"../../assets/icons/ArrowOutShort.js";import i from"../../assets/icons/Caret.js";import e from"../../assets/icons/CheckboxChecked.js";import t from"../../assets/icons/CheckCircle.js";import m from"../../assets/icons/CheckCircle-fill.js";import n from"../../assets/icons/ChevronDown.js";import l from"../../assets/icons/ChevronLeft.js";import a from"../../assets/icons/ChevronRight.js";import c from"../../assets/icons/ChevronUp.js";import f from"../../assets/icons/Envelope.js";import p from"../../assets/icons/Export.js";import j from"../../assets/icons/Eye.js";import h from"../../assets/icons/Eye-fill.js";import C from"../../assets/icons/EyeSlash.js";import g from"../../assets/icons/FacebookLogo.js";import u from"../../assets/icons/Gallery.js";import k from"../../assets/icons/GlobeSimple.js";import I from"../../assets/icons/Google-fill.js";import S from"../../assets/icons/Info.js";import y from"../../assets/icons/Instagram.js";import d from"../../assets/icons/ItemAddOn.js";import v from"../../assets/icons/ItemDefault.js";import E from"../../assets/icons/ItemSpecial.js";import L from"../../assets/icons/List-bullet.js";import b from"../../assets/icons/MagnifyingGlass.js";import O from"../../assets/icons/Notches.js";import G from"../../assets/icons/OpenMap.js";import T from"../../assets/icons/Pepper-fill.js";import w from"../../assets/icons/Phone.js";import x from"../../assets/icons/PlusCircle.js";import A from"../../assets/icons/SlidersHorizontal.js";import P from"../../assets/icons/Star-fill.js";import W from"../../assets/icons/TikTok.js";import D from"../../assets/icons/Trash.js";import M from"../../assets/icons/WarningCircle-fill.js";import X from"../../assets/icons/WarningTriangle-fill.js";import N from"../../assets/icons/WhatsappLogo.js";import z from"../../assets/icons/X2.js";import F from"../../assets/icons/XCircle-fill.js";let H={ArrowOutLong:o,ArrowOutShort:r,Caret:i,CheckboxChecked:e,CheckCircle:t,"CheckCircle-fill":m,ChevronDown:n,ChevronLeft:l,ChevronRight:a,ChevronUp:c,Envelope:f,Export:p,Eye:j,"Eye-fill":h,EyeSlash:C,FacebookLogo:g,Gallery:u,GlobeSimple:k,"Google-fill":I,Info:S,Instagram:y,ItemAddOn:d,ItemDefault:v,ItemSpecial:E,"List-bullet":L,MagnifyingGlass:b,Notches:O,OpenMap:G,"Pepper-fill":T,Phone:w,PlusCircle:x,SlidersHorizontal:A,"Star-fill":P,TikTok:W,Trash:D,"WarningCircle-fill":M,"WarningTriangle-fill":X,WhatsappLogo:N,X2:z,"XCircle-fill":F},R=Object.keys(H);function U({name:o,size:r=24,color:i="currentColor",...e}){let t=H[o];return t?s(t.default??t,{fill:i,height:r,width:r,...e}):null}export{U as Icon,H as Icons,R as iconNames};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);
|
|
1
|
+
.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-shadow-inner,#20202024)14%,transparent);&:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}}.filled-IQyZd1{background:color-mix(in srgb,var(--color-background-input-secondary,#0000000a)4%,transparent);box-shadow:inset 0 0 1px 0 color-mix(in srgb,var(--color-shadow-inner,#202020)14%,transparent)}.filled-IQyZd1:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const getCharCount: (value: string | undefined, maxLength: number) => string;
|
|
2
|
+
interface TextAreaProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
name: string;
|
|
5
|
+
error: boolean;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
supportingText?: string;
|
|
9
|
+
supportingIcon?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
autoComplete?: "on" | "off";
|
|
13
|
+
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
14
|
+
maxLength?: number;
|
|
15
|
+
resize?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare function TextArea({ name, label, placeholder, error, className, supportingText, supportingIcon, disabled, defaultValue, autoComplete, onChange, maxLength, resize, ...rest }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=text-area.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/text-area/text-area.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,SAAS,EAAE,WAAW,MAAM,WAGxE,CAAC;AAEF,UAAU,aAAa;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAS,EACT,cAAc,EACd,cAAqB,EACrB,QAAQ,EACR,YAAY,EACZ,YAAoB,EACpB,QAAQ,EACR,SAAe,EACf,MAAc,EACd,GAAG,IAAI,EACP,EAAE,aAAa,2CA+Ef"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as r,useState as t}from"react";import{Icon as l}from"../icon/icon.js";import{Typography as n}from"../typography/typography.js";import o from"./text-area.styles.module.js";let i=(e,a)=>{let r=e?.length??0;return`${r}/${a}`};function s({name:s,label:m,placeholder:c,error:d,className:p,supportingText:h,supportingIcon:f=!0,disabled:u,defaultValue:g,autoComplete:x="off",onChange:y,maxLength:N=250,resize:v=!1,...b}){let[j,C]=t(g??""),z=r(),T=j.length>0;return a("div",{className:[o.root,u&&o.disabled,v&&o.resize,d&&o.error,p].filter(Boolean).join(" "),children:[a("div",{className:[o.container,(T||!!c)&&o.filled].filter(Boolean).join(" "),children:[m&&e("label",{className:o.label,htmlFor:z,children:m}),e("textarea",{autoComplete:x,className:o.textArea,disabled:u,id:z,maxLength:N,name:s,onChange:e=>{C(e.target.value),y?.(e)},placeholder:c,value:j,...b}),!v&&e(l,{className:o.handle,name:"Notches",size:16})]}),a("div",{className:o.supportingTextContainer,children:[h&&a(n,{as:"span",className:o.supportText,palette:"grey",variant:"bodySmall",children:[f&&e("span",{children:e(l,{"aria-hidden":"true",name:d?"WarningCircle-fill":"Info",size:16})}),h]}),e(n,{as:"span",className:o.counter,palette:"grey",variant:"bodySmall",children:i(j,N)})]})]})}export{s as TextArea,i as getCharCount};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./text-area.styles_module.css";let e={root:"root-T3Rwwi",container:"container-n5Qln_",label:"label-_mNs6L",filled:"filled-VPuHVw",textArea:"textArea-gndPPt",handle:"handle-NwKya6",resize:"resize-OoojW3",supportingTextContainer:"supportingTextContainer-Uc3rlw",supportText:"supportText-BUMRVx",counter:"counter-QwHB4k",disabled:"disabled-ngZ0PN",error:"error-_6v7UT"};export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.root-T3Rwwi{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-n5Qln_{display:flex;position:relative;overflow:hidden}.label-_mNs6L{top:.875rem;left:var(--spacing-size-12,.75rem);text-overflow:ellipsis;width:100%;font-family:var(--typescale-text-field-input-font,"Golos UI");font-size:var(--typescale-text-field-input-font-size,1rem);font-style:normal;font-weight:400;line-height:var(--typescale-text-field-input-line-height,1.25rem);color:var(--color-interactive-primary,#646464);letter-spacing:var(--typescale-text-field-input-letter-spacing,-.0125rem);text-wrap:nowrap;pointer-events:none;transform-origin:0 0;padding-right:1rem;transition:transform .2s ease-in-out,font-size .2s ease-in-out,line-height .2s ease-in-out,top .2s ease-in-out;position:absolute;overflow:hidden}.container-n5Qln_:focus-within .label-_mNs6L,.filled-VPuHVw .label-_mNs6L{font-size:var(--typescale-text-field-label-font-size,.75rem);line-height:var(--typescale-text-field-label-line-height,.875rem);top:.4375rem}.textArea-gndPPt{width:100%;min-height:6rem;padding:1.31rem var(--spacing-size-24,1.5rem).625rem var(--spacing-size-12,.75rem);font-family:var(--typescale-text-field-input-font,"Golos UI");font-size:var(--typescale-text-field-input-font-size,1rem);font-style:normal;font-weight:400;line-height:var(--typescale-text-field-input-line-height,1.25rem);color:var(--color-content-primary,#202020);letter-spacing:var(--typescale-text-field-input-letter-spacing,-.0125rem);resize:vertical;outline-offset:-2px;background:color-mix(in srgb,var(--color-background-input-secondary,#0000000a)4%,transparent);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 color-mix(in srgb,var(--color-shadow-inner,#202020)14%,transparent);border:0;outline:2px solid #0000;flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:.5rem;transition:outline .2s ease-in-out;display:flex;&::-webkit-resizer{display:none}&:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}}.container-n5Qln_:not(:has(.label-_mNs6L)){& .textArea-gndPPt{padding:.875rem var(--spacing-size-24,1.5rem).625rem var(--spacing-size-12,.75rem)}}.handle-NwKya6{right:var(--spacing-size-4,.25rem);bottom:var(--spacing-size-4,.25rem);position:absolute}.resize-OoojW3{& textarea{resize:none}}.supportingTextContainer-Uc3rlw{gap:var(--spacing-size-8,.5rem);justify-content:space-between;align-items:flex-start;display:flex}.supportText-BUMRVx{gap:var(--spacing-size-8,.5rem);display:flex}.counter-QwHB4k{margin-left:auto}.disabled-ngZ0PN{pointer-events:none;opacity:.38}.error-_6v7UT{& .label-_mNs6L,& .supportText-BUMRVx{color:var(--color-sentiment-negative-primary,#c62a2f)}& .textArea-gndPPt{outline-color:var(--color-sentiment-negative-primary,#c62a2f);background:var(--color-sentiment-negative-secondary,#ffe5e5)}}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
interface TextFieldProps {
|
|
2
|
+
type: "text" | "password";
|
|
3
|
+
variant: "default" | "currency";
|
|
4
|
+
label: string;
|
|
5
|
+
name: string;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
supportingText?: string;
|
|
10
|
+
supportingIcon?: boolean;
|
|
11
|
+
tailingIcon?: boolean;
|
|
12
|
+
tailingIconHandle?: () => void;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
defaultValue?: string;
|
|
15
|
+
autoComplete?: "on" | "off";
|
|
16
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
17
|
+
}
|
|
18
|
+
export declare function TextField({ type, variant, name, label, placeholder, error, className, supportingText, supportingIcon, tailingIcon, tailingIconHandle, disabled, defaultValue, autoComplete, onChange, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=text-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.tsx"],"names":[],"mappings":"AAMA,UAAU,cAAc;IACvB,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IAC1B,OAAO,EAAE,SAAS,GAAG,UAAU,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,SAAS,CAAC,EACzB,IAAa,EACb,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAS,EACT,cAAc,EACd,cAAqB,EACrB,WAAmB,EACnB,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,YAAoB,EACpB,QAAQ,EACR,GAAG,IAAI,EACP,EAAE,cAAc,2CAmGhB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as r,useState as l}from"react";import{ButtonIcon as i}from"../button/button-icon.js";import{Icon as o}from"../icon/icon.js";import{Typography as t}from"../typography/typography.js";import n from"./text-field.styles.module.js";function s({type:s="text",variant:d,name:c,label:p,placeholder:m,error:f,className:u,supportingText:h,supportingIcon:y=!0,tailingIcon:b=!1,tailingIconHandle:x,disabled:g,defaultValue:v,autoComplete:j="off",onChange:w,...C}){let[N,k]=l(v??""),[z,I]=l(!1),S=r(),B=N.length>0,E=[n.root,g&&n.disabled,f&&n.error,u].filter(Boolean).join(" "),F=[n.container,(B||!!m)&&n.filled].filter(Boolean).join(" "),M="password"===s?z?"text":"password":s,T="password"!==s&&b&&!!x,H="password"===s?e(i,{"aria-label":z?"Hide password":"Show password","aria-pressed":z,disabled:g,icon:z?"EyeSlash":"Eye",onClick:()=>I(e=>!e),size:"small",variant:"text"}):T?e(i,{"aria-label":"More information",disabled:g,icon:"Info",onClick:x,size:"small",variant:"text"}):null;return a("div",{className:E,children:[a("div",{className:F,children:[e("label",{className:n.label,htmlFor:S,children:p}),"currency"===d&&e("span",{className:n.currency,children:"\xa3"}),e("input",{autoComplete:j,className:n.input,disabled:g,id:S,inputMode:"currency"===d?"decimal":"text",name:c,onChange:e=>{k(e.target.value),w?.(e)},placeholder:m,spellCheck:"false",type:M,value:N,...C}),H&&e("div",{className:n.tailingIcon,children:H})]}),h&&a(t,{as:"span",className:n.supportingTextContainer,palette:"grey",variant:"bodySmall",children:[y&&e("span",{children:e(o,{"aria-hidden":"true",name:f?"WarningCircle-fill":"Info",size:16})}),h]})]})}export{s as TextField};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./text-field.styles_module.css";let e={root:"root-b_WUZD",container:"container-QdDXv1",label:"label-SxSg48",currency:"currency-atzAmT",filled:"filled-mQaws2",input:"input-xq2uyS",tailingIcon:"tailingIcon-huRyq6",supportingTextContainer:"supportingTextContainer-KGtwwo",disabled:"disabled-KXxWok",error:"error-O6jLhD"};export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.root-b_WUZD{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-QdDXv1{display:flex;position:relative;overflow:hidden}.label-SxSg48{top:.88rem;left:var(--spacing-size-12,.75rem);text-overflow:ellipsis;width:100%;font-family:var(--typescale-text-field-input-font,"Golos UI");font-size:var(--typescale-text-field-input-font-size,1rem);font-style:normal;font-weight:400;line-height:var(--typescale-text-field-input-line-height,1.25rem);color:var(--color-interactive-primary,#646464);letter-spacing:var(--typescale-text-field-input-letter-spacing,-.0125rem);text-wrap:nowrap;pointer-events:none;transform-origin:0 0;padding-right:1rem;transition:transform .2s ease-in-out,font-size .2s ease-in-out,line-height .2s ease-in-out,top .2s ease-in-out;position:absolute;overflow:hidden}.currency-atzAmT{top:1.3rem;left:var(--spacing-size-12,.75rem);visibility:hidden;color:var(--color-interactive-primary,#646464);opacity:0;transition:opacity .2s ease-in-out;position:absolute}.container-QdDXv1:focus-within .label-SxSg48,.filled-mQaws2 .label-SxSg48{font-size:var(--typescale-text-field-label-font-size,.75rem);line-height:var(--typescale-text-field-label-line-height,.875rem);top:.44rem}.container-QdDXv1:focus-within .currency-atzAmT,.filled-mQaws2 .currency-atzAmT{visibility:visible;opacity:1;transition-delay:.1s}.input-xq2uyS{width:100%;height:3rem;padding:1.31rem var(--spacing-size-8,.5rem).44rem var(--spacing-size-12,.75rem);color:var(--color-content-primary,#202020);outline-offset:-2px;background:color-mix(in srgb,var(--color-background-input-secondary,#0000000a)4%,transparent);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 color-mix(in srgb,var(--color-shadow-inner,#202020)14%,transparent);border:0;outline:2px solid #0000;flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:.5rem;transition:outline .2s ease-in-out;display:flex;&::-webkit-resizer{display:none}&:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}}.input-xq2uyS,.currency-atzAmT{font-family:var(--typescale-text-field-input-font,"Golos UI");font-size:var(--typescale-text-field-input-font-size,1rem);font-style:normal;font-weight:400;line-height:var(--typescale-text-field-input-line-height,1.25rem);letter-spacing:var(--typescale-text-field-input-letter-spacing,-.0125rem)}.tailingIcon-huRyq6{top:50%;right:calc(var(--spacing-size-8,.5rem) + .31rem);background-color:#0000;display:flex;position:absolute;transform:translateY(-50%)}.container-QdDXv1:has(.tailingIcon-huRyq6){& .input-xq2uyS{padding-right:2.75rem}}.container-QdDXv1:has(.currency-atzAmT){& .input-xq2uyS{padding-left:1.56rem}}.supportingTextContainer-KGtwwo{gap:var(--spacing-size-8,.5rem);display:flex}.disabled-KXxWok{pointer-events:none;opacity:.38}.error-O6jLhD{& .label-SxSg48,& .supportingTextContainer-KGtwwo{color:var(--color-sentiment-negative-primary,#c62a2f)}& .input-xq2uyS{outline-color:var(--color-sentiment-negative-primary,#c62a2f);background:var(--color-sentiment-negative-secondary,#ffe5e5)}}
|
package/lib/index.d.ts
CHANGED
|
@@ -13,5 +13,7 @@ export { ProgressIndicator } from "./components/progress-indicator/progress-indi
|
|
|
13
13
|
export { SearchInput } from "./components/search-input/search-input";
|
|
14
14
|
export { SegmentedControl } from "./components/segmented-control/segmented-control";
|
|
15
15
|
export { Tabs } from "./components/tabs/tabs";
|
|
16
|
+
export { TextArea } from "./components/text-area/text-area";
|
|
17
|
+
export { TextField } from "./components/text-field/text-field";
|
|
16
18
|
export { Typography } from "./components/typography/typography";
|
|
17
19
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Button as r}from"./components/button/button.js";import{ButtonIcon as n}from"./components/button/button-icon.js";import{Drawer as
|
|
1
|
+
import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Button as r}from"./components/button/button.js";import{ButtonIcon as n}from"./components/button/button-icon.js";import{Drawer as e,DrawerGallery as m,DrawerMenu as p}from"./components/drawer/index.js";import{FilterChipGroup as i}from"./components/filter-chip/filter-chip.js";import{Icon as s}from"./components/icon/icon.js";import{Logo as a}from"./components/logo/logo.js";import{MapMarker as c}from"./components/map-marker/map-marker.js";import{MenuItem as f}from"./components/menu-item/menu-item.js";import{Notification as j}from"./components/notification/notification.js";import{ProgressIndicator as g}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as d}from"./components/search-input/search-input.js";import{SegmentedControl as u}from"./components/segmented-control/segmented-control.js";import{Tabs as l}from"./components/tabs/tabs.js";import{TextArea as b}from"./components/text-area/text-area.js";import{TextField as h}from"./components/text-field/text-field.js";import{Typography as x}from"./components/typography/typography.js";export{o as Avatar,t as Badge,r as Button,n as ButtonIcon,e as Drawer,m as DrawerGallery,p as DrawerMenu,i as FilterChipGroup,s as Icon,a as Logo,c as MapMarker,f as MenuItem,j as Notification,g as ProgressIndicator,d as SearchInput,u as SegmentedControl,l as Tabs,b as TextArea,h as TextField,x as Typography};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sate-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.76.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"keywords": [
|
|
@@ -85,6 +85,14 @@
|
|
|
85
85
|
"import": "./lib/components/search-input/search-input.js",
|
|
86
86
|
"types": "./lib/components/search-input/search-input.d.ts"
|
|
87
87
|
},
|
|
88
|
+
"./text-area": {
|
|
89
|
+
"import": "./lib/components/text-area/text-area.js",
|
|
90
|
+
"types": "./lib/components/text-area/text-area.d.ts"
|
|
91
|
+
},
|
|
92
|
+
"./text-field": {
|
|
93
|
+
"import": "./lib/components/text-field/text-field.js",
|
|
94
|
+
"types": "./lib/components/text-field/text-field.d.ts"
|
|
95
|
+
},
|
|
88
96
|
"./logo": {
|
|
89
97
|
"import": "./lib/components/logo/logo.js",
|
|
90
98
|
"types": "./lib/components/logo/logo.d.ts"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import"react";let r=r=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...r,children:t("path",{d:"M16.625 6.625q.064 0 .125.012l.023.003.02.006a.74.74 0 0 1 .362.199q.089.091.14.204.012.019.02.038a.7.7 0 0 1 .048.174q.01.056.012.114v5a.75.75 0 0 1-1.5 0l-.001-3.19-7.969 7.97a.75.75 0 0 1-1.06-1.06l7.97-7.97h-3.19a.75.75 0 0 1 0-1.5z"})});export{r as default};
|