@lidofinance/lido-ui 3.28.1 → 3.30.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonStyle,\n ButtonContentStyle,\n ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n xxs: 'small',\n xs: 'small',\n sm: 'small',\n md: 'medium',\n lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n (\n {\n size = 'md',\n variant = 'filled',\n color = 'primary',\n square = false,\n fullwidth = false,\n loading = false,\n active = false,\n onClick,\n disabled,\n children,\n ...rest\n }: ButtonProps,\n ref?: ForwardedRef<HTMLButtonElement>,\n ) => {\n const { handleClick, ripple } = useRipple({ onClick })\n const loaderSize = loaderSizes[size]\n\n return (\n <ButtonStyle\n $size={size}\n $variant={variant}\n $fullwidth={fullwidth}\n $color={color}\n $square={square}\n $loading={loading}\n $active={active}\n onClick={handleClick}\n disabled={disabled || loading}\n type='button'\n ref={ref}\n {...rest}\n >\n <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n {loading && <ButtonLoaderStyle size={loaderSize} />}\n {!active && ripple}\n </ButtonStyle>\n )\n },\n)\nButton.displayName = '
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonStyle,\n ButtonContentStyle,\n ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n xxs: 'small',\n xs: 'small',\n sm: 'small',\n md: 'medium',\n lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n (\n {\n size = 'md',\n variant = 'filled',\n color = 'primary',\n square = false,\n fullwidth = false,\n loading = false,\n active = false,\n onClick,\n disabled,\n children,\n ...rest\n }: ButtonProps,\n ref?: ForwardedRef<HTMLButtonElement>,\n ) => {\n const { handleClick, ripple } = useRipple({ onClick })\n const loaderSize = loaderSizes[size]\n\n return (\n <ButtonStyle\n $size={size}\n $variant={variant}\n $fullwidth={fullwidth}\n $color={color}\n $square={square}\n $loading={loading}\n $active={active}\n onClick={handleClick}\n disabled={disabled || loading}\n type='button'\n ref={ref}\n {...rest}\n >\n <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n {loading && <ButtonLoaderStyle size={loaderSize} />}\n {!active && ripple}\n </ButtonStyle>\n )\n },\n)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","_jsx","ButtonContentStyle","ButtonLoaderStyle","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OADa;AAElBC,EAAAA,EAAE,EAAE,OAFc;AAGlBC,EAAAA,EAAE,EAAE,OAHc;AAIlBC,EAAAA,EAAE,EAAE,QAJc;AAKlBC,EAAAA,EAAE,EAAE,QAAA;AALc,CAApB,CAAA;MAQaC,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAcEC,GAdF,KAeK;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IADT;AAEEC,IAAAA,OAAO,GAAG,QAFZ;AAGEC,IAAAA,KAAK,GAAG,SAHV;AAIEC,IAAAA,MAAM,GAAG,KAJX;AAKEC,IAAAA,SAAS,GAAG,KALd;AAMEC,IAAAA,OAAO,GAAG,KANZ;AAOEC,IAAAA,MAAM,GAAG,KAPX;IAQEC,OARF;IASEC,QATF;IAUEC,QAVF;IAWE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;AAAeC,IAAAA,MAAAA;AAAf,GAAA,GAA0BC,mBAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAF,GAAD,CAAzC,CAAA;AACA,EAAA,MAAMO,UAAU,GAAGvB,WAAW,CAACS,IAAD,CAA9B,CAAA;AAEA,EAAA,oBACEe,gBAACC,wBAAD,EAAA;AACE,IAAA,KAAK,EAAEhB,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,UAAU,EAAEG,SAHd;AAIE,IAAA,MAAM,EAAEF,KAJV;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,QAAQ,EAAEE,OANZ;AAOE,IAAA,OAAO,EAAEC,MAPX;AAQE,IAAA,OAAO,EAAEK,WARX;IASE,QAAQ,EAAEH,QAAQ,IAAIH,OATxB;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,GAAG,EAAEN,GAXP;AAAA,IAAA,GAYMW,IAZN;AAAA,IAAA,QAAA,EAAA,cAcEO,eAACC,+BAAD,EAAA;AAAoB,MAAA,OAAO,EAAEb,OAA7B;MAAA,QAAuCI,EAAAA,QAAAA;AAAvC,KAAA,CAdF,EAeGJ,OAAO,iBAAIY,cAAA,CAACE,8BAAD,EAAA;AAAmB,MAAA,IAAI,EAAEL,UAAAA;AAAzB,KAAA,CAfd,EAgBG,CAACR,MAAD,IAAWM,MAhBd,CAAA;GADF,CAAA,CAAA;AAoBD,CAxC6B,EAAzB;AA0CPf,MAAM,CAACuB,WAAP,GAAqB,QAArB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.mjs","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonStyle,\n ButtonContentStyle,\n ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n xxs: 'small',\n xs: 'small',\n sm: 'small',\n md: 'medium',\n lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n (\n {\n size = 'md',\n variant = 'filled',\n color = 'primary',\n square = false,\n fullwidth = false,\n loading = false,\n active = false,\n onClick,\n disabled,\n children,\n ...rest\n }: ButtonProps,\n ref?: ForwardedRef<HTMLButtonElement>,\n ) => {\n const { handleClick, ripple } = useRipple({ onClick })\n const loaderSize = loaderSizes[size]\n\n return (\n <ButtonStyle\n $size={size}\n $variant={variant}\n $fullwidth={fullwidth}\n $color={color}\n $square={square}\n $loading={loading}\n $active={active}\n onClick={handleClick}\n disabled={disabled || loading}\n type='button'\n ref={ref}\n {...rest}\n >\n <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n {loading && <ButtonLoaderStyle size={loaderSize} />}\n {!active && ripple}\n </ButtonStyle>\n )\n },\n)\nButton.displayName = '
|
|
1
|
+
{"version":3,"file":"Button.mjs","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n ButtonStyle,\n ButtonContentStyle,\n ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n xxs: 'small',\n xs: 'small',\n sm: 'small',\n md: 'medium',\n lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n (\n {\n size = 'md',\n variant = 'filled',\n color = 'primary',\n square = false,\n fullwidth = false,\n loading = false,\n active = false,\n onClick,\n disabled,\n children,\n ...rest\n }: ButtonProps,\n ref?: ForwardedRef<HTMLButtonElement>,\n ) => {\n const { handleClick, ripple } = useRipple({ onClick })\n const loaderSize = loaderSizes[size]\n\n return (\n <ButtonStyle\n $size={size}\n $variant={variant}\n $fullwidth={fullwidth}\n $color={color}\n $square={square}\n $loading={loading}\n $active={active}\n onClick={handleClick}\n disabled={disabled || loading}\n type='button'\n ref={ref}\n {...rest}\n >\n <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n {loading && <ButtonLoaderStyle size={loaderSize} />}\n {!active && ripple}\n </ButtonStyle>\n )\n },\n)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","_jsx","displayName"],"mappings":";;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OADa;AAElBC,EAAAA,EAAE,EAAE,OAFc;AAGlBC,EAAAA,EAAE,EAAE,OAHc;AAIlBC,EAAAA,EAAE,EAAE,QAJc;AAKlBC,EAAAA,EAAE,EAAE,QAAA;AALc,CAApB,CAAA;MAQaC,MAAM,gBAAGC,UAAU,CAC9B,CAAA,IAAA,EAcEC,GAdF,KAeK;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IADT;AAEEC,IAAAA,OAAO,GAAG,QAFZ;AAGEC,IAAAA,KAAK,GAAG,SAHV;AAIEC,IAAAA,MAAM,GAAG,KAJX;AAKEC,IAAAA,SAAS,GAAG,KALd;AAMEC,IAAAA,OAAO,GAAG,KANZ;AAOEC,IAAAA,MAAM,GAAG,KAPX;IAQEC,OARF;IASEC,QATF;IAUEC,QAVF;IAWE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;AAAeC,IAAAA,MAAAA;AAAf,GAAA,GAA0BC,SAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAF,GAAD,CAAzC,CAAA;AACA,EAAA,MAAMO,UAAU,GAAGvB,WAAW,CAACS,IAAD,CAA9B,CAAA;AAEA,EAAA,oBACEe,KAAC,WAAD,EAAA;AACE,IAAA,KAAK,EAAEf,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,UAAU,EAAEG,SAHd;AAIE,IAAA,MAAM,EAAEF,KAJV;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,QAAQ,EAAEE,OANZ;AAOE,IAAA,OAAO,EAAEC,MAPX;AAQE,IAAA,OAAO,EAAEK,WARX;IASE,QAAQ,EAAEH,QAAQ,IAAIH,OATxB;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,GAAG,EAAEN,GAXP;AAAA,IAAA,GAYMW,IAZN;AAAA,IAAA,QAAA,EAAA,cAcEM,IAAC,kBAAD,EAAA;AAAoB,MAAA,OAAO,EAAEX,OAA7B;MAAA,QAAuCI,EAAAA,QAAAA;AAAvC,KAAA,CAdF,EAeGJ,OAAO,iBAAIW,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,IAAI,EAAEF,UAAAA;AAAzB,KAAA,CAfd,EAgBG,CAACR,MAAD,IAAWM,MAhBd,CAAA;GADF,CAAA,CAAA;AAoBD,CAxC6B,EAAzB;AA0CPf,MAAM,CAACoB,WAAP,GAAqB,QAArB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lidofinance/lido-ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.30.0",
|
|
4
4
|
"homepage": "https://github.com/lidofinance/ui",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -114,14 +114,14 @@
|
|
|
114
114
|
"jest-runner": "^29.0.1",
|
|
115
115
|
"jest-styled-components": "^7.1.1",
|
|
116
116
|
"lint-staged": "11.1.2",
|
|
117
|
-
"postcss": "^8.4.
|
|
117
|
+
"postcss": "^8.4.31",
|
|
118
118
|
"postcss-styled-syntax": "^0.4.0",
|
|
119
119
|
"prettier": "^3.0.1",
|
|
120
120
|
"react": "18.2.0",
|
|
121
121
|
"react-dom": "18.2.0",
|
|
122
122
|
"react-is": "18.2.0",
|
|
123
123
|
"rimraf": "3.0.2",
|
|
124
|
-
"rollup": "3.29.
|
|
124
|
+
"rollup": "3.29.5",
|
|
125
125
|
"semantic-release": "^19.0.5",
|
|
126
126
|
"storybook": "^7.2.3",
|
|
127
127
|
"storybook-addon-swc": "^1.2.0",
|