sate-lib 1.59.0 → 1.60.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/assets/styles/reset.css +1 -1
- package/lib/components/button/button.d.ts +1 -1
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/button/button.js +1 -1
- package/lib/components/button/button.styles.module.js +1 -1
- package/lib/components/button/button.styles_module.css +1 -1
- package/lib/components/button-icon/button-icon.d.ts +20 -0
- package/lib/components/button-icon/button-icon.d.ts.map +1 -0
- package/lib/components/button-icon/button-icon.js +1 -0
- package/lib/components/button-icon/button-icon.styles.module.js +1 -0
- package/lib/components/button-icon/button-icon.styles_module.css +1 -0
- package/lib/components/button-icon/noise.d.ts +6 -0
- package/lib/components/button-icon/noise.d.ts.map +1 -0
- package/lib/components/button-icon/noise.js +1 -0
- package/lib/components/tabs/tabs.styles_module.css +1 -1
- package/package.json +17 -17
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;margin:0;padding:0}@supports (scrollbar-color:auto){*{scrollbar-color:#d0d0d0 #f9f9f6}}html{scroll-behavior:smooth}button{color:inherit;cursor:pointer;border-color:#0000}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{text-wrap:balance}
|
|
1
|
+
*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;margin:0;padding:0}@supports (scrollbar-color:auto){*{scrollbar-color:#d0d0d0 #f9f9f6}}html{scroll-behavior:smooth}button{color:inherit;cursor:pointer;border-color:#0000}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{color:inherit;text-decoration:none}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
|
|
2
2
|
import { type IconName } from "../icon/icon";
|
|
3
3
|
export type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
|
|
4
|
-
type Size = "
|
|
4
|
+
type Size = "small" | "medium" | "large";
|
|
5
5
|
type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
6
|
href?: string;
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AACnB,KAAK,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AACnB,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAEjE,wBAAgB,MAAM,CAAC,EACtB,IAAI,EACJ,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CAuDb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as r}from"../icon/icon.js";import s from"./button.styles.module.js";import{Noise as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as r}from"../icon/icon.js";import s from"./button.styles.module.js";import{Noise as t}from"./noise.js";function a({href:a,variant:l="filled",size:o="large",icon:n,iconPosition:m="left",label:c,loading:d,disabled:u,className:f="",...h}){let g="large"===o||"medium"===o?24:"small"===o?18:16,p=(()=>{switch(o){case"small":return"bodyDefaultEmphasis";case"medium":return"bodyLargeEmphasis";case"large":return"bodyXLargeEmphasis";default:return""}})(),b=[s.button,s[l],s[o],p,d&&s.loading,n&&s.icon,"right"===m&&s.directionRight,f].filter(Boolean).join(" ");return a?i("a",{className:b,href:a,...h,children:[n&&e(r,{name:n,size:g}),c,"filled"===l&&e(t,{className:s.noise})]}):i("button",{className:b,disabled:u,...h,children:[n&&e(r,{name:n,size:g}),c,"filled"===l&&e(t,{className:s.noise})]})}export{a as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./button.styles_module.css";let t={button:"button-dWV52U",directionRight:"directionRight-kW0Joo",loading:"loading-BHYlLw",filled:"filled-FpNFjd",noise:"noise-pBMZ6I",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"
|
|
1
|
+
import"./button.styles_module.css";let t={button:"button-dWV52U",directionRight:"directionRight-kW0Joo",loading:"loading-BHYlLw",filled:"filled-FpNFjd",noise:"noise-pBMZ6I",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"};export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{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;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)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#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:0 0
|
|
1
|
+
.button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{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;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)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#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:0 0;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&: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-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&: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)}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.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)}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
|
|
2
|
+
import { type IconName } from "../icon/icon";
|
|
3
|
+
export type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
|
|
4
|
+
type Size = "xSmall" | "small" | "medium";
|
|
5
|
+
type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
|
+
href?: string;
|
|
7
|
+
};
|
|
8
|
+
type ButtonAsLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
9
|
+
href?: string;
|
|
10
|
+
};
|
|
11
|
+
interface CommonProps {
|
|
12
|
+
variant?: Variant;
|
|
13
|
+
size?: Size;
|
|
14
|
+
icon: IconName;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
}
|
|
17
|
+
type ButtonProps = CommonProps & (ButtonAsButton | ButtonAsLink);
|
|
18
|
+
export declare function ButtonIcon({ href, variant, icon, disabled, size, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=button-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-icon.d.ts","sourceRoot":"","sources":["../../../src/components/button-icon/button-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,MAAM,OAAO,GAChB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AAEnB,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1C,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAQjE,wBAAgB,UAAU,CAAC,EAC1B,IAAI,EACJ,OAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CA8Bb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as i}from"../icon/icon.js";import l from"./button-icon.styles.module.js";import{Noise as m}from"./noise.js";let n={medium:19.5,small:18,xSmall:16};function s({href:s,variant:t="filled",icon:r,disabled:a,size:c="medium",className:d="",...f}){let u=n[c],j=[l.buttonIcon,l[t],l[c],d].filter(Boolean).join(" ");return s?o("a",{className:j,href:s,...f,children:[e(i,{name:r,size:u}),"filled"===t&&e(m,{className:l.noise})]}):o("button",{className:j,disabled:a,...f,children:[e(i,{name:r,size:u}),"filled"===t&&e(m,{className:l.noise})]})}export{s as ButtonIcon};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./button-icon.styles_module.css";let t={buttonIcon:"buttonIcon-xdn0Wv",filled:"filled-bNljYh",noise:"noise-xiZTif",outlined:"outlined-jT9Zvh",text:"text-xbDZpF",toned:"toned-VQq8bx",lightOnContent:"lightOnContent-ytpXja",darkOnContent:"darkOnContent-bmxX5b",xSmall:"xSmall-HXQfX3",small:"small-eQ8bwj",medium:"medium-YGml55"};export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.buttonIcon-xdn0Wv{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:flex;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.buttonIcon-xdn0Wv:disabled{pointer-events:none;opacity:.38}.filled-bNljYh{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-bNljYh .noise-xiZTif{z-index:-1;pointer-events:none;width:100%;min-width:70px;transition:opacity .2s;position:absolute;top:0;left:0}.filled-bNljYh:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-bNljYh:hover .noise-xiZTif,.filled-bNljYh:active .noise-xiZTif{opacity:.9}.filled-bNljYh:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-bNljYh:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-jT9Zvh{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;&:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}}.text-xbDZpF{color:var(--color-interactive-primary,#646464);background:0 0;&:hover,&:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}&: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-VQq8bx{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);&:hover,&:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}&: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)}}.lightOnContent-ytpXja{color:var(--color-fixed-content-on-light,#202020);background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#fffffff5)96%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffffe0)88%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffe0)88%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.darkOnContent-bmxX5b{color:var(--color-fixed-content-on-dark,#fff);background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);backdrop-filter:blur(4px);&:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#000000bd)74%,transparent)}&:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#0000009e)62%,transparent)}&:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009e)62%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}}.xSmall-HXQfX3{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.small-eQ8bwj{width:2rem;height:2rem;&:active{transform:scale(.92)}}.medium-YGml55{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"noise.d.ts","sourceRoot":"","sources":["../../../src/components/button-icon/noise.tsx"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,UAAU,2CAuF9C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useId as r}from"react";function i({className:i}){let l=r(),t=`noise-filter-${l}`;return o("svg",{className:i,fill:"none",viewBox:"0 0 191 171",xmlns:"http://www.w3.org/2000/svg",children:[e("g",{filter:`url(#${t})`,children:e("rect",{fill:"black",height:"171",width:"191"})}),e("defs",{children:o("filter",{colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse",height:"171",id:t,width:"191",x:"0",y:"0",children:[e("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",mode:"normal",result:"shape"}),e("feTurbulence",{baseFrequency:"1 1",numOctaves:"3",result:"noise",seed:"2907",stitchTiles:"stitch",type:"fractalNoise"}),e("feColorMatrix",{in:"noise",result:"alphaNoise",type:"luminanceToAlpha"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise1",children:e("feFuncA",{tableValues:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ",type:"discrete"})}),e("feComposite",{in:"coloredNoise1",in2:"shape",operator:"in",result:"noise1Clipped"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise2",children:e("feFuncA",{tableValues:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ",type:"discrete"})}),e("feComposite",{in:"coloredNoise2",in2:"shape",operator:"in",result:"noise2Clipped"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.6)",result:"color1Flood"}),e("feComposite",{in:"color1Flood",in2:"noise1Clipped",operator:"in",result:"color1"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.3)",result:"color2Flood"}),e("feComposite",{in:"color2Flood",in2:"noise2Clipped",operator:"in",result:"color2"}),o("feMerge",{result:"effect1_noise_7452_6006",children:[e("feMergeNode",{in:"shape"}),e("feMergeNode",{in:"color1"}),e("feMergeNode",{in:"color2"})]})]})})]})}export{i as Noise};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-wFb9L4{border:0;display:flex}.legend-t_QXe1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-s2hjvj{pointer-events:none;opacity:0;position:absolute}.item-gtuTCb{all:unset;padding:var(--spacing-size-8,.5rem);color:var(--color-content-tertiary,gray);white-space:nowrap;cursor:pointer;user-select:none;border-radius:0;transition:font-weight .1s,color .2s,background-color .2s,transform .2s}.item-gtuTCb:hover{color:var(--color-content-primary,#202020)}.itemWrap-irLkGn{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--color-border-overlay,#000)15%,transparent);transition:box-shadow .2s;display:flex}.input-s2hjvj:checked+.item-gtuTCb{color:var(--color-content-primary,#202020);font-weight:500}.itemWrap-irLkGn:has(.input-s2hjvj:checked){box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.itemWrap-irLkGn:has(.input-s2hjvj:focus-visible){box-shadow:inset 0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 2px var(--color-content-primary,#202020)}.input-s2hjvj:disabled+.item-gtuTCb{pointer-events:none;opacity:.38}.root-wFb9L4[data-size=medium] .item-gtuTCb{padding:var(--spacing-size-10,.625rem)var(--spacing-size-16,1rem)}.root-wFb9L4[data-size=small] .item-gtuTCb{padding:var(--spacing-size-8,.5rem)}.root-wFb9L4[data-size=medium] .item-gtuTCb:active{transform:scale(.96)}.root-wFb9L4[data-size=small] .item-gtuTCb:active{transform:scale(.92)}
|
|
1
|
+
.root-wFb9L4{border:0;display:flex;position:relative}.legend-t_QXe1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-s2hjvj{pointer-events:none;opacity:0;position:absolute}.item-gtuTCb{all:unset;padding:var(--spacing-size-8,.5rem);color:var(--color-content-tertiary,gray);white-space:nowrap;cursor:pointer;user-select:none;border-radius:0;transition:font-weight .1s,color .2s,background-color .2s,transform .2s}.item-gtuTCb:hover{color:var(--color-content-primary,#202020)}.itemWrap-irLkGn{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--color-border-overlay,#000)15%,transparent);transition:box-shadow .2s;display:flex}.input-s2hjvj:checked+.item-gtuTCb{color:var(--color-content-primary,#202020);font-weight:500}.itemWrap-irLkGn:has(.input-s2hjvj:checked){box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.itemWrap-irLkGn:has(.input-s2hjvj:focus-visible){box-shadow:inset 0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 2px var(--color-content-primary,#202020)}.input-s2hjvj:disabled+.item-gtuTCb{pointer-events:none;opacity:.38}.root-wFb9L4[data-size=medium] .item-gtuTCb{padding:var(--spacing-size-10,.625rem)var(--spacing-size-16,1rem)}.root-wFb9L4[data-size=small] .item-gtuTCb{padding:var(--spacing-size-8,.5rem)}.root-wFb9L4[data-size=medium] .item-gtuTCb:active{transform:scale(.96)}.root-wFb9L4[data-size=small] .item-gtuTCb:active{transform:scale(.92)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sate-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.60.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"keywords": [
|
|
@@ -111,31 +111,31 @@
|
|
|
111
111
|
"prepare": "husky"
|
|
112
112
|
},
|
|
113
113
|
"devDependencies": {
|
|
114
|
-
"@biomejs/biome": "2.3.
|
|
114
|
+
"@biomejs/biome": "2.3.5",
|
|
115
115
|
"@commitlint/cli": "20.1.0",
|
|
116
116
|
"@commitlint/config-conventional": "20.0.0",
|
|
117
|
-
"@rsbuild/core": "1.6.3",
|
|
118
|
-
"@rsbuild/plugin-react": "1.4.2",
|
|
119
|
-
"@rsbuild/plugin-svgr": "1.2.2",
|
|
120
|
-
"@rslib/core": "0.17.1",
|
|
121
117
|
"@semantic-release/changelog": "6.0.3",
|
|
122
118
|
"@semantic-release/git": "10.0.1",
|
|
123
119
|
"@semantic-release/npm": "13.1.1",
|
|
124
|
-
"@
|
|
125
|
-
"@
|
|
126
|
-
"@storybook/addon-docs": "10.0.5",
|
|
127
|
-
"@storybook/addon-links": "10.0.5",
|
|
128
|
-
"@types/node": "24.10.0",
|
|
129
|
-
"@types/react": "19.2.2",
|
|
120
|
+
"@types/node": "24.10.1",
|
|
121
|
+
"@types/react": "19.2.3",
|
|
130
122
|
"husky": "9.1.7",
|
|
131
123
|
"react": "19.2.0",
|
|
132
|
-
"semantic-release": "25.0.
|
|
133
|
-
"storybook": "10.0.5",
|
|
134
|
-
"storybook-addon-rslib": "^2.1.4",
|
|
135
|
-
"storybook-react-rsbuild": "^2.1.4",
|
|
124
|
+
"semantic-release": "25.0.2",
|
|
136
125
|
"subset-font": "2.4.0",
|
|
137
126
|
"svgo": "4.0.0",
|
|
138
|
-
"typescript": "5.9.3"
|
|
127
|
+
"typescript": "5.9.3",
|
|
128
|
+
"@rslib/core": "0.17.1",
|
|
129
|
+
"@rsbuild/core": "1.6.4",
|
|
130
|
+
"@rsbuild/plugin-react": "1.4.2",
|
|
131
|
+
"@rsbuild/plugin-svgr": "1.2.2",
|
|
132
|
+
"@storybook/addon-a11y": "9.1.16",
|
|
133
|
+
"@storybook/addon-designs": "10.0.0",
|
|
134
|
+
"@storybook/addon-docs": "9.1.16",
|
|
135
|
+
"@storybook/addon-links": "9.1.16",
|
|
136
|
+
"storybook": "9.1.16",
|
|
137
|
+
"storybook-addon-rslib": "^2.1.4",
|
|
138
|
+
"storybook-react-rsbuild": "^2.1.4"
|
|
139
139
|
},
|
|
140
140
|
"peerDependencies": {
|
|
141
141
|
"react": ">=16.9.0",
|