sate-lib 2.25.0 → 2.27.0

package/lib/components/drawer/drawer.styles_module.css

@@ -1 +1 @@
-.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.nested-pRD_ow{z-index:102}.panel-RaauhH{overflow-y:auto}.root-sf4EHo{--drawer-top-margin:6rem;z-index:102;max-height:calc(100% - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);pointer-events:auto;touch-action:none;background:var(--color-background-screen,#fdfdf9);border-top-left-radius:var(--radius-radii-24,1.5rem);border-top-right-radius:var(--radius-radii-24,1.5rem);box-shadow:var(--box-shadow-5);will-change:transform;flex-direction:column;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.root-sf4EHo[data-state=open]{transform:translateY(0)}@media (width>=1024px){.root-sf4EHo{border-radius:var(--radius-radii-24,1.5rem);opacity:0;width:24.375rem;max-height:80vh;margin-top:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.32,.72,0,1);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.95)}.root-sf4EHo[data-state=open]{opacity:1;transform:translate(-50%,-50%)scale(1)}}.header-i2W6Rn{text-align:center;background:inherit;padding:.75rem;position:relative}.close-EWvEEO{z-index:102;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.title-U1rLfY{display:inline-block}@media (width>=1024px){.rootGallery-I7BGft{opacity:0;border-radius:0;width:100vw;height:100vh;max-height:none;margin-top:0;transition:opacity .35s cubic-bezier(.32,.72,0,1);inset:0;transform:none}.rootGallery-I7BGft[data-state=open]{opacity:1;transform:none}.rootGallery-I7BGft .header-i2W6Rn{background:0 0}.rootGallery-I7BGft .panel-RaauhH{max-width:1200px;margin:0 auto}}.rootMenu-x4puZm{border-radius:0;height:100%;max-height:100%;margin-top:0;overflow:hidden;transform:translate(100%)}.rootMenu-x4puZm[data-state=open]{transform:translate(0)}.menuClose-gTeWWP{z-index:102;position:absolute;top:.75rem;left:.75rem}
+.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.nested-pRD_ow{z-index:102}.panel-RaauhH{overflow-y:auto}.root-sf4EHo{--drawer-top-margin:6rem;z-index:102;max-height:calc(100% - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);pointer-events:auto;touch-action:none;background:var(--color-background-screen,#fdfdf9);border-top-left-radius:var(--radius-radii-24,1.5rem);border-top-right-radius:var(--radius-radii-24,1.5rem);box-shadow:var(--box-shadow-5);will-change:transform;flex-direction:column;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.root-sf4EHo[data-state=open]{transform:translateY(0)}@media (width>=1024px){.root-sf4EHo{border-radius:var(--radius-radii-24,1.5rem);opacity:0;width:24.375rem;max-height:80vh;margin-top:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.32,.72,0,1);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.95)}.root-sf4EHo[data-state=open]{opacity:1;transform:translate(-50%,-50%)scale(1)}}.header-i2W6Rn{text-align:center;background:inherit;padding:1rem;position:relative}.close-EWvEEO{z-index:102;position:absolute;top:.75rem;left:.75rem}.title-U1rLfY{display:inline-block}@media (width>=1024px){.rootGallery-I7BGft{opacity:0;border-radius:0;width:100vw;height:100vh;max-height:none;margin-top:0;transition:opacity .35s cubic-bezier(.32,.72,0,1);inset:0;transform:none}.rootGallery-I7BGft[data-state=open]{opacity:1;transform:none}.rootGallery-I7BGft .header-i2W6Rn{background:0 0}.rootGallery-I7BGft .panel-RaauhH{max-width:1200px;margin:0 auto}}.rootMenu-x4puZm{border-radius:0;height:100%;max-height:100%;margin-top:0;overflow:hidden;transform:translate(100%)}.rootMenu-x4puZm[data-state=open]{transform:translate(0)}.menuClose-gTeWWP{z-index:102;position:absolute;top:.75rem;left:.75rem}

package/lib/components/search-input/search-input.d.ts

@@ -1,18 +1,13 @@
+import type { InputHTMLAttributes } from "react";
 type Variant = "outlined" | "filled";
 type Size = "small" | "medium" | "large";
-interface SearchInputProps {
-    autoComplete?: "on" | "off";
+export interface SearchInputProps {
     className?: string;
-    name: string;
-    placeholder?: string;
     supportingText?: string;
-    disabled?: boolean;
-    defaultValue?: string;
     variant?: Variant;
     inputSize?: Size;
-    info?: boolean;
-    onValueChange?: (value: string) => void;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
 }
-export declare function SearchInput({ autoComplete, placeholder, variant, inputSize, name, onValueChange, supportingText, disabled, className, defaultValue, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInput({ variant, inputSize, supportingText, className, inputProps, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=search-input.d.ts.map

package/lib/components/search-input/search-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,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,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,WAAW,CAAC,EAC3B,YAAoB,EACpB,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,aAAa,EACb,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,EAAE,gBAAgB,2CA4ElB"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAQjD,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,EAC3B,OAAoB,EACpB,SAAmB,EACnB,cAAc,EACd,SAAS,EACT,UAAU,GACV,EAAE,gBAAgB,2CA2ElB"}

package/lib/components/search-input/search-input.js

@@ -1 +1 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t}from"react";import{cn as i}from"../../util.js";import{ButtonIcon as r}from"../button/button-icon.js";import s from"../icons/assets/Info.js";import l from"../icons/assets/MagnifyingGlass.js";import o from"../icons/assets/XCircleFill.js";import n from"./search-input.styles.module.js";function m({autoComplete:c="off",placeholder:d="Search",variant:u="outlined",inputSize:p="large",name:f,onValueChange:h,supportingText:b,disabled:g,className:v,defaultValue:j}){let[x,y]=t(j??""),N=(()=>{switch(p){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:i(n.root,n[p],N,g&&n.disabled,v),children:[a("div",{className:n.container,children:[e(l,{"aria-hidden":"true",className:n.leftIcon,size:"large"===p?24:"medium"===p?20:16}),e("input",{autoComplete:c,className:i(n.input,n[u]),disabled:g,name:f,onChange:e=>{let a=e.target.value;y(a),h?.(a)},placeholder:d,type:"text",value:x}),e("div",{className:n.clearButton,"data-visible":x?"true":"false",children:e(r,{"aria-hidden":!x||void 0,"aria-label":"Clear search",disabled:!x||g,icon:e(o,{size:"small"===p?16:18}),onClick:()=>{y(""),h?.("")},size:"small"===p?"xSmall":"small",tabIndex:x?0:-1,variant:"text"})})]}),b&&a("div",{className:i("bodySmall",n.supportingText),children:[e(s,{"aria-hidden":"true",size:16}),b]})]})}export{m as SearchInput};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as s}from"../../util.js";import{ButtonIcon as i}from"../button/button-icon.js";import t from"../icons/assets/Info.js";import l from"../icons/assets/MagnifyingGlass.js";import r from"../icons/assets/XCircleFill.js";import n from"./search-input.styles.module.js";function o({variant:d="outlined",inputSize:m="large",supportingText:c,className:u,inputProps:p}){let f=p?.value==null?"":String(p.value),h=!!p?.disabled,g=(()=>{switch(m){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:s(n.root,n[m],g,h&&n.disabled,u),children:[a("div",{className:n.container,children:[e(l,{"aria-hidden":"true",className:n.leftIcon,size:"large"===m?24:"medium"===m?20:16}),e("input",{...p,className:s(n.input,n[d],p?.className),disabled:h,onChange:e=>{p?.onChange?.(e)},type:p?.type??"text",value:f}),e("div",{className:n.clearButton,"data-visible":f?"true":"false",children:e(i,{"aria-hidden":!f||void 0,"aria-label":"Clear search",disabled:!f||h,icon:e(r,{size:"small"===m?16:18}),onClick:()=>{p?.onChange?.({currentTarget:{value:""},target:{value:""}})},size:"small"===m?"xSmall":"small",tabIndex:f?0:-1,variant:"text"})})]}),c&&a("div",{className:s("bodySmall",n.supportingText),children:[e(t,{"aria-hidden":"true",size:16}),c]})]})}export{o as SearchInput};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sate-lib",
-	"version": "2.25.0",
+	"version": "2.27.0",
 	"type": "module",
 	"private": false,
 	"keywords": [