@foxford/ui 2.15.1 → 2.16.0

package/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport type { TextProps, TypographyAppearance } from 'shared/interfaces'\nimport type { TextComponent } from './types'\nimport { APPEARANCE } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\nconst Text = forwardRef<HTMLElement, TextProps>((props, ref) => {\n  const theme = useFallbackTheme()\n\n  const prioritizedProps = useConfigPriority<TextProps>(theme.components?.Text, props)\n  const appearanceProps = APPEARANCE[prioritizedProps.appearance as TypographyAppearance] ?? {}\n  const mergedProps: TextProps = { ...appearanceProps, ...prioritizedProps }\n\n  const {\n    as = 'div',\n    weight = 'normal',\n    lineHeight = 'm',\n    fontStyle = 'normal',\n    size = 'm',\n    content,\n    children,\n    ...restProps\n  } = mergedProps\n\n  const className = useClassname(COMPONENT_NAME, restProps.className)\n\n  if (children) {\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        as={as}\n        weight={weight}\n        lineHeight={lineHeight}\n        fontStyle={fontStyle}\n        size={size}\n        className={className}\n      >\n        {children}\n      </Styled.Root>\n    )\n  }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      ref={ref}\n      as={as}\n      weight={weight}\n      lineHeight={lineHeight}\n      fontStyle={fontStyle}\n      size={size}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: content || '' }}\n    />\n  )\n}) as TextComponent\n\nText.displayName = COMPONENT_NAME\n\nText.Heading = TextHeading\nText.Ellipse = TextEllipse\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","forwardRef","props","ref","_theme$components","_APPEARANCE","theme","useFallbackTheme","prioritizedProps","useConfigPriority","components","appearanceProps","APPEARANCE","appearance","mergedProps","_objectSpread","as","weight","lineHeight","fontStyle","size","content","children","restProps","_excluded","className","useClassname","_jsx","Styled.Root","dangerouslySetInnerHTML","__html","displayName","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"gpBAWMA,IAAAA,EAAiB,OAEjBC,IAAAA,EAAOC,IAAoCC,EAAOC,KAAQ,IAAAC,EAAAC,EAC9D,IAAMC,EAAQC,IAEd,IAAMC,EAAmBC,EAAiB,QAAAL,EAAYE,EAAMI,kBAAlB,IAAAN,SAAYA,EAAkBJ,KAAME,GAC9E,IAAMS,EAAe,UAAGC,EAAWJ,EAAiBK,mBAA/B,IAAAR,EAAAA,EAAsE,GAC3F,IAAMS,EAAsBC,EAAAA,EAAA,GAAQJ,GAAoBH,GAExD,IAAMQ,GACJA,EAAK,MADDC,OAEJA,EAAS,SAFLC,WAGJA,EAAa,IAHTC,UAIJA,EAAY,SAJRC,KAKJA,EAAO,IALHC,QAMJA,EANIC,SAOJA,GAEER,EADCS,IACDT,EATJU,GAWA,IAAMC,EAAYC,EApBG,OAoB0BH,EAAUE,WAEzD,OAEIE,EAACC,SACKL,GADN,GAFAD,EAEA,CAEEnB,IAAKA,EACLa,GAAIA,EACJC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,KAAMA,EACNK,UAAWA,EARbH,SAUGA,GAML,CAEEnB,IAAKA,EACLa,GAAIA,EACJC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,KAAMA,EACNK,UAAWA,EACXI,wBAAyB,CAAEC,OAAQT,GAAW,UAKpDrB,EAAK+B,YAtDkB,OAwDvB/B,EAAKgC,QAAUC,EACfjC,EAAKkC,QAAUC"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES, SIZES_DEFAULT } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Component interface extends:\n * - [`ResponsiveSizeProps`](#/Interfaces)\n * - [`ResponsiveMarginProps`](#/Interfaces)\n * - [`BaseProps`](#/Interfaces)\n * - [`React.ComponentPropsWithRef<'div'>`](#/Interfaces)\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLDivElement>(\n      forwardRef((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ...restProps\n        } = textProps\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        if (children) {\n          return (\n            <Styled.Root\n              {...restProps}\n              size={size}\n              weight={weight}\n              lineHeight={lineHeight}\n              fontStyle={fontStyle}\n              className={textClassName}\n              ref={ref}\n            >\n              {children}\n            </Styled.Root>\n          )\n        }\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            dangerouslySetInnerHTML={{ __html: content || '' }}\n            ref={ref}\n          />\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","restProps","_excluded","textClassName","useClassname","_jsx","Styled.Root","dangerouslySetInnerHTML","__html","displayName","sizes","_SIZES$props$appearan","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"knBASMA,IAAAA,EAAiB,OAUvB,IAAMC,EACJC,OAAOC,OACLC,EACEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,EAAYF,EAAMG,WAAkBC,EAAAA,EAAAA,GAAAA,EAAWJ,EAAMG,aAAgBH,GAAUA,EAErF,IAAMK,KACJA,EAAO,IADHC,OAEJA,EAAS,SAFLC,WAGJA,EAAa,IAHTC,UAIJA,EAAY,SAJRC,UAKJA,EALIC,QAMJA,EANIC,SAOJA,GAEET,EADCU,IACDV,EATJW,GAWA,IAAMC,EAAgBC,EA3BP,OA2BoCN,GAEnD,OAEIO,EAACC,SACKL,GADN,GAFAD,EAEA,CAEEN,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWK,EACXb,IAAKA,EAPPU,SASGA,GAML,CAEEN,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWK,EACXI,wBAAyB,CAAEC,OAAQT,GAAW,IAC9CT,IAAKA,QAIX,CACEmB,YA3De,OA4DfC,MAAQrB,IACoC,IAAAsB,EAA1C,MAAgC,iBAArBtB,EAAMG,oBACfmB,EAAOC,EAAMvB,EAAMG,2BAGdqB,KAIb,CACEC,QAASC,EACTC,QAASC"}

package/components/Text/constants.js

@@ -1,2 +1,2 @@
-var x={display:{sizes:{xxxl:84,xxl:76,xl:68,l:60,m:52,s:44,xs:36,xxs:28,xxxs:20},lineHeight:1,weight:800,fontStyle:'normal',margin:0},heading:{sizes:{xxxl:64,xxl:56,xl:48,l:40,m:36,s:32,xs:28,xxs:24,xxxs:20},lineHeight:1.1,weight:800,fontStyle:'normal',margin:0},subheading:{sizes:{xxxl:52,xxl:46,xl:40,l:34,m:28,s:24,xs:20,xxs:16,xxxs:12},lineHeight:1.1,weight:700,fontStyle:'normal',margin:0},'subheading-compact':{sizes:{xxxl:36,xxl:32,xl:28,l:24,m:20,s:18,xs:16,xxs:14,xxxs:12},lineHeight:1.3,weight:800,fontStyle:'normal',margin:0},body:{sizes:{xxxl:32,xxl:28,xl:24,l:20,m:18,s:16,xs:14,xxs:12,xxxs:10},lineHeight:1.3,weight:400,fontStyle:'normal',margin:0},caption:{sizes:{xxxl:32,xxl:28,xl:24,l:20,m:18,s:16,xs:14,xxs:12,xxxs:10},lineHeight:1.2,weight:400,fontStyle:'normal',margin:0}};export{x as APPEARANCE};
+var e={display:{lineHeight:1,weight:800,fontStyle:'normal'},heading:{lineHeight:1.1,weight:800,fontStyle:'normal'},subheading:{lineHeight:1.1,weight:700,fontStyle:'normal'},'subheading-compact':{lineHeight:1.3,weight:800,fontStyle:'normal'},body:{lineHeight:1.3,weight:400,fontStyle:'normal'},caption:{lineHeight:1.2,weight:400,fontStyle:'normal'}};var t={display:{xxxl:{fontSize:84},xxl:{fontSize:76},xl:{fontSize:68},l:{fontSize:60},m:{fontSize:52},s:{fontSize:44},xs:{fontSize:36},xxs:{fontSize:28},xxxs:{fontSize:20}},heading:{xxxl:{fontSize:64},xxl:{fontSize:56},xl:{fontSize:48},l:{fontSize:40},m:{fontSize:36},s:{fontSize:32},xs:{fontSize:28},xxs:{fontSize:24},xxxs:{fontSize:20}},subheading:{xxxl:{fontSize:52},xxl:{fontSize:46},xl:{fontSize:40},l:{fontSize:34},m:{fontSize:28},s:{fontSize:24},xs:{fontSize:20},xxs:{fontSize:16},xxxs:{fontSize:12}},'subheading-compact':{xxxl:{fontSize:36},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:14},xxxs:{fontSize:12}},body:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}},caption:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}}};var i={xxxl:{fontSize:24},xxl:{fontSize:22},xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12},xxs:{fontSize:10},xxxs:{fontSize:8}};export{e as APPEARANCE,t as SIZES,i as SIZES_DEFAULT};
 //# sourceMappingURL=constants.js.map

package/components/Text/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Text/constants.ts"],"sourcesContent":["import type { TypographyAppearance, TextProps } from 'shared/interfaces'\n\nexport const APPEARANCE: Record<TypographyAppearance, Partial<Omit<TextProps, 'appearance'>>> = {\n  display: {\n    sizes: { xxxl: 84, xxl: 76, xl: 68, l: 60, m: 52, s: 44, xs: 36, xxs: 28, xxxs: 20 },\n    lineHeight: 1,\n    weight: 800,\n    fontStyle: 'normal',\n    margin: 0,\n  },\n  heading: {\n    sizes: { xxxl: 64, xxl: 56, xl: 48, l: 40, m: 36, s: 32, xs: 28, xxs: 24, xxxs: 20 },\n    lineHeight: 1.1,\n    weight: 800,\n    fontStyle: 'normal',\n    margin: 0,\n  },\n  subheading: {\n    sizes: { xxxl: 52, xxl: 46, xl: 40, l: 34, m: 28, s: 24, xs: 20, xxs: 16, xxxs: 12 },\n    lineHeight: 1.1,\n    weight: 700,\n    fontStyle: 'normal',\n    margin: 0,\n  },\n  'subheading-compact': {\n    sizes: { xxxl: 36, xxl: 32, xl: 28, l: 24, m: 20, s: 18, xs: 16, xxs: 14, xxxs: 12 },\n    lineHeight: 1.3,\n    weight: 800,\n    fontStyle: 'normal',\n    margin: 0,\n  },\n  body: {\n    sizes: { xxxl: 32, xxl: 28, xl: 24, l: 20, m: 18, s: 16, xs: 14, xxs: 12, xxxs: 10 },\n    lineHeight: 1.3,\n    weight: 400,\n    fontStyle: 'normal',\n    margin: 0,\n  },\n  caption: {\n    sizes: { xxxl: 32, xxl: 28, xl: 24, l: 20, m: 18, s: 16, xs: 14, xxs: 12, xxxs: 10 },\n    lineHeight: 1.2,\n    weight: 400,\n    fontStyle: 'normal',\n    margin: 0,\n  },\n}\n"],"names":["APPEARANCE","display","sizes","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","lineHeight","weight","fontStyle","margin","heading","subheading","body","caption"],"mappings":"AAEO,IAAMA,EAAmF,CAC9FC,QAAS,CACPC,MAAO,CAAEC,KAAM,GAAIC,IAAK,GAAIC,GAAI,GAAIC,EAAG,GAAIC,EAAG,GAAIC,EAAG,GAAIC,GAAI,GAAIC,IAAK,GAAIC,KAAM,IAChFC,WAAY,EACZC,OAAQ,IACRC,UAAW,SACXC,OAAQ,GAEVC,QAAS,CACPd,MAAO,CAAEC,KAAM,GAAIC,IAAK,GAAIC,GAAI,GAAIC,EAAG,GAAIC,EAAG,GAAIC,EAAG,GAAIC,GAAI,GAAIC,IAAK,GAAIC,KAAM,IAChFC,WAAY,IACZC,OAAQ,IACRC,UAAW,SACXC,OAAQ,GAEVE,WAAY,CACVf,MAAO,CAAEC,KAAM,GAAIC,IAAK,GAAIC,GAAI,GAAIC,EAAG,GAAIC,EAAG,GAAIC,EAAG,GAAIC,GAAI,GAAIC,IAAK,GAAIC,KAAM,IAChFC,WAAY,IACZC,OAAQ,IACRC,UAAW,SACXC,OAAQ,GAEV,qBAAsB,CACpBb,MAAO,CAAEC,KAAM,GAAIC,IAAK,GAAIC,GAAI,GAAIC,EAAG,GAAIC,EAAG,GAAIC,EAAG,GAAIC,GAAI,GAAIC,IAAK,GAAIC,KAAM,IAChFC,WAAY,IACZC,OAAQ,IACRC,UAAW,SACXC,OAAQ,GAEVG,KAAM,CACJhB,MAAO,CAAEC,KAAM,GAAIC,IAAK,GAAIC,GAAI,GAAIC,EAAG,GAAIC,EAAG,GAAIC,EAAG,GAAIC,GAAI,GAAIC,IAAK,GAAIC,KAAM,IAChFC,WAAY,IACZC,OAAQ,IACRC,UAAW,SACXC,OAAQ,GAEVI,QAAS,CACPjB,MAAO,CAAEC,KAAM,GAAIC,IAAK,GAAIC,GAAI,GAAIC,EAAG,GAAIC,EAAG,GAAIC,EAAG,GAAIC,GAAI,GAAIC,IAAK,GAAIC,KAAM,IAChFC,WAAY,IACZC,OAAQ,IACRC,UAAW,SACXC,OAAQ"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Text/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/interfaces'\nimport type { TypographyAppearance, TextProps } from './types'\n\nexport const APPEARANCE: Record<TypographyAppearance, Partial<Omit<TextProps, 'size' | 'appearance'>>> = {\n  display: {\n    lineHeight: 1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  heading: {\n    lineHeight: 1.1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  subheading: {\n    lineHeight: 1.1,\n    weight: 700,\n    fontStyle: 'normal',\n  },\n  'subheading-compact': {\n    lineHeight: 1.3,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  body: {\n    lineHeight: 1.3,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n  caption: {\n    lineHeight: 1.2,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n}\n\nexport const SIZES: Record<TypographyAppearance, Sizes> = {\n  display: {\n    xxxl: {\n      fontSize: 84,\n    },\n    xxl: {\n      fontSize: 76,\n    },\n    xl: {\n      fontSize: 68,\n    },\n    l: {\n      fontSize: 60,\n    },\n    m: {\n      fontSize: 52,\n    },\n    s: {\n      fontSize: 44,\n    },\n    xs: {\n      fontSize: 36,\n    },\n    xxs: {\n      fontSize: 28,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  heading: {\n    xxxl: {\n      fontSize: 64,\n    },\n    xxl: {\n      fontSize: 56,\n    },\n    xl: {\n      fontSize: 48,\n    },\n    l: {\n      fontSize: 40,\n    },\n    m: {\n      fontSize: 36,\n    },\n    s: {\n      fontSize: 32,\n    },\n    xs: {\n      fontSize: 28,\n    },\n    xxs: {\n      fontSize: 24,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  subheading: {\n    xxxl: {\n      fontSize: 52,\n    },\n    xxl: {\n      fontSize: 46,\n    },\n    xl: {\n      fontSize: 40,\n    },\n    l: {\n      fontSize: 34,\n    },\n    m: {\n      fontSize: 28,\n    },\n    s: {\n      fontSize: 24,\n    },\n    xs: {\n      fontSize: 20,\n    },\n    xxs: {\n      fontSize: 16,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  'subheading-compact': {\n    xxxl: {\n      fontSize: 36,\n    },\n    xxl: {\n      fontSize: 32,\n    },\n    xl: {\n      fontSize: 28,\n    },\n    l: {\n      fontSize: 24,\n    },\n    m: {\n      fontSize: 20,\n    },\n    s: {\n      fontSize: 18,\n    },\n    xs: {\n      fontSize: 16,\n    },\n    xxs: {\n      fontSize: 14,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  body: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\n    },\n    l: {\n      fontSize: 20,\n    },\n    m: {\n      fontSize: 18,\n    },\n    s: {\n      fontSize: 16,\n    },\n    xs: {\n      fontSize: 14,\n    },\n    xxs: {\n      fontSize: 12,\n    },\n    xxxs: {\n      fontSize: 10,\n    },\n  },\n  caption: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\n    },\n    l: {\n      fontSize: 20,\n    },\n    m: {\n      fontSize: 18,\n    },\n    s: {\n      fontSize: 16,\n    },\n    xs: {\n      fontSize: 14,\n    },\n    xxs: {\n      fontSize: 12,\n    },\n    xxxs: {\n      fontSize: 10,\n    },\n  },\n}\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 22,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n  xxs: {\n    fontSize: 10,\n  },\n  xxxs: {\n    fontSize: 8,\n  },\n}\n"],"names":["APPEARANCE","display","lineHeight","weight","fontStyle","heading","subheading","body","caption","SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_DEFAULT"],"mappings":"AAGO,IAAMA,EAA4F,CACvGC,QAAS,CACPC,WAAY,EACZC,OAAQ,IACRC,UAAW,UAEbC,QAAS,CACPH,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbE,WAAY,CACVJ,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEb,qBAAsB,CACpBF,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbG,KAAM,CACJL,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbI,QAAS,CACPN,WAAY,IACZC,OAAQ,IACRC,UAAW,WAIR,IAAMK,EAA6C,CACxDR,QAAS,CACPS,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU,KAGdN,QAAS,CACPK,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU,KAGdL,WAAY,CACVI,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU,KAGd,qBAAsB,CACpBD,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU,KAGdJ,KAAM,CACJG,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU,KAGdH,QAAS,CACPE,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU,MAKT,IAAMS,EAAuB,CAClCV,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Text/style.js

@@ -1,2 +1,2 @@
-import n from'styled-components';import{display as e}from'../../mixins/display.js';import{property as t,responsiveNamedProperty as i}from'../../mixins/responsive-property.js';import{color as o}from'../../mixins/color.js';import{injectDefaultTheme as s}from'../../shared/utils/inject-theme.js';var r={lighter:100,normal:400,bold:600,bolder:800};var a={l:1.5,m:1.3,s:1.15,xs:1};var l=n.div.withConfig({shouldForwardProp:n=>['children','className','style','title','dangerouslySetInnerHTML','id'].includes(n)}).attrs(s).withConfig({componentId:"fox-ui__sc-s2fogy-0"})([""," "," "," "," ",""],(n=>{var e,t,i;return"\n    ".concat(n.fontFamily?"font-family: ".concat(n.fontFamily,";"):'',"\n    ").concat(n.transform?"text-transform: ".concat(n.transform,";"):'',"\n    ").concat(n.weight?"font-weight: ".concat(null!==(e=r[n.weight])&&void 0!==e?e:n.weight,";"):'',"\n    ").concat(n.fontStyle?"font-style: ".concat(n.fontStyle,";"):'',"\n    ").concat(n.textAlign?"text-align: ".concat(n.textAlign,";"):'',"\n    line-height: ").concat(n.lineHeight?"".concat(null!==(t=a[n.lineHeight])&&void 0!==t?t:n.lineHeight):'inherit',";\n    margin: ").concat(null!==(i=n.margin)&&void 0!==i?i:'initial').concat('number'==typeof n.margin?'px':'',";\n    a {\n      text-decoration: ").concat(n.underlineLinks?'underline':'none',";\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  ")}),(n=>n.display?e(n.display):null),(n=>o(n.color?n.color:n.theme.textColor)),(n=>{var e;return n.size?t(n.size,'font-size',null!==(e=n.fontUnits)&&void 0!==e?e:'px',n.sizes):null}),(n=>{var{sizeXXS:e,sizeXS:t,sizeS:o,sizeM:s,sizeL:r,sizeXL:a,fontUnits:l,sizes:c}=n;return i({sizes:{sizeXXS:e,sizeXS:t,sizeS:o,sizeM:s,sizeL:r,sizeXL:a},cssProperty:'font-size',sizing:null!=l?l:'px',predefinedSizes:c})}));export{l as Root};
+import n from'styled-components';import{display as o}from'../../mixins/display.js';import{color as t}from'../../mixins/color.js';import{responsiveSize as i}from'../../mixins/size.js';import{responsiveMargin as e}from'../../mixins/margin.js';import{createShouldForwardProp as r}from'../../shared/utils/style.js';var a={lighter:100,normal:400,bold:600,bolder:800};var l={l:1.5,m:1.3,s:1.15,xs:1};var s=r((n=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator'].includes(n)));var c=n.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(n,o,t)=>({[o]:'string'==typeof n?n:"".concat(n).concat(t)})}).withConfig({componentId:"fox-ui__sc-s2fogy-0"})([""," "," "," "," ",""],(n=>{var o,t;return"\n    margin: 0;\n    ".concat(n.fontFamily?"font-family: ".concat(n.fontFamily,";"):'',"\n    ").concat(n.transform?"text-transform: ".concat(n.transform,";"):'',"\n    ").concat(n.weight?"font-weight: ".concat(null!==(o=a[n.weight])&&void 0!==o?o:n.weight,";"):'',"\n    ").concat(n.fontStyle?"font-style: ".concat(n.fontStyle,";"):'',"\n    ").concat(n.textAlign?"text-align: ".concat(n.textAlign,";"):'',"\n    ").concat(n.lineHeight?"line-height: ".concat(null!==(t=l[n.lineHeight])&&void 0!==t?t:n.lineHeight,";"):'',"\n    a {\n      text-decoration: ").concat(n.underlineLinks?'underline':'none',";\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  ")}),i,e,(n=>n.display?o(n.display):null),(n=>t(n.color?n.color:n.theme.textColor)));export{c as Root};
 //# sourceMappingURL=style.js.map

package/components/Text/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { responsiveNamedProperty, property } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { Color } from 'shared/interfaces'\nimport { injectDefaultTheme } from 'shared/utils/inject-theme'\nimport type { StyledTextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledTextProps>({\n    shouldForwardProp: (prop) => {\n      return ['children', 'className', 'style', 'title', 'dangerouslySetInnerHTML', 'id'].includes(prop)\n    },\n  })\n  .attrs(injectDefaultTheme)<StyledTextProps>`\n  ${(props) => `\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    line-height: ${props.lineHeight ? `${LINE_HEIGHT_MAP[props.lineHeight] ?? props.lineHeight}` : 'inherit'};\n    margin: ${props.margin ?? 'initial'}${typeof props.margin === 'number' ? 'px' : ''};\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n  ${(props) => (props.size ? property(props.size, 'font-size', props.fontUnits ?? 'px', props.sizes) : null)}\n  ${({ sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, fontUnits, sizes }) =>\n    responsiveNamedProperty({\n      sizes: { sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL },\n      cssProperty: 'font-size',\n      sizing: fontUnits ?? 'px',\n      predefinedSizes: sizes,\n    })}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","Root","styled","div","withConfig","shouldForwardProp","prop","includes","attrs","injectDefaultTheme","componentId","props","_WEIGHT_MAP$props$wei","_LINE_HEIGHT_MAP$prop","_props$margin","fontFamily","concat","transform","weight","fontStyle","textAlign","lineHeight","margin","underlineLinks","display","color","theme","textColor","_props$fontUnits","size","property","fontUnits","sizes","_ref","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","cssProperty","sizing","predefinedSizes"],"mappings":"qSAQA,IAAMA,EAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,IAAMC,EAAkB,CACtBC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGC,IAAMC,EAAOC,EAAOC,IACxBC,WAA4B,CAC3BC,kBAAoBC,GACX,CAAC,WAAY,YAAa,QAAS,QAAS,0BAA2B,MAAMC,SAASD,KAGhGE,MAAMC,GANQL,WAAA,CAAAM,YAAA,uBAAGR,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KAOZS,IAAD,IAAAC,EAAAC,EAAAC,EAAA,MACEH,SAAAA,OAAAA,EAAMI,WAAN,gBAAAC,OAAmCL,EAAMI,gBAAgB,GAD3D,UAAAC,OAEEL,EAAMM,oCAA+BN,EAAMM,UAAe,KAAA,GAC1DN,UAAAA,OAAAA,EAAMO,8BAAqDP,UAA5BpB,EAAWoB,EAAMO,eAAAA,IAAWP,EAAAA,EAAAA,EAAMO,OAAjE,KAA6E,GAC7EP,UAAAA,OAAAA,EAAMQ,UAAN,eAAAH,OAAiCL,EAAMQ,UAAe,KAAA,GACtDR,UAAAA,OAAAA,EAAMS,UAAN,eAAAJ,OAAiCL,EAAMS,eAAe,GALxD,uBAAAJ,OAMeL,EAAMU,qBAAqDV,UAArCf,EAAgBe,EAAMU,mBAAeV,IAAAA,EAAAA,EAAAA,EAAMU,YAAe,oCACrE,UAAhBV,EAAMW,cAAU,IAAAR,EAAAA,EAAA,kBAAoC,iBAAjBH,EAAMW,OAAsB,KAAO,GAE3DX,uCAAAA,OAAAA,EAAMY,eAAiB,YAAc,OAT1D,6EAgBCZ,GAAWA,EAAMa,QAAUA,EAAQb,EAAMa,SAAW,OACpDb,GAAyBc,EAAdd,EAAMc,MAAcd,EAAMc,MAAed,EAAMe,MAAMC,aAChEhB,IAAD,IAAAiB,EAAA,OAAYjB,EAAMkB,KAAOC,EAASnB,EAAMkB,KAAM,YAAb,UAA0BlB,EAAMoB,iBAAhC,IAAAH,EAAAA,EAA6C,KAAMjB,EAAMqB,OAAS,QACnGC,IAAA,IAACC,QAAEA,EAAFC,OAAWA,EAAXC,MAAmBA,EAAnBC,MAA0BA,EAA1BC,MAAiCA,EAAjCC,OAAwCA,EAAxCR,UAAgDA,EAAhDC,MAA2DA,GAA5DC,EAAA,OACAO,EAAwB,CACtBR,MAAO,CAAEE,QAAAA,EAASC,OAAAA,EAAQC,MAAAA,EAAOC,MAAAA,EAAOC,MAAAA,EAAOC,OAAAA,GAC/CE,YAAa,YACbC,OAAQX,MAAAA,EAAAA,EAAa,KACrBY,gBAAiBX"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/size'\nimport { responsiveMargin } from 'mixins/margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color } from 'shared/interfaces'\nimport type { StyledTextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n    ].includes(propKey)\n)\n\nexport const Root = styled.div\n  .withConfig<StyledTextProps>({\n    shouldForwardProp: shouldForwardTextProp,\n  })\n  .attrs(<Required<Pick<StyledTextProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, cssProperty, cssUnit) => {\n      return {\n        [cssProperty]: typeof size === 'string' ? size : `${size}${cssUnit}`,\n      }\n    },\n  })`\n  ${(props) => `\n    margin: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${props.lineHeight ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight] ?? props.lineHeight};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","cssProperty","cssUnit","concat","componentId","props","_WEIGHT_MAP$props$wei","_LINE_HEIGHT_MAP$prop","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","underlineLinks","responsiveSize","responsiveMargin","display","color","theme","textColor"],"mappings":"uTASA,IAAMA,EAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,IAAMC,EAAkB,CACtBC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,IAAMC,EAAwBC,GAC3BC,IACE,CACC,aACA,aACA,SACA,YACA,YACA,iBACA,YACA,aACA,UACA,UACA,QACA,SACA,oBACA,aACAC,SAASD,KAGR,IAAME,EAAOC,EAAOC,IACxBC,WAA4B,CAC3BC,kBAAmBR,IAEpBS,MAAiE,CAChEC,uBAAwB,CAACC,EAAMC,EAAaC,KAAAA,CAExCD,CAACA,GAA8B,iBAATD,EAAoBA,EAA3B,GAAAG,OAAqCH,GAArCG,OAA4CD,OAPlDN,WAAA,CAAAQ,YAAA,uBAAGV,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KAWZW,IAAD,IAAAC,EAAAC,EAAA,MAAA,yBAAAJ,OAEEE,EAAMG,WAA6BH,gBAAAA,OAAAA,EAAMG,WAAzC,KAAyD,GAF3D,UAAAL,OAGEE,EAAMI,oCAA+BJ,EAAMI,UAAe,KAAA,GAC1DJ,UAAAA,OAAAA,EAAMK,OAAN,gBAAAP,OAAA,QAAAG,EAA+B3B,EAAW0B,EAAMK,eAAhD,IAAAJ,EAAAA,EAA2DD,EAAMK,YAAY,GAJ/E,UAAAP,OAKEE,EAAMM,UAA2BN,eAAAA,OAAAA,EAAMM,UAAvC,KAAsD,GALxD,UAAAR,OAMEE,EAAMO,UAA2BP,eAAAA,OAAAA,EAAMO,UAAvC,KAAsD,GACtDP,UAAAA,OAAAA,EAAMQ,WAAN,gBAAAV,OAAA,QAAAI,EAAmCvB,EAAgBqB,EAAMQ,mBAAAA,IAAzDN,EAAAA,EAAwEF,EAAMQ,WAAgB,KAAA,gDAE3ER,EAAMS,eAAiB,YAAc,OAT1D,4EAgBAC,EACAC,GAECX,GAAWA,EAAMY,QAAUA,EAAQZ,EAAMY,SAAW,OACpDZ,GAAyBa,EAAdb,EAAMa,MAAcb,EAAMa,MAAeb,EAAMc,MAAMC"}

package/components/Text.Ellipse/Text.Ellipse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'shared/interfaces'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Anchor } from '../Anchor/Anchor'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Html content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props} content={this.getQuted(text)} />\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline' content={item} />\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed && (\n          <Spacer marginTop={16} marginBottom={1}>\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","constructor","props","super","this","getContent","content","chars","isEllipsed","state","text","isUnFolded","length","slice","leftChars","index","concat","setTimeout","setState","_jsx","Text","getQuted","Styled.Ul","children","map","item","Styled.Li","_objectSpread","display","quoted","toggle","componentDidUpdate","_ref","render","_this$props","className","style","moreText","lessText","showToggler","restProps","_objectWithoutProperties","_excluded","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick","displayName"],"mappings":"+aAoCO,MAAMA,UAAoBC,EAG/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAerCC,WAAcH,IACZ,IAAMI,QAAEA,EAAFC,MAAWA,EAAQ,GAAMH,KAAKF,MAEpC,IAAKI,EAAS,MAAO,GAErB,IAAIE,WAAEA,GAAeJ,KAAKK,MAC1B,IAAIC,EAA6C,iBAAZJ,EAAuB,GAAK,GAEjE,GAAKF,KAAKK,MAAME,WAsBdD,EAAOJ,OArBP,GAAoB,iBAATI,EAGTA,GAFAF,EAAuB,IAAVD,GAAeD,EAAQM,OAASL,IAEd,IAAVA,EAAiBD,GAAAA,OAAAA,EAAQO,MAAM,EAAGN,UAAcD,MAChE,CACL,IAAIQ,EAAYP,EAEhB,IAAK,IAAIQ,EAAQ,EAAGA,EAAQT,EAAQM,OAAQG,IAAS,CACnD,KAAID,EAAYR,EAAQS,GAAOH,OAAS,GAIjC,CACLJ,KACAE,EAAKK,GAAL,GAAAC,OAAiBV,EAAQS,GAAOF,MAAM,EAAGC,GAAzC,OAEA,MAPAA,GAAaR,EAAQS,GAAOH,OAE5BF,EAAKK,GAAST,EAAQS,IAe9B,OAFIX,KAAKK,MAAMD,aAAeA,GAAYS,YAAAA,IAAiBb,KAAKc,SAAS,CAAEV,WAAAA,MAEpD,iBAATE,EACZS,EAACC,SAASlB,GAAV,GAAA,CAAiBI,QAASF,KAAKiB,SAASX,MAExCS,EAACG,EAAD,CAAAC,SACGb,EAAKc,KAAAA,CAAKC,EAAMV,IACfI,EAACO,EAAD,CAAAH,SACEJ,EAACC,EAADO,EAAAA,EAAA,GAAUzB,GAAV,GAAA,CAAiB0B,QAAQ,SAAStB,QAASmB,MAD7BV,QAvDaX,KA+DrCiB,SAAYf,GAAqBF,KAAKF,MAAM2B,OAAX,IAAAb,OAAwBV,EAAxB,KAAqCA,EA/DjCF,KAiErC0B,OAAS,KACP1B,KAAKc,SAAS,CAAEP,YAAaP,KAAKK,MAAME,cA/DxCP,KAAKK,MAAQ,CACXE,YAAAA,EACAH,YAAAA,GAIJuB,mBAAkDC,GAAA,IAA/B1B,QAAEA,GAA6B0B,EAC5C1B,IAAYF,KAAKF,MAAMI,SAAWF,KAAKK,MAAME,YAC/CP,KAAK0B,SA0DTG,SACE,IAAAC,EAOI9B,KAAKF,OAPHiC,UACJA,EAAY,GADRC,MAEJA,EAFIC,SAGJA,EAAW,mBAHPC,SAIJA,EAAW,WAJPC,YAKJA,GAAc,GALhBL,EAMKM,EANLC,EAAAP,EAAAQ,GAQA,IAAM/B,WAAEA,EAAFH,WAAcA,GAAeJ,KAAKK,MAExC,OACEkC,EAAA,MAAA,CAAKR,UAAWA,EAAWC,MAAOA,EAAlCb,SACG,CAAAnB,KAAKC,WAAWmC,GAChBD,GAAe/B,GACdW,EAACyB,EAAD,CAAQC,UAAW,GAAIC,aAAc,EAArCvB,SACEJ,EAAC4B,EAAD,CAAQC,UAAOC,QAAS7C,KAAK0B,OAA7BP,SACGZ,EAAa2B,EAAWD,UAzF1BtC,EACJmD,YAAc"}
+{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Anchor } from '../Anchor/Anchor'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Html content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props} content={this.getQuted(text)} />\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline' content={item} />\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed && (\n          <Spacer marginTop={16} marginBottom={1}>\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","constructor","props","super","this","getContent","content","chars","isEllipsed","state","text","isUnFolded","length","slice","leftChars","index","concat","setTimeout","setState","_jsx","Text","getQuted","Styled.Ul","children","map","item","Styled.Li","_objectSpread","display","quoted","toggle","componentDidUpdate","_ref","render","_this$props","className","style","moreText","lessText","showToggler","restProps","_objectWithoutProperties","_excluded","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick","displayName"],"mappings":"+aAoCO,MAAMA,UAAoBC,EAG/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAerCC,WAAcH,IACZ,IAAMI,QAAEA,EAAFC,MAAWA,EAAQ,GAAMH,KAAKF,MAEpC,IAAKI,EAAS,MAAO,GAErB,IAAIE,WAAEA,GAAeJ,KAAKK,MAC1B,IAAIC,EAA6C,iBAAZJ,EAAuB,GAAK,GAEjE,GAAKF,KAAKK,MAAME,WAsBdD,EAAOJ,OArBP,GAAoB,iBAATI,EAGTA,GAFAF,EAAuB,IAAVD,GAAeD,EAAQM,OAASL,IAEd,IAAVA,EAAiBD,GAAAA,OAAAA,EAAQO,MAAM,EAAGN,UAAcD,MAChE,CACL,IAAIQ,EAAYP,EAEhB,IAAK,IAAIQ,EAAQ,EAAGA,EAAQT,EAAQM,OAAQG,IAAS,CACnD,KAAID,EAAYR,EAAQS,GAAOH,OAAS,GAIjC,CACLJ,KACAE,EAAKK,GAAL,GAAAC,OAAiBV,EAAQS,GAAOF,MAAM,EAAGC,GAAzC,OAEA,MAPAA,GAAaR,EAAQS,GAAOH,OAE5BF,EAAKK,GAAST,EAAQS,IAe9B,OAFIX,KAAKK,MAAMD,aAAeA,GAAYS,YAAAA,IAAiBb,KAAKc,SAAS,CAAEV,WAAAA,MAEpD,iBAATE,EACZS,EAACC,SAASlB,GAAV,GAAA,CAAiBI,QAASF,KAAKiB,SAASX,MAExCS,EAACG,EAAD,CAAAC,SACGb,EAAKc,KAAAA,CAAKC,EAAMV,IACfI,EAACO,EAAD,CAAAH,SACEJ,EAACC,EAADO,EAAAA,EAAA,GAAUzB,GAAV,GAAA,CAAiB0B,QAAQ,SAAStB,QAASmB,MAD7BV,QAvDaX,KA+DrCiB,SAAYf,GAAqBF,KAAKF,MAAM2B,OAAX,IAAAb,OAAwBV,EAAxB,KAAqCA,EA/DjCF,KAiErC0B,OAAS,KACP1B,KAAKc,SAAS,CAAEP,YAAaP,KAAKK,MAAME,cA/DxCP,KAAKK,MAAQ,CACXE,YAAAA,EACAH,YAAAA,GAIJuB,mBAAkDC,GAAA,IAA/B1B,QAAEA,GAA6B0B,EAC5C1B,IAAYF,KAAKF,MAAMI,SAAWF,KAAKK,MAAME,YAC/CP,KAAK0B,SA0DTG,SACE,IAAAC,EAOI9B,KAAKF,OAPHiC,UACJA,EAAY,GADRC,MAEJA,EAFIC,SAGJA,EAAW,mBAHPC,SAIJA,EAAW,WAJPC,YAKJA,GAAc,GALhBL,EAMKM,EANLC,EAAAP,EAAAQ,GAQA,IAAM/B,WAAEA,EAAFH,WAAcA,GAAeJ,KAAKK,MAExC,OACEkC,EAAA,MAAA,CAAKR,UAAWA,EAAWC,MAAOA,EAAlCb,SACG,CAAAnB,KAAKC,WAAWmC,GAChBD,GAAe/B,GACdW,EAACyB,EAAD,CAAQC,UAAW,GAAIC,aAAc,EAArCvB,SACEJ,EAAC4B,EAAD,CAAQC,UAAOC,QAAS7C,KAAK0B,OAA7BP,SACGZ,EAAa2B,EAAWD,UAzF1BtC,EACJmD,YAAc"}

package/dts/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react from 'react';
-import { CSSProperties, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, PureComponent, Component } from 'react';
+import { Component, CSSProperties, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, PureComponent } from 'react';
 import * as styled_components from 'styled-components';
 import { DefaultTheme, FlattenSimpleInterpolation, CSSObject, Interpolation, ThemeProps, SimpleInterpolation, css } from 'styled-components';
 import { Link } from 'react-router-dom';
@@ -63,11 +63,103 @@ declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, pred
  */
 declare const responsiveProperty: (propName: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
 
+declare type H = 'h1' | 'h2' | 'h3' | 'h4';
+interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {
+    /** Default set of size, lineHeight and weight props */
+    h?: H;
+    /** Children react node */
+    children?: React.ReactNode;
+}
+
+/**
+ * @visibleName Text.Heading
+ */
+declare const TextHeading: {
+    (props: TextHeadingProps): JSX.Element;
+    displayName: string;
+};
+
+interface TextEllipseProps extends Omit<TextProps, 'content'> {
+    /** Toggle text for folded state */
+    moreText?: string;
+    /** Toggle text for unfolded state */
+    lessText?: string;
+    /** Classname */
+    className?: string;
+    /** Html content */
+    content: string | string[];
+    /** Characters quantity for ellipsed text */
+    chars?: number;
+    /** Wrap text in quotes */
+    quoted?: boolean;
+    /** Flag to show toggler */
+    showToggler?: boolean;
+}
+interface TextEllipseState {
+    isUnFolded: boolean;
+    isEllipsed: boolean;
+}
+/**
+ * Расширен:
+ * - [`BaseProps`](#/Миксины)
+ * - [`Color`](#/Миксины)
+ * - [`Display`](#/Миксины)
+ * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
+ */
+declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {
+    static displayName: string;
+    constructor(props: TextEllipseProps);
+    componentDidUpdate({ content }: TextEllipseProps): void;
+    getContent: (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => "" | JSX.Element;
+    getQuted: (content: string) => string;
+    toggle: () => void;
+    render(): JSX.Element;
+}
+
 declare type Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'table-cell' | 'inherit' | 'none';
 interface DisplayProperty {
     display?: Display;
 }
 
+declare type TypographyAppearance = 'display' | 'heading' | 'subheading' | 'subheading-compact' | 'body' | 'caption';
+interface TextProps extends ResponsiveSizeProps, ResponsiveMarginProps, DisplayProperty, ColorProperty, BaseProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
+    /** Root node polymorphic type */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+    /** Predefined styles and sizes */
+    appearance?: TypographyAppearance;
+    /** Font family */
+    fontFamily?: string;
+    /** Font weight */
+    weight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number | 'inherit';
+    /** Font style */
+    fontStyle?: 'normal' | 'italic';
+    /** Text transform */
+    transform?: 'capitalize' | 'uppercase' | 'lowercase';
+    /** Underline inner <a>  */
+    underlineLinks?: boolean;
+    /** Text align */
+    textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
+    /** Line height */
+    lineHeight?: 'l' | 'm' | 's' | 'xs' | number;
+    /** React children */
+    children?: React.ReactNode;
+    /** @deprecated Use children */
+    content?: string;
+}
+
+/**
+ *
+ * Component interface extends:
+ * - [`ResponsiveSizeProps`](#/Interfaces)
+ * - [`ResponsiveMarginProps`](#/Interfaces)
+ * - [`BaseProps`](#/Interfaces)
+ * - [`React.ComponentPropsWithRef<'div'>`](#/Interfaces)
+ */
+declare const Text: React.ForwardRefExoticComponent<TextProps> & {
+    Heading: typeof TextHeading;
+    Ellipse: typeof TextEllipse;
+};
+
 declare enum SizeInput {
     l = 380,
     m = 300,
@@ -333,7 +425,11 @@ declare enum BaseColorNames {
     'alert-bg-error-500' = "alert-bg-error-500",
     'alert-success' = "alert-success",
     'alert-warning' = "alert-warning",
-    'alert-error' = "alert-error"
+    'alert-error' = "alert-error",
+    'product-bg-course' = "product-bg-course",
+    'product-bg-tutor' = "product-bg-tutor",
+    'product-bg-group' = "product-bg-group",
+    'product-bg-complect' = "product-bg-complect"
 }
 declare enum BrandColorNames {
     'content-brand-primary' = "content-brand-primary",
@@ -542,6 +638,10 @@ declare const ColorNames: {
     'alert-success': (typeof BaseColorNames)["alert-success"];
     'alert-warning': (typeof BaseColorNames)["alert-warning"];
     'alert-error': (typeof BaseColorNames)["alert-error"];
+    'product-bg-course': (typeof BaseColorNames)["product-bg-course"];
+    'product-bg-tutor': (typeof BaseColorNames)["product-bg-tutor"];
+    'product-bg-group': (typeof BaseColorNames)["product-bg-group"];
+    'product-bg-complect': (typeof BaseColorNames)["product-bg-complect"];
     profession: UnitColorNames.profession;
     professionDark: UnitColorNames.professionDark;
     camps: UnitColorNames.camps;
@@ -863,13 +963,13 @@ declare type ThemeName = 'mother' | 'baby' | 'teen' | 'adult';
 declare type Size = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
 declare type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 declare type CSSUnit = 'px' | 'rem' | 'em' | '%';
-declare type SizeValue = Size | number;
+declare type CSSGlobalValue = 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer';
+declare type SizeValue = Size | CSSGlobalValue | number;
 declare type Sizes = Record<Size, CSSProperties>;
 declare type MarginProperty = 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft';
 declare type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
-declare type CSSColor = RGB | RGBA | HEX | 'currentcolor' | 'inherit' | 'initial' | 'revert' | 'unset' | 'transparent';
+declare type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparent';
 declare type Color = keyof typeof ColorNames | CSSColor;
-declare type TypographyAppearance = 'display' | 'heading' | 'subheading' | 'subheading-compact' | 'body' | 'caption';
 interface BaseProps {
     preset?: ThemePreset;
     className?: string;
@@ -920,7 +1020,7 @@ declare type ResponsiveSizeProps = {
 declare type ColorPaletteProps<T extends ColorPaletteKey = ColorPaletteKey> = {
     palette?: Partial<Record<T, Color>>;
 };
-declare type DynamicSizeDeclaration = (size: number, cssProperty: keyof CSSProperties, cssUnit: CSSUnit) => CSSProperties;
+declare type DynamicSizeDeclaration = (size: number | CSSGlobalValue, cssProperty: keyof CSSProperties, cssUnit: CSSUnit) => CSSProperties;
 declare type CommonInterpolationProps<T extends ResponsiveSizeProps & ColorPaletteProps> = Omit<T, 'sizes' | 'size' | 'palette'> & {
     dynamicSizeDeclaration?: DynamicSizeDeclaration;
     sizeProperty?: keyof CSSProperties;
@@ -939,40 +1039,6 @@ declare type ColorSchemaProps = {
     tertiary?: boolean;
     quaternary?: boolean;
 };
-interface TextProps extends DisplayProperty, ColorProperty, ResponsiveNamedProperty<'size'>, BaseProps {
-    /** Root node polymorphic type */
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
-    /** Root id attribute */
-    id?: string;
-    /** Use predefined props with low priority */
-    appearance?: TypographyAppearance;
-    /** Custom sizes set */
-    sizes?: Record<Size, number>;
-    /** Sizing units */
-    fontUnits?: string;
-    /** Font family */
-    fontFamily?: string;
-    /** Font weight */
-    weight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number | 'inherit';
-    /** Font style */
-    fontStyle?: 'normal' | 'italic';
-    /** Text transform */
-    transform?: 'capitalize' | 'uppercase' | 'lowercase';
-    /** Root margin */
-    margin?: number | string;
-    /** Underlined text  */
-    underlineLinks?: boolean;
-    /** Text align */
-    textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
-    /** Line height */
-    lineHeight?: 'l' | 'm' | 's' | 'xs' | number;
-    /** Title attribute */
-    title?: string;
-    /** Component's children */
-    children?: React.ReactNode;
-    /** @deprecated Use children */
-    content?: string;
-}
 declare type TypographyProps = {
     textProps?: TextProps;
 };
@@ -1417,14 +1483,6 @@ declare const Textarea: {
     displayName: string;
 };
 
-declare type H = 'h1' | 'h2' | 'h3' | 'h4';
-interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {
-    /** Default set of size, lineHeight and weight props */
-    h?: H;
-    /** Children react node */
-    children?: React.ReactNode;
-}
-
 interface SwitcherProps extends BaseProps, ColorProperty<'color'>, ColorProperty<'inactiveColor'> {
     /** Input id */
     id?: string;
@@ -1532,6 +1590,48 @@ ColorPaletteProps<keyof TabPalette>, TypographyProps, Omit<React.ComponentPropsW
  */
 declare const Tab: React.ForwardRefExoticComponent<TabProps>;
 
+declare type BadgePalette = {
+    color: CSSColor;
+    backgroundColor: CSSColor;
+};
+interface BadgeProps extends ResponsiveSizeProps, ResponsiveMarginProps, ColorSchemaProps, TypographyProps, BaseProps, 
+/** @deprecated Use palette */
+ColorProperty, 
+/** @deprecated Use children as function */
+DisplayProperty, ColorPaletteProps<keyof BadgePalette>, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'> {
+    /** React children */
+    children?: React.ReactNode | ((props: RenderProps<TypographyProps & {
+        iconBaseProps: Partial<IconProps>;
+        iconProps: BadgeProps['iconProps'];
+        icon: BadgeProps['icon'];
+    }>) => React.ReactNode);
+    /** Appearance variant */
+    round?: boolean;
+    /** Root border radius  */
+    borderRadius?: string | number;
+    /** Icons before and after content */
+    icon?: JSX.Element | [Nullable<JSX.Element>, Nullable<JSX.Element>];
+    /** Props for icon components */
+    iconProps?: IconProps;
+    /** Don't use margin-right: 8px; */
+    resetDefaultMargin?: boolean;
+    /** @deprecated Use children */
+    content?: string | React.ReactNode;
+}
+
+/**
+ *
+ * Component interface extends:
+ * - [`ResponsiveSizeProps`](#/Interfaces)
+ * - [`ResponsiveMarginProps`](#/Interfaces)
+ * - [`ColorSchemaProps`](#/Interfaces)
+ * - [`ColorPaletteProps<keyof BadgePalette>`](#/Interfaces)
+ * - [`TypographyProps`](#/Interfaces)
+ * - [`BaseProps`](#/Interfaces)
+ * - [`React.ComponentPropsWithRef<'div'>`](#/Interfaces)
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
+
 interface Theme {
     breakpoints: Readonly<{
         xl: number;
@@ -1570,6 +1670,7 @@ interface Theme {
         'Text.Heading'?: TextHeadingProps;
         Switcher?: SwitcherProps;
         Tab?: TabProps;
+        Badge?: BadgeProps;
     };
 }
 
@@ -1795,7 +1896,7 @@ declare enum CurrencyCodes {
 }
 declare const CURRENCY_MAP: Readonly<Record<CurrencyCodes, string>>;
 
-interface AmountProps extends BaseProps, ColorProperty, ResponsiveNamedProperty<'size'>, DisplayProperty {
+interface AmountProps extends ResponsiveSizeProps, BaseProps, ColorProperty, DisplayProperty {
     /**
      * Value for amount
      */
@@ -1888,27 +1989,6 @@ declare class Avatar extends PureComponent<AvatarProps> {
     render(): JSX.Element;
 }
 
-interface BadgeProps extends BaseProps, ColorProperty, DisplayProperty {
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    content?: string | React.ReactNode;
-    textProps?: TextProps;
-    /** Make badge round */
-    round?: string;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Display`](#/Миксины)
- */
-declare function Badge({ children, content, className, textProps, round, display, ...restProps }: BadgeProps): JSX.Element;
-declare namespace Badge {
-    var displayName: string;
-}
-
 interface ContainerProps extends BaseProps, DisplayProperty, ColorProperty {
     /**
      * Primary content
@@ -2578,50 +2658,6 @@ declare namespace Tabs {
     var Tab: react.ForwardRefExoticComponent<TabProps>;
 }
 
-interface TextEllipseProps extends Omit<TextProps, 'content'> {
-    /** Toggle text for folded state */
-    moreText?: string;
-    /** Toggle text for unfolded state */
-    lessText?: string;
-    /** Classname */
-    className?: string;
-    /** Html content */
-    content: string | string[];
-    /** Characters quantity for ellipsed text */
-    chars?: number;
-    /** Wrap text in quotes */
-    quoted?: boolean;
-    /** Flag to show toggler */
-    showToggler?: boolean;
-}
-interface TextEllipseState {
-    isUnFolded: boolean;
-    isEllipsed: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Display`](#/Миксины)
- * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
- */
-declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {
-    static displayName: string;
-    constructor(props: TextEllipseProps);
-    componentDidUpdate({ content }: TextEllipseProps): void;
-    getContent: (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => "" | JSX.Element;
-    getQuted: (content: string) => string;
-    toggle: () => void;
-    render(): JSX.Element;
-}
-
-interface TextComponent extends ForwardRefExoticComponent<PropsWithoutRef<TextProps> & RefAttributes<HTMLElement>> {
-    Heading: (props: TextHeadingProps) => JSX.Element;
-    Ellipse: typeof TextEllipse;
-}
-
-declare const Text: TextComponent;
-
 /**
 Matches any [primitive value](https://developer.mozilla.org/en-US/docs/Glossary/Primitive).
 
@@ -3267,4 +3303,4 @@ declare namespace Select {
     var displayName: string;
 }
 
-export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, BaseProps, Breakpoint, Button, COUNTRY_DATA, CSSColor, CSSUnit, CURRENCY_MAP, Checkbox, Color, ColorNames, ColorPaletteKey, ColorPaletteProps, ColorSchemaProps, CommonInterpolationProps, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, DynamicSizeDeclaration, FontWeight, HEX, INITIAL_MASK, Icon, Input, InputField, MarginProperty, Modal, Nullable, Paper, Progress, RGB, RGBA, Radio, RenderProps, ResponsiveMarginProps, ResponsiveSizeProps, withThemeScrollable as Scrollable, Section, Select, Separator, Size, SizeValue, Sizes, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, TextProps, Textarea, Theme, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, TypographyAppearance, TypographyProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };
+export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, BaseProps, Breakpoint, Button, COUNTRY_DATA, CSSColor, CSSGlobalValue, CSSUnit, CURRENCY_MAP, Checkbox, Color, ColorNames, ColorPaletteKey, ColorPaletteProps, ColorSchemaProps, CommonInterpolationProps, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, DynamicSizeDeclaration, FontWeight, HEX, INITIAL_MASK, Icon, Input, InputField, MarginProperty, Modal, Nullable, Paper, Progress, RGB, RGBA, Radio, RenderProps, ResponsiveMarginProps, ResponsiveSizeProps, withThemeScrollable as Scrollable, Section, Select, Separator, Size, SizeValue, Sizes, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, Textarea, Theme, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, TypographyProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };