@vaadin/react-components 25.0.0-alpha8 → 25.0.0-beta2
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/ConfirmDialog.d.ts +1 -1
- package/ConfirmDialog.d.ts.map +1 -1
- package/ConfirmDialog.js.map +1 -1
- package/ContextMenu.js +1 -1
- package/ContextMenu.js.map +2 -2
- package/Dialog.d.ts +2 -2
- package/Dialog.d.ts.map +1 -1
- package/Dialog.js +1 -1
- package/Dialog.js.map +1 -1
- package/LoginOverlay.js +1 -1
- package/LoginOverlay.js.map +2 -2
- package/MultiSelectComboBox.js +1 -1
- package/MultiSelectComboBox.js.map +2 -2
- package/Popover.d.ts +8 -2
- package/Popover.d.ts.map +1 -1
- package/Popover.js +1 -1
- package/Popover.js.map +3 -3
- package/Select.js.map +2 -2
- package/TabSheet.d.ts +0 -23
- package/TabSheet.d.ts.map +1 -1
- package/TabSheet.js +1 -1
- package/TabSheet.js.map +3 -3
- package/Tooltip.js +1 -1
- package/Tooltip.js.map +2 -2
- package/css/lumo/Utility.module.css +16 -47
- package/css/lumo/utilities/Accessibility.module.css +17 -15
- package/css/lumo/utilities/Background.module.css +189 -150
- package/css/lumo/utilities/Border.module.css +173 -141
- package/css/lumo/utilities/Filter.module.css +35 -26
- package/css/lumo/utilities/FlexboxGrid.module.css +780 -2
- package/css/lumo/utilities/Layout.module.css +544 -413
- package/css/lumo/utilities/Shadows.module.css +27 -20
- package/css/lumo/utilities/Sizing.module.css +142 -115
- package/css/lumo/utilities/Spacing.module.css +682 -536
- package/css/lumo/utilities/Transition.module.css +46 -44
- package/css/lumo/utilities/Typography.module.css +366 -280
- package/generated/ContextMenu.d.ts +2 -0
- package/generated/ContextMenu.d.ts.map +1 -1
- package/generated/LoginOverlay.d.ts +2 -0
- package/generated/LoginOverlay.d.ts.map +1 -1
- package/generated/MultiSelectComboBox.d.ts +2 -2
- package/generated/MultiSelectComboBox.d.ts.map +1 -1
- package/generated/Tooltip.d.ts +8 -3
- package/generated/Tooltip.d.ts.map +1 -1
- package/package.json +69 -76
- package/renderers/useRenderer.js +1 -1
- package/renderers/useRenderer.js.map +2 -2
- package/utils/createComponent.js +1 -1
- package/utils/createComponent.js.map +2 -2
- package/utils/warnings.d.ts +2 -0
- package/utils/warnings.d.ts.map +1 -0
- package/utils/warnings.js +2 -0
- package/utils/warnings.js.map +7 -0
- package/css/Lumo.css +0 -15
- package/css/lumo/Badge.css +0 -165
- package/css/lumo/Color.css +0 -122
- package/css/lumo/ColorBase.css +0 -87
- package/css/lumo/Font.css +0 -22
- package/css/lumo/FontIcons.css +0 -59
- package/css/lumo/Sizing.css +0 -17
- package/css/lumo/Spacing.css +0 -25
- package/css/lumo/Style.css +0 -19
- package/css/lumo/Typography.css +0 -96
- package/css/lumo/UserColors.css +0 -22
- package/css/lumo/mixins/FieldButton.css +0 -29
- package/css/lumo/mixins/MenuOverlay.css +0 -64
- package/css/lumo/mixins/MenuOverlayCore.css +0 -32
- package/css/lumo/mixins/Overlay.css +0 -67
- package/css/lumo/mixins/RequiredField.css +0 -103
- package/css/lumo/utilities/FlexboxAndGrid.module.css +0 -613
package/css/lumo/Color.css
DELETED
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
@import url(./ColorBase.css);
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
[theme~='dark'] {
|
|
7
|
-
/* Base (background) */
|
|
8
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
|
9
|
-
|
|
10
|
-
/* Tint */
|
|
11
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
12
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
13
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
14
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
15
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
16
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
17
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
18
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
19
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
20
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
21
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
|
22
|
-
|
|
23
|
-
/* Shade */
|
|
24
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
25
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
26
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
27
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
28
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
29
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
30
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
31
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
32
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
33
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
34
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
|
35
|
-
|
|
36
|
-
/* Contrast */
|
|
37
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
38
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
39
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
40
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
41
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
42
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
43
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
44
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
45
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
46
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
47
|
-
--lumo-contrast: var(--lumo-tint);
|
|
48
|
-
|
|
49
|
-
/* Text */
|
|
50
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
51
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
52
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
53
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
54
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
55
|
-
|
|
56
|
-
/* Primary */
|
|
57
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
58
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
59
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
60
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
61
|
-
--lumo-primary-contrast-color: #fff;
|
|
62
|
-
|
|
63
|
-
/* Error */
|
|
64
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
|
65
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
66
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
67
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
68
|
-
|
|
69
|
-
/* Success */
|
|
70
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
71
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
72
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
73
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
74
|
-
|
|
75
|
-
/* Warning */
|
|
76
|
-
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
77
|
-
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
78
|
-
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
79
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
html {
|
|
83
|
-
color: var(--lumo-body-text-color);
|
|
84
|
-
background-color: var(--lumo-base-color);
|
|
85
|
-
color-scheme: light;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
[theme~='dark'] {
|
|
89
|
-
color: var(--lumo-body-text-color);
|
|
90
|
-
background-color: var(--lumo-base-color);
|
|
91
|
-
color-scheme: dark;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
h1,
|
|
95
|
-
h2,
|
|
96
|
-
h3,
|
|
97
|
-
h4,
|
|
98
|
-
h5,
|
|
99
|
-
h6 {
|
|
100
|
-
color: var(--lumo-header-text-color);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
a:where(:any-link) {
|
|
104
|
-
color: var(--lumo-primary-text-color);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
a:not(:any-link) {
|
|
108
|
-
color: var(--lumo-disabled-text-color);
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
blockquote {
|
|
112
|
-
color: var(--lumo-secondary-text-color);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
code,
|
|
116
|
-
pre {
|
|
117
|
-
background-color: var(--lumo-contrast-10pct);
|
|
118
|
-
border-radius: var(--lumo-border-radius-m);
|
|
119
|
-
}
|
|
120
|
-
pre code {
|
|
121
|
-
background: transparent;
|
|
122
|
-
}
|
package/css/lumo/ColorBase.css
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html {
|
|
5
|
-
/* Base (background) */
|
|
6
|
-
--lumo-base-color: #fff;
|
|
7
|
-
|
|
8
|
-
/* Tint */
|
|
9
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
10
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
11
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
12
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
13
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
14
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
15
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
16
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
17
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
18
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
19
|
-
--lumo-tint: #fff;
|
|
20
|
-
|
|
21
|
-
/* Shade */
|
|
22
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
23
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
24
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
25
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
26
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
27
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
28
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
29
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
30
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
31
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
32
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
|
33
|
-
|
|
34
|
-
/* Contrast */
|
|
35
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
36
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
37
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
38
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
39
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
40
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
41
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
42
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
43
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
44
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
45
|
-
--lumo-contrast: var(--lumo-shade);
|
|
46
|
-
|
|
47
|
-
/* Text */
|
|
48
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
49
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
50
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
51
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
52
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
53
|
-
|
|
54
|
-
/* Primary */
|
|
55
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
56
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
57
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
58
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
59
|
-
--lumo-primary-contrast-color: #fff;
|
|
60
|
-
|
|
61
|
-
/* Error */
|
|
62
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
|
63
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
64
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
65
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
66
|
-
--lumo-error-contrast-color: #fff;
|
|
67
|
-
|
|
68
|
-
/* Success */
|
|
69
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
70
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
71
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
72
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
73
|
-
--lumo-success-contrast-color: #fff;
|
|
74
|
-
|
|
75
|
-
/* Warning */
|
|
76
|
-
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
77
|
-
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
78
|
-
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
79
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
/* forced-colors mode adjustments */
|
|
83
|
-
@media (forced-colors: active) {
|
|
84
|
-
html {
|
|
85
|
-
--lumo-disabled-text-color: GrayText;
|
|
86
|
-
}
|
|
87
|
-
}
|
package/css/lumo/Font.css
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html {
|
|
5
|
-
/* prettier-ignore */
|
|
6
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
7
|
-
|
|
8
|
-
/* Font sizes */
|
|
9
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
10
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
11
|
-
--lumo-font-size-s: 0.875rem;
|
|
12
|
-
--lumo-font-size-m: 1rem;
|
|
13
|
-
--lumo-font-size-l: 1.125rem;
|
|
14
|
-
--lumo-font-size-xl: 1.375rem;
|
|
15
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
16
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
17
|
-
|
|
18
|
-
/* Line heights */
|
|
19
|
-
--lumo-line-height-xs: 1.25;
|
|
20
|
-
--lumo-line-height-s: 1.375;
|
|
21
|
-
--lumo-line-height-m: 1.625;
|
|
22
|
-
}
|
package/css/lumo/FontIcons.css
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
@font-face {
|
|
5
|
-
font-family: 'lumo-icons';
|
|
6
|
-
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
7
|
-
format('woff');
|
|
8
|
-
font-weight: normal;
|
|
9
|
-
font-style: normal;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
html {
|
|
13
|
-
--lumo-icons-align-center: '\ea01';
|
|
14
|
-
--lumo-icons-align-left: '\ea02';
|
|
15
|
-
--lumo-icons-align-right: '\ea03';
|
|
16
|
-
--lumo-icons-angle-down: '\ea04';
|
|
17
|
-
--lumo-icons-angle-left: '\ea05';
|
|
18
|
-
--lumo-icons-angle-right: '\ea06';
|
|
19
|
-
--lumo-icons-angle-up: '\ea07';
|
|
20
|
-
--lumo-icons-arrow-down: '\ea08';
|
|
21
|
-
--lumo-icons-arrow-left: '\ea09';
|
|
22
|
-
--lumo-icons-arrow-right: '\ea0a';
|
|
23
|
-
--lumo-icons-arrow-up: '\ea0b';
|
|
24
|
-
--lumo-icons-bar-chart: '\ea0c';
|
|
25
|
-
--lumo-icons-bell: '\ea0d';
|
|
26
|
-
--lumo-icons-calendar: '\ea0e';
|
|
27
|
-
--lumo-icons-checkmark: '\ea0f';
|
|
28
|
-
--lumo-icons-chevron-down: '\ea10';
|
|
29
|
-
--lumo-icons-chevron-left: '\ea11';
|
|
30
|
-
--lumo-icons-chevron-right: '\ea12';
|
|
31
|
-
--lumo-icons-chevron-up: '\ea13';
|
|
32
|
-
--lumo-icons-clean: '\ea14';
|
|
33
|
-
--lumo-icons-clock: '\ea15';
|
|
34
|
-
--lumo-icons-cog: '\ea16';
|
|
35
|
-
--lumo-icons-cross: '\ea17';
|
|
36
|
-
--lumo-icons-download: '\ea18';
|
|
37
|
-
--lumo-icons-drag-handle: '\ea19';
|
|
38
|
-
--lumo-icons-dropdown: '\ea1a';
|
|
39
|
-
--lumo-icons-edit: '\ea1b';
|
|
40
|
-
--lumo-icons-error: '\ea1c';
|
|
41
|
-
--lumo-icons-eye: '\ea1d';
|
|
42
|
-
--lumo-icons-eye-disabled: '\ea1e';
|
|
43
|
-
--lumo-icons-link: '\ea1f';
|
|
44
|
-
--lumo-icons-menu: '\ea20';
|
|
45
|
-
--lumo-icons-minus: '\ea21';
|
|
46
|
-
--lumo-icons-ordered-list: '\ea22';
|
|
47
|
-
--lumo-icons-phone: '\ea23';
|
|
48
|
-
--lumo-icons-photo: '\ea24';
|
|
49
|
-
--lumo-icons-play: '\ea25';
|
|
50
|
-
--lumo-icons-plus: '\ea26';
|
|
51
|
-
--lumo-icons-redo: '\ea27';
|
|
52
|
-
--lumo-icons-reload: '\ea28';
|
|
53
|
-
--lumo-icons-resize-handle: '\ea29';
|
|
54
|
-
--lumo-icons-search: '\ea2a';
|
|
55
|
-
--lumo-icons-undo: '\ea2b';
|
|
56
|
-
--lumo-icons-unordered-list: '\ea2c';
|
|
57
|
-
--lumo-icons-upload: '\ea2d';
|
|
58
|
-
--lumo-icons-user: '\ea2e';
|
|
59
|
-
}
|
package/css/lumo/Sizing.css
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html {
|
|
5
|
-
--lumo-size-xs: 1.625rem;
|
|
6
|
-
--lumo-size-s: 1.875rem;
|
|
7
|
-
--lumo-size-m: 2.25rem;
|
|
8
|
-
--lumo-size-l: 2.75rem;
|
|
9
|
-
--lumo-size-xl: 3.5rem;
|
|
10
|
-
|
|
11
|
-
/* Icons */
|
|
12
|
-
--lumo-icon-size-s: 1.25em;
|
|
13
|
-
--lumo-icon-size-m: 1.5em;
|
|
14
|
-
--lumo-icon-size-l: 2.25em;
|
|
15
|
-
/* For backwards compatibility */
|
|
16
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
17
|
-
}
|
package/css/lumo/Spacing.css
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html {
|
|
5
|
-
/* Square */
|
|
6
|
-
--lumo-space-xs: 0.25rem;
|
|
7
|
-
--lumo-space-s: 0.5rem;
|
|
8
|
-
--lumo-space-m: 1rem;
|
|
9
|
-
--lumo-space-l: 1.5rem;
|
|
10
|
-
--lumo-space-xl: 2.5rem;
|
|
11
|
-
|
|
12
|
-
/* Wide */
|
|
13
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
14
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
15
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
16
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
17
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
18
|
-
|
|
19
|
-
/* Tall */
|
|
20
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
21
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
22
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
23
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
24
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
25
|
-
}
|
package/css/lumo/Style.css
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html {
|
|
5
|
-
/* Border radius */
|
|
6
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
7
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
8
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
9
|
-
|
|
10
|
-
/* Shadow */
|
|
11
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
12
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
13
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
14
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
15
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
16
|
-
|
|
17
|
-
/* Clickable element cursor */
|
|
18
|
-
--lumo-clickable-cursor: default;
|
|
19
|
-
}
|
package/css/lumo/Typography.css
DELETED
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
@import url(./Font.css);
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
body,
|
|
7
|
-
html {
|
|
8
|
-
font-family: var(--lumo-font-family);
|
|
9
|
-
font-size: var(--lumo-font-size-m);
|
|
10
|
-
line-height: var(--lumo-line-height-m);
|
|
11
|
-
-webkit-text-size-adjust: 100%;
|
|
12
|
-
-webkit-font-smoothing: antialiased;
|
|
13
|
-
-moz-osx-font-smoothing: grayscale;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
small,
|
|
17
|
-
[theme~='font-size-s'] {
|
|
18
|
-
font-size: var(--lumo-font-size-s);
|
|
19
|
-
line-height: var(--lumo-line-height-s);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
[theme~='font-size-xs'] {
|
|
23
|
-
font-size: var(--lumo-font-size-xs);
|
|
24
|
-
line-height: var(--lumo-line-height-xs);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
28
|
-
font-weight: 600;
|
|
29
|
-
line-height: var(--lumo-line-height-xs);
|
|
30
|
-
margin-block: 0;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
:where(h1) {
|
|
34
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
:where(h2) {
|
|
38
|
-
font-size: var(--lumo-font-size-xxl);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
:where(h3) {
|
|
42
|
-
font-size: var(--lumo-font-size-xl);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
:where(h4) {
|
|
46
|
-
font-size: var(--lumo-font-size-l);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:where(h5) {
|
|
50
|
-
font-size: var(--lumo-font-size-m);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
:where(h6) {
|
|
54
|
-
font-size: var(--lumo-font-size-xs);
|
|
55
|
-
text-transform: uppercase;
|
|
56
|
-
letter-spacing: 0.03em;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
p,
|
|
60
|
-
blockquote {
|
|
61
|
-
margin-top: 0.5em;
|
|
62
|
-
margin-bottom: 0.75em;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
a {
|
|
66
|
-
text-decoration: none;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
a:where(:any-link):hover {
|
|
70
|
-
text-decoration: underline;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
hr {
|
|
74
|
-
display: block;
|
|
75
|
-
align-self: stretch;
|
|
76
|
-
height: 1px;
|
|
77
|
-
border: 0;
|
|
78
|
-
padding: 0;
|
|
79
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
80
|
-
background-color: var(--lumo-contrast-10pct);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
blockquote {
|
|
84
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
b,
|
|
88
|
-
strong {
|
|
89
|
-
font-weight: 600;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
/* RTL specific styles */
|
|
93
|
-
blockquote[dir='rtl'] {
|
|
94
|
-
border-left: none;
|
|
95
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
96
|
-
}
|
package/css/lumo/UserColors.css
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html {
|
|
5
|
-
--vaadin-user-color-0: #df0b92;
|
|
6
|
-
--vaadin-user-color-1: #650acc;
|
|
7
|
-
--vaadin-user-color-2: #097faa;
|
|
8
|
-
--vaadin-user-color-3: #ad6200;
|
|
9
|
-
--vaadin-user-color-4: #bf16f3;
|
|
10
|
-
--vaadin-user-color-5: #084391;
|
|
11
|
-
--vaadin-user-color-6: #078836;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
[theme~='dark'] {
|
|
15
|
-
--vaadin-user-color-0: #ff66c7;
|
|
16
|
-
--vaadin-user-color-1: #9d8aff;
|
|
17
|
-
--vaadin-user-color-2: #8aff66;
|
|
18
|
-
--vaadin-user-color-3: #ffbd66;
|
|
19
|
-
--vaadin-user-color-4: #dc6bff;
|
|
20
|
-
--vaadin-user-color-5: #66fffa;
|
|
21
|
-
--vaadin-user-color-6: #e6ff66;
|
|
22
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
[part$='button'] {
|
|
5
|
-
flex: none;
|
|
6
|
-
width: 1em;
|
|
7
|
-
height: 1em;
|
|
8
|
-
line-height: 1;
|
|
9
|
-
font-size: var(--lumo-icon-size-m);
|
|
10
|
-
text-align: center;
|
|
11
|
-
color: var(--lumo-contrast-60pct);
|
|
12
|
-
transition: 0.2s color;
|
|
13
|
-
cursor: var(--lumo-clickable-cursor);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
[part$='button']:hover {
|
|
17
|
-
color: var(--lumo-contrast-90pct);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
html([disabled]) [part$='button'],
|
|
21
|
-
:host([readonly]) [part$='button'] {
|
|
22
|
-
color: var(--lumo-contrast-20pct);
|
|
23
|
-
cursor: default;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
[part$='button']::before {
|
|
27
|
-
font-family: 'lumo-icons';
|
|
28
|
-
display: block;
|
|
29
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
@import url(./MenuOverlayCore.css);
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
/* Small viewport (bottom sheet) styles */
|
|
7
|
-
/* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
|
|
8
|
-
@media (max-width: 450px), (max-height: 450px) {
|
|
9
|
-
html {
|
|
10
|
-
top: 0 !important;
|
|
11
|
-
right: 0 !important;
|
|
12
|
-
bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;
|
|
13
|
-
left: 0 !important;
|
|
14
|
-
align-items: stretch !important;
|
|
15
|
-
justify-content: flex-end !important;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
[part='overlay'] {
|
|
19
|
-
max-height: 50vh;
|
|
20
|
-
width: 100vw;
|
|
21
|
-
border-radius: 0;
|
|
22
|
-
box-shadow: var(--lumo-box-shadow-xl);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
/* The content part scrolls instead of the overlay part, because of the gradient fade-out */
|
|
26
|
-
[part='content'] {
|
|
27
|
-
padding: 30px var(--lumo-space-m);
|
|
28
|
-
max-height: inherit;
|
|
29
|
-
box-sizing: border-box;
|
|
30
|
-
overflow: auto;
|
|
31
|
-
mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
[part='backdrop'] {
|
|
35
|
-
display: block;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* Animations */
|
|
39
|
-
|
|
40
|
-
:host([opening]) [part='overlay'] {
|
|
41
|
-
animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
:host([closing]),
|
|
45
|
-
:host([closing]) [part='backdrop'] {
|
|
46
|
-
animation-delay: 0.14s;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:host([closing]) [part='overlay'] {
|
|
50
|
-
animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
@keyframes lumo-mobile-menu-overlay-enter {
|
|
55
|
-
0% {
|
|
56
|
-
transform: translateY(150%);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
@keyframes lumo-mobile-menu-overlay-exit {
|
|
61
|
-
100% {
|
|
62
|
-
transform: translateY(150%);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html([opening]),
|
|
5
|
-
:host([closing]) {
|
|
6
|
-
animation: 0.14s lumo-overlay-dummy-animation;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
[part='overlay'] {
|
|
10
|
-
will-change: opacity, transform;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
:host([opening]) [part='overlay'] {
|
|
14
|
-
animation: 0.1s lumo-menu-overlay-enter ease-out both;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@keyframes lumo-menu-overlay-enter {
|
|
18
|
-
0% {
|
|
19
|
-
opacity: 0;
|
|
20
|
-
transform: translateY(-4px);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
:host([closing]) [part='overlay'] {
|
|
25
|
-
animation: 0.1s lumo-menu-overlay-exit both;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
@keyframes lumo-menu-overlay-exit {
|
|
29
|
-
100% {
|
|
30
|
-
opacity: 0;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
html {
|
|
5
|
-
top: var(--lumo-space-m);
|
|
6
|
-
right: var(--lumo-space-m);
|
|
7
|
-
bottom: var(--lumo-space-m);
|
|
8
|
-
left: var(--lumo-space-m);
|
|
9
|
-
/* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
|
|
10
|
-
/* stylelint-disable-next-line */
|
|
11
|
-
outline: 0px solid transparent;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
[part='overlay'] {
|
|
15
|
-
background-color: var(--lumo-base-color);
|
|
16
|
-
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
17
|
-
border-radius: var(--lumo-border-radius-m);
|
|
18
|
-
box-shadow:
|
|
19
|
-
0 0 0 1px var(--lumo-shade-5pct),
|
|
20
|
-
var(--lumo-box-shadow-m);
|
|
21
|
-
color: var(--lumo-body-text-color);
|
|
22
|
-
font-family: var(--lumo-font-family);
|
|
23
|
-
font-size: var(--lumo-font-size-m);
|
|
24
|
-
font-weight: 400;
|
|
25
|
-
line-height: var(--lumo-line-height-m);
|
|
26
|
-
letter-spacing: 0;
|
|
27
|
-
text-transform: none;
|
|
28
|
-
-webkit-text-size-adjust: 100%;
|
|
29
|
-
-webkit-font-smoothing: antialiased;
|
|
30
|
-
-moz-osx-font-smoothing: grayscale;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
[part='content'] {
|
|
34
|
-
padding: var(--lumo-space-xs);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
[part='backdrop'] {
|
|
38
|
-
background-color: var(--lumo-shade-20pct);
|
|
39
|
-
animation: 0.2s lumo-overlay-backdrop-enter both;
|
|
40
|
-
will-change: opacity;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@keyframes lumo-overlay-backdrop-enter {
|
|
44
|
-
0% {
|
|
45
|
-
opacity: 0;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:host([closing]) [part='backdrop'] {
|
|
50
|
-
animation: 0.2s lumo-overlay-backdrop-exit both;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@keyframes lumo-overlay-backdrop-exit {
|
|
54
|
-
100% {
|
|
55
|
-
opacity: 0;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
@keyframes lumo-overlay-dummy-animation {
|
|
60
|
-
0% {
|
|
61
|
-
opacity: 1;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
100% {
|
|
65
|
-
opacity: 1;
|
|
66
|
-
}
|
|
67
|
-
}
|