@ohu-mobile/core/lib-rem/_config/variables.js

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.$formFieldLabelColor = exports.$formFieldInlinePadding = exports.$formFieldHeight = exports.$formFieldFontSize = exports.$formFieldErrorColor = exports.$formFieldControlPadding = exports.$formFieldControlErrorPadding = exports.$formFieldBorderColor = exports.$formFieldBlockPadding = exports.$formFieldBackground = exports.$fontSizeBase = exports.$fontFamily = exports.$fabMaskBackground = exports.$fabMarginTop = exports.$fabMarginRight = exports.$fabMarginLeft = exports.$fabMarginBottom = exports.$fabBtnShadow = exports.$fabActionTransition = exports.$fabActionMargin = exports.$fabActionLabelPadding = exports.$fabActionLabelMargin = exports.$fabActionLabelLineHeight = exports.$fabActionLabelFontSize = exports.$fabActionLabelColor = exports.$fabActionLabelBorderRadius = exports.$fabActionLabelBackground = exports.$fabActionAnimateDelayStep = exports.$dropMenuItemOptionsBoxShadow = exports.$dropMenuItemOptionActiveColor = exports.$detailItemTitleColor = exports.$detailItemExtraColor = exports.$detailItemContentColor = exports.$colorTextWarn = exports.$colorTextMinor = exports.$colorTextHighlight = exports.$colorTextError = exports.$colorTextDisabled = exports.$colorTextBaseInverse = exports.$colorTextBase = exports.$colorRed = exports.$colorPrimary = exports.$colorOrange = exports.$colorMask = exports.$colorGrey = exports.$colorGreen = exports.$colorGold = exports.$colorDivider = exports.$colorBorderBase = exports.$colorBlue = exports.$colorBackgroundComponent = exports.$colorBackgroundBase = exports.$collapseHeaderBackground = exports.$collapseHeaderActiveColor = exports.$collapseExpandIconColor = exports.$collapseContntColor = exports.$checkboxLabelColor = exports.$checkboxFontSize = exports.$checkboxColor = exports.$checkboxActiveColor = exports.$carouselDotSize = exports.$carouselDotDarkBackground = exports.$carouselDotDarkActiveBackground = exports.$carouselDotBackground = exports.$carouselDotActiveBackground = exports.$cardHeaderTopOffset = exports.$cardHeaderLeftOffset = exports.$cardHeaderFontSize = exports.$cardHeaderExtraSuccessColor = exports.$cardHeaderExtraFontSize = exports.$cardHeaderExtraErrorColor = exports.$cardHeaderExtraColor = exports.$cardHeaderBoldFontSize = exports.$cardContentPadding = exports.$cardBoxShadow = exports.$cardBorderRadius = exports.$cardBackground = exports.$buttonSizeSm = exports.$buttonSizeNormal = exports.$buttonSizeMd = exports.$buttonColorTranslucentDisabled = exports.$buttonColorTranslucentBgActive = exports.$buttonColorTranslucentActive = exports.$buttonColorPrimaryPlainActive = exports.$buttonColorPrimaryDisabled = exports.$buttonColorPrimaryActive = exports.$buttonColorPlainDisabled = exports.$buttonColorDefaultActive = exports.$badgeTextColor = exports.$badgeTagSize = exports.$badgeTagFontSize = exports.$badgeDotSize = exports.$badgeCornerSize = exports.$badgeCornerFontSize = exports.$agreeColor = exports.$actionBarToolBarPadding = exports.$actionBarPadding = exports.$actionBarFontSize = exports.$actionBarButtonGap = exports.$actionBarBackground = void 0;
exports.$selectBorderRadius = exports.$selectBorderColor = exports.$radioLabelColor = exports.$radioFontSize = exports.$radioColor = exports.$radioActiveColor = exports.$prefix = exports.$popupRoundRadius = exports.$popupHeaderTextFontSize = exports.$popupHeaderMinorTextFontSize = exports.$popupHeaderMinorTextColor = exports.$popupHeaderColor = exports.$popupHeaderCloseButtonColor = exports.$popupHeaderBackground = exports.$popoverDividerColor = exports.$popoverContentBackground = exports.$popoverArrowSize = exports.$noticeBarWarningColor = exports.$noticeBarWarningBackground = exports.$noticeBarPadding = exports.$noticeBarIconSize = exports.$noticeBarFontSize = exports.$noticeBarDefaultColor = exports.$noticeBarDefaultBackground = exports.$navBarTitleLineHeight = exports.$navBarPrimaryColor = exports.$navBarPrimaryBackground = exports.$navBarPrimaryActiveBackground = exports.$navBarHeight = exports.$navBarFontSize = exports.$navBarColor = exports.$navBarBorderColor = exports.$loadingTextColor = exports.$listSubheaderStickyColor = exports.$listSubheaderStickyBoxShadow = exports.$listSubheaderStickyBackground = exports.$listSubheaderFontSize = exports.$listSubheaderColor = exports.$listSubheaderBackground = exports.$listItenActionCheckSize = exports.$listItemThumbMargin = exports.$listItemTextLineHeight = exports.$listItemPadding = exports.$listItemMinorTextLineHeight = exports.$listItemMinorTextFontSize = exports.$listItemMinorTextColor = exports.$listItemIconSize = exports.$listItemFontSize = exports.$listItemColor = exports.$listItemButtonActiveColor = exports.$listItemBorderColor = exports.$listItemAvatarSize = exports.$listItemAvatarMinWidth = exports.$listItemActionSize = exports.$listBottomFontSize = exports.$inputTextAreaLineHeight = exports.$inputPlaceholderColor = exports.$inputPaddingWithAdornment = exports.$inputPadding = exports.$inputOutlinePaddingWithAdornment = exports.$inputOutlinePadding = exports.$inputLineHeight = exports.$inputFontSize = exports.$inputFocusBorderColor = exports.$inputDisabledColor = exports.$inputColor = exports.$inputBorderRadius = exports.$inputBorderColor = exports.$inputAdornmentMargin = exports.$inputAdornmentFontSize = exports.$inputAdornmentColor = exports.$indexListZIndex = exports.$indexListTouchAreaWidth = exports.$indexListRightOffset = exports.$indexListColor = exports.$indexListBarWidth = exports.$indexListBarPressedColor = exports.$indexListBarPressedBackground = exports.$indexListBarLabelSize = exports.$indexListBarLabelFontSize = exports.$indexListBarLabelColor = exports.$indexListBarLabelBackground = exports.$indexListBarItemWidth = exports.$indexListBarItemTopOffset = exports.$indexListBarItemLineHeight = exports.$indexListBarItemHeight = exports.$indexListBarItemFontSize = exports.$indexListBarItemBottomOffset = exports.$indexListBarItemBackground = exports.$indexListBarItemActiveColor = exports.$indexListBackground = exports.$imageErrorColor = exports.$imageErrorBackground = exports.$gridUnits = exports.$gridGapRate = exports.$gridGapLevel = exports.$formFontSize = exports.$formFieldLineHeight = exports.$formFieldLabelWidth = exports.$formFieldLabelPadding = void 0;
exports.$treeSelectRightColor = exports.$treeSelectRightBackground = exports.$treeSelectRightActiveColor = exports.$treeSelectLeftColor = exports.$treeSelectLeftBackground = exports.$treeSelectLeftActiveColor = exports.$treeSelectLeftActiveBackground = exports.$treeSelectItemPadding = exports.$treeSelectItemFontSize = exports.$treeSelectCollapseColor = exports.$tagRedColor = exports.$tagRedBackground = exports.$tagPrimaryColor = exports.$tagPrimaryBackground = exports.$tagPaddingSm = exports.$tagPaddingMd = exports.$tagPaddingLg = exports.$tagOutlineBackground = exports.$tagOrangeColor = exports.$tagOrangeBackground = exports.$tagGreyColor = exports.$tagGreyBackground = exports.$tagGreenColor = exports.$tagGreenBackground = exports.$tagFontSizeSm = exports.$tagFontSizeMd = exports.$tagFontSizeLg = exports.$tagBorderRadiusSm = exports.$tagBorderRadiusMd = exports.$tagBorderRadiusLg = exports.$tagBlueColor = exports.$tagBlueBackground = exports.$tabbarItemIndicatorColor = exports.$tabbarHeight = exports.$tabbarBorderColor = exports.$tabbarBackground = exports.$skeletonBackground = exports.$selectPopupHeaderColor = exports.$selectPopupHeaderBackground = exports.$selectPopupBackground = exports.$selectPlaceholderColor = exports.$selectInputPadding = exports.$selectInputOutlinePadding = exports.$selectIconMargin = exports.$selectIconColor = exports.$selectFontSize = exports.$selectColor = void 0;
var _env = require("./env");
// General
var $prefix = exports.$prefix = 'ohu-';
// Color
var $colorOrange = exports.$colorOrange = _env.env.$colorOrange || '#ff9434';
var $colorRed = exports.$colorRed = _env.env.$colorRed || '#ff2d31';
var $colorGreen = exports.$colorGreen = _env.env.$colorGreen || '#36b365';
var $colorGrey = exports.$colorGrey = _env.env.$colorGrey || '#eee';
var $colorBlue = exports.$colorBlue = _env.env.colorBlue || '#2d7eff';
var $colorGold = exports.$colorGold = _env.env.$colorGold || '#DBB46E';
var $colorPrimary = exports.$colorPrimary = _env.env.$colorPrimary || $colorBlue;
var $colorTextBase = exports.$colorTextBase = _env.env.$colorTextBase || '#333';
var $colorTextBaseInverse = exports.$colorTextBaseInverse = _env.env.$colorTextBaseInverse || '#fff';
var $colorTextMinor = exports.$colorTextMinor = _env.env.$colorTextMinor || '#999';
var $colorTextDisabled = exports.$colorTextDisabled = _env.env.$colorTextDisabled || $colorGrey;
var $colorTextWarn = exports.$colorTextWarn = _env.env.$colorTextWarn || $colorOrange;
var $colorTextError = exports.$colorTextError = _env.env.$colorTextError || $colorRed;
var $colorTextHighlight = exports.$colorTextHighlight = _env.env.$colorTextHighlight || $colorGreen;
var $colorBackgroundBase = exports.$colorBackgroundBase = _env.env.$colorBackgroundBase || '#f5f5f5';
var $colorBackgroundComponent = exports.$colorBackgroundComponent = _env.env.$colorBackgroundComponent || '#f8f8f8';
var $colorDivider = exports.$colorDivider = _env.env.$colorDivider || $colorGrey;
var $colorMask = exports.$colorMask = _env.env.$colorMask || 'rgba(0, 0, 0, 0.639)';
var $colorBorderBase = exports.$colorBorderBase = _env.env.$colorBorderBase || '#ccc';
// Font
var $fontFamily = exports.$fontFamily = _env.env.$fontFamily || 'Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif';
var $fontSizeBase = exports.$fontSizeBase = _env.env.$fontSizeBase || '32px';
// Grid
var $gridUnits = exports.$gridUnits = _env.env.$gridUnits ? +_env.env.$gridUnits : 24;
var $gridGapLevel = exports.$gridGapLevel = _env.env.$gridGapLevel ? +_env.env.$gridGapLevel : 10;
var $gridGapRate = exports.$gridGapRate = _env.env.$gridGapRate || '8px';
// Component/Tag
var $tagGreyColor = exports.$tagGreyColor = _env.env.$tagGreyColor || $colorTextBase;
var $tagGreyBackground = exports.$tagGreyBackground = _env.env.$tagGreyBackground || $colorGrey;
var $tagGreenColor = exports.$tagGreenColor = _env.env.$tagGreenColor || $colorGreen;
var $tagGreenBackground = exports.$tagGreenBackground = _env.env.$tagGreenBackground || 'rgba($tagGreenColor, .15)';
var $tagOrangeColor = exports.$tagOrangeColor = _env.env.$tagOrangeColor || $colorOrange;
var $tagOrangeBackground = exports.$tagOrangeBackground = _env.env.$tagOrangeBackground || 'rgba(255, 148, 52, 0.15)';
var $tagRedColor = exports.$tagRedColor = _env.env.$tagRedColor || $colorRed;
var $tagRedBackground = exports.$tagRedBackground = _env.env.$tagRedBackground || 'rgba($tagRedColor, .15)';
var $tagBlueColor = exports.$tagBlueColor = _env.env.$tagBlueColor || $colorBlue;
var $tagBlueBackground = exports.$tagBlueBackground = _env.env.$tagBlueBackground || 'rgba($tagBlueColor, .15)';
var $tagPrimaryColor = exports.$tagPrimaryColor = _env.env.$tagPrimaryColor || $colorPrimary;
var $tagPrimaryBackground = exports.$tagPrimaryBackground = _env.env.$tagPrimaryBackground || 'rgba($tagPrimaryColor, .15)';
var $tagOutlineBackground = exports.$tagOutlineBackground = _env.env.$tagOutlineBackground || $colorTextBaseInverse;
var $tagBorderRadiusSm = exports.$tagBorderRadiusSm = _env.env.$tagBorderRadiusSm ? +_env.env.$tagBorderRadiusSm : 4;
var $tagBorderRadiusMd = exports.$tagBorderRadiusMd = _env.env.$tagBorderRadiusMd ? +_env.env.$tagBorderRadiusMd : 8;
var $tagBorderRadiusLg = exports.$tagBorderRadiusLg = _env.env.$tagBorderRadiusLg ? +_env.env.$tagBorderRadiusLg : 8;
var $tagPaddingSm = exports.$tagPaddingSm = _env.env.$tagPaddingSm || '0 12px';
var $tagPaddingMd = exports.$tagPaddingMd = _env.env.$tagPaddingMd || '12px 24px';
var $tagPaddingLg = exports.$tagPaddingLg = _env.env.$tagPaddingLg || '16px 40px';
var $tagFontSizeSm = exports.$tagFontSizeSm = _env.env.$tagFontSizeSm || '24px';
var $tagFontSizeMd = exports.$tagFontSizeMd = _env.env.$tagFontSizeMd || '24px';
var $tagFontSizeLg = exports.$tagFontSizeLg = _env.env.$tagFontSizeLg || '28px';
// Component/Badge
var $badgeDotSize = exports.$badgeDotSize = _env.env.$badgeDotSize || '12px';
var $badgeTagSize = exports.$badgeTagSize = _env.env.$badgeTagSize || '32px';
var $badgeTagFontSize = exports.$badgeTagFontSize = _env.env.$badageTagFontSize || '24px';
var $badgeCornerSize = exports.$badgeCornerSize = _env.env.$badgeCornerSize || '36px';
var $badgeCornerFontSize = exports.$badgeCornerFontSize = _env.env.$badgeCornerFontSize || '24px';
var $badgeTextColor = exports.$badgeTextColor = _env.env.$badgeTextColor || $colorTextBaseInverse;
// Component/Button
var $buttonColorPrimaryDisabled = exports.$buttonColorPrimaryDisabled = _env.env.$buttonColorPrimaryDisabled || 'rgba(47, 131, 255, .3)';
var $buttonColorDefaultActive = exports.$buttonColorDefaultActive = _env.env.$buttonColorDefaultActive || '#F5F5F5';
var $buttonColorPrimaryActive = exports.$buttonColorPrimaryActive = _env.env.$buttonColorPrimaryActive || '#2773E3';
var $buttonColorPrimaryPlainActive = exports.$buttonColorPrimaryPlainActive = _env.env.$buttonColorPrimaryPlainActive || '#73ABFF';
var $buttonColorPlainDisabled = exports.$buttonColorPlainDisabled = _env.env.$buttonColorPlainDisabled || '#CCC';
var $buttonColorTranslucentActive = exports.$buttonColorTranslucentActive = _env.env.$buttonColorTranslucentActive || $buttonColorPrimaryPlainActive;
var $buttonColorTranslucentBgActive = exports.$buttonColorTranslucentBgActive = _env.env.$buttonColorTranslucentBgActive || '#C1DBFF';
var $buttonColorTranslucentDisabled = exports.$buttonColorTranslucentDisabled = _env.env.$buttonColorTranslucentDisabled || 'rgba(47, 131, 255, 0.1)';
var $buttonSizeNormal = exports.$buttonSizeNormal = _env.env.$buttonSizeNormal || '96px';
var $buttonSizeMd = exports.$buttonSizeMd = _env.env.$buttonSizeMd || '80px';
var $buttonSizeSm = exports.$buttonSizeSm = _env.env.$buttonSizeSm || '64px';
// Component/Card
var $cardBackground = exports.$cardBackground = _env.env.$cardBackground || '#FFF';
var $cardBoxShadow = exports.$cardBoxShadow = _env.env.$cardBoxShadow || '0px 4px 20px 0px rgba(153,153,153,0.2)';
var $cardBorderRadius = exports.$cardBorderRadius = _env.env.$cardBorderRadius || '8px';
var $cardContentPadding = exports.$cardContentPadding = _env.env.$cardContentPadding || '24px';
var $cardHeaderFontSize = exports.$cardHeaderFontSize = _env.env.$cardHeaderFontSize || '32px';
var $cardHeaderTopOffset = exports.$cardHeaderTopOffset = _env.env.$cardHeaderTopOffset || '22px';
var $cardHeaderLeftOffset = exports.$cardHeaderLeftOffset = _env.env.$cardHeaderLeftOffset || '24px';
var $cardHeaderExtraFontSize = exports.$cardHeaderExtraFontSize = _env.env.$cardHeaderExtraFontSize || '32px';
var $cardHeaderExtraColor = exports.$cardHeaderExtraColor = _env.env.$cardHeaderExtraColor || $colorTextMinor;
var $cardHeaderExtraErrorColor = exports.$cardHeaderExtraErrorColor = _env.env.$cardHeaderExtraErrorColor || $colorTextError;
var $cardHeaderExtraSuccessColor = exports.$cardHeaderExtraSuccessColor = _env.env.$cardHeaderExtraSuccessColor || $colorTextHighlight;
var $cardHeaderBoldFontSize = exports.$cardHeaderBoldFontSize = _env.env.$cardHeaderBoldFontSize || '36px';
// Component/Skeleton
var $skeletonBackground = exports.$skeletonBackground = _env.env.$skeletonBackground || $colorBackgroundBase;
// Component/Tabbar
var $tabbarBackground = exports.$tabbarBackground = _env.env.$tabbarBackground || 'rgba(255,255,255,0.9)';
var $tabbarBorderColor = exports.$tabbarBorderColor = _env.env.$tabbarBorderColor || 'rgba(0, 0, 0, .25)';
var $tabbarItemIndicatorColor = exports.$tabbarItemIndicatorColor = _env.env.$tabbarItemIndicatorColor || $colorPrimary;
var $tabbarHeight = exports.$tabbarHeight = _env.env.$tabbarHeight || '98px';
// Component/Loading
var $loadingTextColor = exports.$loadingTextColor = _env.env.$loadingTextColor || $colorTextMinor;
// Component/Popup
var $popupRoundRadius = exports.$popupRoundRadius = _env.env.$popupRoundRadius || '16px';
var $popupHeaderCloseButtonColor = exports.$popupHeaderCloseButtonColor = _env.env.$popupHeaderCloseButtonColor || '#848C95';
var $popupHeaderBackground = exports.$popupHeaderBackground = _env.env.$popupHeaderBackground || '#FFF';
var $popupHeaderTextFontSize = exports.$popupHeaderTextFontSize = _env.env.$popupHeaderTextFontSize || '32px';
var $popupHeaderColor = exports.$popupHeaderColor = _env.env.$popupHeaderColor || $colorTextBase;
var $popupHeaderMinorTextColor = exports.$popupHeaderMinorTextColor = _env.env.$popupHeaderMinorTextColor || $colorTextMinor;
var $popupHeaderMinorTextFontSize = exports.$popupHeaderMinorTextFontSize = _env.env.$popupHeaderMinorTextColor || '28px';
// Component/Popover
var $popoverContentBackground = exports.$popoverContentBackground = _env.env.$popoverContentBackground || '#4C4C4C';
var $popoverArrowSize = exports.$popoverArrowSize = _env.env.$popoverArrowSize || '12px';
var $popoverDividerColor = exports.$popoverDividerColor = _env.env.$popoverDividerColor || '#6D6D6D';
// Component/DropMenu
var $dropMenuItemOptionActiveColor = exports.$dropMenuItemOptionActiveColor = _env.env.$dropMenuItemOptionActiveColor || '#F5F5F5';
var $dropMenuItemOptionsBoxShadow = exports.$dropMenuItemOptionsBoxShadow = _env.env.$dropMenuItemOptionsBoxShadow || '0px 2px 8px 0px rgba(153,153,153,0.2)';
// Component/Checkbox
var $checkboxFontSize = exports.$checkboxFontSize = _env.env.$checkboxFontSize || $fontSizeBase;
var $checkboxColor = exports.$checkboxColor = _env.env.$checkboxColor || '#CCC';
var $checkboxActiveColor = exports.$checkboxActiveColor = _env.env.$checkboxActiveColor || $colorPrimary;
var $checkboxLabelColor = exports.$checkboxLabelColor = _env.env.$checkboxLabelColor || $colorTextBase;
// Component/Radio
var $radioFontSize = exports.$radioFontSize = _env.env.$radioFontSize || $checkboxFontSize;
var $radioColor = exports.$radioColor = _env.env.$radioColor || $checkboxColor;
var $radioActiveColor = exports.$radioActiveColor = _env.env.$radioboxActiveColor || $checkboxActiveColor;
var $radioLabelColor = exports.$radioLabelColor = _env.env.$radioLabelColor || $checkboxLabelColor;
// Component/Agree
var $agreeColor = exports.$agreeColor = _env.env.$agreeColor || $colorTextBase;
// Component/List
var $listItemPadding = exports.$listItemPadding = _env.env.$listItemPadding || '30px';
var $listItemColor = exports.$listItemColor = _env.env.$listItemColor || $colorTextBase;
var $listItemBorderColor = exports.$listItemBorderColor = _env.env.$listItemBorderColor || $colorDivider;
var $listItemFontSize = exports.$listItemFontSize = _env.env.$listItemFontSize || $fontSizeBase;
var $listItemTextLineHeight = exports.$listItemTextLineHeight = _env.env.$listItemTextLineHeight || '1.375em';
var $listItemMinorTextFontSize = exports.$listItemMinorTextFontSize = _env.env.$listItemMinorTextFontSize || '26px';
var $listItemMinorTextLineHeight = exports.$listItemMinorTextLineHeight = _env.env.$listItemMinorTextLineHeight || '1.384615em';
var $listItemMinorTextColor = exports.$listItemMinorTextColor = _env.env.$listItemMinorTextColor || $colorTextMinor;
var $listItemButtonActiveColor = exports.$listItemButtonActiveColor = _env.env.$listItemButtonActiveColor || $buttonColorDefaultActive;
var $listItemThumbMargin = exports.$listItemThumbMargin = _env.env.$listItemThumbMargin || '24px';
var $listItemAvatarSize = exports.$listItemAvatarSize = _env.env.$listItemAvatarSize || '88px';
var $listItemAvatarMinWidth = exports.$listItemAvatarMinWidth = _env.env.$listItemAvatarMinWidth || '120px';
var $listItemIconSize = exports.$listItemIconSize = _env.env.$listItemIconSize || '48px';
var $listItemActionSize = exports.$listItemActionSize = _env.env.$listItemActionSize || '36px';
var $listItenActionCheckSize = exports.$listItenActionCheckSize = _env.env.$listItenActionCheckSize || '32px';
var $listSubheaderBackground = exports.$listSubheaderBackground = _env.env.$listSubheaderBackground || '#EEE';
var $listSubheaderColor = exports.$listSubheaderColor = _env.env.$listSubheaderColor || '#999';
var $listBottomFontSize = exports.$listBottomFontSize = '28px';
var $listSubheaderFontSize = exports.$listSubheaderFontSize = _env.env.$listSubheaderFontSize || '28px';
var $listSubheaderStickyColor = exports.$listSubheaderStickyColor = _env.env.$listSubheaderStickyColor || $colorPrimary;
var $listSubheaderStickyBackground = exports.$listSubheaderStickyBackground = _env.env.$listSubheaderStickyBackground || $colorTextBaseInverse;
var $listSubheaderStickyBoxShadow = exports.$listSubheaderStickyBoxShadow = _env.env.$listSubheaderStickyBoxShadow || '0 1Px 10Px 0 #eee';
// Component/Carousel
var $carouselDotBackground = exports.$carouselDotBackground = _env.env.$carouselDotBackground || 'rgba(255, 255, 255, 0.4)';
var $carouselDotActiveBackground = exports.$carouselDotActiveBackground = _env.env.$carouselDotActiveBackground || 'rgb(255, 255, 255)';
var $carouselDotDarkBackground = exports.$carouselDotDarkBackground = _env.env.$carouselDotDarkBackground || 'rgba(179, 190, 209, 0.2)';
var $carouselDotDarkActiveBackground = exports.$carouselDotDarkActiveBackground = _env.env.$carouselDotDarkActiveBackground || 'rgba(179, 190, 209, 0.7)';
var $carouselDotSize = exports.$carouselDotSize = _env.env.$carouselDotSize || '6Px';
// Component/DetailItem
var $detailItemTitleColor = exports.$detailItemTitleColor = _env.env.$detailItemTitleColor || $colorTextMinor;
var $detailItemContentColor = exports.$detailItemContentColor = _env.env.$detailItemContentColor || $colorTextBase;
var $detailItemExtraColor = exports.$detailItemExtraColor = _env.env.$detailItemExtraColor || $colorTextMinor;
// Component/Image
var $imageErrorBackground = exports.$imageErrorBackground = _env.env.$imageErrorBackground || $colorBackgroundBase;
var $imageErrorColor = exports.$imageErrorColor = _env.env.$imageErrorColor || $colorTextMinor;
// Component/Collapse
var $collapseExpandIconColor = exports.$collapseExpandIconColor = _env.env.$collapseExpandIconColor || '#808080';
var $collapseContntColor = exports.$collapseContntColor = _env.env.$collapseContntColor || $colorTextMinor;
var $collapseHeaderActiveColor = exports.$collapseHeaderActiveColor = _env.env.$collapseHeaderActiveColor || '#F5F5F5';
var $collapseHeaderBackground = exports.$collapseHeaderBackground = _env.env.$collapseHeaderBackground || '#FFF';
// Component/Form
var $formFontSize = exports.$formFontSize = _env.env.$formFontSize || '32px';
var $formFieldControlPadding = exports.$formFieldControlPadding = _env.env.$formFieldControlPadding || '12px 0';
var $formFieldControlErrorPadding = exports.$formFieldControlErrorPadding = _env.env.$formFieldControlErrorPadding || '20px 0';
var $formFieldFontSize = exports.$formFieldFontSize = _env.env.$formFieldFontSize || '32px';
var $formFieldBorderColor = exports.$formFieldBorderColor = _env.env.$formFieldBorderColor || $colorDivider;
var $formFieldHeight = exports.$formFieldHeight = _env.env.$formFieldHeight || '100px';
var $formFieldInlinePadding = exports.$formFieldInlinePadding = _env.env.$formFieldInlinePadding || '6px 0 6px 32px';
var $formFieldBlockPadding = exports.$formFieldBlockPadding = _env.env.$formFieldBlockPadding || '0 32px';
var $formFieldLineHeight = exports.$formFieldLineHeight = _env.env.$formFieldLineHeight || '88px';
var $formFieldBackground = exports.$formFieldBackground = _env.env.$formFieldBackground || '#FFF';
var $formFieldLabelWidth = exports.$formFieldLabelWidth = _env.env.$formFieldLabelWidth || '25.6%';
var $formFieldLabelColor = exports.$formFieldLabelColor = _env.env.$formFieldLabelColor || $colorTextBase;
var $formFieldLabelPadding = exports.$formFieldLabelPadding = _env.env.$formFieldLabelPadding || '32px';
var $formFieldErrorColor = exports.$formFieldErrorColor = _env.env.$formFieldErrorColor || $colorTextError;
// Component/Input
var $inputFontSize = exports.$inputFontSize = _env.env.$inputFontSize || '32px';
var $inputLineHeight = exports.$inputLineHeight = _env.env.$inputLineHeight || '48px';
var $inputTextAreaLineHeight = exports.$inputTextAreaLineHeight = _env.env.$inputTextAreaLineHeight || '42px';
var $inputColor = exports.$inputColor = _env.env.$inputColor || $colorTextBase;
var $inputDisabledColor = exports.$inputDisabledColor = _env.env.$inputDisabledColor || $colorTextMinor;
var $inputBorderRadius = exports.$inputBorderRadius = _env.env.$inputBorderRadius || '8Px';
var $inputBorderColor = exports.$inputBorderColor = _env.env.inputBorderColor || $colorBorderBase;
var $inputFocusBorderColor = exports.$inputFocusBorderColor = _env.env.$inputFocusBorderColor || 'rgba(45, 126, 255, 0.75)';
var $inputPlaceholderColor = exports.$inputPlaceholderColor = _env.env.$inputPlaceholderColor || $colorTextMinor;
var $inputAdornmentColor = exports.$inputAdornmentColor = _env.env.$inputAdornmentColor || $colorTextMinor;
var $inputPadding = exports.$inputPadding = _env.env.$inputPadding || '20px 20px 20px 26px';
var $inputPaddingWithAdornment = exports.$inputPaddingWithAdornment = _env.env.inputPaddingWithAdornment || '20px';
var $inputOutlinePadding = exports.$inputOutlinePadding = _env.env.$inputOutlinePadding || '20px 16px';
var $inputOutlinePaddingWithAdornment = exports.$inputOutlinePaddingWithAdornment = _env.env.$inputOutlinePaddingWithAdornment || '20px';
var $inputAdornmentFontSize = exports.$inputAdornmentFontSize = _env.env.$inputAdornmentFontSize || '32px';
var $inputAdornmentMargin = exports.$inputAdornmentMargin = _env.env.$inputAdornmentMargin || '20px';
// Component/Select
var $selectFontSize = exports.$selectFontSize = _env.env.$selectFontSize || '32px';
var $selectColor = exports.$selectColor = _env.env.$selectColor || $colorTextBase;
var $selectBorderRadius = exports.$selectBorderRadius = _env.env.$selectBorderRadius || '8Px';
var $selectBorderColor = exports.$selectBorderColor = _env.env.$selectBorderColor || $colorBorderBase;
var $selectPlaceholderColor = exports.$selectPlaceholderColor = _env.env.$selectPlaceholderColor || $colorTextMinor;
var $selectPopupBackground = exports.$selectPopupBackground = _env.env.$selectPopupBackground || '#FFF';
var $selectPopupHeaderBackground = exports.$selectPopupHeaderBackground = _env.env.$selectPopupHeaderBackground || '#FFF';
var $selectPopupHeaderColor = exports.$selectPopupHeaderColor = _env.env.$selectPopupHeaderColor || $colorTextBase;
var $selectInputPadding = exports.$selectInputPadding = _env.env.$selectInputPadding || '20px 20px 20px 26px';
var $selectInputOutlinePadding = exports.$selectInputOutlinePadding = _env.env.$selectInputOutlinePadding || '20px 16px';
var $selectIconMargin = exports.$selectIconMargin = _env.env.$inputIcontMargin || '20px';
var $selectIconColor = exports.$selectIconColor = _env.env.$selectIconColor || $colorTextMinor;
// Component/NoticeBar
var $noticeBarDefaultBackground = exports.$noticeBarDefaultBackground = _env.env.$noticeBarDefaultBackground || '#FEFCEB';
var $noticeBarDefaultColor = exports.$noticeBarDefaultColor = _env.env.$noticeBarDefaultColor || $colorTextWarn;
var $noticeBarWarningBackground = exports.$noticeBarWarningBackground = _env.env.$noticeBarWarningBackground || '#FFF1F2';
var $noticeBarWarningColor = exports.$noticeBarWarningColor = _env.env.$noticeBarWarningColor || $colorTextError;
var $noticeBarFontSize = exports.$noticeBarFontSize = _env.env.$noticeBarFontSize || '28px';
var $noticeBarIconSize = exports.$noticeBarIconSize = _env.env.$noticeBarIconSize || '48px';
var $noticeBarPadding = exports.$noticeBarPadding = _env.env.$noticeBarPadding || '10px';
// Component/NavBar
var $navBarHeight = exports.$navBarHeight = _env.env.$navBarHeight || '100px';
var $navBarFontSize = exports.$navBarFontSize = _env.env.$navBarFontSize || '36px';
var $navBarTitleLineHeight = exports.$navBarTitleLineHeight = _env.env.$navBarTitleLineHeight || '50px';
var $navBarColor = exports.$navBarColor = _env.env.$navBarColor || $colorTextBase;
var $navBarPrimaryBackground = exports.$navBarPrimaryBackground = _env.env.$navBarPrimaryBackground || $colorPrimary;
var $navBarPrimaryColor = exports.$navBarPrimaryColor = _env.env.$navBarPrimaryColor || $colorTextBaseInverse;
var $navBarPrimaryActiveBackground = exports.$navBarPrimaryActiveBackground = _env.env.$navBarPrimaryActiveBackground || '#3c87ff';
var $navBarBorderColor = exports.$navBarBorderColor = _env.env.$navBarBorderColor || $colorBorderBase;
// Component/ActionBar
var $actionBarBackground = exports.$actionBarBackground = _env.env.$actionBarBackground || '#FFF';
var $actionBarPadding = exports.$actionBarPadding = _env.env.$actionBarPadding || '20px 32px';
var $actionBarToolBarPadding = exports.$actionBarToolBarPadding = _env.env.$actionBarToolBarPadding || '8px 16px 12px 16px';
var $actionBarFontSize = exports.$actionBarFontSize = _env.env.$actionBarFontSize || '32px';
var $actionBarButtonGap = exports.$actionBarButtonGap = _env.env.$actionBarButtonGap || '22px';
// Compoment/TreeSelect
var $treeSelectLeftColor = exports.$treeSelectLeftColor = _env.env.$treeSelectLeftColor || $colorTextBase;
var $treeSelectLeftBackground = exports.$treeSelectLeftBackground = _env.env.$treeSelectLeftBackground || $colorBackgroundBase;
var $treeSelectLeftActiveColor = exports.$treeSelectLeftActiveColor = _env.env.$treeSelectLeftActiveColor || $colorTextBase;
var $treeSelectLeftActiveBackground = exports.$treeSelectLeftActiveBackground = _env.env.$treeSelectLeftActiveBackground || '#FFF';
var $treeSelectItemPadding = exports.$treeSelectItemPadding = _env.env.$treeSelectItemPadding || '26px 32px 30px 32px';
var $treeSelectItemFontSize = exports.$treeSelectItemFontSize = _env.env.$treeSelectItemFontSize || '32px';
var $treeSelectRightColor = exports.$treeSelectRightColor = _env.env.$treeSelectRightColor || $colorTextBase;
var $treeSelectRightBackground = exports.$treeSelectRightBackground = _env.env.$treeSelectRightBackground || '#FFF';
var $treeSelectRightActiveColor = exports.$treeSelectRightActiveColor = _env.env.$treeSelectRightActiveColor || $colorPrimary;
var $treeSelectCollapseColor = exports.$treeSelectCollapseColor = _env.env.$treeSelectCollapseColor || $colorTextMinor;
// Component/IndexList
var $indexListBarWidth = exports.$indexListBarWidth = _env.env.$indexListBarWidth || '48px';
var $indexListRightOffset = exports.$indexListRightOffset = _env.env.$indexListRightOffset || '4px';
var $indexListZIndex = exports.$indexListZIndex = _env.env.$indexListZIndex || '3';
var $indexListTouchAreaWidth = exports.$indexListTouchAreaWidth = _env.env.$indexListTouchAreaWidth || '40px';
var $indexListBarItemFontSize = exports.$indexListBarItemFontSize = _env.env.$indexListBarItemFontSize || '28px';
var $indexListBarItemTopOffset = exports.$indexListBarItemTopOffset = _env.env.$indexListBarItemTopOffset || '4px';
var $indexListBarItemBottomOffset = exports.$indexListBarItemBottomOffset = _env.env.$indexListBarItemBottomOffset || '4px';
var $indexListBarItemWidth = exports.$indexListBarItemWidth = _env.env.$indexListBarItemWidth || '1.5em';
var $indexListBarItemHeight = exports.$indexListBarItemHeight = _env.env.$indexListBarItemHeight || $indexListBarItemWidth;
var $indexListBarItemLineHeight = exports.$indexListBarItemLineHeight = _env.env.$indexListBarItemLineHeight || $indexListBarItemHeight;
var $indexListBarItemActiveColor = exports.$indexListBarItemActiveColor = _env.env.$indexListBarItemActiveColor || $colorPrimary;
var $indexListBarItemBackground = exports.$indexListBarItemBackground = _env.env.$indexListBarItemBackground || 'transparent';
var $indexListColor = exports.$indexListColor = _env.env.$indexListColor || $colorTextMinor;
var $indexListBackground = exports.$indexListBackground = _env.env.$indexListBackground || 'transparent';
var $indexListBarPressedBackground = exports.$indexListBarPressedBackground = _env.env.$indexListPressedBackground || $indexListBackground;
var $indexListBarPressedColor = exports.$indexListBarPressedColor = _env.env.$indexListPressedColor || $indexListBarItemActiveColor;
var $indexListBarLabelSize = exports.$indexListBarLabelSize = _env.env.$indexListBarLabelSize || '72px';
var $indexListBarLabelColor = exports.$indexListBarLabelColor = _env.env.$indexListBarLabelColor || $colorTextBaseInverse;
var $indexListBarLabelBackground = exports.$indexListBarLabelBackground = _env.env.$indexListBarLabelBackground || $colorPrimary;
var $indexListBarLabelFontSize = exports.$indexListBarLabelFontSize = _env.env.$indexListBarLabelFontSize || '32px';
// Component/Fab
var $fabMarginLeft = exports.$fabMarginLeft = _env.env.$fabMarginLeft || '32px';
var $fabMarginRight = exports.$fabMarginRight = _env.env.$fabMarginRight || $fabMarginLeft;
var $fabMarginTop = exports.$fabMarginTop = _env.env.$fabMarginTop || '40px';
var $fabMarginBottom = exports.$fabMarginBottom = _env.env.$fabMarginBottom || $fabMarginTop;
var $fabBtnShadow = exports.$fabBtnShadow = _env.env.$fabBtnShadow || '0 2Px 8Px 0 #7aadff';
var $fabActionMargin = exports.$fabActionMargin = _env.env.$fabActionMargin || '22px';
var $fabActionAnimateDelayStep = exports.$fabActionAnimateDelayStep = _env.env.$fabActionAnimateDelayStep || '50ms';
var $fabActionTransition = exports.$fabActionTransition = _env.env.$fabActionTransition || 'all 300ms ease';
var $fabMaskBackground = exports.$fabMaskBackground = _env.env.$fabMaskBackground || 'rgba(255, 255, 255, .9)';
var $fabActionLabelMargin = exports.$fabActionLabelMargin = _env.env.$fabActionLabelMargin || '12px';
var $fabActionLabelPadding = exports.$fabActionLabelPadding = _env.env.$fabActionLabelPadding || '6px 18px';
var $fabActionLabelFontSize = exports.$fabActionLabelFontSize = _env.env.$fabActionLabelFontSize || '28px';
var $fabActionLabelBorderRadius = exports.$fabActionLabelBorderRadius = _env.env.$fabActionLabelBorderRadius || '2Px';
var $fabActionLabelLineHeight = exports.$fabActionLabelLineHeight = _env.env.$fabActionLabelLineHeight || '1.375em';
var $fabActionLabelColor = exports.$fabActionLabelColor = _env.env.$fabActionLabelColor || $colorTextBase;
var $fabActionLabelBackground = exports.$fabActionLabelBackground = _env.env.$fabActionLabelBackground || 'transparent';