sate-lib 1.92.0 → 1.94.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/button/button-link.d.ts +19 -0
- package/lib/components/button/button-link.d.ts.map +1 -0
- package/lib/components/button/button-link.js +1 -0
- package/lib/components/button/button.styles.module.js +1 -1
- package/lib/components/button/button.styles_module.css +1 -1
- package/lib/components/skeleton/skeleton.d.ts +2 -1
- package/lib/components/skeleton/skeleton.d.ts.map +1 -1
- package/lib/components/skeleton/skeleton.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { AnchorHTMLAttributes, ElementType } from "react";
|
|
2
|
+
import { type IconName } from "../icon/icon";
|
|
3
|
+
export type Variant = "outlined";
|
|
4
|
+
type Size = "small" | "medium" | "large";
|
|
5
|
+
interface CommonProps {
|
|
6
|
+
label: string;
|
|
7
|
+
href: string;
|
|
8
|
+
as?: "a" | ElementType;
|
|
9
|
+
variant?: Variant;
|
|
10
|
+
size?: Size;
|
|
11
|
+
iconLeft?: IconName;
|
|
12
|
+
iconRight?: IconName;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export type ButtonProps = CommonProps & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
17
|
+
export declare function ButtonLink({ label, href, as: Tag, variant, size, iconLeft, iconRight, loading, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=button-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-link.d.ts","sourceRoot":"","sources":["../../../src/components/button/button-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC;AAEjC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,WAAW;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEhF,wBAAgB,UAAU,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,EAAE,EAAE,GAAS,EACb,OAAoB,EACpB,IAAc,EACd,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CAyCb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Icon as t}from"../icon/icon.js";import a from"./button.styles.module.js";function r({label:r,href:s,as:i="a",variant:o="outlined",size:l="large",iconLeft:m,iconRight:u,loading:c,disabled:d,className:b="",...p}){let f="large"===l||"medium"===l?24:"small"===l?18:16,h=(()=>{switch(l){case"small":return"bodyDefaultEmphasis";case"medium":return"bodyLargeEmphasis";case"large":return"bodyXLargeEmphasis";default:return""}})();return n(i,{className:[a.button,a.buttonLink,a[o],a[`buttonLink${l}`],h,c&&a.loading,d&&a.disabled,b].filter(Boolean).join(" "),href:s,...p,children:[e("span",{className:a.buttonLinkIcon,children:m&&e(t,{name:m,size:f})}),r,e("span",{className:a.buttonLinkIcon,children:u&&e(t,{name:u,size:f})})]})}export{r as ButtonLink};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./button.styles_module.css";let
|
|
1
|
+
import"./button.styles_module.css";let n={button:"button-dWV52U",directionRight:"directionRight-kW0Joo",disabled:"disabled-or6BkM",filled:"filled-FpNFjd",outlined:"outlined-QtvRsh",text:"text-qf5rbY",toned:"toned-yMdhhl",lightOnContent:"lightOnContent-ZxiAH4",darkOnContent:"darkOnContent-gXMY2B",small:"small-uxUptY",icon:"icon-EPzHvF",medium:"medium-iwhjuP",large:"large-N1qL9e",buttonLinkIcon:"buttonLinkIcon-aJEk59",buttonLink:"buttonLink-LVetss",buttonLinksmall:"buttonLinksmall-SwFNka",buttonLinkmedium:"buttonLinkmedium-KLCmNU",buttonLinklarge:"buttonLinklarge-S_zg3N",buttonIcon:"buttonIcon-oaPhS4","icon-xSmall":"icon-xSmall-m4F4Zf",iconXSmall:"icon-xSmall-m4F4Zf","icon-small":"icon-small-XGYMxY",iconSmall:"icon-small-XGYMxY","icon-medium":"icon-medium-UoYPBj",iconMedium:"icon-medium-UoYPBj",indicator:"indicator-XuVE2f",label:"label-ju16m4",loading:"loading-BHYlLw"};export{n as default};
|
|
@@ -1 +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)}}.
|
|
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)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U.disabled-or6BkM{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background:var(--color-interactive-accent,#202020)url(../../assets/images/noise_white.webp);background-size:60px;position:relative;overflow:hidden;&:hover{background-color:var(--color-interactive-accent-hover,#000)}&: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)}.buttonLinkIcon-aJEk59{justify-content:center;align-items:center;min-width:24px;display:flex;& svg{fill:color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);transition:fill .2s ease-in-out}}.buttonLink-LVetss{gap:var(--spacing-size-4,.25rem);grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;min-width:10rem;display:grid;&:hover{& .buttonLinkIcon-aJEk59{& svg{fill:color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}}}}.buttonLinksmall-SwFNka{padding:var(--spacing-size-6,.375rem);&:active{transform:scale(.92)}}.buttonLinkmedium-KLCmNU{padding:var(--spacing-size-8,.5rem);&:active{transform:scale(.96)}}.buttonLinklarge-S_zg3N{padding:var(--spacing-size-12,.75rem);&:active{transform:scale(.96)}}.buttonIcon-oaPhS4{border-radius:50%}.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}}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export interface SkeletonProps {
|
|
2
2
|
variant?: "text" | "circular" | "rectangular" | "rounded";
|
|
3
3
|
palette?: "dark" | "light";
|
|
4
|
+
borderRadius?: number | string;
|
|
4
5
|
width?: number | string;
|
|
5
6
|
height?: number | string;
|
|
6
7
|
className?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare function Skeleton({ variant, palette, width, height, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function Skeleton({ variant, palette, borderRadius, width, height, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,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,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACxB,OAAgB,EAChB,OAAgB,EAChB,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACT,EAAE,aAAa,2CAgBf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import t from"./skeleton.styles.module.js";function o({variant:o="text",palette:r="dark",
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import t from"./skeleton.styles.module.js";function o({variant:o="text",palette:r="dark",borderRadius:n,width:s,height:a,className:i}){return e("span",{"aria-hidden":!0,className:[t.root,t[o],t[r],i].filter(Boolean).join(" "),style:{borderRadius:n,height:a,width:s}})}export{o as Skeleton};
|