@skbkontur/react-ui 0.0.0-80951ea125 → 0.0.0-a18e664e8f

package/components/internal/cross.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var exenv_1 = tslib_1.__importDefault(require("exenv"));
-// Windows XP fonts don't include the cross character used for the close button.
-// So we use another one on XP only, because it looks ugly on modern systems.
-var WIN_XP = exenv_1["default"].canUseDOM && navigator.userAgent.includes('Windows NT 5.');
-var CROSS = WIN_XP ? '╳' : '✕';
-exports.SVGCross = function (props) {return React.createElement("svg", tslib_1.__assign({}, props, { viewBox: "0 0 10 10" }),
-  React.createElement("polygon", { points: "6 5 10 9 9 10 5 6 1 10 0 9 4 5 0 1 1 0 5 4 9 0 10 1" }));};
-exports["default"] = CROSS;

package/components/internal/cross.js.flow

@@ -1,4 +0,0 @@
-/* @flow */
-declare var CROSS: string;
-
-export default CROSS;

package/components/internal/cross.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cross.js","sourceRoot":"","sources":["cross.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,wDAAyC;AAEzC,gFAAgF;AAChF,6EAA6E;AAC7E,IAAM,MAAM,GAAG,eAAoB,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;AAC/F,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAEpB,QAAA,QAAQ,GAAG,UAAC,KAAsC,IAAK,OAAA,CAClE,gDAAS,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,iCAAS,MAAM,EAAC,qDAAqD,GAAG,CACpE,CACP,EAJmE,CAInE,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/components/internal/currentEnvironment.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTestEnv = process.env.NODE_ENV === 'test';
-exports.isProductionEnv = process.env.NODE_ENV === 'production';
-exports.isDevelopmentEnv = process.env.NODE_ENV === 'development';

package/components/internal/currentEnvironment.js.flow

@@ -1,4 +0,0 @@
-/* @flow */
-declare export var isTestEnv: boolean;
-declare export var isProductionEnv: boolean;
-declare export var isDevelopmentEnv: boolean;

package/components/internal/currentEnvironment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"currentEnvironment.js","sourceRoot":"","sources":["currentEnvironment.ts"],"names":[],"mappings":";;AAAa,QAAA,SAAS,GAAY,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC;AACrD,QAAA,eAAe,GAAY,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;AACjE,QAAA,gBAAgB,GAAY,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC"}

package/components/internal/extractKeyboardAction.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-declare type ActionCheck = (x0: React.KeyboardEvent<HTMLElement>) => boolean;
-interface KeyboardActionMatcher<Actions> {
-    type: Actions;
-    check: (x0: React.KeyboardEvent<HTMLElement>) => boolean;
-}
-export declare class KeyboardActionExctracterBuilder<T> {
-    private _actionMatchers;
-    constructor(actionMatchers?: Array<KeyboardActionMatcher<T>>);
-    add<P>(type: P, check: ActionCheck): KeyboardActionExctracterBuilder<T | P>;
-    build<P>(defaultAction: P): (x0: React.KeyboardEvent<HTMLElement>) => T | P;
-}
-export {};

package/components/internal/extractKeyboardAction.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var KeyboardActionExctracterBuilder = /** @class */function () {
-  function KeyboardActionExctracterBuilder(actionMatchers) {
-    if (actionMatchers === void 0) {actionMatchers = [];}
-    this._actionMatchers = actionMatchers;
-  }
-  KeyboardActionExctracterBuilder.prototype.add = function (type, check) {
-    return new KeyboardActionExctracterBuilder(this._actionMatchers.concat({ type: type, check: check }));
-  };
-  KeyboardActionExctracterBuilder.prototype.build = function (defaultAction) {
-    var _this = this;
-    return function (event) {
-      var action = _this._actionMatchers.find(function (x) {return x.check(event);});
-      return action && action.type || defaultAction;
-    };
-  };
-  return KeyboardActionExctracterBuilder;
-}();
-exports.KeyboardActionExctracterBuilder = KeyboardActionExctracterBuilder;

package/components/internal/extractKeyboardAction.js.flow

@@ -1,12 +0,0 @@
-/* @flow */
-
-declare type ActionCheck = (x0: SyntheticKeyboardEvent<HTMLElement>) => boolean;
-
-declare export class KeyboardActionExctracterBuilder<T> {
-  add<P>(type: P, check: ActionCheck): KeyboardActionExctracterBuilder<T | P>;
-  build<P>(defaultAction: P): (x0: SyntheticKeyboardEvent<HTMLElement>) => T | P;
-}
-
-declare export var isModified: ActionCheck;
-
-declare export var isSeparator: ActionCheck;

package/components/internal/extractKeyboardAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extractKeyboardAction.js","sourceRoot":"","sources":["extractKeyboardAction.ts"],"names":[],"mappings":";;AASA;IAGE,yCAAY,cAAoD;QAApD,+BAAA,EAAA,mBAAoD;QAC9D,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACxC,CAAC;IAEM,6CAAG,GAAV,UAAc,IAAO,EAAE,KAAkB;QACvC,OAAO,IAAI,+BAA+B,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC,CAAC;IAC3F,CAAC;IAEM,+CAAK,GAAZ,UAAgB,aAAgB;QAAhC,iBAKC;QAJC,OAAO,UAAA,KAAK;YACV,IAAM,MAAM,GAAG,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,CAAC;YAC9D,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC;QAClD,CAAC,CAAC;IACJ,CAAC;IACH,sCAAC;AAAD,CAAC,AAjBD,IAiBC;AAjBY,0EAA+B"}

package/components/polyfillPlaceholder.d.ts

@@ -1,2 +0,0 @@
-declare let polyfillPlaceholder: boolean;
-export default polyfillPlaceholder;

package/components/polyfillPlaceholder.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var polyfillPlaceholder = false;
-if (typeof window !== 'undefined' && window.document && window.document.createElement) {
-  var sAgent = window.navigator.userAgent;
-  if (!('placeholder' in document.createElement('input')) ||
-  !!navigator.userAgent.match(/Trident\/7\./) ||
-  sAgent.indexOf('MSIE') > 0) {
-    polyfillPlaceholder = true;
-  }
-}
-exports["default"] = polyfillPlaceholder;

package/components/polyfillPlaceholder.js.flow

@@ -1,4 +0,0 @@
-/* @flow */
-declare var polyfillPlaceholder: boolean;
-
-export default polyfillPlaceholder;

package/components/polyfillPlaceholder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"polyfillPlaceholder.js","sourceRoot":"","sources":["polyfillPlaceholder.ts"],"names":[],"mappings":";;AAAA,IAAI,mBAAmB,GAAG,KAAK,CAAC;AAEhC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAE;IACrF,IAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC;IAE1C,IACE,CAAC,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC;QAC3C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAC1B;QACA,mBAAmB,GAAG,IAAI,CAAC;KAC5B;CACF;AAED,kBAAe,mBAAmB,CAAC"}

package/components/variables.css

@@ -1,306 +0,0 @@
-@value brandXLight: #cae5f5;
-@value brandLight: #3094d0;
-@value brand: #1e79be;
-@value brandDark: #1363a0;
-@value brandXDark: #084f85;
-@value white: #fff;
-@value grayXxLight: #f2f2f2;
-@value grayXLight: #e5e5e5;
-@value grayLight: #a0a0a0;
-@value gray: #808080;
-@value grayDark: #333;
-@value black: #000;
-@value blueXxLight: #e4f3ff;
-@value blueLight: #5199db;
-@value blue: #3072c4;
-@value blueDark: #1e5aa4;
-@value blueXDark: #044785;
-@value greenXxLight: #e2f7dc;
-@value green: #3f9726;
-@value greenDark: #228007;
-@value redXxLight: #ffd6d6;
-@value red: #d70c17;
-@value redDark: #ce0014;
-@value yellowXxLight: #fff0bc;
-@value yellow: #f69c00;
-@value yellowDark: #d97e00;
-@value bgDefault: #fff;
-@value bgDisabled: #f2f2f2;
-@value errorMain: #d70c17;
-@value errorSecondary: #ffd6d6;
-@value errorText: #ce0014;
-@value warningMain: #f69c00;
-@value warningSecondary: #fff0bc;
-@value warningText: #d97e00;
-@value borderColorFocusLight: #bad7f1;
-@value borderColorGrayDark: rgba(0, 0, 0, 0.28);
-@value borderColorGrayLight: rgba(0, 0, 0, 0.15);
-@value placeholderColor: #a0a0a0;
-@value outlineColorFocus: #fff;
-@value placeholderColorLight: #cdcdcd;
-@value blinkColor: rgba(0, 136, 255, 0.2);
-@value controlBorderWidth: 1px;
-@value controlLineHeightSmall: 20px;
-@value controlLineHeightMedium: 20px;
-@value controlLineHeightLarge: 22px;
-@value controlPaddingYSmall: 6px;
-@value controlPaddingYMedium: 9px;
-@value controlPaddingYLarge: 10px;
-@value textColorDefault: #404040;
-@value textColorInvert: #fff;
-@value textColorDisabled: #a0a0a0;
-@value fontSizeSmall: 14px;
-@value fontSizeMedium: 14px;
-@value fontSizeLarge: 16px;
-@value linkColor: #3072c4;
-@value linkActiveColor: #044785;
-@value linkHoverTextDecoration: underline;
-@value dropdownMenuSelectedBg: #f1f1f1;
-@value tokenDisabledBg: rgba(0, 0, 0, 0.15);
-@value loaderBg: rgba(255, 255, 255, 0.8);
-@value loaderOpacity: 0.8;
-@value btnWrapPadding: 1px;
-@value btnHeightShift: -2;
-@value btnFocusShadowWidth: 2px;
-@value btnDisabledBg: __COMPUTED__;
-@value btnDisabledShadowColor: __COMPUTED__;
-@value btnDisabledShadow: __COMPUTED__;
-@value btnDisabledShadowArrow: __COMPUTED__;
-@value btnDisabledTextColor: #a0a0a0;
-@value btnCheckedBg: #737373;
-@value btnCheckedTextColor: #fff;
-@value btnCheckedShadowColorArrow: rgba(0, 0, 0, 0.3);
-@value btnCheckedShadowArrow: 1px -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 4px 2px -3px rgba(0, 0, 0, 0.3);
-@value btnCheckedShadowArrowLeft: 1px -1px 0 0 rgba(0, 0, 0, 0.6), inset -4px 0 2px -3px rgba(0, 0, 0, 0.3);
-@value btnBorderRadius: 2px;
-@value btnSmallBorderRadius: 1px;
-@value btnPaddingYSmall: __COMPUTED__;
-@value btnPaddingXSmall: 15px;
-@value btnPaddingYMedium: __COMPUTED__;
-@value btnPaddingXMedium: 15px;
-@value btnPaddingYLarge: __COMPUTED__;
-@value btnPaddingXLarge: 20px;
-@value btnDefaultBgStart: #fff;
-@value btnDefaultBgEnd: #ebebeb;
-@value btnDefaultBgArrowStart: #fff;
-@value btnDefaultBgArrowEnd: #ebebeb;
-@value btnDefaultTextColor: none;
-@value btnDefaultShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value btnDefaultShadowArrow: 1.2px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.15);
-@value btnDefaultShadowArrowLeft: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.15);
-@value btnDefaultHoverBgStart: #f2f2f2;
-@value btnDefaultHoverBgEnd: #dfdfdf;
-@value btnDefaultHoverShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2);
-@value btnDefaultHoverShadowArrow: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2);
-@value btnDefaultHoverShadowArrowLeft: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2);
-@value btnDefaultActiveBg: #e1e1e1;
-@value 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);
-@value 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);
-@value 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);
-@value btnSuccessBg: #419d14;
-@value btnSuccessBgStart: #4ba91d;
-@value btnSuccessBgEnd: #37910b;
-@value btnSuccessBgArrowStart: #4ba91d;
-@value btnSuccessBgArrowEnd: #37910b;
-@value btnSuccessTextColor: #fff;
-@value btnSuccessShadow: 0 0 0 1px rgba(25, 103, 6, 0.7), 0 1px 0 0 rgba(21, 80, 7, 0.5);
-@value btnSuccessShadowArrow: 1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5);
-@value btnSuccessShadowArrowLeft: 1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5);
-@value btnSuccessHoverBgStart: #3b8d13;
-@value btnSuccessHoverBgEnd: #317e0b;
-@value btnSuccessHoverShadow: 0 0 0 1px rgba(7, 73, 1, 0.7), 0 1px 0 0 rgba(16, 70, 4, 0.3);
-@value btnSuccessHoverShadowArrow: 1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3);
-@value btnSuccessHoverShadowArrowLeft: 1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3);
-@value btnSuccessActiveBg: #35840e;
-@value 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);
-@value 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);
-@value 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);
-@value btnPrimaryBg: #1e8dd4;
-@value btnPrimaryBgStart: #2899ea;
-@value btnPrimaryBgEnd: #167ac1;
-@value btnPrimaryBgArrowStart: #2899ea;
-@value btnPrimaryBgArrowEnd: #167ac1;
-@value btnPrimaryTextColor: #fff;
-@value btnPrimaryShadow: 0 0 0 1px rgba(14, 81, 129, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.5);
-@value btnPrimaryShadowArrow: 1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5);
-@value btnPrimaryShadowArrowLeft: 1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5);
-@value btnPrimaryHoverBgStart: #0087d5;
-@value btnPrimaryHoverBgEnd: #167ac1;
-@value btnPrimaryHoverShadow: 0 0 0 1px rgba(5, 60, 99, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.3);
-@value btnPrimaryHoverShadowArrow: 1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3);
-@value btnPrimaryHoverShadowArrowLeft: 1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3);
-@value btnPrimaryActiveBg: #0079c3;
-@value 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);
-@value 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);
-@value 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);
-@value btnDangerBg: #e14c30;
-@value btnDangerBgStart: #ec5438;
-@value btnDangerBgEnd: #d44327;
-@value btnDangerBgArrowStart: #ec5438;
-@value btnDangerBgArrowEnd: #d44327;
-@value btnDangerTextColor: #fff;
-@value btnDangerShadow: 0 0 0 1px rgba(173, 15, 0, 0.7), 0 1px 0 0 rgba(0, 0, 0, 0.4);
-@value btnDangerShadowArrow: 1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4);
-@value btnDangerShadowArrowLeft: 1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4);
-@value btnDangerHoverBgStart: #d44227;
-@value btnDangerHoverBgEnd: #c73013;
-@value btnDangerHoverShadow: 0 0 0 1px rgba(145, 0, 0, 0.7), 0 1px 0 0 rgba(90, 3, 3, 0.4);
-@value btnDangerHoverShadowArrow: 1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4);
-@value btnDangerHoverShadowArrowLeft: 1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4);
-@value btnDangerActiveBg: #cd381b;
-@value 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);
-@value 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);
-@value 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);
-@value btnPayBg: #ffc943;
-@value btnPayBgStart: #ffd54b;
-@value btnPayBgEnd: #ffbb39;
-@value btnPayBgArrowStart: #ffd54b;
-@value btnPayBgArrowEnd: #ffbb39;
-@value btnPayTextColor: none;
-@value btnPayShadow: 0 0 0 1px rgba(238, 169, 34, 0.7), 0 1px 0 0 rgba(77, 16, 0, 0.56);
-@value btnPayShadowArrow: 1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56);
-@value btnPayShadowArrowLeft: 1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56);
-@value btnPayHoverBgStart: #ffbd3a;
-@value btnPayHoverBgEnd: #f8a91d;
-@value btnPayHoverShadow: 0 0 0 1px rgba(227, 142, 8, 0.7), 0 1px 0 0 rgba(93, 20, 3, 0.4);
-@value btnPayHoverShadowArrow: 1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4);
-@value btnPayHoverShadowArrowLeft: 1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4);
-@value btnPayActiveBg: #fbb028;
-@value 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);
-@value 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);
-@value 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);
-@value btnDeprecatedSizeMediumPaddingShiftIe: 1;
-@value sltPlaceholderColor: #a0a0a0;
-@value tooltipCloseBtnColor: #808080;
-@value tooltipCloseBtnHoverColor: #606060;
-@value modalBackBg: #333;
-@value modalBackOpacity: 0.6;
-@value modalCloseButtonColor: #808080;
-@value modalCloseButtonDisabledColor: #8b8b8b;
-@value modalCloseButtonHoverColor: #333;
-@value modalFixedHeaderBg: #fff;
-@value modalFixedHeaderShadow: 0 1px 10px #000000;
-@value modalFixedFooterShadow: 0 -1px 10px #000000;
-@value modalFooterBg: #e9e9e9;
-@value modalAdaptiveThreshold: 425px;
-@value sidePageFooterPanelBg: #e9e9e9;
-@value sidePageCloseButtonColor: rgba(0, 0, 0, 0.54);
-@value sidePageCloseButtonHoverColor: #333;
-@value sidePageContainerShadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-@value dateInputIconColor: inherit;
-@value dateInputMaskColor: #b8b8b8;
-@value dateInputComponentSelectedBgColor: #cae0f4;
-@value calendarCellBg: white;
-@value calendarCellHoverBgColor: __COMPUTED__;
-@value calendarCellHoverColor: white;
-@value calendarCellActiveHoverColor: white;
-@value calendarCellWeekendColor: #f00;
-@value calendarCellTodayBorder: 1px solid #8b8b8b;
-@value calendarCellSelectedBgColor: #e9e9e9;
-@value calendarCellSelectedFontColor: inherit;
-@value calendarMonthHeaderStickedBgColor: white;
-@value calendarMonthTitleBorderBottomColor: #dfdede;
-@value dateSelectMenuBg: __COMPUTED__;
-@value dateSelectMenuItemBgActive: __COMPUTED__;
-@value dateSelectMenuItemBgSelected: #ececec;
-@value dateSelectMenuItemBgDisabled: __COMPUTED__;
-@value dateSelectMenuItemFontActive: __COMPUTED__;
-@value dateSelectMenuItemFontSelected: __COMPUTED__;
-@value dateSelectMenuItemFontDisabled: __COMPUTED__;
-@value datePickerOpenBtnColor: #333;
-@value pickerBg: #fff;
-@value pickerShadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
-@value pickerTodayWrapperBgColor: white;
-@value pickerTodayWrapperBorderTop: 1px solid #dfdede;
-@value pickerTodayWrapperHoverBgColor: #f5f5f5;
-@value pagingDotsColor: gray;
-@value pagingPageLinkActiveBg: rgba(0, 0, 0, 0.09);
-@value pagingPageLinkActiveColor: black;
-@value pagingPageLinkHoverBg: rgba(0, 0, 0, 0.05);
-@value pagingPageLinkHintColor: #bbb;
-@value menuSeparatorBorderColor: #e6e6e6;
-@value toastBg: rgba(51, 51, 51, 0.8);
-@value toastColor: white;
-@value toastLinkColor: #80caff;
-@value toastCloseColor: #a0a0a0;
-@value toastCloseHoverColor: white;
-@value tbBg: #fff;
-@value tbShadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1);
-@value tdDividerBg: #dfdfdf;
-@value logoColor: #000;
-@value logoHoverColor: #000;
-@value menuItemPaddingForIcon: 36px;
-@value menuBorder: 1px solid #d5d5d5;
-@value menuShadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-@value toggleBg: linear-gradient(-180deg, #fff, #ebebeb);
-@value toggleBgChecked: #3072c4;
-@value toggleBgActive: __COMPUTED__;
-@value toggleBorderColor: #d0d0d0;
-@value btnMenuArrowColor: #a6a6a6;
-@value popupBorder: none;
-@value popupBorderRadius: 2px;
-@value popupBorderColor: transparent;
-@value popupDropShadow: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
-@value popupBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
-@value popupTextColor: inherit;
-@value inputTextColor: none;
-@value inputShadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
-@value inputBg: white;
-@value chbBg: __COMPUTED__;
-@value chbBgStart: #fdfdfd;
-@value chbBgEnd: #ededed;
-@value chbHoverBg: __COMPUTED__;
-@value chbActiveBg: __COMPUTED__;
-@value chbIndeterminateBg: #404040;
-@value chbIndeterminateBorderRadius: 1px;
-@value chbShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value chbShadowDisabled: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value chbShadowActive: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-@value chbBorder: none;
-@value chbBorderRadius: 1px;
-@value chbShadowWidth: 2px;
-@value chbCheckedShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value specificityLevel: 0;
-@value bgActive: __COMPUTED__;
-@value borderColorFocus: __COMPUTED__;
-@value borderColorError: __COMPUTED__;
-@value borderColorWarning: __COMPUTED__;
-@value controlHeightSmall: __COMPUTED__;
-@value controlHeightMedium: __COMPUTED__;
-@value controlHeightLarge: __COMPUTED__;
-@value linkHoverColor: __COMPUTED__;
-@value linkDisabledColor: __COMPUTED__;
-@value dropdownMenuHoverBg: __COMPUTED__;
-@value tabColorFocus: __COMPUTED__;
-@value tabColorError: __COMPUTED__;
-@value tabColorWarning: __COMPUTED__;
-@value tabColorSuccess: __COMPUTED__;
-@value tabColorPrimary: __COMPUTED__;
-@value tabColorHover: __COMPUTED__;
-@value tabColorHoverError: __COMPUTED__;
-@value tabColorHoverWarning: __COMPUTED__;
-@value tabColorHoverSuccess: __COMPUTED__;
-@value tabColorHoverPrimary: __COMPUTED__;
-@value pagingForwardLinkColor: __COMPUTED__;
-@value pagingForwardLinkDisabledColor: __COMPUTED__;
-@value toggleBgWarning: __COMPUTED__;
-@value toggleBgError: __COMPUTED__;
-@value toggleFocusShadowColor: __COMPUTED__;
-@value textareaShadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
-@value textareaBorderTopColor: __COMPUTED__;
-@value textareaDisabledBg: __COMPUTED__;
-@value textareaDisabledBorderColor: __COMPUTED__;
-@value radioSize: 16px;
-@value radioVerticalAlign: -2px;
-@value radioBgImage: linear-gradient(-180deg, #fff 0, #ebebeb 100%);
-@value radioHoverBg: linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%);
-@value radioActiveBg: linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%);
-@value radioBoxShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value radioBorder: 0 none;
-@value radioHoverShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2);
-@value radioActiveShadow: 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);
-@value radioFocusShadow: none;
-@value radioCheckedBgColor: transparent;
-@value radioCheckedBulletColor: #404040;
-@value radioDisabledShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value radioLabelDisplay: inline-table;

package/components/variables.flat.css

@@ -1,182 +0,0 @@
-@value outlineColorFocus: #fff;
-@value borderColorFocus: #1d85d0;
-@value blinkColor: rgba(0, 136, 255, 0.2);
-@value btnHeightShift: 0;
-@value btnWrapPadding: 0;
-@value btnLinkBorderRadius: 2px;
-@value btnSmallBorderRadius: 2px;
-@value btnFocusShadowWidth: 1px;
-@value btnFocusBorder: __COMPUTED__;
-@value btnCheckedBg: #7e7e7e;
-@value btnCheckedTextColor: #fff;
-@value btnCheckedShadow: none;
-@value btnCheckedShadowArrow: __COMPUTED__;
-@value btnCheckedShadowArrowLeft: __COMPUTED__;
-@value btnDisabledBg: #f2f2f2;
-@value btnDisabledShadow: none;
-@value btnDisabledShadowColor: #f2f2f2;
-@value btnDefaultBgArrowStart: #fff;
-@value btnDefaultBgArrowEnd: #fff;
-@value btnDefaultCheckedShadowArrow: __COMPUTED__;
-@value btnDefaultTextColor: none;
-@value btnDefaultHoverBg: rgba(0, 0, 0, 0.05);
-@value btnDefaultHoverBorderColor: rgba(0, 0, 0, 0.15);
-@value btnDefaultActiveBg: #e5e5e5;
-@value btnDefaultActiveBorderColor: #cccccc;
-@value btnDefaultBorder: 1px solid rgba(0, 0, 0, 0.15);
-@value btnDefaultShadow: none;
-@value btnDefaultShadowArrow: 1px -1px 0 0 rgba(0, 0, 0, 0.15);
-@value btnDefaultBgStart: none;
-@value btnDefaultBgEnd: none;
-@value btnDefaultHoverBgStart: #f2f2f2;
-@value btnDefaultHoverBgEnd: #f2f2f2;
-@value btnDefaultHoverShadow: none;
-@value btnDefaultHoverShadowArrow: __COMPUTED__;
-@value btnDefaultHoverShadowArrowLeft: __COMPUTED__;
-@value btnDefaultActiveShadow: none;
-@value btnDefaultActiveShadowArrow: __COMPUTED__;
-@value btnDefaultActiveShadowArrowLeft: __COMPUTED__;
-@value btnPrimaryBg: #1d85d0;
-@value btnPrimaryTextColor: #fff;
-@value btnPrimaryHoverBg: #1b7dc3;
-@value btnPrimaryActiveBg: #1974b6;
-@value btnPrimaryDisabledBg: #1d85d0;
-@value btnPrimaryBorder: 1px solid transparent;
-@value btnPrimaryBgStart: #1d85d0;
-@value btnPrimaryBgEnd: #1d85d0;
-@value btnPrimaryBgArrowStart: #1d85d0;
-@value btnPrimaryBgArrowEnd: #1d85d0;
-@value btnPrimaryHoverBgStart: #1b7dc3;
-@value btnPrimaryHoverBgEnd: #1b7dc3;
-@value btnPrimaryShadow: none;
-@value btnPrimaryShadowArrow: __COMPUTED__;
-@value btnPrimaryShadowArrowLeft: __COMPUTED__;
-@value btnPrimaryHoverShadow: none;
-@value btnPrimaryHoverShadowArrow: __COMPUTED__;
-@value btnPrimaryHoverShadowArrowLeft: __COMPUTED__;
-@value btnPrimaryActiveShadow: none;
-@value btnPrimaryActiveShadowArrow: __COMPUTED__;
-@value btnPrimaryActiveShadowArrowLeft: __COMPUTED__;
-@value btnSuccessBg: #419d14;
-@value btnSuccessTextColor: #fff;
-@value btnSuccessHoverBg: #3c9312;
-@value btnSuccessActiveBg: #398911;
-@value btnSuccessDisabledBg: #419d14;
-@value btnSuccessBorder: 1px solid transparent;
-@value btnSuccessBgStart: #419d14;
-@value btnSuccessBgEnd: #419d14;
-@value btnSuccessBgArrowStart: #419d14;
-@value btnSuccessBgArrowEnd: #419d14;
-@value btnSuccessHoverBgStart: #3c9312;
-@value btnSuccessHoverBgEnd: #3c9312;
-@value btnSuccessShadow: none;
-@value btnSuccessShadowArrow: __COMPUTED__;
-@value btnSuccessShadowArrowLeft: __COMPUTED__;
-@value btnSuccessHoverShadow: none;
-@value btnSuccessHoverShadowArrow: __COMPUTED__;
-@value btnSuccessHoverShadowArrowLeft: __COMPUTED__;
-@value btnSuccessActiveShadow: none;
-@value btnSuccessActiveShadowArrow: __COMPUTED__;
-@value btnSuccessActiveShadowArrowLeft: __COMPUTED__;
-@value btnDangerBg: #d9472b;
-@value btnDangerTextColor: #fff;
-@value btnDangerHoverBg: #cc4228;
-@value btnDangerActiveBg: #be3e25;
-@value btnDangerDisabledBg: #d9472b;
-@value btnDangerBorder: 1px solid transparent;
-@value btnDangerBgStart: #d9472b;
-@value btnDangerBgEnd: #d9472b;
-@value btnDangerBgArrowStart: #d9472b;
-@value btnDangerBgArrowEnd: #d9472b;
-@value btnDangerHoverBgStart: #cc4228;
-@value btnDangerHoverBgEnd: #cc4228;
-@value btnDangerShadow: none;
-@value btnDangerShadowArrow: __COMPUTED__;
-@value btnDangerShadowArrowLeft: __COMPUTED__;
-@value btnDangerHoverShadow: none;
-@value btnDangerHoverShadowArrow: __COMPUTED__;
-@value btnDangerHoverShadowArrowLeft: __COMPUTED__;
-@value btnDangerActiveShadow: none;
-@value btnDangerActiveShadowArrow: __COMPUTED__;
-@value btnDangerActiveShadowArrowLeft: __COMPUTED__;
-@value btnPayBg: #ffca43;
-@value btnPayTextColor: none;
-@value btnPayHoverBg: #f0be3f;
-@value btnPayActiveBg: #e0b13a;
-@value btnPayDisabledBg: #ffca43;
-@value btnPayBorder: 1px solid transparent;
-@value btnPayBgStart: #ffca43;
-@value btnPayBgEnd: #ffca43;
-@value btnPayBgArrowStart: #ffca43;
-@value btnPayBgArrowEnd: #ffca43;
-@value btnPayHoverBgStart: #f0be3f;
-@value btnPayHoverBgEnd: #f0be3f;
-@value btnPayShadow: none;
-@value btnPayShadowArrow: __COMPUTED__;
-@value btnPayShadowArrowLeft: __COMPUTED__;
-@value btnPayHoverShadow: none;
-@value btnPayHoverShadowArrow: __COMPUTED__;
-@value btnPayHoverShadowArrowLeft: __COMPUTED__;
-@value btnPayActiveShadow: none;
-@value btnPayActiveShadowArrow: __COMPUTED__;
-@value btnPayActiveShadowArrowLeft: __COMPUTED__;
-@value btnSmallArrowLength: 17.6px;
-@value btnSmallArrowRight: -8px;
-@value btnSmallArrowLeft: -8px;
-@value btnSmallArrowBorderRadius: 2px 2px 4px 16px;
-@value btnMediumArrowLeft: -10.2px;
-@value btnMediumArrowLeftLoadingLeft: -207px;
-@value btnMediumArrowTransform: rotate(53deg) skewX(25deg) skewY(8deg);
-@value btnDeprecatedSizeMediumFontSize: 16px;
-@value btnDeprecatedSizeMediumPaddingShift: 1;
-@value btnDeprecatedSizeMediumPaddingShiftIe: 2;
-@value btnLargeArrowLeft: -10.8px;
-@value btnLargeArrowTransform: rotate(53deg) skewX(26deg) skewY(10deg);
-@value btnLargeArrowBg: linear-gradient(-56deg, transparent 48.2%, #ccc 0, #ccc 63.4%, transparent 0);
-@value chbShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value chbBg: none;
-@value chbHoverBg: __COMPUTED__;
-@value chbActiveBg: __COMPUTED__;
-@value chbIndeterminateBg: #fff;
-@value chbShadowDisabled: 0 0 0 1px #f2f2f2;
-@value chbShadowActive: 0 0 0 1px #c3c3c3;
-@value chbShadowHover: 0 0 0 1px #c3c3c3;
-@value chbShadowWidth: 2px;
-@value chbBorder: none;
-@value chbCheckedColor: #fff;
-@value chbCheckedShadow: 0 0 0 1px #1768a3;
-@value chbCheckedHoverShadow: 0 0 0 1px #175590;
-@value chbBorderRadius: 1px;
-@value inputBg: white;
-@value inputIconColor: #a9a9a9;
-@value inputColor: inherit;
-@value inputShadow: none;
-@value inputBorderWidth: 1px;
-@value inputBorderTopColor: rgba(0, 0, 0, 0.15);
-@value inputDisabledBg: rgba(0, 0, 0, 0.05);
-@value inputDisabledBorderColor: __COMPUTED__;
-@value toggleBg: #fff;
-@value toggleBgDisabled: none;
-@value toggleBgHover: #f3f3f2;
-@value toggleBgChecked: #3072c4;
-@value toggleBgWarning: #f69c00;
-@value toggleBgError: #d70c17;
-@value toggleBgActive: #e5e5e5;
-@value toggleBorderColor: #d0d0d0;
-@value textareaBg: white;
-@value textareaColor: inherit;
-@value textareaShadow: none;
-@value textareaBorderTopColor: rgba(0, 0, 0, 0.15);
-@value textareaDisabledBg: rgba(0, 0, 0, 0.05);
-@value textareaDisabledBorderColor: __COMPUTED__;
-@value radioSize: 18px;
-@value radioVerticalAlign: top;
-@value radioBgImage: none;
-@value radioBoxShadow: none;
-@value radioBorder: 1px solid rgba(0, 0, 0, 0.15);
-@value radioHoverShadow: none;
-@value radioActiveShadow: none;
-@value radioFocusShadow: __COMPUTED__;
-@value radioCheckedBulletColor: #fff;
-@value radioDisabledShadow: none;
-@value radioLabelDisplay: inline-block;