@lidofinance/lido-ui 3.0.0-next.9 → 3.0.0

package/dist/cjs/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles'\nimport { useExpanded } from './useExpanded'\n\nfunction Accordion(props: AccordionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { defaultExpanded, summary, children, ...rest } = props\n  const { toggleProps, collapseProps, isExpanded } = useExpanded(props)\n\n  return (\n    <AccordionStyle {...rest} ref={ref}>\n      <AccordionSummaryStyle {...toggleProps}>\n        <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n        <AccordionArrowStyle $expanded={isExpanded} />\n      </AccordionSummaryStyle>\n      <div {...collapseProps}>\n        <AccordionContentStyle>{children}</AccordionContentStyle>\n      </div>\n    </AccordionStyle>\n  )\n}\n\nexport default forwardRef(Accordion)\n"],"names":["Accordion","props","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","$expanded","div","AccordionContentStyle","forwardRef"],"mappings":"AAAA;;;;+BA4BA,SAAoC;;aAApC,QAAoC;;;;6DA5BY,OAAO;iCAQhD,mBAAmB;6BACE,eAAe;AAE3C,SAASA,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAC7D,MAAM,EAAEM,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,IAAAA,YAAW,YAAA,EAACT,KAAK,CAAC;IAErE,qBACE,6BAACU,gBAAc,eAAA,eAAKL,IAAI;QAAEJ,GAAG,EAAEA,GAAG;sBAChC,6BAACU,gBAAqB,sBAAA,eAAKL,WAAW,iBACpC,6BAACM,gBAAmB,oBAAA,QAAET,OAAO,CAAuB,gBACpD,6BAACU,gBAAmB,oBAAA;QAACC,SAAS,EAAEN,UAAU;MAAI,CACxB,gBACxB,6BAACO,KAAG,eAAKR,aAAa,iBACpB,6BAACS,gBAAqB,sBAAA,QAAEZ,QAAQ,CAAyB,CACrD,CACS,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBa,IAAAA,MAAU,WAAA,EAAClB,SAAS,CAAC"}

package/dist/cjs/accordion/AccordionStyles.js

@@ -0,0 +1,123 @@
+"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, {
+    AccordionStyle: ()=>AccordionStyle,
+    AccordionSummaryStyle: ()=>AccordionSummaryStyle,
+    AccordionTitleStyle: ()=>AccordionTitleStyle,
+    AccordionArrowStyle: ()=>AccordionArrowStyle,
+    AccordionContentStyle: ()=>AccordionContentStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _icons = require("../icons/index");
+const AccordionStyle = _styledComponents.default.div`
+  margin: 0 0 ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px 0;
+  background: var(--lido-color-foreground);
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.xl;
+}}px;
+`;
+const AccordionSummaryStyle = _styledComponents.default.div`
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px
+    ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  outline: none;
+  min-height: 40px;
+  box-sizing: content-box;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  }
+`;
+const AccordionTitleStyle = _styledComponents.default.div`
+  color: var(--lido-color-text);
+  flex-grow: 1;
+  font-weight: 800;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.6em;
+`;
+const AccordionArrowStyle = (0, _styledComponents.default)(_icons.ArrowBottom)`
+  flex-shrink: 0;
+  transform: rotate(${(props)=>props.$expanded ? 180 : 0}deg);
+  transition: transform ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.norm;
+}} ease;
+  margin: -2px;
+  margin-left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.md;
+}}px;
+  fill: var(--lido-color-textSecondary);
+`;
+const AccordionContentStyle = _styledComponents.default.div`
+  color: var(--lido-color-textSecondary);
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+  padding-top: 0;
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+    padding-top: 0;
+  }
+
+  p,
+  ul,
+  ol {
+    margin: 0 0 1.6em 0;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  ul,
+  ol {
+    padding: 0 0 0 1.5em;
+  }
+`;
+
+//# sourceMappingURL=AccordionStyles.js.map

package/dist/cjs/accordion/AccordionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ArrowBottom } from '@lidofinance/icons'\n\nexport const AccordionStyle = styled.div`\n  margin: 0 0 ${({ theme }) => theme.spaceMap.sm}px 0;\n  background: var(--lido-color-foreground);\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n`\n\nexport const AccordionSummaryStyle = styled.div`\n  padding: ${({ theme }) => theme.spaceMap.lg}px\n    ${({ theme }) => theme.spaceMap.xxl}px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n  min-height: 40px;\n  box-sizing: content-box;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const AccordionTitleStyle = styled.div`\n  color: var(--lido-color-text);\n  flex-grow: 1;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.6em;\n`\n\nexport const AccordionArrowStyle = styled(ArrowBottom)<{ $expanded: boolean }>`\n  flex-shrink: 0;\n  transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  margin: -2px;\n  margin-left: ${({ theme }) => theme.spaceMap.md}px;\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const AccordionContentStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n  padding-top: 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n    padding-top: 0;\n  }\n\n  p,\n  ul,\n  ol {\n    margin: 0 0 1.6em 0;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ul,\n  ol {\n    padding: 0 0 0 1.5em;\n  }\n`\n"],"names":["AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","styled","div","theme","spaceMap","sm","borderRadiusesMap","xl","lg","xxl","mediaQueries","md","fontSizesMap","xs","ArrowBottom","props","$expanded","duration","norm","xxs"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAMdC,qBAAqB,MAArBA,qBAAqB;IAerBC,mBAAmB,MAAnBA,mBAAmB;IAQnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,qBAAqB,MAArBA,qBAAqB;;;uEAzCf,mBAAmB;uBACV,gBAAoB;AAEzC,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC;cAC3B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;iBAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;AAC7D,CAAC;AAEM,MAAMV,qBAAqB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;WACrC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;IAC1C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;;;;;;EAQtC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMV,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;aAIjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC;AAEM,MAAMd,mBAAmB,GAAGE,IAAAA,iBAAM,QAAA,EAACa,MAAW,YAAA,CAAC,AAAwB,CAAC;;oBAE3D,EAAE,CAACC,KAAK,GAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAC,AAAC,CAAC;wBACrC,EAAE,SAAeb;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACc,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;eAE9C,EAAE,SAAef;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMX,qBAAqB,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC;;WAErC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;aAGlC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACO,GAAG;AAAD,CAAC,CAAC;;;EAGnD,EAAE,SAAehB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;;;;;;;;;;;;;;;;;AAkBhD,CAAC"}

package/dist/cjs/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/accordion/index.ts"],"sourcesContent":["export { default as Accordion } from './Accordion'\nexport * from './types'\n"],"names":["Accordion"],"mappings":"AAAA;;;;+BAAoBA,WAAS;;aAATA,UAAS,QAAA;;;;gEAAQ,aAAa;oBACpC,SAAS"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/accordion/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type AccordionProps = LidoComponentProps<\n  'div',\n  {\n    defaultExpanded?: boolean\n    summary: React.ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA;;;;;4DACkB,OAAO"}

package/dist/cjs/accordion/useExpanded.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: AccordionProps) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n  const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n  useEffect(() => {\n    setExpanded(defaultExpanded)\n  }, [defaultExpanded])\n\n  const handleToggle = useCallback(\n    () => setExpanded((previous) => !previous),\n    []\n  )\n\n  const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","useCollapse","toggleProps","onClick","collapseProps"],"mappings":"AAAA;;;;+BAcaA,aAAW;;aAAXA,WAAW;;;uBAdyB,OAAO;qEAEhC,iBAAiB;AAYlC,MAAMA,WAAW,GAAgB,SAAiC;QAAhC,EAAEC,eAAe,EAAG,KAAK,CAAA,EAAE;IAClE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAACH,eAAe,CAAC;IAE3DI,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdF,WAAW,CAACF,eAAe,CAAC;IAC9B,CAAC,EAAE;QAACA,eAAe;KAAC,CAAC;IAErB,MAAMK,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAC9B,IAAMJ,WAAW,CAAC,CAACK,QAAQ,GAAK,CAACA,QAAQ,CAAC,EAC1C,EAAE,CACH;IAED,MAAM,EAAEC,cAAc,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGC,IAAAA,eAAW,QAAA,EAAC;QAAET,UAAU;KAAE,CAAC;IAExE,OAAO;QACLU,WAAW,EAAEH,cAAc,CAAC;YAAEI,OAAO,EAAEP,YAAY;SAAE,CAAC;QACtDQ,aAAa,EAAEJ,gBAAgB,EAAE;QACjCR,UAAU;KACX,CAAA;AACH,CAAC"}

package/dist/cjs/address/Address.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles'\nimport { trimAddress } from './trimAddress'\n\nfunction Address(props: AddressProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { symbols = 3, address, ...rest } = props\n\n  return (\n    <AddressStyle {...rest} ref={ref}>\n      <AddressFullStyle>{address}</AddressFullStyle>\n      <AddressTrimmedStyle>{trimAddress(address, symbols)}</AddressTrimmedStyle>\n    </AddressStyle>\n  )\n}\n\nexport default forwardRef(Address)\n"],"names":["Address","props","ref","symbols","address","rest","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","forwardRef"],"mappings":"AAAA;;;;+BAoBA,SAAkC;;aAAlC,QAAkC;;;;6DApBc,OAAO;+BAMhD,iBAAiB;6BACI,eAAe;AAE3C,SAASA,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,OAAO,EAAG,CAAC,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAE/C,qBACE,6BAACK,cAAY,aAAA,eAAKD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC9B,6BAACK,cAAgB,iBAAA,QAAEH,OAAO,CAAoB,gBAC9C,6BAACI,cAAmB,oBAAA,QAAEC,IAAAA,YAAW,YAAA,EAACL,OAAO,EAAED,OAAO,CAAC,CAAuB,CAC7D,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBO,IAAAA,MAAU,WAAA,EAACV,OAAO,CAAC"}

package/dist/cjs/address/AddressStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/address/AddressStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AddressStyle = styled.div`\n  position: relative;\n  display: inline-block;\n  font-weight: 400;\n`\n\nexport const AddressFullStyle = styled.span`\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n  user-select: none;\n  pointer-events: none;\n`\n"],"names":["AddressStyle","AddressFullStyle","AddressTrimmedStyle","styled","div","span"],"mappings":"AAAA;;;;;;;;;;;IAEaA,YAAY,MAAZA,YAAY;IAMZC,gBAAgB,MAAhBA,gBAAgB;IAUhBC,mBAAmB,MAAnBA,mBAAmB;;;uEAlBb,mBAAmB;AAE/B,MAAMF,YAAY,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;AAIvC,CAAC;AAEM,MAAMH,gBAAgB,GAAGE,iBAAM,QAAA,CAACE,IAAI,CAAC;;;;;;;;AAQ5C,CAAC;AAEM,MAAMH,mBAAmB,GAAGC,iBAAM,QAAA,CAACE,IAAI,CAAC;;;AAG/C,CAAC"}

package/dist/cjs/address/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/address/index.ts"],"sourcesContent":["export { default as Address } from './Address'\nexport * from './trimAddress'\nexport * from './types'\n"],"names":["Address"],"mappings":"AAAA;;;;+BAAoBA,SAAO;;aAAPA,QAAO,QAAA;;;;8DAAQ,WAAW;oBAChC,eAAe;oBACf,SAAS"}

package/dist/cjs/address/trimAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/address/trimAddress.ts"],"sourcesContent":["export const trimAddress = (address: string, symbols: number): string => {\n  if (symbols <= 0) return ''\n  if (symbols * 2 >= address.length) return address\n\n  const left = address.slice(0, symbols)\n  const right = address.slice(-symbols)\n\n  return `${left}...${right}`\n}\n"],"names":["trimAddress","address","symbols","length","left","slice","right"],"mappings":"AAAA;;;;+BAAaA,aAAW;;aAAXA,WAAW;;AAAjB,MAAMA,WAAW,GAAG,CAACC,OAAe,EAAEC,OAAe,GAAa;IACvE,IAAIA,OAAO,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAC3B,IAAIA,OAAO,GAAG,CAAC,IAAID,OAAO,CAACE,MAAM,EAAE,OAAOF,OAAO,CAAA;IAEjD,MAAMG,IAAI,GAAGH,OAAO,CAACI,KAAK,CAAC,CAAC,EAAEH,OAAO,CAAC;IACtC,MAAMI,KAAK,GAAGL,OAAO,CAACI,KAAK,CAAC,CAACH,OAAO,CAAC;IAErC,OAAO,CAAC,EAAEE,IAAI,CAAC,GAAG,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC7B,CAAC"}

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

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

package/dist/cjs/block/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nfunction Block(props: BlockProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const {\n    color = 'foreground',\n    variant = 'flat',\n    paddingLess = false,\n    ...rest\n  } = props\n\n  return (\n    <BlockStyle\n      $color={color}\n      $variant={variant}\n      $paddingLess={paddingLess}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Block)\n"],"names":["Block","props","ref","color","variant","paddingLess","rest","BlockStyle","$color","$variant","$paddingLess","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAAgC;;aAAhC,QAAgC;;;;6DAvBgB,OAAO;6BAC5B,eAAe;AAG1C,SAASA,KAAK,CAACC,KAAiB,EAAEC,GAAkC,EAAE;IACpE,MAAM,EACJC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,MAAM,CAAA,EAChBC,WAAW,EAAG,KAAK,CAAA,EACnB,GAAGC,IAAI,EACR,GAAGL,KAAK;IAET,qBACE,6BAACM,YAAU,WAAA;QACTC,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEL,OAAO;QACjBM,YAAY,EAAEL,WAAW;QACzBH,GAAG,EAAEA,GAAG;OACJI,IAAI,EACR,CACH;AACH,CAAC;MAED,QAAgC,iBAAjBK,IAAAA,MAAU,WAAA,EAACX,KAAK,CAAC"}

package/dist/cjs/block/BlockStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { BlockVariants, BlockColors } from './types'\n\ntype InjectedProps = {\n  $variant: BlockVariants\n  $color: BlockColors\n  $paddingLess: boolean\n  theme: Theme\n}\n\nconst colors = {\n  foreground: css`\n    background: var(--lido-color-foreground);\n    color: var(--lido-color-textSecondary);\n  `,\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accent);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nconst variants = {\n  flat: css`\n    box-shadow: none;\n  `,\n  shadow: css`\n    box-shadow: ${({ theme }) => theme.boxShadows.lg}\n      var(--lido-colors-shadowLight);\n  `,\n}\n\nconst paddings = css`\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n  margin: 0;\n\n  ${({ $paddingLess }) => !$paddingLess && paddings}\n\n  ${({ $variant }) => variants[$variant]}\n  ${({ $color }) => colors[$color]}\n`\n"],"names":["BlockStyle","colors","foreground","css","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","styled","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":"AAAA;;;;+BA4CaA,YAAU;;aAAVA,UAAU;;;wEA5CK,mBAAmB;AAW/C,MAAMC,MAAM,GAAG;IACbC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDC,UAAU,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDE,MAAM,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGZ,CAAC;CACF;AAED,MAAMG,QAAQ,GAAG;IACfC,IAAI,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEV,CAAC;IACDK,MAAM,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACE,EAAE,SAAeM;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAED,MAAMC,QAAQ,GAAGT,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACV,EAAE,SAAeM;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;;EAE7C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACF,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMX,UAAU,GAAGiB,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;aAEvC,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACU,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;iBAEpC,EAAE,SAAeX;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACY,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;EAG3D,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAK,CAACA,YAAY,IAAIX,QAAQ;AAAD,CAAC,CAAC;;EAElD,EAAE,SAAkBN;QAAjB,EAAEkB,QAAQ,CAAA,EAAE;WAAKlB,QAAQ,CAACkB,QAAQ,CAAC;AAAD,CAAC,CAAC;EACvC,EAAE,SAAgBvB;QAAf,EAAEwB,MAAM,CAAA,EAAE;WAAKxB,MAAM,CAACwB,MAAM,CAAC;AAAD,CAAC,CAAC;AACnC,CAAC"}

package/dist/cjs/block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/block/index.ts"],"sourcesContent":["export { default as Block } from './Block'\nexport * from './types'\n"],"names":["Block"],"mappings":"AAAA;;;;+BAAoBA,OAAK;;aAALA,MAAK,QAAA;;;;4DAAQ,SAAS;oBAC5B,SAAS"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum BlockVariant {\n  flat,\n  shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n  foreground,\n  background,\n  accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n  'div',\n  {\n    color?: BlockColors\n    variant?: BlockVariants\n    paddingLess?: boolean\n  }\n>\n"],"names":["BlockVariant","flat","shadow","BlockColor","foreground","background","accent"],"mappings":"AAAA;;;;;;;;;;;;;;IAGO,YAGN;UAHWA,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,YAAY,CAAZA,YAAY,CAEtBE,QAAM,IAANA,CAAM,IAANA,QAAM;GAFIF,YAAY,KAAZA,YAAY;IAMjB,UAIN;UAJWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,YAAU,IAAVA,CAAU,IAAVA,YAAU;IADAD,UAAU,CAAVA,UAAU,CAEpBE,YAAU,IAAVA,CAAU,IAAVA,YAAU;IAFAF,UAAU,CAAVA,UAAU,CAGpBG,QAAM,IAANA,CAAM,IAANA,QAAM;GAHIH,UAAU,KAAVA,UAAU"}

package/dist/cjs/box/Box.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _styledSystem = require("../styled-system/index");
+const Box = _styledComponents.default.div``;
+const _default = (0, _styledSystem.withStyledSystem)(Box);
+
+//# sourceMappingURL=Box.js.map

package/dist/cjs/box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { withStyledSystem } from '@lidofinance/styled-system'\n\nconst Box = styled.div``\n\nexport default withStyledSystem(Box)\n"],"names":["Box","styled","div","withStyledSystem"],"mappings":"AAAA;;;;+BAKA,SAAoC;;aAApC,QAAoC;;;uEALjB,mBAAmB;8BACL,wBAA4B;AAE7D,MAAMA,GAAG,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC;MAExB,QAAoC,GAArBC,IAAAA,aAAgB,iBAAA,EAACH,GAAG,CAAC"}

package/dist/cjs/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/box/index.ts"],"sourcesContent":["export { default as Box } from './Box'\n"],"names":["Box"],"mappings":"AAAA;;;;+BAAoBA,KAAG;;aAAHA,IAAG,QAAA;;;0DAAQ,OAAO"}

package/dist/cjs/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles'\nimport { ButtonProps } from './types'\nimport { useRipple } from './useRipple'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nfunction Button(props: ButtonProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const {\n    size = 'md',\n    variant = 'filled',\n    color = 'primary',\n    square = false,\n    fullwidth = false,\n    loading = false,\n    active = false,\n    onClick,\n    disabled,\n    children,\n    ...rest\n  } = props\n\n  const { handleClick, ripple } = useRipple(props)\n  const loaderSize = loaderSizes[size]\n\n  return (\n    <ButtonStyle\n      $size={size}\n      $variant={variant}\n      $fullwidth={fullwidth}\n      $color={color}\n      $square={square}\n      $loading={loading}\n      $active={active}\n      onClick={handleClick}\n      disabled={disabled || loading}\n      type='button'\n      ref={ref}\n      {...rest}\n    >\n      <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n      {loading && <ButtonLoaderStyle size={loaderSize} />}\n      {!active && ripple}\n    </ButtonStyle>\n  )\n}\n\nexport default forwardRef(Button)\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","props","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","ButtonStyle","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","ButtonContentStyle","$hidden","ButtonLoaderStyle","forwardRef"],"mappings":"AAAA;;;;+BAyDA,SAAiC;;aAAjC,QAAiC;;;;6DAzDe,OAAO;8BAKhD,gBAAgB;2BAEG,aAAa;AAEvC,MAAMA,WAAW,GAAG;IAClBC,GAAG,EAAE,OAAO;IACZC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;CACb,AAAS;AAEV,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAqC,EAAE;IACzE,MAAM,EACJC,IAAI,EAAG,IAAI,CAAA,EACXC,OAAO,EAAG,QAAQ,CAAA,EAClBC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,OAAO,EAAG,KAAK,CAAA,EACfC,MAAM,EAAG,KAAK,CAAA,EACdC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGZ,KAAK;IAET,MAAM,EAAEa,WAAW,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,IAAAA,UAAS,UAAA,EAACf,KAAK,CAAC;IAChD,MAAMgB,UAAU,GAAGvB,WAAW,CAACS,IAAI,CAAC;IAEpC,qBACE,6BAACe,aAAW,YAAA;QACVC,KAAK,EAAEhB,IAAI;QACXiB,QAAQ,EAAEhB,OAAO;QACjBiB,UAAU,EAAEd,SAAS;QACrBe,MAAM,EAAEjB,KAAK;QACbkB,OAAO,EAAEjB,MAAM;QACfkB,QAAQ,EAAEhB,OAAO;QACjBiB,OAAO,EAAEhB,MAAM;QACfC,OAAO,EAAEI,WAAW;QACpBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAO;QAC7BkB,IAAI,EAAC,QAAQ;QACbxB,GAAG,EAAEA,GAAG;OACJW,IAAI,iBAER,6BAACc,aAAkB,mBAAA;QAACC,OAAO,EAAEpB,OAAO;OAAGI,QAAQ,CAAsB,EACpEJ,OAAO,kBAAI,6BAACqB,aAAiB,kBAAA;QAAC1B,IAAI,EAAEc,UAAU;MAAI,EAClD,CAACR,MAAM,IAAIM,MAAM,CACN,CACf;AACH,CAAC;MAED,QAAiC,iBAAlBe,IAAAA,MAAU,WAAA,EAAC9B,MAAM,CAAC"}

package/dist/cjs/button/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles'\nimport { ButtonIconProps } from './types'\nimport Button from './Button'\n\nfunction ButtonIcon(\n  props: ButtonIconProps,\n  ref?: ForwardedRef<HTMLButtonElement>\n) {\n  const { icon, children, ...rest } = props\n  const hasNoChildren = !children\n\n  return (\n    <Button square={hasNoChildren} {...rest} ref={ref}>\n      <ButtonWrapperStyle>\n        <ButtonIconStyle $square={hasNoChildren}>{icon}</ButtonIconStyle>\n        <ButtonContentStyle>{children}</ButtonContentStyle>\n      </ButtonWrapperStyle>\n    </Button>\n  )\n}\n\nexport default forwardRef(ButtonIcon)\n"],"names":["ButtonIcon","props","ref","icon","children","rest","hasNoChildren","Button","square","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","forwardRef"],"mappings":"AAAA;;;;+BA0BA,SAAqC;;aAArC,QAAqC;;;;;6DA1BW,OAAO;kCAKhD,oBAAoB;6DAER,UAAU;AAE7B,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAqC,EACrC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,MAAMK,aAAa,GAAG,CAACF,QAAQ;IAE/B,qBACE,6BAACG,OAAM,QAAA;QAACC,MAAM,EAAEF,aAAa;OAAMD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC/C,6BAACO,iBAAkB,mBAAA,sBACjB,6BAACC,iBAAe,gBAAA;QAACC,OAAO,EAAEL,aAAa;OAAGH,IAAI,CAAmB,gBACjE,6BAACS,iBAAkB,mBAAA,QAAER,QAAQ,CAAsB,CAChC,CACd,CACV;AACH,CAAC;MAED,QAAqC,iBAAtBS,IAAAA,MAAU,WAAA,EAACb,UAAU,CAAC"}

package/dist/cjs/button/ButtonIconStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ButtonWrapperStyle = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 1em;\n  min-width: 1em;\n`\n\nexport const ButtonIconStyle = styled.span<{ $square: boolean }>`\n  margin: ${({ $square }) => ($square ? '-12px' : '-12px -6px')};\n  line-height: 0;\n  flex-shrink: 0;\n\n  svg {\n    fill: currentColor;\n  }\n`\n\nexport const ButtonContentStyle = styled.span`\n  margin-left: 10px;\n\n  :empty {\n    display: none;\n  }\n`\n"],"names":["ButtonWrapperStyle","ButtonIconStyle","ButtonContentStyle","styled","span","$square"],"mappings":"AAAA;;;;;;;;;;;IAEaA,kBAAkB,MAAlBA,kBAAkB;IAQlBC,eAAe,MAAfA,eAAe;IAUfC,kBAAkB,MAAlBA,kBAAkB;;;uEApBZ,mBAAmB;AAE/B,MAAMF,kBAAkB,GAAGG,iBAAM,QAAA,CAACC,IAAI,CAAC;;;;;;AAM9C,CAAC;AAEM,MAAMH,eAAe,GAAGE,iBAAM,QAAA,CAACC,IAAI,AAAsB,CAAC;UACvD,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,OAAO,GAAG,YAAY;AAAA,CAAC,CAAC;;;;;;;AAOhE,CAAC;AAEM,MAAMH,kBAAkB,GAAGC,iBAAM,QAAA,CAACC,IAAI,CAAC;;;;;;AAM9C,CAAC"}

package/dist/cjs/button/ButtonStyles.js

@@ -0,0 +1,325 @@
+"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, {
+    ButtonStyle: ()=>ButtonStyle,
+    ripple: ()=>ripple,
+    ButtonRippleStyle: ()=>ButtonRippleStyle,
+    ButtonContentStyle: ()=>ButtonContentStyle,
+    ButtonLoaderStyle: ()=>ButtonLoaderStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const _loaders = require("../loaders/index");
+const sizes = {
+    xxs: (0, _styledComponents.css)`
+    line-height: 1em;
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xxxs;
+    }}px;
+    border-radius: ${(param)=>{
+        let { theme  } = param;
+        return theme.borderRadiusesMap.sm;
+    }}px;
+    padding: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '11px' : '11px 16px';
+    }};
+    min-width: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '0' : '50px';
+    }};
+  `,
+    xs: (0, _styledComponents.css)`
+    line-height: 1em;
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xxs;
+    }}px;
+    border-radius: ${(param)=>{
+        let { theme  } = param;
+        return theme.borderRadiusesMap.sm;
+    }}px;
+    padding: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '10px' : '10px 16px';
+    }};
+    min-width: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '0' : '60px';
+    }};
+  `,
+    sm: (0, _styledComponents.css)`
+    line-height: 1em;
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xs;
+    }}px;
+    border-radius: ${(param)=>{
+        let { theme  } = param;
+        return theme.borderRadiusesMap.sm;
+    }}px;
+    padding: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '16px' : '16px 24px';
+    }};
+    min-width: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '0' : '100px';
+    }};
+  `,
+    md: (0, _styledComponents.css)`
+    line-height: 1em;
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xs;
+    }}px;
+    border-radius: ${(param)=>{
+        let { theme  } = param;
+        return theme.borderRadiusesMap.lg;
+    }}px;
+    padding: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '21px' : '21px 44px';
+    }};
+    min-width: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '0' : '120px';
+    }};
+  `,
+    lg: (0, _styledComponents.css)`
+    line-height: 1em;
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.sm;
+    }}px;
+    border-radius: ${(param)=>{
+        let { theme  } = param;
+        return theme.borderRadiusesMap.lg;
+    }}px;
+    box-shadow: ${(param)=>{
+        let { theme  } = param;
+        return theme.boxShadows.md;
+    }}
+      var(--lido-color-shadowDark);
+    padding: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '24px' : '24px 64px';
+    }};
+    min-width: ${(param)=>{
+        let { $square  } = param;
+        return $square ? '0' : '160px';
+    }};
+  `
+};
+const getMainColor = (props)=>{
+    const colorsMap = {
+        primary: `var(--lido-color-primary)`,
+        secondary: `var(--lido-color-secondary)`,
+        warning: `var(--lido-color-warning)`,
+        error: `var(--lido-color-error)`,
+        success: `var(--lido-color-success)`
+    };
+    return colorsMap[props.$color];
+};
+const getContrastColor = (props)=>{
+    const colorsMap = {
+        primary: `var(--lido-color-primaryContrast)`,
+        secondary: `var(--lido-color-secondaryContrast)`,
+        warning: `var(--lido-color-warningContrast)`,
+        error: `var(--lido-color-errorContrast)`,
+        success: `var(--lido-color-successContrast)`
+    };
+    return colorsMap[props.$color];
+};
+const getHoverColor = (props)=>{
+    const colorsMap = {
+        primary: `var(--lido-color-primaryHover)`,
+        secondary: `var(--lido-color-secondaryHover)`,
+        warning: `var(--lido-color-warningHover)`,
+        error: `var(--lido-color-errorHover)`,
+        success: `var(--lido-color-successHover)`
+    };
+    return colorsMap[props.$color];
+};
+const variants = {
+    filled: (0, _styledComponents.css)`
+    color: ${getContrastColor};
+    background-color: ${getMainColor};
+    transition: background-color ${(param)=>{
+        let { theme  } = param;
+        return theme.duration.fast;
+    }} ease;
+
+    :not(:disabled):hover,
+    :focus-visible {
+      background-color: ${getHoverColor};
+    }
+  `,
+    outlined: (0, _styledComponents.css)`
+    color: ${getMainColor};
+    transition: background-color ${(param)=>{
+        let { theme  } = param;
+        return theme.duration.fast;
+    }} ease,
+      color ${(param)=>{
+        let { theme  } = param;
+        return theme.duration.fast;
+    }} ease;
+
+    :before {
+      display: block;
+      border: 1px solid ${getMainColor};
+    }
+
+    :not(:disabled):hover,
+    :focus-visible {
+      background-color: ${getHoverColor};
+      color: ${getContrastColor};
+    }
+  `,
+    text: (0, _styledComponents.css)`
+    color: ${getMainColor};
+    background-color: var(--lido-color-foreground);
+
+    :before {
+      display: block;
+      background-color: ${getMainColor};
+      transition: opacity ${(param)=>{
+        let { theme  } = param;
+        return theme.duration.fast;
+    }} ease;
+      opacity: 0;
+    }
+
+    :not(:disabled):hover,
+    :focus-visible {
+      :before {
+        opacity: 0.1;
+      }
+    }
+  `,
+    ghost: (0, _styledComponents.css)`
+    color: ${getMainColor};
+
+    :before {
+      display: block;
+      background-color: ${getMainColor};
+      transition: opacity ${(param)=>{
+        let { theme  } = param;
+        return theme.duration.fast;
+    }} ease;
+      opacity: 0;
+    }
+
+    :not(:disabled):hover,
+    :focus-visible {
+      :before {
+        opacity: 0.1;
+      }
+    }
+  `,
+    translucent: (0, _styledComponents.css)`
+    color: ${getMainColor};
+
+    :before {
+      display: block;
+      background-color: ${getMainColor};
+      transition: opacity ${(param)=>{
+        let { theme  } = param;
+        return theme.duration.fast;
+    }} ease;
+      opacity: 0.1;
+    }
+
+    :not(:disabled):hover,
+    :focus-visible {
+      :before {
+        opacity: 0.2;
+      }
+    }
+  `
+};
+const ButtonStyle = _styledComponents.default.button`
+  box-sizing: border-box;
+  margin: 0;
+  border: none;
+  outline: none;
+  white-space: nowrap;
+  overflow: hidden;
+  position: relative;
+  background: transparent;
+  font-family: inherit;
+  font-weight: 700;
+  width: ${(param)=>{
+    let { $fullwidth  } = param;
+    return $fullwidth ? ' 100%' : 'auto';
+}};
+
+  :before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    pointer-events: none;
+    border-radius: inherit;
+    display: none;
+  }
+
+  :not(:disabled) {
+    cursor: pointer;
+  }
+
+  :disabled {
+    opacity: ${(param)=>{
+    let { $loading  } = param;
+    return $loading ? 1 : 0.5;
+}};
+  }
+
+  ${(props)=>sizes[props.$size]}
+  ${(props)=>variants[props.$variant]}
+`;
+const ripple = (0, _styledComponents.keyframes)`
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
+`;
+const ButtonRippleStyle = _styledComponents.default.span`
+  position: absolute;
+  border-radius: 50%;
+  transform: scale(0);
+  pointer-events: none;
+  animation: ${ripple} 0.8s linear;
+  background-color: currentColor;
+  opacity: 0.4;
+`;
+const ButtonContentStyle = _styledComponents.default.span`
+  position: relative;
+  pointer-events: none;
+  visibility: ${(param)=>{
+    let { $hidden  } = param;
+    return $hidden ? 'hidden' : 'visible';
+}};
+`;
+const ButtonLoaderStyle = (0, _styledComponents.default)(_loaders.Loader)`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: currentColor;
+  pointer-events: none;
+`;
+
+//# sourceMappingURL=ButtonStyles.js.map

package/dist/cjs/button/ButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { Loader } from '@lidofinance/loaders'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types'\n\ntype InjectedProps = {\n  $color: ButtonColors\n  $size: ButtonSizes\n  $variant: ButtonVariants\n  $fullwidth: boolean\n  $square: boolean\n  $loading: boolean\n  $active: boolean\n  theme: Theme\n}\n\nconst sizes = {\n  xxs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '50px')};\n  `,\n  xs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '60px')};\n  `,\n  sm: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n    min-width: ${({ $square }) => ($square ? '0' : '100px')};\n  `,\n  md: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n    min-width: ${({ $square }) => ($square ? '0' : '120px')};\n  `,\n  lg: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    box-shadow: ${({ theme }) => theme.boxShadows.md}\n      var(--lido-color-shadowDark);\n    padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n    min-width: ${({ $square }) => ($square ? '0' : '160px')};\n  `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-secondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryContrast)`,\n    secondary: `var(--lido-color-secondaryContrast)`,\n    warning: `var(--lido-color-warningContrast)`,\n    error: `var(--lido-color-errorContrast)`,\n    success: `var(--lido-color-successContrast)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryHover)`,\n    secondary: `var(--lido-color-secondaryHover)`,\n    warning: `var(--lido-color-warningHover)`,\n    error: `var(--lido-color-errorHover)`,\n    success: `var(--lido-color-successHover)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst variants = {\n  filled: css`\n    color: ${getContrastColor};\n    background-color: ${getMainColor};\n    transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n    }\n  `,\n  outlined: css`\n    color: ${getMainColor};\n    transition: background-color ${({ theme }) => theme.duration.fast} ease,\n      color ${({ theme }) => theme.duration.fast} ease;\n\n    :before {\n      display: block;\n      border: 1px solid ${getMainColor};\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n      color: ${getContrastColor};\n    }\n  `,\n  text: css`\n    color: ${getMainColor};\n    background-color: var(--lido-color-foreground);\n\n    :before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      :before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  ghost: css`\n    color: ${getMainColor};\n\n    :before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      :before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  translucent: css`\n    color: ${getMainColor};\n\n    :before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0.1;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      :before {\n        opacity: 0.2;\n      }\n    }\n  `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  outline: none;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 700;\n  width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    display: none;\n  }\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  :disabled {\n    opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n  }\n\n  ${(props) => sizes[props.$size]}\n  ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n`\n\nexport const ButtonRippleStyle = styled.span`\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  pointer-events: none;\n  animation: ${ripple} 0.8s linear;\n  background-color: currentColor;\n  opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n  position: relative;\n  pointer-events: none;\n  visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: currentColor;\n  pointer-events: none;\n`\n"],"names":["ButtonStyle","ripple","ButtonRippleStyle","ButtonContentStyle","ButtonLoaderStyle","sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","styled","button","$fullwidth","$loading","$size","$variant","keyframes","span","$hidden","Loader"],"mappings":"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"}