@vaadin/vaadin-lumo-styles 25.0.0-alpha1 → 25.0.0-alpha11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/auto-complete.css +3 -73
- package/components/accordion-heading.css +14 -0
- package/components/accordion-panel.css +15 -0
- package/components/accordion.css +7 -0
- package/components/app-layout.css +11 -0
- package/components/avatar-group.css +31 -0
- package/components/avatar.css +17 -0
- package/components/button.css +11 -0
- package/components/card.css +50 -0
- package/components/charts.css +11 -0
- package/components/checkbox-group.css +23 -0
- package/components/checkbox.css +14 -0
- package/components/combo-box.css +47 -0
- package/components/confirm-dialog.css +17 -0
- package/components/context-menu.css +32 -0
- package/components/crud.css +40 -0
- package/components/custom-field.css +20 -0
- package/components/dashboard.css +34 -0
- package/components/date-picker.css +49 -0
- package/components/date-time-picker.css +28 -0
- package/components/details-summary.css +11 -0
- package/components/details.css +12 -0
- package/components/dialog.css +16 -0
- package/components/drawer-toggle.css +14 -0
- package/components/email-field.css +25 -0
- package/components/field-highlighter.css +22 -0
- package/components/form-item.css +11 -0
- package/components/form-layout.css +11 -0
- package/components/grid-filter-column.css +6 -0
- package/components/grid-filter.css +12 -0
- package/components/grid-pro-edit-column.css +48 -0
- package/components/grid-pro.css +14 -0
- package/components/grid-selection-column.css +6 -0
- package/components/grid-sort-column.css +6 -0
- package/components/grid-sorter.css +19 -0
- package/components/grid-tree-column.css +6 -0
- package/components/grid-tree-toggle.css +11 -0
- package/components/grid.css +11 -0
- package/components/horizontal-layout.css +11 -0
- package/components/icon.css +11 -0
- package/components/input-container.css +11 -0
- package/components/integer-field.css +25 -0
- package/components/item.css +11 -0
- package/components/list-box.css +11 -0
- package/components/login-form.css +14 -0
- package/components/login.css +15 -0
- package/components/map.css +11 -0
- package/components/master-detail-layout.css +19 -0
- package/components/menu-bar.css +47 -0
- package/components/message-input.css +13 -0
- package/components/message-list.css +6 -0
- package/components/message.css +12 -0
- package/components/multi-select-combo-box.css +61 -0
- package/components/notification.css +15 -0
- package/components/number-field.css +25 -0
- package/components/overlay.css +11 -0
- package/components/password-field.css +32 -0
- package/components/popover.css +14 -0
- package/components/progress-bar.css +11 -0
- package/components/radio-button.css +14 -0
- package/components/radio-group.css +23 -0
- package/components/rich-text-editor.css +26 -0
- package/components/scroller.css +11 -0
- package/components/select.css +48 -0
- package/components/side-nav-item.css +14 -0
- package/components/side-nav.css +12 -0
- package/components/split-layout.css +11 -0
- package/components/tab.css +11 -0
- package/components/tabs.css +12 -0
- package/components/tabsheet.css +19 -0
- package/components/text-area.css +25 -0
- package/components/text-field.css +23 -0
- package/components/time-picker.css +43 -0
- package/components/tooltip.css +14 -0
- package/components/upload.css +28 -0
- package/components/vertical-layout.css +11 -0
- package/components.css +71 -0
- package/font-icons.js +28 -26
- package/global.css +8 -0
- package/lumo.css +8 -0
- package/mixins/input-field-shared.js +1 -2
- package/mixins/menu-overlay.js +0 -2
- package/mixins/required-field.js +0 -1
- package/package.json +16 -12
- package/props.css +12 -0
- package/src/components/accordion-heading.css +42 -0
- package/src/components/accordion-panel.css +38 -0
- package/src/components/app-layout.css +193 -0
- package/src/components/avatar-group-menu-item.css +22 -0
- package/src/components/avatar-group-overlay.css +11 -0
- package/src/components/avatar-group.css +67 -0
- package/src/components/avatar.css +86 -0
- package/src/components/button.css +334 -0
- package/src/components/card.css +38 -0
- package/src/components/chart.css +85 -0
- package/src/components/checkbox-group.css +18 -0
- package/src/components/checkbox.css +341 -0
- package/src/components/combo-box-item.css +18 -0
- package/src/components/combo-box-overlay.css +15 -0
- package/src/components/combo-box.css +14 -0
- package/src/components/confirm-dialog-overlay.css +59 -0
- package/src/components/context-menu-item.css +39 -0
- package/src/components/context-menu-list-box.css +40 -0
- package/src/components/context-menu-overlay.css +41 -0
- package/src/components/crud-dialog-overlay.css +57 -0
- package/src/components/crud-edit.css +30 -0
- package/src/components/crud.css +157 -0
- package/src/components/custom-field.css +102 -0
- package/src/components/dashboard-layout.css +94 -0
- package/src/components/dashboard-section.css +113 -0
- package/src/components/dashboard-widget.css +224 -0
- package/src/components/dashboard.css +23 -0
- package/src/components/date-picker-month-calendar.css +192 -0
- package/src/components/date-picker-overlay-content.css +161 -0
- package/src/components/date-picker-overlay.css +60 -0
- package/src/components/date-picker-year.css +35 -0
- package/src/components/date-picker.css +41 -0
- package/src/components/date-time-picker.css +36 -0
- package/src/components/details-summary.css +131 -0
- package/src/components/details.css +37 -0
- package/src/components/dialog-overlay.css +163 -0
- package/src/components/drawer-toggle.css +51 -0
- package/src/components/email-field.css +26 -0
- package/src/components/field-outline.css +51 -0
- package/src/components/form-item.css +36 -0
- package/src/components/form-layout.css +12 -0
- package/src/components/grid-filter.css +16 -0
- package/src/components/grid-pro-edit-select.css +19 -0
- package/src/components/grid-pro.css +84 -0
- package/src/components/grid-sorter.css +70 -0
- package/src/components/grid-tree-toggle.css +104 -0
- package/src/components/grid.css +755 -0
- package/src/components/horizontal-layout.css +34 -0
- package/src/components/icon.css +11 -0
- package/src/components/input-container.css +228 -0
- package/src/components/item.css +94 -0
- package/src/components/list-box.css +31 -0
- package/src/components/login-form-wrapper.css +113 -0
- package/src/components/login-overlay-wrapper.css +189 -0
- package/src/components/map.css +182 -0
- package/src/components/menu-bar-button.css +128 -0
- package/src/components/menu-bar-item.css +23 -0
- package/src/components/menu-bar-overlay.css +10 -0
- package/src/components/menu-bar.css +31 -0
- package/src/components/message-input.css +30 -0
- package/src/components/message.css +82 -0
- package/src/components/multi-select-combo-box-chip.css +113 -0
- package/src/components/multi-select-combo-box-container.css +20 -0
- package/src/components/multi-select-combo-box-item.css +13 -0
- package/src/components/multi-select-combo-box-overlay.css +18 -0
- package/src/components/multi-select-combo-box.css +102 -0
- package/src/components/notification-card.css +228 -0
- package/src/components/notification-container.css +60 -0
- package/src/components/number-field.css +53 -0
- package/src/components/password-field-button.css +19 -0
- package/src/components/password-field.css +24 -0
- package/src/components/popover-overlay.css +156 -0
- package/src/components/progress-bar.css +295 -0
- package/src/components/radio-button.css +156 -0
- package/src/components/radio-group.css +18 -0
- package/src/components/rich-text-editor-popup-overlay.css +27 -0
- package/src/components/rich-text-editor.css +485 -0
- package/src/components/scroller.css +40 -0
- package/src/components/select-overlay.css +54 -0
- package/src/components/select-value-button.css +57 -0
- package/src/components/select.css +60 -0
- package/src/components/side-nav-item.css +170 -0
- package/src/components/side-nav.css +102 -0
- package/src/components/split-layout.css +131 -0
- package/src/components/tab.css +246 -0
- package/src/components/tabs.css +285 -0
- package/src/components/tabsheet.css +59 -0
- package/src/components/text-area.css +116 -0
- package/src/components/time-picker-overlay.css +15 -0
- package/src/components/time-picker.css +36 -0
- package/src/components/tooltip-overlay.css +50 -0
- package/src/components/upload-file-list.css +24 -0
- package/src/components/upload-file.css +133 -0
- package/src/components/upload-icon.css +20 -0
- package/src/components/upload.css +56 -0
- package/src/components/user-tag.css +48 -0
- package/src/components/user-tags-overlay.css +64 -0
- package/src/components/vertical-layout.css +34 -0
- package/src/global/badge.css +167 -0
- package/src/global/color-scheme.css +99 -0
- package/src/global/typography.css +113 -0
- package/src/mixins/checkable-field.css +67 -0
- package/src/mixins/combo-box-loader.css +14 -0
- package/src/mixins/combo-box-overlay.css +30 -0
- package/src/mixins/dashboard-item.css +252 -0
- package/src/mixins/field-base.css +187 -0
- package/src/mixins/field-button.css +46 -0
- package/src/mixins/field-error-message.css +36 -0
- package/src/mixins/field-helper.css +62 -0
- package/src/mixins/field-label.css +62 -0
- package/src/mixins/field-required.css +26 -0
- package/src/mixins/grid-pro-editor.css +35 -0
- package/src/mixins/group-field.css +58 -0
- package/src/mixins/loader.css +48 -0
- package/src/mixins/menu-overlay-core.css +36 -0
- package/src/mixins/menu-overlay-ext.css +63 -0
- package/src/mixins/overlay.css +121 -0
- package/src/mixins/resizable-overlay.css +100 -0
- package/src/props/color.css +98 -0
- package/src/props/icons.css +61 -0
- package/src/props/reset.css +11 -0
- package/src/props/sizing.css +19 -0
- package/src/props/spacing.css +27 -0
- package/src/props/style.css +21 -0
- package/src/props/typography.css +24 -0
- package/src/utilities/accessibility.css +17 -0
- package/src/utilities/background.css +189 -0
- package/src/utilities/border.css +173 -0
- package/src/utilities/filter.css +37 -0
- package/src/utilities/flexbox-grid.css +781 -0
- package/src/utilities/layout.css +629 -0
- package/src/utilities/shadows.css +29 -0
- package/src/utilities/sizing.css +142 -0
- package/src/utilities/spacing.css +682 -0
- package/src/utilities/transition.css +46 -0
- package/src/utilities/typography.css +424 -0
- package/style.d.ts +0 -2
- package/style.js +1 -89
- package/utilities/transition.js +3 -2
- package/utility.css +17 -0
- package/vaadin-iconset.js +2 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/checkable-field.css';
|
|
7
|
+
@import '../src/components/radio-button.css';
|
|
8
|
+
|
|
9
|
+
:is(:root, :host)::before {
|
|
10
|
+
--vaadin-radio-button-lumo-inject: 1;
|
|
11
|
+
--vaadin-radio-button-lumo-inject-modules:
|
|
12
|
+
lumo_mixins_checkable-field,
|
|
13
|
+
lumo_components_radio-button;
|
|
14
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/field-error-message.css';
|
|
7
|
+
@import '../src/mixins/field-helper.css';
|
|
8
|
+
@import '../src/mixins/field-label.css';
|
|
9
|
+
@import '../src/mixins/field-required.css';
|
|
10
|
+
@import '../src/mixins/group-field.css';
|
|
11
|
+
@import '../src/components/radio-group.css';
|
|
12
|
+
@import './radio-button.css';
|
|
13
|
+
|
|
14
|
+
:is(:root, :host)::before {
|
|
15
|
+
--vaadin-radio-group-lumo-inject: 1;
|
|
16
|
+
--vaadin-radio-group-lumo-inject-modules:
|
|
17
|
+
lumo_mixins_group-field,
|
|
18
|
+
lumo_mixins_field-label,
|
|
19
|
+
lumo_mixins_field-required,
|
|
20
|
+
lumo_mixins_field-error-message,
|
|
21
|
+
lumo_mixins_field-helper,
|
|
22
|
+
lumo_components_radio-group;
|
|
23
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/overlay.css';
|
|
7
|
+
@import '../src/components/rich-text-editor-popup-overlay.css';
|
|
8
|
+
@import '../src/components/rich-text-editor.css';
|
|
9
|
+
@import '../src/global/typography.css'
|
|
10
|
+
lumo_global_typography;
|
|
11
|
+
@import './button.css';
|
|
12
|
+
@import './confirm-dialog.css';
|
|
13
|
+
@import './text-field.css';
|
|
14
|
+
@import './tooltip.css';
|
|
15
|
+
|
|
16
|
+
:is(:root, :host)::before {
|
|
17
|
+
--vaadin-rich-text-editor-lumo-inject: 1;
|
|
18
|
+
--vaadin-rich-text-editor-lumo-inject-modules:
|
|
19
|
+
lumo_global_typography,
|
|
20
|
+
lumo_components_rich-text-editor;
|
|
21
|
+
|
|
22
|
+
--vaadin-rich-text-editor-popup-overlay-lumo-inject: 1;
|
|
23
|
+
--vaadin-rich-text-editor-popup-overlay-lumo-inject-modules:
|
|
24
|
+
lumo_mixins_overlay,
|
|
25
|
+
lumo_components_rich-text-editor-popup-overlay;
|
|
26
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/components/scroller.css';
|
|
7
|
+
|
|
8
|
+
:is(:root, :host)::before {
|
|
9
|
+
--vaadin-scroller-lumo-inject: 1;
|
|
10
|
+
--vaadin-scroller-lumo-inject-modules: lumo_components_scroller;
|
|
11
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/field-base.css';
|
|
7
|
+
@import '../src/mixins/field-button.css';
|
|
8
|
+
@import '../src/mixins/field-error-message.css';
|
|
9
|
+
@import '../src/mixins/field-helper.css';
|
|
10
|
+
@import '../src/mixins/field-label.css';
|
|
11
|
+
@import '../src/mixins/field-required.css';
|
|
12
|
+
@import '../src/mixins/menu-overlay-core.css';
|
|
13
|
+
@import '../src/mixins/menu-overlay-ext.css';
|
|
14
|
+
@import '../src/mixins/overlay.css';
|
|
15
|
+
@import '../src/components/item.css';
|
|
16
|
+
@import '../src/components/list-box.css';
|
|
17
|
+
@import '../src/components/select-overlay.css';
|
|
18
|
+
@import '../src/components/select-value-button.css';
|
|
19
|
+
@import '../src/components/select.css';
|
|
20
|
+
@import './input-container.css';
|
|
21
|
+
|
|
22
|
+
:is(:root, :host)::before {
|
|
23
|
+
--vaadin-select-lumo-inject: 1;
|
|
24
|
+
--vaadin-select-lumo-inject-modules:
|
|
25
|
+
lumo_mixins_field-label,
|
|
26
|
+
lumo_mixins_field-required,
|
|
27
|
+
lumo_mixins_field-error-message,
|
|
28
|
+
lumo_mixins_field-button,
|
|
29
|
+
lumo_mixins_field-helper,
|
|
30
|
+
lumo_mixins_field-base,
|
|
31
|
+
lumo_components_select;
|
|
32
|
+
|
|
33
|
+
--vaadin-select-item-lumo-inject: 1;
|
|
34
|
+
--vaadin-select-item-lumo-inject-modules: lumo_components_item;
|
|
35
|
+
|
|
36
|
+
--vaadin-select-overlay-lumo-inject: 1;
|
|
37
|
+
--vaadin-select-overlay-lumo-inject-modules:
|
|
38
|
+
lumo_mixins_overlay,
|
|
39
|
+
lumo_mixins_menu-overlay-core,
|
|
40
|
+
lumo_mixins_menu-overlay-ext,
|
|
41
|
+
lumo_components_select-overlay;
|
|
42
|
+
|
|
43
|
+
--vaadin-select-list-box-lumo-inject: 1;
|
|
44
|
+
--vaadin-select-list-box-lumo-inject-modules: lumo_components_list-box;
|
|
45
|
+
|
|
46
|
+
--vaadin-select-value-button-lumo-inject: 1;
|
|
47
|
+
--vaadin-select-value-button-lumo-inject-modules: lumo_components_select-value-button;
|
|
48
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/field-button.css';
|
|
7
|
+
@import '../src/components/side-nav-item.css';
|
|
8
|
+
|
|
9
|
+
:is(:root, :host)::before {
|
|
10
|
+
--vaadin-side-nav-item-lumo-inject: 1;
|
|
11
|
+
--vaadin-side-nav-item-lumo-inject-modules:
|
|
12
|
+
lumo_mixins_field-button,
|
|
13
|
+
lumo_components_side-nav-item;
|
|
14
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/components/side-nav.css';
|
|
7
|
+
@import './side-nav-item.css';
|
|
8
|
+
|
|
9
|
+
:is(:root, :host)::before {
|
|
10
|
+
--vaadin-side-nav-lumo-inject: 1;
|
|
11
|
+
--vaadin-side-nav-lumo-inject-modules: lumo_components_side-nav;
|
|
12
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/components/split-layout.css';
|
|
7
|
+
|
|
8
|
+
:is(:root, :host)::before {
|
|
9
|
+
--vaadin-split-layout-lumo-inject: 1;
|
|
10
|
+
--vaadin-split-layout-lumo-inject-modules: lumo_components_split-layout;
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/components/tab.css';
|
|
7
|
+
|
|
8
|
+
:is(:root, :host)::before {
|
|
9
|
+
--vaadin-tab-lumo-inject: 1;
|
|
10
|
+
--vaadin-tab-lumo-inject-modules: lumo_components_tab;
|
|
11
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/components/tabs.css';
|
|
7
|
+
@import './tab.css';
|
|
8
|
+
|
|
9
|
+
:is(:root, :host)::before {
|
|
10
|
+
--vaadin-tabs-lumo-inject: 1;
|
|
11
|
+
--vaadin-tabs-lumo-inject-modules: lumo_components_tabs;
|
|
12
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/loader.css';
|
|
7
|
+
@import '../src/components/tabsheet.css';
|
|
8
|
+
@import './scroller.css';
|
|
9
|
+
@import './tabs.css';
|
|
10
|
+
|
|
11
|
+
:is(:root, :host)::before {
|
|
12
|
+
--vaadin-tabsheet-lumo-inject: 1;
|
|
13
|
+
--vaadin-tabsheet-lumo-inject-modules:
|
|
14
|
+
lumo_mixins_loader,
|
|
15
|
+
lumo_components_tabsheet;
|
|
16
|
+
|
|
17
|
+
--vaadin-tabsheet-scroller-lumo-inject: 1;
|
|
18
|
+
--vaadin-tabsheet-scroller-lumo-inject-modules: lumo_components_scroller;
|
|
19
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/field-base.css';
|
|
7
|
+
@import '../src/mixins/field-button.css';
|
|
8
|
+
@import '../src/mixins/field-error-message.css';
|
|
9
|
+
@import '../src/mixins/field-helper.css';
|
|
10
|
+
@import '../src/mixins/field-label.css';
|
|
11
|
+
@import '../src/mixins/field-required.css';
|
|
12
|
+
@import '../src/components/text-area.css';
|
|
13
|
+
@import './input-container.css';
|
|
14
|
+
|
|
15
|
+
:is(:root, :host)::before {
|
|
16
|
+
--vaadin-text-area-lumo-inject: 1;
|
|
17
|
+
--vaadin-text-area-lumo-inject-modules:
|
|
18
|
+
lumo_mixins_field-label,
|
|
19
|
+
lumo_mixins_field-required,
|
|
20
|
+
lumo_mixins_field-error-message,
|
|
21
|
+
lumo_mixins_field-button,
|
|
22
|
+
lumo_mixins_field-helper,
|
|
23
|
+
lumo_mixins_field-base,
|
|
24
|
+
lumo_components_text-area;
|
|
25
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/field-base.css';
|
|
7
|
+
@import '../src/mixins/field-button.css';
|
|
8
|
+
@import '../src/mixins/field-error-message.css';
|
|
9
|
+
@import '../src/mixins/field-helper.css';
|
|
10
|
+
@import '../src/mixins/field-label.css';
|
|
11
|
+
@import '../src/mixins/field-required.css';
|
|
12
|
+
@import './input-container.css';
|
|
13
|
+
|
|
14
|
+
:is(:root, :host)::before {
|
|
15
|
+
--vaadin-text-field-lumo-inject: 1;
|
|
16
|
+
--vaadin-text-field-lumo-inject-modules:
|
|
17
|
+
lumo_mixins_field-label,
|
|
18
|
+
lumo_mixins_field-required,
|
|
19
|
+
lumo_mixins_field-error-message,
|
|
20
|
+
lumo_mixins_field-button,
|
|
21
|
+
lumo_mixins_field-helper,
|
|
22
|
+
lumo_mixins_field-base;
|
|
23
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/combo-box-overlay.css';
|
|
7
|
+
@import '../src/mixins/field-base.css';
|
|
8
|
+
@import '../src/mixins/field-button.css';
|
|
9
|
+
@import '../src/mixins/field-error-message.css';
|
|
10
|
+
@import '../src/mixins/field-helper.css';
|
|
11
|
+
@import '../src/mixins/field-label.css';
|
|
12
|
+
@import '../src/mixins/field-required.css';
|
|
13
|
+
@import '../src/mixins/menu-overlay-core.css';
|
|
14
|
+
@import '../src/mixins/overlay.css';
|
|
15
|
+
@import '../src/components/combo-box-item.css';
|
|
16
|
+
@import '../src/components/item.css';
|
|
17
|
+
@import '../src/components/time-picker-overlay.css';
|
|
18
|
+
@import '../src/components/time-picker.css';
|
|
19
|
+
@import './input-container.css';
|
|
20
|
+
|
|
21
|
+
:is(:root, :host)::before {
|
|
22
|
+
--vaadin-time-picker-lumo-inject: 1;
|
|
23
|
+
--vaadin-time-picker-lumo-inject-modules:
|
|
24
|
+
lumo_mixins_field-label,
|
|
25
|
+
lumo_mixins_field-required,
|
|
26
|
+
lumo_mixins_field-error-message,
|
|
27
|
+
lumo_mixins_field-button,
|
|
28
|
+
lumo_mixins_field-helper,
|
|
29
|
+
lumo_mixins_field-base,
|
|
30
|
+
lumo_components_time-picker;
|
|
31
|
+
|
|
32
|
+
--vaadin-time-picker-item-lumo-inject: 1;
|
|
33
|
+
--vaadin-time-picker-item-lumo-inject-modules:
|
|
34
|
+
lumo_components_item,
|
|
35
|
+
lumo_components_combo-box-item;
|
|
36
|
+
|
|
37
|
+
--vaadin-time-picker-overlay-lumo-inject: 1;
|
|
38
|
+
--vaadin-time-picker-overlay-lumo-inject-modules:
|
|
39
|
+
lumo_mixins_overlay,
|
|
40
|
+
lumo_mixins_menu-overlay-core,
|
|
41
|
+
lumo_mixins_combo-box-overlay,
|
|
42
|
+
lumo_components_time-picker-overlay;
|
|
43
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/overlay.css';
|
|
7
|
+
@import '../src/components/tooltip-overlay.css';
|
|
8
|
+
|
|
9
|
+
:is(:root, :host)::before {
|
|
10
|
+
--vaadin-tooltip-overlay-lumo-inject: 1;
|
|
11
|
+
--vaadin-tooltip-overlay-lumo-inject-modules:
|
|
12
|
+
lumo_mixins_overlay,
|
|
13
|
+
lumo_components_tooltip-overlay;
|
|
14
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/mixins/field-button.css';
|
|
7
|
+
@import '../src/components/upload-file-list.css';
|
|
8
|
+
@import '../src/components/upload-file.css';
|
|
9
|
+
@import '../src/components/upload-icon.css';
|
|
10
|
+
@import '../src/components/upload.css';
|
|
11
|
+
@import './button.css';
|
|
12
|
+
@import './progress-bar.css';
|
|
13
|
+
|
|
14
|
+
:is(:root, :host)::before {
|
|
15
|
+
--vaadin-upload-lumo-inject: 1;
|
|
16
|
+
--vaadin-upload-lumo-inject-modules: lumo_components_upload;
|
|
17
|
+
|
|
18
|
+
--vaadin-upload-icon-lumo-inject: 1;
|
|
19
|
+
--vaadin-upload-icon-lumo-inject-modules: lumo_components_upload-icon;
|
|
20
|
+
|
|
21
|
+
--vaadin-upload-file-lumo-inject: 1;
|
|
22
|
+
--vaadin-upload-file-lumo-inject-modules:
|
|
23
|
+
lumo_mixins_field-button,
|
|
24
|
+
lumo_components_upload-file;
|
|
25
|
+
|
|
26
|
+
--vaadin-upload-file-list-lumo-inject: 1;
|
|
27
|
+
--vaadin-upload-file-list-lumo-inject-modules: lumo_components_upload-file-list;
|
|
28
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import '../src/components/vertical-layout.css';
|
|
7
|
+
|
|
8
|
+
:is(:root, :host)::before {
|
|
9
|
+
--vaadin-vertical-layout-lumo-inject: 1;
|
|
10
|
+
--vaadin-vertical-layout-lumo-inject-modules: lumo_components_vertical-layout;
|
|
11
|
+
}
|
package/components.css
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import './components/accordion.css';
|
|
7
|
+
@import './components/app-layout.css';
|
|
8
|
+
@import './components/avatar-group.css';
|
|
9
|
+
@import './components/avatar.css';
|
|
10
|
+
@import './components/button.css';
|
|
11
|
+
@import './components/card.css';
|
|
12
|
+
@import './components/charts.css';
|
|
13
|
+
@import './components/checkbox-group.css';
|
|
14
|
+
@import './components/checkbox.css';
|
|
15
|
+
@import './components/combo-box.css';
|
|
16
|
+
@import './components/confirm-dialog.css';
|
|
17
|
+
@import './components/context-menu.css';
|
|
18
|
+
@import './components/crud.css';
|
|
19
|
+
@import './components/custom-field.css';
|
|
20
|
+
@import './components/dashboard.css';
|
|
21
|
+
@import './components/date-picker.css';
|
|
22
|
+
@import './components/date-time-picker.css';
|
|
23
|
+
@import './components/details-summary.css';
|
|
24
|
+
@import './components/details.css';
|
|
25
|
+
@import './components/dialog.css';
|
|
26
|
+
@import './components/drawer-toggle.css';
|
|
27
|
+
@import './components/email-field.css';
|
|
28
|
+
@import './components/field-highlighter.css';
|
|
29
|
+
@import './components/form-item.css';
|
|
30
|
+
@import './components/form-layout.css';
|
|
31
|
+
@import './components/grid-filter-column.css';
|
|
32
|
+
@import './components/grid-pro-edit-column.css';
|
|
33
|
+
@import './components/grid-pro.css';
|
|
34
|
+
@import './components/grid-selection-column.css';
|
|
35
|
+
@import './components/grid-sort-column.css';
|
|
36
|
+
@import './components/grid-tree-column.css';
|
|
37
|
+
@import './components/grid.css';
|
|
38
|
+
@import './components/horizontal-layout.css';
|
|
39
|
+
@import './components/icon.css';
|
|
40
|
+
@import './components/input-container.css';
|
|
41
|
+
@import './components/integer-field.css';
|
|
42
|
+
@import './components/item.css';
|
|
43
|
+
@import './components/list-box.css';
|
|
44
|
+
@import './components/login.css';
|
|
45
|
+
@import './components/map.css';
|
|
46
|
+
@import './components/master-detail-layout.css';
|
|
47
|
+
@import './components/menu-bar.css';
|
|
48
|
+
@import './components/message-input.css';
|
|
49
|
+
@import './components/message-list.css';
|
|
50
|
+
@import './components/multi-select-combo-box.css';
|
|
51
|
+
@import './components/notification.css';
|
|
52
|
+
@import './components/number-field.css';
|
|
53
|
+
@import './components/overlay.css';
|
|
54
|
+
@import './components/password-field.css';
|
|
55
|
+
@import './components/popover.css';
|
|
56
|
+
@import './components/progress-bar.css';
|
|
57
|
+
@import './components/radio-button.css';
|
|
58
|
+
@import './components/radio-group.css';
|
|
59
|
+
@import './components/rich-text-editor.css';
|
|
60
|
+
@import './components/scroller.css';
|
|
61
|
+
@import './components/select.css';
|
|
62
|
+
@import './components/side-nav.css';
|
|
63
|
+
@import './components/split-layout.css';
|
|
64
|
+
@import './components/tabs.css';
|
|
65
|
+
@import './components/tabsheet.css';
|
|
66
|
+
@import './components/text-area.css';
|
|
67
|
+
@import './components/text-field.css';
|
|
68
|
+
@import './components/time-picker.css';
|
|
69
|
+
@import './components/tooltip.css';
|
|
70
|
+
@import './components/upload.css';
|
|
71
|
+
@import './components/vertical-layout.css';
|
package/font-icons.js
CHANGED
|
@@ -10,7 +10,7 @@ import { addLumoGlobalStyles } from './global.js';
|
|
|
10
10
|
const fontIcons = css`
|
|
11
11
|
@font-face {
|
|
12
12
|
font-family: 'lumo-icons';
|
|
13
|
-
src: url(data:application/font-woff;charset=utf-8;base64,
|
|
13
|
+
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
14
14
|
format('woff');
|
|
15
15
|
font-weight: normal;
|
|
16
16
|
font-style: normal;
|
|
@@ -36,31 +36,33 @@ const fontIcons = css`
|
|
|
36
36
|
--lumo-icons-chevron-left: '\\ea11';
|
|
37
37
|
--lumo-icons-chevron-right: '\\ea12';
|
|
38
38
|
--lumo-icons-chevron-up: '\\ea13';
|
|
39
|
-
--lumo-icons-
|
|
40
|
-
--lumo-icons-
|
|
41
|
-
--lumo-icons-
|
|
42
|
-
--lumo-icons-
|
|
43
|
-
--lumo-icons-
|
|
44
|
-
--lumo-icons-
|
|
45
|
-
--lumo-icons-
|
|
46
|
-
--lumo-icons-
|
|
47
|
-
--lumo-icons-
|
|
48
|
-
--lumo-icons-eye
|
|
49
|
-
--lumo-icons-
|
|
50
|
-
--lumo-icons-
|
|
51
|
-
--lumo-icons-
|
|
52
|
-
--lumo-icons-
|
|
53
|
-
--lumo-icons-
|
|
54
|
-
--lumo-icons-
|
|
55
|
-
--lumo-icons-
|
|
56
|
-
--lumo-icons-
|
|
57
|
-
--lumo-icons-
|
|
58
|
-
--lumo-icons-
|
|
59
|
-
--lumo-icons-
|
|
60
|
-
--lumo-icons-
|
|
61
|
-
--lumo-icons-
|
|
62
|
-
--lumo-icons-
|
|
63
|
-
--lumo-icons-
|
|
39
|
+
--lumo-icons-clean: '\\ea14';
|
|
40
|
+
--lumo-icons-clock: '\\ea15';
|
|
41
|
+
--lumo-icons-cog: '\\ea16';
|
|
42
|
+
--lumo-icons-cross: '\\ea17';
|
|
43
|
+
--lumo-icons-download: '\\ea18';
|
|
44
|
+
--lumo-icons-drag-handle: '\\ea19';
|
|
45
|
+
--lumo-icons-dropdown: '\\ea1a';
|
|
46
|
+
--lumo-icons-edit: '\\ea1b';
|
|
47
|
+
--lumo-icons-error: '\\ea1c';
|
|
48
|
+
--lumo-icons-eye: '\\ea1d';
|
|
49
|
+
--lumo-icons-eye-disabled: '\\ea1e';
|
|
50
|
+
--lumo-icons-link: '\\ea1f';
|
|
51
|
+
--lumo-icons-menu: '\\ea20';
|
|
52
|
+
--lumo-icons-minus: '\\ea21';
|
|
53
|
+
--lumo-icons-ordered-list: '\\ea22';
|
|
54
|
+
--lumo-icons-phone: '\\ea23';
|
|
55
|
+
--lumo-icons-photo: '\\ea24';
|
|
56
|
+
--lumo-icons-play: '\\ea25';
|
|
57
|
+
--lumo-icons-plus: '\\ea26';
|
|
58
|
+
--lumo-icons-redo: '\\ea27';
|
|
59
|
+
--lumo-icons-reload: '\\ea28';
|
|
60
|
+
--lumo-icons-resize-handle: '\\ea29';
|
|
61
|
+
--lumo-icons-search: '\\ea2a';
|
|
62
|
+
--lumo-icons-undo: '\\ea2b';
|
|
63
|
+
--lumo-icons-unordered-list: '\\ea2c';
|
|
64
|
+
--lumo-icons-upload: '\\ea2d';
|
|
65
|
+
--lumo-icons-user: '\\ea2e';
|
|
64
66
|
}
|
|
65
67
|
`;
|
|
66
68
|
|
package/global.css
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import './src/global/badge.css';
|
|
7
|
+
@import './src/global/color-scheme.css';
|
|
8
|
+
@import './src/global/typography.css';
|
package/lumo.css
ADDED
|
@@ -38,7 +38,6 @@ const inputField = css`
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
:host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
|
|
41
|
-
-webkit-mask-image: none;
|
|
42
41
|
mask-image: none;
|
|
43
42
|
}
|
|
44
43
|
|
|
@@ -73,7 +72,7 @@ const inputField = css`
|
|
|
73
72
|
the ring is only visible / has a width when the respective CSS property is
|
|
74
73
|
"enabled" using a value of 1 */
|
|
75
74
|
:host([focused]) [part='input-field'] {
|
|
76
|
-
/* Borders are implemented using box-shadows as well. To avoid overriding
|
|
75
|
+
/* Borders are implemented using box-shadows as well. To avoid overriding
|
|
77
76
|
the border on focus, even if the pointer focus-ring is disabled, we need to:
|
|
78
77
|
- Duplicate the border box shadow for this rule
|
|
79
78
|
- Remove the border (by using width of 0) when the focus-ring is visible,
|
package/mixins/menu-overlay.js
CHANGED
|
@@ -67,9 +67,7 @@ const menuOverlayExt = css`
|
|
|
67
67
|
padding: 30px var(--lumo-space-m);
|
|
68
68
|
max-height: inherit;
|
|
69
69
|
box-sizing: border-box;
|
|
70
|
-
-webkit-overflow-scrolling: touch;
|
|
71
70
|
overflow: auto;
|
|
72
|
-
-webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
73
71
|
mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
74
72
|
}
|
|
75
73
|
|
package/mixins/required-field.js
CHANGED
|
@@ -65,7 +65,6 @@ const requiredField = css`
|
|
|
65
65
|
|
|
66
66
|
:host([required]) [part='required-indicator']::after {
|
|
67
67
|
content: var(--lumo-required-field-indicator, '\\2022');
|
|
68
|
-
transition: opacity 0.2s;
|
|
69
68
|
color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
|
|
70
69
|
position: absolute;
|
|
71
70
|
right: 0;
|