sate-lib 1.32.0 → 1.33.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 +1 -1
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/button/button.js +1 -1
- package/lib/components/button/button.styles.module.js +1 -1
- package/lib/components/button/button.styles_module.css +1 -1
- package/lib/components/button/noise.d.ts +6 -0
- package/lib/components/button/noise.d.ts.map +1 -0
- package/lib/components/button/noise.js +1 -0
- package/package.json +7 -7
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
|
|
2
2
|
import { IconName } from "../icon/icon";
|
|
3
|
-
type Variant = "filled" | "outlined" | "text" | "toned";
|
|
3
|
+
type Variant = "filled" | "outlined" | "text" | "toned" | "lightOnContent" | "darkOnContent";
|
|
4
4
|
type Size = "xSmall" | "small" | "medium" | "large";
|
|
5
5
|
type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
6
|
href?: string;
|
|
@@ -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,QAAQ,EAAE,MAAM,cAAc,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;AAI9C,KAAK,OAAO,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,eAAe,CAAC;AACpB,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,2CA4Cb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Icon as o}from"../icon/icon.js";import{Noise as l}from"./noise.js";import n from"./button.styles.module.js";function t({href:t,variant:r="filled",size:m="large",icon:s,iconPosition:a="left",label:c,loading:d,disabled:f,className:u="",...g}){let h=!!s&&!c,j=h&&"large"===m?"medium":m,p="large"===m||"medium"===m?24:"small"===m?18:16,b=[n.button,n[r],n[j],h&&n.iconOnly,d&&n.loading,s&&n.icon,"right"===a&&n.directionRight,u].filter(Boolean).join(" ");return t?i("a",{className:b,href:t,...g,children:[s&&e(o,{name:s,size:p}),c,"filled"===r&&e(l,{className:n.noise})]}):i("button",{className:b,disabled:f,...g,children:[s&&e(o,{name:s,size:p}),c,"filled"===r&&e(l,{className:n.noise})]})}export{t as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./button.styles_module.css";let
|
|
1
|
+
import"./button.styles_module.css";let t={button:"button-es9ITD",directionRight:"directionRight-WAP5c6",loading:"loading-VKSpAI",filled:"filled-xa4u4J",noise:"noise-jC2M44",outlined:"outlined-gCb7Hr",text:"text-s9AYuv",toned:"toned-wooKOh",lightOnContent:"lightOnContent-LV8pNv",darkOnContent:"darkOnContent-xushK5",small:"small-UmKEXc",icon:"icon-KwFnbg",medium:"medium-gHb8hS",large:"large-JwSUDq",iconOnly:"iconOnly-qeXgqW",xSmall:"xSmall-Z2xJog"};export{t as default};
|
|
@@ -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;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-
|
|
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-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-xa4u4J .noise-jC2M44{z-index:-1;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0}.filled-xa4u4J:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-xa4u4J:hover .noise-jC2M44{opacity:.9}.filled-xa4u4J:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-xa4u4J:active .noise-jC2M44{opacity:.9}.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)}.lightOnContent-LV8pNv{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent)}.lightOnContent-LV8pNv:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#ffffffa8)66%,transparent)}.lightOnContent-LV8pNv:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffff75)46%,transparent)}.lightOnContent-LV8pNv: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-xushK5{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent)}.darkOnContent-xushK5 svg{fill:#fff}.darkOnContent-xushK5:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#00000080)50%,transparent)}.darkOnContent-xushK5:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#00000073)45%,transparent)}.darkOnContent-xushK5: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-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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"noise.d.ts","sourceRoot":"","sources":["../../../src/components/button/noise.tsx"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,UAAU,2CA0F9C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";function i({className:i}){return o("svg",{className:i,xmlns:"http://www.w3.org/2000/svg",width:"191",height:"171",viewBox:"0 0 191 171",fill:"none",children:[e("g",{filter:"url(#filter0_n_7452_6006)",children:e("rect",{width:"191",height:"171",fill:"black"})}),e("defs",{children:o("filter",{id:"filter0_n_7452_6006",x:"0",y:"0",width:"191",height:"171",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feTurbulence",{type:"fractalNoise",baseFrequency:"1 1",stitchTiles:"stitch",numOctaves:"3",result:"noise",seed:"2907"}),e("feColorMatrix",{in:"noise",type:"luminanceToAlpha",result:"alphaNoise"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise1",children:e("feFuncA",{type:"discrete",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 "})}),e("feComposite",{operator:"in",in2:"shape",in:"coloredNoise1",result:"noise1Clipped"}),e("feComponentTransfer",{in:"alphaNoise",result:"coloredNoise2",children:e("feFuncA",{type:"discrete",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 "})}),e("feComposite",{operator:"in",in2:"shape",in:"coloredNoise2",result:"noise2Clipped"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.6)",result:"color1Flood"}),e("feComposite",{operator:"in",in2:"noise1Clipped",in:"color1Flood",result:"color1"}),e("feFlood",{floodColor:"rgba(255, 255, 255, 0.3)",result:"color2Flood"}),e("feComposite",{operator:"in",in2:"noise2Clipped",in:"color2Flood",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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sate-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.33.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -95,19 +95,19 @@
|
|
|
95
95
|
"@semantic-release/changelog": "6.0.3",
|
|
96
96
|
"@semantic-release/git": "10.0.1",
|
|
97
97
|
"@semantic-release/npm": "12.0.2",
|
|
98
|
-
"@storybook/addon-a11y": "9.1.
|
|
98
|
+
"@storybook/addon-a11y": "9.1.7",
|
|
99
99
|
"@storybook/addon-designs": "10.0.2",
|
|
100
|
-
"@storybook/addon-docs": "9.1.
|
|
101
|
-
"@storybook/addon-links": "9.1.
|
|
100
|
+
"@storybook/addon-docs": "9.1.7",
|
|
101
|
+
"@storybook/addon-links": "9.1.7",
|
|
102
102
|
"@types/node": "24.3.3",
|
|
103
103
|
"@types/react": "19.1.13",
|
|
104
104
|
"husky": "9.1.7",
|
|
105
105
|
"react": "19.1.1",
|
|
106
106
|
"sass": "1.92.1",
|
|
107
107
|
"semantic-release": "24.2.8",
|
|
108
|
-
"storybook": "9.1.
|
|
109
|
-
"storybook-addon-rslib": "2.1.
|
|
110
|
-
"storybook-react-rsbuild": "2.1.
|
|
108
|
+
"storybook": "9.1.7",
|
|
109
|
+
"storybook-addon-rslib": "^2.1.1",
|
|
110
|
+
"storybook-react-rsbuild": "^2.1.1",
|
|
111
111
|
"subset-font": "2.4.0",
|
|
112
112
|
"svgo": "4.0.0",
|
|
113
113
|
"typescript": "5.9.2"
|