Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@material/mwc-checkbox

Package Overview
Dependencies
Maintainers
21
Versions
721
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/mwc-checkbox - npm Package Compare versions

Comparing version 0.26.0-canary.07e91417.0 to 0.26.0-canary.0efb9c2c.0

2

mwc-checkbox-base.d.ts

@@ -10,3 +10,3 @@ /**

import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers';
import { PropertyValues, TemplateResult } from 'lit-element';
import { PropertyValues, TemplateResult } from 'lit';
/** @soyCompatible */

@@ -13,0 +13,0 @@ export declare class CheckboxBase extends FormElement {

@@ -13,5 +13,6 @@ /**

import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers';
import { eventOptions, html, property, query, queryAsync, state } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map.js';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import { html } from 'lit';
import { eventOptions, property, query, queryAsync, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
/** @soyCompatible */

@@ -18,0 +19,0 @@ export class CheckboxBase extends FormElement {

@@ -14,3 +14,3 @@ /**

export declare class Checkbox extends CheckboxBase {
static styles: import("lit-element").CSSResult[];
static styles: import("lit").CSSResult[];
}

@@ -9,3 +9,3 @@ /**

// tslint:disable:strip-private-property-underscore
import { customElement } from 'lit-element';
import { customElement } from 'lit/decorators.js';
import { CheckboxBase } from './mwc-checkbox-base';

@@ -12,0 +12,0 @@ import { styles } from './mwc-checkbox.css';

{
"name": "@material/mwc-checkbox",
"version": "0.26.0-canary.07e91417.0",
"version": "0.26.0-canary.0efb9c2c.0",
"description": "Material Design checkbox web component",

@@ -19,6 +19,5 @@ "keywords": [

"dependencies": {
"@material/mwc-base": "0.26.0-canary.07e91417.0",
"@material/mwc-ripple": "0.26.0-canary.07e91417.0",
"lit-element": "^3.0.0",
"lit-html": "^2.0.0",
"@material/mwc-base": "0.26.0-canary.0efb9c2c.0",
"@material/mwc-ripple": "0.26.0-canary.0efb9c2c.0",
"lit": "^2.0.0",
"tslib": "^2.0.1"

@@ -30,5 +29,5 @@ },

"devDependencies": {
"@material/checkbox": "=13.0.0-canary.65125b3a6.0",
"@material/theme": "=13.0.0-canary.65125b3a6.0",
"@material/touch-target": "=13.0.0-canary.65125b3a6.0"
"@material/checkbox": "=14.0.0-canary.586e740dd.0",
"@material/theme": "=14.0.0-canary.586e740dd.0",
"@material/touch-target": "=14.0.0-canary.586e740dd.0"
},

@@ -38,3 +37,3 @@ "publishConfig": {

},
"gitHead": "9fcacc1890992ebd650dca508478ea3a276a1ebe"
"gitHead": "878935c40ce21b0cfddbf2aab964ba07d23dbb94"
}

@@ -30,3 +30,3 @@ # `<mwc-checkbox>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-checkbox.svg)](https://www.npmjs.com/package/@material/mwc-checkbox)

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/checkbox/images/checked.png" width="29px" height="29px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/checkbox/images/checked.png" width="29px" height="29px">

@@ -48,3 +48,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/checkbox/images/standard_disabled.png" height="80px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/checkbox/images/standard_disabled.png" height="80px">

@@ -67,3 +67,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/checkbox/images/styled_standard_disabled.png" height="80px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/checkbox/images/styled_standard_disabled.png" height="80px">

@@ -103,3 +103,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/checkbox/images/formfield.png" width="132px" height="123px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/checkbox/images/formfield.png" width="132px" height="123px">

@@ -161,5 +161,5 @@ ```html

-------------------------------- | ------------------------------------------------------------- | -----------
`--mdc-checkbox-ink-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/checkbox/images/color_fff.png) `#fff` | Color of mark inside a `checked` or `indeterminate` checkbox (enabled or disabled).
`--mdc-checkbox-unchecked-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/checkbox/images/color_0,0,0,54.png) `rgba(0, 0, 0, 0.54)` | Color of the unchecked box.
`--mdc-checkbox-disabled-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/checkbox/images/color_0,0,0,38.png) `rgba(0, 0, 0, 0.38)` | Color of the checkbox box and fill when disabled.
`--mdc-checkbox-ink-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/checkbox/images/color_fff.png) `#fff` | Color of mark inside a `checked` or `indeterminate` checkbox (enabled or disabled).
`--mdc-checkbox-unchecked-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/checkbox/images/color_0,0,0,54.png) `rgba(0, 0, 0, 0.54)` | Color of the unchecked box.
`--mdc-checkbox-disabled-color` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/checkbox/images/color_0,0,0,38.png) `rgba(0, 0, 0, 0.38)` | Color of the checkbox box and fill when disabled.

@@ -166,0 +166,0 @@ #### Global Custom Properties

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc