@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/cjs/table/Th.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/table/Th.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ThProps } from './types'\n\nimport {\n  ThStyle,\n  ThTdContentStyle,\n  ArrowBottomStyle,\n  ArrowTopStyle,\n} from './styles'\n\nfunction Th(props: ThProps, ref?: ForwardedRef<HTMLTableHeaderCellElement>) {\n  const { align = 'left', children, sortDir, variant, ...rest } = props\n\n  return (\n    <ThStyle\n      $interactive={!!rest.onClick}\n      $align={align}\n      $variant={variant}\n      ref={ref}\n      {...rest}\n    >\n      <ThTdContentStyle>\n        {children}\n        {sortDir === 'ASC' && <ArrowBottomStyle />}\n        {sortDir === 'DESC' && <ArrowTopStyle />}\n      </ThTdContentStyle>\n    </ThStyle>\n  )\n}\n\nexport default forwardRef(Th)\n"],"names":["Th","props","ref","align","children","sortDir","variant","rest","ThStyle","$interactive","onClick","$align","$variant","ThTdContentStyle","ArrowBottomStyle","ArrowTopStyle","forwardRef"],"mappings":"AAAA;;;;+BA8BA,SAA6B;;aAA7B,QAA6B;;;;6DA9BmB,OAAO;wBAQhD,UAAU;AAEjB,SAASA,EAAE,CAACC,KAAc,EAAEC,GAA8C,EAAE;IAC1E,MAAM,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAEC,QAAQ,CAAA,EAAEC,OAAO,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAErE,qBACE,6BAACO,OAAO,QAAA;QACNC,YAAY,EAAE,CAAC,CAACF,IAAI,CAACG,OAAO;QAC5BC,MAAM,EAAER,KAAK;QACbS,QAAQ,EAAEN,OAAO;QACjBJ,GAAG,EAAEA,GAAG;OACJK,IAAI,iBAER,6BAACM,OAAgB,iBAAA,QACdT,QAAQ,EACRC,OAAO,KAAK,KAAK,kBAAI,6BAACS,OAAgB,iBAAA,OAAG,EACzCT,OAAO,KAAK,MAAM,kBAAI,6BAACU,OAAa,cAAA,OAAG,CACvB,CACX,CACX;AACH,CAAC;MAED,QAA6B,iBAAdC,IAAAA,MAAU,WAAA,EAAChB,EAAE,CAAC"}
+{"version":3,"sources":["../../../packages/table/Th.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ThProps } from './types'\nimport {\n  ThStyle,\n  ThTdContentStyle,\n  ArrowBottomStyle,\n  ArrowTopStyle,\n} from './styles'\n\nfunction Th(\n  { align = 'left', children, sortDir, variant, ...rest }: ThProps,\n  ref?: ForwardedRef<HTMLTableHeaderCellElement>,\n) {\n  return (\n    <ThStyle\n      $interactive={!!rest.onClick}\n      $align={align}\n      $variant={variant}\n      ref={ref}\n      {...rest}\n    >\n      <ThTdContentStyle>\n        {children}\n        {sortDir === 'ASC' && <ArrowBottomStyle />}\n        {sortDir === 'DESC' && <ArrowTopStyle />}\n      </ThTdContentStyle>\n    </ThStyle>\n  )\n}\n\nexport default forwardRef(Th)\n"],"names":["Th","ref","align","children","sortDir","variant","rest","ThStyle","$interactive","onClick","$align","$variant","ThTdContentStyle","ArrowBottomStyle","ArrowTopStyle","forwardRef"],"mappings":"AAAA;;;;+BA8BA,SAA6B;;aAA7B,QAA6B;;;uBA9BY,OAAO;wBAOzC,UAAU;AAEjB,SAASA,EAAE,CACT,KAAgE,EAChEC,GAA8C,EAC9C;QAFA,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAEC,QAAQ,CAAA,EAAEC,OAAO,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAW,GAAhE,KAAgE;IAGhE,qBACE,qBAACC,OAAO,QAAA;QACNC,YAAY,EAAE,CAAC,CAACF,IAAI,CAACG,OAAO;QAC5BC,MAAM,EAAER,KAAK;QACbS,QAAQ,EAAEN,OAAO;QACjBJ,GAAG,EAAEA,GAAG;QACP,GAAGK,IAAI;kBAER,cAAA,sBAACM,OAAgB,iBAAA;;gBACdT,QAAQ;gBACRC,OAAO,KAAK,KAAK,kBAAI,qBAACS,OAAgB,iBAAA,KAAG;gBACzCT,OAAO,KAAK,MAAM,kBAAI,qBAACU,OAAa,cAAA,KAAG;;UACvB;MACX,CACX;AACH,CAAC;MAED,QAA6B,iBAAdC,IAAAA,MAAU,WAAA,EAACf,EAAE,CAAC"}

package/dist/cjs/table/Thead.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _styles = require("./styles");
-function Thead(props, ref) {
-    const { sticky =false , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_styles.TheadStyle, _extends({
+function Thead(param, ref) {
+    let { sticky =false , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_styles.TheadStyle, {
         ref: ref,
-        $sticky: sticky
-    }, rest));
+        $sticky: sticky,
+        ...rest
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Thead);
 

package/dist/cjs/table/Thead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/table/Thead.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TheadProps } from './types'\n\nimport { TheadStyle } from './styles'\n\nfunction Thead(props: TheadProps, ref?: ForwardedRef<HTMLTableSectionElement>) {\n  const { sticky = false, ...rest } = props\n\n  return <TheadStyle ref={ref} $sticky={sticky} {...rest} />\n}\n\nexport default forwardRef(Thead)\n"],"names":["Thead","props","ref","sticky","rest","TheadStyle","$sticky","forwardRef"],"mappings":"AAAA;;;;+BAWA,SAAgC;;aAAhC,QAAgC;;;;6DAXgB,OAAO;wBAG5B,UAAU;AAErC,SAASA,KAAK,CAACC,KAAiB,EAAEC,GAA2C,EAAE;IAC7E,MAAM,EAAEC,MAAM,EAAG,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAEzC,qBAAO,6BAACI,OAAU,WAAA;QAACH,GAAG,EAAEA,GAAG;QAAEI,OAAO,EAAEH,MAAM;OAAMC,IAAI,EAAI,CAAA;AAC5D,CAAC;MAED,QAAgC,iBAAjBG,IAAAA,MAAU,WAAA,EAACP,KAAK,CAAC"}
+{"version":3,"sources":["../../../packages/table/Thead.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TheadProps } from './types'\nimport { TheadStyle } from './styles'\n\nfunction Thead(\n  { sticky = false, ...rest }: TheadProps,\n  ref?: ForwardedRef<HTMLTableSectionElement>,\n) {\n  return <TheadStyle ref={ref} $sticky={sticky} {...rest} />\n}\n\nexport default forwardRef(Thead)\n"],"names":["Thead","ref","sticky","rest","TheadStyle","$sticky","forwardRef"],"mappings":"AAAA;;;;+BAWA,SAAgC;;aAAhC,QAAgC;;;uBAXS,OAAO;wBAErB,UAAU;AAErC,SAASA,KAAK,CACZ,KAAuC,EACvCC,GAA2C,EAC3C;QAFA,EAAEC,MAAM,EAAG,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAc,GAAvC,KAAuC;IAGvC,qBAAO,qBAACC,OAAU,WAAA;QAACH,GAAG,EAAEA,GAAG;QAAEI,OAAO,EAAEH,MAAM;QAAG,GAAGC,IAAI;MAAI,CAAA;AAC5D,CAAC;MAED,QAAgC,iBAAjBG,IAAAA,MAAU,WAAA,EAACN,KAAK,CAAC"}

package/dist/cjs/table/Tr.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _styles = require("./styles");
-function Tr(props, ref) {
-    const { highlight , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_styles.TrStyle, _extends({
+function Tr(param, ref) {
+    let { highlight , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_styles.TrStyle, {
         $highlight: highlight,
         $interactive: !!rest.onClick,
-        ref: ref
-    }, rest));
+        ref: ref,
+        ...rest
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Tr);
 

package/dist/cjs/table/Tr.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/table/Tr.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TrProps } from './types'\n\nimport { TrStyle } from './styles'\n\nfunction Tr(props: TrProps, ref?: ForwardedRef<HTMLTableRowElement>) {\n  const { highlight, ...rest } = props\n\n  return (\n    <TrStyle\n      $highlight={highlight}\n      $interactive={!!rest.onClick}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Tr)\n"],"names":["Tr","props","ref","highlight","rest","TrStyle","$highlight","$interactive","onClick","forwardRef"],"mappings":"AAAA;;;;+BAkBA,SAA6B;;aAA7B,QAA6B;;;;6DAlBmB,OAAO;wBAG/B,UAAU;AAElC,SAASA,EAAE,CAACC,KAAc,EAAEC,GAAuC,EAAE;IACnE,MAAM,EAAEC,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAEpC,qBACE,6BAACI,OAAO,QAAA;QACNC,UAAU,EAAEH,SAAS;QACrBI,YAAY,EAAE,CAAC,CAACH,IAAI,CAACI,OAAO;QAC5BN,GAAG,EAAEA,GAAG;OACJE,IAAI,EACR,CACH;AACH,CAAC;MAED,QAA6B,iBAAdK,IAAAA,MAAU,WAAA,EAACT,EAAE,CAAC"}
+{"version":3,"sources":["../../../packages/table/Tr.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TrProps } from './types'\nimport { TrStyle } from './styles'\n\nfunction Tr(\n  { highlight, ...rest }: TrProps,\n  ref?: ForwardedRef<HTMLTableRowElement>,\n) {\n  return (\n    <TrStyle\n      $highlight={highlight}\n      $interactive={!!rest.onClick}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Tr)\n"],"names":["Tr","ref","highlight","rest","TrStyle","$highlight","$interactive","onClick","forwardRef"],"mappings":"AAAA;;;;+BAkBA,SAA6B;;aAA7B,QAA6B;;;uBAlBY,OAAO;wBAExB,UAAU;AAElC,SAASA,EAAE,CACT,KAA+B,EAC/BC,GAAuC,EACvC;QAFA,EAAEC,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAW,GAA/B,KAA+B;IAG/B,qBACE,qBAACC,OAAO,QAAA;QACNC,UAAU,EAAEH,SAAS;QACrBI,YAAY,EAAE,CAAC,CAACH,IAAI,CAACI,OAAO;QAC5BN,GAAG,EAAEA,GAAG;QACP,GAAGE,IAAI;MACR,CACH;AACH,CAAC;MAED,QAA6B,iBAAdK,IAAAA,MAAU,WAAA,EAACR,EAAE,CAAC"}

package/dist/cjs/text/Text.js

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _textStyles = require("./TextStyles");
-function Text(props, ref) {
-    const { size ='md' , weight =400 , color ='default' , strong , ...rest } = props;
-    return /*#__PURE__*/ _react.default.createElement(_textStyles.TextStyle, _extends({
+function Text(param, ref) {
+    let { size ='md' , weight =400 , color ='default' , strong , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_textStyles.TextStyle, {
         size: size,
         weight: strong ? 700 : weight,
         color: color,
-        ref: ref
-    }, rest));
+        ref: ref,
+        ...rest
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Text);
 

package/dist/cjs/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/text/Text.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { TextStyle } from './TextStyles'\nimport { TextProps } from './types'\n\nfunction Text(props: TextProps, ref?: ForwardedRef<HTMLParagraphElement>) {\n  const {\n    size = 'md',\n    weight = 400,\n    color = 'default',\n    strong,\n    ...rest\n  } = props\n  return (\n    <TextStyle\n      size={size}\n      weight={strong ? 700 : weight}\n      color={color}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Text)\n"],"names":["Text","props","ref","size","weight","color","strong","rest","TextStyle","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAA+B;;aAA/B,QAA+B;;;;6DAvBiB,OAAO;4BAC7B,cAAc;AAGxC,SAASA,IAAI,CAACC,KAAgB,EAAEC,GAAwC,EAAE;IACxE,MAAM,EACJC,IAAI,EAAG,IAAI,CAAA,EACXC,MAAM,EAAG,GAAG,CAAA,EACZC,KAAK,EAAG,SAAS,CAAA,EACjBC,MAAM,CAAA,EACN,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,qBACE,6BAACO,WAAS,UAAA;QACRL,IAAI,EAAEA,IAAI;QACVC,MAAM,EAAEE,MAAM,GAAG,GAAG,GAAGF,MAAM;QAC7BC,KAAK,EAAEA,KAAK;QACZH,GAAG,EAAEA,GAAG;OACJK,IAAI,EACR,CACH;AACH,CAAC;MAED,QAA+B,iBAAhBE,IAAAA,MAAU,WAAA,EAACT,IAAI,CAAC"}
+{"version":3,"sources":["../../../packages/text/Text.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TextStyle } from './TextStyles'\nimport { TextProps } from './types'\n\nfunction Text(\n  { size = 'md', weight = 400, color = 'default', strong, ...rest }: TextProps,\n  ref?: ForwardedRef<HTMLParagraphElement>,\n) {\n  return (\n    <TextStyle\n      size={size}\n      weight={strong ? 700 : weight}\n      color={color}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Text)\n"],"names":["Text","ref","size","weight","color","strong","rest","TextStyle","forwardRef"],"mappings":"AAAA;;;;+BAmBA,SAA+B;;aAA/B,QAA+B;;;uBAnBU,OAAO;4BACtB,cAAc;AAGxC,SAASA,IAAI,CACX,KAA4E,EAC5EC,GAAwC,EACxC;QAFA,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,MAAM,EAAG,GAAG,CAAA,EAAEC,KAAK,EAAG,SAAS,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAa,GAA5E,KAA4E;IAG5E,qBACE,qBAACC,WAAS,UAAA;QACRL,IAAI,EAAEA,IAAI;QACVC,MAAM,EAAEE,MAAM,GAAG,GAAG,GAAGF,MAAM;QAC7BC,KAAK,EAAEA,KAAK;QACZH,GAAG,EAAEA,GAAG;QACP,GAAGK,IAAI;MACR,CACH;AACH,CAAC;MAED,QAA+B,iBAAhBE,IAAAA,MAAU,WAAA,EAACR,IAAI,CAAC"}

package/dist/cjs/text/TextStyles.js

@@ -58,8 +58,8 @@ const sizes = {
     line-height: 1.4em;
   `
 };
-const getTextColor = (props)=>{
-    const { theme: { colors  } , color ,  } = props;
+const getTextColor = (param)=>{
+    let { theme: { colors  } , color  } = param;
     const colorsMap = {
         default: colors.text,
         secondary: colors.textSecondary,
@@ -70,8 +70,8 @@ const getTextColor = (props)=>{
     };
     return colorsMap[color];
 };
-const getTextDecoration = (props)=>{
-    const { underline , strikeThrough  } = props;
+const getTextDecoration = (param)=>{
+    let { underline , strikeThrough  } = param;
     switch(true){
         case underline:
             return 'underline';

package/dist/cjs/text/TextStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/text/TextStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { TextColors, TextProps, TextSizes, TextWeight } from './types'\n\nexport const sizes = {\n  xxs: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.5em;\n  `,\n  xs: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    line-height: 1.5em;\n  `,\n  sm: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    line-height: 1.5em;\n  `,\n  md: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n    line-height: 1.5em;\n  `,\n  lg: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.lg}px;\n    line-height: 1.4em;\n  `,\n  xl: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n    line-height: 1.4em;\n  `,\n}\n\ntype InjectedProps = {\n  color: TextColors\n  size: TextSizes\n  weight: TextWeight\n  theme: Theme\n} & Omit<TextProps, 'color' | 'size' | 'strong' | 'weight'>\n\nconst getTextColor = (props: InjectedProps) => {\n  const {\n    theme: { colors },\n    color,\n  } = props\n\n  const colorsMap = {\n    default: colors.text,\n    secondary: colors.textSecondary,\n    primary: colors.primary,\n    warning: colors.warning,\n    error: colors.error,\n    success: colors.success,\n  }\n\n  return colorsMap[color]\n}\n\nconst getTextDecoration = (props: InjectedProps) => {\n  const { underline, strikeThrough } = props\n\n  switch (true) {\n    case underline:\n      return 'underline'\n\n    case strikeThrough:\n      return 'line-through'\n\n    default:\n      return 'none'\n  }\n}\n\nexport const TextStyle = styled.p<InjectedProps>`\n  ${({ weight, italic, size }) => css`\n    font-style: ${italic ? 'italic' : 'normal'};\n    font-weight: ${weight};\n    margin: 0;\n    padding: 0;\n    color: ${getTextColor};\n    text-decoration: ${getTextDecoration};\n    ${sizes[size]}\n  `}\n`\n"],"names":["sizes","TextStyle","xxs","css","theme","fontSizesMap","xs","sm","md","lg","xl","getTextColor","props","colors","color","colorsMap","default","text","secondary","textSecondary","primary","warning","error","success","getTextDecoration","underline","strikeThrough","styled","p","weight","italic","size"],"mappings":"AAAA;;;;;;;;;;;IAIaA,KAAK,MAALA,KAAK;IAmELC,SAAS,MAATA,SAAS;;;wEAvEM,mBAAmB;AAIxC,MAAMD,KAAK,GAAG;IACnBE,GAAG,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACI,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACH,GAAG;IAAD,CAAC,CAAC;;EAErD,CAAC;IACDI,EAAE,EAAEH,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACE,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACG,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEN,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACI,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEP,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;CACF;AASD,MAAMC,YAAY,GAAG,CAACC,KAAoB,GAAK;IAC7C,MAAM,EACJR,KAAK,EAAE,EAAES,MAAM,CAAA,EAAE,CAAA,EACjBC,KAAK,CAAA,IACN,GAAGF,KAAK;IAET,MAAMG,SAAS,GAAG;QAChBC,OAAO,EAAEH,MAAM,CAACI,IAAI;QACpBC,SAAS,EAAEL,MAAM,CAACM,aAAa;QAC/BC,OAAO,EAAEP,MAAM,CAACO,OAAO;QACvBC,OAAO,EAAER,MAAM,CAACQ,OAAO;QACvBC,KAAK,EAAET,MAAM,CAACS,KAAK;QACnBC,OAAO,EAAEV,MAAM,CAACU,OAAO;KACxB;IAED,OAAOR,SAAS,CAACD,KAAK,CAAC,CAAA;AACzB,CAAC;AAED,MAAMU,iBAAiB,GAAG,CAACZ,KAAoB,GAAK;IAClD,MAAM,EAAEa,SAAS,CAAA,EAAEC,aAAa,CAAA,EAAE,GAAGd,KAAK;IAE1C,OAAQ,IAAI;QACV,KAAKa,SAAS;YACZ,OAAO,WAAW,CAAA;QAEpB,KAAKC,aAAa;YAChB,OAAO,cAAc,CAAA;QAEvB;YACE,OAAO,MAAM,CAAA;KAChB;AACH,CAAC;AAEM,MAAMzB,SAAS,GAAG0B,iBAAM,QAAA,CAACC,CAAC,AAAe,CAAC;EAC/C,EAAE,SAA8BzB;QAA7B,EAAE0B,MAAM,CAAA,EAAEC,MAAM,CAAA,EAAEC,IAAI,CAAA,EAAE;WAAK5B,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACtB,EAAE2B,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;iBAC9B,EAAED,MAAM,CAAC;;;WAGf,EAAElB,YAAY,CAAC;qBACL,EAAEa,iBAAiB,CAAC;IACrC,EAAExB,KAAK,CAAC+B,IAAI,CAAC,CAAC;EAChB,CAAC;AAAD,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"sources":["../../../packages/text/TextStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { TextColors, TextProps, TextSizes, TextWeight } from './types'\n\nexport const sizes = {\n  xxs: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.5em;\n  `,\n  xs: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    line-height: 1.5em;\n  `,\n  sm: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    line-height: 1.5em;\n  `,\n  md: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n    line-height: 1.5em;\n  `,\n  lg: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.lg}px;\n    line-height: 1.4em;\n  `,\n  xl: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n    line-height: 1.4em;\n  `,\n}\n\ntype InjectedProps = {\n  color: TextColors\n  size: TextSizes\n  weight: TextWeight\n  theme: Theme\n} & Omit<TextProps, 'color' | 'size' | 'strong' | 'weight'>\n\nconst getTextColor = ({ theme: { colors }, color }: InjectedProps) => {\n  const colorsMap = {\n    default: colors.text,\n    secondary: colors.textSecondary,\n    primary: colors.primary,\n    warning: colors.warning,\n    error: colors.error,\n    success: colors.success,\n  }\n\n  return colorsMap[color]\n}\n\nconst getTextDecoration = ({ underline, strikeThrough }: InjectedProps) => {\n  switch (true) {\n    case underline:\n      return 'underline'\n\n    case strikeThrough:\n      return 'line-through'\n\n    default:\n      return 'none'\n  }\n}\n\nexport const TextStyle = styled.p<InjectedProps>`\n  ${({ weight, italic, size }) => css`\n    font-style: ${italic ? 'italic' : 'normal'};\n    font-weight: ${weight};\n    margin: 0;\n    padding: 0;\n    color: ${getTextColor};\n    text-decoration: ${getTextDecoration};\n    ${sizes[size]}\n  `}\n`\n"],"names":["sizes","TextStyle","xxs","css","theme","fontSizesMap","xs","sm","md","lg","xl","getTextColor","colors","color","colorsMap","default","text","secondary","textSecondary","primary","warning","error","success","getTextDecoration","underline","strikeThrough","styled","p","weight","italic","size"],"mappings":"AAAA;;;;;;;;;;;IAIaA,KAAK,MAALA,KAAK;IA4DLC,SAAS,MAATA,SAAS;;;wEAhEM,mBAAmB;AAIxC,MAAMD,KAAK,GAAG;IACnBE,GAAG,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACI,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACH,GAAG;IAAD,CAAC,CAAC;;EAErD,CAAC;IACDI,EAAE,EAAEH,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACE,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACG,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEN,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACI,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;IACDC,EAAE,EAAEP,IAAAA,iBAAG,IAAA,CAAA,CAAC;eACK,EAAE,SAAeC;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,YAAY,CAACK,EAAE;IAAD,CAAC,CAAC;;EAEpD,CAAC;CACF;AASD,MAAMC,YAAY,GAAG,SAAiD;QAAhD,EAAEP,KAAK,EAAE,EAAEQ,MAAM,CAAA,EAAE,CAAA,EAAEC,KAAK,CAAA,EAAiB;IAC/D,MAAMC,SAAS,GAAG;QAChBC,OAAO,EAAEH,MAAM,CAACI,IAAI;QACpBC,SAAS,EAAEL,MAAM,CAACM,aAAa;QAC/BC,OAAO,EAAEP,MAAM,CAACO,OAAO;QACvBC,OAAO,EAAER,MAAM,CAACQ,OAAO;QACvBC,KAAK,EAAET,MAAM,CAACS,KAAK;QACnBC,OAAO,EAAEV,MAAM,CAACU,OAAO;KACxB;IAED,OAAOR,SAAS,CAACD,KAAK,CAAC,CAAA;AACzB,CAAC;AAED,MAAMU,iBAAiB,GAAG,SAAiD;QAAhD,EAAEC,SAAS,CAAA,EAAEC,aAAa,CAAA,EAAiB;IACpE,OAAQ,IAAI;QACV,KAAKD,SAAS;YACZ,OAAO,WAAW,CAAA;QAEpB,KAAKC,aAAa;YAChB,OAAO,cAAc,CAAA;QAEvB;YACE,OAAO,MAAM,CAAA;KAChB;AACH,CAAC;AAEM,MAAMxB,SAAS,GAAGyB,iBAAM,QAAA,CAACC,CAAC,AAAe,CAAC;EAC/C,EAAE,SAA8BxB;QAA7B,EAAEyB,MAAM,CAAA,EAAEC,MAAM,CAAA,EAAEC,IAAI,CAAA,EAAE;WAAK3B,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACtB,EAAE0B,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;iBAC9B,EAAED,MAAM,CAAC;;;WAGf,EAAEjB,YAAY,CAAC;qBACL,EAAEY,iBAAiB,CAAC;IACrC,EAAEvB,KAAK,CAAC8B,IAAI,CAAC,CAAC;EAChB,CAAC;AAAD,CAAC,CAAC;AACJ,CAAC"}

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

@@ -12,8 +12,8 @@ _export(exports, {
     ThemeToggleContext: ()=>ThemeToggleContext,
     CookieThemeProvider: ()=>CookieThemeProvider
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _styledComponents = require("styled-components");
 const _constants = require("./constants");
 const _themes = require("./themes");
@@ -24,7 +24,7 @@ const defaultThemeContext = {};
 const ThemeToggleContext = /*#__PURE__*/ (0, _react.createContext)(defaultThemeContext);
 // we need to initialize this before react component code if we're using this provider or ThemeProvider
 (0, _documentHeadContents.initColors)();
-const CookieThemeProvider = /*#__PURE__*/ _react.default.memo((param)=>{
+const CookieThemeProvider = /*#__PURE__*/ (0, _react.memo)((param)=>{
     let { children , initialThemeName , // overrideThemeName is mainly used for storybook
     overrideThemeName ,  } = param;
     const parentTheme = (0, _react.useContext)(ThemeToggleContext);
@@ -101,22 +101,28 @@ const CookieThemeProvider = /*#__PURE__*/ _react.default.memo((param)=>{
     if (isTopLevelProvider) {
         // if this provider is top-level we rely on element-theme-script.tsx logic
         // which defines data-lido-theme injection
-        return /*#__PURE__*/ _react.default.createElement(ThemeToggleContext.Provider, {
-            value: value
-        }, /*#__PURE__*/ _react.default.createElement(_styledComponents.ThemeProvider, {
-            theme: theme
-        }, children));
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(ThemeToggleContext.Provider, {
+            value: value,
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+                theme: theme,
+                children: children
+            })
+        });
     } else if (overrideThemeName) {
-        return /*#__PURE__*/ _react.default.createElement("div", {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
             style: {
                 display: 'contents'
             },
-            "data-lido-theme": themeName
-        }, /*#__PURE__*/ _react.default.createElement(_styledComponents.ThemeProvider, {
-            theme: theme
-        }, children));
+            "data-lido-theme": themeName,
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+                theme: theme,
+                children: children
+            })
+        });
     } else {
-        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: children
+        });
     }
 });
 CookieThemeProvider.displayName = 'CookieThemeProvider';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/theme/cookie-theme-provider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport {\n  DEFAULT_THEME_NAME,\n  prefersDarkThemeMediaQuery,\n  ThemeName,\n} from './constants'\nimport { themeMap } from './themes'\nimport { getThemeNameFromCookies } from './utils/cookies'\nimport { initColors } from './document-head-contents'\nimport { updateGlobalTheme } from './document-head-contents/element-theme-script'\nimport { ThemeContext } from './types'\n\nconst defaultThemeContext = {} as ThemeContext\nexport const ThemeToggleContext =\n  createContext<ThemeContext>(defaultThemeContext)\n\n// we need to initialize this before react component code if we're using this provider or ThemeProvider\ninitColors()\n\n/**\n * This is really complicated logic here. Comments will be added on specific lines\n *\n * Cookie theme provider acts differently from common theme provider.\n * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes\n * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level\n * 3. it does not support custom themes, preferring pre-defined themes instead\n * */\n\nexport const CookieThemeProvider: FC<\n  PropsWithChildren<{\n    // Use themeNameParent if you need get cookie in SSR\n    initialThemeName?: ThemeName\n    overrideThemeName?: ThemeName\n  }>\n> = React.memo(\n  ({\n    children,\n    initialThemeName,\n    // overrideThemeName is mainly used for storybook\n    overrideThemeName,\n  }) => {\n    const parentTheme = useContext(ThemeToggleContext)\n    // we do not want to do nested injections, and we're checking\n    // if context we inject in this component is already provided\n    const isTopLevelProvider = Object.keys(parentTheme).length === 0\n    // we always start with default theme, or, if server wants to provide\n    // specific default theme, with server-provided theme to avoid hydration errors\n    const [internalThemeName, setThemeName] = useState<ThemeName>(\n      initialThemeName || DEFAULT_THEME_NAME,\n    )\n    // since we're using this component to provide cookie-theme,\n    // we eventually want to respect theme provided in cookie, not general theme,\n    // so we're picking `parentTheme.themeName` if we have one.\n    // If user needs custom theme, not \"cookie theme\", he should use ThemeProvider instead.\n    const themeName = parentTheme.themeName || internalThemeName\n\n    const theme = themeMap[themeName]\n\n    // This logic is really hydrating everything, since we started with server-rendered default prop.\n    // It also follows cookie value change.\n    useEffect(() => {\n      // This logic is useless if we're nested - it is already done in top-level provider\n      if (!isTopLevelProvider) {\n        return\n      }\n\n      const setTheme = () => {\n        const systemThemeName = prefersDarkThemeMediaQuery?.matches\n          ? ThemeName.dark\n          : ThemeName.light\n        const themeNameCookie = getThemeNameFromCookies()\n        const newThemeName =\n          // first, if we have some override (e.g. in Storybook), we respect it\n          overrideThemeName ||\n          // then, if we have cookie theme, we use theme from cookie\n          themeNameCookie ||\n          // else, we follow theme we were provided in initialization from server,\n          // which means server explicitly wants specific theme by default, not \"follow-system\"\n          initialThemeName ||\n          // then, we use media query theme, if available (not all browsers may still support it)\n          systemThemeName ||\n          // and, finally, falling back to default\n          DEFAULT_THEME_NAME\n        setThemeName(newThemeName)\n        // and when theme is switched, we're setting global-level CSS variable data-attribute\n        // to modify CSS vars provided on a top-level\n        document.documentElement.dataset.lidoTheme = newThemeName\n      }\n\n      // Users may have auto-theme (switching on sunset or schedule or whatever) so we need to listen for this event\n      prefersDarkThemeMediaQuery?.addEventListener('change', setTheme)\n      setTheme()\n\n      // This code check that the theme cookie was changed on other tab or site (the same second-level domain)\n      const checkCookieThemeWasChanged = () => {\n        const themeNameCookie = getThemeNameFromCookies()\n\n        if (\n          themeNameCookie &&\n          (themeNameCookie === ThemeName.dark ||\n            themeNameCookie === ThemeName.light)\n        ) {\n          setThemeName(themeNameCookie)\n        }\n      }\n      window.addEventListener('focus', checkCookieThemeWasChanged)\n\n      return () => {\n        window.removeEventListener('focus', checkCookieThemeWasChanged)\n      }\n    }, [\n      initialThemeName,\n      isTopLevelProvider,\n      overrideThemeName,\n      parentTheme,\n      theme,\n    ])\n\n    const value = useMemo(\n      () => ({\n        themeName,\n        toggleTheme() {\n          setThemeName((themeName) => {\n            const newThemeName =\n              themeName === ThemeName.light ? ThemeName.dark : ThemeName.light\n            // note that we're writing cookie theme only on explicit calls,\n            // not on \"internal theme state\" change\n            updateGlobalTheme(newThemeName)\n            // we do not need to run setTheme here, as effect is triggered\n            return newThemeName\n          })\n        },\n      }),\n      [themeName],\n    )\n\n    if (isTopLevelProvider) {\n      // if this provider is top-level we rely on element-theme-script.tsx logic\n      // which defines data-lido-theme injection\n      return (\n        <ThemeToggleContext.Provider value={value}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </ThemeToggleContext.Provider>\n      )\n    } else if (overrideThemeName) {\n      return (\n        <div style={{ display: 'contents' }} data-lido-theme={themeName}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </div>\n      )\n    } else {\n      return <>{children}</>\n    }\n  },\n)\n\nCookieThemeProvider.displayName = 'CookieThemeProvider'\n"],"names":["ThemeToggleContext","CookieThemeProvider","defaultThemeContext","createContext","initColors","React","memo","children","initialThemeName","overrideThemeName","parentTheme","useContext","isTopLevelProvider","Object","keys","length","internalThemeName","setThemeName","useState","DEFAULT_THEME_NAME","themeName","theme","themeMap","useEffect","setTheme","systemThemeName","prefersDarkThemeMediaQuery","matches","ThemeName","dark","light","themeNameCookie","getThemeNameFromCookies","newThemeName","document","documentElement","dataset","lidoTheme","addEventListener","checkCookieThemeWasChanged","window","removeEventListener","value","useMemo","toggleTheme","updateGlobalTheme","Provider","StyledThemeProvider","div","style","display","data-lido-theme","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/theme/cookie-theme-provider.tsx"],"sourcesContent":["import {\n  createContext,\n  FC,\n  memo,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport {\n  DEFAULT_THEME_NAME,\n  prefersDarkThemeMediaQuery,\n  ThemeName,\n} from './constants'\nimport { themeMap } from './themes'\nimport { getThemeNameFromCookies } from './utils/cookies'\nimport { initColors } from './document-head-contents'\nimport { updateGlobalTheme } from './document-head-contents/element-theme-script'\nimport { ThemeContext } from './types'\n\nconst defaultThemeContext = {} as ThemeContext\nexport const ThemeToggleContext =\n  createContext<ThemeContext>(defaultThemeContext)\n\n// we need to initialize this before react component code if we're using this provider or ThemeProvider\ninitColors()\n\n/**\n * This is really complicated logic here. Comments will be added on specific lines\n *\n * Cookie theme provider acts differently from common theme provider.\n * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes\n * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level\n * 3. it does not support custom themes, preferring pre-defined themes instead\n * */\n\nexport const CookieThemeProvider: FC<\n  PropsWithChildren<{\n    // Use themeNameParent if you need get cookie in SSR\n    initialThemeName?: ThemeName\n    overrideThemeName?: ThemeName\n  }>\n> = memo(\n  ({\n    children,\n    initialThemeName,\n    // overrideThemeName is mainly used for storybook\n    overrideThemeName,\n  }) => {\n    const parentTheme = useContext(ThemeToggleContext)\n    // we do not want to do nested injections, and we're checking\n    // if context we inject in this component is already provided\n    const isTopLevelProvider = Object.keys(parentTheme).length === 0\n    // we always start with default theme, or, if server wants to provide\n    // specific default theme, with server-provided theme to avoid hydration errors\n    const [internalThemeName, setThemeName] = useState<ThemeName>(\n      initialThemeName || DEFAULT_THEME_NAME,\n    )\n    // since we're using this component to provide cookie-theme,\n    // we eventually want to respect theme provided in cookie, not general theme,\n    // so we're picking `parentTheme.themeName` if we have one.\n    // If user needs custom theme, not \"cookie theme\", he should use ThemeProvider instead.\n    const themeName = parentTheme.themeName || internalThemeName\n\n    const theme = themeMap[themeName]\n\n    // This logic is really hydrating everything, since we started with server-rendered default prop.\n    // It also follows cookie value change.\n    useEffect(() => {\n      // This logic is useless if we're nested - it is already done in top-level provider\n      if (!isTopLevelProvider) {\n        return\n      }\n\n      const setTheme = () => {\n        const systemThemeName = prefersDarkThemeMediaQuery?.matches\n          ? ThemeName.dark\n          : ThemeName.light\n        const themeNameCookie = getThemeNameFromCookies()\n        const newThemeName =\n          // first, if we have some override (e.g. in Storybook), we respect it\n          overrideThemeName ||\n          // then, if we have cookie theme, we use theme from cookie\n          themeNameCookie ||\n          // else, we follow theme we were provided in initialization from server,\n          // which means server explicitly wants specific theme by default, not \"follow-system\"\n          initialThemeName ||\n          // then, we use media query theme, if available (not all browsers may still support it)\n          systemThemeName ||\n          // and, finally, falling back to default\n          DEFAULT_THEME_NAME\n        setThemeName(newThemeName)\n        // and when theme is switched, we're setting global-level CSS variable data-attribute\n        // to modify CSS vars provided on a top-level\n        document.documentElement.dataset.lidoTheme = newThemeName\n      }\n\n      // Users may have auto-theme (switching on sunset or schedule or whatever) so we need to listen for this event\n      prefersDarkThemeMediaQuery?.addEventListener('change', setTheme)\n      setTheme()\n\n      // This code check that the theme cookie was changed on other tab or site (the same second-level domain)\n      const checkCookieThemeWasChanged = () => {\n        const themeNameCookie = getThemeNameFromCookies()\n\n        if (\n          themeNameCookie &&\n          (themeNameCookie === ThemeName.dark ||\n            themeNameCookie === ThemeName.light)\n        ) {\n          setThemeName(themeNameCookie)\n        }\n      }\n      window.addEventListener('focus', checkCookieThemeWasChanged)\n\n      return () => {\n        window.removeEventListener('focus', checkCookieThemeWasChanged)\n      }\n    }, [\n      initialThemeName,\n      isTopLevelProvider,\n      overrideThemeName,\n      parentTheme,\n      theme,\n    ])\n\n    const value = useMemo(\n      () => ({\n        themeName,\n        toggleTheme() {\n          setThemeName((themeName) => {\n            const newThemeName =\n              themeName === ThemeName.light ? ThemeName.dark : ThemeName.light\n            // note that we're writing cookie theme only on explicit calls,\n            // not on \"internal theme state\" change\n            updateGlobalTheme(newThemeName)\n            // we do not need to run setTheme here, as effect is triggered\n            return newThemeName\n          })\n        },\n      }),\n      [themeName],\n    )\n\n    if (isTopLevelProvider) {\n      // if this provider is top-level we rely on element-theme-script.tsx logic\n      // which defines data-lido-theme injection\n      return (\n        <ThemeToggleContext.Provider value={value}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </ThemeToggleContext.Provider>\n      )\n    } else if (overrideThemeName) {\n      return (\n        <div style={{ display: 'contents' }} data-lido-theme={themeName}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </div>\n      )\n    } else {\n      return <>{children}</>\n    }\n  },\n)\n\nCookieThemeProvider.displayName = 'CookieThemeProvider'\n"],"names":["ThemeToggleContext","CookieThemeProvider","defaultThemeContext","createContext","initColors","memo","children","initialThemeName","overrideThemeName","parentTheme","useContext","isTopLevelProvider","Object","keys","length","internalThemeName","setThemeName","useState","DEFAULT_THEME_NAME","themeName","theme","themeMap","useEffect","setTheme","systemThemeName","prefersDarkThemeMediaQuery","matches","ThemeName","dark","light","themeNameCookie","getThemeNameFromCookies","newThemeName","document","documentElement","dataset","lidoTheme","addEventListener","checkCookieThemeWasChanged","window","removeEventListener","value","useMemo","toggleTheme","updateGlobalTheme","Provider","StyledThemeProvider","div","style","display","data-lido-theme","displayName"],"mappings":"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"}

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

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "Fonts", {
     enumerable: true,
     get: ()=>Fonts
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 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;
 }`;
-const Fonts = ()=>/*#__PURE__*/ _react.default.createElement("style", null, CSS_FONTS);
+const Fonts = ()=>/*#__PURE__*/ (0, _jsxRuntime.jsx)("style", {
+        children: CSS_FONTS
+    });
 
 //# sourceMappingURL=element-fonts.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-fonts.tsx"],"sourcesContent":["import React from 'react'\n\nconst 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":["Fonts","CSS_FONTS","style"],"mappings":"AAAA;;;;+BAQaA,OAAK;;aAALA,KAAK;;;4DARA,OAAO;AAEzB,MAAMC,SAAS,GAAG,CAAC;;;;CAIlB,CAAC;AAEK,MAAMD,KAAK,GAAG,kBAAmB,6BAACE,OAAK,QAAED,SAAS,CAAS"}
+{"version":3,"sources":["../../../../packages/theme/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":["Fonts","CSS_FONTS","style"],"mappings":"AAAA;;;;+BAMaA,OAAK;;aAALA,KAAK;;;AANlB,MAAMC,SAAS,GAAG,CAAC;;;;CAIlB,CAAC;AAEK,MAAMD,KAAK,GAAG,kBAAmB,qBAACE,OAAK;kBAAED,SAAS;MAAS"}

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

@@ -13,9 +13,7 @@ _export(exports, {
     themeCSSValueString: ()=>themeCSSValueString,
     StyleThemeColors: ()=>StyleThemeColors
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _themes = require("../themes");
 const _generateCssColorVariables = require("../utils/generate-css-color-variables");
 const _constants = require("../constants");
@@ -58,12 +56,11 @@ if (typeof window !== 'undefined') {
         };
     }
 }
-const StyleThemeColors = ()=>/*#__PURE__*/ _react.default.createElement("style", _extends({}, {
-        [_constants.globalStyleDataAttribute]: true
-    }, {
+const StyleThemeColors = ()=>/*#__PURE__*/ (0, _jsxRuntime.jsx)("style", {
+        [_constants.globalStyleDataAttribute]: true,
         dangerouslySetInnerHTML: {
             __html: themeCSSValueString
         }
-    }));
+    });
 
 //# sourceMappingURL=element-theme-colors.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-colors.tsx"],"sourcesContent":["import React from 'react'\nimport { themeDark, themeLight } from '../themes'\nimport { generateCssColorVariables } from '../utils/generate-css-color-variables'\nimport { globalStyleDataAttribute, ThemeName } from '../constants'\nimport { VOID_FN } from '@lidofinance/utils'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing CSS themes that defines custom CSS variables with palette to\n * make HTML document styled even before any code is loaded\n * */\n\nconst darkThemeColors = generateCssColorVariables(themeDark.colors)\nconst lightThemeColors = generateCssColorVariables(themeLight.colors)\n\nexport let initGlobalColors = VOID_FN\nexport const themeCSSValueString = `\nhtml, [data-lido-theme='${ThemeName.light}'] {\ncolor-theme: light;\n${lightThemeColors}\n}\n@media (prefers-color-scheme: dark) {\nhtml:not([data-lido-theme='${ThemeName.light}']) { \ncolor-theme: dark;\n${darkThemeColors} \n}\n}\n[data-lido-theme='${ThemeName.dark}'] {\ncolor-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.innerHTML = 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\n    {...{ [globalStyleDataAttribute]: true }}\n    dangerouslySetInnerHTML={{ __html: themeCSSValueString }}\n  />\n)\n"],"names":["initGlobalColors","themeCSSValueString","StyleThemeColors","darkThemeColors","generateCssColorVariables","themeDark","colors","lightThemeColors","themeLight","VOID_FN","ThemeName","light","dark","window","document","querySelector","globalStyleDataAttribute","style","createElement","setAttribute","innerHTML","head","appendChild","dangerouslySetInnerHTML","__html"],"mappings":"AAAA;;;;;;;;;;;IAmBWA,gBAAgB,MAAhBA,gBAAgB;IACdC,mBAAmB,MAAnBA,mBAAmB;IA8BnBC,gBAAgB,MAAhBA,gBAAgB;;;;4DAlDX,OAAO;wBACa,WAAW;2CACP,uCAAuC;2BAC7B,cAAc;uBAC1C,mBAAoB;AAE5C;;;;;;;;GAQG,GAEH,MAAMC,eAAe,GAAGC,IAAAA,0BAAyB,0BAAA,EAACC,OAAS,UAAA,CAACC,MAAM,CAAC;AACnE,MAAMC,gBAAgB,GAAGH,IAAAA,0BAAyB,0BAAA,EAACI,OAAU,WAAA,CAACF,MAAM,CAAC;AAE9D,IAAIN,gBAAgB,GAAGS,MAAO,QAAA;AAC9B,MAAMR,mBAAmB,GAAG,CAAC;wBACZ,EAAES,UAAS,UAAA,CAACC,KAAK,CAAC;;AAE1C,EAAEJ,gBAAgB,CAAC;;;2BAGQ,EAAEG,UAAS,UAAA,CAACC,KAAK,CAAC;;AAE7C,EAAER,eAAe,CAAC;;;kBAGA,EAAEO,UAAS,UAAA,CAACE,IAAI,CAAC;;AAEnC,EAAET,eAAe,CAAC;CACjB,CAAC;AAEF,IAAI,OAAOU,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAC,MAAM,EAAEC,UAAwB,yBAAA,CAAC,CAAC,CAAC,CAAC,EAAE;QACjEhB,gBAAgB,GAAG,IAAM;YACvB,MAAMiB,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;YAC7CD,KAAK,CAACE,YAAY,CAACH,UAAwB,yBAAA,EAAE,EAAE,CAAC;YAChDC,KAAK,CAACG,SAAS,GAAGnB,mBAAmB;YAErCa,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;YAChC,gEAAgE;YAChEjB,gBAAgB,GAAGS,MAAO,QAAA;QAC5B,CAAC;IACH,CAAC;AACH,CAAC;AAEM,MAAMP,gBAAgB,GAAG,kBAC9B,6BAACe,OAAK,eACA;QAAE,CAACD,UAAwB,yBAAA,CAAC,EAAE,IAAI;KAAE;QACxCO,uBAAuB,EAAE;YAAEC,MAAM,EAAEvB,mBAAmB;SAAE;OACxD,AACH"}
+{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-colors.tsx"],"sourcesContent":["import { themeDark, themeLight } from '../themes'\nimport { generateCssColorVariables } from '../utils/generate-css-color-variables'\nimport { globalStyleDataAttribute, ThemeName } from '../constants'\nimport { VOID_FN } from '@lidofinance/utils'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing CSS themes that defines custom CSS variables with palette to\n * make HTML document styled even before any code is loaded\n * */\n\nconst darkThemeColors = generateCssColorVariables(themeDark.colors)\nconst lightThemeColors = generateCssColorVariables(themeLight.colors)\n\nexport let initGlobalColors = VOID_FN\nexport const themeCSSValueString = `\nhtml, [data-lido-theme='${ThemeName.light}'] {\ncolor-theme: light;\n${lightThemeColors}\n}\n@media (prefers-color-scheme: dark) {\nhtml:not([data-lido-theme='${ThemeName.light}']) { \ncolor-theme: dark;\n${darkThemeColors} \n}\n}\n[data-lido-theme='${ThemeName.dark}'] {\ncolor-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.innerHTML = 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\n    {...{ [globalStyleDataAttribute]: true }}\n    dangerouslySetInnerHTML={{ __html: themeCSSValueString }}\n  />\n)\n"],"names":["initGlobalColors","themeCSSValueString","StyleThemeColors","darkThemeColors","generateCssColorVariables","themeDark","colors","lightThemeColors","themeLight","VOID_FN","ThemeName","light","dark","window","document","querySelector","globalStyleDataAttribute","style","createElement","setAttribute","innerHTML","head","appendChild","dangerouslySetInnerHTML","__html"],"mappings":"AAAA;;;;;;;;;;;IAkBWA,gBAAgB,MAAhBA,gBAAgB;IACdC,mBAAmB,MAAnBA,mBAAmB;IA8BnBC,gBAAgB,MAAhBA,gBAAgB;;;wBAjDS,WAAW;2CACP,uCAAuC;2BAC7B,cAAc;uBAC1C,mBAAoB;AAE5C;;;;;;;;GAQG,GAEH,MAAMC,eAAe,GAAGC,IAAAA,0BAAyB,0BAAA,EAACC,OAAS,UAAA,CAACC,MAAM,CAAC;AACnE,MAAMC,gBAAgB,GAAGH,IAAAA,0BAAyB,0BAAA,EAACI,OAAU,WAAA,CAACF,MAAM,CAAC;AAE9D,IAAIN,gBAAgB,GAAGS,MAAO,QAAA;AAC9B,MAAMR,mBAAmB,GAAG,CAAC;wBACZ,EAAES,UAAS,UAAA,CAACC,KAAK,CAAC;;AAE1C,EAAEJ,gBAAgB,CAAC;;;2BAGQ,EAAEG,UAAS,UAAA,CAACC,KAAK,CAAC;;AAE7C,EAAER,eAAe,CAAC;;;kBAGA,EAAEO,UAAS,UAAA,CAACE,IAAI,CAAC;;AAEnC,EAAET,eAAe,CAAC;CACjB,CAAC;AAEF,IAAI,OAAOU,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAC,MAAM,EAAEC,UAAwB,yBAAA,CAAC,CAAC,CAAC,CAAC,EAAE;QACjEhB,gBAAgB,GAAG,IAAM;YACvB,MAAMiB,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;YAC7CD,KAAK,CAACE,YAAY,CAACH,UAAwB,yBAAA,EAAE,EAAE,CAAC;YAChDC,KAAK,CAACG,SAAS,GAAGnB,mBAAmB;YAErCa,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;YAChC,gEAAgE;YAChEjB,gBAAgB,GAAGS,MAAO,QAAA;QAC5B,CAAC;IACH,CAAC;AACH,CAAC;AAEM,MAAMP,gBAAgB,GAAG,kBAC9B,qBAACe,OAAK;QACE,CAACD,UAAwB,yBAAA,CAAC,EAAE,IAAI;QACtCO,uBAAuB,EAAE;YAAEC,MAAM,EAAEvB,mBAAmB;SAAE;MACxD,AACH"}

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

@@ -13,8 +13,7 @@ _export(exports, {
     initGlobalCookieTheme: ()=>initGlobalCookieTheme,
     ScriptThemeValue: ()=>ScriptThemeValue
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _utils = require("../../utils/index");
 const _constants = require("../constants");
 const _setThemeCookie = require("../utils/set-theme-cookie");
@@ -59,7 +58,7 @@ let initGlobalCookieTheme = typeof window === 'undefined' ? _utils.VOID_FN : ()=
         setTheme();
     };
 };
-const ScriptThemeValue = ()=>/*#__PURE__*/ _react.default.createElement("script", {
+const ScriptThemeValue = ()=>/*#__PURE__*/ (0, _jsxRuntime.jsx)("script", {
         dangerouslySetInnerHTML: {
             __html: `(${themeScriptValueString.toString()})("${_constants.themeCookieKey}")`
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import React from 'react'\nimport { VOID_FN } from '@lidofinance/utils'\nimport { themeCookieKey, ThemeName } from '../constants'\nimport { setThemeCookie } from '../utils/set-theme-cookie'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing JS code that reads/writes cookie value, including <script> element to inject\n * */\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n *  __PURE__ annotation may throw an error on some external usage cases\n *  (with chances, but it is better than nothing)\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\n  if (!window.matchMedia) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  const match = window.matchMedia('(prefers-color-scheme: dark)')\n  const setTheme = () => {\n    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n    const themeCookie =\n      (document.cookie.match(cookieMatcher)?.[2] as ThemeName) ?? null\n    if (themeCookie) {\n      document.documentElement.dataset.lidoTheme = themeCookie\n    } else {\n      delete document.documentElement.dataset.lidoTheme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport let updateGlobalTheme: (theme: string) => void = VOID_FN\n\nexport let initGlobalCookieTheme =\n  typeof window === 'undefined'\n    ? VOID_FN\n    : () => {\n        const setTheme = themeScriptValueString(themeCookieKey)\n        initGlobalCookieTheme = VOID_FN\n        updateGlobalTheme = (theme: ThemeName) => {\n          setThemeCookie(theme)\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script\n    dangerouslySetInnerHTML={{\n      __html: `(${themeScriptValueString.toString()})(\"${themeCookieKey}\")`,\n    }}\n  />\n)\n"],"names":["updateGlobalTheme","initGlobalCookieTheme","ScriptThemeValue","themeScriptValueString","key","window","matchMedia","match","setTheme","document","cookieMatcher","RegExp","themeCookie","cookie","documentElement","dataset","lidoTheme","addEventListener","VOID_FN","themeCookieKey","theme","setThemeCookie","script","dangerouslySetInnerHTML","__html","toString"],"mappings":"AAAA;;;;;;;;;;;IA0CWA,iBAAiB,MAAjBA,iBAAiB;IAEjBC,qBAAqB,MAArBA,qBAAqB;IAYnBC,gBAAgB,MAAhBA,gBAAgB;;;4DAxDX,OAAO;uBACD,mBAAoB;2BACF,cAAc;gCACzB,2BAA2B;AAE1D;;;;;;;GAOG,GAEH;;;;GAIG,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;YAGlBC,GAAoC;QAFvC,MAAMC,aAAa,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEP,GAAG,CAAC,QAAQ,CAAC,CAAC;YAErD,IAAwD;QAD1D,MAAMQ,WAAW,GACf,CAAA,IAAwD,GAAvDH,CAAAA,GAAoC,GAApCA,QAAQ,CAACI,MAAM,CAACN,KAAK,CAACG,aAAa,CAAC,cAApCD,GAAoC,WAAK,GAAzCA,KAAAA,CAAyC,GAAzCA,GAAoC,AAAE,CAAC,CAAC,CAAC,cAA1C,IAAwD,cAAxD,IAAwD,GAAI,IAAI;QAClE,IAAIG,WAAW,EAAE;YACfH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS,GAAGJ,WAAW;QAC1D,OAAO;YACL,OAAOH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS;QACnD,CAAC;IACH,CAAC;IACDR,QAAQ,EAAE;IACVD,KAAK,CAACU,gBAAgB,CAAC,QAAQ,EAAET,QAAQ,CAAC;IAC1C,OAAOA,QAAQ,CAAA;AACjB,CAAC;AAGM,IAAIR,iBAAiB,GAA4BkB,MAAO,QAAA;AAExD,IAAIjB,qBAAqB,GAC9B,OAAOI,MAAM,KAAK,WAAW,GACzBa,MAAO,QAAA,GACP,IAAM;IACJ,MAAMV,QAAQ,GAAGL,sBAAsB,CAACgB,UAAc,eAAA,CAAC;IACvDlB,qBAAqB,GAAGiB,MAAO,QAAA;IAC/BlB,iBAAiB,GAAG,CAACoB,KAAgB,GAAK;QACxCC,IAAAA,eAAc,eAAA,EAACD,KAAK,CAAC;QACrBZ,QAAQ,EAAE;IACZ,CAAC;AACH,CAAC;AAEA,MAAMN,gBAAgB,GAAG,kBAC9B,6BAACoB,QAAM;QACLC,uBAAuB,EAAE;YACvBC,MAAM,EAAE,CAAC,CAAC,EAAErB,sBAAsB,CAACsB,QAAQ,EAAE,CAAC,GAAG,EAAEN,UAAc,eAAA,CAAC,EAAE,CAAC;SACtE;MACD,AACH"}
+{"version":3,"sources":["../../../../packages/theme/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import { VOID_FN } from '@lidofinance/utils'\nimport { themeCookieKey, ThemeName } from '../constants'\nimport { setThemeCookie } from '../utils/set-theme-cookie'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing JS code that reads/writes cookie value, including <script> element to inject\n * */\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n *  __PURE__ annotation may throw an error on some external usage cases\n *  (with chances, but it is better than nothing)\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\n  if (!window.matchMedia) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  const match = window.matchMedia('(prefers-color-scheme: dark)')\n  const setTheme = () => {\n    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n    const themeCookie =\n      (document.cookie.match(cookieMatcher)?.[2] as ThemeName) ?? null\n    if (themeCookie) {\n      document.documentElement.dataset.lidoTheme = themeCookie\n    } else {\n      delete document.documentElement.dataset.lidoTheme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport let updateGlobalTheme: (theme: string) => void = VOID_FN\n\nexport let initGlobalCookieTheme =\n  typeof window === 'undefined'\n    ? VOID_FN\n    : () => {\n        const setTheme = themeScriptValueString(themeCookieKey)\n        initGlobalCookieTheme = VOID_FN\n        updateGlobalTheme = (theme: ThemeName) => {\n          setThemeCookie(theme)\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script\n    dangerouslySetInnerHTML={{\n      __html: `(${themeScriptValueString.toString()})(\"${themeCookieKey}\")`,\n    }}\n  />\n)\n"],"names":["updateGlobalTheme","initGlobalCookieTheme","ScriptThemeValue","themeScriptValueString","key","window","matchMedia","match","setTheme","document","cookieMatcher","RegExp","themeCookie","cookie","documentElement","dataset","lidoTheme","addEventListener","VOID_FN","themeCookieKey","theme","setThemeCookie","script","dangerouslySetInnerHTML","__html","toString"],"mappings":"AAAA;;;;;;;;;;;IAyCWA,iBAAiB,MAAjBA,iBAAiB;IAEjBC,qBAAqB,MAArBA,qBAAqB;IAYnBC,gBAAgB,MAAhBA,gBAAgB;;;uBAvDL,mBAAoB;2BACF,cAAc;gCACzB,2BAA2B;AAE1D;;;;;;;GAOG,GAEH;;;;GAIG,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;YAGlBC,GAAoC;QAFvC,MAAMC,aAAa,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEP,GAAG,CAAC,QAAQ,CAAC,CAAC;YAErD,IAAwD;QAD1D,MAAMQ,WAAW,GACf,CAAA,IAAwD,GAAvDH,CAAAA,GAAoC,GAApCA,QAAQ,CAACI,MAAM,CAACN,KAAK,CAACG,aAAa,CAAC,cAApCD,GAAoC,WAAK,GAAzCA,KAAAA,CAAyC,GAAzCA,GAAoC,AAAE,CAAC,CAAC,CAAC,cAA1C,IAAwD,cAAxD,IAAwD,GAAI,IAAI;QAClE,IAAIG,WAAW,EAAE;YACfH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS,GAAGJ,WAAW;QAC1D,OAAO;YACL,OAAOH,QAAQ,CAACK,eAAe,CAACC,OAAO,CAACC,SAAS;QACnD,CAAC;IACH,CAAC;IACDR,QAAQ,EAAE;IACVD,KAAK,CAACU,gBAAgB,CAAC,QAAQ,EAAET,QAAQ,CAAC;IAC1C,OAAOA,QAAQ,CAAA;AACjB,CAAC;AAGM,IAAIR,iBAAiB,GAA4BkB,MAAO,QAAA;AAExD,IAAIjB,qBAAqB,GAC9B,OAAOI,MAAM,KAAK,WAAW,GACzBa,MAAO,QAAA,GACP,IAAM;IACJ,MAAMV,QAAQ,GAAGL,sBAAsB,CAACgB,UAAc,eAAA,CAAC;IACvDlB,qBAAqB,GAAGiB,MAAO,QAAA;IAC/BlB,iBAAiB,GAAG,CAACoB,KAAgB,GAAK;QACxCC,IAAAA,eAAc,eAAA,EAACD,KAAK,CAAC;QACrBZ,QAAQ,EAAE;IACZ,CAAC;AACH,CAAC;AAEA,MAAMN,gBAAgB,GAAG,kBAC9B,qBAACoB,QAAM;QACLC,uBAAuB,EAAE;YACvBC,MAAM,EAAE,CAAC,CAAC,EAAErB,sBAAsB,CAACsB,QAAQ,EAAE,CAAC,GAAG,EAAEN,UAAc,eAAA,CAAC,EAAE,CAAC;SACtE;MACD,AACH"}

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

@@ -13,8 +13,7 @@ _export(exports, {
     initColors: ()=>initColors,
     LidoUIHead: ()=>LidoUIHead
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _elementFonts = require("./element-fonts");
 const _elementThemeColors = require("./element-theme-colors");
 const _elementThemeScript = require("./element-theme-script");
@@ -24,7 +23,13 @@ const initColors = ()=>{
 };
 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);
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            cssStyleVars ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_elementThemeColors.StyleThemeColors, {}) : null,
+            jsStyleScript ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_elementThemeScript.ScriptThemeValue, {}) : null,
+            cssFont ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_elementFonts.Fonts, {}) : null
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/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"}
+{"version":3,"sources":["../../../../packages/theme/document-head-contents/index.tsx"],"sourcesContent":["import { 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;;;8BAVD,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;;YACGF,YAAY,iBAAG,qBAACG,mBAAgB,iBAAA,KAAG,GAAG,IAAI;YAC1CD,aAAa,iBAAG,qBAACE,mBAAgB,iBAAA,KAAG,GAAG,IAAI;YAC3CH,OAAO,iBAAG,qBAACN,aAAK,MAAA,KAAG,GAAG,IAAI;;MAC1B;AAAD,CACH"}

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

@@ -13,10 +13,8 @@ _export(exports, {
     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 _jsxRuntime = require("react/jsx-runtime");
 const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
 const _themes = require("./themes");
 const _documentHeadContents = require("./document-head-contents/index");
@@ -40,15 +38,22 @@ const ThemeProvider = (param)=>{
         // 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__*/ _react.default.createElement(StyledWrapper, _extends({}, props), /*#__PURE__*/ _react.default.createElement(_styledComponents.ThemeProvider, _extends({
-        theme: theme
-    }, rest), children));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(StyledWrapper, {
+        ...props,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+            theme: theme,
+            ...rest,
+            children: children
+        })
+    });
 };
-const LightThemeProvider = (props)=>/*#__PURE__*/ _react.default.createElement(ThemeProvider, _extends({}, props, {
+const LightThemeProvider = (props)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(ThemeProvider, {
+        ...props,
         theme: _themes.themeLight
-    }));
-const DarkThemeProvider = (props)=>/*#__PURE__*/ _react.default.createElement(ThemeProvider, _extends({}, props, {
+    });
+const DarkThemeProvider = (props)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(ThemeProvider, {
+        ...props,
         theme: _themes.themeDark
-    }));
+    });
 
 //# sourceMappingURL=theme-provider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/theme/theme-provider.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react'\nimport styled, { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport { reverseThemeMap, themeDark, themeDefault, themeLight } from './themes'\nimport { initColors } from './document-head-contents'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables'\nimport { Theme } from './types'\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":["ThemeProvider","LightThemeProvider","DarkThemeProvider","initColors","StyledWrapper","styled","div","colors","generateCssColorVariables","theme","themeDefault","children","rest","internalThemeName","reverseThemeMap","get","props","StyledThemeProvider","themeLight","themeDark"],"mappings":"AAAA;;;;;;;;;;;IAcaA,aAAa,MAAbA,aAAa;IAyBbC,kBAAkB,MAAlBA,kBAAkB;IAIlBC,iBAAiB,MAAjBA,iBAAiB;;;;;4DA3Ce,OAAO;wEACS,mBAAmB;wBACX,UAAU;sCACpD,gCAA0B;2CACX,sCAAsC;AAGhF,6GAA6G;AAC7GC,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,GAA6C,SAIjE;QAJkE,EACtES,KAAK,EAAGC,OAAY,aAAA,CAAA,EACpBC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR;IACC,MAAMC,iBAAiB,GAAGC,OAAe,gBAAA,CAACC,GAAG,CAACN,KAAK,CAAC;IACpD,MAAMO,KAAK,GAAGH,iBAAiB,GAC3B;QACE,gHAAgH;QAChH,iBAAiB,EAAEA,iBAAiB;KACrC,GACD;QACE,qHAAqH;QACrHN,MAAM,EAAEE,KAAK,CAACF,MAAM;KACrB;IAEL,qBACE,6BAACH,aAAa,eAAKY,KAAK,iBACtB,6BAACC,iBAAmB,cAAA;QAACR,KAAK,EAAEA,KAAK;OAAMG,IAAI,GACxCD,QAAQ,CACW,CACR,CACjB;AACH,CAAC;AAEM,MAAMV,kBAAkB,GAA0B,CAACe,KAAK,iBAC7D,6BAAChB,aAAa,eAAKgB,KAAK;QAAEP,KAAK,EAAES,OAAU,WAAA;OAAI,AAChD;AAEM,MAAMhB,iBAAiB,GAA0B,CAACc,KAAK,iBAC5D,6BAAChB,aAAa,eAAKgB,KAAK;QAAEP,KAAK,EAAEU,OAAS,UAAA;OAAI,AAC/C"}
+{"version":3,"sources":["../../../packages/theme/theme-provider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react'\nimport styled, { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport { reverseThemeMap, themeDark, themeDefault, themeLight } from './themes'\nimport { initColors } from './document-head-contents'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables'\nimport { Theme } from './types'\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":["ThemeProvider","LightThemeProvider","DarkThemeProvider","initColors","StyledWrapper","styled","div","colors","generateCssColorVariables","theme","themeDefault","children","rest","internalThemeName","reverseThemeMap","get","props","StyledThemeProvider","themeLight","themeDark"],"mappings":"AAAA;;;;;;;;;;;IAcaA,aAAa,MAAbA,aAAa;IAyBbC,kBAAkB,MAAlBA,kBAAkB;IAIlBC,iBAAiB,MAAjBA,iBAAiB;;;;wEA1C+B,mBAAmB;wBACX,UAAU;sCACpD,gCAA0B;2CACX,sCAAsC;AAGhF,6GAA6G;AAC7GC,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,GAA6C,SAIjE;QAJkE,EACtES,KAAK,EAAGC,OAAY,aAAA,CAAA,EACpBC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR;IACC,MAAMC,iBAAiB,GAAGC,OAAe,gBAAA,CAACC,GAAG,CAACN,KAAK,CAAC;IACpD,MAAMO,KAAK,GAAGH,iBAAiB,GAC3B;QACE,gHAAgH;QAChH,iBAAiB,EAAEA,iBAAiB;KACrC,GACD;QACE,qHAAqH;QACrHN,MAAM,EAAEE,KAAK,CAACF,MAAM;KACrB;IAEL,qBACE,qBAACH,aAAa;QAAE,GAAGY,KAAK;kBACtB,cAAA,qBAACC,iBAAmB,cAAA;YAACR,KAAK,EAAEA,KAAK;YAAG,GAAGG,IAAI;sBACxCD,QAAQ;UACW;MACR,CACjB;AACH,CAAC;AAEM,MAAMV,kBAAkB,GAA0B,CAACe,KAAK,iBAC7D,qBAAChB,aAAa;QAAE,GAAGgB,KAAK;QAAEP,KAAK,EAAES,OAAU,WAAA;MAAI,AAChD;AAEM,MAAMhB,iBAAiB,GAA0B,CAACc,KAAK,iBAC5D,qBAAChB,aAAa;QAAE,GAAGgB,KAAK;QAAEP,KAAK,EAAEU,OAAS,UAAA;MAAI,AAC/C"}

package/dist/cjs/toast/ToastPending.js

@@ -6,13 +6,19 @@ Object.defineProperty(exports, "ToastPending", {
     enumerable: true,
     get: ()=>ToastPending
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _reactToastify = require("react-toastify");
 const _toastPendingStyles = require("./ToastPendingStyles");
 const _toastsDefaultOptions = require("./toastsDefaultOptions");
 function ToastPending(content, options) {
-    return (0, _reactToastify.toast)(/*#__PURE__*/ _react.default.createElement(_toastPendingStyles.ToastPendingStyle, null, /*#__PURE__*/ _react.default.createElement(_toastPendingStyles.ToastPendingLoaderStyle, null), /*#__PURE__*/ _react.default.createElement(_toastPendingStyles.ToastPendingTextStyle, null, content)), {
+    return (0, _reactToastify.toast)(/*#__PURE__*/ (0, _jsxRuntime.jsxs)(_toastPendingStyles.ToastPendingStyle, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_toastPendingStyles.ToastPendingLoaderStyle, {}),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_toastPendingStyles.ToastPendingTextStyle, {
+                children: content
+            })
+        ]
+    }), {
         ..._toastsDefaultOptions.TOASTS_PENDING_OPTIONS,
         ...options || {}
     });

package/dist/cjs/toast/ToastPending.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import React, { ReactText } from 'react'\nimport { toast, ToastOptions } from 'react-toastify'\nimport {\n  ToastPendingLoaderStyle,\n  ToastPendingStyle,\n  ToastPendingTextStyle,\n} from './ToastPendingStyles'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastPending(\n  content: JSX.Element,\n  options?: ToastOptions,\n): ReactText {\n  return toast(\n    <ToastPendingStyle>\n      <ToastPendingLoaderStyle />\n      {/* eslint-disable-next-line */}\n      <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n    </ToastPendingStyle>,\n    { ...TOASTS_PENDING_OPTIONS, ...(options || {}) },\n  )\n}\n"],"names":["ToastPending","content","options","toast","ToastPendingStyle","ToastPendingLoaderStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS"],"mappings":"AAAA;;;;+BASgBA,cAAY;;aAAZA,YAAY;;;4DATK,OAAO;+BACJ,gBAAgB;oCAK7C,sBAAsB;sCACU,wBAAwB;AAExD,SAASA,YAAY,CAC1BC,OAAoB,EACpBC,OAAsB,EACX;IACX,OAAOC,IAAAA,cAAK,MAAA,gBACV,6BAACC,mBAAiB,kBAAA,sBAChB,6BAACC,mBAAuB,wBAAA,OAAG,gBAE3B,6BAACC,mBAAqB,sBAAA,QAAEL,OAAO,CAAgC,CAC7C,EACpB;QAAE,GAAGM,qBAAsB,uBAAA;QAAE,GAAIL,OAAO,IAAI,EAAE;KAAG,CAClD,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions } from 'react-toastify'\nimport {\n  ToastPendingLoaderStyle,\n  ToastPendingStyle,\n  ToastPendingTextStyle,\n} from './ToastPendingStyles'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastPending(\n  content: JSX.Element,\n  options?: ToastOptions,\n): ReactText {\n  return toast(\n    <ToastPendingStyle>\n      <ToastPendingLoaderStyle />\n      {/* eslint-disable-next-line */}\n      <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n    </ToastPendingStyle>,\n    { ...TOASTS_PENDING_OPTIONS, ...(options || {}) },\n  )\n}\n"],"names":["ToastPending","content","options","toast","ToastPendingStyle","ToastPendingLoaderStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS"],"mappings":"AAAA;;;;+BASgBA,cAAY;;aAAZA,YAAY;;;+BARQ,gBAAgB;oCAK7C,sBAAsB;sCACU,wBAAwB;AAExD,SAASA,YAAY,CAC1BC,OAAoB,EACpBC,OAAsB,EACX;IACX,OAAOC,IAAAA,cAAK,MAAA,gBACV,sBAACC,mBAAiB,kBAAA;;0BAChB,qBAACC,mBAAuB,wBAAA,KAAG;0BAE3B,qBAACC,mBAAqB,sBAAA;0BAAEL,OAAO;cAAgC;;MAC7C,EACpB;QAAE,GAAGM,qBAAsB,uBAAA;QAAE,GAAIL,OAAO,IAAI,EAAE;KAAG,CAClD,CAAA;AACH,CAAC"}