@lidofinance/lido-ui 3.22.0 → 3.24.0

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

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
-const index = require('../icons/index.js');
-const contentTheme = require('../content-theme/content-theme.js');
 require('../utils/modalRoot.js');
 const cookiesClientSide = require('../utils/cookies-client-side.js');
 const styles = require('./styles.js');
@@ -34,13 +32,8 @@ const CookiesTooltip = () => {
   if (!isVisible) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
   return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, {
     children: /*#__PURE__*/jsxRuntime.jsxs(styles.Box, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(styles.CookieIconWrap, {
-        children: /*#__PURE__*/jsxRuntime.jsx(contentTheme.ContentTheme, {
-          darkContent: /*#__PURE__*/jsxRuntime.jsx(index.CookieInverse, {}),
-          lightContent: /*#__PURE__*/jsxRuntime.jsx(index.Cookie, {})
-        })
-      }), /*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
-        children: ["We use cookies to collect anonymous site visitation data to\xA0improve performance of\xA0our\xA0website. For\xA0more info, read our\xA0", /*#__PURE__*/jsxRuntime.jsx(styles.Link, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
+        children: ["Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0", /*#__PURE__*/jsxRuntime.jsx(styles.ExternalLink, {
           href: "https://lido.fi/privacy-notice",
           children: "Privacy Notice"
         })]

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

@@ -1 +1 @@
-{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import { FC, useEffect, useState, useCallback } from 'react'\nimport { Cookie, CookieInverse } from '../icons/index.js'\nimport { ContentTheme } from '../content-theme/index.js'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  CookieIconWrap,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  Link,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport const CookiesTooltip: FC = () => {\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>\n      <Box>\n        <CookieIconWrap>\n          <ContentTheme\n            darkContent={<CookieInverse />}\n            lightContent={<Cookie />}\n          />\n        </CookieIconWrap>\n        <Text>\n          We use cookies to collect anonymous site visitation data\n          to&nbsp;improve performance of&nbsp;our&nbsp;website. For&nbsp;more\n          info, read our&nbsp;\n          <Link href='https://lido.fi/privacy-notice'>Privacy Notice</Link>\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","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","_jsxs","Box","CookieIconWrap","ContentTheme","CookieInverse","Cookie","Text","Link","ButtonsWrap","AllowButton","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;;;AAiBO,MAAMA,cAAkB,GAAG,MAAM;EACtC,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,cAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,cAAP,CAAAC,mBAAA,EAAA,EAAA,CAAA,CAAA;AAEhB,EAAA,oBACED,eAACE,WAAD,EAAA;AAAA,IAAA,QAAA,eACEC,gBAACC,UAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEJ,eAACK,qBAAD,EAAA;AAAA,QAAA,QAAA,eACEL,eAACM,yBAAD,EAAA;UACE,WAAW,eAAEN,cAAC,CAAAO,mBAAD,EADf,EAAA,CAAA;UAEE,YAAY,eAAEP,eAACQ,YAAD,EAAA,EAAA,CAAA;AAFhB,SAAA,CAAA;OAFJ,CAAA,eAOEL,gBAACM,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CAAA,yIAAA,eAIET,eAACU,WAAD,EAAA;AAAM,UAAA,IAAI,EAAC,gCAAX;AAAA,UAAA,QAAA,EAAA,gBAAA;SAJF,CAAA,CAAA;OAPF,CAAA,eAaEP,gBAACQ,kBAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEX,eAACY,kBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,kBAAY,EAAA,CAAA;YACZvB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,eAACc,oBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,oBAAc,EAAA,CAAA;YACdzB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAbF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAoCD;;;;"}
+{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import { FC, useEffect, useState, useCallback } 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 const CookiesTooltip: FC = () => {\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>\n      <Box>\n        <Text>\n          Cookies are used to collect anonymous site visitation data\n          to&nbsp;improve website performance. For&nbsp;more info, read&nbsp;\n          <ExternalLink href='https://lido.fi/privacy-notice'>\n            Privacy Notice\n          </ExternalLink>\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","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","_jsxs","Box","Text","ExternalLink","ButtonsWrap","AllowButton","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;AAcO,MAAMA,cAAkB,GAAG,MAAM;EACtC,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,cAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,cAAP,CAAAC,mBAAA,EAAA,EAAA,CAAA,CAAA;AAEhB,EAAA,oBACED,eAACE,WAAD,EAAA;AAAA,IAAA,QAAA,eACEC,gBAACC,UAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACED,gBAACE,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CAAA,0HAAA,eAGEL,eAACM,mBAAD,EAAA;AAAc,UAAA,IAAI,EAAC,gCAAnB;AAAA,UAAA,QAAA,EAAA,gBAAA;SAHF,CAAA,CAAA;OADF,CAAA,eAQEH,gBAACI,kBAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEP,eAACQ,kBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,kBAAY,EAAA,CAAA;YACZnB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,eAACU,oBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,oBAAc,EAAA,CAAA;YACdrB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OARF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AA+BD;;;;"}

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

@@ -9,6 +9,12 @@ const ExternalLink = styledComponentsWrapper.default.a.attrs({
   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;
@@ -50,36 +56,18 @@ const Box = styledComponentsWrapper.default.div`
     width: 100%;
   }
 `;
-const CookieIconWrap = styledComponentsWrapper.default.div`
-  margin-right: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-
-  ${_ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.mediaQueries.lg;
-}} {
-    display: none;
-  }
-`;
 const Text = styledComponentsWrapper.default.div`
   margin-right: 8px;
   font-weight: 500;
   font-size: 14px;
   line-height: 22px;
   color: var(--lido-color-textSecondary);
-  width: 340px;
+  max-width: 500px;
 
-  ${_ref4 => {
+  ${_ref3 => {
   let {
     theme
-  } = _ref4;
+  } = _ref3;
   return theme.mediaQueries.lg;
 }} {
     margin-right: 0;
@@ -120,21 +108,21 @@ const ButtonBasic = styledComponentsWrapper.default.button.attrs({
     transform: translateY(1px);
   }
 
-  ${_ref5 => {
+  ${_ref4 => {
   let {
     theme
-  } = _ref5;
+  } = _ref4;
   return theme.mediaQueries.lg;
 }} {
     width: 112px;
   }
 `;
 const AllowButton = styledComponentsWrapper.default(ButtonBasic)`
-  background-color: var(--lido-color-text);
-  color: var(--lido-color-foreground);
+  background-color: var(--lido-color-secondary);
+  color: var(--lido-color-secondaryContrast);
 
   &:hover {
-    background-color: var(--lido-color-textSecondary);
+    background-color: var(--lido-color-secondaryHover);
   }
 `;
 const DeclineButton = styledComponentsWrapper.default(ButtonBasic)`
@@ -143,20 +131,16 @@ const DeclineButton = styledComponentsWrapper.default(ButtonBasic)`
   border: 1px solid var(--lido-color-text);
 
   &:hover {
-    background-color: var(--lido-color-background);
+    background-color: var(--lido-color-secondary);
+    color: var(--lido-color-secondaryContrast);
   }
 `;
-const Link = styledComponentsWrapper.default(ExternalLink)`
-  color: inherit;
-  text-decoration: underline !important;
-`;
 
 exports.AllowButton = AllowButton;
 exports.Box = Box;
 exports.ButtonsWrap = ButtonsWrap;
-exports.CookieIconWrap = CookieIconWrap;
 exports.DeclineButton = DeclineButton;
-exports.Link = Link;
+exports.ExternalLink = ExternalLink;
 exports.Text = Text;
 exports.Wrap = Wrap;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nconst ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\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 CookieIconWrap = styled.div`\n  margin-right: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    display: none;\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  width: 340px;\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-text);\n  color: var(--lido-color-foreground);\n\n  &:hover {\n    background-color: var(--lido-color-textSecondary);\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-background);\n  }\n`\n\nexport const Link = styled(ExternalLink)`\n  color: inherit;\n  text-decoration: underline !important;\n`\n"],"names":["ExternalLink","styled","a","attrs","target","rel","Wrap","div","theme","mediaQueries","lg","Box","CookieIconWrap","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton","Link"],"mappings":";;;;;;AAEA,MAAMA,YAAY,GAAGC,+BAAM,CAACC,CAAP,CAASC,KAAT,CAAe;AAClCC,EAAAA,MAAM,EAAE,QAD0B;AAElCC,EAAAA,GAAG,EAAE,mBAAA;AAF6B,CAAf,CAGlB,CAAA;AACH;AACA,CALA,CAAA;AAOaC,MAAAA,IAAI,GAAGL,+BAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAfO;AAiBMC,MAAAA,GAAG,GAAGV,+BAAM,CAACM,GAAI,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAbO;AAeME,MAAAA,cAAc,GAAGX,+BAAM,CAACM,GAAI,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,EAZO;AAcMG,MAAAA,IAAI,GAAGZ,+BAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMI,MAAAA,WAAW,GAAGb,+BAAM,CAACM,GAAI,CAAA;AACtC;AACA,EAFO;AAIP,MAAMQ,WAAW,GAAGd,+BAAM,CAACe,MAAP,CAAcb,KAAd,CAAoB;AAAEc,EAAAA,IAAI,EAAE,QAAA;AAAR,CAApB,CAAwC,CAAA;AAC5D;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,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAET,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,CA9BA,CAAA;MAgCaQ,WAAW,GAAGjB,+BAAM,CAACc,WAAD,CAAc,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;MASMI,aAAa,GAAGlB,+BAAM,CAACc,WAAD,CAAc,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EARO;MAUMK,IAAI,GAAGnB,+BAAM,CAACD,YAAD,CAAe,CAAA;AACzC;AACA;AACA;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../packages/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","theme","mediaQueries","lg","Box","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton"],"mappings":";;;;;;AAEO,MAAMA,YAAY,GAAGC,+BAAM,CAACC,CAAP,CAASC,KAAT,CAAe;AACzCC,EAAAA,MAAM,EAAE,QADiC;AAEzCC,EAAAA,GAAG,EAAE,mBAAA;AAFoC,CAAf,CAGzB,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAXO;AAaMC,MAAAA,IAAI,GAAGL,+BAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAfO;AAiBMC,MAAAA,GAAG,GAAGV,+BAAM,CAACM,GAAI,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAbO;AAeME,MAAAA,IAAI,GAAGX,+BAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMG,MAAAA,WAAW,GAAGZ,+BAAM,CAACM,GAAI,CAAA;AACtC;AACA,EAFO;AAIP,MAAMO,WAAW,GAAGb,+BAAM,CAACc,MAAP,CAAcZ,KAAd,CAAoB;AAAEa,EAAAA,IAAI,EAAE,QAAA;AAAR,CAApB,CAAwC,CAAA;AAC5D;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,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,CA9BA,CAAA;MAgCaO,WAAW,GAAGhB,+BAAM,CAACa,WAAD,CAAc,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;MASMI,aAAa,GAAGjB,+BAAM,CAACa,WAAD,CAAc,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;"}

package/dist/cjs/input/InputGroup.js

@@ -12,11 +12,14 @@ const InputGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     fullwidth = false,
     error,
     success,
+    warning,
     children,
     ...rest
   } = _ref;
   const hasError = !!error;
   const hasSuccess = !!success && !error;
+  const hasWarning = !hasError && !!warning; // `error` overrides `warning`
+
   return /*#__PURE__*/jsxRuntime.jsxs(InputGroupStyles.InputGroupStyle, {
     $fullwidth: fullwidth,
     ...rest,
@@ -29,6 +32,9 @@ const InputGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }), hasSuccess && /*#__PURE__*/jsxRuntime.jsx(InputStyles.InputMessageStyle, {
       $variant: "success",
       children: success
+    }), hasWarning && /*#__PURE__*/jsxRuntime.jsx(InputStyles.InputMessageStyle, {
+      $variant: "warning",
+      children: warning
     })]
   });
 });

package/dist/cjs/input/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles.js'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles.js'\nimport { InputGroupProps } from './types.js'\n\nexport const InputGroup = forwardRef(\n  (\n    { fullwidth = false, error, success, children, ...rest }: InputGroupProps,\n    ref?: ForwardedRef<HTMLSpanElement>,\n  ) => {\n    const hasError = !!error\n    const hasSuccess = !!success && !error\n\n    return (\n      <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n        <InputGroupContentStyle>{children}</InputGroupContentStyle>\n        {hasError && (\n          <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n        )}\n        {hasSuccess && (\n          <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n        )}\n      </InputGroupStyle>\n    )\n  },\n)\nInputGroup.displayName = 'InputGroup'\n"],"names":["InputGroup","forwardRef","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","_jsxs","InputGroupStyle","_jsx","InputGroupContentStyle","InputMessageStyle","displayName"],"mappings":";;;;;;;;;MAKaA,UAAU,gBAAGC,gBAAU,CAClC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,SAAS,GAAG,KAAd;IAAqBC,KAArB;IAA4BC,OAA5B;IAAqCC,QAArC;IAA+C,GAAGC,IAAAA;GAE/C,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,QAAQ,GAAG,CAAC,CAACJ,KAAnB,CAAA;AACA,EAAA,MAAMK,UAAU,GAAG,CAAC,CAACJ,OAAF,IAAa,CAACD,KAAjC,CAAA;AAEA,EAAA,oBACEM,gBAACC,gCAAD,EAAA;AAAiB,IAAA,UAAU,EAAER,SAA7B;AAAA,IAAA,GAA4CI,IAA5C;AAAkD,IAAA,GAAG,EAAEL,GAAvD;AAAA,IAAA,QAAA,EAAA,cACEU,eAACC,uCAAD,EAAA;MAAA,QAAyBP,EAAAA,QAAAA;AAAzB,KAAA,CADF,EAEGE,QAAQ,iBACPI,cAAA,CAACE,6BAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,OAA5B;MAAA,QAAqCV,EAAAA,KAAAA;AAArC,KAAA,CAHJ,EAKGK,UAAU,iBACTG,cAAA,CAACE,6BAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCT,EAAAA,OAAAA;KAN3C,CAAA,CAAA;GADF,CAAA,CAAA;AAWD,CAnBiC,EAA7B;AAqBPL,UAAU,CAACe,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"file":"InputGroup.js","sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles.js'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles.js'\nimport { InputGroupProps } from './types.js'\n\nexport const InputGroup = forwardRef(\n  (\n    {\n      fullwidth = false,\n      error,\n      success,\n      warning,\n      children,\n      ...rest\n    }: InputGroupProps,\n    ref?: ForwardedRef<HTMLSpanElement>,\n  ) => {\n    const hasError = !!error\n    const hasSuccess = !!success && !error\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n\n    return (\n      <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n        <InputGroupContentStyle>{children}</InputGroupContentStyle>\n        {hasError && (\n          <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n        )}\n        {hasSuccess && (\n          <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n        )}\n        {hasWarning && (\n          <InputMessageStyle $variant='warning'>{warning}</InputMessageStyle>\n        )}\n      </InputGroupStyle>\n    )\n  },\n)\nInputGroup.displayName = 'InputGroup'\n"],"names":["InputGroup","forwardRef","ref","fullwidth","error","success","warning","children","rest","hasError","hasSuccess","hasWarning","_jsxs","InputGroupStyle","_jsx","InputGroupContentStyle","InputMessageStyle","displayName"],"mappings":";;;;;;;;;MAKaA,UAAU,gBAAGC,gBAAU,CAClC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;AACEC,IAAAA,SAAS,GAAG,KADd;IAEEC,KAFF;IAGEC,OAHF;IAIEC,OAJF;IAKEC,QALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,QAAQ,GAAG,CAAC,CAACL,KAAnB,CAAA;AACA,EAAA,MAAMM,UAAU,GAAG,CAAC,CAACL,OAAF,IAAa,CAACD,KAAjC,CAAA;EACA,MAAMO,UAAU,GAAG,CAACF,QAAD,IAAa,CAAC,CAACH,OAAlC,CAHG;;AAKH,EAAA,oBACEM,gBAACC,gCAAD,EAAA;AAAiB,IAAA,UAAU,EAAEV,SAA7B;AAAA,IAAA,GAA4CK,IAA5C;AAAkD,IAAA,GAAG,EAAEN,GAAvD;AAAA,IAAA,QAAA,EAAA,cACEY,eAACC,uCAAD,EAAA;MAAA,QAAyBR,EAAAA,QAAAA;AAAzB,KAAA,CADF,EAEGE,QAAQ,iBACPK,cAAA,CAACE,6BAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,OAA5B;MAAA,QAAqCZ,EAAAA,KAAAA;AAArC,KAAA,CAHJ,EAKGM,UAAU,iBACTI,cAAA,CAACE,6BAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCX,EAAAA,OAAAA;AAAvC,KAAA,CANJ,EAQGM,UAAU,iBACTG,cAAA,CAACE,6BAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCV,EAAAA,OAAAA;KAT3C,CAAA,CAAA;GADF,CAAA,CAAA;AAcD,CA9BiC,EAA7B;AAgCPN,UAAU,CAACiB,WAAX,GAAyB,YAAzB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/input/types.ts"],"sourcesContent":["import { ChangeEventHandler, ReactNode, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum InputMessageVariant {\n  error,\n  warning,\n  success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n  text,\n  password,\n  number,\n  email,\n  search,\n  tel,\n  url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n  small,\n  default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n  default,\n  accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n  label?: ReactNode\n  error?: ReactNode | boolean\n  warning?: ReactNode | boolean\n  success?: ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: ReactNode\n    success?: ReactNode\n  }\n>\n\ninterface ValueLabel {\n  value: number\n  label: ReactNode\n}\n\ntype SliderProps = {\n  value: number\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  min?: number\n  max?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  step?: number\n  getLabel?: (value: number) => ReactNode\n  borderNone?: boolean\n  labels?: ValueLabel[]\n  onLabelClick?: (value: number) => unknown\n}\n\nexport type SliderInputProps = LidoComponentProps<'input', SliderProps>\n\ntype SliderOptionValue = string | number\n\ninterface SliderOption {\n  value: SliderOptionValue\n  label: ReactNode\n}\n\ninterface OptionsSliderProps {\n  options: [SliderOption, SliderOption, ...SliderOption[]] // this is declaration like T[] but with \"at least 2 elements\" constraint\n  value?: SliderOptionValue // if value is not provided, component should act isolated; initial value should be first option\n  onChange: (value: SliderOptionValue, valueIndex: number) => unknown\n}\n\nexport type OptionsSliderInputProps = Omit<\n  SliderInputProps,\n  'value' | 'onChange'\n> &\n  OptionsSliderProps\n"],"names":["InputMessageVariant","InputType","InputVariant","InputColor"],"mappings":";;;;AAIYA,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,SAAZ,0BAAYA,SAAZ,EAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,EAAA,OAAYA,SAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWYC,IAAAA,YAAZ,0BAAYA,YAAZ,EAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,YAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,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/input/types.ts"],"sourcesContent":["import { ChangeEventHandler, ReactNode, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum InputMessageVariant {\n  error,\n  warning,\n  success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n  text,\n  password,\n  number,\n  email,\n  search,\n  tel,\n  url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n  small,\n  default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n  default,\n  accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n  label?: ReactNode\n  error?: ReactNode | boolean\n  warning?: ReactNode | boolean\n  success?: ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: ReactNode\n    success?: ReactNode\n    warning?: ReactNode\n  }\n>\n\ninterface ValueLabel {\n  value: number\n  label: ReactNode\n}\n\ntype SliderProps = {\n  value: number\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  min?: number\n  max?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  step?: number\n  getLabel?: (value: number) => ReactNode\n  borderNone?: boolean\n  labels?: ValueLabel[]\n  onLabelClick?: (value: number) => unknown\n}\n\nexport type SliderInputProps = LidoComponentProps<'input', SliderProps>\n\ntype SliderOptionValue = string | number\n\ninterface SliderOption {\n  value: SliderOptionValue\n  label: ReactNode\n}\n\ninterface OptionsSliderProps {\n  options: [SliderOption, SliderOption, ...SliderOption[]] // this is declaration like T[] but with \"at least 2 elements\" constraint\n  value?: SliderOptionValue // if value is not provided, component should act isolated; initial value should be first option\n  onChange: (value: SliderOptionValue, valueIndex: number) => unknown\n}\n\nexport type OptionsSliderInputProps = Omit<\n  SliderInputProps,\n  'value' | 'onChange'\n> &\n  OptionsSliderProps\n"],"names":["InputMessageVariant","InputType","InputVariant","InputColor"],"mappings":";;;;AAIYA,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,SAAZ,0BAAYA,SAAZ,EAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,EAAA,OAAYA,SAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWYC,IAAAA,YAAZ,0BAAYA,YAAZ,EAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,YAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;;;"}

package/dist/cjs/theme/themes.js

@@ -47,8 +47,8 @@ const themeDark = { ...index,
     darkModeVisibility: 'visible',
     lightDisplay: 'none',
     darkDisplay: 'initial',
-    secondary: 'rgba(255, 255, 255, .8)',
-    secondaryHover: '#fff',
+    secondary: '#fff',
+    secondaryHover: '#F5F5F7',
     secondaryContrast: '#273852',
     background: '#1c1c21',
     backgroundDarken: '#131317',

package/dist/cjs/theme/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n  ...themeBase,\n  name: ThemeName.light,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '0',\n    lightThemeOpacity: '1',\n\n    lightModeVisibility: 'visible',\n    darkModeVisibility: 'hidden',\n\n    lightDisplay: 'initial',\n    darkDisplay: 'none',\n\n    secondary: '#273852',\n    secondaryHover: '#212f45',\n    secondaryContrast: '#fff',\n\n    background: '#f2f4f6',\n    backgroundDarken: '#dae0e5',\n    backgroundSecondary: '#EFF2F6',\n\n    foreground: '#fff',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(39, 56, 82, 0.08)',\n    shadowDark: 'rgba(0, 0, 0, .25)',\n\n    text: '#273852',\n    textSecondary: '#7a8aa0',\n    accentText: '#273852',\n\n    border: 'rgba(0, 10, 61, 0.12)',\n    borderActive: 'rgba(0, 10, 61, 0.48)',\n    borderHover: 'rgba(0, 10, 61, 0.24)',\n    borderLight: '#dfe5eb',\n    accentBorder: 'rgba(0, 10, 61, 0.12)',\n    accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n\n    controlBg: '#fff',\n    accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n    popupMenuItemBgActiveHover: '#000a3d',\n  },\n}\n\nexport const themeDark = {\n  ...themeBase,\n  name: ThemeName.dark,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '1',\n    lightThemeOpacity: '0',\n\n    lightModeVisibility: 'hidden',\n    darkModeVisibility: 'visible',\n\n    lightDisplay: 'none',\n    darkDisplay: 'initial',\n\n    secondary: 'rgba(255, 255, 255, .8)',\n    secondaryHover: '#fff',\n    secondaryContrast: '#273852',\n\n    background: '#1c1c21',\n    backgroundDarken: '#131317',\n    backgroundSecondary: '#27272E',\n\n    foreground: '#34343d',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(0, 0, 0, .25)',\n    shadowDark: 'rgba(0, 0, 0, .5)',\n\n    text: '#fff',\n    textSecondary: 'rgba(255, 255, 255, .8)',\n    accentText: '#fff',\n\n    border: 'rgba(255, 255, 255, 0.12)',\n    borderActive: 'rgba(255, 255, 255, 0.48)',\n    borderHover: 'rgba(255, 255, 255, 0.24)',\n    borderLight: '#484855',\n    accentBorder: 'rgba(255, 255, 255, 0.12)',\n    accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n\n    controlBg: '#2f2f37',\n    accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n    popupMenuItemBgActiveHover: '#fff',\n  },\n}\n\nexport const themeMap = {\n  [ThemeName.light]: themeLight,\n  [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n  [themeLight, ThemeName.light],\n  [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":"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"}
+{"version":3,"file":"themes.js","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n  ...themeBase,\n  name: ThemeName.light,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '0',\n    lightThemeOpacity: '1',\n\n    lightModeVisibility: 'visible',\n    darkModeVisibility: 'hidden',\n\n    lightDisplay: 'initial',\n    darkDisplay: 'none',\n\n    secondary: '#273852',\n    secondaryHover: '#212f45',\n    secondaryContrast: '#fff',\n\n    background: '#f2f4f6',\n    backgroundDarken: '#dae0e5',\n    backgroundSecondary: '#EFF2F6',\n\n    foreground: '#fff',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(39, 56, 82, 0.08)',\n    shadowDark: 'rgba(0, 0, 0, .25)',\n\n    text: '#273852',\n    textSecondary: '#7a8aa0',\n    accentText: '#273852',\n\n    border: 'rgba(0, 10, 61, 0.12)',\n    borderActive: 'rgba(0, 10, 61, 0.48)',\n    borderHover: 'rgba(0, 10, 61, 0.24)',\n    borderLight: '#dfe5eb',\n    accentBorder: 'rgba(0, 10, 61, 0.12)',\n    accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n\n    controlBg: '#fff',\n    accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n    popupMenuItemBgActiveHover: '#000a3d',\n  },\n}\n\nexport const themeDark = {\n  ...themeBase,\n  name: ThemeName.dark,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '1',\n    lightThemeOpacity: '0',\n\n    lightModeVisibility: 'hidden',\n    darkModeVisibility: 'visible',\n\n    lightDisplay: 'none',\n    darkDisplay: 'initial',\n\n    secondary: '#fff',\n    secondaryHover: '#F5F5F7',\n    secondaryContrast: '#273852',\n\n    background: '#1c1c21',\n    backgroundDarken: '#131317',\n    backgroundSecondary: '#27272E',\n\n    foreground: '#34343d',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(0, 0, 0, .25)',\n    shadowDark: 'rgba(0, 0, 0, .5)',\n\n    text: '#fff',\n    textSecondary: 'rgba(255, 255, 255, .8)',\n    accentText: '#fff',\n\n    border: 'rgba(255, 255, 255, 0.12)',\n    borderActive: 'rgba(255, 255, 255, 0.48)',\n    borderHover: 'rgba(255, 255, 255, 0.24)',\n    borderLight: '#484855',\n    accentBorder: 'rgba(255, 255, 255, 0.12)',\n    accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n\n    controlBg: '#2f2f37',\n    accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n    popupMenuItemBgActiveHover: '#fff',\n  },\n}\n\nexport const themeMap = {\n  [ThemeName.light]: themeLight,\n  [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n  [themeLight, ThemeName.light],\n  [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":"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"}

package/dist/esm/cookies-tooltip/cookies-tooltip.mjs

@@ -1,9 +1,7 @@
 import { useState, useCallback, useEffect } from 'react';
-import { CookieInverse, Cookie } from '../icons/index.mjs';
-import { ContentTheme } from '../content-theme/content-theme.mjs';
 import '../utils/modalRoot.mjs';
 import { getCrossDomainCookieClientSide } from '../utils/cookies-client-side.mjs';
-import { Wrap, Box, CookieIconWrap, Text, Link, ButtonsWrap, AllowButton, DeclineButton } from './styles.mjs';
+import { Wrap, Box, Text, ExternalLink, ButtonsWrap, AllowButton, DeclineButton } from './styles.mjs';
 import { allowCookies, declineCookies } from './utils.mjs';
 import { COOKIE_ALLOWED_KEY } from './constants.mjs';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -30,13 +28,8 @@ const CookiesTooltip = () => {
   if (!isVisible) return /*#__PURE__*/jsx(Fragment, {});
   return /*#__PURE__*/jsx(Wrap, {
     children: /*#__PURE__*/jsxs(Box, {
-      children: [/*#__PURE__*/jsx(CookieIconWrap, {
-        children: /*#__PURE__*/jsx(ContentTheme, {
-          darkContent: /*#__PURE__*/jsx(CookieInverse, {}),
-          lightContent: /*#__PURE__*/jsx(Cookie, {})
-        })
-      }), /*#__PURE__*/jsxs(Text, {
-        children: ["We use cookies to collect anonymous site visitation data to\xA0improve performance of\xA0our\xA0website. For\xA0more info, read our\xA0", /*#__PURE__*/jsx(Link, {
+      children: [/*#__PURE__*/jsxs(Text, {
+        children: ["Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0", /*#__PURE__*/jsx(ExternalLink, {
           href: "https://lido.fi/privacy-notice",
           children: "Privacy Notice"
         })]

package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cookies-tooltip.mjs","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import { FC, useEffect, useState, useCallback } from 'react'\nimport { Cookie, CookieInverse } from '../icons/index.js'\nimport { ContentTheme } from '../content-theme/index.js'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  CookieIconWrap,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  Link,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport const CookiesTooltip: FC = () => {\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>\n      <Box>\n        <CookieIconWrap>\n          <ContentTheme\n            darkContent={<CookieInverse />}\n            lightContent={<Cookie />}\n          />\n        </CookieIconWrap>\n        <Text>\n          We use cookies to collect anonymous site visitation data\n          to&nbsp;improve performance of&nbsp;our&nbsp;website. For&nbsp;more\n          info, read our&nbsp;\n          <Link href='https://lido.fi/privacy-notice'>Privacy Notice</Link>\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","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","_jsxs","allowCookies","declineCookies"],"mappings":";;;;;;;;;;AAiBO,MAAMA,cAAkB,GAAG,MAAM;EACtC,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,QAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,WAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,GAAP,CAAAC,QAAA,EAAA,EAAA,CAAA,CAAA;AAEhB,EAAA,oBACED,IAAC,IAAD,EAAA;AAAA,IAAA,QAAA,eACEE,KAAC,GAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEF,IAAC,cAAD,EAAA;AAAA,QAAA,QAAA,eACEA,IAAC,YAAD,EAAA;UACE,WAAW,eAAEA,GAAC,CAAA,aAAD,EADf,EAAA,CAAA;UAEE,YAAY,eAAEA,IAAC,MAAD,EAAA,EAAA,CAAA;AAFhB,SAAA,CAAA;OAFJ,CAAA,eAOEE,KAAC,IAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CAAA,yIAAA,eAIEF,IAAC,IAAD,EAAA;AAAM,UAAA,IAAI,EAAC,gCAAX;AAAA,UAAA,QAAA,EAAA,gBAAA;SAJF,CAAA,CAAA;OAPF,CAAA,eAaEE,KAAC,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEF,IAAC,WAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbG,YAAY,EAAA,CAAA;YACZb,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,IAAC,aAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbI,cAAc,EAAA,CAAA;YACdd,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAbF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAoCD;;;;"}
+{"version":3,"file":"cookies-tooltip.mjs","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import { FC, useEffect, useState, useCallback } 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 const CookiesTooltip: FC = () => {\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>\n      <Box>\n        <Text>\n          Cookies are used to collect anonymous site visitation data\n          to&nbsp;improve website performance. For&nbsp;more info, read&nbsp;\n          <ExternalLink href='https://lido.fi/privacy-notice'>\n            Privacy Notice\n          </ExternalLink>\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","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","_jsxs","allowCookies","declineCookies"],"mappings":";;;;;;;;AAcO,MAAMA,cAAkB,GAAG,MAAM;EACtC,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,QAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,WAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,GAAP,CAAAC,QAAA,EAAA,EAAA,CAAA,CAAA;AAEhB,EAAA,oBACED,IAAC,IAAD,EAAA;AAAA,IAAA,QAAA,eACEE,KAAC,GAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEA,KAAC,IAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CAAA,0HAAA,eAGEF,IAAC,YAAD,EAAA;AAAc,UAAA,IAAI,EAAC,gCAAnB;AAAA,UAAA,QAAA,EAAA,gBAAA;SAHF,CAAA,CAAA;OADF,CAAA,eAQEE,KAAC,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEF,IAAC,WAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbG,YAAY,EAAA,CAAA;YACZb,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,IAAC,aAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbI,cAAc,EAAA,CAAA;YACdd,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OARF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AA+BD;;;;"}

package/dist/esm/cookies-tooltip/styles.mjs

@@ -5,6 +5,12 @@ const ExternalLink = styled.a.attrs({
   rel: 'nofollow noopener'
 })`
   cursor: pointer;
+  color: var(--lido-color-primary);
+  text-decoration: none;
+
+  &:hover {
+    color: var(--lido-color-primaryHover);
+  }
 `;
 const Wrap = styled.div`
   z-index: 999;
@@ -46,36 +52,18 @@ const Box = styled.div`
     width: 100%;
   }
 `;
-const CookieIconWrap = styled.div`
-  margin-right: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-
-  ${_ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.mediaQueries.lg;
-}} {
-    display: none;
-  }
-`;
 const Text = styled.div`
   margin-right: 8px;
   font-weight: 500;
   font-size: 14px;
   line-height: 22px;
   color: var(--lido-color-textSecondary);
-  width: 340px;
+  max-width: 500px;
 
-  ${_ref4 => {
+  ${_ref3 => {
   let {
     theme
-  } = _ref4;
+  } = _ref3;
   return theme.mediaQueries.lg;
 }} {
     margin-right: 0;
@@ -116,21 +104,21 @@ const ButtonBasic = styled.button.attrs({
     transform: translateY(1px);
   }
 
-  ${_ref5 => {
+  ${_ref4 => {
   let {
     theme
-  } = _ref5;
+  } = _ref4;
   return theme.mediaQueries.lg;
 }} {
     width: 112px;
   }
 `;
 const AllowButton = styled(ButtonBasic)`
-  background-color: var(--lido-color-text);
-  color: var(--lido-color-foreground);
+  background-color: var(--lido-color-secondary);
+  color: var(--lido-color-secondaryContrast);
 
   &:hover {
-    background-color: var(--lido-color-textSecondary);
+    background-color: var(--lido-color-secondaryHover);
   }
 `;
 const DeclineButton = styled(ButtonBasic)`
@@ -139,13 +127,10 @@ const DeclineButton = styled(ButtonBasic)`
   border: 1px solid var(--lido-color-text);
 
   &:hover {
-    background-color: var(--lido-color-background);
+    background-color: var(--lido-color-secondary);
+    color: var(--lido-color-secondaryContrast);
   }
 `;
-const Link = styled(ExternalLink)`
-  color: inherit;
-  text-decoration: underline !important;
-`;
 
-export { AllowButton, Box, ButtonsWrap, CookieIconWrap, DeclineButton, Link, Text, Wrap };
+export { AllowButton, Box, ButtonsWrap, DeclineButton, ExternalLink, Text, Wrap };
 //# sourceMappingURL=styles.mjs.map

package/dist/esm/cookies-tooltip/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nconst ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\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 CookieIconWrap = styled.div`\n  margin-right: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    display: none;\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  width: 340px;\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-text);\n  color: var(--lido-color-foreground);\n\n  &:hover {\n    background-color: var(--lido-color-textSecondary);\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-background);\n  }\n`\n\nexport const Link = styled(ExternalLink)`\n  color: inherit;\n  text-decoration: underline !important;\n`\n"],"names":["ExternalLink","styled","a","attrs","target","rel","Wrap","div","theme","mediaQueries","lg","Box","CookieIconWrap","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton","Link"],"mappings":";;AAEA,MAAMA,YAAY,GAAGC,MAAM,CAACC,CAAP,CAASC,KAAT,CAAe;AAClCC,EAAAA,MAAM,EAAE,QAD0B;AAElCC,EAAAA,GAAG,EAAE,mBAAA;AAF6B,CAAf,CAGlB,CAAA;AACH;AACA,CALA,CAAA;AAOaC,MAAAA,IAAI,GAAGL,MAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAfO;AAiBMC,MAAAA,GAAG,GAAGV,MAAM,CAACM,GAAI,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAbO;AAeME,MAAAA,cAAc,GAAGX,MAAM,CAACM,GAAI,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,EAZO;AAcMG,MAAAA,IAAI,GAAGZ,MAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMI,MAAAA,WAAW,GAAGb,MAAM,CAACM,GAAI,CAAA;AACtC;AACA,EAFO;AAIP,MAAMQ,WAAW,GAAGd,MAAM,CAACe,MAAP,CAAcb,KAAd,CAAoB;AAAEc,EAAAA,IAAI,EAAE,QAAA;AAAR,CAApB,CAAwC,CAAA;AAC5D;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,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAET,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,CA9BA,CAAA;MAgCaQ,WAAW,GAAGjB,MAAM,CAACc,WAAD,CAAc,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;MASMI,aAAa,GAAGlB,MAAM,CAACc,WAAD,CAAc,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EARO;MAUMK,IAAI,GAAGnB,MAAM,CAACD,YAAD,CAAe,CAAA;AACzC;AACA;AACA;;;;"}
+{"version":3,"file":"styles.mjs","sources":["../../../packages/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","theme","mediaQueries","lg","Box","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton"],"mappings":";;AAEO,MAAMA,YAAY,GAAGC,MAAM,CAACC,CAAP,CAASC,KAAT,CAAe;AACzCC,EAAAA,MAAM,EAAE,QADiC;AAEzCC,EAAAA,GAAG,EAAE,mBAAA;AAFoC,CAAf,CAGzB,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAXO;AAaMC,MAAAA,IAAI,GAAGL,MAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAfO;AAiBMC,MAAAA,GAAG,GAAGV,MAAM,CAACM,GAAI,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAbO;AAeME,MAAAA,IAAI,GAAGX,MAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMG,MAAAA,WAAW,GAAGZ,MAAM,CAACM,GAAI,CAAA;AACtC;AACA,EAFO;AAIP,MAAMO,WAAW,GAAGb,MAAM,CAACc,MAAP,CAAcZ,KAAd,CAAoB;AAAEa,EAAAA,IAAI,EAAE,QAAA;AAAR,CAApB,CAAwC,CAAA;AAC5D;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,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,CA9BA,CAAA;MAgCaO,WAAW,GAAGhB,MAAM,CAACa,WAAD,CAAc,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;MASMI,aAAa,GAAGjB,MAAM,CAACa,WAAD,CAAc,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/input/InputGroup.mjs

@@ -8,11 +8,14 @@ const InputGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
     fullwidth = false,
     error,
     success,
+    warning,
     children,
     ...rest
   } = _ref;
   const hasError = !!error;
   const hasSuccess = !!success && !error;
+  const hasWarning = !hasError && !!warning; // `error` overrides `warning`
+
   return /*#__PURE__*/jsxs(InputGroupStyle, {
     $fullwidth: fullwidth,
     ...rest,
@@ -25,6 +28,9 @@ const InputGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
     }), hasSuccess && /*#__PURE__*/jsx(InputMessageStyle, {
       $variant: "success",
       children: success
+    }), hasWarning && /*#__PURE__*/jsx(InputMessageStyle, {
+      $variant: "warning",
+      children: warning
     })]
   });
 });

package/dist/esm/input/InputGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.mjs","sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles.js'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles.js'\nimport { InputGroupProps } from './types.js'\n\nexport const InputGroup = forwardRef(\n  (\n    { fullwidth = false, error, success, children, ...rest }: InputGroupProps,\n    ref?: ForwardedRef<HTMLSpanElement>,\n  ) => {\n    const hasError = !!error\n    const hasSuccess = !!success && !error\n\n    return (\n      <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n        <InputGroupContentStyle>{children}</InputGroupContentStyle>\n        {hasError && (\n          <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n        )}\n        {hasSuccess && (\n          <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n        )}\n      </InputGroupStyle>\n    )\n  },\n)\nInputGroup.displayName = 'InputGroup'\n"],"names":["InputGroup","forwardRef","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","_jsxs","_jsx","displayName"],"mappings":";;;;;MAKaA,UAAU,gBAAGC,UAAU,CAClC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,SAAS,GAAG,KAAd;IAAqBC,KAArB;IAA4BC,OAA5B;IAAqCC,QAArC;IAA+C,GAAGC,IAAAA;GAE/C,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,QAAQ,GAAG,CAAC,CAACJ,KAAnB,CAAA;AACA,EAAA,MAAMK,UAAU,GAAG,CAAC,CAACJ,OAAF,IAAa,CAACD,KAAjC,CAAA;AAEA,EAAA,oBACEM,KAAC,eAAD,EAAA;AAAiB,IAAA,UAAU,EAAEP,SAA7B;AAAA,IAAA,GAA4CI,IAA5C;AAAkD,IAAA,GAAG,EAAEL,GAAvD;AAAA,IAAA,QAAA,EAAA,cACES,IAAC,sBAAD,EAAA;MAAA,QAAyBL,EAAAA,QAAAA;AAAzB,KAAA,CADF,EAEGE,QAAQ,iBACPG,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,OAA5B;MAAA,QAAqCP,EAAAA,KAAAA;AAArC,KAAA,CAHJ,EAKGK,UAAU,iBACTE,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCN,EAAAA,OAAAA;KAN3C,CAAA,CAAA;GADF,CAAA,CAAA;AAWD,CAnBiC,EAA7B;AAqBPL,UAAU,CAACY,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"file":"InputGroup.mjs","sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles.js'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles.js'\nimport { InputGroupProps } from './types.js'\n\nexport const InputGroup = forwardRef(\n  (\n    {\n      fullwidth = false,\n      error,\n      success,\n      warning,\n      children,\n      ...rest\n    }: InputGroupProps,\n    ref?: ForwardedRef<HTMLSpanElement>,\n  ) => {\n    const hasError = !!error\n    const hasSuccess = !!success && !error\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n\n    return (\n      <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n        <InputGroupContentStyle>{children}</InputGroupContentStyle>\n        {hasError && (\n          <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n        )}\n        {hasSuccess && (\n          <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n        )}\n        {hasWarning && (\n          <InputMessageStyle $variant='warning'>{warning}</InputMessageStyle>\n        )}\n      </InputGroupStyle>\n    )\n  },\n)\nInputGroup.displayName = 'InputGroup'\n"],"names":["InputGroup","forwardRef","ref","fullwidth","error","success","warning","children","rest","hasError","hasSuccess","hasWarning","_jsxs","_jsx","displayName"],"mappings":";;;;;MAKaA,UAAU,gBAAGC,UAAU,CAClC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;AACEC,IAAAA,SAAS,GAAG,KADd;IAEEC,KAFF;IAGEC,OAHF;IAIEC,OAJF;IAKEC,QALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,QAAQ,GAAG,CAAC,CAACL,KAAnB,CAAA;AACA,EAAA,MAAMM,UAAU,GAAG,CAAC,CAACL,OAAF,IAAa,CAACD,KAAjC,CAAA;EACA,MAAMO,UAAU,GAAG,CAACF,QAAD,IAAa,CAAC,CAACH,OAAlC,CAHG;;AAKH,EAAA,oBACEM,KAAC,eAAD,EAAA;AAAiB,IAAA,UAAU,EAAET,SAA7B;AAAA,IAAA,GAA4CK,IAA5C;AAAkD,IAAA,GAAG,EAAEN,GAAvD;AAAA,IAAA,QAAA,EAAA,cACEW,IAAC,sBAAD,EAAA;MAAA,QAAyBN,EAAAA,QAAAA;AAAzB,KAAA,CADF,EAEGE,QAAQ,iBACPI,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,OAA5B;MAAA,QAAqCT,EAAAA,KAAAA;AAArC,KAAA,CAHJ,EAKGM,UAAU,iBACTG,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCR,EAAAA,OAAAA;AAAvC,KAAA,CANJ,EAQGM,UAAU,iBACTE,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCP,EAAAA,OAAAA;KAT3C,CAAA,CAAA;GADF,CAAA,CAAA;AAcD,CA9BiC,EAA7B;AAgCPN,UAAU,CAACc,WAAX,GAAyB,YAAzB;;;;"}

package/dist/esm/input/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/input/types.ts"],"sourcesContent":["import { ChangeEventHandler, ReactNode, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum InputMessageVariant {\n  error,\n  warning,\n  success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n  text,\n  password,\n  number,\n  email,\n  search,\n  tel,\n  url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n  small,\n  default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n  default,\n  accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n  label?: ReactNode\n  error?: ReactNode | boolean\n  warning?: ReactNode | boolean\n  success?: ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: ReactNode\n    success?: ReactNode\n  }\n>\n\ninterface ValueLabel {\n  value: number\n  label: ReactNode\n}\n\ntype SliderProps = {\n  value: number\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  min?: number\n  max?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  step?: number\n  getLabel?: (value: number) => ReactNode\n  borderNone?: boolean\n  labels?: ValueLabel[]\n  onLabelClick?: (value: number) => unknown\n}\n\nexport type SliderInputProps = LidoComponentProps<'input', SliderProps>\n\ntype SliderOptionValue = string | number\n\ninterface SliderOption {\n  value: SliderOptionValue\n  label: ReactNode\n}\n\ninterface OptionsSliderProps {\n  options: [SliderOption, SliderOption, ...SliderOption[]] // this is declaration like T[] but with \"at least 2 elements\" constraint\n  value?: SliderOptionValue // if value is not provided, component should act isolated; initial value should be first option\n  onChange: (value: SliderOptionValue, valueIndex: number) => unknown\n}\n\nexport type OptionsSliderInputProps = Omit<\n  SliderInputProps,\n  'value' | 'onChange'\n> &\n  OptionsSliderProps\n"],"names":["InputMessageVariant","InputType","InputVariant","InputColor"],"mappings":"AAIYA,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,SAAZ,0BAAYA,SAAZ,EAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,EAAA,OAAYA,SAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWYC,IAAAA,YAAZ,0BAAYA,YAAZ,EAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,YAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,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.mjs","sources":["../../../packages/input/types.ts"],"sourcesContent":["import { ChangeEventHandler, ReactNode, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum InputMessageVariant {\n  error,\n  warning,\n  success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n  text,\n  password,\n  number,\n  email,\n  search,\n  tel,\n  url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n  small,\n  default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n  default,\n  accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n  label?: ReactNode\n  error?: ReactNode | boolean\n  warning?: ReactNode | boolean\n  success?: ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: ReactNode\n    success?: ReactNode\n    warning?: ReactNode\n  }\n>\n\ninterface ValueLabel {\n  value: number\n  label: ReactNode\n}\n\ntype SliderProps = {\n  value: number\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  min?: number\n  max?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  step?: number\n  getLabel?: (value: number) => ReactNode\n  borderNone?: boolean\n  labels?: ValueLabel[]\n  onLabelClick?: (value: number) => unknown\n}\n\nexport type SliderInputProps = LidoComponentProps<'input', SliderProps>\n\ntype SliderOptionValue = string | number\n\ninterface SliderOption {\n  value: SliderOptionValue\n  label: ReactNode\n}\n\ninterface OptionsSliderProps {\n  options: [SliderOption, SliderOption, ...SliderOption[]] // this is declaration like T[] but with \"at least 2 elements\" constraint\n  value?: SliderOptionValue // if value is not provided, component should act isolated; initial value should be first option\n  onChange: (value: SliderOptionValue, valueIndex: number) => unknown\n}\n\nexport type OptionsSliderInputProps = Omit<\n  SliderInputProps,\n  'value' | 'onChange'\n> &\n  OptionsSliderProps\n"],"names":["InputMessageVariant","InputType","InputVariant","InputColor"],"mappings":"AAIYA,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,SAAZ,0BAAYA,SAAZ,EAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,EAAA,OAAYA,SAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWYC,IAAAA,YAAZ,0BAAYA,YAAZ,EAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,YAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/theme/themes.mjs

@@ -43,8 +43,8 @@ const themeDark = { ...themeBase,
     darkModeVisibility: 'visible',
     lightDisplay: 'none',
     darkDisplay: 'initial',
-    secondary: 'rgba(255, 255, 255, .8)',
-    secondaryHover: '#fff',
+    secondary: '#fff',
+    secondaryHover: '#F5F5F7',
     secondaryContrast: '#273852',
     background: '#1c1c21',
     backgroundDarken: '#131317',

package/dist/esm/theme/themes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"themes.mjs","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n  ...themeBase,\n  name: ThemeName.light,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '0',\n    lightThemeOpacity: '1',\n\n    lightModeVisibility: 'visible',\n    darkModeVisibility: 'hidden',\n\n    lightDisplay: 'initial',\n    darkDisplay: 'none',\n\n    secondary: '#273852',\n    secondaryHover: '#212f45',\n    secondaryContrast: '#fff',\n\n    background: '#f2f4f6',\n    backgroundDarken: '#dae0e5',\n    backgroundSecondary: '#EFF2F6',\n\n    foreground: '#fff',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(39, 56, 82, 0.08)',\n    shadowDark: 'rgba(0, 0, 0, .25)',\n\n    text: '#273852',\n    textSecondary: '#7a8aa0',\n    accentText: '#273852',\n\n    border: 'rgba(0, 10, 61, 0.12)',\n    borderActive: 'rgba(0, 10, 61, 0.48)',\n    borderHover: 'rgba(0, 10, 61, 0.24)',\n    borderLight: '#dfe5eb',\n    accentBorder: 'rgba(0, 10, 61, 0.12)',\n    accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n\n    controlBg: '#fff',\n    accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n    popupMenuItemBgActiveHover: '#000a3d',\n  },\n}\n\nexport const themeDark = {\n  ...themeBase,\n  name: ThemeName.dark,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '1',\n    lightThemeOpacity: '0',\n\n    lightModeVisibility: 'hidden',\n    darkModeVisibility: 'visible',\n\n    lightDisplay: 'none',\n    darkDisplay: 'initial',\n\n    secondary: 'rgba(255, 255, 255, .8)',\n    secondaryHover: '#fff',\n    secondaryContrast: '#273852',\n\n    background: '#1c1c21',\n    backgroundDarken: '#131317',\n    backgroundSecondary: '#27272E',\n\n    foreground: '#34343d',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(0, 0, 0, .25)',\n    shadowDark: 'rgba(0, 0, 0, .5)',\n\n    text: '#fff',\n    textSecondary: 'rgba(255, 255, 255, .8)',\n    accentText: '#fff',\n\n    border: 'rgba(255, 255, 255, 0.12)',\n    borderActive: 'rgba(255, 255, 255, 0.48)',\n    borderHover: 'rgba(255, 255, 255, 0.24)',\n    borderLight: '#484855',\n    accentBorder: 'rgba(255, 255, 255, 0.12)',\n    accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n\n    controlBg: '#2f2f37',\n    accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n    popupMenuItemBgActiveHover: '#fff',\n  },\n}\n\nexport const themeMap = {\n  [ThemeName.light]: themeLight,\n  [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n  [themeLight, ThemeName.light],\n  [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":";;;AAGaA,MAAAA,UAAU,GAAG,EACxB,GAAGC,SADqB;EAExBC,IAAI,EAAEC,SAAS,CAACC,KAFQ;AAGxBC,EAAAA,MAAM,EAAE,EACN,GAAGJ,SAAS,CAACI,MADP;AAENC,IAAAA,gBAAgB,EAAE,GAFZ;AAGNC,IAAAA,iBAAiB,EAAE,GAHb;AAKNC,IAAAA,mBAAmB,EAAE,SALf;AAMNC,IAAAA,kBAAkB,EAAE,QANd;AAQNC,IAAAA,YAAY,EAAE,SARR;AASNC,IAAAA,WAAW,EAAE,MATP;AAWNC,IAAAA,SAAS,EAAE,SAXL;AAYNC,IAAAA,cAAc,EAAE,SAZV;AAaNC,IAAAA,iBAAiB,EAAE,MAbb;AAeNC,IAAAA,UAAU,EAAE,SAfN;AAgBNC,IAAAA,gBAAgB,EAAE,SAhBZ;AAiBNC,IAAAA,mBAAmB,EAAE,SAjBf;AAmBNC,IAAAA,UAAU,EAAE,MAnBN;AAqBNC,IAAAA,OAAO,EAAE,oBArBH;AAuBNC,IAAAA,WAAW,EAAE,wBAvBP;AAwBNC,IAAAA,UAAU,EAAE,oBAxBN;AA0BNC,IAAAA,IAAI,EAAE,SA1BA;AA2BNC,IAAAA,aAAa,EAAE,SA3BT;AA4BNC,IAAAA,UAAU,EAAE,SA5BN;AA8BNC,IAAAA,MAAM,EAAE,uBA9BF;AA+BNC,IAAAA,YAAY,EAAE,uBA/BR;AAgCNC,IAAAA,WAAW,EAAE,uBAhCP;AAiCNC,IAAAA,WAAW,EAAE,SAjCP;AAkCNC,IAAAA,YAAY,EAAE,uBAlCR;AAmCNC,IAAAA,iBAAiB,EAAE,uBAnCb;AAqCNC,IAAAA,SAAS,EAAE,MArCL;AAsCNC,IAAAA,eAAe,EAAE,2BAtCX;AAwCNC,IAAAA,0BAA0B,EAAE,SAAA;AAxCtB,GAAA;AAHgB,EAAnB;AA+CMC,MAAAA,SAAS,GAAG,EACvB,GAAGjC,SADoB;EAEvBC,IAAI,EAAEC,SAAS,CAACgC,IAFO;AAGvB9B,EAAAA,MAAM,EAAE,EACN,GAAGJ,SAAS,CAACI,MADP;AAENC,IAAAA,gBAAgB,EAAE,GAFZ;AAGNC,IAAAA,iBAAiB,EAAE,GAHb;AAKNC,IAAAA,mBAAmB,EAAE,QALf;AAMNC,IAAAA,kBAAkB,EAAE,SANd;AAQNC,IAAAA,YAAY,EAAE,MARR;AASNC,IAAAA,WAAW,EAAE,SATP;AAWNC,IAAAA,SAAS,EAAE,yBAXL;AAYNC,IAAAA,cAAc,EAAE,MAZV;AAaNC,IAAAA,iBAAiB,EAAE,SAbb;AAeNC,IAAAA,UAAU,EAAE,SAfN;AAgBNC,IAAAA,gBAAgB,EAAE,SAhBZ;AAiBNC,IAAAA,mBAAmB,EAAE,SAjBf;AAmBNC,IAAAA,UAAU,EAAE,SAnBN;AAqBNC,IAAAA,OAAO,EAAE,oBArBH;AAuBNC,IAAAA,WAAW,EAAE,oBAvBP;AAwBNC,IAAAA,UAAU,EAAE,mBAxBN;AA0BNC,IAAAA,IAAI,EAAE,MA1BA;AA2BNC,IAAAA,aAAa,EAAE,yBA3BT;AA4BNC,IAAAA,UAAU,EAAE,MA5BN;AA8BNC,IAAAA,MAAM,EAAE,2BA9BF;AA+BNC,IAAAA,YAAY,EAAE,2BA/BR;AAgCNC,IAAAA,WAAW,EAAE,2BAhCP;AAiCNC,IAAAA,WAAW,EAAE,SAjCP;AAkCNC,IAAAA,YAAY,EAAE,2BAlCR;AAmCNC,IAAAA,iBAAiB,EAAE,2BAnCb;AAqCNC,IAAAA,SAAS,EAAE,SArCL;AAsCNC,IAAAA,eAAe,EAAE,wBAtCX;AAwCNC,IAAAA,0BAA0B,EAAE,MAAA;AAxCtB,GAAA;AAHe,EAAlB;AA+CA,MAAMG,QAAQ,GAAG;AACtB,EAAA,CAACjC,SAAS,CAACC,KAAX,GAAmBJ,UADG;EAEtB,CAACG,SAAS,CAACgC,IAAX,GAAkBD,SAAAA;AAFI,EAAjB;AAKA,MAAMG,eAAe,GAAG,IAAIC,OAAJ,CAAY,CACzC,CAACtC,UAAD,EAAaG,SAAS,CAACC,KAAvB,CADyC,EAEzC,CAAC8B,SAAD,EAAY/B,SAAS,CAACgC,IAAtB,CAFyC,CAAZ,EAAxB;AAKA,MAAMI,YAAY,GAAGvC;;;;"}
+{"version":3,"file":"themes.mjs","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n  ...themeBase,\n  name: ThemeName.light,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '0',\n    lightThemeOpacity: '1',\n\n    lightModeVisibility: 'visible',\n    darkModeVisibility: 'hidden',\n\n    lightDisplay: 'initial',\n    darkDisplay: 'none',\n\n    secondary: '#273852',\n    secondaryHover: '#212f45',\n    secondaryContrast: '#fff',\n\n    background: '#f2f4f6',\n    backgroundDarken: '#dae0e5',\n    backgroundSecondary: '#EFF2F6',\n\n    foreground: '#fff',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(39, 56, 82, 0.08)',\n    shadowDark: 'rgba(0, 0, 0, .25)',\n\n    text: '#273852',\n    textSecondary: '#7a8aa0',\n    accentText: '#273852',\n\n    border: 'rgba(0, 10, 61, 0.12)',\n    borderActive: 'rgba(0, 10, 61, 0.48)',\n    borderHover: 'rgba(0, 10, 61, 0.24)',\n    borderLight: '#dfe5eb',\n    accentBorder: 'rgba(0, 10, 61, 0.12)',\n    accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n\n    controlBg: '#fff',\n    accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n    popupMenuItemBgActiveHover: '#000a3d',\n  },\n}\n\nexport const themeDark = {\n  ...themeBase,\n  name: ThemeName.dark,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '1',\n    lightThemeOpacity: '0',\n\n    lightModeVisibility: 'hidden',\n    darkModeVisibility: 'visible',\n\n    lightDisplay: 'none',\n    darkDisplay: 'initial',\n\n    secondary: '#fff',\n    secondaryHover: '#F5F5F7',\n    secondaryContrast: '#273852',\n\n    background: '#1c1c21',\n    backgroundDarken: '#131317',\n    backgroundSecondary: '#27272E',\n\n    foreground: '#34343d',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(0, 0, 0, .25)',\n    shadowDark: 'rgba(0, 0, 0, .5)',\n\n    text: '#fff',\n    textSecondary: 'rgba(255, 255, 255, .8)',\n    accentText: '#fff',\n\n    border: 'rgba(255, 255, 255, 0.12)',\n    borderActive: 'rgba(255, 255, 255, 0.48)',\n    borderHover: 'rgba(255, 255, 255, 0.24)',\n    borderLight: '#484855',\n    accentBorder: 'rgba(255, 255, 255, 0.12)',\n    accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n\n    controlBg: '#2f2f37',\n    accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n    popupMenuItemBgActiveHover: '#fff',\n  },\n}\n\nexport const themeMap = {\n  [ThemeName.light]: themeLight,\n  [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n  [themeLight, ThemeName.light],\n  [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":"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"}

package/dist/types/cookies-tooltip/cookies-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookies-tooltip.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAA;AAiB5D,eAAO,MAAM,cAAc,EAAE,EA8D5B,CAAA"}
+{"version":3,"file":"cookies-tooltip.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAA;AAc5D,eAAO,MAAM,cAAc,EAAE,EAyD5B,CAAA"}

package/dist/types/cookies-tooltip/styles.d.ts

@@ -1,6 +1,9 @@
+export declare const ExternalLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    target: "_blank";
+    rel: "nofollow noopener";
+}, "target" | "rel">;
 export declare const Wrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CookieIconWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ButtonsWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const AllowButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
@@ -9,8 +12,4 @@ export declare const AllowButton: import("styled-components").StyledComponent<"b
 export declare const DeclineButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     type: "button";
 }, "type">;
-export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
-    target: "_blank";
-    rel: "nofollow noopener";
-}, "target" | "rel">;
 //# sourceMappingURL=styles.d.ts.map

package/dist/types/cookies-tooltip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/styles.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,yGAehB,CAAA;AAED,eAAO,MAAM,GAAG,yGAaf,CAAA;AAED,eAAO,MAAM,cAAc,yGAY1B,CAAA;AAED,eAAO,MAAM,IAAI,yGAchB,CAAA;AAED,eAAO,MAAM,WAAW,yGAEvB,CAAA;AAkCD,eAAO,MAAM,WAAW;;UAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;UAQzB,CAAA;AAED,eAAO,MAAM,IAAI;;;oBAGhB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;oBAWxB,CAAA;AAED,eAAO,MAAM,IAAI,yGAehB,CAAA;AAED,eAAO,MAAM,GAAG,yGAaf,CAAA;AAED,eAAO,MAAM,IAAI,yGAchB,CAAA;AAED,eAAO,MAAM,WAAW,yGAEvB,CAAA;AAkCD,eAAO,MAAM,WAAW;;UAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;UASzB,CAAA"}

package/dist/types/input/InputGroup.d.ts

@@ -3,8 +3,9 @@ export declare const InputGroup: import("react").ForwardRefExoticComponent<{
     fullwidth?: boolean | undefined;
     error?: import("react").ReactNode;
     success?: import("react").ReactNode;
+    warning?: import("react").ReactNode;
 } & Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
     as?: keyof JSX.IntrinsicElements | undefined;
     forwardedAs?: keyof JSX.IntrinsicElements | undefined;
-}, "ref" | "error" | "success" | "fullwidth"> & import("react").RefAttributes<HTMLSpanElement>>;
+}, "ref" | "error" | "warning" | "success" | "fullwidth"> & import("react").RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=InputGroup.d.ts.map

package/dist/types/input/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../packages/input/InputGroup.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU;;;;;;;+FAoBtB,CAAA"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../packages/input/InputGroup.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU;;;;;;;;2GA+BtB,CAAA"}

package/dist/types/input/types.d.ts

@@ -49,6 +49,7 @@ export declare type InputGroupProps = LidoComponentProps<'span', {
     fullwidth?: boolean;
     error?: ReactNode;
     success?: ReactNode;
+    warning?: ReactNode;
 }>;
 interface ValueLabel {
     value: number;

package/dist/types/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/input/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/input/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",