@vaadin/checkbox-group - npm Package Compare versions

Comparing version 24.8.0-alpha9 to 25.0.0-alpha1

package.json

 {
   "name": "@vaadin/checkbox-group",
-  "version": "24.8.0-alpha9",
+  "version": "25.0.0-alpha1",
   "publishConfig": {
@@ -34,20 +34,17 @@ "access": "public"
     "web-components",
-    "web-component",
-    "polymer"
+    "web-component"
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.8.0-alpha9",
-    "@vaadin/checkbox": "24.8.0-alpha9",
-    "@vaadin/component-base": "24.8.0-alpha9",
-    "@vaadin/field-base": "24.8.0-alpha9",
-    "@vaadin/vaadin-lumo-styles": "24.8.0-alpha9",
-    "@vaadin/vaadin-material-styles": "24.8.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "24.8.0-alpha9",
+    "@vaadin/a11y-base": "25.0.0-alpha1",
+    "@vaadin/checkbox": "25.0.0-alpha1",
+    "@vaadin/component-base": "25.0.0-alpha1",
+    "@vaadin/field-base": "25.0.0-alpha1",
+    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha1",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha1",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.8.0-alpha9",
-    "@vaadin/test-runner-commands": "24.8.0-alpha9",
+    "@vaadin/chai-plugins": "25.0.0-alpha1",
+    "@vaadin/test-runner-commands": "25.0.0-alpha1",
     "@vaadin/testing-helpers": "^1.1.0",
@@ -60,3 +57,3 @@ "sinon": "^18.0.0"
   ],
-  "gitHead": "4de3809275ddfd733b0d13fd02af8faf73eb6770"
+  "gitHead": "b8c22a4a0c64156210d0daac96b43ae4e5526d49"
 }

README.md

@@ -32,25 +32,2 @@ # @vaadin/checkbox-group
 
-## Themes
-
-Vaadin components come with two built-in [themes](https://vaadin.com/docs/latest/styling), Lumo and Material.
-The [main entrypoint](https://github.com/vaadin/web-components/blob/main/packages/checkbox-group/vaadin-checkbox-group.js) of the package uses the Lumo theme.
-
-To use the Material theme, import the component from the `theme/material` folder:
-
-```js
-import '@vaadin/checkbox-group/theme/material/vaadin-checkbox-group.js';
-```
-
-You can also import the Lumo version of the component explicitly:
-
-```js
-import '@vaadin/checkbox-group/theme/lumo/vaadin-checkbox-group.js';
-```
-
-Finally, you can import the un-themed component from the `src` folder to get a minimal starting point:
-
-```js
-import '@vaadin/checkbox-group/src/vaadin-checkbox-group.js';
-```
-
 ## Contributing
@@ -57,0 +34,0 @@

src/vaadin-checkbox-group-mixin.d.ts

@@ -9,3 +9,2 @@ /**
 import type { FocusMixinClass } from '@vaadin/a11y-base/src/focus-mixin.js';
-import type { ControllerMixinClass } from '@vaadin/component-base/src/controller-mixin.js';
 import type { FieldMixinClass } from '@vaadin/field-base/src/field-mixin.js';
@@ -21,3 +20,2 @@ import type { LabelMixinClass } from '@vaadin/field-base/src/label-mixin.js';
 ): Constructor<CheckboxGroupMixinClass> &
-  Constructor<ControllerMixinClass> &
   Constructor<DisabledMixinClass> &
@@ -24,0 +22,0 @@ Constructor<FieldMixinClass> &

src/vaadin-checkbox-group.js

@@ -7,11 +7,10 @@ /**
 import '@vaadin/checkbox/src/vaadin-checkbox.js';
-import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
+import { html, LitElement } from 'lit';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
-import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
+import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 import { CheckboxGroupMixin } from './vaadin-checkbox-group-mixin.js';
 import { checkboxGroupStyles } from './vaadin-checkbox-group-styles.js';
 
-registerStyles('vaadin-checkbox-group', checkboxGroupStyles, { moduleId: 'vaadin-checkbox-group-styles' });
-
 /**
@@ -66,3 +65,3 @@ * `<vaadin-checkbox-group>` is a web component that allows the user to choose several items from a group of binary choices.
  */
-class CheckboxGroup extends CheckboxGroupMixin(ElementMixin(ThemableMixin(PolymerElement))) {
+class CheckboxGroup extends CheckboxGroupMixin(ElementMixin(ThemableMixin(PolylitMixin(LitElement)))) {
   static get is() {
@@ -72,3 +71,8 @@ return 'vaadin-checkbox-group';
 
-  static get template() {
+  static get styles() {
+    return checkboxGroupStyles;
+  }
+
+  /** @protected */
+  render() {
     return html`
@@ -75,0 +79,0 @@ <div class="vaadin-group-field-container">

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/checkbox-group",
-  "version": "24.8.0-alpha9",
+  "version": "25.0.0-alpha1",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "contributions": {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/checkbox-group",
-  "version": "24.8.0-alpha9",
+  "version": "25.0.0-alpha1",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

No alert changes

Improved metrics

Dependency count

8

-20%

Worsened metrics

Total package byte prevSize

53122

-9.41%

Number of package files

17

-41.38%

Lines of code

1002

-10.46%

Number of lines in readme file

42

-35.38%

Dependency changes

• + Added

  @vaadin/a11y-base@25.0.0-alpha1
  (transitive)

• + Added

  @vaadin/checkbox@25.0.0-alpha1
  (transitive)

• + Added

  @vaadin/component-base@25.0.0-alpha1
  (transitive)

• + Added

  @vaadin/field-base@25.0.0-alpha1
  (transitive)

• + Added

  @vaadin/icon@25.0.0-alpha1
  (transitive)

• + Added

  @vaadin/vaadin-lumo-styles@25.0.0-alpha1
  (transitive)

• + Added

  @vaadin/vaadin-themable-mixin@25.0.0-alpha1
  (transitive)

• + Added

  style-observer@0.0.8
  (transitive)

• - Removed

  @polymer/polymer@^3.0.0

• - Removed

  @vaadin/vaadin-material-styles@24.8.0-alpha9

• - Removed

  @polymer/polymer@3.5.2
  (transitive)

• - Removed

  @vaadin/a11y-base@24.8.0-alpha9
  (transitive)

• - Removed

  @vaadin/checkbox@24.8.0-alpha9
  (transitive)

• - Removed

  @vaadin/component-base@24.8.0-alpha9
  (transitive)

• - Removed

  @vaadin/field-base@24.8.0-alpha9
  (transitive)

• - Removed

  @vaadin/icon@24.8.0-alpha9
  (transitive)

• - Removed

  @vaadin/vaadin-lumo-styles@24.8.0-alpha9
  (transitive)

• - Removed

  @vaadin/vaadin-material-styles@24.8.0-alpha9
  (transitive)

• - Removed

  @vaadin/vaadin-themable-mixin@24.8.0-alpha9
  (transitive)

• - Removed

  @webcomponents/shadycss@1.11.2
  (transitive)

• Updated

  @vaadin/a11y-base@25.0.0-alpha1

• Updated

  @vaadin/checkbox@25.0.0-alpha1

• Updated

  @vaadin/component-base@25.0.0-alpha1

• Updated

  @vaadin/field-base@25.0.0-alpha1

• Updated

  @vaadin/vaadin-lumo-styles@25.0.0-alpha1

• Updated

  @vaadin/vaadin-themable-mixin@25.0.0-alpha1