cakeinpanic-ui 1.0.0

package/dist/cjs/theme/theme-provider.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const themes = require('./themes.js');
+const index = require('./document-head-contents/index.js');
+const generateCssColorVariables = require('./utils/generate-css-color-variables.js');
+const jsxRuntime = require('react/jsx-runtime');
+const _styled = require('styled-components');
+
+// we need to initialize this before react component code if we're using this provider or CookieThemeProvider
+index.initColors();
+const StyledWrapper = styledComponentsWrapper.default.div`
+  display: contents;
+  ${_ref => {
+  let {
+    colors
+  } = _ref;
+  return colors ? generateCssColorVariables.generateCssColorVariables(colors) : null;
+}}
+`;
+const ThemeProvider = _ref2 => {
+  let {
+    theme = themes.themeDefault,
+    children,
+    ...rest
+  } = _ref2;
+  const internalThemeName = themes.reverseThemeMap.get(theme);
+  const props = internalThemeName ? {
+    // if theme is detected as internally defined, we can just use data-lido-theme to set CSS vars instead of colors
+    'data-lido-theme': internalThemeName
+  } : {
+    // 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__*/jsxRuntime.jsx(StyledWrapper, {
+    ...props,
+    children: /*#__PURE__*/jsxRuntime.jsx(_styled.ThemeProvider, {
+      theme: theme,
+      ...rest,
+      children: children
+    })
+  });
+};
+const LightThemeProvider = props => /*#__PURE__*/jsxRuntime.jsx(ThemeProvider, {
+  ...props,
+  theme: themes.themeLight
+});
+const DarkThemeProvider = props => /*#__PURE__*/jsxRuntime.jsx(ThemeProvider, {
+  ...props,
+  theme: themes.themeDark
+});
+
+exports.DarkThemeProvider = DarkThemeProvider;
+exports.LightThemeProvider = LightThemeProvider;
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=theme-provider.js.map

package/dist/cjs/theme/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sources":["../../../src/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,gBAAU,EAAE,CAAA;AAEZ,MAAMC,aAAa,GAAGC,+BAAM,CAACC,GAAwC,CAAA;AACrE;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,MAAM,GAAGC,mDAAyB,CAACD,MAAM,CAAC,GAAG,IAAI,CAAA;AAAA,CAAC,CAAA;AACvE,CAAC,CAAA;AACYE,MAAAA,aAAuD,GAAGC,KAAA,IAIjE;EAAA,IAJkE;AACtEC,IAAAA,KAAK,GAAGC,mBAAY;IACpBC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAAJ,KAAA,CAAA;AACC,EAAA,MAAMK,iBAAiB,GAAGC,sBAAe,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,cAAA,CAAChB,aAAa,EAAA;AAAA,IAAA,GAAKe,KAAK;IAAAL,QAAA,eACtBM,cAAA,CAACC,qBAAmB,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,cAAA,CAACV,aAAa,EAAA;AAAA,EAAA,GAAKS,KAAK;AAAEP,EAAAA,KAAK,EAAEW,iBAAAA;AAAW,CAAE,EAC/C;MAEYC,iBAAwC,GAAIL,KAAK,iBAC5DC,cAAA,CAACV,aAAa,EAAA;AAAA,EAAA,GAAKS,KAAK;AAAEP,EAAAA,KAAK,EAAEa,gBAAAA;AAAU,CAAE;;;;;;"}

package/dist/cjs/theme/themes.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('./base/index.js');
+const constants = require('./constants.js');
+
+const themeLight = {
+  ...index,
+  name: constants.ThemeName.light,
+  colors: {
+    ...index.colors,
+    darkThemeOpacity: '0',
+    lightThemeOpacity: '1',
+    lightModeVisibility: 'visible',
+    darkModeVisibility: 'hidden',
+    lightDisplay: 'initial',
+    darkDisplay: 'none',
+    secondary: '#273852',
+    secondaryHover: '#212f45',
+    secondaryContrast: '#fff',
+    background: '#f2f4f6',
+    backgroundDarken: '#dae0e5',
+    backgroundSecondary: '#EFF2F6',
+    backgroundBadge: 'rgba(122, 138, 160, 0.10)',
+    backgroundGradient: 'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',
+    foreground: '#fff',
+    overlay: 'rgba(0, 0, 0, 0.5)',
+    shadowLight: 'rgba(39, 56, 82, 0.08)',
+    shadowDark: 'rgba(0, 0, 0, .25)',
+    text: '#273852',
+    textSecondary: '#7a8aa0',
+    accentText: '#273852',
+    border: 'rgba(0, 10, 61, 0.12)',
+    borderActive: 'rgba(0, 10, 61, 0.48)',
+    borderHover: 'rgba(0, 10, 61, 0.24)',
+    borderLight: '#dfe5eb',
+    accentBorder: 'rgba(0, 10, 61, 0.12)',
+    accentBorderHover: 'rgba(0, 10, 61, 0.24)',
+    borderSubtle: 'rgba(0, 0, 0, 0.10)',
+    controlBg: '#fff',
+    accentControlBg: 'rgba(239, 242, 246, 0.56)',
+    popupMenuItemBgActiveHover: '#000a3d'
+  }
+};
+const themeDark = {
+  ...index,
+  name: constants.ThemeName.dark,
+  colors: {
+    ...index.colors,
+    darkThemeOpacity: '1',
+    lightThemeOpacity: '0',
+    lightModeVisibility: 'hidden',
+    darkModeVisibility: 'visible',
+    lightDisplay: 'none',
+    darkDisplay: 'initial',
+    secondary: '#fff',
+    secondaryHover: '#F5F5F7',
+    secondaryContrast: '#273852',
+    background: '#1c1c21',
+    backgroundDarken: '#131317',
+    backgroundSecondary: '#27272E',
+    backgroundBadge: 'rgba(255, 255, 255, 0.10)',
+    backgroundGradient: 'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',
+    foreground: '#34343d',
+    overlay: 'rgba(0, 0, 0, 0.5)',
+    shadowLight: 'rgba(0, 0, 0, .25)',
+    shadowDark: 'rgba(0, 0, 0, .5)',
+    text: '#fff',
+    textSecondary: 'rgba(255, 255, 255, .8)',
+    accentText: '#fff',
+    border: 'rgba(255, 255, 255, 0.12)',
+    borderActive: 'rgba(255, 255, 255, 0.48)',
+    borderHover: 'rgba(255, 255, 255, 0.24)',
+    borderLight: '#484855',
+    accentBorder: 'rgba(255, 255, 255, 0.12)',
+    accentBorderHover: 'rgba(255, 255, 255, 0.24)',
+    borderSubtle: 'rgba(255, 255, 255, 0.10)',
+    controlBg: '#2f2f37',
+    accentControlBg: 'rgba(39, 39, 46, 0.56)',
+    popupMenuItemBgActiveHover: '#fff'
+  }
+};
+const themeMap = {
+  [constants.ThemeName.light]: themeLight,
+  [constants.ThemeName.dark]: themeDark
+};
+const reverseThemeMap = new WeakMap([[themeLight, constants.ThemeName.light], [themeDark, constants.ThemeName.dark]]);
+const themeDefault = themeLight;
+
+exports.reverseThemeMap = reverseThemeMap;
+exports.themeDark = themeDark;
+exports.themeDefault = themeDefault;
+exports.themeLight = themeLight;
+exports.themeMap = themeMap;
+//# sourceMappingURL=themes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sources":["../../../src/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    backgroundBadge: 'rgba(122, 138, 160, 0.10)',\n    backgroundGradient:\n      'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',\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    borderSubtle: 'rgba(0, 0, 0, 0.10)',\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    backgroundBadge: 'rgba(255, 255, 255, 0.10)',\n    backgroundGradient:\n      'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',\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    borderSubtle: 'rgba(255, 255, 255, 0.10)',\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","backgroundBadge","backgroundGradient","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","borderSubtle","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":"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"}

package/dist/cjs/theme/utils/cookies-migration.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('../../utils/modalRoot.js');
+const cookiesClientSide = require('../../utils/cookies-client-side.js');
+const constants = require('../constants.js');
+const setThemeCookie = require('./set-theme-cookie.js');
+
+const THEME_AUTO_KEY = 'lido-theme-auto';
+const THEME_MANUAL_KEY = constants.themeCookieKey; // lido-theme-manual
+
+const migrationThemeCookiesToCrossDomainCookiesClientSide = () => {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  const old_cookie_theme_auto_value = cookiesClientSide.getDomainCookieClientSide(THEME_AUTO_KEY);
+  const old_cookie_theme_manual_value = cookiesClientSide.getDomainCookieClientSide(THEME_MANUAL_KEY);
+  if (old_cookie_theme_auto_value) {
+    // Old cookie. Not use anymore
+    cookiesClientSide.removeCookiesClientSide(THEME_AUTO_KEY);
+  }
+  if (old_cookie_theme_manual_value) {
+    cookiesClientSide.removeCookiesClientSide(THEME_MANUAL_KEY);
+    if (old_cookie_theme_manual_value === constants.ThemeName.light || old_cookie_theme_manual_value === constants.ThemeName.dark) {
+      setThemeCookie.setThemeCookie(old_cookie_theme_manual_value);
+    }
+  }
+};
+
+exports.migrationThemeCookiesToCrossDomainCookiesClientSide = migrationThemeCookiesToCrossDomainCookiesClientSide;
+//# sourceMappingURL=cookies-migration.js.map

package/dist/cjs/theme/utils/cookies-migration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies-migration.js","sources":["../../../../src/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,wBAAc,CAAC;;AAE3BC,MAAAA,mDAAmD,GAAGA,MAAY;AAC7E,EAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,OAAA;AACF,GAAA;AAEA,EAAA,MAAMC,2BAA2B,GAAGC,2CAAyB,CAACN,cAAc,CAAC,CAAA;AAC7E,EAAA,MAAMO,6BAA6B,GACjCD,2CAAyB,CAACL,gBAAgB,CAAC,CAAA;AAE7C,EAAA,IAAII,2BAA2B,EAAE;AAC/B;IACAG,yCAAuB,CAACR,cAAc,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,IAAIO,6BAA6B,EAAE;IACjCC,yCAAuB,CAACP,gBAAgB,CAAC,CAAA;IAEzC,IACEM,6BAA6B,KAAKE,mBAAS,CAACC,KAAK,IACjDH,6BAA6B,KAAKE,mBAAS,CAACE,IAAI,EAChD;MACAC,6BAAc,CAACL,6BAA6B,CAAC,CAAA;AAC/C,KAAA;AACF,GAAA;AACF;;;;"}

package/dist/cjs/theme/utils/cookies.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const constants = require('../constants.js');
+
+// TODO: use /packages/utils/cookies-client-side.ts
+
+
+// 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(`(^| )${constants.themeCookieKey}=([^;]+)`);
+const getThemeNameFromCookies = () => {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+  return document.cookie.match(cookieThemeMatcher)?.[2] ?? null;
+};
+
+exports.getThemeNameFromCookies = getThemeNameFromCookies;
+//# sourceMappingURL=cookies.js.map

package/dist/cjs/theme/utils/cookies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies.js","sources":["../../../../src/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,wBAAc,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/cjs/theme/utils/generate-css-color-variables.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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];
+    const rgb = toRgb(color);
+    return rgb ? `--lido-color-${key}: ${color};\n--lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};\n` : `--lido-color-${key}: ${color};\n`;
+  }).join('');
+};
+
+exports.generateCssColorVariables = generateCssColorVariables;
+//# sourceMappingURL=generate-css-color-variables.js.map

package/dist/cjs/theme/utils/generate-css-color-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-color-variables.js","sources":["../../../../src/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/cjs/theme/utils/set-theme-cookie.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const uaParserJs = require('ua-parser-js');
+require('../../utils/modalRoot.js');
+const getTopLevelDomain = require('../../utils/get-top-level-domain.js');
+require('../../utils/cookies-client-side.js');
+const constants = require('../constants.js');
+
+const parser = new uaParserJs.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,
+  // and Safari when cookies are set with Secure, so we're forcing cookie into both
+  if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {
+    if (window.location.protocol !== 'https:') {
+      document.cookie = cookie;
+    } else {
+      document.cookie = `${cookie}Secure;`;
+    }
+  } else {
+    document.cookie = `${cookie}Secure;`;
+  }
+};
+const setThemeCookie = theme => {
+  const cookie = `${constants.themeCookieKey}=${theme};max-age=${constants.themeCookieMaxAge};path=/;samesite=None;`;
+  // For top level domain - *.some-domain.fi
+  setSecureCookie(`${cookie}domain=${getTopLevelDomain.getTopLevelDomain()};`);
+  if (!document.cookie.includes(`${constants.themeCookieKey}=${theme}`)) {
+    // For specific.domain.fi, if cookie can't be set to top level domain
+    setSecureCookie(cookie);
+  }
+};
+
+exports.setThemeCookie = setThemeCookie;
+//# sourceMappingURL=set-theme-cookie.js.map

package/dist/cjs/theme/utils/set-theme-cookie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-theme-cookie.js","sources":["../../../../src/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,mBAAQ,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,wBAAc,IAAID,KAAK,CAAA,SAAA,EAAYE,2BAAiB,CAAwB,sBAAA,CAAA,CAAA;AAC9F;EACAZ,eAAe,CAAC,GAAGC,MAAM,CAAA,OAAA,EAAUY,mCAAiB,EAAE,GAAG,CAAC,CAAA;AAE1D,EAAA,IAAI,CAACL,QAAQ,CAACP,MAAM,CAACa,QAAQ,CAAC,CAAA,EAAGH,wBAAc,CAAA,CAAA,EAAID,KAAK,CAAA,CAAE,CAAC,EAAE;AAC3D;IACAV,eAAe,CAACC,MAAM,CAAC,CAAA;AACzB,GAAA;AACF;;;;"}