@vaadin/dashboard 25.0.0-alpha10 → 25.0.0-alpha12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/dashboard",
-  "version": "25.0.0-alpha10",
+  "version": "25.0.0-alpha12",
   "publishConfig": {
     "access": "public"
   },
@@ -21,9 +21,6 @@
   "type": "module",
   "files": [
     "src",
-    "!src/styles/*-base-styles.d.ts",
-    "!src/styles/*-base-styles.js",
-    "theme",
     "vaadin-*.d.ts",
     "vaadin-*.js",
     "web-types.json",
@@ -39,22 +36,22 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.0.0-alpha10",
-    "@vaadin/button": "25.0.0-alpha10",
-    "@vaadin/component-base": "25.0.0-alpha10",
-    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha10",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha10",
+    "@vaadin/a11y-base": "25.0.0-alpha12",
+    "@vaadin/button": "25.0.0-alpha12",
+    "@vaadin/component-base": "25.0.0-alpha12",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha12",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-alpha10",
-    "@vaadin/test-runner-commands": "25.0.0-alpha10",
-    "@vaadin/testing-helpers": "^2.0.0"
+    "@vaadin/chai-plugins": "25.0.0-alpha12",
+    "@vaadin/test-runner-commands": "25.0.0-alpha12",
+    "@vaadin/testing-helpers": "^2.0.0",
+    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha12"
   },
   "cvdlName": "vaadin-dashboard",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "6cc6c94079e805fa5b2f0af4dbf3b2a7485e57d0"
+  "gitHead": "e75527348f9ba7c363d068c868b9f030c15b84a1"
 }

package/src/styles/vaadin-dashboard-base-styles.js

@@ -9,7 +9,7 @@
  * license.
  */
 import { css } from 'lit';
-import { dashboardLayoutStyles } from './vaadin-dashboard-layout-core-styles.js';
+import { dashboardLayoutStyles } from './vaadin-dashboard-layout-base-styles.js';
 
 const dashboard = css`
   #grid[item-resizing] {

package/src/styles/vaadin-dashboard-button-base-styles.js

@@ -9,7 +9,7 @@
  * license.
  */
 import { css } from 'lit';
-import { buttonStyles } from '@vaadin/button/src/styles/vaadin-button-core-styles.js';
+import { buttonStyles } from '@vaadin/button/src/styles/vaadin-button-base-styles.js';
 
 const dashboardButton = css`
   :host {

package/src/styles/vaadin-dashboard-section-base-styles.js

@@ -8,9 +8,9 @@
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
-import '@vaadin/component-base/src/style-props.js';
+import '@vaadin/component-base/src/styles/style-props.js';
 import { css } from 'lit';
-import { dashboardWidgetAndSectionStyles } from './vaadin-dashboard-widget-section-core-styles.js';
+import { dashboardWidgetAndSectionStyles } from './vaadin-dashboard-widget-section-base-styles.js';
 
 const sectionStyles = css`
   :host {

package/src/styles/vaadin-dashboard-widget-base-styles.js

@@ -8,9 +8,9 @@
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
-import '@vaadin/component-base/src/style-props.js';
+import '@vaadin/component-base/src/styles/style-props.js';
 import { css } from 'lit';
-import { dashboardWidgetAndSectionStyles } from './vaadin-dashboard-widget-section-core-styles.js';
+import { dashboardWidgetAndSectionStyles } from './vaadin-dashboard-widget-section-base-styles.js';
 
 const widgetStyles = css`
   :host {

package/src/styles/vaadin-dashboard-widget-section-base-styles.js

@@ -8,7 +8,7 @@
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
-import '@vaadin/component-base/src/style-props.js';
+import '@vaadin/component-base/src/styles/style-props.js';
 import { css } from 'lit';
 
 export const dashboardWidgetAndSectionStyles = css`

package/src/vaadin-dashboard-button.js

@@ -16,7 +16,7 @@ import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
 import { LumoInjectionMixin } from '@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { dashboardButtonStyles } from './styles/vaadin-dashboard-button-core-styles.js';
+import { dashboardButtonStyles } from './styles/vaadin-dashboard-button-base-styles.js';
 
 class DashboardButton extends ButtonMixin(ElementMixin(ThemableMixin(PolylitMixin(LumoInjectionMixin(LitElement))))) {
   static get is() {

package/src/vaadin-dashboard-layout.js

@@ -14,7 +14,7 @@ import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { LumoInjectionMixin } from '@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { dashboardLayoutStyles } from './styles/vaadin-dashboard-layout-core-styles.js';
+import { dashboardLayoutStyles } from './styles/vaadin-dashboard-layout-base-styles.js';
 import { DashboardLayoutMixin } from './vaadin-dashboard-layout-mixin.js';
 
 /**

package/src/vaadin-dashboard-section.js

@@ -14,7 +14,7 @@ import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { LumoInjectionMixin } from '@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { dashboardSectionStyles } from './styles/vaadin-dashboard-section-core-styles.js';
+import { dashboardSectionStyles } from './styles/vaadin-dashboard-section-base-styles.js';
 import { DashboardItemMixin } from './vaadin-dashboard-item-mixin.js';
 import { getDefaultI18n } from './vaadin-dashboard-item-mixin.js';
 

package/src/vaadin-dashboard-widget.js

@@ -14,7 +14,7 @@ import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { LumoInjectionMixin } from '@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { dashboardWidgetStyles } from './styles/vaadin-dashboard-widget-core-styles.js';
+import { dashboardWidgetStyles } from './styles/vaadin-dashboard-widget-base-styles.js';
 import { findAncestorInstance, SYNCHRONIZED_ATTRIBUTES, WRAPPER_LOCAL_NAME } from './vaadin-dashboard-helpers.js';
 import { DashboardItemMixin } from './vaadin-dashboard-item-mixin.js';
 import { getDefaultI18n } from './vaadin-dashboard-item-mixin.js';

package/src/vaadin-dashboard.js

@@ -17,7 +17,7 @@ import { I18nMixin } from '@vaadin/component-base/src/i18n-mixin.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { LumoInjectionMixin } from '@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { dashboardStyles } from './styles/vaadin-dashboard-core-styles.js';
+import { dashboardStyles } from './styles/vaadin-dashboard-base-styles.js';
 import {
   getElementItem,
   getItemsArrayOfItem,

package/vaadin-dashboard-layout.js

@@ -1,3 +1,3 @@
-import './theme/lumo/vaadin-dashboard-layout.js';
+import './src/vaadin-dashboard-layout.js';
 
 export * from './src/vaadin-dashboard-layout.js';

package/vaadin-dashboard-section.js

@@ -1,3 +1,3 @@
-import './theme/lumo/vaadin-dashboard-section.js';
+import './src/vaadin-dashboard-section.js';
 
 export * from './src/vaadin-dashboard-section.js';

package/vaadin-dashboard-widget.js

@@ -1,3 +1,3 @@
-import './theme/lumo/vaadin-dashboard-widget.js';
+import './src/vaadin-dashboard-widget.js';
 
 export * from './src/vaadin-dashboard-widget.js';

package/vaadin-dashboard.js

@@ -1,3 +1,3 @@
-import './theme/lumo/vaadin-dashboard.js';
+import './src/vaadin-dashboard.js';
 
 export * from './src/vaadin-dashboard.js';

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/dashboard",
-  "version": "25.0.0-alpha10",
+  "version": "25.0.0-alpha12",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -136,7 +136,7 @@
         },
         {
           "name": "vaadin-dashboard",
-          "description": "A responsive, grid-based dashboard layout component\n\n### Quick Start\n\nAssign an array to the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha10/#/elements/vaadin-dashboard#property-items) property.\nSet a renderer function to the [`renderer`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha10/#/elements/vaadin-dashboard#property-renderer) property.\n\nThe widgets and the sections will be generated and configured based on the renderer and the items provided.\n\n```html\n<vaadin-dashboard></vaadin-dashboard>\n```\n```js\nconst dashboard = document.querySelector('vaadin-dashboard');\n\ndashboard.items = [\n  { title: 'Widget 1 title', content: 'Text 1', rowspan: 2 },\n  { title: 'Widget 2 title', content: 'Text 2', colspan: 2 },\n  {\n    title: 'Section title',\n    items: [{ title: 'Widget in section title', content: 'Text 3' }]\n  },\n  // ... more items\n];\n\ndashboard.renderer = (root, _dashboard, { item }) => {\n  const widget = root.firstElementChild || document.createElement('vaadin-dashboard-widget');\n  if (!root.contains(widget)) {\n    root.appendChild(widget);\n  }\n  widget.widgetTitle = item.title;\n  widget.textContent = item.content;\n};\n```\n\n### Styling\n\nThe following custom properties are available:\n\nCustom Property                     | Description\n------------------------------------|-------------\n`--vaadin-dashboard-col-min-width`  | minimum column width of the dashboard\n`--vaadin-dashboard-col-max-width`  | maximum column width of the dashboard\n`--vaadin-dashboard-row-min-height` | minimum row height of the dashboard\n`--vaadin-dashboard-col-max-count`  | maximum column count of the dashboard\n`--vaadin-dashboard-gap`            | gap between child elements. Must be in length units (0 is not allowed, 0px is)\n`--vaadin-dashboard-padding`        | space around the dashboard's outer edges. Must be in length units (0 is not allowed, 0px is)\n\nThe following state attributes are available for styling:\n\nAttribute            | Description\n---------------------|-------------\n`editable`           | Set when the dashboard is editable.\n`dense-layout`       | Set when the dashboard is in dense mode.\n`item-selected`      | Set when an item is selected.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
+          "description": "A responsive, grid-based dashboard layout component\n\n### Quick Start\n\nAssign an array to the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha12/#/elements/vaadin-dashboard#property-items) property.\nSet a renderer function to the [`renderer`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha12/#/elements/vaadin-dashboard#property-renderer) property.\n\nThe widgets and the sections will be generated and configured based on the renderer and the items provided.\n\n```html\n<vaadin-dashboard></vaadin-dashboard>\n```\n```js\nconst dashboard = document.querySelector('vaadin-dashboard');\n\ndashboard.items = [\n  { title: 'Widget 1 title', content: 'Text 1', rowspan: 2 },\n  { title: 'Widget 2 title', content: 'Text 2', colspan: 2 },\n  {\n    title: 'Section title',\n    items: [{ title: 'Widget in section title', content: 'Text 3' }]\n  },\n  // ... more items\n];\n\ndashboard.renderer = (root, _dashboard, { item }) => {\n  const widget = root.firstElementChild || document.createElement('vaadin-dashboard-widget');\n  if (!root.contains(widget)) {\n    root.appendChild(widget);\n  }\n  widget.widgetTitle = item.title;\n  widget.textContent = item.content;\n};\n```\n\n### Styling\n\nThe following custom properties are available:\n\nCustom Property                     | Description\n------------------------------------|-------------\n`--vaadin-dashboard-col-min-width`  | minimum column width of the dashboard\n`--vaadin-dashboard-col-max-width`  | maximum column width of the dashboard\n`--vaadin-dashboard-row-min-height` | minimum row height of the dashboard\n`--vaadin-dashboard-col-max-count`  | maximum column count of the dashboard\n`--vaadin-dashboard-gap`            | gap between child elements. Must be in length units (0 is not allowed, 0px is)\n`--vaadin-dashboard-padding`        | space around the dashboard's outer edges. Must be in length units (0 is not allowed, 0px is)\n\nThe following state attributes are available for styling:\n\nAttribute            | Description\n---------------------|-------------\n`editable`           | Set when the dashboard is editable.\n`dense-layout`       | Set when the dashboard is in dense mode.\n`item-selected`      | Set when an item is selected.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
           "attributes": [
             {
               "name": "dense-layout",

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/dashboard",
-  "version": "25.0.0-alpha10",
+  "version": "25.0.0-alpha12",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -58,7 +58,7 @@
         },
         {
           "name": "vaadin-dashboard",
-          "description": "A responsive, grid-based dashboard layout component\n\n### Quick Start\n\nAssign an array to the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha10/#/elements/vaadin-dashboard#property-items) property.\nSet a renderer function to the [`renderer`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha10/#/elements/vaadin-dashboard#property-renderer) property.\n\nThe widgets and the sections will be generated and configured based on the renderer and the items provided.\n\n```html\n<vaadin-dashboard></vaadin-dashboard>\n```\n```js\nconst dashboard = document.querySelector('vaadin-dashboard');\n\ndashboard.items = [\n  { title: 'Widget 1 title', content: 'Text 1', rowspan: 2 },\n  { title: 'Widget 2 title', content: 'Text 2', colspan: 2 },\n  {\n    title: 'Section title',\n    items: [{ title: 'Widget in section title', content: 'Text 3' }]\n  },\n  // ... more items\n];\n\ndashboard.renderer = (root, _dashboard, { item }) => {\n  const widget = root.firstElementChild || document.createElement('vaadin-dashboard-widget');\n  if (!root.contains(widget)) {\n    root.appendChild(widget);\n  }\n  widget.widgetTitle = item.title;\n  widget.textContent = item.content;\n};\n```\n\n### Styling\n\nThe following custom properties are available:\n\nCustom Property                     | Description\n------------------------------------|-------------\n`--vaadin-dashboard-col-min-width`  | minimum column width of the dashboard\n`--vaadin-dashboard-col-max-width`  | maximum column width of the dashboard\n`--vaadin-dashboard-row-min-height` | minimum row height of the dashboard\n`--vaadin-dashboard-col-max-count`  | maximum column count of the dashboard\n`--vaadin-dashboard-gap`            | gap between child elements. Must be in length units (0 is not allowed, 0px is)\n`--vaadin-dashboard-padding`        | space around the dashboard's outer edges. Must be in length units (0 is not allowed, 0px is)\n\nThe following state attributes are available for styling:\n\nAttribute            | Description\n---------------------|-------------\n`editable`           | Set when the dashboard is editable.\n`dense-layout`       | Set when the dashboard is in dense mode.\n`item-selected`      | Set when an item is selected.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
+          "description": "A responsive, grid-based dashboard layout component\n\n### Quick Start\n\nAssign an array to the [`items`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha12/#/elements/vaadin-dashboard#property-items) property.\nSet a renderer function to the [`renderer`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha12/#/elements/vaadin-dashboard#property-renderer) property.\n\nThe widgets and the sections will be generated and configured based on the renderer and the items provided.\n\n```html\n<vaadin-dashboard></vaadin-dashboard>\n```\n```js\nconst dashboard = document.querySelector('vaadin-dashboard');\n\ndashboard.items = [\n  { title: 'Widget 1 title', content: 'Text 1', rowspan: 2 },\n  { title: 'Widget 2 title', content: 'Text 2', colspan: 2 },\n  {\n    title: 'Section title',\n    items: [{ title: 'Widget in section title', content: 'Text 3' }]\n  },\n  // ... more items\n];\n\ndashboard.renderer = (root, _dashboard, { item }) => {\n  const widget = root.firstElementChild || document.createElement('vaadin-dashboard-widget');\n  if (!root.contains(widget)) {\n    root.appendChild(widget);\n  }\n  widget.widgetTitle = item.title;\n  widget.textContent = item.content;\n};\n```\n\n### Styling\n\nThe following custom properties are available:\n\nCustom Property                     | Description\n------------------------------------|-------------\n`--vaadin-dashboard-col-min-width`  | minimum column width of the dashboard\n`--vaadin-dashboard-col-max-width`  | maximum column width of the dashboard\n`--vaadin-dashboard-row-min-height` | minimum row height of the dashboard\n`--vaadin-dashboard-col-max-count`  | maximum column count of the dashboard\n`--vaadin-dashboard-gap`            | gap between child elements. Must be in length units (0 is not allowed, 0px is)\n`--vaadin-dashboard-padding`        | space around the dashboard's outer edges. Must be in length units (0 is not allowed, 0px is)\n\nThe following state attributes are available for styling:\n\nAttribute            | Description\n---------------------|-------------\n`editable`           | Set when the dashboard is editable.\n`dense-layout`       | Set when the dashboard is in dense mode.\n`item-selected`      | Set when an item is selected.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
           "extension": true,
           "attributes": [
             {

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

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import type { CSSResult } from 'lit';
-
-export const dashboardButtonStyles: CSSResult;

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

@@ -1,20 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import { css } from 'lit';
-import { buttonStyles } from '@vaadin/button/src/styles/vaadin-button-core-styles.js';
-
-const dashboardButton = css`
-  :host {
-    min-width: 1rem;
-  }
-`;
-
-export const dashboardButtonStyles = [buttonStyles, dashboardButton];

package/src/styles/vaadin-dashboard-core-styles.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import type { CSSResult } from 'lit';
-
-export const dashboardStyles: CSSResult;

package/src/styles/vaadin-dashboard-core-styles.js

@@ -1,25 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import { css } from 'lit';
-import { dashboardLayoutStyles } from './vaadin-dashboard-layout-core-styles.js';
-
-const dashboard = css`
-  #grid[item-resizing] {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-
-  ::slotted(vaadin-dashboard-widget-wrapper) {
-    display: contents;
-  }
-`;
-
-export const dashboardStyles = [dashboardLayoutStyles, dashboard];

package/src/styles/vaadin-dashboard-layout-core-styles.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import type { CSSResult } from 'lit';
-
-export const dashboardLayoutStyles: CSSResult;

package/src/styles/vaadin-dashboard-layout-core-styles.js

@@ -1,85 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import { css } from 'lit';
-
-export const dashboardLayoutStyles = css`
-  :host {
-    display: block;
-    overflow: auto;
-    box-sizing: border-box;
-    width: 100%;
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  :host([dense-layout]) #grid {
-    grid-auto-flow: dense;
-  }
-
-  #grid {
-    box-sizing: border-box;
-
-    /* Padding around dashboard edges */
-    --_default-padding: 1rem;
-    --_padding: max(0px, var(--vaadin-dashboard-padding, var(--_default-padding)));
-    padding: var(--_padding);
-
-    /* Gap between widgets */
-    --_default-gap: 1rem;
-    --_gap: max(0px, var(--vaadin-dashboard-gap, var(--_default-gap)));
-    gap: var(--_gap);
-
-    /* Default min and max column widths */
-    --_default-col-min-width: 25rem;
-    --_default-col-max-width: 1fr;
-
-    /* Effective min and max column widths */
-    --_col-min-width: var(--vaadin-dashboard-col-min-width, var(--_default-col-min-width));
-    --_col-max-width: var(--vaadin-dashboard-col-max-width, var(--_default-col-max-width));
-
-    /* Effective max column count */
-    --_col-max-count: var(--vaadin-dashboard-col-max-count, var(--_col-count));
-
-    /* Effective column count */
-    --_effective-col-count: min(var(--_col-count), var(--_col-max-count));
-
-    /* Default row min height */
-    --_default-row-min-height: 12rem;
-    /* Effective row min height */
-    --_row-min-height: var(--vaadin-dashboard-row-min-height, var(--_default-row-min-height));
-    /* Effective row height */
-    --_row-height: minmax(var(--_row-min-height, auto), auto);
-
-    display: grid;
-    overflow: hidden;
-    min-width: calc(var(--_col-min-width) + var(--_padding) * 2);
-
-    grid-template-columns: repeat(
-      var(--_effective-col-count, auto-fill),
-      minmax(var(--_col-min-width), var(--_col-max-width))
-    );
-
-    grid-auto-rows: var(--_row-height);
-  }
-
-  ::slotted(*) {
-    /* The grid-column value applied to children */
-    --_item-column: span min(var(--vaadin-dashboard-widget-colspan, 1), var(--_effective-col-count, var(--_col-count)));
-
-    grid-column: var(--_item-column);
-
-    /* The grid-row value applied to children */
-    --_item-row: span var(--vaadin-dashboard-widget-rowspan, 1);
-    grid-row: var(--_item-row);
-  }
-`;

package/src/styles/vaadin-dashboard-section-core-styles.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import type { CSSResult } from 'lit';
-
-export const dashboardSectionStyles: CSSResult;

package/src/styles/vaadin-dashboard-section-core-styles.js

@@ -1,53 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import { css } from 'lit';
-import { dashboardWidgetAndSectionStyles } from './vaadin-dashboard-widget-section-core-styles.js';
-
-const sectionStyles = css`
-  :host {
-    display: grid;
-    position: relative;
-    grid-template-columns: subgrid;
-    --_section-column: 1 / calc(var(--_effective-col-count) + 1);
-    grid-column: var(--_section-column) !important;
-    gap: var(--_gap, 1rem);
-    /* Dashboard section header height */
-    --_section-header-height: minmax(0, auto);
-    grid-template-rows: var(--_section-header-height) repeat(auto-fill, var(--_row-height));
-    grid-auto-rows: var(--_row-height);
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  ::slotted(*) {
-    --_item-column: span min(var(--vaadin-dashboard-widget-colspan, 1), var(--_effective-col-count, var(--_col-count)));
-
-    grid-column: var(--_item-column);
-    --_item-row: span var(--vaadin-dashboard-widget-rowspan, 1);
-    grid-row: var(--_item-row);
-  }
-
-  header {
-    grid-column: var(--_section-column);
-  }
-
-  :host::before {
-    z-index: 2 !important;
-  }
-
-  ::slotted(vaadin-dashboard-widget-wrapper) {
-    display: contents;
-  }
-`;
-
-export const dashboardSectionStyles = [sectionStyles, dashboardWidgetAndSectionStyles];

package/src/styles/vaadin-dashboard-widget-core-styles.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import type { CSSResult } from 'lit';
-
-export const dashboardWidgetStyles: CSSResult;

package/src/styles/vaadin-dashboard-widget-core-styles.js

@@ -1,57 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import { css } from 'lit';
-import { dashboardWidgetAndSectionStyles } from './vaadin-dashboard-widget-section-core-styles.js';
-
-const widgetStyles = css`
-  :host {
-    display: flex;
-    flex-direction: column;
-    grid-column: var(--_item-column);
-    grid-row: var(--_item-row);
-    position: relative;
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  :host(:not([editable])) [part~='resize-button'] {
-    display: none;
-  }
-
-  [part~='content'] {
-    flex: 1;
-    overflow: hidden;
-    min-height: 1rem;
-  }
-
-  [part~='resize-button'] {
-    position: absolute;
-    bottom: 0;
-    inset-inline-end: 0;
-    z-index: 1;
-    overflow: hidden;
-  }
-
-  :host([resizing])::after {
-    content: '';
-    z-index: 2;
-    position: absolute;
-    top: -1px;
-    width: var(--_widget-resizer-width, 0);
-    height: var(--_widget-resizer-height, 0);
-    background: rgba(0, 0, 0, 0.1);
-    border-radius: inherit;
-  }
-`;
-
-export const dashboardWidgetStyles = [widgetStyles, dashboardWidgetAndSectionStyles];

package/src/styles/vaadin-dashboard-widget-section-core-styles.js

@@ -1,151 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import { css } from 'lit';
-
-export const dashboardWidgetAndSectionStyles = css`
-  :host {
-    box-sizing: border-box;
-  }
-
-  :host([dragging]) * {
-    visibility: hidden;
-  }
-
-  :host(:not([editable])) [part~='move-button'],
-  :host(:not([editable])) [part~='remove-button'],
-  :host(:not([editable])) #focus-button,
-  :host(:not([editable])) #focus-button-wrapper,
-  :host(:not([editable])) .mode-controls {
-    display: none;
-  }
-
-  #focustrap {
-    display: contents;
-  }
-
-  header {
-    display: flex;
-    overflow: hidden;
-  }
-
-  vaadin-dashboard-button {
-    z-index: 1;
-  }
-
-  #focus-button-wrapper,
-  #focus-button {
-    position: absolute;
-    inset: 0;
-    opacity: 0;
-  }
-
-  #focus-button {
-    pointer-events: none;
-    padding: 0;
-    border: none;
-  }
-
-  .mode-controls {
-    position: absolute;
-    inset: 0;
-    z-index: 2;
-  }
-
-  .mode-controls[hidden] {
-    display: none;
-  }
-
-  /* Move-mode buttons */
-  [part~='move-backward-button'],
-  [part~='move-forward-button'],
-  [part~='move-apply-button'] {
-    position: absolute;
-    top: 50%;
-  }
-
-  [part~='move-backward-button'] {
-    inset-inline-start: 0;
-    transform: translateY(-50%);
-  }
-
-  [part~='move-forward-button'] {
-    inset-inline-end: 0;
-    transform: translateY(-50%);
-  }
-
-  [part~='move-apply-button'] {
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  :host([first-child]) [part~='move-backward-button'],
-  :host([last-child]) [part~='move-forward-button'] {
-    display: none;
-  }
-
-  /* Resize-mode buttons */
-  [part~='resize-shrink-width-button'],
-  [part~='resize-shrink-height-button'],
-  [part~='resize-grow-width-button'],
-  [part~='resize-grow-height-button'],
-  [part~='resize-apply-button'] {
-    position: absolute;
-  }
-
-  [part~='resize-shrink-width-button'] {
-    inset-inline-end: 0;
-    top: 50%;
-  }
-
-  :host(:not([dir='rtl'])) [part~='resize-shrink-width-button'] {
-    transform: translateY(-50%) translateX(-100%);
-  }
-
-  :host([dir='rtl']) [part~='resize-shrink-width-button'] {
-    transform: translateY(-50%) translateX(100%);
-  }
-
-  .mode-controls:has([part~='resize-grow-width-button'][hidden]) [part~='resize-shrink-width-button'] {
-    transform: translateY(-50%);
-  }
-
-  [part~='resize-grow-width-button'] {
-    inset-inline-start: 100%;
-    top: 50%;
-  }
-
-  :host(:not([dir='rtl'])) [part~='resize-grow-width-button'] {
-    transform: translateY(-50%) translateX(-100%);
-  }
-
-  :host([dir='rtl']) [part~='resize-grow-width-button'] {
-    transform: translateY(-50%) translateX(100%);
-  }
-
-  [part~='resize-shrink-height-button'] {
-    bottom: 0;
-    left: 50%;
-    transform: translateX(-50%) translateY(-100%);
-  }
-
-  [part~='resize-grow-height-button'] {
-    top: 100%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-100%);
-  }
-
-  [part~='resize-apply-button'] {
-    left: 50%;
-    top: 50%;
-
-    transform: translate(-50%, -50%);
-  }
-`;

package/theme/lumo/vaadin-dashboard-button-styles.d.ts

@@ -1,2 +0,0 @@
-import { button } from '@vaadin/button/theme/lumo/vaadin-button-styles.js';
-export { button };

package/theme/lumo/vaadin-dashboard-button-styles.js

@@ -1,8 +0,0 @@
-import { button } from '@vaadin/button/theme/lumo/vaadin-button-styles.js';
-import { registerStyles } from '@vaadin/vaadin-themable-mixin';
-
-registerStyles('vaadin-dashboard-button', button, {
-  moduleId: 'lumo-dashboard-button',
-});
-
-export { button };

package/theme/lumo/vaadin-dashboard-button.d.ts

@@ -1 +0,0 @@
-import './vaadin-dashboard-button-styles.js';

package/theme/lumo/vaadin-dashboard-button.js

@@ -1 +0,0 @@
-import './vaadin-dashboard-button-styles.js';

package/theme/lumo/vaadin-dashboard-layout-styles.d.ts

@@ -1 +0,0 @@
-export declare const dashboardLayoutStyles: import("lit").CSSResult;

package/theme/lumo/vaadin-dashboard-layout-styles.js

@@ -1,28 +0,0 @@
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-export const dashboardLayoutStyles = css`
-  :host([theme~='shaded-background']) {
-    background: var(--lumo-shade-5pct);
-  }
-
-  :host([theme~='elevated-widgets']) {
-    --vaadin-dashboard-widget-shadow: var(--lumo-box-shadow-xs);
-    --vaadin-dashboard-widget-border-color: var(--lumo-contrast-10pct);
-    --vaadin-dashboard-widget-background: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct))
-      var(--lumo-base-color);
-  }
-
-  :host([theme~='flat-widgets']) {
-    --vaadin-dashboard-widget-background: var(--lumo-contrast-5pct);
-    --vaadin-dashboard-widget-border-color: transparent;
-  }
-
-  #grid {
-    --_default-gap: var(--lumo-space-m);
-    --_default-padding: var(--lumo-space-m);
-  }
-`;
-
-registerStyles('vaadin-dashboard-layout', [dashboardLayoutStyles], {
-  moduleId: 'lumo-dashboard-layout',
-});

package/theme/lumo/vaadin-dashboard-layout.d.ts

@@ -1,2 +0,0 @@
-import './vaadin-dashboard-layout-styles.js';
-import '../../src/vaadin-dashboard-layout.js';

package/theme/lumo/vaadin-dashboard-layout.js

@@ -1,2 +0,0 @@
-import './vaadin-dashboard-layout-styles.js';
-import '../../src/vaadin-dashboard-layout.js';

package/theme/lumo/vaadin-dashboard-section-styles.d.ts

@@ -1,5 +0,0 @@
-import '@vaadin/vaadin-lumo-styles/color.js';
-import '@vaadin/vaadin-lumo-styles/sizing.js';
-import '@vaadin/vaadin-lumo-styles/spacing.js';
-import '@vaadin/vaadin-lumo-styles/style.js';
-import '@vaadin/vaadin-lumo-styles/typography.js';

package/theme/lumo/vaadin-dashboard-section-styles.js

@@ -1,83 +0,0 @@
-import '@vaadin/vaadin-lumo-styles/color.js';
-import '@vaadin/vaadin-lumo-styles/sizing.js';
-import '@vaadin/vaadin-lumo-styles/spacing.js';
-import '@vaadin/vaadin-lumo-styles/style.js';
-import '@vaadin/vaadin-lumo-styles/typography.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { dashboardWidgetAndSection } from './vaadin-dashboard-widget-styles.js';
-
-const section = css`
-  /* stylelint-disable rule-empty-line-before */
-
-  :host {
-    --_section-outline-offset: calc(min(var(--_gap), var(--_padding)) / 3);
-    --_focus-ring-offset: calc((var(--_section-outline-offset) - var(--_focus-ring-width)));
-    border-radius: var(--lumo-border-radius-l);
-  }
-
-  header {
-    margin-bottom: calc(-1 * var(--_section-outline-offset));
-    line-height: var(--lumo-line-height-s);
-    padding-inline: var(--lumo-space-s);
-    min-height: var(--lumo-size-l);
-    align-items: center;
-  }
-
-  [part='title'] {
-    font-size: var(--lumo-font-size-xl);
-    font-weight: 600;
-    white-space: nowrap;
-    line-height: var(--lumo-line-height-m);
-  }
-
-  /* Section states */
-
-  :host([editable]) {
-    outline: 1px solid var(--lumo-contrast-10pct);
-    outline-offset: calc(var(--_section-outline-offset) - 1px);
-    background: var(--lumo-contrast-5pct);
-    box-shadow: 0 0 0 var(--_section-outline-offset) var(--lumo-contrast-5pct);
-  }
-  :host([editable]) header {
-    padding-inline: var(--lumo-space-xs);
-  }
-
-  :host([focused])::after {
-    content: '';
-    display: block;
-    position: absolute;
-    inset: 0;
-    border-radius: var(--lumo-border-radius-l);
-    z-index: 9;
-    outline: var(--_focus-ring-width) solid var(--_focus-ring-color);
-    outline-offset: var(--_focus-ring-offset);
-  }
-
-  :host([selected]) {
-    background: var(--lumo-primary-color-10pct);
-    box-shadow: 0 0 0 var(--_section-outline-offset) var(--lumo-primary-color-10pct);
-  }
-  :host([selected]:not([focused])) {
-    outline-color: var(--lumo-primary-color-50pct);
-  }
-
-  :host([move-mode]) ::slotted(*) {
-    --_widget-opacity: 0.3;
-    --_widget-filter: blur(10px);
-  }
-
-  /* Accessible move mode controls */
-
-  [part~='move-backward-button'] {
-    inset-inline-start: calc(-1 * var(--_section-outline-offset));
-  }
-
-  [part~='move-forward-button'] {
-    inset-inline-end: calc(-1 * var(--_section-outline-offset));
-    transform: translateY(-50%);
-  }
-`;
-
-registerStyles('vaadin-dashboard-section', [dashboardWidgetAndSection, section], {
-  moduleId: 'lumo-dashboard-section',
-});

package/theme/lumo/vaadin-dashboard-section.d.ts

@@ -1,3 +0,0 @@
-import './vaadin-dashboard-section-styles.js';
-import './vaadin-dashboard-button.js';
-import '../../src/vaadin-dashboard-section.js';

package/theme/lumo/vaadin-dashboard-section.js

@@ -1,3 +0,0 @@
-import './vaadin-dashboard-section-styles.js';
-import './vaadin-dashboard-button.js';
-import '../../src/vaadin-dashboard-section.js';

package/theme/lumo/vaadin-dashboard-styles.d.ts

@@ -1 +0,0 @@
-export {};

package/theme/lumo/vaadin-dashboard-styles.js

@@ -1,16 +0,0 @@
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { dashboardLayoutStyles } from './vaadin-dashboard-layout-styles.js';
-
-const dashboard = css`
-  :host {
-    --_widget-opacity: 1;
-  }
-
-  :host([item-selected]) {
-    --_widget-opacity: 0.7;
-  }
-`;
-
-registerStyles('vaadin-dashboard', [dashboardLayoutStyles, dashboard], {
-  moduleId: 'lumo-dashboard',
-});

package/theme/lumo/vaadin-dashboard-widget-styles.d.ts

@@ -1,9 +0,0 @@
-import '@vaadin/vaadin-lumo-styles/color.js';
-import '@vaadin/vaadin-lumo-styles/sizing.js';
-import '@vaadin/vaadin-lumo-styles/spacing.js';
-import '@vaadin/vaadin-lumo-styles/style.js';
-import '@vaadin/vaadin-lumo-styles/typography.js';
-import '@vaadin/vaadin-lumo-styles/font-icons.js';
-declare const dashboardWidgetAndSection: import("lit").CSSResult;
-declare const dashboardWidget: import("lit").CSSResult;
-export { dashboardWidget, dashboardWidgetAndSection };

package/theme/lumo/vaadin-dashboard-widget-styles.js

@@ -1,329 +0,0 @@
-import '@vaadin/vaadin-lumo-styles/color.js';
-import '@vaadin/vaadin-lumo-styles/sizing.js';
-import '@vaadin/vaadin-lumo-styles/spacing.js';
-import '@vaadin/vaadin-lumo-styles/style.js';
-import '@vaadin/vaadin-lumo-styles/typography.js';
-import '@vaadin/vaadin-lumo-styles/font-icons.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-/* Styles shared between widgets and sections */
-const dashboardWidgetAndSection = css`
-  /* stylelint-disable rule-empty-line-before */
-
-  :host {
-    --_widget-background: var(--vaadin-dashboard-widget-background, var(--lumo-base-color));
-    --_widget-border-radius: var(--vaadin-dashboard-widget-border-radius, var(--lumo-border-radius-l));
-    --_widget-border-width: var(--vaadin-dashboard-widget-border-width, 1px);
-    --_widget-border-color: var(--vaadin-dashboard-widget-border-color, var(--lumo-contrast-20pct));
-    --_widget-shadow: var(--vaadin-dashboard-widget-shadow, 0 0 0 0 transparent);
-    --_widget-editable-shadow: var(--lumo-box-shadow-s);
-    --_widget-selected-shadow:
-      0 2px 4px -1px var(--lumo-primary-color-10pct), 0 3px 12px -1px var(--lumo-primary-color-50pct);
-    --_drop-target-background-color: var(
-      --vaadin-dashboard-drop-target-background-color,
-      var(--lumo-primary-color-10pct)
-    );
-    --_drop-target-border: var(--vaadin-dashboard-drop-target-border, 1px dashed var(--lumo-primary-color-50pct));
-
-    color: var(--lumo-body-text-color);
-    font-family: var(--lumo-font-family);
-    font-size: var(--lumo-font-size-m);
-    line-height: var(--lumo-line-height-m);
-    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
-    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
-    --_icon-color: var(--lumo-contrast-60pct);
-    opacity: var(--_widget-opacity);
-    filter: var(--_widget-filter);
-  }
-
-  :host([focused]) {
-    z-index: 1;
-  }
-
-  header {
-    display: flex;
-    align-items: start;
-    box-sizing: border-box;
-    justify-content: space-between;
-  }
-
-  [part='title'] {
-    flex: 1;
-    color: var(--lumo-header-text-color);
-    white-space: var(--vaadin-dashboard-widget-title-wrap, wrap);
-    text-overflow: ellipsis;
-    overflow: hidden;
-    line-height: var(--lumo-line-height-s);
-    margin: 0 0 1px;
-    align-self: safe center;
-  }
-
-  vaadin-dashboard-button {
-    font-family: 'lumo-icons';
-    font-size: var(--lumo-icon-size-m);
-    margin: 0;
-  }
-
-  vaadin-dashboard-button .icon::before {
-    display: block;
-    content: var(--icon);
-  }
-
-  /* Common styles for non-mode edit buttons */
-  [part='move-button'],
-  [part='resize-button'],
-  [part='remove-button'] {
-    color: var(--_icon-color);
-    padding-inline: 0;
-  }
-  :where([part='move-button'], [part='resize-button'], [part='remove-button']):hover {
-    --_icon-color: var(--lumo-primary-text-color);
-  }
-  :host([selected]) {
-    opacity: 1;
-    z-index: 1;
-    --_icon-color: var(--lumo-primary-text-color);
-  }
-  :host(:is([move-mode], [resize-mode])) {
-    --_icon-color: var(--lumo-disabled-text-color);
-  }
-
-  /* Drag handle */
-  [part~='move-button'] {
-    cursor: move;
-    --icon: var(--lumo-icons-drag-handle);
-  }
-
-  /* Remove button */
-  [part~='remove-button'] {
-    cursor: pointer;
-    --icon: var(--lumo-icons-cross);
-    margin-inline-start: var(--lumo-space-xs);
-  }
-
-  /* Mode controls */
-  .mode-controls vaadin-dashboard-button[focused] {
-    z-index: 3;
-  }
-
-  /* Move mode */
-
-  :host(:not([dir='rtl'])) [part~='move-backward-button'],
-  :host([dir='rtl']) [part~='move-forward-button'] {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    --icon: var(--lumo-icons-angle-left);
-  }
-
-  :host(:not([dir='rtl'])) [part~='move-forward-button'],
-  :host([dir='rtl']) [part~='move-backward-button'] {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    --icon: var(--lumo-icons-angle-right);
-  }
-
-  [part~='move-apply-button'] {
-    --icon: var(--lumo-icons-checkmark);
-    font-size: var(--lumo-icon-size-m);
-  }
-`;
-
-/* Widget styles */
-const dashboardWidget = css`
-  :host {
-    background: var(--_widget-background);
-    border-radius: var(--_widget-border-radius);
-    box-shadow: var(--_widget-shadow);
-    position: relative;
-  }
-
-  :host::before {
-    content: '';
-    position: absolute;
-    inset: calc(-1 * var(--_widget-border-width));
-    border: var(--_widget-border-width) solid var(--_widget-border-color);
-    border-radius: calc(var(--_widget-border-radius) + var(--_widget-border-width));
-    pointer-events: none;
-  }
-
-  /* Widget states */
-
-  :host([editable]) {
-    --vaadin-dashboard-widget-shadow: var(--_widget-editable-shadow);
-    --_widget-border-color: var(--lumo-contrast-20pct);
-    --_widget-border-width: 1px;
-  }
-
-  :host([focused])::before {
-    border-width: var(--_focus-ring-width);
-    border-color: var(--_focus-ring-color);
-  }
-
-  :host([selected]) {
-    --vaadin-dashboard-widget-shadow: var(--_widget-selected-shadow);
-    background: var(--lumo-primary-color-10pct);
-  }
-
-  :host([dragging]) {
-    box-shadow: none;
-    background: var(--_drop-target-background-color);
-    border: var(--_drop-target-border);
-  }
-
-  :host([resizing])::after {
-    background: var(--_drop-target-background-color);
-    border: var(--_drop-target-border);
-  }
-
-  /* Widget parts */
-
-  header {
-    min-height: var(--lumo-size-l);
-    padding: var(--lumo-space-xs) var(--lumo-space-m);
-  }
-
-  :host([editable]) header {
-    padding-inline: var(--lumo-space-xs);
-  }
-
-  [part='title'] {
-    font-size: var(--lumo-font-size-l);
-    font-weight: 600;
-  }
-
-  #content {
-    min-height: var(--lumo-size-m);
-    padding: var(--vaadin-dashboard-widget-padding, 0);
-    padding-top: 0;
-    border-radius: inherit;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    overflow: hidden;
-  }
-
-  ::slotted([slot='header-content']) {
-    align-self: center;
-  }
-
-  :host([resize-mode]) #content,
-  :host([move-mode]) #content {
-    opacity: 0.75;
-    filter: blur(10px);
-  }
-
-  /* Resize handle */
-
-  [part~='resize-button'] {
-    --_resize-button-offset: min(var(--_gap), var(--_padding), var(--lumo-space-xs));
-    position: absolute;
-    bottom: calc(-1 * var(--_resize-button-offset));
-    inset-inline-end: calc(-1 * var(--_resize-button-offset));
-    cursor: nwse-resize;
-    --icon: var(--lumo-icons-resize-handle);
-  }
-
-  :host([dir='rtl']) [part~='resize-button'] {
-    cursor: sw-resize;
-  }
-
-  :host([dir='rtl']) [part~='resize-button'] .icon::before {
-    transform: scaleX(-1);
-  }
-
-  /* Accessible resize mode controls */
-
-  [part~='resize-apply-button'] {
-    --icon: var(--lumo-icons-checkmark);
-    font-size: var(--lumo-icon-size-m);
-  }
-
-  [part~='resize-grow-width-button'],
-  [part~='resize-shrink-width-button'] {
-    padding-right: 0;
-    padding-left: 0;
-    min-width: var(--lumo-size-s);
-  }
-
-  [part~='resize-shrink-width-button'] + [part~='resize-grow-width-button'] {
-    margin-left: 1px;
-  }
-
-  [part~='resize-grow-height-button'],
-  [part~='resize-shrink-height-button'] {
-    height: var(--lumo-size-s);
-    padding-right: 0;
-    padding-left: 0;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  [part~='resize-shrink-height-button']:not([hidden]) + [part~='resize-grow-height-button'] {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  [part~='resize-shrink-height-button'] + [part~='resize-grow-height-button'] {
-    margin-top: 1px;
-  }
-
-  :host(:not([dir='rtl'])) [part~='resize-grow-width-button'],
-  :host(:not([dir='rtl'])) [part~='resize-shrink-width-button'] {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  :host([dir='rtl']) [part~='resize-grow-width-button'],
-  :host([dir='rtl']) [part~='resize-shrink-width-button'] {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  :host(:not([dir='rtl'])) [part~='resize-shrink-width-button']:not([hidden]) + [part~='resize-grow-width-button'] {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  :host([dir='rtl']) [part~='resize-shrink-width-button']:not([hidden]) + [part~='resize-grow-width-button'] {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  [part~='resize-grow-height-button'],
-  [part~='resize-grow-width-button'] {
-    --icon: var(--lumo-icons-plus);
-  }
-
-  [part~='resize-shrink-height-button'],
-  [part~='resize-shrink-width-button'] {
-    --icon: var(--lumo-icons-minus);
-  }
-
-  /* Windows High Contrast Mode */
-  @media (forced-colors: active) {
-    :host {
-      border: 1px solid;
-    }
-
-    :host([focused]) {
-      outline: 2px solid;
-      outline-offset: 1px;
-    }
-
-    :host([selected]) {
-      outline-width: 1px;
-      outline-offset: 0;
-      outline-color: Highlight;
-    }
-
-    :host([selected][focused]) {
-      outline-width: 3px;
-      outline-offset: 0;
-    }
-  }
-`;
-
-registerStyles('vaadin-dashboard-widget', [dashboardWidget, dashboardWidgetAndSection], {
-  moduleId: 'lumo-dashboard-widget',
-});
-
-export { dashboardWidget, dashboardWidgetAndSection };

package/theme/lumo/vaadin-dashboard-widget.d.ts

@@ -1,3 +0,0 @@
-import './vaadin-dashboard-widget-styles.js';
-import './vaadin-dashboard-button.js';
-import '../../src/vaadin-dashboard-widget.js';

package/theme/lumo/vaadin-dashboard-widget.js

@@ -1,3 +0,0 @@
-import './vaadin-dashboard-widget-styles.js';
-import './vaadin-dashboard-button.js';
-import '../../src/vaadin-dashboard-widget.js';

package/theme/lumo/vaadin-dashboard.d.ts

@@ -1,4 +0,0 @@
-import './vaadin-dashboard-section.js';
-import './vaadin-dashboard-widget.js';
-import './vaadin-dashboard-styles.js';
-import '../../src/vaadin-dashboard.js';

package/theme/lumo/vaadin-dashboard.js

@@ -1,4 +0,0 @@
-import './vaadin-dashboard-section.js';
-import './vaadin-dashboard-widget.js';
-import './vaadin-dashboard-styles.js';
-import '../../src/vaadin-dashboard.js';