@haxtheweb/simple-colors
Version:
Automated conversion of simple-colors/
1,460 lines • 94.9 kB
JSON
{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "simple-colors.js",
"declarations": [
{
"kind": "mixin",
"description": "",
"name": "SimpleColorsSuper",
"members": [
{
"kind": "field",
"name": "styles",
"static": true,
"readonly": true
},
{
"kind": "field",
"name": "properties",
"static": true,
"readonly": true
},
{
"kind": "field",
"name": "tag",
"static": true,
"readonly": true
},
{
"kind": "method",
"name": "invertShade",
"parameters": [
{
"name": "shade"
},
{
"description": "inverted shade",
"name": "the",
"type": {
"text": "number"
}
}
],
"description": "gets the current shade"
},
{
"kind": "method",
"name": "getColorInfo",
"parameters": [
{
"name": "colorName"
},
{
"description": "CSS variable (eg. `--simple-colors-fixed-theme-red-3`) or a class (eg. `.simple-colors-fixed-theme-red-3-text`)",
"name": "the",
"type": {
"text": "string"
}
},
{
"description": "object that includes the theme, color, and shade information",
"name": "an",
"type": {
"text": "object"
}
}
],
"description": "gets the color information of a given CSS variable or class"
},
{
"kind": "method",
"name": "makeVariable",
"parameters": [
{
"name": "color",
"default": "\"grey\""
},
{
"name": "shade",
"default": "1"
},
{
"name": "theme",
"default": "\"default\""
},
{
"description": "color shade",
"name": "the",
"type": {
"text": "boolean"
}
}
],
"description": "returns a variable based on color name, shade, and fixed theme",
"return": {
"type": {
"text": "string"
}
}
},
{
"kind": "method",
"name": "getContrastingColors",
"parameters": [
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "isLarge"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant colors and shades",
"name": "all",
"type": {
"text": "object"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the colors and shades that would be\nWCAG 2.0 AA-compliant for contrast"
},
{
"kind": "method",
"name": "getContrastingShades",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant shades of the contrasting color",
"name": "all",
"type": {
"text": "array"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the shades of another color that would be\nWCAG 2.0 AA-compliant for contrast"
},
{
"kind": "method",
"name": "isContrastCompliant",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"name": "contrastShade"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "shade, e.g. 12",
"name": "contrast",
"type": {
"text": "string"
}
},
{
"description": "or not the contrasting shade is WCAG 2.0 AA-compliant",
"name": "whether",
"type": {
"text": "boolean"
}
}
],
"description": "determines if two shades are WCAG 2.0 AA-compliant for contrast"
},
{
"kind": "field",
"name": "accentColor",
"privacy": "public",
"type": {
"text": "string"
},
"description": "a selected accent-\"color\": grey, red, pink, purple, etc.",
"default": "\"grey\"",
"attribute": "accent-color",
"reflects": true
},
{
"kind": "field",
"name": "dark",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"default": "false",
"attribute": "dark",
"reflects": true
},
{
"kind": "field",
"name": "colors"
}
],
"attributes": [
{
"name": "accent-color",
"type": {
"text": "string"
},
"description": "a selected accent-\"color\": grey, red, pink, purple, etc.",
"default": "\"grey\"",
"fieldName": "accentColor"
},
{
"name": "dark",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"default": "false",
"fieldName": "dark"
}
],
"parameters": [
{
"name": "SuperClass"
}
]
},
{
"kind": "class",
"description": "`simple-colors`\na shared set of styles for `@haxtheweb`\n### Styling\nSee demo of \"all of the colors\" (`demo/colors.html`) for styling.",
"name": "SimpleColors",
"mixins": [
{
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "simple-colors",
"customElement": true,
"attributes": [
{
"name": "accent-color",
"type": {
"text": "string"
},
"description": "a selected accent-\"color\": grey, red, pink, purple, etc.",
"default": "\"grey\"",
"fieldName": "accentColor",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"name": "dark",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"default": "false",
"fieldName": "dark",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
}
],
"members": [
{
"kind": "field",
"name": "styles",
"static": true,
"readonly": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "properties",
"static": true,
"readonly": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "tag",
"static": true,
"readonly": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "invertShade",
"parameters": [
{
"name": "shade"
},
{
"description": "inverted shade",
"name": "the",
"type": {
"text": "number"
}
}
],
"description": "gets the current shade",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "getColorInfo",
"parameters": [
{
"name": "colorName"
},
{
"description": "CSS variable (eg. `--simple-colors-fixed-theme-red-3`) or a class (eg. `.simple-colors-fixed-theme-red-3-text`)",
"name": "the",
"type": {
"text": "string"
}
},
{
"description": "object that includes the theme, color, and shade information",
"name": "an",
"type": {
"text": "object"
}
}
],
"description": "gets the color information of a given CSS variable or class",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "makeVariable",
"parameters": [
{
"name": "color",
"default": "\"grey\""
},
{
"name": "shade",
"default": "1"
},
{
"name": "theme",
"default": "\"default\""
},
{
"description": "color shade",
"name": "the",
"type": {
"text": "boolean"
}
}
],
"description": "returns a variable based on color name, shade, and fixed theme",
"return": {
"type": {
"text": "string"
}
},
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "getContrastingColors",
"parameters": [
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "isLarge"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant colors and shades",
"name": "all",
"type": {
"text": "object"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the colors and shades that would be\nWCAG 2.0 AA-compliant for contrast",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "getContrastingShades",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant shades of the contrasting color",
"name": "all",
"type": {
"text": "array"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the shades of another color that would be\nWCAG 2.0 AA-compliant for contrast",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "isContrastCompliant",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"name": "contrastShade"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "shade, e.g. 12",
"name": "contrast",
"type": {
"text": "string"
}
},
{
"description": "or not the contrasting shade is WCAG 2.0 AA-compliant",
"name": "whether",
"type": {
"text": "boolean"
}
}
],
"description": "determines if two shades are WCAG 2.0 AA-compliant for contrast",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "accentColor",
"privacy": "public",
"type": {
"text": "string"
},
"description": "a selected accent-\"color\": grey, red, pink, purple, etc.",
"default": "\"grey\"",
"attribute": "accent-color",
"reflects": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "dark",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"default": "false",
"attribute": "dark",
"reflects": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "colors",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
}
]
}
],
"exports": [
{
"kind": "custom-element-definition",
"declaration": {
"name": "SimpleColors",
"module": "simple-colors.js"
}
},
{
"kind": "js",
"name": "SimpleColors",
"declaration": {
"name": "SimpleColors",
"module": "simple-colors.js"
}
},
{
"kind": "js",
"name": "SimpleColorsSuper",
"declaration": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "lib/simple-colors-picker.js",
"declarations": [
{
"kind": "class",
"description": "`simple-colors-picker`\na select element for changing `simple-colors` attributes in demos\n\n### Styling\nSee demo of \"all of the colors\" (`demo/colors.html`) for styling.",
"name": "SimpleColorsPicker",
"members": [
{
"kind": "field",
"name": "tag",
"static": true,
"readonly": true,
"description": "Store the tag name to make it easier to obtain directly.",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "_getOptions",
"parameters": [
{
"name": "colors"
},
{
"name": "shades"
},
{
"name": "dark"
},
{
"description": "options object to convert",
"name": "the",
"type": {
"text": "object"
}
}
],
"description": "gets options for the selectors"
},
{
"kind": "method",
"name": "_fireChangeEvent",
"description": "Fires with any property change."
},
{
"kind": "field",
"name": "allowNull",
"type": {
"text": "boolean"
},
"default": "true"
},
{
"kind": "field",
"name": "shades",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "Show all shades instead of just main accent-colors",
"default": "false",
"attribute": "shades",
"reflects": true
},
{
"kind": "field",
"name": "options"
},
{
"kind": "field",
"name": "styles",
"static": true,
"readonly": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "properties",
"static": true,
"readonly": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "invertShade",
"parameters": [
{
"name": "shade"
},
{
"description": "inverted shade",
"name": "the",
"type": {
"text": "number"
}
}
],
"description": "gets the current shade",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "getColorInfo",
"parameters": [
{
"name": "colorName"
},
{
"description": "CSS variable (eg. `--simple-colors-fixed-theme-red-3`) or a class (eg. `.simple-colors-fixed-theme-red-3-text`)",
"name": "the",
"type": {
"text": "string"
}
},
{
"description": "object that includes the theme, color, and shade information",
"name": "an",
"type": {
"text": "object"
}
}
],
"description": "gets the color information of a given CSS variable or class",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "makeVariable",
"parameters": [
{
"name": "color",
"default": "\"grey\""
},
{
"name": "shade",
"default": "1"
},
{
"name": "theme",
"default": "\"default\""
},
{
"description": "color shade",
"name": "the",
"type": {
"text": "boolean"
}
}
],
"description": "returns a variable based on color name, shade, and fixed theme",
"return": {
"type": {
"text": "string"
}
},
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "getContrastingColors",
"parameters": [
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "isLarge"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant colors and shades",
"name": "all",
"type": {
"text": "object"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the colors and shades that would be\nWCAG 2.0 AA-compliant for contrast",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "getContrastingShades",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant shades of the contrasting color",
"name": "all",
"type": {
"text": "array"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the shades of another color that would be\nWCAG 2.0 AA-compliant for contrast",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "method",
"name": "isContrastCompliant",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"name": "contrastShade"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "shade, e.g. 12",
"name": "contrast",
"type": {
"text": "string"
}
},
{
"description": "or not the contrasting shade is WCAG 2.0 AA-compliant",
"name": "whether",
"type": {
"text": "boolean"
}
}
],
"description": "determines if two shades are WCAG 2.0 AA-compliant for contrast",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "accentColor",
"privacy": "public",
"type": {
"text": "string"
},
"description": "a selected accent-\"color\": grey, red, pink, purple, etc.",
"default": "\"grey\"",
"attribute": "accent-color",
"reflects": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "dark",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"default": "false",
"attribute": "dark",
"reflects": true,
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"kind": "field",
"name": "colors",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
}
],
"events": [
{
"name": "change",
"type": {
"text": "CustomEvent"
}
}
],
"attributes": [
{
"name": "shades",
"type": {
"text": "boolean"
},
"description": "Show all shades instead of just main accent-colors",
"default": "false",
"fieldName": "shades"
},
{
"name": "accent-color",
"type": {
"text": "string"
},
"description": "a selected accent-\"color\": grey, red, pink, purple, etc.",
"default": "\"grey\"",
"fieldName": "accentColor",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
},
{
"name": "dark",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"default": "false",
"fieldName": "dark",
"inheritedFrom": {
"name": "SimpleColorsSuper",
"module": "simple-colors.js"
}
}
],
"mixins": [
{
"name": "SimplePickerBehaviors",
"package": "@haxtheweb/simple-picker/simple-picker.js"
},
{
"name": "SimpleColorsSuper",
"module": "/simple-colors.js"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"tagName": "simple-colors-picker",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "SimpleColorsPicker",
"declaration": {
"name": "SimpleColorsPicker",
"module": "lib/simple-colors-picker.js"
}
},
{
"kind": "custom-element-definition",
"declaration": {
"name": "SimpleColorsPicker",
"module": "lib/simple-colors-picker.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "lib/simple-colors-polymer.js",
"declarations": [
{
"kind": "class",
"description": "`simple-colors-polymer`\nshared set of styles for Polymer",
"name": "SimpleColorsPolymer",
"members": [
{
"kind": "field",
"name": "template",
"static": true,
"readonly": true
},
{
"kind": "field",
"name": "tag",
"static": true,
"readonly": true
},
{
"kind": "method",
"name": "invertShade",
"parameters": [
{
"name": "shade"
},
{
"description": "inverted shade",
"name": "the",
"type": {
"text": "number"
}
}
],
"description": "gets the current shade"
},
{
"kind": "method",
"name": "getColorInfo",
"parameters": [
{
"name": "colorName"
},
{
"description": "CSS variable (eg. `--simple-colors-fixed-theme-red-3`) or a class (eg. `.simple-colors-fixed-theme-red-3-text`)",
"name": "the",
"type": {
"text": "string"
}
},
{
"description": "object that includes the theme, color, and shade information",
"name": "an",
"type": {
"text": "object"
}
}
],
"description": "gets the color information of a given CSS variable or class"
},
{
"kind": "method",
"name": "makeVariable",
"parameters": [
{
"name": "color",
"default": "\"grey\""
},
{
"name": "shade",
"default": "1"
},
{
"name": "theme",
"default": "\"default\""
},
{
"description": "color shade",
"name": "the",
"type": {
"text": "boolean"
}
}
],
"description": "returns a variable based on color name, shade, and fixed theme",
"return": {
"type": {
"text": "string"
}
}
},
{
"kind": "method",
"name": "getContrastingColors",
"parameters": [
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "isLarge"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant colors and shades",
"name": "all",
"type": {
"text": "object"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the colors and shades that would be\nWCAG 2.0 AA-compliant for contrast"
},
{
"kind": "method",
"name": "getContrastingShades",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "of the WCAG 2.0 AA-compliant shades of the contrasting color",
"name": "all",
"type": {
"text": "array"
}
}
],
"description": "for large or small text given a color and its shade,\nlists all the shades of another color that would be\nWCAG 2.0 AA-compliant for contrast"
},
{
"kind": "method",
"name": "isContrastCompliant",
"parameters": [
{
"name": "isLarge"
},
{
"name": "colorName"
},
{
"name": "colorShade"
},
{
"name": "contrastName"
},
{
"name": "contrastShade"
},
{
"description": "text? >= 18pt || (bold && >= 14pt)",
"name": "large",
"type": {
"text": "boolean"
}
},
{
"description": "shade, e.g. 3",
"name": "color",
"type": {
"text": "string"
}
},
{
"description": "color name, e.g. \"grey\"",
"name": "contrasting",
"type": {
"text": "string"
}
},
{
"description": "shade, e.g. 12",
"name": "contrast",
"type": {
"text": "string"
}
},
{
"description": "or not the contrasting shade is WCAG 2.0 AA-compliant",
"name": "whether",
"type": {
"text": "boolean"
}
}
],
"description": "determines if two shades are WCAG 2.0 AA-compliant for contrast"
},
{
"kind": "field",
"name": "__utils"
},
{
"kind": "field",
"name": "colors",
"privacy": "public",
"type": {
"text": "object"
},
"description": "make the default theme dark?",
"attribute": "colors"
},
{
"kind": "field",
"name": "accentColor",
"privacy": "public",
"type": {
"text": "string"
},
"description": "a selected accent-color: grey, red, pink, purple, etc.",
"attribute": "accentColor"
},
{
"kind": "field",
"name": "dark",
"privacy": "public",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"attribute": "dark"
}
],
"attributes": [
{
"name": "accentColor",
"type": {
"text": "string"
},
"description": "a selected accent-color: grey, red, pink, purple, etc.",
"fieldName": "accentColor"
},
{
"name": "dark",
"type": {
"text": "boolean"
},
"description": "make the default theme dark?",
"fieldName": "dark"
},
{
"name": "colors",
"type": {
"text": "object"
},
"description": "make the default theme dark?",
"fieldName": "colors"
}
],
"superclass": {
"name": "PolymerElement",
"package": "@polymer/polymer/polymer-element.js"
},
"tagName": "simple-colors-polymer",
"customElement": true
}
],
"exports": [
{
"kind": "custom-element-definition",
"declaration": {
"name": "SimpleColorsPolymer",
"module": "lib/simple-colors-polymer.js"
}
},
{
"kind": "js",
"name": "SimpleColorsPolymer",
"declaration": {
"name": "SimpleColorsPolymer",
"module": "lib/simple-colors-polymer.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "lib/simple-colors-shared-styles-polymer.js",
"declarations": [
{
"kind": "variable",
"name": "css",
"default": "html` <style> :host([dark]), :host [dark] { --simple-colors-default-theme-accent-1: #000000; --simple-colors-default-theme-accent-2: #111111; --simple-colors-default-theme-accent-3: #222222; --simple-colors-default-theme-accent-4: #333333; --simple-colors-default-theme-accent-5: #444444; --simple-colors-default-theme-accent-6: #666666; --simple-colors-default-theme-accent-7: #999999; --simple-colors-default-theme-accent-8: #bbbbbb; --simple-colors-default-theme-accent-9: #cccccc; --simple-colors-default-theme-accent-10: #dddddd; --simple-colors-default-theme-accent-11: #eeeeee; --simple-colors-default-theme-accent-12: #ffffff; --simple-colors-default-theme-grey-1: #000000; --simple-colors-default-theme-grey-2: #111111; --simple-colors-default-theme-grey-3: #222222; --simple-colors-default-theme-grey-4: #333333; --simple-colors-default-theme-grey-5: #444444; --simple-colors-default-theme-grey-6: #666666; --simple-colors-default-theme-grey-7: #999999; --simple-colors-default-theme-grey-8: #bbbbbb; --simple-colors-default-theme-grey-9: #cccccc; --simple-colors-default-theme-grey-10: #dddddd; --simple-colors-default-theme-grey-11: #eeeeee; --simple-colors-default-theme-grey-12: #ffffff; --simple-colors-default-theme-red-1: #3f0000; --simple-colors-default-theme-red-2: #520000; --simple-colors-default-theme-red-3: #670000; --simple-colors-default-theme-red-4: #850000; --simple-colors-default-theme-red-5: #ac0000; --simple-colors-default-theme-red-6: #ee0000; --simple-colors-default-theme-red-7: #ff2222; --simple-colors-default-theme-red-8: #fd5151; --simple-colors-default-theme-red-9: #ff7474; --simple-colors-default-theme-red-10: #ff8f8f; --simple-colors-default-theme-red-11: #ffaeae; --simple-colors-default-theme-red-12: #ffdddd; --simple-colors-default-theme-pink-1: #440019; --simple-colors-default-theme-pink-2: #5a0020; --simple-colors-default-theme-pink-3: #78002b; --simple-colors-default-theme-pink-4: #980036; --simple-colors-default-theme-pink-5: #b80042; --simple-colors-default-theme-pink-6: #da004e; --simple-colors-default-theme-pink-7: #ff3996; --simple-colors-default-theme-pink-8: #fd60aa; --simple-colors-default-theme-pink-9: #ff73b5; --simple-colors-default-theme-pink-10: #ff87c0; --simple-colors-default-theme-pink-11: #ffa5cf; --simple-colors-default-theme-pink-12: #ffe6f1; --simple-colors-default-theme-purple-1: #200025; --simple-colors-default-theme-purple-2: #33003a; --simple-colors-default-theme-purple-3: #490052; --simple-colors-default-theme-purple-4: #6c0079; --simple-colors-default-theme-purple-5: #8a009b; --simple-colors-default-theme-purple-6: #a500ba; --simple-colors-default-theme-purple-7: #e200ff; --simple-colors-default-theme-purple-8: #ed61ff; --simple-colors-default-theme-purple-9: #f07cff; --simple-colors-default-theme-purple-10: #f394ff; --simple-colors-default-theme-purple-11: #f4affd; --simple-colors-default-theme-purple-12: #fce6ff; --simple-colors-default-theme-deep-purple-1: #1d0033; --simple-colors-default-theme-deep-purple-2: #2a0049; --simple-colors-default-theme-deep-purple-3: #3a0063; --simple-colors-default-theme-deep-purple-4: #4c0081; --simple-colors-default-theme-deep-purple-5: #5d009f; --simple-colors-default-theme-deep-purple-6: #7e00d8; --simple-colors-default-theme-deep-purple-7: #a931ff; --simple-colors-default-theme-deep-purple-8: #b44aff; --simple-colors-default-theme-deep-purple-9: #bb63f9; --simple-colors-default-theme-deep-purple-10: #c97eff; --simple-colors-default-theme-deep-purple-11: #ddacff; --simple-colors-default-theme-deep-purple-12: #f3e4ff; --simple-colors-default-theme-indigo-1: #0a0030; --simple-colors-default-theme-indigo-2: #100049; --simple-colors-default-theme-indigo-3: #160063; --simple-colors-default-theme-indigo-4: #20008c; --simple-colors-default-theme-indigo-5: #2801b0; --simple-colors-default-theme-indigo-6: #3a00ff; --simple-colors-default-theme-indigo-7: #835fff; --simple-colors-default-theme-indigo-8: #9373ff; --simple-colors-default-theme-indigo-9: #9e82ff; --simple-colors-default-theme-indigo-10: #af97ff; --simple-colors-default-theme-indigo-11: #c3b2ff; --simple-colors-default-theme-indigo-12: #e5ddff; --simple-colors-default-theme-blue-1: #001333; --simple-colors-default-theme-blue-2: #001947; --simple-colors-default-theme-blue-3: #002569; --simple-colors-default-theme-blue-4: #003494; --simple-colors-default-theme-blue-5: #0041bb; --simple-colors-default-theme-blue-6: #0059ff; --simple-colors-default-theme-blue-7: #4083ff; --simple-colors-default-theme-blue-8: #5892fd; --simple-colors-default-theme-blue-9: #74a5ff; --simple-colors-default-theme-blue-10: #95baff; --simple-colors-default-theme-blue-11: #acc9ff; --simple-colors-default-theme-blue-12: #e2ecff; --simple-colors-default-theme-light-blue-1: #001b36; --simple-colors-default-theme-light-blue-2: #002850; --simple-colors-default-theme-light-blue-3: #003f7d; --simple-colors-default-theme-light-blue-4: #0055a8; --simple-colors-defa