@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ce2a893b1a

package/cjs/internal/ThemePlayground/constants.js

@@ -1,6 +1,7 @@
-"use strict";exports.__esModule = true;exports.DEPRECATED_VARIABLES = exports.VARIABLES_GROUPS = exports.ThemeType = void 0;var
+"use strict";exports.__esModule = true;exports.VARIABLES_GROUPS = exports.ThemeType = exports.DEPRECATED_VARIABLES = void 0;var
+
+ThemeType;exports.ThemeType = ThemeType;(function (ThemeType) {ThemeType["Default"] = "default";ThemeType["Dark"] = "dark";ThemeType["DefaultOld"] = "defaultOld";ThemeType["FlatOld"] = "flatOld";ThemeType["Theme2022"] = "theme2022";ThemeType["Theme2022Dark"] = "theme2022Dark";})(ThemeType || (exports.ThemeType = ThemeType = {}));
 
-ThemeType;exports.ThemeType = ThemeType;(function (ThemeType) {ThemeType["Default"] = "default";ThemeType["Flat"] = "flat";ThemeType["Dark"] = "dark";ThemeType["Default8px"] = "default8px";ThemeType["Flat8px"] = "flat8px";})(ThemeType || (exports.ThemeType = ThemeType = {}));
 
 
 
@@ -34,43 +35,8 @@ var VARIABLES_GROUPS = [
 { title: 'Select', prefix: 'select' },
 { title: 'Spinner', prefix: 'spinner' },
 { title: 'Switcher', prefix: 'switcher' },
-{ title: 'Legacy', prefix: 'chb slt' }];exports.VARIABLES_GROUPS = VARIABLES_GROUPS;
+{ title: 'Legacy', prefix: 'chb slt' },
+{ title: 'GlobalLoader', prefix: 'globalLoader' }];exports.VARIABLES_GROUPS = VARIABLES_GROUPS;
 
 
-var DEPRECATED_VARIABLES = [
-'btnBorderRadius',
-'btnSmallBorderRadius',
-'sltPlaceholderColor',
-'chbFontSize',
-'chbLineHeight',
-'chbBoxSize',
-'chbPaddingX',
-'chbPaddingY',
-'chbBgStart',
-'chbBgEnd',
-'chbTextColorDefault',
-'chbTextColorDisabled',
-'chbIndeterminateBg',
-'chbShadow',
-'chbShadowDisabled',
-'chbBorder',
-'chbShadowHover',
-'chbCheckedColor',
-'chbOutlineColorFocus',
-'chbBorderColorWarning',
-'chbBorderColorError',
-'chbCheckedHoverShadow',
-'chbBorderRadius',
-'chbShadowWidth',
-'chbCheckedShadow',
-'chbBorderColorFocus',
-'chbBg',
-'chbHoverBg',
-'chbActiveBg',
-'chbCheckedBg',
-'chbBgDisabled',
-'chbBoxIndeterminateBg',
-'chbCheckedHoverBg',
-'chbCheckedActiveBg',
-'chbCheckedActiveShadow',
-'chbShadowActive'];exports.DEPRECATED_VARIABLES = DEPRECATED_VARIABLES;
+var DEPRECATED_VARIABLES = [];exports.DEPRECATED_VARIABLES = DEPRECATED_VARIABLES;

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

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\r\n\r\nexport enum ThemeType {\r\n  Default = 'default',\r\n  Flat = 'flat',\r\n  Dark = 'dark',\r\n  Default8px = 'default8px',\r\n  Flat8px = 'flat8px',\r\n}\r\n\r\nexport const VARIABLES_GROUPS = [\r\n  { title: 'Common', prefix: 'null', isCommon: true },\r\n  { title: 'Button', prefix: 'btn' },\r\n  { title: 'Border', prefix: 'border' },\r\n  { title: 'Checkbox', prefix: 'checkbox' },\r\n  { title: 'DatePicker', prefix: 'date calendar picker' },\r\n  { title: 'Dropdown', prefix: 'dropdown' },\r\n  { title: 'Input', prefix: 'input' },\r\n  { title: 'Link', prefix: 'link' },\r\n  { title: 'Loader', prefix: 'loader' },\r\n  { title: 'Menu', prefix: 'menu' },\r\n  { title: 'Modal', prefix: 'modal' },\r\n  { title: 'Paging', prefix: 'paging' },\r\n  { title: 'Popup', prefix: 'popup' },\r\n  { title: 'Radio', prefix: 'radio' },\r\n  { title: 'SidePage', prefix: 'sidePage' },\r\n  { title: 'Tabs', prefix: 'tab' },\r\n  { title: 'Textarea', prefix: 'textarea' },\r\n  { title: 'Toast', prefix: 'toast' },\r\n  { title: 'Toggle', prefix: 'toggle' },\r\n  { title: 'Tooltip', prefix: 'tooltip' },\r\n  { title: 'Token', prefix: 'token' },\r\n  { title: 'TokenInput', prefix: 'tokenInput' },\r\n  { title: 'Select', prefix: 'select' },\r\n  { title: 'Spinner', prefix: 'spinner' },\r\n  { title: 'Switcher', prefix: 'switcher' },\r\n  { title: 'Legacy', prefix: 'chb slt' },\r\n];\r\n\r\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [\r\n  'btnBorderRadius',\r\n  'btnSmallBorderRadius',\r\n  'sltPlaceholderColor',\r\n  'chbFontSize',\r\n  'chbLineHeight',\r\n  'chbBoxSize',\r\n  'chbPaddingX',\r\n  'chbPaddingY',\r\n  'chbBgStart',\r\n  'chbBgEnd',\r\n  'chbTextColorDefault',\r\n  'chbTextColorDisabled',\r\n  'chbIndeterminateBg',\r\n  'chbShadow',\r\n  'chbShadowDisabled',\r\n  'chbBorder',\r\n  'chbShadowHover',\r\n  'chbCheckedColor',\r\n  'chbOutlineColorFocus',\r\n  'chbBorderColorWarning',\r\n  'chbBorderColorError',\r\n  'chbCheckedHoverShadow',\r\n  'chbBorderRadius',\r\n  'chbShadowWidth',\r\n  'chbCheckedShadow',\r\n  'chbBorderColorFocus',\r\n  'chbBg',\r\n  'chbHoverBg',\r\n  'chbActiveBg',\r\n  'chbCheckedBg',\r\n  'chbBgDisabled',\r\n  'chbBoxIndeterminateBg',\r\n  'chbCheckedHoverBg',\r\n  'chbCheckedActiveBg',\r\n  'chbCheckedActiveShadow',\r\n  'chbShadowActive',\r\n];\r\n"]}
+{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":";;AAEYA,S,0CAAAA,S,GAAAA,S,wBAAAA,S,kBAAAA,S,8BAAAA,S,wBAAAA,S,4BAAAA,S,uCAAAA,S,yBAAAA,S;;;;;;;;;AASL,IAAMC,gBAAgB,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,MAA3B,EAAmCC,QAAQ,EAAE,IAA7C,EAD8B;AAE9B,EAAEF,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,KAA3B,EAF8B;AAG9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAH8B;AAI9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAJ8B;AAK9B,EAAED,KAAK,EAAE,YAAT,EAAuBC,MAAM,EAAE,sBAA/B,EAL8B;AAM9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAN8B;AAO9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAP8B;AAQ9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,MAAzB,EAR8B;AAS9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAT8B;AAU9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,MAAzB,EAV8B;AAW9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAX8B;AAY9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAZ8B;AAa9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAb8B;AAc9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAd8B;AAe9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAf8B;AAgB9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,KAAzB,EAhB8B;AAiB9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAjB8B;AAkB9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAlB8B;AAmB9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAnB8B;AAoB9B,EAAED,KAAK,EAAE,SAAT,EAAoBC,MAAM,EAAE,SAA5B,EApB8B;AAqB9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EArB8B;AAsB9B,EAAED,KAAK,EAAE,YAAT,EAAuBC,MAAM,EAAE,YAA/B,EAtB8B;AAuB9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAvB8B;AAwB9B,EAAED,KAAK,EAAE,SAAT,EAAoBC,MAAM,EAAE,SAA5B,EAxB8B;AAyB9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAzB8B;AA0B9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,SAA3B,EA1B8B;AA2B9B,EAAED,KAAK,EAAE,cAAT,EAAyBC,MAAM,EAAE,cAAjC,EA3B8B,CAAzB,C;;;AA8BA,IAAME,oBAAwC,GAAG,EAAjD,C","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  Default = 'default',\n  Dark = 'dark',\n  DefaultOld = 'defaultOld',\n  FlatOld = 'flatOld',\n  Theme2022 = 'theme2022',\n  Theme2022Dark = 'theme2022Dark',\n}\n\nexport const VARIABLES_GROUPS = [\n  { title: 'Common', prefix: 'null', isCommon: true },\n  { title: 'Button', prefix: 'btn' },\n  { title: 'Border', prefix: 'border' },\n  { title: 'Checkbox', prefix: 'checkbox' },\n  { title: 'DatePicker', prefix: 'date calendar picker' },\n  { title: 'Dropdown', prefix: 'dropdown' },\n  { title: 'Input', prefix: 'input' },\n  { title: 'Link', prefix: 'link' },\n  { title: 'Loader', prefix: 'loader' },\n  { title: 'Menu', prefix: 'menu' },\n  { title: 'Modal', prefix: 'modal' },\n  { title: 'Paging', prefix: 'paging' },\n  { title: 'Popup', prefix: 'popup' },\n  { title: 'Radio', prefix: 'radio' },\n  { title: 'SidePage', prefix: 'sidePage' },\n  { title: 'Tabs', prefix: 'tab' },\n  { title: 'Textarea', prefix: 'textarea' },\n  { title: 'Toast', prefix: 'toast' },\n  { title: 'Toggle', prefix: 'toggle' },\n  { title: 'Tooltip', prefix: 'tooltip' },\n  { title: 'Token', prefix: 'token' },\n  { title: 'TokenInput', prefix: 'tokenInput' },\n  { title: 'Select', prefix: 'select' },\n  { title: 'Spinner', prefix: 'spinner' },\n  { title: 'Switcher', prefix: 'switcher' },\n  { title: 'Legacy', prefix: 'chb slt' },\n  { title: 'GlobalLoader', prefix: 'globalLoader' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"]}

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

@@ -54,14 +54,23 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     controlHeightSmall: string;
     controlHeightMedium: string;
     controlHeightLarge: string;
-    chbCheckedColor: string;
-    chbBg: string;
-    chbHoverBg: string;
-    radioBgImage: 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;
-    chbIndeterminateBg: string;
-    chbShadowDisabled: string;
+    radioDisabledBg: string;
+    readonly radioActiveBg: any;
     textColorDefault: string;
     textColorInvert: string;
     textColorDisabled: string;
@@ -70,95 +79,83 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     linkHoverColor: string;
     linkDisabledColor: string;
     linkHoverTextDecoration: string;
-    dropdownMenuHoverBg: string;
-    dropdownMenuSelectedBg: string;
+    menuItemHoverBg: string;
+    menuItemSelectedBg: string;
     loaderBg: string;
     loaderOpacity: string;
     btnDisabledBg: string;
-    btnDisabledShadowColor: string;
     btnCheckedBg: string;
     btnCheckedTextColor: string;
-    btnCheckedShadowColorArrow: string;
+    btnDefaultBg: string;
+    btnDefaultHoverBg: string;
     btnDefaultBgStart: string;
-    btnDefaultBgArrowStart: string;
     btnDefaultBgEnd: string;
-    btnDefaultBgArrowEnd: string;
-    btnDefaultShadow: string;
-    btnDefaultShadowArrow: string;
-    btnDefaultShadowArrowLeft: string;
+    btnDefaultBorderColor: string;
+    btnDefaultBorderBottomColor: string;
     btnDefaultHoverBgStart: string;
     btnDefaultHoverBgEnd: string;
-    btnDefaultHoverShadow: string;
-    btnDefaultHoverShadowArrow: string;
-    btnDefaultHoverShadowArrowLeft: string;
+    btnDefaultHoverBorderColor: string;
+    btnDefaultHoverBorderBottomColor: string;
     btnDefaultActiveBg: string;
     btnDefaultActiveShadow: string;
-    btnDefaultActiveShadowArrow: string;
-    btnDefaultActiveShadowArrowLeft: string;
+    btnDefaultActiveBorderColor: string;
+    btnDefaultActiveBorderTopColor: string;
     btnSuccessBg: string;
     btnSuccessBgStart: string;
     btnSuccessBgEnd: string;
     btnSuccessTextColor: string;
-    btnSuccessShadow: string;
-    btnSuccessShadowArrow: string;
-    btnSuccessShadowArrowLeft: string;
+    btnSuccessBorderColor: string;
+    btnSuccessBorderBottomColor: string;
     btnSuccessHoverBgStart: string;
     btnSuccessHoverBgEnd: string;
-    btnSuccessHoverShadow: string;
-    btnSuccessHoverShadowArrow: string;
-    btnSuccessHoverShadowArrowLeft: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessHoverBorderBottomColor: string;
     btnSuccessActiveBg: string;
     btnSuccessActiveShadow: string;
-    btnSuccessActiveShadowArrow: string;
-    btnSuccessActiveShadowArrowLeft: string;
+    btnSuccessActiveBorderColor: string;
+    btnSuccessActiveBorderTopColor: string;
     btnPrimaryBg: string;
     btnPrimaryBgStart: string;
     btnPrimaryBgEnd: string;
     btnPrimaryTextColor: string;
-    btnPrimaryShadow: string;
-    btnPrimaryShadowArrow: string;
-    btnPrimaryShadowArrowLeft: string;
+    btnPrimaryBorderColor: string;
+    btnPrimaryBorderBottomColor: string;
     btnPrimaryHoverBgStart: string;
     btnPrimaryHoverBgEnd: string;
-    btnPrimaryHoverShadow: string;
-    btnPrimaryHoverShadowArrow: string;
-    btnPrimaryHoverShadowArrowLeft: string;
+    btnPrimaryHoverBorderColor: string;
+    btnPrimaryHoverBorderBottomColor: string;
     btnPrimaryActiveBg: string;
     btnPrimaryActiveShadow: string;
-    btnPrimaryActiveShadowArrow: string;
-    btnPrimaryActiveShadowArrowLeft: string;
+    btnPrimaryActiveBorderColor: string;
+    btnPrimaryActiveBorderTopColor: string;
     btnDangerBg: string;
     btnDangerBgStart: string;
     btnDangerBgEnd: string;
     btnDangerTextColor: string;
-    btnDangerShadow: string;
-    btnDangerShadowArrow: string;
-    btnDangerShadowArrowLeft: string;
+    btnDangerBorderColor: string;
+    btnDangerBorderBottomColor: string;
     btnDangerHoverBgStart: string;
     btnDangerHoverBgEnd: string;
-    btnDangerHoverShadow: string;
-    btnDangerHoverShadowArrow: string;
-    btnDangerHoverShadowArrowLeft: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerHoverBorderBottomColor: string;
     btnDangerActiveBg: string;
     btnDangerActiveShadow: string;
-    btnDangerActiveShadowArrow: string;
-    btnDangerActiveShadowArrowLeft: string;
+    btnDangerActiveBorderColor: string;
+    btnDangerActiveBorderTopColor: string;
     btnPayBg: string;
     btnPayBgStart: string;
     btnPayBgEnd: string;
-    btnPayShadow: string;
-    btnPayShadowArrow: string;
-    btnPayShadowArrowLeft: string;
+    btnPayBorderColor: string;
+    btnPayBorderBottomColor: string;
     btnPayHoverBgStart: string;
     btnPayHoverBgEnd: string;
-    btnPayHoverShadow: string;
-    btnPayHoverShadowArrow: string;
-    btnPayHoverShadowArrowLeft: string;
+    btnPayHoverBorderColor: string;
+    btnPayHoverBorderBottomColor: string;
     btnPayActiveBg: string;
     btnPayActiveShadow: string;
-    btnPayActiveShadowArrow: string;
-    btnPayActiveShadowArrowLeft: string;
-    sltPlaceholderColor: string;
+    btnPayActiveBorderColor: string;
+    btnPayActiveBorderTopColor: string;
+    selectPlaceholderColor: string;
     tabColorFocus: string;
     tabColorError: string;
     tabColorWarning: string;
@@ -223,20 +220,19 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     toastLinkColor: string;
     toastCloseColor: string;
     toastCloseHoverColor: string;
-    tbBg: string;
-    tbShadow: string;
     tdDividerBg: string;
-    logoColor: string;
-    logoHoverColor: string;
     menuItemPaddingForIcon: string;
     menuBorder: string;
     menuShadow: string;
+    readonly toggleBaseBg: any;
     toggleBgChecked: string;
-    toggleBgWarning: string;
-    toggleBgError: string;
+    toggleShadowColorWarning: string;
+    toggleShadowColorError: string;
     toggleBgActive: string;
     toggleFocusShadowColor: string;
     toggleBorderColor: string;
+    readonly toggleBgDisabled: any;
+    toggleDisabledHandleBg: string;
     btnMenuArrowColor: string;
     popupBorderRadius: string;
     popupBorder: string;
@@ -247,7 +243,27 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     inputColor: string;
     inputTextColor: string;
     inputBg: string;
+    inputPlaceholderColorDisabled: string;
+    btnDisabledTextColor: string;
     specificityLevel: string;
     textareaBg: string;
     textareaColor: string;
+    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;
+    tbBg: string;
+    tbShadow: string;
+    logoColor: string;
+    logoHoverColor: string;
 }>;

package/cjs/internal/ThemePlayground/darkTheme.js

@@ -1,6 +1,8 @@
 "use strict";exports.__esModule = true;exports.darkTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+var _DefaultTheme8pxOld = require("../../lib/theming/themes/DefaultTheme8pxOld");
 
-var darkTheme = _ThemeFactory.ThemeFactory.create({
+var darkTheme = _ThemeFactory.ThemeFactory.create(
+{
   brandXLight: '#cae5f5',
   brandLight: '#3094d0',
   brand: '#1e79be',
@@ -56,14 +58,35 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   controlHeightSmall: '34px',
   controlHeightMedium: '40px',
   controlHeightLarge: '44px',
-  chbCheckedColor: '#000',
-  chbBg: 'linear-gradient(#fdfdfd, #ededed) !important',
-  chbHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',
-  radioBgImage: 'linear-gradient(#fdfdfd, #ededed) !important',
-  radioHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',
-  radioDisabledShadow: '0 0 0 1px rgba(0, 0, 0, 0.15) !important',
-  chbIndeterminateBg: '#000',
-  chbShadowDisabled: 'rgba(255, 255, 255, .5)',
+  checkboxCheckedColor: '#fff',
+  get checkboxBg() {
+    return this.bgDefault;
+  },
+  checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',
+  checkboxHoverBg: 'none',
+  checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',
+  checkboxShadowDisabled: '0 0 0 1px #4D4D4D',
+  get checkboxOutlineColorFocus() {
+    return this.bgDefault;
+  },
+  get checkboxActiveBg() {
+    return this.bgDefault;
+  },
+  get checkboxCheckedActiveBg() {
+    return this.bgDefault;
+  },
+  get radioBgImage() {
+    return "linear-gradient(" + this.bgDefault + "," + this.bgDefault + ")";
+  },
+  radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',
+  radioCheckedBulletColor: '#fff',
+  radioHoverBg: 'none',
+  radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',
+  radioDisabledShadow: '0 0 0 1px #4D4D4D',
+  radioDisabledBg: 'rgba(255, 255, 255, 0.05)',
+  get radioActiveBg() {
+    return this.bgDefault;
+  },
   textColorDefault: '#fff',
   textColorInvert: '#fff',
   textColorDisabled: '#a0a0a0',
@@ -72,110 +95,83 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   linkHoverColor: '#fff',
   linkDisabledColor: '#a0a0a0',
   linkHoverTextDecoration: 'underline',
-  dropdownMenuHoverBg: '#0488E0',
-  dropdownMenuSelectedBg: 'rgba(255, 255, 255, 0.05)',
+  menuItemHoverBg: '#0488E0',
+  menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',
   loaderBg: '#333',
   loaderOpacity: '0.9',
   btnDisabledBg: 'rgba(255, 255, 255, 0.05)',
-  btnDisabledShadowColor: 'rgba(0, 0, 0, 0.15)',
   btnCheckedBg: '#737373',
   btnCheckedTextColor: '#fff',
-  btnCheckedShadowColorArrow: 'rgba(0, 0, 0, 0.3)',
+  btnDefaultBg: '#333333',
+  btnDefaultHoverBg: '#444444',
   btnDefaultBgStart: 'none',
-  btnDefaultBgArrowStart: '#333',
   btnDefaultBgEnd: 'none',
-  btnDefaultBgArrowEnd: '#333',
-  btnDefaultShadow: '0 1px 0 0 rgba(255,255,255, 1), 0 0 0 1px rgba(255,255,255, 1)',
-  btnDefaultShadowArrow: '1.2px -1px 0 0 rgba(255, 255, 255, 1), 1px 0 0 0 rgba(255, 255, 255, 1)',
-  btnDefaultShadowArrowLeft: '1px -1px 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(255, 255, 255, 1)',
+  btnDefaultBorderColor: 'rgba(255,255,255, 1)',
+  btnDefaultBorderBottomColor: '',
   btnDefaultHoverBgStart: '#333',
   btnDefaultHoverBgEnd: '#333',
-  btnDefaultHoverShadow: '0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2)',
-  btnDefaultHoverShadowArrow: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)',
-  btnDefaultHoverShadowArrowLeft: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)',
+  btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',
+  btnDefaultHoverBorderBottomColor: 'rgba(0,0,0,0.15)',
   btnDefaultActiveBg: '#e1e1e1',
-  btnDefaultActiveShadow:
-  '0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
-  btnDefaultActiveShadowArrow:
-  '0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',
-  btnDefaultActiveShadowArrowLeft:
-  '0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',
+  btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
+  btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',
+  btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 0.1)',
   btnSuccessBg: '#419d14',
   btnSuccessBgStart: '#4ba91d',
   btnSuccessBgEnd: '#37910b',
   btnSuccessTextColor: '#fff',
-  btnSuccessShadow: '0 0 0 1px rgba(25, 103, 6, 0.7), 0 1px 0 0 rgba(21, 80, 7, 0.5)',
-  btnSuccessShadowArrow: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5)',
-  btnSuccessShadowArrowLeft: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5)',
+  btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',
+  btnSuccessBorderBottomColor: 'rgba(21, 80, 7, 0.5)',
   btnSuccessHoverBgStart: '#3b8d13',
   btnSuccessHoverBgEnd: '#317e0b',
-  btnSuccessHoverShadow: '0 0 0 1px rgba(7, 73, 1, 0.7), 0 1px 0 0 rgba(16, 70, 4, 0.3)',
-  btnSuccessHoverShadowArrow: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3)',
-  btnSuccessHoverShadowArrowLeft: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3)',
+  btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',
+  btnSuccessHoverBorderBottomColor: 'rgba(16, 70, 4, 0.3)',
   btnSuccessActiveBg: '#35840e',
-  btnSuccessActiveShadow:
-  '0 0 0 1px rgba(4, 63, 0, 0.75), 0 -1px 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
-  btnSuccessActiveShadowArrow:
-  '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',
-  btnSuccessActiveShadowArrowLeft:
-  '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',
+  btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
+  btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',
+  btnSuccessActiveBorderTopColor: 'rgba(9, 32, 4, 0.6)',
   btnPrimaryBg: '#1e8dd4',
   btnPrimaryBgStart: '#2899ea',
   btnPrimaryBgEnd: '#167ac1',
   btnPrimaryTextColor: '#fff',
-  btnPrimaryShadow: '0 0 0 1px rgba(14, 81, 129, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.5)',
-  btnPrimaryShadowArrow: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5)',
-  btnPrimaryShadowArrowLeft: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5)',
+  btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',
+  btnPrimaryBorderBottomColor: 'rgba(7, 37, 80, 0.5)',
   btnPrimaryHoverBgStart: '#0087d5',
   btnPrimaryHoverBgEnd: '#167ac1',
-  btnPrimaryHoverShadow: '0 0 0 1px rgba(5, 60, 99, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.3)',
-  btnPrimaryHoverShadowArrow: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3)',
-  btnPrimaryHoverShadowArrowLeft: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3)',
+  btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',
+  btnPrimaryHoverBorderBottomColor: 'rgba(7, 37, 80, 0.3)',
   btnPrimaryActiveBg: '#0079c3',
-  btnPrimaryActiveShadow:
-  '0 0 0 1px rgba(10, 63, 99, 0.75), 0 -1px 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',
-  btnPrimaryActiveShadowArrow:
-  '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2)',
-  btnPrimaryActiveShadowArrowLeft:
-  '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',
+  btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',
+  btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',
+  btnPrimaryActiveBorderTopColor: 'rgba(8, 45, 96, 0.5)',
   btnDangerBg: '#e14c30',
   btnDangerBgStart: '#ec5438',
   btnDangerBgEnd: '#d44327',
   btnDangerTextColor: '#fff',
-  btnDangerShadow: '0 0 0 1px rgba(173, 15, 0, 0.7), 0 1px 0 0 rgba(0, 0, 0, 0.4)',
-  btnDangerShadowArrow: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4)',
-  btnDangerShadowArrowLeft: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4)',
+  btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',
+  btnDangerBorderBottomColor: 'rgba(0, 0, 0, 0.4)',
   btnDangerHoverBgStart: '#d44227',
   btnDangerHoverBgEnd: '#c73013',
-  btnDangerHoverShadow: '0 0 0 1px rgba(145, 0, 0, 0.7), 0 1px 0 0 rgba(90, 3, 3, 0.4)',
-  btnDangerHoverShadowArrow: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4)',
-  btnDangerHoverShadowArrowLeft: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4)',
+  btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',
+  btnDangerHoverBorderBottomColor: 'rgba(90, 3, 3, 0.4)',
   btnDangerActiveBg: '#cd381b',
-  btnDangerActiveShadow:
-  '0 0 0 1px rgba(108, 7, 7, 0.75), 0 -1px 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
-  btnDangerActiveShadowArrow:
-  '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',
-  btnDangerActiveShadowArrowLeft:
-  '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1)',
+  btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
+  btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',
+  btnDangerActiveBorderTopColor: 'rgba(90, 3, 3, 0.4)',
   btnPayBg: '#ffc943',
   btnPayBgStart: '#ffd54b',
   btnPayBgEnd: '#ffbb39',
-  btnPayShadow: '0 0 0 1px rgba(238, 169, 34, 0.7), 0 1px 0 0 rgba(77, 16, 0, 0.56)',
-  btnPayShadowArrow: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56)',
-  btnPayShadowArrowLeft: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56)',
+  btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',
+  btnPayBorderBottomColor: 'rgba(77, 16, 0, 0.56)',
   btnPayHoverBgStart: '#ffbd3a',
   btnPayHoverBgEnd: '#f8a91d',
-  btnPayHoverShadow: '0 0 0 1px rgba(227, 142, 8, 0.7), 0 1px 0 0 rgba(93, 20, 3, 0.4)',
-  btnPayHoverShadowArrow: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4)',
-  btnPayHoverShadowArrowLeft: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4)',
+  btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',
+  btnPayHoverBorderBottomColor: 'rgba(93, 20, 3, 0.4)',
   btnPayActiveBg: '#fbb028',
-  btnPayActiveShadow:
-  '0 0 0 1px rgba(210, 144, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-  btnPayActiveShadowArrow:
-  '1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05)',
-  btnPayActiveShadowArrowLeft:
-  '1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05)',
-  sltPlaceholderColor: '#a0a0a0',
+  btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+  btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',
+  btnPayActiveBorderTopColor: 'rgba(0, 0, 0, 0.44)',
+  selectPlaceholderColor: '#a0a0a0',
   tabColorFocus: '#5199db',
   tabColorError: '#e14c30',
   tabColorWarning: '#ffc943',
@@ -240,20 +236,23 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   toastLinkColor: '#80caff',
   toastCloseColor: '#a0a0a0',
   toastCloseHoverColor: 'white',
-  tbBg: '#262626',
-  tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',
   tdDividerBg: '#808080',
-  logoColor: 'white',
-  logoHoverColor: '#000',
   menuItemPaddingForIcon: '36px',
   menuBorder: 'rgba(0, 0, 0, 0)',
   menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',
+  get toggleBaseBg() {
+    return this.bgDefault;
+  },
   toggleBgChecked: '#3072c4',
-  toggleBgWarning: '#f69c00',
-  toggleBgError: '#d70c17',
+  toggleShadowColorWarning: '#f69c00',
+  toggleShadowColorError: '#d70c17',
   toggleBgActive: '#e5e5e5',
   toggleFocusShadowColor: '#5199db',
-  toggleBorderColor: '#d0d0d0',
+  toggleBorderColor: 'rgba(255, 255, 255, 0.15)',
+  get toggleBgDisabled() {
+    return this.bgDefault;
+  },
+  toggleDisabledHandleBg: '#4D4D4D',
   btnMenuArrowColor: '#666',
   popupBorderRadius: '2px',
   popupBorder: '1px solid',
@@ -264,6 +263,32 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   inputColor: '#fff',
   inputTextColor: '#fff',
   inputBg: '#333',
+  inputPlaceholderColorDisabled: '#aaa',
+  btnDisabledTextColor: '#aaa',
   specificityLevel: '0',
   textareaBg: 'none',
-  textareaColor: 'inherit' });exports.darkTheme = darkTheme;
+  textareaColor: 'inherit',
+  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',
+  fileUploaderTextColorDefault: '#fff',
+  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderBorderColorFocus: '#1f87ef',
+  fileUploaderLinkColor: '#51adff',
+  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',
+  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',
+  fileUploaderBorderColorError: '#ee5042',
+  fileUploaderBorderColorWarning: '#ffa236',
+  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)',
+
+  // react-ui-addons vars
+  // live here because
+  // dark theme is unofficial
+  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' },
+
+_DefaultTheme8pxOld.DEFAULT_THEME_8PX_OLD);exports.darkTheme = darkTheme;