@material/web 0.1.0-alpha.2 → 1.0.0-pre.0

package/radio/lib/_radio.scss

@@ -3,129 +3,165 @@
 // SPDX-License-Identifier: Apache-2.0
 //
 
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
+@use 'sass:map';
 @use '../../focus/focus-ring';
 @use '../../motion/animation';
+@use '../../ripple/ripple';
+@use '../../sass/theme';
+@use '../../tokens';
+
+$_md-sys-motion: tokens.md-sys-motion-values();
+
+@mixin theme($tokens) {
+  $tokens: theme.validate-theme(tokens.md-comp-radio-button-values(), $tokens);
+  $tokens: theme.create-theme-vars($tokens, 'radio');
+
+  @include theme.emit-theme-vars($tokens);
+}
+
+@mixin styles() {
+  $tokens: tokens.md-comp-radio-button-values();
+  $tokens: theme.create-theme-vars($tokens, 'radio');
+
+  :host {
+    @each $token, $value in $tokens {
+      --_#{$token}: #{$value};
+    }
 
-@use './radio-theme';
+    @include ripple.theme(
+      (
+        focus-state-layer-color: var(--_unselected-focus-state-layer-color),
+        focus-state-layer-opacity: var(--_unselected-focus-state-layer-opacity),
+        hover-state-layer-color: var(--_unselected-hover-state-layer-color),
+        hover-state-layer-opacity: var(--_unselected-hover-state-layer-opacity),
+        pressed-state-layer-color: var(--_unselected-pressed-state-layer-color),
+        pressed-state-layer-opacity:
+          var(--_unselected-pressed-state-layer-opacity),
+      )
+    );
+
+    @include focus-ring.theme(
+      (
+        offset-vertical: -2px,
+        offset-horizontal: -2px,
+      )
+    );
 
-@mixin static-styles() {
-  .md3-radio {
     display: inline-flex;
+    height: 48px;
     position: relative;
-    cursor: pointer;
-    will-change: opacity, transform, border-color, color;
-    justify-content: center;
-    align-items: center;
+    vertical-align: top; // Fix extra space when placed inside display: block
+    width: 48px;
+    // Remove highlight color for mobile Safari
+    -webkit-tap-highlight-color: transparent;
   }
 
-  .md3-radio__background {
-    display: inline-flex;
-    position: relative;
-    box-sizing: border-box;
-    align-items: center;
-    justify-content: center;
+  :host([checked]) {
+    @include ripple.theme(
+      (
+        focus-state-layer-color: var(--_selected-focus-state-layer-color),
+        focus-state-layer-opacity: var(--_selected-focus-state-layer-opacity),
+        hover-state-layer-color: var(--_selected-hover-state-layer-color),
+        hover-state-layer-opacity: var(--_selected-hover-state-layer-opacity),
+        pressed-state-layer-color: var(--_selected-pressed-state-layer-color),
+        pressed-state-layer-opacity:
+          var(--_selected-pressed-state-layer-opacity),
+      )
+    );
   }
 
-  .md3-radio__outer-circle {
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-start: 0;
-    box-sizing: border-box;
-    block-size: 100%;
-    inline-size: 100%;
-    border-width: 2px;
-    border-style: solid;
-    border-radius: 50%;
-    transition: exit(border-color);
-  }
-
-  .md3-radio__inner-circle {
+  input,
+  md-ripple,
+  md-focus-ring,
+  .icon {
+    inset: 0;
+    margin: auto;
     position: absolute;
-    box-sizing: border-box;
-    block-size: 50%;
-    inline-size: 50%;
-    transform: scale(0);
-    border-radius: 50%;
-    transition: exit(transform), exit(border-color);
   }
 
-  .md3-radio__ripple {
-    position: absolute;
-    display: inline-flex;
-    z-index: -1;
+  input {
+    appearance: none;
+    outline: none;
   }
 
-  .md3-radio__native-control {
-    position: absolute;
-    margin: 0;
-    padding: 0;
+  md-ripple {
+    height: var(--_state-layer-size);
+    width: var(--_state-layer-size);
+  }
+
+  .icon {
+    fill: var(--_unselected-icon-color);
+    height: var(--_icon-size);
+    width: var(--_icon-size);
+  }
+
+  .inner-circle {
     opacity: 0;
-    cursor: inherit;
-    z-index: 1;
-    block-size: 100%;
-    inline-size: 100%;
-    inset: 0;
+    transition-duration: 150ms, 50ms; // Exit duration for scale and opacity.
+    transition-property: transform, opacity;
+    // Exit easing function for scale, linear for opacity.
+    transition-timing-function: map.get(
+        $_md-sys-motion,
+        easing-emphasized-accelerate
+      ),
+      linear;
+    transform: scale(0.6);
+    transform-origin: center;
   }
 
-  .md3-radio__native-control:checked,
-  .md3-radio__native-control:disabled {
-    + .md3-radio__background {
-      transition: enter(opacity), enter(transform);
+  :host([checked]) .icon {
+    fill: var(--_selected-icon-color);
+  }
 
-      .md3-radio__outer-circle {
-        transition: enter(border-color);
-      }
+  :host([checked]) .inner-circle {
+    opacity: 1;
+    // Enter duration for scale and opacity.
+    transition-duration: 350ms, 50ms;
+    // Enter easing function for scale, linear for opacity.
+    transition-timing-function: map.get(
+        $_md-sys-motion,
+        easing-emphasized-decelerate
+      ),
+      linear;
+    transform: scale(1);
+  }
 
-      .md3-radio__inner-circle {
-        transition: enter(transform), enter(border-color);
-      }
-    }
+  // Don't animate when disabled
+  :host([disabled]) .inner-circle {
+    transition-duration: 0s;
   }
 
-  .md3-radio--disabled {
-    cursor: default;
-    pointer-events: none;
+  :host(:hover) .icon {
+    fill: var(--_unselected-hover-icon-color);
   }
 
-  .md3-radio__native-control:checked {
-    + .md3-radio__background {
-      .md3-radio__inner-circle {
-        transform: scale(1);
-        transition: enter(transform), enter(border-color);
-      }
-    }
+  :host(:focus-within) .icon {
+    fill: var(--_unselected-focus-icon-color);
   }
 
-  .md3-radio__native-control:disabled,
-  [aria-disabled='true'] .md3-radio__native-control {
-    + .md3-radio__background {
-      cursor: default;
-    }
+  :host(:active) .icon {
+    fill: var(--_unselected-pressed-icon-color);
   }
 
-  @include focus-ring.theme(
-    (
-      offset-vertical: -2px,
-      offset-horizontal: -2px,
-    )
-  );
+  :host([disabled]) .icon {
+    fill: var(--_disabled-unselected-icon-color);
+    opacity: var(--_disabled-unselected-icon-opacity);
+  }
 
-  @media (forced-colors: active) {
-    .md3-radio {
-      @include radio-theme.high-contrast-styles();
-    }
+  :host([checked]:hover) .icon {
+    fill: var(--_selected-hover-icon-color);
   }
-}
 
-$_transition-duration: 120ms;
+  :host([checked]:focus-within) .icon {
+    fill: var(--_selected-focus-icon-color);
+  }
 
-@function enter($name) {
-  @return animation.deceleration($name, $_transition-duration);
-}
+  :host([checked]:active) .icon {
+    fill: var(--_selected-pressed-icon-color);
+  }
 
-@function exit($name) {
-  @return animation.sharp($name, $_transition-duration);
+  :host([checked][disabled]) .icon {
+    fill: var(--_disabled-selected-icon-color);
+    opacity: var(--_disabled-selected-icon-opacity);
+  }
 }

package/radio/lib/forced-colors-styles.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/radio/lib/forced-colors-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `@media(forced-colors: active){:host{--md-radio-disabled-selected-icon-color:GrayText;--md-radio-disabled-selected-icon-opacity:1;--md-radio-disabled-unselected-icon-color:GrayText;--md-radio-disabled-unselected-icon-opacity:1;--md-radio-selected-icon-color:CanvasText;--md-radio-selected-hover-icon-color:CanvasText;--md-radio-selected-focus-icon-color:CanvasText;--md-radio-selected-pressed-icon-color:CanvasText;--md-radio-unselected-icon-color:CanvasText;--md-radio-unselected-hover-icon-color:CanvasText;--md-radio-unselected-focus-icon-color:CanvasText;--md-radio-unselected-pressed-icon-color:CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */
+`;
+//# sourceMappingURL=forced-colors-styles.css.js.map

package/radio/lib/forced-colors-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forced-colors-styles.css.js","sourceRoot":"","sources":["forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-radio-disabled-selected-icon-color:GrayText;--md-radio-disabled-selected-icon-opacity:1;--md-radio-disabled-unselected-icon-color:GrayText;--md-radio-disabled-unselected-icon-opacity:1;--md-radio-selected-icon-color:CanvasText;--md-radio-selected-hover-icon-color:CanvasText;--md-radio-selected-focus-icon-color:CanvasText;--md-radio-selected-pressed-icon-color:CanvasText;--md-radio-unselected-icon-color:CanvasText;--md-radio-unselected-hover-icon-color:CanvasText;--md-radio-unselected-focus-icon-color:CanvasText;--md-radio-unselected-pressed-icon-color:CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */\n`;\n "]}

package/radio/lib/forced-colors-styles.scss

@@ -0,0 +1,27 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use './radio';
+
+@media (forced-colors: active) {
+  :host {
+    @include radio.theme(
+      (
+        disabled-selected-icon-color: GrayText,
+        disabled-selected-icon-opacity: 1,
+        disabled-unselected-icon-color: GrayText,
+        disabled-unselected-icon-opacity: 1,
+        selected-icon-color: CanvasText,
+        selected-hover-icon-color: CanvasText,
+        selected-focus-icon-color: CanvasText,
+        selected-pressed-icon-color: CanvasText,
+        unselected-icon-color: CanvasText,
+        unselected-hover-icon-color: CanvasText,
+        unselected-focus-icon-color: CanvasText,
+        unselected-pressed-icon-color: CanvasText,
+      )
+    );
+  }
+}

package/radio/lib/radio-styles.css.js

@@ -4,6 +4,6 @@
   * SPDX-License-Identifier: Apache-2.0
   */
 import { css } from 'lit';
-export const styles = css `:host{--md-ripple-hover-state-layer-color:var(--md-radio-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-focus-state-layer-color:var(--md-radio-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-pressed-state-layer-color:var(--md-radio-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-radio-unselected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-radio-unselected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-radio-unselected-pressed-state-layer-opacity, 0.12);--md-focus-ring-offset-vertical:-2px;--md-focus-ring-offset-horizontal:-2px;display:inline-flex}:host .md3-radio{block-size:var(--md-radio-state-layer-size, 40px);inline-size:var(--md-radio-state-layer-size, 40px)}:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host .md3-radio .md3-radio__background{height:var(--md-radio-icon-size, 20px);width:var(--md-radio-icon-size, 20px)}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__ripple{block-size:var(--md-radio-state-layer-size, 40px);inline-size:var(--md-radio-state-layer-size, 40px)}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):focus+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-focus-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):hover+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-hover-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:enabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):active+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio--touch{block-size:var(--md-radio-_touch-target-size, 48px);inline-size:var(--md-radio-_touch-target-size, 48px)}:host([checked]){--md-ripple-hover-state-layer-color:var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-radio-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-hover-state-layer-opacity:var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-radio-selected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}:host .md3-radio{display:inline-flex;position:relative;cursor:pointer;will-change:opacity,transform,border-color,color;justify-content:center;align-items:center}:host .md3-radio__background{display:inline-flex;position:relative;box-sizing:border-box;align-items:center;justify-content:center}:host .md3-radio__outer-circle{position:absolute;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;block-size:100%;inline-size:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1)}:host .md3-radio__inner-circle{position:absolute;box-sizing:border-box;block-size:50%;inline-size:50%;transform:scale(0);border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms cubic-bezier(0.4, 0, 0.6, 1)}:host .md3-radio__ripple{position:absolute;display:inline-flex;z-index:-1}:host .md3-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;block-size:100%;inline-size:100%;inset:0}:host .md3-radio__native-control:checked+.md3-radio__background,:host .md3-radio__native-control:disabled+.md3-radio__background{transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1),transform 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio__native-control:checked+.md3-radio__background .md3-radio__outer-circle,:host .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__outer-circle{transition:border-color 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio__native-control:checked+.md3-radio__background .md3-radio__inner-circle,:host .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{transition:transform 120ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio--disabled{cursor:default;pointer-events:none}:host .md3-radio__native-control:checked+.md3-radio__background .md3-radio__inner-circle{transform:scale(1);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio__native-control:disabled+.md3-radio__background,:host [aria-disabled=true] .md3-radio__native-control+.md3-radio__background{cursor:default}@media(forced-colors: active){:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:GrayText}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{background-color:GrayText}:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{opacity:1}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{opacity:1}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:GrayText}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{opacity:1}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):hover+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):focus+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):active+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}}/*# sourceMappingURL=radio-styles.css.map */
+export const styles = css `:host{--_disabled-selected-icon-color: var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-selected-icon-opacity: var(--md-radio-disabled-selected-icon-opacity, 0.38);--_disabled-unselected-icon-color: var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-unselected-icon-opacity: var(--md-radio-disabled-unselected-icon-opacity, 0.38);--_icon-size: var(--md-radio-icon-size, 20px);--_selected-focus-icon-color: var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-color: var(--md-radio-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-radio-selected-focus-state-layer-opacity, 0.12);--_selected-hover-icon-color: var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-pressed-state-layer-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-radio-state-layer-size, 40px);--_unselected-focus-icon-color: var(--md-radio-unselected-focus-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-color: var(--md-radio-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-opacity: var(--md-radio-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-icon-color: var(--md-radio-unselected-hover-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-color: var(--md-radio-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-opacity: var(--md-radio-unselected-hover-state-layer-opacity, 0.08);--_unselected-icon-color: var(--md-radio-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-icon-color: var(--md-radio-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-state-layer-color: var(--md-radio-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-radio-unselected-pressed-state-layer-opacity, 0.12);--md-ripple-focus-state-layer-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_unselected-pressed-state-layer-opacity);--md-focus-ring-offset-vertical:-2px;--md-focus-ring-offset-horizontal:-2px;display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([checked]){--md-ripple-focus-state-layer-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_selected-pressed-state-layer-opacity)}input,md-ripple,md-focus-ring,.icon{inset:0;margin:auto;position:absolute}input{appearance:none;outline:none}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size)}.icon{fill:var(--_unselected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.inner-circle{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6);transform-origin:center}:host([checked]) .icon{fill:var(--_selected-icon-color)}:host([checked]) .inner-circle{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}:host([disabled]) .inner-circle{transition-duration:0s}:host(:hover) .icon{fill:var(--_unselected-hover-icon-color)}:host(:focus-within) .icon{fill:var(--_unselected-focus-icon-color)}:host(:active) .icon{fill:var(--_unselected-pressed-icon-color)}:host([disabled]) .icon{fill:var(--_disabled-unselected-icon-color);opacity:var(--_disabled-unselected-icon-opacity)}:host([checked]:hover) .icon{fill:var(--_selected-hover-icon-color)}:host([checked]:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host([checked]:active) .icon{fill:var(--_selected-pressed-icon-color)}:host([checked][disabled]) .icon{fill:var(--_disabled-selected-icon-color);opacity:var(--_disabled-selected-icon-opacity)}/*# sourceMappingURL=radio-styles.css.map */
 `;
 //# sourceMappingURL=radio-styles.css.js.map

package/radio/lib/radio-styles.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-styles.css.js","sourceRoot":"","sources":["radio-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{--md-ripple-hover-state-layer-color:var(--md-radio-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-focus-state-layer-color:var(--md-radio-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-pressed-state-layer-color:var(--md-radio-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-radio-unselected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-radio-unselected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-radio-unselected-pressed-state-layer-opacity, 0.12);--md-focus-ring-offset-vertical:-2px;--md-focus-ring-offset-horizontal:-2px;display:inline-flex}:host .md3-radio{block-size:var(--md-radio-state-layer-size, 40px);inline-size:var(--md-radio-state-layer-size, 40px)}:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host .md3-radio .md3-radio__background{height:var(--md-radio-icon-size, 20px);width:var(--md-radio-icon-size, 20px)}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__inner-circle{background-color:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host .md3-radio .md3-radio__ripple{block-size:var(--md-radio-state-layer-size, 40px);inline-size:var(--md-radio-state-layer-size, 40px)}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):focus+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-focus-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):hover+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-hover-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio .md3-radio__native-control:enabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):active+.md3-radio__background .md3-radio__outer-circle{border-color:var(--md-radio-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-radio--touch{block-size:var(--md-radio-_touch-target-size, 48px);inline-size:var(--md-radio-_touch-target-size, 48px)}:host([checked]){--md-ripple-hover-state-layer-color:var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-radio-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-hover-state-layer-opacity:var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-radio-selected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}:host .md3-radio{display:inline-flex;position:relative;cursor:pointer;will-change:opacity,transform,border-color,color;justify-content:center;align-items:center}:host .md3-radio__background{display:inline-flex;position:relative;box-sizing:border-box;align-items:center;justify-content:center}:host .md3-radio__outer-circle{position:absolute;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;block-size:100%;inline-size:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1)}:host .md3-radio__inner-circle{position:absolute;box-sizing:border-box;block-size:50%;inline-size:50%;transform:scale(0);border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms cubic-bezier(0.4, 0, 0.6, 1)}:host .md3-radio__ripple{position:absolute;display:inline-flex;z-index:-1}:host .md3-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;block-size:100%;inline-size:100%;inset:0}:host .md3-radio__native-control:checked+.md3-radio__background,:host .md3-radio__native-control:disabled+.md3-radio__background{transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1),transform 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio__native-control:checked+.md3-radio__background .md3-radio__outer-circle,:host .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__outer-circle{transition:border-color 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio__native-control:checked+.md3-radio__background .md3-radio__inner-circle,:host .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{transition:transform 120ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio--disabled{cursor:default;pointer-events:none}:host .md3-radio__native-control:checked+.md3-radio__background .md3-radio__inner-circle{transform:scale(1);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms cubic-bezier(0, 0, 0.2, 1)}:host .md3-radio__native-control:disabled+.md3-radio__background,:host [aria-disabled=true] .md3-radio__native-control+.md3-radio__background{cursor:default}@media(forced-colors: active){:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:GrayText}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{background-color:GrayText}:host .md3-radio .md3-radio__native-control:disabled:checked+.md3-radio__background .md3-radio__outer-circle{opacity:1}:host .md3-radio .md3-radio__native-control:disabled+.md3-radio__background .md3-radio__inner-circle{opacity:1}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:GrayText}:host .md3-radio .md3-radio__native-control:disabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{opacity:1}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:hover+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:focus+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:checked:active+.md3-radio__background .md3-radio__inner-circle{background-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked)+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):hover+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):focus+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}:host .md3-radio .md3-radio__native-control:enabled:not(:checked):active+.md3-radio__background .md3-radio__outer-circle{border-color:CanvasText}}/*# sourceMappingURL=radio-styles.css.map */\n`;\n "]}
+{"version":3,"file":"radio-styles.css.js","sourceRoot":"","sources":["radio-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{--_disabled-selected-icon-color: var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-selected-icon-opacity: var(--md-radio-disabled-selected-icon-opacity, 0.38);--_disabled-unselected-icon-color: var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-unselected-icon-opacity: var(--md-radio-disabled-unselected-icon-opacity, 0.38);--_icon-size: var(--md-radio-icon-size, 20px);--_selected-focus-icon-color: var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-color: var(--md-radio-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-radio-selected-focus-state-layer-opacity, 0.12);--_selected-hover-icon-color: var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-pressed-state-layer-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-radio-state-layer-size, 40px);--_unselected-focus-icon-color: var(--md-radio-unselected-focus-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-color: var(--md-radio-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-opacity: var(--md-radio-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-icon-color: var(--md-radio-unselected-hover-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-color: var(--md-radio-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-opacity: var(--md-radio-unselected-hover-state-layer-opacity, 0.08);--_unselected-icon-color: var(--md-radio-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-icon-color: var(--md-radio-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-state-layer-color: var(--md-radio-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-radio-unselected-pressed-state-layer-opacity, 0.12);--md-ripple-focus-state-layer-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_unselected-pressed-state-layer-opacity);--md-focus-ring-offset-vertical:-2px;--md-focus-ring-offset-horizontal:-2px;display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([checked]){--md-ripple-focus-state-layer-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_selected-pressed-state-layer-opacity)}input,md-ripple,md-focus-ring,.icon{inset:0;margin:auto;position:absolute}input{appearance:none;outline:none}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size)}.icon{fill:var(--_unselected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.inner-circle{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6);transform-origin:center}:host([checked]) .icon{fill:var(--_selected-icon-color)}:host([checked]) .inner-circle{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}:host([disabled]) .inner-circle{transition-duration:0s}:host(:hover) .icon{fill:var(--_unselected-hover-icon-color)}:host(:focus-within) .icon{fill:var(--_unselected-focus-icon-color)}:host(:active) .icon{fill:var(--_unselected-pressed-icon-color)}:host([disabled]) .icon{fill:var(--_disabled-unselected-icon-color);opacity:var(--_disabled-unselected-icon-opacity)}:host([checked]:hover) .icon{fill:var(--_selected-hover-icon-color)}:host([checked]:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host([checked]:active) .icon{fill:var(--_selected-pressed-icon-color)}:host([checked][disabled]) .icon{fill:var(--_disabled-selected-icon-color);opacity:var(--_disabled-selected-icon-opacity)}/*# sourceMappingURL=radio-styles.css.map */\n`;\n "]}

package/radio/lib/radio-styles.scss

@@ -4,11 +4,5 @@
 //
 
 @use './radio';
-@use './radio-theme';
 
-:host {
-  @include radio-theme.theme-styles(radio-theme.$light-theme);
-  @include radio.static-styles();
-
-  display: inline-flex;
-}
+@include radio.styles;

package/radio/lib/radio.d.ts

@@ -5,37 +5,18 @@
  */
 import '../../focus/focus-ring.js';
 import '../../ripple/ripple.js';
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { LitElement, TemplateResult } from 'lit';
 import { getFormValue } from '../../controller/form-controller.js';
+declare const CHECKED: unique symbol;
 /**
  * @fires checked
- * @soyCompatible
  */
 export declare class Radio extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     static formAssociated: boolean;
     get checked(): boolean;
-    /**
-     * We define our own getter/setter for `checked` because we need to track
-     * changes to it synchronously.
-     *
-     * The order in which the `checked` property is set across radio buttons
-     * within the same group is very important. However, we can't rely on
-     * UpdatingElement's `updated` callback to observe these changes (which is
-     * also what the `@observer` decorator uses), because it batches changes to
-     * all properties.
-     *
-     * Consider:
-     *
-     *   radio1.disabled = true;
-     *   radio2.checked = true;
-     *   radio1.checked = true;
-     *
-     * In this case we'd first see all changes for radio1, and then for radio2,
-     * and we couldn't tell that radio1 was the most recently checked.
-     */
-    set checked(isChecked: boolean);
-    private _checked;
+    set checked(checked: boolean);
+    [CHECKED]: boolean;
     disabled: boolean;
     /**
      * The element value to use in form submission when checked.
@@ -45,39 +26,19 @@ export declare class Radio extends LitElement {
      * The HTML name to use in form submission.
      */
     name: string;
-    /**
-     * Touch target extends beyond visual boundary of a component by default.
-     * Set to `true` to remove touch target added to the component.
-     * @see https://material.io/design/usability/accessibility.html
-     */
-    reducedTouchTarget: boolean;
-    /**
-     * input's tabindex is updated based on checked status.
-     * Tab navigation will be removed from unchecked radios.
-     */
-    formElementTabIndex: number;
     ariaLabel: string;
     /**
      * The associated form element with which this element's value will submit.
      */
     get form(): HTMLFormElement;
-    private focused;
     private readonly input;
     private readonly ripple;
-    private selectionController?;
+    private readonly selectionController;
     private showFocusRing;
     private showRipple;
     constructor();
     [getFormValue](): string;
     focus(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changedProperties: PropertyValues): void;
-    /**
-     * @soyTemplate
-     * @soyAttributes radioAttributes: input
-     * @soyClasses radioClasses: .md3-radio
-     */
     protected render(): TemplateResult;
     private handleBlur;
     private handleFocus;
@@ -87,3 +48,4 @@ export declare class Radio extends LitElement {
     private readonly renderRipple;
     private renderFocusRing;
 }
+export {};