@lidofinance/lido-ui 3.4.1 → 3.6.0

package/dist/cjs/addressBadge/AddressBadge.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _hooks = require("../hooks/index");
+const _addressBadgeStyles = require("./AddressBadgeStyles");
+function AddressBadge(props, ref) {
+    const { address , symbolsMobile =3 , symbolsDesktop =6  } = props;
+    const isMobile = (0, _hooks.useBreakpoint)('md');
+    return /*#__PURE__*/ _react.default.createElement(_addressBadgeStyles.AddressBadgeStyle, {
+        symbols: isMobile ? symbolsMobile : symbolsDesktop,
+        address: address !== null && address !== void 0 ? address : '',
+        ref: ref
+    });
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(AddressBadge);
+
+//# sourceMappingURL=AddressBadge.js.map

package/dist/cjs/addressBadge/AddressBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  props: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { address, symbolsMobile = 3, symbolsDesktop = 6 } = props\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["AddressBadge","props","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAAuC;;aAAvC,QAAuC;;;6DArBS,OAAO;uBACzB,gBAAoB;oCAChB,sBAAsB;AAGxD,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAE,GAAGJ,KAAK;IAChE,MAAMK,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,6BAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;MAED,QAAuC,iBAAxBQ,IAAAA,MAAU,WAAA,EAACV,YAAY,CAAC"}

package/dist/cjs/addressBadge/AddressBadgeStyles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AddressBadgeStyle", {
+    enumerable: true,
+    get: ()=>AddressBadgeStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _identicon = require("../identicon/index");
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const AddressBadgeStyle = (0, _styledComponents.default)(_identicon.IdenticonBadge)`
+  max-width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  & > * {
+    flex-shrink: 0;
+  }
+  & > :first-child {
+    flex-shrink: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+
+//# sourceMappingURL=AddressBadgeStyles.js.map

package/dist/cjs/addressBadge/AddressBadgeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '@lidofinance/identicon'\nimport styled from 'styled-components'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  & > * {\n    flex-shrink: 0;\n  }\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":"AAAA;;;;+BAGaA,mBAAiB;;aAAjBA,iBAAiB;;;2BAHC,oBAAwB;uEACpC,mBAAmB;AAE/B,MAAMA,iBAAiB,GAAGC,IAAAA,iBAAM,QAAA,EAACC,UAAc,eAAA,CAAC,CAAC;;;;;;;;;;;;AAYxD,CAAC"}

package/dist/cjs/addressBadge/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/addressBadge/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/section/Section.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _sectionStyles = require("./SectionStyles");
+function Section(props, ref) {
+    const { title , headerDecorator , children , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionStyle, _extends({}, rest, {
+        ref: ref
+    }), title && /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionHeaderStyle, null, /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionTitleStyle, null, title), headerDecorator && /*#__PURE__*/ _react.default.createElement(_sectionStyles.SectionHeaderDecoratorStyle, null, headerDecorator)), children);
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Section);
+
+//# sourceMappingURL=Section.js.map

package/dist/cjs/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles'\n\nfunction Section(props: SectionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { title, headerDecorator, children, ...rest } = props\n\n  return (\n    <SectionStyle {...rest} ref={ref}>\n      {title && (\n        <SectionHeaderStyle>\n          <SectionTitleStyle>{title}</SectionTitleStyle>\n          {headerDecorator && (\n            <SectionHeaderDecoratorStyle>\n              {headerDecorator}\n            </SectionHeaderDecoratorStyle>\n          )}\n        </SectionHeaderStyle>\n      )}\n      {children}\n    </SectionStyle>\n  )\n}\n\nexport default forwardRef(Section)\n"],"names":["Section","props","ref","title","headerDecorator","children","rest","SectionStyle","SectionHeaderStyle","SectionTitleStyle","SectionHeaderDecoratorStyle","forwardRef"],"mappings":"AAAA;;;;+BA6BA,SAAkC;;aAAlC,QAAkC;;;;6DA7Bc,OAAO;+BAOhD,iBAAiB;AAExB,SAASA,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,KAAK,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAE3D,qBACE,6BAACM,cAAY,aAAA,eAAKD,IAAI;QAAEJ,GAAG,EAAEA,GAAG;QAC7BC,KAAK,kBACJ,6BAACK,cAAkB,mBAAA,sBACjB,6BAACC,cAAiB,kBAAA,QAAEN,KAAK,CAAqB,EAC7CC,eAAe,kBACd,6BAACM,cAA2B,4BAAA,QACzBN,eAAe,CACY,AAC/B,CACkB,AACtB,EACAC,QAAQ,CACI,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBM,IAAAA,MAAU,WAAA,EAACX,OAAO,CAAC"}

package/dist/cjs/section/SectionStyles.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SectionStyle: ()=>SectionStyle,
+    SectionHeaderStyle: ()=>SectionHeaderStyle,
+    SectionTitleStyle: ()=>SectionTitleStyle,
+    SectionHeaderDecoratorStyle: ()=>SectionHeaderDecoratorStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const SectionStyle = _styledComponents.default.section`
+  margin: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px 0;
+`;
+const SectionHeaderStyle = _styledComponents.default.div`
+  display: flex;
+  align-items: flex-end;
+  margin-bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+`;
+const SectionTitleStyle = _styledComponents.default.h2`
+  margin-right: auto;
+  font-weight: 800;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.md;
+}}px;
+  line-height: 1.3em;
+`;
+const SectionHeaderDecoratorStyle = _styledComponents.default.div`
+  margin-left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.5em;
+`;
+
+//# sourceMappingURL=SectionStyles.js.map

package/dist/cjs/section/SectionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/section/SectionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const SectionStyle = styled.section`\n  margin: ${({ theme }) => theme.spaceMap.xxl}px 0;\n`\n\nexport const SectionHeaderStyle = styled.div`\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: ${({ theme }) => theme.fontSizesMap.xxs}px;\n`\n\nexport const SectionTitleStyle = styled.h2`\n  margin-right: auto;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n  line-height: 1.3em;\n`\n\nexport const SectionHeaderDecoratorStyle = styled.div`\n  margin-left: ${({ theme }) => theme.spaceMap.lg}px;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.5em;\n`\n"],"names":["SectionStyle","SectionHeaderStyle","SectionTitleStyle","SectionHeaderDecoratorStyle","styled","section","theme","spaceMap","xxl","div","fontSizesMap","xxs","h2","md","lg"],"mappings":"AAAA;;;;;;;;;;;IAEaA,YAAY,MAAZA,YAAY;IAIZC,kBAAkB,MAAlBA,kBAAkB;IAMlBC,iBAAiB,MAAjBA,iBAAiB;IAOjBC,2BAA2B,MAA3BA,2BAA2B;;;uEAnBrB,mBAAmB;AAE/B,MAAMH,YAAY,GAAGI,iBAAM,QAAA,CAACC,OAAO,CAAC;UACjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;AAC9C,CAAC;AAEM,MAAMP,kBAAkB,GAAGG,iBAAM,QAAA,CAACK,GAAG,CAAC;;;iBAG5B,EAAE,SAAeH;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;AACzD,CAAC;AAEM,MAAMT,iBAAiB,GAAGE,iBAAM,QAAA,CAACQ,EAAE,CAAC;;;aAG9B,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,YAAY,CAACG,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC;AAEM,MAAMV,2BAA2B,GAAGC,iBAAM,QAAA,CAACK,GAAG,CAAC;eACvC,EAAE,SAAeH;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;aACrC,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;AAErD,CAAC"}

package/dist/cjs/section/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/section/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/section/types.ts"],"sourcesContent":["import React from 'react'\nimport { LidoComponentProps } from '@lidofinance/utils'\n\nexport type SectionProps = LidoComponentProps<\n  'div',\n  {\n    title?: React.ReactNode\n    headerDecorator?: React.ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA;;;;;4DAAkB,OAAO"}

package/dist/esm/addressBadge/AddressBadge.js

@@ -0,0 +1,15 @@
+import React, { forwardRef } from "react";
+import { useBreakpoint } from "../hooks/index";
+import { AddressBadgeStyle } from "./AddressBadgeStyles";
+function AddressBadge(props, ref) {
+    const { address , symbolsMobile =3 , symbolsDesktop =6  } = props;
+    const isMobile = useBreakpoint('md');
+    return /*#__PURE__*/ React.createElement(AddressBadgeStyle, {
+        symbols: isMobile ? symbolsMobile : symbolsDesktop,
+        address: address !== null && address !== void 0 ? address : '',
+        ref: ref
+    });
+}
+export default /*#__PURE__*/ forwardRef(AddressBadge);
+
+//# sourceMappingURL=AddressBadge.js.map

package/dist/esm/addressBadge/AddressBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  props: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { address, symbolsMobile = 3, symbolsDesktop = 6 } = props\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["React","forwardRef","useBreakpoint","AddressBadgeStyle","AddressBadge","props","ref","address","symbolsMobile","symbolsDesktop","isMobile","symbols"],"mappings":"AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,aAAa,QAAQ,gBAAoB,CAAA;AAClD,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAGxD,SAASC,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAE,GAAGJ,KAAK;IAChE,MAAMK,QAAQ,GAAGR,aAAa,CAAC,IAAI,CAAC;IAEpC,qBACE,oBAACC,iBAAiB;QAChBQ,OAAO,EAAED,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;AAED,6BAAeL,UAAU,CAACG,YAAY,CAAC,CAAA"}

package/dist/esm/addressBadge/AddressBadgeStyles.js

@@ -0,0 +1,17 @@
+import { IdenticonBadge } from "../identicon/index";
+import styled from "styled-components";
+export const AddressBadgeStyle = styled(IdenticonBadge)`
+  max-width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  & > * {
+    flex-shrink: 0;
+  }
+  & > :first-child {
+    flex-shrink: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+
+//# sourceMappingURL=AddressBadgeStyles.js.map

package/dist/esm/addressBadge/AddressBadgeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '@lidofinance/identicon'\nimport styled from 'styled-components'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  & > * {\n    flex-shrink: 0;\n  }\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["IdenticonBadge","styled","AddressBadgeStyle"],"mappings":"AAAA,SAASA,cAAc,QAAQ,oBAAwB,CAAA;AACvD,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACD,cAAc,CAAC,CAAC;;;;;;;;;;;;AAYxD,CAAC,CAAA"}

package/dist/esm/addressBadge/types.js

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

package/dist/esm/addressBadge/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA,WASC"}

package/dist/esm/section/Section.js

@@ -0,0 +1,12 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { SectionStyle, SectionHeaderStyle, SectionTitleStyle, SectionHeaderDecoratorStyle } from "./SectionStyles";
+function Section(props, ref) {
+    const { title , headerDecorator , children , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(SectionStyle, _extends({}, rest, {
+        ref: ref
+    }), title && /*#__PURE__*/ React.createElement(SectionHeaderStyle, null, /*#__PURE__*/ React.createElement(SectionTitleStyle, null, title), headerDecorator && /*#__PURE__*/ React.createElement(SectionHeaderDecoratorStyle, null, headerDecorator)), children);
+}
+export default /*#__PURE__*/ forwardRef(Section);
+
+//# sourceMappingURL=Section.js.map

package/dist/esm/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles'\n\nfunction Section(props: SectionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { title, headerDecorator, children, ...rest } = props\n\n  return (\n    <SectionStyle {...rest} ref={ref}>\n      {title && (\n        <SectionHeaderStyle>\n          <SectionTitleStyle>{title}</SectionTitleStyle>\n          {headerDecorator && (\n            <SectionHeaderDecoratorStyle>\n              {headerDecorator}\n            </SectionHeaderDecoratorStyle>\n          )}\n        </SectionHeaderStyle>\n      )}\n      {children}\n    </SectionStyle>\n  )\n}\n\nexport default forwardRef(Section)\n"],"names":["React","forwardRef","SectionStyle","SectionHeaderStyle","SectionTitleStyle","SectionHeaderDecoratorStyle","Section","props","ref","title","headerDecorator","children","rest"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SACEC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EACjBC,2BAA2B,QACtB,iBAAiB,CAAA;AAExB,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,KAAK,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAE3D,qBACE,oBAACL,YAAY,eAAKU,IAAI;QAAEJ,GAAG,EAAEA,GAAG;QAC7BC,KAAK,kBACJ,oBAACN,kBAAkB,sBACjB,oBAACC,iBAAiB,QAAEK,KAAK,CAAqB,EAC7CC,eAAe,kBACd,oBAACL,2BAA2B,QACzBK,eAAe,CACY,AAC/B,CACkB,AACtB,EACAC,QAAQ,CACI,CAChB;AACH,CAAC;AAED,6BAAeV,UAAU,CAACK,OAAO,CAAC,CAAA"}

package/dist/esm/section/SectionStyles.js

@@ -0,0 +1,37 @@
+import styled from "styled-components";
+export const SectionStyle = styled.section`
+  margin: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px 0;
+`;
+export const SectionHeaderStyle = styled.div`
+  display: flex;
+  align-items: flex-end;
+  margin-bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+`;
+export const SectionTitleStyle = styled.h2`
+  margin-right: auto;
+  font-weight: 800;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.md;
+}}px;
+  line-height: 1.3em;
+`;
+export const SectionHeaderDecoratorStyle = styled.div`
+  margin-left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.5em;
+`;
+
+//# sourceMappingURL=SectionStyles.js.map

package/dist/esm/section/SectionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/section/SectionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const SectionStyle = styled.section`\n  margin: ${({ theme }) => theme.spaceMap.xxl}px 0;\n`\n\nexport const SectionHeaderStyle = styled.div`\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: ${({ theme }) => theme.fontSizesMap.xxs}px;\n`\n\nexport const SectionTitleStyle = styled.h2`\n  margin-right: auto;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n  line-height: 1.3em;\n`\n\nexport const SectionHeaderDecoratorStyle = styled.div`\n  margin-left: ${({ theme }) => theme.spaceMap.lg}px;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.5em;\n`\n"],"names":["styled","SectionStyle","section","theme","spaceMap","xxl","SectionHeaderStyle","div","fontSizesMap","xxs","SectionTitleStyle","h2","md","SectionHeaderDecoratorStyle","lg"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAACE,OAAO,CAAC;UACjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;AAC9C,CAAC,CAAA;AAED,OAAO,MAAMC,kBAAkB,GAAGN,MAAM,CAACO,GAAG,CAAC;;;iBAG5B,EAAE,SAAeJ;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACK,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;AACzD,CAAC,CAAA;AAED,OAAO,MAAMC,iBAAiB,GAAGV,MAAM,CAACW,EAAE,CAAC;;;aAG9B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACK,YAAY,CAACI,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC,CAAA;AAED,OAAO,MAAMC,2BAA2B,GAAGb,MAAM,CAACO,GAAG,CAAC;eACvC,EAAE,SAAeJ;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACU,EAAE;AAAD,CAAC,CAAC;aACrC,EAAE,SAAeX;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACK,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;AAErD,CAAC,CAAA"}

package/dist/esm/section/types.js

@@ -0,0 +1,3 @@
+import React from "react";
+
+//# sourceMappingURL=types.js.map

package/dist/esm/section/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/section/types.ts"],"sourcesContent":["import React from 'react'\nimport { LidoComponentProps } from '@lidofinance/utils'\n\nexport type SectionProps = LidoComponentProps<\n  'div',\n  {\n    title?: React.ReactNode\n    headerDecorator?: React.ReactNode\n  }\n>\n"],"names":["React"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.4.1",
+  "version": "3.6.0",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",