@lidofinance/lido-ui 3.26.0 → 3.26.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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStyles.js","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ButtonStyles.js","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n -webkit-tap-highlight-color: transparent;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStyles.mjs","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ButtonStyles.mjs","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n -webkit-tap-highlight-color: transparent;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/button/ButtonStyles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEtE,aAAK,aAAa,GAAG;IACnB,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAgKD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/button/ButtonStyles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEtE,aAAK,aAAa,GAAG;IACnB,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAgKD,eAAO,MAAM,WAAW,uHAiCvB,CAAA;AAED,eAAO,MAAM,MAAM,uCAKlB,CAAA;AAED,eAAO,MAAM,iBAAiB,0GAQ7B,CAAA;AAED,eAAO,MAAM,kBAAkB;aAA0B,OAAO;SAI/D,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;iJAO7B,CAAA"}
|