Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@vaadin/number-field
Advanced tools
@vaadin/number-field - npm Package Compare versions
Comparing version 24.5.0-alpha9 to 24.5.0-beta1
| { | ||
| "name": "@vaadin/number-field", | ||
| "version": "24.5.0-alpha9", | ||
| "version": "24.5.0-beta1", | ||
| "publishConfig": { | ||
@@ -41,13 +41,13 @@ "access": "public" | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/a11y-base": "24.5.0-alpha9", | ||
| "@vaadin/component-base": "24.5.0-alpha9", | ||
| "@vaadin/field-base": "24.5.0-alpha9", | ||
| "@vaadin/input-container": "24.5.0-alpha9", | ||
| "@vaadin/vaadin-lumo-styles": "24.5.0-alpha9", | ||
| "@vaadin/vaadin-material-styles": "24.5.0-alpha9", | ||
| "@vaadin/vaadin-themable-mixin": "24.5.0-alpha9", | ||
| "@vaadin/a11y-base": "24.5.0-beta1", | ||
| "@vaadin/component-base": "24.5.0-beta1", | ||
| "@vaadin/field-base": "24.5.0-beta1", | ||
| "@vaadin/input-container": "24.5.0-beta1", | ||
| "@vaadin/vaadin-lumo-styles": "24.5.0-beta1", | ||
| "@vaadin/vaadin-material-styles": "24.5.0-beta1", | ||
| "@vaadin/vaadin-themable-mixin": "24.5.0-beta1", | ||
| "lit": "^3.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@vaadin/chai-plugins": "24.5.0-alpha9", | ||
| "@vaadin/chai-plugins": "24.5.0-beta1", | ||
| "@vaadin/testing-helpers": "^1.0.0", | ||
@@ -60,3 +60,3 @@ "sinon": "^18.0.0" | ||
| ], | ||
| "gitHead": "804744762f3bec0a2247c4bbcbbb204dbcd78bc0" | ||
| "gitHead": "da4b57724d7089e3766d59d01068159322adb2b8" | ||
| } |
@@ -8,3 +8,2 @@ /** | ||
| import '@vaadin/vaadin-lumo-styles/sizing.js'; | ||
| import { fieldButton } from '@vaadin/vaadin-lumo-styles/mixins/field-button.js'; | ||
| import { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js'; | ||
@@ -18,3 +17,3 @@ import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
| [part$='button'][disabled] { | ||
| :host(:not([disabled])) [part$='button'][disabled] { | ||
| opacity: 0.2; | ||
@@ -52,4 +51,4 @@ } | ||
| registerStyles('vaadin-number-field', [inputFieldShared, fieldButton, numberField], { | ||
| registerStyles('vaadin-number-field', [inputFieldShared, numberField], { | ||
| moduleId: 'lumo-number-field', | ||
| }); |
@@ -7,3 +7,2 @@ /** | ||
| import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js'; | ||
| import { fieldButton } from '@vaadin/vaadin-material-styles/mixins/field-button.js'; | ||
| import { inputFieldShared } from '@vaadin/vaadin-material-styles/mixins/input-field-shared.js'; | ||
@@ -17,3 +16,3 @@ import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
| [part$='button'][disabled] { | ||
| :host(:not([disabled])) [part$='button'][disabled] { | ||
| opacity: 0.2; | ||
@@ -29,4 +28,4 @@ } | ||
| registerStyles('vaadin-number-field', [inputFieldShared, fieldButton, numberField], { | ||
| registerStyles('vaadin-number-field', [inputFieldShared, numberField], { | ||
| moduleId: 'material-number-field', | ||
| }); |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/number-field", | ||
| "version": "24.5.0-alpha9", | ||
| "version": "24.5.0-beta1", | ||
| "description-markup": "markdown", | ||
@@ -11,3 +11,3 @@ "contributions": { | ||
| "name": "vaadin-number-field", | ||
| "description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha9/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | -\n\nNote, there is currently no way to detect unparsable => unparsable changes because the browser\ndoesn't provide access to unparsable values of native [type=number] inputs.", | ||
| "description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-beta1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | -\n\nNote, there is currently no way to detect unparsable => unparsable changes because the browser\ndoesn't provide access to unparsable values of native [type=number] inputs.", | ||
| "attributes": [ | ||
@@ -14,0 +14,0 @@ { |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/number-field", | ||
| "version": "24.5.0-alpha9", | ||
| "version": "24.5.0-beta1", | ||
| "description-markup": "markdown", | ||
@@ -19,3 +19,3 @@ "framework": "lit", | ||
| "name": "vaadin-number-field", | ||
| "description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha9/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | -\n\nNote, there is currently no way to detect unparsable => unparsable changes because the browser\ndoesn't provide access to unparsable values of native [type=number] inputs.", | ||
| "description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\n`<vaadin-number-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-beta1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | -\n\nNote, there is currently no way to detect unparsable => unparsable changes because the browser\ndoesn't provide access to unparsable values of native [type=number] inputs.", | ||
| "extension": true, | ||
@@ -22,0 +22,0 @@ "attributes": [ |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- decreased by-0.2%
77556
- Lines of code
- decreased by-0.12%
1732
Dependency changes
+ Added@vaadin/a11y-base@24.5.0-beta1(transitive)
+ Added@vaadin/component-base@24.5.0-beta1(transitive)
+ Added@vaadin/field-base@24.5.0-beta1(transitive)
+ Added@vaadin/icon@24.5.0-beta1(transitive)
+ Added@vaadin/input-container@24.5.0-beta1(transitive)
+ Added@vaadin/vaadin-lumo-styles@24.5.0-beta1(transitive)
+ Added@vaadin/vaadin-material-styles@24.5.0-beta1(transitive)
+ Added@vaadin/vaadin-themable-mixin@24.5.0-beta1(transitive)
- Removed@vaadin/a11y-base@24.5.0-alpha9(transitive)
- Removed@vaadin/component-base@24.5.0-alpha9(transitive)
- Removed@vaadin/field-base@24.5.0-alpha9(transitive)
- Removed@vaadin/icon@24.5.0-alpha9(transitive)
- Removed@vaadin/input-container@24.5.0-alpha9(transitive)
- Removed@vaadin/vaadin-lumo-styles@24.5.0-alpha9(transitive)
- Removed@vaadin/vaadin-material-styles@24.5.0-alpha9(transitive)
- Removed@vaadin/vaadin-themable-mixin@24.5.0-alpha9(transitive)