@lidofinance/lido-ui 3.25.1 → 3.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -316,6 +316,7 @@ const ButtonStyle = styledComponentsWrapper.default.button`
316
316
  } = _ref28;
317
317
  return $fullwidth ? ' 100%' : 'auto';
318
318
  }};
319
+ -webkit-tap-highlight-color: transparent;
319
320
 
320
321
  ::before {
321
322
  content: '';
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonStyles.js","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
1
+ {"version":3,"file":"ButtonStyles.js","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n -webkit-tap-highlight-color: transparent;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
@@ -10,7 +10,12 @@ const utils = require('./utils.js');
10
10
  const constants = require('./constants.js');
11
11
  const jsxRuntime = require('react/jsx-runtime');
12
12
 
13
- const CookiesTooltip = () => {
13
+ const CookiesTooltip = _ref => {
14
+ let {
15
+ privacyText,
16
+ privacyLink,
17
+ ...rest
18
+ } = _ref;
14
19
  const [isVisible, setVisibility] = React.useState(false);
15
20
  const checkCookieAllowedEarlier = React.useCallback(() => {
16
21
  // Check if user allowed/declined in other tab or third level domain
@@ -30,11 +35,13 @@ const CookiesTooltip = () => {
30
35
  window.addEventListener('focus', checkCookieAllowedEarlier);
31
36
  }, [checkCookieAllowedEarlier]);
32
37
  if (!isVisible) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
33
- return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, {
38
+ return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, { ...rest,
34
39
  children: /*#__PURE__*/jsxRuntime.jsxs(styles.Box, {
35
40
  children: [/*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
36
- children: ["Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0", /*#__PURE__*/jsxRuntime.jsx(styles.ExternalLink, {
37
- href: "https://lido.fi/privacy-notice",
41
+ children: [privacyText ?? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
42
+ children: "Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0"
43
+ }), /*#__PURE__*/jsxRuntime.jsx(styles.ExternalLink, {
44
+ href: privacyLink ?? 'https://lido.fi/privacy-notice',
38
45
  children: "Privacy Notice"
39
46
  })]
40
47
  }), /*#__PURE__*/jsxRuntime.jsxs(styles.ButtonsWrap, {
@@ -1 +1 @@
1
- {"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;;;;"}
1
+ {"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/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}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n privacyText,\n privacyLink,\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. For&nbsp;more info,\n read&nbsp;\n </>\n )}\n <ExternalLink href={privacyLink ?? '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","privacyText","privacyLink","rest","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":";;;;;;;;;;;;AA6BO,MAAMA,cAAuC,GAAG,IAIjD,IAAA;EAAA,IAJkD;IACtDC,WADsD;IAEtDC,WAFsD;IAGtD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,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;EAEhB,oBACED,cAAA,CAACE,WAAD,EAAA,EAAA,GAAUd,IAAV;AAAA,IAAA,QAAA,eACEe,gBAACC,UAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACED,gBAACE,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGnB,WAAW,iBACVc,cAAA,CAAAC,mBAAA,EAAA;AAAA,UAAA,QAAA,EAAA,0HAAA;SAFJ,CAAA,eAQED,eAACM,mBAAD,EAAA;UAAc,IAAI,EAAEnB,WAAW,IAAI,gCAAnC;AAAA,UAAA,QAAA,EAAA,gBAAA;SARF,CAAA,CAAA;OADF,CAAA,eAaEgB,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;OAbF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAoCD;;;;"}
@@ -312,6 +312,7 @@ const ButtonStyle = styled.button`
312
312
  } = _ref28;
313
313
  return $fullwidth ? ' 100%' : 'auto';
314
314
  }};
315
+ -webkit-tap-highlight-color: transparent;
315
316
 
316
317
  ::before {
317
318
  content: '';
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonStyles.mjs","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
1
+ {"version":3,"file":"ButtonStyles.mjs","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n $color: ButtonColors\n $size: ButtonSizes\n $variant: ButtonVariants\n $fullwidth: boolean\n $square: boolean\n $loading: boolean\n $active: boolean\n theme: Theme\n}\n\nconst sizes = {\n xxs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '50px')};\n `,\n xs: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n min-width: ${({ $square }) => ($square ? '0' : '60px')};\n `,\n sm: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n min-width: ${({ $square }) => ($square ? '0' : '100px')};\n `,\n md: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n min-width: ${({ $square }) => ($square ? '0' : '120px')};\n `,\n lg: css<InjectedProps>`\n line-height: 1em;\n font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n box-shadow: ${({ theme }) => theme.boxShadows.md}\n var(--lido-color-shadowDark);\n padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n min-width: ${({ $square }) => ($square ? '0' : '160px')};\n `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primary)`,\n secondary: `var(--lido-color-secondary)`,\n warning: `var(--lido-color-warning)`,\n error: `var(--lido-color-error)`,\n success: `var(--lido-color-success)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryContrast)`,\n secondary: `var(--lido-color-secondaryContrast)`,\n warning: `var(--lido-color-warningContrast)`,\n error: `var(--lido-color-errorContrast)`,\n success: `var(--lido-color-successContrast)`,\n }\n return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n const colorsMap = {\n primary: `var(--lido-color-primaryHover)`,\n secondary: `var(--lido-color-secondaryHover)`,\n warning: `var(--lido-color-warningHover)`,\n error: `var(--lido-color-errorHover)`,\n success: `var(--lido-color-successHover)`,\n }\n return colorsMap[props.$color]\n}\n\nconst variants = {\n filled: css`\n color: ${getContrastColor};\n background-color: ${getMainColor};\n transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n }\n `,\n outlined: css`\n color: ${getMainColor};\n transition:\n background-color ${({ theme }) => theme.duration.fast} ease,\n color ${({ theme }) => theme.duration.fast} ease;\n\n ::before {\n display: block;\n border: 1px solid ${getMainColor};\n }\n\n :not(:disabled):hover,\n :focus-visible {\n background-color: ${getHoverColor};\n color: ${getContrastColor};\n }\n `,\n text: css`\n color: ${getMainColor};\n background-color: var(--lido-color-foreground);\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n ghost: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.1;\n }\n }\n `,\n translucent: css`\n color: ${getMainColor};\n\n ::before {\n display: block;\n background-color: ${getMainColor};\n transition: opacity ${({ theme }) => theme.duration.fast} ease;\n opacity: 0.1;\n }\n\n :not(:disabled):hover,\n :focus-visible {\n /* stylelint-disable-next-line no-descending-specificity */\n ::before {\n opacity: 0.2;\n }\n }\n `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n position: relative;\n background: transparent;\n font-family: inherit;\n font-weight: 700;\n width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n -webkit-tap-highlight-color: transparent;\n\n ::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n display: none;\n }\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n :disabled {\n opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n }\n\n ${(props) => sizes[props.$size]}\n ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n to {\n transform: scale(4);\n opacity: 0;\n }\n`\n\nexport const ButtonRippleStyle = styled.span`\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n pointer-events: none;\n animation: ${ripple} 0.8s linear;\n background-color: currentcolor;\n opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n position: relative;\n pointer-events: none;\n visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentcolor;\n pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}
@@ -6,7 +6,12 @@ import { allowCookies, declineCookies } from './utils.mjs';
6
6
  import { COOKIE_ALLOWED_KEY } from './constants.mjs';
7
7
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
8
8
 
9
- const CookiesTooltip = () => {
9
+ const CookiesTooltip = _ref => {
10
+ let {
11
+ privacyText,
12
+ privacyLink,
13
+ ...rest
14
+ } = _ref;
10
15
  const [isVisible, setVisibility] = useState(false);
11
16
  const checkCookieAllowedEarlier = useCallback(() => {
12
17
  // Check if user allowed/declined in other tab or third level domain
@@ -26,11 +31,13 @@ const CookiesTooltip = () => {
26
31
  window.addEventListener('focus', checkCookieAllowedEarlier);
27
32
  }, [checkCookieAllowedEarlier]);
28
33
  if (!isVisible) return /*#__PURE__*/jsx(Fragment, {});
29
- return /*#__PURE__*/jsx(Wrap, {
34
+ return /*#__PURE__*/jsx(Wrap, { ...rest,
30
35
  children: /*#__PURE__*/jsxs(Box, {
31
36
  children: [/*#__PURE__*/jsxs(Text, {
32
- children: ["Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0", /*#__PURE__*/jsx(ExternalLink, {
33
- href: "https://lido.fi/privacy-notice",
37
+ children: [privacyText ?? /*#__PURE__*/jsx(Fragment, {
38
+ children: "Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0"
39
+ }), /*#__PURE__*/jsx(ExternalLink, {
40
+ href: privacyLink ?? 'https://lido.fi/privacy-notice',
34
41
  children: "Privacy Notice"
35
42
  })]
36
43
  }), /*#__PURE__*/jsxs(ButtonsWrap, {
@@ -1 +1 @@
1
- {"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;;;;"}
1
+ {"version":3,"file":"cookies-tooltip.mjs","sources":["../../../packages/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}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n privacyText,\n privacyLink,\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. For&nbsp;more info,\n read&nbsp;\n </>\n )}\n <ExternalLink href={privacyLink ?? '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","privacyText","privacyLink","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","_jsxs","allowCookies","declineCookies"],"mappings":";;;;;;;;AA6BO,MAAMA,cAAuC,GAAG,IAIjD,IAAA;EAAA,IAJkD;IACtDC,WADsD;IAEtDC,WAFsD;IAGtD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,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;EAEhB,oBACED,GAAA,CAAC,IAAD,EAAA,EAAA,GAAUZ,IAAV;AAAA,IAAA,QAAA,eACEc,KAAC,GAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEA,KAAC,IAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGhB,WAAW,iBACVc,GAAA,CAAAC,QAAA,EAAA;AAAA,UAAA,QAAA,EAAA,0HAAA;SAFJ,CAAA,eAQED,IAAC,YAAD,EAAA;UAAc,IAAI,EAAEb,WAAW,IAAI,gCAAnC;AAAA,UAAA,QAAA,EAAA,gBAAA;SARF,CAAA,CAAA;OADF,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;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/button/ButtonStyles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEtE,aAAK,aAAa,GAAG;IACnB,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAgKD,eAAO,MAAM,WAAW,uHAgCvB,CAAA;AAED,eAAO,MAAM,MAAM,uCAKlB,CAAA;AAED,eAAO,MAAM,iBAAiB,0GAQ7B,CAAA;AAED,eAAO,MAAM,kBAAkB;aAA0B,OAAO;SAI/D,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;iJAO7B,CAAA"}
1
+ {"version":3,"file":"ButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/button/ButtonStyles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEtE,aAAK,aAAa,GAAG;IACnB,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAgKD,eAAO,MAAM,WAAW,uHAiCvB,CAAA;AAED,eAAO,MAAM,MAAM,uCAKlB,CAAA;AAED,eAAO,MAAM,iBAAiB,0GAQ7B,CAAA;AAED,eAAO,MAAM,kBAAkB;aAA0B,OAAO;SAI/D,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;iJAO7B,CAAA"}
@@ -1,3 +1,7 @@
1
- import { FC } from 'react';
2
- export declare const CookiesTooltip: FC;
1
+ import { FC, ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ export declare type CookiesTooltipProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
3
+ privacyText?: ReactNode;
4
+ privacyLink?: string;
5
+ };
6
+ export declare const CookiesTooltip: FC<CookiesTooltipProps>;
3
7
  //# sourceMappingURL=cookies-tooltip.d.ts.map
@@ -1 +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;AAc5D,eAAO,MAAM,cAAc,EAAE,EAyD5B,CAAA"}
1
+ {"version":3,"file":"cookies-tooltip.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,EAAE,EAIF,wBAAwB,EACxB,SAAS,EACV,MAAM,OAAO,CAAA;AAcd,oBAAY,mBAAmB,GAAG,IAAI,CACpC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,CACX,GAAG;IACF,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkElD,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lidofinance/lido-ui",
3
- "version": "3.25.1",
3
+ "version": "3.26.1",
4
4
  "homepage": "https://github.com/lidofinance/ui",
5
5
  "repository": {
6
6
  "type": "git",