@vaadin/custom-field - npm Package Compare versions

Comparing version 23.2.0 to 23.2.1

package.json

 {
   "name": "@vaadin/custom-field",
-  "version": "23.2.0",
+  "version": "23.2.1",
   "publishConfig": {
@@ -38,23 +38,23 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "^23.2.0",
-    "@vaadin/field-base": "^23.2.0",
-    "@vaadin/vaadin-lumo-styles": "^23.2.0",
-    "@vaadin/vaadin-material-styles": "^23.2.0",
-    "@vaadin/vaadin-themable-mixin": "^23.2.0"
+    "@vaadin/component-base": "~23.2.1",
+    "@vaadin/field-base": "~23.2.1",
+    "@vaadin/vaadin-lumo-styles": "~23.2.1",
+    "@vaadin/vaadin-material-styles": "~23.2.1",
+    "@vaadin/vaadin-themable-mixin": "~23.2.1"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/combo-box": "^23.2.0",
-    "@vaadin/date-picker": "^23.2.0",
-    "@vaadin/email-field": "^23.2.0",
-    "@vaadin/form-layout": "^23.2.0",
-    "@vaadin/list-box": "^23.2.0",
-    "@vaadin/number-field": "^23.2.0",
-    "@vaadin/password-field": "^23.2.0",
-    "@vaadin/polymer-legacy-adapter": "^23.2.0",
-    "@vaadin/select": "^23.2.0",
+    "@vaadin/combo-box": "~23.2.1",
+    "@vaadin/date-picker": "~23.2.1",
+    "@vaadin/email-field": "~23.2.1",
+    "@vaadin/form-layout": "~23.2.1",
+    "@vaadin/list-box": "~23.2.1",
+    "@vaadin/number-field": "~23.2.1",
+    "@vaadin/password-field": "~23.2.1",
+    "@vaadin/polymer-legacy-adapter": "~23.2.1",
+    "@vaadin/select": "~23.2.1",
     "@vaadin/testing-helpers": "^0.3.2",
-    "@vaadin/text-area": "^23.2.0",
-    "@vaadin/text-field": "^23.2.0",
-    "@vaadin/time-picker": "^23.2.0",
+    "@vaadin/text-area": "~23.2.1",
+    "@vaadin/text-field": "~23.2.1",
+    "@vaadin/time-picker": "~23.2.1",
     "sinon": "^13.0.2"
@@ -66,3 +66,3 @@ },
   ],
-  "gitHead": "8b1f5941f26ac41ca038e75e24c8584e331bc7a8"
+  "gitHead": "a6c314f6927bfd3309fc735eae6c6dc72ab8367a"
 }

src/vaadin-custom-field.d.ts

@@ -90,3 +90,2 @@ /**
  * --------------------|-------------------------------------------|------------
- * `disabled`          | Set when the element is disabled          | :host
  * `invalid`           | Set when the element is invalid           | :host
@@ -99,2 +98,5 @@ * `focused`           | Set when the element is focused           | :host
  *
+ * You may also manually set `disabled` or `readonly` attribute on this component to make the label
+ * part look visually the same as on a `<vaadin-text-field>` when it is disabled or readonly.
+ *
  * See [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.
@@ -159,7 +161,2 @@ *
 
-  /**
-   * Returns true if the current inputs values satisfy all constraints (if any).
-   */
-  checkValidity(): boolean;
-
   addEventListener<K extends keyof CustomFieldEventMap>(
@@ -166,0 +163,0 @@ type: K,

src/vaadin-custom-field.js

@@ -39,3 +39,2 @@ /**
  * --------------------|-------------------------------------------|------------
- * `disabled`          | Set when the element is disabled          | :host
  * `invalid`           | Set when the element is invalid           | :host
@@ -48,2 +47,5 @@ * `focused`           | Set when the element is focused           | :host
  *
+ * You may also manually set `disabled` or `readonly` attribute on this component to make the label
+ * part look visually the same as on a `<vaadin-text-field>` when it is disabled or readonly.
+ *
  * See [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.
@@ -50,0 +52,0 @@ *

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/custom-field",
-  "version": "23.2.0",
+  "version": "23.2.1",
   "description-markup": "markdown",
@@ -11,3 +11,3 @@ "contributions": {
           "name": "vaadin-custom-field",
-          "description": "`<vaadin-custom-field>` is a web component for wrapping multiple components as a single field.\n\n```\n<vaadin-custom-field label=\"Appointment time\">\n  <vaadin-date-picker></vaadin-date-picker>\n  <vaadin-time-picker></vaadin-time-picker>\n</vaadin-custom-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name            | Description\n---------------------|----------------\n`label`              | The slotted label element wrapper\n`helper-text`        | The slotted helper text element wrapper\n`error-message`      | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute           | Description                               | Part name\n--------------------|-------------------------------------------|------------\n`disabled`          | Set when the element is disabled          | :host\n`invalid`           | Set when the element is invalid           | :host\n`focused`           | Set when the element is focused           | :host\n`has-label`         | Set when the element has a label          | :host\n`has-value`         | Set when the element has a value          | :host\n`has-helper`        | Set when the element has helper text      | :host\n`has-error-message` | Set when the element has an error message | :host\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
+          "description": "`<vaadin-custom-field>` is a web component for wrapping multiple components as a single field.\n\n```\n<vaadin-custom-field label=\"Appointment time\">\n  <vaadin-date-picker></vaadin-date-picker>\n  <vaadin-time-picker></vaadin-time-picker>\n</vaadin-custom-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name            | Description\n---------------------|----------------\n`label`              | The slotted label element wrapper\n`helper-text`        | The slotted helper text element wrapper\n`error-message`      | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute           | Description                               | Part name\n--------------------|-------------------------------------------|------------\n`invalid`           | Set when the element is invalid           | :host\n`focused`           | Set when the element is focused           | :host\n`has-label`         | Set when the element has a label          | :host\n`has-value`         | Set when the element has a value          | :host\n`has-helper`        | Set when the element has helper text      | :host\n`has-error-message` | Set when the element has an error message | :host\n\nYou may also manually set `disabled` or `readonly` attribute on this component to make the label\npart look visually the same as on a `<vaadin-text-field>` when it is disabled or readonly.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
           "attributes": [
@@ -82,3 +82,3 @@ {
               "name": "value",
-              "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values. Use the [`i18n`](https://cdn.vaadin.com/vaadin-web-components/23.2.0/#/elements/vaadin-custom-field#property-i18n)\nproperty to customize this behavior.",
+              "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values. Use the [`i18n`](https://cdn.vaadin.com/vaadin-web-components/23.2.1/#/elements/vaadin-custom-field#property-i18n)\nproperty to customize this behavior.",
               "value": {
@@ -174,3 +174,3 @@ "type": [
                 "name": "value",
-                "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values. Use the [`i18n`](https://cdn.vaadin.com/vaadin-web-components/23.2.0/#/elements/vaadin-custom-field#property-i18n)\nproperty to customize this behavior.",
+                "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values. Use the [`i18n`](https://cdn.vaadin.com/vaadin-web-components/23.2.1/#/elements/vaadin-custom-field#property-i18n)\nproperty to customize this behavior.",
                 "value": {
@@ -206,2 +206,6 @@ "type": [
                 "description": "Fired when the `value` property changes."
+              },
+              {
+                "name": "invalid-changed",
+                "description": "Fired when the `invalid` property changes."
               }
@@ -208,0 +212,0 @@ ]

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/custom-field",
-  "version": "23.2.0",
+  "version": "23.2.1",
   "description-markup": "markdown",
@@ -19,3 +19,3 @@ "framework": "lit",
           "name": "vaadin-custom-field",
-          "description": "`<vaadin-custom-field>` is a web component for wrapping multiple components as a single field.\n\n```\n<vaadin-custom-field label=\"Appointment time\">\n  <vaadin-date-picker></vaadin-date-picker>\n  <vaadin-time-picker></vaadin-time-picker>\n</vaadin-custom-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name            | Description\n---------------------|----------------\n`label`              | The slotted label element wrapper\n`helper-text`        | The slotted helper text element wrapper\n`error-message`      | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute           | Description                               | Part name\n--------------------|-------------------------------------------|------------\n`disabled`          | Set when the element is disabled          | :host\n`invalid`           | Set when the element is invalid           | :host\n`focused`           | Set when the element is focused           | :host\n`has-label`         | Set when the element has a label          | :host\n`has-value`         | Set when the element has a value          | :host\n`has-helper`        | Set when the element has helper text      | :host\n`has-error-message` | Set when the element has an error message | :host\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
+          "description": "`<vaadin-custom-field>` is a web component for wrapping multiple components as a single field.\n\n```\n<vaadin-custom-field label=\"Appointment time\">\n  <vaadin-date-picker></vaadin-date-picker>\n  <vaadin-time-picker></vaadin-time-picker>\n</vaadin-custom-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name            | Description\n---------------------|----------------\n`label`              | The slotted label element wrapper\n`helper-text`        | The slotted helper text element wrapper\n`error-message`      | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute           | Description                               | Part name\n--------------------|-------------------------------------------|------------\n`invalid`           | Set when the element is invalid           | :host\n`focused`           | Set when the element is focused           | :host\n`has-label`         | Set when the element has a label          | :host\n`has-value`         | Set when the element has a value          | :host\n`has-helper`        | Set when the element has helper text      | :host\n`has-error-message` | Set when the element has an error message | :host\n\nYou may also manually set `disabled` or `readonly` attribute on this component to make the label\npart look visually the same as on a `<vaadin-text-field>` when it is disabled or readonly.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
           "extension": true,
@@ -67,3 +67,3 @@ "attributes": [
               "name": ".value",
-              "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values. Use the [`i18n`](https://cdn.vaadin.com/vaadin-web-components/23.2.0/#/elements/vaadin-custom-field#property-i18n)\nproperty to customize this behavior.",
+              "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values. Use the [`i18n`](https://cdn.vaadin.com/vaadin-web-components/23.2.1/#/elements/vaadin-custom-field#property-i18n)\nproperty to customize this behavior.",
               "value": {
@@ -100,2 +100,9 @@ "kind": "expression"
               }
+            },
+            {
+              "name": "@invalid-changed",
+              "description": "Fired when the `invalid` property changes.",
+              "value": {
+                "kind": "expression"
+              }
             }
@@ -102,0 +109,0 @@ ]

No alert changes

Improved metrics

Total package byte prevSize

53304

increased by1.4%

Lines of code

988

increased by1.33%

Dependency changes

• + Added@vaadin/component-base@23.2.18(transitive)

• + Added@vaadin/field-base@23.2.18(transitive)

• + Added@vaadin/icon@23.2.18(transitive)

• + Added@vaadin/vaadin-lumo-styles@23.2.18(transitive)

• + Added@vaadin/vaadin-material-styles@23.2.18(transitive)

• + Added@vaadin/vaadin-themable-mixin@23.2.18(transitive)

• - Removed@vaadin/component-base@23.5.12(transitive)

• - Removed@vaadin/field-base@23.5.12(transitive)

• - Removed@vaadin/icon@23.5.12(transitive)

• - Removed@vaadin/vaadin-lumo-styles@23.5.12(transitive)

• - Removed@vaadin/vaadin-material-styles@23.5.12(transitive)

• - Removed@vaadin/vaadin-themable-mixin@23.5.12(transitive)

• Updated@vaadin/component-base@~23.2.1

• Updated@vaadin/field-base@~23.2.1

• Updated@vaadin/vaadin-lumo-styles@~23.2.1

• Updated@vaadin/vaadin-material-styles@~23.2.1

• Updated@vaadin/vaadin-themable-mixin@~23.2.1