@vaadin/react-components 25.0.0-alpha2 → 25.0.0-alpha21

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.
Files changed (77) hide show
  1. package/ConfirmDialog.d.ts +1 -1
  2. package/ConfirmDialog.d.ts.map +1 -1
  3. package/ConfirmDialog.js.map +1 -1
  4. package/ContextMenu.js +1 -1
  5. package/ContextMenu.js.map +2 -2
  6. package/Dialog.d.ts +2 -2
  7. package/Dialog.d.ts.map +1 -1
  8. package/Dialog.js +1 -1
  9. package/Dialog.js.map +1 -1
  10. package/LoginOverlay.js +1 -1
  11. package/LoginOverlay.js.map +2 -2
  12. package/MultiSelectComboBox.js +1 -1
  13. package/MultiSelectComboBox.js.map +2 -2
  14. package/Popover.d.ts +8 -2
  15. package/Popover.d.ts.map +1 -1
  16. package/Popover.js +1 -1
  17. package/Popover.js.map +3 -3
  18. package/Select.js.map +2 -2
  19. package/TabSheet.d.ts +0 -23
  20. package/TabSheet.d.ts.map +1 -1
  21. package/TabSheet.js +1 -1
  22. package/TabSheet.js.map +3 -3
  23. package/TimePicker.d.ts +1 -1
  24. package/TimePicker.js +1 -1
  25. package/TimePicker.js.map +2 -2
  26. package/Tooltip.js +1 -1
  27. package/Tooltip.js.map +2 -2
  28. package/css/lumo/Utility.module.css +16 -47
  29. package/css/lumo/utilities/Accessibility.module.css +17 -15
  30. package/css/lumo/utilities/Background.module.css +189 -150
  31. package/css/lumo/utilities/Border.module.css +173 -141
  32. package/css/lumo/utilities/Filter.module.css +35 -26
  33. package/css/lumo/utilities/FlexboxGrid.module.css +780 -2
  34. package/css/lumo/utilities/Layout.module.css +544 -413
  35. package/css/lumo/utilities/Shadows.module.css +27 -20
  36. package/css/lumo/utilities/Sizing.module.css +142 -115
  37. package/css/lumo/utilities/Spacing.module.css +682 -536
  38. package/css/lumo/utilities/Transition.module.css +46 -43
  39. package/css/lumo/utilities/Typography.module.css +366 -280
  40. package/generated/ContextMenu.d.ts +2 -0
  41. package/generated/ContextMenu.d.ts.map +1 -1
  42. package/generated/GridColumnGroup.d.ts +1 -1
  43. package/generated/LoginOverlay.d.ts +2 -0
  44. package/generated/LoginOverlay.d.ts.map +1 -1
  45. package/generated/MultiSelectComboBox.d.ts +2 -2
  46. package/generated/MultiSelectComboBox.d.ts.map +1 -1
  47. package/generated/TimePicker.d.ts +2 -2
  48. package/generated/TimePicker.d.ts.map +1 -1
  49. package/generated/Tooltip.d.ts +8 -3
  50. package/generated/Tooltip.d.ts.map +1 -1
  51. package/package.json +69 -77
  52. package/renderers/useRenderer.js +1 -1
  53. package/renderers/useRenderer.js.map +2 -2
  54. package/utils/createComponent.js +1 -1
  55. package/utils/createComponent.js.map +2 -2
  56. package/utils/warnings.d.ts +2 -0
  57. package/utils/warnings.d.ts.map +1 -0
  58. package/utils/warnings.js +2 -0
  59. package/utils/warnings.js.map +7 -0
  60. package/css/Lumo.css +0 -15
  61. package/css/lumo/Badge.css +0 -165
  62. package/css/lumo/Color.css +0 -122
  63. package/css/lumo/ColorBase.css +0 -87
  64. package/css/lumo/Font.css +0 -22
  65. package/css/lumo/FontIcons.css +0 -57
  66. package/css/lumo/Globals.css +0 -85
  67. package/css/lumo/Sizing.css +0 -17
  68. package/css/lumo/Spacing.css +0 -25
  69. package/css/lumo/Style.css +0 -21
  70. package/css/lumo/Typography.css +0 -96
  71. package/css/lumo/UserColors.css +0 -22
  72. package/css/lumo/mixins/FieldButton.css +0 -29
  73. package/css/lumo/mixins/MenuOverlay.css +0 -66
  74. package/css/lumo/mixins/MenuOverlayCore.css +0 -32
  75. package/css/lumo/mixins/Overlay.css +0 -67
  76. package/css/lumo/mixins/RequiredField.css +0 -103
  77. package/css/lumo/utilities/FlexboxAndGrid.module.css +0 -613
@@ -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
- }
@@ -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
- }
@@ -1,57 +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-clock: '\ea14';
33
- --lumo-icons-cog: '\ea15';
34
- --lumo-icons-cross: '\ea16';
35
- --lumo-icons-download: '\ea17';
36
- --lumo-icons-drag-handle: '\ea18';
37
- --lumo-icons-dropdown: '\ea19';
38
- --lumo-icons-edit: '\ea1a';
39
- --lumo-icons-error: '\ea1b';
40
- --lumo-icons-eye: '\ea1c';
41
- --lumo-icons-eye-disabled: '\ea1d';
42
- --lumo-icons-menu: '\ea1e';
43
- --lumo-icons-minus: '\ea1f';
44
- --lumo-icons-ordered-list: '\ea20';
45
- --lumo-icons-phone: '\ea21';
46
- --lumo-icons-photo: '\ea22';
47
- --lumo-icons-play: '\ea23';
48
- --lumo-icons-plus: '\ea24';
49
- --lumo-icons-redo: '\ea25';
50
- --lumo-icons-reload: '\ea26';
51
- --lumo-icons-resize-handle: '\ea27';
52
- --lumo-icons-search: '\ea28';
53
- --lumo-icons-undo: '\ea29';
54
- --lumo-icons-unordered-list: '\ea2a';
55
- --lumo-icons-upload: '\ea2b';
56
- --lumo-icons-user: '\ea2c';
57
- }
@@ -1,85 +0,0 @@
1
- /* Generated file, do not edit */
2
-
3
-
4
- html {
5
- /* Button */
6
- --vaadin-button-background: var(--lumo-contrast-5pct);
7
- --vaadin-button-border: none;
8
- --vaadin-button-border-radius: var(--lumo-border-radius-m);
9
- --vaadin-button-font-size: var(--lumo-font-size-m);
10
- --vaadin-button-font-weight: 500;
11
- --vaadin-button-height: var(--lumo-size-m);
12
- --vaadin-button-margin: var(--lumo-space-xs) 0;
13
- --vaadin-button-min-width: calc(var(--vaadin-button-height) * 2);
14
- --vaadin-button-padding: 0 calc(var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2);
15
- --vaadin-button-text-color: var(--lumo-primary-text-color);
16
- --vaadin-button-primary-background: var(--lumo-primary-color);
17
- --vaadin-button-primary-border: none;
18
- --vaadin-button-primary-font-weight: 600;
19
- --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);
20
- --vaadin-button-tertiary-background: transparent !important;
21
- --vaadin-button-tertiary-text-color: var(--lumo-primary-text-color);
22
- --vaadin-button-tertiary-font-weight: 500;
23
- --vaadin-button-tertiary-padding: 0 calc(var(--vaadin-button-height) / 6);
24
- /* Checkbox */
25
- --vaadin-checkbox-background: var(--lumo-contrast-20pct);
26
- --vaadin-checkbox-background-hover: var(--lumo-contrast-30pct);
27
- --vaadin-checkbox-border-radius: var(--lumo-border-radius-s);
28
- --vaadin-checkbox-checkmark-char: var(--lumo-icons-checkmark);
29
- --vaadin-checkbox-checkmark-char-indeterminate: '';
30
- --vaadin-checkbox-checkmark-color: var(--lumo-primary-contrast-color);
31
- --vaadin-checkbox-checkmark-size: calc(var(--vaadin-checkbox-size) + 2px);
32
- --vaadin-checkbox-label-color: var(--lumo-body-text-color);
33
- --vaadin-checkbox-label-font-size: var(--lumo-font-size-m);
34
- --vaadin-checkbox-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs);
35
- --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
36
- --vaadin-checkbox-disabled-checkmark-color: var(--lumo-contrast-30pct);
37
- --vaadin-checkbox-disabled-background: var(--lumo-contrast-10pct);
38
- /* Radio button */
39
- --vaadin-radio-button-background: var(--lumo-contrast-20pct);
40
- --vaadin-radio-button-background-hover: var(--lumo-contrast-30pct);
41
- --vaadin-radio-button-dot-color: var(--lumo-primary-contrast-color);
42
- --vaadin-radio-button-dot-size: 3px;
43
- --vaadin-radio-button-label-color: var(--lumo-body-text-color);
44
- --vaadin-radio-button-label-font-size: var(--lumo-font-size-m);
45
- --vaadin-radio-button-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs)
46
- var(--lumo-space-xs);
47
- --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
48
- --vaadin-radio-button-disabled-background: var(--lumo-contrast-10pct);
49
- --vaadin-radio-button-disabled-dot-color: var(--lumo-contrast-30pct);
50
- --vaadin-selection-color: var(--lumo-primary-color);
51
- --vaadin-selection-color-text: var(--lumo-primary-text-color);
52
- --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
53
- --vaadin-focus-ring-color: var(--lumo-primary-color-50pct);
54
- --vaadin-focus-ring-width: 2px;
55
- /* Label */
56
- --vaadin-input-field-label-color: var(--lumo-secondary-text-color);
57
- --vaadin-input-field-focused-label-color: var(--lumo-primary-text-color);
58
- --vaadin-input-field-hovered-label-color: var(--lumo-body-text-color);
59
- --vaadin-input-field-label-font-size: var(--lumo-font-size-s);
60
- --vaadin-input-field-label-font-weight: 500;
61
- /* Helper */
62
- --vaadin-input-field-helper-color: var(--lumo-secondary-text-color);
63
- --vaadin-input-field-helper-font-size: var(--lumo-font-size-xs);
64
- --vaadin-input-field-helper-font-weight: 400;
65
- --vaadin-input-field-helper-spacing: 0.4em;
66
- /* Error message */
67
- --vaadin-input-field-error-color: var(--lumo-error-text-color);
68
- --vaadin-input-field-error-font-size: var(--lumo-font-size-xs);
69
- --vaadin-input-field-error-font-weight: 400;
70
- /* Input field */
71
- --vaadin-input-field-background: var(--lumo-contrast-10pct);
72
- --vaadin-input-field-icon-color: var(--lumo-contrast-60pct);
73
- --vaadin-input-field-icon-size: var(--lumo-icon-size-m);
74
- --vaadin-input-field-invalid-background: var(--lumo-error-color-10pct);
75
- --vaadin-input-field-invalid-hover-highlight: var(--lumo-error-color-50pct);
76
- --vaadin-input-field-disabled-background: var(--lumo-contrast-5pct);
77
- --vaadin-input-field-disabled-value-color: var(--lumo-disabled-text-color);
78
- --vaadin-input-field-height: var(--lumo-size-m);
79
- --vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct);
80
- --vaadin-input-field-placeholder-color: var(--lumo-secondary-text-color);
81
- --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct);
82
- --vaadin-input-field-value-color: var(--lumo-body-text-color);
83
- --vaadin-input-field-value-font-size: var(--lumo-font-size-m);
84
- --vaadin-input-field-value-font-weight: 500;
85
- }
@@ -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
- }
@@ -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
- }
@@ -1,21 +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
- }
20
-
21
- @import url(./Globals.css);
@@ -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
- }
@@ -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,66 +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
- -webkit-overflow-scrolling: touch;
31
- overflow: auto;
32
- -webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
33
- mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
34
- }
35
-
36
- [part='backdrop'] {
37
- display: block;
38
- }
39
-
40
- /* Animations */
41
-
42
- :host([opening]) [part='overlay'] {
43
- animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
44
- }
45
-
46
- :host([closing]),
47
- :host([closing]) [part='backdrop'] {
48
- animation-delay: 0.14s;
49
- }
50
-
51
- :host([closing]) [part='overlay'] {
52
- animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
53
- }
54
- }
55
-
56
- @keyframes lumo-mobile-menu-overlay-enter {
57
- 0% {
58
- transform: translateY(150%);
59
- }
60
- }
61
-
62
- @keyframes lumo-mobile-menu-overlay-exit {
63
- 100% {
64
- transform: translateY(150%);
65
- }
66
- }