@data-ui/theme
Advanced tools
Comparing version 0.0.69 to 0.0.70
@@ -1,1 +0,1 @@ | ||
import _extends from'babel-runtime/helpers/extends';import color from'./color';import font from'./font';import{tickLabels,baseLabel}from'./svgLabel';import{unit}from'./size';export var colors=color;export var labelStyles=_extends({},baseLabel,font.light);export var gridStyles={stroke:colors.grid,strokeWidth:1};export var xAxisStyles={stroke:colors.gridDark,strokeWidth:2,label:{bottom:_extends({},baseLabel),top:_extends({},baseLabel)}};export var yAxisStyles={stroke:colors.grid,strokeWidth:1,label:{left:_extends({},baseLabel),right:_extends({},baseLabel)}};export var xTickStyles={stroke:colors.grid,length:+unit,label:{bottom:_extends({},tickLabels.bottom),top:_extends({},tickLabels.top)}};export var yTickStyles={stroke:colors.grid,length:+unit,label:{left:_extends({},tickLabels.left),right:_extends({},tickLabels.right)}};export default{colors:colors,labelStyles:labelStyles,gridStyles:gridStyles,xAxisStyles:xAxisStyles,xTickStyles:xTickStyles,yAxisStyles:yAxisStyles,yTickStyles:yTickStyles}; | ||
import"core-js/modules/es6.number.constructor";import"core-js/modules/es6.object.assign";import color from"./color";import font from"./font";import{tickLabels,baseLabel}from"./svgLabel";import{unit}from"./size";export var colors=color;export var labelStyles=Object.assign({},baseLabel,font.light);export var gridStyles={stroke:colors.grid,strokeWidth:1};export var xAxisStyles={stroke:colors.gridDark,strokeWidth:2,label:{bottom:Object.assign({},baseLabel),top:Object.assign({},baseLabel)}};export var yAxisStyles={stroke:colors.grid,strokeWidth:1,label:{left:Object.assign({},baseLabel),right:Object.assign({},baseLabel)}};export var xTickStyles={stroke:colors.grid,length:+unit,label:{bottom:Object.assign({},tickLabels.bottom),top:Object.assign({},tickLabels.top)}};export var yTickStyles={stroke:colors.grid,length:+unit,label:{left:Object.assign({},tickLabels.left),right:Object.assign({},tickLabels.right)}};export default{colors:colors,labelStyles:labelStyles,gridStyles:gridStyles,xAxisStyles:xAxisStyles,xTickStyles:xTickStyles,yAxisStyles:yAxisStyles,yTickStyles:yTickStyles}; |
@@ -1,1 +0,4 @@ | ||
import _toConsumableArray from'babel-runtime/helpers/toConsumableArray';import _Object$keys from'babel-runtime/core-js/object/keys';export var allColors={red:['#fff5f5','#ffe3e3','#ffc9c9','#ffa8a8','#ff8787','#ff6b6b','#fa5252','#f03e3e','#e03131','#c92a2a'],pink:['#fff0f6','#ffdeeb','#fcc2d7','#faa2c1','#f783ac','#f06595','#e64980','#d6336c','#c2255c','#a61e4d'],grape:['#f8f0fc','#f3d9fa','#eebefa','#e599f7','#da77f2','#cc5de8','#be4bdb','#ae3ec9','#9c36b5','#862e9c'],violet:['#f3f0ff','#e5dbff','#d0bfff','#b197fc','#9775fa','#845ef7','#7950f2','#7048e8','#6741d9','#5f3dc4'],indigo:['#edf2ff','#dbe4ff','#bac8ff','#91a7ff','#748ffc','#5c7cfa','#4c6ef5','#4263eb','#3b5bdb','#364fc7'],blue:['#e8f7ff','#ccedff','#a3daff','#72c3fc','#4dadf7','#329af0','#228ae6','#1c7cd6','#1b6ec2','#1862ab'],cyan:['#e3fafc','#c5f6fa','#99e9f2','#66d9e8','#3bc9db','#22b8cf','#15aabf','#1098ad','#0c8599','#0b7285'],teal:['#e6fcf5','#c3fae8','#96f2d7','#63e6be','#38d9a9','#20c997','#12b886','#0ca678','#099268','#087f5b'],green:['#ebfbee','#d3f9d8','#b2f2bb','#8ce99a','#69db7c','#51cf66','#40c057','#37b24d','#2f9e44','#2b8a3e'],lime:['#f4fce3','#e9fac8','#d8f5a2','#c0eb75','#a9e34b','#94d82d','#82c91e','#74b816','#66a80f','#5c940d'],yellow:['#fff9db','#fff3bf','#ffec99','#ffe066','#ffd43b','#fcc419','#fab005','#f59f00','#f08c00','#e67700'],orange:['#fff4e6','#ffe8cc','#ffd8a8','#ffc078','#ffa94d','#ff922b','#fd7e14','#f76707','#e8590c','#d9480f'],gray:['#f8f9fa','#f1f3f5','#e9ecef','#dee2e6','#ced4da','#adb5bd','#868e96','#495057','#343a40','#212529']};export var grayColors=allColors.gray;var DEFAULT_BRIGHTNESS=6,DEFAULT_BRIGHTNESS_DARK=2;export var getPaletteForBrightness=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:6,b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:['cyan','yellow','pink','grape','blue','lime','teal','red','violet','orange','indigo','green'],c=Math.max(0,Math.min(a,allColors.red.length-1));return b.map(function(a){return allColors[a]&&allColors[a][c]}).filter(function(a){return a})};var primaryHue='cyan';export var colorHues=_Object$keys(allColors).sort();export var textColor=grayColors[7];export default{default:allColors.cyan[5],dark:allColors.cyan[7],light:allColors.cyan[3],disabled:textColor,lightDisabled:grayColors[3],text:textColor,black:grayColors[9],darkGray:grayColors[8],lightGray:grayColors[3],grid:grayColors[4],gridDark:grayColors[8],label:textColor,tickLabel:textColor,grays:grayColors,categories:[].concat(_toConsumableArray(getPaletteForBrightness(6)),_toConsumableArray(getPaletteForBrightness(2)))}; | ||
import"core-js/modules/web.dom.iterable";import"core-js/modules/es6.array.iterator";import"core-js/modules/es6.object.keys";// source https://yeun.github.io/open-color/ | ||
export var allColors={red:["#fff5f5","#ffe3e3","#ffc9c9","#ffa8a8","#ff8787","#ff6b6b","#fa5252","#f03e3e","#e03131","#c92a2a"],pink:["#fff0f6","#ffdeeb","#fcc2d7","#faa2c1","#f783ac","#f06595","#e64980","#d6336c","#c2255c","#a61e4d"],grape:["#f8f0fc","#f3d9fa","#eebefa","#e599f7","#da77f2","#cc5de8","#be4bdb","#ae3ec9","#9c36b5","#862e9c"],violet:["#f3f0ff","#e5dbff","#d0bfff","#b197fc","#9775fa","#845ef7","#7950f2","#7048e8","#6741d9","#5f3dc4"],indigo:["#edf2ff","#dbe4ff","#bac8ff","#91a7ff","#748ffc","#5c7cfa","#4c6ef5","#4263eb","#3b5bdb","#364fc7"],blue:["#e8f7ff","#ccedff","#a3daff","#72c3fc","#4dadf7","#329af0","#228ae6","#1c7cd6","#1b6ec2","#1862ab"],cyan:["#e3fafc","#c5f6fa","#99e9f2","#66d9e8","#3bc9db","#22b8cf","#15aabf","#1098ad","#0c8599","#0b7285"],teal:["#e6fcf5","#c3fae8","#96f2d7","#63e6be","#38d9a9","#20c997","#12b886","#0ca678","#099268","#087f5b"],green:["#ebfbee","#d3f9d8","#b2f2bb","#8ce99a","#69db7c","#51cf66","#40c057","#37b24d","#2f9e44","#2b8a3e"],lime:["#f4fce3","#e9fac8","#d8f5a2","#c0eb75","#a9e34b","#94d82d","#82c91e","#74b816","#66a80f","#5c940d"],yellow:["#fff9db","#fff3bf","#ffec99","#ffe066","#ffd43b","#fcc419","#fab005","#f59f00","#f08c00","#e67700"],orange:["#fff4e6","#ffe8cc","#ffd8a8","#ffc078","#ffa94d","#ff922b","#fd7e14","#f76707","#e8590c","#d9480f"],gray:["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"]};export var grayColors=allColors.gray;var DEFAULT_BRIGHTNESS=6,DEFAULT_BRIGHTNESS_DARK=2;export var getPaletteForBrightness=function(a,b){void 0===a&&(a=DEFAULT_BRIGHTNESS),void 0===b&&(b=["cyan","yellow","pink","grape","blue","lime","teal","red","violet","orange","indigo","green"]);// sanity check indices | ||
var c=Math.max(0,Math.min(a,allColors.red.length-1));// filter non-sensical hues | ||
return b.map(function(a){return allColors[a]&&allColors[a][c]}).filter(function(a){return a})};var primaryHue="cyan";export var colorHues=Object.keys(allColors).sort();export var textColor=grayColors[7];export default{default:allColors[primaryHue][5],dark:allColors[primaryHue][7],light:allColors[primaryHue][3],disabled:textColor,lightDisabled:grayColors[3],text:textColor,black:grayColors[9],darkGray:grayColors[8],lightGray:grayColors[3],grid:grayColors[4],gridDark:grayColors[8],label:textColor,tickLabel:textColor,grays:grayColors,categories:getPaletteForBrightness(DEFAULT_BRIGHTNESS).concat(getPaletteForBrightness(DEFAULT_BRIGHTNESS_DARK))}; |
@@ -1,1 +0,3 @@ | ||
import _extends from'babel-runtime/helpers/extends';import{textColor}from'./color';var getFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing,e=d===void 0?0:d,f=a.lineHeight,g=a.padding;return{color:textColor,fontFamily:b,fontSize:c,letterSpacing:e,lineHeight:f+'px',paddingBottom:g,paddingTop:g}},fontFamily='BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif';export default{fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',light:{fontWeight:200},bold:{fontWeight:700},tiny:_extends({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:10,lineHeight:12,letterSpacing:.4})),small:_extends({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:12,lineHeight:16,letterSpacing:.4})),regular:_extends({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:14,lineHeight:18,letterSpacing:.2})),large:_extends({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:18,lineHeight:24,spacing:0}))}; | ||
import"core-js/modules/es6.object.assign";import{textColor}from"./color";var getFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing,e=void 0===d?0:d,f=a.lineHeight,g=a.padding;return{color:textColor,fontFamily:b,fontSize:c,letterSpacing:e,lineHeight:f+"px",paddingBottom:g,paddingTop:g}},fontFamily="BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif";export default{fontFamily:fontFamily,// weights | ||
light:{fontWeight:200},bold:{fontWeight:700},// size | ||
tiny:Object.assign({},getFont({fontFamily:fontFamily,fontSize:10,lineHeight:12,letterSpacing:.4})),small:Object.assign({},getFont({fontFamily:fontFamily,fontSize:12,lineHeight:16,letterSpacing:.4})),regular:Object.assign({},getFont({fontFamily:fontFamily,fontSize:14,lineHeight:18,letterSpacing:.2})),large:Object.assign({},getFont({fontFamily:fontFamily,fontSize:18,lineHeight:24,spacing:0}))}; |
@@ -1,1 +0,1 @@ | ||
export{default as color,allColors,grayColors,getPaletteForBrightness}from'./color';export{default as font}from'./font';export{unit}from'./size';export{default as svgFont}from'./svgFont';export{default as svgLabel}from'./svgLabel';export{default as chartTheme}from'./chartTheme'; | ||
export{default as color,allColors,grayColors,getPaletteForBrightness}from"./color";export{default as font}from"./font";export{unit}from"./size";export{default as svgFont}from"./svgFont";export{default as svgLabel}from"./svgLabel";export{default as chartTheme}from"./chartTheme"; |
@@ -1,1 +0,1 @@ | ||
export var unit=8; | ||
export var unit=8;// eslint-disable-line import/prefer-default-export |
@@ -1,1 +0,4 @@ | ||
import _extends from'babel-runtime/helpers/extends';import{textColor}from'./color';var getSvgFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing;return{fill:textColor,stroke:'none',fontFamily:b,fontSize:c,letterSpacing:d}},fontFamily='BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif';export default{fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',light:{fontWeight:200},bold:{fontWeight:700},start:{textAnchor:'start'},middle:{textAnchor:'middle'},end:{textAnchor:'end'},tiny:_extends({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:10,letterSpacing:.4})),small:_extends({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:12,letterSpacing:.4})),regular:_extends({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:14,letterSpacing:.2})),large:_extends({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:18,spacing:0}))}; | ||
import"core-js/modules/es6.object.assign";import{textColor}from"./color";var getSvgFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing;return{fill:textColor,stroke:"none",fontFamily:b,fontSize:c,letterSpacing:d}},fontFamily="BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif";export default{fontFamily:fontFamily,// weights | ||
light:{fontWeight:200},bold:{fontWeight:700},// alignment | ||
start:{textAnchor:"start"},middle:{textAnchor:"middle"},end:{textAnchor:"end"},// size | ||
tiny:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:10,letterSpacing:.4})),small:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:12,letterSpacing:.4})),regular:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:14,letterSpacing:.2})),large:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:18,spacing:0}))}; |
@@ -1,1 +0,1 @@ | ||
import _extends from'babel-runtime/helpers/extends';import font from'./svgFont';export var baseLabel=_extends({},font.small,font.bold,font.middle,{pointerEvents:'none'});export var labelTiny=_extends({},font.tiny,font.bold,font.middle,{pointerEvents:'none'});export var baseTickLabel=_extends({},font.small,font.light,font.middle,{pointerEvents:'none'});export var tickLabels={top:_extends({},baseTickLabel,{dy:'-0.25em'}),right:_extends({},baseTickLabel,font.start,{dx:'0.25em',dy:'0.25em'}),bottom:_extends({},baseTickLabel,{dy:'0.25em'}),left:_extends({},baseTickLabel,font.end,{dx:'-0.25em',dy:'0.25em'})};export default{baseLabel:baseLabel,baseTickLabel:baseTickLabel,tickLabels:tickLabels}; | ||
import"core-js/modules/es6.string.bold";import"core-js/modules/es6.string.small";import"core-js/modules/es6.object.assign";import font from"./svgFont";export var baseLabel=Object.assign({},font.small,font.bold,font.middle,{pointerEvents:"none"});export var labelTiny=Object.assign({},font.tiny,font.bold,font.middle,{pointerEvents:"none"});export var baseTickLabel=Object.assign({},font.small,font.light,font.middle,{pointerEvents:"none"});export var tickLabels={top:Object.assign({},baseTickLabel,{dy:"-0.25em"}),right:Object.assign({},baseTickLabel,font.start,{dx:"0.25em",dy:"0.25em"}),bottom:Object.assign({},baseTickLabel,{dy:"0.25em"}),left:Object.assign({},baseTickLabel,font.end,{dx:"-0.25em",dy:"0.25em"})};export default{baseLabel:baseLabel,baseTickLabel:baseTickLabel,tickLabels:tickLabels}; |
@@ -1,1 +0,1 @@ | ||
'use strict';var _extends2=require('babel-runtime/helpers/extends'),_extends3=_interopRequireDefault(_extends2),_color=require('./color'),_color2=_interopRequireDefault(_color),_font=require('./font'),_font2=_interopRequireDefault(_font),_svgLabel=require('./svgLabel'),_size=require('./size');Object.defineProperty(exports,'__esModule',{value:!0}),exports.yTickStyles=exports.xTickStyles=exports.yAxisStyles=exports.xAxisStyles=exports.gridStyles=exports.labelStyles=exports.colors=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var colors=exports.colors=_color2.default,labelStyles=exports.labelStyles=(0,_extends3.default)({},_svgLabel.baseLabel,_font2.default.light),gridStyles=exports.gridStyles={stroke:colors.grid,strokeWidth:1},xAxisStyles=exports.xAxisStyles={stroke:colors.gridDark,strokeWidth:2,label:{bottom:(0,_extends3.default)({},_svgLabel.baseLabel),top:(0,_extends3.default)({},_svgLabel.baseLabel)}},yAxisStyles=exports.yAxisStyles={stroke:colors.grid,strokeWidth:1,label:{left:(0,_extends3.default)({},_svgLabel.baseLabel),right:(0,_extends3.default)({},_svgLabel.baseLabel)}},xTickStyles=exports.xTickStyles={stroke:colors.grid,length:+_size.unit,label:{bottom:(0,_extends3.default)({},_svgLabel.tickLabels.bottom),top:(0,_extends3.default)({},_svgLabel.tickLabels.top)}},yTickStyles=exports.yTickStyles={stroke:colors.grid,length:+_size.unit,label:{left:(0,_extends3.default)({},_svgLabel.tickLabels.left),right:(0,_extends3.default)({},_svgLabel.tickLabels.right)}};exports.default={colors:colors,labelStyles:labelStyles,gridStyles:gridStyles,xAxisStyles:xAxisStyles,xTickStyles:xTickStyles,yAxisStyles:yAxisStyles,yTickStyles:yTickStyles}; | ||
"use strict";exports.__esModule=!0,exports.default=exports.yTickStyles=exports.xTickStyles=exports.yAxisStyles=exports.xAxisStyles=exports.gridStyles=exports.labelStyles=exports.colors=void 0,require("core-js/modules/es6.number.constructor"),require("core-js/modules/es6.object.assign");var _color=_interopRequireDefault(require("./color")),_font=_interopRequireDefault(require("./font")),_svgLabel=require("./svgLabel"),_size=require("./size");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var colors=_color.default;exports.colors=colors;var labelStyles=Object.assign({},_svgLabel.baseLabel,_font.default.light);exports.labelStyles=labelStyles;var gridStyles={stroke:colors.grid,strokeWidth:1};exports.gridStyles=gridStyles;var xAxisStyles={stroke:colors.gridDark,strokeWidth:2,label:{bottom:Object.assign({},_svgLabel.baseLabel),top:Object.assign({},_svgLabel.baseLabel)}};exports.xAxisStyles=xAxisStyles;var yAxisStyles={stroke:colors.grid,strokeWidth:1,label:{left:Object.assign({},_svgLabel.baseLabel),right:Object.assign({},_svgLabel.baseLabel)}};exports.yAxisStyles=yAxisStyles;var xTickStyles={stroke:colors.grid,length:+_size.unit,label:{bottom:Object.assign({},_svgLabel.tickLabels.bottom),top:Object.assign({},_svgLabel.tickLabels.top)}};exports.xTickStyles=xTickStyles;var yTickStyles={stroke:colors.grid,length:+_size.unit,label:{left:Object.assign({},_svgLabel.tickLabels.left),right:Object.assign({},_svgLabel.tickLabels.right)}};exports.yTickStyles=yTickStyles;var _default={colors:colors,labelStyles:labelStyles,gridStyles:gridStyles,xAxisStyles:xAxisStyles,xTickStyles:xTickStyles,yAxisStyles:yAxisStyles,yTickStyles:yTickStyles};exports.default=_default; |
@@ -1,1 +0,4 @@ | ||
'use strict';var _toConsumableArray2=require('babel-runtime/helpers/toConsumableArray'),_toConsumableArray3=_interopRequireDefault(_toConsumableArray2),_keys=require('babel-runtime/core-js/object/keys'),_keys2=_interopRequireDefault(_keys);Object.defineProperty(exports,'__esModule',{value:!0}),exports.textColor=exports.colorHues=exports.getPaletteForBrightness=exports.grayColors=exports.allColors=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var allColors=exports.allColors={red:['#fff5f5','#ffe3e3','#ffc9c9','#ffa8a8','#ff8787','#ff6b6b','#fa5252','#f03e3e','#e03131','#c92a2a'],pink:['#fff0f6','#ffdeeb','#fcc2d7','#faa2c1','#f783ac','#f06595','#e64980','#d6336c','#c2255c','#a61e4d'],grape:['#f8f0fc','#f3d9fa','#eebefa','#e599f7','#da77f2','#cc5de8','#be4bdb','#ae3ec9','#9c36b5','#862e9c'],violet:['#f3f0ff','#e5dbff','#d0bfff','#b197fc','#9775fa','#845ef7','#7950f2','#7048e8','#6741d9','#5f3dc4'],indigo:['#edf2ff','#dbe4ff','#bac8ff','#91a7ff','#748ffc','#5c7cfa','#4c6ef5','#4263eb','#3b5bdb','#364fc7'],blue:['#e8f7ff','#ccedff','#a3daff','#72c3fc','#4dadf7','#329af0','#228ae6','#1c7cd6','#1b6ec2','#1862ab'],cyan:['#e3fafc','#c5f6fa','#99e9f2','#66d9e8','#3bc9db','#22b8cf','#15aabf','#1098ad','#0c8599','#0b7285'],teal:['#e6fcf5','#c3fae8','#96f2d7','#63e6be','#38d9a9','#20c997','#12b886','#0ca678','#099268','#087f5b'],green:['#ebfbee','#d3f9d8','#b2f2bb','#8ce99a','#69db7c','#51cf66','#40c057','#37b24d','#2f9e44','#2b8a3e'],lime:['#f4fce3','#e9fac8','#d8f5a2','#c0eb75','#a9e34b','#94d82d','#82c91e','#74b816','#66a80f','#5c940d'],yellow:['#fff9db','#fff3bf','#ffec99','#ffe066','#ffd43b','#fcc419','#fab005','#f59f00','#f08c00','#e67700'],orange:['#fff4e6','#ffe8cc','#ffd8a8','#ffc078','#ffa94d','#ff922b','#fd7e14','#f76707','#e8590c','#d9480f'],gray:['#f8f9fa','#f1f3f5','#e9ecef','#dee2e6','#ced4da','#adb5bd','#868e96','#495057','#343a40','#212529']},grayColors=exports.grayColors=allColors.gray,DEFAULT_BRIGHTNESS=6,DEFAULT_BRIGHTNESS_DARK=2,getPaletteForBrightness=exports.getPaletteForBrightness=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:6,b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:['cyan','yellow','pink','grape','blue','lime','teal','red','violet','orange','indigo','green'],c=Math.max(0,Math.min(a,allColors.red.length-1));return b.map(function(a){return allColors[a]&&allColors[a][c]}).filter(function(a){return a})},primaryHue='cyan',colorHues=exports.colorHues=(0,_keys2.default)(allColors).sort(),textColor=exports.textColor=grayColors[7];exports.default={default:allColors.cyan[5],dark:allColors.cyan[7],light:allColors.cyan[3],disabled:textColor,lightDisabled:grayColors[3],text:textColor,black:grayColors[9],darkGray:grayColors[8],lightGray:grayColors[3],grid:grayColors[4],gridDark:grayColors[8],label:textColor,tickLabel:textColor,grays:grayColors,categories:[].concat((0,_toConsumableArray3.default)(getPaletteForBrightness(6)),(0,_toConsumableArray3.default)(getPaletteForBrightness(2)))}; | ||
"use strict";exports.__esModule=!0,exports.default=exports.textColor=exports.colorHues=exports.getPaletteForBrightness=exports.grayColors=exports.allColors=void 0,require("core-js/modules/web.dom.iterable"),require("core-js/modules/es6.array.iterator"),require("core-js/modules/es6.object.keys");// source https://yeun.github.io/open-color/ | ||
var allColors={red:["#fff5f5","#ffe3e3","#ffc9c9","#ffa8a8","#ff8787","#ff6b6b","#fa5252","#f03e3e","#e03131","#c92a2a"],pink:["#fff0f6","#ffdeeb","#fcc2d7","#faa2c1","#f783ac","#f06595","#e64980","#d6336c","#c2255c","#a61e4d"],grape:["#f8f0fc","#f3d9fa","#eebefa","#e599f7","#da77f2","#cc5de8","#be4bdb","#ae3ec9","#9c36b5","#862e9c"],violet:["#f3f0ff","#e5dbff","#d0bfff","#b197fc","#9775fa","#845ef7","#7950f2","#7048e8","#6741d9","#5f3dc4"],indigo:["#edf2ff","#dbe4ff","#bac8ff","#91a7ff","#748ffc","#5c7cfa","#4c6ef5","#4263eb","#3b5bdb","#364fc7"],blue:["#e8f7ff","#ccedff","#a3daff","#72c3fc","#4dadf7","#329af0","#228ae6","#1c7cd6","#1b6ec2","#1862ab"],cyan:["#e3fafc","#c5f6fa","#99e9f2","#66d9e8","#3bc9db","#22b8cf","#15aabf","#1098ad","#0c8599","#0b7285"],teal:["#e6fcf5","#c3fae8","#96f2d7","#63e6be","#38d9a9","#20c997","#12b886","#0ca678","#099268","#087f5b"],green:["#ebfbee","#d3f9d8","#b2f2bb","#8ce99a","#69db7c","#51cf66","#40c057","#37b24d","#2f9e44","#2b8a3e"],lime:["#f4fce3","#e9fac8","#d8f5a2","#c0eb75","#a9e34b","#94d82d","#82c91e","#74b816","#66a80f","#5c940d"],yellow:["#fff9db","#fff3bf","#ffec99","#ffe066","#ffd43b","#fcc419","#fab005","#f59f00","#f08c00","#e67700"],orange:["#fff4e6","#ffe8cc","#ffd8a8","#ffc078","#ffa94d","#ff922b","#fd7e14","#f76707","#e8590c","#d9480f"],gray:["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"]};exports.allColors=allColors;var grayColors=allColors.gray;exports.grayColors=grayColors;var DEFAULT_BRIGHTNESS=6,DEFAULT_BRIGHTNESS_DARK=2,getPaletteForBrightness=function(a,b){void 0===a&&(a=DEFAULT_BRIGHTNESS),void 0===b&&(b=["cyan","yellow","pink","grape","blue","lime","teal","red","violet","orange","indigo","green"]);// sanity check indices | ||
var c=Math.max(0,Math.min(a,allColors.red.length-1));// filter non-sensical hues | ||
return b.map(function(a){return allColors[a]&&allColors[a][c]}).filter(function(a){return a})};exports.getPaletteForBrightness=getPaletteForBrightness;var primaryHue="cyan",colorHues=Object.keys(allColors).sort();exports.colorHues=colorHues;var textColor=grayColors[7];exports.textColor=textColor;var _default={default:allColors[primaryHue][5],dark:allColors[primaryHue][7],light:allColors[primaryHue][3],disabled:textColor,lightDisabled:grayColors[3],text:textColor,black:grayColors[9],darkGray:grayColors[8],lightGray:grayColors[3],grid:grayColors[4],gridDark:grayColors[8],label:textColor,tickLabel:textColor,grays:grayColors,categories:getPaletteForBrightness(DEFAULT_BRIGHTNESS).concat(getPaletteForBrightness(DEFAULT_BRIGHTNESS_DARK))};exports.default=_default; |
@@ -1,1 +0,3 @@ | ||
'use strict';var _extends2=require('babel-runtime/helpers/extends'),_extends3=_interopRequireDefault(_extends2),_color=require('./color');Object.defineProperty(exports,'__esModule',{value:!0});function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var getFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing,e=d===void 0?0:d,f=a.lineHeight,g=a.padding;return{color:_color.textColor,fontFamily:b,fontSize:c,letterSpacing:e,lineHeight:f+'px',paddingBottom:g,paddingTop:g}},fontFamily='BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif';exports.default={fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',light:{fontWeight:200},bold:{fontWeight:700},tiny:(0,_extends3.default)({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:10,lineHeight:12,letterSpacing:.4})),small:(0,_extends3.default)({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:12,lineHeight:16,letterSpacing:.4})),regular:(0,_extends3.default)({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:14,lineHeight:18,letterSpacing:.2})),large:(0,_extends3.default)({},getFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:18,lineHeight:24,spacing:0}))}; | ||
"use strict";exports.__esModule=!0,exports.default=void 0,require("core-js/modules/es6.object.assign");var _color=require("./color"),getFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing,e=void 0===d?0:d,f=a.lineHeight,g=a.padding;return{color:_color.textColor,fontFamily:b,fontSize:c,letterSpacing:e,lineHeight:f+"px",paddingBottom:g,paddingTop:g}},fontFamily="BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif",_default={fontFamily:fontFamily,// weights | ||
light:{fontWeight:200},bold:{fontWeight:700},// size | ||
tiny:Object.assign({},getFont({fontFamily:fontFamily,fontSize:10,lineHeight:12,letterSpacing:.4})),small:Object.assign({},getFont({fontFamily:fontFamily,fontSize:12,lineHeight:16,letterSpacing:.4})),regular:Object.assign({},getFont({fontFamily:fontFamily,fontSize:14,lineHeight:18,letterSpacing:.2})),large:Object.assign({},getFont({fontFamily:fontFamily,fontSize:18,lineHeight:24,spacing:0}))};exports.default=_default; |
@@ -1,1 +0,1 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _color=require('./color');Object.defineProperty(exports,'color',{enumerable:!0,get:function get(){return _interopRequireDefault(_color).default}}),Object.defineProperty(exports,'allColors',{enumerable:!0,get:function get(){return _color.allColors}}),Object.defineProperty(exports,'grayColors',{enumerable:!0,get:function get(){return _color.grayColors}}),Object.defineProperty(exports,'getPaletteForBrightness',{enumerable:!0,get:function get(){return _color.getPaletteForBrightness}});var _font=require('./font');Object.defineProperty(exports,'font',{enumerable:!0,get:function get(){return _interopRequireDefault(_font).default}});var _size=require('./size');Object.defineProperty(exports,'unit',{enumerable:!0,get:function get(){return _size.unit}});var _svgFont=require('./svgFont');Object.defineProperty(exports,'svgFont',{enumerable:!0,get:function get(){return _interopRequireDefault(_svgFont).default}});var _svgLabel=require('./svgLabel');Object.defineProperty(exports,'svgLabel',{enumerable:!0,get:function get(){return _interopRequireDefault(_svgLabel).default}});var _chartTheme=require('./chartTheme');Object.defineProperty(exports,'chartTheme',{enumerable:!0,get:function get(){return _interopRequireDefault(_chartTheme).default}});function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}} | ||
"use strict";var _color=_interopRequireWildcard(require("./color"));var _font=_interopRequireDefault(require("./font"));var _size=require("./size");var _svgFont=_interopRequireDefault(require("./svgFont"));var _svgLabel=_interopRequireDefault(require("./svgLabel"));var _chartTheme=_interopRequireDefault(require("./chartTheme"));exports.__esModule=!0,exports.unit=exports.getPaletteForBrightness=exports.grayColors=exports.allColors=exports.chartTheme=exports.svgLabel=exports.svgFont=exports.font=exports.color=void 0;exports.color=_color.default,exports.allColors=_color.allColors,exports.grayColors=_color.grayColors,exports.getPaletteForBrightness=_color.getPaletteForBrightness;exports.font=_font.default;exports.unit=_size.unit;exports.svgFont=_svgFont.default;exports.svgLabel=_svgLabel.default;exports.chartTheme=_chartTheme.default;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};d.get||d.set?Object.defineProperty(b,c,d):b[c]=a[c]}return b.default=a,b} |
@@ -1,1 +0,2 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var unit=exports.unit=8; | ||
"use strict";exports.__esModule=!0,exports.unit=void 0;var unit=8;// eslint-disable-line import/prefer-default-export | ||
exports.unit=unit; |
@@ -1,1 +0,4 @@ | ||
'use strict';var _extends2=require('babel-runtime/helpers/extends'),_extends3=_interopRequireDefault(_extends2),_color=require('./color');Object.defineProperty(exports,'__esModule',{value:!0});function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var getSvgFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing;return{fill:_color.textColor,stroke:'none',fontFamily:b,fontSize:c,letterSpacing:d}},fontFamily='BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif';exports.default={fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',light:{fontWeight:200},bold:{fontWeight:700},start:{textAnchor:'start'},middle:{textAnchor:'middle'},end:{textAnchor:'end'},tiny:(0,_extends3.default)({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:10,letterSpacing:.4})),small:(0,_extends3.default)({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:12,letterSpacing:.4})),regular:(0,_extends3.default)({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:14,letterSpacing:.2})),large:(0,_extends3.default)({},getSvgFont({fontFamily:'BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif',fontSize:18,spacing:0}))}; | ||
"use strict";exports.__esModule=!0,exports.default=void 0,require("core-js/modules/es6.object.assign");var _color=require("./color"),getSvgFont=function(a){var b=a.fontFamily,c=a.fontSize,d=a.letterSpacing;return{fill:_color.textColor,stroke:"none",fontFamily:b,fontSize:c,letterSpacing:d}},fontFamily="BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif",_default={fontFamily:fontFamily,// weights | ||
light:{fontWeight:200},bold:{fontWeight:700},// alignment | ||
start:{textAnchor:"start"},middle:{textAnchor:"middle"},end:{textAnchor:"end"},// size | ||
tiny:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:10,letterSpacing:.4})),small:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:12,letterSpacing:.4})),regular:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:14,letterSpacing:.2})),large:Object.assign({},getSvgFont({fontFamily:fontFamily,fontSize:18,spacing:0}))};exports.default=_default; |
@@ -1,1 +0,1 @@ | ||
'use strict';var _extends2=require('babel-runtime/helpers/extends'),_extends3=_interopRequireDefault(_extends2),_svgFont=require('./svgFont'),_svgFont2=_interopRequireDefault(_svgFont);Object.defineProperty(exports,'__esModule',{value:!0}),exports.tickLabels=exports.baseTickLabel=exports.labelTiny=exports.baseLabel=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var baseLabel=exports.baseLabel=(0,_extends3.default)({},_svgFont2.default.small,_svgFont2.default.bold,_svgFont2.default.middle,{pointerEvents:'none'}),labelTiny=exports.labelTiny=(0,_extends3.default)({},_svgFont2.default.tiny,_svgFont2.default.bold,_svgFont2.default.middle,{pointerEvents:'none'}),baseTickLabel=exports.baseTickLabel=(0,_extends3.default)({},_svgFont2.default.small,_svgFont2.default.light,_svgFont2.default.middle,{pointerEvents:'none'}),tickLabels=exports.tickLabels={top:(0,_extends3.default)({},baseTickLabel,{dy:'-0.25em'}),right:(0,_extends3.default)({},baseTickLabel,_svgFont2.default.start,{dx:'0.25em',dy:'0.25em'}),bottom:(0,_extends3.default)({},baseTickLabel,{dy:'0.25em'}),left:(0,_extends3.default)({},baseTickLabel,_svgFont2.default.end,{dx:'-0.25em',dy:'0.25em'})};exports.default={baseLabel:baseLabel,baseTickLabel:baseTickLabel,tickLabels:tickLabels}; | ||
"use strict";var _svgFont=_interopRequireDefault(require("./svgFont"));exports.__esModule=!0,exports.default=exports.tickLabels=exports.baseTickLabel=exports.labelTiny=exports.baseLabel=void 0,require("core-js/modules/es6.string.bold"),require("core-js/modules/es6.string.small"),require("core-js/modules/es6.object.assign");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var baseLabel=Object.assign({},_svgFont.default.small,_svgFont.default.bold,_svgFont.default.middle,{pointerEvents:"none"});exports.baseLabel=baseLabel;var labelTiny=Object.assign({},_svgFont.default.tiny,_svgFont.default.bold,_svgFont.default.middle,{pointerEvents:"none"});exports.labelTiny=labelTiny;var baseTickLabel=Object.assign({},_svgFont.default.small,_svgFont.default.light,_svgFont.default.middle,{pointerEvents:"none"});exports.baseTickLabel=baseTickLabel;var tickLabels={top:Object.assign({},baseTickLabel,{dy:"-0.25em"}),right:Object.assign({},baseTickLabel,_svgFont.default.start,{dx:"0.25em",dy:"0.25em"}),bottom:Object.assign({},baseTickLabel,{dy:"0.25em"}),left:Object.assign({},baseTickLabel,_svgFont.default.end,{dx:"-0.25em",dy:"0.25em"})};exports.tickLabels=tickLabels;var _default={baseLabel:baseLabel,baseTickLabel:baseTickLabel,tickLabels:tickLabels};exports.default=_default; |
{ | ||
"name": "@data-ui/theme", | ||
"version": "0.0.69", | ||
"version": "0.0.70", | ||
"description": "Themes for data-ui", | ||
@@ -15,10 +15,9 @@ "sideEffects": false, | ||
"build:esm": "beemo babel ./src --out-dir esm/ --esm --minify", | ||
"build": "npm run build:cjs && npm run build:esm", | ||
"build": "yarn run build:cjs && yarn run build:esm", | ||
"jest": "beemo jest --color --coverage", | ||
"eslint": "beemo eslint \"./{src,test}/**/*.{js,jsx,json,md}\"", | ||
"lint": "npm run prettier && npm run eslint", | ||
"test": "npm run jest", | ||
"lint": "beemo create-config prettier && yarn run eslint", | ||
"test": "yarn run jest", | ||
"prettier": "beemo prettier \"./{src,test}/**/*.{js,jsx,json,md}\"", | ||
"sync:gitignore": "beemo sync-dotfiles --filter=gitignore", | ||
"prepublish": "npm run build" | ||
"prepublish": "yarn run build" | ||
}, | ||
@@ -38,3 +37,4 @@ "repository": "https://github.com/williaster/data-ui.git", | ||
"devDependencies": { | ||
"@data-ui/build-config": "^0.0.12" | ||
"@babel/runtime": "^7.1.2", | ||
"@data-ui/build-config": "^0.0.28" | ||
}, | ||
@@ -53,4 +53,10 @@ "beemo": { | ||
} | ||
}, | ||
"jest": { | ||
"transform": { | ||
"^.+\\.jsx?$": "<rootDir>/node_modules/babel-jest" | ||
} | ||
} | ||
} | ||
}, | ||
"gitHead": "6f695e4c314cd0dfddc096eb7844f1228f5bf159" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 2 instances in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Empty package
Supply chain riskPackage does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 2 instances in 1 package
18658
17
34
6
0
2