@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/cjs/internal/RenderLayer/RenderLayer.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { CommonProps } from '../CommonWrapper';
+export interface RenderLayerProps extends CommonProps {
+    children: JSX.Element;
+    onClickOutside?: (e: Event) => void;
+    onFocusOutside?: (e: Event) => void;
+    active?: boolean;
+}
+export declare class RenderLayer extends React.Component<RenderLayerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string): Error | undefined;
+    };
+    static defaultProps: {
+        active: boolean;
+    };
+    private focusOutsideListenerToken;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: RenderLayerProps): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private attachListeners;
+    private detachListeners;
+    private getDomNode;
+    private handleFocusOutside;
+    private handleNativeDocClick;
+}

package/cjs/internal/RenderLayer/RenderLayer.js

@@ -0,0 +1,104 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.RenderLayer = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+
+var _listenFocusOutside = require("../../lib/listenFocusOutside");
+var _CommonWrapper = require("../CommonWrapper");var
+
+
+
+
+
+
+
+
+RenderLayer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(RenderLayer, _React$Component);function RenderLayer() {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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    focusOutsideListenerToken =
+
+    null;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    handleFocusOutside = function (event) {
+      if (_this.props.onFocusOutside) {
+        _this.props.onFocusOutside(event);
+      }
+    };_this.
+
+    handleNativeDocClick = function (event) {
+      var target = event.target || event.srcElement;
+      var node = _this.getDomNode();
+
+      if (target instanceof Element && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
+        return;
+      }
+
+      if (_this.props.onClickOutside) {
+        _this.props.onClickOutside(event);
+      }
+    };return _this;}var _proto = RenderLayer.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.active) {this.attachListeners();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (!prevProps.active && this.props.active) {this.attachListeners();}if (prevProps.active && !this.props.active) {this.detachListeners();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.props.active) {this.detachListeners();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, _react.default.Children.only(this.props.children));};_proto.attachListeners = function attachListeners() {var _this2 = this;this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)(function () {return [_this2.getDomNode()];}, this.handleFocusOutside);window.addEventListener('blur', this.handleFocusOutside);document.addEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);};_proto.detachListeners = function detachListeners() {if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}window.removeEventListener('blur', this.handleFocusOutside);document.removeEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);};_proto.getDomNode = function getDomNode() {return (0, _reactDom.findDOMNode)(this);};return RenderLayer;}(_react.default.Component);exports.RenderLayer = RenderLayer;RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer';RenderLayer.propTypes = { active: function active(props, propName, componentName) {var active = props.active,onClickOutside = props.onClickOutside,onFocusOutside = props.onFocusOutside;if (active && !(onClickOutside || onFocusOutside)) {return new Error("[" + componentName + "]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.");}} };RenderLayer.defaultProps = { active: true };

package/cjs/internal/RenderLayer/RenderLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RenderLayer.tsx"],"names":["RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","React","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n}\n\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n\n  public static propTypes = {\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\n      const { active, onClickOutside, onFocusOutside } = props;\n      if (active && !(onClickOutside || onFocusOutside)) {\n        return new Error(\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\n        );\n      }\n    },\n  };\n\n  public static defaultProps = {\n    active: true,\n  };\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n\n  public componentDidMount() {\n    if (this.props.active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    if (!prevProps.active && this.props.active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !this.props.active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.props.active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return <CommonWrapper {...this.props}>{React.Children.only(this.props.children)}</CommonWrapper>;\n  }\n\n  private attachListeners() {\n    this.focusOutsideListenerToken = listenFocusOutside(() => [this.getDomNode()], this.handleFocusOutside);\n    window.addEventListener('blur', this.handleFocusOutside);\n    document.addEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    window.removeEventListener('blur', this.handleFocusOutside);\n    document.removeEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private getDomNode() {\n    return findDOMNode(this) as HTMLElement;\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getDomNode();\n\n    if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"]}

package/cjs/internal/RenderLayer/index.d.ts

@@ -0,0 +1 @@
+export * from './RenderLayer';

package/cjs/internal/RenderLayer/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _RenderLayer = require("./RenderLayer");Object.keys(_RenderLayer).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _RenderLayer[key]) return;exports[key] = _RenderLayer[key];});

package/cjs/internal/RenderLayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './RenderLayer';\n"]}

package/cjs/internal/ResizeDetector/ResizeDetector.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ResizeDetectorProps {
+    onResize?: (event: UIEvent) => void;
+    fullHeight?: boolean;
+}
+export declare class ResizeDetector extends React.Component<ResizeDetectorProps> {
+    static __KONTUR_REACT_UI__: string;
+    private iframeWindow;
+    componentDidMount(): void;
+    render(): JSX.Element;
+    private handleResize;
+    private iframeRef;
+}

package/cjs/internal/ResizeDetector/ResizeDetector.js

@@ -0,0 +1,44 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ResizeDetector = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _ResizeDetector = require("./ResizeDetector.styles");var
+
+
+
+
+
+
+ResizeDetector = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ResizeDetector, _React$Component);function ResizeDetector() {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.
+
+
+    iframeWindow = null;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    handleResize = function (event) {
+      if (_this.props.onResize) {
+        _this.props.onResize(event);
+      }
+    };_this.
+
+    iframeRef = function (iframe) {
+      if (iframe && iframe.contentWindow) {
+        _this.iframeWindow = iframe.contentWindow;
+      }
+    };return _this;}var _proto = ResizeDetector.prototype;_proto.componentDidMount = function componentDidMount() {if (this.iframeWindow) {this.iframeWindow.addEventListener('resize', this.handleResize);}};_proto.render = function render() {var _cx;return /*#__PURE__*/_react.default.createElement("div", { className: _ResizeDetector.styles.root() }, /*#__PURE__*/_react.default.createElement("iframe", { title: "resizeDetector", ref: this.iframeRef, className: _ResizeDetector.styles.iframe(), tabIndex: -1 }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_ResizeDetector.styles.content()] = true, _cx[_ResizeDetector.styles.fullHeight()] = this.props.fullHeight, _cx)) }, this.props.children));};return ResizeDetector;}(_react.default.Component);exports.ResizeDetector = ResizeDetector;ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';

package/cjs/internal/ResizeDetector/ResizeDetector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ResizeDetector.tsx"],"names":["ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","styles","root","content","fullHeight","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA;;AAEA,yD;;;;;;;AAOaA,c;;;AAGHC,IAAAA,Y,GAA8B,I;;;;;;;;;;;;;;;;;;;AAmB9BC,IAAAA,Y,GAAe,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,K;;AAEOG,IAAAA,S,GAAY,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,K,4DA3BMC,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,C,QAEMS,M,GAAP,kBAAgB,SACd,oBACE,sCAAK,SAAS,EAAEC,uBAAOC,IAAP,EAAhB,iBACE,yCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKP,SAAzC,EAAoD,SAAS,EAAEM,uBAAOL,MAAP,EAA/D,EAAgF,QAAQ,EAAE,CAAC,CAA3F,GADF,eAEE,sCAAK,SAAS,EAAE,gCAAMK,uBAAOE,OAAP,EAAN,IAAyB,IAAzB,MAAgCF,uBAAOG,UAAP,EAAhC,IAAsD,KAAKX,KAAL,CAAWW,UAAjE,OAAhB,IACG,KAAKX,KAAL,CAAWY,QADd,CAFF,CADF,CAQD,C,yBApBiCC,eAAMC,S,0CAA7BlB,c,CACGmB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div className={cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"]}

package/cjs/internal/ResizeDetector/ResizeDetector.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const styles: {
+    root(): string;
+    iframe(): string;
+    content(): string;
+    fullHeight(): string;
+};

package/cjs/internal/ResizeDetector/ResizeDetector.styles.js

@@ -0,0 +1,36 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      height: 100%;\n    "])));
+
+
+
+  },
+
+  iframe: function iframe() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    "])));
+
+
+
+
+
+
+
+
+
+
+
+  },
+
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+
+
+  },
+
+  fullHeight: function fullHeight() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n    "])));
+
+
+  } });exports.styles = styles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["styles","root","css","iframe","content","fullHeight"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;AAID,GANgC;;AAQjCC,EAAAA,MARiC,oBAQxB;AACP,eAAOD,YAAP;;;;;;;;;;;;AAYD,GArBgC;;AAuBjCE,EAAAA,OAvBiC,qBAuBvB;AACR,eAAOF,YAAP;;;AAGD,GA3BgC;;AA6BjCG,EAAAA,UA7BiC,wBA6BpB;AACX,eAAOH,YAAP;;;AAGD,GAjCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      height: 100%;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  fullHeight() {\n    return css`\n      height: 100%;\n    `;\n  },\n});\n"]}

package/cjs/internal/ResizeDetector/index.d.ts

@@ -0,0 +1 @@
+export * from './ResizeDetector';

package/cjs/internal/ResizeDetector/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _ResizeDetector = require("./ResizeDetector");Object.keys(_ResizeDetector).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ResizeDetector[key]) return;exports[key] = _ResizeDetector[key];});

package/cjs/internal/ResizeDetector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './ResizeDetector';\n"]}

package/cjs/internal/ThemePlayground/ShowcaseGroup.d.ts

@@ -0,0 +1,5 @@
+interface ShowcaseGroupProps {
+    title?: string;
+}
+export declare const ShowcaseGroup: (props: ShowcaseGroupProps) => JSX.Element;
+export {};

package/cjs/internal/ThemePlayground/ShowcaseGroup.js

@@ -0,0 +1,23 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ShowcaseGroup = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _Checkbox = require("../../components/Checkbox");
+var _Gapped = require("../../components/Gapped");
+var _Button = require("../../components/Button");
+var _Input = require("../../components/Input");
+var _Toggle = require("../../components/Toggle");
+var _Radio = require("../../components/Radio");
+
+
+
+
+var ShowcaseGroup = function ShowcaseGroup(props) {return /*#__PURE__*/(
+    _react.default.createElement("div", null,
+    props.title && /*#__PURE__*/_react.default.createElement("h2", null, props.title), /*#__PURE__*/
+    _react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/
+    _react.default.createElement(_Button.Button, null, "Button"), /*#__PURE__*/
+    _react.default.createElement(_Input.Input, null), /*#__PURE__*/
+    _react.default.createElement(_Toggle.Toggle, null), /*#__PURE__*/
+    _react.default.createElement(_Radio.Radio, { value: '', checked: true }, "Radio"), /*#__PURE__*/
+
+
+    _react.default.createElement(_Checkbox.Checkbox, { checked: true }, "Checkbox"))));};exports.ShowcaseGroup = ShowcaseGroup;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ShowcaseGroup.tsx"],"names":["ShowcaseGroup","props","title"],"mappings":"2JAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;AAKO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAC3B;AACGA,IAAAA,KAAK,CAACC,KAAN,iBAAe,yCAAKD,KAAK,CAACC,KAAX,CADlB;AAEE,iCAAC,cAAD,IAAQ,GAAG,EAAE,EAAb;AACE,iCAAC,cAAD,iBADF;AAEE,iCAAC,YAAD,OAFF;AAGE,iCAAC,cAAD,OAHF;AAIE,iCAAC,YAAD,IAAO,KAAK,EAAE,EAAd,EAAkB,OAAO,MAAzB,YAJF;;;AAOE,iCAAC,kBAAD,IAAU,OAAO,MAAjB,eAPF,CAFF,CAD2B,GAAtB,C","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Input } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { Radio } from '../../components/Radio';\n\ninterface ShowcaseGroupProps {\n  title?: string;\n}\nexport const ShowcaseGroup = (props: ShowcaseGroupProps) => (\n  <div>\n    {props.title && <h2>{props.title}</h2>}\n    <Gapped gap={10}>\n      <Button>Button</Button>\n      <Input />\n      <Toggle />\n      <Radio value={''} checked>\n        Radio\n      </Radio>\n      <Checkbox checked>Checkbox</Checkbox>\n    </Gapped>\n  </div>\n);\n"]}

package/cjs/internal/ThemePlayground/darkTheme.d.ts

@@ -0,0 +1,255 @@
+export declare const darkTheme: Readonly<Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> & {
+    brandXLight: string;
+    brandLight: string;
+    brand: string;
+    brandDark: string;
+    brandXDark: string;
+    white: string;
+    grayXxLight: string;
+    grayXLight: string;
+    grayLight: string;
+    gray: string;
+    grayDark: string;
+    black: string;
+    blueXxLight: string;
+    blueLight: string;
+    blue: string;
+    blueDark: string;
+    blueXDark: string;
+    greenXxLight: string;
+    green: string;
+    greenDark: string;
+    redXxLight: string;
+    red: string;
+    redDark: string;
+    yellowXxLight: string;
+    yellow: string;
+    yellowDark: string;
+    bgDefault: string;
+    bgDisabled: string;
+    bgActive: string;
+    errorMain: string;
+    errorSecondary: string;
+    errorText: string;
+    warningMain: string;
+    warningSecondary: string;
+    warningText: string;
+    borderColorFocus: string;
+    borderColorFocusLight: string;
+    borderColorGrayDark: string;
+    borderColorGrayLight: string;
+    borderColorError: string;
+    borderColorWarning: string;
+    outlineColorFocus: string;
+    placeholderColor: string;
+    placeholderColorLight: string;
+    blinkColor: string;
+    controlBorderWidth: string;
+    controlLineHeightSmall: string;
+    controlLineHeightMedium: string;
+    controlLineHeightLarge: string;
+    controlPaddingYSmall: string;
+    controlPaddingYMedium: string;
+    controlPaddingYLarge: string;
+    controlHeightSmall: string;
+    controlHeightMedium: string;
+    controlHeightLarge: string;
+    checkboxCheckedColor: string;
+    readonly checkboxBg: any;
+    checkboxShadow: string;
+    checkboxHoverBg: string;
+    checkboxBgDisabled: string;
+    checkboxShadowDisabled: string;
+    readonly checkboxOutlineColorFocus: any;
+    readonly checkboxActiveBg: any;
+    readonly checkboxCheckedActiveBg: any;
+    readonly radioBgImage: string;
+    radioBoxShadow: string;
+    radioCheckedBulletColor: string;
+    radioHoverBg: string;
+    radioHoverShadow: string;
+    radioDisabledShadow: string;
+    radioDisabledBg: string;
+    readonly radioActiveBg: any;
+    textColorDefault: string;
+    textColorInvert: string;
+    textColorDisabled: string;
+    linkColor: string;
+    linkActiveColor: string;
+    linkHoverColor: string;
+    linkDisabledColor: string;
+    linkHoverTextDecoration: string;
+    menuItemHoverBg: string;
+    menuItemSelectedBg: string;
+    loaderBg: string;
+    loaderOpacity: string;
+    btnDisabledBg: string;
+    btnCheckedBg: string;
+    btnCheckedTextColor: string;
+    btnDefaultBg: string;
+    btnDefaultHoverBg: string;
+    btnDefaultBgStart: string;
+    btnDefaultBgEnd: string;
+    btnDefaultBorderColor: string;
+    btnDefaultBorderBottomColor: string;
+    btnDefaultHoverBgStart: string;
+    btnDefaultHoverBgEnd: string;
+    btnDefaultHoverBorderColor: string;
+    btnDefaultHoverBorderBottomColor: string;
+    btnDefaultActiveBg: string;
+    btnDefaultActiveShadow: string;
+    btnDefaultActiveBorderColor: string;
+    btnDefaultActiveBorderTopColor: string;
+    btnSuccessBg: string;
+    btnSuccessBgStart: string;
+    btnSuccessBgEnd: string;
+    btnSuccessTextColor: string;
+    btnSuccessBorderColor: string;
+    btnSuccessBorderBottomColor: string;
+    btnSuccessHoverBgStart: string;
+    btnSuccessHoverBgEnd: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessHoverBorderBottomColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveShadow: string;
+    btnSuccessActiveBorderColor: string;
+    btnSuccessActiveBorderTopColor: string;
+    btnPrimaryBg: string;
+    btnPrimaryBgStart: string;
+    btnPrimaryBgEnd: string;
+    btnPrimaryTextColor: string;
+    btnPrimaryBorderColor: string;
+    btnPrimaryBorderBottomColor: string;
+    btnPrimaryHoverBgStart: string;
+    btnPrimaryHoverBgEnd: string;
+    btnPrimaryHoverBorderColor: string;
+    btnPrimaryHoverBorderBottomColor: string;
+    btnPrimaryActiveBg: string;
+    btnPrimaryActiveShadow: string;
+    btnPrimaryActiveBorderColor: string;
+    btnPrimaryActiveBorderTopColor: string;
+    btnDangerBg: string;
+    btnDangerBgStart: string;
+    btnDangerBgEnd: string;
+    btnDangerTextColor: string;
+    btnDangerBorderColor: string;
+    btnDangerBorderBottomColor: string;
+    btnDangerHoverBgStart: string;
+    btnDangerHoverBgEnd: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerHoverBorderBottomColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveShadow: string;
+    btnDangerActiveBorderColor: string;
+    btnDangerActiveBorderTopColor: string;
+    btnPayBg: string;
+    btnPayBgStart: string;
+    btnPayBgEnd: string;
+    btnPayBorderColor: string;
+    btnPayBorderBottomColor: string;
+    btnPayHoverBgStart: string;
+    btnPayHoverBgEnd: string;
+    btnPayHoverBorderColor: string;
+    btnPayHoverBorderBottomColor: string;
+    btnPayActiveBg: string;
+    btnPayActiveShadow: string;
+    btnPayActiveBorderColor: string;
+    btnPayActiveBorderTopColor: string;
+    selectPlaceholderColor: string;
+    tabColorFocus: string;
+    tabColorError: string;
+    tabColorWarning: string;
+    tabColorSuccess: string;
+    tabColorPrimary: string;
+    tabColorHover: string;
+    tabColorHoverError: string;
+    tabColorHoverWarning: string;
+    tabColorHoverSuccess: string;
+    tabColorHoverPrimary: string;
+    tooltipCloseBtnColor: string;
+    tooltipCloseBtnHoverColor: string;
+    modalBackBg: string;
+    modalBackOpacity: string;
+    modalCloseButtonColor: string;
+    modalCloseButtonDisabledColor: string;
+    modalCloseButtonHoverColor: string;
+    modalFixedHeaderBg: string;
+    modalFixedHeaderShadow: string;
+    modalFixedFooterShadow: string;
+    modalFooterBg: string;
+    modalAdaptiveThreshold: string;
+    sidePageFooterPanelBg: string;
+    sidePageCloseButtonColor: string;
+    sidePageCloseButtonHoverColor: string;
+    sidePageContainerShadow: string;
+    dateInputIconColor: string;
+    dateInputMaskColor: string;
+    calendarCellBg: string;
+    calendarCellHoverBgColor: string;
+    calendarCellHoverColor: string;
+    calendarCellActiveHoverColor: string;
+    calendarCellWeekendColor: string;
+    calendarCellTodayBorder: string;
+    calendarCellSelectedBgColor: string;
+    calendarCellSelectedFontColor: string;
+    calendarMonthHeaderStickedBgColor: string;
+    calendarMonthTitleBorderBottomColor: string;
+    dateSelectMenuBg: string;
+    dateSelectMenuItemBgActive: string;
+    dateSelectMenuItemBgSelected: string;
+    dateSelectMenuItemBgDisabled: string;
+    dateSelectMenuItemFontActive: string;
+    dateSelectMenuItemFontSelected: string;
+    dateSelectMenuItemFontDisabled: string;
+    datePickerOpenBtnColor: string;
+    pickerBg: string;
+    pickerShadow: string;
+    pickerTodayWrapperBgColor: string;
+    pickerTodayWrapperBorderTop: string;
+    pickerTodayWrapperHoverBgColor: string;
+    pagingDotsColor: string;
+    pagingForwardLinkColor: string;
+    pagingForwardLinkDisabledColor: string;
+    pagingPageLinkActiveBg: string;
+    pagingPageLinkActiveColor: string;
+    pagingPageLinkHoverBg: string;
+    pagingPageLinkHintColor: string;
+    menuSeparatorBorderColor: string;
+    toastBg: string;
+    toastColor: string;
+    toastLinkColor: string;
+    toastCloseColor: string;
+    toastCloseHoverColor: string;
+    tdDividerBg: string;
+    menuItemPaddingForIcon: string;
+    menuBorder: string;
+    menuShadow: string;
+    readonly toggleBaseBg: any;
+    toggleBgChecked: string;
+    toggleShadowColorWarning: string;
+    toggleShadowColorError: string;
+    toggleBgActive: string;
+    toggleFocusShadowColor: string;
+    toggleBorderColor: string;
+    readonly toggleBgDisabled: any;
+    toggleDisabledHandleBg: string;
+    btnMenuArrowColor: string;
+    popupBorderRadius: string;
+    popupBorder: string;
+    popupBorderColor: string;
+    popupDropShadow: string;
+    popupBoxShadow: string;
+    popupTextColor: string;
+    inputColor: string;
+    inputTextColor: string;
+    inputBg: string;
+    inputPlaceholderColorDisabled: string;
+    btnDisabledTextColor: string;
+    specificityLevel: string;
+    textareaBg: string;
+    textareaColor: string;
+    tbBg: string;
+    tbShadow: string;
+    logoColor: string;
+    logoHoverColor: string;
+}>;