sate-lib 1.84.0 → 1.86.0

package/lib/components/button/button.styles_module.css

@@ -1 +1 @@
-.button-dWV52U{border-radius:var(--radius-radii-14,.875rem);will-change:transform;border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s ease-in-out,color .2s ease-in-out,outline .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:relative;transform:scale(1);&:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fff0),0 0 0 4px var(--color-content-primary,#202020)}}.buttonIcon-oaPhS4{border-radius:50%}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U.disabled-or6BkM{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background-color:#0000;&:hover{background-color:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background-color:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background-color:#0000;&:hover,&:active{background-color:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background-color:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background-color:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background-color:#fff0}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background-color:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(8px);&:hover{background-color:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background-color:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background-color:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(8px);&:hover{background-color:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background-color:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);&:active{transform:scale(.92)}}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);&:active{transform:scale(.96)}}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);&:active{transform:scale(.96)}}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.icon-xSmall-m4F4Zf{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.icon-small-XGYMxY{width:2rem;height:2rem;&:active{transform:scale(.92)}}.icon-medium-UoYPBj{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}.indicator-XuVE2f{visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.label-ju16m4,.icon-EPzHvF{visibility:visible;opacity:1;transition:opacity .3s ease-in-out}.loading-BHYlLw{pointer-events:none;& .indicator-XuVE2f{visibility:visible;opacity:1}& .label-ju16m4,& .icon-EPzHvF{visibility:hidden;opacity:0}}
+.button-dWV52U{border-radius:var(--radius-radii-14,.875rem);will-change:transform;border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s ease-in-out,color .2s ease-in-out,outline .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:relative;transform:scale(1);&:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fff0),0 0 0 4px var(--color-content-primary,#202020)}}.buttonIcon-oaPhS4{border-radius:50%}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U.disabled-or6BkM{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background-color:#0000;&:hover{background-color:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background-color:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background-color:#0000;&:hover,&:active{background-color:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background-color:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background-color:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&:focus-visible{background-color:#fff0}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background-color:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(8px);&:hover{background-color:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background-color:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background-color:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(8px);&:hover{background-color:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background-color:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);&:active{transform:scale(.92)}}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);&:active{transform:scale(.96)}}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);&:active{transform:scale(.96)}}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.icon-xSmall-m4F4Zf{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.icon-small-XGYMxY{width:2rem;height:2rem;&:active{transform:scale(.92)}}.icon-medium-UoYPBj{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}.indicator-XuVE2f{visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.label-ju16m4,.icon-EPzHvF{visibility:visible;opacity:1}.loading-BHYlLw{pointer-events:none;& .indicator-XuVE2f{visibility:visible;opacity:1}& .label-ju16m4,& .icon-EPzHvF{visibility:hidden;opacity:0}}

package/lib/components/skeleton/skeleton.d.ts

@@ -0,0 +1,9 @@
+export interface SkeletonProps {
+    variant?: "text" | "circular" | "rectangular" | "rounded";
+    palette?: "dark" | "light";
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+}
+export declare function Skeleton({ variant, palette, width, height, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

package/lib/components/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACxB,OAAgB,EAChB,OAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,GACT,EAAE,aAAa,2CAef"}

package/lib/components/skeleton/skeleton.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t from"./skeleton.styles.module.js";function o({variant:o="text",palette:r="dark",width:n,height:s,className:a}){return e("span",{"aria-hidden":!0,className:[t.root,t[o],t[r],a].filter(Boolean).join(" "),style:{height:s,width:n}})}export{o as Skeleton};

package/lib/components/skeleton/skeleton.styles.module.js

@@ -0,0 +1 @@
+import"./skeleton.styles_module.css";let e={root:"root-FP6lRj",skeletonOpacity:"skeletonOpacity-qdgRhc",light:"light-sED9zn",dark:"dark-eoHwg4",text:"text-h2I188",rectangular:"rectangular-Hzdvh6",rounded:"rounded-A5VSkv",circular:"circular-Q69GjX"};export{e as default};

package/lib/components/skeleton/skeleton.styles_module.css

@@ -0,0 +1 @@
+.root-FP6lRj{animation:1.6s ease-in-out infinite skeletonOpacity-qdgRhc;display:inline-block;position:relative}.light-sED9zn{background-color:#ffffff2e}.dark-eoHwg4{background-color:#0000001f}.text-h2I188{border-radius:4px;width:100%;height:1em}.rectangular-Hzdvh6{border-radius:0}.rounded-A5VSkv{border-radius:8px}.circular-Q69GjX{border-radius:50%}@keyframes skeletonOpacity-qdgRhc{0%{opacity:1}50%{opacity:.4}to{opacity:1}}

package/lib/index.d.ts

@@ -12,6 +12,7 @@ export { Notification } from "./components/notification/notification";
 export { ProgressIndicator } from "./components/progress-indicator/progress-indicator";
 export { SearchInput } from "./components/search-input/search-input";
 export { SegmentedControl } from "./components/segmented-control/segmented-control";
+export { Skeleton } from "./components/skeleton/skeleton";
 export { Tabs } from "./components/tabs/tabs";
 export { TextArea } from "./components/text-area/text-area";
 export { TextField } from "./components/text-field/text-field";

package/lib/index.d.ts.map

@@ -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,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
+{"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,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,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

@@ -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 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};
+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 e}from"./components/button/button-icon.js";import{Drawer as n,DrawerGallery as m,DrawerMenu as p}from"./components/drawer/index.js";import{FilterChipGroup as s}from"./components/filter-chip/filter-chip.js";import{Icon as i}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 l}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as g}from"./components/search-input/search-input.js";import{SegmentedControl as d}from"./components/segmented-control/segmented-control.js";import{Skeleton as u}from"./components/skeleton/skeleton.js";import{Tabs as b}from"./components/tabs/tabs.js";import{TextArea as h}from"./components/text-area/text-area.js";import{TextField as x}from"./components/text-field/text-field.js";import{Typography as y}from"./components/typography/typography.js";export{o as Avatar,t as Badge,r as Button,e as ButtonIcon,n as Drawer,m as DrawerGallery,p as DrawerMenu,s as FilterChipGroup,i as Icon,a as Logo,c as MapMarker,f as MenuItem,j as Notification,l as ProgressIndicator,g as SearchInput,d as SegmentedControl,u as Skeleton,b as Tabs,h as TextArea,x as TextField,y as Typography};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sate-lib",
-  "version": "1.84.0",
+  "version": "1.86.0",
   "type": "module",
   "private": false,
   "keywords": [
@@ -21,6 +21,10 @@
       "import": "./lib/index.js",
       "types": "./lib/index.d.ts"
     },
+    "./skeleton": {
+      "import": "./lib/components/skeleton/skeleton.js",
+      "types": "./lib/components/skeleton/skeleton.d.ts"
+    },
     "./button": {
       "import": "./lib/components/button/button.js",
       "types": "./lib/components/button/button.d.ts"