lucid-ui
Version:
A UI component library from AppNexus.
81 lines • 3.13 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var lodash_1 = __importDefault(require("lodash"));
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var svgProps = {
width: 20,
height: 100,
};
var barProps = {
x: 5,
y: 0,
width: 10,
height: 100,
};
var colors = [
index_1.chartConstants.COLOR_0_LIGHTEST,
index_1.chartConstants.COLOR_0_LIGHT,
index_1.chartConstants.COLOR_0,
index_1.chartConstants.COLOR_0_DARK,
index_1.chartConstants.COLOR_0_DARKEST,
index_1.chartConstants.COLOR_1_LIGHTEST,
index_1.chartConstants.COLOR_1_LIGHT,
index_1.chartConstants.COLOR_1,
index_1.chartConstants.COLOR_1_DARK,
index_1.chartConstants.COLOR_1_DARKEST,
index_1.chartConstants.COLOR_2_LIGHTEST,
index_1.chartConstants.COLOR_2_LIGHT,
index_1.chartConstants.COLOR_2,
index_1.chartConstants.COLOR_2_DARK,
index_1.chartConstants.COLOR_2_DARKEST,
index_1.chartConstants.COLOR_3_LIGHTEST,
index_1.chartConstants.COLOR_3_LIGHT,
index_1.chartConstants.COLOR_3,
index_1.chartConstants.COLOR_3_DARK,
index_1.chartConstants.COLOR_3_DARKEST,
index_1.chartConstants.COLOR_4_LIGHTEST,
index_1.chartConstants.COLOR_4_LIGHT,
index_1.chartConstants.COLOR_4,
index_1.chartConstants.COLOR_4_DARK,
index_1.chartConstants.COLOR_4_DARKEST,
index_1.chartConstants.COLOR_5_LIGHTEST,
index_1.chartConstants.COLOR_5_LIGHT,
index_1.chartConstants.COLOR_5,
index_1.chartConstants.COLOR_5_DARK,
index_1.chartConstants.COLOR_5_DARKEST,
index_1.chartConstants.COLOR_6_LIGHTEST,
index_1.chartConstants.COLOR_6_LIGHT,
index_1.chartConstants.COLOR_6,
index_1.chartConstants.COLOR_6_DARK,
index_1.chartConstants.COLOR_6_DARKEST,
index_1.chartConstants.COLOR_GOOD_LIGHT,
index_1.chartConstants.COLOR_GOOD,
index_1.chartConstants.COLOR_GOOD_DARK,
index_1.chartConstants.COLOR_BAD_LIGHT,
index_1.chartConstants.COLOR_BAD,
index_1.chartConstants.COLOR_BAD_DARK,
index_1.chartConstants.COLOR_NEUTRAL,
];
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", null, lodash_1.default.map(colors, function (color) { return (react_1.default.createElement("svg", __assign({ key: color }, svgProps),
react_1.default.createElement(index_1.Bar, __assign({}, barProps, { color: color })))); })));
},
});
//# sourceMappingURL=regular-colors.js.map