@vaadin/react-components 25.0.0-alpha18 → 25.0.0-alpha19

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.
@@ -1,61 +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-indent: '\ea1f';
44
- --lumo-icons-link: '\ea20';
45
- --lumo-icons-menu: '\ea21';
46
- --lumo-icons-minus: '\ea22';
47
- --lumo-icons-ordered-list: '\ea23';
48
- --lumo-icons-outdent: '\ea24';
49
- --lumo-icons-phone: '\ea25';
50
- --lumo-icons-photo: '\ea26';
51
- --lumo-icons-play: '\ea27';
52
- --lumo-icons-plus: '\ea28';
53
- --lumo-icons-redo: '\ea29';
54
- --lumo-icons-reload: '\ea2a';
55
- --lumo-icons-resize-handle: '\ea2b';
56
- --lumo-icons-search: '\ea2c';
57
- --lumo-icons-undo: '\ea2d';
58
- --lumo-icons-unordered-list: '\ea2e';
59
- --lumo-icons-upload: '\ea2f';
60
- --lumo-icons-user: '\ea30';
61
- }
@@ -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,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
- }
@@ -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,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
- }
@@ -1,103 +0,0 @@
1
- /* Generated file, do not edit */
2
-
3
-
4
- [part='label'] {
5
- align-self: flex-start;
6
- color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));
7
- font-weight: var(--vaadin-input-field-label-font-weight, 500);
8
- font-size: var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s));
9
- transition: color 0.2s;
10
- line-height: 1;
11
- padding-inline-start: calc(var(--lumo-border-radius-m) / 4);
12
- padding-inline-end: 1em;
13
- padding-bottom: 0.5em;
14
- /* As a workaround for diacritics being cut off, add a top padding and a
15
- negative margin to compensate */
16
- padding-top: 0.25em;
17
- margin-top: -0.25em;
18
- overflow: hidden;
19
- white-space: nowrap;
20
- text-overflow: ellipsis;
21
- position: relative;
22
- max-width: 100%;
23
- box-sizing: border-box;
24
- }
25
-
26
- html([focused]:not([readonly])) [part='label'] {
27
- color: var(--vaadin-input-field-focused-label-color, var(--lumo-primary-text-color));
28
- }
29
-
30
- :host(:hover:not([readonly]):not([focused])) [part='label'] {
31
- color: var(--vaadin-input-field-hovered-label-color, var(--lumo-body-text-color));
32
- }
33
-
34
- /* Touch device adjustment */
35
- @media (pointer: coarse) {
36
- :host(:hover:not([readonly]):not([focused])) [part='label'] {
37
- color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));
38
- }
39
- }
40
-
41
- :host([has-label])::before {
42
- margin-top: calc(var(--lumo-font-size-s) * 1.5);
43
- }
44
-
45
- :host([has-label][theme~='small'])::before {
46
- margin-top: calc(var(--lumo-font-size-xs) * 1.5);
47
- }
48
-
49
- :host([has-label]) {
50
- padding-top: var(--lumo-space-m);
51
- }
52
-
53
- :host([has-label]) ::slotted([slot='tooltip']) {
54
- --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
55
- }
56
-
57
- :host([required]) [part='required-indicator']::after {
58
- content: var(--lumo-required-field-indicator, '\\2022');
59
- color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
60
- position: absolute;
61
- right: 0;
62
- width: 1em;
63
- text-align: center;
64
- }
65
-
66
- :host([invalid]) [part='required-indicator']::after {
67
- color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
68
- }
69
-
70
- [part='error-message'] {
71
- margin-left: calc(var(--lumo-border-radius-m) / 4);
72
- font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs));
73
- line-height: var(--lumo-line-height-xs);
74
- font-weight: var(--vaadin-input-field-error-font-weight, 400);
75
- color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color));
76
- will-change: max-height;
77
- transition: 0.4s max-height;
78
- max-height: 5em;
79
- }
80
-
81
- :host([has-error-message]) [part='error-message']::before,
82
- :host([has-error-message]) [part='error-message']::after {
83
- content: '';
84
- display: block;
85
- height: 0.4em;
86
- }
87
-
88
- :host(:not([invalid])) [part='error-message'] {
89
- max-height: 0;
90
- overflow: hidden;
91
- }
92
-
93
- /* RTL specific styles */
94
-
95
- :host([dir='rtl']) [part='required-indicator']::after {
96
- right: auto;
97
- left: 0;
98
- }
99
-
100
- :host([dir='rtl']) [part='error-message'] {
101
- margin-left: 0;
102
- margin-right: calc(var(--lumo-border-radius-m) / 4);
103
- }