@lidofinance/lido-ui 3.32.0 → 3.34.0

package/dist/esm/theme/document-head-contents/element-theme-script.mjs

@@ -11,6 +11,7 @@ const getThemeNameFromUrl = () => {
   if (queryTheme === 'dark') return ThemeName.dark;
   return undefined;
 };
+
 /**
  * What is happening here:
  * We want to have React dehydrated HTML to be loaded after theme is initialized.
@@ -26,47 +27,38 @@ const getThemeNameFromUrl = () => {
  *  (with chances, but it is better than nothing)
  * */
 
-
-
 const themeScriptValueString = function (key) {
   const url = new URL(window.location.href);
   const queryTheme = url.searchParams.get('theme')?.toLowerCase();
-
   if (queryTheme === 'light' || queryTheme === 'dark') {
-    document.documentElement.dataset.lidoTheme = queryTheme; // eslint-disable-next-line @typescript-eslint/no-empty-function
-
+    document.documentElement.dataset.lidoTheme = queryTheme;
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     return () => {};
   }
-
   if (!window.matchMedia) {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     return () => {};
   }
-
   const match = window.matchMedia('(prefers-color-scheme: dark)');
-
   const setTheme = () => {
     const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`);
     const themeCookie = document.cookie.match(cookieMatcher)?.[2] ?? null;
-
     if (themeCookie) {
       document.documentElement.dataset.lidoTheme = themeCookie;
     } else {
       delete document.documentElement.dataset.lidoTheme;
     }
   };
-
   setTheme();
   match.addEventListener('change', setTheme);
   return setTheme;
-}; // eslint-disable-next-line @typescript-eslint/no-empty-function
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 let updateGlobalTheme = VOID_FN;
 let initGlobalCookieTheme = typeof window === 'undefined' ? VOID_FN : () => {
   const setTheme = themeScriptValueString(themeCookieKey);
   initGlobalCookieTheme = VOID_FN;
-
   updateGlobalTheme = theme => {
     setThemeCookie(theme);
     setTheme();

package/dist/esm/theme/document-head-contents/element-theme-script.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"element-theme-script.mjs","sources":["../../../../packages/theme/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import { VOID_FN } from '../../utils/index.js'\nimport { themeCookieKey, ThemeName } from '../constants.js'\nimport { setThemeCookie } from '../utils/set-theme-cookie.js'\n\nexport const getThemeNameFromUrl = (): ThemeName | undefined => {\n  if (typeof window === 'undefined') return undefined\n  const url = new URL(window.location.href)\n  const queryTheme = url.searchParams.get('theme')?.toLowerCase()\n  if (queryTheme === 'light') return ThemeName.light\n  if (queryTheme === 'dark') return ThemeName.dark\n  return undefined\n}\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing JS code that reads/writes cookie value, including <script> element to inject\n * */\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n *  __PURE__ annotation may throw an error on some external usage cases\n *  (with chances, but it is better than nothing)\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\n  const url = new URL(window.location.href)\n  const queryTheme = url.searchParams.get('theme')?.toLowerCase()\n  if (queryTheme === 'light' || queryTheme === 'dark') {\n    document.documentElement.dataset.lidoTheme = queryTheme\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  if (!window.matchMedia) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  const match = window.matchMedia('(prefers-color-scheme: dark)')\n  const setTheme = () => {\n    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n    const themeCookie =\n      (document.cookie.match(cookieMatcher)?.[2] as ThemeName) ?? null\n    if (themeCookie) {\n      document.documentElement.dataset.lidoTheme = themeCookie\n    } else {\n      delete document.documentElement.dataset.lidoTheme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport let updateGlobalTheme: (theme: string) => void = VOID_FN\n\nexport let initGlobalCookieTheme =\n  typeof window === 'undefined'\n    ? VOID_FN\n    : () => {\n        const setTheme = themeScriptValueString(themeCookieKey)\n        initGlobalCookieTheme = VOID_FN\n        updateGlobalTheme = (theme: ThemeName) => {\n          setThemeCookie(theme)\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script\n    dangerouslySetInnerHTML={{\n      __html: `(${themeScriptValueString.toString()})(\"${themeCookieKey}\")`,\n    }}\n  />\n)\n"],"names":["getThemeNameFromUrl","window","undefined","url","URL","location","href","queryTheme","searchParams","get","toLowerCase","ThemeName","light","dark","themeScriptValueString","key","document","documentElement","dataset","lidoTheme","matchMedia","match","setTheme","cookieMatcher","RegExp","themeCookie","cookie","addEventListener","updateGlobalTheme","VOID_FN","initGlobalCookieTheme","themeCookieKey","theme","setThemeCookie","ScriptThemeValue","_jsx","__html","toString"],"mappings":"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"}
+{"version":3,"file":"element-theme-script.mjs","sources":["../../../../packages/theme/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import { VOID_FN } from '../../utils/index.js'\nimport { themeCookieKey, ThemeName } from '../constants.js'\nimport { setThemeCookie } from '../utils/set-theme-cookie.js'\n\nexport const getThemeNameFromUrl = (): ThemeName | undefined => {\n  if (typeof window === 'undefined') return undefined\n  const url = new URL(window.location.href)\n  const queryTheme = url.searchParams.get('theme')?.toLowerCase()\n  if (queryTheme === 'light') return ThemeName.light\n  if (queryTheme === 'dark') return ThemeName.dark\n  return undefined\n}\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing JS code that reads/writes cookie value, including <script> element to inject\n * */\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n *  __PURE__ annotation may throw an error on some external usage cases\n *  (with chances, but it is better than nothing)\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\n  const url = new URL(window.location.href)\n  const queryTheme = url.searchParams.get('theme')?.toLowerCase()\n  if (queryTheme === 'light' || queryTheme === 'dark') {\n    document.documentElement.dataset.lidoTheme = queryTheme\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  if (!window.matchMedia) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  const match = window.matchMedia('(prefers-color-scheme: dark)')\n  const setTheme = () => {\n    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n    const themeCookie =\n      (document.cookie.match(cookieMatcher)?.[2] as ThemeName) ?? null\n    if (themeCookie) {\n      document.documentElement.dataset.lidoTheme = themeCookie\n    } else {\n      delete document.documentElement.dataset.lidoTheme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport let updateGlobalTheme: (theme: string) => void = VOID_FN\n\nexport let initGlobalCookieTheme =\n  typeof window === 'undefined'\n    ? VOID_FN\n    : () => {\n        const setTheme = themeScriptValueString(themeCookieKey)\n        initGlobalCookieTheme = VOID_FN\n        updateGlobalTheme = (theme: ThemeName) => {\n          setThemeCookie(theme)\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script\n    dangerouslySetInnerHTML={{\n      __html: `(${themeScriptValueString.toString()})(\"${themeCookieKey}\")`,\n    }}\n  />\n)\n"],"names":["getThemeNameFromUrl","window","undefined","url","URL","location","href","queryTheme","searchParams","get","toLowerCase","ThemeName","light","dark","themeScriptValueString","key","document","documentElement","dataset","lidoTheme","matchMedia","match","setTheme","cookieMatcher","RegExp","themeCookie","cookie","addEventListener","updateGlobalTheme","VOID_FN","initGlobalCookieTheme","themeCookieKey","theme","setThemeCookie","ScriptThemeValue","_jsx","dangerouslySetInnerHTML","__html","toString"],"mappings":"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"}

package/dist/esm/theme/document-head-contents/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/theme/document-head-contents/index.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Fonts } from './element-fonts.js'\nimport { initGlobalColors, StyleThemeColors } from './element-theme-colors.js'\nimport {\n  initGlobalCookieTheme,\n  ScriptThemeValue,\n} from './element-theme-script.js'\nexport { Fonts } from './element-fonts.js'\n\nexport const initColors = () => {\n  initGlobalColors()\n  initGlobalCookieTheme()\n}\n\nexport const LidoUIHead: FC<{\n  cssStyleVars?: boolean\n  jsStyleScript?: boolean\n  cssFont?: boolean\n}> = ({ cssStyleVars = true, cssFont = false, jsStyleScript = true }) => (\n  <>\n    {cssStyleVars ? <StyleThemeColors /> : null}\n    {jsStyleScript ? <ScriptThemeValue /> : null}\n    {cssFont ? <Fonts /> : null}\n  </>\n)\n"],"names":["initColors","initGlobalColors","initGlobalCookieTheme","LidoUIHead","cssStyleVars","cssFont","jsStyleScript","_jsxs","_Fragment","_jsx"],"mappings":";;;;;AASO,MAAMA,UAAU,GAAG,MAAM;EAC9BC,gBAAgB,EAAA,CAAA;EAChBC,qBAAqB,EAAA,CAAA;AACtB,EAHM;AAKA,MAAMC,UAIX,GAAG,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAY,GAAG,IAAjB;AAAuBC,IAAAA,OAAO,GAAG,KAAjC;AAAwCC,IAAAA,aAAa,GAAG,IAAA;GAAzD,GAAA,IAAA,CAAA;EAAA,oBACHC,IAAA,CAAAC,QAAA,EAAA;IAAA,QACGJ,EAAAA,CAAAA,YAAY,gBAAGK,GAAC,CAAA,gBAAD,KAAH,GAA0B,IADzC,EAEGH,aAAa,gBAAGG,GAAA,CAAC,gBAAD,EAAH,EAAA,CAAA,GAA0B,IAF1C,EAGGJ,OAAO,gBAAGI,GAAC,CAAA,KAAD,EAAH,EAAA,CAAA,GAAe,IAHzB,CAAA;GADG,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../packages/theme/document-head-contents/index.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Fonts } from './element-fonts.js'\nimport { initGlobalColors, StyleThemeColors } from './element-theme-colors.js'\nimport {\n  initGlobalCookieTheme,\n  ScriptThemeValue,\n} from './element-theme-script.js'\nexport { Fonts } from './element-fonts.js'\n\nexport const initColors = () => {\n  initGlobalColors()\n  initGlobalCookieTheme()\n}\n\nexport const LidoUIHead: FC<{\n  cssStyleVars?: boolean\n  jsStyleScript?: boolean\n  cssFont?: boolean\n}> = ({ cssStyleVars = true, cssFont = false, jsStyleScript = true }) => (\n  <>\n    {cssStyleVars ? <StyleThemeColors /> : null}\n    {jsStyleScript ? <ScriptThemeValue /> : null}\n    {cssFont ? <Fonts /> : null}\n  </>\n)\n"],"names":["initColors","initGlobalColors","initGlobalCookieTheme","LidoUIHead","_ref","cssStyleVars","cssFont","jsStyleScript","_jsxs","_Fragment","children","_jsx","StyleThemeColors","ScriptThemeValue","Fonts"],"mappings":";;;;;AASaA,MAAAA,UAAU,GAAGA,MAAM;AAC9BC,EAAAA,gBAAgB,EAAE,CAAA;AAClBC,EAAAA,qBAAqB,EAAE,CAAA;AACzB,EAAC;AAEM,MAAMC,UAIX,GAAGC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAY,GAAG,IAAI;AAAEC,IAAAA,OAAO,GAAG,KAAK;AAAEC,IAAAA,aAAa,GAAG,IAAA;AAAK,GAAC,GAAAH,IAAA,CAAA;EAAA,oBAClEI,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EACGL,CAAAA,YAAY,gBAAGM,GAAA,CAACC,gBAAgB,EAAE,EAAA,CAAC,GAAG,IAAI,EAC1CL,aAAa,gBAAGI,GAAA,CAACE,gBAAgB,EAAE,EAAA,CAAC,GAAG,IAAI,EAC3CP,OAAO,gBAAGK,GAAA,CAACG,KAAK,EAAE,EAAA,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3B,CAAC,CAAA;AAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.mjs","sources":["../../../packages/theme/hooks.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { ThemeToggleContext } from './cookie-theme-provider.js'\nimport { ThemeContext } from './types.js'\n\nexport const useThemeToggle = (): ThemeContext => {\n  return useContext(ThemeToggleContext)\n}\n"],"names":["useThemeToggle","useContext","ThemeToggleContext"],"mappings":";;;AAIO,MAAMA,cAAc,GAAG,MAAoB;EAChD,OAAOC,UAAU,CAACC,kBAAD,CAAjB,CAAA;AACD;;;;"}
+{"version":3,"file":"hooks.mjs","sources":["../../../packages/theme/hooks.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { ThemeToggleContext } from './cookie-theme-provider.js'\nimport { ThemeContext } from './types.js'\n\nexport const useThemeToggle = (): ThemeContext => {\n  return useContext(ThemeToggleContext)\n}\n"],"names":["useThemeToggle","useContext","ThemeToggleContext"],"mappings":";;;AAIaA,MAAAA,cAAc,GAAGA,MAAoB;EAChD,OAAOC,UAAU,CAACC,kBAAkB,CAAC,CAAA;AACvC;;;;"}

package/dist/esm/theme/theme-provider.mjs

@@ -30,7 +30,8 @@ const ThemeProvider = _ref2 => {
     // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS
     colors: theme.colors
   };
-  return /*#__PURE__*/jsx(StyledWrapper, { ...props,
+  return /*#__PURE__*/jsx(StyledWrapper, {
+    ...props,
     children: /*#__PURE__*/jsx(ThemeProvider$1, {
       theme: theme,
       ...rest,
@@ -38,10 +39,12 @@ const ThemeProvider = _ref2 => {
     })
   });
 };
-const LightThemeProvider = props => /*#__PURE__*/jsx(ThemeProvider, { ...props,
+const LightThemeProvider = props => /*#__PURE__*/jsx(ThemeProvider, {
+  ...props,
   theme: themeLight
 });
-const DarkThemeProvider = props => /*#__PURE__*/jsx(ThemeProvider, { ...props,
+const DarkThemeProvider = props => /*#__PURE__*/jsx(ThemeProvider, {
+  ...props,
   theme: themeDark
 });
 

package/dist/esm/theme/theme-provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.mjs","sources":["../../../packages/theme/theme-provider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react'\nimport styled, {\n  ThemeProvider as StyledThemeProvider,\n} from '../utils/styled-components-wrapper.js'\nimport {\n  reverseThemeMap,\n  themeDark,\n  themeDefault,\n  themeLight,\n} from './themes.js'\nimport { initColors } from './document-head-contents/index.js'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables.js'\nimport { Theme } from './types.js'\n\n// we need to initialize this before react component code if we're using this provider or CookieThemeProvider\ninitColors()\n\nconst StyledWrapper = styled.div<{ colors?: Record<string, string> }>`\n  display: contents;\n  ${({ colors }) => (colors ? generateCssColorVariables(colors) : null)}\n`\nexport const ThemeProvider: FC<PropsWithChildren<{ theme?: Theme }>> = ({\n  theme = themeDefault,\n  children,\n  ...rest\n}) => {\n  const internalThemeName = reverseThemeMap.get(theme)\n  const props = internalThemeName\n    ? {\n        // if theme is detected as internally defined, we can just use data-lido-theme to set CSS vars instead of colors\n        'data-lido-theme': internalThemeName,\n      }\n    : {\n        // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS\n        colors: theme.colors,\n      }\n\n  return (\n    <StyledWrapper {...props}>\n      <StyledThemeProvider theme={theme} {...rest}>\n        {children}\n      </StyledThemeProvider>\n    </StyledWrapper>\n  )\n}\n\nexport const LightThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeLight} />\n)\n\nexport const DarkThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeDark} />\n)\n"],"names":["initColors","StyledWrapper","styled","div","colors","generateCssColorVariables","ThemeProvider","theme","themeDefault","children","rest","internalThemeName","reverseThemeMap","get","props","_jsx","StyledThemeProvider","LightThemeProvider","themeLight","DarkThemeProvider","themeDark"],"mappings":";;;;;;;AAcA;AACAA,UAAU,EAAA,CAAA;AAEV,MAAMC,aAAa,GAAGC,MAAM,CAACC,GAAyC,CAAA;AACtE;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAiBA,MAAM,GAAGC,yBAAyB,CAACD,MAAD,CAA5B,GAAuC,IAA9D,CAAA;AAAA,CAAoE,CAAA;AACxE,CAHA,CAAA;AAIO,MAAME,aAAuD,GAAG,KAIjE,IAAA;EAAA,IAJkE;AACtEC,IAAAA,KAAK,GAAGC,YAD8D;IAEtEC,QAFsE;IAGtE,GAAGC,IAAAA;GACC,GAAA,KAAA,CAAA;AACJ,EAAA,MAAMC,iBAAiB,GAAGC,eAAe,CAACC,GAAhB,CAAoBN,KAApB,CAA1B,CAAA;EACA,MAAMO,KAAK,GAAGH,iBAAiB,GAC3B;AACE;IACA,iBAAmBA,EAAAA,iBAAAA;AAFrB,GAD2B,GAK3B;AACE;IACAP,MAAM,EAAEG,KAAK,CAACH,MAAAA;GAPpB,CAAA;EAUA,oBACEW,GAAA,CAAC,aAAD,EAAA,EAAA,GAAmBD,KAAnB;AAAA,IAAA,QAAA,eACEC,IAACC,eAAD,EAAA;AAAqB,MAAA,KAAK,EAAET,KAA5B;AAAA,MAAA,GAAuCG,IAAvC;MAAA,QACGD,EAAAA,QAAAA;AADH,KAAA,CAAA;GAFJ,CAAA,CAAA;AAOD,EAvBM;AAyBA,MAAMQ,kBAAyC,GAAIH,KAAD,iBACvDC,GAAC,CAAA,aAAD,OAAmBD,KAAnB;AAA0B,EAAA,KAAK,EAAEI,UAAAA;AAAjC,CADK,EAAA;AAIA,MAAMC,iBAAwC,GAAIL,KAAD,iBACtDC,GAAC,CAAA,aAAD,OAAmBD,KAAnB;AAA0B,EAAA,KAAK,EAAEM,SAAAA;AAAjC,CADK;;;;"}
+{"version":3,"file":"theme-provider.mjs","sources":["../../../packages/theme/theme-provider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react'\nimport styled, {\n  ThemeProvider as StyledThemeProvider,\n} from '../utils/styled-components-wrapper.js'\nimport {\n  reverseThemeMap,\n  themeDark,\n  themeDefault,\n  themeLight,\n} from './themes.js'\nimport { initColors } from './document-head-contents/index.js'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables.js'\nimport { Theme } from './types.js'\n\n// we need to initialize this before react component code if we're using this provider or CookieThemeProvider\ninitColors()\n\nconst StyledWrapper = styled.div<{ colors?: Record<string, string> }>`\n  display: contents;\n  ${({ colors }) => (colors ? generateCssColorVariables(colors) : null)}\n`\nexport const ThemeProvider: FC<PropsWithChildren<{ theme?: Theme }>> = ({\n  theme = themeDefault,\n  children,\n  ...rest\n}) => {\n  const internalThemeName = reverseThemeMap.get(theme)\n  const props = internalThemeName\n    ? {\n        // if theme is detected as internally defined, we can just use data-lido-theme to set CSS vars instead of colors\n        'data-lido-theme': internalThemeName,\n      }\n    : {\n        // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS\n        colors: theme.colors,\n      }\n\n  return (\n    <StyledWrapper {...props}>\n      <StyledThemeProvider theme={theme} {...rest}>\n        {children}\n      </StyledThemeProvider>\n    </StyledWrapper>\n  )\n}\n\nexport const LightThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeLight} />\n)\n\nexport const DarkThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeDark} />\n)\n"],"names":["initColors","StyledWrapper","styled","div","_ref","colors","generateCssColorVariables","ThemeProvider","_ref2","theme","themeDefault","children","rest","internalThemeName","reverseThemeMap","get","props","_jsx","StyledThemeProvider","LightThemeProvider","themeLight","DarkThemeProvider","themeDark"],"mappings":";;;;;;;AAcA;AACAA,UAAU,EAAE,CAAA;AAEZ,MAAMC,aAAa,GAAGC,MAAM,CAACC,GAAwC,CAAA;AACrE;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,MAAM,GAAGC,yBAAyB,CAACD,MAAM,CAAC,GAAG,IAAI,CAAA;AAAA,CAAC,CAAA;AACvE,CAAC,CAAA;AACYE,MAAAA,aAAuD,GAAGC,KAAA,IAIjE;EAAA,IAJkE;AACtEC,IAAAA,KAAK,GAAGC,YAAY;IACpBC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAAJ,KAAA,CAAA;AACC,EAAA,MAAMK,iBAAiB,GAAGC,eAAe,CAACC,GAAG,CAACN,KAAK,CAAC,CAAA;EACpD,MAAMO,KAAK,GAAGH,iBAAiB,GAC3B;AACE;AACA,IAAA,iBAAiB,EAAEA,iBAAAA;AACrB,GAAC,GACD;AACE;IACAR,MAAM,EAAEI,KAAK,CAACJ,MAAAA;GACf,CAAA;EAEL,oBACEY,GAAA,CAAChB,aAAa,EAAA;AAAA,IAAA,GAAKe,KAAK;IAAAL,QAAA,eACtBM,GAAA,CAACC,eAAmB,EAAA;AAACT,MAAAA,KAAK,EAAEA,KAAM;AAAA,MAAA,GAAKG,IAAI;AAAAD,MAAAA,QAAA,EACxCA,QAAAA;KACkB,CAAA;AAAC,GACT,CAAC,CAAA;AAEpB,EAAC;MAEYQ,kBAAyC,GAAIH,KAAK,iBAC7DC,GAAA,CAACV,aAAa,EAAA;AAAA,EAAA,GAAKS,KAAK;AAAEP,EAAAA,KAAK,EAAEW,UAAAA;AAAW,CAAE,EAC/C;MAEYC,iBAAwC,GAAIL,KAAK,iBAC5DC,GAAA,CAACV,aAAa,EAAA;AAAA,EAAA,GAAKS,KAAK;AAAEP,EAAAA,KAAK,EAAEa,SAAAA;AAAU,CAAE;;;;"}

package/dist/esm/theme/themes.mjs

@@ -1,9 +1,11 @@
 import themeBase from './base/index.mjs';
 import { ThemeName } from './constants.mjs';
 
-const themeLight = { ...themeBase,
+const themeLight = {
+  ...themeBase,
   name: ThemeName.light,
-  colors: { ...themeBase.colors,
+  colors: {
+    ...themeBase.colors,
     darkThemeOpacity: '0',
     lightThemeOpacity: '1',
     lightModeVisibility: 'visible',
@@ -34,9 +36,11 @@ const themeLight = { ...themeBase,
     popupMenuItemBgActiveHover: '#000a3d'
   }
 };
-const themeDark = { ...themeBase,
+const themeDark = {
+  ...themeBase,
   name: ThemeName.dark,
-  colors: { ...themeBase.colors,
+  colors: {
+    ...themeBase.colors,
     darkThemeOpacity: '1',
     lightThemeOpacity: '0',
     lightModeVisibility: 'hidden',

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: '#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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"}
+{"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/esm/theme/utils/cookies-migration.mjs

@@ -10,18 +10,14 @@ const migrationThemeCookiesToCrossDomainCookiesClientSide = () => {
   if (typeof window === 'undefined') {
     return;
   }
-
   const old_cookie_theme_auto_value = getDomainCookieClientSide(THEME_AUTO_KEY);
   const old_cookie_theme_manual_value = getDomainCookieClientSide(THEME_MANUAL_KEY);
-
   if (old_cookie_theme_auto_value) {
     // Old cookie. Not use anymore
     removeCookiesClientSide(THEME_AUTO_KEY);
   }
-
   if (old_cookie_theme_manual_value) {
     removeCookiesClientSide(THEME_MANUAL_KEY);
-
     if (old_cookie_theme_manual_value === ThemeName.light || old_cookie_theme_manual_value === ThemeName.dark) {
       setThemeCookie(old_cookie_theme_manual_value);
     }

package/dist/esm/theme/utils/cookies-migration.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cookies-migration.mjs","sources":["../../../../packages/theme/utils/cookies-migration.ts"],"sourcesContent":["import {\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n} from '../../utils/index.js'\nimport { themeCookieKey, ThemeName } from '../constants.js'\nimport { setThemeCookie } from './set-theme-cookie.js'\n\nconst THEME_AUTO_KEY = 'lido-theme-auto'\nconst THEME_MANUAL_KEY = themeCookieKey // lido-theme-manual\n\nexport const migrationThemeCookiesToCrossDomainCookiesClientSide = (): void => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const old_cookie_theme_auto_value = getDomainCookieClientSide(THEME_AUTO_KEY)\n  const old_cookie_theme_manual_value =\n    getDomainCookieClientSide(THEME_MANUAL_KEY)\n\n  if (old_cookie_theme_auto_value) {\n    // Old cookie. Not use anymore\n    removeCookiesClientSide(THEME_AUTO_KEY)\n  }\n\n  if (old_cookie_theme_manual_value) {\n    removeCookiesClientSide(THEME_MANUAL_KEY)\n\n    if (\n      old_cookie_theme_manual_value === ThemeName.light ||\n      old_cookie_theme_manual_value === ThemeName.dark\n    ) {\n      setThemeCookie(old_cookie_theme_manual_value)\n    }\n  }\n}\n"],"names":["THEME_AUTO_KEY","THEME_MANUAL_KEY","themeCookieKey","migrationThemeCookiesToCrossDomainCookiesClientSide","window","old_cookie_theme_auto_value","getDomainCookieClientSide","old_cookie_theme_manual_value","removeCookiesClientSide","ThemeName","light","dark","setThemeCookie"],"mappings":";;;;;AAOA,MAAMA,cAAc,GAAG,iBAAvB,CAAA;AACA,MAAMC,gBAAgB,GAAGC,cAAzB;;AAEO,MAAMC,mDAAmD,GAAG,MAAY;AAC7E,EAAA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjC,IAAA,OAAA;AACD,GAAA;;AAED,EAAA,MAAMC,2BAA2B,GAAGC,yBAAyB,CAACN,cAAD,CAA7D,CAAA;AACA,EAAA,MAAMO,6BAA6B,GACjCD,yBAAyB,CAACL,gBAAD,CAD3B,CAAA;;AAGA,EAAA,IAAII,2BAAJ,EAAiC;AAC/B;IACAG,uBAAuB,CAACR,cAAD,CAAvB,CAAA;AACD,GAAA;;AAED,EAAA,IAAIO,6BAAJ,EAAmC;IACjCC,uBAAuB,CAACP,gBAAD,CAAvB,CAAA;;IAEA,IACEM,6BAA6B,KAAKE,SAAS,CAACC,KAA5C,IACAH,6BAA6B,KAAKE,SAAS,CAACE,IAF9C,EAGE;MACAC,cAAc,CAACL,6BAAD,CAAd,CAAA;AACD,KAAA;AACF,GAAA;AACF;;;;"}
+{"version":3,"file":"cookies-migration.mjs","sources":["../../../../packages/theme/utils/cookies-migration.ts"],"sourcesContent":["import {\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n} from '../../utils/index.js'\nimport { themeCookieKey, ThemeName } from '../constants.js'\nimport { setThemeCookie } from './set-theme-cookie.js'\n\nconst THEME_AUTO_KEY = 'lido-theme-auto'\nconst THEME_MANUAL_KEY = themeCookieKey // lido-theme-manual\n\nexport const migrationThemeCookiesToCrossDomainCookiesClientSide = (): void => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const old_cookie_theme_auto_value = getDomainCookieClientSide(THEME_AUTO_KEY)\n  const old_cookie_theme_manual_value =\n    getDomainCookieClientSide(THEME_MANUAL_KEY)\n\n  if (old_cookie_theme_auto_value) {\n    // Old cookie. Not use anymore\n    removeCookiesClientSide(THEME_AUTO_KEY)\n  }\n\n  if (old_cookie_theme_manual_value) {\n    removeCookiesClientSide(THEME_MANUAL_KEY)\n\n    if (\n      old_cookie_theme_manual_value === ThemeName.light ||\n      old_cookie_theme_manual_value === ThemeName.dark\n    ) {\n      setThemeCookie(old_cookie_theme_manual_value)\n    }\n  }\n}\n"],"names":["THEME_AUTO_KEY","THEME_MANUAL_KEY","themeCookieKey","migrationThemeCookiesToCrossDomainCookiesClientSide","window","old_cookie_theme_auto_value","getDomainCookieClientSide","old_cookie_theme_manual_value","removeCookiesClientSide","ThemeName","light","dark","setThemeCookie"],"mappings":";;;;;AAOA,MAAMA,cAAc,GAAG,iBAAiB,CAAA;AACxC,MAAMC,gBAAgB,GAAGC,cAAc,CAAC;;AAE3BC,MAAAA,mDAAmD,GAAGA,MAAY;AAC7E,EAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,OAAA;AACF,GAAA;AAEA,EAAA,MAAMC,2BAA2B,GAAGC,yBAAyB,CAACN,cAAc,CAAC,CAAA;AAC7E,EAAA,MAAMO,6BAA6B,GACjCD,yBAAyB,CAACL,gBAAgB,CAAC,CAAA;AAE7C,EAAA,IAAII,2BAA2B,EAAE;AAC/B;IACAG,uBAAuB,CAACR,cAAc,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,IAAIO,6BAA6B,EAAE;IACjCC,uBAAuB,CAACP,gBAAgB,CAAC,CAAA;IAEzC,IACEM,6BAA6B,KAAKE,SAAS,CAACC,KAAK,IACjDH,6BAA6B,KAAKE,SAAS,CAACE,IAAI,EAChD;MACAC,cAAc,CAACL,6BAA6B,CAAC,CAAA;AAC/C,KAAA;AACF,GAAA;AACF;;;;"}

package/dist/esm/theme/utils/cookies.mjs

@@ -1,14 +1,15 @@
 import { themeCookieKey } from '../constants.mjs';
 
 // TODO: use /packages/utils/cookies-client-side.ts
-// Sadly, we cannot re-use it as this script is supposed to be inlined in document head
 
+
+// we're using all-same regex in element-theme-script.tsx.
+// Sadly, we cannot re-use it as this script is supposed to be inlined in document head
 const cookieThemeMatcher = new RegExp(`(^| )${themeCookieKey}=([^;]+)`);
 const getThemeNameFromCookies = () => {
   if (typeof window === 'undefined') {
     return null;
   }
-
   return document.cookie.match(cookieThemeMatcher)?.[2] ?? null;
 };
 

package/dist/esm/theme/utils/cookies.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cookies.mjs","sources":["../../../../packages/theme/utils/cookies.ts"],"sourcesContent":["// TODO: use /packages/utils/cookies-client-side.ts\n\nimport { ThemeName } from '../../theme/index.js'\nimport { themeCookieKey } from '../constants.js'\n\n// we're using all-same regex in element-theme-script.tsx.\n// Sadly, we cannot re-use it as this script is supposed to be inlined in document head\nconst cookieThemeMatcher = new RegExp(`(^| )${themeCookieKey}=([^;]+)`)\n\nexport const getThemeNameFromCookies = (): ThemeName | null => {\n  if (typeof window === 'undefined') {\n    return null\n  }\n\n  return (document.cookie.match(cookieThemeMatcher)?.[2] as ThemeName) ?? null\n}\n"],"names":["cookieThemeMatcher","RegExp","themeCookieKey","getThemeNameFromCookies","window","document","cookie","match"],"mappings":";;AAAA;AAMA;;AACA,MAAMA,kBAAkB,GAAG,IAAIC,MAAJ,CAAY,CAAOC,KAAAA,EAAAA,cAAe,UAAlC,CAA3B,CAAA;AAEO,MAAMC,uBAAuB,GAAG,MAAwB;AAC7D,EAAA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjC,IAAA,OAAO,IAAP,CAAA;AACD,GAAA;;EAED,OAAQC,QAAQ,CAACC,MAAT,CAAgBC,KAAhB,CAAsBP,kBAAtB,CAA4C,GAAA,CAA5C,CAAD,IAAiE,IAAxE,CAAA;AACD;;;;"}
+{"version":3,"file":"cookies.mjs","sources":["../../../../packages/theme/utils/cookies.ts"],"sourcesContent":["// TODO: use /packages/utils/cookies-client-side.ts\n\nimport { ThemeName } from '../../theme/index.js'\nimport { themeCookieKey } from '../constants.js'\n\n// we're using all-same regex in element-theme-script.tsx.\n// Sadly, we cannot re-use it as this script is supposed to be inlined in document head\nconst cookieThemeMatcher = new RegExp(`(^| )${themeCookieKey}=([^;]+)`)\n\nexport const getThemeNameFromCookies = (): ThemeName | null => {\n  if (typeof window === 'undefined') {\n    return null\n  }\n\n  return (document.cookie.match(cookieThemeMatcher)?.[2] as ThemeName) ?? null\n}\n"],"names":["cookieThemeMatcher","RegExp","themeCookieKey","getThemeNameFromCookies","window","document","cookie","match"],"mappings":";;AAAA;;;AAKA;AACA;AACA,MAAMA,kBAAkB,GAAG,IAAIC,MAAM,CAAC,CAAQC,KAAAA,EAAAA,cAAc,UAAU,CAAC,CAAA;AAE1DC,MAAAA,uBAAuB,GAAGA,MAAwB;AAC7D,EAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,OAAQC,QAAQ,CAACC,MAAM,CAACC,KAAK,CAACP,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAkB,IAAI,CAAA;AAC9E;;;;"}

package/dist/esm/theme/utils/generate-css-color-variables.mjs

@@ -2,18 +2,14 @@ const toRgb = color => {
   switch (true) {
     case /^#[\da-fA-F]{3}$/.test(color):
       return [color.slice(1, 2) + color.slice(1, 2), color.slice(2, 3) + color.slice(2, 3), color.slice(3, 4) + color.slice(3, 4)].map(val => parseInt(val, 16));
-
     case /^#[\da-fA-F]{6}$/.test(color):
       return [color.slice(1, 3), color.slice(3, 5), color.slice(5, 7)].map(val => parseInt(val, 16));
-
     case /^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(color):
       return color.replace(/^.*\((.*)\).*$/, '$1').split(',').map(n => parseInt(n)).slice(0, 3);
-
     default:
       return null;
   }
 };
-
 const generateCssColorVariables = colors => {
   return [...Object.keys(colors)].map(key => {
     const color = colors[key];

package/dist/esm/theme/utils/generate-css-color-variables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"generate-css-color-variables.mjs","sources":["../../../../packages/theme/utils/generate-css-color-variables.ts"],"sourcesContent":["const toRgb = (color: string) => {\n  switch (true) {\n    case /^#[\\da-fA-F]{3}$/.test(color):\n      return [\n        color.slice(1, 2) + color.slice(1, 2),\n        color.slice(2, 3) + color.slice(2, 3),\n        color.slice(3, 4) + color.slice(3, 4),\n      ].map((val) => parseInt(val, 16))\n    case /^#[\\da-fA-F]{6}$/.test(color):\n      return [color.slice(1, 3), color.slice(3, 5), color.slice(5, 7)].map(\n        (val) => parseInt(val, 16),\n      )\n    case /^rgb\\(\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*\\d+\\s*\\)$/.test(color):\n      return color\n        .replace(/^.*\\((.*)\\).*$/, '$1')\n        .split(',')\n        .map((n) => parseInt(n))\n        .slice(0, 3)\n    default:\n      return null\n  }\n}\n\nexport const generateCssColorVariables = (\n  colors: Record<string, string>,\n): string => {\n  return [...Object.keys(colors)]\n    .map((key: string): string => {\n      const color = colors[key as keyof typeof colors]\n      const rgb = toRgb(color)\n      return rgb\n        ? `--lido-color-${key}: ${color};\\n--lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};\\n`\n        : `--lido-color-${key}: ${color};\\n`\n    })\n    .join('')\n}\n"],"names":["toRgb","color","test","slice","map","val","parseInt","replace","split","n","generateCssColorVariables","colors","Object","keys","key","rgb","join"],"mappings":"AAAA,MAAMA,KAAK,GAAIC,KAAD,IAAmB;AAC/B,EAAA,QAAQ,IAAR;AACE,IAAA,KAAK,kBAAmBC,CAAAA,IAAnB,CAAwBD,KAAxB,CAAL;AACE,MAAA,OAAO,CACLA,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAAoBF,GAAAA,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CADf,EAELF,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAAA,GAAoBF,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAFf,EAGLF,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAAA,GAAoBF,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAHf,CAILC,CAAAA,GAJK,CAIAC,GAAD,IAASC,QAAQ,CAACD,GAAD,EAAM,EAAN,CAJhB,CAAP,CAAA;;AAKF,IAAA,KAAK,kBAAmBH,CAAAA,IAAnB,CAAwBD,KAAxB,CAAL;AACE,MAAA,OAAO,CAACA,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAAD,EAAoBF,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAApB,EAAuCF,KAAK,CAACE,KAAN,CAAY,CAAZ,EAAe,CAAf,CAAvC,CAA0DC,CAAAA,GAA1D,CACJC,GAAD,IAASC,QAAQ,CAACD,GAAD,EAAM,EAAN,CADZ,CAAP,CAAA;;AAGF,IAAA,KAAK,wCAAyCH,CAAAA,IAAzC,CAA8CD,KAA9C,CAAL;MACE,OAAOA,KAAK,CACTM,OADI,CACI,gBADJ,EACsB,IADtB,CAEJC,CAAAA,KAFI,CAEE,GAFF,CAGJJ,CAAAA,GAHI,CAGCK,CAAD,IAAOH,QAAQ,CAACG,CAAD,CAHf,CAIJN,CAAAA,KAJI,CAIE,CAJF,EAIK,CAJL,CAAP,CAAA;;AAKF,IAAA;AACE,MAAA,OAAO,IAAP,CAAA;AAlBJ,GAAA;AAoBD,CArBD,CAAA;;AAuBaO,MAAAA,yBAAyB,GACpCC,MADuC,IAE5B;AACX,EAAA,OAAO,CAAC,GAAGC,MAAM,CAACC,IAAP,CAAYF,MAAZ,CAAJ,CACJP,CAAAA,GADI,CACCU,GAAD,IAAyB;AAC5B,IAAA,MAAMb,KAAK,GAAGU,MAAM,CAACG,GAAD,CAApB,CAAA;AACA,IAAA,MAAMC,GAAG,GAAGf,KAAK,CAACC,KAAD,CAAjB,CAAA;AACA,IAAA,OAAOc,GAAG,GACL,CAAeD,aAAAA,EAAAA,GAAI,CAAIb,EAAAA,EAAAA,KAAM,CAAgBa,cAAAA,EAAAA,GAAI,CAAIC,EAAAA,EAAAA,GAAG,CAAC,CAAD,CAAI,CAAA,CAAA,EAAGA,GAAG,CAAC,CAAD,CAAI,CAAGA,CAAAA,EAAAA,GAAG,CAAC,CAAD,CAAI,CAAA,GAAA,CAD3E,GAEL,CAAA,aAAA,EAAeD,GAAI,CAAA,EAAA,EAAIb,KAAM,CAFlC,GAAA,CAAA,CAAA;AAGD,GAPI,CAQJe,CAAAA,IARI,CAQC,EARD,CAAP,CAAA;AASD;;;;"}
+{"version":3,"file":"generate-css-color-variables.mjs","sources":["../../../../packages/theme/utils/generate-css-color-variables.ts"],"sourcesContent":["const toRgb = (color: string) => {\n  switch (true) {\n    case /^#[\\da-fA-F]{3}$/.test(color):\n      return [\n        color.slice(1, 2) + color.slice(1, 2),\n        color.slice(2, 3) + color.slice(2, 3),\n        color.slice(3, 4) + color.slice(3, 4),\n      ].map((val) => parseInt(val, 16))\n    case /^#[\\da-fA-F]{6}$/.test(color):\n      return [color.slice(1, 3), color.slice(3, 5), color.slice(5, 7)].map(\n        (val) => parseInt(val, 16),\n      )\n    case /^rgb\\(\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*\\d+\\s*\\)$/.test(color):\n      return color\n        .replace(/^.*\\((.*)\\).*$/, '$1')\n        .split(',')\n        .map((n) => parseInt(n))\n        .slice(0, 3)\n    default:\n      return null\n  }\n}\n\nexport const generateCssColorVariables = (\n  colors: Record<string, string>,\n): string => {\n  return [...Object.keys(colors)]\n    .map((key: string): string => {\n      const color = colors[key as keyof typeof colors]\n      const rgb = toRgb(color)\n      return rgb\n        ? `--lido-color-${key}: ${color};\\n--lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};\\n`\n        : `--lido-color-${key}: ${color};\\n`\n    })\n    .join('')\n}\n"],"names":["toRgb","color","test","slice","map","val","parseInt","replace","split","n","generateCssColorVariables","colors","Object","keys","key","rgb","join"],"mappings":"AAAA,MAAMA,KAAK,GAAIC,KAAa,IAAK;AAC/B,EAAA,QAAQ,IAAI;AACV,IAAA,KAAK,kBAAkB,CAACC,IAAI,CAACD,KAAK,CAAC;AACjC,MAAA,OAAO,CACLA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACtC,CAACC,GAAG,CAAEC,GAAG,IAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;AACnC,IAAA,KAAK,kBAAkB,CAACH,IAAI,CAACD,KAAK,CAAC;AACjC,MAAA,OAAO,CAACA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CACjEC,GAAG,IAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAC3B,CAAC,CAAA;AACH,IAAA,KAAK,wCAAwC,CAACH,IAAI,CAACD,KAAK,CAAC;AACvD,MAAA,OAAOA,KAAK,CACTM,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAC/BC,KAAK,CAAC,GAAG,CAAC,CACVJ,GAAG,CAAEK,CAAC,IAAKH,QAAQ,CAACG,CAAC,CAAC,CAAC,CACvBN,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAChB,IAAA;AACE,MAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACF,CAAC,CAAA;AAEYO,MAAAA,yBAAyB,GACpCC,MAA8B,IACnB;AACX,EAAA,OAAO,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAC5BP,GAAG,CAAEU,GAAW,IAAa;AAC5B,IAAA,MAAMb,KAAK,GAAGU,MAAM,CAACG,GAAG,CAAwB,CAAA;AAChD,IAAA,MAAMC,GAAG,GAAGf,KAAK,CAACC,KAAK,CAAC,CAAA;AACxB,IAAA,OAAOc,GAAG,GACN,CAAgBD,aAAAA,EAAAA,GAAG,CAAKb,EAAAA,EAAAA,KAAK,CAAiBa,cAAAA,EAAAA,GAAG,CAAKC,EAAAA,EAAAA,GAAG,CAAC,CAAC,CAAC,CAAA,CAAA,EAAIA,GAAG,CAAC,CAAC,CAAC,CAAIA,CAAAA,EAAAA,GAAG,CAAC,CAAC,CAAC,CAAA,GAAA,CAAK,GACrF,CAAA,aAAA,EAAgBD,GAAG,CAAA,EAAA,EAAKb,KAAK,CAAK,GAAA,CAAA,CAAA;AACxC,GAAC,CAAC,CACDe,IAAI,CAAC,EAAE,CAAC,CAAA;AACb;;;;"}

package/dist/esm/theme/utils/set-theme-cookie.mjs

@@ -5,7 +5,6 @@ import '../../utils/cookies-client-side.mjs';
 import { themeCookieKey, themeCookieMaxAge } from '../constants.mjs';
 
 const parser = new UAParser();
-
 const setSecureCookie = cookie => {
   // 1. we want this cookie to be available on HTTP websites too.
   // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,
@@ -20,12 +19,10 @@ const setSecureCookie = cookie => {
     document.cookie = `${cookie}Secure;`;
   }
 };
-
 const setThemeCookie = theme => {
-  const cookie = `${themeCookieKey}=${theme};max-age=${themeCookieMaxAge};path=/;samesite=None;`; // For top level domain - *.some-domain.fi
-
+  const cookie = `${themeCookieKey}=${theme};max-age=${themeCookieMaxAge};path=/;samesite=None;`;
+  // For top level domain - *.some-domain.fi
   setSecureCookie(`${cookie}domain=${getTopLevelDomain()};`);
-
   if (!document.cookie.includes(`${themeCookieKey}=${theme}`)) {
     // For specific.domain.fi, if cookie can't be set to top level domain
     setSecureCookie(cookie);

package/dist/esm/theme/utils/set-theme-cookie.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"set-theme-cookie.mjs","sources":["../../../../packages/theme/utils/set-theme-cookie.ts"],"sourcesContent":["import { UAParser } from 'ua-parser-js'\nimport { getTopLevelDomain } from '../../utils/index.js'\nimport { themeCookieMaxAge, themeCookieKey, ThemeName } from '../constants.js'\n\nconst parser = new UAParser()\n\nconst setSecureCookie = (cookie: string) => {\n  // 1. we want this cookie to be available on HTTP websites too.\n  // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,\n  // and Safari when cookies are set with Secure, so we're forcing cookie into both\n  if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {\n    if (window.location.protocol !== 'https:') {\n      document.cookie = cookie\n    } else {\n      document.cookie = `${cookie}Secure;`\n    }\n  } else {\n    document.cookie = `${cookie}Secure;`\n  }\n}\n\nexport const setThemeCookie = (theme: ThemeName) => {\n  const cookie = `${themeCookieKey}=${theme};max-age=${themeCookieMaxAge};path=/;samesite=None;`\n  // For top level domain - *.some-domain.fi\n  setSecureCookie(`${cookie}domain=${getTopLevelDomain()};`)\n\n  if (!document.cookie.includes(`${themeCookieKey}=${theme}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setSecureCookie(cookie)\n  }\n}\n"],"names":["parser","UAParser","setSecureCookie","cookie","getBrowser","name","toLowerCase","window","location","protocol","document","setThemeCookie","theme","themeCookieKey","themeCookieMaxAge","getTopLevelDomain","includes"],"mappings":";;;;;;AAIA,MAAMA,MAAM,GAAG,IAAIC,QAAJ,EAAf,CAAA;;AAEA,MAAMC,eAAe,GAAIC,MAAD,IAAoB;AAC1C;AACA;AACA;EACA,IAAIH,MAAM,CAACI,UAAP,EAAA,EAAqBC,IAArB,EAA2BC,WAA3B,EAA6C,KAAA,QAAjD,EAA2D;AACzD,IAAA,IAAIC,MAAM,CAACC,QAAP,CAAgBC,QAAhB,KAA6B,QAAjC,EAA2C;MACzCC,QAAQ,CAACP,MAAT,GAAkBA,MAAlB,CAAA;AACD,KAFD,MAEO;AACLO,MAAAA,QAAQ,CAACP,MAAT,GAAmB,CAAA,EAAEA,MAAO,CAA5B,OAAA,CAAA,CAAA;AACD,KAAA;AACF,GAND,MAMO;AACLO,IAAAA,QAAQ,CAACP,MAAT,GAAmB,CAAA,EAAEA,MAAO,CAA5B,OAAA,CAAA,CAAA;AACD,GAAA;AACF,CAbD,CAAA;;AAeaQ,MAAAA,cAAc,GAAIC,KAAD,IAAsB;EAClD,MAAMT,MAAM,GAAI,CAAA,EAAEU,cAAe,CAAA,CAAA,EAAGD,KAAM,CAAWE,SAAAA,EAAAA,iBAAkB,CAAvE,sBAAA,CAAA,CADkD;;AAGlDZ,EAAAA,eAAe,CAAE,CAAEC,EAAAA,MAAO,UAASY,iBAAiB,EAAG,GAAxC,CAAf,CAAA;;AAEA,EAAA,IAAI,CAACL,QAAQ,CAACP,MAAT,CAAgBa,QAAhB,CAA0B,CAAA,EAAEH,cAAe,CAAA,CAAA,EAAGD,KAAM,CAAA,CAApD,CAAL,EAA6D;AAC3D;IACAV,eAAe,CAACC,MAAD,CAAf,CAAA;AACD,GAAA;AACF;;;;"}
+{"version":3,"file":"set-theme-cookie.mjs","sources":["../../../../packages/theme/utils/set-theme-cookie.ts"],"sourcesContent":["import { UAParser } from 'ua-parser-js'\nimport { getTopLevelDomain } from '../../utils/index.js'\nimport { themeCookieMaxAge, themeCookieKey, ThemeName } from '../constants.js'\n\nconst parser = new UAParser()\n\nconst setSecureCookie = (cookie: string) => {\n  // 1. we want this cookie to be available on HTTP websites too.\n  // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,\n  // and Safari when cookies are set with Secure, so we're forcing cookie into both\n  if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {\n    if (window.location.protocol !== 'https:') {\n      document.cookie = cookie\n    } else {\n      document.cookie = `${cookie}Secure;`\n    }\n  } else {\n    document.cookie = `${cookie}Secure;`\n  }\n}\n\nexport const setThemeCookie = (theme: ThemeName) => {\n  const cookie = `${themeCookieKey}=${theme};max-age=${themeCookieMaxAge};path=/;samesite=None;`\n  // For top level domain - *.some-domain.fi\n  setSecureCookie(`${cookie}domain=${getTopLevelDomain()};`)\n\n  if (!document.cookie.includes(`${themeCookieKey}=${theme}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setSecureCookie(cookie)\n  }\n}\n"],"names":["parser","UAParser","setSecureCookie","cookie","getBrowser","name","toLowerCase","window","location","protocol","document","setThemeCookie","theme","themeCookieKey","themeCookieMaxAge","getTopLevelDomain","includes"],"mappings":";;;;;;AAIA,MAAMA,MAAM,GAAG,IAAIC,QAAQ,EAAE,CAAA;AAE7B,MAAMC,eAAe,GAAIC,MAAc,IAAK;AAC1C;AACA;AACA;AACA,EAAA,IAAIH,MAAM,CAACI,UAAU,EAAE,EAAEC,IAAI,EAAEC,WAAW,EAAE,KAAK,QAAQ,EAAE;AACzD,IAAA,IAAIC,MAAM,CAACC,QAAQ,CAACC,QAAQ,KAAK,QAAQ,EAAE;MACzCC,QAAQ,CAACP,MAAM,GAAGA,MAAM,CAAA;AAC1B,KAAC,MAAM;AACLO,MAAAA,QAAQ,CAACP,MAAM,GAAG,CAAA,EAAGA,MAAM,CAAS,OAAA,CAAA,CAAA;AACtC,KAAA;AACF,GAAC,MAAM;AACLO,IAAAA,QAAQ,CAACP,MAAM,GAAG,CAAA,EAAGA,MAAM,CAAS,OAAA,CAAA,CAAA;AACtC,GAAA;AACF,CAAC,CAAA;AAEYQ,MAAAA,cAAc,GAAIC,KAAgB,IAAK;EAClD,MAAMT,MAAM,GAAG,CAAGU,EAAAA,cAAc,IAAID,KAAK,CAAA,SAAA,EAAYE,iBAAiB,CAAwB,sBAAA,CAAA,CAAA;AAC9F;EACAZ,eAAe,CAAC,GAAGC,MAAM,CAAA,OAAA,EAAUY,iBAAiB,EAAE,GAAG,CAAC,CAAA;AAE1D,EAAA,IAAI,CAACL,QAAQ,CAACP,MAAM,CAACa,QAAQ,CAAC,CAAA,EAAGH,cAAc,CAAA,CAAA,EAAID,KAAK,CAAA,CAAE,CAAC,EAAE;AAC3D;IACAV,eAAe,CAACC,MAAM,CAAC,CAAA;AACzB,GAAA;AACF;;;;"}

package/dist/esm/toast/ToastContainer.mjs

@@ -378,74 +378,74 @@ const ToastContainer = styled(ToastContainer$1).attrs({
   } = _ref9;
   return theme.spaceMap.lg;
 }}px;
-        right: ${_ref10 => {
+        right: ${_ref0 => {
   let {
     theme
-  } = _ref10;
+  } = _ref0;
   return theme.spaceMap.lg;
 }}px;
         left: auto;
 
         @media screen and (max-width: 480px) {
-          top: ${_ref11 => {
+          top: ${_ref1 => {
   let {
     theme
-  } = _ref11;
+  } = _ref1;
   return theme.spaceMap.sm;
 }}px;
-          right: ${_ref12 => {
+          right: ${_ref10 => {
   let {
     theme
-  } = _ref12;
+  } = _ref10;
   return theme.spaceMap.sm;
 }}px;
           transform: none;
         }
       }
       &--bottom-left {
-        bottom: ${_ref13 => {
+        bottom: ${_ref11 => {
   let {
     theme
-  } = _ref13;
+  } = _ref11;
   return theme.spaceMap.lg;
 }}px;
-        left: ${_ref14 => {
+        left: ${_ref12 => {
   let {
     theme
-  } = _ref14;
+  } = _ref12;
   return theme.spaceMap.lg;
 }}px;
 
         @media screen and (max-width: 480px) {
-          bottom: ${_ref15 => {
+          bottom: ${_ref13 => {
   let {
     theme
-  } = _ref15;
+  } = _ref13;
   return theme.spaceMap.sm;
 }}px;
-          left: ${_ref16 => {
+          left: ${_ref14 => {
   let {
     theme
-  } = _ref16;
+  } = _ref14;
   return theme.spaceMap.sm;
 }}px;
         }
       }
       &--bottom-center {
-        bottom: ${_ref17 => {
+        bottom: ${_ref15 => {
   let {
     theme
-  } = _ref17;
+  } = _ref15;
   return theme.spaceMap.lg;
 }}px;
         transform: translateX(-50%);
         left: 50%;
 
         @media screen and (max-width: 480px) {
-          bottom: ${_ref18 => {
+          bottom: ${_ref16 => {
   let {
     theme
-  } = _ref18;
+  } = _ref16;
   return theme.spaceMap.sm;
 }}px;
           left: 45%;
@@ -453,31 +453,31 @@ const ToastContainer = styled(ToastContainer$1).attrs({
         }
       }
       &--bottom-right {
-        bottom: ${_ref19 => {
+        bottom: ${_ref17 => {
   let {
     theme
-  } = _ref19;
+  } = _ref17;
   return theme.spaceMap.lg;
 }}px;
-        right: ${_ref20 => {
+        right: ${_ref18 => {
   let {
     theme
-  } = _ref20;
+  } = _ref18;
   return theme.spaceMap.lg;
 }}px;
         left: auto;
 
         @media screen and (max-width: 480px) {
-          bottom: ${_ref21 => {
+          bottom: ${_ref19 => {
   let {
     theme
-  } = _ref21;
+  } = _ref19;
   return theme.spaceMap.sm;
 }}px;
-          right: ${_ref22 => {
+          right: ${_ref20 => {
   let {
     theme
-  } = _ref22;
+  } = _ref20;
   return theme.spaceMap.sm;
 }}px;
           transform: none;
@@ -499,43 +499,43 @@ const ToastContainer = styled(ToastContainer$1).attrs({
       max-height: 800px;
       min-height: 0;
 
-      border-radius: ${_ref23 => {
+      border-radius: ${_ref21 => {
   let {
     theme
-  } = _ref23;
+  } = _ref21;
   return theme.borderRadiusesMap.md;
 }}px;
-      box-shadow: ${_ref24 => {
+      box-shadow: ${_ref22 => {
   let {
     theme
-  } = _ref24;
+  } = _ref22;
   return theme.boxShadows.xs;
 }}
         var(--lido-color-shadowLight);
-      margin: ${_ref25 => {
+      margin: ${_ref23 => {
   let {
     theme
-  } = _ref25;
+  } = _ref23;
   return theme.spaceMap.xs;
 }}px 0;
-      padding: ${_ref26 => {
+      padding: ${_ref24 => {
   let {
     theme
-  } = _ref26;
+  } = _ref24;
   return theme.spaceMap.sm;
 }}px
-        ${_ref27 => {
+        ${_ref25 => {
   let {
     theme
-  } = _ref27;
+  } = _ref25;
   return theme.spaceMap.md;
 }}px;
       background-color: var(--lido-color-accent);
       color: var(--lido-color-accentContrast);
-      font-size: ${_ref28 => {
+      font-size: ${_ref26 => {
   let {
     theme
-  } = _ref28;
+  } = _ref26;
   return theme.fontSizesMap.xs;
 }}px;
       line-height: 1.3em;