sate-lib 1.59.1 → 1.60.1

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.
@@ -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 = "xSmall" | "small" | "medium" | "large";
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,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,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,2CA0Db"}
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 a}from"./noise.js";function l({href:l,variant:t="filled",size:o="large",icon:n,iconPosition:m="left",label:c,loading:d,disabled:u,className:f="",...g}){let h=!!n&&!c,p=h&&"large"===o?"medium":o,b="large"===o||"medium"===o?24:"small"===o?18:16,j=(()=>{switch(o){case"small":return"bodyDefaultEmphasis";case"medium":return"bodyLargeEmphasis";case"large":return"bodyXLargeEmphasis";default:return""}})(),y=[s.button,s[t],s[p],j,h&&s.iconOnly,d&&s.loading,n&&s.icon,"right"===m&&s.directionRight,f].filter(Boolean).join(" ");return l?i("a",{className:y,href:l,...g,children:[n&&e(r,{name:n,size:b}),c,"filled"===t&&e(a,{className:s.noise})]}):i("button",{className:y,disabled:u,...g,children:[n&&e(r,{name:n,size:b}),c,"filled"===t&&e(a,{className:s.noise})]})}export{l as Button};
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",iconOnly:"iconOnly-C9Yim0",xSmall:"xSmall-ZaB0BL"};export{t as default};
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}.outlined-QtvRsh:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-QtvRsh:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-QtvRsh: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}.text-qf5rbY:hover,.text-qf5rbY:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-qf5rbY: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)}.toned-yMdhhl:hover,.toned-yMdhhl:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-yMdhhl: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{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent)}.lightOnContent-ZxiAH4 svg{fill:var(--color-interactive-accent,#202020)}.lightOnContent-ZxiAH4:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#ffffffa8)66%,transparent)}.lightOnContent-ZxiAH4:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffff75)46%,transparent)}.lightOnContent-ZxiAH4:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.darkOnContent-gXMY2B{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent)}.darkOnContent-gXMY2B svg{fill:var(--color-interactive-control,#fff)}.darkOnContent-gXMY2B:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#00000080)50%,transparent)}.darkOnContent-gXMY2B:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#00000073)45%,transparent)}.darkOnContent-gXMY2B:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,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)}.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)}.small-uxUptY:active{transform:scale(.92)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.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)}.medium-iwhjuP:active{transform:scale(.96)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.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)}.large-N1qL9e:active{transform:scale(.96)}.iconOnly-C9Yim0{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-C9Yim0.xSmall-ZaB0BL{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-C9Yim0.small-uxUptY{width:2rem;height:2rem;padding:.3125rem}.iconOnly-C9Yim0.medium-iwhjuP{width:2.5rem;height:2.5rem}
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,6 @@
1
+ type NoiseProps = {
2
+ className?: string;
3
+ };
4
+ export declare function Noise({ className }: NoiseProps): import("react/jsx-runtime").JSX.Element;
5
+ export {};
6
+ //# sourceMappingURL=noise.d.ts.map
@@ -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};
package/lib/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export { Avatar } from "./components/avatar/avatar";
2
2
  export { Badge } from "./components/badge/badge";
3
3
  export { Button } from "./components/button/button";
4
+ export { ButtonIcon } from "./components/button-icon/button-icon";
4
5
  export { Drawer, DrawerGallery, DrawerMenu } from "./components/drawer/index";
5
6
  export { FilterChipGroup } from "./components/filter-chip/filter-chip";
6
7
  export { Icon } from "./components/icon/icon";
@@ -1 +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,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,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
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,sCAAsC,CAAC;AAClE,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,UAAU,EAAE,MAAM,oCAAoC,CAAC"}
package/lib/index.js CHANGED
@@ -1 +1 @@
1
- import{Avatar as o}from"./components/avatar/avatar.js";import{Badge as r}from"./components/badge/badge.js";import{Button as t}from"./components/button/button.js";import{Drawer as n,DrawerGallery as m,DrawerMenu as e}from"./components/drawer/index.js";import{FilterChipGroup as p}from"./components/filter-chip/filter-chip.js";import{Icon as s}from"./components/icon/icon.js";import{Logo as i}from"./components/logo/logo.js";import{MapMarker as a}from"./components/map-marker/map-marker.js";import{MenuItem as c}from"./components/menu-item/menu-item.js";import{Notification as f}from"./components/notification/notification.js";import{ProgressIndicator as g}from"./components/progress-indicator/progress-indicator.js";import{SearchInput as j}from"./components/search-input/search-input.js";import{SegmentedControl as d}from"./components/segmented-control/segmented-control.js";import{Tabs as u}from"./components/tabs/tabs.js";import{Typography as l}from"./components/typography/typography.js";export{o as Avatar,r as Badge,t as Button,n as Drawer,m as DrawerGallery,e as DrawerMenu,p as FilterChipGroup,s as Icon,i as Logo,a as MapMarker,c as MenuItem,f as Notification,g as ProgressIndicator,j as SearchInput,d as SegmentedControl,u as Tabs,l as Typography};
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-icon/button-icon.js";import{Drawer as m,DrawerGallery as e,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 u}from"./components/search-input/search-input.js";import{SegmentedControl as d}from"./components/segmented-control/segmented-control.js";import{Tabs as l}from"./components/tabs/tabs.js";import{Typography as b}from"./components/typography/typography.js";export{o as Avatar,t as Badge,r as Button,n as ButtonIcon,m as Drawer,e 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,u as SearchInput,d as SegmentedControl,l as Tabs,b as Typography};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sate-lib",
3
- "version": "1.59.1",
3
+ "version": "1.60.1",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "keywords": [
@@ -25,6 +25,10 @@
25
25
  "import": "./lib/components/button/button.js",
26
26
  "types": "./lib/components/button/button.d.ts"
27
27
  },
28
+ "./buttonIcon": {
29
+ "import": "./lib/components/button-icon/button-icon.js",
30
+ "types": "./lib/components/button-icon/button-icon.d.ts"
31
+ },
28
32
  "./drawer": {
29
33
  "import": "./lib/components/drawer/index.js",
30
34
  "types": "./lib/components/drawer/index.d.ts"
@@ -111,31 +115,31 @@
111
115
  "prepare": "husky"
112
116
  },
113
117
  "devDependencies": {
114
- "@biomejs/biome": "2.3.4",
118
+ "@biomejs/biome": "2.3.5",
115
119
  "@commitlint/cli": "20.1.0",
116
120
  "@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
121
  "@semantic-release/changelog": "6.0.3",
122
122
  "@semantic-release/git": "10.0.1",
123
123
  "@semantic-release/npm": "13.1.1",
124
- "@storybook/addon-a11y": "10.0.5",
125
- "@storybook/addon-designs": "11.0.1",
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",
124
+ "@types/node": "24.10.1",
125
+ "@types/react": "19.2.3",
130
126
  "husky": "9.1.7",
131
127
  "react": "19.2.0",
132
- "semantic-release": "25.0.1",
133
- "storybook": "10.0.5",
134
- "storybook-addon-rslib": "^2.1.4",
135
- "storybook-react-rsbuild": "^2.1.4",
128
+ "semantic-release": "25.0.2",
136
129
  "subset-font": "2.4.0",
137
130
  "svgo": "4.0.0",
138
- "typescript": "5.9.3"
131
+ "typescript": "5.9.3",
132
+ "@rslib/core": "0.17.1",
133
+ "@rsbuild/core": "1.6.4",
134
+ "@rsbuild/plugin-react": "1.4.2",
135
+ "@rsbuild/plugin-svgr": "1.2.2",
136
+ "@storybook/addon-a11y": "9.1.16",
137
+ "@storybook/addon-designs": "10.0.0",
138
+ "@storybook/addon-docs": "9.1.16",
139
+ "@storybook/addon-links": "9.1.16",
140
+ "storybook": "9.1.16",
141
+ "storybook-addon-rslib": "^2.1.4",
142
+ "storybook-react-rsbuild": "^2.1.4"
139
143
  },
140
144
  "peerDependencies": {
141
145
  "react": ">=16.9.0",