Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@material/mwc-radio
Advanced tools
@material/mwc-radio - npm Package Compare versions
Comparing version 0.25.2 to 0.25.3
@@ -120,3 +120,3 @@ /** | ||
| // element has connected, because selection controllers are keyed by the | ||
| // radio's shadow root. For example, if we're stamping in a lit-html map | ||
| // radio's shadow root. For example, if we're stamping in a lit map | ||
| // or repeat, then we'll be constructed before we're added to a root node. | ||
@@ -123,0 +123,0 @@ // |
@@ -1,1 +0,1 @@ | ||
| export declare const styles: import("lit-element").CSSResult; | ||
| export declare const styles: import("lit").CSSResult; |
@@ -6,4 +6,4 @@ /** | ||
| */ | ||
| import { css } from 'lit-element'; | ||
| import { css } from 'lit'; | ||
| export const styles = css `.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40px - 20px) / 2)}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:calc((40px - 48px) / 2);right:calc((40px - 48px) / 2);left:calc((40px - 48px) / 2);width:48px;height:48px}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-block;outline:none}.mdc-radio{vertical-align:bottom}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-unchecked-color, rgba(0, 0, 0, 0.54))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}`; | ||
| //# sourceMappingURL=mwc-radio.css.js.map |
| { | ||
| "name": "@material/mwc-radio", | ||
| "version": "0.25.2", | ||
| "version": "0.25.3", | ||
| "description": "Material Design radio web component", | ||
@@ -19,5 +19,5 @@ "keywords": [ | ||
| "dependencies": { | ||
| "@material/mwc-base": "^0.25.2", | ||
| "@material/mwc-ripple": "^0.25.2", | ||
| "@material/radio": "=14.0.0-canary.353ca7e9f.0", | ||
| "@material/mwc-base": "^0.25.3", | ||
| "@material/mwc-ripple": "^0.25.3", | ||
| "@material/radio": "=14.0.0-canary.261f2db59.0", | ||
| "lit": "^2.0.0", | ||
@@ -27,3 +27,3 @@ "tslib": "^2.0.1" | ||
| "devDependencies": { | ||
| "@material/ripple": "=14.0.0-canary.353ca7e9f.0" | ||
| "@material/ripple": "=14.0.0-canary.261f2db59.0" | ||
| }, | ||
@@ -36,3 +36,3 @@ "scripts": { | ||
| }, | ||
| "gitHead": "c3aa844c2a09ff9868820ce946f25f9df7714560" | ||
| "gitHead": "1f19804bea995fc84ab35feb67668d9874ff10f9" | ||
| } |
@@ -7,3 +7,3 @@ # `<mwc-radio>` [](https://www.npmjs.com/package/@material/mwc-radio) | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/radio/images/standard.png" width="84px" height="48px"> | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1f19804bea995fc84ab35feb67668d9874ff10f9/packages/radio/images/standard.png" width="84px" height="48px"> | ||
@@ -30,3 +30,3 @@ [Material Design Guidelines: Radio buttons](https://material.io/design/components/selection-controls.html#radio-buttons) | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/radio/images/standard.png" width="84px" height="48px"> | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1f19804bea995fc84ab35feb67668d9874ff10f9/packages/radio/images/standard.png" width="84px" height="48px"> | ||
@@ -44,3 +44,3 @@ ```html | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/radio/images/custom_color.png" height="40px"> | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1f19804bea995fc84ab35feb67668d9874ff10f9/packages/radio/images/custom_color.png" height="40px"> | ||
@@ -63,3 +63,3 @@ ```html | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/radio/images/disabled_custom_color.png" height="40px"> | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1f19804bea995fc84ab35feb67668d9874ff10f9/packages/radio/images/disabled_custom_color.png" height="40px"> | ||
@@ -85,3 +85,3 @@ ```html | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c3aa844c2a09ff9868820ce946f25f9df7714560/packages/radio/images/formfield.png" width="94px" height="80px"> | ||
| <img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1f19804bea995fc84ab35feb67668d9874ff10f9/packages/radio/images/formfield.png" width="94px" height="80px"> | ||
@@ -137,4 +137,4 @@ ```html | ||
| | ----------------------- | -------------------------------------- |------------ | ||
| | `--mdc-radio-unchecked-color` |  `rgba(0, 0, 0, 0.54)` | Color of the ring of an unchecked radio. | ||
| | `--mdc-radio-disabled-color` |  `rgba(0, 0, 0, 0.38)` | Color of the ring and circle of a disabled radio. | ||
| | `--mdc-radio-unchecked-color` |  `rgba(0, 0, 0, 0.54)` | Color of the ring of an unchecked radio. | ||
| | `--mdc-radio-disabled-color` |  `rgba(0, 0, 0, 0.38)` | Color of the ring and circle of a disabled radio. | ||
@@ -141,0 +141,0 @@ #### Global Custom Properties |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
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
Fixed alerts
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
Worsened metrics
- Total package byte prevSize
- decreased by-0.03%
99644