@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/esm/styled-system/src/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/styled-system/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/styled-system/src/types.ts"],"sourcesContent":["import {\n  SpaceProps,\n  ColorProps,\n  TypographyProps,\n  LayoutProps,\n  FlexboxProps,\n  GridProps,\n  BackgroundProps,\n  BordersProps,\n  PositionProps,\n  ShadowProps,\n} from 'styled-system'\n\nexport interface StyledSystemProps\n  extends SpaceProps,\n    ColorProps,\n    TypographyProps,\n    LayoutProps,\n    FlexboxProps,\n    GridProps,\n    BackgroundProps,\n    BordersProps,\n    PositionProps,\n    ShadowProps {}\n"],"names":[],"mappings":"AAAA,WAuBkB"}

package/dist/esm/styled-system/src/withStyledSystem.js

@@ -0,0 +1,12 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */ /* eslint-disable @typescript-eslint/ban-types */ /* eslint-disable @typescript-eslint/no-explicit-any */ import styled from "styled-components";
+import shouldForwardProp from "@styled-system/should-forward-prop";
+import { compose, space, color, typography, layout, flexbox, grid, background, border, position, shadow } from "styled-system";
+import React from "react";
+function withStyledSystem(Component) {
+    return styled(Component).withConfig({
+        shouldForwardProp
+    })(compose(space, color, typography, layout, flexbox, grid, background, border, position, shadow));
+}
+export default withStyledSystem;
+
+//# sourceMappingURL=withStyledSystem.js.map

package/dist/esm/styled-system/src/withStyledSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/styled-system/src/withStyledSystem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport styled, {\n  AnyStyledComponent,\n  StyledComponent,\n  StyledComponentInnerComponent,\n  StyledComponentInnerOtherProps,\n  StyledComponentInnerAttrs,\n  DefaultTheme,\n} from 'styled-components'\nimport shouldForwardProp from '@styled-system/should-forward-prop'\nimport {\n  compose,\n  space,\n  color,\n  typography,\n  layout,\n  flexbox,\n  grid,\n  background,\n  border,\n  position,\n  shadow,\n} from 'styled-system'\n\nimport { StyledSystemProps } from './types'\nimport React from 'react'\n\ntype MergePropsWithSS<T extends object> = Omit<T, keyof StyledSystemProps> &\n  StyledSystemProps\n\nfunction withStyledSystem<\n  C extends AnyStyledComponent,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never\n>(\n  Component: C\n): StyledComponent<\n  StyledComponentInnerComponent<C>,\n  T,\n  MergePropsWithSS<O & StyledComponentInnerOtherProps<C>>,\n  A | StyledComponentInnerAttrs<C>\n>\n\nfunction withStyledSystem<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never\n>(Component: C): StyledComponent<C, T, MergePropsWithSS<O>, A>\n\nfunction withStyledSystem(Component: any) {\n  return styled(Component).withConfig<{}>({\n    shouldForwardProp,\n  })<StyledSystemProps>(\n    compose(\n      space,\n      color,\n      typography,\n      layout,\n      flexbox,\n      grid,\n      background,\n      border,\n      position,\n      shadow\n    )\n  )\n}\n\nexport default withStyledSystem\n"],"names":["styled","shouldForwardProp","compose","space","color","typography","layout","flexbox","grid","background","border","position","shadow","React","withStyledSystem","Component","withConfig"],"mappings":"AAAA,oEAAoE,GACpE,+CAA+C,GAC/C,qDAAqD,GAErD,OAAOA,MAAM,MAON,mBAAmB,CAAA;AAC1B,OAAOC,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,SACEC,OAAO,EACPC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,MAAM,QACD,eAAe,CAAA;AAGtB,OAAOC,KAAK,MAAM,OAAO,CAAA;AA0BzB,SAASC,gBAAgB,CAACC,SAAc,EAAE;IACxC,OAAOf,MAAM,CAACe,SAAS,CAAC,CAACC,UAAU,CAAK;QACtCf,iBAAiB;KAClB,CAAC,CACAC,OAAO,CACLC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,MAAM,CACP,CACF,CAAA;AACH,CAAC;AAED,eAAeE,gBAAgB,CAAA"}

package/dist/esm/table/src/Table.js

@@ -0,0 +1,11 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { TableStyle } from "./styles";
+function Table(props, ref) {
+    return /*#__PURE__*/ React.createElement(TableStyle, _extends({
+        ref: ref
+    }, props));
+}
+export default /*#__PURE__*/ forwardRef(Table);
+
+//# sourceMappingURL=Table.js.map

package/dist/esm/table/src/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/Table.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TableProps } from './types'\n\nimport { TableStyle } from './styles'\n\nfunction Table(props: TableProps, ref?: ForwardedRef<HTMLTableElement>) {\n  return <TableStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(Table)\n"],"names":["React","forwardRef","TableStyle","Table","props","ref"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAGvD,SAASC,UAAU,QAAQ,UAAU,CAAA;AAErC,SAASC,KAAK,CAACC,KAAiB,EAAEC,GAAoC,EAAE;IACtE,qBAAO,oBAACH,UAAU;QAACG,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAC5C,CAAC;AAED,6BAAeH,UAAU,CAACE,KAAK,CAAC,CAAA"}

package/dist/esm/table/src/Tbody.js

@@ -0,0 +1,11 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { TbodyStyle } from "./styles";
+function Tbody(props, ref) {
+    return /*#__PURE__*/ React.createElement(TbodyStyle, _extends({
+        ref: ref
+    }, props));
+}
+export default /*#__PURE__*/ forwardRef(Tbody);
+
+//# sourceMappingURL=Tbody.js.map

package/dist/esm/table/src/Tbody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/Tbody.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TbodyProps } from './types'\n\nimport { TbodyStyle } from './styles'\n\nfunction Tbody(props: TbodyProps, ref?: ForwardedRef<HTMLTableSectionElement>) {\n  return <TbodyStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(Tbody)\n"],"names":["React","forwardRef","TbodyStyle","Tbody","props","ref"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAGvD,SAASC,UAAU,QAAQ,UAAU,CAAA;AAErC,SAASC,KAAK,CAACC,KAAiB,EAAEC,GAA2C,EAAE;IAC7E,qBAAO,oBAACH,UAAU;QAACG,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAC5C,CAAC;AAED,6BAAeH,UAAU,CAACE,KAAK,CAAC,CAAA"}

package/dist/esm/table/src/Td.js

@@ -0,0 +1,17 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { TdStyle, ThTdContentStyle } from "./styles";
+function Td(props, ref) {
+    const { align ='left' , textColor ='default' , variant , children , numeric =false , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(TdStyle, _extends({
+        $align: align,
+        $textColor: textColor,
+        $variant: variant,
+        $interactive: !!rest.onClick,
+        $numeric: numeric,
+        ref: ref
+    }, rest), /*#__PURE__*/ React.createElement(ThTdContentStyle, null, children));
+}
+export default /*#__PURE__*/ forwardRef(Td);
+
+//# sourceMappingURL=Td.js.map

package/dist/esm/table/src/Td.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/Td.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TdProps } from './types'\n\nimport { TdStyle, ThTdContentStyle } from './styles'\n\nfunction Td(props: TdProps, ref?: ForwardedRef<HTMLTableDataCellElement>) {\n  const {\n    align = 'left',\n    textColor = 'default',\n    variant,\n    children,\n    numeric = false,\n    ...rest\n  } = props\n\n  return (\n    <TdStyle\n      $align={align}\n      $textColor={textColor}\n      $variant={variant}\n      $interactive={!!rest.onClick}\n      $numeric={numeric}\n      ref={ref}\n      {...rest}\n    >\n      <ThTdContentStyle>{children}</ThTdContentStyle>\n    </TdStyle>\n  )\n}\n\nexport default forwardRef(Td)\n"],"names":["React","forwardRef","TdStyle","ThTdContentStyle","Td","props","ref","align","textColor","variant","children","numeric","rest","$align","$textColor","$variant","$interactive","onClick","$numeric"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAGvD,SAASC,OAAO,EAAEC,gBAAgB,QAAQ,UAAU,CAAA;AAEpD,SAASC,EAAE,CAACC,KAAc,EAAEC,GAA4C,EAAE;IACxE,MAAM,EACJC,KAAK,EAAG,MAAM,CAAA,EACdC,SAAS,EAAG,SAAS,CAAA,EACrBC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACRC,OAAO,EAAG,KAAK,CAAA,EACf,GAAGC,IAAI,EACR,GAAGP,KAAK;IAET,qBACE,oBAACH,OAAO;QACNW,MAAM,EAAEN,KAAK;QACbO,UAAU,EAAEN,SAAS;QACrBO,QAAQ,EAAEN,OAAO;QACjBO,YAAY,EAAE,CAAC,CAACJ,IAAI,CAACK,OAAO;QAC5BC,QAAQ,EAAEP,OAAO;QACjBL,GAAG,EAAEA,GAAG;OACJM,IAAI,iBAER,oBAACT,gBAAgB,QAAEO,QAAQ,CAAoB,CACvC,CACX;AACH,CAAC;AAED,6BAAeT,UAAU,CAACG,EAAE,CAAC,CAAA"}

package/dist/esm/table/src/Tfoot.js

@@ -0,0 +1,11 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { TfootStyle } from "./styles";
+function Tfoot(props, ref) {
+    return /*#__PURE__*/ React.createElement(TfootStyle, _extends({
+        ref: ref
+    }, props));
+}
+export default /*#__PURE__*/ forwardRef(Tfoot);
+
+//# sourceMappingURL=Tfoot.js.map

package/dist/esm/table/src/Tfoot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/Tfoot.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TfootProps } from './types'\n\nimport { TfootStyle } from './styles'\n\nfunction Tfoot(props: TfootProps, ref?: ForwardedRef<HTMLTableSectionElement>) {\n  return <TfootStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(Tfoot)\n"],"names":["React","forwardRef","TfootStyle","Tfoot","props","ref"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAGvD,SAASC,UAAU,QAAQ,UAAU,CAAA;AAErC,SAASC,KAAK,CAACC,KAAiB,EAAEC,GAA2C,EAAE;IAC7E,qBAAO,oBAACH,UAAU;QAACG,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAC5C,CAAC;AAED,6BAAeH,UAAU,CAACE,KAAK,CAAC,CAAA"}

package/dist/esm/table/src/Th.js

@@ -0,0 +1,15 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { ThStyle, ThTdContentStyle, ArrowBottomStyle, ArrowTopStyle } from "./styles";
+function Th(props, ref) {
+    const { align ='left' , children , sortDir , variant , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(ThStyle, _extends({
+        $interactive: !!rest.onClick,
+        $align: align,
+        $variant: variant,
+        ref: ref
+    }, rest), /*#__PURE__*/ React.createElement(ThTdContentStyle, null, children, sortDir === 'ASC' && /*#__PURE__*/ React.createElement(ArrowBottomStyle, null), sortDir === 'DESC' && /*#__PURE__*/ React.createElement(ArrowTopStyle, null)));
+}
+export default /*#__PURE__*/ forwardRef(Th);
+
+//# sourceMappingURL=Th.js.map

package/dist/esm/table/src/Th.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/Th.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ThProps } from './types'\n\nimport {\n  ThStyle,\n  ThTdContentStyle,\n  ArrowBottomStyle,\n  ArrowTopStyle,\n} from './styles'\n\nfunction Th(props: ThProps, ref?: ForwardedRef<HTMLTableHeaderCellElement>) {\n  const { align = 'left', children, sortDir, variant, ...rest } = props\n\n  return (\n    <ThStyle\n      $interactive={!!rest.onClick}\n      $align={align}\n      $variant={variant}\n      ref={ref}\n      {...rest}\n    >\n      <ThTdContentStyle>\n        {children}\n        {sortDir === 'ASC' && <ArrowBottomStyle />}\n        {sortDir === 'DESC' && <ArrowTopStyle />}\n      </ThTdContentStyle>\n    </ThStyle>\n  )\n}\n\nexport default forwardRef(Th)\n"],"names":["React","forwardRef","ThStyle","ThTdContentStyle","ArrowBottomStyle","ArrowTopStyle","Th","props","ref","align","children","sortDir","variant","rest","$interactive","onClick","$align","$variant"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAGvD,SACEC,OAAO,EACPC,gBAAgB,EAChBC,gBAAgB,EAChBC,aAAa,QACR,UAAU,CAAA;AAEjB,SAASC,EAAE,CAACC,KAAc,EAAEC,GAA8C,EAAE;IAC1E,MAAM,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAEC,QAAQ,CAAA,EAAEC,OAAO,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAErE,qBACE,oBAACL,OAAO;QACNY,YAAY,EAAE,CAAC,CAACD,IAAI,CAACE,OAAO;QAC5BC,MAAM,EAAEP,KAAK;QACbQ,QAAQ,EAAEL,OAAO;QACjBJ,GAAG,EAAEA,GAAG;OACJK,IAAI,iBAER,oBAACV,gBAAgB,QACdO,QAAQ,EACRC,OAAO,KAAK,KAAK,kBAAI,oBAACP,gBAAgB,OAAG,EACzCO,OAAO,KAAK,MAAM,kBAAI,oBAACN,aAAa,OAAG,CACvB,CACX,CACX;AACH,CAAC;AAED,6BAAeJ,UAAU,CAACK,EAAE,CAAC,CAAA"}

package/dist/esm/table/src/Thead.js

@@ -0,0 +1,13 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { TheadStyle } from "./styles";
+function Thead(props, ref) {
+    const { sticky =false , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(TheadStyle, _extends({
+        ref: ref,
+        $sticky: sticky
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Thead);
+
+//# sourceMappingURL=Thead.js.map

package/dist/esm/table/src/Thead.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/Thead.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TheadProps } from './types'\n\nimport { TheadStyle } from './styles'\n\nfunction Thead(props: TheadProps, ref?: ForwardedRef<HTMLTableSectionElement>) {\n  const { sticky = false, ...rest } = props\n\n  return <TheadStyle ref={ref} $sticky={sticky} {...rest} />\n}\n\nexport default forwardRef(Thead)\n"],"names":["React","forwardRef","TheadStyle","Thead","props","ref","sticky","rest","$sticky"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAGvD,SAASC,UAAU,QAAQ,UAAU,CAAA;AAErC,SAASC,KAAK,CAACC,KAAiB,EAAEC,GAA2C,EAAE;IAC7E,MAAM,EAAEC,MAAM,EAAG,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAEzC,qBAAO,oBAACF,UAAU;QAACG,GAAG,EAAEA,GAAG;QAAEG,OAAO,EAAEF,MAAM;OAAMC,IAAI,EAAI,CAAA;AAC5D,CAAC;AAED,6BAAeN,UAAU,CAACE,KAAK,CAAC,CAAA"}

package/dist/esm/table/src/Tr.js

@@ -0,0 +1,14 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { TrStyle } from "./styles";
+function Tr(props, ref) {
+    const { highlight , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(TrStyle, _extends({
+        $highlight: highlight,
+        $interactive: !!rest.onClick,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Tr);
+
+//# sourceMappingURL=Tr.js.map

package/dist/esm/table/src/Tr.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/Tr.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TrProps } from './types'\n\nimport { TrStyle } from './styles'\n\nfunction Tr(props: TrProps, ref?: ForwardedRef<HTMLTableRowElement>) {\n  const { highlight, ...rest } = props\n\n  return (\n    <TrStyle\n      $highlight={highlight}\n      $interactive={!!rest.onClick}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Tr)\n"],"names":["React","forwardRef","TrStyle","Tr","props","ref","highlight","rest","$highlight","$interactive","onClick"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAGvD,SAASC,OAAO,QAAQ,UAAU,CAAA;AAElC,SAASC,EAAE,CAACC,KAAc,EAAEC,GAAuC,EAAE;IACnE,MAAM,EAAEC,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAEpC,qBACE,oBAACF,OAAO;QACNM,UAAU,EAAEF,SAAS;QACrBG,YAAY,EAAE,CAAC,CAACF,IAAI,CAACG,OAAO;QAC5BL,GAAG,EAAEA,GAAG;OACJE,IAAI,EACR,CACH;AACH,CAAC;AAED,6BAAeN,UAAU,CAACE,EAAE,CAAC,CAAA"}

package/dist/esm/table/src/index.js

@@ -0,0 +1,10 @@
+export { default as Table } from "./Table";
+export { default as Thead } from "./Thead";
+export { default as Tbody } from "./Tbody";
+export { default as Tfoot } from "./Tfoot";
+export { default as Tr } from "./Tr";
+export { default as Th } from "./Th";
+export { default as Td } from "./Td";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/table/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/index.ts"],"sourcesContent":["export { default as Table } from './Table'\nexport { default as Thead } from './Thead'\nexport { default as Tbody } from './Tbody'\nexport { default as Tfoot } from './Tfoot'\nexport { default as Tr } from './Tr'\nexport { default as Th } from './Th'\nexport { default as Td } from './Td'\nexport * from './types'\n"],"names":["default","Table","Thead","Tbody","Tfoot","Tr","Th","Td"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,SAAS,CAAA;AAC1C,SAASD,OAAO,IAAIE,KAAK,QAAQ,SAAS,CAAA;AAC1C,SAASF,OAAO,IAAIG,KAAK,QAAQ,SAAS,CAAA;AAC1C,SAASH,OAAO,IAAII,KAAK,QAAQ,SAAS,CAAA;AAC1C,SAASJ,OAAO,IAAIK,EAAE,QAAQ,MAAM,CAAA;AACpC,SAASL,OAAO,IAAIM,EAAE,QAAQ,MAAM,CAAA;AACpC,SAASN,OAAO,IAAIO,EAAE,QAAQ,MAAM,CAAA;AACpC,cAAc,SAAS,CAAA"}

package/dist/esm/table/src/styles.js

@@ -0,0 +1,188 @@
+import styled, { css } from "styled-components";
+import { ArrowTop, ArrowBottom } from "../../icons/src/index";
+const getMainColorTd = (props)=>({
+        primary: `var(--lido-color-primary)`,
+        secondary: `var(--lido-color-textSecondary)`,
+        warning: `var(--lido-color-warning)`,
+        error: `var(--lido-color-error)`,
+        success: `var(--lido-color-success)`,
+        default: `var(--lido-color-text)`
+    })[props.$textColor];
+const TdThAlign = {
+    left: css`
+    text-align: left;
+  `,
+    center: css`
+    text-align: center;
+  `,
+    right: css`
+    text-align: right;
+  `
+};
+export const ThTdContentStyle = styled.div`
+  position: relative;
+  min-height: 16px;
+`;
+const TdThVariants = {
+    string: css`
+    ${ThTdContentStyle} {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  `,
+    icon: css`
+    line-height: 0;
+    width: 24px;
+    text-align: center;
+
+    ${ThTdContentStyle} {
+      width: 24px;
+
+      svg {
+        margin: -4px 0;
+      }
+    }
+  `
+};
+const ThTdInteractive = css`
+  cursor: pointer;
+
+  &:hover {
+    color: var(--lido-color-primary);
+  }
+`;
+export const TableStyle = styled.table`
+  border-spacing: 0;
+`;
+export const TbodyStyle = styled.tbody`
+  & > tr::before,
+  & > tr::after {
+    content: '';
+    display: table-cell;
+    width: 32px;
+  }
+`;
+const TheadStickyStyle = css`
+  background: var(--lido-color-foreground);
+  top: 0;
+  position: sticky;
+  z-index: 5;
+`;
+export const TheadStyle = styled.thead`
+  border-top: 1px solid var(--lido-color-borderLight);
+  border-bottom: 1px solid var(--lido-color-borderLight);
+
+  ${(param)=>{
+    let { $sticky  } = param;
+    return $sticky && TheadStickyStyle;
+}}
+
+  & > tr::before,
+  & > tr::after {
+    content: '';
+    display: table-cell;
+    width: 32px;
+
+    border-top: 1px solid var(--lido-color-borderLight);
+    border-bottom: 1px solid var(--lido-color-borderLight);
+  }
+`;
+export const TfootStyle = styled.tfoot``;
+const TrColors = {
+    negative: css`
+    background: rgba(var(--lido-rgb-error), 0.07);
+  `,
+    positive: css`
+    background: rgba(var(--lido-rgb-success), 0.07);
+  `,
+    warning: css`
+    background: rgba(var(--lido-rgb-warning), 0.07);
+  `
+};
+const TrInteractive = css`
+  cursor: pointer;
+`;
+export const TrStyle = styled.tr`
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+  ${(param)=>{
+    let { $highlight  } = param;
+    return $highlight && TrColors[$highlight];
+}}
+  ${(param)=>{
+    let { $interactive  } = param;
+    return $interactive && TrInteractive;
+}}
+`;
+const TdNumericStyle = css`
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+`;
+export const TdStyle = styled.td`
+  border-bottom: 1px solid var(--lido-color-borderLight);
+  padding: 18px;
+
+  color: ${getMainColorTd};
+
+  ${(props)=>TdThAlign[props.$align]}
+  ${(param)=>{
+    let { $variant  } = param;
+    return $variant && TdThVariants[$variant];
+}}
+  ${(param)=>{
+    let { $interactive  } = param;
+    return $interactive && ThTdInteractive;
+}}
+  ${(param)=>{
+    let { $numeric  } = param;
+    return $numeric && TdNumericStyle;
+}}
+
+  &:first-child {
+    padding-left: 0;
+  }
+
+  &:last-child {
+    padding-right: 0;
+  }
+`;
+export const ThStyle = styled.th`
+  border-top: 1px solid var(--lido-color-borderLight);
+  border-bottom: 1px solid var(--lido-color-borderLight);
+
+  padding: 7px 18px;
+
+  font-weight: 700;
+  color: var(--lido-color-text);
+
+  ${(props)=>TdThAlign[props.$align]}
+  ${(param)=>{
+    let { $interactive  } = param;
+    return $interactive && ThTdInteractive;
+}}
+  ${(param)=>{
+    let { $variant  } = param;
+    return $variant && TdThVariants[$variant];
+}}
+
+  &:first-child {
+    padding-left: 0;
+  }
+
+  &:last-child {
+    padding-right: 0;
+  }
+`;
+export const ArrowTopStyle = styled(ArrowTop)`
+  margin: -7px 0 -7px 2px;
+`;
+export const ArrowBottomStyle = styled(ArrowBottom)`
+  margin: -7px 0 -7px 2px;
+`;
+
+//# sourceMappingURL=styles.js.map

package/dist/esm/table/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ArrowTop, ArrowBottom } from '@lidofinance/icons'\nimport {\n  TableAligns,\n  TableTextColors,\n  Theme,\n  ThTdVariants,\n  TrHighlights,\n} from './types'\n\ntype InjectedPropsTr = {\n  $highlight?: TrHighlights\n  $interactive: boolean\n}\n\ntype InjectedPropsThead = {\n  $sticky: boolean\n}\n\ntype InjectedPropsTh = {\n  $align: TableAligns\n  theme: Theme\n  $interactive: boolean\n  $variant?: ThTdVariants\n}\n\ntype InjectedPropsTd = {\n  $align: TableAligns\n  $textColor: TableTextColors\n  theme: Theme\n  $variant?: ThTdVariants\n  $interactive: boolean\n  $numeric: boolean\n}\n\nconst getMainColorTd = (props: InjectedPropsTd) =>\n  ({\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-textSecondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n    default: `var(--lido-color-text)`,\n  }[props.$textColor])\n\nconst TdThAlign = {\n  left: css`\n    text-align: left;\n  `,\n  center: css`\n    text-align: center;\n  `,\n  right: css`\n    text-align: right;\n  `,\n}\n\nexport const ThTdContentStyle = styled.div`\n  position: relative;\n  min-height: 16px;\n`\n\nconst TdThVariants = {\n  string: css`\n    ${ThTdContentStyle} {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  `,\n  icon: css`\n    line-height: 0;\n    width: 24px;\n    text-align: center;\n\n    ${ThTdContentStyle} {\n      width: 24px;\n\n      svg {\n        margin: -4px 0;\n      }\n    }\n  `,\n}\n\nconst ThTdInteractive = css`\n  cursor: pointer;\n\n  &:hover {\n    color: var(--lido-color-primary);\n  }\n`\n\nexport const TableStyle = styled.table`\n  border-spacing: 0;\n`\n\nexport const TbodyStyle = styled.tbody`\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n  }\n`\n\nconst TheadStickyStyle = css`\n  background: var(--lido-color-foreground);\n  top: 0;\n  position: sticky;\n  z-index: 5;\n`\n\nexport const TheadStyle = styled.thead<InjectedPropsThead>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  ${({ $sticky }) => $sticky && TheadStickyStyle}\n\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n\n    border-top: 1px solid var(--lido-color-borderLight);\n    border-bottom: 1px solid var(--lido-color-borderLight);\n  }\n`\n\nexport const TfootStyle = styled.tfoot``\n\nconst TrColors = {\n  negative: css`\n    background: rgba(var(--lido-rgb-error), 0.07);\n  `,\n  positive: css`\n    background: rgba(var(--lido-rgb-success), 0.07);\n  `,\n  warning: css`\n    background: rgba(var(--lido-rgb-warning), 0.07);\n  `,\n}\n\nconst TrInteractive = css`\n  cursor: pointer;\n`\n\nexport const TrStyle = styled.tr<InjectedPropsTr>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  ${({ $highlight }) => $highlight && TrColors[$highlight]}\n  ${({ $interactive }) => $interactive && TrInteractive}\n`\n\nconst TdNumericStyle = css`\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n`\n\nexport const TdStyle = styled.td<InjectedPropsTd>`\n  border-bottom: 1px solid var(--lido-color-borderLight);\n  padding: 18px;\n\n  color: ${getMainColorTd};\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $numeric }) => $numeric && TdNumericStyle}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ThStyle = styled.th<InjectedPropsTh>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  padding: 7px 18px;\n\n  font-weight: 700;\n  color: var(--lido-color-text);\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ArrowTopStyle = styled(ArrowTop)`\n  margin: -7px 0 -7px 2px;\n`\n\nexport const ArrowBottomStyle = styled(ArrowBottom)`\n  margin: -7px 0 -7px 2px;\n`\n"],"names":["styled","css","ArrowTop","ArrowBottom","getMainColorTd","props","primary","secondary","warning","error","success","default","$textColor","TdThAlign","left","center","right","ThTdContentStyle","div","TdThVariants","string","icon","ThTdInteractive","TableStyle","table","TbodyStyle","tbody","TheadStickyStyle","TheadStyle","thead","$sticky","TfootStyle","tfoot","TrColors","negative","positive","TrInteractive","TrStyle","tr","theme","fontSizesMap","xxs","$highlight","$interactive","TdNumericStyle","TdStyle","td","$align","$variant","$numeric","ThStyle","th","ArrowTopStyle","ArrowBottomStyle"],"mappings":"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"}

package/dist/esm/table/src/types.js

@@ -0,0 +1,33 @@
+export var TableAlign;
+(function(TableAlign) {
+    TableAlign[TableAlign["left"] = 0] = "left";
+    TableAlign[TableAlign["center"] = 1] = "center";
+    TableAlign[TableAlign["right"] = 2] = "right";
+})(TableAlign || (TableAlign = {}));
+export var TableTextColor;
+(function(TableTextColor) {
+    TableTextColor[TableTextColor["primary"] = 0] = "primary";
+    TableTextColor[TableTextColor["secondary"] = 1] = "secondary";
+    TableTextColor[TableTextColor["warning"] = 2] = "warning";
+    TableTextColor[TableTextColor["error"] = 3] = "error";
+    TableTextColor[TableTextColor["success"] = 4] = "success";
+    TableTextColor[TableTextColor["default"] = 5] = "default";
+})(TableTextColor || (TableTextColor = {}));
+export var TrHighlight;
+(function(TrHighlight) {
+    TrHighlight[TrHighlight["positive"] = 0] = "positive";
+    TrHighlight[TrHighlight["negative"] = 1] = "negative";
+    TrHighlight[TrHighlight["warning"] = 2] = "warning";
+})(TrHighlight || (TrHighlight = {}));
+export var ThSortDir;
+(function(ThSortDir) {
+    ThSortDir[ThSortDir["ASC"] = 0] = "ASC";
+    ThSortDir[ThSortDir["DESC"] = 1] = "DESC";
+})(ThSortDir || (ThSortDir = {}));
+export var ThTdVariant;
+(function(ThTdVariant) {
+    ThTdVariant[ThTdVariant["string"] = 0] = "string";
+    ThTdVariant[ThTdVariant["icon"] = 1] = "icon";
+})(ThTdVariant || (ThTdVariant = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/table/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/table/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum TableAlign {\n  left,\n  center,\n  right,\n}\nexport type TableAligns = keyof typeof TableAlign\n\nexport enum TableTextColor {\n  primary,\n  secondary,\n  warning,\n  error,\n  success,\n  default,\n}\nexport type TableTextColors = keyof typeof TableTextColor\n\nexport enum TrHighlight {\n  positive,\n  negative,\n  warning,\n}\nexport type TrHighlights = keyof typeof TrHighlight\n\nexport enum ThSortDir {\n  ASC,\n  DESC,\n}\nexport type ThSortDirs = keyof typeof ThSortDir\n\nexport enum ThTdVariant {\n  string,\n  icon,\n}\nexport type ThTdVariants = keyof typeof ThTdVariant\n\nexport type TableProps = LidoComponentProps<'table'>\nexport type TheadProps = LidoComponentProps<\n  'thead',\n  {\n    sticky?: boolean\n  }\n>\nexport type TbodyProps = LidoComponentProps<'tbody'>\nexport type TfootProps = LidoComponentProps<'tfoot'>\nexport type TrProps = LidoComponentProps<\n  'tr',\n  {\n    highlight?: TrHighlights\n  }\n>\nexport type ThProps = LidoComponentProps<\n  'th',\n  {\n    align?: TableAligns\n    sortDir?: ThSortDirs\n    variant?: ThTdVariants\n  }\n>\nexport type TdProps = LidoComponentProps<\n  'td',\n  {\n    align?: TableAligns\n    textColor?: TableTextColors\n    variant?: ThTdVariants\n    numeric?: boolean\n  }\n>\n"],"names":["TableAlign","left","center","right","TableTextColor","primary","secondary","warning","error","success","default","TrHighlight","positive","negative","ThSortDir","ASC","DESC","ThTdVariant","string","icon"],"mappings":"AAAA,WAGO,UAIN;UAJWA,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,UAAU,CAAVA,UAAU,CAEpBE,QAAM,IAANA,CAAM,IAANA,QAAM;IAFIF,UAAU,CAAVA,UAAU,CAGpBG,OAAK,IAALA,CAAK,IAALA,OAAK;GAHKH,UAAU,KAAVA,UAAU;WAOf,cAON;UAPWI,cAAc;IAAdA,cAAc,CAAdA,cAAc,CACxBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,cAAc,CAAdA,cAAc,CAExBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,cAAc,CAAdA,cAAc,CAGxBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,cAAc,CAAdA,cAAc,CAIxBI,OAAK,IAALA,CAAK,IAALA,OAAK;IAJKJ,cAAc,CAAdA,cAAc,CAKxBK,SAAO,IAAPA,CAAO,IAAPA,SAAO;IALGL,cAAc,CAAdA,cAAc,CAMxBM,SAAO,IAAPA,CAAO,IAAPA,SAAO;GANGN,cAAc,KAAdA,cAAc;WAUnB,WAIN;UAJWO,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IADED,WAAW,CAAXA,WAAW,CAErBE,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAFEF,WAAW,CAAXA,WAAW,CAGrBJ,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAHGI,WAAW,KAAXA,WAAW;WAOhB,SAGN;UAHWG,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,KAAG,IAAHA,CAAG,IAAHA,KAAG;IADOD,SAAS,CAATA,SAAS,CAEnBE,MAAI,IAAJA,CAAI,IAAJA,MAAI;GAFMF,SAAS,KAATA,SAAS;WAMd,WAGN;UAHWG,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,QAAM,IAANA,CAAM,IAANA,QAAM;IADID,WAAW,CAAXA,WAAW,CAErBE,MAAI,IAAJA,CAAI,IAAJA,MAAI;GAFMF,WAAW,KAAXA,WAAW"}

package/dist/esm/text/src/Text.js

@@ -0,0 +1,14 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { TextStyle } from "./TextStyles";
+function Text(props, ref) {
+    const { size ='md' , color ='default' , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(TextStyle, _extends({
+        size: size,
+        color: color,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Text);
+
+//# sourceMappingURL=Text.js.map

package/dist/esm/text/src/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/text/src/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 { size = 'md', color = 'default', ...rest } = props\n  return <TextStyle size={size} color={color} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Text)\n"],"names":["React","forwardRef","TextStyle","Text","props","ref","size","color","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,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,KAAK,EAAG,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzD,qBAAO,oBAACF,SAAS;QAACI,IAAI,EAAEA,IAAI;QAAEC,KAAK,EAAEA,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACpE,CAAC;AAED,6BAAeP,UAAU,CAACE,IAAI,CAAC,CAAA"}

package/dist/esm/text/src/TextStyles.js

@@ -0,0 +1,84 @@
+import styled, { css } from "styled-components";
+export const sizes = {
+    xxs: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xxs;
+    }}px;
+    line-height: 1.5em;
+  `,
+    xs: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xs;
+    }}px;
+    line-height: 1.5em;
+  `,
+    sm: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.sm;
+    }}px;
+    line-height: 1.5em;
+  `,
+    md: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.md;
+    }}px;
+    line-height: 1.5em;
+  `,
+    lg: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.lg;
+    }}px;
+    line-height: 1.4em;
+  `,
+    xl: css`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xl;
+    }}px;
+    line-height: 1.4em;
+  `
+};
+const getTextColor = (props)=>{
+    const { theme: { colors  } , color ,  } = props;
+    const colorsMap = {
+        default: colors.text,
+        secondary: colors.textSecondary,
+        primary: colors.primary,
+        warning: colors.warning,
+        error: colors.error,
+        success: colors.success
+    };
+    return colorsMap[color];
+};
+const getTextDecoration = (props)=>{
+    const { underline , strikeThrough  } = props;
+    switch(true){
+        case underline:
+            return 'underline';
+        case strikeThrough:
+            return 'line-through';
+        default:
+            return 'none';
+    }
+};
+export const TextStyle = styled.p`
+  ${(param)=>{
+    let { strong , italic , size  } = param;
+    return css`
+    font-style: ${italic ? 'italic' : 'normal'};
+    font-weight: ${strong ? 700 : 400};
+    margin: 0;
+    padding: 0;
+    color: ${getTextColor};
+    text-decoration: ${getTextDecoration};
+    ${sizes[size]}
+  `;
+}}
+`;
+
+//# sourceMappingURL=TextStyles.js.map

package/dist/esm/text/src/TextStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/text/src/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  ${({ strong, italic, size }) => css`\n    font-style: ${italic ? 'italic' : 'normal'};\n    font-weight: ${strong ? 700 : 400};\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","strong","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;AAQD,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,GAAG,GAAG,GAAG,GAAG,CAAC;;;WAG3B,EAAElB,YAAY,CAAC;qBACL,EAAEa,iBAAiB,CAAC;IACrC,EAAEtB,KAAK,CAAC6B,IAAI,CAAC,CAAC;EAChB,CAAC;AAAD,CAAC,CAAC;AACJ,CAAC,CAAA"}

package/dist/esm/text/src/index.js

@@ -0,0 +1,4 @@
+export { default as Text } from "./Text";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/text/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/text/src/index.ts"],"sourcesContent":["export { default as Text } from './Text'\nexport * from './types'\n"],"names":["default","Text"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ,CAAA;AACxC,cAAc,SAAS,CAAA"}

package/dist/esm/text/src/types.js

@@ -0,0 +1,20 @@
+export var TextColor;
+(function(TextColor) {
+    TextColor[TextColor["default"] = 0] = "default";
+    TextColor[TextColor["secondary"] = 1] = "secondary";
+    TextColor[TextColor["primary"] = 2] = "primary";
+    TextColor[TextColor["warning"] = 3] = "warning";
+    TextColor[TextColor["error"] = 4] = "error";
+    TextColor[TextColor["success"] = 5] = "success";
+})(TextColor || (TextColor = {}));
+export var TextSize;
+(function(TextSize) {
+    TextSize[TextSize["xxs"] = 0] = "xxs";
+    TextSize[TextSize["xs"] = 1] = "xs";
+    TextSize[TextSize["sm"] = 2] = "sm";
+    TextSize[TextSize["md"] = 3] = "md";
+    TextSize[TextSize["lg"] = 4] = "lg";
+    TextSize[TextSize["xl"] = 5] = "xl";
+})(TextSize || (TextSize = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/text/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/text/src/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"}

package/dist/esm/theme/src/base/borders.js

@@ -0,0 +1,20 @@
+const borderRadiuses = [
+    4,
+    6,
+    8,
+    10,
+    12
+];
+const borderRadiusesMap = {
+    xs: 4,
+    sm: 6,
+    md: 8,
+    lg: 10,
+    xl: 20
+};
+export default {
+    borderRadiuses,
+    borderRadiusesMap
+};
+
+//# sourceMappingURL=borders.js.map

package/dist/esm/theme/src/base/borders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/borders.ts"],"sourcesContent":["const borderRadiuses = [4, 6, 8, 10, 12] as const\n\nconst borderRadiusesMap = {\n  xs: 4,\n  sm: 6,\n  md: 8,\n  lg: 10,\n  xl: 20,\n} as const\n\nexport default {\n  borderRadiuses,\n  borderRadiusesMap,\n}\n"],"names":["borderRadiuses","borderRadiusesMap","xs","sm","md","lg","xl"],"mappings":"AAAA,MAAMA,cAAc,GAAG;AAAC,KAAC;AAAE,KAAC;AAAE,KAAC;AAAE,MAAE;AAAE,MAAE;CAAC,AAAS;AAEjD,MAAMC,iBAAiB,GAAG;IACxBC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;CACP,AAAS;AAEV,eAAe;IACbN,cAAc;IACdC,iBAAiB;CAClB,CAAA"}