@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/cjs/theme/src/document-head-contents/element-theme-script.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    themeScriptValue: ()=>themeScriptValue,
+    updateGlobalTheme: ()=>updateGlobalTheme,
+    initGlobalCookieTheme: ()=>initGlobalCookieTheme,
+    ScriptThemeValue: ()=>ScriptThemeValue
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _globals = require("../globals");
+const _constants = require("../../../cookie-theme-toggler/src/constants");
+const _utils = require("../../../utils/src/index");
+/**
+ *  this FN should be hermetic and has zero external items - it is inlined via .toString()
+ * */ /*#__PURE__*/ const themeScriptValueString = function(key) {
+    if (!window.matchMedia) {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        return ()=>{};
+    }
+    const match = window.matchMedia('(prefers-color-scheme: dark)');
+    const setTheme = ()=>{
+        const themeCookie = document.cookie.split(';').find((cookie)=>cookie.trim().startsWith(key + '='));
+        if (themeCookie) {
+            document.documentElement.dataset.theme = themeCookie.split('=')[1];
+        } else {
+            delete document.documentElement.dataset.theme;
+        }
+    };
+    setTheme();
+    match.addEventListener('change', setTheme);
+    return setTheme;
+};
+const themeScriptValue = typeof window !== 'undefined' ? themeScriptValueString : ()=>_globals.VOID_FN;
+let updateGlobalTheme = _globals.VOID_FN;
+let initGlobalCookieTheme = typeof window === 'undefined' ? _globals.VOID_FN : ()=>{
+    const setTheme = themeScriptValueString(_globals.STORAGE_THEME_MANUAL_KEY);
+    initGlobalCookieTheme = _globals.VOID_FN;
+    const topLevelDomain = (0, _utils.getTopLevelDomain)();
+    updateGlobalTheme = (theme)=>{
+        document.cookie = `${_constants.COOKIE_THEME_MANUAL_KEY}=${theme};expires=${_constants.COOKIES_THEME_EXPIRES_DAYS};path=/;domain=${topLevelDomain};samesite=None;secure;`;
+        setTheme();
+    };
+};
+const ScriptThemeValue = ()=>/*#__PURE__*/ _react.default.createElement("script", null, "`($", themeScriptValueString.toString(), ")($", _globals.STORAGE_THEME_MANUAL_KEY, ")`");
+
+//# sourceMappingURL=element-theme-script.js.map

package/dist/cjs/theme/src/document-head-contents/element-theme-script.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import React from 'react'\nimport { STORAGE_THEME_MANUAL_KEY, ThemeName, VOID_FN } from '../globals'\nimport {\n  COOKIE_THEME_MANUAL_KEY,\n  COOKIES_THEME_EXPIRES_DAYS,\n} from '../../../cookie-theme-toggler/src/constants'\nimport { getTopLevelDomain } from '@lidofinance/utils'\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\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 themeCookie = document.cookie\n      .split(';')\n      .find((cookie) => cookie.trim().startsWith(key + '='))\n    if (themeCookie) {\n      document.documentElement.dataset.theme = themeCookie.split('=')[1]\n    } else {\n      delete document.documentElement.dataset.theme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\nexport const themeScriptValue =\n  typeof window !== 'undefined' ? themeScriptValueString : () => VOID_FN\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(STORAGE_THEME_MANUAL_KEY)\n        initGlobalCookieTheme = VOID_FN\n        const topLevelDomain = getTopLevelDomain()\n        updateGlobalTheme = (theme: ThemeName) => {\n          document.cookie = `${COOKIE_THEME_MANUAL_KEY}=${theme};expires=${COOKIES_THEME_EXPIRES_DAYS};path=/;domain=${topLevelDomain};samesite=None;secure;`\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script>\n    `(${themeScriptValueString.toString()})(${STORAGE_THEME_MANUAL_KEY})`\n  </script>\n)\n"],"names":["themeScriptValue","updateGlobalTheme","initGlobalCookieTheme","ScriptThemeValue","themeScriptValueString","key","window","matchMedia","match","setTheme","themeCookie","document","cookie","split","find","trim","startsWith","documentElement","dataset","theme","addEventListener","VOID_FN","STORAGE_THEME_MANUAL_KEY","topLevelDomain","getTopLevelDomain","COOKIE_THEME_MANUAL_KEY","COOKIES_THEME_EXPIRES_DAYS","script","toString"],"mappings":"AAAA;;;;;;;;;;;IAiCaA,gBAAgB,MAAhBA,gBAAgB;IAGlBC,iBAAiB,MAAjBA,iBAAiB;IAEjBC,qBAAqB,MAArBA,qBAAqB;IAanBC,gBAAgB,MAAhBA,gBAAgB;;;4DAnDX,OAAO;yBACoC,YAAY;2BAIlE,6CAA6C;uBAClB,0BAAoB;AAEtD;;GAEG,GACH,WAAW,GACX,MAAMC,sBAAsB,GAAG,SAAUC,GAAW,EAAE;IACpD,IAAI,CAACC,MAAM,CAACC,UAAU,EAAE;QACtB,gEAAgE;QAChE,OAAO,IAAM,CAAC,CAAC,CAAA;IACjB,CAAC;IACD,MAAMC,KAAK,GAAGF,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC;IAC/D,MAAME,QAAQ,GAAG,IAAM;QACrB,MAAMC,WAAW,GAAGC,QAAQ,CAACC,MAAM,CAChCC,KAAK,CAAC,GAAG,CAAC,CACVC,IAAI,CAAC,CAACF,MAAM,GAAKA,MAAM,CAACG,IAAI,EAAE,CAACC,UAAU,CAACX,GAAG,GAAG,GAAG,CAAC,CAAC;QACxD,IAAIK,WAAW,EAAE;YACfC,QAAQ,CAACM,eAAe,CAACC,OAAO,CAACC,KAAK,GAAGT,WAAW,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpE,OAAO;YACL,OAAOF,QAAQ,CAACM,eAAe,CAACC,OAAO,CAACC,KAAK;QAC/C,CAAC;IACH,CAAC;IACDV,QAAQ,EAAE;IACVD,KAAK,CAACY,gBAAgB,CAAC,QAAQ,EAAEX,QAAQ,CAAC;IAC1C,OAAOA,QAAQ,CAAA;AACjB,CAAC;AAEM,MAAMT,gBAAgB,GAC3B,OAAOM,MAAM,KAAK,WAAW,GAAGF,sBAAsB,GAAG,IAAMiB,QAAO,QAAA;AAEjE,IAAIpB,iBAAiB,GAA4BoB,QAAO,QAAA;AAExD,IAAInB,qBAAqB,GAC9B,OAAOI,MAAM,KAAK,WAAW,GACzBe,QAAO,QAAA,GACP,IAAM;IACJ,MAAMZ,QAAQ,GAAGL,sBAAsB,CAACkB,QAAwB,yBAAA,CAAC;IACjEpB,qBAAqB,GAAGmB,QAAO,QAAA;IAC/B,MAAME,cAAc,GAAGC,IAAAA,MAAiB,kBAAA,GAAE;IAC1CvB,iBAAiB,GAAG,CAACkB,KAAgB,GAAK;QACxCR,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAEa,UAAuB,wBAAA,CAAC,CAAC,EAAEN,KAAK,CAAC,SAAS,EAAEO,UAA0B,2BAAA,CAAC,eAAe,EAAEH,cAAc,CAAC,sBAAsB,CAAC;QACnJd,QAAQ,EAAE;IACZ,CAAC;AACH,CAAC;AAEA,MAAMN,gBAAgB,GAAG,kBAC9B,6BAACwB,QAAM,QAAC,KACH,EAACvB,sBAAsB,CAACwB,QAAQ,EAAE,EAAC,KAAG,EAACN,QAAwB,yBAAA,EAAC,IACrE,CAAS,AACV"}

package/dist/cjs/theme/src/document-head-contents/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Fonts: ()=>_elementFonts.Fonts,
+    initColors: ()=>initColors,
+    LidoUIHead: ()=>LidoUIHead
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _elementFonts = require("./element-fonts");
+const _elementThemeColors = require("./element-theme-colors");
+const _elementThemeScript = require("./element-theme-script");
+const initColors = ()=>{
+    (0, _elementThemeColors.initGlobalColors)();
+    (0, _elementThemeScript.initGlobalCookieTheme)();
+};
+const LidoUIHead = (param)=>/*#__PURE__*/ {
+    let { cssStyleVars =true , cssFont =false , jsStyleScript =true  } = param;
+    return _react.default.createElement(_react.default.Fragment, null, cssStyleVars ? /*#__PURE__*/ _react.default.createElement(_elementThemeColors.StyleThemeColors, null) : null, jsStyleScript ? /*#__PURE__*/ _react.default.createElement(_elementThemeScript.ScriptThemeValue, null) : null, cssFont ? /*#__PURE__*/ _react.default.createElement(_elementFonts.Fonts, null) : null);
+};
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/theme/src/document-head-contents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/document-head-contents/index.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Fonts } from './element-fonts'\nimport { initGlobalColors, StyleThemeColors } from './element-theme-colors'\nimport { initGlobalCookieTheme, ScriptThemeValue } from './element-theme-script'\nexport { Fonts } from './element-fonts'\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":["Fonts","initColors","LidoUIHead","initGlobalColors","initGlobalCookieTheme","cssStyleVars","cssFont","jsStyleScript","StyleThemeColors","ScriptThemeValue"],"mappings":"AAAA;;;;;;;;;;;IAISA,KAAK,MAALA,aAAK,MAAA;IAEDC,UAAU,MAAVA,UAAU;IAKVC,UAAU,MAAVA,UAAU;;;4DAXG,OAAO;8BACX,iBAAiB;oCACY,wBAAwB;oCACnB,wBAAwB;AAGzE,MAAMD,UAAU,GAAG,IAAM;IAC9BE,IAAAA,mBAAgB,iBAAA,GAAE;IAClBC,IAAAA,mBAAqB,sBAAA,GAAE;AACzB,CAAC;AAEM,MAAMF,UAAU,GAIlB,uBACH;QADI,EAAEG,YAAY,EAAG,IAAI,CAAA,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAEC,aAAa,EAAG,IAAI,CAAA,EAAE;WAClE,4DACGF,YAAY,iBAAG,6BAACG,mBAAgB,iBAAA,OAAG,GAAG,IAAI,EAC1CD,aAAa,iBAAG,6BAACE,mBAAgB,iBAAA,OAAG,GAAG,IAAI,EAC3CH,OAAO,iBAAG,6BAACN,aAAK,MAAA,OAAG,GAAG,IAAI,CAC1B;AAAD,CACH"}

package/dist/cjs/theme/src/document-head-contents/utils/generate-css-color-variables.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateCssColorVariables", {
+    enumerable: true,
+    get: ()=>generateCssColorVariables
+});
+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}; --lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};` : `--lido-color-${key}: ${color};`;
+    }).join(';');
+};
+
+//# sourceMappingURL=generate-css-color-variables.js.map

package/dist/cjs/theme/src/document-head-contents/utils/generate-css-color-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../packages/theme/src/document-head-contents/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}; --lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};`\n        : `--lido-color-${key}: ${color};`\n    })\n    .join(';')\n}\n"],"names":["generateCssColorVariables","toRgb","color","test","slice","map","val","parseInt","replace","split","n","colors","Object","keys","key","rgb","join"],"mappings":"AAAA;;;;+BAuBaA,2BAAyB;;aAAzBA,yBAAyB;;AAvBtC,MAAMC,KAAK,GAAG,CAACC,KAAa,GAAK;IAC/B,OAAQ,IAAI;QACV,KAAK,mBAAmBC,IAAI,CAACD,KAAK,CAAC;YACjC,OAAO;gBACLA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACtC,CAACC,GAAG,CAAC,CAACC,GAAG,GAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;QACnC,KAAK,mBAAmBH,IAAI,CAACD,KAAK,CAAC;YACjC,OAAO;gBAACA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aAAC,CAACC,GAAG,CAClE,CAACC,GAAG,GAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAC3B,CAAA;QACH,KAAK,yCAAyCH,IAAI,CAACD,KAAK,CAAC;YACvD,OAAOA,KAAK,CACTM,OAAO,mBAAmB,IAAI,CAAC,CAC/BC,KAAK,CAAC,GAAG,CAAC,CACVJ,GAAG,CAAC,CAACK,CAAC,GAAKH,QAAQ,CAACG,CAAC,CAAC,CAAC,CACvBN,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC;AAEM,MAAMJ,yBAAyB,GAAG,CACvCW,MAA8B,GACnB;IACX,OAAO;WAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC;KAAC,CAC5BN,GAAG,CAAC,CAACS,GAAW,GAAa;QAC5B,MAAMZ,KAAK,GAAGS,MAAM,CAACG,GAAG,CAAwB;QAChD,MAAMC,GAAG,GAAGd,KAAK,CAACC,KAAK,CAAC;QACxB,OAAOa,GAAG,GACN,CAAC,aAAa,EAAED,GAAG,CAAC,EAAE,EAAEZ,KAAK,CAAC,aAAa,EAAEY,GAAG,CAAC,EAAE,EAAEC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAClF,CAAC,aAAa,EAAED,GAAG,CAAC,EAAE,EAAEZ,KAAK,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC,CAAC,CACDc,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC"}

package/dist/cjs/theme/src/globals.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ThemeName: ()=>ThemeName,
+    STORAGE_THEME_MANUAL_KEY: ()=>STORAGE_THEME_MANUAL_KEY,
+    globalStyleDataAttribute: ()=>globalStyleDataAttribute,
+    VOID_FN: ()=>VOID_FN
+});
+var ThemeName;
+(function(ThemeName) {
+    ThemeName["dark"] = "dark";
+    ThemeName["light"] = "light";
+})(ThemeName || (ThemeName = {}));
+const STORAGE_THEME_MANUAL_KEY = 'lido-theme-manual';
+const globalStyleDataAttribute = 'data-lido-ui-global-style';
+const VOID_FN = ()=>{};
+
+//# sourceMappingURL=globals.js.map

package/dist/cjs/theme/src/globals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/theme/src/globals.ts"],"sourcesContent":["export enum ThemeName {\n  dark = 'dark',\n  light = 'light',\n}\n\nexport const STORAGE_THEME_MANUAL_KEY = 'lido-theme-manual'\nexport const globalStyleDataAttribute = 'data-lido-ui-global-style'\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const VOID_FN = () => {}\n"],"names":["STORAGE_THEME_MANUAL_KEY","globalStyleDataAttribute","VOID_FN","ThemeName","dark","light"],"mappings":"AAAA;;;;;;;;;;;;IAKaA,wBAAwB,MAAxBA,wBAAwB;IACxBC,wBAAwB,MAAxBA,wBAAwB;IAGxBC,OAAO,MAAPA,OAAO;;IATb,SAGN;UAHWC,SAAS;IAATA,SAAS,CACnBC,MAAI,IAAJA,MAAI;IADMD,SAAS,CAEnBE,OAAK,IAALA,OAAK;GAFKF,SAAS,KAATA,SAAS;AAKd,MAAMH,wBAAwB,GAAG,mBAAmB;AACpD,MAAMC,wBAAwB,GAAG,2BAA2B;AAG5D,MAAMC,OAAO,GAAG,IAAM,CAAC,CAAC"}

package/dist/cjs/theme/src/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./provider"), exports);
+_exportStar(require("./document-head-contents/index"), exports);
+_exportStar(require("./constants"), exports);
+_exportStar(require("./themes"), exports);
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/theme/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/theme/src/index.ts"],"sourcesContent":["export * from './provider'\nexport * from './document-head-contents'\nexport * from './constants'\nexport * from './themes'\nexport * from './types'\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,YAAY;oBACZ,gCAA0B;oBAC1B,aAAa;oBACb,UAAU;oBACV,SAAS"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ThemeProvider: ()=>ThemeProvider,
+    LightThemeProvider: ()=>LightThemeProvider,
+    DarkThemeProvider: ()=>DarkThemeProvider
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const _themes = require("./themes");
+const _documentHeadContents = require("./document-head-contents/index");
+const _generateCssColorVariables = require("./document-head-contents/utils/generate-css-color-variables");
+// you need this if you're using themes, so we initiate this automatically
+(0, _documentHeadContents.initColors)();
+const StyledWrapper = _styledComponents.default.div`
+  display: contents;
+  ${(param)=>{
+    let { colors  } = param;
+    return colors ? (0, _generateCssColorVariables.generateCssColorVariables)(colors) : null;
+}}
+`;
+const ThemeProvider = (param)=>/*#__PURE__*/ {
+    let { theme =_themes.themeDefault , children , ...rest } = param;
+    return _react.default.createElement(StyledWrapper, {
+        colors: theme.colors,
+        "data-lido-theme": theme.name
+    }, /*#__PURE__*/ _react.default.createElement(_styledComponents.ThemeProvider, _extends({
+        theme: theme
+    }, rest), children));
+};
+const LightThemeProvider = (props)=>/*#__PURE__*/ _react.default.createElement(ThemeProvider, _extends({}, props, {
+        theme: _themes.themeLight
+    }));
+const DarkThemeProvider = (props)=>/*#__PURE__*/ _react.default.createElement(ThemeProvider, _extends({}, props, {
+        theme: _themes.themeDark
+    }));
+
+//# sourceMappingURL=provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/theme/src/provider.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react'\nimport styled, {\n  ThemeProvider as StyledThemeProvider,\n  ThemeProviderProps,\n} from 'styled-components'\nimport { themeDark, themeDefault, themeLight } from './themes'\nimport { Theme } from './types'\nimport { initColors } from './document-head-contents'\nimport { generateCssColorVariables } from './document-head-contents/utils/generate-css-color-variables'\n\n// you need this if you're using themes, so we initiate this automatically\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  <StyledWrapper colors={theme.colors} data-lido-theme={theme.name}>\n    <StyledThemeProvider theme={theme} {...rest}>\n      {children}\n    </StyledThemeProvider>\n  </StyledWrapper>\n)\n\ntype BoundThemeProvider = FC<Omit<ThemeProviderProps<Theme>, 'theme'>>\n\nexport const LightThemeProvider: BoundThemeProvider = (props) => (\n  <ThemeProvider {...props} theme={themeLight} />\n)\n\nexport const DarkThemeProvider: BoundThemeProvider = (props) => (\n  <ThemeProvider {...props} theme={themeDark} />\n)\n"],"names":["ThemeProvider","LightThemeProvider","DarkThemeProvider","initColors","StyledWrapper","styled","div","colors","generateCssColorVariables","theme","themeDefault","children","rest","data-lido-theme","name","StyledThemeProvider","props","themeLight","themeDark"],"mappings":"AAAA;;;;;;;;;;;IAiBaA,aAAa,MAAbA,aAAa;IAcbC,kBAAkB,MAAlBA,kBAAkB;IAIlBC,iBAAiB,MAAjBA,iBAAiB;;;;;4DAnCe,OAAO;wEAI7C,mBAAmB;wBAC0B,UAAU;sCAEnC,gCAA0B;2CACX,6DAA6D;AAEvG,0EAA0E;AAC1EC,IAAAA,qBAAU,WAAA,GAAE;AAEZ,MAAMC,aAAa,GAAGC,iBAAM,QAAA,CAACC,GAAG,AAAqC,CAAC;;EAEpE,EAAE,SAAgB;QAAf,EAAEC,MAAM,CAAA,EAAE;WAAMA,MAAM,GAAGC,IAAAA,0BAAyB,0BAAA,EAACD,MAAM,CAAC,GAAG,IAAI;AAAA,CAAC,CAAC;AACxE,CAAC;AACM,MAAMP,aAAa,GAA4C,uBAKpE;QALqE,EACrES,KAAK,EAAGC,OAAY,aAAA,CAAA,EACpBC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR;WACC,6BAACR,aAAa;QAACG,MAAM,EAAEE,KAAK,CAACF,MAAM;QAAEM,iBAAe,EAAEJ,KAAK,CAACK,IAAI;qBAC9D,6BAACC,iBAAmB,cAAA;QAACN,KAAK,EAAEA,KAAK;OAAMG,IAAI,GACxCD,QAAQ,CACW,CACR;AAAD,CAChB;AAIM,MAAMV,kBAAkB,GAAuB,CAACe,KAAK,iBAC1D,6BAAChB,aAAa,eAAKgB,KAAK;QAAEP,KAAK,EAAEQ,OAAU,WAAA;OAAI,AAChD;AAEM,MAAMf,iBAAiB,GAAuB,CAACc,KAAK,iBACzD,6BAAChB,aAAa,eAAKgB,KAAK;QAAEP,KAAK,EAAES,OAAS,UAAA;OAAI,AAC/C"}

package/dist/cjs/theme/src/styles.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Block", {
+    enumerable: true,
+    get: ()=>Block
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const Block = _styledComponents.default.div`
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.5em;
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+  margin: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.md;
+}}px 0;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.xl;
+}}px;
+  background: ${(param)=>{
+    let { theme  } = param;
+    return theme.colors.foreground;
+}};
+  color: ${(param)=>{
+    let { theme  } = param;
+    return theme.colors.text;
+}};
+
+  &:not(:only-child):first-child {
+    margin-top: 0;
+  }
+
+  &:not(:only-child):last-child {
+    margin-bottom: 0;
+  }
+`;
+
+//# sourceMappingURL=styles.js.map

package/dist/cjs/theme/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/theme/src/styles.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nexport const Block: FC<PropsWithChildren> = styled.div`\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.5em;\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n  background: ${({ theme }) => theme.colors.foreground};\n  color: ${({ theme }) => theme.colors.text};\n\n  &:not(:only-child):first-child {\n    margin-top: 0;\n  }\n\n  &:not(:only-child):last-child {\n    margin-bottom: 0;\n  }\n`\n"],"names":["Block","styled","div","theme","fontSizesMap","xs","spaceMap","xxl","md","borderRadiusesMap","xl","colors","foreground","text"],"mappings":"AAAA;;;;+BAGaA,OAAK;;aAALA,KAAK;;;uEAFC,mBAAmB;AAE/B,MAAMA,KAAK,GAA0BC,iBAAM,QAAA,CAACC,GAAG,CAAC;aAC1C,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;WAEzC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;UACrC,EAAE,SAAeJ;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,QAAQ,CAACE,EAAE;AAAD,CAAC,CAAC;iBAC5B,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;cAC/C,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACQ,MAAM,CAACC,UAAU;AAAD,CAAC,CAAC;SAC9C,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACQ,MAAM,CAACE,IAAI;AAAD,CAAC,CAAC;;;;;;;;;AAS5C,CAAC"}

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    themeLight: ()=>themeLight,
+    themeDark: ()=>themeDark,
+    themeDefault: ()=>themeDefault
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _base = /*#__PURE__*/ _interopRequireDefault(require("./base/index"));
+const _globals = require("./globals");
+const themeLight = {
+    ..._base.default,
+    name: _globals.ThemeName.light,
+    colors: {
+        ..._base.default.colors,
+        secondary: '#273852',
+        secondaryHover: '#212f45',
+        secondaryContrast: '#fff',
+        background: '#f2f4f6',
+        backgroundDarken: '#dae0e5',
+        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)',
+        controlBg: '#fff',
+        accentControlBg: 'rgba(239, 242, 246, 0.56)',
+        popupMenuItemBgActiveHover: '#000a3d'
+    }
+};
+const themeDark = {
+    ..._base.default,
+    name: _globals.ThemeName.dark,
+    colors: {
+        ..._base.default.colors,
+        secondary: 'rgba(255, 255, 255, .8)',
+        secondaryHover: '#fff',
+        secondaryContrast: '#273852',
+        background: '#1c1c21',
+        backgroundDarken: '#131317',
+        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)',
+        controlBg: '#2f2f37',
+        accentControlBg: 'rgba(39, 39, 46, 0.56)',
+        popupMenuItemBgActiveHover: '#fff'
+    }
+};
+const themeDefault = themeLight;
+
+//# sourceMappingURL=themes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/theme/src/themes.ts"],"sourcesContent":["import themeBase from './base'\nimport { ThemeName } from './globals'\n\nexport const themeLight = {\n  ...themeBase,\n  name: ThemeName.light,\n  colors: {\n    ...themeBase.colors,\n\n    secondary: '#273852',\n    secondaryHover: '#212f45',\n    secondaryContrast: '#fff',\n\n    background: '#f2f4f6',\n    backgroundDarken: '#dae0e5',\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\n    secondary: 'rgba(255, 255, 255, .8)',\n    secondaryHover: '#fff',\n    secondaryContrast: '#273852',\n\n    background: '#1c1c21',\n    backgroundDarken: '#131317',\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 themeDefault = themeLight\n"],"names":["themeLight","themeDark","themeDefault","themeBase","name","ThemeName","light","colors","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","dark"],"mappings":"AAAA;;;;;;;;;;;IAGaA,UAAU,MAAVA,UAAU;IAsCVC,SAAS,MAATA,SAAS;IAsCTC,YAAY,MAAZA,YAAY;;;2DA/EH,cAAQ;yBACJ,WAAW;AAE9B,MAAMF,UAAU,GAAG;IACxB,GAAGG,KAAS,QAAA;IACZC,IAAI,EAAEC,QAAS,UAAA,CAACC,KAAK;IACrBC,MAAM,EAAE;QACN,GAAGJ,KAAS,QAAA,CAACI,MAAM;QAEnBC,SAAS,EAAE,SAAS;QACpBC,cAAc,EAAE,SAAS;QACzBC,iBAAiB,EAAE,MAAM;QAEzBC,UAAU,EAAE,SAAS;QACrBC,gBAAgB,EAAE,SAAS;QAE3BC,UAAU,EAAE,MAAM;QAElBC,OAAO,EAAE,oBAAoB;QAE7BC,WAAW,EAAE,wBAAwB;QACrCC,UAAU,EAAE,oBAAoB;QAEhCC,IAAI,EAAE,SAAS;QACfC,aAAa,EAAE,SAAS;QACxBC,UAAU,EAAE,SAAS;QAErBC,MAAM,EAAE,uBAAuB;QAC/BC,YAAY,EAAE,uBAAuB;QACrCC,WAAW,EAAE,uBAAuB;QACpCC,WAAW,EAAE,SAAS;QACtBC,YAAY,EAAE,uBAAuB;QACrCC,iBAAiB,EAAE,uBAAuB;QAE1CC,SAAS,EAAE,MAAM;QACjBC,eAAe,EAAE,2BAA2B;QAE5CC,0BAA0B,EAAE,SAAS;KACtC;CACF;AAEM,MAAM3B,SAAS,GAAG;IACvB,GAAGE,KAAS,QAAA;IACZC,IAAI,EAAEC,QAAS,UAAA,CAACwB,IAAI;IACpBtB,MAAM,EAAE;QACN,GAAGJ,KAAS,QAAA,CAACI,MAAM;QAEnBC,SAAS,EAAE,yBAAyB;QACpCC,cAAc,EAAE,MAAM;QACtBC,iBAAiB,EAAE,SAAS;QAE5BC,UAAU,EAAE,SAAS;QACrBC,gBAAgB,EAAE,SAAS;QAE3BC,UAAU,EAAE,SAAS;QAErBC,OAAO,EAAE,oBAAoB;QAE7BC,WAAW,EAAE,oBAAoB;QACjCC,UAAU,EAAE,mBAAmB;QAE/BC,IAAI,EAAE,MAAM;QACZC,aAAa,EAAE,yBAAyB;QACxCC,UAAU,EAAE,MAAM;QAElBC,MAAM,EAAE,2BAA2B;QACnCC,YAAY,EAAE,2BAA2B;QACzCC,WAAW,EAAE,2BAA2B;QACxCC,WAAW,EAAE,SAAS;QACtBC,YAAY,EAAE,2BAA2B;QACzCC,iBAAiB,EAAE,2BAA2B;QAE9CC,SAAS,EAAE,SAAS;QACpBC,eAAe,EAAE,wBAAwB;QAEzCC,0BAA0B,EAAE,MAAM;KACnC;CACF;AAEM,MAAM1B,YAAY,GAAGF,UAAU"}

package/dist/cjs/theme/src/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/theme/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/theme/src/types.ts"],"sourcesContent":["import { themeDefault } from './themes'\n\nexport type ThemeName = 'light' | 'dark'\n\nexport type Theme = typeof themeDefault\n\ndeclare module 'styled-components' {\n  export interface DefaultTheme extends Theme {}\n}\n"],"names":[],"mappings":"AAAA"}