@vonage/vwc-checkbox - npm Package Compare versions

Comparing version 2.18.1 to 2.19.0

package.json

 {
 	"name": "@vonage/vwc-checkbox",
-	"version": "2.18.1",
+	"version": "2.19.0",
 	"description": "> TODO: description",
@@ -30,6 +30,6 @@ "homepage": "https://github.com/Vonage/vivid/tree/master/components/checkbox#readme",
 	"dependencies": {
-		"@material/mwc-checkbox": "^0.21.0",
-		"@vonage/vvd-core": "2.18.1",
-		"@vonage/vvd-foundation": "2.18.1",
-		"@vonage/vvd-style-coupling": "2.18.1",
+		"@material/mwc-checkbox": "^0.22.1",
+		"@vonage/vvd-core": "2.19.0",
+		"@vonage/vvd-foundation": "2.19.0",
+		"@vonage/vvd-style-coupling": "2.19.0",
 		"lit-element": "^2.4.0",
@@ -39,7 +39,7 @@ "tslib": "^2.3.0"
 	"devDependencies": {
-		"@vonage/vvd-design-tokens": "2.18.1",
-		"@vonage/vvd-umbrella": "2.18.1",
+		"@vonage/vvd-design-tokens": "2.19.0",
+		"@vonage/vvd-umbrella": "2.19.0",
 		"typescript": "^4.3.2"
 	},
-	"gitHead": "d791e96e279d0a6c3f1b5a020f5c07e4bbc24c49"
+	"gitHead": "db5c6cfdb6b835e65b43229d7fbba730f22fc857"
 }

src/vwc-checkbox.ts

 import '@vonage/vvd-core';
 import { customElement, html, TemplateResult } from 'lit-element';
 import { Checkbox as MWCCheckbox } from '@material/mwc-checkbox';
-import { style as vwcCheckboxStyle } from './vwc-checkbox.css';
-import { style as mwcCheckboxStyle } from '@material/mwc-checkbox/mwc-checkbox-css.js';
-import { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css';
+import { style as vwcCheckboxStyle } from './vwc-checkbox.css.js';
+import { styles as mwcCheckboxStyles } from '@material/mwc-checkbox/mwc-checkbox.css.js';
+import { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';
 import { handleAutofocus } from '@vonage/vvd-foundation/general-utils';
@@ -19,3 +19,3 @@
 // @ts-ignore
-MWCCheckbox.styles = [styleCoupling, mwcCheckboxStyle, vwcCheckboxStyle];
+MWCCheckbox.styles = [styleCoupling, mwcCheckboxStyles, vwcCheckboxStyle];
 
@@ -22,0 +22,0 @@ /**

vwc-checkbox.css.js

@@ -1,4 +0,3 @@
-// autogenerated module
 import { css } from 'lit-element';
 export const style = css `:host{--mdc-checkbox-ink-color: var(--vvd-color-neutral-10);--mdc-checkbox-checked-color: var(--vvd-color-on-canvas);--mdc-checkbox-unchecked-color: var(--vvd-color-on-canvas);--mdc-checkbox-disabled-color: var( --vvd-color-neutral-30 )}.mdc-checkbox{padding:0}.mdc-checkbox,.mdc-checkbox .mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control{width:22px;height:22px}.mdc-checkbox--touch{margin:0}.mdc-checkbox .mdc-checkbox__native-control{top:0;left:0}.mdc-checkbox .mdc-checkbox__background{top:0;left:0;display:flex;align-items:center;justify-content:center;border-width:2px;border-radius:3px;transition-duration:.2s !important;transition-property:background-color,border-color !important}.mdc-checkbox .mdc-checkbox__checkmark{top:2px;left:2px;width:14px;height:14px}.mdc-checkbox .mdc-checkbox__mixedmark{width:12px}.mdc-checkbox .mdc-checkbox__native-control:enabled:hover~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:focus~.mdc-checkbox__background{box-shadow:0 0 3px rgba(0,0,0,.5)}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{--mdc-checkbox-disabled-color: var( --vvd-color-neutral-30 )}`;
 //# sourceMappingURL=vwc-checkbox.css.js.map

vwc-checkbox.d.ts

@@ -10,5 +10,2 @@ import '@vonage/vvd-core';
 }
-/**
- * This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)
- */
 export declare class VWCCheckbox extends MWCCheckbox {
@@ -15,0 +12,0 @@ firstUpdated(): Promise<void>;

vwc-checkbox.js

@@ -5,13 +5,8 @@ import { __decorate } from "tslib";
 import { Checkbox as MWCCheckbox } from '@material/mwc-checkbox';
-import { style as vwcCheckboxStyle } from './vwc-checkbox.css';
-import { style as mwcCheckboxStyle } from '@material/mwc-checkbox/mwc-checkbox-css.js';
-import { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css';
+import { style as vwcCheckboxStyle } from './vwc-checkbox.css.js';
+import { styles as mwcCheckboxStyles } from '@material/mwc-checkbox/mwc-checkbox.css.js';
+import { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';
 import { handleAutofocus } from '@vonage/vvd-foundation/general-utils';
 export const COMPONENT_NAME = 'vwc-checkbox';
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-ignore
-MWCCheckbox.styles = [styleCoupling, mwcCheckboxStyle, vwcCheckboxStyle];
-/**
- * This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)
- */
+MWCCheckbox.styles = [styleCoupling, mwcCheckboxStyles, vwcCheckboxStyle];
 let VWCCheckbox = class VWCCheckbox extends MWCCheckbox {
@@ -18,0 +13,0 @@ async firstUpdated() {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

25580

decreased by-1.72%

Lines of code

84

decreased by-9.68%

Dependency changes

• + Added@material/mwc-base@0.22.1(transitive)

• + Added@material/mwc-checkbox@0.22.1(transitive)

• + Added@material/mwc-ripple@0.22.1(transitive)

• + Added@vonage/vvd-core@2.19.0(transitive)

• + Added@vonage/vvd-fonts@2.19.0(transitive)

• + Added@vonage/vvd-foundation@2.19.0(transitive)

• + Added@vonage/vvd-scheme@2.19.0(transitive)

• + Added@vonage/vvd-style-coupling@2.19.0(transitive)

• - Removed@material/mwc-base@0.21.0(transitive)

• - Removed@material/mwc-checkbox@0.21.0(transitive)

• - Removed@material/mwc-ripple@0.21.0(transitive)

• - Removed@vonage/vvd-core@2.18.1(transitive)

• - Removed@vonage/vvd-fonts@2.18.1(transitive)

• - Removed@vonage/vvd-foundation@2.18.1(transitive)

• - Removed@vonage/vvd-scheme@2.18.1(transitive)

• - Removed@vonage/vvd-style-coupling@2.18.1(transitive)

• - Removedlit-element@2.4.0(transitive)

• Updated@material/mwc-checkbox@^0.22.1

• Updated@vonage/vvd-core@2.19.0

• Updated@vonage/vvd-foundation@2.19.0

• Updated@vonage/vvd-style-coupling@2.19.0