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

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

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    sizes: ()=>sizes,
+    TextStyle: ()=>TextStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const sizes = {
+    xxs: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xxs;
+    }}px;
+    line-height: 1.5em;
+  `,
+    xs: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xs;
+    }}px;
+    line-height: 1.5em;
+  `,
+    sm: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.sm;
+    }}px;
+    line-height: 1.5em;
+  `,
+    md: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.md;
+    }}px;
+    line-height: 1.5em;
+  `,
+    lg: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.lg;
+    }}px;
+    line-height: 1.4em;
+  `,
+    xl: (0, _styledComponents.css)`
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xl;
+    }}px;
+    line-height: 1.4em;
+  `
+};
+const getTextColor = (props)=>{
+    const { theme: { colors  } , color ,  } = props;
+    const colorsMap = {
+        default: colors.text,
+        secondary: colors.textSecondary,
+        primary: colors.primary,
+        warning: colors.warning,
+        error: colors.error,
+        success: colors.success
+    };
+    return colorsMap[color];
+};
+const getTextDecoration = (props)=>{
+    const { underline , strikeThrough  } = props;
+    switch(true){
+        case underline:
+            return 'underline';
+        case strikeThrough:
+            return 'line-through';
+        default:
+            return 'none';
+    }
+};
+const TextStyle = _styledComponents.default.p`
+  ${(param)=>{
+    let { strong , italic , size  } = param;
+    return (0, _styledComponents.css)`
+    font-style: ${italic ? 'italic' : 'normal'};
+    font-weight: ${strong ? 700 : 400};
+    margin: 0;
+    padding: 0;
+    color: ${getTextColor};
+    text-decoration: ${getTextDecoration};
+    ${sizes[size]}
+  `;
+}}
+`;
+
+//# sourceMappingURL=TextStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/text/src/TextStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { TextColors, TextProps, TextSizes } 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  theme: Theme\n} & Omit<TextProps, 'color' | 'size'>\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  ${({ strong, italic, size }) => css`\n    font-style: ${italic ? 'italic' : 'normal'};\n    font-weight: ${strong ? 700 : 400};\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","strong","italic","size"],"mappings":"AAAA;;;;;;;;;;;IAIaA,KAAK,MAALA,KAAK;IAkELC,SAAS,MAATA,SAAS;;;wEAtEM,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;AAQD,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,GAAG,GAAG,GAAG,GAAG,CAAC;;;WAG3B,EAAElB,YAAY,CAAC;qBACL,EAAEa,iBAAiB,CAAC;IACrC,EAAExB,KAAK,CAAC+B,IAAI,CAAC,CAAC;EAChB,CAAC;AAAD,CAAC,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Text", {
+    enumerable: true,
+    get: ()=>_text.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _text = /*#__PURE__*/ _interopRequireDefault(require("./Text"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/text/src/index.ts"],"sourcesContent":["export { default as Text } from './Text'\nexport * from './types'\n"],"names":["Text"],"mappings":"AAAA;;;;+BAAoBA,MAAI;;aAAJA,KAAI,QAAA;;;;2DAAQ,QAAQ;oBAC1B,SAAS"}

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TextColor: ()=>TextColor,
+    TextSize: ()=>TextSize
+});
+var TextColor;
+(function(TextColor) {
+    TextColor[TextColor["default"] = 0] = "default";
+    TextColor[TextColor["secondary"] = 1] = "secondary";
+    TextColor[TextColor["primary"] = 2] = "primary";
+    TextColor[TextColor["warning"] = 3] = "warning";
+    TextColor[TextColor["error"] = 4] = "error";
+    TextColor[TextColor["success"] = 5] = "success";
+})(TextColor || (TextColor = {}));
+var TextSize;
+(function(TextSize) {
+    TextSize[TextSize["xxs"] = 0] = "xxs";
+    TextSize[TextSize["xs"] = 1] = "xs";
+    TextSize[TextSize["sm"] = 2] = "sm";
+    TextSize[TextSize["md"] = 3] = "md";
+    TextSize[TextSize["lg"] = 4] = "lg";
+    TextSize[TextSize["xl"] = 5] = "xl";
+})(TextSize || (TextSize = {}));
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/text/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport enum TextColor {\n  default,\n  secondary,\n  primary,\n  warning,\n  error,\n  success,\n}\nexport type TextColors = keyof typeof TextColor\n\nexport enum TextSize {\n  xxs,\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type TextSizes = keyof typeof TextSize\n\nexport type TextProps = LidoComponentProps<\n  'p',\n  {\n    color?: TextColors\n    size?: TextSizes\n    underline?: boolean\n    strikeThrough?: boolean\n    strong?: boolean\n    italic?: boolean\n  }\n>\n"],"names":["TextColor","default","secondary","primary","warning","error","success","TextSize","xxs","xs","sm","md","lg","xl"],"mappings":"AAAA;;;;;;;;;;;;;;IAEO,SAON;UAPWA,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,SAAS,CAATA,SAAS,CAEnBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,SAAS,CAATA,SAAS,CAGnBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,SAAS,CAATA,SAAS,CAInBI,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAJGJ,SAAS,CAATA,SAAS,CAKnBK,OAAK,IAALA,CAAK,IAALA,OAAK;IALKL,SAAS,CAATA,SAAS,CAMnBM,SAAO,IAAPA,CAAO,IAAPA,SAAO;GANGN,SAAS,KAATA,SAAS;IAUd,QAON;UAPWO,QAAQ;IAARA,QAAQ,CAARA,QAAQ,CAClBC,KAAG,IAAHA,CAAG,IAAHA,KAAG;IADOD,QAAQ,CAARA,QAAQ,CAElBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,QAAQ,CAARA,QAAQ,CAGlBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,QAAQ,CAARA,QAAQ,CAIlBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,QAAQ,CAARA,QAAQ,CAKlBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;IALQL,QAAQ,CAARA,QAAQ,CAMlBM,IAAE,IAAFA,CAAE,IAAFA,IAAE;GANQN,QAAQ,KAARA,QAAQ"}

package/dist/cjs/theme/src/base/borders.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const borderRadiuses = [
+    4,
+    6,
+    8,
+    10,
+    12
+];
+const borderRadiusesMap = {
+    xs: 4,
+    sm: 6,
+    md: 8,
+    lg: 10,
+    xl: 20
+};
+const _default = {
+    borderRadiuses,
+    borderRadiusesMap
+};
+
+//# sourceMappingURL=borders.js.map

package/dist/cjs/theme/src/base/borders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/theme/src/base/borders.ts"],"sourcesContent":["const borderRadiuses = [4, 6, 8, 10, 12] as const\n\nconst borderRadiusesMap = {\n  xs: 4,\n  sm: 6,\n  md: 8,\n  lg: 10,\n  xl: 20,\n} as const\n\nexport default {\n  borderRadiuses,\n  borderRadiusesMap,\n}\n"],"names":["borderRadiuses","borderRadiusesMap","xs","sm","md","lg","xl"],"mappings":"AAAA;;;;+BAUA,SAGC;;aAHD,QAGC;;AAbD,MAAMA,cAAc,GAAG;AAAC,KAAC;AAAE,KAAC;AAAE,KAAC;AAAE,MAAE;AAAE,MAAE;CAAC,AAAS;AAEjD,MAAMC,iBAAiB,GAAG;IACxBC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;CACP,AAAS;MAEV,QAGC,GAHc;IACbN,cAAc;IACdC,iBAAiB;CAClB"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+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
+];
+const _default = {
+    breakpoints,
+    breakpointsMap,
+    mediaQueries
+};
+
+//# sourceMappingURL=breakpoints.js.map

package/dist/cjs/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":"AAAA;;;;+BAmCA,SAIC;;aAJD,QAIC;;AAlCD,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;MAE5D,QAIC,GAJc;IACbO,WAAW;IACXD,cAAc;IACdD,YAAY;CACb"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+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'
+};
+const _default = {
+    colors
+};
+
+//# sourceMappingURL=colors.js.map

package/dist/cjs/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;;;;+BA2BA,SAAyB;;aAAzB,QAAyB;;AA3BzB,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;MAEV,QAAyB,GAAV;IAAEpB,MAAM;CAAE"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _colors = /*#__PURE__*/ _interopRequireDefault(require("./colors"));
+const _breakpoints = /*#__PURE__*/ _interopRequireDefault(require("./breakpoints"));
+const _spacing = /*#__PURE__*/ _interopRequireDefault(require("./spacing"));
+const _transitions = /*#__PURE__*/ _interopRequireDefault(require("./transitions"));
+const _typography = /*#__PURE__*/ _interopRequireDefault(require("./typography"));
+const _borders = /*#__PURE__*/ _interopRequireDefault(require("./borders"));
+const _shadows = /*#__PURE__*/ _interopRequireDefault(require("./shadows"));
+const _default = {
+    ..._spacing.default,
+    ..._breakpoints.default,
+    ..._colors.default,
+    ..._transitions.default,
+    ..._typography.default,
+    ..._borders.default,
+    ..._shadows.default
+};
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/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":["spacing","breakpoints","colors","transitions","typography","borders","shadows"],"mappings":"AAAA;;;;+BAQA,SAQC;;aARD,QAQC;;;6DAhBkB,UAAU;kEACL,eAAe;8DACnB,WAAW;kEACP,eAAe;iEAChB,cAAc;8DACjB,WAAW;8DACX,WAAW;MAE/B,QAQC,GARc;IACb,GAAGA,QAAO,QAAA;IACV,GAAGC,YAAW,QAAA;IACd,GAAGC,OAAM,QAAA;IACT,GAAGC,YAAW,QAAA;IACd,GAAGC,WAAU,QAAA;IACb,GAAGC,QAAO,QAAA;IACV,GAAGC,QAAO,QAAA;CACX"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+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'
+};
+const _default = {
+    boxShadows
+};
+
+//# sourceMappingURL=shadows.js.map

package/dist/cjs/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;;;;+BASA,SAA6B;;aAA7B,QAA6B;;AAT7B,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;MAEV,QAA6B,GAAd;IAAEN,UAAU;CAAE"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const space = [
+    4,
+    8,
+    16,
+    24,
+    32
+];
+const spaceMap = {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 20,
+    xl: 24,
+    xxl: 32
+};
+const _default = {
+    space,
+    spaceMap
+};
+
+//# sourceMappingURL=spacing.js.map

package/dist/cjs/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;;;;+BAWA,SAGC;;aAHD,QAGC;;AAdD,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;MAEV,QAGC,GAHc;IACbP,KAAK;IACLC,QAAQ;CACT"}

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+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)'
+};
+const _default = {
+    duration,
+    ease
+};
+
+//# sourceMappingURL=transitions.js.map

package/dist/cjs/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;;;;+BAwCA,SAGC;;aAHD,QAGC;;AA3CD,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;MAEV,QAGC,GAHc;IACb5B,QAAQ;IACRI,IAAI;CACL"}

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+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
+};
+const _default = {
+    fontSizes,
+    fontSizesMap
+};
+
+//# sourceMappingURL=typography.js.map

package/dist/cjs/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;;;;+BAeA,SAGC;;aAHD,QAGC;;AAlBD,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;MAEV,QAGC,GAHc;IACbX,SAAS;IACTC,YAAY;CACb"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    THEME: ()=>THEME,
+    LIGHT: ()=>LIGHT,
+    DARK: ()=>DARK,
+    DEFAULT_THEME_NAME: ()=>DEFAULT_THEME_NAME
+});
+const LIGHT = 'light';
+const DARK = 'dark';
+var THEME;
+(function(THEME) {
+    THEME["light"] = "light";
+    THEME["dark"] = "dark";
+})(THEME || (THEME = {}));
+const DEFAULT_THEME_NAME = THEME.light;
+
+//# sourceMappingURL=constants.js.map

package/dist/cjs/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","DEFAULT_THEME_NAME","THEME","light","dark"],"mappings":"AAAA;;;;;;;;;;;;IAAaA,KAAK,MAALA,KAAK;IACLC,IAAI,MAAJA,IAAI;IAOJC,kBAAkB,MAAlBA,kBAAkB;;AARxB,MAAMF,KAAK,GAAG,OAAO;AACrB,MAAMC,IAAI,GAAG,MAAM;IAEnB,KAGN;UAHWE,KAAK;IAALA,KAAK,CACfC,OAAK,IAALA,OAAK;IADKD,KAAK,CAEfE,MAAI,IAAJA,MAAI;GAFMF,KAAK,KAALA,KAAK;AAKV,MAAMD,kBAAkB,GAAGC,KAAK,CAACC,KAAK"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Fonts", {
+    enumerable: true,
+    get: ()=>Fonts
+});
+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.createElement("style", null, CSS_FONTS);
+
+//# sourceMappingURL=element-fonts.js.map

package/dist/cjs/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":["Fonts","CSS_FONTS","style"],"mappings":"AAAA;;;;+BAMaA,OAAK;;aAALA,KAAK;;AANlB,MAAMC,SAAS,GAAG,CAAC;;;;CAIlB,CAAC;AAEK,MAAMD,KAAK,GAAG,kBAAmB,oBAACE,OAAK,QAAED,SAAS,CAAS"}

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    initGlobalColors: ()=>initGlobalColors,
+    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 _themes = require("../themes");
+const _globals = require("../globals");
+const _generateCssColorVariables = require("./utils/generate-css-color-variables");
+const darkThemeColors = (0, _generateCssColorVariables.generateCssColorVariables)(_themes.themeDark.colors);
+const lightThemeColors = (0, _generateCssColorVariables.generateCssColorVariables)(_themes.themeLight.colors);
+let initGlobalColors = _globals.VOID_FN;
+const themeCSSValueString = `
+html, [data-theme='${_globals.ThemeName.light}'] { 
+    color-theme: light;
+    ${lightThemeColors}
+}
+@media (prefers-color-scheme: dark) {
+    html:not([data-theme='${_globals.ThemeName.light}']) { 
+        color-theme: dark;
+        ${darkThemeColors} 
+    }
+}
+[data-theme='${_globals.ThemeName.dark}'] {
+    color-theme: dark;
+    ${darkThemeColors}
+}`;
+if (typeof window !== 'undefined') {
+    if (!document.querySelector(`style[${_globals.globalStyleDataAttribute}]`)) {
+        initGlobalColors = ()=>{
+            const style = document.createElement('style');
+            style.setAttribute(_globals.globalStyleDataAttribute, '');
+            style.innerText = themeCSSValueString;
+            document.head.appendChild(style);
+            // eslint-disable-next-line @typescript-eslint/no-empty-function
+            initGlobalColors = _globals.VOID_FN;
+        };
+    }
+}
+const StyleThemeColors = ()=>/*#__PURE__*/ _react.default.createElement("style", _extends({}, {
+        [_globals.globalStyleDataAttribute]: true
+    }), "`$", themeCSSValueString, "`");
+
+//# sourceMappingURL=element-theme-colors.js.map

package/dist/cjs/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":["initGlobalColors","themeCSSValueString","StyleThemeColors","darkThemeColors","generateCssColorVariables","themeDark","colors","lightThemeColors","themeLight","VOID_FN","ThemeName","light","dark","window","document","querySelector","globalStyleDataAttribute","style","createElement","setAttribute","innerText","head","appendChild"],"mappings":"AAAA;;;;;;;;;;;IAQWA,gBAAgB,MAAhBA,gBAAgB;IACdC,mBAAmB,MAAnBA,mBAAmB;IA8BnBC,gBAAgB,MAAhBA,gBAAgB;;;;4DAvCX,OAAO;wBACa,WAAW;yBACY,YAAY;2CAC/B,sCAAsC;AAEhF,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,QAAO,QAAA;AAC9B,MAAMR,mBAAmB,GAAG,CAAC;mBACjB,EAAES,QAAS,UAAA,CAACC,KAAK,CAAC;;IAEjC,EAAEJ,gBAAgB,CAAC;;;0BAGG,EAAEG,QAAS,UAAA,CAACC,KAAK,CAAC;;QAEpC,EAAER,eAAe,CAAC;;;aAGb,EAAEO,QAAS,UAAA,CAACE,IAAI,CAAC;;IAE1B,EAAET,eAAe,CAAC;CACrB,CAAC;AAEF,IAAI,OAAOU,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,CAACC,QAAQ,CAACC,aAAa,CAAC,CAAC,MAAM,EAAEC,QAAwB,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,QAAwB,yBAAA,EAAE,EAAE,CAAC;YAChDC,KAAK,CAACG,SAAS,GAAGnB,mBAAmB;YAErCa,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;YAChC,gEAAgE;YAChEjB,gBAAgB,GAAGS,QAAO,QAAA;QAC5B,CAAC;IACH,CAAC;AACH,CAAC;AAEM,MAAMP,gBAAgB,GAAG,kBAC9B,6BAACe,OAAK,eAAK;QAAE,CAACD,QAAwB,yBAAA,CAAC,EAAE,IAAI;KAAE,GAAE,IAC7C,EAACf,mBAAmB,EAAC,GACzB,CAAQ,AACT"}