@lidofinance/lido-ui 3.5.0 → 3.6.0

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/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.5.0",
+  "version": "3.6.0",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",