sate-lib 1.35.0 → 1.36.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/fonts/golos-ui-medium.woff2 +0 -0
- package/lib/assets/fonts/golos-ui-regular.woff2 +0 -0
- package/lib/components/search-input/search-input.d.ts +2 -1
- package/lib/components/search-input/search-input.d.ts.map +1 -1
- package/lib/components/search-input/search-input.js +1 -1
- package/lib/components/search-input/search-input.styles.module.js +1 -1
- package/lib/components/search-input/search-input.styles_module.css +1 -1
- package/package.json +1 -1
|
Binary file
|
|
Binary file
|
|
@@ -9,8 +9,9 @@ interface SearchInputProps {
|
|
|
9
9
|
defaultValue?: string;
|
|
10
10
|
variant?: Variant;
|
|
11
11
|
inputSize?: Size;
|
|
12
|
+
info?: boolean;
|
|
12
13
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
13
14
|
}
|
|
14
|
-
export declare function SearchInput({ placeholder, variant, inputSize, name, onChange, supportingText, disabled, className, defaultValue, ...rest }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function SearchInput({ placeholder, variant, inputSize, name, onChange, supportingText, disabled, className, info, defaultValue, ...rest }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export {};
|
|
16
17
|
//# sourceMappingURL=search-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAwElB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as i}from"react";import{Icon as
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as i}from"react";import{Icon as n}from"../icon/icon.js";import l from"./search-input.styles.module.js";function r({placeholder:r="Search",variant:t="outlined",inputSize:s="large",name:o,onChange:c,supportingText:m,disabled:d,className:u,info:h,defaultValue:p,...f}){let[g,v]=i(p??"");return a("div",{className:[l.root,l[s],d&&l.disabled,u].filter(Boolean).join(" "),children:[a("div",{className:l.container,children:[e(n,{className:l.leftIcon,name:"MagnifyingGlass",size:"large"===s?24:"medium"===s?20:16,"aria-hidden":"true"}),e("input",{name:o,type:"text",placeholder:r,value:g,onChange:e=>{v(e.target.value),c&&c(e)},className:`${l.input} ${l[t]}`,disabled:d,...f}),a("div",{className:l.actionIcons,children:[e("button",{type:"button",className:l.clearButton,"data-visible":g?"true":"false",onClick:()=>{v("")},"aria-label":"Clear search","aria-hidden":!g||void 0,tabIndex:g?0:-1,children:e(n,{name:"XCircle-fill",size:"small"===s?16:18})}),h&&e(n,{className:l.rightIcon,name:"Info",size:"small"===s?16:18})]})]}),m&&a("div",{className:l.supportingText,children:[e(n,{name:"Info",size:16,"aria-hidden":"true"}),m]})]})}export{r as SearchInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./search-input.styles_module.css";let e={root:"root-pyZY98",container:"container-lbapOX",input:"input-qIobsm",outlined:"outlined-BYG0l6",filled:"filled-MMj8V_",clearButton:"clearButton-nSejyH",leftIcon:"leftIcon-YsP8Ve",
|
|
1
|
+
import"./search-input.styles_module.css";let e={root:"root-pyZY98",container:"container-lbapOX",input:"input-qIobsm",outlined:"outlined-BYG0l6",filled:"filled-MMj8V_",clearButton:"clearButton-nSejyH",leftIcon:"leftIcon-YsP8Ve",actionIcons:"actionIcons-wBcM6V",supportingText:"supportingText-uTaQfI",disabled:"disabled-xFBfue",small:"small-klP5_W",medium:"medium-tXvZs0",large:"large-i1pgMt"};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-pyZY98{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-lbapOX{display:flex;position:relative}.container-lbapOX svg{color:var(--color-content-secondary,#646464)}.input-qIobsm{all:unset;border-radius:var(--radius-radii-12,.75rem);outline-offset:-2px;width:100%;color:var(--color-content-primary,#202020);outline:2px solid #0000;transition:background .2s,box-shadow .2s,border .2s,outline .2s}.input-qIobsm:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-qIobsm::placeholder{color:var(--color-content-tertiary,gray)}.outlined-BYG0l6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-BYG0l6:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-MMj8V_{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:inset 0 0 0 1px #0000}.filled-MMj8V_:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-nSejyH{all:unset;cursor:pointer;
|
|
1
|
+
.root-pyZY98{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-lbapOX{display:flex;position:relative}.container-lbapOX svg{color:var(--color-content-secondary,#646464)}.input-qIobsm{all:unset;border-radius:var(--radius-radii-12,.75rem);outline-offset:-2px;width:100%;color:var(--color-content-primary,#202020);outline:2px solid #0000;transition:background .2s,box-shadow .2s,border .2s,outline .2s}.input-qIobsm:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-qIobsm::placeholder{color:var(--color-content-tertiary,gray)}.outlined-BYG0l6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-BYG0l6:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-MMj8V_{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:inset 0 0 0 1px #0000}.filled-MMj8V_:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-nSejyH{all:unset;cursor:pointer;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-nSejyH[data-visible=true]{opacity:1;pointer-events:auto;transform:scale(1)}.leftIcon-YsP8Ve,.actionIcons-wBcM6V{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-wBcM6V{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-YsP8Ve{left:var(--spacing-size-8,.5rem)}.supportingText-uTaQfI{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem);display:flex}.disabled-xFBfue{opacity:.38;pointer-events:none}.small-klP5_W input{height:2rem;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0);padding:0 2.17rem 0 2rem}.small-klP5_W .actionIcons-wBcM6V{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.medium-tXvZs0 input{height:2.5rem;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem);padding:0 2.7rem 0 2.13rem}.large-i1pgMt input{height:3.5rem;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem);padding:0 2.7rem 0 2.5rem}
|