@lrnwebcomponents/simple-colors - npm Package Compare versions

Comparing version 0.0.36 to 0.0.37

package.json

@@ -19,3 +19,3 @@ {
   },
-  "version": "0.0.36",
+  "version": "0.0.37",
   "description": "Automated conversion of simple-colors/",
@@ -48,12 +48,12 @@ "repository": {
   "devDependencies": {
-    "@lrnwebcomponents/deduping-fix": "^0.0.36",
+    "@lrnwebcomponents/deduping-fix": "^0.0.37",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.0.2",
-    "@webcomponents/webcomponentsjs": "2.1.3",
-    "concurrently": "4.0.1",
+    "@webcomponents/webcomponentsjs": "2.2.1",
+    "concurrently": "4.1.0",
     "gulp-babel": "8.0.0",
     "gulp-sourcemaps": "2.6.4",
     "lodash": "4.17.11",
-    "polymer-build": "3.1.0",
-    "polymer-cli": "1.8.1",
+    "polymer-build": "3.1.1",
+    "polymer-cli": "1.9.1",
     "wct-browser-legacy": "1.0.2"
@@ -69,3 +69,3 @@ },
   ],
-  "gitHead": "3bf677e6744e92117f1958f79ee85cc7d9f89452"
+  "gitHead": "c389ca44d9e28151fb4dd51e3f749dd8d9854de0"
 }

simple-colors.amd.js

@@ -1,1 +0,1 @@
-define(["exports","./node_modules/@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleColors=void 0;function _templateObject2_1220ff20f51911e88285c1e4be53543a(){var data=babelHelpers.taggedTemplateLiteral(["\n    ","\n  "]);_templateObject2_1220ff20f51911e88285c1e4be53543a=function _templateObject2_1220ff20f51911e88285c1e4be53543a(){return data};return data}function _templateObject_1220ff20f51911e88285c1e4be53543a(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\"></style> <slot></slot>\n    "]);_templateObject_1220ff20f51911e88285c1e4be53543a=function _templateObject_1220ff20f51911e88285c1e4be53543a(){return data};return data}var SimpleColors=function(_PolymerElement){babelHelpers.inherits(SimpleColors,_PolymerElement);function SimpleColors(){babelHelpers.classCallCheck(this,SimpleColors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleColors).apply(this,arguments))}babelHelpers.createClass(SimpleColors,[{key:"connectedCallback",value:function connectedCallback(){SimpleColors.requestAvailability();this.set("colors",SimpleColors.colors);this.set("__wcagContrast",SimpleColors.wcagContrast);this.getContrasts("--simple-colors-default-theme-accent-5");this.getContrasts("--simple-colors-dark-theme-grey-2",!1);this.getContrasts("--simple-colors-dark-theme-red-11",!0);this.getContrasts("--simple-colors-dark-theme-grey-1",!0);babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColors.prototype),"connectedCallback",this).call(this)}},{key:"getContrasts",value:function getContrasts(variable,large){large=large!==void 0&&null!==large?large:!1;var contrasts=[],details=variable.replace("--","").split("-"),theme=details[2],grey="grey"===details[4];for(var color in this.colors){for(var wcag="grey"===this.colors[color]||grey?this.__wcagContrast.colorOnColor:this.__wcagContrast.greyOnColor,largeOrSmall=large?wcag.large:wcag.small,colorLevel=largeOrSmall[details[5]-1],min=colorLevel.minLevelContrast-1,max=colorLevel.maxLevelContrast-1,i=min;i<=max;i++){contrasts.push({color:"--simple-colors-"+[theme,"theme",color,i+1].join("-"),hex:this.colors[color][i]})}}return contrasts}}],[{key:"is",get:function get(){return"simple-colors"}},{key:"properties",get:function get(){return{accentColor:{name:"accentColor",type:"String",value:"grey",reflectToAttribute:!0,observer:!1},dark:{name:"dark",type:"Boolean",value:!1,reflectToAttribute:!0,observer:!1},colors:{name:"colors",type:"Object",value:null,reflectToAttribute:!1,observer:!1},__wcagContrast:{name:"__wcagContrast",type:"Object",value:null,reflectToAttribute:!1,observer:!1}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1220ff20f51911e88285c1e4be53543a())}}]);return SimpleColors}(_polymerElement.PolymerElement);_exports.SimpleColors=SimpleColors;customElements.define(SimpleColors.is,SimpleColors);var colors={grey:["#ffffff","#eeeeee","#dddddd","#cccccc","#bbbbbb","#999999","#666666","#444444","#333333","#222222","#111111","#000000"],red:["#ffdddd","#ffaeae","#ff8f8f","#ff7474","#fd5151","#ff2222","#ee0000","#ac0000","#850000","#670000","#520000","#3f0000"],pink:["#ffe6f1","#ffa5cf","#ff87c0","#ff73b5","#fd60aa","#ff3996","#da004e","#b80042","#980036","#78002b","#5a0020","#440019"],purple:["#fce6ff","#f4affd","#f394ff","#f07cff","#ed61ff","#e200ff","#a500ba","#8a009b","#6c0079","#490052","#33003a","#200025"],"deep-purple":["#f3e4ff","#ddacff","#c97eff","#bb63f9","#b44aff","#a931ff","#7e00d8","#5d009f","#4c0081","#3a0063","#2a0049","#1d0033"],indigo:["#e5ddff","#c3b2ff","#af97ff","#9e82ff","#9373ff","#835fff","#3a00ff","#2801b0","#20008c","#160063","#100049","#0a0030"],blue:["#e2ecff","#acc9ff","#95baff","#74a5ff","#5892fd","#4083ff","#0059ff","#0041bb","#003494","#002569","#001947","#001333"],"light-blue":["#ddefff","#a1d1ff","#92c9ff","#65b3ff","#58adff","#41a1ff","#007ffc","#0066ca","#0055a8","#003f7d","#002850","#001b36"],cyan:["#ddf8ff","#9beaff","#77e2ff","#33d4ff","#1ccfff","#00c9ff","#009dc7","#007999","#005970","#003f50","#002c38","#001a20"],teal:["#d9fff0","#98ffd7","#79ffcb","#56ffbd","#29ffac","#00ff9c","#009d75","#007658","#004e3a","#003829","#002a20","#001b14"],green:["#e1ffeb","#acffc9","#79ffa7","#49ff88","#24ff70","#00f961","#008c37","#00762e","#005a23","#003d18","#002a11","#001d0c"],"light-green":["#ebffdb","#c7ff9b","#b1ff75","#a1fd5a","#8efd38","#6fff00","#429d00","#357f00","#296100","#1b3f00","#143000","#0d2000"],lime:["#f1ffd2","#dfff9b","#d4ff77","#caff58","#bdff2d","#aeff00","#649900","#4d7600","#3b5a00","#293f00","#223400","#182400"],yellow:["#ffffd5","#ffffac","#ffff90","#ffff7c","#ffff3a","#f6f600","#929100","#787700","#585700","#454400","#303000","#242400"],amber:["#fff2d4","#ffdf92","#ffd677","#ffcf5e","#ffc235","#ffc500","#b28900","#876800","#614b00","#413200","#302500","#221a00"],orange:["#ffebd7","#ffca92","#ffbd75","#ffb05c","#ff9e36","#ff9625","#e56a00","#ae5100","#833d00","#612d00","#3d1c00","#2c1400"],"deep-orange":["#ffe7e0","#ffb299","#ffa588","#ff8a64","#ff7649","#ff6c3c","#f53100","#b92500","#8a1c00","#561100","#3a0c00","#240700"],brown:["#f0e2de","#e5b8aa","#c59485","#b68373","#ac7868","#a47060","#85574a","#724539","#5b3328","#3b1e15","#2c140e","#200e09"],"blue-grey":["#e7eff1","#b1c5ce","#9badb6","#8d9fa7","#7a8f98","#718892","#56707c","#40535b","#2f3e45","#1e282c","#182023","#0f1518"]};SimpleColors.instance=null;SimpleColors.colors=colors;SimpleColors.wcagContrast={greyOnColor:{large:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:7,maxLevelContrast:12},{level:4,minLevelContrast:7,maxLevelContrast:12},{level:5,minLevelContrast:8,maxLevelContrast:12},{level:6,minLevelContrast:10,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:3},{level:8,minLevelContrast:1,maxLevelContrast:5},{level:9,minLevelContrast:1,maxLevelContrast:6},{level:10,minLevelContrast:1,maxLevelContrast:6},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}],small:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:7,maxLevelContrast:12},{level:4,minLevelContrast:8,maxLevelContrast:12},{level:5,minLevelContrast:8,maxLevelContrast:12},{level:6,minLevelContrast:11,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:2},{level:8,minLevelContrast:1,maxLevelContrast:7},{level:9,minLevelContrast:1,maxLevelContrast:7},{level:10,minLevelContrast:1,maxLevelContrast:6},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}]},colorOnColor:{large:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:8,maxLevelContrast:12},{level:4,minLevelContrast:9,maxLevelContrast:12},{level:5,minLevelContrast:10,maxLevelContrast:12},{level:6,minLevelContrast:11,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:2},{level:8,minLevelContrast:1,maxLevelContrast:3},{level:9,minLevelContrast:1,maxLevelContrast:4},{level:10,minLevelContrast:1,maxLevelContrast:5},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}],small:[{level:1,minLevelContrast:8,maxLevelContrast:12},{level:2,minLevelContrast:8,maxLevelContrast:12},{level:3,minLevelContrast:9,maxLevelContrast:12},{level:4,minLevelContrast:9,maxLevelContrast:12},{level:5,minLevelContrast:11,maxLevelContrast:12},{level:6,minLevelContrast:12,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:1},{level:8,minLevelContrast:1,maxLevelContrast:2},{level:9,minLevelContrast:1,maxLevelContrast:4},{level:10,minLevelContrast:1,maxLevelContrast:4},{level:11,minLevelContrast:1,maxLevelContrast:5},{level:12,minLevelContrast:1,maxLevelContrast:5}]}};SimpleColors.requestAvailability=function(element){document.addEventListener("DOMContentLoaded",function(event){if(!SimpleColors.instance){SimpleColors.instance=document.createElement("simple-colors")}document.body.appendChild(SimpleColors.instance)})};var getHex=function getHex(hexcodes,index,dark){if(dark){return hexcodes[hexcodes.length-index-1]}else{return hexcodes[index]}},addThemeVariables=function addThemeVariables(theme,dark){var str=[];for(name in colors){str.push(addColorLevels(theme,name,colors[name],dark))}return str.join("")},addColorLevels=function addColorLevels(theme,color,hexcodes,dark){for(var str=[],i=0;i<hexcodes.length;i++){str.push("  --simple-colors-"+theme+"-theme-"+color+"-"+(i+1)+": "+getHex(hexcodes,i,dark)+";\n")}return str.join("")},addCssVariables=function addCssVariables(){var greys=colors.grey,str=[];str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("default","accent",greys,!1)+addThemeVariables("default",!1)));str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("light","accent",greys,!1)+addThemeVariables("light",!1)));str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("dark","accent",greys,!0)+addThemeVariables("dark",!0)));str.push(addStyle(":host([dark]), :host([dark]) * ::slotted(*)",addColorLevels("default","accent",greys,!0)+addThemeVariables("default",!0)));return str.join("")},addAccentVariables=function addAccentVariables(){var str=[];for(var color in colors){str.push(addStyle(":host([accent-color=\""+color+"\"]), :host([accent-color=\""+color+"\"]) ::slotted(*)",[addColorLevels("default","accent",colors[color],!1),addColorLevels("light","accent",colors[color],!1),addColorLevels("dark","accent",colors[color],!0)].join("")));str.push(addStyle(":host([dark][accent-color=\""+color+"\"]), :host([dark][accent-color=\""+color+"\"]) ::slotted(*)",[addColorLevels("default","accent",colors[color],!0)].join("")))}return str.join("")},addClasses=function addClasses(){for(var themes=["default","light","dark"],str=[],i=0,substr;i<themes.length;i++){substr=[];for(var j=0,prefix;j<colors.grey.length;j++){prefix="simple-colors-"+themes[i]+"-theme";substr.push(addColorClasses(prefix+"-accent-"+(j+1)));for(var color in colors){substr.push(addColorClasses(prefix+"-"+color+"-"+(j+1),colors[color][j]))}}str.push("<style>\n"+substr.join("")+"\n</style>\n")}return str.join("")},addColorClasses=function addColorClasses(cssvar,hex){return["."+cssvar+", ::slotted(."+cssvar+") { background-color: var(--"+cssvar+"); }\n","."+cssvar+"-text, ::slotted(."+cssvar+"-text) { color: var(--"+cssvar+"); }\n","."+cssvar+"-border, ::slotted(."+cssvar+"-border) { border: 1px solid var(--"+cssvar+"); }\n"].join("")},addStyle=function addStyle(selector,style){return"<style>\n"+selector+" {\n"+style+"\n}\n</style>\n"},styleElement=document.createElement("dom-module"),template=document.createElement("template");template.innerHTML=addCssVariables()+addAccentVariables()+addClasses();styleElement.appendChild((0,_polymerElement.html)(_templateObject2_1220ff20f51911e88285c1e4be53543a(),template));styleElement.register("simple-colors")});
+define(["exports","./node_modules/@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleColors=void 0;function _templateObject2_ce1a5470f77011e88aa6ffe86dd07203(){var data=babelHelpers.taggedTemplateLiteral(["\n    ","\n  "]);_templateObject2_ce1a5470f77011e88aa6ffe86dd07203=function _templateObject2_ce1a5470f77011e88aa6ffe86dd07203(){return data};return data}function _templateObject_ce1a5470f77011e88aa6ffe86dd07203(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\"></style> <slot></slot>\n    "]);_templateObject_ce1a5470f77011e88aa6ffe86dd07203=function _templateObject_ce1a5470f77011e88aa6ffe86dd07203(){return data};return data}var SimpleColors=function(_PolymerElement){babelHelpers.inherits(SimpleColors,_PolymerElement);function SimpleColors(){babelHelpers.classCallCheck(this,SimpleColors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleColors).apply(this,arguments))}babelHelpers.createClass(SimpleColors,[{key:"connectedCallback",value:function connectedCallback(){SimpleColors.requestAvailability();this.set("colors",SimpleColors.colors);this.set("__wcagContrast",SimpleColors.wcagContrast);this.getContrasts("--simple-colors-default-theme-accent-5");this.getContrasts("--simple-colors-dark-theme-grey-2",!1);this.getContrasts("--simple-colors-dark-theme-red-11",!0);this.getContrasts("--simple-colors-dark-theme-grey-1",!0);babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColors.prototype),"connectedCallback",this).call(this)}},{key:"getContrasts",value:function getContrasts(variable,large){large=large!==void 0&&null!==large?large:!1;var contrasts=[],details=variable.replace("--","").split("-"),theme=details[2],grey="grey"===details[4];for(var color in this.colors){for(var wcag="grey"===this.colors[color]||grey?this.__wcagContrast.colorOnColor:this.__wcagContrast.greyOnColor,largeOrSmall=large?wcag.large:wcag.small,colorLevel=largeOrSmall[details[5]-1],min=colorLevel.minLevelContrast-1,max=colorLevel.maxLevelContrast-1,i=min;i<=max;i++){contrasts.push({color:"--simple-colors-"+[theme,"theme",color,i+1].join("-"),hex:this.colors[color][i]})}}return contrasts}}],[{key:"is",get:function get(){return"simple-colors"}},{key:"properties",get:function get(){return{accentColor:{name:"accentColor",type:"String",value:"grey",reflectToAttribute:!0,observer:!1},dark:{name:"dark",type:"Boolean",value:!1,reflectToAttribute:!0,observer:!1},colors:{name:"colors",type:"Object",value:null,reflectToAttribute:!1,observer:!1},__wcagContrast:{name:"__wcagContrast",type:"Object",value:null,reflectToAttribute:!1,observer:!1}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_ce1a5470f77011e88aa6ffe86dd07203())}}]);return SimpleColors}(_polymerElement.PolymerElement);_exports.SimpleColors=SimpleColors;customElements.define(SimpleColors.is,SimpleColors);var colors={grey:["#ffffff","#eeeeee","#dddddd","#cccccc","#bbbbbb","#999999","#666666","#444444","#333333","#222222","#111111","#000000"],red:["#ffdddd","#ffaeae","#ff8f8f","#ff7474","#fd5151","#ff2222","#ee0000","#ac0000","#850000","#670000","#520000","#3f0000"],pink:["#ffe6f1","#ffa5cf","#ff87c0","#ff73b5","#fd60aa","#ff3996","#da004e","#b80042","#980036","#78002b","#5a0020","#440019"],purple:["#fce6ff","#f4affd","#f394ff","#f07cff","#ed61ff","#e200ff","#a500ba","#8a009b","#6c0079","#490052","#33003a","#200025"],"deep-purple":["#f3e4ff","#ddacff","#c97eff","#bb63f9","#b44aff","#a931ff","#7e00d8","#5d009f","#4c0081","#3a0063","#2a0049","#1d0033"],indigo:["#e5ddff","#c3b2ff","#af97ff","#9e82ff","#9373ff","#835fff","#3a00ff","#2801b0","#20008c","#160063","#100049","#0a0030"],blue:["#e2ecff","#acc9ff","#95baff","#74a5ff","#5892fd","#4083ff","#0059ff","#0041bb","#003494","#002569","#001947","#001333"],"light-blue":["#ddefff","#a1d1ff","#92c9ff","#65b3ff","#58adff","#41a1ff","#007ffc","#0066ca","#0055a8","#003f7d","#002850","#001b36"],cyan:["#ddf8ff","#9beaff","#77e2ff","#33d4ff","#1ccfff","#00c9ff","#009dc7","#007999","#005970","#003f50","#002c38","#001a20"],teal:["#d9fff0","#98ffd7","#79ffcb","#56ffbd","#29ffac","#00ff9c","#009d75","#007658","#004e3a","#003829","#002a20","#001b14"],green:["#e1ffeb","#acffc9","#79ffa7","#49ff88","#24ff70","#00f961","#008c37","#00762e","#005a23","#003d18","#002a11","#001d0c"],"light-green":["#ebffdb","#c7ff9b","#b1ff75","#a1fd5a","#8efd38","#6fff00","#429d00","#357f00","#296100","#1b3f00","#143000","#0d2000"],lime:["#f1ffd2","#dfff9b","#d4ff77","#caff58","#bdff2d","#aeff00","#649900","#4d7600","#3b5a00","#293f00","#223400","#182400"],yellow:["#ffffd5","#ffffac","#ffff90","#ffff7c","#ffff3a","#f6f600","#929100","#787700","#585700","#454400","#303000","#242400"],amber:["#fff2d4","#ffdf92","#ffd677","#ffcf5e","#ffc235","#ffc500","#b28900","#876800","#614b00","#413200","#302500","#221a00"],orange:["#ffebd7","#ffca92","#ffbd75","#ffb05c","#ff9e36","#ff9625","#e56a00","#ae5100","#833d00","#612d00","#3d1c00","#2c1400"],"deep-orange":["#ffe7e0","#ffb299","#ffa588","#ff8a64","#ff7649","#ff6c3c","#f53100","#b92500","#8a1c00","#561100","#3a0c00","#240700"],brown:["#f0e2de","#e5b8aa","#c59485","#b68373","#ac7868","#a47060","#85574a","#724539","#5b3328","#3b1e15","#2c140e","#200e09"],"blue-grey":["#e7eff1","#b1c5ce","#9badb6","#8d9fa7","#7a8f98","#718892","#56707c","#40535b","#2f3e45","#1e282c","#182023","#0f1518"]};SimpleColors.instance=null;SimpleColors.colors=colors;SimpleColors.wcagContrast={greyOnColor:{large:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:7,maxLevelContrast:12},{level:4,minLevelContrast:7,maxLevelContrast:12},{level:5,minLevelContrast:8,maxLevelContrast:12},{level:6,minLevelContrast:10,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:3},{level:8,minLevelContrast:1,maxLevelContrast:5},{level:9,minLevelContrast:1,maxLevelContrast:6},{level:10,minLevelContrast:1,maxLevelContrast:6},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}],small:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:7,maxLevelContrast:12},{level:4,minLevelContrast:8,maxLevelContrast:12},{level:5,minLevelContrast:8,maxLevelContrast:12},{level:6,minLevelContrast:11,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:2},{level:8,minLevelContrast:1,maxLevelContrast:7},{level:9,minLevelContrast:1,maxLevelContrast:7},{level:10,minLevelContrast:1,maxLevelContrast:6},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}]},colorOnColor:{large:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:8,maxLevelContrast:12},{level:4,minLevelContrast:9,maxLevelContrast:12},{level:5,minLevelContrast:10,maxLevelContrast:12},{level:6,minLevelContrast:11,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:2},{level:8,minLevelContrast:1,maxLevelContrast:3},{level:9,minLevelContrast:1,maxLevelContrast:4},{level:10,minLevelContrast:1,maxLevelContrast:5},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}],small:[{level:1,minLevelContrast:8,maxLevelContrast:12},{level:2,minLevelContrast:8,maxLevelContrast:12},{level:3,minLevelContrast:9,maxLevelContrast:12},{level:4,minLevelContrast:9,maxLevelContrast:12},{level:5,minLevelContrast:11,maxLevelContrast:12},{level:6,minLevelContrast:12,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:1},{level:8,minLevelContrast:1,maxLevelContrast:2},{level:9,minLevelContrast:1,maxLevelContrast:4},{level:10,minLevelContrast:1,maxLevelContrast:4},{level:11,minLevelContrast:1,maxLevelContrast:5},{level:12,minLevelContrast:1,maxLevelContrast:5}]}};SimpleColors.requestAvailability=function(element){document.addEventListener("DOMContentLoaded",function(event){if(!SimpleColors.instance){SimpleColors.instance=document.createElement("simple-colors")}document.body.appendChild(SimpleColors.instance)})};var getHex=function getHex(hexcodes,index,dark){if(dark){return hexcodes[hexcodes.length-index-1]}else{return hexcodes[index]}},addThemeVariables=function addThemeVariables(theme,dark){var str=[];for(name in colors){str.push(addColorLevels(theme,name,colors[name],dark))}return str.join("")},addColorLevels=function addColorLevels(theme,color,hexcodes,dark){for(var str=[],i=0;i<hexcodes.length;i++){str.push("  --simple-colors-"+theme+"-theme-"+color+"-"+(i+1)+": "+getHex(hexcodes,i,dark)+";\n")}return str.join("")},addCssVariables=function addCssVariables(){var greys=colors.grey,str=[];str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("default","accent",greys,!1)+addThemeVariables("default",!1)));str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("light","accent",greys,!1)+addThemeVariables("light",!1)));str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("dark","accent",greys,!0)+addThemeVariables("dark",!0)));str.push(addStyle(":host([dark]), :host([dark]) * ::slotted(*)",addColorLevels("default","accent",greys,!0)+addThemeVariables("default",!0)));return str.join("")},addAccentVariables=function addAccentVariables(){var str=[];for(var color in colors){str.push(addStyle(":host([accent-color=\""+color+"\"]), :host([accent-color=\""+color+"\"]) ::slotted(*)",[addColorLevels("default","accent",colors[color],!1),addColorLevels("light","accent",colors[color],!1),addColorLevels("dark","accent",colors[color],!0)].join("")));str.push(addStyle(":host([dark][accent-color=\""+color+"\"]), :host([dark][accent-color=\""+color+"\"]) ::slotted(*)",[addColorLevels("default","accent",colors[color],!0)].join("")))}return str.join("")},addClasses=function addClasses(){for(var themes=["default","light","dark"],str=[],i=0,substr;i<themes.length;i++){substr=[];for(var j=0,prefix;j<colors.grey.length;j++){prefix="simple-colors-"+themes[i]+"-theme";substr.push(addColorClasses(prefix+"-accent-"+(j+1)));for(var color in colors){substr.push(addColorClasses(prefix+"-"+color+"-"+(j+1),colors[color][j]))}}str.push("<style>\n"+substr.join("")+"\n</style>\n")}return str.join("")},addColorClasses=function addColorClasses(cssvar,hex){return["."+cssvar+", ::slotted(."+cssvar+") { background-color: var(--"+cssvar+"); }\n","."+cssvar+"-text, ::slotted(."+cssvar+"-text) { color: var(--"+cssvar+"); }\n","."+cssvar+"-border, ::slotted(."+cssvar+"-border) { border: 1px solid var(--"+cssvar+"); }\n"].join("")},addStyle=function addStyle(selector,style){return"<style>\n"+selector+" {\n"+style+"\n}\n</style>\n"},styleElement=document.createElement("dom-module"),template=document.createElement("template");template.innerHTML=addCssVariables()+addAccentVariables()+addClasses();styleElement.appendChild((0,_polymerElement.html)(_templateObject2_ce1a5470f77011e88aa6ffe86dd07203(),template));styleElement.register("simple-colors")});

simple-colors.es6.js

@@ -1,5 +0,5 @@
-import{html,PolymerElement}from"./node_modules/@polymer/polymer/polymer-element.js";export{SimpleColors};class SimpleColors extends PolymerElement{static get is(){return"simple-colors"}static get properties(){return{accentColor:{name:"accentColor",type:"String",value:"grey",reflectToAttribute:!0,observer:!1},dark:{name:"dark",type:"Boolean",value:!1,reflectToAttribute:!0,observer:!1},colors:{name:"colors",type:"Object",value:null,reflectToAttribute:!1,observer:!1},__wcagContrast:{name:"__wcagContrast",type:"Object",value:null,reflectToAttribute:!1,observer:!1}}}static get template(){return html`
+import{html,PolymerElement}from"./node_modules/@polymer/polymer/polymer-element.js";class SimpleColors extends PolymerElement{static get is(){return"simple-colors"}static get properties(){return{accentColor:{name:"accentColor",type:"String",value:"grey",reflectToAttribute:!0,observer:!1},dark:{name:"dark",type:"Boolean",value:!1,reflectToAttribute:!0,observer:!1},colors:{name:"colors",type:"Object",value:null,reflectToAttribute:!1,observer:!1},__wcagContrast:{name:"__wcagContrast",type:"Object",value:null,reflectToAttribute:!1,observer:!1}}}static get template(){return html`
       <style is="custom-style" include="simple-colors"></style> <slot></slot>
     `}connectedCallback(){SimpleColors.requestAvailability();this.set("colors",SimpleColors.colors);this.set("__wcagContrast",SimpleColors.wcagContrast);this.getContrasts("--simple-colors-default-theme-accent-5");this.getContrasts("--simple-colors-dark-theme-grey-2",!1);this.getContrasts("--simple-colors-dark-theme-red-11",!0);this.getContrasts("--simple-colors-dark-theme-grey-1",!0);super.connectedCallback()}getContrasts(variable,large){large=large!==void 0&&null!==large?large:!1;let contrasts=[],details=variable.replace("--","").split("-"),theme=details[2],grey="grey"===details[4];for(let color in this.colors){let wcag="grey"===this.colors[color]||grey?this.__wcagContrast.colorOnColor:this.__wcagContrast.greyOnColor,largeOrSmall=large?wcag.large:wcag.small,colorLevel=largeOrSmall[details[5]-1],min=colorLevel.minLevelContrast-1,max=colorLevel.maxLevelContrast-1;for(let i=min;i<=max;i++){contrasts.push({color:"--simple-colors-"+[theme,"theme",color,i+1].join("-"),hex:this.colors[color][i]})}}return contrasts}}customElements.define(SimpleColors.is,SimpleColors);const colors={grey:["#ffffff","#eeeeee","#dddddd","#cccccc","#bbbbbb","#999999","#666666","#444444","#333333","#222222","#111111","#000000"],red:["#ffdddd","#ffaeae","#ff8f8f","#ff7474","#fd5151","#ff2222","#ee0000","#ac0000","#850000","#670000","#520000","#3f0000"],pink:["#ffe6f1","#ffa5cf","#ff87c0","#ff73b5","#fd60aa","#ff3996","#da004e","#b80042","#980036","#78002b","#5a0020","#440019"],purple:["#fce6ff","#f4affd","#f394ff","#f07cff","#ed61ff","#e200ff","#a500ba","#8a009b","#6c0079","#490052","#33003a","#200025"],"deep-purple":["#f3e4ff","#ddacff","#c97eff","#bb63f9","#b44aff","#a931ff","#7e00d8","#5d009f","#4c0081","#3a0063","#2a0049","#1d0033"],indigo:["#e5ddff","#c3b2ff","#af97ff","#9e82ff","#9373ff","#835fff","#3a00ff","#2801b0","#20008c","#160063","#100049","#0a0030"],blue:["#e2ecff","#acc9ff","#95baff","#74a5ff","#5892fd","#4083ff","#0059ff","#0041bb","#003494","#002569","#001947","#001333"],"light-blue":["#ddefff","#a1d1ff","#92c9ff","#65b3ff","#58adff","#41a1ff","#007ffc","#0066ca","#0055a8","#003f7d","#002850","#001b36"],cyan:["#ddf8ff","#9beaff","#77e2ff","#33d4ff","#1ccfff","#00c9ff","#009dc7","#007999","#005970","#003f50","#002c38","#001a20"],teal:["#d9fff0","#98ffd7","#79ffcb","#56ffbd","#29ffac","#00ff9c","#009d75","#007658","#004e3a","#003829","#002a20","#001b14"],green:["#e1ffeb","#acffc9","#79ffa7","#49ff88","#24ff70","#00f961","#008c37","#00762e","#005a23","#003d18","#002a11","#001d0c"],"light-green":["#ebffdb","#c7ff9b","#b1ff75","#a1fd5a","#8efd38","#6fff00","#429d00","#357f00","#296100","#1b3f00","#143000","#0d2000"],lime:["#f1ffd2","#dfff9b","#d4ff77","#caff58","#bdff2d","#aeff00","#649900","#4d7600","#3b5a00","#293f00","#223400","#182400"],yellow:["#ffffd5","#ffffac","#ffff90","#ffff7c","#ffff3a","#f6f600","#929100","#787700","#585700","#454400","#303000","#242400"],amber:["#fff2d4","#ffdf92","#ffd677","#ffcf5e","#ffc235","#ffc500","#b28900","#876800","#614b00","#413200","#302500","#221a00"],orange:["#ffebd7","#ffca92","#ffbd75","#ffb05c","#ff9e36","#ff9625","#e56a00","#ae5100","#833d00","#612d00","#3d1c00","#2c1400"],"deep-orange":["#ffe7e0","#ffb299","#ffa588","#ff8a64","#ff7649","#ff6c3c","#f53100","#b92500","#8a1c00","#561100","#3a0c00","#240700"],brown:["#f0e2de","#e5b8aa","#c59485","#b68373","#ac7868","#a47060","#85574a","#724539","#5b3328","#3b1e15","#2c140e","#200e09"],"blue-grey":["#e7eff1","#b1c5ce","#9badb6","#8d9fa7","#7a8f98","#718892","#56707c","#40535b","#2f3e45","#1e282c","#182023","#0f1518"]};SimpleColors.instance=null;SimpleColors.colors=colors;SimpleColors.wcagContrast={greyOnColor:{large:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:7,maxLevelContrast:12},{level:4,minLevelContrast:7,maxLevelContrast:12},{level:5,minLevelContrast:8,maxLevelContrast:12},{level:6,minLevelContrast:10,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:3},{level:8,minLevelContrast:1,maxLevelContrast:5},{level:9,minLevelContrast:1,maxLevelContrast:6},{level:10,minLevelContrast:1,maxLevelContrast:6},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}],small:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:7,maxLevelContrast:12},{level:4,minLevelContrast:8,maxLevelContrast:12},{level:5,minLevelContrast:8,maxLevelContrast:12},{level:6,minLevelContrast:11,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:2},{level:8,minLevelContrast:1,maxLevelContrast:7},{level:9,minLevelContrast:1,maxLevelContrast:7},{level:10,minLevelContrast:1,maxLevelContrast:6},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}]},colorOnColor:{large:[{level:1,minLevelContrast:7,maxLevelContrast:12},{level:2,minLevelContrast:7,maxLevelContrast:12},{level:3,minLevelContrast:8,maxLevelContrast:12},{level:4,minLevelContrast:9,maxLevelContrast:12},{level:5,minLevelContrast:10,maxLevelContrast:12},{level:6,minLevelContrast:11,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:2},{level:8,minLevelContrast:1,maxLevelContrast:3},{level:9,minLevelContrast:1,maxLevelContrast:4},{level:10,minLevelContrast:1,maxLevelContrast:5},{level:11,minLevelContrast:1,maxLevelContrast:6},{level:12,minLevelContrast:1,maxLevelContrast:6}],small:[{level:1,minLevelContrast:8,maxLevelContrast:12},{level:2,minLevelContrast:8,maxLevelContrast:12},{level:3,minLevelContrast:9,maxLevelContrast:12},{level:4,minLevelContrast:9,maxLevelContrast:12},{level:5,minLevelContrast:11,maxLevelContrast:12},{level:6,minLevelContrast:12,maxLevelContrast:12},{level:7,minLevelContrast:1,maxLevelContrast:1},{level:8,minLevelContrast:1,maxLevelContrast:2},{level:9,minLevelContrast:1,maxLevelContrast:4},{level:10,minLevelContrast:1,maxLevelContrast:4},{level:11,minLevelContrast:1,maxLevelContrast:5},{level:12,minLevelContrast:1,maxLevelContrast:5}]}};SimpleColors.requestAvailability=function(element){document.addEventListener("DOMContentLoaded",function(event){if(!SimpleColors.instance){SimpleColors.instance=document.createElement("simple-colors")}document.body.appendChild(SimpleColors.instance)})};const getHex=function(hexcodes,index,dark){if(dark){return hexcodes[hexcodes.length-index-1]}else{return hexcodes[index]}},addThemeVariables=function(theme,dark){let str=[];for(name in colors){str.push(addColorLevels(theme,name,colors[name],dark))}return str.join("")},addColorLevels=function(theme,color,hexcodes,dark){let str=[];for(let i=0;i<hexcodes.length;i++){str.push("  --simple-colors-"+theme+"-theme-"+color+"-"+(i+1)+": "+getHex(hexcodes,i,dark)+";\n")}return str.join("")},addCssVariables=function(){let greys=colors.grey,str=[];str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("default","accent",greys,!1)+addThemeVariables("default",!1)));str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("light","accent",greys,!1)+addThemeVariables("light",!1)));str.push(addStyle(":host, :host * ::slotted(*)",addColorLevels("dark","accent",greys,!0)+addThemeVariables("dark",!0)));str.push(addStyle(":host([dark]), :host([dark]) * ::slotted(*)",addColorLevels("default","accent",greys,!0)+addThemeVariables("default",!0)));return str.join("")},addAccentVariables=function(){let str=[];for(let color in colors){str.push(addStyle(":host([accent-color=\""+color+"\"]), :host([accent-color=\""+color+"\"]) ::slotted(*)",[addColorLevels("default","accent",colors[color],!1),addColorLevels("light","accent",colors[color],!1),addColorLevels("dark","accent",colors[color],!0)].join("")));str.push(addStyle(":host([dark][accent-color=\""+color+"\"]), :host([dark][accent-color=\""+color+"\"]) ::slotted(*)",[addColorLevels("default","accent",colors[color],!0)].join("")))}return str.join("")},addClasses=function(){let themes=["default","light","dark"],str=[];for(let i=0,substr;i<themes.length;i++){substr=[];for(let j=0,prefix;j<colors.grey.length;j++){prefix="simple-colors-"+themes[i]+"-theme";substr.push(addColorClasses(prefix+"-accent-"+(j+1)));for(let color in colors){substr.push(addColorClasses(prefix+"-"+color+"-"+(j+1),colors[color][j]))}}str.push("<style>\n"+substr.join("")+"\n</style>\n")}return str.join("")},addColorClasses=function(cssvar,hex){return["."+cssvar+", ::slotted(."+cssvar+") { background-color: var(--"+cssvar+"); }\n","."+cssvar+"-text, ::slotted(."+cssvar+"-text) { color: var(--"+cssvar+"); }\n","."+cssvar+"-border, ::slotted(."+cssvar+"-border) { border: 1px solid var(--"+cssvar+"); }\n"].join("")},addStyle=function(selector,style){return"<style>\n"+selector+" {\n"+style+"\n}\n</style>\n"},styleElement=document.createElement("dom-module"),template=document.createElement("template");template.innerHTML=addCssVariables()+addAccentVariables()+addClasses();styleElement.appendChild(html`
     ${template}
-  `);styleElement.register("simple-colors");
+  `);styleElement.register("simple-colors");export{SimpleColors};

simple-colors.js

@@ -6,4 +6,2 @@ /**
 import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-export { SimpleColors };
 /**
@@ -709,1 +707,2 @@ * `simple-colors`
 styleElement.register("simple-colors");
+export { SimpleColors };

src/simple-colors.js

@@ -6,4 +6,2 @@ /**
 import { html, PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-export { SimpleColors };
 /**
@@ -709,1 +707,2 @@ * `simple-colors`
 styleElement.register("simple-colors");
+export { SimpleColors };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

1567230

No dependency changes