cakeinpanic-ui 1.0.0

package/dist/cjs/cookie-theme-toggler/styles.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const Button = require('../button/Button.js');
+require('../button/ButtonIcon.js');
+const index = require('../icons/index.js');
+
+const CookieThemeTogglerStyle = styledComponentsWrapper.default(Button.Button).attrs({
+  variant: 'text',
+  size: 'xs'
+})`
+  display: inline-grid;
+  grid-template-areas: 'a';
+  min-width: 0;
+  margin-left: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.sm;
+}}px;
+  line-height: 0;
+  font-size: 0;
+  padding: 0;
+
+  width: 44px;
+  height: 44px;
+  // button element contains span as children container, we want to bypass it.
+  // by aiming explicit "span:first-child" we're verifying that this is what we are aiming for
+  // witout breaking our SVGs
+  & > span:first-child {
+    display: contents;
+  }
+`;
+const CookieThemeTogglerLightIcon = styledComponentsWrapper.default(index.Light)`
+  grid-area: a;
+  align-self: center;
+  justify-self: center;
+  visibility: var(--lido-color-darkModeVisibility);
+`;
+const CookieThemeTogglerDarkIcon = styledComponentsWrapper.default(index.Dark)`
+  grid-area: a;
+  align-self: center;
+  justify-self: center;
+  visibility: var(--lido-color-lightModeVisibility);
+`;
+
+exports.CookieThemeTogglerDarkIcon = CookieThemeTogglerDarkIcon;
+exports.CookieThemeTogglerLightIcon = CookieThemeTogglerLightIcon;
+exports.CookieThemeTogglerStyle = CookieThemeTogglerStyle;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/cookie-theme-toggler/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\nimport { Dark, Light } from '../icons/index.js'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n  variant: 'text',\n  size: 'xs',\n})`\n  display: inline-grid;\n  grid-template-areas: 'a';\n  min-width: 0;\n  margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n  line-height: 0;\n  font-size: 0;\n  padding: 0;\n\n  width: 44px;\n  height: 44px;\n  // button element contains span as children container, we want to bypass it.\n  // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n  // witout breaking our SVGs\n  & > span:first-child {\n    display: contents;\n  }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","_ref","theme","spaceMap","sm","CookieThemeTogglerLightIcon","Light","CookieThemeTogglerDarkIcon","Dark"],"mappings":";;;;;;;;;AAIO,MAAMA,uBAAuB,GAAGC,+BAAM,CAACC,aAAM,CAAC,CAACC,KAAK,CAAC;AAC1DC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,IAAI,EAAE,IAAA;AACR,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,2BAA2B,GAAGT,+BAAM,CAACU,WAAK,CAAC,CAAA;AACxD;AACA;AACA;AACA;AACA,EAAC;MAEYC,0BAA0B,GAAGX,+BAAM,CAACY,UAAI,CAAC,CAAA;AACtD;AACA;AACA;AACA;AACA;;;;;;"}

package/dist/cjs/cookies-tooltip/constants.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const COOKIE_ALLOWED_KEY = 'cookie-allowed';
+const COOKIE_VALUE_YES = 'yes';
+const COOKIE_VALUE_NO = 'no';
+
+exports.COOKIE_ALLOWED_KEY = COOKIE_ALLOWED_KEY;
+exports.COOKIE_VALUE_NO = COOKIE_VALUE_NO;
+exports.COOKIE_VALUE_YES = COOKIE_VALUE_YES;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/cookies-tooltip/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/cookies-tooltip/constants.ts"],"sourcesContent":["export const COOKIE_ALLOWED_KEY = 'cookie-allowed'\nexport const COOKIE_VALUE_YES = 'yes'\nexport const COOKIE_VALUE_NO = 'no'\n"],"names":["COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO"],"mappings":";;;;AAAO,MAAMA,kBAAkB,GAAG,iBAAgB;AAC3C,MAAMC,gBAAgB,GAAG,MAAK;AAC9B,MAAMC,eAAe,GAAG;;;;;;"}

package/dist/cjs/cookies-tooltip/cookies-tooltip.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../utils/modalRoot.js');
+const cookiesClientSide = require('../utils/cookies-client-side.js');
+const styles = require('./styles.js');
+const utils = require('./utils.js');
+const constants = require('./constants.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const CookiesTooltip = _ref => {
+  let {
+    privacyText,
+    privacyLink,
+    privacyLinkEnabled = true,
+    ...rest
+  } = _ref;
+  const [isVisible, setVisibility] = React.useState(false);
+  const checkCookieAllowedEarlier = React.useCallback(() => {
+    // Check if user allowed/declined in other tab or third level domain
+    if (cookiesClientSide.getCrossDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY)) {
+      setVisibility(false);
+      window.removeEventListener('focus', checkCookieAllowedEarlier);
+    }
+  }, []);
+  React.useEffect(() => {
+    // Check cookie after page loaded
+    if (cookiesClientSide.getCrossDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY)) {
+      return;
+    }
+    setVisibility(true);
+
+    // This code runs after returned to this browser tab (window) from other
+    window.addEventListener('focus', checkCookieAllowedEarlier);
+  }, [checkCookieAllowedEarlier]);
+  if (!isVisible) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, {
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsxs(styles.Box, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
+        children: [privacyText ?? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: ["Cookies are used to collect anonymous site visitation data to\xA0improve website performance.", privacyLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: "\xA0For\xA0more info, read\xA0"
+          })]
+        }), privacyLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(styles.ExternalLink, {
+          href: privacyLink ?? 'https://lido.fi/privacy-notice',
+          children: "Privacy Notice"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs(styles.ButtonsWrap, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(styles.AllowButton, {
+          onClick: () => {
+            utils.allowCookies();
+            setVisibility(false);
+          },
+          children: "Allow"
+        }), /*#__PURE__*/jsxRuntime.jsx(styles.DeclineButton, {
+          onClick: () => {
+            utils.declineCookies();
+            setVisibility(false);
+          },
+          children: "Decline"
+        })]
+      })]
+    })
+  });
+};
+
+exports.CookiesTooltip = CookiesTooltip;
+//# sourceMappingURL=cookies-tooltip.js.map

package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies-tooltip.js","sources":["../../../src/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n  FC,\n  useEffect,\n  useState,\n  useCallback,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  privacyText?: ReactNode\n  privacyLink?: string\n  privacyLinkEnabled?: boolean\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n  privacyText,\n  privacyLink,\n  privacyLinkEnabled = true,\n  ...rest\n}) => {\n  const [isVisible, setVisibility] = useState(false)\n\n  const checkCookieAllowedEarlier = useCallback(() => {\n    // Check if user allowed/declined in other tab or third level domain\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      setVisibility(false)\n\n      window.removeEventListener('focus', checkCookieAllowedEarlier)\n    }\n  }, [])\n\n  useEffect(() => {\n    // Check cookie after page loaded\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      return\n    }\n\n    setVisibility(true)\n\n    // This code runs after returned to this browser tab (window) from other\n    window.addEventListener('focus', checkCookieAllowedEarlier)\n  }, [checkCookieAllowedEarlier])\n\n  if (!isVisible) return <></>\n\n  return (\n    <Wrap {...rest}>\n      <Box>\n        <Text>\n          {privacyText ?? (\n            <>\n              Cookies are used to collect anonymous site visitation data\n              to&nbsp;improve website performance.\n              {privacyLinkEnabled && <>&nbsp;For&nbsp;more info, read&nbsp;</>}\n            </>\n          )}\n          {privacyLinkEnabled && (\n            <ExternalLink\n              href={privacyLink ?? 'https://lido.fi/privacy-notice'}\n            >\n              Privacy Notice\n            </ExternalLink>\n          )}\n        </Text>\n        <ButtonsWrap>\n          <AllowButton\n            onClick={() => {\n              allowCookies()\n              setVisibility(false)\n            }}\n          >\n            Allow\n          </AllowButton>\n          <DeclineButton\n            onClick={() => {\n              declineCookies()\n              setVisibility(false)\n            }}\n          >\n            Decline\n          </DeclineButton>\n        </ButtonsWrap>\n      </Box>\n    </Wrap>\n  )\n}\n"],"names":["CookiesTooltip","_ref","privacyText","privacyLink","privacyLinkEnabled","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","children","_jsxs","Box","Text","ExternalLink","href","ButtonsWrap","AllowButton","onClick","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;AA8BaA,MAAAA,cAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,WAAW;IACXC,WAAW;AACXC,IAAAA,kBAAkB,GAAG,IAAI;IACzB,GAAGC,IAAAA;AACL,GAAC,GAAAJ,IAAA,CAAA;EACC,MAAM,CAACK,SAAS,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAElD,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAkB,CAAC,EAAE;MACtDL,aAAa,CAAC,KAAK,CAAC,CAAA;AAEpBM,MAAAA,MAAM,CAACC,mBAAmB,CAAC,OAAO,EAAEL,yBAAyB,CAAC,CAAA;AAChE,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAENM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAkB,CAAC,EAAE;AACtD,MAAA,OAAA;AACF,KAAA;IAEAL,aAAa,CAAC,IAAI,CAAC,CAAA;;AAEnB;AACAM,IAAAA,MAAM,CAACG,gBAAgB,CAAC,OAAO,EAAEP,yBAAyB,CAAC,CAAA;AAC7D,GAAC,EAAE,CAACA,yBAAyB,CAAC,CAAC,CAAA;EAE/B,IAAI,CAACH,SAAS,EAAE,oBAAOW,cAAA,CAAAC,mBAAA,IAAI,CAAC,CAAA;EAE5B,oBACED,cAAA,CAACE,WAAI,EAAA;AAAA,IAAA,GAAKd,IAAI;IAAAe,QAAA,eACZC,eAAA,CAACC,UAAG,EAAA;MAAAF,QAAA,EAAA,cACFC,eAAA,CAACE,WAAI,EAAA;AAAAH,QAAAA,QAAA,EACFlB,CAAAA,WAAW,iBACVmB,eAAA,CAAAH,mBAAA,EAAA;AAAAE,UAAAA,QAAA,GAAE,+FAGA,EAAChB,kBAAkB,iBAAIa,cAAA,CAAAC,mBAAA,EAAA;AAAAE,YAAAA,QAAA,EAAE,gCAAA;AAAoC,WAAE,CAAC,CAAA;AAAA,SAChE,CACH,EACAhB,kBAAkB,iBACjBa,cAAA,CAACO,mBAAY,EAAA;UACXC,IAAI,EAAEtB,WAAW,IAAI,gCAAiC;AAAAiB,UAAAA,QAAA,EACvD,gBAAA;AAED,SAAc,CACf,CAAA;AAAA,OACG,CAAC,eACPC,eAAA,CAACK,kBAAW,EAAA;QAAAN,QAAA,EAAA,cACVH,cAAA,CAACU,kBAAW,EAAA;UACVC,OAAO,EAAEA,MAAM;AACbC,YAAAA,kBAAY,EAAE,CAAA;YACdtB,aAAa,CAAC,KAAK,CAAC,CAAA;WACpB;AAAAa,UAAAA,QAAA,EACH,OAAA;AAED,SAAa,CAAC,eACdH,cAAA,CAACa,oBAAa,EAAA;UACZF,OAAO,EAAEA,MAAM;AACbG,YAAAA,oBAAc,EAAE,CAAA;YAChBxB,aAAa,CAAC,KAAK,CAAC,CAAA;WACpB;AAAAa,UAAAA,QAAA,EACH,SAAA;AAED,SAAe,CAAC,CAAA;AAAA,OACL,CAAC,CAAA;KACX,CAAA;AAAC,GACF,CAAC,CAAA;AAEX;;;;"}

package/dist/cjs/cookies-tooltip/styles.js

@@ -0,0 +1,146 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const ExternalLink = styledComponentsWrapper.default.a.attrs({
+  target: '_blank',
+  rel: 'nofollow noopener'
+})`
+  cursor: pointer;
+  color: var(--lido-color-primary);
+  text-decoration: none;
+
+  &:hover {
+    color: var(--lido-color-primaryHover);
+  }
+`;
+const Wrap = styledComponentsWrapper.default.div`
+  z-index: 999;
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  right: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.mediaQueries.lg;
+}} {
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+`;
+const Box = styledComponentsWrapper.default.div`
+  display: flex;
+  align-items: center;
+  padding: 16px 24px;
+  border-radius: 20px;
+  background-color: var(--lido-color-foreground);
+  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);
+
+  ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.mediaQueries.lg;
+}} {
+    flex-direction: column;
+    border-radius: 0;
+    width: 100%;
+  }
+`;
+const Text = styledComponentsWrapper.default.div`
+  margin-right: 8px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--lido-color-textSecondary);
+  max-width: 500px;
+
+  ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.mediaQueries.lg;
+}} {
+    margin-right: 0;
+    margin-bottom: 8px;
+    width: 100%;
+    text-align: center;
+  }
+`;
+const ButtonsWrap = styledComponentsWrapper.default.div`
+  display: flex;
+`;
+const ButtonBasic = styledComponentsWrapper.default.button.attrs({
+  type: 'button'
+})`
+  font-weight: 800;
+  font-size: 12px;
+  line-height: 20px;
+  border-radius: 6px;
+  width: 72px;
+  height: 32px;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  transition:
+    background-color ease 0.25s,
+    border-color ease 0.25s,
+    color ease 0.25s;
+
+  &:not(:last-child) {
+    margin-right: 8px;
+  }
+
+  &:hover {
+    background-color: #0e1621;
+  }
+
+  &:active {
+    transform: translateY(1px);
+  }
+
+  ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.mediaQueries.lg;
+}} {
+    width: 112px;
+  }
+`;
+const AllowButton = styledComponentsWrapper.default(ButtonBasic)`
+  background-color: var(--lido-color-secondary);
+  color: var(--lido-color-secondaryContrast);
+
+  &:hover {
+    background-color: var(--lido-color-secondaryHover);
+  }
+`;
+const DeclineButton = styledComponentsWrapper.default(ButtonBasic)`
+  background-color: var(--lido-color-foreground);
+  color: var(--lido-color-text);
+  border: 1px solid var(--lido-color-text);
+
+  &:hover {
+    background-color: var(--lido-color-secondary);
+    color: var(--lido-color-secondaryContrast);
+  }
+`;
+
+exports.AllowButton = AllowButton;
+exports.Box = Box;
+exports.ButtonsWrap = ButtonsWrap;
+exports.DeclineButton = DeclineButton;
+exports.ExternalLink = ExternalLink;
+exports.Text = Text;
+exports.Wrap = Wrap;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/cookies-tooltip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n  color: var(--lido-color-primary);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--lido-color-primaryHover);\n  }\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  max-width: 500px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition:\n    background-color ease 0.25s,\n    border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-secondary);\n  color: var(--lido-color-secondaryContrast);\n\n  &:hover {\n    background-color: var(--lido-color-secondaryHover);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-secondary);\n    color: var(--lido-color-secondaryContrast);\n  }\n`\n"],"names":["ExternalLink","styled","a","attrs","target","rel","Wrap","div","_ref","theme","mediaQueries","lg","Box","_ref2","Text","_ref3","ButtonsWrap","ButtonBasic","button","type","_ref4","AllowButton","DeclineButton"],"mappings":";;;;;;AAEO,MAAMA,YAAY,GAAGC,+BAAM,CAACC,CAAC,CAACC,KAAK,CAAC;AACzCC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,mBAAA;AACP,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,IAAI,GAAGL,+BAAM,CAACM,GAAG,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,GAAG,GAAGX,+BAAM,CAACM,GAAG,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIM,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;AAAM,GAAC,GAAAI,KAAA,CAAA;AAAA,EAAA,OAAKJ,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYG,MAAAA,IAAI,GAAGb,+BAAM,CAACM,GAAG,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIQ,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYK,MAAAA,WAAW,GAAGf,+BAAM,CAACM,GAAG,CAAA;AACrC;AACA,EAAC;AAED,MAAMU,WAAW,GAAGhB,+BAAM,CAACiB,MAAM,CAACf,KAAK,CAAC;AAAEgB,EAAAA,IAAI,EAAE,QAAA;AAAS,CAAC,CAAC,CAAA;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEX,IAAAA,KAAAA;AAAM,GAAC,GAAAW,KAAA,CAAA;AAAA,EAAA,OAAKX,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA,CAAC,CAAA;MAEYU,WAAW,GAAGpB,+BAAM,CAACgB,WAAW,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYK,aAAa,GAAGrB,+BAAM,CAACgB,WAAW,CAAC,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;"}

package/dist/cjs/cookies-tooltip/utils.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('../utils/modalRoot.js');
+const cookiesClientSide = require('../utils/cookies-client-side.js');
+const constants = require('./constants.js');
+
+const allowCookies = () => {
+  // For top level domain - *.some-domain.fi
+  cookiesClientSide.setCrossDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_YES);
+  if (!document.cookie.includes(`${constants.COOKIE_ALLOWED_KEY}=${constants.COOKIE_VALUE_YES}`)) {
+    // For specific.domain.fi, if cookie can't be set to top level domain
+    cookiesClientSide.setDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_YES);
+  }
+};
+const declineCookies = () => {
+  // For top level domain - *.some-domain.fi
+  cookiesClientSide.setCrossDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_NO);
+  if (!document.cookie.includes(`${constants.COOKIE_ALLOWED_KEY}=${constants.COOKIE_VALUE_NO}`)) {
+    // For specific.domain.fi, if cookie can't be set to top level domain
+    cookiesClientSide.setDomainCookieClientSide(constants.COOKIE_ALLOWED_KEY, constants.COOKIE_VALUE_NO);
+  }
+};
+const migrationAllowCookieToCrossDomainCookieClientSide = keyOldCookie => {
+  const old_cookie_value = cookiesClientSide.getDomainCookieClientSide(keyOldCookie);
+  if (!old_cookie_value) {
+    return;
+  }
+  cookiesClientSide.removeCookiesClientSide(keyOldCookie);
+  if (old_cookie_value === constants.COOKIE_VALUE_YES) {
+    allowCookies();
+  } else if (old_cookie_value === constants.COOKIE_VALUE_NO) {
+    declineCookies();
+  }
+  // else noop
+};
+
+exports.allowCookies = allowCookies;
+exports.declineCookies = declineCookies;
+exports.migrationAllowCookieToCrossDomainCookieClientSide = migrationAllowCookieToCrossDomainCookieClientSide;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/cookies-tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n  setDomainCookieClientSide,\n} from '../utils/index.js'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants.js'\n\nexport const allowCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_YES}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n  }\n}\n\nexport const declineCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_NO}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n  }\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string,\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["allowCookies","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","document","cookie","includes","setDomainCookieClientSide","declineCookies","COOKIE_VALUE_NO","migrationAllowCookieToCrossDomainCookieClientSide","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":";;;;;;;;AAYaA,MAAAA,YAAY,GAAGA,MAAY;AACtC;AACAC,EAAAA,gDAA8B,CAACC,4BAAkB,EAAEC,0BAAgB,CAAC,CAAA;AAEpE,EAAA,IAAI,CAACC,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,4BAAkB,CAAA,CAAA,EAAIC,0BAAgB,CAAA,CAAE,CAAC,EAAE;AAC1E;AACAI,IAAAA,2CAAyB,CAACL,4BAAkB,EAAEC,0BAAgB,CAAC,CAAA;AACjE,GAAA;AACF,EAAC;AAEYK,MAAAA,cAAc,GAAGA,MAAY;AACxC;AACAP,EAAAA,gDAA8B,CAACC,4BAAkB,EAAEO,yBAAe,CAAC,CAAA;AAEnE,EAAA,IAAI,CAACL,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,4BAAkB,CAAA,CAAA,EAAIO,yBAAe,CAAA,CAAE,CAAC,EAAE;AACzE;AACAF,IAAAA,2CAAyB,CAACL,4BAAkB,EAAEO,yBAAe,CAAC,CAAA;AAChE,GAAA;AACF,EAAC;AAEYC,MAAAA,iDAAiD,GAC5DC,YAAoB,IACjB;AACH,EAAA,MAAMC,gBAAgB,GAAGC,2CAAyB,CAACF,YAAY,CAAC,CAAA;EAEhE,IAAI,CAACC,gBAAgB,EAAE;AACrB,IAAA,OAAA;AACF,GAAA;EAEAE,yCAAuB,CAACH,YAAY,CAAC,CAAA;EAErC,IAAIC,gBAAgB,KAAKT,0BAAgB,EAAE;AACzCH,IAAAA,YAAY,EAAE,CAAA;AAChB,GAAC,MAAM,IAAIY,gBAAgB,KAAKH,yBAAe,EAAE;AAC/CD,IAAAA,cAAc,EAAE,CAAA;AAClB,GAAA;AACA;AACF;;;;;;"}

package/dist/cjs/data-table/DataTable.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../loaders/Loader.js');
+const InlineLoader = require('../loaders/InlineLoader.js');
+const Tooltip = require('../tooltip/Tooltip.js');
+const DataTableStyles = require('./DataTableStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const DataTableRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    title,
+    loading = false,
+    highlight = false,
+    help,
+    children,
+    ...rest
+  } = _ref;
+  const hasHelper = !!help;
+  return /*#__PURE__*/jsxRuntime.jsxs(DataTableStyles.DataTableRowStyle, {
+    ref: ref,
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(DataTableStyles.DataTableTitleStyle, {
+      children: [title, hasHelper && /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
+        placement: "bottomLeft",
+        title: help,
+        children: /*#__PURE__*/jsxRuntime.jsx(DataTableStyles.DataTableQuestionStyle, {})
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(DataTableStyles.DataTableValueStyle, {
+      $highlight: highlight,
+      children: loading ? /*#__PURE__*/jsxRuntime.jsx(InlineLoader.InlineLoader, {
+        color: "text"
+      }) : children
+    })]
+  });
+});
+DataTableRow.displayName = 'DataTableRow';
+const DataTable = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(DataTableStyles.DataTableStyle, {
+    ref: ref,
+    ...props
+  });
+});
+DataTable.displayName = 'DataTable';
+
+exports.DataTable = DataTable;
+exports.DataTableRow = DataTableRow;
+//# sourceMappingURL=DataTable.js.map

package/dist/cjs/data-table/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":["../../../src/data-table/DataTable.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '../loaders/index.js'\nimport { Tooltip } from '../tooltip/index.js'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles.js'\nimport { DataTableProps, DataTableRowProps } from './types.js'\n\nexport const DataTableRow = forwardRef(\n  (\n    {\n      title,\n      loading = false,\n      highlight = false,\n      help,\n      children,\n      ...rest\n    }: DataTableRowProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const hasHelper = !!help\n\n    return (\n      <DataTableRowStyle ref={ref} {...rest}>\n        <DataTableTitleStyle>\n          {title}\n          {hasHelper && (\n            <Tooltip placement='bottomLeft' title={help}>\n              <DataTableQuestionStyle />\n            </Tooltip>\n          )}\n        </DataTableTitleStyle>\n        <DataTableValueStyle $highlight={highlight}>\n          {loading ? <InlineLoader color='text' /> : children}\n        </DataTableValueStyle>\n      </DataTableRowStyle>\n    )\n  },\n)\nDataTableRow.displayName = 'DataTableRow'\n\nexport const DataTable = forwardRef(\n  (props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return <DataTableStyle ref={ref} {...props} />\n  },\n)\nDataTable.displayName = 'DataTable'\n"],"names":["DataTableRow","forwardRef","_ref","ref","title","loading","highlight","help","children","rest","hasHelper","_jsxs","DataTableRowStyle","DataTableTitleStyle","_jsx","Tooltip","placement","DataTableQuestionStyle","DataTableValueStyle","$highlight","InlineLoader","color","displayName","DataTable","props","DataTableStyle"],"mappings":";;;;;;;;;;;AAYO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,CAAAC,IAAA,EASEC,GAAkC,KAC/B;EAAA,IATH;IACEC,KAAK;AACLC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,SAAS,GAAG,KAAK;IACjBC,IAAI;IACJC,QAAQ;IACR,GAAGC,IAAAA;AACc,GAAC,GAAAP,IAAA,CAAA;AAGpB,EAAA,MAAMQ,SAAS,GAAG,CAAC,CAACH,IAAI,CAAA;EAExB,oBACEI,eAAA,CAACC,iCAAiB,EAAA;AAACT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKM,IAAI;IAAAD,QAAA,EAAA,cACnCG,eAAA,CAACE,mCAAmB,EAAA;AAAAL,MAAAA,QAAA,GACjBJ,KAAK,EACLM,SAAS,iBACRI,cAAA,CAACC,eAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,YAAY;AAACZ,QAAAA,KAAK,EAAEG,IAAK;AAAAC,QAAAA,QAAA,eAC1CM,cAAA,CAACG,sCAAsB,EAAE,EAAA,CAAA;AAAC,OACnB,CACV,CAAA;AAAA,KACkB,CAAC,eACtBH,cAAA,CAACI,mCAAmB,EAAA;AAACC,MAAAA,UAAU,EAAEb,SAAU;AAAAE,MAAAA,QAAA,EACxCH,OAAO,gBAAGS,cAAA,CAACM,yBAAY,EAAA;AAACC,QAAAA,KAAK,EAAC,MAAA;AAAM,OAAE,CAAC,GAAGb,QAAAA;AAAQ,KAChC,CAAC,CAAA;AAAA,GACL,CAAC,CAAA;AAExB,CACF,EAAC;AACDR,YAAY,CAACsB,WAAW,GAAG,cAAc,CAAA;AAElC,MAAMC,SAAS,gBAAGtB,gBAAU,CACjC,CAACuB,KAAqB,EAAErB,GAAkC,KAAK;EAC7D,oBAAOW,cAAA,CAACW,8BAAc,EAAA;AAACtB,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKqB,KAAAA;AAAK,GAAG,CAAC,CAAA;AAChD,CACF,EAAC;AACDD,SAAS,CAACD,WAAW,GAAG,WAAW;;;;;"}

package/dist/cjs/data-table/DataTableStyles.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const index = require('../icons/index.js');
+
+const DataTableStyle = styledComponentsWrapper.default.div``;
+const DataTableRowStyle = styledComponentsWrapper.default.div`
+  display: flex;
+  margin: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.md;
+}}px 0;
+  font-weight: 400;
+  font-size: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+
+  &:first-child {
+    margin-top: 0;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+const DataTableTitleStyle = styledComponentsWrapper.default.div`
+  color: var(--lido-color-textSecondary);
+  flex-grow: 1;
+`;
+const DataTableValueStyle = styledComponentsWrapper.default.div`
+  color: var(
+    --lido-color-${_ref3 => {
+  let {
+    $highlight
+  } = _ref3;
+  return $highlight ? `success` : `text`;
+}}
+  );
+  text-align: right;
+  margin-left: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spaceMap.xxl;
+}}px;
+  flex-grow: 1;
+`;
+const DataTableQuestionStyle = styledComponentsWrapper.default(index.Question)`
+  margin: -6px 0 -5px;
+  vertical-align: middle;
+`;
+
+exports.DataTableQuestionStyle = DataTableQuestionStyle;
+exports.DataTableRowStyle = DataTableRowStyle;
+exports.DataTableStyle = DataTableStyle;
+exports.DataTableTitleStyle = DataTableTitleStyle;
+exports.DataTableValueStyle = DataTableValueStyle;
+//# sourceMappingURL=DataTableStyles.js.map

package/dist/cjs/data-table/DataTableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableStyles.js","sources":["../../../src/data-table/DataTableStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Question } from '../icons/index.js'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n  display: flex;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const DataTableTitleStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n  color: var(\n    --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n  );\n  text-align: right;\n  margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n  flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n  margin: -6px 0 -5px;\n  vertical-align: middle;\n`\n"],"names":["DataTableStyle","styled","div","DataTableRowStyle","_ref","theme","spaceMap","md","_ref2","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","_ref3","$highlight","_ref4","xxl","DataTableQuestionStyle","Question"],"mappings":";;;;;;;MAGaA,cAAc,GAAGC,+BAAM,CAACC,GAAG,CAAE,EAAA;AAE7BC,MAAAA,iBAAiB,GAAGF,+BAAM,CAACC,GAAG,CAAA;AAC3C;AACA,UAAA,EAAYE,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5C;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGV,+BAAM,CAACC,GAAG,CAAA;AAC7C;AACA;AACA,EAAC;AAEYU,MAAAA,mBAAmB,GAAGX,+BAAM,CAACC,GAA4B,CAAA;AACtE;AACA,iBAAA,EAAmBW,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,UAAU,GAAG,CAAS,OAAA,CAAA,GAAG,CAAM,IAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACxE;AACA;AACA,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACC,QAAQ,CAACU,GAAG,CAAA;AAAA,CAAA,CAAA;AAClD;AACA,EAAC;MAEYC,sBAAsB,GAAGhB,+BAAM,CAACiB,cAAQ,CAAC,CAAA;AACtD;AACA;AACA;;;;;;;;"}

package/dist/cjs/divider/Divider.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const DividerStyles = require('./DividerStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Divider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    type = 'horizontal',
+    indents,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(DividerStyles.DividerStyle, {
+    $type: type,
+    $indents: indents,
+    ref: ref,
+    ...rest
+  });
+});
+Divider.displayName = 'Divider';
+
+exports.Divider = Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/cjs/divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../src/divider/Divider.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { DividerStyle } from './DividerStyles.js'\nimport { DividerProps } from './types.js'\n\nexport const Divider = forwardRef(\n  (\n    { type = 'horizontal', indents, children, ...rest }: DividerProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <DividerStyle $type={type} $indents={indents} ref={ref} {...rest} />\n  },\n)\nDivider.displayName = 'Divider'\n"],"names":["Divider","forwardRef","_ref","ref","type","indents","children","rest","_jsx","DividerStyle","$type","$indents","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,YAAY;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAL,IAAA,CAAA;EAGjE,oBAAOM,cAAA,CAACC,0BAAY,EAAA;AAACC,IAAAA,KAAK,EAAEN,IAAK;AAACO,IAAAA,QAAQ,EAAEN,OAAQ;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKI,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC7E,CACF,EAAC;AACDP,OAAO,CAACY,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/divider/DividerStyles.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const getIndents = _ref => {
+  let {
+    $indents,
+    theme
+  } = _ref;
+  return $indents ? `${theme.spaceMap[$indents]}px` : '0';
+};
+const types = {
+  horizontal: _styled.css`
+    border-top: 1px solid currentcolor;
+    width: 100%;
+    height: 0;
+    margin: ${getIndents} 0;
+  `,
+  vertical: _styled.css`
+    border-left: 1px solid currentcolor;
+    align-self: stretch;
+    width: 0;
+    margin: 0 ${getIndents};
+  `
+};
+const DividerStyle = styledComponentsWrapper.default.div`
+  box-sizing: border-box;
+  list-style: none;
+  opacity: 0.1;
+  margin: 0;
+  padding: 0;
+  flex-shrink: 0;
+  flex-grow: 0;
+
+  ${props => types[props.$type]}
+`;
+
+exports.DividerStyle = DividerStyle;
+//# sourceMappingURL=DividerStyles.js.map

package/dist/cjs/divider/DividerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerStyles.js","sources":["../../../src/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { DividerIndents, DividerTypes } from './types.js'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentcolor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentcolor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["getIndents","_ref","$indents","theme","spaceMap","types","horizontal","css","vertical","DividerStyle","styled","div","props","$type"],"mappings":";;;;;;;AAUA,MAAMA,UAAU,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAqB,GAAC,GAAAF,IAAA,CAAA;EACpD,OAAOC,QAAQ,GAAG,CAAA,EAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAI,EAAA,CAAA,GAAG,GAAG,CAAA;AACzD,CAAC,CAAA;AAED,MAAMG,KAAK,GAAG;AACZC,EAAAA,UAAU,EAAEC,WAAkB,CAAA;AAChC;AACA;AACA;AACA,YAAA,EAAcP,UAAU,CAAA;AACxB,EAAG,CAAA;AACDQ,EAAAA,QAAQ,EAAED,WAAkB,CAAA;AAC9B;AACA;AACA;AACA,cAAA,EAAgBP,UAAU,CAAA;AAC1B,EAAA,CAAA;AACA,CAAC,CAAA;AAEYS,MAAAA,YAAY,GAAGC,+BAAM,CAACC,GAAkB,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IAAKP,KAAK,CAACO,KAAK,CAACC,KAAK,CAAC,CAAA;AACjC;;;;"}

package/dist/cjs/divider/types.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let DividerType = /*#__PURE__*/function (DividerType) {
+  DividerType[DividerType["vertical"] = 0] = "vertical";
+  DividerType[DividerType["horizontal"] = 1] = "horizontal";
+  return DividerType;
+}({});
+let DividerIndent = /*#__PURE__*/function (DividerIndent) {
+  DividerIndent[DividerIndent["xs"] = 0] = "xs";
+  DividerIndent[DividerIndent["sm"] = 1] = "sm";
+  DividerIndent[DividerIndent["md"] = 2] = "md";
+  DividerIndent[DividerIndent["lg"] = 3] = "lg";
+  DividerIndent[DividerIndent["xl"] = 4] = "xl";
+  return DividerIndent;
+}({});
+
+exports.DividerIndent = DividerIndent;
+exports.DividerType = DividerType;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/divider/types.tsx"],"sourcesContent":["export type { Theme } from '../theme/index.js'\nimport { LidoComponentProps } from '../utils/index.js'\n\nexport enum DividerType {\n  vertical,\n  horizontal,\n}\nexport type DividerTypes = keyof typeof DividerType\n\nexport enum DividerIndent {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type DividerIndents = keyof typeof DividerIndent\n\nexport type DividerProps = LidoComponentProps<\n  'div',\n  {\n    type?: DividerTypes\n    indents?: DividerIndents\n    children?: never\n  }\n>\n"],"names":["DividerType","DividerIndent"],"mappings":";;;;AAGYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMXC,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}