sate-lib 1.68.0 → 1.72.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.
Files changed (32) hide show
  1. package/README.md +10 -0
  2. package/lib/components/button/button-icon.d.ts +15 -0
  3. package/lib/components/button/button-icon.d.ts.map +1 -0
  4. package/lib/components/button/button-icon.js +1 -0
  5. package/lib/components/button/button-icon.test.d.ts +2 -0
  6. package/lib/components/button/button-icon.test.d.ts.map +1 -0
  7. package/lib/components/button/button.d.ts +3 -8
  8. package/lib/components/button/button.d.ts.map +1 -1
  9. package/lib/components/button/button.js +1 -1
  10. package/lib/components/button/button.styles.module.js +1 -1
  11. package/lib/components/button/button.styles_module.css +1 -1
  12. package/lib/components/button/button.test.d.ts +2 -0
  13. package/lib/components/button/button.test.d.ts.map +1 -0
  14. package/lib/components/drawer/drawer-gallery.js +1 -1
  15. package/lib/components/drawer/drawer-menu.js +1 -1
  16. package/lib/components/drawer/drawer.js +1 -1
  17. package/lib/components/icon/icon.d.ts.map +1 -1
  18. package/lib/components/icon/icon.js +1 -1
  19. package/lib/components/icon/icon.test.d.ts +2 -0
  20. package/lib/components/icon/icon.test.d.ts.map +1 -0
  21. package/lib/index.d.ts +1 -1
  22. package/lib/index.d.ts.map +1 -1
  23. package/lib/index.js +1 -1
  24. package/package.json +3 -3
  25. package/lib/components/button-icon/button-icon.d.ts +0 -20
  26. package/lib/components/button-icon/button-icon.d.ts.map +0 -1
  27. package/lib/components/button-icon/button-icon.js +0 -1
  28. package/lib/components/button-icon/button-icon.styles.module.js +0 -1
  29. package/lib/components/button-icon/button-icon.styles_module.css +0 -1
  30. package/lib/components/button-icon/noise.d.ts +0 -6
  31. package/lib/components/button-icon/noise.d.ts.map +0 -1
  32. package/lib/components/button-icon/noise.js +0 -1
package/README.md CHANGED
@@ -73,6 +73,16 @@ import from "sate-lib/typography.css";
73
73
 
74
74
  ### Version Triggering
75
75
 
76
+ ```yaml
77
+ GH_TOKEN
78
+ NPM_TOKEN
79
+ ```
80
+
81
+ GH_TOKEN - needs repo and worflow access
82
+ NPM_TOKEN - needs read and write access
83
+
84
+
85
+
76
86
  | Commit Type | Release Type | Version Bump Example |
77
87
  | ----------------- | -------------------- | -------------------- |
78
88
  | `feat` | Minor release | 1.1.0 → 1.2.0 |
@@ -0,0 +1,15 @@
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
+ interface CommonProps {
6
+ as?: "button" | "a";
7
+ variant?: Variant;
8
+ size?: Size;
9
+ icon: IconName;
10
+ disabled?: boolean;
11
+ }
12
+ export type ButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
13
+ export declare function ButtonIcon({ as: Tag, variant, icon, disabled, size, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
14
+ export {};
15
+ //# sourceMappingURL=button-icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button-icon.d.ts","sourceRoot":"","sources":["../../../src/components/button/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,UAAU,WAAW;IACpB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;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,MAAM,MAAM,WAAW,GAAG,WAAW,GACpC,oBAAoB,CAAC,iBAAiB,CAAC,GACvC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAQzC,wBAAgB,UAAU,CAAC,EAC1B,EAAE,EAAE,GAAc,EAClB,OAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CAoBb"}
@@ -0,0 +1 @@
1
+ import{jsx as o,jsxs as e}from"react/jsx-runtime";import{Icon as t}from"../icon/icon.js";import i from"./button.styles.module.js";import{Noise as n}from"./noise.js";let l={medium:24,small:18,xSmall:16};function m({as:m="button",variant:s="filled",icon:r,disabled:a,size:u="medium",className:c="",...d}){let f=l[u];return e(m,{className:[i.button,i.buttonIcon,i[s],i[`icon-${u}`],a&&i.disabled,c].filter(Boolean).join(" "),disabled:a,...d,children:[o(t,{name:r,size:f}),"filled"===s&&o(n,{className:i.noise})]})}export{m as ButtonIcon};
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=button-icon.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button-icon.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button-icon.test.tsx"],"names":[],"mappings":""}
@@ -2,13 +2,8 @@ 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
4
  type Size = "small" | "medium" | "large";
5
- type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
6
- href?: string;
7
- };
8
- type ButtonAsLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
9
- href?: string;
10
- };
11
5
  interface CommonProps {
6
+ as?: "button" | "a";
12
7
  variant?: Variant;
13
8
  size?: Size;
14
9
  icon?: IconName;
@@ -17,7 +12,7 @@ interface CommonProps {
17
12
  loading?: boolean;
18
13
  disabled?: boolean;
19
14
  }
20
- type ButtonProps = CommonProps & (ButtonAsButton | ButtonAsLink);
21
- export declare function Button({ href, variant, size, icon, iconPosition, label, loading, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
15
+ export type ButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
16
+ export declare function Button({ as: Tag, variant, size, icon, iconPosition, label, loading, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
22
17
  export {};
23
18
  //# sourceMappingURL=button.d.ts.map
@@ -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,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
+ {"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;AAEnB,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,WAAW;IACpB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;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,MAAM,MAAM,WAAW,GAAG,WAAW,GACpC,oBAAoB,CAAC,iBAAiB,CAAC,GACvC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzC,wBAAgB,MAAM,CAAC,EACtB,EAAE,EAAE,GAAc,EAClB,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACR,EAAE,WAAW,2CAsCb"}
@@ -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 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
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Icon as i}from"../icon/icon.js";import r from"./button.styles.module.js";import{Noise as o}from"./noise.js";function s({as:s="button",variant:a="filled",size:l="large",icon:n,iconPosition:m="left",label:d,loading:u,disabled:c,className:f="",...b}){let g=(()=>{switch(l){case"small":return"bodyDefaultEmphasis";case"medium":return"bodyLargeEmphasis";case"large":return"bodyXLargeEmphasis";default:return""}})();return t(s,{className:[r.button,r[a],r[l],g,u&&r.loading,c&&r.disabled,n&&r.icon,"right"===m&&r.directionRight,f].filter(Boolean).join(" "),disabled:c,...b,children:[n&&e(i,{name:n,size:"large"===l||"medium"===l?24:"small"===l?18:16}),d,"filled"===a&&e(o,{className:r.noise})]})}export{s 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"};export{t as default};
1
+ import"./button.styles_module.css";let o={button:"button-dWV52U",buttonIcon:"buttonIcon-oaPhS4",directionRight:"directionRight-kW0Joo",disabled:"disabled-or6BkM",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","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"};export{o 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 ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;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 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)}.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(8px);&: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(8px);&: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)}
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 ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.buttonIcon-oaPhS4{border-radius:50%}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U.disabled-or6BkM,.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 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)}.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(8px);&: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(8px);&: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)}.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)}}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=button.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.test.tsx"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as l}from"../button-icon/button-icon.js";import{Typography as t}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,children:h})=>{let{state:f,onClose:v,present:y}=d({onOpenChange:n,open:m}),u=[s.root,s.rootGallery,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:s.overlay,"data-state":f,onClick:v}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:u,"data-state":f,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(l,{icon:"X2",onClick:v,size:"small",variant:"toned"})}),r(t,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:h})]})})]})})};export{m as DrawerGallery};
1
+ import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as l}from"../button/button-icon.js";import{Typography as t}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,children:h})=>{let{state:f,onClose:v,present:y}=d({onOpenChange:n,open:m}),u=[s.root,s.rootGallery,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:s.overlay,"data-state":f,onClick:v}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:u,"data-state":f,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(l,{icon:"X2",onClick:v,size:"small",variant:"toned"})}),r(t,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:h})]})})]})})};export{m as DrawerGallery};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as t}from"@radix-ui/react-portal";import{Activity as o,useEffect as a}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as n}from"../button-icon/button-icon.js";import l from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:s,title:c,className:h,children:p})=>{let{state:u,onClose:f,present:v}=d({onOpenChange:s,open:m});a(()=>{if("undefined"==typeof window)return;let e=window.matchMedia("(width <= 1024px)"),r=e=>{e.matches||f()};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[f]);let w=[l.root,l.rootMenu,h].filter(Boolean).join(" ");return e(o,{mode:v?"visible":"hidden",children:r(t,{children:[e("div",{"aria-hidden":!0,className:l.overlay,"data-state":u,onClick:f}),e(i,{forwardProps:!0,children:r("div",{"aria-label":c,"aria-modal":"true",className:w,"data-state":u,role:"dialog",children:[e(n,{className:l.menuClose,icon:"X2",onClick:f,size:"small",variant:"lightOnContent"}),e("div",{className:l.panel,children:p})]})})]})})};export{m as DrawerMenu};
1
+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Portal as t}from"@radix-ui/react-portal";import{Activity as a,useEffect as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as n}from"../button/button-icon.js";import l from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:s,title:c,className:h,children:p})=>{let{state:u,onClose:f,present:v}=d({onOpenChange:s,open:m});o(()=>{if("undefined"==typeof window)return;let e=window.matchMedia("(width <= 1024px)"),r=e=>{e.matches||f()};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[f]);let w=[l.root,l.rootMenu,h].filter(Boolean).join(" ");return e(a,{mode:v?"visible":"hidden",children:r(t,{children:[e("div",{"aria-hidden":!0,className:l.overlay,"data-state":u,onClick:f}),e(i,{forwardProps:!0,children:r("div",{"aria-label":c,"aria-modal":"true",className:w,"data-state":u,role:"dialog",children:[e(n,{className:l.menuClose,icon:"X2",onClick:f,size:"small",variant:"lightOnContent"}),e("div",{className:l.panel,children:p})]})})]})})};export{m as DrawerMenu};
@@ -1 +1 @@
1
- import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as t}from"../button-icon/button-icon.js";import{Typography as l}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,nested:h,children:f})=>{let{state:v,onClose:u,present:y}=d({onOpenChange:n,open:m}),j=[s.root,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:`${s.overlay} ${h?s.nested:""}`,"data-state":v,onClick:u}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:j,"data-state":v,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(t,{icon:"X2",onClick:u,size:"small",variant:"toned"})}),r(l,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:f})]})})]})})};export{m as Drawer};
1
+ import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Portal as a}from"@radix-ui/react-portal";import{Activity as o}from"react";import{RemoveScroll as i}from"react-remove-scroll";import{ButtonIcon as t}from"../button/button-icon.js";import{Typography as l}from"../typography/typography.js";import s from"./drawer.styles.module.js";import{useDrawer as d}from"./useDrawer.js";let m=({open:m,onOpen:n,title:c,className:p,nested:h,children:f})=>{let{state:v,onClose:u,present:y}=d({onOpenChange:n,open:m}),j=[s.root,p].filter(Boolean).join(" ");return r(o,{mode:y?"visible":"hidden",children:e(a,{children:[r("div",{"aria-hidden":!0,className:`${s.overlay} ${h?s.nested:""}`,"data-state":v,onClick:u}),r(i,{forwardProps:!0,children:e("div",{"aria-label":c,"aria-modal":"true",className:j,"data-state":v,role:"dialog",children:[e("div",{className:s.header,children:[r("div",{className:s.close,children:r(t,{icon:"X2",onClick:u,size:"small",variant:"toned"})}),r(l,{as:"h2",className:s.title,variant:"bodyLargeEmphasis",children:c})]}),r("div",{className:s.panel,children:f})]})})]})})};export{m as Drawer};
@@ -1 +1 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDAMX"}
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDASX"}
@@ -1 +1 @@
1
- import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowOut.js";import i from"../../assets/icons/Caret.js";import r from"../../assets/icons/CheckboxChecked.js";import e from"../../assets/icons/CheckCircle.js";import t from"../../assets/icons/CheckCircle-fill.js";import n from"../../assets/icons/ChevronDown.js";import m from"../../assets/icons/ChevronLeft.js";import l from"../../assets/icons/ChevronRight.js";import a from"../../assets/icons/ChevronUp.js";import c from"../../assets/icons/Envelope.js";import f from"../../assets/icons/Export.js";import p from"../../assets/icons/Eye-fill.js";import j from"../../assets/icons/FacebookLogo.js";import h from"../../assets/icons/Gallery.js";import C from"../../assets/icons/GlobeSimple.js";import g from"../../assets/icons/Google-fill.js";import k from"../../assets/icons/Info.js";import v from"../../assets/icons/Instagram.js";import b from"../../assets/icons/List-bullet.js";import u from"../../assets/icons/MagnifyingGlass.js";import G from"../../assets/icons/Notches.js";import L from"../../assets/icons/OpenMap.js";import y from"../../assets/icons/Pepper-fill.js";import x from"../../assets/icons/Phone.js";import E from"../../assets/icons/SlidersHorizontal.js";import I from"../../assets/icons/Star-fill.js";import S from"../../assets/icons/TikTok.js";import T from"../../assets/icons/WarningCircle-fill.js";import W from"../../assets/icons/WarningTriangle-fill.js";import d from"../../assets/icons/WhatsappLogo.js";import w from"../../assets/icons/X2.js";import O from"../../assets/icons/XCircle-fill.js";let M={ArrowOut:o,Caret:i,CheckboxChecked:r,CheckCircle:e,"CheckCircle-fill":t,ChevronDown:n,ChevronLeft:m,ChevronRight:l,ChevronUp:a,Envelope:c,Export:f,"Eye-fill":p,FacebookLogo:j,Gallery:h,GlobeSimple:C,"Google-fill":g,Info:k,Instagram:v,"List-bullet":b,MagnifyingGlass:u,Notches:G,OpenMap:L,"Pepper-fill":y,Phone:x,SlidersHorizontal:E,"Star-fill":I,TikTok:S,"WarningCircle-fill":T,"WarningTriangle-fill":W,WhatsappLogo:d,X2:w,"XCircle-fill":O},P=Object.keys(M);function X({name:o,size:i=24,color:r="currentColor",...e}){let t=M[o];return t?s(t,{fill:r,height:i,width:i,...e}):null}export{X as Icon,M as Icons,P as iconNames};
1
+ import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowOut.js";import i from"../../assets/icons/Caret.js";import r from"../../assets/icons/CheckboxChecked.js";import e from"../../assets/icons/CheckCircle.js";import t from"../../assets/icons/CheckCircle-fill.js";import n from"../../assets/icons/ChevronDown.js";import l from"../../assets/icons/ChevronLeft.js";import m from"../../assets/icons/ChevronRight.js";import a from"../../assets/icons/ChevronUp.js";import c from"../../assets/icons/Envelope.js";import f from"../../assets/icons/Export.js";import p from"../../assets/icons/Eye-fill.js";import j from"../../assets/icons/FacebookLogo.js";import h from"../../assets/icons/Gallery.js";import C from"../../assets/icons/GlobeSimple.js";import g from"../../assets/icons/Google-fill.js";import k from"../../assets/icons/Info.js";import u from"../../assets/icons/Instagram.js";import v from"../../assets/icons/List-bullet.js";import b from"../../assets/icons/MagnifyingGlass.js";import G from"../../assets/icons/Notches.js";import L from"../../assets/icons/OpenMap.js";import y from"../../assets/icons/Pepper-fill.js";import d from"../../assets/icons/Phone.js";import x from"../../assets/icons/SlidersHorizontal.js";import E from"../../assets/icons/Star-fill.js";import I from"../../assets/icons/TikTok.js";import S from"../../assets/icons/WarningCircle-fill.js";import T from"../../assets/icons/WarningTriangle-fill.js";import W from"../../assets/icons/WhatsappLogo.js";import w from"../../assets/icons/X2.js";import O from"../../assets/icons/XCircle-fill.js";let M={ArrowOut:o,Caret:i,CheckboxChecked:r,CheckCircle:e,"CheckCircle-fill":t,ChevronDown:n,ChevronLeft:l,ChevronRight:m,ChevronUp:a,Envelope:c,Export:f,"Eye-fill":p,FacebookLogo:j,Gallery:h,GlobeSimple:C,"Google-fill":g,Info:k,Instagram:u,"List-bullet":v,MagnifyingGlass:b,Notches:G,OpenMap:L,"Pepper-fill":y,Phone:d,SlidersHorizontal:x,"Star-fill":E,TikTok:I,"WarningCircle-fill":S,"WarningTriangle-fill":T,WhatsappLogo:W,X2:w,"XCircle-fill":O},P=Object.keys(M);function X({name:o,size:i=24,color:r="currentColor",...e}){let t=M[o];return t?s(t.default??t,{fill:r,height:i,width:i,...e}):null}export{X as Icon,M as Icons,P as iconNames};
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=icon.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.test.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.test.tsx"],"names":[],"mappings":""}
package/lib/index.d.ts CHANGED
@@ -1,7 +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
+ export { ButtonIcon } from "./components/button/button-icon";
5
5
  export { Drawer, DrawerGallery, DrawerMenu } from "./components/drawer/index";
6
6
  export { FilterChipGroup } from "./components/filter-chip/filter-chip";
7
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,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"}
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,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 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};
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 m,DrawerGallery as e,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 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,s as FilterChipGroup,i 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.68.0",
3
+ "version": "1.72.1",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "keywords": [
@@ -26,8 +26,8 @@
26
26
  "types": "./lib/components/button/button.d.ts"
27
27
  },
28
28
  "./buttonIcon": {
29
- "import": "./lib/components/button-icon/button-icon.js",
30
- "types": "./lib/components/button-icon/button-icon.d.ts"
29
+ "import": "./lib/components/button/button-icon.js",
30
+ "types": "./lib/components/button/button-icon.d.ts"
31
31
  },
32
32
  "./drawer": {
33
33
  "import": "./lib/components/drawer/index.js",
@@ -1,20 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1 +0,0 @@
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:24,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};
@@ -1 +0,0 @@
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};
@@ -1 +0,0 @@
1
- .buttonIcon-xdn0Wv{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s ease-in-out,outline .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;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 ease-in-out;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(8px);&: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(8px);&: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)}}
@@ -1,6 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1 +0,0 @@
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};