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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@material/web",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.2",
   "publishConfig": {
     "access": "public"
   },
@@ -15,24 +15,24 @@
   },
   "homepage": "https://github.com/material-components/material-web#readme",
   "scripts": {
-    "clean": "npm run clean:sass && npm run clean:ts",
-    "clean:sass": "find . -name '*.css*' -type f -delete",
-    "clean:ts": "tsc --build --clean",
-    "build": "npm run build:sass && npm run build:ts",
-    "prebuild:sass": "[ -d node_modules/@material/web ] || (mkdir -p node_modules/@material && ln -s ../../ node_modules/@material/web)",
-    "build:sass": "sass --style=compressed --load-path=node_modules --load-path=node_modules/sass-true/sass $(ls -d */ | grep -v node_modules)",
-    "prebuild:ts": "find . -name '*.css' -type f | xargs node css-to-ts.js",
-    "build:ts": "tsc"
+    "build": "wireit",
+    "build:ts": "wireit",
+    "build:css-to-ts": "wireit",
+    "build:sass": "wireit",
+    "test": "wireit"
   },
+  "type": "module",
   "files": [
     "**/*.js",
     "**/*.js.map",
     "**/*.d.ts",
     "**/*.scss",
     "!css-to-ts.js",
+    "!web-test-runner.config.js",
     "!**/test/**",
     "!**/testing/**",
-    "!**/*_test.*"
+    "!**/*_test.*",
+    "!.wireit/**"
   ],
   "dependencies": {
     "lit": "^2.3.0",
@@ -40,9 +40,73 @@
   },
   "devDependencies": {
     "@types/jasmine": "^4.0.3",
-    "jasmine": "^4.2.0",
+    "@web/test-runner": "^0.15.0",
+    "@web/test-runner-playwright": "^0.9.0",
+    "jasmine": "^4.5.0",
     "sass": "^1.52.3",
     "sass-true": "^6.1.0",
-    "typescript": "~4.7.3"
+    "typescript": "~4.7.4",
+    "web-test-runner-jasmine": "^0.0.2",
+    "wireit": "^0.9.0"
+  },
+  "wireit": {
+    "build": {
+      "dependencies": [
+        "build:ts"
+      ]
+    },
+    "build:ts": {
+      "command": "tsc --pretty",
+      "files": [
+        "tsconfig.json",
+        "**/*.ts",
+        "!**/*.d.ts",
+        "!**/*.css.ts"
+      ],
+      "output": [
+        ".tsbuildinfo",
+        "**/*.js",
+        "**/*.js.map",
+        "**/*.d.ts",
+        "!*.js",
+        "!types/"
+      ],
+      "clean": "if-file-deleted",
+      "dependencies": [
+        "build:css-to-ts"
+      ]
+    },
+    "build:css-to-ts": {
+      "command": "find . \\( -path ./.wireit -o -path ./node_modules \\) -prune -o -name '*.css' -print | xargs node css-to-ts.js",
+      "files": [
+        "css-to-ts.js"
+      ],
+      "output": [
+        "**/*.css.ts"
+      ],
+      "dependencies": [
+        "build:sass"
+      ]
+    },
+    "build:sass": {
+      "command": "sass --style=compressed --load-path=node_modules --load-path=node_modules/sass-true/sass $(ls -d */ | grep -v node_modules)",
+      "files": [
+        "**/*.scss"
+      ],
+      "output": [
+        "**/*.css",
+        "**/*.css.map"
+      ]
+    },
+    "test": {
+      "command": "wtr",
+      "dependencies": [
+        "build:ts"
+      ],
+      "files": [
+        "web-test-runner.config.js"
+      ],
+      "output": []
+    }
   }
 }

package/radio/harness.d.ts

@@ -3,7 +3,7 @@
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { Harness } from '@material/web/testing/harness.js';
+import { Harness } from '../testing/harness.js';
 import { Radio } from './lib/radio.js';
 /**
  * Test harness for radio.

package/radio/harness.js

@@ -3,7 +3,7 @@
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { Harness } from '@material/web/testing/harness.js';
+import { Harness } from '../testing/harness.js';
 /**
  * Test harness for radio.
  */

package/radio/harness.js.map

@@ -1 +1 @@
-{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,kCAAkC,CAAC;AAIzD;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,OAAc;IACrC,KAAK,CAAC,qBAAqB;QAClC,MAAM,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAClC,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAqB,CAAC;IAC5E,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Harness} from '@material/web/testing/harness.js';\n\nimport {Radio} from './lib/radio.js';\n\n/**\n * Test harness for radio.\n */\nexport class RadioHarness extends Harness<Radio> {\n  override async getInteractiveElement() {\n    await this.element.updateComplete;\n    return this.element.renderRoot.querySelector('input') as HTMLInputElement;\n  }\n}\n"]}
+{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAI9C;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,OAAc;IACrC,KAAK,CAAC,qBAAqB;QAClC,MAAM,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAClC,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAqB,CAAC;IAC5E,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Harness} from '../testing/harness.js';\n\nimport {Radio} from './lib/radio.js';\n\n/**\n * Test harness for radio.\n */\nexport class RadioHarness extends Harness<Radio> {\n  override async getInteractiveElement() {\n    await this.element.updateComplete;\n    return this.element.renderRoot.querySelector('input') as HTMLInputElement;\n  }\n}\n"]}

package/radio/lib/_radio-theme.scss

@@ -9,10 +9,9 @@
 @use 'sass:map';
 @use 'sass:selector';
 
-@use '@material/web/ripple/ripple-theme';
-@use '@material/web/compat/theme/shadow-dom';
-@use '@material/web/sass/theme';
-@use '@material/web/tokens';
+@use '../../ripple/ripple';
+@use '../../sass/theme';
+@use '../../tokens';
 
 $light-theme: tokens.md-comp-radio-button-values();
 $custom-property-prefix: 'radio';
@@ -72,7 +71,7 @@ $custom-property-prefix: 'radio';
     @include _touch-target($size: map.get($theme, _touch-target-size));
   }
 
-  @include ripple-theme.theme(
+  @include ripple.theme(
     (
       hover-state-layer-color:
         map.get($theme, unselected-hover-state-layer-color),
@@ -90,7 +89,7 @@ $custom-property-prefix: 'radio';
   );
 
   @include _checked-selector() {
-    @include ripple-theme.theme(
+    @include ripple.theme(
       (
         hover-state-layer-color:
           map.get($theme, selected-hover-state-layer-color),
@@ -322,8 +321,10 @@ $_theme-extension-keys: (
 }
 
 @mixin _checked-selector() {
-  @include shadow-dom.host-aware(selector.append(&, '[checked]')) {
-    @content;
+  @at-root {
+    :host([checked]) {
+      @content;
+    }
   }
 }
 

package/radio/lib/_radio.scss

@@ -6,8 +6,8 @@
 // stylelint-disable selector-class-pattern --
 // Selector '.md3-*' should only be used in this project.
 
-@use '@material/web/focus/lib/focus-ring-theme';
-@use '@material/web/motion/animation';
+@use '../../focus/focus-ring';
+@use '../../motion/animation';
 
 @use './radio-theme';
 
@@ -106,10 +106,10 @@
     }
   }
 
-  @include focus-ring-theme.theme(
+  @include focus-ring.theme(
     (
-      container-outer-padding-vertical: -2px,
-      container-outer-padding-horizontal: -2px,
+      offset-vertical: -2px,
+      offset-horizontal: -2px,
     )
   );
 

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-container-outer-padding-vertical:-2px;--md-focus-ring-container-outer-padding-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, #1c1b1f))}: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{--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 */
 `;
 //# 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-container-outer-padding-vertical:-2px;--md-focus-ring-container-outer-padding-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, #1c1b1f))}: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{--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 "]}

package/radio/lib/radio.d.ts

@@ -3,24 +3,18 @@
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import '@material/web/focus/focus-ring.js';
-import '@material/web/ripple/ripple.js';
-import { ActionElement, BeginPressConfig, EndPressConfig } from '@material/web/actionelement/action-element.js';
-import { MdRipple } from '@material/web/ripple/ripple.js';
-import { PropertyValues, TemplateResult } from 'lit';
-import { SingleSelectionController } from './single-selection-controller.js';
+import '../../focus/focus-ring.js';
+import '../../ripple/ripple.js';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { getFormValue } from '../../controller/form-controller.js';
 /**
  * @fires checked
  * @soyCompatible
  */
-export declare class Radio extends ActionElement {
-    protected formElement: HTMLInputElement;
-    ripple: MdRipple;
-    protected _checked: boolean;
-    protected showFocusRing: boolean;
-    global: boolean;
+export declare class Radio extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static formAssociated: boolean;
     get checked(): boolean;
-    protected getChecked(): boolean;
     /**
      * We define our own getter/setter for `checked` because we need to track
      * changes to it synchronously.
@@ -41,9 +35,15 @@ export declare class Radio extends ActionElement {
      * and we couldn't tell that radio1 was the most recently checked.
      */
     set checked(isChecked: boolean);
-    protected setChecked(isChecked: boolean): void;
+    private _checked;
     disabled: boolean;
+    /**
+     * The element value to use in form submission when checked.
+     */
     value: string;
+    /**
+     * The HTML name to use in form submission.
+     */
     name: string;
     /**
      * Touch target extends beyond visual boundary of a component by default.
@@ -51,43 +51,39 @@ export declare class Radio extends ActionElement {
      * @see https://material.io/design/usability/accessibility.html
      */
     reducedTouchTarget: boolean;
-    protected selectionController?: SingleSelectionController;
     /**
      * input's tabindex is updated based on checked status.
      * Tab navigation will be removed from unchecked radios.
      */
     formElementTabIndex: number;
-    protected focused: boolean;
-    /** @soyPrefixAttribute */
     ariaLabel: string;
-    /** @soyPrefixAttribute */
-    ariaLabelledBy: string;
-    /** @soyPrefixAttribute */
-    ariaDescribedBy: undefined | string;
-    protected rippleElement: MdRipple | null;
-    /** @soyTemplate */
-    protected renderRipple(): TemplateResult | string;
-    /** @soyTemplate */
-    protected renderFocusRing(): TemplateResult;
-    get isRippleActive(): boolean;
+    /**
+     * 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 showFocusRing;
+    private showRipple;
+    constructor();
+    [getFormValue](): string;
+    focus(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues): void;
-    protected createAdapter(): void;
-    beginPress({ positionEvent }: BeginPressConfig): void;
-    endPress({ cancelled }: EndPressConfig): void;
-    click(): void;
-    protected handleFocus(): void;
-    protected handleBlur(): void;
-    protected setFormData(formData: FormData): void;
     /**
      * @soyTemplate
      * @soyAttributes radioAttributes: input
      * @soyClasses radioClasses: .md3-radio
      */
     protected render(): TemplateResult;
-    protected handlePointerEnter(): void;
-    handlePointerDown(event: PointerEvent): void;
-    handlePointerLeave(e: PointerEvent): void;
-    protected changeHandler(): void;
+    private handleBlur;
+    private handleFocus;
+    private handleChange;
+    private handlePointerDown;
+    private readonly getRipple;
+    private readonly renderRipple;
+    private renderFocusRing;
 }