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

package/dist/esm/theme/src/base/breakpoints.js

@@ -0,0 +1,41 @@
+const sm = {
+    width: '359px',
+    height: '639px'
+};
+const md = {
+    width: '479px',
+    height: '799px'
+};
+const lg = {
+    width: '767px',
+    height: '1023px'
+};
+const xl = {
+    width: '1023px',
+    height: '1365px'
+};
+const mediaQueries = {
+    sm: `@media screen and (max-width: ${sm.width})`,
+    md: `@media screen and (max-width: ${md.width})`,
+    lg: `@media screen and (max-width: ${lg.width})`,
+    xl: `@media screen and (max-width: ${xl.width})`
+};
+const breakpointsMap = {
+    sm,
+    md,
+    lg,
+    xl
+};
+const breakpoints = [
+    sm.width,
+    md.width,
+    lg.width,
+    xl.width
+];
+export default {
+    breakpoints,
+    breakpointsMap,
+    mediaQueries
+};
+
+//# sourceMappingURL=breakpoints.js.map

package/dist/esm/theme/src/base/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/breakpoints.ts"],"sourcesContent":["type Breakpoint = {\n  width: `${number}px`\n  height: `${number}px`\n}\n\nconst sm: Breakpoint = {\n  width: '359px',\n  height: '639px',\n}\n\nconst md: Breakpoint = {\n  width: '479px',\n  height: '799px',\n}\n\nconst lg: Breakpoint = {\n  width: '767px',\n  height: '1023px',\n}\n\nconst xl: Breakpoint = {\n  width: '1023px',\n  height: '1365px',\n}\n\nconst mediaQueries = {\n  sm: `@media screen and (max-width: ${sm.width})`,\n  md: `@media screen and (max-width: ${md.width})`,\n  lg: `@media screen and (max-width: ${lg.width})`,\n  xl: `@media screen and (max-width: ${xl.width})`,\n}\n\nconst breakpointsMap = { sm, md, lg, xl }\nconst breakpoints = [sm.width, md.width, lg.width, xl.width]\n\nexport default {\n  breakpoints,\n  breakpointsMap,\n  mediaQueries,\n}\n"],"names":["sm","width","height","md","lg","xl","mediaQueries","breakpointsMap","breakpoints"],"mappings":"AAKA,MAAMA,EAAE,GAAe;IACrBC,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE,OAAO;CAChB;AAED,MAAMC,EAAE,GAAe;IACrBF,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE,OAAO;CAChB;AAED,MAAME,EAAE,GAAe;IACrBH,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE,QAAQ;CACjB;AAED,MAAMG,EAAE,GAAe;IACrBJ,KAAK,EAAE,QAAQ;IACfC,MAAM,EAAE,QAAQ;CACjB;AAED,MAAMI,YAAY,GAAG;IACnBN,EAAE,EAAE,CAAC,8BAA8B,EAAEA,EAAE,CAACC,KAAK,CAAC,CAAC,CAAC;IAChDE,EAAE,EAAE,CAAC,8BAA8B,EAAEA,EAAE,CAACF,KAAK,CAAC,CAAC,CAAC;IAChDG,EAAE,EAAE,CAAC,8BAA8B,EAAEA,EAAE,CAACH,KAAK,CAAC,CAAC,CAAC;IAChDI,EAAE,EAAE,CAAC,8BAA8B,EAAEA,EAAE,CAACJ,KAAK,CAAC,CAAC,CAAC;CACjD;AAED,MAAMM,cAAc,GAAG;IAAEP,EAAE;IAAEG,EAAE;IAAEC,EAAE;IAAEC,EAAE;CAAE;AACzC,MAAMG,WAAW,GAAG;IAACR,EAAE,CAACC,KAAK;IAAEE,EAAE,CAACF,KAAK;IAAEG,EAAE,CAACH,KAAK;IAAEI,EAAE,CAACJ,KAAK;CAAC;AAE5D,eAAe;IACbO,WAAW;IACXD,cAAc;IACdD,YAAY;CACb,CAAA"}

package/dist/esm/theme/src/base/colors.js

@@ -0,0 +1,27 @@
+const colors = {
+    primary: '#00a3ff',
+    primaryHover: '#009bf2',
+    primaryContrast: '#fff',
+    primaryVisited: '#4bbeff',
+    accent: '#27272e',
+    accentContrast: '#fff',
+    accentContrastSecondary: 'rgba(255, 255, 255, 0.6)',
+    accentDarken: 'rgba(0, 0, 0, .2)',
+    accentControlBg: 'rgba(0, 0, 0, .1)',
+    accentBorder: 'rgba(255, 255, 255, 0.2)',
+    accentBorderHover: 'rgba(255, 255, 255, 0.3)',
+    error: '#e14d4d',
+    errorHover: '#d44c4d',
+    errorContrast: '#fff',
+    warning: '#EC8600',
+    warningHover: '#f0a431',
+    warningContrast: '#fff',
+    success: '#53BA95',
+    successHover: '#5dae5e',
+    successContrast: '#fff'
+};
+export default {
+    colors
+};
+
+//# sourceMappingURL=colors.js.map

package/dist/esm/theme/src/base/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/colors.ts"],"sourcesContent":["const colors = {\n  primary: '#00a3ff',\n  primaryHover: '#009bf2',\n  primaryContrast: '#fff',\n  primaryVisited: '#4bbeff',\n\n  accent: '#27272e',\n  accentContrast: '#fff',\n  accentContrastSecondary: 'rgba(255, 255, 255, 0.6)',\n  accentDarken: 'rgba(0, 0, 0, .2)',\n  accentControlBg: 'rgba(0, 0, 0, .1)',\n  accentBorder: 'rgba(255, 255, 255, 0.2)',\n  accentBorderHover: 'rgba(255, 255, 255, 0.3)',\n\n  error: '#e14d4d',\n  errorHover: '#d44c4d',\n  errorContrast: '#fff',\n\n  warning: '#EC8600',\n  warningHover: '#f0a431',\n  warningContrast: '#fff',\n\n  success: '#53BA95',\n  successHover: '#5dae5e',\n  successContrast: '#fff',\n} as const\n\nexport default { colors }\n"],"names":["colors","primary","primaryHover","primaryContrast","primaryVisited","accent","accentContrast","accentContrastSecondary","accentDarken","accentControlBg","accentBorder","accentBorderHover","error","errorHover","errorContrast","warning","warningHover","warningContrast","success","successHover","successContrast"],"mappings":"AAAA,MAAMA,MAAM,GAAG;IACbC,OAAO,EAAE,SAAS;IAClBC,YAAY,EAAE,SAAS;IACvBC,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,SAAS;IAEzBC,MAAM,EAAE,SAAS;IACjBC,cAAc,EAAE,MAAM;IACtBC,uBAAuB,EAAE,0BAA0B;IACnDC,YAAY,EAAE,mBAAmB;IACjCC,eAAe,EAAE,mBAAmB;IACpCC,YAAY,EAAE,0BAA0B;IACxCC,iBAAiB,EAAE,0BAA0B;IAE7CC,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,SAAS;IACrBC,aAAa,EAAE,MAAM;IAErBC,OAAO,EAAE,SAAS;IAClBC,YAAY,EAAE,SAAS;IACvBC,eAAe,EAAE,MAAM;IAEvBC,OAAO,EAAE,SAAS;IAClBC,YAAY,EAAE,SAAS;IACvBC,eAAe,EAAE,MAAM;CACxB,AAAS;AAEV,eAAe;IAAEpB,MAAM;CAAE,CAAA"}

package/dist/esm/theme/src/base/index.js

@@ -0,0 +1,18 @@
+import colors from "./colors";
+import breakpoints from "./breakpoints";
+import spacing from "./spacing";
+import transitions from "./transitions";
+import typography from "./typography";
+import borders from "./borders";
+import shadows from "./shadows";
+export default {
+    ...spacing,
+    ...breakpoints,
+    ...colors,
+    ...transitions,
+    ...typography,
+    ...borders,
+    ...shadows
+};
+
+//# sourceMappingURL=index.js.map

package/dist/esm/theme/src/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/index.ts"],"sourcesContent":["import colors from './colors'\nimport breakpoints from './breakpoints'\nimport spacing from './spacing'\nimport transitions from './transitions'\nimport typography from './typography'\nimport borders from './borders'\nimport shadows from './shadows'\n\nexport default {\n  ...spacing,\n  ...breakpoints,\n  ...colors,\n  ...transitions,\n  ...typography,\n  ...borders,\n  ...shadows,\n}\n"],"names":["colors","breakpoints","spacing","transitions","typography","borders","shadows"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAOC,WAAW,MAAM,eAAe,CAAA;AACvC,OAAOC,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAOC,WAAW,MAAM,eAAe,CAAA;AACvC,OAAOC,UAAU,MAAM,cAAc,CAAA;AACrC,OAAOC,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAOC,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAe;IACb,GAAGJ,OAAO;IACV,GAAGD,WAAW;IACd,GAAGD,MAAM;IACT,GAAGG,WAAW;IACd,GAAGC,UAAU;IACb,GAAGC,OAAO;IACV,GAAGC,OAAO;CACX,CAAA"}

package/dist/esm/theme/src/base/shadows.js

@@ -0,0 +1,13 @@
+const boxShadows = {
+    xs: '0px 4px 8px 0px',
+    sm: '0px 4px 12px 0px',
+    md: '0px 4px 16px 0px',
+    lg: '0px 8px 24px 0px',
+    xl: '0px 8px 32px 0px',
+    xxl: '0px 8px 44px 0px'
+};
+export default {
+    boxShadows
+};
+
+//# sourceMappingURL=shadows.js.map

package/dist/esm/theme/src/base/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/shadows.ts"],"sourcesContent":["const boxShadows = {\n  xs: '0px 4px 8px 0px',\n  sm: '0px 4px 12px 0px',\n  md: '0px 4px 16px 0px',\n  lg: '0px 8px 24px 0px',\n  xl: '0px 8px 32px 0px',\n  xxl: '0px 8px 44px 0px',\n} as const\n\nexport default { boxShadows }\n"],"names":["boxShadows","xs","sm","md","lg","xl","xxl"],"mappings":"AAAA,MAAMA,UAAU,GAAG;IACjBC,EAAE,EAAE,iBAAiB;IACrBC,EAAE,EAAE,kBAAkB;IACtBC,EAAE,EAAE,kBAAkB;IACtBC,EAAE,EAAE,kBAAkB;IACtBC,EAAE,EAAE,kBAAkB;IACtBC,GAAG,EAAE,kBAAkB;CACxB,AAAS;AAEV,eAAe;IAAEN,UAAU;CAAE,CAAA"}

package/dist/esm/theme/src/base/spacing.js

@@ -0,0 +1,21 @@
+const space = [
+    4,
+    8,
+    16,
+    24,
+    32
+];
+const spaceMap = {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 20,
+    xl: 24,
+    xxl: 32
+};
+export default {
+    space,
+    spaceMap
+};
+
+//# sourceMappingURL=spacing.js.map

package/dist/esm/theme/src/base/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/spacing.ts"],"sourcesContent":["const space = [4, 8, 16, 24, 32] as const\n\nconst spaceMap = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 20,\n  xl: 24,\n  xxl: 32,\n} as const\n\nexport default {\n  space,\n  spaceMap,\n}\n"],"names":["space","spaceMap","xs","sm","md","lg","xl","xxl"],"mappings":"AAAA,MAAMA,KAAK,GAAG;AAAC,KAAC;AAAE,KAAC;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;CAAC,AAAS;AAEzC,MAAMC,QAAQ,GAAG;IACfC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE,EAAE;CACR,AAAS;AAEV,eAAe;IACbP,KAAK;IACLC,QAAQ;CACT,CAAA"}

package/dist/esm/theme/src/base/transitions.js

@@ -0,0 +1,37 @@
+const duration = {
+    fast: '100ms',
+    med: '150ms',
+    norm: '200ms'
+};
+const ease = {
+    inSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',
+    outSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',
+    inOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',
+    inQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',
+    outQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+    inOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',
+    inCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
+    outCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+    inOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+    inQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',
+    outQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
+    inOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',
+    inQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+    outQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+    inOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',
+    inExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',
+    outExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',
+    inOutExpo: 'cubic-bezier(1, 0, 0, 1)',
+    inCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
+    outCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',
+    inOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
+    inBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',
+    outBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+    inOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)'
+};
+export default {
+    duration,
+    ease
+};
+
+//# sourceMappingURL=transitions.js.map

package/dist/esm/theme/src/base/transitions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/transitions.ts"],"sourcesContent":["const duration = {\n  fast: '100ms',\n  med: '150ms',\n  norm: '200ms',\n} as const\n\nconst ease = {\n  inSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',\n  outSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',\n  inOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',\n\n  inQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n  outQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',\n  inOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n\n  inCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  outCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  inOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n\n  inQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',\n  outQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n  inOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',\n\n  inQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  outQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  inOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',\n\n  inExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',\n  outExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  inOutExpo: 'cubic-bezier(1, 0, 0, 1)',\n\n  inCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',\n  outCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',\n  inOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',\n\n  inBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',\n  outBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n  inOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n} as const\n\nexport default {\n  duration,\n  ease,\n}\n"],"names":["duration","fast","med","norm","ease","inSine","outSine","inOutSine","inQuad","outQuad","inOutQuad","inCubic","outCubic","inOutCubic","inQuart","outQuart","inOutQuart","inQuint","outQuint","inOutQuint","inExpo","outExpo","inOutExpo","inCirc","outCirc","inOutCirc","inBack","outBack","inOutBack"],"mappings":"AAAA,MAAMA,QAAQ,GAAG;IACfC,IAAI,EAAE,OAAO;IACbC,GAAG,EAAE,OAAO;IACZC,IAAI,EAAE,OAAO;CACd,AAAS;AAEV,MAAMC,IAAI,GAAG;IACXC,MAAM,EAAE,qCAAqC;IAC7CC,OAAO,EAAE,qCAAqC;IAC9CC,SAAS,EAAE,uCAAuC;IAElDC,MAAM,EAAE,uCAAuC;IAC/CC,OAAO,EAAE,sCAAsC;IAC/CC,SAAS,EAAE,yCAAyC;IAEpDC,OAAO,EAAE,wCAAwC;IACjDC,QAAQ,EAAE,qCAAqC;IAC/CC,UAAU,EAAE,sCAAsC;IAElDC,OAAO,EAAE,wCAAwC;IACjDC,QAAQ,EAAE,oCAAoC;IAC9CC,UAAU,EAAE,iCAAiC;IAE7CC,OAAO,EAAE,wCAAwC;IACjDC,QAAQ,EAAE,gCAAgC;IAC1CC,UAAU,EAAE,gCAAgC;IAE5CC,MAAM,EAAE,wCAAwC;IAChDC,OAAO,EAAE,gCAAgC;IACzCC,SAAS,EAAE,0BAA0B;IAErCC,MAAM,EAAE,sCAAsC;IAC9CC,OAAO,EAAE,qCAAqC;IAC9CC,SAAS,EAAE,wCAAwC;IAEnDC,MAAM,EAAE,wCAAwC;IAChDC,OAAO,EAAE,yCAAyC;IAClDC,SAAS,EAAE,wCAAwC;CACpD,AAAS;AAEV,eAAe;IACb5B,QAAQ;IACRI,IAAI;CACL,CAAA"}

package/dist/esm/theme/src/base/typography.js

@@ -0,0 +1,30 @@
+const fontSizes = [
+    10,
+    12,
+    14,
+    16,
+    18,
+    20,
+    26,
+    32,
+    40,
+    50
+];
+const fontSizesMap = {
+    xxxs: 10,
+    xxs: 12,
+    xs: 14,
+    sm: 16,
+    md: 18,
+    lg: 20,
+    xl: 26,
+    xxl: 32,
+    xxxl: 40,
+    xxxxl: 50
+};
+export default {
+    fontSizes,
+    fontSizesMap
+};
+
+//# sourceMappingURL=typography.js.map

package/dist/esm/theme/src/base/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/typography.ts"],"sourcesContent":["const fontSizes = [10, 12, 14, 16, 18, 20, 26, 32, 40, 50] as const\n\nconst fontSizesMap = {\n  xxxs: 10,\n  xxs: 12,\n  xs: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 26,\n  xxl: 32,\n  xxxl: 40,\n  xxxxl: 50,\n} as const\n\nexport default {\n  fontSizes,\n  fontSizesMap,\n}\n"],"names":["fontSizes","fontSizesMap","xxxs","xxs","xs","sm","md","lg","xl","xxl","xxxl","xxxxl"],"mappings":"AAAA,MAAMA,SAAS,GAAG;AAAC,MAAE;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;AAAE,MAAE;CAAC,AAAS;AAEnE,MAAMC,YAAY,GAAG;IACnBC,IAAI,EAAE,EAAE;IACRC,GAAG,EAAE,EAAE;IACPC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;CACV,AAAS;AAEV,eAAe;IACbX,SAAS;IACTC,YAAY;CACb,CAAA"}

package/dist/esm/theme/src/constants.js

@@ -0,0 +1,10 @@
+export const LIGHT = 'light';
+export const DARK = 'dark';
+export var THEME;
+(function(THEME) {
+    THEME["light"] = "light";
+    THEME["dark"] = "dark";
+})(THEME || (THEME = {}));
+export const DEFAULT_THEME_NAME = THEME.light;
+
+//# sourceMappingURL=constants.js.map

package/dist/esm/theme/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/theme/src/constants.ts"],"sourcesContent":["export const LIGHT = 'light'\nexport const DARK = 'dark'\n\nexport enum THEME {\n  light = 'light',\n  dark = 'dark',\n}\n\nexport const DEFAULT_THEME_NAME = THEME.light\n"],"names":["LIGHT","DARK","THEME","light","dark","DEFAULT_THEME_NAME"],"mappings":"AAAA,OAAO,MAAMA,KAAK,GAAG,OAAO,CAAA;AAC5B,OAAO,MAAMC,IAAI,GAAG,MAAM,CAAA;WAEnB,KAGN;UAHWC,KAAK;IAALA,KAAK,CACfC,OAAK,IAALA,OAAK;IADKD,KAAK,CAEfE,MAAI,IAAJA,MAAI;GAFMF,KAAK,KAALA,KAAK;AAKjB,OAAO,MAAMG,kBAAkB,GAAGH,KAAK,CAACC,KAAK,CAAA"}

package/dist/esm/theme/src/document-head-contents/element-fonts.js

@@ -0,0 +1,8 @@
+const CSS_FONTS = `@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800);
+body {
+font-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+  Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+}`;
+export const Fonts = ()=>/*#__PURE__*/ React.createElement("style", null, CSS_FONTS);
+
+//# sourceMappingURL=element-fonts.js.map

package/dist/esm/theme/src/document-head-contents/element-fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/document-head-contents/element-fonts.tsx"],"sourcesContent":["const CSS_FONTS = `@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800);\nbody {\nfont-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,\n  Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n}`\n\nexport const Fonts = (): JSX.Element => <style>{CSS_FONTS}</style>\n"],"names":["CSS_FONTS","Fonts","style"],"mappings":"AAAA,MAAMA,SAAS,GAAG,CAAC;;;;CAIlB,CAAC;AAEF,OAAO,MAAMC,KAAK,GAAG,kBAAmB,oBAACC,OAAK,QAAEF,SAAS,CAAS,CAAA"}

package/dist/esm/theme/src/document-head-contents/element-theme-colors.js

@@ -0,0 +1,40 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React from "react";
+import { themeDark, themeLight } from "../themes";
+import { globalStyleDataAttribute, ThemeName, VOID_FN } from "../globals";
+import { generateCssColorVariables } from "./utils/generate-css-color-variables";
+const darkThemeColors = generateCssColorVariables(themeDark.colors);
+const lightThemeColors = generateCssColorVariables(themeLight.colors);
+export let initGlobalColors = VOID_FN;
+export const themeCSSValueString = `
+html, [data-theme='${ThemeName.light}'] { 
+    color-theme: light;
+    ${lightThemeColors}
+}
+@media (prefers-color-scheme: dark) {
+    html:not([data-theme='${ThemeName.light}']) { 
+        color-theme: dark;
+        ${darkThemeColors} 
+    }
+}
+[data-theme='${ThemeName.dark}'] {
+    color-theme: dark;
+    ${darkThemeColors}
+}`;
+if (typeof window !== 'undefined') {
+    if (!document.querySelector(`style[${globalStyleDataAttribute}]`)) {
+        initGlobalColors = ()=>{
+            const style = document.createElement('style');
+            style.setAttribute(globalStyleDataAttribute, '');
+            style.innerText = themeCSSValueString;
+            document.head.appendChild(style);
+            // eslint-disable-next-line @typescript-eslint/no-empty-function
+            initGlobalColors = VOID_FN;
+        };
+    }
+}
+export const StyleThemeColors = ()=>/*#__PURE__*/ React.createElement("style", _extends({}, {
+        [globalStyleDataAttribute]: true
+    }), "`$", themeCSSValueString, "`");
+
+//# sourceMappingURL=element-theme-colors.js.map

package/dist/esm/theme/src/document-head-contents/element-theme-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/document-head-contents/element-theme-colors.tsx"],"sourcesContent":["import React from 'react'\nimport { themeDark, themeLight } from '../themes'\nimport { globalStyleDataAttribute, ThemeName, VOID_FN } from '../globals'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables'\n\nconst darkThemeColors = generateCssColorVariables(themeDark.colors)\nconst lightThemeColors = generateCssColorVariables(themeLight.colors)\n\nexport let initGlobalColors = VOID_FN\nexport const themeCSSValueString = `\nhtml, [data-theme='${ThemeName.light}'] { \n    color-theme: light;\n    ${lightThemeColors}\n}\n@media (prefers-color-scheme: dark) {\n    html:not([data-theme='${ThemeName.light}']) { \n        color-theme: dark;\n        ${darkThemeColors} \n    }\n}\n[data-theme='${ThemeName.dark}'] {\n    color-theme: dark;\n    ${darkThemeColors}\n}`\n\nif (typeof window !== 'undefined') {\n  if (!document.querySelector(`style[${globalStyleDataAttribute}]`)) {\n    initGlobalColors = () => {\n      const style = document.createElement('style')\n      style.setAttribute(globalStyleDataAttribute, '')\n      style.innerText = themeCSSValueString\n\n      document.head.appendChild(style)\n      // eslint-disable-next-line @typescript-eslint/no-empty-function\n      initGlobalColors = VOID_FN\n    }\n  }\n}\n\nexport const StyleThemeColors = () => (\n  <style {...{ [globalStyleDataAttribute]: true }}>\n    `${themeCSSValueString}`\n  </style>\n)\n"],"names":["React","themeDark","themeLight","globalStyleDataAttribute","ThemeName","VOID_FN","generateCssColorVariables","darkThemeColors","colors","lightThemeColors","initGlobalColors","themeCSSValueString","light","dark","window","document","querySelector","style","createElement","setAttribute","innerText","head","appendChild","StyleThemeColors"],"mappings":"AAAA;AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AACzB,SAASC,SAAS,EAAEC,UAAU,QAAQ,WAAW,CAAA;AACjD,SAASC,wBAAwB,EAAEC,SAAS,EAAEC,OAAO,QAAQ,YAAY,CAAA;AACzE,SAASC,yBAAyB,QAAQ,sCAAsC,CAAA;AAEhF,MAAMC,eAAe,GAAGD,yBAAyB,CAACL,SAAS,CAACO,MAAM,CAAC;AACnE,MAAMC,gBAAgB,GAAGH,yBAAyB,CAACJ,UAAU,CAACM,MAAM,CAAC;AAErE,OAAO,IAAIE,gBAAgB,GAAGL,OAAO,CAAA;AACrC,OAAO,MAAMM,mBAAmB,GAAG,CAAC;mBACjB,EAAEP,SAAS,CAACQ,KAAK,CAAC;;IAEjC,EAAEH,gBAAgB,CAAC;;;0BAGG,EAAEL,SAAS,CAACQ,KAAK,CAAC;;QAEpC,EAAEL,eAAe,CAAC;;;aAGb,EAAEH,SAAS,CAACS,IAAI,CAAC;;IAE1B,EAAEN,eAAe,CAAC;CACrB,CAAC,CAAA;AAEF,IAAI,OAAOO,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAC,MAAM,EAAEb,wBAAwB,CAAC,CAAC,CAAC,CAAC,EAAE;QACjEO,gBAAgB,GAAG,IAAM;YACvB,MAAMO,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;YAC7CD,KAAK,CAACE,YAAY,CAAChB,wBAAwB,EAAE,EAAE,CAAC;YAChDc,KAAK,CAACG,SAAS,GAAGT,mBAAmB;YAErCI,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;YAChC,gEAAgE;YAChEP,gBAAgB,GAAGL,OAAO;QAC5B,CAAC;IACH,CAAC;AACH,CAAC;AAED,OAAO,MAAMkB,gBAAgB,GAAG,kBAC9B,oBAACN,OAAK,eAAK;QAAE,CAACd,wBAAwB,CAAC,EAAE,IAAI;KAAE,GAAE,IAC7C,EAACQ,mBAAmB,EAAC,GACzB,CAAQ,AACT,CAAA"}

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

@@ -0,0 +1,39 @@
+import React from "react";
+import { STORAGE_THEME_MANUAL_KEY, VOID_FN } from "../globals";
+import { COOKIE_THEME_MANUAL_KEY, COOKIES_THEME_EXPIRES_DAYS } from "../../../cookie-theme-toggler/src/constants";
+import { getTopLevelDomain } from "../../../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;
+};
+export const themeScriptValue = typeof window !== 'undefined' ? themeScriptValueString : ()=>VOID_FN;
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+export let updateGlobalTheme = VOID_FN;
+export let initGlobalCookieTheme = typeof window === 'undefined' ? VOID_FN : ()=>{
+    const setTheme = themeScriptValueString(STORAGE_THEME_MANUAL_KEY);
+    initGlobalCookieTheme = VOID_FN;
+    const topLevelDomain = getTopLevelDomain();
+    updateGlobalTheme = (theme)=>{
+        document.cookie = `${COOKIE_THEME_MANUAL_KEY}=${theme};expires=${COOKIES_THEME_EXPIRES_DAYS};path=/;domain=${topLevelDomain};samesite=None;secure;`;
+        setTheme();
+    };
+};
+export const ScriptThemeValue = ()=>/*#__PURE__*/ React.createElement("script", null, "`($", themeScriptValueString.toString(), ")($", STORAGE_THEME_MANUAL_KEY, ")`");
+
+//# sourceMappingURL=element-theme-script.js.map

package/dist/esm/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":["React","STORAGE_THEME_MANUAL_KEY","VOID_FN","COOKIE_THEME_MANUAL_KEY","COOKIES_THEME_EXPIRES_DAYS","getTopLevelDomain","themeScriptValueString","key","window","matchMedia","match","setTheme","themeCookie","document","cookie","split","find","trim","startsWith","documentElement","dataset","theme","addEventListener","themeScriptValue","updateGlobalTheme","initGlobalCookieTheme","topLevelDomain","ScriptThemeValue","script","toString"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AACzB,SAASC,wBAAwB,EAAaC,OAAO,QAAQ,YAAY,CAAA;AACzE,SACEC,uBAAuB,EACvBC,0BAA0B,QACrB,6CAA6C,CAAA;AACpD,SAASC,iBAAiB,QAAQ,0BAAoB,CAAA;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;AAED,OAAO,MAAMY,gBAAgB,GAC3B,OAAOf,MAAM,KAAK,WAAW,GAAGF,sBAAsB,GAAG,IAAMJ,OAAO,CAAA;AACxE,gEAAgE;AAChE,OAAO,IAAIsB,iBAAiB,GAA4BtB,OAAO,CAAA;AAE/D,OAAO,IAAIuB,qBAAqB,GAC9B,OAAOjB,MAAM,KAAK,WAAW,GACzBN,OAAO,GACP,IAAM;IACJ,MAAMS,QAAQ,GAAGL,sBAAsB,CAACL,wBAAwB,CAAC;IACjEwB,qBAAqB,GAAGvB,OAAO;IAC/B,MAAMwB,cAAc,GAAGrB,iBAAiB,EAAE;IAC1CmB,iBAAiB,GAAG,CAACH,KAAgB,GAAK;QACxCR,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAEX,uBAAuB,CAAC,CAAC,EAAEkB,KAAK,CAAC,SAAS,EAAEjB,0BAA0B,CAAC,eAAe,EAAEsB,cAAc,CAAC,sBAAsB,CAAC;QACnJf,QAAQ,EAAE;IACZ,CAAC;AACH,CAAC,CAAA;AAEP,OAAO,MAAMgB,gBAAgB,GAAG,kBAC9B,oBAACC,QAAM,QAAC,KACH,EAACtB,sBAAsB,CAACuB,QAAQ,EAAE,EAAC,KAAG,EAAC5B,wBAAwB,EAAC,IACrE,CAAS,AACV,CAAA"}

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { Fonts } from "./element-fonts";
+import { initGlobalColors, StyleThemeColors } from "./element-theme-colors";
+import { initGlobalCookieTheme, ScriptThemeValue } from "./element-theme-script";
+export { Fonts } from "./element-fonts";
+export const initColors = ()=>{
+    initGlobalColors();
+    initGlobalCookieTheme();
+};
+export const LidoUIHead = (param)=>/*#__PURE__*/ {
+    let { cssStyleVars =true , cssFont =false , jsStyleScript =true  } = param;
+    return React.createElement(React.Fragment, null, cssStyleVars ? /*#__PURE__*/ React.createElement(StyleThemeColors, null) : null, jsStyleScript ? /*#__PURE__*/ React.createElement(ScriptThemeValue, null) : null, cssFont ? /*#__PURE__*/ React.createElement(Fonts, null) : null);
+};
+
+//# sourceMappingURL=index.js.map

package/dist/esm/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":["React","Fonts","initGlobalColors","StyleThemeColors","initGlobalCookieTheme","ScriptThemeValue","initColors","LidoUIHead","cssStyleVars","cssFont","jsStyleScript"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO,CAAA;AACjC,SAASC,KAAK,QAAQ,iBAAiB,CAAA;AACvC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,wBAAwB,CAAA;AAC3E,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ,wBAAwB,CAAA;AAChF,SAASJ,KAAK,QAAQ,iBAAiB,CAAA;AAEvC,OAAO,MAAMK,UAAU,GAAG,IAAM;IAC9BJ,gBAAgB,EAAE;IAClBE,qBAAqB,EAAE;AACzB,CAAC,CAAA;AAED,OAAO,MAAMG,UAAU,GAIlB,uBACH;QADI,EAAEC,YAAY,EAAG,IAAI,CAAA,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAEC,aAAa,EAAG,IAAI,CAAA,EAAE;WAClE,0CACGF,YAAY,iBAAG,oBAACL,gBAAgB,OAAG,GAAG,IAAI,EAC1CO,aAAa,iBAAG,oBAACL,gBAAgB,OAAG,GAAG,IAAI,EAC3CI,OAAO,iBAAG,oBAACR,KAAK,OAAG,GAAG,IAAI,CAC1B;AAAD,CACH,CAAA"}

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

@@ -0,0 +1,31 @@
+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;
+    }
+};
+export 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/esm/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":["toRgb","color","test","slice","map","val","parseInt","replace","split","n","generateCssColorVariables","colors","Object","keys","key","rgb","join"],"mappings":"AAAA,MAAMA,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;AAED,OAAO,MAAMO,yBAAyB,GAAG,CACvCC,MAA8B,GACnB;IACX,OAAO;WAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC;KAAC,CAC5BP,GAAG,CAAC,CAACU,GAAW,GAAa;QAC5B,MAAMb,KAAK,GAAGU,MAAM,CAACG,GAAG,CAAwB;QAChD,MAAMC,GAAG,GAAGf,KAAK,CAACC,KAAK,CAAC;QACxB,OAAOc,GAAG,GACN,CAAC,aAAa,EAAED,GAAG,CAAC,EAAE,EAAEb,KAAK,CAAC,aAAa,EAAEa,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,EAAEb,KAAK,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC,CAAC,CACDe,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+export var ThemeName;
+(function(ThemeName) {
+    ThemeName["dark"] = "dark";
+    ThemeName["light"] = "light";
+})(ThemeName || (ThemeName = {}));
+export const STORAGE_THEME_MANUAL_KEY = 'lido-theme-manual';
+export const globalStyleDataAttribute = 'data-lido-ui-global-style';
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+export const VOID_FN = ()=>{};
+
+//# sourceMappingURL=globals.js.map

package/dist/esm/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":["ThemeName","dark","light","STORAGE_THEME_MANUAL_KEY","globalStyleDataAttribute","VOID_FN"],"mappings":"AAAA,WAAO,SAGN;UAHWA,SAAS;IAATA,SAAS,CACnBC,MAAI,IAAJA,MAAI;IADMD,SAAS,CAEnBE,OAAK,IAALA,OAAK;GAFKF,SAAS,KAATA,SAAS;AAKrB,OAAO,MAAMG,wBAAwB,GAAG,mBAAmB,CAAA;AAC3D,OAAO,MAAMC,wBAAwB,GAAG,2BAA2B,CAAA;AAEnE,gEAAgE;AAChE,OAAO,MAAMC,OAAO,GAAG,IAAM,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+export * from './provider';
+export * from './document-head-contents';
+export * from './constants';
+export * from './themes';
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,32 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React from "react";
+import styled, { ThemeProvider as StyledThemeProvider } from "styled-components";
+import { themeDark, themeDefault, themeLight } from "./themes";
+import { initColors } from "./document-head-contents/index";
+import { generateCssColorVariables } from "./document-head-contents/utils/generate-css-color-variables";
+// you need this if you're using themes, so we initiate this automatically
+initColors();
+const StyledWrapper = styled.div`
+  display: contents;
+  ${(param)=>{
+    let { colors  } = param;
+    return colors ? generateCssColorVariables(colors) : null;
+}}
+`;
+export const ThemeProvider = (param)=>/*#__PURE__*/ {
+    let { theme =themeDefault , children , ...rest } = param;
+    return React.createElement(StyledWrapper, {
+        colors: theme.colors,
+        "data-lido-theme": theme.name
+    }, /*#__PURE__*/ React.createElement(StyledThemeProvider, _extends({
+        theme: theme
+    }, rest), children));
+};
+export const LightThemeProvider = (props)=>/*#__PURE__*/ React.createElement(ThemeProvider, _extends({}, props, {
+        theme: themeLight
+    }));
+export const DarkThemeProvider = (props)=>/*#__PURE__*/ React.createElement(ThemeProvider, _extends({}, props, {
+        theme: themeDark
+    }));
+
+//# sourceMappingURL=provider.js.map

package/dist/esm/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":["React","styled","ThemeProvider","StyledThemeProvider","themeDark","themeDefault","themeLight","initColors","generateCssColorVariables","StyledWrapper","div","colors","theme","children","rest","data-lido-theme","name","LightThemeProvider","props","DarkThemeProvider"],"mappings":"AAAA;AAAA,OAAOA,KAAK,MAAiC,OAAO,CAAA;AACpD,OAAOC,MAAM,IACXC,aAAa,IAAIC,mBAAmB,QAE/B,mBAAmB,CAAA;AAC1B,SAASC,SAAS,EAAEC,YAAY,EAAEC,UAAU,QAAQ,UAAU,CAAA;AAE9D,SAASC,UAAU,QAAQ,gCAA0B,CAAA;AACrD,SAASC,yBAAyB,QAAQ,6DAA6D,CAAA;AAEvG,0EAA0E;AAC1ED,UAAU,EAAE;AAEZ,MAAME,aAAa,GAAGR,MAAM,CAACS,GAAG,AAAqC,CAAC;;EAEpE,EAAE,SAAgB;QAAf,EAAEC,MAAM,CAAA,EAAE;WAAMA,MAAM,GAAGH,yBAAyB,CAACG,MAAM,CAAC,GAAG,IAAI;AAAA,CAAC,CAAC;AACxE,CAAC;AACD,OAAO,MAAMT,aAAa,GAA4C,uBAKpE;QALqE,EACrEU,KAAK,EAAGP,YAAY,CAAA,EACpBQ,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR;WACC,oBAACL,aAAa;QAACE,MAAM,EAAEC,KAAK,CAACD,MAAM;QAAEI,iBAAe,EAAEH,KAAK,CAACI,IAAI;qBAC9D,oBAACb,mBAAmB;QAACS,KAAK,EAAEA,KAAK;OAAME,IAAI,GACxCD,QAAQ,CACW,CACR;AAAD,CAChB,CAAA;AAID,OAAO,MAAMI,kBAAkB,GAAuB,CAACC,KAAK,iBAC1D,oBAAChB,aAAa,eAAKgB,KAAK;QAAEN,KAAK,EAAEN,UAAU;OAAI,AAChD,CAAA;AAED,OAAO,MAAMa,iBAAiB,GAAuB,CAACD,KAAK,iBACzD,oBAAChB,aAAa,eAAKgB,KAAK;QAAEN,KAAK,EAAER,SAAS;OAAI,AAC/C,CAAA"}

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

@@ -0,0 +1,38 @@
+import styled from "styled-components";
+export const Block = styled.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/esm/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":["styled","Block","div","theme","fontSizesMap","xs","spaceMap","xxl","md","borderRadiusesMap","xl","colors","foreground","text"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,KAAK,GAA0BD,MAAM,CAACE,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,CAAA"}

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

@@ -0,0 +1,61 @@
+import themeBase from "./base/index";
+import { ThemeName } from "./globals";
+export const themeLight = {
+    ...themeBase,
+    name: ThemeName.light,
+    colors: {
+        ...themeBase.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'
+    }
+};
+export const themeDark = {
+    ...themeBase,
+    name: ThemeName.dark,
+    colors: {
+        ...themeBase.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'
+    }
+};
+export const themeDefault = themeLight;
+
+//# sourceMappingURL=themes.js.map

package/dist/esm/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":["themeBase","ThemeName","themeLight","name","light","colors","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeDefault"],"mappings":"AAAA,OAAOA,SAAS,MAAM,cAAQ,CAAA;AAC9B,SAASC,SAAS,QAAQ,WAAW,CAAA;AAErC,OAAO,MAAMC,UAAU,GAAG;IACxB,GAAGF,SAAS;IACZG,IAAI,EAAEF,SAAS,CAACG,KAAK;IACrBC,MAAM,EAAE;QACN,GAAGL,SAAS,CAACK,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,CAAA;AAED,OAAO,MAAMC,SAAS,GAAG;IACvB,GAAG3B,SAAS;IACZG,IAAI,EAAEF,SAAS,CAAC2B,IAAI;IACpBvB,MAAM,EAAE;QACN,GAAGL,SAAS,CAACK,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,CAAA;AAED,OAAO,MAAMG,YAAY,GAAG3B,UAAU,CAAA"}

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

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map