@vaadin/vaadin-lumo-styles 25.0.0-alpha9 → 25.0.0-beta1

package/badge-global.js

@@ -1,9 +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 { badge } from './badge.js';
-import { addLumoGlobalStyles } from './global.js';
-
-addLumoGlobalStyles('badge', badge);

package/badge.d.ts

@@ -1,3 +0,0 @@
-import type { CSSResult } from 'lit';
-
-export const badge: CSSResult;

package/badge.js

@@ -1,178 +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 './style.js';
-import './color.js';
-import './typography.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-const badge = css`
-  [theme~='badge'] {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);
-    color: var(--lumo-primary-text-color);
-    background-color: var(--lumo-primary-color-10pct);
-    border-radius: var(--lumo-border-radius-s);
-    font-family: var(--lumo-font-family);
-    font-size: var(--lumo-font-size-s);
-    line-height: 1;
-    font-weight: 500;
-    text-transform: initial;
-    letter-spacing: initial;
-    min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);
-    flex-shrink: 0;
-  }
-
-  /* Ensure proper vertical alignment */
-  [theme~='badge']::before {
-    display: inline-block;
-    content: '\\2003';
-    width: 0;
-  }
-
-  [theme~='badge'][theme~='small'] {
-    font-size: var(--lumo-font-size-xxs);
-    line-height: 1;
-  }
-
-  /* Colors */
-
-  [theme~='badge'][theme~='success'] {
-    color: var(--lumo-success-text-color);
-    background-color: var(--lumo-success-color-10pct);
-  }
-
-  [theme~='badge'][theme~='error'] {
-    color: var(--lumo-error-text-color);
-    background-color: var(--lumo-error-color-10pct);
-  }
-
-  [theme~='badge'][theme~='warning'] {
-    color: var(--lumo-warning-text-color);
-    background-color: var(--lumo-warning-color-10pct);
-  }
-
-  [theme~='badge'][theme~='contrast'] {
-    color: var(--lumo-contrast-80pct);
-    background-color: var(--lumo-contrast-5pct);
-  }
-
-  /* Primary */
-
-  [theme~='badge'][theme~='primary'] {
-    color: var(--lumo-primary-contrast-color);
-    background-color: var(--lumo-primary-color);
-  }
-
-  [theme~='badge'][theme~='success'][theme~='primary'] {
-    color: var(--lumo-success-contrast-color);
-    background-color: var(--lumo-success-color);
-  }
-
-  [theme~='badge'][theme~='error'][theme~='primary'] {
-    color: var(--lumo-error-contrast-color);
-    background-color: var(--lumo-error-color);
-  }
-
-  [theme~='badge'][theme~='warning'][theme~='primary'] {
-    color: var(--lumo-warning-contrast-color);
-    background-color: var(--lumo-warning-color);
-  }
-
-  [theme~='badge'][theme~='contrast'][theme~='primary'] {
-    color: var(--lumo-base-color);
-    background-color: var(--lumo-contrast);
-  }
-
-  /* Links */
-
-  [theme~='badge'][href]:hover {
-    text-decoration: none;
-  }
-
-  /* Icon */
-
-  [theme~='badge'] > vaadin-icon {
-    margin: -0.25em 0;
-  }
-
-  [theme~='badge'] > vaadin-icon:first-child {
-    margin-left: -0.375em;
-  }
-
-  [theme~='badge'] > vaadin-icon:last-child {
-    margin-right: -0.375em;
-  }
-
-  vaadin-icon[theme~='badge'][icon] {
-    min-width: 0;
-    padding: 0;
-    font-size: 1rem;
-    width: var(--lumo-icon-size-m);
-    height: var(--lumo-icon-size-m);
-  }
-
-  vaadin-icon[theme~='badge'][icon][theme~='small'] {
-    width: var(--lumo-icon-size-s);
-    height: var(--lumo-icon-size-s);
-  }
-
-  /* Empty */
-
-  [theme~='badge']:not([icon]):empty {
-    min-width: 0;
-    width: 1em;
-    height: 1em;
-    padding: 0;
-    border-radius: 50%;
-    background-color: var(--lumo-primary-color);
-  }
-
-  [theme~='badge'][theme~='small']:not([icon]):empty {
-    width: 0.75em;
-    height: 0.75em;
-  }
-
-  [theme~='badge'][theme~='contrast']:not([icon]):empty {
-    background-color: var(--lumo-contrast);
-  }
-
-  [theme~='badge'][theme~='success']:not([icon]):empty {
-    background-color: var(--lumo-success-color);
-  }
-
-  [theme~='badge'][theme~='error']:not([icon]):empty {
-    background-color: var(--lumo-error-color);
-  }
-
-  [theme~='badge'][theme~='warning']:not([icon]):empty {
-    background-color: var(--lumo-warning-color);
-  }
-
-  /* Pill */
-
-  [theme~='badge'][theme~='pill'] {
-    --lumo-border-radius-s: 1em;
-  }
-
-  /* RTL specific styles */
-
-  [dir='rtl'][theme~='badge'] vaadin-icon:first-child {
-    margin-right: -0.375em;
-    margin-left: 0;
-  }
-
-  [dir='rtl'][theme~='badge'] vaadin-icon:last-child {
-    margin-left: -0.375em;
-    margin-right: 0;
-  }
-`;
-
-registerStyles('', badge, { moduleId: 'lumo-badge' });
-
-export { badge };

package/color-global.js

@@ -1,9 +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 { color } from './color.js';
-import { addLumoGlobalStyles } from './global.js';
-
-addLumoGlobalStyles('color', color);

package/color.d.ts

@@ -1,5 +0,0 @@
-import type { CSSResult } from 'lit';
-
-export const colorBase: CSSResult;
-
-export const color: CSSResult;

package/color.js

@@ -1,221 +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 './version.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { addLumoGlobalStyles } from './global.js';
-
-const colorBase = css`
-  :host {
-    /* Base (background) */
-    --lumo-base-color: #fff;
-
-    /* Tint */
-    --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
-    --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
-    --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
-    --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
-    --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
-    --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
-    --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
-    --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
-    --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
-    --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
-    --lumo-tint: #fff;
-
-    /* Shade */
-    --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
-    --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
-    --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
-    --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
-    --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
-    --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
-    --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
-    --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
-    --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
-    --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
-    --lumo-shade: hsl(214, 35%, 15%);
-
-    /* Contrast */
-    --lumo-contrast-5pct: var(--lumo-shade-5pct);
-    --lumo-contrast-10pct: var(--lumo-shade-10pct);
-    --lumo-contrast-20pct: var(--lumo-shade-20pct);
-    --lumo-contrast-30pct: var(--lumo-shade-30pct);
-    --lumo-contrast-40pct: var(--lumo-shade-40pct);
-    --lumo-contrast-50pct: var(--lumo-shade-50pct);
-    --lumo-contrast-60pct: var(--lumo-shade-60pct);
-    --lumo-contrast-70pct: var(--lumo-shade-70pct);
-    --lumo-contrast-80pct: var(--lumo-shade-80pct);
-    --lumo-contrast-90pct: var(--lumo-shade-90pct);
-    --lumo-contrast: var(--lumo-shade);
-
-    /* Text */
-    --lumo-header-text-color: var(--lumo-contrast);
-    --lumo-body-text-color: var(--lumo-contrast-90pct);
-    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
-    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
-    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
-
-    /* Primary */
-    --lumo-primary-color: hsl(214, 100%, 48%);
-    --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
-    --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
-    --lumo-primary-text-color: hsl(214, 100%, 43%);
-    --lumo-primary-contrast-color: #fff;
-
-    /* Error */
-    --lumo-error-color: hsl(3, 85%, 48%);
-    --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
-    --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
-    --lumo-error-text-color: hsl(3, 89%, 42%);
-    --lumo-error-contrast-color: #fff;
-
-    /* Success */
-    --lumo-success-color: hsl(145, 72%, 30%);
-    --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
-    --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
-    --lumo-success-text-color: hsl(145, 85%, 25%);
-    --lumo-success-contrast-color: #fff;
-
-    /* Warning */
-    --lumo-warning-color: hsl(48, 100%, 50%);
-    --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
-    --lumo-warning-text-color: hsl(32, 100%, 30%);
-    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
-  }
-
-  /* forced-colors mode adjustments */
-  @media (forced-colors: active) {
-    html {
-      --lumo-disabled-text-color: GrayText;
-    }
-  }
-`;
-
-addLumoGlobalStyles('color-props', colorBase);
-
-const color = css`
-  [theme~='dark'] {
-    /* Base (background) */
-    --lumo-base-color: hsl(214, 35%, 21%);
-
-    /* Tint */
-    --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
-    --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
-    --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
-    --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
-    --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
-    --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
-    --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
-    --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
-    --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
-    --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
-    --lumo-tint: hsl(214, 100%, 98%);
-
-    /* Shade */
-    --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
-    --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
-    --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
-    --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
-    --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
-    --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
-    --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
-    --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
-    --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
-    --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
-    --lumo-shade: hsl(214, 33%, 13%);
-
-    /* Contrast */
-    --lumo-contrast-5pct: var(--lumo-tint-5pct);
-    --lumo-contrast-10pct: var(--lumo-tint-10pct);
-    --lumo-contrast-20pct: var(--lumo-tint-20pct);
-    --lumo-contrast-30pct: var(--lumo-tint-30pct);
-    --lumo-contrast-40pct: var(--lumo-tint-40pct);
-    --lumo-contrast-50pct: var(--lumo-tint-50pct);
-    --lumo-contrast-60pct: var(--lumo-tint-60pct);
-    --lumo-contrast-70pct: var(--lumo-tint-70pct);
-    --lumo-contrast-80pct: var(--lumo-tint-80pct);
-    --lumo-contrast-90pct: var(--lumo-tint-90pct);
-    --lumo-contrast: var(--lumo-tint);
-
-    /* Text */
-    --lumo-header-text-color: var(--lumo-contrast);
-    --lumo-body-text-color: var(--lumo-contrast-90pct);
-    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
-    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
-    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
-
-    /* Primary */
-    --lumo-primary-color: hsl(214, 90%, 48%);
-    --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
-    --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
-    --lumo-primary-text-color: hsl(214, 90%, 77%);
-    --lumo-primary-contrast-color: #fff;
-
-    /* Error */
-    --lumo-error-color: hsl(3, 79%, 49%);
-    --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
-    --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
-    --lumo-error-text-color: hsl(3, 100%, 80%);
-
-    /* Success */
-    --lumo-success-color: hsl(145, 72%, 30%);
-    --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
-    --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
-    --lumo-success-text-color: hsl(145, 85%, 46%);
-
-    /* Warning */
-    --lumo-warning-color: hsl(43, 100%, 48%);
-    --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
-    --lumo-warning-text-color: hsl(45, 100%, 60%);
-    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
-  }
-
-  html {
-    color: var(--lumo-body-text-color);
-    background-color: var(--lumo-base-color);
-    color-scheme: light;
-  }
-
-  [theme~='dark'] {
-    color: var(--lumo-body-text-color);
-    background-color: var(--lumo-base-color);
-    color-scheme: dark;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: var(--lumo-header-text-color);
-  }
-
-  a:where(:any-link) {
-    color: var(--lumo-primary-text-color);
-  }
-
-  a:not(:any-link) {
-    color: var(--lumo-disabled-text-color);
-  }
-
-  blockquote {
-    color: var(--lumo-secondary-text-color);
-  }
-
-  code,
-  pre {
-    background-color: var(--lumo-contrast-10pct);
-    border-radius: var(--lumo-border-radius-m);
-  }
-  pre code {
-    background: transparent;
-  }
-`;
-
-registerStyles('', color, { moduleId: 'lumo-color' });
-
-export { colorBase, color };

package/components.css

@@ -1,71 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-@import './components/accordion.css';
-@import './components/app-layout.css';
-@import './components/avatar-group.css';
-@import './components/avatar.css';
-@import './components/button.css';
-@import './components/card.css';
-@import './components/charts.css';
-@import './components/checkbox-group.css';
-@import './components/checkbox.css';
-@import './components/combo-box.css';
-@import './components/confirm-dialog.css';
-@import './components/context-menu.css';
-@import './components/crud.css';
-@import './components/custom-field.css';
-@import './components/dashboard.css';
-@import './components/date-picker.css';
-@import './components/date-time-picker.css';
-@import './components/details-summary.css';
-@import './components/details.css';
-@import './components/dialog.css';
-@import './components/drawer-toggle.css';
-@import './components/email-field.css';
-@import './components/field-highlighter.css';
-@import './components/form-item.css';
-@import './components/form-layout.css';
-@import './components/grid-filter-column.css';
-@import './components/grid-pro-edit-column.css';
-@import './components/grid-pro.css';
-@import './components/grid-selection-column.css';
-@import './components/grid-sort-column.css';
-@import './components/grid-tree-column.css';
-@import './components/grid.css';
-@import './components/horizontal-layout.css';
-@import './components/icon.css';
-@import './components/input-container.css';
-@import './components/integer-field.css';
-@import './components/item.css';
-@import './components/list-box.css';
-@import './components/login.css';
-@import './components/map.css';
-@import './components/master-detail-layout.css';
-@import './components/menu-bar.css';
-@import './components/message-input.css';
-@import './components/message-list.css';
-@import './components/multi-select-combo-box.css';
-@import './components/notification.css';
-@import './components/number-field.css';
-@import './components/overlay.css';
-@import './components/password-field.css';
-@import './components/popover.css';
-@import './components/progress-bar.css';
-@import './components/radio-button.css';
-@import './components/radio-group.css';
-@import './components/rich-text-editor.css';
-@import './components/scroller.css';
-@import './components/select.css';
-@import './components/side-nav.css';
-@import './components/split-layout.css';
-@import './components/tabs.css';
-@import './components/tabsheet.css';
-@import './components/text-area.css';
-@import './components/text-field.css';
-@import './components/time-picker.css';
-@import './components/tooltip.css';
-@import './components/upload.css';
-@import './components/vertical-layout.css';

package/font-icons.js

@@ -1,69 +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 './version.js';
-import { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { addLumoGlobalStyles } from './global.js';
-
-const fontIcons = css`
-  @font-face {
-    font-family: 'lumo-icons';
-    src: url(data:application/font-woff;charset=utf-8;base64,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)
-      format('woff');
-    font-weight: normal;
-    font-style: normal;
-  }
-
-  html {
-    --lumo-icons-align-center: '\\ea01';
-    --lumo-icons-align-left: '\\ea02';
-    --lumo-icons-align-right: '\\ea03';
-    --lumo-icons-angle-down: '\\ea04';
-    --lumo-icons-angle-left: '\\ea05';
-    --lumo-icons-angle-right: '\\ea06';
-    --lumo-icons-angle-up: '\\ea07';
-    --lumo-icons-arrow-down: '\\ea08';
-    --lumo-icons-arrow-left: '\\ea09';
-    --lumo-icons-arrow-right: '\\ea0a';
-    --lumo-icons-arrow-up: '\\ea0b';
-    --lumo-icons-bar-chart: '\\ea0c';
-    --lumo-icons-bell: '\\ea0d';
-    --lumo-icons-calendar: '\\ea0e';
-    --lumo-icons-checkmark: '\\ea0f';
-    --lumo-icons-chevron-down: '\\ea10';
-    --lumo-icons-chevron-left: '\\ea11';
-    --lumo-icons-chevron-right: '\\ea12';
-    --lumo-icons-chevron-up: '\\ea13';
-    --lumo-icons-clean: '\\ea14';
-    --lumo-icons-clock: '\\ea15';
-    --lumo-icons-cog: '\\ea16';
-    --lumo-icons-cross: '\\ea17';
-    --lumo-icons-download: '\\ea18';
-    --lumo-icons-drag-handle: '\\ea19';
-    --lumo-icons-dropdown: '\\ea1a';
-    --lumo-icons-edit: '\\ea1b';
-    --lumo-icons-error: '\\ea1c';
-    --lumo-icons-eye: '\\ea1d';
-    --lumo-icons-eye-disabled: '\\ea1e';
-    --lumo-icons-link: '\\ea1f';
-    --lumo-icons-menu: '\\ea20';
-    --lumo-icons-minus: '\\ea21';
-    --lumo-icons-ordered-list: '\\ea22';
-    --lumo-icons-phone: '\\ea23';
-    --lumo-icons-photo: '\\ea24';
-    --lumo-icons-play: '\\ea25';
-    --lumo-icons-plus: '\\ea26';
-    --lumo-icons-redo: '\\ea27';
-    --lumo-icons-reload: '\\ea28';
-    --lumo-icons-resize-handle: '\\ea29';
-    --lumo-icons-search: '\\ea2a';
-    --lumo-icons-undo: '\\ea2b';
-    --lumo-icons-unordered-list: '\\ea2c';
-    --lumo-icons-upload: '\\ea2d';
-    --lumo-icons-user: '\\ea2e';
-  }
-`;
-
-addLumoGlobalStyles('font-icons', fontIcons);

package/global.css

@@ -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 './src/global/badge.css';
-@import './src/global/color-scheme.css';
-@import './src/global/typography.css';

package/global.js

@@ -1,5 +0,0 @@
-import { addGlobalThemeStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
-
-export const addLumoGlobalStyles = (id, ...styles) => {
-  addGlobalThemeStyles(`lumo-${id}`, styles);
-};

package/presets/compact.js

@@ -1,40 +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 '../sizing.js';
-import '../spacing.js';
-const template = document.createElement('template');
-
-template.innerHTML = `
-  <style>
-    /* Use a stronger selector so that imports added later do not override the property values */
-    html:not(div) {
-      --lumo-size-xl: 3rem;
-      --lumo-size-l: 2.5rem;
-      --lumo-size-m: 2rem;
-      --lumo-size-s: 1.75rem;
-      --lumo-size-xs: 1.5rem;
-      --lumo-font-size: 1rem;
-      --lumo-font-size-xxxl: 1.75rem;
-      --lumo-font-size-xxl: 1.375rem;
-      --lumo-font-size-xl: 1.125rem;
-      --lumo-font-size-l: 1rem;
-      --lumo-font-size-m: 0.875rem;
-      --lumo-font-size-s: 0.8125rem;
-      --lumo-font-size-xs: 0.75rem;
-      --lumo-font-size-xxs: 0.6875rem;
-      --lumo-line-height-m: 1.4;
-      --lumo-line-height-s: 1.2;
-      --lumo-line-height-xs: 1.1;
-      --lumo-space-xl: 1.875rem;
-      --lumo-space-l: 1.25rem;
-      --lumo-space-m: 0.625rem;
-      --lumo-space-s: 0.3125rem;
-      --lumo-space-xs: 0.1875rem;
-    }
-  </style>
-`;
-
-document.head.appendChild(template.content);

package/props.css

@@ -1,12 +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 './src/props/reset.css';
-@import './src/props/icons.css';
-@import './src/props/style.css';
-@import './src/props/color.css';
-@import './src/props/sizing.css';
-@import './src/props/spacing.css';
-@import './src/props/typography.css';

package/sizing.d.ts

@@ -1,3 +0,0 @@
-import type { CSSResult } from 'lit';
-
-export const sizing: CSSResult;