@lidofinance/lido-ui 3.3.1 → 3.4.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.
|
@@ -282,7 +282,13 @@ const messageVariants = {
|
|
|
282
282
|
var(--lido-color-shadowLight);
|
|
283
283
|
`,
|
|
284
284
|
success: (0, _styledComponents.css)`
|
|
285
|
-
|
|
285
|
+
background: var(--lido-color-success);
|
|
286
|
+
color: var(--lido-color-successContrast);
|
|
287
|
+
box-shadow: ${(param)=>{
|
|
288
|
+
let { theme } = param;
|
|
289
|
+
return theme.boxShadows.sm;
|
|
290
|
+
}}
|
|
291
|
+
var(--lido-color-shadowLight);
|
|
286
292
|
`
|
|
287
293
|
};
|
|
288
294
|
const InputMessageStyle = _styledComponents.default.span`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/input/InputStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { InputMessageVariants, InputVariants, InputColors } from './types'\nimport {\n labelEmptyValueCSS,\n labelFocusCSS,\n labelErrorCSS,\n InputLabelStyle,\n labelWarningCSS,\n} from './LabelStyles'\n\nconst statesCSS = css`\n &:hover {\n z-index: 1;\n }\n\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst activeCSS = css`\n &,\n &:hover,\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst errorCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-error);\n\n ${InputLabelStyle} {\n ${labelErrorCSS}\n }\n }\n`\n\nconst warningCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-warning);\n\n ${InputLabelStyle} {\n ${labelWarningCSS}\n }\n }\n`\n\nconst wrapperColors = {\n default: css<{ $disabled: boolean }>`\n background: var(--lido-color-controlBg);\n border-color: var(--lido-color-border);\n color: var(--lido-color-text);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-background);`\n : `\n &:hover {\n border-color: var(--lido-color-borderHover);\n }\n `};\n `,\n accent: css<{ $disabled: boolean }>`\n background: var(--lido-color-accentControlBg);\n border-color: var(--lido-color-accentBorder);\n color: var(--lido-color-accentText);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-controlBg);`\n : `\n &:hover {\n border-color: var(--lido-color-accentBorderHover);\n }\n `};\n `,\n}\n\nexport const InputWrapperStyle = styled.label<{\n $error: boolean\n $warning: boolean\n $active: boolean\n $disabled: boolean\n $fullwidth: boolean\n $color: InputColors\n}>`\n position: relative;\n display: inline-flex;\n border: 1px solid;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n align-items: stretch;\n box-sizing: border-box;\n padding: 0 15px;\n cursor: ${({ $disabled }) => ($disabled ? 'default' : 'text')};\n transition: border-color ${({ theme }) => theme.duration.fast} ease;\n width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n\n ${({ $color }) => wrapperColors[$color]};\n ${({ $disabled }) => ($disabled ? '' : statesCSS)}\n\n ${({ $active }) => ($active ? activeCSS : '')}\n ${({ $warning }) => ($warning ? warningCSS : '')}\n ${({ $error }) => ($error ? errorCSS : '')}\n`\n\nconst contentVariants = {\n default: css`\n padding: 17px 0;\n `,\n small: css`\n padding: 9px 0;\n `,\n}\n\nexport const InputContentStyle = styled.span<{ $variant: InputVariants }>`\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n display: flex;\n flex-grow: 1;\n position: relative;\n\n ${({ $variant }) => contentVariants[$variant]};\n`\n\nconst labeledCSS = css`\n &:not(:focus):placeholder-shown {\n & + ${InputLabelStyle} {\n ${labelEmptyValueCSS}\n }\n\n &::placeholder {\n opacity: 0;\n }\n }\n`\n\nconst inputColors = {\n default: css`\n color: var(--lido-color-text);\n\n &:disabled {\n color: var(--lido-color-textSecondary);\n }\n\n &::placeholder {\n color: var(--lido-color-textSecondary);\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;\n color: var(--lido-color-text) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-text) !important;\n }\n `,\n accent: css`\n color: var(--lido-color-accentText);\n opacity: 1;\n\n &:disabled {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &::placeholder {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;\n color: var(--lido-color-accentContrast) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-accentContrast) !important;\n }\n `,\n}\n\nexport const InputStyle = styled.input<{\n $labeled: boolean\n $color: InputColors\n}>`\n width: 100%;\n font-family: inherit;\n font-weight: 400;\n font-size: 1em;\n line-height: 1.43em;\n padding: 0;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n outline: none;\n position: relative;\n top: ${({ $labeled }) => ($labeled ? 8 : 0)}px;\n\n &::placeholder {\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n }\n\n ${({ $color }) => inputColors[$color]}\n ${({ $labeled }) => ($labeled ? labeledCSS : '')}\n`\n\nexport const TextareaStyle = styled(InputStyle).attrs({\n as: 'textarea',\n})`\n resize: none;\n`\n\nconst messageVariants = {\n error: css`\n background: var(--lido-color-error);\n color: var(--lido-color-errorContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n warning: css`\n background: var(--lido-color-warning);\n color: var(--lido-color-warningContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n success: css`\n color: var(--lido-color-success);\n `,\n}\n\nexport const InputMessageStyle = styled.span<{\n $variant: InputMessageVariants\n $bordered?: boolean\n}>`\n margin-top: ${({ $bordered }) => ($bordered ? 5 : 6)}px;\n left: ${({ $bordered }) => ($bordered ? -1 : 0)}px;\n position: absolute;\n top: 100%;\n line-height: 1.6em;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: 6px 10px;\n white-space: nowrap;\n overflow: hidden;\n box-sizing: border-box;\n text-overflow: ellipsis;\n max-width: ${({ $bordered }) => ($bordered ? 'calc(100% + 2px)' : '100%')};\n\n ${({ $variant }) => messageVariants[$variant]}\n`\n\nconst decoratorCSS = css`\n flex-grow: 0;\n flex-shrink: 0;\n cursor: inherit;\n display: flex;\n align-items: center;\n`\n\nexport const InputLeftDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-right: 16px;\n`\n\nexport const InputRightDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-left: 16px;\n`\n"],"names":["InputWrapperStyle","InputContentStyle","InputStyle","TextareaStyle","InputMessageStyle","InputLeftDecoratorStyle","InputRightDecoratorStyle","statesCSS","css","InputLabelStyle","labelFocusCSS","activeCSS","errorCSS","labelErrorCSS","warningCSS","labelWarningCSS","wrapperColors","default","$disabled","accent","styled","label","theme","borderRadiusesMap","lg","duration","fast","$fullwidth","$color","$active","$warning","$error","contentVariants","small","span","fontSizesMap","xs","$variant","labeledCSS","labelEmptyValueCSS","inputColors","input","$labeled","attrs","as","messageVariants","error","boxShadows","sm","warning","success","$bordered","xxs","decoratorCSS"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../packages/input/InputStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { InputMessageVariants, InputVariants, InputColors } from './types'\nimport {\n labelEmptyValueCSS,\n labelFocusCSS,\n labelErrorCSS,\n InputLabelStyle,\n labelWarningCSS,\n} from './LabelStyles'\n\nconst statesCSS = css`\n &:hover {\n z-index: 1;\n }\n\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst activeCSS = css`\n &,\n &:hover,\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst errorCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-error);\n\n ${InputLabelStyle} {\n ${labelErrorCSS}\n }\n }\n`\n\nconst warningCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-warning);\n\n ${InputLabelStyle} {\n ${labelWarningCSS}\n }\n }\n`\n\nconst wrapperColors = {\n default: css<{ $disabled: boolean }>`\n background: var(--lido-color-controlBg);\n border-color: var(--lido-color-border);\n color: var(--lido-color-text);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-background);`\n : `\n &:hover {\n border-color: var(--lido-color-borderHover);\n }\n `};\n `,\n accent: css<{ $disabled: boolean }>`\n background: var(--lido-color-accentControlBg);\n border-color: var(--lido-color-accentBorder);\n color: var(--lido-color-accentText);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-controlBg);`\n : `\n &:hover {\n border-color: var(--lido-color-accentBorderHover);\n }\n `};\n `,\n}\n\nexport const InputWrapperStyle = styled.label<{\n $error: boolean\n $warning: boolean\n $active: boolean\n $disabled: boolean\n $fullwidth: boolean\n $color: InputColors\n}>`\n position: relative;\n display: inline-flex;\n border: 1px solid;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n align-items: stretch;\n box-sizing: border-box;\n padding: 0 15px;\n cursor: ${({ $disabled }) => ($disabled ? 'default' : 'text')};\n transition: border-color ${({ theme }) => theme.duration.fast} ease;\n width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n\n ${({ $color }) => wrapperColors[$color]};\n ${({ $disabled }) => ($disabled ? '' : statesCSS)}\n\n ${({ $active }) => ($active ? activeCSS : '')}\n ${({ $warning }) => ($warning ? warningCSS : '')}\n ${({ $error }) => ($error ? errorCSS : '')}\n`\n\nconst contentVariants = {\n default: css`\n padding: 17px 0;\n `,\n small: css`\n padding: 9px 0;\n `,\n}\n\nexport const InputContentStyle = styled.span<{ $variant: InputVariants }>`\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n display: flex;\n flex-grow: 1;\n position: relative;\n\n ${({ $variant }) => contentVariants[$variant]};\n`\n\nconst labeledCSS = css`\n &:not(:focus):placeholder-shown {\n & + ${InputLabelStyle} {\n ${labelEmptyValueCSS}\n }\n\n &::placeholder {\n opacity: 0;\n }\n }\n`\n\nconst inputColors = {\n default: css`\n color: var(--lido-color-text);\n\n &:disabled {\n color: var(--lido-color-textSecondary);\n }\n\n &::placeholder {\n color: var(--lido-color-textSecondary);\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;\n color: var(--lido-color-text) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-text) !important;\n }\n `,\n accent: css`\n color: var(--lido-color-accentText);\n opacity: 1;\n\n &:disabled {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &::placeholder {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;\n color: var(--lido-color-accentContrast) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-accentContrast) !important;\n }\n `,\n}\n\nexport const InputStyle = styled.input<{\n $labeled: boolean\n $color: InputColors\n}>`\n width: 100%;\n font-family: inherit;\n font-weight: 400;\n font-size: 1em;\n line-height: 1.43em;\n padding: 0;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n outline: none;\n position: relative;\n top: ${({ $labeled }) => ($labeled ? 8 : 0)}px;\n\n &::placeholder {\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n }\n\n ${({ $color }) => inputColors[$color]}\n ${({ $labeled }) => ($labeled ? labeledCSS : '')}\n`\n\nexport const TextareaStyle = styled(InputStyle).attrs({\n as: 'textarea',\n})`\n resize: none;\n`\n\nconst messageVariants = {\n error: css`\n background: var(--lido-color-error);\n color: var(--lido-color-errorContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n warning: css`\n background: var(--lido-color-warning);\n color: var(--lido-color-warningContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n success: css`\n background: var(--lido-color-success);\n color: var(--lido-color-successContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n}\n\nexport const InputMessageStyle = styled.span<{\n $variant: InputMessageVariants\n $bordered?: boolean\n}>`\n margin-top: ${({ $bordered }) => ($bordered ? 5 : 6)}px;\n left: ${({ $bordered }) => ($bordered ? -1 : 0)}px;\n position: absolute;\n top: 100%;\n line-height: 1.6em;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: 6px 10px;\n white-space: nowrap;\n overflow: hidden;\n box-sizing: border-box;\n text-overflow: ellipsis;\n max-width: ${({ $bordered }) => ($bordered ? 'calc(100% + 2px)' : '100%')};\n\n ${({ $variant }) => messageVariants[$variant]}\n`\n\nconst decoratorCSS = css`\n flex-grow: 0;\n flex-shrink: 0;\n cursor: inherit;\n display: flex;\n align-items: center;\n`\n\nexport const InputLeftDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-right: 16px;\n`\n\nexport const InputRightDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-left: 16px;\n`\n"],"names":["InputWrapperStyle","InputContentStyle","InputStyle","TextareaStyle","InputMessageStyle","InputLeftDecoratorStyle","InputRightDecoratorStyle","statesCSS","css","InputLabelStyle","labelFocusCSS","activeCSS","errorCSS","labelErrorCSS","warningCSS","labelWarningCSS","wrapperColors","default","$disabled","accent","styled","label","theme","borderRadiusesMap","lg","duration","fast","$fullwidth","$color","$active","$warning","$error","contentVariants","small","span","fontSizesMap","xs","$variant","labeledCSS","labelEmptyValueCSS","inputColors","input","$labeled","attrs","as","messageVariants","error","boxShadows","sm","warning","success","$bordered","xxs","decoratorCSS"],"mappings":"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"}
|
|
@@ -262,7 +262,13 @@ const messageVariants = {
|
|
|
262
262
|
var(--lido-color-shadowLight);
|
|
263
263
|
`,
|
|
264
264
|
success: css`
|
|
265
|
-
|
|
265
|
+
background: var(--lido-color-success);
|
|
266
|
+
color: var(--lido-color-successContrast);
|
|
267
|
+
box-shadow: ${(param)=>{
|
|
268
|
+
let { theme } = param;
|
|
269
|
+
return theme.boxShadows.sm;
|
|
270
|
+
}}
|
|
271
|
+
var(--lido-color-shadowLight);
|
|
266
272
|
`
|
|
267
273
|
};
|
|
268
274
|
export const InputMessageStyle = styled.span`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/input/InputStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { InputMessageVariants, InputVariants, InputColors } from './types'\nimport {\n labelEmptyValueCSS,\n labelFocusCSS,\n labelErrorCSS,\n InputLabelStyle,\n labelWarningCSS,\n} from './LabelStyles'\n\nconst statesCSS = css`\n &:hover {\n z-index: 1;\n }\n\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst activeCSS = css`\n &,\n &:hover,\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst errorCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-error);\n\n ${InputLabelStyle} {\n ${labelErrorCSS}\n }\n }\n`\n\nconst warningCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-warning);\n\n ${InputLabelStyle} {\n ${labelWarningCSS}\n }\n }\n`\n\nconst wrapperColors = {\n default: css<{ $disabled: boolean }>`\n background: var(--lido-color-controlBg);\n border-color: var(--lido-color-border);\n color: var(--lido-color-text);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-background);`\n : `\n &:hover {\n border-color: var(--lido-color-borderHover);\n }\n `};\n `,\n accent: css<{ $disabled: boolean }>`\n background: var(--lido-color-accentControlBg);\n border-color: var(--lido-color-accentBorder);\n color: var(--lido-color-accentText);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-controlBg);`\n : `\n &:hover {\n border-color: var(--lido-color-accentBorderHover);\n }\n `};\n `,\n}\n\nexport const InputWrapperStyle = styled.label<{\n $error: boolean\n $warning: boolean\n $active: boolean\n $disabled: boolean\n $fullwidth: boolean\n $color: InputColors\n}>`\n position: relative;\n display: inline-flex;\n border: 1px solid;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n align-items: stretch;\n box-sizing: border-box;\n padding: 0 15px;\n cursor: ${({ $disabled }) => ($disabled ? 'default' : 'text')};\n transition: border-color ${({ theme }) => theme.duration.fast} ease;\n width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n\n ${({ $color }) => wrapperColors[$color]};\n ${({ $disabled }) => ($disabled ? '' : statesCSS)}\n\n ${({ $active }) => ($active ? activeCSS : '')}\n ${({ $warning }) => ($warning ? warningCSS : '')}\n ${({ $error }) => ($error ? errorCSS : '')}\n`\n\nconst contentVariants = {\n default: css`\n padding: 17px 0;\n `,\n small: css`\n padding: 9px 0;\n `,\n}\n\nexport const InputContentStyle = styled.span<{ $variant: InputVariants }>`\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n display: flex;\n flex-grow: 1;\n position: relative;\n\n ${({ $variant }) => contentVariants[$variant]};\n`\n\nconst labeledCSS = css`\n &:not(:focus):placeholder-shown {\n & + ${InputLabelStyle} {\n ${labelEmptyValueCSS}\n }\n\n &::placeholder {\n opacity: 0;\n }\n }\n`\n\nconst inputColors = {\n default: css`\n color: var(--lido-color-text);\n\n &:disabled {\n color: var(--lido-color-textSecondary);\n }\n\n &::placeholder {\n color: var(--lido-color-textSecondary);\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;\n color: var(--lido-color-text) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-text) !important;\n }\n `,\n accent: css`\n color: var(--lido-color-accentText);\n opacity: 1;\n\n &:disabled {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &::placeholder {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;\n color: var(--lido-color-accentContrast) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-accentContrast) !important;\n }\n `,\n}\n\nexport const InputStyle = styled.input<{\n $labeled: boolean\n $color: InputColors\n}>`\n width: 100%;\n font-family: inherit;\n font-weight: 400;\n font-size: 1em;\n line-height: 1.43em;\n padding: 0;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n outline: none;\n position: relative;\n top: ${({ $labeled }) => ($labeled ? 8 : 0)}px;\n\n &::placeholder {\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n }\n\n ${({ $color }) => inputColors[$color]}\n ${({ $labeled }) => ($labeled ? labeledCSS : '')}\n`\n\nexport const TextareaStyle = styled(InputStyle).attrs({\n as: 'textarea',\n})`\n resize: none;\n`\n\nconst messageVariants = {\n error: css`\n background: var(--lido-color-error);\n color: var(--lido-color-errorContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n warning: css`\n background: var(--lido-color-warning);\n color: var(--lido-color-warningContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n success: css`\n color: var(--lido-color-success);\n `,\n}\n\nexport const InputMessageStyle = styled.span<{\n $variant: InputMessageVariants\n $bordered?: boolean\n}>`\n margin-top: ${({ $bordered }) => ($bordered ? 5 : 6)}px;\n left: ${({ $bordered }) => ($bordered ? -1 : 0)}px;\n position: absolute;\n top: 100%;\n line-height: 1.6em;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: 6px 10px;\n white-space: nowrap;\n overflow: hidden;\n box-sizing: border-box;\n text-overflow: ellipsis;\n max-width: ${({ $bordered }) => ($bordered ? 'calc(100% + 2px)' : '100%')};\n\n ${({ $variant }) => messageVariants[$variant]}\n`\n\nconst decoratorCSS = css`\n flex-grow: 0;\n flex-shrink: 0;\n cursor: inherit;\n display: flex;\n align-items: center;\n`\n\nexport const InputLeftDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-right: 16px;\n`\n\nexport const InputRightDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-left: 16px;\n`\n"],"names":["styled","css","labelEmptyValueCSS","labelFocusCSS","labelErrorCSS","InputLabelStyle","labelWarningCSS","statesCSS","activeCSS","errorCSS","warningCSS","wrapperColors","default","$disabled","accent","InputWrapperStyle","label","theme","borderRadiusesMap","lg","duration","fast","$fullwidth","$color","$active","$warning","$error","contentVariants","small","InputContentStyle","span","fontSizesMap","xs","$variant","labeledCSS","inputColors","InputStyle","input","$labeled","TextareaStyle","attrs","as","messageVariants","error","boxShadows","sm","warning","success","InputMessageStyle","$bordered","xxs","decoratorCSS","InputLeftDecoratorStyle","InputRightDecoratorStyle"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAE/C,SACEC,kBAAkB,EAClBC,aAAa,EACbC,aAAa,EACbC,eAAe,EACfC,eAAe,QACV,eAAe,CAAA;AAEtB,MAAMC,SAAS,GAAGN,GAAG,CAAC;;;;;;;;;IASlB,EAAEI,eAAe,CAAC;MAChB,EAAEF,aAAa,CAAC;;;AAGtB,CAAC;AAED,MAAMK,SAAS,GAAGP,GAAG,CAAC;;;;;;;IAOlB,EAAEI,eAAe,CAAC;MAChB,EAAEF,aAAa,CAAC;;;AAGtB,CAAC;AAED,MAAMM,QAAQ,GAAGR,GAAG,CAAC;;;;;;IAMjB,EAAEI,eAAe,CAAC;MAChB,EAAED,aAAa,CAAC;;;AAGtB,CAAC;AAED,MAAMM,UAAU,GAAGT,GAAG,CAAC;;;;;;IAMnB,EAAEI,eAAe,CAAC;MAChB,EAAEC,eAAe,CAAC;;;AAGxB,CAAC;AAED,MAAMK,aAAa,GAAG;IACpBC,OAAO,EAAEX,GAAG,AAAwB,CAAC;;;;;IAKnC,EAAE,SACAY;YADC,EAAEA,SAAS,CAAA,EAAE;eACdA,SAAS,GACL,CAAC,yCAAyC,CAAC,GAC3C,CAAC;;;;IAIP,CAAC;IAAD,CAAC,CAAC;EACJ,CAAC;IACDC,MAAM,EAAEb,GAAG,AAAwB,CAAC;;;;;IAKlC,EAAE,SACAY;YADC,EAAEA,SAAS,CAAA,EAAE;eACdA,SAAS,GACL,CAAC,wCAAwC,CAAC,GAC1C,CAAC;;;;IAIP,CAAC;IAAD,CAAC,CAAC;EACJ,CAAC;CACF;AAED,OAAO,MAAME,iBAAiB,GAAGf,MAAM,CAACgB,KAAK,AAO3C,CAAC;;;;iBAIc,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;;UAInD,EAAE,SAAmB;QAAlB,EAAEN,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,SAAS,GAAG,MAAM;AAAA,CAAC,CAAC;2BACrC,EAAE,SAAeI;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;SACvD,EAAE,SAAoB;QAAnB,EAAEC,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAAC;;EAE5D,EAAE,SAAgBX;QAAf,EAAEY,MAAM,CAAA,EAAE;WAAKZ,aAAa,CAACY,MAAM,CAAC;AAAD,CAAC,CAAC;EACxC,EAAE,SAAmB;QAAlB,EAAEV,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,EAAE,GAAGN,SAAS;AAAA,CAAC,CAAC;;EAElD,EAAE,SAAiB;QAAhB,EAAEiB,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAGhB,SAAS,GAAG,EAAE;AAAA,CAAC,CAAC;EAC9C,EAAE,SAAkB;QAAjB,EAAEiB,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAGf,UAAU,GAAG,EAAE;AAAA,CAAC,CAAC;EACjD,EAAE,SAAgB;QAAf,EAAEgB,MAAM,CAAA,EAAE;WAAMA,MAAM,GAAGjB,QAAQ,GAAG,EAAE;AAAA,CAAC,CAAC;AAC7C,CAAC,CAAA;AAED,MAAMkB,eAAe,GAAG;IACtBf,OAAO,EAAEX,GAAG,CAAC;;EAEb,CAAC;IACD2B,KAAK,EAAE3B,GAAG,CAAC;;EAEX,CAAC;CACF;AAED,OAAO,MAAM4B,iBAAiB,GAAG7B,MAAM,CAAC8B,IAAI,AAA6B,CAAC;;aAE7D,EAAE,SAAeb;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACc,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;EAKlD,EAAE,SAAkBL;QAAjB,EAAEM,QAAQ,CAAA,EAAE;WAAKN,eAAe,CAACM,QAAQ,CAAC;AAAD,CAAC,CAAC;AAChD,CAAC,CAAA;AAED,MAAMC,UAAU,GAAGjC,GAAG,CAAC;;QAEf,EAAEI,eAAe,CAAC;MACpB,EAAEH,kBAAkB,CAAC;;;;;;;AAO3B,CAAC;AAED,MAAMiC,WAAW,GAAG;IAClBvB,OAAO,EAAEX,GAAG,CAAC;;;;;;;;;;;;;;;;;;;EAmBb,CAAC;IACDa,MAAM,EAAEb,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;EAsBZ,CAAC;CACF;AAED,OAAO,MAAMmC,UAAU,GAAGpC,MAAM,CAACqC,KAAK,AAGpC,CAAC;;;;;;;;;;;;;OAaI,EAAE,SAAkB;QAAjB,EAAEC,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,CAAC;;;wBAGtB,EAAE,SAAerB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;;EAG3D,EAAE,SAAgBc;QAAf,EAAEZ,MAAM,CAAA,EAAE;WAAKY,WAAW,CAACZ,MAAM,CAAC;AAAD,CAAC,CAAC;EACtC,EAAE,SAAkB;QAAjB,EAAEe,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAGJ,UAAU,GAAG,EAAE;AAAA,CAAC,CAAC;AACnD,CAAC,CAAA;AAED,OAAO,MAAMK,aAAa,GAAGvC,MAAM,CAACoC,UAAU,CAAC,CAACI,KAAK,CAAC;IACpDC,EAAE,EAAE,UAAU;CACf,CAAC,CAAC;;AAEH,CAAC,CAAA;AAED,MAAMC,eAAe,GAAG;IACtBC,KAAK,EAAE1C,GAAG,CAAC;;;gBAGG,EAAE,SAAegB;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAAC2B,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;IACDC,OAAO,EAAE7C,GAAG,CAAC;;;gBAGC,EAAE,SAAegB;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAAC2B,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;IACDE,OAAO,EAAE9C,GAAG,CAAC;;EAEb,CAAC;CACF;AAED,OAAO,MAAM+C,iBAAiB,GAAGhD,MAAM,CAAC8B,IAAI,AAG1C,CAAC;cACW,EAAE,SAAmB;QAAlB,EAAEmB,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,CAAC;QAC/C,EAAE,SAAmB;QAAlB,EAAEA,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;AAAA,CAAC,CAAC;;;;;aAKrC,EAAE,SAAehC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACc,YAAY,CAACmB,GAAG;AAAD,CAAC,CAAC;iBACpC,EAAE,SAAejC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAAC2B,EAAE;AAAD,CAAC,CAAC;;;;;;aAMhD,EAAE,SAAmB;QAAlB,EAAEI,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,kBAAkB,GAAG,MAAM;AAAA,CAAC,CAAC;;EAE1E,EAAE,SAAkBP;QAAjB,EAAET,QAAQ,CAAA,EAAE;WAAKS,eAAe,CAACT,QAAQ,CAAC;AAAD,CAAC,CAAC;AAChD,CAAC,CAAA;AAED,MAAMkB,YAAY,GAAGlD,GAAG,CAAC;;;;;;AAMzB,CAAC;AAED,OAAO,MAAMmD,uBAAuB,GAAGpD,MAAM,CAAC8B,IAAI,CAAC;EACjD,EAAEqB,YAAY,CAAC;;AAEjB,CAAC,CAAA;AAED,OAAO,MAAME,wBAAwB,GAAGrD,MAAM,CAAC8B,IAAI,CAAC;EAClD,EAAEqB,YAAY,CAAC;;AAEjB,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"sources":["../../../packages/input/InputStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { InputMessageVariants, InputVariants, InputColors } from './types'\nimport {\n labelEmptyValueCSS,\n labelFocusCSS,\n labelErrorCSS,\n InputLabelStyle,\n labelWarningCSS,\n} from './LabelStyles'\n\nconst statesCSS = css`\n &:hover {\n z-index: 1;\n }\n\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst activeCSS = css`\n &,\n &:hover,\n &:focus-within {\n z-index: 2;\n border-color: var(--lido-color-borderActive);\n\n ${InputLabelStyle} {\n ${labelFocusCSS}\n }\n }\n`\n\nconst errorCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-error);\n\n ${InputLabelStyle} {\n ${labelErrorCSS}\n }\n }\n`\n\nconst warningCSS = css`\n &,\n &:hover,\n &:focus-within {\n border-color: var(--lido-color-warning);\n\n ${InputLabelStyle} {\n ${labelWarningCSS}\n }\n }\n`\n\nconst wrapperColors = {\n default: css<{ $disabled: boolean }>`\n background: var(--lido-color-controlBg);\n border-color: var(--lido-color-border);\n color: var(--lido-color-text);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-background);`\n : `\n &:hover {\n border-color: var(--lido-color-borderHover);\n }\n `};\n `,\n accent: css<{ $disabled: boolean }>`\n background: var(--lido-color-accentControlBg);\n border-color: var(--lido-color-accentBorder);\n color: var(--lido-color-accentText);\n\n ${({ $disabled }) =>\n $disabled\n ? `background: var(--lido-color-controlBg);`\n : `\n &:hover {\n border-color: var(--lido-color-accentBorderHover);\n }\n `};\n `,\n}\n\nexport const InputWrapperStyle = styled.label<{\n $error: boolean\n $warning: boolean\n $active: boolean\n $disabled: boolean\n $fullwidth: boolean\n $color: InputColors\n}>`\n position: relative;\n display: inline-flex;\n border: 1px solid;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n align-items: stretch;\n box-sizing: border-box;\n padding: 0 15px;\n cursor: ${({ $disabled }) => ($disabled ? 'default' : 'text')};\n transition: border-color ${({ theme }) => theme.duration.fast} ease;\n width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n\n ${({ $color }) => wrapperColors[$color]};\n ${({ $disabled }) => ($disabled ? '' : statesCSS)}\n\n ${({ $active }) => ($active ? activeCSS : '')}\n ${({ $warning }) => ($warning ? warningCSS : '')}\n ${({ $error }) => ($error ? errorCSS : '')}\n`\n\nconst contentVariants = {\n default: css`\n padding: 17px 0;\n `,\n small: css`\n padding: 9px 0;\n `,\n}\n\nexport const InputContentStyle = styled.span<{ $variant: InputVariants }>`\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n display: flex;\n flex-grow: 1;\n position: relative;\n\n ${({ $variant }) => contentVariants[$variant]};\n`\n\nconst labeledCSS = css`\n &:not(:focus):placeholder-shown {\n & + ${InputLabelStyle} {\n ${labelEmptyValueCSS}\n }\n\n &::placeholder {\n opacity: 0;\n }\n }\n`\n\nconst inputColors = {\n default: css`\n color: var(--lido-color-text);\n\n &:disabled {\n color: var(--lido-color-textSecondary);\n }\n\n &::placeholder {\n color: var(--lido-color-textSecondary);\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;\n color: var(--lido-color-text) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-text) !important;\n }\n `,\n accent: css`\n color: var(--lido-color-accentText);\n opacity: 1;\n\n &:disabled {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &::placeholder {\n color: var(--lido-color-accentText);\n opacity: 0.5;\n }\n\n &:-webkit-autofill {\n box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;\n color: var(--lido-color-accentContrast) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-accentContrast) !important;\n }\n `,\n}\n\nexport const InputStyle = styled.input<{\n $labeled: boolean\n $color: InputColors\n}>`\n width: 100%;\n font-family: inherit;\n font-weight: 400;\n font-size: 1em;\n line-height: 1.43em;\n padding: 0;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n border: none;\n outline: none;\n position: relative;\n top: ${({ $labeled }) => ($labeled ? 8 : 0)}px;\n\n &::placeholder {\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n }\n\n ${({ $color }) => inputColors[$color]}\n ${({ $labeled }) => ($labeled ? labeledCSS : '')}\n`\n\nexport const TextareaStyle = styled(InputStyle).attrs({\n as: 'textarea',\n})`\n resize: none;\n`\n\nconst messageVariants = {\n error: css`\n background: var(--lido-color-error);\n color: var(--lido-color-errorContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n warning: css`\n background: var(--lido-color-warning);\n color: var(--lido-color-warningContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n success: css`\n background: var(--lido-color-success);\n color: var(--lido-color-successContrast);\n box-shadow: ${({ theme }) => theme.boxShadows.sm}\n var(--lido-color-shadowLight);\n `,\n}\n\nexport const InputMessageStyle = styled.span<{\n $variant: InputMessageVariants\n $bordered?: boolean\n}>`\n margin-top: ${({ $bordered }) => ($bordered ? 5 : 6)}px;\n left: ${({ $bordered }) => ($bordered ? -1 : 0)}px;\n position: absolute;\n top: 100%;\n line-height: 1.6em;\n font-weight: 400;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: 6px 10px;\n white-space: nowrap;\n overflow: hidden;\n box-sizing: border-box;\n text-overflow: ellipsis;\n max-width: ${({ $bordered }) => ($bordered ? 'calc(100% + 2px)' : '100%')};\n\n ${({ $variant }) => messageVariants[$variant]}\n`\n\nconst decoratorCSS = css`\n flex-grow: 0;\n flex-shrink: 0;\n cursor: inherit;\n display: flex;\n align-items: center;\n`\n\nexport const InputLeftDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-right: 16px;\n`\n\nexport const InputRightDecoratorStyle = styled.span`\n ${decoratorCSS}\n padding-left: 16px;\n`\n"],"names":["styled","css","labelEmptyValueCSS","labelFocusCSS","labelErrorCSS","InputLabelStyle","labelWarningCSS","statesCSS","activeCSS","errorCSS","warningCSS","wrapperColors","default","$disabled","accent","InputWrapperStyle","label","theme","borderRadiusesMap","lg","duration","fast","$fullwidth","$color","$active","$warning","$error","contentVariants","small","InputContentStyle","span","fontSizesMap","xs","$variant","labeledCSS","inputColors","InputStyle","input","$labeled","TextareaStyle","attrs","as","messageVariants","error","boxShadows","sm","warning","success","InputMessageStyle","$bordered","xxs","decoratorCSS","InputLeftDecoratorStyle","InputRightDecoratorStyle"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputStyles.d.ts","sourceRoot":"","sources":["../../../packages/input/InputStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA4F1E,eAAO,MAAM,iBAAiB;YACpB,OAAO;cACL,OAAO;aACR,OAAO;eACL,OAAO;gBACN,OAAO;YACX,WAAW;SAmBpB,CAAA;AAWD,eAAO,MAAM,iBAAiB;cAA2B,aAAa;SAQrE,CAAA;AA4DD,eAAO,MAAM,UAAU;cACX,OAAO;YACT,WAAW;SAsBpB,CAAA;AAED,eAAO,MAAM,aAAa;cAzBd,OAAO;YACT,WAAW;;;QA4BpB,CAAA;
|
|
1
|
+
{"version":3,"file":"InputStyles.d.ts","sourceRoot":"","sources":["../../../packages/input/InputStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA4F1E,eAAO,MAAM,iBAAiB;YACpB,OAAO;cACL,OAAO;aACR,OAAO;eACL,OAAO;gBACN,OAAO;YACX,WAAW;SAmBpB,CAAA;AAWD,eAAO,MAAM,iBAAiB;cAA2B,aAAa;SAQrE,CAAA;AA4DD,eAAO,MAAM,UAAU;cACX,OAAO;YACT,WAAW;SAsBpB,CAAA;AAED,eAAO,MAAM,aAAa;cAzBd,OAAO;YACT,WAAW;;;QA4BpB,CAAA;AAuBD,eAAO,MAAM,iBAAiB;cAClB,oBAAoB;;SAmB/B,CAAA;AAUD,eAAO,MAAM,uBAAuB,0GAGnC,CAAA;AAED,eAAO,MAAM,wBAAwB,0GAGpC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lidofinance/lido-ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.1",
|
|
4
4
|
"homepage": "https://github.com/lidofinance/ui",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
18
|
"scripts": {
|
|
19
|
-
"dev": "start-storybook -p 5555
|
|
20
|
-
"build-storybook": "build-storybook
|
|
19
|
+
"dev": "start-storybook -p 5555",
|
|
20
|
+
"build-storybook": "build-storybook",
|
|
21
21
|
"build": "zx ./scripts/build.cjs",
|
|
22
22
|
"test": "jest",
|
|
23
23
|
"test:coverage": "jest coverage",
|