update components
This commit is contained in:
parent
ffb0fd30b6
commit
d131f21626
27 changed files with 180 additions and 115 deletions
|
@ -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"
|
||||
}
|
|
@ -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"
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue