cakeinpanic-ui 1.0.0

package/dist/esm/accordion/Accordion.mjs

@@ -0,0 +1,45 @@
+import { forwardRef } from 'react';
+import { AccordionStyle, AccordionSummaryStyle, AccordionTitleStyle, AccordionArrowStyle, AccordionContentStyle } from './AccordionStyles.mjs';
+import { useExpanded } from './useExpanded.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Accordion = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    defaultExpanded,
+    summary,
+    children,
+    onExpand,
+    onCollapse,
+    ...rest
+  } = _ref;
+  const {
+    toggleProps,
+    collapseProps,
+    isExpanded
+  } = useExpanded({
+    defaultExpanded,
+    onExpand,
+    onCollapse
+  });
+  return /*#__PURE__*/jsxs(AccordionStyle, {
+    ...rest,
+    ref: ref,
+    children: [/*#__PURE__*/jsxs(AccordionSummaryStyle, {
+      ...toggleProps,
+      children: [/*#__PURE__*/jsx(AccordionTitleStyle, {
+        children: summary
+      }), /*#__PURE__*/jsx(AccordionArrowStyle, {
+        $expanded: isExpanded
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      ...collapseProps,
+      children: /*#__PURE__*/jsx(AccordionContentStyle, {
+        children: children
+      })
+    })]
+  });
+});
+Accordion.displayName = 'Accordion';
+
+export { Accordion };
+//# sourceMappingURL=Accordion.mjs.map

package/dist/esm/accordion/Accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","sources":["../../../src/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,UAAU,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,WAAW,CAAC;IAC7DT,eAAe;IACfG,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEM,IAAA,CAACC,cAAc,EAAA;AAAA,IAAA,GAAKN,IAAI;AAAEN,IAAAA,GAAG,EAAEA,GAAI;IAAAG,QAAA,EAAA,cACjCQ,IAAA,CAACE,qBAAqB,EAAA;AAAA,MAAA,GAAKN,WAAW;MAAAJ,QAAA,EAAA,cACpCW,GAAA,CAACC,mBAAmB,EAAA;AAAAZ,QAAAA,QAAA,EAAED,OAAAA;AAAO,OAAsB,CAAC,eACpDY,GAAA,CAACE,mBAAmB,EAAA;AAACC,QAAAA,SAAS,EAAER,UAAAA;AAAW,OAAE,CAAC,CAAA;KACzB,CAAC,eACxBK,GAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAASN,aAAa;MAAAL,QAAA,eACpBW,GAAA,CAACI,qBAAqB,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/esm/accordion/AccordionStyles.mjs

@@ -0,0 +1,135 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { ArrowBottom } from '../icons/index.mjs';
+
+const AccordionStyle = styled.div`
+  margin: 0 0 ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.sm;
+}}px 0;
+  background: var(--lido-color-foreground);
+  border-radius: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.borderRadiusesMap.xl;
+}}px;
+`;
+const AccordionSummaryStyle = styled.div`
+  padding: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spaceMap.lg;
+}}px
+    ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spaceMap.xxl;
+}}px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  outline: none;
+  min-height: 40px;
+  box-sizing: content-box;
+
+  ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.mediaQueries.md;
+}} {
+    padding: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spaceMap.lg;
+}}px;
+  }
+`;
+const AccordionTitleStyle = styled.div`
+  color: var(--lido-color-text);
+  flex-grow: 1;
+  font-weight: 800;
+  font-size: ${_ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.6em;
+`;
+const AccordionArrowStyle = styled(ArrowBottom)`
+  flex-shrink: 0;
+  transform: rotate(${props => props.$expanded ? 180 : 0}deg);
+  transition: transform ${_ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.duration.norm;
+}} ease;
+  margin: -2px;
+  margin-left: ${_ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.spaceMap.md;
+}}px;
+  fill: var(--lido-color-textSecondary);
+`;
+const AccordionContentStyle = styled.div`
+  color: var(--lido-color-textSecondary);
+  padding: ${_ref0 => {
+  let {
+    theme
+  } = _ref0;
+  return theme.spaceMap.xxl;
+}}px;
+  padding-top: 0;
+  font-weight: 400;
+  font-size: ${_ref1 => {
+  let {
+    theme
+  } = _ref1;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+
+  ${_ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.mediaQueries.md;
+}} {
+    padding: ${_ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.spaceMap.lg;
+}}px;
+    padding-top: 0;
+  }
+
+  p,
+  ul,
+  ol {
+    margin: 0 0 1.6em;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  /* stylelint-disable-next-line no-descending-specificity */
+  ul,
+  /* stylelint-disable-next-line no-descending-specificity */
+  ol {
+    padding: 0 0 0 1.5em;
+  }
+`;
+
+export { AccordionArrowStyle, AccordionContentStyle, AccordionStyle, AccordionSummaryStyle, AccordionTitleStyle };
+//# sourceMappingURL=AccordionStyles.mjs.map

package/dist/esm/accordion/AccordionStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionStyles.mjs","sources":["../../../src/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/esm/accordion/useExpanded.mjs

@@ -0,0 +1,28 @@
+import { useCollapse } from 'react-collapsed';
+
+const useExpanded = _ref => {
+  let {
+    defaultExpanded = false,
+    onExpand,
+    onCollapse
+  } = _ref;
+  const {
+    getToggleProps,
+    getCollapseProps,
+    isExpanded
+  } = useCollapse({
+    defaultExpanded,
+    onTransitionStateChange: state => {
+      if (state === 'expandEnd') onExpand?.();
+      if (state === 'collapseEnd') onCollapse?.();
+    }
+  });
+  return {
+    toggleProps: getToggleProps(),
+    collapseProps: getCollapseProps(),
+    isExpanded
+  };
+};
+
+export { useExpanded };
+//# sourceMappingURL=useExpanded.mjs.map

package/dist/esm/accordion/useExpanded.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpanded.mjs","sources":["../../../src/accordion/useExpanded.ts"],"sourcesContent":["import { useCollapse } from 'react-collapsed'\nimport { AccordionProps } from './types.js'\n\nexport const useExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {\n  const { getToggleProps, getCollapseProps, isExpanded } = useCollapse({\n    defaultExpanded,\n    onTransitionStateChange: (state) => {\n      if (state === 'expandEnd') onExpand?.()\n      if (state === 'collapseEnd') onCollapse?.()\n    },\n  })\n\n  return {\n    toggleProps: getToggleProps(),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","_ref","defaultExpanded","onExpand","onCollapse","getToggleProps","getCollapseProps","isExpanded","useCollapse","onTransitionStateChange","state","toggleProps","collapseProps"],"mappings":";;AAGaA,MAAAA,WAAW,GAAGC,IAAA,IAIgD;EAAA,IAJ/C;AAC1BC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AACmE,GAAC,GAAAH,IAAA,CAAA;EACpE,MAAM;IAAEI,cAAc;IAAEC,gBAAgB;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,WAAW,CAAC;IACnEN,eAAe;IACfO,uBAAuB,EAAGC,KAAK,IAAK;AAClC,MAAA,IAAIA,KAAK,KAAK,WAAW,EAAEP,QAAQ,IAAI,CAAA;AACvC,MAAA,IAAIO,KAAK,KAAK,aAAa,EAAEN,UAAU,IAAI,CAAA;AAC7C,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLO,WAAW,EAAEN,cAAc,EAAE;IAC7BO,aAAa,EAAEN,gBAAgB,EAAE;AACjCC,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

package/dist/esm/accordion-transparent/AccordionTransparent.mjs

@@ -0,0 +1,48 @@
+import { forwardRef } from 'react';
+import { AccordionTransparentStyle, AccordionTransparentSummaryStyle, AccordionTransparentTitleStyle, AccordionTransparentArrowStyle, AccordionTransparentContentStyle } from './AccordionTransparentStyles.mjs';
+import { useExpanded } from './useExpanded.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const AccordionTransparent = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    defaultExpanded,
+    summary,
+    children,
+    onExpand,
+    onCollapse,
+    withoutBorder,
+    ...rest
+  } = _ref;
+  const {
+    toggleProps,
+    collapseProps,
+    isExpanded
+  } = useExpanded({
+    defaultExpanded,
+    onExpand,
+    onCollapse
+  });
+  return /*#__PURE__*/jsxs(AccordionTransparentStyle, {
+    ...rest,
+    ref: ref,
+    $withoutBorder: withoutBorder,
+    children: [/*#__PURE__*/jsxs(AccordionTransparentSummaryStyle, {
+      ...toggleProps,
+      children: [/*#__PURE__*/jsx(AccordionTransparentTitleStyle, {
+        children: summary
+      }), /*#__PURE__*/jsx(AccordionTransparentArrowStyle, {
+        $expanded: isExpanded
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      ...collapseProps,
+      children: /*#__PURE__*/jsx(AccordionTransparentContentStyle, {
+        $expanded: isExpanded,
+        children: children
+      })
+    })]
+  });
+});
+AccordionTransparent.displayName = 'AccordionTransparent';
+
+export { AccordionTransparent };
+//# sourceMappingURL=AccordionTransparent.mjs.map

package/dist/esm/accordion-transparent/AccordionTransparent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparent.mjs","sources":["../../../src/accordion-transparent/AccordionTransparent.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionTransparentProps } from './types.js'\nimport {\n  AccordionTransparentStyle,\n  AccordionTransparentSummaryStyle,\n  AccordionTransparentTitleStyle,\n  AccordionTransparentArrowStyle,\n  AccordionTransparentContentStyle,\n} from './AccordionTransparentStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const AccordionTransparent = forwardRef(\n  (\n    {\n      defaultExpanded,\n      summary,\n      children,\n      onExpand,\n      onCollapse,\n      withoutBorder,\n      ...rest\n    }: AccordionTransparentProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { toggleProps, collapseProps, isExpanded } = useExpanded({\n      defaultExpanded,\n      onExpand,\n      onCollapse,\n    })\n\n    return (\n      <AccordionTransparentStyle\n        {...rest}\n        ref={ref}\n        $withoutBorder={withoutBorder}\n      >\n        <AccordionTransparentSummaryStyle {...toggleProps}>\n          <AccordionTransparentTitleStyle>\n            {summary}\n          </AccordionTransparentTitleStyle>\n          <AccordionTransparentArrowStyle $expanded={isExpanded} />\n        </AccordionTransparentSummaryStyle>\n        <div {...collapseProps}>\n          <AccordionTransparentContentStyle $expanded={isExpanded}>\n            {children}\n          </AccordionTransparentContentStyle>\n        </div>\n      </AccordionTransparentStyle>\n    )\n  },\n)\nAccordionTransparent.displayName = 'AccordionTransparent'\n"],"names":["AccordionTransparent","forwardRef","_ref","ref","defaultExpanded","summary","children","onExpand","onCollapse","withoutBorder","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionTransparentStyle","$withoutBorder","AccordionTransparentSummaryStyle","_jsx","AccordionTransparentTitleStyle","AccordionTransparentArrowStyle","$expanded","AccordionTransparentContentStyle","displayName"],"mappings":";;;;;AAWO,MAAMA,oBAAoB,gBAAGC,UAAU,CAC5C,CAAAC,IAAA,EAUEC,GAAkC,KAC/B;EAAA,IAVH;IACEC,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACb,GAAGC,IAAAA;AACsB,GAAC,GAAAR,IAAA,CAAA;EAG5B,MAAM;IAAES,WAAW;IAAEC,aAAa;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,WAAW,CAAC;IAC7DV,eAAe;IACfG,QAAQ;AACRC,IAAAA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEO,IAAA,CAACC,yBAAyB,EAAA;AAAA,IAAA,GACpBN,IAAI;AACRP,IAAAA,GAAG,EAAEA,GAAI;AACTc,IAAAA,cAAc,EAAER,aAAc;IAAAH,QAAA,EAAA,cAE9BS,IAAA,CAACG,gCAAgC,EAAA;AAAA,MAAA,GAAKP,WAAW;MAAAL,QAAA,EAAA,cAC/Ca,GAAA,CAACC,8BAA8B,EAAA;AAAAd,QAAAA,QAAA,EAC5BD,OAAAA;AAAO,OACsB,CAAC,eACjCc,GAAA,CAACE,8BAA8B,EAAA;AAACC,QAAAA,SAAS,EAAET,UAAAA;AAAW,OAAE,CAAC,CAAA;KACzB,CAAC,eACnCM,GAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAASP,aAAa;MAAAN,QAAA,eACpBa,GAAA,CAACI,gCAAgC,EAAA;AAACD,QAAAA,SAAS,EAAET,UAAW;AAAAP,QAAAA,QAAA,EACrDA,QAAAA;OAC+B,CAAA;AAAC,KAChC,CAAC,CAAA;AAAA,GACmB,CAAC,CAAA;AAEhC,CACF,EAAC;AACDN,oBAAoB,CAACwB,WAAW,GAAG,sBAAsB;;;;"}

package/dist/esm/accordion-transparent/AccordionTransparentStyles.mjs

@@ -0,0 +1,88 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { ArrowBottom } from '../icons/index.mjs';
+
+const AccordionTransparentStyle = styled.div`
+  padding: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.md;
+}}px 0;
+  background: transparent;
+  border-bottom: ${_ref2 => {
+  let {
+    $withoutBorder
+  } = _ref2;
+  return $withoutBorder ? 'none' : '1px solid var(--lido-color-borderSubtle)';
+}};
+  overflow: hidden;
+  transition: border-color ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.duration.norm;
+}} ease;
+
+  &:hover {
+    border-bottom-color: var(--lido-color-text);
+  }
+`;
+const AccordionTransparentSummaryStyle = styled.div`
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  outline: none;
+  box-sizing: content-box;
+  background: transparent;
+`;
+const AccordionTransparentTitleStyle = styled.div`
+  color: var(--lido-color-text);
+  flex-grow: 1;
+  font-weight: 700;
+  font-size: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.7em;
+`;
+const AccordionTransparentArrowStyle = styled(ArrowBottom)`
+  flex-shrink: 0;
+  transform: rotate(${props => props.$expanded ? 180 : 0}deg);
+  transition: transform ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.duration.norm;
+}} ease;
+  width: 24px;
+  height: 24px;
+  margin-left: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spaceMap.md;
+}}px;
+  fill: var(--lido-color-text);
+`;
+const AccordionTransparentContentStyle = styled.div`
+  color: var(--lido-color-text);
+  padding-top: ${_ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.spaceMap.md;
+}}px;
+  font-weight: 400;
+  font-size: ${_ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+`;
+
+export { AccordionTransparentArrowStyle, AccordionTransparentContentStyle, AccordionTransparentStyle, AccordionTransparentSummaryStyle, AccordionTransparentTitleStyle };
+//# sourceMappingURL=AccordionTransparentStyles.mjs.map

package/dist/esm/accordion-transparent/AccordionTransparentStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTransparentStyles.mjs","sources":["../../../src/accordion-transparent/AccordionTransparentStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons'\n\ntype InjectedProps = {\n  $withoutBorder?: boolean\n}\n\nexport const AccordionTransparentStyle = styled.div<InjectedProps>`\n  padding: ${({ theme }) => theme.spaceMap.md}px 0;\n  background: transparent;\n  border-bottom: ${({ $withoutBorder }) =>\n    $withoutBorder ? 'none' : '1px solid var(--lido-color-borderSubtle)'};\n  overflow: hidden;\n  transition: border-color ${({ theme }) => theme.duration.norm} ease;\n\n  &:hover {\n    border-bottom-color: var(--lido-color-text);\n  }\n`\nexport const AccordionTransparentSummaryStyle = styled.div`\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n  box-sizing: content-box;\n  background: transparent;\n`\n\nexport const AccordionTransparentTitleStyle = styled.div`\n  color: var(--lido-color-text);\n  flex-grow: 1;\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.7em;\n`\n\nexport const AccordionTransparentArrowStyle = styled(ArrowBottom)<{\n  $expanded: boolean\n}>`\n  flex-shrink: 0;\n  transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  width: 24px;\n  height: 24px;\n  margin-left: ${({ theme }) => theme.spaceMap.md}px;\n  fill: var(--lido-color-text);\n`\n\nexport const AccordionTransparentContentStyle = styled.div<{\n  $expanded?: boolean\n}>`\n  color: var(--lido-color-text);\n  padding-top: ${({ theme }) => theme.spaceMap.md}px;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n`\n"],"names":["AccordionTransparentStyle","styled","div","_ref","theme","spaceMap","md","_ref2","$withoutBorder","_ref3","duration","norm","AccordionTransparentSummaryStyle","AccordionTransparentTitleStyle","_ref4","fontSizesMap","xs","AccordionTransparentArrowStyle","ArrowBottom","props","$expanded","_ref5","_ref6","AccordionTransparentContentStyle","_ref7","_ref8","xxs"],"mappings":";;;AAOaA,MAAAA,yBAAyB,GAAGC,MAAM,CAACC,GAAkB,CAAA;AAClE,WAAA,EAAaC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,cAAAA;AAAe,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAClCC,cAAc,GAAG,MAAM,GAAG,0CAA0C,CAAA;AAAA,CAAA,CAAA;AACxE;AACA,2BAAA,EAA6BC,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;AAAM,GAAC,GAAAK,KAAA,CAAA;AAAA,EAAA,OAAKL,KAAK,CAACM,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC/D;AACA;AACA;AACA;AACA,EAAC;AACYC,MAAAA,gCAAgC,GAAGX,MAAM,CAACC,GAAG,CAAA;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYW,MAAAA,8BAA8B,GAAGZ,MAAM,CAACC,GAAG,CAAA;AACxD;AACA;AACA;AACA,aAAA,EAAeY,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACW,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAC;MAEYC,8BAA8B,GAAGhB,MAAM,CAACiB,WAAW,CAE9D,CAAA;AACF;AACA,oBAAuBC,EAAAA,KAAK,IAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAE,CAAA;AAC5D,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;AAAA,EAAA,OAAKjB,KAAK,CAACM,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,eAAA,EAAiBW,KAAA,IAAA;EAAA,IAAC;AAAElB,IAAAA,KAAAA;AAAM,GAAC,GAAAkB,KAAA,CAAA;AAAA,EAAA,OAAKlB,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA,EAAC;AAEYiB,MAAAA,gCAAgC,GAAGtB,MAAM,CAACC,GAErD,CAAA;AACF;AACA,eAAA,EAAiBsB,KAAA,IAAA;EAAA,IAAC;AAAEpB,IAAAA,KAAAA;AAAM,GAAC,GAAAoB,KAAA,CAAA;AAAA,EAAA,OAAKpB,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA,aAAA,EAAemB,KAAA,IAAA;EAAA,IAAC;AAAErB,IAAAA,KAAAA;AAAM,GAAC,GAAAqB,KAAA,CAAA;AAAA,EAAA,OAAKrB,KAAK,CAACW,YAAY,CAACW,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;;;;"}

package/dist/esm/accordion-transparent/useExpanded.mjs

@@ -0,0 +1,28 @@
+import { useCollapse } from 'react-collapsed';
+
+const useExpanded = _ref => {
+  let {
+    defaultExpanded = false,
+    onExpand,
+    onCollapse
+  } = _ref;
+  const {
+    getToggleProps,
+    getCollapseProps,
+    isExpanded
+  } = useCollapse({
+    defaultExpanded,
+    onTransitionStateChange: state => {
+      if (state === 'expandEnd') onExpand?.();
+      if (state === 'collapseEnd') onCollapse?.();
+    }
+  });
+  return {
+    toggleProps: getToggleProps(),
+    collapseProps: getCollapseProps(),
+    isExpanded
+  };
+};
+
+export { useExpanded };
+//# sourceMappingURL=useExpanded.mjs.map

package/dist/esm/accordion-transparent/useExpanded.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpanded.mjs","sources":["../../../src/accordion-transparent/useExpanded.ts"],"sourcesContent":["import { useCollapse } from 'react-collapsed'\nimport { AccordionTransparentProps } from './types.js'\n\nexport const useExpanded = ({\n  defaultExpanded = false,\n  onExpand,\n  onCollapse,\n}: Pick<\n  AccordionTransparentProps,\n  'defaultExpanded' | 'onExpand' | 'onCollapse'\n>) => {\n  const { getToggleProps, getCollapseProps, isExpanded } = useCollapse({\n    defaultExpanded,\n    onTransitionStateChange: (state) => {\n      if (state === 'expandEnd') onExpand?.()\n      if (state === 'collapseEnd') onCollapse?.()\n    },\n  })\n\n  return {\n    toggleProps: getToggleProps(),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","_ref","defaultExpanded","onExpand","onCollapse","getToggleProps","getCollapseProps","isExpanded","useCollapse","onTransitionStateChange","state","toggleProps","collapseProps"],"mappings":";;AAGaA,MAAAA,WAAW,GAAGC,IAAA,IAOrB;EAAA,IAPsB;AAC1BC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;AACRC,IAAAA,UAAAA;AAIF,GAAC,GAAAH,IAAA,CAAA;EACC,MAAM;IAAEI,cAAc;IAAEC,gBAAgB;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,WAAW,CAAC;IACnEN,eAAe;IACfO,uBAAuB,EAAGC,KAAK,IAAK;AAClC,MAAA,IAAIA,KAAK,KAAK,WAAW,EAAEP,QAAQ,IAAI,CAAA;AACvC,MAAA,IAAIO,KAAK,KAAK,aAAa,EAAEN,UAAU,IAAI,CAAA;AAC7C,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLO,WAAW,EAAEN,cAAc,EAAE;IAC7BO,aAAa,EAAEN,gBAAgB,EAAE;AACjCC,IAAAA,UAAAA;GACD,CAAA;AACH;;;;"}

package/dist/esm/address/Address.mjs

@@ -0,0 +1,25 @@
+import { forwardRef } from 'react';
+import { AddressStyle, AddressFullStyle, AddressTrimmedStyle } from './AddressStyles.mjs';
+import { trimAddress } from './trimAddress.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Address = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    symbols = 3,
+    address,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs(AddressStyle, {
+    ...rest,
+    ref: ref,
+    children: [/*#__PURE__*/jsx(AddressFullStyle, {
+      children: address
+    }), /*#__PURE__*/jsx(AddressTrimmedStyle, {
+      children: trimAddress(address, symbols)
+    })]
+  });
+});
+Address.displayName = 'Address';
+
+export { Address };
+//# sourceMappingURL=Address.mjs.map

package/dist/esm/address/Address.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.mjs","sources":["../../../src/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,UAAU,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,IAAA,CAACC,YAAY,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAM,QAAA,EAAA,cAC/BC,GAAA,CAACC,gBAAgB,EAAA;AAAAF,MAAAA,QAAA,EAAEJ,OAAAA;AAAO,KAAmB,CAAC,eAC9CK,GAAA,CAACE,mBAAmB,EAAA;AAAAH,MAAAA,QAAA,EACjBI,WAAW,CAACR,OAAO,EAAED,OAAO,CAAA;AAAC,KACX,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEnB,CACF,EAAC;AACDJ,OAAO,CAACc,WAAW,GAAG,SAAS;;;;"}

package/dist/esm/address/AddressStyles.mjs

@@ -0,0 +1,20 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const AddressStyle = styled.div`
+  position: relative;
+  display: inline-block;
+  font-weight: 400;
+`;
+const AddressFullStyle = styled.span`
+  position: absolute;
+  overflow: hidden;
+  inset: 0;
+  color: transparent;
+`;
+const AddressTrimmedStyle = styled.span`
+  user-select: none;
+  pointer-events: none;
+`;
+
+export { AddressFullStyle, AddressStyle, AddressTrimmedStyle };
+//# sourceMappingURL=AddressStyles.mjs.map

package/dist/esm/address/AddressStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressStyles.mjs","sources":["../../../src/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,MAAM,CAACC,GAAG,CAAA;AACtC;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,gBAAgB,GAAGF,MAAM,CAACG,IAAI,CAAA;AAC3C;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGJ,MAAM,CAACG,IAAI,CAAA;AAC9C;AACA;AACA;;;;"}

package/dist/esm/address/trimAddress.mjs

@@ -0,0 +1,10 @@
+const trimAddress = (address, symbols) => {
+  if (symbols <= 0) return '';
+  if (symbols * 2 >= address.length) return address;
+  const left = address.slice(0, symbols);
+  const right = address.slice(-symbols);
+  return `${left}...${right}`;
+};
+
+export { trimAddress };
+//# sourceMappingURL=trimAddress.mjs.map

package/dist/esm/address/trimAddress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trimAddress.mjs","sources":["../../../src/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/esm/addressBadge/AddressBadge.mjs

@@ -0,0 +1,24 @@
+import { forwardRef } from 'react';
+import { useBreakpoint } from '../hooks/useBreakpoint.mjs';
+import { AddressBadgeStyle } from './AddressBadgeStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const AddressBadge = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    address,
+    symbolsMobile = 3,
+    symbolsDesktop = 6,
+    ...rest
+  } = _ref;
+  const isMobile = useBreakpoint('md');
+  return /*#__PURE__*/jsx(AddressBadgeStyle, {
+    symbols: isMobile ? symbolsMobile : symbolsDesktop,
+    address: address ?? '',
+    ...rest,
+    ref: ref
+  });
+});
+AddressBadge.displayName = 'AddressBadge';
+
+export { AddressBadge };
+//# sourceMappingURL=AddressBadge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressBadge.mjs","sources":["../../../src/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,UAAU,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,aAAa,CAAC,IAAI,CAAC,CAAA;EAEpC,oBACEC,GAAA,CAACC,iBAAiB,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/esm/addressBadge/AddressBadgeStyles.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressBadgeStyles.mjs","sources":["../../../src/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,MAAM,CAACC,cAAc,CAAC,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/badge/Badge.mjs

@@ -0,0 +1,26 @@
+import { forwardRef } from 'react';
+import { BadgeWrapperStyle } from './BadgeStyles.mjs';
+import { jsxs } from 'react/jsx-runtime';
+
+const Badge = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    onClick,
+    variant = 'gray',
+    icon,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs(BadgeWrapperStyle, {
+    $interactive: !!onClick,
+    $variant: variant,
+    $hasIcon: !!icon,
+    onClick: onClick,
+    ...rest,
+    ref: ref,
+    children: [icon, children]
+  });
+});
+Badge.displayName = 'Badge';
+
+export { Badge };
+//# sourceMappingURL=Badge.mjs.map

package/dist/esm/badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../../src/badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { BadgeProps } from './types.js'\nimport { BadgeWrapperStyle } from './BadgeStyles.js'\n\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(\n  ({ children, onClick, variant = 'gray', icon, ...rest }, ref) => {\n    return (\n      <BadgeWrapperStyle\n        $interactive={!!onClick}\n        $variant={variant}\n        $hasIcon={!!icon}\n        onClick={onClick}\n        {...rest}\n        ref={ref}\n      >\n        {icon}\n        {children}\n      </BadgeWrapperStyle>\n    )\n  },\n)\nBadge.displayName = 'Badge'\n"],"names":["Badge","forwardRef","_ref","ref","children","onClick","variant","icon","rest","_jsxs","BadgeWrapperStyle","$interactive","$variant","$hasIcon","displayName"],"mappings":";;;;AAIO,MAAMA,KAAK,gBAAGC,UAAU,CAC7B,CAAAC,IAAA,EAAyDC,GAAG,KAAK;EAAA,IAAhE;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA,OAAO,GAAG,MAAM;IAAEC,IAAI;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;EACrD,oBACEO,IAAA,CAACC,iBAAiB,EAAA;IAChBC,YAAY,EAAE,CAAC,CAACN,OAAQ;AACxBO,IAAAA,QAAQ,EAAEN,OAAQ;IAClBO,QAAQ,EAAE,CAAC,CAACN,IAAK;AACjBF,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbG,IAAI;AACRL,IAAAA,GAAG,EAAEA,GAAI;IAAAC,QAAA,EAAA,CAERG,IAAI,EACJH,QAAQ,CAAA;AAAA,GACQ,CAAC,CAAA;AAExB,CACF,EAAC;AACDJ,KAAK,CAACc,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/badge/BadgeStyles.mjs

@@ -0,0 +1,64 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const BadgeVariantsStyle = {
+  positive: css`
+    background: var(--lido-color-success);
+    color: var(--lido-color-foreground);
+  `,
+  negative: css`
+    background: var(--lido-color-error);
+    color: var(--lido-color-foreground);
+  `,
+  gray: css`
+    background: var(--lido-color-backgroundBadge);
+    color: var(--lido-color-textSecondary);
+  `,
+  warning: css`
+    background: var(--lido-color-warning);
+    color: var(--lido-color-foreground);
+  `,
+  gradient: css`
+    background: var(--lido-color-backgroundGradient);
+    color: var(--lido-color-textDark);
+  `
+};
+const BadgeWrapperStyle = styled.div`
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 700;
+  display: inline-flex;
+  gap: 2px;
+  max-width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  white-space: nowrap;
+  outline: none;
+  border-radius: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadiusesMap.sm;
+}}px;
+  padding: 0.5em 1em 0.5em ${_ref2 => {
+  let {
+    $hasIcon
+  } = _ref2;
+  return $hasIcon ? '8px' : '1em';
+}};
+  cursor: ${_ref3 => {
+  let {
+    $interactive
+  } = _ref3;
+  return $interactive ? 'pointer' : 'auto';
+}};
+  ${_ref4 => {
+  let {
+    $variant
+  } = _ref4;
+  return BadgeVariantsStyle[$variant];
+}}
+`;
+
+export { BadgeWrapperStyle };
+//# sourceMappingURL=BadgeStyles.mjs.map