@lidofinance/lido-ui 3.7.4 → 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/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/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/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
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"}
|
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"}
|
|
@@ -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"}
|