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

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

@@ -0,0 +1,51 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.useUpload = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _react = require("react");
+
+
+var _fileUtils = require("../fileUtils");
+var _FileUploaderControlContext = require("../FileUploaderControlContext");
+
+var useUpload = function useUpload(
+request,
+onRequestSuccess,
+onRequestError)
+{var _useContext =
+  (0, _react.useContext)(_FileUploaderControlContext.FileUploaderControlContext),setFileStatus = _useContext.setFileStatus;
+
+  var switchToLoading = (0, _react.useCallback)(
+  function (fileId) {
+    setFileStatus(fileId, _fileUtils.FileUploaderFileStatus.Loading);
+  },
+  [setFileStatus]);
+
+
+  var switchToSuccess = (0, _react.useCallback)(
+  function (fileId) {
+    setFileStatus(fileId, _fileUtils.FileUploaderFileStatus.Uploaded);
+    onRequestSuccess == null ? void 0 : onRequestSuccess(fileId);
+  },
+  [setFileStatus, onRequestSuccess]);
+
+
+  var switchToError = (0, _react.useCallback)(
+  function (fileId) {
+    setFileStatus(fileId, _fileUtils.FileUploaderFileStatus.Error);
+    onRequestError == null ? void 0 : onRequestError(fileId);
+  },
+  [setFileStatus, onRequestError]);
+
+
+  return (0, _react.useCallback)( /*#__PURE__*/function () {var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(
+    function _callee(file) {var id;return _regenerator.default.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]);
+
+};exports.useUpload = useUpload;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useUpload.ts"],"names":["useUpload","request","onRequestSuccess","onRequestError","FileUploaderControlContext","setFileStatus","switchToLoading","fileId","FileUploaderFileStatus","Loading","switchToSuccess","Uploaded","switchToError","Error","file","id"],"mappings":"4UAAA;;;AAGA;AACA;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY;AACvBC,OADuB;AAEvBC,gBAFuB;AAGvBC,cAHuB;AAIpB;AACuB,yBAAWC,sDAAX,CADvB,CACKC,aADL,eACKA,aADL;;AAGH,MAAMC,eAAe,GAAG;AACtB,YAACC,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBC,OAAhC,CAAb;AACD,GAHqB;AAItB,GAACJ,aAAD,CAJsB,CAAxB;;;AAOA,MAAMK,eAAe,GAAG;AACtB,YAACH,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBG,QAAhC,CAAb;AACAT,IAAAA,gBAAgB,QAAhB,YAAAA,gBAAgB,CAAGK,MAAH,CAAhB;AACD,GAJqB;AAKtB,GAACF,aAAD,EAAgBH,gBAAhB,CALsB,CAAxB;;;AAQA,MAAMU,aAAa,GAAG;AACpB,YAACL,MAAD,EAAoB;AAClBF,IAAAA,aAAa,CAACE,MAAD,EAASC,kCAAuBK,KAAhC,CAAb;AACAV,IAAAA,cAAc,QAAd,YAAAA,cAAc,CAAGI,MAAH,CAAd;AACD,GAJmB;AAKpB,GAACF,aAAD,EAAgBF,cAAhB,CALoB,CAAtB;;;AAQA,SAAO;AACL,qBAAOW,IAAP;AACUC,cAAAA,EADV,GACiBD,IADjB,CACUC,EADV;AAEET,cAAAA,eAAe,CAACS,EAAD,CAAf,CAFF;;;AAKUd,gBAAAA,OALV,oBAKUA,OAAO,CAAGa,IAAH,CALjB;AAMIJ,cAAAA,eAAe,CAACK,EAAD,CAAf,CANJ;;AAQIH,cAAAA,aAAa,CAACG,EAAD,CAAb,CARJ,yEADK;;;AAYL,GAACd,OAAD,EAAUS,eAAV,EAA2BJ,eAA3B,EAA4CM,aAA5C,CAZK,CAAP;;AAcD,CA5CM,C","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/cjs/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/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.js

@@ -0,0 +1,18 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.withFileUploaderControlProvider = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _FileUploaderControlProvider = require("./FileUploaderControlProvider");
+
+var withFileUploaderControlProvider = function withFileUploaderControlProvider(
+Component) {return /*#__PURE__*/(
+
+
+
+    _react.default.forwardRef(
+    function (props, ref) {var
+      onRemove = props.onRemove,onValueChange = props.onValueChange,onSelect = props.onSelect,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onRemove", "onValueChange", "onSelect"]);
+      return /*#__PURE__*/(
+        _react.default.createElement(_FileUploaderControlProvider.FileUploaderControlProvider, props, /*#__PURE__*/
+        _react.default.createElement(Component, (0, _extends2.default)({ ref: ref }, rest))));
+
+
+    }));};exports.withFileUploaderControlProvider = withFileUploaderControlProvider;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["withFileUploaderControlProvider.tsx"],"names":["withFileUploaderControlProvider","Component","React","forwardRef","props","ref","onRemove","onValueChange","onSelect","rest"],"mappings":"2XAAA;;AAEA;;AAEO,IAAMA,+BAA+B,GAAG,SAAlCA,+BAAkC;AAC7CC,SAD6C;;;;AAK7CC,mBAAMC,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,+CACFL,KADE;AAEzD;AACE,qCAAC,wDAAD,EAAiCA,KAAjC;AACE,qCAAC,SAAD,2BAAW,GAAG,EAAEC,GAAhB,IAAyBI,IAAzB,EADF,CADF;;;AAKD,KARH,CAL6C,GAAxC,C","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/cjs/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/cjs/internal/TextWidthHelper/TextWidthHelper.js

@@ -0,0 +1,34 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TextWidthHelper = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _TextWidthHelper = require("./TextWidthHelper.styles");
+
+var THIN_SPACE = "\u2009";
+
+
+
+
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */var
+TextWidthHelper = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(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.default.createElement("div", { className: _TextWidthHelper.jsStyles.root() }, /*#__PURE__*/_react.default.createElement("div", { className: _TextWidthHelper.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.default.Component);exports.TextWidthHelper = TextWidthHelper;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.tsx"],"names":["THIN_SPACE","TextWidthHelper","element","elementRef","node","render","jsStyles","root","textContainer","props","text","getTextWidth","getBoundingClientRect","width","getTextHeight","height","React","Component"],"mappings":"2PAAA;;AAEA;;AAEA,IAAMA,UAAU,GAAG,QAAnB;;;;;AAKA;AACA;AACA,G;AACaC,e;AACHC,IAAAA,O,GAAiC,I;;;;;;;;;;;;;;;;;;;;AAoBjCC,IAAAA,U,GAAa,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,E,6DAlBdC,M,GAAP,kBAAgB,CACd,oBACE,sCAAK,SAAS,EAAEC,0BAASC,IAAT,EAAhB,iBACE,sCAAK,SAAS,EAAED,0BAASE,aAAT,EAAhB,EAA0C,GAAG,EAAE,KAAKL,UAApD,IACG,KAAKM,KAAL,CAAWC,IAAX,IAAmBV,UADtB,CADF,CADF,CAOD,C,QAEMW,Y,GAAP,wBAA8B,mBAC5B,OAAO,uBAAKT,OAAL,mCAAcU,qBAAd,GAAsCC,KAAtC,KAA+C,CAAtD,CACD,C,QAEMC,a,GAAP,yBAA+B,CAC7B,OAAO,KAAKZ,OAAL,CAAcU,qBAAd,GAAsCG,MAA7C,CACD,C,0BAnBkCC,eAAMC,S","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/cjs/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

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

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

@@ -0,0 +1,23 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+
+var styles = {
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+
+
+
+  } };
+
+
+var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.styles.ts"],"names":["styles","root","css","textContainer","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;;;;;AASD,GAXY;AAYbC,EAAAA,aAZa,2BAYG;AACd,eAAOD,YAAP;;;;AAID,GAjBY,EAAf;;;AAoBO,IAAME,QAAQ,GAAG,2BAAaJ,MAAb,CAAjB,C","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/cjs/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/cjs/internal/ThemePlayground/Playground.js

@@ -19,6 +19,7 @@ var _Sticky = require("../../components/Sticky");
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _Emotion = require("../../lib/theming/Emotion");
+var _FileUploader = require("../../components/FileUploader");
 
 var _constants = require("./constants");
 var _TokenInputPlayground = require("./TokenInputPlayground");
@@ -81,6 +82,7 @@ Playground = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+
 
 
     renderTabsGroup = function () {
@@ -312,10 +314,18 @@ Playground = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
         _react.default.createElement(_PagingPlayground.PagingPlayground, null)));
 
 
+    };_this.
+
+    renderFileUploader = function () {
+      return /*#__PURE__*/(
+        _react.default.createElement(_ComponentsGroup.ComponentsGroup, { title: 'FileUploader', theme: _this.theme }, /*#__PURE__*/
+        _react.default.createElement(_FileUploader.FileUploader, { multiple: true })));
+
+
     };_this.
 
     renderStickyStopElement = function () {
       return /*#__PURE__*/_react.default.createElement("div", { ref: _this.stopEl, style: { height: 50 } });
     };_this.
 
-    getStickyStop = function () {return _this.stopEl.current;};return _this;}var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var wrapperClassName = (0, _Emotion.cx)(_Playground.styles.playground(), _Playground.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging()));};_proto.renderTabs = function renderTabs() {var _cx;var _this$props2 = this.props,currentThemeType = _this$props2.currentThemeType,onThemeChange = _this$props2.onThemeChange,onEditLinkClick = _this$props2.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault };var tabsOuterWrapperClass = (0, _Emotion.cx)((_cx = {}, _cx[_Playground.styles.tabsWrapper(this.theme)] = true, _cx[_Playground.styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.Default }, "\u0414\u0435\u0444\u043E\u043B\u0442\u043D\u0430\u044F"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.Flat }, "\u041F\u043B\u043E\u0441\u043A\u0430\u044F"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.Dark }, "\u0422\u0435\u043C\u043D\u0430\u044F"))), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, null, /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, { checked: this.is8pxTheme, onValueChange: this.toggle8pxTheme, disabled: currentThemeType === _constants.ThemeType.Dark }), /*#__PURE__*/_react.default.createElement("span", null, "8px")), /*#__PURE__*/_react.default.createElement(_Link2.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};(0, _createClass2.default)(Playground, [{ key: "is8pxTheme", get: function get() {switch (this.props.currentThemeType) {case _constants.ThemeType.Default:case _constants.ThemeType.Flat:return true;default:return false;}} }]);return Playground;}(_react.default.Component);exports.Playground = Playground;
+    getStickyStop = function () {return _this.stopEl.current;};return _this;}var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var wrapperClassName = (0, _Emotion.cx)(_Playground.styles.playground(), _Playground.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));};_proto.renderTabs = function renderTabs() {var _cx;var _this$props2 = this.props,currentThemeType = _this$props2.currentThemeType,onThemeChange = _this$props2.onThemeChange,onEditLinkClick = _this$props2.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault };var tabsOuterWrapperClass = (0, _Emotion.cx)((_cx = {}, _cx[_Playground.styles.tabsWrapper(this.theme)] = true, _cx[_Playground.styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.Default }, "\u0414\u0435\u0444\u043E\u043B\u0442\u043D\u0430\u044F"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.Flat }, "\u041F\u043B\u043E\u0441\u043A\u0430\u044F"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.Dark }, "\u0422\u0435\u043C\u043D\u0430\u044F"))), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, null, /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, { checked: this.is8pxTheme, onValueChange: this.toggle8pxTheme, disabled: currentThemeType === _constants.ThemeType.Dark }), /*#__PURE__*/_react.default.createElement("span", null, "8px")), /*#__PURE__*/_react.default.createElement(_Link2.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};(0, _createClass2.default)(Playground, [{ key: "is8pxTheme", get: function get() {switch (this.props.currentThemeType) {case _constants.ThemeType.Default:case _constants.ThemeType.Flat:return true;default:return false;}} }]);return Playground;}(_react.default.Component);exports.Playground = Playground;

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

@@ -1 +1 @@
-{"version":3,"sources":["Playground.tsx"],"names":["useSticky","isTestEnv","Playground","theme","stopEl","React","createRef","renderTabsGroup","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","ThemeType","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","styles","renderPaging","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';\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":["useSticky","isTestEnv","Playground","theme","stopEl","React","createRef","renderTabsGroup","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","ThemeType","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","styles","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/cjs/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;
 }>;

package/cjs/internal/ThemePlayground/darkTheme.js

@@ -273,4 +273,28 @@ var darkTheme = _ThemeFactory.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' });exports.darkTheme = darkTheme;
+  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 **/ });exports.darkTheme = darkTheme;

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

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","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":"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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"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","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"]}