sate-lib 1.75.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/text-field/text-field.d.ts +2 -1
- package/lib/components/text-field/text-field.d.ts.map +1 -1
- package/lib/components/text-field/text-field.js +1 -1
- package/lib/components/text-field/text-field.styles_module.css +1 -1
- package/package.json +1 -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};
|
|
@@ -9,11 +9,12 @@ interface TextFieldProps {
|
|
|
9
9
|
supportingText?: string;
|
|
10
10
|
supportingIcon?: boolean;
|
|
11
11
|
tailingIcon?: boolean;
|
|
12
|
+
tailingIconHandle?: () => void;
|
|
12
13
|
disabled?: boolean;
|
|
13
14
|
defaultValue?: string;
|
|
14
15
|
autoComplete?: "on" | "off";
|
|
15
16
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
16
17
|
}
|
|
17
|
-
export declare function TextField({ type, variant, name, label, placeholder, error, className, supportingText, supportingIcon, tailingIcon, disabled, defaultValue, autoComplete, onChange, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
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;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=text-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as r,useState as l}from"react";import{
|
|
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};
|
|
@@ -1 +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);
|
|
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/package.json
CHANGED
|
@@ -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};
|