@lidofinance/lido-ui 3.7.3 → 3.8.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/dist/cjs/input/InputStyles.js +4 -0
- package/dist/cjs/input/InputStyles.js.map +1 -1
- package/dist/cjs/text/Text.js +2 -1
- package/dist/cjs/text/Text.js.map +1 -1
- package/dist/cjs/text/TextStyles.js +2 -2
- package/dist/cjs/text/TextStyles.js.map +1 -1
- package/dist/cjs/text/types.js.map +1 -1
- package/dist/esm/input/InputStyles.js +4 -0
- package/dist/esm/input/InputStyles.js.map +1 -1
- package/dist/esm/text/Text.js +2 -1
- package/dist/esm/text/Text.js.map +1 -1
- package/dist/esm/text/TextStyles.js +2 -2
- package/dist/esm/text/TextStyles.js.map +1 -1
- package/dist/esm/text/types.js.map +1 -1
- package/dist/types/input/InputStyles.d.ts.map +1 -1
- package/dist/types/text/Text.d.ts +2 -1
- package/dist/types/text/Text.d.ts.map +1 -1
- package/dist/types/text/TextStyles.d.ts +3 -2
- package/dist/types/text/TextStyles.d.ts.map +1 -1
- package/dist/types/text/types.d.ts +2 -0
- package/dist/types/text/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -193,10 +193,12 @@ const inputColors = {
|
|
|
193
193
|
&:-webkit-autofill {
|
|
194
194
|
box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;
|
|
195
195
|
color: var(--lido-color-text) !important;
|
|
196
|
+
-webkit-text-fill-color: var(--lido-color-text) !important;
|
|
196
197
|
}
|
|
197
198
|
|
|
198
199
|
&:-internal-autofill-selected {
|
|
199
200
|
color: var(--lido-color-text) !important;
|
|
201
|
+
-webkit-text-fill-color: var(--lido-color-text) !important;
|
|
200
202
|
}
|
|
201
203
|
`,
|
|
202
204
|
accent: (0, _styledComponents.css)`
|
|
@@ -216,10 +218,12 @@ const inputColors = {
|
|
|
216
218
|
&:-webkit-autofill {
|
|
217
219
|
box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;
|
|
218
220
|
color: var(--lido-color-accentContrast) !important;
|
|
221
|
+
-webkit-text-fill-color: var(--lido-color-accentContrast) !important;
|
|
219
222
|
}
|
|
220
223
|
|
|
221
224
|
&:-internal-autofill-selected {
|
|
222
225
|
color: var(--lido-color-accentContrast) !important;
|
|
226
|
+
-webkit-text-fill-color: var(--lido-color-accentContrast) !important;
|
|
223
227
|
}
|
|
224
228
|
`
|
|
225
229
|
};
|
|
@@ -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 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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"}
|
|
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 -webkit-text-fill-color: var(--lido-color-text) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-text) !important;\n -webkit-text-fill-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 -webkit-text-fill-color: var(--lido-color-accentContrast) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-accentContrast) !important;\n -webkit-text-fill-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":"AAAA;;;;;;;;;;;IA6FaA,iBAAiB,MAAjBA,iBAAiB;IAoCjBC,iBAAiB,MAAjBA,iBAAiB;IAwEjBC,UAAU,MAAVA,UAAU;IA0BVC,aAAa,MAAbA,aAAa;IA2BbC,iBAAiB,MAAjBA,iBAAiB;IA8BjBC,uBAAuB,MAAvBA,uBAAuB;IAKvBC,wBAAwB,MAAxBA,wBAAwB;;;wEAjST,mBAAmB;6BAQxC,eAAe;AAEtB,MAAMC,SAAS,GAAGC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;;;IASlB,EAAEC,YAAe,gBAAA,CAAC;MAChB,EAAEC,YAAa,cAAA,CAAC;;;AAGtB,CAAC;AAED,MAAMC,SAAS,GAAGH,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;IAOlB,EAAEC,YAAe,gBAAA,CAAC;MAChB,EAAEC,YAAa,cAAA,CAAC;;;AAGtB,CAAC;AAED,MAAME,QAAQ,GAAGJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;IAMjB,EAAEC,YAAe,gBAAA,CAAC;MAChB,EAAEI,YAAa,cAAA,CAAC;;;AAGtB,CAAC;AAED,MAAMC,UAAU,GAAGN,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;IAMnB,EAAEC,YAAe,gBAAA,CAAC;MAChB,EAAEM,YAAe,gBAAA,CAAC;;;AAGxB,CAAC;AAED,MAAMC,aAAa,GAAG;IACpBC,OAAO,EAAET,IAAAA,iBAAG,IAAA,CAAwB,CAAC;;;;;IAKnC,EAAE,SACAU;YADC,EAAEA,SAAS,CAAA,EAAE;eACdA,SAAS,GACL,CAAC,yCAAyC,CAAC,GAC3C,CAAC;;;;IAIP,CAAC;IAAD,CAAC,CAAC;EACJ,CAAC;IACDC,MAAM,EAAEX,IAAAA,iBAAG,IAAA,CAAwB,CAAC;;;;;IAKlC,EAAE,SACAU;YADC,EAAEA,SAAS,CAAA,EAAE;eACdA,SAAS,GACL,CAAC,wCAAwC,CAAC,GAC1C,CAAC;;;;IAIP,CAAC;IAAD,CAAC,CAAC;EACJ,CAAC;CACF;AAEM,MAAMlB,iBAAiB,GAAGoB,iBAAM,QAAA,CAACC,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,GAAGX,SAAS;AAAA,CAAC,CAAC;;EAElD,EAAE,SAAiB;QAAhB,EAAEsB,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAGlB,SAAS,GAAG,EAAE;AAAA,CAAC,CAAC;EAC9C,EAAE,SAAkB;QAAjB,EAAEmB,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAGhB,UAAU,GAAG,EAAE;AAAA,CAAC,CAAC;EACjD,EAAE,SAAgB;QAAf,EAAEiB,MAAM,CAAA,EAAE;WAAMA,MAAM,GAAGnB,QAAQ,GAAG,EAAE;AAAA,CAAC,CAAC;AAC7C,CAAC;AAED,MAAMoB,eAAe,GAAG;IACtBf,OAAO,EAAET,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEb,CAAC;IACDyB,KAAK,EAAEzB,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEX,CAAC;CACF;AAEM,MAAMP,iBAAiB,GAAGmB,iBAAM,QAAA,CAACc,IAAI,AAA6B,CAAC;;aAE7D,EAAE,SAAeZ;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACa,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;EAKlD,EAAE,SAAkBJ;QAAjB,EAAEK,QAAQ,CAAA,EAAE;WAAKL,eAAe,CAACK,QAAQ,CAAC;AAAD,CAAC,CAAC;AAChD,CAAC;AAED,MAAMC,UAAU,GAAG9B,IAAAA,iBAAG,IAAA,CAAA,CAAC;;QAEf,EAAEC,YAAe,gBAAA,CAAC;MACpB,EAAE8B,YAAkB,mBAAA,CAAC;;;;;;;AAO3B,CAAC;AAED,MAAMC,WAAW,GAAG;IAClBvB,OAAO,EAAET,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;EAqBb,CAAC;IACDW,MAAM,EAAEX,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;EAwBZ,CAAC;CACF;AAEM,MAAMN,UAAU,GAAGkB,iBAAM,QAAA,CAACqB,KAAK,AAGpC,CAAC;;;;;;;;;;;;;OAaI,EAAE,SAAkB;QAAjB,EAAEC,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,CAAC;;;wBAGtB,EAAE,SAAepB;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,EAAEc,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAGJ,UAAU,GAAG,EAAE;AAAA,CAAC,CAAC;AACnD,CAAC;AAEM,MAAMnC,aAAa,GAAGiB,IAAAA,iBAAM,QAAA,EAAClB,UAAU,CAAC,CAACyC,KAAK,CAAC;IACpDC,EAAE,EAAE,UAAU;CACf,CAAC,CAAC;;AAEH,CAAC;AAED,MAAMC,eAAe,GAAG;IACtBC,KAAK,EAAEtC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;gBAGG,EAAE,SAAec;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACyB,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;IACDC,OAAO,EAAEzC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;gBAGC,EAAE,SAAec;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACyB,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;IACDE,OAAO,EAAE1C,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;gBAGC,EAAE,SAAec;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACyB,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAEM,MAAM5C,iBAAiB,GAAGgB,iBAAM,QAAA,CAACc,IAAI,AAG1C,CAAC;cACW,EAAE,SAAmB;QAAlB,EAAEiB,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,SAAe7B;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACa,YAAY,CAACiB,GAAG;AAAD,CAAC,CAAC;iBACpC,EAAE,SAAe9B;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACyB,EAAE;AAAD,CAAC,CAAC;;;;;;aAMhD,EAAE,SAAmB;QAAlB,EAAEG,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,kBAAkB,GAAG,MAAM;AAAA,CAAC,CAAC;;EAE1E,EAAE,SAAkBN;QAAjB,EAAER,QAAQ,CAAA,EAAE;WAAKQ,eAAe,CAACR,QAAQ,CAAC;AAAD,CAAC,CAAC;AAChD,CAAC;AAED,MAAMgB,YAAY,GAAG7C,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;AAMzB,CAAC;AAEM,MAAMH,uBAAuB,GAAGe,iBAAM,QAAA,CAACc,IAAI,CAAC;EACjD,EAAEmB,YAAY,CAAC;;AAEjB,CAAC;AAEM,MAAM/C,wBAAwB,GAAGc,iBAAM,QAAA,CAACc,IAAI,CAAC;EAClD,EAAEmB,YAAY,CAAC;;AAEjB,CAAC"}
|
package/dist/cjs/text/Text.js
CHANGED
|
@@ -11,9 +11,10 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
|
|
|
11
11
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
12
12
|
const _textStyles = require("./TextStyles");
|
|
13
13
|
function Text(props, ref) {
|
|
14
|
-
const { size ='md' , color ='default' , ...rest } = props;
|
|
14
|
+
const { size ='md' , weight =400 , color ='default' , strong , ...rest } = props;
|
|
15
15
|
return /*#__PURE__*/ _react.default.createElement(_textStyles.TextStyle, _extends({
|
|
16
16
|
size: size,
|
|
17
|
+
weight: strong ? 700 : weight,
|
|
17
18
|
color: color,
|
|
18
19
|
ref: ref
|
|
19
20
|
}, rest));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/text/Text.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TextStyle } from './TextStyles'\nimport { TextProps } from './types'\n\nfunction Text(props: TextProps, ref?: ForwardedRef<HTMLParagraphElement>) {\n const {
|
|
1
|
+
{"version":3,"sources":["../../../packages/text/Text.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TextStyle } from './TextStyles'\nimport { TextProps } from './types'\n\nfunction Text(props: TextProps, ref?: ForwardedRef<HTMLParagraphElement>) {\n const {\n size = 'md',\n weight = 400,\n color = 'default',\n strong,\n ...rest\n } = props\n return (\n <TextStyle\n size={size}\n weight={strong ? 700 : weight}\n color={color}\n ref={ref}\n {...rest}\n />\n )\n}\n\nexport default forwardRef(Text)\n"],"names":["Text","props","ref","size","weight","color","strong","rest","TextStyle","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAA+B;;aAA/B,QAA+B;;;;6DAvBiB,OAAO;4BAC7B,cAAc;AAGxC,SAASA,IAAI,CAACC,KAAgB,EAAEC,GAAwC,EAAE;IACxE,MAAM,EACJC,IAAI,EAAG,IAAI,CAAA,EACXC,MAAM,EAAG,GAAG,CAAA,EACZC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,CAAA,EACN,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,qBACE,6BAACO,WAAS,UAAA;QACRL,IAAI,EAAEA,IAAI;QACVC,MAAM,EAAEE,MAAM,GAAG,GAAG,GAAGF,MAAM;QAC7BC,KAAK,EAAEA,KAAK;QACZH,GAAG,EAAEA,GAAG;OACJK,IAAI,EACR,CACH;AACH,CAAC;MAED,QAA+B,iBAAhBE,IAAAA,MAAU,WAAA,EAACT,IAAI,CAAC"}
|
|
@@ -83,10 +83,10 @@ const getTextDecoration = (props)=>{
|
|
|
83
83
|
};
|
|
84
84
|
const TextStyle = _styledComponents.default.p`
|
|
85
85
|
${(param)=>{
|
|
86
|
-
let {
|
|
86
|
+
let { weight , italic , size } = param;
|
|
87
87
|
return (0, _styledComponents.css)`
|
|
88
88
|
font-style: ${italic ? 'italic' : 'normal'};
|
|
89
|
-
font-weight: ${
|
|
89
|
+
font-weight: ${weight};
|
|
90
90
|
margin: 0;
|
|
91
91
|
padding: 0;
|
|
92
92
|
color: ${getTextColor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/text/TextStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { TextColors, TextProps, TextSizes } from './types'\n\nexport const sizes = {\n xxs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.5em;\n `,\n xs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.5em;\n `,\n sm: css`\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n line-height: 1.5em;\n `,\n md: css`\n font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n line-height: 1.5em;\n `,\n lg: css`\n font-size: ${({ theme }) => theme.fontSizesMap.lg}px;\n line-height: 1.4em;\n `,\n xl: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n line-height: 1.4em;\n `,\n}\n\ntype InjectedProps = {\n color: TextColors\n size: TextSizes\n theme: Theme\n} & Omit<TextProps, 'color' | 'size'>\n\nconst getTextColor = (props: InjectedProps) => {\n const {\n theme: { colors },\n color,\n } = props\n\n const colorsMap = {\n default: colors.text,\n secondary: colors.textSecondary,\n primary: colors.primary,\n warning: colors.warning,\n error: colors.error,\n success: colors.success,\n }\n\n return colorsMap[color]\n}\n\nconst getTextDecoration = (props: InjectedProps) => {\n const { underline, strikeThrough } = props\n\n switch (true) {\n case underline:\n return 'underline'\n\n case strikeThrough:\n return 'line-through'\n\n default:\n return 'none'\n }\n}\n\nexport const TextStyle = styled.p<InjectedProps>`\n ${({
|
|
1
|
+
{"version":3,"sources":["../../../packages/text/TextStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { TextColors, TextProps, TextSizes, TextWeight } from './types'\n\nexport const sizes = {\n xxs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.5em;\n `,\n xs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.5em;\n `,\n sm: css`\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n line-height: 1.5em;\n `,\n md: css`\n font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n line-height: 1.5em;\n `,\n lg: css`\n font-size: ${({ theme }) => theme.fontSizesMap.lg}px;\n line-height: 1.4em;\n `,\n xl: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n line-height: 1.4em;\n `,\n}\n\ntype InjectedProps = {\n color: TextColors\n size: TextSizes\n weight: TextWeight\n theme: Theme\n} & Omit<TextProps, 'color' | 'size' | 'strong' | 'weight'>\n\nconst getTextColor = (props: InjectedProps) => {\n const {\n theme: { colors },\n color,\n } = props\n\n const colorsMap = {\n default: colors.text,\n secondary: colors.textSecondary,\n primary: colors.primary,\n warning: colors.warning,\n error: colors.error,\n success: colors.success,\n }\n\n return colorsMap[color]\n}\n\nconst getTextDecoration = (props: InjectedProps) => {\n const { underline, strikeThrough } = props\n\n switch (true) {\n case underline:\n return 'underline'\n\n case strikeThrough:\n return 'line-through'\n\n default:\n return 'none'\n }\n}\n\nexport const TextStyle = styled.p<InjectedProps>`\n ${({ weight, italic, size }) => css`\n font-style: ${italic ? 'italic' : 'normal'};\n font-weight: ${weight};\n margin: 0;\n padding: 0;\n color: ${getTextColor};\n text-decoration: ${getTextDecoration};\n ${sizes[size]}\n `}\n`\n"],"names":["sizes","TextStyle","xxs","css","theme","fontSizesMap","xs","sm","md","lg","xl","getTextColor","props","colors","color","colorsMap","default","text","secondary","textSecondary","primary","warning","error","success","getTextDecoration","underline","strikeThrough","styled","p","weight","italic","size"],"mappings":"AAAA;;;;;;;;;;;IAIaA,KAAK,MAALA,KAAK;IAmELC,SAAS,MAATA,SAAS;;;wEAvEM,mBAAmB;AAIxC,MAAMD,KAAK,GAAG;IACnBE,GAAG,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACI,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACH,GAAG;IAAD,CAAC,CAAC;;EAErD,CAAC;IACDI,EAAE,EAAEH,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACE,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACG,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEN,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACI,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEP,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;CACF;AASD,MAAMC,YAAY,GAAG,CAACC,KAAoB,GAAK;IAC7C,MAAM,EACJR,KAAK,EAAE,EAAES,MAAM,CAAA,EAAE,CAAA,EACjBC,KAAK,CAAA,IACN,GAAGF,KAAK;IAET,MAAMG,SAAS,GAAG;QAChBC,OAAO,EAAEH,MAAM,CAACI,IAAI;QACpBC,SAAS,EAAEL,MAAM,CAACM,aAAa;QAC/BC,OAAO,EAAEP,MAAM,CAACO,OAAO;QACvBC,OAAO,EAAER,MAAM,CAACQ,OAAO;QACvBC,KAAK,EAAET,MAAM,CAACS,KAAK;QACnBC,OAAO,EAAEV,MAAM,CAACU,OAAO;KACxB;IAED,OAAOR,SAAS,CAACD,KAAK,CAAC,CAAA;AACzB,CAAC;AAED,MAAMU,iBAAiB,GAAG,CAACZ,KAAoB,GAAK;IAClD,MAAM,EAAEa,SAAS,CAAA,EAAEC,aAAa,CAAA,EAAE,GAAGd,KAAK;IAE1C,OAAQ,IAAI;QACV,KAAKa,SAAS;YACZ,OAAO,WAAW,CAAA;QAEpB,KAAKC,aAAa;YAChB,OAAO,cAAc,CAAA;QAEvB;YACE,OAAO,MAAM,CAAA;KAChB;AACH,CAAC;AAEM,MAAMzB,SAAS,GAAG0B,iBAAM,QAAA,CAACC,CAAC,AAAe,CAAC;EAC/C,EAAE,SAA8BzB;QAA7B,EAAE0B,MAAM,CAAA,EAAEC,MAAM,CAAA,EAAEC,IAAI,CAAA,EAAE;WAAK5B,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACtB,EAAE2B,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;iBAC9B,EAAED,MAAM,CAAC;;;WAGf,EAAElB,YAAY,CAAC;qBACL,EAAEa,iBAAiB,CAAC;IACrC,EAAExB,KAAK,CAAC+B,IAAI,CAAC,CAAC;EAChB,CAAC;AAAD,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/text/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport enum TextColor {\n default,\n secondary,\n primary,\n warning,\n error,\n success,\n}\nexport type TextColors = keyof typeof TextColor\n\nexport enum TextSize {\n xxs,\n xs,\n sm,\n md,\n lg,\n xl,\n}\nexport type TextSizes = keyof typeof TextSize\n\nexport type TextProps = LidoComponentProps<\n 'p',\n {\n color?: TextColors\n size?: TextSizes\n underline?: boolean\n strikeThrough?: boolean\n strong?: boolean\n italic?: boolean\n }\n>\n"],"names":["TextColor","default","secondary","primary","warning","error","success","TextSize","xxs","xs","sm","md","lg","xl"],"mappings":"AAAA;;;;;;;;;;;;;;IAEO,SAON;UAPWA,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,SAAS,CAATA,SAAS,CAEnBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,SAAS,CAATA,SAAS,CAGnBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,SAAS,CAATA,SAAS,CAInBI,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAJGJ,SAAS,CAATA,SAAS,CAKnBK,OAAK,IAALA,CAAK,IAALA,OAAK;IALKL,SAAS,CAATA,SAAS,CAMnBM,SAAO,IAAPA,CAAO,IAAPA,SAAO;GANGN,SAAS,KAATA,SAAS;IAUd,QAON;UAPWO,QAAQ;IAARA,QAAQ,CAARA,QAAQ,CAClBC,KAAG,IAAHA,CAAG,IAAHA,KAAG;IADOD,QAAQ,CAARA,QAAQ,CAElBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,QAAQ,CAARA,QAAQ,CAGlBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,QAAQ,CAARA,QAAQ,CAIlBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,QAAQ,CAARA,QAAQ,CAKlBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;IALQL,QAAQ,CAARA,QAAQ,CAMlBM,IAAE,IAAFA,CAAE,IAAFA,IAAE;GANQN,QAAQ,KAARA,QAAQ"}
|
|
1
|
+
{"version":3,"sources":["../../../packages/text/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport enum TextColor {\n default,\n secondary,\n primary,\n warning,\n error,\n success,\n}\nexport type TextColors = keyof typeof TextColor\n\nexport enum TextSize {\n xxs,\n xs,\n sm,\n md,\n lg,\n xl,\n}\nexport type TextSizes = keyof typeof TextSize\n\nexport type TextWeight = 400 | 500 | 700 | 800 | string | number\n\nexport type TextProps = LidoComponentProps<\n 'p',\n {\n color?: TextColors\n size?: TextSizes\n weight?: TextWeight\n underline?: boolean\n strikeThrough?: boolean\n strong?: boolean\n italic?: boolean\n }\n>\n"],"names":["TextColor","default","secondary","primary","warning","error","success","TextSize","xxs","xs","sm","md","lg","xl"],"mappings":"AAAA;;;;;;;;;;;;;;IAEO,SAON;UAPWA,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,SAAS,CAATA,SAAS,CAEnBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,SAAS,CAATA,SAAS,CAGnBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,SAAS,CAATA,SAAS,CAInBI,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAJGJ,SAAS,CAATA,SAAS,CAKnBK,OAAK,IAALA,CAAK,IAALA,OAAK;IALKL,SAAS,CAATA,SAAS,CAMnBM,SAAO,IAAPA,CAAO,IAAPA,SAAO;GANGN,SAAS,KAATA,SAAS;IAUd,QAON;UAPWO,QAAQ;IAARA,QAAQ,CAARA,QAAQ,CAClBC,KAAG,IAAHA,CAAG,IAAHA,KAAG;IADOD,QAAQ,CAARA,QAAQ,CAElBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,QAAQ,CAARA,QAAQ,CAGlBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,QAAQ,CAARA,QAAQ,CAIlBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,QAAQ,CAARA,QAAQ,CAKlBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;IALQL,QAAQ,CAARA,QAAQ,CAMlBM,IAAE,IAAFA,CAAE,IAAFA,IAAE;GANQN,QAAQ,KAARA,QAAQ"}
|
|
@@ -173,10 +173,12 @@ const inputColors = {
|
|
|
173
173
|
&:-webkit-autofill {
|
|
174
174
|
box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;
|
|
175
175
|
color: var(--lido-color-text) !important;
|
|
176
|
+
-webkit-text-fill-color: var(--lido-color-text) !important;
|
|
176
177
|
}
|
|
177
178
|
|
|
178
179
|
&:-internal-autofill-selected {
|
|
179
180
|
color: var(--lido-color-text) !important;
|
|
181
|
+
-webkit-text-fill-color: var(--lido-color-text) !important;
|
|
180
182
|
}
|
|
181
183
|
`,
|
|
182
184
|
accent: css`
|
|
@@ -196,10 +198,12 @@ const inputColors = {
|
|
|
196
198
|
&:-webkit-autofill {
|
|
197
199
|
box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;
|
|
198
200
|
color: var(--lido-color-accentContrast) !important;
|
|
201
|
+
-webkit-text-fill-color: var(--lido-color-accentContrast) !important;
|
|
199
202
|
}
|
|
200
203
|
|
|
201
204
|
&:-internal-autofill-selected {
|
|
202
205
|
color: var(--lido-color-accentContrast) !important;
|
|
206
|
+
-webkit-text-fill-color: var(--lido-color-accentContrast) !important;
|
|
203
207
|
}
|
|
204
208
|
`
|
|
205
209
|
};
|
|
@@ -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 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":"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;;;gBAGC,EAAE,SAAegB;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAAC2B,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAED,OAAO,MAAMG,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 -webkit-text-fill-color: var(--lido-color-text) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-text) !important;\n -webkit-text-fill-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 -webkit-text-fill-color: var(--lido-color-accentContrast) !important;\n }\n\n &:-internal-autofill-selected {\n color: var(--lido-color-accentContrast) !important;\n -webkit-text-fill-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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"}
|
package/dist/esm/text/Text.js
CHANGED
|
@@ -2,9 +2,10 @@ import _extends from "@swc/helpers/src/_extends.mjs";
|
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
3
|
import { TextStyle } from "./TextStyles";
|
|
4
4
|
function Text(props, ref) {
|
|
5
|
-
const { size ='md' , color ='default' , ...rest } = props;
|
|
5
|
+
const { size ='md' , weight =400 , color ='default' , strong , ...rest } = props;
|
|
6
6
|
return /*#__PURE__*/ React.createElement(TextStyle, _extends({
|
|
7
7
|
size: size,
|
|
8
|
+
weight: strong ? 700 : weight,
|
|
8
9
|
color: color,
|
|
9
10
|
ref: ref
|
|
10
11
|
}, rest));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/text/Text.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TextStyle } from './TextStyles'\nimport { TextProps } from './types'\n\nfunction Text(props: TextProps, ref?: ForwardedRef<HTMLParagraphElement>) {\n const {
|
|
1
|
+
{"version":3,"sources":["../../../packages/text/Text.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TextStyle } from './TextStyles'\nimport { TextProps } from './types'\n\nfunction Text(props: TextProps, ref?: ForwardedRef<HTMLParagraphElement>) {\n const {\n size = 'md',\n weight = 400,\n color = 'default',\n strong,\n ...rest\n } = props\n return (\n <TextStyle\n size={size}\n weight={strong ? 700 : weight}\n color={color}\n ref={ref}\n {...rest}\n />\n )\n}\n\nexport default forwardRef(Text)\n"],"names":["React","forwardRef","TextStyle","Text","props","ref","size","weight","color","strong","rest"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,SAAS,QAAQ,cAAc,CAAA;AAGxC,SAASC,IAAI,CAACC,KAAgB,EAAEC,GAAwC,EAAE;IACxE,MAAM,EACJC,IAAI,EAAG,IAAI,CAAA,EACXC,MAAM,EAAG,GAAG,CAAA,EACZC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,CAAA,EACN,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,qBACE,oBAACF,SAAS;QACRI,IAAI,EAAEA,IAAI;QACVC,MAAM,EAAEE,MAAM,GAAG,GAAG,GAAGF,MAAM;QAC7BC,KAAK,EAAEA,KAAK;QACZH,GAAG,EAAEA,GAAG;OACJK,IAAI,EACR,CACH;AACH,CAAC;AAED,6BAAeT,UAAU,CAACE,IAAI,CAAC,CAAA"}
|
|
@@ -68,10 +68,10 @@ const getTextDecoration = (props)=>{
|
|
|
68
68
|
};
|
|
69
69
|
export const TextStyle = styled.p`
|
|
70
70
|
${(param)=>{
|
|
71
|
-
let {
|
|
71
|
+
let { weight , italic , size } = param;
|
|
72
72
|
return css`
|
|
73
73
|
font-style: ${italic ? 'italic' : 'normal'};
|
|
74
|
-
font-weight: ${
|
|
74
|
+
font-weight: ${weight};
|
|
75
75
|
margin: 0;
|
|
76
76
|
padding: 0;
|
|
77
77
|
color: ${getTextColor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/text/TextStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { TextColors, TextProps, TextSizes } from './types'\n\nexport const sizes = {\n xxs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.5em;\n `,\n xs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.5em;\n `,\n sm: css`\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n line-height: 1.5em;\n `,\n md: css`\n font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n line-height: 1.5em;\n `,\n lg: css`\n font-size: ${({ theme }) => theme.fontSizesMap.lg}px;\n line-height: 1.4em;\n `,\n xl: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n line-height: 1.4em;\n `,\n}\n\ntype InjectedProps = {\n color: TextColors\n size: TextSizes\n theme: Theme\n} & Omit<TextProps, 'color' | 'size'>\n\nconst getTextColor = (props: InjectedProps) => {\n const {\n theme: { colors },\n color,\n } = props\n\n const colorsMap = {\n default: colors.text,\n secondary: colors.textSecondary,\n primary: colors.primary,\n warning: colors.warning,\n error: colors.error,\n success: colors.success,\n }\n\n return colorsMap[color]\n}\n\nconst getTextDecoration = (props: InjectedProps) => {\n const { underline, strikeThrough } = props\n\n switch (true) {\n case underline:\n return 'underline'\n\n case strikeThrough:\n return 'line-through'\n\n default:\n return 'none'\n }\n}\n\nexport const TextStyle = styled.p<InjectedProps>`\n ${({
|
|
1
|
+
{"version":3,"sources":["../../../packages/text/TextStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { TextColors, TextProps, TextSizes, TextWeight } from './types'\n\nexport const sizes = {\n xxs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.5em;\n `,\n xs: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n line-height: 1.5em;\n `,\n sm: css`\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n line-height: 1.5em;\n `,\n md: css`\n font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n line-height: 1.5em;\n `,\n lg: css`\n font-size: ${({ theme }) => theme.fontSizesMap.lg}px;\n line-height: 1.4em;\n `,\n xl: css`\n font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n line-height: 1.4em;\n `,\n}\n\ntype InjectedProps = {\n color: TextColors\n size: TextSizes\n weight: TextWeight\n theme: Theme\n} & Omit<TextProps, 'color' | 'size' | 'strong' | 'weight'>\n\nconst getTextColor = (props: InjectedProps) => {\n const {\n theme: { colors },\n color,\n } = props\n\n const colorsMap = {\n default: colors.text,\n secondary: colors.textSecondary,\n primary: colors.primary,\n warning: colors.warning,\n error: colors.error,\n success: colors.success,\n }\n\n return colorsMap[color]\n}\n\nconst getTextDecoration = (props: InjectedProps) => {\n const { underline, strikeThrough } = props\n\n switch (true) {\n case underline:\n return 'underline'\n\n case strikeThrough:\n return 'line-through'\n\n default:\n return 'none'\n }\n}\n\nexport const TextStyle = styled.p<InjectedProps>`\n ${({ weight, italic, size }) => css`\n font-style: ${italic ? 'italic' : 'normal'};\n font-weight: ${weight};\n margin: 0;\n padding: 0;\n color: ${getTextColor};\n text-decoration: ${getTextDecoration};\n ${sizes[size]}\n `}\n`\n"],"names":["styled","css","sizes","xxs","theme","fontSizesMap","xs","sm","md","lg","xl","getTextColor","props","colors","color","colorsMap","default","text","secondary","textSecondary","primary","warning","error","success","getTextDecoration","underline","strikeThrough","TextStyle","p","weight","italic","size"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAI/C,OAAO,MAAMC,KAAK,GAAG;IACnBC,GAAG,EAAEF,GAAG,CAAC;eACI,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACF,GAAG;IAAD,CAAC,CAAC;;EAErD,CAAC;IACDG,EAAE,EAAEL,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEN,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACE,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEP,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACG,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAER,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACI,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAET,GAAG,CAAC;eACK,EAAE,SAAeG;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;CACF,CAAA;AASD,MAAMC,YAAY,GAAG,CAACC,KAAoB,GAAK;IAC7C,MAAM,EACJR,KAAK,EAAE,EAAES,MAAM,CAAA,EAAE,CAAA,EACjBC,KAAK,CAAA,IACN,GAAGF,KAAK;IAET,MAAMG,SAAS,GAAG;QAChBC,OAAO,EAAEH,MAAM,CAACI,IAAI;QACpBC,SAAS,EAAEL,MAAM,CAACM,aAAa;QAC/BC,OAAO,EAAEP,MAAM,CAACO,OAAO;QACvBC,OAAO,EAAER,MAAM,CAACQ,OAAO;QACvBC,KAAK,EAAET,MAAM,CAACS,KAAK;QACnBC,OAAO,EAAEV,MAAM,CAACU,OAAO;KACxB;IAED,OAAOR,SAAS,CAACD,KAAK,CAAC,CAAA;AACzB,CAAC;AAED,MAAMU,iBAAiB,GAAG,CAACZ,KAAoB,GAAK;IAClD,MAAM,EAAEa,SAAS,CAAA,EAAEC,aAAa,CAAA,EAAE,GAAGd,KAAK;IAE1C,OAAQ,IAAI;QACV,KAAKa,SAAS;YACZ,OAAO,WAAW,CAAA;QAEpB,KAAKC,aAAa;YAChB,OAAO,cAAc,CAAA;QAEvB;YACE,OAAO,MAAM,CAAA;KAChB;AACH,CAAC;AAED,OAAO,MAAMC,SAAS,GAAG3B,MAAM,CAAC4B,CAAC,AAAe,CAAC;EAC/C,EAAE,SAA8B3B;QAA7B,EAAE4B,MAAM,CAAA,EAAEC,MAAM,CAAA,EAAEC,IAAI,CAAA,EAAE;WAAK9B,GAAG,CAAC;gBACtB,EAAE6B,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;iBAC9B,EAAED,MAAM,CAAC;;;WAGf,EAAElB,YAAY,CAAC;qBACL,EAAEa,iBAAiB,CAAC;IACrC,EAAEtB,KAAK,CAAC6B,IAAI,CAAC,CAAC;EAChB,CAAC;AAAD,CAAC,CAAC;AACJ,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/text/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport enum TextColor {\n default,\n secondary,\n primary,\n warning,\n error,\n success,\n}\nexport type TextColors = keyof typeof TextColor\n\nexport enum TextSize {\n xxs,\n xs,\n sm,\n md,\n lg,\n xl,\n}\nexport type TextSizes = keyof typeof TextSize\n\nexport type TextProps = LidoComponentProps<\n 'p',\n {\n color?: TextColors\n size?: TextSizes\n underline?: boolean\n strikeThrough?: boolean\n strong?: boolean\n italic?: boolean\n }\n>\n"],"names":["TextColor","default","secondary","primary","warning","error","success","TextSize","xxs","xs","sm","md","lg","xl"],"mappings":"AAAA,WAEO,SAON;UAPWA,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,SAAS,CAATA,SAAS,CAEnBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,SAAS,CAATA,SAAS,CAGnBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,SAAS,CAATA,SAAS,CAInBI,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAJGJ,SAAS,CAATA,SAAS,CAKnBK,OAAK,IAALA,CAAK,IAALA,OAAK;IALKL,SAAS,CAATA,SAAS,CAMnBM,SAAO,IAAPA,CAAO,IAAPA,SAAO;GANGN,SAAS,KAATA,SAAS;WAUd,QAON;UAPWO,QAAQ;IAARA,QAAQ,CAARA,QAAQ,CAClBC,KAAG,IAAHA,CAAG,IAAHA,KAAG;IADOD,QAAQ,CAARA,QAAQ,CAElBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,QAAQ,CAARA,QAAQ,CAGlBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,QAAQ,CAARA,QAAQ,CAIlBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,QAAQ,CAARA,QAAQ,CAKlBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;IALQL,QAAQ,CAARA,QAAQ,CAMlBM,IAAE,IAAFA,CAAE,IAAFA,IAAE;GANQN,QAAQ,KAARA,QAAQ"}
|
|
1
|
+
{"version":3,"sources":["../../../packages/text/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport enum TextColor {\n default,\n secondary,\n primary,\n warning,\n error,\n success,\n}\nexport type TextColors = keyof typeof TextColor\n\nexport enum TextSize {\n xxs,\n xs,\n sm,\n md,\n lg,\n xl,\n}\nexport type TextSizes = keyof typeof TextSize\n\nexport type TextWeight = 400 | 500 | 700 | 800 | string | number\n\nexport type TextProps = LidoComponentProps<\n 'p',\n {\n color?: TextColors\n size?: TextSizes\n weight?: TextWeight\n underline?: boolean\n strikeThrough?: boolean\n strong?: boolean\n italic?: boolean\n }\n>\n"],"names":["TextColor","default","secondary","primary","warning","error","success","TextSize","xxs","xs","sm","md","lg","xl"],"mappings":"AAAA,WAEO,SAON;UAPWA,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,SAAS,CAATA,SAAS,CAEnBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,SAAS,CAATA,SAAS,CAGnBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,SAAS,CAATA,SAAS,CAInBI,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAJGJ,SAAS,CAATA,SAAS,CAKnBK,OAAK,IAALA,CAAK,IAALA,OAAK;IALKL,SAAS,CAATA,SAAS,CAMnBM,SAAO,IAAPA,CAAO,IAAPA,SAAO;GANGN,SAAS,KAATA,SAAS;WAUd,QAON;UAPWO,QAAQ;IAARA,QAAQ,CAARA,QAAQ,CAClBC,KAAG,IAAHA,CAAG,IAAHA,KAAG;IADOD,QAAQ,CAARA,QAAQ,CAElBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,QAAQ,CAARA,QAAQ,CAGlBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,QAAQ,CAARA,QAAQ,CAIlBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,QAAQ,CAARA,QAAQ,CAKlBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;IALQL,QAAQ,CAARA,QAAQ,CAMlBM,IAAE,IAAFA,CAAE,IAAFA,IAAE;GANQN,QAAQ,KAARA,QAAQ"}
|
|
@@ -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;
|
|
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;AAgED,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"}
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
declare const _default: React.ForwardRefExoticComponent<{
|
|
3
3
|
color?: "secondary" | "primary" | "error" | "warning" | "success" | "default" | undefined;
|
|
4
4
|
size?: "sm" | "md" | "lg" | "xl" | "xxs" | "xs" | undefined;
|
|
5
|
+
weight?: import("./types").TextWeight | undefined;
|
|
5
6
|
underline?: boolean | undefined;
|
|
6
7
|
strikeThrough?: boolean | undefined;
|
|
7
8
|
strong?: boolean | undefined;
|
|
@@ -9,6 +10,6 @@ declare const _default: React.ForwardRefExoticComponent<{
|
|
|
9
10
|
} & Omit<React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
10
11
|
as?: keyof JSX.IntrinsicElements | undefined;
|
|
11
12
|
forwardedAs?: keyof JSX.IntrinsicElements | undefined;
|
|
12
|
-
}, "strong" | "ref" | "color" | "size" | "italic" | "underline" | "strikeThrough"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
13
|
+
}, "strong" | "ref" | "color" | "size" | "italic" | "weight" | "underline" | "strikeThrough"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
13
14
|
export default _default;
|
|
14
15
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../packages/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAA
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../packages/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAA;;;;;;;;;;;;;AAuBvD,wBAA+B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Theme } from '@lidofinance/theme';
|
|
2
|
-
import { TextColors, TextProps, TextSizes } from './types';
|
|
2
|
+
import { TextColors, TextProps, TextSizes, TextWeight } from './types';
|
|
3
3
|
export declare const sizes: {
|
|
4
4
|
xxs: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
5
5
|
xs: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
@@ -11,6 +11,7 @@ export declare const sizes: {
|
|
|
11
11
|
export declare const TextStyle: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
|
|
12
12
|
color: TextColors;
|
|
13
13
|
size: TextSizes;
|
|
14
|
+
weight: TextWeight;
|
|
14
15
|
theme: Theme;
|
|
15
|
-
} & Omit<TextProps, "color" | "size">, never>;
|
|
16
|
+
} & Omit<TextProps, "strong" | "color" | "size" | "weight">, never>;
|
|
16
17
|
//# sourceMappingURL=TextStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextStyles.d.ts","sourceRoot":"","sources":["../../../packages/text/TextStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"TextStyles.d.ts","sourceRoot":"","sources":["../../../packages/text/TextStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEtE,eAAO,MAAM,KAAK;;;;;;;CAyBjB,CAAA;AA0CD,eAAO,MAAM,SAAS;WAvCb,UAAU;UACX,SAAS;YACP,UAAU;WACX,KAAK;mEA8Cb,CAAA"}
|
|
@@ -17,9 +17,11 @@ export declare enum TextSize {
|
|
|
17
17
|
xl = 5
|
|
18
18
|
}
|
|
19
19
|
export declare type TextSizes = keyof typeof TextSize;
|
|
20
|
+
export declare type TextWeight = 400 | 500 | 700 | 800 | string | number;
|
|
20
21
|
export declare type TextProps = LidoComponentProps<'p', {
|
|
21
22
|
color?: TextColors;
|
|
22
23
|
size?: TextSizes;
|
|
24
|
+
weight?: TextWeight;
|
|
23
25
|
underline?: boolean;
|
|
24
26
|
strikeThrough?: boolean;
|
|
25
27
|
strong?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,oBAAY,SAAS;IACnB,OAAO,IAAA;IACP,SAAS,IAAA;IACT,OAAO,IAAA;IACP,OAAO,IAAA;IACP,KAAK,IAAA;IACL,OAAO,IAAA;CACR;AACD,oBAAY,UAAU,GAAG,MAAM,OAAO,SAAS,CAAA;AAE/C,oBAAY,QAAQ;IAClB,GAAG,IAAA;IACH,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;CACH;AACD,oBAAY,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE7C,oBAAY,SAAS,GAAG,kBAAkB,CACxC,GAAG,EACH;IACE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,oBAAY,SAAS;IACnB,OAAO,IAAA;IACP,SAAS,IAAA;IACT,OAAO,IAAA;IACP,OAAO,IAAA;IACP,KAAK,IAAA;IACL,OAAO,IAAA;CACR;AACD,oBAAY,UAAU,GAAG,MAAM,OAAO,SAAS,CAAA;AAE/C,oBAAY,QAAQ;IAClB,GAAG,IAAA;IACH,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;CACH;AACD,oBAAY,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE7C,oBAAY,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhE,oBAAY,SAAS,GAAG,kBAAkB,CACxC,GAAG,EACH;IACE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CACF,CAAA"}
|