@skbkontur/react-ui 0.0.0-b203c99d11 → 0.0.0-bb4cbfe9c6

package/internal/icons/SpinnerIcon/SpinnerIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.tsx"],"names":["React","cn","isIE11","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","createRotationAnimation","isTestEnv","ThemeContext","jsStyles","sizes","big","size","width","radius","normal","mini","SpinnerIcon","className","dimmed","currentSize","svgRef","useRef","fallbackAnimationRef","useContext","red","yellow","green","brand","useEffect","setStyleProperty","svg","current","style","setProperty","fallbackAnimation","stop","removeAttribute","root","icon"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { isIE11 } from '../../lib/client';\r\nimport {\r\n  SpinnerFallbackAnimationRunner,\r\n  createOffsetAnimation,\r\n  createLengthAnimation,\r\n  createColorAnimation,\r\n  createRotationAnimation,\r\n} from '../../components/Spinner/SpinnerFallbackAnimation';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nimport { jsStyles } from './SpinnerIcon.styles';\r\n\r\nexport interface SpinnerIconProps {\r\n  className: string;\r\n  size: 'mini' | 'normal' | 'big';\r\n  dimmed?: boolean;\r\n}\r\n\r\nexport const sizes = {\r\n  big: {\r\n    size: 96,\r\n    width: 4,\r\n    radius: 32,\r\n  },\r\n  normal: {\r\n    size: 48,\r\n    width: 2,\r\n    radius: 16,\r\n  },\r\n  mini: {\r\n    size: 16,\r\n    width: 1.5,\r\n    radius: 6,\r\n  },\r\n};\r\n\r\nexport const SpinnerIcon = ({ size, className, dimmed }: SpinnerIconProps) => {\r\n  const currentSize = sizes[size];\r\n  const svgRef = React.useRef<SVGSVGElement>(null);\r\n\r\n  if (isIE11 && !isTestEnv) {\r\n    // This condition will not change during app's life time\r\n    // So its OK to use hooks here\r\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\r\n\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    React.useEffect(() => {\r\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\r\n        const svg = svgRef.current;\r\n        if (svg) {\r\n          svg.style.setProperty(...args);\r\n        }\r\n      };\r\n\r\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\r\n        [\r\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\r\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\r\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\r\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\r\n        ],\r\n        1000 / 60,\r\n      );\r\n\r\n      return () => {\r\n        const fallbackAnimation = fallbackAnimationRef.current;\r\n        const svg = svgRef.current;\r\n        if (fallbackAnimation) {\r\n          fallbackAnimation.stop();\r\n        }\r\n        if (svg) {\r\n          svg.removeAttribute('style');\r\n        }\r\n      };\r\n    }, [dimmed, red, yellow, green, brand]);\r\n  }\r\n\r\n  return (\r\n    <span className={jsStyles.root()}>\r\n      <svg\r\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\r\n        className={cn(jsStyles.icon(), className)}\r\n        width={currentSize.size}\r\n        height={currentSize.size}\r\n        fill=\"none\"\r\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\r\n        strokeDashoffset=\"0\"\r\n        strokeWidth={currentSize.width}\r\n        ref={svgRef}\r\n      >\r\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\r\n      </svg>\r\n    </span>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["SpinnerIcon.tsx"],"names":["React","isIE11","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","createRotationAnimation","isTestEnv","ThemeContext","cx","styles","sizes","big","size","width","radius","normal","mini","SpinnerIcon","className","dimmed","inline","currentSize","svgRef","useRef","fallbackAnimationRef","useContext","red","yellow","green","brand","useEffect","setStyleProperty","svg","current","style","setProperty","fallbackAnimation","stop","removeAttribute","root","rootInline","icon","iconInline"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\nexport interface SpinnerIconProps {\n  className: string;\n  size: 'mini' | 'normal' | 'big';\n  dimmed?: boolean;\n  inline?: boolean;\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline }: SpinnerIconProps) => {\n  const currentSize = inline ? sizes.mini : sizes[size];\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        const svg = svgRef.current;\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        const svg = svgRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={currentSize.width}\n        ref={svgRef}\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"]}

package/internal/icons/SpinnerIcon.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 export interface SpinnerIconProps {
     className: string;
     size: 'mini' | 'normal' | 'big';
     dimmed?: boolean;
+    inline?: boolean;
 }
 export declare const sizes: {
     big: {
@@ -21,4 +21,4 @@ export declare const sizes: {
         radius: number;
     };
 };
-export declare const SpinnerIcon: ({ size, className, dimmed }: SpinnerIconProps) => JSX.Element;
+export declare const SpinnerIcon: ({ size, className, dimmed, inline }: SpinnerIconProps) => JSX.Element;

package/internal/icons/SpinnerIcon.styles/SpinnerIcon.styles.js

@@ -1,32 +1,19 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
+  },
+  rootInline: function rootInline() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
   },
   icon: function icon() {
-    return css(_templateObject2());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n    "])));
+  },
+  iconInline: function iconInline() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/internal/icons/SpinnerIcon.styles/SpinnerIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["css","memoizeStyle","styles","root","icon","jsStyles"],"mappings":"kgBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;AAKD,GAPY;;AASbI,EAAAA,IATa,kBASN;AACL,WAAOJ,GAAP;;;AAGD,GAbY,EAAf;;;AAgBA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      margin-left: -1px;\r\n      margin-right: -1px;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      margin-bottom: -3px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["css","memoizeStyle","styles","root","rootInline","icon","iconInline"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;AAKD,GAPgC;AAQjCI,EAAAA,UARiC,wBAQpB;AACX,WAAOJ,GAAP;;;;AAID,GAbgC;;AAejCK,EAAAA,IAfiC,kBAe1B;AACL,WAAOL,GAAP;;;;AAID,GApBgC;;AAsBjCM,EAAAA,UAtBiC,wBAsBpB;AACX,WAAON,GAAP;;;;;;AAMD,GA7BgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    `;\n  },\n  rootInline() {\n    return css`\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      margin-bottom: -3px;\n      border-radius: 50%;\n    `;\n  },\n\n  iconInline() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    `;\n  },\n});\n"]}

package/internal/icons/SpinnerIcon.styles.d.ts

@@ -1,4 +1,6 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
+    rootInline(): string;
     icon(): string;
+    iconInline(): string;
 };

package/internal/themes/DarkTheme/DarkTheme.js

@@ -0,0 +1,194 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import { exposeGetters } from "../../../lib/theming/ThemeHelpers";
+import { DefaultThemeInternal } from "../DefaultTheme";
+export var DarkTheme = /*#__PURE__*/function (_ref) {
+  _inheritsLoose(DarkTheme, _ref);
+
+  function DarkTheme() {
+    return _ref.apply(this, arguments) || this;
+  }
+
+  _createClass(DarkTheme, null, [{
+    key: "btnDefaultHoverBorderColor",
+    get: //#region Common variables
+    //#endregion
+    //#region Link
+    //#endregion
+    //#region Button
+    function get() {
+      return this.borderColorGrayLight;
+    }
+  }, {
+    key: "btnDefaultActiveBorderColor",
+    get: function get() {
+      return this.borderColorGrayLight;
+    }
+  }, {
+    key: "btnDefaultBorderColor",
+    get: function get() {
+      return this.borderColorGrayLight;
+    }
+  }, {
+    key: "btnSuccessTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "btnPrimaryTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "btnDangerTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "modalBodyTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "modalFooterTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    } //#endregion
+    //#region SidePage
+
+  }, {
+    key: "sidePageBodyTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "sidePageFooterTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    } //#endregion
+    //#region Calendar
+
+  }, {
+    key: "toggleBgDisabled",
+    get: function get() {
+      return this.bgDisabled;
+    }
+  }, {
+    key: "inputBorderTopColor",
+    get: function get() {
+      return this.inputBorderColor;
+    } //#endregion
+    //#region DatePicker
+
+  }, {
+    key: "passwordInputVisibilityIconColor",
+    get: //#endregion
+    //#region PasswordInput
+    function get() {
+      return this.gray;
+    }
+  }, {
+    key: "passwordInputVisibilityIconHoverColor",
+    get: function get() {
+      return this.textColorDefault;
+    } //#endregion
+    //#region Radio
+
+  }, {
+    key: "checkboxShadow",
+    get: function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " rgba(255, 255, 255, 0.32)";
+    } //#endregion
+
+  }]);
+
+  return DarkTheme;
+}( /*#__PURE__*/function () {
+  function _class() {}
+
+  return _class;
+}());
+DarkTheme.grayXLight = '#313131';
+DarkTheme.gray = 'rgba(255, 255, 255, 0.48)';
+DarkTheme.green = '#5f9c20';
+DarkTheme.greenDark = '#538a1b';
+DarkTheme.red = '#ee5042';
+DarkTheme.redDark = '#dd473b';
+DarkTheme.errorMain = '#ee5042';
+DarkTheme.errorText = '#ffa236';
+DarkTheme.borderColorGrayLight = 'rgba(255, 255, 255, 0.16)';
+DarkTheme.borderColorDisabled = 'rgba(255, 255, 255, 0.16)';
+DarkTheme.placeholderColor = 'rgba(255, 255, 255, 0.32)';
+DarkTheme.textColorDefault = 'rgba(255, 255, 255, 0.865)';
+DarkTheme.textColorDisabled = 'rgba(255, 255, 255, 0.32)';
+DarkTheme.textColorDisabledContrast = 'rgba(255, 255, 255, 0.48)';
+DarkTheme.textColorInvert = 'rgba(255, 255, 255, 0.865)';
+DarkTheme.bgDisabled = '#434343';
+DarkTheme.bgDefault = '#1f1f1f';
+DarkTheme.bgSecondary = '#333333';
+DarkTheme.outlineColorFocus = '#1f1f1f';
+DarkTheme.linkColor = '#51adff';
+DarkTheme.linkHoverColor = '#2291ff';
+DarkTheme.linkActiveColor = '#1f87ef';
+DarkTheme.linkSuccessColor = '#78bf2b';
+DarkTheme.linkSuccessHoverColor = '#6cad26';
+DarkTheme.linkSuccessActiveColor = '#5f9c20';
+DarkTheme.linkDangerColor = '#ff887b';
+DarkTheme.linkDangerHoverColor = '#ff5a49';
+DarkTheme.linkDangerActiveColor = '#ee5042';
+DarkTheme.fixedPanelShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.4)';
+DarkTheme.btnInsetColor = '#1f1f1f';
+DarkTheme.btnDefaultBg = '#282828';
+DarkTheme.btnDefaultHoverBg = 'none';
+DarkTheme.btnDefaultActiveBg = '#1a1a1a';
+DarkTheme.btnSuccessBg = '#5f9c20';
+DarkTheme.btnSuccessBorderColor = '#5f9c20';
+DarkTheme.btnSuccessActiveBg = '#3a6710';
+DarkTheme.btnSuccessActiveBorderColor = '#3a6710';
+DarkTheme.btnPrimaryBg = '#1f87ef';
+DarkTheme.btnPrimaryBorderColor = '#1f87ef';
+DarkTheme.btnPrimaryActiveBg = '#1261ae';
+DarkTheme.btnPrimaryActiveBorderColor = '#1261ae';
+DarkTheme.btnDangerBg = '#ee5042';
+DarkTheme.btnDangerBorderColor = '#ee5042';
+DarkTheme.btnDangerActiveBg = '#a92a27';
+DarkTheme.btnDangerActiveBorderColor = '#a92a27';
+DarkTheme.btnPayTextColor = '#222222';
+DarkTheme.btnPayActiveBg = '#d46421';
+DarkTheme.btnPayActiveBorderColor = '#d46421';
+DarkTheme.tooltipCloseBtnColor = 'rgba(255, 255, 255, 0.32)';
+DarkTheme.modalBackBg = 'rgba(255, 255, 255, 0.865)';
+DarkTheme.modalCloseButtonColor = 'rgba(255, 255, 255, 0.32)';
+DarkTheme.modalCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';
+DarkTheme.modalFooterBg = '#434343';
+DarkTheme.sidePageFooterPanelBg = ' #434343';
+DarkTheme.sidePageBackingBg = 'rgba(255, 255, 255, 0.865)';
+DarkTheme.sidePageCloseButtonColor = 'rgba(255, 255, 255, 0.32)';
+DarkTheme.sidePageCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';
+DarkTheme.calendarCellWeekendColor = '#ff887b';
+DarkTheme.calendarCellTodayBorder = '1px solid rgba(255, 255, 255, 0.48)';
+DarkTheme.calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.16)';
+DarkTheme.calendarMonthTitleBorderBottomColor = 'rgba(255, 255, 255, 0.08)';
+DarkTheme.pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.8)';
+DarkTheme.pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.16)';
+DarkTheme.toastLinkColor = '#51adff';
+DarkTheme.toastCloseColor = 'rgba(255, 255, 255, 0.6)';
+DarkTheme.menuItemCommentColor = 'rgba(255, 255, 255, 0.48)';
+DarkTheme.menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.08)';
+DarkTheme.toggleBorderColor = 'rgba(255, 255, 255, 0.32)';
+DarkTheme.toggleDisabledHandleBg = '#525252';
+DarkTheme.toggleBaseBg = 'rgba(255, 255, 255, 0.04)';
+DarkTheme.toggleBgDisabledChecked = 'rgba(255, 255, 255, 0.48)';
+DarkTheme.inputBg = 'rgba(255, 255, 255, 0.04)';
+DarkTheme.dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.08)';
+DarkTheme.pickerTodayWrapperBorderTop = '1px solid rgba(255, 255, 255, 0.08)';
+DarkTheme.dateInputComponentSelectedBgColor = '#1c7edf';
+DarkTheme.hintBgColor = 'rgba(67, 67, 67, 0.92)';
+DarkTheme.loaderBg = 'rgba(51, 51, 51, 0.8)';
+DarkTheme.dropdownMenuSelectedBg = 'rgba(255, 255, 255, 0.08)';
+DarkTheme.textareaBg = '#1f1f1f';
+DarkTheme.passwordInputVisibilityIconOpacity = '1';
+DarkTheme.radioBgColor = 'rgba(255, 255, 255, 0.04)';
+DarkTheme.radioBorderColor = 'rgba(255, 255, 255, 0.32)';
+DarkTheme.checkboxBg = 'rgba(255, 255, 255, 0.04)';
+export var DarkThemeInternal = Object.setPrototypeOf(exposeGetters(DarkTheme), DefaultThemeInternal);

package/internal/themes/DarkTheme/DarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DarkTheme.ts"],"names":["exposeGetters","DefaultThemeInternal","DarkTheme","borderColorGrayLight","textColorDefault","bgDisabled","inputBorderColor","gray","checkboxBorderWidth","grayXLight","green","greenDark","red","redDark","errorMain","errorText","borderColorDisabled","placeholderColor","textColorDisabled","textColorDisabledContrast","textColorInvert","bgDefault","bgSecondary","outlineColorFocus","linkColor","linkHoverColor","linkActiveColor","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","fixedPanelShadow","btnInsetColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultActiveBg","btnSuccessBg","btnSuccessBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnPrimaryBg","btnPrimaryBorderColor","btnPrimaryActiveBg","btnPrimaryActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","btnPayTextColor","btnPayActiveBg","btnPayActiveBorderColor","tooltipCloseBtnColor","modalBackBg","modalCloseButtonColor","modalCloseButtonHoverColor","modalFooterBg","sidePageFooterPanelBg","sidePageBackingBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarMonthTitleBorderBottomColor","pagingPageLinkHoverBg","pagingPageLinkActiveBg","toastLinkColor","toastCloseColor","menuItemCommentColor","menuSeparatorBorderColor","toggleBorderColor","toggleDisabledHandleBg","toggleBaseBg","toggleBgDisabledChecked","inputBg","dateSelectMenuItemBgSelected","pickerTodayWrapperBorderTop","dateInputComponentSelectedBgColor","hintBgColor","loaderBg","dropdownMenuSelectedBg","textareaBg","passwordInputVisibilityIconOpacity","radioBgColor","radioBorderColor","checkboxBg","DarkThemeInternal","Object","setPrototypeOf"],"mappings":"wIAAA,SAASA,aAAT,QAA8B,gCAA9B;;AAEA,SAASC,oBAAT,QAAqC,gBAArC;;AAEA,WAAaC,SAAb;AACE;;;;;;;;;;;;;;;;;;;;AAoBA;AACA;;;;;;;;;;;AAWA;AACA;;;;;AAKA,mBAA+C;AAC7C,aAAO,KAAKC,oBAAZ;AACD,KAzCH;AA0CE,mBAAgD;AAC9C,aAAO,KAAKA,oBAAZ;AACD,KA5CH;AA6CE,mBAA0C;AACxC,aAAO,KAAKA,oBAAZ;AACD,KA/CH;;AAiDE,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD,KAnDH;;;;;AAwDE,mBAAwC;AACtC,aAAO,KAAKA,gBAAZ;AACD,KA1DH;;;;;AA+DE,mBAAuC;AACrC,aAAO,KAAKA,gBAAZ;AACD,KAjEH;;;;;;;;;;;;;;;;AAiFE,mBAAuC;AACrC,aAAO,KAAKA,gBAAZ;AACD,KAnFH;AAoFE,mBAAyC;AACvC,aAAO,KAAKA,gBAAZ;AACD;AACD;AACA;AAxFF;;;;AA6FE,mBAA0C;AACxC,aAAO,KAAKA,gBAAZ;AACD,KA/FH;AAgGE,mBAA4C;AAC1C,aAAO,KAAKA,gBAAZ;AACD;AACD;AACA;AApGF;;;;;;;;;;;;;;;;;;;;;;;;AA6HE,mBAAqC;AACnC,aAAO,KAAKC,UAAZ;AACD,KA/HH;;;;;AAoIE,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD;AACD;AACA;AAxIF;;;;;;;;;;;;;;;;;AA0JE;AACA;AACA,mBAAqD;AACnD,aAAO,KAAKC,IAAZ;AACD,KA9JH;;AAgKE,mBAA0D;AACxD,aAAO,KAAKH,gBAAZ;AACD;AACD;AACA;AApKF;;;;;AA0KE,mBAAmC;AACjC,wBAAgB,KAAKI,mBAArB;AACD;AACD;AA7KF,2FAAaN,S,CAEGO,U,GAAa,S,CAFhBP,S,CAGGK,I,GAAO,2B,CAHVL,S,CAIGQ,K,GAAQ,S,CAJXR,S,CAKGS,S,GAAY,S,CALfT,S,CAMGU,G,GAAM,S,CANTV,S,CAOGW,O,GAAU,S,CAPbX,S,CAQGY,S,GAAY,S,CARfZ,S,CASGa,S,GAAY,S,CATfb,S,CAUGC,oB,GAAuB,2B,CAV1BD,S,CAWGc,mB,GAAsB,2B,CAXzBd,S,CAYGe,gB,GAAmB,2B,CAZtBf,S,CAaGE,gB,GAAmB,4B,CAbtBF,S,CAcGgB,iB,GAAoB,2B,CAdvBhB,S,CAeGiB,yB,GAA4B,2B,CAf/BjB,S,CAgBGkB,e,GAAkB,4B,CAhBrBlB,S,CAiBGG,U,GAAa,S,CAjBhBH,S,CAkBGmB,S,GAAY,S,CAlBfnB,S,CAmBGoB,W,GAAc,S,CAnBjBpB,S,CAoBGqB,iB,GAAoB,S,CApBvBrB,S,CAuBGsB,S,GAAY,S,CAvBftB,S,CAwBGuB,c,GAAiB,S,CAxBpBvB,S,CAyBGwB,e,GAAkB,S,CAzBrBxB,S,CA0BGyB,gB,GAAmB,S,CA1BtBzB,S,CA2BG0B,qB,GAAwB,S,CA3B3B1B,S,CA4BG2B,sB,GAAyB,S,CA5B5B3B,S,CA6BG4B,e,GAAkB,S,CA7BrB5B,S,CA8BG6B,oB,GAAuB,S,CA9B1B7B,S,CA+BG8B,qB,GAAwB,S,CA/B3B9B,S,CAgCG+B,gB,GAAmB,qC,CAhCtB/B,S,CAmCGgC,a,GAAgB,S,CAnCnBhC,S,CAoCGiC,Y,GAAe,S,CApClBjC,S,CAqCGkC,iB,GAAoB,M,CArCvBlC,S,CAsCGmC,kB,GAAqB,S,CAtCxBnC,S,CAgDGoC,Y,GAAe,S,CAhDlBpC,S,CAoDGqC,qB,GAAwB,S,CApD3BrC,S,CAqDGsC,kB,GAAqB,S,CArDxBtC,S,CAsDGuC,2B,GAA8B,S,CAtDjCvC,S,CAuDGwC,Y,GAAe,S,CAvDlBxC,S,CA2DGyC,qB,GAAwB,S,CA3D3BzC,S,CA4DG0C,kB,GAAqB,S,CA5DxB1C,S,CA6DG2C,2B,GAA8B,S,CA7DjC3C,S,CA8DG4C,W,GAAc,S,CA9DjB5C,S,CAkEG6C,oB,GAAuB,S,CAlE1B7C,S,CAmEG8C,iB,GAAoB,S,CAnEvB9C,S,CAoEG+C,0B,GAA6B,S,CApEhC/C,S,CAqEGgD,e,GAAkB,S,CArErBhD,S,CAsEGiD,c,GAAiB,S,CAtEpBjD,S,CAuEGkD,uB,GAA0B,S,CAvE7BlD,S,CA0EGmD,oB,GAAuB,2B,CA1E1BnD,S,CA6EGoD,W,GAAc,4B,CA7EjBpD,S,CA8EGqD,qB,GAAwB,2B,CA9E3BrD,S,CA+EGsD,0B,GAA6B,4B,CA/EhCtD,S,CAgFGuD,a,GAAgB,S,CAhFnBvD,S,CAyFGwD,qB,GAAwB,U,CAzF3BxD,S,CA0FGyD,iB,GAAoB,4B,CA1FvBzD,S,CA2FG0D,wB,GAA2B,2B,CA3F9B1D,S,CA4FG2D,6B,GAAgC,4B,CA5FnC3D,S,CAqGG4D,wB,GAA2B,S,CArG9B5D,S,CAsGG6D,uB,GAA0B,qC,CAtG7B7D,S,CAuGG8D,2B,GAA8B,2B,CAvGjC9D,S,CAwGG+D,mC,GAAsC,2B,CAxGzC/D,S,CA4GGgE,qB,GAAwB,0B,CA5G3BhE,S,CA6GGiE,sB,GAAyB,2B,CA7G5BjE,S,CAgHGkE,c,GAAiB,S,CAhHpBlE,S,CAiHGmE,e,GAAkB,0B,CAjHrBnE,S,CAqHGoE,oB,GAAuB,2B,CArH1BpE,S,CAuHGqE,wB,GAA2B,2B,CAvH9BrE,S,CA0HGsE,iB,GAAoB,2B,CA1HvBtE,S,CA2HGuE,sB,GAAyB,S,CA3H5BvE,S,CA4HGwE,Y,GAAe,2B,CA5HlBxE,S,CAgIGyE,uB,GAA0B,2B,CAhI7BzE,S,CAmIG0E,O,GAAU,2B,CAnIb1E,S,CAyIG2E,4B,GAA+B,2B,CAzIlC3E,S,CA0IG4E,2B,GAA8B,qC,CA1IjC5E,S,CA6IG6E,iC,GAAoC,S,CA7IvC7E,S,CAgJG8E,W,GAAc,wB,CAhJjB9E,S,CAmJG+E,Q,GAAW,uB,CAnJd/E,S,CAsJGgF,sB,GAAyB,2B,CAtJ5BhF,S,CAyJGiF,U,GAAa,S,CAzJhBjF,S,CA+JGkF,kC,GAAqC,G,CA/JxClF,S,CAqKGmF,Y,GAAe,2B,CArKlBnF,S,CAsKGoF,gB,GAAmB,2B,CAtKtBpF,S,CAyKGqF,U,GAAa,2B;;AAO7B,OAAO,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,cAAP;AAC/B1F,aAAa,CAACE,SAAD,CADkB;AAE/BD,oBAF+B,CAA1B","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class DarkTheme extends (class {} as typeof DefaultThemeInternal) {\n  //#region Common variables\n  public static grayXLight = '#313131';\n  public static gray = 'rgba(255, 255, 255, 0.48)';\n  public static green = '#5f9c20';\n  public static greenDark = '#538a1b';\n  public static red = '#ee5042';\n  public static redDark = '#dd473b';\n  public static errorMain = '#ee5042';\n  public static errorText = '#ffa236';\n  public static borderColorGrayLight = 'rgba(255, 255, 255, 0.16)';\n  public static borderColorDisabled = 'rgba(255, 255, 255, 0.16)';\n  public static placeholderColor = 'rgba(255, 255, 255, 0.32)';\n  public static textColorDefault = 'rgba(255, 255, 255, 0.865)';\n  public static textColorDisabled = 'rgba(255, 255, 255, 0.32)';\n  public static textColorDisabledContrast = 'rgba(255, 255, 255, 0.48)';\n  public static textColorInvert = 'rgba(255, 255, 255, 0.865)';\n  public static bgDisabled = '#434343';\n  public static bgDefault = '#1f1f1f';\n  public static bgSecondary = '#333333';\n  public static outlineColorFocus = '#1f1f1f';\n  //#endregion\n  //#region Link\n  public static linkColor = '#51adff';\n  public static linkHoverColor = '#2291ff';\n  public static linkActiveColor = '#1f87ef';\n  public static linkSuccessColor = '#78bf2b';\n  public static linkSuccessHoverColor = '#6cad26';\n  public static linkSuccessActiveColor = '#5f9c20';\n  public static linkDangerColor = '#ff887b';\n  public static linkDangerHoverColor = '#ff5a49';\n  public static linkDangerActiveColor = '#ee5042';\n  public static fixedPanelShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.4)';\n  //#endregion\n  //#region Button\n  public static btnInsetColor = '#1f1f1f';\n  public static btnDefaultBg = '#282828';\n  public static btnDefaultHoverBg = 'none';\n  public static btnDefaultActiveBg = '#1a1a1a';\n  public static get btnDefaultHoverBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get btnDefaultActiveBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get btnDefaultBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static btnSuccessBg = '#5f9c20';\n  public static get btnSuccessTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnSuccessBorderColor = '#5f9c20';\n  public static btnSuccessActiveBg = '#3a6710';\n  public static btnSuccessActiveBorderColor = '#3a6710';\n  public static btnPrimaryBg = '#1f87ef';\n  public static get btnPrimaryTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnPrimaryBorderColor = '#1f87ef';\n  public static btnPrimaryActiveBg = '#1261ae';\n  public static btnPrimaryActiveBorderColor = '#1261ae';\n  public static btnDangerBg = '#ee5042';\n  public static get btnDangerTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnDangerBorderColor = '#ee5042';\n  public static btnDangerActiveBg = '#a92a27';\n  public static btnDangerActiveBorderColor = '#a92a27';\n  public static btnPayTextColor = '#222222';\n  public static btnPayActiveBg = '#d46421';\n  public static btnPayActiveBorderColor = '#d46421';\n  //#endregion\n  //#region Tooltip\n  public static tooltipCloseBtnColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n  //#region Modal\n  public static modalBackBg = 'rgba(255, 255, 255, 0.865)';\n  public static modalCloseButtonColor = 'rgba(255, 255, 255, 0.32)';\n  public static modalCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static modalFooterBg = '#434343';\n  public static get modalBodyTextColor() {\n    return this.textColorDefault;\n  }\n  public static get modalFooterTextColor() {\n    return this.textColorDefault;\n  }\n  //#endregion\n  //#region SidePage\n  public static sidePageFooterPanelBg = ' #434343';\n  public static sidePageBackingBg = 'rgba(255, 255, 255, 0.865)';\n  public static sidePageCloseButtonColor = 'rgba(255, 255, 255, 0.32)';\n  public static sidePageCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static get sidePageBodyTextColor() {\n    return this.textColorDefault;\n  }\n  public static get sidePageFooterTextColor() {\n    return this.textColorDefault;\n  }\n  //#endregion\n  //#region Calendar\n  public static calendarCellWeekendColor = '#ff887b';\n  public static calendarCellTodayBorder = '1px solid rgba(255, 255, 255, 0.48)';\n  public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.16)';\n  public static calendarMonthTitleBorderBottomColor = 'rgba(255, 255, 255, 0.08)';\n\n  //#endregion\n  //#region Paging\n  public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.8)';\n  public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.16)';\n  //#endregion\n  //#region Toast\n  public static toastLinkColor = '#51adff';\n  public static toastCloseColor = 'rgba(255, 255, 255, 0.6)';\n  //#endregion\n  //#region Menu\n  // menuItem\n  public static menuItemCommentColor = 'rgba(255, 255, 255, 0.48)';\n  //menuSeparator\n  public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region Toggle\n  public static toggleBorderColor = 'rgba(255, 255, 255, 0.32)';\n  public static toggleDisabledHandleBg = '#525252';\n  public static toggleBaseBg = 'rgba(255, 255, 255, 0.04)';\n  public static get toggleBgDisabled() {\n    return this.bgDisabled;\n  }\n  public static toggleBgDisabledChecked = 'rgba(255, 255, 255, 0.48)';\n  //#endregion\n  //#region Input\n  public static inputBg = 'rgba(255, 255, 255, 0.04)';\n  public static get inputBorderTopColor() {\n    return this.inputBorderColor;\n  }\n  //#endregion\n  //#region DatePicker\n  public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.08)';\n  public static pickerTodayWrapperBorderTop = '1px solid rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region DateInput\n  public static dateInputComponentSelectedBgColor = '#1c7edf';\n  //#endregion\n  //#region Hint\n  public static hintBgColor = 'rgba(67, 67, 67, 0.92)';\n  //#endregion\n  //#region Loader\n  public static loaderBg = 'rgba(51, 51, 51, 0.8)';\n  //#endregion\n  //#region Dropdown\n  public static dropdownMenuSelectedBg = 'rgba(255, 255, 255, 0.08)'; //deprecated\n  //#endregion\n  //#region TextArea\n  public static textareaBg = '#1f1f1f';\n  //#endregion\n  //#region PasswordInput\n  public static get passwordInputVisibilityIconColor() {\n    return this.gray;\n  }\n  public static passwordInputVisibilityIconOpacity = '1';\n  public static get passwordInputVisibilityIconHoverColor() {\n    return this.textColorDefault;\n  }\n  //#endregion\n  //#region Radio\n  public static radioBgColor = 'rgba(255, 255, 255, 0.04)';\n  public static radioBorderColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n  //#region Checkbox\n  public static checkboxBg = 'rgba(255, 255, 255, 0.04)';\n  public static get checkboxShadow() {\n    return `0 0 0 ${this.checkboxBorderWidth} rgba(255, 255, 255, 0.32)`;\n  }\n  //#endregion\n}\n\nexport const DarkThemeInternal = Object.setPrototypeOf(\n  exposeGetters(DarkTheme),\n  DefaultThemeInternal,\n) as typeof DarkTheme;\n"]}

package/internal/themes/DarkTheme/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/themes/DarkTheme.js",
+  "module": "DarkTheme",
+  "types": "../DarkTheme.d.ts",
+  "sideEffects": false
+}

package/internal/themes/DarkTheme.d.ts

@@ -0,0 +1,103 @@
+declare const DarkTheme_base: typeof import("./DefaultTheme").DefaultTheme;
+export declare class DarkTheme extends DarkTheme_base {
+    static grayXLight: string;
+    static gray: string;
+    static green: string;
+    static greenDark: string;
+    static red: string;
+    static redDark: string;
+    static errorMain: string;
+    static errorText: string;
+    static borderColorGrayLight: string;
+    static borderColorDisabled: string;
+    static placeholderColor: string;
+    static textColorDefault: string;
+    static textColorDisabled: string;
+    static textColorDisabledContrast: string;
+    static textColorInvert: string;
+    static bgDisabled: string;
+    static bgDefault: string;
+    static bgSecondary: string;
+    static outlineColorFocus: string;
+    static linkColor: string;
+    static linkHoverColor: string;
+    static linkActiveColor: string;
+    static linkSuccessColor: string;
+    static linkSuccessHoverColor: string;
+    static linkSuccessActiveColor: string;
+    static linkDangerColor: string;
+    static linkDangerHoverColor: string;
+    static linkDangerActiveColor: string;
+    static fixedPanelShadow: string;
+    static btnInsetColor: string;
+    static btnDefaultBg: string;
+    static btnDefaultHoverBg: string;
+    static btnDefaultActiveBg: string;
+    static get btnDefaultHoverBorderColor(): string;
+    static get btnDefaultActiveBorderColor(): string;
+    static get btnDefaultBorderColor(): string;
+    static btnSuccessBg: string;
+    static get btnSuccessTextColor(): string;
+    static btnSuccessBorderColor: string;
+    static btnSuccessActiveBg: string;
+    static btnSuccessActiveBorderColor: string;
+    static btnPrimaryBg: string;
+    static get btnPrimaryTextColor(): string;
+    static btnPrimaryBorderColor: string;
+    static btnPrimaryActiveBg: string;
+    static btnPrimaryActiveBorderColor: string;
+    static btnDangerBg: string;
+    static get btnDangerTextColor(): string;
+    static btnDangerBorderColor: string;
+    static btnDangerActiveBg: string;
+    static btnDangerActiveBorderColor: string;
+    static btnPayTextColor: string;
+    static btnPayActiveBg: string;
+    static btnPayActiveBorderColor: string;
+    static tooltipCloseBtnColor: string;
+    static modalBackBg: string;
+    static modalCloseButtonColor: string;
+    static modalCloseButtonHoverColor: string;
+    static modalFooterBg: string;
+    static get modalBodyTextColor(): string;
+    static get modalFooterTextColor(): string;
+    static sidePageFooterPanelBg: string;
+    static sidePageBackingBg: string;
+    static sidePageCloseButtonColor: string;
+    static sidePageCloseButtonHoverColor: string;
+    static get sidePageBodyTextColor(): string;
+    static get sidePageFooterTextColor(): string;
+    static calendarCellWeekendColor: string;
+    static calendarCellTodayBorder: string;
+    static calendarCellSelectedBgColor: string;
+    static calendarMonthTitleBorderBottomColor: string;
+    static pagingPageLinkHoverBg: string;
+    static pagingPageLinkActiveBg: string;
+    static toastLinkColor: string;
+    static toastCloseColor: string;
+    static menuItemCommentColor: string;
+    static menuSeparatorBorderColor: string;
+    static toggleBorderColor: string;
+    static toggleDisabledHandleBg: string;
+    static toggleBaseBg: string;
+    static get toggleBgDisabled(): string;
+    static toggleBgDisabledChecked: string;
+    static inputBg: string;
+    static get inputBorderTopColor(): string;
+    static dateSelectMenuItemBgSelected: string;
+    static pickerTodayWrapperBorderTop: string;
+    static dateInputComponentSelectedBgColor: string;
+    static hintBgColor: string;
+    static loaderBg: string;
+    static dropdownMenuSelectedBg: string;
+    static textareaBg: string;
+    static get passwordInputVisibilityIconColor(): string;
+    static passwordInputVisibilityIconOpacity: string;
+    static get passwordInputVisibilityIconHoverColor(): string;
+    static radioBgColor: string;
+    static radioBorderColor: string;
+    static checkboxBg: string;
+    static get checkboxShadow(): string;
+}
+export declare const DarkThemeInternal: typeof DarkTheme;
+export {};