sate-lib 1.25.0 → 1.27.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-es9ITD{all:unset;cursor:pointer;border-radius:var(--radius-radii-12,.75rem);justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;transform:scale(1)}.button-es9ITD.directionRight-WAP5c6{flex-direction:row-reverse}.button-es9ITD:disabled,.button-es9ITD.loading-VKSpAI{opacity:.38;pointer-events:none}.filled-xa4u4J{color:var(--color-interactive-control,#fff);background:url(../../assets/images/noise.png) 0 0/50px 50px repeat,var(--color-interactive-accent,#202020)}.filled-xa4u4J:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-xa4u4J:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-xa4u4J:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-gCb7Hr{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0}.outlined-gCb7Hr:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-gCb7Hr:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-gCb7Hr:focus-visible{background:var(--color-background-screen,#fdfdf9);outline:2px solid var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020);outline-offset:0}.text-s9AYuv{color:var(--color-interactive-primary,#646464);background:0 0}.text-s9AYuv:hover,.text-s9AYuv:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-s9AYuv:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.toned-wooKOh{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-wooKOh:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-wooKOh:active{background:color-mix(in srgb,var(--color-background-neutral-active,#00000014)8%,transparent)}.toned-wooKOh:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.small-UmKEXc{padding:var(--spacing-size-
|
|
1
|
+
.button-es9ITD{all:unset;cursor:pointer;border-radius:var(--radius-radii-12,.75rem);justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;transform:scale(1)}.button-es9ITD.directionRight-WAP5c6{flex-direction:row-reverse}.button-es9ITD:disabled,.button-es9ITD.loading-VKSpAI{opacity:.38;pointer-events:none}.filled-xa4u4J{color:var(--color-interactive-control,#fff);background:url(../../assets/images/noise.png) 0 0/50px 50px repeat,var(--color-interactive-accent,#202020)}.filled-xa4u4J:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-xa4u4J:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-xa4u4J:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-gCb7Hr{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0}.outlined-gCb7Hr:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-gCb7Hr:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-gCb7Hr:focus-visible{background:var(--color-background-screen,#fdfdf9);outline:2px solid var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020);outline-offset:0}.text-s9AYuv{color:var(--color-interactive-primary,#646464);background:0 0}.text-s9AYuv:hover,.text-s9AYuv:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-s9AYuv:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.toned-wooKOh{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-wooKOh:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-wooKOh:active{background:color-mix(in srgb,var(--color-background-neutral-active,#00000014)8%,transparent)}.toned-wooKOh:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.small-UmKEXc{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);gap:var(--spacing-size-4,.25rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.small-UmKEXc.icon-KwFnbg{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-UmKEXc.directionRight-WAP5c6{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-UmKEXc:active{transform:scale(.92)}.medium-gHb8hS{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);gap:var(--spacing-size-4,.25rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-emphasis-font-size,1rem);font-weight:500;line-height:var(--typescale-body-large-emphasis-line-height,1.5rem);letter-spacing:var(--typescale-body-large-emphasis-letter-spacing,-.0125rem)}.medium-gHb8hS.icon-KwFnbg{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-gHb8hS.directionRight-WAP5c6{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-gHb8hS:active{transform:scale(.96)}.large-JwSUDq{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);gap:var(--spacing-size-8,.5rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-x-large-emphasis-font-size,1.125rem);font-weight:500;line-height:var(--typescale-body-x-large-emphasis-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-emphasis-letter-spacing,-.0125rem)}.large-JwSUDq.icon-KwFnbg{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-JwSUDq.directionRight-WAP5c6{padding-inline-end:var(--spacing-size-16,1rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.large-JwSUDq:active{transform:scale(.96)}.iconOnly-qeXgqW{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-qeXgqW.xSmall-Z2xJog{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-qeXgqW.small-UmKEXc{width:2rem;height:2rem;padding:.3125rem}.iconOnly-qeXgqW.medium-gHb8hS{width:2.5rem;height:2.5rem}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { InputHTMLAttributes } from "react";
|
|
2
1
|
type Variant = "outlined" | "filled";
|
|
3
2
|
type Size = "small" | "medium" | "large";
|
|
4
|
-
interface SearchInputProps
|
|
3
|
+
interface SearchInputProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
name?: string;
|
|
5
6
|
placeholder?: string;
|
|
6
7
|
supportingText?: string;
|
|
7
|
-
disabled
|
|
8
|
-
defaultValue
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
defaultValue?: string;
|
|
9
10
|
variant?: Variant;
|
|
10
11
|
inputSize?: Size;
|
|
11
12
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
13
|
}
|
|
13
|
-
export declare function SearchInput({ placeholder, variant, inputSize, onChange, supportingText, disabled, className, defaultValue, ...rest }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function SearchInput({ placeholder, variant, inputSize, name, onChange, supportingText, disabled, className, defaultValue, ...rest }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
15
16
|
//# 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":"
|
|
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,CAAC,EAAE,MAAM,CAAC;IACd,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,2CAmElB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as i}from"react";import{Icon as l}from"../icon/icon.js";import
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as i}from"react";import{Icon as l}from"../icon/icon.js";import n 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,defaultValue:h,...p}){let[f,g]=i(h??"");return a("div",{className:[n.root,n[s],d&&n.disabled,u].filter(Boolean).join(" "),children:[a("div",{className:n.container,children:[e(l,{className:n.leftIcon,name:"MagnifyingGlass",size:"large"===s?24:"medium"===s?20:16,"aria-hidden":"true"}),e("input",{name:o,type:"text",placeholder:r,value:f,onChange:e=>{g(e.target.value),c&&c(e)},className:`${n.input} ${n[t]}`,disabled:d,...p}),e("button",{type:"button",className:n.clearButton,"data-visible":f?"true":"false",onClick:()=>{g("")},"aria-label":"Clear search","aria-hidden":!f||void 0,tabIndex:f?0:-1,children:e(l,{name:"XCircle-fill",size:"small"===s?16:18})}),e(l,{className:n.rightIcon,name:"Info",size:"small"===s?16:18})]}),m&&a("div",{className:n.supportingText,children:[e(l,{name:"Info",size:16,"aria-hidden":"true"}),m]})]})}export{r as SearchInput};
|