@vaadin/field-base 25.0.0-alpha10 → 25.0.0-alpha11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-base",
-  "version": "25.0.0-alpha10",
+  "version": "25.0.0-alpha11",
   "publishConfig": {
     "access": "public"
   },
@@ -33,15 +33,15 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.0.0-alpha10",
-    "@vaadin/component-base": "25.0.0-alpha10",
+    "@vaadin/a11y-base": "25.0.0-alpha11",
+    "@vaadin/component-base": "25.0.0-alpha11",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-alpha10",
-    "@vaadin/test-runner-commands": "25.0.0-alpha10",
+    "@vaadin/chai-plugins": "25.0.0-alpha11",
+    "@vaadin/test-runner-commands": "25.0.0-alpha11",
     "@vaadin/testing-helpers": "^2.0.0",
     "sinon": "^18.0.0"
   },
-  "gitHead": "6cc6c94079e805fa5b2f0af4dbf3b2a7485e57d0"
+  "gitHead": "abfd315ba5a7484a613e0768635a4e8fe945a44b"
 }

package/src/styles/input-field-shared-styles.js

@@ -3,8 +3,8 @@
  * Copyright (c) 2021 - 2025 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { button } from './button-core-styles.js';
-import { container } from './container-core-styles.js';
-import { field } from './field-core-styles.js';
+import { button } from './button-base-styles.js';
+import { container } from './container-base-styles.js';
+import { field } from './field-base-styles.js';
 
 export const inputFieldShared = [field, container, button];

package/src/styles/button-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const button: CSSResult;

package/src/styles/button-core-styles.js

@@ -1,21 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-export const button = css`
-  [part='clear-button'] {
-    display: none;
-    cursor: default;
-  }
-
-  [part='clear-button']::before {
-    content: '\\2715';
-  }
-
-  :host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] {
-    display: block;
-  }
-`;

package/src/styles/checkable-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const checkable: (part: string, propName?: string) => CSSResult;

package/src/styles/checkable-core-styles.js

@@ -1,64 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css, unsafeCSS } from 'lit';
-
-export const checkable = (part, propName = part) => css`
-  :host {
-    display: inline-block;
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  :host([disabled]) {
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  .vaadin-${unsafeCSS(propName)}-container {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    align-items: baseline;
-  }
-
-  [part='${unsafeCSS(part)}'],
-  ::slotted(input),
-  [part='label'],
-  ::slotted(label) {
-    grid-row: 1;
-  }
-
-  [part='${unsafeCSS(part)}'],
-  ::slotted(input) {
-    grid-column: 1;
-  }
-
-  /* Control container (checkbox, radio button) */
-  [part='${unsafeCSS(part)}'] {
-    width: var(--vaadin-${unsafeCSS(propName)}-size, 1em);
-    height: var(--vaadin-${unsafeCSS(propName)}-size, 1em);
-    --_input-border-width: var(--vaadin-input-field-border-width, 0);
-    --_input-border-color: var(--vaadin-input-field-border-color, transparent);
-    box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
-  }
-
-  [part='${unsafeCSS(part)}']::before {
-    display: block;
-    content: '\\202F';
-    line-height: var(--vaadin-${unsafeCSS(propName)}-size, 1em);
-    contain: paint;
-  }
-
-  /* visually hidden */
-  ::slotted(input) {
-    cursor: inherit;
-    margin: 0;
-    align-self: stretch;
-    appearance: none;
-    width: initial;
-    height: initial;
-  }
-`;

package/src/styles/container-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const container: CSSResult;

package/src/styles/container-core-styles.js

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-export const container = css`
-  [class$='container'] {
-    display: flex;
-    flex-direction: column;
-    min-width: 100%;
-    max-width: 100%;
-    width: var(--vaadin-field-default-width, 12em);
-  }
-`;

package/src/styles/field-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const field: CSSResult;

package/src/styles/field-core-styles.js

@@ -1,44 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-export const field = css`
-  :host {
-    display: inline-flex;
-    outline: none;
-  }
-
-  :host::before {
-    content: '\\2003';
-    width: 0;
-    display: inline-block;
-    /* Size and position this element on the same vertical position as the input-field element
-          to make vertical align for the host element work as expected */
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  :host(:not([has-label])) [part='label'] {
-    display: none;
-  }
-
-  @media (forced-colors: active) {
-    :host(:not([readonly])) [part='input-field'] {
-      outline: 1px solid;
-      outline-offset: -1px;
-    }
-
-    :host([focused]) [part='input-field'] {
-      outline-width: 2px;
-    }
-
-    :host([disabled]) [part='input-field'] {
-      outline-color: GrayText;
-    }
-  }
-`;

package/src/styles/group-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const group: (name?: string) => CSSResult;

package/src/styles/group-core-styles.js

@@ -1,37 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-export const group = () => css`
-  :host {
-    display: inline-flex;
-  }
-
-  :host::before {
-    content: '\\2003';
-    width: 0;
-    display: inline-block;
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  .vaadin-group-field-container {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
-
-  [part='group-field'] {
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  :host(:not([has-label])) [part='label'] {
-    display: none;
-  }
-`;