@lidofinance/lido-ui 3.23.0 → 3.24.0
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.
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js +2 -9
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/cjs/cookies-tooltip/styles.js +17 -33
- package/dist/cjs/cookies-tooltip/styles.js.map +1 -1
- package/dist/cjs/theme/themes.js +2 -2
- package/dist/cjs/theme/themes.js.map +1 -1
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs +3 -10
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map +1 -1
- package/dist/esm/cookies-tooltip/styles.mjs +17 -32
- package/dist/esm/cookies-tooltip/styles.mjs.map +1 -1
- package/dist/esm/theme/themes.mjs +2 -2
- package/dist/esm/theme/themes.mjs.map +1 -1
- package/dist/types/cookies-tooltip/cookies-tooltip.d.ts.map +1 -1
- package/dist/types/cookies-tooltip/styles.d.ts +4 -5
- package/dist/types/cookies-tooltip/styles.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -3,8 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
5
|
const React = require('react');
|
|
6
|
-
const index = require('../icons/index.js');
|
|
7
|
-
const contentTheme = require('../content-theme/content-theme.js');
|
|
8
6
|
require('../utils/modalRoot.js');
|
|
9
7
|
const cookiesClientSide = require('../utils/cookies-client-side.js');
|
|
10
8
|
const styles = require('./styles.js');
|
|
@@ -34,13 +32,8 @@ const CookiesTooltip = () => {
|
|
|
34
32
|
if (!isVisible) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
35
33
|
return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, {
|
|
36
34
|
children: /*#__PURE__*/jsxRuntime.jsxs(styles.Box, {
|
|
37
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
38
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
39
|
-
darkContent: /*#__PURE__*/jsxRuntime.jsx(index.CookieInverse, {}),
|
|
40
|
-
lightContent: /*#__PURE__*/jsxRuntime.jsx(index.Cookie, {})
|
|
41
|
-
})
|
|
42
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
|
|
43
|
-
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, {
|
|
35
|
+
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, {
|
|
44
37
|
href: "https://lido.fi/privacy-notice",
|
|
45
38
|
children: "Privacy Notice"
|
|
46
39
|
})]
|
|
@@ -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 {
|
|
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 improve website performance. For more info, read \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;;;;"}
|
|
@@ -9,6 +9,12 @@ const ExternalLink = styledComponentsWrapper.default.a.attrs({
|
|
|
9
9
|
rel: 'nofollow noopener'
|
|
10
10
|
})`
|
|
11
11
|
cursor: pointer;
|
|
12
|
+
color: var(--lido-color-primary);
|
|
13
|
+
text-decoration: none;
|
|
14
|
+
|
|
15
|
+
&:hover {
|
|
16
|
+
color: var(--lido-color-primaryHover);
|
|
17
|
+
}
|
|
12
18
|
`;
|
|
13
19
|
const Wrap = styledComponentsWrapper.default.div`
|
|
14
20
|
z-index: 999;
|
|
@@ -50,36 +56,18 @@ const Box = styledComponentsWrapper.default.div`
|
|
|
50
56
|
width: 100%;
|
|
51
57
|
}
|
|
52
58
|
`;
|
|
53
|
-
const CookieIconWrap = styledComponentsWrapper.default.div`
|
|
54
|
-
margin-right: 24px;
|
|
55
|
-
display: flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
justify-content: center;
|
|
58
|
-
width: 32px;
|
|
59
|
-
height: 32px;
|
|
60
|
-
border-radius: 8px;
|
|
61
|
-
|
|
62
|
-
${_ref3 => {
|
|
63
|
-
let {
|
|
64
|
-
theme
|
|
65
|
-
} = _ref3;
|
|
66
|
-
return theme.mediaQueries.lg;
|
|
67
|
-
}} {
|
|
68
|
-
display: none;
|
|
69
|
-
}
|
|
70
|
-
`;
|
|
71
59
|
const Text = styledComponentsWrapper.default.div`
|
|
72
60
|
margin-right: 8px;
|
|
73
61
|
font-weight: 500;
|
|
74
62
|
font-size: 14px;
|
|
75
63
|
line-height: 22px;
|
|
76
64
|
color: var(--lido-color-textSecondary);
|
|
77
|
-
width:
|
|
65
|
+
max-width: 500px;
|
|
78
66
|
|
|
79
|
-
${
|
|
67
|
+
${_ref3 => {
|
|
80
68
|
let {
|
|
81
69
|
theme
|
|
82
|
-
} =
|
|
70
|
+
} = _ref3;
|
|
83
71
|
return theme.mediaQueries.lg;
|
|
84
72
|
}} {
|
|
85
73
|
margin-right: 0;
|
|
@@ -120,21 +108,21 @@ const ButtonBasic = styledComponentsWrapper.default.button.attrs({
|
|
|
120
108
|
transform: translateY(1px);
|
|
121
109
|
}
|
|
122
110
|
|
|
123
|
-
${
|
|
111
|
+
${_ref4 => {
|
|
124
112
|
let {
|
|
125
113
|
theme
|
|
126
|
-
} =
|
|
114
|
+
} = _ref4;
|
|
127
115
|
return theme.mediaQueries.lg;
|
|
128
116
|
}} {
|
|
129
117
|
width: 112px;
|
|
130
118
|
}
|
|
131
119
|
`;
|
|
132
120
|
const AllowButton = styledComponentsWrapper.default(ButtonBasic)`
|
|
133
|
-
background-color: var(--lido-color-
|
|
134
|
-
color: var(--lido-color-
|
|
121
|
+
background-color: var(--lido-color-secondary);
|
|
122
|
+
color: var(--lido-color-secondaryContrast);
|
|
135
123
|
|
|
136
124
|
&:hover {
|
|
137
|
-
background-color: var(--lido-color-
|
|
125
|
+
background-color: var(--lido-color-secondaryHover);
|
|
138
126
|
}
|
|
139
127
|
`;
|
|
140
128
|
const DeclineButton = styledComponentsWrapper.default(ButtonBasic)`
|
|
@@ -143,20 +131,16 @@ const DeclineButton = styledComponentsWrapper.default(ButtonBasic)`
|
|
|
143
131
|
border: 1px solid var(--lido-color-text);
|
|
144
132
|
|
|
145
133
|
&:hover {
|
|
146
|
-
background-color: var(--lido-color-
|
|
134
|
+
background-color: var(--lido-color-secondary);
|
|
135
|
+
color: var(--lido-color-secondaryContrast);
|
|
147
136
|
}
|
|
148
137
|
`;
|
|
149
|
-
const Link = styledComponentsWrapper.default(ExternalLink)`
|
|
150
|
-
color: inherit;
|
|
151
|
-
text-decoration: underline !important;
|
|
152
|
-
`;
|
|
153
138
|
|
|
154
139
|
exports.AllowButton = AllowButton;
|
|
155
140
|
exports.Box = Box;
|
|
156
141
|
exports.ButtonsWrap = ButtonsWrap;
|
|
157
|
-
exports.CookieIconWrap = CookieIconWrap;
|
|
158
142
|
exports.DeclineButton = DeclineButton;
|
|
159
|
-
exports.
|
|
143
|
+
exports.ExternalLink = ExternalLink;
|
|
160
144
|
exports.Text = Text;
|
|
161
145
|
exports.Wrap = Wrap;
|
|
162
146
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\
|
|
1
|
+
{"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/theme/themes.js
CHANGED
|
@@ -47,8 +47,8 @@ const themeDark = { ...index,
|
|
|
47
47
|
darkModeVisibility: 'visible',
|
|
48
48
|
lightDisplay: 'none',
|
|
49
49
|
darkDisplay: 'initial',
|
|
50
|
-
secondary: '
|
|
51
|
-
secondaryHover: '#
|
|
50
|
+
secondary: '#fff',
|
|
51
|
+
secondaryHover: '#F5F5F7',
|
|
52
52
|
secondaryContrast: '#273852',
|
|
53
53
|
background: '#1c1c21',
|
|
54
54
|
backgroundDarken: '#131317',
|
|
@@ -1 +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: '
|
|
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: '#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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"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { useState, useCallback, useEffect } from 'react';
|
|
2
|
-
import { CookieInverse, Cookie } from '../icons/index.mjs';
|
|
3
|
-
import { ContentTheme } from '../content-theme/content-theme.mjs';
|
|
4
2
|
import '../utils/modalRoot.mjs';
|
|
5
3
|
import { getCrossDomainCookieClientSide } from '../utils/cookies-client-side.mjs';
|
|
6
|
-
import { Wrap, Box,
|
|
4
|
+
import { Wrap, Box, Text, ExternalLink, ButtonsWrap, AllowButton, DeclineButton } from './styles.mjs';
|
|
7
5
|
import { allowCookies, declineCookies } from './utils.mjs';
|
|
8
6
|
import { COOKIE_ALLOWED_KEY } from './constants.mjs';
|
|
9
7
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
@@ -30,13 +28,8 @@ const CookiesTooltip = () => {
|
|
|
30
28
|
if (!isVisible) return /*#__PURE__*/jsx(Fragment, {});
|
|
31
29
|
return /*#__PURE__*/jsx(Wrap, {
|
|
32
30
|
children: /*#__PURE__*/jsxs(Box, {
|
|
33
|
-
children: [/*#__PURE__*/
|
|
34
|
-
children: /*#__PURE__*/jsx(
|
|
35
|
-
darkContent: /*#__PURE__*/jsx(CookieInverse, {}),
|
|
36
|
-
lightContent: /*#__PURE__*/jsx(Cookie, {})
|
|
37
|
-
})
|
|
38
|
-
}), /*#__PURE__*/jsxs(Text, {
|
|
39
|
-
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, {
|
|
31
|
+
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, {
|
|
40
33
|
href: "https://lido.fi/privacy-notice",
|
|
41
34
|
children: "Privacy Notice"
|
|
42
35
|
})]
|
|
@@ -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 {
|
|
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 improve website performance. For more info, read \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;;;;"}
|
|
@@ -5,6 +5,12 @@ const ExternalLink = styled.a.attrs({
|
|
|
5
5
|
rel: 'nofollow noopener'
|
|
6
6
|
})`
|
|
7
7
|
cursor: pointer;
|
|
8
|
+
color: var(--lido-color-primary);
|
|
9
|
+
text-decoration: none;
|
|
10
|
+
|
|
11
|
+
&:hover {
|
|
12
|
+
color: var(--lido-color-primaryHover);
|
|
13
|
+
}
|
|
8
14
|
`;
|
|
9
15
|
const Wrap = styled.div`
|
|
10
16
|
z-index: 999;
|
|
@@ -46,36 +52,18 @@ const Box = styled.div`
|
|
|
46
52
|
width: 100%;
|
|
47
53
|
}
|
|
48
54
|
`;
|
|
49
|
-
const CookieIconWrap = styled.div`
|
|
50
|
-
margin-right: 24px;
|
|
51
|
-
display: flex;
|
|
52
|
-
align-items: center;
|
|
53
|
-
justify-content: center;
|
|
54
|
-
width: 32px;
|
|
55
|
-
height: 32px;
|
|
56
|
-
border-radius: 8px;
|
|
57
|
-
|
|
58
|
-
${_ref3 => {
|
|
59
|
-
let {
|
|
60
|
-
theme
|
|
61
|
-
} = _ref3;
|
|
62
|
-
return theme.mediaQueries.lg;
|
|
63
|
-
}} {
|
|
64
|
-
display: none;
|
|
65
|
-
}
|
|
66
|
-
`;
|
|
67
55
|
const Text = styled.div`
|
|
68
56
|
margin-right: 8px;
|
|
69
57
|
font-weight: 500;
|
|
70
58
|
font-size: 14px;
|
|
71
59
|
line-height: 22px;
|
|
72
60
|
color: var(--lido-color-textSecondary);
|
|
73
|
-
width:
|
|
61
|
+
max-width: 500px;
|
|
74
62
|
|
|
75
|
-
${
|
|
63
|
+
${_ref3 => {
|
|
76
64
|
let {
|
|
77
65
|
theme
|
|
78
|
-
} =
|
|
66
|
+
} = _ref3;
|
|
79
67
|
return theme.mediaQueries.lg;
|
|
80
68
|
}} {
|
|
81
69
|
margin-right: 0;
|
|
@@ -116,21 +104,21 @@ const ButtonBasic = styled.button.attrs({
|
|
|
116
104
|
transform: translateY(1px);
|
|
117
105
|
}
|
|
118
106
|
|
|
119
|
-
${
|
|
107
|
+
${_ref4 => {
|
|
120
108
|
let {
|
|
121
109
|
theme
|
|
122
|
-
} =
|
|
110
|
+
} = _ref4;
|
|
123
111
|
return theme.mediaQueries.lg;
|
|
124
112
|
}} {
|
|
125
113
|
width: 112px;
|
|
126
114
|
}
|
|
127
115
|
`;
|
|
128
116
|
const AllowButton = styled(ButtonBasic)`
|
|
129
|
-
background-color: var(--lido-color-
|
|
130
|
-
color: var(--lido-color-
|
|
117
|
+
background-color: var(--lido-color-secondary);
|
|
118
|
+
color: var(--lido-color-secondaryContrast);
|
|
131
119
|
|
|
132
120
|
&:hover {
|
|
133
|
-
background-color: var(--lido-color-
|
|
121
|
+
background-color: var(--lido-color-secondaryHover);
|
|
134
122
|
}
|
|
135
123
|
`;
|
|
136
124
|
const DeclineButton = styled(ButtonBasic)`
|
|
@@ -139,13 +127,10 @@ const DeclineButton = styled(ButtonBasic)`
|
|
|
139
127
|
border: 1px solid var(--lido-color-text);
|
|
140
128
|
|
|
141
129
|
&:hover {
|
|
142
|
-
background-color: var(--lido-color-
|
|
130
|
+
background-color: var(--lido-color-secondary);
|
|
131
|
+
color: var(--lido-color-secondaryContrast);
|
|
143
132
|
}
|
|
144
133
|
`;
|
|
145
|
-
const Link = styled(ExternalLink)`
|
|
146
|
-
color: inherit;
|
|
147
|
-
text-decoration: underline !important;
|
|
148
|
-
`;
|
|
149
134
|
|
|
150
|
-
export { AllowButton, Box, ButtonsWrap,
|
|
135
|
+
export { AllowButton, Box, ButtonsWrap, DeclineButton, ExternalLink, Text, Wrap };
|
|
151
136
|
//# sourceMappingURL=styles.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.mjs","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\
|
|
1
|
+
{"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;;;;"}
|
|
@@ -43,8 +43,8 @@ const themeDark = { ...themeBase,
|
|
|
43
43
|
darkModeVisibility: 'visible',
|
|
44
44
|
lightDisplay: 'none',
|
|
45
45
|
darkDisplay: 'initial',
|
|
46
|
-
secondary: '
|
|
47
|
-
secondaryHover: '#
|
|
46
|
+
secondary: '#fff',
|
|
47
|
+
secondaryHover: '#F5F5F7',
|
|
48
48
|
secondaryContrast: '#273852',
|
|
49
49
|
background: '#1c1c21',
|
|
50
50
|
backgroundDarken: '#131317',
|
|
@@ -1 +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: '
|
|
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: '#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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"}
|
|
@@ -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;
|
|
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,6 +1,9 @@
|
|
|
1
|
+
export declare const ExternalLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
|
|
2
|
+
target: "_blank";
|
|
3
|
+
rel: "nofollow noopener";
|
|
4
|
+
}, "target" | "rel">;
|
|
1
5
|
export declare const Wrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
6
|
export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
-
export declare const CookieIconWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
7
|
export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
8
|
export declare const ButtonsWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
9
|
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
|
|
|
9
12
|
export declare const DeclineButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
10
13
|
type: "button";
|
|
11
14
|
}, "type">;
|
|
12
|
-
export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
|
|
13
|
-
target: "_blank";
|
|
14
|
-
rel: "nofollow noopener";
|
|
15
|
-
}, "target" | "rel">;
|
|
16
15
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/styles.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"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"}
|