update components

This commit is contained in:
Luke Pulverenti 2015-08-07 10:21:29 -04:00
parent ffb0fd30b6
commit d131f21626
27 changed files with 180 additions and 115 deletions

View file

@ -1,6 +1,6 @@
{
"name": "paper-toggle-button",
"version": "1.0.5",
"version": "1.0.6",
"description": "A material design toggle button control",
"authors": [
"The Polymer Authors"
@ -33,14 +33,13 @@
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
},
"_release": "1.0.5",
"_release": "1.0.6",
"_resolution": {
"type": "version",
"tag": "v1.0.5",
"commit": "9891ee6a4af756b198290c14137498f78d97593d"
"tag": "v1.0.6",
"commit": "e0bc6b17079da9487c62aaadeb46e3a199a7a112"
},
"_source": "git://github.com/PolymerElements/paper-toggle-button.git",
"_target": "~1.0.5",
"_originalSource": "PolymerElements/paper-toggle-button",
"_direct": true
"_originalSource": "PolymerElements/paper-toggle-button"
}

View file

@ -1,6 +1,6 @@
{
"name": "paper-toggle-button",
"version": "1.0.5",
"version": "1.0.6",
"description": "A material design toggle button control",
"authors": [
"The Polymer Authors"

View file

@ -22,18 +22,22 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
:host .toggle-bar {
background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);
@apply(--paper-toggle-button-unchecked-bar);
}
:host .toggle-button {
background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50);
@apply(--paper-toggle-button-unchecked-button);
}
:host([checked]) .toggle-bar {
background-color: var(--paper-toggle-button-checked-bar-color, --google-green-500);
@apply(--paper-toggle-button-checked-bar);
}
:host([checked]) .toggle-button {
background-color: var(--paper-toggle-button-checked-button-color, --google-green-500);
@apply(--paper-toggle-button-checked-button);
}
:host .toggle-ink {

View file

@ -34,6 +34,10 @@ Custom property | Description | Default
`--paper-toggle-button-checked-bar-color` | Slider button color when the input is checked | `--google-green-500`
`--paper-toggle-button-checked-button-color` | Button color when the input is checked | `--google-green-500`
`--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--google-green-500`
`--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the input is not checked | `{}`
`--paper-toggle-button-unchecked-button` | Mixin applied to the slider button when the input is not checked | `{}`
`--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input is checked | `{}`
`--paper-toggle-button-checked-button` | Mixin applied to the slider button when the input is checked | `{}`
@group Paper Elements
@element paper-toggle-button