choerodon-ui/lib/style/color-vars-map/colorCssVarsMap.js

An enterprise-class UI design language and React-based implementation

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.defaultColorCssVarsMap = void 0;

var _interface = require("../interface");

/**
 * 默认颜色 css vars 级联关系。
 * 根据 themes/css-vars.less 的 基础 less 变量 计算关系设置
 */
var defaultColorCssVarsMap = [{
  name: 'primary-color',
  children: [{
    name: 'primary-1',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step1
  }, {
    name: 'primary-2',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step2
  }, {
    name: 'primary-3',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step3
  }, {
    name: 'primary-4',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step4
  }, {
    name: 'primary-5',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step5
  }, {
    name: 'primary-6',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step6
  }, {
    name: 'primary-7',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step7
  }, {
    name: 'primary-8',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step8
  }, {
    name: 'primary-9',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step9
  }, {
    name: 'primary-10',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step10
  }, {
    name: 'primary-fade-1',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.1
  }, {
    name: 'primary-fade-2',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.2
  }, {
    name: 'primary-fade-3',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.3
  }, {
    name: 'primary-fade-4',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.4
  }, {
    name: 'primary-fade-5',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.5
  }, {
    name: 'primary-fade-6',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.6
  }, {
    name: 'primary-fade-7',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.7
  }, {
    name: 'primary-fade-8',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.8
  }, {
    name: 'primary-fade-9',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.9
  }, {
    name: 'primary-fade-10',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 1
  }, {
    name: 'primary-tint-1',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 10
  }, {
    name: 'primary-tint-2',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 20
  }, {
    name: 'primary-tint-3',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 30
  }, {
    name: 'primary-tint-4',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 40
  }, {
    name: 'primary-tint-5',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 50
  }, {
    name: 'primary-tint-6',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 60
  }, {
    name: 'primary-tint-7',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 70
  }, {
    name: 'primary-tint-8',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 80
  }, {
    name: 'primary-tint-9',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 90
  }, {
    name: 'primary-tint-10',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 100
  }, {
    // LINK
    name: 'link-color',
    children: [{
      name: 'link-hover-color',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step5
    }, {
      name: 'link-active-color',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step7
    }]
  }, {
    // button primary
    name: 'btn-primary-bg',
    children: [{
      name: 'btn-primary-focus-bg',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step7
    }]
  }, {
    // Checkbox
    name: 'checkbox-color',
    children: [{
      name: 'checkbox-shadow-color',
      convertMode: _interface.ColorConvertMode.fade,
      convertArg: 0.2
    }]
  }, {
    // DatePicker
    name: 'date-primary-color',
    children: [{
      name: 'date-primary-hover-color',
      convertMode: _interface.ColorConvertMode.fade,
      convertArg: 0.7
    }]
  }, {
    // Radio
    name: 'radio-color',
    children: [{
      name: 'radio-shadow-color',
      convertMode: _interface.ColorConvertMode.fade,
      convertArg: 0.2
    }, // Radio buttons
    {
      name: 'radio-button-hover-color',
      convertMode: _interface.ColorConvertMode.fade,
      convertArg: 0.5
    }, {
      name: 'radio-button-active-color',
      convertMode: _interface.ColorConvertMode.fade,
      convertArg: 0.7
    }]
  }, {
    // Input
    name: 'input-primary-color',
    children: [{
      name: 'input-focus-border-color',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step3
    }, {
      name: 'input-hover-border-color',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step5
    }]
  }, {
    // Tree
    name: 'tree-primary-color',
    children: [{
      name: 'tree-node-selected-bg',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step2
    }, {
      name: 'tree-focus-bg',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step1
    }]
  }, {
    // Tabs
    name: 'tab-primary-color',
    children: [{
      name: 'tab-hover-color',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step5
    }, {
      name: 'tab-active-color',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step7
    }]
  }, {
    // Switch
    name: 'switch-checked-color',
    children: [{
      name: 'switch-color',
      convertMode: _interface.ColorConvertMode.colorPalette,
      convertArg: _interface.ColorGradationStep.step3,
      children: [{
        name: 'switch-box-shadow-color',
        convertMode: _interface.ColorConvertMode.fade,
        convertArg: 0.2
      }]
    }]
  }, {
    // Anchor
    name: 'anchor-primary-color',
    children: [{
      name: 'anchor-primary-hover-color',
      convertMode: _interface.ColorConvertMode.fade,
      convertArg: 0.7
    }]
  }]
}, {
  name: 'info-color',
  children: [{
    name: 'info-1',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step1
  }, {
    name: 'info-3',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step3
  }]
}, {
  name: 'success-color',
  children: [{
    name: 'success-1',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step1
  }, {
    name: 'success-3',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step3
  }]
}, {
  name: 'error-color',
  children: [{
    name: 'error-1',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step1
  }, {
    name: 'error-3',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step3
  }]
}, {
  name: 'warning-color',
  children: [{
    name: 'warning-1',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step1
  }, {
    name: 'warning-3',
    convertMode: _interface.ColorConvertMode.colorPalette,
    convertArg: _interface.ColorGradationStep.step3
  }]
}, {
  name: 'text-color',
  children: [{
    name: 'input-info-color',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.54
  }]
}, {
  name: 'layout-header-background',
  children: [{
    name: 'layout-sider-background-tint-1',
    convertMode: _interface.ColorConvertMode.tint,
    convertArg: 10
  }]
}, {
  name: 'skeleton-color',
  children: [{
    name: 'skeleton-to-color',
    convertMode: _interface.ColorConvertMode.shade,
    convertArg: 5
  }]
}, {
  name: 'carousel-btn-bg',
  children: [{
    name: 'carousel-arrows-bg',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.15
  }, {
    name: 'carousel-arrows-hover-bg',
    convertMode: _interface.ColorConvertMode.fade,
    convertArg: 0.3
  }]
}];
exports.defaultColorCssVarsMap = defaultColorCssVarsMap;
//# sourceMappingURL=colorCssVarsMap.js.map