@lidofinance/lido-ui 3.32.0 → 3.34.0

package/dist/cjs/accordion/Accordion.js

@@ -25,15 +25,18 @@ const Accordion = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onExpand,
     onCollapse
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(AccordionStyles.AccordionStyle, { ...rest,
+  return /*#__PURE__*/jsxRuntime.jsxs(AccordionStyles.AccordionStyle, {
+    ...rest,
     ref: ref,
-    children: [/*#__PURE__*/jsxRuntime.jsxs(AccordionStyles.AccordionSummaryStyle, { ...toggleProps,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(AccordionStyles.AccordionSummaryStyle, {
+      ...toggleProps,
       children: [/*#__PURE__*/jsxRuntime.jsx(AccordionStyles.AccordionTitleStyle, {
         children: summary
       }), /*#__PURE__*/jsxRuntime.jsx(AccordionStyles.AccordionArrowStyle, {
         $expanded: isExpanded
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx("div", { ...collapseProps,
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      ...collapseProps,
       children: /*#__PURE__*/jsxRuntime.jsx(AccordionStyles.AccordionContentStyle, {
         children: children
       })

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n  (\n    {\n      defaultExpanded,\n      summary,\n      children,\n      onExpand,\n      onCollapse,\n      ...rest\n    }: AccordionProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { toggleProps, collapseProps, isExpanded } = useExpanded({\n      defaultExpanded,\n      onExpand,\n      onCollapse,\n    })\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)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","ref","defaultExpanded","summary","children","onExpand","onCollapse","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionStyle","AccordionSummaryStyle","_jsx","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","displayName"],"mappings":";;;;;;;;;MAWaA,SAAS,gBAAGC,gBAAU,CACjC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;IACEC,eADF;IAEEC,OAFF;IAGEC,QAHF;IAIEC,QAJF;IAKEC,UALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;IAAeC,aAAf;AAA8BC,IAAAA,UAAAA;AAA9B,GAAA,GAA6CC,uBAAW,CAAC;IAC7DT,eAD6D;IAE7DG,QAF6D;AAG7DC,IAAAA,UAAAA;AAH6D,GAAD,CAA9D,CAAA;EAMA,oBACEM,eAAA,CAACC,8BAAD,EAAA,EAAA,GAAoBN,IAApB;AAA0B,IAAA,GAAG,EAAEN,GAA/B;IAAA,QACE,EAAA,cAAAW,eAAA,CAACE,qCAAD,EAAA,EAAA,GAA2BN,WAA3B;AAAA,MAAA,QAAA,EAAA,cACEO,eAACC,mCAAD,EAAA;QAAA,QAAsBb,EAAAA,OAAAA;OADxB,CAAA,eAEEY,eAACE,mCAAD,EAAA;AAAqB,QAAA,SAAS,EAAEP,UAAAA;OAFlC,CAAA,CAAA;KADF,CAAA,eAKEK,2BAASN,aAAT;AAAA,MAAA,QAAA,eACEM,eAACG,qCAAD,EAAA;QAAA,QAAwBd,EAAAA,QAAAA;AAAxB,OAAA,CAAA;KANJ,CAAA,CAAA;GADF,CAAA,CAAA;AAWD,CA7BgC,EAA5B;AA+BPL,SAAS,CAACoB,WAAV,GAAwB,WAAxB;;;;"}
+{"version":3,"file":"Accordion.js","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n  (\n    {\n      defaultExpanded,\n      summary,\n      children,\n      onExpand,\n      onCollapse,\n      ...rest\n    }: AccordionProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { toggleProps, collapseProps, isExpanded } = useExpanded({\n      defaultExpanded,\n      onExpand,\n      onCollapse,\n    })\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)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","_ref","ref","defaultExpanded","summary","children","onExpand","onCollapse","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionStyle","AccordionSummaryStyle","_jsx","AccordionTitleStyle","AccordionArrowStyle","$expanded","AccordionContentStyle","displayName"],"mappings":";;;;;;;;;AAWO,MAAMA,SAAS,gBAAGC,gBAAU,CACjC,CAAAC,IAAA,EASEC,GAAkC,KAC/B;EAAA,IATH;IACEC,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACW,GAAC,GAAAP,IAAA,CAAA;EAGjB,MAAM;IAAEQ,WAAW;IAAEC,aAAa;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,uBAAW,CAAC;IAC7DT,eAAe;IACfG,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEM,eAAA,CAACC,8BAAc,EAAA;AAAA,IAAA,GAAKN,IAAI;AAAEN,IAAAA,GAAG,EAAEA,GAAI;IAAAG,QAAA,EAAA,cACjCQ,eAAA,CAACE,qCAAqB,EAAA;AAAA,MAAA,GAAKN,WAAW;MAAAJ,QAAA,EAAA,cACpCW,cAAA,CAACC,mCAAmB,EAAA;AAAAZ,QAAAA,QAAA,EAAED,OAAAA;AAAO,OAAsB,CAAC,eACpDY,cAAA,CAACE,mCAAmB,EAAA;AAACC,QAAAA,SAAS,EAAER,UAAAA;AAAW,OAAE,CAAC,CAAA;KACzB,CAAC,eACxBK,cAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAASN,aAAa;MAAAL,QAAA,eACpBW,cAAA,CAACI,qCAAqB,EAAA;AAAAf,QAAAA,QAAA,EAAEA,QAAAA;OAAgC,CAAA;AAAC,KACtD,CAAC,CAAA;AAAA,GACQ,CAAC,CAAA;AAErB,CACF,EAAC;AACDN,SAAS,CAACsB,WAAW,GAAG,WAAW;;;;"}

package/dist/cjs/accordion/AccordionStyles.js

@@ -86,32 +86,32 @@ const AccordionArrowStyle = styledComponentsWrapper.default(index.ArrowBottom)`
 `;
 const AccordionContentStyle = styledComponentsWrapper.default.div`
   color: var(--lido-color-textSecondary);
-  padding: ${_ref10 => {
+  padding: ${_ref0 => {
   let {
     theme
-  } = _ref10;
+  } = _ref0;
   return theme.spaceMap.xxl;
 }}px;
   padding-top: 0;
   font-weight: 400;
-  font-size: ${_ref11 => {
+  font-size: ${_ref1 => {
   let {
     theme
-  } = _ref11;
+  } = _ref1;
   return theme.fontSizesMap.xxs;
 }}px;
   line-height: 1.6em;
 
-  ${_ref12 => {
+  ${_ref10 => {
   let {
     theme
-  } = _ref12;
+  } = _ref10;
   return theme.mediaQueries.md;
 }} {
-    padding: ${_ref13 => {
+    padding: ${_ref11 => {
   let {
     theme
-  } = _ref13;
+  } = _ref11;
   return theme.spaceMap.lg;
 }}px;
     padding-top: 0;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionStyles.js","sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\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;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  ul,\n  /* stylelint-disable-next-line no-descending-specificity */\n  ol {\n    padding: 0 0 0 1.5em;\n  }\n`\n"],"names":["AccordionStyle","styled","div","theme","spaceMap","sm","borderRadiusesMap","xl","AccordionSummaryStyle","lg","xxl","mediaQueries","md","AccordionTitleStyle","fontSizesMap","xs","AccordionArrowStyle","ArrowBottom","props","$expanded","duration","norm","AccordionContentStyle","xxs"],"mappings":"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"}
+{"version":3,"file":"AccordionStyles.js","sources":["../../../packages/accordion/AccordionStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\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;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  ul,\n  /* stylelint-disable-next-line no-descending-specificity */\n  ol {\n    padding: 0 0 0 1.5em;\n  }\n`\n"],"names":["AccordionStyle","styled","div","_ref","theme","spaceMap","sm","_ref2","borderRadiusesMap","xl","AccordionSummaryStyle","_ref3","lg","_ref4","xxl","_ref5","mediaQueries","md","_ref6","AccordionTitleStyle","_ref7","fontSizesMap","xs","AccordionArrowStyle","ArrowBottom","props","$expanded","_ref8","duration","norm","_ref9","AccordionContentStyle","_ref0","_ref1","xxs","_ref10","_ref11"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n  props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\n) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}) => {\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({\n    isExpanded,\n    onExpandEnd: onExpand,\n    onCollapseEnd: onCollapse,\n  })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;;;;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,OAAb,IAAwBD,YAAjE,CAAA;AAUO,MAAME,WAAwB,GAAG,IAIlC,IAAA;EAAA,IAJmC;AACvCC,IAAAA,eAAe,GAAG,KADqB;IAEvCC,QAFuC;AAGvCC,IAAAA,UAAAA;GACI,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BC,cAAQ,CAACL,eAAD,CAA1C,CAAA;AAEAM,EAAAA,eAAS,CAAC,MAAM;IACdF,WAAW,CAACJ,eAAD,CAAX,CAAA;AACD,GAFQ,EAEN,CAACA,eAAD,CAFM,CAAT,CAAA;AAIA,EAAA,MAAMO,YAAY,GAAGC,iBAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAD,IAAc,CAACA,QAAhB,CADa,EAE9B,EAF8B,CAAhC,CAAA;EAKA,MAAM;IAAEC,cAAF;AAAkBC,IAAAA,gBAAAA;AAAlB,GAAA,GAAuCf,WAAW,CAAC;IACvDO,UADuD;AAEvDS,IAAAA,WAAW,EAAEX,QAF0C;AAGvDY,IAAAA,aAAa,EAAEX,UAAAA;AAHwC,GAAD,CAAxD,CAAA;EAMA,OAAO;IACLY,WAAW,EAAEJ,cAAc,CAAC;AAAEK,MAAAA,OAAO,EAAER,YAAAA;AAAX,KAAD,CADtB;IAELS,aAAa,EAAEL,gBAAgB,EAF1B;AAGLR,IAAAA,UAAAA;GAHF,CAAA;AAKD;;;;"}
+{"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n  props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\n) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}) => {\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({\n    isExpanded,\n    onExpandEnd: onExpand,\n    onCollapseEnd: onCollapse,\n  })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","_ref","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;;;;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,OAAO,IAAID,YAAY,CAAA;AAUhEE,MAAAA,WAAwB,GAAGC,IAAA,IAIlC;EAAA,IAJmC;AACvCC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,GAAAH,IAAA,CAAA;EACC,MAAM,CAACI,UAAU,EAAEC,WAAW,CAAC,GAAGC,cAAQ,CAACL,eAAe,CAAC,CAAA;AAE3DM,EAAAA,eAAS,CAAC,MAAM;IACdF,WAAW,CAACJ,eAAe,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACA,eAAe,CAAC,CAAC,CAAA;AAErB,EAAA,MAAMO,YAAY,GAAGC,iBAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAQ,IAAK,CAACA,QAAQ,CAAC,EAC1C,EACF,CAAC,CAAA;EAED,MAAM;IAAEC,cAAc;AAAEC,IAAAA,gBAAAA;GAAkB,GAAGhB,WAAW,CAAC;IACvDQ,UAAU;AACVS,IAAAA,WAAW,EAAEX,QAAQ;AACrBY,IAAAA,aAAa,EAAEX,UAAAA;AACjB,GAAC,CAAC,CAAA;EAEF,OAAO;IACLY,WAAW,EAAEJ,cAAc,CAAC;AAAEK,MAAAA,OAAO,EAAER,YAAAA;AAAa,KAAC,CAAC;IACtDS,aAAa,EAAEL,gBAAgB,EAAE;AACjCR,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

package/dist/cjs/address/Address.js

@@ -13,7 +13,8 @@ const Address = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     address,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs(AddressStyles.AddressStyle, { ...rest,
+  return /*#__PURE__*/jsxRuntime.jsxs(AddressStyles.AddressStyle, {
+    ...rest,
     ref: ref,
     children: [/*#__PURE__*/jsxRuntime.jsx(AddressStyles.AddressFullStyle, {
       children: address

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

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types.js'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles.js'\nimport { trimAddress } from './trimAddress.js'\n\nexport const Address = forwardRef(\n  (\n    { symbols = 3, address, ...rest }: AddressProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <AddressStyle {...rest} ref={ref}>\n        <AddressFullStyle>{address}</AddressFullStyle>\n        <AddressTrimmedStyle>\n          {trimAddress(address, symbols)}\n        </AddressTrimmedStyle>\n      </AddressStyle>\n    )\n  },\n)\nAddress.displayName = 'Address'\n"],"names":["Address","forwardRef","ref","symbols","address","rest","_jsxs","AddressStyle","_jsx","AddressFullStyle","AddressTrimmedStyle","trimAddress","displayName"],"mappings":";;;;;;;;;MASaA,OAAO,gBAAGC,gBAAU,CAC/B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,OAAO,GAAG,CAAZ;IAAeC,OAAf;IAAwB,GAAGC,IAAAA;GAExB,GAAA,IAAA,CAAA;EACH,oBACEC,eAAA,CAACC,0BAAD,EAAA,EAAA,GAAkBF,IAAlB;AAAwB,IAAA,GAAG,EAAEH,GAA7B;AAAA,IAAA,QAAA,EAAA,cACEM,eAACC,8BAAD,EAAA;MAAA,QAAmBL,EAAAA,OAAAA;KADrB,CAAA,eAEEI,eAACE,iCAAD,EAAA;AAAA,MAAA,QAAA,EACGC,uBAAW,CAACP,OAAD,EAAUD,OAAV,CAAA;KAHhB,CAAA,CAAA;GADF,CAAA,CAAA;AAQD,CAb8B,EAA1B;AAePH,OAAO,CAACY,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"file":"Address.js","sources":["../../../packages/address/Address.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types.js'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles.js'\nimport { trimAddress } from './trimAddress.js'\n\nexport const Address = forwardRef(\n  (\n    { symbols = 3, address, ...rest }: AddressProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <AddressStyle {...rest} ref={ref}>\n        <AddressFullStyle>{address}</AddressFullStyle>\n        <AddressTrimmedStyle>\n          {trimAddress(address, symbols)}\n        </AddressTrimmedStyle>\n      </AddressStyle>\n    )\n  },\n)\nAddress.displayName = 'Address'\n"],"names":["Address","forwardRef","_ref","ref","symbols","address","rest","_jsxs","AddressStyle","children","_jsx","AddressFullStyle","AddressTrimmedStyle","trimAddress","displayName"],"mappings":";;;;;;;;;AASO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,OAAO,GAAG,CAAC;IAAEC,OAAO;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAJ,IAAA,CAAA;EAG/C,oBACEK,eAAA,CAACC,0BAAY,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAM,QAAA,EAAA,cAC/BC,cAAA,CAACC,8BAAgB,EAAA;AAAAF,MAAAA,QAAA,EAAEJ,OAAAA;AAAO,KAAmB,CAAC,eAC9CK,cAAA,CAACE,iCAAmB,EAAA;AAAAH,MAAAA,QAAA,EACjBI,uBAAW,CAACR,OAAO,EAAED,OAAO,CAAA;AAAC,KACX,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEnB,CACF,EAAC;AACDJ,OAAO,CAACc,WAAW,GAAG,SAAS;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AddressStyles.js","sources":["../../../packages/address/AddressStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\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  inset: 0;\n  color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n  user-select: none;\n  pointer-events: none;\n`\n"],"names":["AddressStyle","styled","div","AddressFullStyle","span","AddressTrimmedStyle"],"mappings":";;;;;;AAEaA,MAAAA,YAAY,GAAGC,+BAAM,CAACC,GAAI,CAAA;AACvC;AACA;AACA;AACA,EAJO;AAMMC,MAAAA,gBAAgB,GAAGF,+BAAM,CAACG,IAAK,CAAA;AAC5C;AACA;AACA;AACA;AACA,EALO;AAOMC,MAAAA,mBAAmB,GAAGJ,+BAAM,CAACG,IAAK,CAAA;AAC/C;AACA;AACA;;;;;;"}
+{"version":3,"file":"AddressStyles.js","sources":["../../../packages/address/AddressStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\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  inset: 0;\n  color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n  user-select: none;\n  pointer-events: none;\n`\n"],"names":["AddressStyle","styled","div","AddressFullStyle","span","AddressTrimmedStyle"],"mappings":";;;;;;AAEaA,MAAAA,YAAY,GAAGC,+BAAM,CAACC,GAAG,CAAA;AACtC;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,gBAAgB,GAAGF,+BAAM,CAACG,IAAI,CAAA;AAC3C;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGJ,+BAAM,CAACG,IAAI,CAAA;AAC9C;AACA;AACA;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"trimAddress.js","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":";;;;MAAaA,WAAW,GAAG,CAACC,OAAD,EAAkBC,OAAlB,KAA8C;AACvE,EAAA,IAAIA,OAAO,IAAI,CAAf,EAAkB,OAAO,EAAP,CAAA;EAClB,IAAIA,OAAO,GAAG,CAAV,IAAeD,OAAO,CAACE,MAA3B,EAAmC,OAAOF,OAAP,CAAA;EAEnC,MAAMG,IAAI,GAAGH,OAAO,CAACI,KAAR,CAAc,CAAd,EAAiBH,OAAjB,CAAb,CAAA;EACA,MAAMI,KAAK,GAAGL,OAAO,CAACI,KAAR,CAAc,CAACH,OAAf,CAAd,CAAA;AAEA,EAAA,OAAQ,CAAEE,EAAAA,IAAK,CAAKE,GAAAA,EAAAA,KAAM,CAA1B,CAAA,CAAA;AACD;;;;"}
+{"version":3,"file":"trimAddress.js","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":";;;;MAAaA,WAAW,GAAGA,CAACC,OAAe,EAAEC,OAAe,KAAa;AACvE,EAAA,IAAIA,OAAO,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;EAC3B,IAAIA,OAAO,GAAG,CAAC,IAAID,OAAO,CAACE,MAAM,EAAE,OAAOF,OAAO,CAAA;EAEjD,MAAMG,IAAI,GAAGH,OAAO,CAACI,KAAK,CAAC,CAAC,EAAEH,OAAO,CAAC,CAAA;EACtC,MAAMI,KAAK,GAAGL,OAAO,CAACI,KAAK,CAAC,CAACH,OAAO,CAAC,CAAA;AAErC,EAAA,OAAO,CAAGE,EAAAA,IAAI,CAAME,GAAAA,EAAAA,KAAK,CAAE,CAAA,CAAA;AAC7B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBadge.js","sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks/useBreakpoint.js'\nimport { AddressBadgeStyle } from './AddressBadgeStyles.js'\nimport { AddressBadgeProps } from './types.js'\n\nexport const AddressBadge = forwardRef(\n  (\n    {\n      address,\n      symbolsMobile = 3,\n      symbolsDesktop = 6,\n      ...rest\n    }: AddressBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const isMobile = useBreakpoint('md')\n\n    return (\n      <AddressBadgeStyle\n        symbols={isMobile ? symbolsMobile : symbolsDesktop}\n        address={address ?? ''}\n        {...rest}\n        ref={ref}\n      />\n    )\n  },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","ref","address","symbolsMobile","symbolsDesktop","rest","isMobile","useBreakpoint","_jsx","AddressBadgeStyle","displayName"],"mappings":";;;;;;;;;MAKaA,YAAY,gBAAGC,gBAAU,CACpC,CAAA,IAAA,EAOEC,GAPF,KAQK;EAAA,IAPH;IACEC,OADF;AAEEC,IAAAA,aAAa,GAAG,CAFlB;AAGEC,IAAAA,cAAc,GAAG,CAHnB;IAIE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,QAAQ,GAAGC,2BAAa,CAAC,IAAD,CAA9B,CAAA;AAEA,EAAA,oBACEC,eAACC,oCAAD,EAAA;AACE,IAAA,OAAO,EAAEH,QAAQ,GAAGH,aAAH,GAAmBC,cADtC;IAEE,OAAO,EAAEF,OAAO,IAAI,EAFtB;AAAA,IAAA,GAGMG,IAHN;AAIE,IAAA,GAAG,EAAEJ,GAAAA;GALT,CAAA,CAAA;AAQD,CApBmC,EAA/B;AAsBPF,YAAY,CAACW,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"file":"AddressBadge.js","sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks/useBreakpoint.js'\nimport { AddressBadgeStyle } from './AddressBadgeStyles.js'\nimport { AddressBadgeProps } from './types.js'\n\nexport const AddressBadge = forwardRef(\n  (\n    {\n      address,\n      symbolsMobile = 3,\n      symbolsDesktop = 6,\n      ...rest\n    }: AddressBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const isMobile = useBreakpoint('md')\n\n    return (\n      <AddressBadgeStyle\n        symbols={isMobile ? symbolsMobile : symbolsDesktop}\n        address={address ?? ''}\n        {...rest}\n        ref={ref}\n      />\n    )\n  },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","_ref","ref","address","symbolsMobile","symbolsDesktop","rest","isMobile","useBreakpoint","_jsx","AddressBadgeStyle","symbols","displayName"],"mappings":";;;;;;;;;AAKO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,CAAAC,IAAA,EAOEC,GAAkC,KAC/B;EAAA,IAPH;IACEC,OAAO;AACPC,IAAAA,aAAa,GAAG,CAAC;AACjBC,IAAAA,cAAc,GAAG,CAAC;IAClB,GAAGC,IAAAA;AACc,GAAC,GAAAL,IAAA,CAAA;AAGpB,EAAA,MAAMM,QAAQ,GAAGC,2BAAa,CAAC,IAAI,CAAC,CAAA;EAEpC,oBACEC,cAAA,CAACC,oCAAiB,EAAA;AAChBC,IAAAA,OAAO,EAAEJ,QAAQ,GAAGH,aAAa,GAAGC,cAAe;IACnDF,OAAO,EAAEA,OAAO,IAAI,EAAG;AAAA,IAAA,GACnBG,IAAI;AACRJ,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACV,CAAC,CAAA;AAEN,CACF,EAAC;AACDH,YAAY,CAACa,WAAW,GAAG,cAAc;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBadgeStyles.js","sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { IdenticonBadge } from '../identicon/index.js'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  & > * {\n    flex-shrink: 0;\n  }\n\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":";;;;;;;;MAGaA,iBAAiB,GAAGC,+BAAM,CAACC,6BAAD,CAAiB,CAAA;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"AddressBadgeStyles.js","sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { IdenticonBadge } from '../identicon/index.js'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  & > * {\n    flex-shrink: 0;\n  }\n\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":";;;;;;;;MAGaA,iBAAiB,GAAGC,+BAAM,CAACC,6BAAc,CAAC,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Block.js","sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles.js'\nimport { BlockProps } from './types.js'\n\nexport const Block = forwardRef(\n  (\n    {\n      color = 'foreground',\n      variant = 'flat',\n      paddingLess = false,\n      ...rest\n    }: BlockProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <BlockStyle\n        $color={color}\n        $variant={variant}\n        $paddingLess={paddingLess}\n        ref={ref}\n        {...rest}\n      />\n    )\n  },\n)\nBlock.displayName = 'Block'\n"],"names":["Block","forwardRef","ref","color","variant","paddingLess","rest","_jsx","BlockStyle","displayName"],"mappings":";;;;;;;;MAIaA,KAAK,gBAAGC,gBAAU,CAC7B,CAAA,IAAA,EAOEC,GAPF,KAQK;EAAA,IAPH;AACEC,IAAAA,KAAK,GAAG,YADV;AAEEC,IAAAA,OAAO,GAAG,MAFZ;AAGEC,IAAAA,WAAW,GAAG,KAHhB;IAIE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,eAACC,sBAAD,EAAA;AACE,IAAA,MAAM,EAAEL,KADV;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,YAAY,EAAEC,WAHhB;AAIE,IAAA,GAAG,EAAEH,GAJP;IAAA,GAKMI,IAAAA;GANR,CAAA,CAAA;AASD,CAnB4B,EAAxB;AAqBPN,KAAK,CAACS,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Block.js","sources":["../../../packages/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles.js'\nimport { BlockProps } from './types.js'\n\nexport const Block = forwardRef(\n  (\n    {\n      color = 'foreground',\n      variant = 'flat',\n      paddingLess = false,\n      ...rest\n    }: BlockProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <BlockStyle\n        $color={color}\n        $variant={variant}\n        $paddingLess={paddingLess}\n        ref={ref}\n        {...rest}\n      />\n    )\n  },\n)\nBlock.displayName = 'Block'\n"],"names":["Block","forwardRef","_ref","ref","color","variant","paddingLess","rest","_jsx","BlockStyle","$color","$variant","$paddingLess","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,CAAAC,IAAA,EAOEC,GAAkC,KAC/B;EAAA,IAPH;AACEC,IAAAA,KAAK,GAAG,YAAY;AACpBC,IAAAA,OAAO,GAAG,MAAM;AAChBC,IAAAA,WAAW,GAAG,KAAK;IACnB,GAAGC,IAAAA;AACO,GAAC,GAAAL,IAAA,CAAA;EAGb,oBACEM,cAAA,CAACC,sBAAU,EAAA;AACTC,IAAAA,MAAM,EAAEN,KAAM;AACdO,IAAAA,QAAQ,EAAEN,OAAQ;AAClBO,IAAAA,YAAY,EAAEN,WAAY;AAC1BH,IAAAA,GAAG,EAAEA,GAAI;IAAA,GACLI,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AACDP,KAAK,CAACa,WAAW,GAAG,OAAO;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BlockStyles.js","sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { BlockVariants, BlockColors } from './types.js'\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":["colors","foreground","css","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","BlockStyle","styled","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":";;;;;;;AAWA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,WAAI,CAAA;AAClB;AACA;AACA,EAJe,CAAA;AAKbC,EAAAA,UAAU,EAAED,WAAI,CAAA;AAClB;AACA;AACA,EARe,CAAA;AASbE,EAAAA,MAAM,EAAEF,WAAI,CAAA;AACd;AACA;AACA,EAAA,CAAA;AAZe,CAAf,CAAA;AAeA,MAAMG,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAEJ,WAAI,CAAA;AACZ;AACA,EAHiB,CAAA;AAIfK,EAAAA,MAAM,EAAEL,WAAI,CAAA;AACd,gBAAkB,EAAA,IAAA,IAAA;IAAA,IAAC;AAAEM,MAAAA,KAAAA;KAAH,GAAA,IAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAhC,CAAA;GAAmC,CAAA;AACrD;AACA,EAAA,CAAA;AAPiB,CAAjB,CAAA;AAUA,MAAMC,QAAQ,GAAGT,WAAI,CAAA;AACrB,WAAa,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEM,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACI,QAAN,CAAeC,GAA9B,CAAA;AAAA,CAAkC,CAAA;AAC/C;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACM,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC,aAAe,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACI,QAAN,CAAeF,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAChD;AACA,CANA,CAAA;AAQaM,MAAAA,UAAU,GAAGC,+BAAM,CAACC,GAAmB,CAAA;AACpD;AACA,aAAe,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACW,YAAN,CAAmBC,GAAlC,CAAA;AAAA,CAAsC,CAAA;AACrD;AACA,iBAAmB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEZ,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACa,iBAAN,CAAwBC,EAAvC,CAAA;AAAA,CAA0C,CAAA;AAC7D;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OAAsB,CAACA,YAAD,IAAiBZ,QAAvC,CAAA;AAAA,CAAgD,CAAA;AACpD;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEa,IAAAA,QAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OAAkBnB,QAAQ,CAACmB,QAAD,CAA1B,CAAA;AAAA,CAAqC,CAAA;AACzC,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OAAgBzB,MAAM,CAACyB,MAAD,CAAtB,CAAA;AAAA,CAA+B,CAAA;AACnC;;;;"}
+{"version":3,"file":"BlockStyles.js","sources":["../../../packages/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { BlockVariants, BlockColors } from './types.js'\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":["colors","foreground","css","background","accent","variants","flat","shadow","_ref","theme","boxShadows","lg","paddings","_ref2","spaceMap","xxl","_ref3","mediaQueries","md","_ref4","BlockStyle","styled","div","_ref5","fontSizesMap","xxs","_ref6","borderRadiusesMap","xl","_ref7","$paddingLess","_ref8","$variant","_ref9","$color"],"mappings":";;;;;;;AAWA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,WAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,UAAU,EAAED,WAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,MAAM,EAAEF,WAAG,CAAA;AACb;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMG,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAEJ,WAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDK,EAAAA,MAAM,EAAEL,WAAG,CAAA;AACb,gBAAA,EAAkBM,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,KAAK,CAACC,UAAU,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AACpD;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMC,QAAQ,GAAGV,WAAG,CAAA;AACpB,WAAA,EAAaW,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;AAAM,GAAC,GAAAI,KAAA,CAAA;AAAA,EAAA,OAAKJ,KAAK,CAACK,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAC9C;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACQ,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACK,QAAQ,CAACH,EAAE,CAAA;AAAA,CAAA,CAAA;AAC/C;AACA,CAAC,CAAA;AAEYS,MAAAA,UAAU,GAAGC,+BAAM,CAACC,GAAkB,CAAA;AACnD;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEd,IAAAA,KAAAA;AAAM,GAAC,GAAAc,KAAA,CAAA;AAAA,EAAA,OAAKd,KAAK,CAACe,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;AAAA,EAAA,OAAKjB,KAAK,CAACkB,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAK,CAACC,YAAY,IAAIlB,QAAQ,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAA,EAAImB,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAK1B,QAAQ,CAAC2B,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACxC,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKjC,MAAM,CAACkC,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAClC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\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","BlockColor"],"mappings":";;;;AAGYA,IAAAA,YAAZ,0BAAYA,YAAZ,EAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,YAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\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","BlockColor"],"mappings":";;;;AAGYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMZC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { withStyledSystem } from '../styled-system/index.js'\n\nexport const Box = withStyledSystem(styled.div``)\n"],"names":["Box","withStyledSystem","styled","div"],"mappings":";;;;;;;AAGO,MAAMA,GAAG,GAAGC,gBAAgB,CAACC,+BAAM,CAACC,GAAI,CAAA,CAAZ;;;;"}
+{"version":3,"file":"Box.js","sources":["../../../packages/box/Box.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { withStyledSystem } from '../styled-system/index.js'\n\nexport const Box = withStyledSystem(styled.div``)\n"],"names":["Box","withStyledSystem","styled","div"],"mappings":";;;;;;;AAGO,MAAMA,GAAG,GAAGC,gBAAgB,CAACC,+BAAM,CAACC,GAAG,CAAA,CAAE;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n  (\n    {\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    }: ButtonProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { handleClick, ripple } = useRipple({ onClick })\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)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","_jsx","ButtonContentStyle","ButtonLoaderStyle","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OADa;AAElBC,EAAAA,EAAE,EAAE,OAFc;AAGlBC,EAAAA,EAAE,EAAE,OAHc;AAIlBC,EAAAA,EAAE,EAAE,QAJc;AAKlBC,EAAAA,EAAE,EAAE,QAAA;AALc,CAApB,CAAA;MAQaC,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAcEC,GAdF,KAeK;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IADT;AAEEC,IAAAA,OAAO,GAAG,QAFZ;AAGEC,IAAAA,KAAK,GAAG,SAHV;AAIEC,IAAAA,MAAM,GAAG,KAJX;AAKEC,IAAAA,SAAS,GAAG,KALd;AAMEC,IAAAA,OAAO,GAAG,KANZ;AAOEC,IAAAA,MAAM,GAAG,KAPX;IAQEC,OARF;IASEC,QATF;IAUEC,QAVF;IAWE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;AAAeC,IAAAA,MAAAA;AAAf,GAAA,GAA0BC,mBAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAF,GAAD,CAAzC,CAAA;AACA,EAAA,MAAMO,UAAU,GAAGvB,WAAW,CAACS,IAAD,CAA9B,CAAA;AAEA,EAAA,oBACEe,gBAACC,wBAAD,EAAA;AACE,IAAA,KAAK,EAAEhB,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,UAAU,EAAEG,SAHd;AAIE,IAAA,MAAM,EAAEF,KAJV;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,QAAQ,EAAEE,OANZ;AAOE,IAAA,OAAO,EAAEC,MAPX;AAQE,IAAA,OAAO,EAAEK,WARX;IASE,QAAQ,EAAEH,QAAQ,IAAIH,OATxB;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,GAAG,EAAEN,GAXP;AAAA,IAAA,GAYMW,IAZN;AAAA,IAAA,QAAA,EAAA,cAcEO,eAACC,+BAAD,EAAA;AAAoB,MAAA,OAAO,EAAEb,OAA7B;MAAA,QAAuCI,EAAAA,QAAAA;AAAvC,KAAA,CAdF,EAeGJ,OAAO,iBAAIY,cAAA,CAACE,8BAAD,EAAA;AAAmB,MAAA,IAAI,EAAEL,UAAAA;AAAzB,KAAA,CAfd,EAgBG,CAACR,MAAD,IAAWM,MAhBd,CAAA;GADF,CAAA,CAAA;AAoBD,CAxC6B,EAAzB;AA0CPf,MAAM,CAACuB,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n  (\n    {\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    }: ButtonProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { handleClick, ripple } = useRipple({ onClick })\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)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","_ref","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","_jsx","ButtonContentStyle","$hidden","ButtonLoaderStyle","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAA;AACN,CAAU,CAAA;AAEH,MAAMC,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAcEC,GAAqC,KAClC;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,OAAO,GAAG,QAAQ;AAClBC,IAAAA,KAAK,GAAG,SAAS;AACjBC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,MAAM,GAAG,KAAK;IACdC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACR,GAAGC,IAAAA;AACQ,GAAC,GAAAZ,IAAA,CAAA;EAGd,MAAM;IAAEa,WAAW;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,mBAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAQ,GAAC,CAAC,CAAA;AACtD,EAAA,MAAMO,UAAU,GAAGxB,WAAW,CAACU,IAAI,CAAC,CAAA;EAEpC,oBACEe,eAAA,CAACC,wBAAW,EAAA;AACVC,IAAAA,KAAK,EAAEjB,IAAK;AACZkB,IAAAA,QAAQ,EAAEjB,OAAQ;AAClBkB,IAAAA,UAAU,EAAEf,SAAU;AACtBgB,IAAAA,MAAM,EAAElB,KAAM;AACdmB,IAAAA,OAAO,EAAElB,MAAO;AAChBmB,IAAAA,QAAQ,EAAEjB,OAAQ;AAClBkB,IAAAA,OAAO,EAAEjB,MAAO;AAChBC,IAAAA,OAAO,EAAEI,WAAY;IACrBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAQ;AAC9BmB,IAAAA,IAAI,EAAC,QAAQ;AACbzB,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLW,IAAI;IAAAD,QAAA,EAAA,cAERgB,cAAA,CAACC,+BAAkB,EAAA;AAACC,MAAAA,OAAO,EAAEtB,OAAQ;AAAAI,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAqB,CAAC,EACpEJ,OAAO,iBAAIoB,cAAA,CAACG,8BAAiB,EAAA;AAAC5B,MAAAA,IAAI,EAAEc,UAAAA;AAAW,KAAE,CAAC,EAClD,CAACR,MAAM,IAAIM,MAAM,CAAA;AAAA,GACP,CAAC,CAAA;AAElB,CACF,EAAC;AACDhB,MAAM,CAACiC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles.js'\nimport { ButtonIconProps } from './types.js'\nimport { Button } from './Button.js'\n\nexport const ButtonIcon = forwardRef(\n  (\n    { icon, children, ...rest }: ButtonIconProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\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)\nButtonIcon.displayName = 'ButtonIcon'\n"],"names":["ButtonIcon","forwardRef","ref","icon","children","rest","hasNoChildren","_jsx","Button","_jsxs","ButtonWrapperStyle","ButtonIconStyle","ButtonContentStyle","displayName"],"mappings":";;;;;;;;;MASaA,UAAU,gBAAGC,gBAAU,CAClC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,IAAF;IAAQC,QAAR;IAAkB,GAAGC,IAAAA;GAElB,GAAA,IAAA,CAAA;EACH,MAAMC,aAAa,GAAG,CAACF,QAAvB,CAAA;AAEA,EAAA,oBACEG,eAACC,aAAD,EAAA;AAAQ,IAAA,MAAM,EAAEF,aAAhB;AAAA,IAAA,GAAmCD,IAAnC;AAAyC,IAAA,GAAG,EAAEH,GAA9C;AAAA,IAAA,QAAA,eACEO,gBAACC,mCAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEH,eAACI,gCAAD,EAAA;AAAiB,QAAA,OAAO,EAAEL,aAA1B;QAAA,QAA0CH,EAAAA,IAAAA;OAD5C,CAAA,eAEEI,eAACK,mCAAD,EAAA;QAAA,QAAqBR,EAAAA,QAAAA;OAFvB,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAQD,CAfiC,EAA7B;AAiBPJ,UAAU,CAACa,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../packages/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles.js'\nimport { ButtonIconProps } from './types.js'\nimport { Button } from './Button.js'\n\nexport const ButtonIcon = forwardRef(\n  (\n    { icon, children, ...rest }: ButtonIconProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\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)\nButtonIcon.displayName = 'ButtonIcon'\n"],"names":["ButtonIcon","forwardRef","_ref","ref","icon","children","rest","hasNoChildren","_jsx","Button","square","_jsxs","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","displayName"],"mappings":";;;;;;;;;AASO,MAAMA,UAAU,gBAAGC,gBAAU,CAClC,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAsB,GAAC,GAAAJ,IAAA,CAAA;EAG5C,MAAMK,aAAa,GAAG,CAACF,QAAQ,CAAA;EAE/B,oBACEG,cAAA,CAACC,aAAM,EAAA;AAACC,IAAAA,MAAM,EAAEH,aAAc;AAAA,IAAA,GAAKD,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAE,QAAA,eAChDM,eAAA,CAACC,mCAAkB,EAAA;MAAAP,QAAA,EAAA,cACjBG,cAAA,CAACK,gCAAe,EAAA;AAACC,QAAAA,OAAO,EAAEP,aAAc;AAAAF,QAAAA,QAAA,EAAED,IAAAA;AAAI,OAAkB,CAAC,eACjEI,cAAA,CAACO,mCAAkB,EAAA;AAAAV,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAqB,CAAC,CAAA;KACjC,CAAA;AAAC,GACf,CAAC,CAAA;AAEb,CACF,EAAC;AACDL,UAAU,CAACgB,WAAW,GAAG,YAAY;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconStyles.js","sources":["../../../packages/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\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","styled","span","ButtonIconStyle","$square","ButtonContentStyle"],"mappings":";;;;;;AAEaA,MAAAA,kBAAkB,GAAGC,+BAAM,CAACC,IAAK,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA,EANO;AAQMC,MAAAA,eAAe,GAAGF,+BAAM,CAACC,IAA2B,CAAA;AACjE,UAAY,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEE,IAAAA,OAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAkBA,OAAO,GAAG,OAAH,GAAa,YAAtC,CAAA;AAAA,CAAoD,CAAA;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,EARO;AAUMC,MAAAA,kBAAkB,GAAGJ,+BAAM,CAACC,IAAK,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;;;;;;"}
+{"version":3,"file":"ButtonIconStyles.js","sources":["../../../packages/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\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","styled","span","ButtonIconStyle","_ref","$square","ButtonContentStyle"],"mappings":";;;;;;AAEaA,MAAAA,kBAAkB,GAAGC,+BAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,eAAe,GAAGF,+BAAM,CAACC,IAA0B,CAAA;AAChE,UAAA,EAAYE,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,OAAO,GAAG,YAAY,CAAA;AAAA,CAAC,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,kBAAkB,GAAGL,+BAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;;;;;;"}

package/dist/cjs/button/ButtonStyles.js

@@ -70,88 +70,87 @@ const sizes = {
     } = _ref9;
     return theme.fontSizesMap.xs;
   }}px;
-    border-radius: ${_ref10 => {
+    border-radius: ${_ref0 => {
     let {
       theme
-    } = _ref10;
+    } = _ref0;
     return theme.borderRadiusesMap.sm;
   }}px;
-    padding: ${_ref11 => {
+    padding: ${_ref1 => {
     let {
       $square
-    } = _ref11;
+    } = _ref1;
     return $square ? '16px' : '16px 24px';
   }};
-    min-width: ${_ref12 => {
+    min-width: ${_ref10 => {
     let {
       $square
-    } = _ref12;
+    } = _ref10;
     return $square ? '0' : '100px';
   }};
   `,
   md: _styled.css`
     line-height: 1em;
-    font-size: ${_ref13 => {
+    font-size: ${_ref11 => {
     let {
       theme
-    } = _ref13;
+    } = _ref11;
     return theme.fontSizesMap.xs;
   }}px;
-    border-radius: ${_ref14 => {
+    border-radius: ${_ref12 => {
     let {
       theme
-    } = _ref14;
+    } = _ref12;
     return theme.borderRadiusesMap.lg;
   }}px;
-    padding: ${_ref15 => {
+    padding: ${_ref13 => {
     let {
       $square
-    } = _ref15;
+    } = _ref13;
     return $square ? '21px' : '21px 44px';
   }};
-    min-width: ${_ref16 => {
+    min-width: ${_ref14 => {
     let {
       $square
-    } = _ref16;
+    } = _ref14;
     return $square ? '0' : '120px';
   }};
   `,
   lg: _styled.css`
     line-height: 1em;
-    font-size: ${_ref17 => {
+    font-size: ${_ref15 => {
     let {
       theme
-    } = _ref17;
+    } = _ref15;
     return theme.fontSizesMap.sm;
   }}px;
-    border-radius: ${_ref18 => {
+    border-radius: ${_ref16 => {
     let {
       theme
-    } = _ref18;
+    } = _ref16;
     return theme.borderRadiusesMap.lg;
   }}px;
-    box-shadow: ${_ref19 => {
+    box-shadow: ${_ref17 => {
     let {
       theme
-    } = _ref19;
+    } = _ref17;
     return theme.boxShadows.md;
   }}
       var(--lido-color-shadowDark);
-    padding: ${_ref20 => {
+    padding: ${_ref18 => {
     let {
       $square
-    } = _ref20;
+    } = _ref18;
     return $square ? '24px' : '24px 64px';
   }};
-    min-width: ${_ref21 => {
+    min-width: ${_ref19 => {
     let {
       $square
-    } = _ref21;
+    } = _ref19;
     return $square ? '0' : '160px';
   }};
   `
 };
-
 const getMainColor = props => {
   const colorsMap = {
     primary: `var(--lido-color-primary)`,
@@ -162,7 +161,6 @@ const getMainColor = props => {
   };
   return colorsMap[props.$color];
 };
-
 const getContrastColor = props => {
   const colorsMap = {
     primary: `var(--lido-color-primaryContrast)`,
@@ -173,7 +171,6 @@ const getContrastColor = props => {
   };
   return colorsMap[props.$color];
 };
-
 const getHoverColor = props => {
   const colorsMap = {
     primary: `var(--lido-color-primaryHover)`,
@@ -184,15 +181,14 @@ const getHoverColor = props => {
   };
   return colorsMap[props.$color];
 };
-
 const variants = {
   filled: _styled.css`
     color: ${getContrastColor};
     background-color: ${getMainColor};
-    transition: background-color ${_ref22 => {
+    transition: background-color ${_ref20 => {
     let {
       theme
-    } = _ref22;
+    } = _ref20;
     return theme.duration.fast;
   }} ease;
 
@@ -204,16 +200,16 @@ const variants = {
   outlined: _styled.css`
     color: ${getMainColor};
     transition:
-      background-color ${_ref23 => {
+      background-color ${_ref21 => {
     let {
       theme
-    } = _ref23;
+    } = _ref21;
     return theme.duration.fast;
   }} ease,
-      color ${_ref24 => {
+      color ${_ref22 => {
     let {
       theme
-    } = _ref24;
+    } = _ref22;
     return theme.duration.fast;
   }} ease;
 
@@ -235,10 +231,10 @@ const variants = {
     ::before {
       display: block;
       background-color: ${getMainColor};
-      transition: opacity ${_ref25 => {
+      transition: opacity ${_ref23 => {
     let {
       theme
-    } = _ref25;
+    } = _ref23;
     return theme.duration.fast;
   }} ease;
       opacity: 0;
@@ -258,10 +254,10 @@ const variants = {
     ::before {
       display: block;
       background-color: ${getMainColor};
-      transition: opacity ${_ref26 => {
+      transition: opacity ${_ref24 => {
     let {
       theme
-    } = _ref26;
+    } = _ref24;
     return theme.duration.fast;
   }} ease;
       opacity: 0;
@@ -281,10 +277,10 @@ const variants = {
     ::before {
       display: block;
       background-color: ${getMainColor};
-      transition: opacity ${_ref27 => {
+      transition: opacity ${_ref25 => {
     let {
       theme
-    } = _ref27;
+    } = _ref25;
     return theme.duration.fast;
   }} ease;
       opacity: 0.1;
@@ -310,10 +306,10 @@ const ButtonStyle = styledComponentsWrapper.default.button`
   background: transparent;
   font-family: inherit;
   font-weight: 700;
-  width: ${_ref28 => {
+  width: ${_ref26 => {
   let {
     $fullwidth
-  } = _ref28;
+  } = _ref26;
   return $fullwidth ? ' 100%' : 'auto';
 }};
   -webkit-tap-highlight-color: transparent;
@@ -332,10 +328,10 @@ const ButtonStyle = styledComponentsWrapper.default.button`
   }
 
   :disabled {
-    opacity: ${_ref29 => {
+    opacity: ${_ref27 => {
   let {
     $loading
-  } = _ref29;
+  } = _ref27;
   return $loading ? 1 : 0.5;
 }};
   }
@@ -361,10 +357,10 @@ const ButtonRippleStyle = styledComponentsWrapper.default.span`
 const ButtonContentStyle = styledComponentsWrapper.default.span`
   position: relative;
   pointer-events: none;
-  visibility: ${_ref30 => {
+  visibility: ${_ref28 => {
   let {
     $hidden
-  } = _ref30;
+  } = _ref28;
   return $hidden ? 'hidden' : 'visible';
 }};
 `;