sate-lib 2.5.0 → 2.7.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/components/segmented-control/segmented-control.js +1 -1
- package/lib/components/segmented-control/segmented-control.styles_module.css +1 -1
- package/lib/components/skeleton/skeleton.d.ts +3 -1
- package/lib/components/skeleton/skeleton.d.ts.map +1 -1
- package/lib/components/skeleton/skeleton.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cn as l}from"../../util.js";import r from"./segmented-control.styles.module.js";function i({options:i,name:
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cn as l}from"../../util.js";import r from"./segmented-control.styles.module.js";function i({options:i,name:m,defaultValue:o,onChange:a,className:n}){return e("fieldset",{className:l("bodyDefault",r.root,n),children:i.map(({label:i,value:n,icon:d,disabled:s})=>{let c=`${m}-${n}`;return t("div",{className:l(r.item,s&&r.disabled),children:[e("input",{className:r.itemInput,defaultChecked:n===o,disabled:s,id:c,name:m,onChange:()=>a?.(n),type:"radio"}),t("label",{className:l(r.itemLabel,!!d&&r.withIcon),htmlFor:c,children:[d,i]})]},c)})})}export{i as SegmentedControl};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-ZurdY9{padding:var(--spacing-size-4,.25rem);background-color:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14);border:0;align-items:center;display:flex}.item-KyXK8s{color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);border:none;position:relative}.item-KyXK8s:not(:first-child):before{content:"";background-color:rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-KyXK8s:has(.itemInput-qor_CK:checked):before,.item-KyXK8s:has(.itemInput-qor_CK:checked)+.item-KyXK8s:before{opacity:0}.itemLabel-hLhyLk{cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative;&:hover{color:var(--color-interactive-primary-hover,#202020)}}.itemLabel-hLhyLk:after{pointer-events:none;content:"";border:2px solid var(--color-content-primary,#202020);border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;inset:-2px;transform:scale(.98)}.withIcon-bg61Z_{padding-left:.5rem}.itemInput-qor_CK:checked+.itemLabel-hLhyLk{color:var(--color-interactive-accent,#202020);background-color:var(--color-background-elevated,#fdfdf9);box-shadow:var(--box-shadow-2);font-weight:500}.itemInput-qor_CK:focus-visible+.itemLabel-hLhyLk:after{opacity:1;transform:scale(1)}.itemInput-qor_CK{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disabled-enBWjG{pointer-events:none;opacity:.38}
|
|
1
|
+
.root-ZurdY9{padding:var(--spacing-size-4,.25rem);background-color:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14);border:0;align-items:center;display:flex}.item-KyXK8s{color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);border:none;flex:1;position:relative}.item-KyXK8s:not(:first-child):before{content:"";background-color:rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-KyXK8s:has(.itemInput-qor_CK:checked):before,.item-KyXK8s:has(.itemInput-qor_CK:checked)+.item-KyXK8s:before{opacity:0}.itemLabel-hLhyLk{text-align:center;cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;justify-content:center;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative;&:hover{color:var(--color-interactive-primary-hover,#202020)}}.itemLabel-hLhyLk:after{pointer-events:none;content:"";border:2px solid var(--color-content-primary,#202020);border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;inset:-2px;transform:scale(.98)}.withIcon-bg61Z_{padding-left:.5rem}.itemInput-qor_CK:checked+.itemLabel-hLhyLk{color:var(--color-interactive-accent,#202020);background-color:var(--color-background-elevated,#fdfdf9);box-shadow:var(--box-shadow-2);font-weight:500}.itemInput-qor_CK:focus-visible+.itemLabel-hLhyLk:after{opacity:1;transform:scale(1)}.itemInput-qor_CK{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disabled-enBWjG{pointer-events:none;opacity:.38}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
import type { CSSProperties } from "react";
|
|
1
2
|
export interface SkeletonProps {
|
|
2
3
|
variant?: "text" | "circular" | "rectangular" | "rounded";
|
|
3
4
|
palette?: "dark" | "light";
|
|
4
5
|
borderRadius?: number | string;
|
|
5
6
|
width?: number | string;
|
|
6
7
|
height?: number | string;
|
|
8
|
+
style?: CSSProperties;
|
|
7
9
|
className?: string;
|
|
8
10
|
}
|
|
9
|
-
export declare function Skeleton({ variant, palette, borderRadius, width, height, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function Skeleton({ variant, palette, borderRadius, width, height, style, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,WAAW,aAAa;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACxB,OAAgB,EAChB,OAAgB,EAChB,YAAY,EACZ,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,GACT,EAAE,aAAa,2CAef"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{cn as e}from"../../util.js";import r from"./skeleton.styles.module.js";function o({variant:o="text",palette:s="dark",borderRadius:m,width:i,height:n,className:
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{cn as e}from"../../util.js";import r from"./skeleton.styles.module.js";function o({variant:o="text",palette:s="dark",borderRadius:m,width:i,height:n,style:a,className:l}){return t("span",{"aria-hidden":!0,className:e(r.root,r[o],r[s],l),style:{borderRadius:m,height:n,width:i,...a}})}export{o as Skeleton};
|