@skbkontur/react-ui 3.9.2-radiogroup.2 → 3.10.0-fileuploader.2

package/internal/FileUploaderControl/hooks/useUpload/useUpload.js

@@ -0,0 +1,56 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useContext } from 'react';
+import { FileUploaderFileStatus } from "../../fileUtils";
+import { FileUploaderControlContext } from "../../FileUploaderControlContext";
+export var useUpload = function useUpload(request, onRequestSuccess, onRequestError) {
+  var _useContext = useContext(FileUploaderControlContext),
+      setFileStatus = _useContext.setFileStatus;
+
+  var switchToLoading = useCallback(function (fileId) {
+    setFileStatus(fileId, FileUploaderFileStatus.Loading);
+  }, [setFileStatus]);
+  var switchToSuccess = useCallback(function (fileId) {
+    setFileStatus(fileId, FileUploaderFileStatus.Uploaded);
+    onRequestSuccess == null ? void 0 : onRequestSuccess(fileId);
+  }, [setFileStatus, onRequestSuccess]);
+  var switchToError = useCallback(function (fileId) {
+    setFileStatus(fileId, FileUploaderFileStatus.Error);
+    onRequestError == null ? void 0 : onRequestError(fileId);
+  }, [setFileStatus, onRequestError]);
+  return useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+      var id;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              id = file.id;
+              switchToLoading(id);
+              _context.prev = 2;
+              _context.next = 5;
+              return request == null ? void 0 : request(file);
+
+            case 5:
+              switchToSuccess(id);
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](2);
+              switchToError(id);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 8]]);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [request, switchToSuccess, switchToLoading, switchToError]);
+};

package/internal/FileUploaderControl/hooks/useUpload/useUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useUpload.ts"],"names":["useCallback","useContext","FileUploaderFileStatus","FileUploaderControlContext","useUpload","request","onRequestSuccess","onRequestError","setFileStatus","switchToLoading","fileId","Loading","switchToSuccess","Uploaded","switchToError","Error","file","id"],"mappings":"yIAAA,SAASA,WAAT,EAAsBC,UAAtB,QAAwC,OAAxC;;;AAGA,SAAmCC,sBAAnC,QAAiE,cAAjE;AACA,SAASC,0BAAT,QAA2C,+BAA3C;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY;AACvBC,OADuB;AAEvBC,gBAFuB;AAGvBC,cAHuB;AAIpB;AACuBN,EAAAA,UAAU,CAACE,0BAAD,CADjC,CACKK,aADL,eACKA,aADL;;AAGH,MAAMC,eAAe,GAAGT,WAAW;AACjC,YAACU,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASR,sBAAsB,CAACS,OAAhC,CAAb;AACD,GAHgC;AAIjC,GAACH,aAAD,CAJiC,CAAnC;;;AAOA,MAAMI,eAAe,GAAGZ,WAAW;AACjC,YAACU,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASR,sBAAsB,CAACW,QAAhC,CAAb;AACAP,IAAAA,gBAAgB,QAAhB,YAAAA,gBAAgB,CAAGI,MAAH,CAAhB;AACD,GAJgC;AAKjC,GAACF,aAAD,EAAgBF,gBAAhB,CALiC,CAAnC;;;AAQA,MAAMQ,aAAa,GAAGd,WAAW;AAC/B,YAACU,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASR,sBAAsB,CAACa,KAAhC,CAAb;AACAR,IAAAA,cAAc,QAAd,YAAAA,cAAc,CAAGG,MAAH,CAAd;AACD,GAJ8B;AAK/B,GAACF,aAAD,EAAgBD,cAAhB,CAL+B,CAAjC;;;AAQA,SAAOP,WAAW;AAChB,qBAAOgB,IAAP;AACUC,cAAAA,EADV,GACiBD,IADjB,CACUC,EADV;AAEER,cAAAA,eAAe,CAACQ,EAAD,CAAf,CAFF;;;AAKUZ,gBAAAA,OALV,oBAKUA,OAAO,CAAGW,IAAH,CALjB;AAMIJ,cAAAA,eAAe,CAACK,EAAD,CAAf,CANJ;;AAQIH,cAAAA,aAAa,CAACG,EAAD,CAAb,CARJ,yEADgB;;;AAYhB,GAACZ,OAAD,EAAUO,eAAV,EAA2BH,eAA3B,EAA4CK,aAA5C,CAZgB,CAAlB;;AAcD,CA5CM","sourcesContent":["import { useCallback, useContext } from 'react';\n\nimport { Nullable } from '../../../typings/utility-types';\nimport { FileUploaderAttachedFile, FileUploaderFileStatus } from '../fileUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\n\nexport const useUpload = (\n  request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>,\n  onRequestSuccess?: Nullable<(fileId: string) => void>,\n  onRequestError?: Nullable<(fileId: string) => void>,\n) => {\n  const { setFileStatus } = useContext(FileUploaderControlContext);\n\n  const switchToLoading = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Loading);\n    },\n    [setFileStatus],\n  );\n\n  const switchToSuccess = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Uploaded);\n      onRequestSuccess?.(fileId);\n    },\n    [setFileStatus, onRequestSuccess],\n  );\n\n  const switchToError = useCallback(\n    (fileId: string) => {\n      setFileStatus(fileId, FileUploaderFileStatus.Error);\n      onRequestError?.(fileId);\n    },\n    [setFileStatus, onRequestError],\n  );\n\n  return useCallback(\n    async (file: FileUploaderAttachedFile) => {\n      const { id } = file;\n      switchToLoading(id);\n\n      try {\n        await request?.(file);\n        switchToSuccess(id);\n      } catch {\n        switchToError(id);\n      }\n    },\n    [request, switchToSuccess, switchToLoading, switchToError],\n  );\n};\n"]}

package/internal/FileUploaderControl/hooks/useUpload.d.ts

@@ -0,0 +1,3 @@
+import { Nullable } from '../../../typings/utility-types';
+import { FileUploaderAttachedFile } from '../fileUtils';
+export declare const useUpload: (request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>, onRequestSuccess?: Nullable<(fileId: string) => void>, onRequestError?: Nullable<(fileId: string) => void>) => (file: FileUploaderAttachedFile) => Promise<void>;

package/internal/FileUploaderControl/withFileUploaderControlProvider/package.json

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

package/internal/FileUploaderControl/withFileUploaderControlProvider/withFileUploaderControlProvider.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import { FileUploaderControlProvider } from "../FileUploaderControlProvider";
+export var withFileUploaderControlProvider = function withFileUploaderControlProvider(Component) {
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var onRemove = props.onRemove,
+        onValueChange = props.onValueChange,
+        onSelect = props.onSelect,
+        rest = _objectWithoutPropertiesLoose(props, ["onRemove", "onValueChange", "onSelect"]);
+
+    return /*#__PURE__*/React.createElement(FileUploaderControlProvider, props, /*#__PURE__*/React.createElement(Component, _extends({
+      ref: ref
+    }, rest)));
+  });
+};

package/internal/FileUploaderControl/withFileUploaderControlProvider/withFileUploaderControlProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["withFileUploaderControlProvider.tsx"],"names":["React","FileUploaderControlProvider","withFileUploaderControlProvider","Component","forwardRef","props","ref","onRemove","onValueChange","onSelect","rest"],"mappings":"8JAAA,OAAOA,KAAP,MAAqC,OAArC;;AAEA,SAASC,2BAAT,QAA8E,+BAA9E;;AAEA,OAAO,IAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC;AAC7CC,SAD6C;;;;AAK7CH,IAAAA,KAAK,CAACI,UAAN;AACE,cAACC,KAAD,EAAmDC,GAAnD,EAA2D;AACjDC,MAAAA,QADiD,GACFF,KADE,CACjDE,QADiD,CACvCC,aADuC,GACFH,KADE,CACvCG,aADuC,CACxBC,QADwB,GACFJ,KADE,CACxBI,QADwB,CACXC,IADW,iCACFL,KADE;AAEzD;AACE,4BAAC,2BAAD,EAAiCA,KAAjC;AACE,4BAAC,SAAD,aAAW,GAAG,EAAEC,GAAhB,IAAyBI,IAAzB,EADF,CADF;;;AAKD,KARH,CAL6C,GAAxC","sourcesContent":["import React, { ComponentType } from 'react';\n\nimport { FileUploaderControlProvider, FileUploaderControlProviderProps } from './FileUploaderControlProvider';\n\nexport const withFileUploaderControlProvider = <TProps extends object, TRef extends object>(\n  Component: ComponentType<\n    Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>\n  >,\n) =>\n  React.forwardRef<TRef, TProps & FileUploaderControlProviderProps>(\n    (props: TProps & FileUploaderControlProviderProps, ref) => {\n      const { onRemove, onValueChange, onSelect, ...rest } = props;\n      return (\n        <FileUploaderControlProvider {...props}>\n          <Component ref={ref} {...rest} />\n        </FileUploaderControlProvider>\n      );\n    },\n  );\n"]}

package/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts

@@ -0,0 +1,3 @@
+import React, { ComponentType } from 'react';
+import { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
+export declare const withFileUploaderControlProvider: <TProps extends object, TRef extends object>(Component: React.ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>;

package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js

@@ -0,0 +1,51 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { jsStyles } from "../TextWidthHelper.styles";
+var THIN_SPACE = "\u2009";
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+
+export var TextWidthHelper = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(TextWidthHelper, _React$Component);
+
+  function TextWidthHelper() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.element = null;
+
+    _this.elementRef = function (node) {
+      return _this.element = node;
+    };
+
+    return _this;
+  }
+
+  var _proto = TextWidthHelper.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.root()
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.textContainer(),
+      ref: this.elementRef
+    }, this.props.text || THIN_SPACE));
+  };
+
+  _proto.getTextWidth = function getTextWidth() {
+    var _this$element;
+
+    return ((_this$element = this.element) == null ? void 0 : _this$element.getBoundingClientRect().width) || 0;
+  };
+
+  _proto.getTextHeight = function getTextHeight() {
+    return this.element.getBoundingClientRect().height;
+  };
+
+  return TextWidthHelper;
+}(React.Component);

package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.tsx"],"names":["React","jsStyles","THIN_SPACE","TextWidthHelper","element","elementRef","node","render","root","textContainer","props","text","getTextWidth","getBoundingClientRect","width","getTextHeight","height","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,0BAAzB;;AAEA,IAAMC,UAAU,GAAG,QAAnB;;;;;AAKA;AACA;AACA;AACA,WAAaC,eAAb;AACUC,IAAAA,OADV,GAC2C,IAD3C;;;;;;;;;;;;;;;;;;;;AAqBUC,IAAAA,UArBV,GAqBuB,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,EArBvB,6DAGSC,MAHT,GAGE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEN,QAAQ,CAACO,IAAT,EAAhB,iBACE,6BAAK,SAAS,EAAEP,QAAQ,CAACQ,aAAT,EAAhB,EAA0C,GAAG,EAAE,KAAKJ,UAApD,IACG,KAAKK,KAAL,CAAWC,IAAX,IAAmBT,UADtB,CADF,CADF,CAOD,CAXH,QAaSU,YAbT,GAaE,wBAA8B,mBAC5B,OAAO,uBAAKR,OAAL,mCAAcS,qBAAd,GAAsCC,KAAtC,KAA+C,CAAtD,CACD,CAfH,QAiBSC,aAjBT,GAiBE,yBAA+B,CAC7B,OAAO,KAAKX,OAAL,CAAcS,qBAAd,GAAsCG,MAA7C,CACD,CAnBH,0BAAqChB,KAAK,CAACiB,SAA3C","sourcesContent":["import React from 'react';\n\nimport { jsStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <div className={jsStyles.root()}>\n        <div className={jsStyles.textContainer()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </div>\n    );\n  }\n\n  public getTextWidth(): number {\n    return this.element?.getBoundingClientRect().width || 0;\n  }\n\n  public getTextHeight(): number {\n    return this.element!.getBoundingClientRect().height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"]}

package/internal/TextWidthHelper/TextWidthHelper/package.json

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

package/internal/TextWidthHelper/TextWidthHelper.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface TextWidthHelperProps {
+    text?: string;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}
+export {};

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var styles = {
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
+  },
+  textContainer: function textContainer() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.styles.ts"],"names":["css","memoizeStyle","styles","root","textContainer","jsStyles"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;;;;;AASD,GAXY;AAYbI,EAAAA,aAZa,2BAYG;AACd,WAAOJ,GAAP;;;;AAID,GAjBY,EAAf;;;AAoBA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/TextWidthHelper/TextWidthHelper.styles/package.json

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

package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const jsStyles: {
+    root(): string;
+    textContainer(): string;
+};

package/internal/ThemePlayground/Playground/Playground.js

@@ -19,6 +19,7 @@ import { Tooltip } from "../../../components/Tooltip";
 import { Sticky } from "../../../components/Sticky";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { cx } from "../../../lib/theming/Emotion";
+import { FileUploader } from "../../../components/FileUploader";
 import { ThemeType } from "../constants";
 import { TokenInputPlayground } from "../TokenInputPlayground";
 import { DatePickerPlayground } from "../AnotherInputsPlayground";
@@ -299,6 +300,15 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(PagingPlayground, null));
     };
 
+    _this.renderFileUploader = function () {
+      return /*#__PURE__*/React.createElement(ComponentsGroup, {
+        title: 'FileUploader',
+        theme: _this.theme
+      }, /*#__PURE__*/React.createElement(FileUploader, {
+        multiple: true
+      }));
+    };
+
     _this.renderStickyStopElement = function () {
       return /*#__PURE__*/React.createElement("div", {
         ref: _this.stopEl,
@@ -336,7 +346,7 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
     }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/React.createElement(Gapped, {
       vertical: true,
       gap: 50
-    }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging()));
+    }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));
   };
 
   _proto.renderTabs = function renderTabs() {

package/internal/ThemePlayground/Playground/Playground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Playground.tsx"],"names":["React","SearchIcon","CardIcon","LinkIcon","OkIcon","ErrorIcon","TrashIcon","HelpDotIcon","Button","Tabs","Gapped","Link","Input","Toggle","ThemeContext","Tooltip","Sticky","isTestEnv","cx","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","SelectPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","styles","useSticky","Playground","theme","stopEl","createRef","renderTabsGroup","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","Dark","Flat","FlatOld","Default","DefaultOld","toggle8pxTheme","value","onThemeChange","renderSizesGroup","Group","size","renderLinksGroup","propsList","icon","children","use","disabled","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","renderPaging","renderStickyStopElement","height","current","render","renderMain","wrapperClassName","playground","playgroundWrapper","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","tabsInnerWrapper","is8pxTheme","Component"],"mappings":"wIAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,WAAP,MAAwB,gCAAxB;;AAEA,SAASC,MAAT,QAAoC,yBAApC;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,IAAT,QAAgC,uBAAhC;AACA,SAASC,KAAT,QAAkC,wBAAlC;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,OAAT,QAAwB,0BAAxB;AACA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,SAASC,oBAAT,QAAqC,2BAArC;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,uBAAT,QAAwC,2BAAxC;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,0BAAT,QAA2C,WAA3C;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,MAAT,QAAuB,qBAAvB;;AAEA,IAAMC,SAAS,GAAG,CAACjB,SAAnB;;;;;;;;AAQA,WAAakB,UAAb;AACUC,IAAAA,KADV;AAEUC,IAAAA,MAFV,gBAEmBrC,KAAK,CAACsC,SAAN,EAFnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCUC,IAAAA,eAvCV,GAuC4B,YAAM;AAC9B,aAAOL,SAAS;AACd,0BAAC,MAAD,IAAQ,IAAI,EAAE,KAAd,EAAqB,OAAO,EAAE,MAAKM,aAAnC;AACG,YAAKC,UAAL,EADH,CADc;;;AAKd,YAAKA,UAAL,EALF;;AAOD,KA/CH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFUC,IAAAA,aAjFV,GAiF0B,YAAM;AAC5B,cAAQ,MAAKC,KAAL,CAAWC,gBAAnB;AACE,aAAKzB,SAAS,CAAC0B,IAAf;AACE,iBAAO1B,SAAS,CAAC0B,IAAjB;AACF,aAAK1B,SAAS,CAAC2B,IAAf;AACA,aAAK3B,SAAS,CAAC4B,OAAf;AACE,iBAAO5B,SAAS,CAAC2B,IAAjB;AACF,aAAK3B,SAAS,CAAC6B,OAAf;AACA,aAAK7B,SAAS,CAAC8B,UAAf;AACA;AACE,iBAAO9B,SAAS,CAAC6B,OAAjB,CATJ;;AAWD,KA7FH;;;;;;;;;;;;AAyGUE,IAAAA,cAzGV,GAyG2B,UAACC,KAAD,EAAoB;AACC,YAAKR,KADN,CACnCC,gBADmC,eACnCA,gBADmC,CACjBQ,aADiB,eACjBA,aADiB;AAE3C,cAAQR,gBAAR;AACE,aAAKzB,SAAS,CAAC6B,OAAf;AACEI,UAAAA,aAAa,CAACjC,SAAS,CAAC8B,UAAX,CAAb;AACA;AACF,aAAK9B,SAAS,CAAC8B,UAAf;AACEG,UAAAA,aAAa,CAACjC,SAAS,CAAC6B,OAAX,CAAb;AACA;AACF,aAAK7B,SAAS,CAAC2B,IAAf;AACEM,UAAAA,aAAa,CAACjC,SAAS,CAAC4B,OAAX,CAAb;AACA;AACF,aAAK5B,SAAS,CAAC4B,OAAf;AACEK,UAAAA,aAAa,CAACjC,SAAS,CAAC2B,IAAX,CAAb;AACA,gBAZJ;;AAcD,KAzHH;;AA2HUO,IAAAA,gBA3HV,GA2H6B,YAAM;AAC/B,UAAMC,KAAK,GAAG,SAARA,KAAQ,YAAGC,IAAH,QAAGA,IAAH;AACZ,8BAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACE,8BAAC,gBAAD,IAAkB,KAAK,EAAE,GAAzB,EAA8B,IAAI,EAAEA,IAApC,GADF;AAEE,8BAAC,KAAD,IAAO,SAAS,eAAE,oBAAC,QAAD,OAAlB,EAAgC,WAAW,EAAE,YAA7C,EAA2D,IAAI,EAAEA,IAAjE,GAFF;AAGE,8BAAC,MAAD,IAAQ,KAAK,EAAE,GAAf,EAAoB,IAAI,EAAEA,IAA1B,aAHF;;;AAME,8BAAC,MAAD,IAAQ,IAAI,eAAE,oBAAC,QAAD,OAAd,EAA4B,GAAG,EAAE,MAAjC,EAAyC,IAAI,EAAEA,IAA/C,yBANF,CADY,GAAd;;;;;;AAaA;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,SAAxB,EAAmC,KAAK,EAAE,MAAKnB,KAA/C;AACE,4BAAC,KAAD,IAAO,IAAI,EAAE,OAAb,GADF;AAEE,4BAAC,KAAD,IAAO,IAAI,EAAE,QAAb,GAFF;AAGE,4BAAC,KAAD,IAAO,IAAI,EAAE,OAAb,GAHF,CADF;;;AAOD,KAhJH;;AAkJUoB,IAAAA,gBAlJV,GAkJ6B,YAAM;AAC/B,UAAMC,SAAsB,GAAG;AAC7B,QAAEC,IAAI,eAAE,oBAAC,QAAD,OAAR,EAAsBC,QAAQ,EAAE,SAAhC,EAD6B;AAE7B,QAAED,IAAI,eAAE,oBAAC,MAAD,OAAR,EAAoBE,GAAG,EAAE,SAAzB,EAAoCD,QAAQ,EAAE,SAA9C,EAF6B;AAG7B,QAAED,IAAI,eAAE,oBAAC,SAAD,OAAR,EAAuBE,GAAG,EAAE,QAA5B,EAAsCD,QAAQ,EAAE,QAAhD,EAH6B;AAI7B,QAAED,IAAI,eAAE,oBAAC,SAAD,OAAR,EAAuBE,GAAG,EAAE,QAA5B,EAAsCD,QAAQ,EAAE,QAAhD,EAJ6B;AAK7B,QAAED,IAAI,eAAE,oBAAC,SAAD,OAAR,EAAuBC,QAAQ,EAAE,UAAjC,EAA6CE,QAAQ,EAAE,IAAvD,EAL6B,CAA/B;;AAOA;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,QAAxB,EAAkC,KAAK,EAAE,MAAKzB,KAA9C;AACE,4BAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGT,QAAAA,0BAA0B,eAAC,oBAAC,IAAD,OAAD,EAAW8B,SAAX,CAD7B,CADF,CADF;;;;AAOD,KAjKH;;AAmKUK,IAAAA,kBAnKV,GAmK+B,YAAM;AACjC,UAAML,SAAwB,GAAG;AAC/B,QAAEE,QAAQ,EAAE,SAAZ,EAD+B;AAE/B,QAAEA,QAAQ,EAAE,SAAZ,EAAuBC,GAAG,EAAE,SAA5B,EAF+B;AAG/B,QAAED,QAAQ,EAAE,QAAZ,EAAsBC,GAAG,EAAE,QAA3B,EAH+B;AAI/B,QAAED,QAAQ,EAAE,KAAZ,EAAmBC,GAAG,EAAE,KAAxB,EAJ+B;AAK/B,QAAED,QAAQ,EAAE,SAAZ,EAAuBC,GAAG,EAAE,SAA5B,EAL+B;AAM/B,QAAED,QAAQ,EAAE,UAAZ,EAAwBE,QAAQ,EAAE,IAAlC,EAN+B;AAO/B,QAAEF,QAAQ,EAAE,MAAZ,EAAoBI,KAAK,EAAE,MAA3B,EAAmCR,IAAI,EAAE,QAAzC,EAAmDS,KAAK,EAAE,GAA1D,EAP+B;AAQ/B,QAAEL,QAAQ,EAAE,SAAZ,EAAuBI,KAAK,EAAE,IAA9B,EAAoCR,IAAI,EAAE,QAA1C,EAAoDK,GAAG,EAAE,SAAzD,EAAoEI,KAAK,EAAE,GAA3E,EAR+B;AAS/B,QAAEL,QAAQ,EAAE,SAAZ,EAAuBJ,IAAI,EAAE,QAA7B,EAAuCU,OAAO,EAAE,IAAhD,EAT+B,CAAjC;;;AAYA;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,QAAxB,EAAkC,KAAK,EAAE,MAAK7B,KAA9C;AACGT,QAAAA,0BAA0B,eAAC,oBAAC,MAAD,IAAQ,KAAK,EAAE,GAAf,EAAoB,IAAI,EAAE,OAA1B,GAAD,EAAwC8B,SAAxC,CAD7B,CADF;;;AAKD,KArLH;;AAuLUS,IAAAA,iBAvLV,GAuL8B,YAAM;AAChC,UAAMT,SAAuB,GAAG;AAC9B,QAAEU,WAAW,EAAE,SAAf,EAD8B;AAE9B,QAAEA,WAAW,EAAE,OAAf,EAAwBC,KAAK,EAAE,IAA/B,EAF8B;AAG9B,QAAED,WAAW,EAAE,SAAf,EAA0BE,OAAO,EAAE,IAAnC,EAH8B;AAI9B,QAAEF,WAAW,EAAE,UAAf,EAA2BN,QAAQ,EAAE,IAArC,EAJ8B,CAAhC;;AAMA,UAAMS,SAAS,GAAG3C,0BAA0B,eAAC,oBAAC,KAAD,IAAO,KAAK,EAAE,GAAd,GAAD,EAAwB8B,SAAxB,CAA5C;AACA;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,YAAxB,EAAsC,KAAK,EAAE,MAAKrB,KAAlD;AACE,4BAAC,KAAD,IAAO,KAAK,EAAE,GAAd,EAAmB,MAAM,EAAC,iCAA1B,EAA4D,SAAS,eAAE,oBAAC,UAAD,OAAvE,GADF;AAEE;AACE,4BAAC,MAAD,IAAQ,GAAG,EAAE,EAAb,IAAkBkC,SAAlB,CADF,CAFF,CADF;;;;AAQD,KAvMH;;AAyMUC,IAAAA,sBAzMV,GAyMmC,YAAM;AACrC;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,gBAAxB,EAA0C,KAAK,EAAE,MAAKnC,KAAtD;AACE,4BAAC,oBAAD,OADF,CADF;;;AAKD,KA/MH;;AAiNUoC,IAAAA,sBAjNV,GAiNmC,YAAM;AACrC;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,aAAxB,EAAuC,KAAK,EAAE,MAAKpC,KAAnD;AACE,4BAAC,uBAAD,OADF;AAEE,4BAAC,iBAAD,OAFF;AAGE,4BAAC,oBAAD,OAHF,CADF;;;AAOD,KAzNH;;AA2NUqC,IAAAA,oBA3NV,GA2NiC,YAAM;AACnC;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,eAAxB,EAAyC,KAAK,EAAE,MAAKrC,KAArD;AACE,4BAAC,kBAAD,OADF,CADF;;;AAKD,KAjOH;;AAmOUsC,IAAAA,mBAnOV,GAmOgC,YAAM;AAClC;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,iBAAxB,EAA2C,KAAK,EAAE,MAAKtC,KAAvD;AACE,4BAAC,MAAD,IAAQ,aAAa,EAAE,KAAvB,EAA8B,GAAG,EAAE,EAAnC;AACE,4BAAC,kBAAD,OADF;AAEE,4BAAC,eAAD,OAFF;AAGE,4BAAC,gBAAD,OAHF,CADF,CADF;;;;AASD,KA7OH;;AA+OUuC,IAAAA,gBA/OV,GA+O6B,YAAM;AAC/B;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,QAAxB,EAAkC,KAAK,EAAE,MAAKvC,KAA9C;AACE,4BAAC,cAAD,OADF,CADF;;;AAKD,KArPH;;AAuPUwC,IAAAA,aAvPV,GAuP0B,YAAM;AAC5B,UAAMC,cAAc,GAAG,SAAjBA,cAAiB;AACrB,uCAAK,SAAS,EAAE5C,MAAM,CAAC4C,cAAP,EAAhB;AACG,iFADH,CADqB,GAAvB;;;AAKA;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,QAAxB,EAAkC,KAAK,EAAE,MAAKzC,KAA9C;AACE,4BAAC,OAAD,IAAS,MAAM,EAAEyC,cAAjB,EAAiC,GAAG,EAAC,cAArC,EAAoD,OAAO,EAAE,QAA7D,EAAuE,iBAAiB,EAAE,IAA1F;AACE,4BAAC,IAAD,IAAM,IAAI,eAAE,oBAAC,WAAD,OAAZ,GADF,CADF,CADF;;;;AAOD,KApQH;;AAsQUC,IAAAA,YAtQV,GAsQyB,YAAM;AAC3B;AACE,4BAAC,eAAD,IAAiB,KAAK,EAAE,UAAxB,EAAoC,KAAK,EAAE,MAAK1C,KAAhD;AACE,4BAAC,gBAAD,OADF,CADF;;;AAKD,KA5QH;;AA8QU2C,IAAAA,uBA9QV,GA8QoC,YAAM;AACtC,0BAAO,6BAAK,GAAG,EAAE,MAAK1C,MAAf,EAAuB,KAAK,EAAE,EAAE2C,MAAM,EAAE,EAAV,EAA9B,GAAP;AACD,KAhRH;;AAkRUxC,IAAAA,aAlRV,GAkR0B,oBAAM,MAAKH,MAAL,CAAY4C,OAAlB,EAlR1B,wDAISC,MAJT,GAIE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAC9C,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAAC+C,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAbH,QAcUA,UAdV,GAcE,sBAAqB,CACnB,IAAMC,gBAAgB,GAAGlE,EAAE,CAACe,MAAM,CAACoD,UAAP,EAAD,EAAsBpD,MAAM,CAACqD,iBAAP,CAAyB,KAAKlD,KAA9B,CAAtB,CAA3B,CACA,oBACE,6BAAK,SAAS,EAAEgD,gBAAhB,iBACE,oBAAC,MAAD,IAAQ,QAAQ,MAAhB,EAAiB,GAAG,EAAE,EAAtB,IACG,KAAK7C,eAAL,EADH,EAEG,KAAKc,gBAAL,EAFH,EAGG,KAAKG,gBAAL,EAHH,EAIG,KAAKM,kBAAL,EAJH,EAKG,KAAKI,iBAAL,EALH,EAMG,KAAKM,sBAAL,EANH,EAOG,KAAKD,sBAAL,EAPH,EAQG,KAAKE,oBAAL,EARH,EASG,KAAKC,mBAAL,EATH,CADF,EAYG,KAAKK,uBAAL,EAZH,eAaE,oBAAC,MAAD,IAAQ,QAAQ,MAAhB,EAAiB,GAAG,EAAE,EAAtB,IACG,KAAKJ,gBAAL,EADH,EAEG,KAAKC,aAAL,EAFH,EAGG,KAAKE,YAAL,EAHH,CAbF,CADF,CAqBD,CArCH,QAiDUrC,UAjDV,GAiDE,sBAAqB,4BAC0C,KAAKE,KAD/C,CACXC,gBADW,gBACXA,gBADW,CACOQ,aADP,gBACOA,aADP,CACsBmC,eADtB,gBACsBA,eADtB,CAEnB,IAAMC,qBAAqB,GAAG,EAAEC,UAAU,EAAE,KAAKrD,KAAL,CAAWsD,SAAzB,EAA9B,CACA,IAAMC,qBAAqB,GAAGzE,EAAE,gBAC7Be,MAAM,CAAC2D,WAAP,CAAmB,KAAKxD,KAAxB,CAD6B,IACI,IADJ,MAE7BH,MAAM,CAAC4D,iBAAP,CAAyB,KAAKzD,KAA9B,CAF6B,IAEUF,SAFV,OAAhC,CAKA,oBACE,6BAAK,KAAK,EAAEsD,qBAAZ,EAAmC,SAAS,EAAEG,qBAA9C,iBACE,oBAAC,MAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,oBAAC,IAAD,IAAM,KAAK,EAAE,KAAKjD,aAAL,EAAb,EAAmC,aAAa,EAAEU,aAAlD,EAAiE,QAAQ,EAAE,KAA3E,iBACE,6BAAK,SAAS,EAAEnB,MAAM,CAAC6D,gBAAP,CAAwB,KAAK1D,KAA7B,CAAhB,iBACE,oBAAC,IAAD,CAAM,GAAN,IAAU,EAAE,EAAEjB,SAAS,CAAC6B,OAAxB,6DADF,eAEE,oBAAC,IAAD,CAAM,GAAN,IAAU,EAAE,EAAE7B,SAAS,CAAC2B,IAAxB,iDAFF,eAGE,oBAAC,IAAD,CAAM,GAAN,IAAU,EAAE,EAAE3B,SAAS,CAAC0B,IAAxB,2CAHF,CADF,CADF,eAQE,oBAAC,MAAD,qBACE,oBAAC,MAAD,IACE,OAAO,EAAE,KAAKkD,UADhB,EAEE,aAAa,EAAE,KAAK7C,cAFtB,EAGE,QAAQ,EAAEN,gBAAgB,KAAKzB,SAAS,CAAC0B,IAH3C,GADF,eAME,wCANF,CARF,eAgBE,oBAAC,IAAD,IAAM,OAAO,EAAE0C,eAAf,sFAhBF,CADF,CADF,CAsBD,CA/EH,qDA+FE,eAAkC,CAChC,QAAQ,KAAK5C,KAAL,CAAWC,gBAAnB,GACE,KAAKzB,SAAS,CAAC6B,OAAf,CACA,KAAK7B,SAAS,CAAC2B,IAAf,CACE,OAAO,IAAP,CACF,QACE,OAAO,KAAP,CALJ,CAOD,CAvGH,yBAAgC9C,KAAK,CAACgG,SAAtC","sourcesContent":["import React from 'react';\nimport SearchIcon from '@skbkontur/react-icons/Search';\nimport CardIcon from '@skbkontur/react-icons/Card';\nimport LinkIcon from '@skbkontur/react-icons/Link';\nimport OkIcon from '@skbkontur/react-icons/Ok';\nimport ErrorIcon from '@skbkontur/react-icons/Error';\nimport TrashIcon from '@skbkontur/react-icons/Trash';\nimport HelpDotIcon from '@skbkontur/react-icons/HelpDot';\n\nimport { Button, ButtonProps } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport { Link, LinkProps } from '../../components/Link';\nimport { Input, InputProps } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { SelectPlayground } from './SelectPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { styles } from './Playground.styles';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n  currentThemeType: ThemeType;\n  onThemeChange: (value: string) => void;\n  onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps, {}> {\n  private theme!: Theme;\n  private stopEl = React.createRef<HTMLDivElement>();\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  private renderMain() {\n    const wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));\n    return (\n      <div className={wrapperClassName}>\n        <Gapped vertical gap={50}>\n          {this.renderTabsGroup()}\n          {this.renderSizesGroup()}\n          {this.renderLinksGroup()}\n          {this.renderButtonsGroup()}\n          {this.renderInputsGroup()}\n          {this.renderOtherInputsGroup()}\n          {this.renderTokenInputsGroup()}\n          {this.renderSwitchersGroup()}\n          {this.renderControlsGroup()}\n        </Gapped>\n        {this.renderStickyStopElement()}\n        <Gapped vertical gap={50}>\n          {this.renderHintsGroup()}\n          {this.renderTooltip()}\n          {this.renderPaging()}\n        </Gapped>\n      </div>\n    );\n  }\n\n  private renderTabsGroup = () => {\n    return useSticky ? (\n      <Sticky side={'top'} getStop={this.getStickyStop}>\n        {this.renderTabs()}\n      </Sticky>\n    ) : (\n      this.renderTabs()\n    );\n  };\n\n  private renderTabs() {\n    const { currentThemeType, onThemeChange, onEditLinkClick } = this.props;\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault };\n    const tabsOuterWrapperClass = cx({\n      [styles.tabsWrapper(this.theme)]: true,\n      [styles.stickyTabsWrapper(this.theme)]: useSticky,\n    });\n\n    return (\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n        <Gapped gap={40}>\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n            <div className={styles.tabsInnerWrapper(this.theme)}>\n              <Tabs.Tab id={ThemeType.Default}>Дефолтная</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.Flat}>Плоская</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.Dark}>Темная</Tabs.Tab>\n            </div>\n          </Tabs>\n          <Gapped>\n            <Toggle\n              checked={this.is8pxTheme}\n              onValueChange={this.toggle8pxTheme}\n              disabled={currentThemeType === ThemeType.Dark}\n            />\n            <span>8px</span>\n          </Gapped>\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\n        </Gapped>\n      </div>\n    );\n  }\n\n  private getCurrentTab = () => {\n    switch (this.props.currentThemeType) {\n      case ThemeType.Dark:\n        return ThemeType.Dark;\n      case ThemeType.Flat:\n      case ThemeType.FlatOld:\n        return ThemeType.Flat;\n      case ThemeType.Default:\n      case ThemeType.DefaultOld:\n      default:\n        return ThemeType.Default;\n    }\n  };\n\n  private get is8pxTheme(): boolean {\n    switch (this.props.currentThemeType) {\n      case ThemeType.Default:\n      case ThemeType.Flat:\n        return true;\n      default:\n        return false;\n    }\n  }\n\n  private toggle8pxTheme = (value: boolean) => {\n    const { currentThemeType, onThemeChange } = this.props;\n    switch (currentThemeType) {\n      case ThemeType.Default:\n        onThemeChange(ThemeType.DefaultOld);\n        break;\n      case ThemeType.DefaultOld:\n        onThemeChange(ThemeType.Default);\n        break;\n      case ThemeType.Flat:\n        onThemeChange(ThemeType.FlatOld);\n        break;\n      case ThemeType.FlatOld:\n        onThemeChange(ThemeType.Flat);\n        break;\n    }\n  };\n\n  private renderSizesGroup = () => {\n    const Group = ({ size }: { size: 'small' | 'medium' | 'large' }) => (\n      <Gapped wrap verticalAlign=\"middle\" gap={10}>\n        <SelectPlayground width={120} size={size} />\n        <Input rightIcon={<CardIcon />} placeholder={'Text value'} size={size} />\n        <Button width={120} size={size}>\n          Button\n        </Button>\n        <Button icon={<LinkIcon />} use={'link'} size={size}>\n          Button like a link\n        </Button>\n      </Gapped>\n    );\n\n    return (\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\n        <Group size={'small'} />\n        <Group size={'medium'} />\n        <Group size={'large'} />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderLinksGroup = () => {\n    const propsList: LinkProps[] = [\n      { icon: <LinkIcon />, children: 'Enabled' },\n      { icon: <OkIcon />, use: 'success', children: 'Success' },\n      { icon: <ErrorIcon />, use: 'danger', children: 'Danger' },\n      { icon: <TrashIcon />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashIcon />, children: 'Disabled', disabled: true },\n    ];\n    return (\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {getComponentsFromPropsList(<Link />, propsList)}\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderButtonsGroup = () => {\n    const propsList: ButtonProps[] = [\n      { children: 'Default' },\n      { children: 'Primary', use: 'primary' },\n      { children: 'Danger', use: 'danger' },\n      { children: 'Pay', use: 'pay' },\n      { children: 'Success', use: 'success' },\n      { children: 'Disabled', disabled: true },\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n      { children: 'Loading', size: 'medium', loading: true },\n    ];\n\n    return (\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n      </ComponentsGroup>\n    );\n  };\n\n  private renderInputsGroup = () => {\n    const propsList: InputProps[] = [\n      { placeholder: 'Enabled' },\n      { placeholder: 'Error', error: true },\n      { placeholder: 'Warning', warning: true },\n      { placeholder: 'Disabled', disabled: true },\n    ];\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n    return (\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchIcon />} />\n        <div>\n          <Gapped gap={10}>{fromProps}</Gapped>\n        </div>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTokenInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n        <TokenInputPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderOtherInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n        <CurrencyInputPlayground />\n        <FxInputPlayground />\n        <DatePickerPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderSwitchersGroup = () => {\n    return (\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n        <SwitcherPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderControlsGroup = () => {\n    return (\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n        <Gapped verticalAlign={'top'} gap={60}>\n          <CheckboxPlayground />\n          <RadioPlayground />\n          <TogglePlayground />\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderHintsGroup = () => {\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <HintPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTooltip = () => {\n    const tooltipContent = () => (\n      <div className={styles.tooltipContent()}>\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n      </div>\n    );\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations={true}>\n          <Link icon={<HelpDotIcon />} />\n        </Tooltip>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderPaging = () => {\n    return (\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n        <PagingPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderStickyStopElement = () => {\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\n  };\n\n  private getStickyStop = () => this.stopEl.current;\n}\n"]}
+{"version":3,"sources":["Playground.tsx"],"names":["React","SearchIcon","CardIcon","LinkIcon","OkIcon","ErrorIcon","TrashIcon","HelpDotIcon","Button","Tabs","Gapped","Link","Input","Toggle","ThemeContext","Tooltip","Sticky","isTestEnv","cx","FileUploader","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","SelectPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","styles","useSticky","Playground","theme","stopEl","createRef","renderTabsGroup","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","Dark","Flat","FlatOld","Default","DefaultOld","toggle8pxTheme","value","onThemeChange","renderSizesGroup","Group","size","renderLinksGroup","propsList","icon","children","use","disabled","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","renderPaging","renderFileUploader","renderStickyStopElement","height","current","render","renderMain","wrapperClassName","playground","playgroundWrapper","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","tabsInnerWrapper","is8pxTheme","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport SearchIcon from '@skbkontur/react-icons/Search';\nimport CardIcon from '@skbkontur/react-icons/Card';\nimport LinkIcon from '@skbkontur/react-icons/Link';\nimport OkIcon from '@skbkontur/react-icons/Ok';\nimport ErrorIcon from '@skbkontur/react-icons/Error';\nimport TrashIcon from '@skbkontur/react-icons/Trash';\nimport HelpDotIcon from '@skbkontur/react-icons/HelpDot';\n\nimport { Button, ButtonProps } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport { Link, LinkProps } from '../../components/Link';\nimport { Input, InputProps } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { FileUploader } from '../../components/FileUploader';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { SelectPlayground } from './SelectPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { styles } from './Playground.styles';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n  currentThemeType: ThemeType;\n  onThemeChange: (value: string) => void;\n  onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps, {}> {\n  private theme!: Theme;\n  private stopEl = React.createRef<HTMLDivElement>();\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  private renderMain() {\n    const wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));\n    return (\n      <div className={wrapperClassName}>\n        <Gapped vertical gap={50}>\n          {this.renderTabsGroup()}\n          {this.renderSizesGroup()}\n          {this.renderLinksGroup()}\n          {this.renderButtonsGroup()}\n          {this.renderInputsGroup()}\n          {this.renderOtherInputsGroup()}\n          {this.renderTokenInputsGroup()}\n          {this.renderSwitchersGroup()}\n          {this.renderControlsGroup()}\n        </Gapped>\n        {this.renderStickyStopElement()}\n        <Gapped vertical gap={50}>\n          {this.renderHintsGroup()}\n          {this.renderTooltip()}\n          {this.renderPaging()}\n          {this.renderFileUploader()}\n        </Gapped>\n      </div>\n    );\n  }\n\n  private renderTabsGroup = () => {\n    return useSticky ? (\n      <Sticky side={'top'} getStop={this.getStickyStop}>\n        {this.renderTabs()}\n      </Sticky>\n    ) : (\n      this.renderTabs()\n    );\n  };\n\n  private renderTabs() {\n    const { currentThemeType, onThemeChange, onEditLinkClick } = this.props;\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault };\n    const tabsOuterWrapperClass = cx({\n      [styles.tabsWrapper(this.theme)]: true,\n      [styles.stickyTabsWrapper(this.theme)]: useSticky,\n    });\n\n    return (\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n        <Gapped gap={40}>\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n            <div className={styles.tabsInnerWrapper(this.theme)}>\n              <Tabs.Tab id={ThemeType.Default}>Дефолтная</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.Flat}>Плоская</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.Dark}>Темная</Tabs.Tab>\n            </div>\n          </Tabs>\n          <Gapped>\n            <Toggle\n              checked={this.is8pxTheme}\n              onValueChange={this.toggle8pxTheme}\n              disabled={currentThemeType === ThemeType.Dark}\n            />\n            <span>8px</span>\n          </Gapped>\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\n        </Gapped>\n      </div>\n    );\n  }\n\n  private getCurrentTab = () => {\n    switch (this.props.currentThemeType) {\n      case ThemeType.Dark:\n        return ThemeType.Dark;\n      case ThemeType.Flat:\n      case ThemeType.FlatOld:\n        return ThemeType.Flat;\n      case ThemeType.Default:\n      case ThemeType.DefaultOld:\n      default:\n        return ThemeType.Default;\n    }\n  };\n\n  private get is8pxTheme(): boolean {\n    switch (this.props.currentThemeType) {\n      case ThemeType.Default:\n      case ThemeType.Flat:\n        return true;\n      default:\n        return false;\n    }\n  }\n\n  private toggle8pxTheme = (value: boolean) => {\n    const { currentThemeType, onThemeChange } = this.props;\n    switch (currentThemeType) {\n      case ThemeType.Default:\n        onThemeChange(ThemeType.DefaultOld);\n        break;\n      case ThemeType.DefaultOld:\n        onThemeChange(ThemeType.Default);\n        break;\n      case ThemeType.Flat:\n        onThemeChange(ThemeType.FlatOld);\n        break;\n      case ThemeType.FlatOld:\n        onThemeChange(ThemeType.Flat);\n        break;\n    }\n  };\n\n  private renderSizesGroup = () => {\n    const Group = ({ size }: { size: 'small' | 'medium' | 'large' }) => (\n      <Gapped wrap verticalAlign=\"middle\" gap={10}>\n        <SelectPlayground width={120} size={size} />\n        <Input rightIcon={<CardIcon />} placeholder={'Text value'} size={size} />\n        <Button width={120} size={size}>\n          Button\n        </Button>\n        <Button icon={<LinkIcon />} use={'link'} size={size}>\n          Button like a link\n        </Button>\n      </Gapped>\n    );\n\n    return (\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\n        <Group size={'small'} />\n        <Group size={'medium'} />\n        <Group size={'large'} />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderLinksGroup = () => {\n    const propsList: LinkProps[] = [\n      { icon: <LinkIcon />, children: 'Enabled' },\n      { icon: <OkIcon />, use: 'success', children: 'Success' },\n      { icon: <ErrorIcon />, use: 'danger', children: 'Danger' },\n      { icon: <TrashIcon />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashIcon />, children: 'Disabled', disabled: true },\n    ];\n    return (\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {getComponentsFromPropsList(<Link />, propsList)}\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderButtonsGroup = () => {\n    const propsList: ButtonProps[] = [\n      { children: 'Default' },\n      { children: 'Primary', use: 'primary' },\n      { children: 'Danger', use: 'danger' },\n      { children: 'Pay', use: 'pay' },\n      { children: 'Success', use: 'success' },\n      { children: 'Disabled', disabled: true },\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n      { children: 'Loading', size: 'medium', loading: true },\n    ];\n\n    return (\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n      </ComponentsGroup>\n    );\n  };\n\n  private renderInputsGroup = () => {\n    const propsList: InputProps[] = [\n      { placeholder: 'Enabled' },\n      { placeholder: 'Error', error: true },\n      { placeholder: 'Warning', warning: true },\n      { placeholder: 'Disabled', disabled: true },\n    ];\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n    return (\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchIcon />} />\n        <div>\n          <Gapped gap={10}>{fromProps}</Gapped>\n        </div>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTokenInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n        <TokenInputPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderOtherInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n        <CurrencyInputPlayground />\n        <FxInputPlayground />\n        <DatePickerPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderSwitchersGroup = () => {\n    return (\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n        <SwitcherPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderControlsGroup = () => {\n    return (\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n        <Gapped verticalAlign={'top'} gap={60}>\n          <CheckboxPlayground />\n          <RadioPlayground />\n          <TogglePlayground />\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderHintsGroup = () => {\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <HintPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTooltip = () => {\n    const tooltipContent = () => (\n      <div className={styles.tooltipContent()}>\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n      </div>\n    );\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations={true}>\n          <Link icon={<HelpDotIcon />} />\n        </Tooltip>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderPaging = () => {\n    return (\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n        <PagingPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderFileUploader = () => {\n    return (\n      <ComponentsGroup title={'FileUploader'} theme={this.theme}>\n        <FileUploader multiple />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderStickyStopElement = () => {\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\n  };\n\n  private getStickyStop = () => this.stopEl.current;\n}\n"]}

package/internal/ThemePlayground/Playground.d.ts

@@ -26,6 +26,7 @@ export declare class Playground extends React.Component<PlaygroundProps, {}> {
     private renderHintsGroup;
     private renderTooltip;
     private renderPaging;
+    private renderFileUploader;
     private renderStickyStopElement;
     private getStickyStop;
 }

package/internal/ThemePlayground/darkTheme/darkTheme.js

@@ -284,5 +284,30 @@ export var darkTheme = ThemeFactory.create({
   tbBg: '#262626',
   tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',
   logoColor: 'white',
-  logoHoverColor: '#000'
+  logoHoverColor: '#000',
+
+  /** FileUploader start **/
+  // Background
+  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',
+  // Font
+  fileUploaderTextColorDefault: '#fff',
+  // Border
+  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderBorderColorFocus: '#1f87ef',
+  // Link
+  fileUploaderLinkColor: '#51adff',
+  // Icon
+  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',
+  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',
+  // States
+  fileUploaderBorderColorError: '#ee5042',
+  fileUploaderBorderColorWarning: '#ffa236',
+  // Disabled
+  fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',
+  fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)'
+  /** FileUploader end **/
+
 });

package/internal/ThemePlayground/darkTheme/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","darkTheme","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","checkboxCheckedColor","checkboxBg","checkboxShadow","checkboxHoverBg","checkboxBgDisabled","checkboxShadowDisabled","checkboxOutlineColorFocus","checkboxActiveBg","checkboxCheckedActiveBg","radioBgImage","radioBoxShadow","radioCheckedBulletColor","radioHoverBg","radioHoverShadow","radioDisabledShadow","radioDisabledBg","radioActiveBg","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnCheckedBg","btnCheckedTextColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","selectPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tdDividerBg","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBaseBg","toggleBgChecked","toggleShadowColorWarning","toggleShadowColorError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","toggleBgDisabled","toggleDisabledHandleBg","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","inputPlaceholderColorDisabled","btnDisabledTextColor","specificityLevel","textareaBg","textareaColor","tbBg","tbShadow","logoColor","logoHoverColor"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAGD,YAAY,CAACE,MAAb,CAAoB;AAC3CC,EAAAA,WAAW,EAAE,SAD8B;AAE3CC,EAAAA,UAAU,EAAE,SAF+B;AAG3CC,EAAAA,KAAK,EAAE,SAHoC;AAI3CC,EAAAA,SAAS,EAAE,SAJgC;AAK3CC,EAAAA,UAAU,EAAE,SAL+B;AAM3CC,EAAAA,KAAK,EAAE,MANoC;AAO3CC,EAAAA,WAAW,EAAE,SAP8B;AAQ3CC,EAAAA,UAAU,EAAE,SAR+B;AAS3CC,EAAAA,SAAS,EAAE,SATgC;AAU3CC,EAAAA,IAAI,EAAE,SAVqC;AAW3CC,EAAAA,QAAQ,EAAE,MAXiC;AAY3CC,EAAAA,KAAK,EAAE,MAZoC;AAa3CC,EAAAA,WAAW,EAAE,SAb8B;AAc3CC,EAAAA,SAAS,EAAE,SAdgC;AAe3CC,EAAAA,IAAI,EAAE,SAfqC;AAgB3CC,EAAAA,QAAQ,EAAE,SAhBiC;AAiB3CC,EAAAA,SAAS,EAAE,SAjBgC;AAkB3CC,EAAAA,YAAY,EAAE,SAlB6B;AAmB3CC,EAAAA,KAAK,EAAE,SAnBoC;AAoB3CC,EAAAA,SAAS,EAAE,SApBgC;AAqB3CC,EAAAA,UAAU,EAAE,SArB+B;AAsB3CC,EAAAA,GAAG,EAAE,SAtBsC;AAuB3CC,EAAAA,OAAO,EAAE,SAvBkC;AAwB3CC,EAAAA,aAAa,EAAE,SAxB4B;AAyB3CC,EAAAA,MAAM,EAAE,SAzBmC;AA0B3CC,EAAAA,UAAU,EAAE,SA1B+B;AA2B3CC,EAAAA,SAAS,EAAE,SA3BgC;AA4B3CC,EAAAA,UAAU,EAAE,2BA5B+B;AA6B3CC,EAAAA,QAAQ,EAAE,SA7BiC;AA8B3CC,EAAAA,SAAS,EAAE,SA9BgC;AA+B3CC,EAAAA,cAAc,EAAE,SA/B2B;AAgC3CC,EAAAA,SAAS,EAAE,SAhCgC;AAiC3CC,EAAAA,WAAW,EAAE,SAjC8B;AAkC3CC,EAAAA,gBAAgB,EAAE,SAlCyB;AAmC3CC,EAAAA,WAAW,EAAE,SAnC8B;AAoC3CC,EAAAA,gBAAgB,EAAE,SApCyB;AAqC3CC,EAAAA,qBAAqB,EAAE,SArCoB;AAsC3CC,EAAAA,mBAAmB,EAAE,SAtCsB;AAuC3CC,EAAAA,oBAAoB,EAAE,SAvCqB;AAwC3CC,EAAAA,gBAAgB,EAAE,SAxCyB;AAyC3CC,EAAAA,kBAAkB,EAAE,SAzCuB;AA0C3CC,EAAAA,iBAAiB,EAAE,MA1CwB;AA2C3CC,EAAAA,gBAAgB,EAAE,MA3CyB;AA4C3CC,EAAAA,qBAAqB,EAAE,MA5CoB;AA6C3CC,EAAAA,UAAU,EAAE,wBA7C+B;AA8C3CC,EAAAA,kBAAkB,EAAE,KA9CuB;AA+C3CC,EAAAA,sBAAsB,EAAE,MA/CmB;AAgD3CC,EAAAA,uBAAuB,EAAE,MAhDkB;AAiD3CC,EAAAA,sBAAsB,EAAE,MAjDmB;AAkD3CC,EAAAA,oBAAoB,EAAE,KAlDqB;AAmD3CC,EAAAA,qBAAqB,EAAE,KAnDoB;AAoD3CC,EAAAA,oBAAoB,EAAE,MApDqB;AAqD3CC,EAAAA,kBAAkB,EAAE,MArDuB;AAsD3CC,EAAAA,mBAAmB,EAAE,MAtDsB;AAuD3CC,EAAAA,kBAAkB,EAAE,MAvDuB;AAwD3CC,EAAAA,oBAAoB,EAAE,MAxDqB;AAyD3C,MAAIC,UAAJ,GAAiB;AACf,WAAO,KAAK9B,SAAZ;AACD,GA3D0C;AA4D3C+B,EAAAA,cAAc,EAAE,qCA5D2B;AA6D3CC,EAAAA,eAAe,EAAE,MA7D0B;AA8D3CC,EAAAA,kBAAkB,EAAE,2BA9DuB;AA+D3CC,EAAAA,sBAAsB,EAAE,mBA/DmB;AAgE3C,MAAIC,yBAAJ,GAAgC;AAC9B,WAAO,KAAKnC,SAAZ;AACD,GAlE0C;AAmE3C,MAAIoC,gBAAJ,GAAuB;AACrB,WAAO,KAAKpC,SAAZ;AACD,GArE0C;AAsE3C,MAAIqC,uBAAJ,GAA8B;AAC5B,WAAO,KAAKrC,SAAZ;AACD,GAxE0C;AAyE3C,MAAIsC,YAAJ,GAAmB;AACjB,gCAA0B,KAAKtC,SAA/B,SAA4C,KAAKA,SAAjD;AACD,GA3E0C;AA4E3CuC,EAAAA,cAAc,EAAE,qCA5E2B;AA6E3CC,EAAAA,uBAAuB,EAAE,MA7EkB;AA8E3CC,EAAAA,YAAY,EAAE,MA9E6B;AA+E3CC,EAAAA,gBAAgB,EAAE,qCA/EyB;AAgF3CC,EAAAA,mBAAmB,EAAE,mBAhFsB;AAiF3CC,EAAAA,eAAe,EAAE,2BAjF0B;AAkF3C,MAAIC,aAAJ,GAAoB;AAClB,WAAO,KAAK7C,SAAZ;AACD,GApF0C;AAqF3C8C,EAAAA,gBAAgB,EAAE,MArFyB;AAsF3CC,EAAAA,eAAe,EAAE,MAtF0B;AAuF3CC,EAAAA,iBAAiB,EAAE,SAvFwB;AAwF3CC,EAAAA,SAAS,EAAE,MAxFgC;AAyF3CC,EAAAA,eAAe,EAAE,2BAzF0B;AA0F3CC,EAAAA,cAAc,EAAE,MA1F2B;AA2F3CC,EAAAA,iBAAiB,EAAE,SA3FwB;AA4F3CC,EAAAA,uBAAuB,EAAE,WA5FkB;AA6F3CC,EAAAA,eAAe,EAAE,SA7F0B;AA8F3CC,EAAAA,kBAAkB,EAAE,2BA9FuB;AA+F3CC,EAAAA,QAAQ,EAAE,MA/FiC;AAgG3CC,EAAAA,aAAa,EAAE,KAhG4B;AAiG3CC,EAAAA,aAAa,EAAE,2BAjG4B;AAkG3CC,EAAAA,YAAY,EAAE,SAlG6B;AAmG3CC,EAAAA,mBAAmB,EAAE,MAnGsB;AAoG3CC,EAAAA,YAAY,EAAE,SApG6B;AAqG3CC,EAAAA,iBAAiB,EAAE,SArGwB;AAsG3CC,EAAAA,iBAAiB,EAAE,MAtGwB;AAuG3CC,EAAAA,eAAe,EAAE,MAvG0B;AAwG3CC,EAAAA,qBAAqB,EAAE,sBAxGoB;AAyG3CC,EAAAA,2BAA2B,EAAE,sBAzGc;AA0G3CC,EAAAA,sBAAsB,EAAE,MA1GmB;AA2G3CC,EAAAA,oBAAoB,EAAE,MA3GqB;AA4G3CC,EAAAA,0BAA0B,EAAE,uBA5Ge;AA6G3CC,EAAAA,gCAAgC,EAAE,uBA7GS;AA8G3CC,EAAAA,kBAAkB,EAAE,SA9GuB;AA+G3CC,EAAAA,sBAAsB,EAAE,sCA/GmB;AAgH3CC,EAAAA,2BAA2B,EAAE,oBAhHc;AAiH3CC,EAAAA,8BAA8B,EAAE,mBAjHW;AAkH3CC,EAAAA,YAAY,EAAE,SAlH6B;AAmH3CC,EAAAA,iBAAiB,EAAE,SAnHwB;AAoH3CC,EAAAA,eAAe,EAAE,SApH0B;AAqH3CC,EAAAA,mBAAmB,EAAE,MArHsB;AAsH3CC,EAAAA,qBAAqB,EAAE,uBAtHoB;AAuH3CC,EAAAA,2BAA2B,EAAE,uBAvHc;AAwH3CC,EAAAA,sBAAsB,EAAE,SAxHmB;AAyH3CC,EAAAA,oBAAoB,EAAE,SAzHqB;AA0H3CC,EAAAA,0BAA0B,EAAE,qBA1He;AA2H3CC,EAAAA,gCAAgC,EAAE,uBA3HS;AA4H3CC,EAAAA,kBAAkB,EAAE,SA5HuB;AA6H3CC,EAAAA,sBAAsB,EAAE,sCA7HmB;AA8H3CC,EAAAA,2BAA2B,EAAE,sBA9Hc;AA+H3CC,EAAAA,8BAA8B,EAAE,qBA/HW;AAgI3CC,EAAAA,YAAY,EAAE,SAhI6B;AAiI3CC,EAAAA,iBAAiB,EAAE,SAjIwB;AAkI3CC,EAAAA,eAAe,EAAE,SAlI0B;AAmI3CC,EAAAA,mBAAmB,EAAE,MAnIsB;AAoI3CC,EAAAA,qBAAqB,EAAE,wBApIoB;AAqI3CC,EAAAA,2BAA2B,EAAE,0BArIc;AAsI3CC,EAAAA,sBAAsB,EAAE,SAtImB;AAuI3CC,EAAAA,oBAAoB,EAAE,SAvIqB;AAwI3CC,EAAAA,0BAA0B,EAAE,sBAxIe;AAyI3CC,EAAAA,gCAAgC,EAAE,uBAzIS;AA0I3CC,EAAAA,kBAAkB,EAAE,SA1IuB;AA2I3CC,EAAAA,sBAAsB,EAAE,sCA3ImB;AA4I3CC,EAAAA,2BAA2B,EAAE,wBA5Ic;AA6I3CC,EAAAA,8BAA8B,EAAE,uBA7IW;AA8I3CC,EAAAA,WAAW,EAAE,SA9I8B;AA+I3CC,EAAAA,gBAAgB,EAAE,SA/IyB;AAgJ3CC,EAAAA,cAAc,EAAE,SAhJ2B;AAiJ3CC,EAAAA,kBAAkB,EAAE,MAjJuB;AAkJ3CC,EAAAA,oBAAoB,EAAE,uBAlJqB;AAmJ3CC,EAAAA,0BAA0B,EAAE,sBAnJe;AAoJ3CC,EAAAA,qBAAqB,EAAE,SApJoB;AAqJ3CC,EAAAA,mBAAmB,EAAE,SArJsB;AAsJ3CC,EAAAA,yBAAyB,EAAE,sBAtJgB;AAuJ3CC,EAAAA,+BAA+B,EAAE,wBAvJU;AAwJ3CC,EAAAA,iBAAiB,EAAE,SAxJwB;AAyJ3CC,EAAAA,qBAAqB,EAAE,sCAzJoB;AA0J3CC,EAAAA,0BAA0B,EAAE,uBA1Je;AA2J3CC,EAAAA,6BAA6B,EAAE,uBA3JY;AA4J3CC,EAAAA,QAAQ,EAAE,SA5JiC;AA6J3CC,EAAAA,aAAa,EAAE,SA7J4B;AA8J3CC,EAAAA,WAAW,EAAE,SA9J8B;AA+J3CC,EAAAA,iBAAiB,EAAE,yBA/JwB;AAgK3CC,EAAAA,uBAAuB,EAAE,yBAhKkB;AAiK3CC,EAAAA,kBAAkB,EAAE,SAjKuB;AAkK3CC,EAAAA,gBAAgB,EAAE,SAlKyB;AAmK3CC,EAAAA,sBAAsB,EAAE,wBAnKmB;AAoK3CC,EAAAA,4BAA4B,EAAE,wBApKa;AAqK3CC,EAAAA,cAAc,EAAE,SArK2B;AAsK3CC,EAAAA,kBAAkB,EAAE,uCAtKuB;AAuK3CC,EAAAA,uBAAuB,EAAE,wBAvKkB;AAwK3CC,EAAAA,0BAA0B,EAAE,wBAxKe;AAyK3CC,EAAAA,sBAAsB,EAAE,SAzKmB;AA0K3CC,EAAAA,aAAa,EAAE,SA1K4B;AA2K3CC,EAAAA,aAAa,EAAE,SA3K4B;AA4K3CC,EAAAA,eAAe,EAAE,SA5K0B;AA6K3CC,EAAAA,eAAe,EAAE,SA7K0B;AA8K3CC,EAAAA,eAAe,EAAE,SA9K0B;AA+K3CC,EAAAA,aAAa,EAAE,SA/K4B;AAgL3CC,EAAAA,kBAAkB,EAAE,SAhLuB;AAiL3CC,EAAAA,oBAAoB,EAAE,SAjLqB;AAkL3CC,EAAAA,oBAAoB,EAAE,SAlLqB;AAmL3CC,EAAAA,oBAAoB,EAAE,SAnLqB;AAoL3CC,EAAAA,oBAAoB,EAAE,SApLqB;AAqL3CC,EAAAA,yBAAyB,EAAE,SArLgB;AAsL3CC,EAAAA,WAAW,EAAE,MAtL8B;AAuL3CC,EAAAA,gBAAgB,EAAE,KAvLyB;AAwL3CC,EAAAA,qBAAqB,EAAE,0BAxLoB;AAyL3CC,EAAAA,6BAA6B,EAAE,SAzLY;AA0L3CC,EAAAA,0BAA0B,EAAE,0BA1Le;AA2L3CC,EAAAA,kBAAkB,EAAE,SA3LuB;AA4L3CC,EAAAA,sBAAsB,EAAE,mBA5LmB;AA6L3CC,EAAAA,sBAAsB,EAAE,qBA7LmB;AA8L3CC,EAAAA,aAAa,EAAE,SA9L4B;AA+L3CC,EAAAA,sBAAsB,EAAE,OA/LmB;AAgM3CC,EAAAA,qBAAqB,EAAE,SAhMoB;AAiM3CC,EAAAA,wBAAwB,EAAE,0BAjMiB;AAkM3CC,EAAAA,6BAA6B,EAAE,0BAlMY;AAmM3CC,EAAAA,uBAAuB,EAAE,+BAnMkB;AAoM3CC,EAAAA,kBAAkB,EAAE,MApMuB;AAqM3CC,EAAAA,kBAAkB,EAAE,SArMuB;AAsM3CC,EAAAA,cAAc,EAAE,SAtM2B;AAuM3CC,EAAAA,wBAAwB,EAAE,SAvMiB;AAwM3CC,EAAAA,sBAAsB,EAAE,OAxMmB;AAyM3CC,EAAAA,4BAA4B,EAAE,OAzMa;AA0M3CC,EAAAA,wBAAwB,EAAE,SA1MiB;AA2M3CC,EAAAA,uBAAuB,EAAE,mBA3MkB;AA4M3CC,EAAAA,2BAA2B,EAAE,SA5Mc;AA6M3CC,EAAAA,6BAA6B,EAAE,SA7MY;AA8M3CC,EAAAA,iCAAiC,EAAE,SA9MQ;AA+M3CC,EAAAA,mCAAmC,EAAE,SA/MM;AAgN3CC,EAAAA,gBAAgB,EAAE,SAhNyB;AAiN3CC,EAAAA,0BAA0B,EAAE,SAjNe;AAkN3CC,EAAAA,4BAA4B,EAAE,SAlNa;AAmN3CC,EAAAA,4BAA4B,EAAE,SAnNa;AAoN3CC,EAAAA,4BAA4B,EAAE,MApNa;AAqN3CC,EAAAA,8BAA8B,EAAE,MArNW;AAsN3CC,EAAAA,8BAA8B,EAAE,SAtNW;AAuN3CC,EAAAA,sBAAsB,EAAE,MAvNmB;AAwN3CC,EAAAA,QAAQ,EAAE,SAxNiC;AAyN3CC,EAAAA,YAAY,EAAE,oDAzN6B;AA0N3CC,EAAAA,yBAAyB,EAAE,SA1NgB;AA2N3CC,EAAAA,2BAA2B,EAAE,mBA3Nc;AA4N3CC,EAAAA,8BAA8B,EAAE,SA5NW;AA6N3CC,EAAAA,eAAe,EAAE,SA7N0B;AA8N3CC,EAAAA,sBAAsB,EAAE,SA9NmB;AA+N3CC,EAAAA,8BAA8B,EAAE,SA/NW;AAgO3CC,EAAAA,sBAAsB,EAAE,2BAhOmB;AAiO3CC,EAAAA,yBAAyB,EAAE,SAjOgB;AAkO3CC,EAAAA,qBAAqB,EAAE,2BAlOoB;AAmO3CC,EAAAA,uBAAuB,EAAE,2BAnOkB;AAoO3CC,EAAAA,wBAAwB,EAAE,SApOiB;AAqO3CC,EAAAA,OAAO,EAAE,oBArOkC;AAsO3CC,EAAAA,UAAU,EAAE,OAtO+B;AAuO3CC,EAAAA,cAAc,EAAE,SAvO2B;AAwO3CC,EAAAA,eAAe,EAAE,SAxO0B;AAyO3CC,EAAAA,oBAAoB,EAAE,OAzOqB;AA0O3CC,EAAAA,WAAW,EAAE,SA1O8B;AA2O3CC,EAAAA,sBAAsB,EAAE,MA3OmB;AA4O3CC,EAAAA,UAAU,EAAE,kBA5O+B;AA6O3CC,EAAAA,UAAU,EAAE,oDA7O+B;AA8O3C,MAAIC,YAAJ,GAAmB;AACjB,WAAO,KAAKvM,SAAZ;AACD,GAhP0C;AAiP3CwM,EAAAA,eAAe,EAAE,SAjP0B;AAkP3CC,EAAAA,wBAAwB,EAAE,SAlPiB;AAmP3CC,EAAAA,sBAAsB,EAAE,SAnPmB;AAoP3CC,EAAAA,cAAc,EAAE,SApP2B;AAqP3CC,EAAAA,sBAAsB,EAAE,SArPmB;AAsP3CC,EAAAA,iBAAiB,EAAE,2BAtPwB;AAuP3C,MAAIC,gBAAJ,GAAuB;AACrB,WAAO,KAAK9M,SAAZ;AACD,GAzP0C;AA0P3C+M,EAAAA,sBAAsB,EAAE,SA1PmB;AA2P3CC,EAAAA,iBAAiB,EAAE,MA3PwB;AA4P3CC,EAAAA,iBAAiB,EAAE,KA5PwB;AA6P3CC,EAAAA,WAAW,EAAE,WA7P8B;AA8P3CC,EAAAA,gBAAgB,EAAE,SA9PyB;AA+P3CC,EAAAA,eAAe,EAAE,mFA/P0B;AAgQ3CC,EAAAA,cAAc,EAAE,+DAhQ2B;AAiQ3CC,EAAAA,cAAc,EAAE,MAjQ2B;AAkQ3CC,EAAAA,UAAU,EAAE,MAlQ+B;AAmQ3CC,EAAAA,cAAc,EAAE,MAnQ2B;AAoQ3CC,EAAAA,OAAO,EAAE,MApQkC;AAqQ3CC,EAAAA,6BAA6B,EAAE,MArQY;AAsQ3CC,EAAAA,oBAAoB,EAAE,MAtQqB;AAuQ3CC,EAAAA,gBAAgB,EAAE,GAvQyB;AAwQ3CC,EAAAA,UAAU,EAAE,MAxQ+B;AAyQ3CC,EAAAA,aAAa,EAAE,SAzQ4B;;AA2Q3C;AACA;AACA;AACAC,EAAAA,IAAI,EAAE,SA9QqC;AA+Q3CC,EAAAA,QAAQ,EAAE,gEA/QiC;AAgR3CC,EAAAA,SAAS,EAAE,OAhRgC;AAiR3CC,EAAAA,cAAc,EAAE,MAjR2B,EAApB,CAAlB","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\n\nexport const darkTheme = ThemeFactory.create({\n  brandXLight: '#cae5f5',\n  brandLight: '#3094d0',\n  brand: '#1e79be',\n  brandDark: '#1363a0',\n  brandXDark: '#084f85',\n  white: '#fff',\n  grayXxLight: '#f2f2f2',\n  grayXLight: '#e5e5e5',\n  grayLight: '#a0a0a0',\n  gray: '#808080',\n  grayDark: '#333',\n  black: '#000',\n  blueXxLight: '#e4f3ff',\n  blueLight: '#5199db',\n  blue: '#3072c4',\n  blueDark: '#1e5aa4',\n  blueXDark: '#044785',\n  greenXxLight: '#e2f7dc',\n  green: '#3f9726',\n  greenDark: '#228007',\n  redXxLight: '#ffd6d6',\n  red: '#d70c17',\n  redDark: '#ce0014',\n  yellowXxLight: '#fff0bc',\n  yellow: '#f69c00',\n  yellowDark: '#d97e00',\n  bgDefault: '#333333',\n  bgDisabled: 'rgba(255, 255, 255, 0.05)',\n  bgActive: '#5199db',\n  errorMain: '#d70c17',\n  errorSecondary: '#ffd6d6',\n  errorText: '#ce0014',\n  warningMain: '#f69c00',\n  warningSecondary: '#fff0bc',\n  warningText: '#d97e00',\n  borderColorFocus: '#5199db',\n  borderColorFocusLight: '#bad7f1',\n  borderColorGrayDark: '#4D4D4D',\n  borderColorGrayLight: '#4D4D4D',\n  borderColorError: '#d70c17',\n  borderColorWarning: '#f69c00',\n  outlineColorFocus: '#fff',\n  placeholderColor: '#aaa',\n  placeholderColorLight: '#bbb',\n  blinkColor: 'rgba(0, 136, 255, 0.4)',\n  controlBorderWidth: '1px',\n  controlLineHeightSmall: '20px',\n  controlLineHeightMedium: '20px',\n  controlLineHeightLarge: '22px',\n  controlPaddingYSmall: '6px',\n  controlPaddingYMedium: '9px',\n  controlPaddingYLarge: '10px',\n  controlHeightSmall: '34px',\n  controlHeightMedium: '40px',\n  controlHeightLarge: '44px',\n  checkboxCheckedColor: '#fff',\n  get checkboxBg() {\n    return this.bgDefault;\n  },\n  checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n  checkboxHoverBg: 'none',\n  checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',\n  checkboxShadowDisabled: '0 0 0 1px #4D4D4D',\n  get checkboxOutlineColorFocus() {\n    return this.bgDefault;\n  },\n  get checkboxActiveBg() {\n    return this.bgDefault;\n  },\n  get checkboxCheckedActiveBg() {\n    return this.bgDefault;\n  },\n  get radioBgImage() {\n    return `linear-gradient(${this.bgDefault},${this.bgDefault})`;\n  },\n  radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n  radioCheckedBulletColor: '#fff',\n  radioHoverBg: 'none',\n  radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n  radioDisabledShadow: '0 0 0 1px #4D4D4D',\n  radioDisabledBg: 'rgba(255, 255, 255, 0.05)',\n  get radioActiveBg() {\n    return this.bgDefault;\n  },\n  textColorDefault: '#fff',\n  textColorInvert: '#fff',\n  textColorDisabled: '#a0a0a0',\n  linkColor: '#fff',\n  linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n  linkHoverColor: '#fff',\n  linkDisabledColor: '#a0a0a0',\n  linkHoverTextDecoration: 'underline',\n  menuItemHoverBg: '#0488E0',\n  menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n  loaderBg: '#333',\n  loaderOpacity: '0.9',\n  btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n  btnCheckedBg: '#737373',\n  btnCheckedTextColor: '#fff',\n  btnDefaultBg: '#333333',\n  btnDefaultHoverBg: '#444444',\n  btnDefaultBgStart: 'none',\n  btnDefaultBgEnd: 'none',\n  btnDefaultBorderColor: 'rgba(255,255,255, 1)',\n  btnDefaultBorderBottomColor: 'rgba(255,255,255, 1)',\n  btnDefaultHoverBgStart: '#333',\n  btnDefaultHoverBgEnd: '#333',\n  btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n  btnDefaultHoverBorderBottomColor: 'rgba(255,255,255,0.7)',\n  btnDefaultActiveBg: '#e1e1e1',\n  btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',\n  btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 28)',\n  btnSuccessBg: '#419d14',\n  btnSuccessBgStart: '#4ba91d',\n  btnSuccessBgEnd: '#37910b',\n  btnSuccessTextColor: '#fff',\n  btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n  btnSuccessBorderBottomColor: 'rgba(23, 89, 7, 0.85)',\n  btnSuccessHoverBgStart: '#3b8d13',\n  btnSuccessHoverBgEnd: '#317e0b',\n  btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n  btnSuccessHoverBorderBottomColor: 'rgba(10, 72, 2, 0.79)',\n  btnSuccessActiveBg: '#35840e',\n  btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',\n  btnSuccessActiveBorderTopColor: 'rgba(7, 42, 3, 0.9)',\n  btnPrimaryBg: '#1e8dd4',\n  btnPrimaryBgStart: '#2899ea',\n  btnPrimaryBgEnd: '#167ac1',\n  btnPrimaryTextColor: '#fff',\n  btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n  btnPrimaryBorderBottomColor: 'rgba(10, 55, 100, 0.85) ',\n  btnPrimaryHoverBgStart: '#0087d5',\n  btnPrimaryHoverBgEnd: '#167ac1',\n  btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n  btnPrimaryHoverBorderBottomColor: 'rgba(6, 51, 92, 0.79)',\n  btnPrimaryActiveBg: '#0079c3',\n  btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\n  btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',\n  btnPrimaryActiveBorderTopColor: 'rgba(9, 53, 97, 0.88)',\n  btnDangerBg: '#e14c30',\n  btnDangerBgStart: '#ec5438',\n  btnDangerBgEnd: '#d44327',\n  btnDangerTextColor: '#fff',\n  btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n  btnDangerBorderBottomColor: 'rgba(89, 8, 0, 0.82)',\n  btnDangerHoverBgStart: '#d44227',\n  btnDangerHoverBgEnd: '#c73013',\n  btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n  btnDangerHoverBorderBottomColor: 'rgba(118, 1, 1, 0.82) ',\n  btnDangerActiveBg: '#cd381b',\n  btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',\n  btnDangerActiveBorderTopColor: 'rgba(100, 5, 5, 0.85)',\n  btnPayBg: '#ffc943',\n  btnPayBgStart: '#ffd54b',\n  btnPayBgEnd: '#ffbb39',\n  btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n  btnPayBorderBottomColor: 'rgba(134, 70, 12, 0.87)',\n  btnPayHoverBgStart: '#ffbd3a',\n  btnPayHoverBgEnd: '#f8a91d',\n  btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n  btnPayHoverBorderBottomColor: 'rgba(162, 82, 6, 0.82)',\n  btnPayActiveBg: '#fbb028',\n  btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',\n  btnPayActiveBorderTopColor: 'rgba(99, 68, 0, 0.832)',\n  selectPlaceholderColor: '#a0a0a0',\n  tabColorFocus: '#5199db',\n  tabColorError: '#e14c30',\n  tabColorWarning: '#ffc943',\n  tabColorSuccess: '#419d14',\n  tabColorPrimary: '#1e8dd4',\n  tabColorHover: '#bad7f1',\n  tabColorHoverError: '#f1ac9f',\n  tabColorHoverWarning: '#ffeec3',\n  tabColorHoverSuccess: '#7de849',\n  tabColorHoverPrimary: '#84c4ee',\n  tooltipCloseBtnColor: '#808080',\n  tooltipCloseBtnHoverColor: '#606060',\n  modalBackBg: '#333',\n  modalBackOpacity: '0.6',\n  modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n  modalCloseButtonDisabledColor: '#8b8b8b',\n  modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n  modalFixedHeaderBg: '#333333',\n  modalFixedHeaderShadow: '0 1px 7px #000000',\n  modalFixedFooterShadow: '0 -1px 10px #000000',\n  modalFooterBg: '#272727',\n  modalAdaptiveThreshold: '425px',\n  sidePageFooterPanelBg: '#272727',\n  sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n  sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n  sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\n  dateInputIconColor: '#666',\n  dateInputMaskColor: '#4D4D4D',\n  calendarCellBg: '#333333',\n  calendarCellHoverBgColor: '#5199db',\n  calendarCellHoverColor: 'white',\n  calendarCellActiveHoverColor: 'white',\n  calendarCellWeekendColor: '#FF1414',\n  calendarCellTodayBorder: '1px solid #333333',\n  calendarCellSelectedBgColor: '#5199db',\n  calendarCellSelectedFontColor: 'inherit',\n  calendarMonthHeaderStickedBgColor: '#333333',\n  calendarMonthTitleBorderBottomColor: '#333333',\n  dateSelectMenuBg: '#333333',\n  dateSelectMenuItemBgActive: '#5199db',\n  dateSelectMenuItemBgSelected: '#5199db',\n  dateSelectMenuItemBgDisabled: '#333333',\n  dateSelectMenuItemFontActive: '#fff',\n  dateSelectMenuItemFontSelected: '#fff',\n  dateSelectMenuItemFontDisabled: '#a0a0a0',\n  datePickerOpenBtnColor: '#333',\n  pickerBg: '#333333',\n  pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n  pickerTodayWrapperBgColor: '#333333',\n  pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\n  pickerTodayWrapperHoverBgColor: '#5199db',\n  pagingDotsColor: '#A0A0A0',\n  pagingForwardLinkColor: '#00A8FF',\n  pagingForwardLinkDisabledColor: '#A0A0A0',\n  pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\n  pagingPageLinkActiveColor: '#a0a0a0',\n  pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\n  pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\n  menuSeparatorBorderColor: '#404040',\n  toastBg: 'rgba(0, 0, 0, 0.8)',\n  toastColor: 'white',\n  toastLinkColor: '#80caff',\n  toastCloseColor: '#a0a0a0',\n  toastCloseHoverColor: 'white',\n  tdDividerBg: '#808080',\n  menuItemPaddingForIcon: '36px',\n  menuBorder: 'rgba(0, 0, 0, 0)',\n  menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\n  get toggleBaseBg() {\n    return this.bgDefault;\n  },\n  toggleBgChecked: '#3072c4',\n  toggleShadowColorWarning: '#f69c00',\n  toggleShadowColorError: '#d70c17',\n  toggleBgActive: '#e5e5e5',\n  toggleFocusShadowColor: '#5199db',\n  toggleBorderColor: 'rgba(255, 255, 255, 0.15)',\n  get toggleBgDisabled() {\n    return this.bgDefault;\n  },\n  toggleDisabledHandleBg: '#4D4D4D',\n  btnMenuArrowColor: '#666',\n  popupBorderRadius: '2px',\n  popupBorder: '1px solid',\n  popupBorderColor: '#4D4D4D',\n  popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\n  popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n  popupTextColor: '#fff',\n  inputColor: '#fff',\n  inputTextColor: '#fff',\n  inputBg: '#333',\n  inputPlaceholderColorDisabled: '#aaa',\n  btnDisabledTextColor: '#aaa',\n  specificityLevel: '0',\n  textareaBg: 'none',\n  textareaColor: 'inherit',\n\n  // react-ui-addons vars\n  // live here because\n  // dark theme is unofficial\n  tbBg: '#262626',\n  tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\n  logoColor: 'white',\n  logoHoverColor: '#000',\n});\n"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","darkTheme","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","checkboxCheckedColor","checkboxBg","checkboxShadow","checkboxHoverBg","checkboxBgDisabled","checkboxShadowDisabled","checkboxOutlineColorFocus","checkboxActiveBg","checkboxCheckedActiveBg","radioBgImage","radioBoxShadow","radioCheckedBulletColor","radioHoverBg","radioHoverShadow","radioDisabledShadow","radioDisabledBg","radioActiveBg","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnCheckedBg","btnCheckedTextColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","selectPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tdDividerBg","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBaseBg","toggleBgChecked","toggleShadowColorWarning","toggleShadowColorError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","toggleBgDisabled","toggleDisabledHandleBg","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","inputPlaceholderColorDisabled","btnDisabledTextColor","specificityLevel","textareaBg","textareaColor","tbBg","tbShadow","logoColor","logoHoverColor","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\n\nexport const darkTheme = ThemeFactory.create({\n  brandXLight: '#cae5f5',\n  brandLight: '#3094d0',\n  brand: '#1e79be',\n  brandDark: '#1363a0',\n  brandXDark: '#084f85',\n  white: '#fff',\n  grayXxLight: '#f2f2f2',\n  grayXLight: '#e5e5e5',\n  grayLight: '#a0a0a0',\n  gray: '#808080',\n  grayDark: '#333',\n  black: '#000',\n  blueXxLight: '#e4f3ff',\n  blueLight: '#5199db',\n  blue: '#3072c4',\n  blueDark: '#1e5aa4',\n  blueXDark: '#044785',\n  greenXxLight: '#e2f7dc',\n  green: '#3f9726',\n  greenDark: '#228007',\n  redXxLight: '#ffd6d6',\n  red: '#d70c17',\n  redDark: '#ce0014',\n  yellowXxLight: '#fff0bc',\n  yellow: '#f69c00',\n  yellowDark: '#d97e00',\n  bgDefault: '#333333',\n  bgDisabled: 'rgba(255, 255, 255, 0.05)',\n  bgActive: '#5199db',\n  errorMain: '#d70c17',\n  errorSecondary: '#ffd6d6',\n  errorText: '#ce0014',\n  warningMain: '#f69c00',\n  warningSecondary: '#fff0bc',\n  warningText: '#d97e00',\n  borderColorFocus: '#5199db',\n  borderColorFocusLight: '#bad7f1',\n  borderColorGrayDark: '#4D4D4D',\n  borderColorGrayLight: '#4D4D4D',\n  borderColorError: '#d70c17',\n  borderColorWarning: '#f69c00',\n  outlineColorFocus: '#fff',\n  placeholderColor: '#aaa',\n  placeholderColorLight: '#bbb',\n  blinkColor: 'rgba(0, 136, 255, 0.4)',\n  controlBorderWidth: '1px',\n  controlLineHeightSmall: '20px',\n  controlLineHeightMedium: '20px',\n  controlLineHeightLarge: '22px',\n  controlPaddingYSmall: '6px',\n  controlPaddingYMedium: '9px',\n  controlPaddingYLarge: '10px',\n  controlHeightSmall: '34px',\n  controlHeightMedium: '40px',\n  controlHeightLarge: '44px',\n  checkboxCheckedColor: '#fff',\n  get checkboxBg() {\n    return this.bgDefault;\n  },\n  checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n  checkboxHoverBg: 'none',\n  checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',\n  checkboxShadowDisabled: '0 0 0 1px #4D4D4D',\n  get checkboxOutlineColorFocus() {\n    return this.bgDefault;\n  },\n  get checkboxActiveBg() {\n    return this.bgDefault;\n  },\n  get checkboxCheckedActiveBg() {\n    return this.bgDefault;\n  },\n  get radioBgImage() {\n    return `linear-gradient(${this.bgDefault},${this.bgDefault})`;\n  },\n  radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n  radioCheckedBulletColor: '#fff',\n  radioHoverBg: 'none',\n  radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n  radioDisabledShadow: '0 0 0 1px #4D4D4D',\n  radioDisabledBg: 'rgba(255, 255, 255, 0.05)',\n  get radioActiveBg() {\n    return this.bgDefault;\n  },\n  textColorDefault: '#fff',\n  textColorInvert: '#fff',\n  textColorDisabled: '#a0a0a0',\n  linkColor: '#fff',\n  linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n  linkHoverColor: '#fff',\n  linkDisabledColor: '#a0a0a0',\n  linkHoverTextDecoration: 'underline',\n  menuItemHoverBg: '#0488E0',\n  menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n  loaderBg: '#333',\n  loaderOpacity: '0.9',\n  btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n  btnCheckedBg: '#737373',\n  btnCheckedTextColor: '#fff',\n  btnDefaultBg: '#333333',\n  btnDefaultHoverBg: '#444444',\n  btnDefaultBgStart: 'none',\n  btnDefaultBgEnd: 'none',\n  btnDefaultBorderColor: 'rgba(255,255,255, 1)',\n  btnDefaultBorderBottomColor: 'rgba(255,255,255, 1)',\n  btnDefaultHoverBgStart: '#333',\n  btnDefaultHoverBgEnd: '#333',\n  btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n  btnDefaultHoverBorderBottomColor: 'rgba(255,255,255,0.7)',\n  btnDefaultActiveBg: '#e1e1e1',\n  btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',\n  btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 28)',\n  btnSuccessBg: '#419d14',\n  btnSuccessBgStart: '#4ba91d',\n  btnSuccessBgEnd: '#37910b',\n  btnSuccessTextColor: '#fff',\n  btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n  btnSuccessBorderBottomColor: 'rgba(23, 89, 7, 0.85)',\n  btnSuccessHoverBgStart: '#3b8d13',\n  btnSuccessHoverBgEnd: '#317e0b',\n  btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n  btnSuccessHoverBorderBottomColor: 'rgba(10, 72, 2, 0.79)',\n  btnSuccessActiveBg: '#35840e',\n  btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',\n  btnSuccessActiveBorderTopColor: 'rgba(7, 42, 3, 0.9)',\n  btnPrimaryBg: '#1e8dd4',\n  btnPrimaryBgStart: '#2899ea',\n  btnPrimaryBgEnd: '#167ac1',\n  btnPrimaryTextColor: '#fff',\n  btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n  btnPrimaryBorderBottomColor: 'rgba(10, 55, 100, 0.85) ',\n  btnPrimaryHoverBgStart: '#0087d5',\n  btnPrimaryHoverBgEnd: '#167ac1',\n  btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n  btnPrimaryHoverBorderBottomColor: 'rgba(6, 51, 92, 0.79)',\n  btnPrimaryActiveBg: '#0079c3',\n  btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\n  btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',\n  btnPrimaryActiveBorderTopColor: 'rgba(9, 53, 97, 0.88)',\n  btnDangerBg: '#e14c30',\n  btnDangerBgStart: '#ec5438',\n  btnDangerBgEnd: '#d44327',\n  btnDangerTextColor: '#fff',\n  btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n  btnDangerBorderBottomColor: 'rgba(89, 8, 0, 0.82)',\n  btnDangerHoverBgStart: '#d44227',\n  btnDangerHoverBgEnd: '#c73013',\n  btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n  btnDangerHoverBorderBottomColor: 'rgba(118, 1, 1, 0.82) ',\n  btnDangerActiveBg: '#cd381b',\n  btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',\n  btnDangerActiveBorderTopColor: 'rgba(100, 5, 5, 0.85)',\n  btnPayBg: '#ffc943',\n  btnPayBgStart: '#ffd54b',\n  btnPayBgEnd: '#ffbb39',\n  btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n  btnPayBorderBottomColor: 'rgba(134, 70, 12, 0.87)',\n  btnPayHoverBgStart: '#ffbd3a',\n  btnPayHoverBgEnd: '#f8a91d',\n  btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n  btnPayHoverBorderBottomColor: 'rgba(162, 82, 6, 0.82)',\n  btnPayActiveBg: '#fbb028',\n  btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',\n  btnPayActiveBorderTopColor: 'rgba(99, 68, 0, 0.832)',\n  selectPlaceholderColor: '#a0a0a0',\n  tabColorFocus: '#5199db',\n  tabColorError: '#e14c30',\n  tabColorWarning: '#ffc943',\n  tabColorSuccess: '#419d14',\n  tabColorPrimary: '#1e8dd4',\n  tabColorHover: '#bad7f1',\n  tabColorHoverError: '#f1ac9f',\n  tabColorHoverWarning: '#ffeec3',\n  tabColorHoverSuccess: '#7de849',\n  tabColorHoverPrimary: '#84c4ee',\n  tooltipCloseBtnColor: '#808080',\n  tooltipCloseBtnHoverColor: '#606060',\n  modalBackBg: '#333',\n  modalBackOpacity: '0.6',\n  modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n  modalCloseButtonDisabledColor: '#8b8b8b',\n  modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n  modalFixedHeaderBg: '#333333',\n  modalFixedHeaderShadow: '0 1px 7px #000000',\n  modalFixedFooterShadow: '0 -1px 10px #000000',\n  modalFooterBg: '#272727',\n  modalAdaptiveThreshold: '425px',\n  sidePageFooterPanelBg: '#272727',\n  sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n  sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n  sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\n  dateInputIconColor: '#666',\n  dateInputMaskColor: '#4D4D4D',\n  calendarCellBg: '#333333',\n  calendarCellHoverBgColor: '#5199db',\n  calendarCellHoverColor: 'white',\n  calendarCellActiveHoverColor: 'white',\n  calendarCellWeekendColor: '#FF1414',\n  calendarCellTodayBorder: '1px solid #333333',\n  calendarCellSelectedBgColor: '#5199db',\n  calendarCellSelectedFontColor: 'inherit',\n  calendarMonthHeaderStickedBgColor: '#333333',\n  calendarMonthTitleBorderBottomColor: '#333333',\n  dateSelectMenuBg: '#333333',\n  dateSelectMenuItemBgActive: '#5199db',\n  dateSelectMenuItemBgSelected: '#5199db',\n  dateSelectMenuItemBgDisabled: '#333333',\n  dateSelectMenuItemFontActive: '#fff',\n  dateSelectMenuItemFontSelected: '#fff',\n  dateSelectMenuItemFontDisabled: '#a0a0a0',\n  datePickerOpenBtnColor: '#333',\n  pickerBg: '#333333',\n  pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n  pickerTodayWrapperBgColor: '#333333',\n  pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\n  pickerTodayWrapperHoverBgColor: '#5199db',\n  pagingDotsColor: '#A0A0A0',\n  pagingForwardLinkColor: '#00A8FF',\n  pagingForwardLinkDisabledColor: '#A0A0A0',\n  pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\n  pagingPageLinkActiveColor: '#a0a0a0',\n  pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\n  pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\n  menuSeparatorBorderColor: '#404040',\n  toastBg: 'rgba(0, 0, 0, 0.8)',\n  toastColor: 'white',\n  toastLinkColor: '#80caff',\n  toastCloseColor: '#a0a0a0',\n  toastCloseHoverColor: 'white',\n  tdDividerBg: '#808080',\n  menuItemPaddingForIcon: '36px',\n  menuBorder: 'rgba(0, 0, 0, 0)',\n  menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\n  get toggleBaseBg() {\n    return this.bgDefault;\n  },\n  toggleBgChecked: '#3072c4',\n  toggleShadowColorWarning: '#f69c00',\n  toggleShadowColorError: '#d70c17',\n  toggleBgActive: '#e5e5e5',\n  toggleFocusShadowColor: '#5199db',\n  toggleBorderColor: 'rgba(255, 255, 255, 0.15)',\n  get toggleBgDisabled() {\n    return this.bgDefault;\n  },\n  toggleDisabledHandleBg: '#4D4D4D',\n  btnMenuArrowColor: '#666',\n  popupBorderRadius: '2px',\n  popupBorder: '1px solid',\n  popupBorderColor: '#4D4D4D',\n  popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\n  popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n  popupTextColor: '#fff',\n  inputColor: '#fff',\n  inputTextColor: '#fff',\n  inputBg: '#333',\n  inputPlaceholderColorDisabled: '#aaa',\n  btnDisabledTextColor: '#aaa',\n  specificityLevel: '0',\n  textareaBg: 'none',\n  textareaColor: 'inherit',\n\n  // react-ui-addons vars\n  // live here because\n  // dark theme is unofficial\n  tbBg: '#262626',\n  tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\n  logoColor: 'white',\n  logoHoverColor: '#000',\n\n  /** FileUploader start **/\n  // Background\n  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',\n  // Font\n  fileUploaderTextColorDefault: '#fff',\n  // Border\n  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderBorderColorFocus: '#1f87ef',\n  // Link\n  fileUploaderLinkColor: '#51adff',\n  // Icon\n  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',\n  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',\n  // States\n  fileUploaderBorderColorError: '#ee5042',\n  fileUploaderBorderColorWarning: '#ffa236',\n  // Disabled\n  fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',\n  fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)',\n  /** FileUploader end **/\n});\n"]}

package/internal/ThemePlayground/darkTheme.d.ts

@@ -252,4 +252,19 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     tbShadow: string;
     logoColor: string;
     logoHoverColor: string;
+    /** FileUploader start **/
+    fileUploaderBg: string;
+    fileUploaderTextColorDefault: string;
+    fileUploaderBorderColor: string;
+    fileUploaderBorderColorFocus: string;
+    fileUploaderLinkColor: string;
+    fileUploaderIconColor: string;
+    fileUploaderIconHoverColor: string;
+    fileUploaderBorderColorError: string;
+    fileUploaderBorderColorWarning: string;
+    fileUploaderDisabledBg: string;
+    fileUploaderDisabledBorderColor: string;
+    fileUploaderDisabledTextColor: string;
+    fileUploaderDisabledLinkColor: string;
+    fileUploaderDisabledIconColor: string;
 }>;