sate-lib 1.30.0 → 1.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/button/button.d.ts +10 -3
- 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.css +1 -1
- package/package.json +31 -33
- package/lib/assets/images/noise.js +0 -1
- package/lib/assets/images/noise.png +0 -0
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import type { ButtonHTMLAttributes } from "react";
|
|
1
|
+
import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
|
|
2
2
|
import { IconName } from "../icon/icon";
|
|
3
3
|
type Variant = "filled" | "outlined" | "text" | "toned";
|
|
4
4
|
type Size = "xSmall" | "small" | "medium" | "large";
|
|
5
|
-
|
|
5
|
+
type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
|
+
href?: string;
|
|
7
|
+
};
|
|
8
|
+
type ButtonAsLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
9
|
+
href?: string;
|
|
10
|
+
};
|
|
11
|
+
interface CommonProps {
|
|
6
12
|
variant?: Variant;
|
|
7
13
|
size?: Size;
|
|
8
14
|
icon?: IconName;
|
|
@@ -11,6 +17,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
11
17
|
loading?: boolean;
|
|
12
18
|
disabled?: boolean;
|
|
13
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
22
|
export {};
|
|
16
23
|
//# 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,MAAM,OAAO,CAAC;
|
|
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,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG9C,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AACxD,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,KAAK,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF,KAAK,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,WAAW;IACnB,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;CACpB;AAED,KAAK,WAAW,GAAG,WAAW,GAAG,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAEjE,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAkB,EAClB,IAAc,EACd,IAAI,EACJ,YAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,WAAW,2CA0Cb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as t}from"../icon/icon.js";import o from"./button.styles.module.js";function n({href:n,variant:l="filled",size:r="large",icon:m,iconPosition:a="left",label:s,loading:c,disabled:d,className:u="",...f}){let g=!!m&&!s,h=g&&"large"===r?"medium":r,b="large"===r||"medium"===r?24:"small"===r?18:16,j=[o.button,o[l],o[h],g&&o.iconOnly,c&&o.loading,m&&o.icon,"right"===a&&o.directionRight,u].filter(Boolean).join(" ");return n?i("a",{className:j,href:n,...f,children:[m&&e(t,{name:m,size:b}),s]}):i("button",{className:j,disabled:d,...f,children:[m&&e(t,{name:m,size:b}),s]})}export{n as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-es9ITD{all:unset;cursor:pointer;border-radius:var(--radius-radii-12,.75rem);justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;transform:scale(1)}.button-es9ITD.directionRight-WAP5c6{flex-direction:row-reverse}.button-es9ITD:disabled,.button-es9ITD.loading-VKSpAI{opacity:.38;pointer-events:none}.filled-xa4u4J{color:var(--color-interactive-control,#fff);background:url(
|
|
1
|
+
.button-es9ITD{all:unset;cursor:pointer;border-radius:var(--radius-radii-12,.75rem);justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1)}.button-es9ITD.directionRight-WAP5c6{flex-direction:row-reverse}.button-es9ITD:disabled,.button-es9ITD.loading-VKSpAI{opacity:.38;pointer-events:none}.filled-xa4u4J{color:var(--color-interactive-control,#fff);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX25fOTYwXzIxMjIpIj4KPHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIGZpbGw9IiMyMDIwMjAiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9uXzk2MF8yMTIyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMSAxIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiBudW1PY3RhdmVzPSIzIiByZXN1bHQ9Im5vaXNlIiBzZWVkPSIyOTA3IiAvPgo8ZmVDb2xvck1hdHJpeCBpbj0ibm9pc2UiIHR5cGU9Imx1bWluYW5jZVRvQWxwaGEiIHJlc3VsdD0iYWxwaGFOb2lzZSIgLz4KPGZlQ29tcG9uZW50VHJhbnNmZXIgaW49ImFscGhhTm9pc2UiIHJlc3VsdD0iY29sb3JlZE5vaXNlMSI+CjxmZUZ1bmNBIHR5cGU9ImRpc2NyZXRlIiB0YWJsZVZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAiLz4KPC9mZUNvbXBvbmVudFRyYW5zZmVyPgo8ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImluIiBpbjI9InNoYXBlIiBpbj0iY29sb3JlZE5vaXNlMSIgcmVzdWx0PSJub2lzZTFDbGlwcGVkIiAvPgo8ZmVDb21wb25lbnRUcmFuc2ZlciBpbj0iYWxwaGFOb2lzZSIgcmVzdWx0PSJjb2xvcmVkTm9pc2UyIj4KPGZlRnVuY0EgdHlwZT0iZGlzY3JldGUiIHRhYmxlVmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwICIvPgo8L2ZlQ29tcG9uZW50VHJhbnNmZXI+CjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0ic2hhcGUiIGluPSJjb2xvcmVkTm9pc2UyIiByZXN1bHQ9Im5vaXNlMkNsaXBwZWQiIC8+CjxmZUZsb29kIGZsb29kLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNikiIHJlc3VsdD0iY29sb3IxRmxvb2QiIC8+CjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0ibm9pc2UxQ2xpcHBlZCIgaW49ImNvbG9yMUZsb29kIiByZXN1bHQ9ImNvbG9yMSIgLz4KPGZlRmxvb2QgZmxvb2QtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zKSIgcmVzdWx0PSJjb2xvcjJGbG9vZCIgLz4KPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJub2lzZTJDbGlwcGVkIiBpbj0iY29sb3IyRmxvb2QiIHJlc3VsdD0iY29sb3IyIiAvPgo8ZmVNZXJnZSByZXN1bHQ9ImVmZmVjdDFfbm9pc2VfOTYwXzIxMjIiPgo8ZmVNZXJnZU5vZGUgaW49InNoYXBlIiAvPgo8ZmVNZXJnZU5vZGUgaW49ImNvbG9yMSIgLz4KPGZlTWVyZ2VOb2RlIGluPSJjb2xvcjIiIC8+CjwvZmVNZXJnZT4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);background-repeat:repeat;background-size:120px;background-color:var(--color-interactive-accent,#202020);position:relative}.filled-xa4u4J:before{content:"";background:0 0;width:100%;height:100%;transition:background .2s;position:absolute}.filled-xa4u4J:hover:before{background:color-mix(in srgb,var(--color-interactive-accent-hover,#000)10%,transparent)}.filled-xa4u4J:active:before{background:color-mix(in srgb,var(--color-interactive-accent-active,#202020)10%,transparent)}.filled-xa4u4J:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-gCb7Hr{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-gCb7Hr:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-gCb7Hr:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-gCb7Hr:focus-visible{background:var(--color-background-screen,#fdfdf9);outline:2px solid var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020);outline-offset:0}.text-s9AYuv{color:var(--color-interactive-primary,#646464);background:0 0}.text-s9AYuv:hover,.text-s9AYuv:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-s9AYuv: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-wooKOh{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-wooKOh:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-wooKOh:active{background:color-mix(in srgb,var(--color-background-neutral-active,#00000014)8%,transparent)}.toned-wooKOh: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)}.small-UmKEXc{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);gap:var(--spacing-size-4,.25rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.small-UmKEXc.icon-KwFnbg{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-UmKEXc.directionRight-WAP5c6{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-UmKEXc:active{transform:scale(.92)}.medium-gHb8hS{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);gap:var(--spacing-size-4,.25rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-emphasis-font-size,1rem);font-weight:500;line-height:var(--typescale-body-large-emphasis-line-height,1.5rem);letter-spacing:var(--typescale-body-large-emphasis-letter-spacing,-.0125rem)}.medium-gHb8hS.icon-KwFnbg{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-gHb8hS.directionRight-WAP5c6{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-gHb8hS:active{transform:scale(.96)}.large-JwSUDq{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);gap:var(--spacing-size-8,.5rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-x-large-emphasis-font-size,1.125rem);font-weight:500;line-height:var(--typescale-body-x-large-emphasis-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-emphasis-letter-spacing,-.0125rem)}.large-JwSUDq.icon-KwFnbg{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-JwSUDq.directionRight-WAP5c6{padding-inline-end:var(--spacing-size-16,1rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.large-JwSUDq:active{transform:scale(.96)}.iconOnly-qeXgqW{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-qeXgqW.xSmall-Z2xJog{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-qeXgqW.small-UmKEXc{width:2rem;height:2rem;padding:.3125rem}.iconOnly-qeXgqW.medium-gHb8hS{width:2.5rem;height:2.5rem}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sate-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.32.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -65,8 +65,7 @@
|
|
|
65
65
|
},
|
|
66
66
|
"./tokens.css": "./lib/assets/styles/tokens.css",
|
|
67
67
|
"./reset.css": "./lib/assets/styles/reset.css",
|
|
68
|
-
"./fonts.css": "./lib/assets/styles/fonts.css"
|
|
69
|
-
"./images/*": "./lib/assets/images/*"
|
|
68
|
+
"./fonts.css": "./lib/assets/styles/fonts.css"
|
|
70
69
|
},
|
|
71
70
|
"types": "./lib/index.d.ts",
|
|
72
71
|
"files": [
|
|
@@ -85,34 +84,33 @@
|
|
|
85
84
|
"prepare": "husky"
|
|
86
85
|
},
|
|
87
86
|
"devDependencies": {
|
|
88
|
-
"@biomejs/biome": "
|
|
89
|
-
"@commitlint/cli": "19.8.
|
|
90
|
-
"@commitlint/config-conventional": "19.8.
|
|
91
|
-
"@rsbuild/core": "1.
|
|
92
|
-
"@rsbuild/plugin-react": "
|
|
93
|
-
"@rsbuild/plugin-sass": "
|
|
94
|
-
"@rsbuild/plugin-svgr": "
|
|
95
|
-
"@rslib/core": "
|
|
96
|
-
"@semantic-release/changelog": "
|
|
97
|
-
"@semantic-release/git": "
|
|
98
|
-
"@semantic-release/npm": "
|
|
99
|
-
"@storybook/addon-a11y": "
|
|
100
|
-
"@storybook/addon-designs": "
|
|
101
|
-
"@storybook/addon-docs": "
|
|
102
|
-
"@storybook/addon-links": "
|
|
103
|
-
"@
|
|
104
|
-
"@types/
|
|
105
|
-
"
|
|
106
|
-
"
|
|
107
|
-
"
|
|
108
|
-
"
|
|
109
|
-
"
|
|
110
|
-
"storybook": "
|
|
111
|
-
"storybook-
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"typescript": "^5.8.3"
|
|
87
|
+
"@biomejs/biome": "2.2.4",
|
|
88
|
+
"@commitlint/cli": "19.8.1",
|
|
89
|
+
"@commitlint/config-conventional": "19.8.1",
|
|
90
|
+
"@rsbuild/core": "1.5.6",
|
|
91
|
+
"@rsbuild/plugin-react": "1.4.0",
|
|
92
|
+
"@rsbuild/plugin-sass": "1.4.0",
|
|
93
|
+
"@rsbuild/plugin-svgr": "1.2.2",
|
|
94
|
+
"@rslib/core": "0.13.2",
|
|
95
|
+
"@semantic-release/changelog": "6.0.3",
|
|
96
|
+
"@semantic-release/git": "10.0.1",
|
|
97
|
+
"@semantic-release/npm": "12.0.2",
|
|
98
|
+
"@storybook/addon-a11y": "9.1.5",
|
|
99
|
+
"@storybook/addon-designs": "10.0.2",
|
|
100
|
+
"@storybook/addon-docs": "9.1.5",
|
|
101
|
+
"@storybook/addon-links": "9.1.5",
|
|
102
|
+
"@types/node": "24.3.3",
|
|
103
|
+
"@types/react": "19.1.13",
|
|
104
|
+
"husky": "9.1.7",
|
|
105
|
+
"react": "19.1.1",
|
|
106
|
+
"sass": "1.92.1",
|
|
107
|
+
"semantic-release": "24.2.8",
|
|
108
|
+
"storybook": "9.1.5",
|
|
109
|
+
"storybook-addon-rslib": "2.1.0",
|
|
110
|
+
"storybook-react-rsbuild": "2.1.0",
|
|
111
|
+
"subset-font": "2.4.0",
|
|
112
|
+
"svgo": "4.0.0",
|
|
113
|
+
"typescript": "5.9.2"
|
|
116
114
|
},
|
|
117
115
|
"peerDependencies": {
|
|
118
116
|
"react": ">=16.9.0",
|
|
@@ -133,7 +131,7 @@
|
|
|
133
131
|
"frontend"
|
|
134
132
|
],
|
|
135
133
|
"dependencies": {
|
|
136
|
-
"@radix-ui/react-radio-group": "
|
|
137
|
-
"@radix-ui/react-tabs": "
|
|
134
|
+
"@radix-ui/react-radio-group": "1.3.8",
|
|
135
|
+
"@radix-ui/react-tabs": "1.1.13"
|
|
138
136
|
}
|
|
139
137
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import e from"../../assets/images/noise.png";export{e as default};
|
|
Binary file
|