@vaadin/field-base - npm Package Compare versions

Comparing version 25.3.0-alpha3 to 25.3.0-alpha4

package.json

 {
   "name": "@vaadin/field-base",
-  "version": "25.3.0-alpha3",
+  "version": "25.3.0-alpha4",
   "publishConfig": {
@@ -35,10 +35,10 @@ "access": "public"
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.3.0-alpha3",
-    "@vaadin/component-base": "25.3.0-alpha3",
+    "@vaadin/a11y-base": "25.3.0-alpha4",
+    "@vaadin/component-base": "25.3.0-alpha4",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.3.0-alpha3",
-    "@vaadin/input-container": "25.3.0-alpha3",
-    "@vaadin/test-runner-commands": "25.3.0-alpha3",
+    "@vaadin/chai-plugins": "25.3.0-alpha4",
+    "@vaadin/input-container": "25.3.0-alpha4",
+    "@vaadin/test-runner-commands": "25.3.0-alpha4",
     "@vaadin/testing-helpers": "^2.0.0",
@@ -48,3 +48,3 @@ "sinon": "^22.0.0"
   "customElements": "custom-elements.json",
-  "gitHead": "ba0c4c55ea219eadd9aefe244f53e87803a066c8"
+  "gitHead": "ff0efcd52d3b8a081e8101d36cf7bef65ed71cb1"
 }

src/clear-button-mixin.d.ts

@@ -20,7 +20,4 @@ /**
    * Set to true to display the clear icon which clears the input.
+   * This also enables clearing the input when pressing Esc key.
    *
-   * It is up to the component to choose where to place the clear icon:
-   * in the Shadow DOM or in the light DOM. In any way, a reference to
-   * the clear icon element should be provided via the `clearElement` getter.
-   *
    * @attr {boolean} clear-button-visible
@@ -27,0 +24,0 @@ */

src/clear-button-mixin.js

@@ -20,7 +20,4 @@ /**
          * Set to true to display the clear icon which clears the input.
+         * This also enables clearing the input when pressing Esc key.
          *
-         * It is up to the component to choose where to place the clear icon:
-         * in the Shadow DOM or in the light DOM. In any way, a reference to
-         * the clear icon element should be provided via the `clearElement` getter.
-         *
          * @attr {boolean} clear-button-visible
@@ -27,0 +24,0 @@ */

src/styles/checkable-base-styles.js

@@ -21,6 +21,2 @@ /**
 
-  :host([disabled]) {
-    --_cursor: var(--vaadin-disabled-cursor);
-  }
-
   :host(:not([has-label])) {
@@ -113,2 +109,15 @@ column-gap: 0;
 
+  :host([readonly]) {
+    --vaadin-${unsafeCSS(part)}-background: transparent;
+    --vaadin-${unsafeCSS(part)}-border-color: var(--vaadin-border-color);
+    --vaadin-${unsafeCSS(part)}-marker-color: var(--vaadin-text-color);
+    --_border-style: dashed;
+    --_cursor: var(--vaadin-disabled-cursor);
+
+    [part='label'],
+    ::slotted(label) {
+      cursor: default;
+    }
+  }
+
   :host([disabled]) {
@@ -118,2 +127,3 @@ --vaadin-${unsafeCSS(propName)}-background: var(--vaadin-input-field-disabled-background, var(--vaadin-background-container-strong));
     --vaadin-${unsafeCSS(propName)}-marker-color: var(--vaadin-text-color-disabled);
+    --_cursor: var(--vaadin-disabled-cursor);
   }
@@ -152,2 +162,26 @@
 
+  /* Reverse variant */
+  :host([theme~='reverse']) {
+    grid-template-columns: 1fr auto;
+
+    &::before {
+      display: none;
+    }
+
+    [part='label'],
+    [part='helper-text'],
+    [part='error-message'] {
+      grid-column: 1;
+    }
+
+    [part='${unsafeCSS(part)}'],
+    ::slotted(input) {
+      grid-column: 2;
+    }
+
+    ::slotted(input) {
+      margin-inline: calc(min(0px, (24px - 100%) / -2) - var(--vaadin-${unsafeCSS(propName)}-gap, var(--vaadin-gap-s))) 0 !important;
+    }
+  }
+
   @media (forced-colors: active) {
@@ -154,0 +188,0 @@ :host(:is([checked], [indeterminate])) {

No alert changes

Improved metrics

Lines of code

4891

0.45%

Worsened metrics

Total package byte prevSize

181252

-0.22%

Dependency changes

• + Added

  @vaadin/a11y-base@25.3.0-alpha4
  (transitive)

• + Added

  @vaadin/component-base@25.3.0-alpha4
  (transitive)

• - Removed

  @vaadin/a11y-base@25.3.0-alpha3
  (transitive)

• - Removed

  @vaadin/component-base@25.3.0-alpha3
  (transitive)

• Updated

  @vaadin/a11y-base@25.3.0-alpha4

• Updated

  @vaadin/component-base@25.3.0-alpha4