@vaadin/date-picker 24.8.0-alpha9 → 25.0.0-alpha2

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 (44) hide show
  1. package/README.md +0 -23
  2. package/package.json +13 -15
  3. package/src/vaadin-date-picker-mixin.js +6 -28
  4. package/src/vaadin-date-picker-overlay-content-mixin.js +4 -6
  5. package/src/vaadin-date-picker-overlay-content.js +22 -21
  6. package/src/vaadin-date-picker-overlay.js +11 -9
  7. package/src/vaadin-date-picker-year.js +15 -10
  8. package/src/vaadin-date-picker.d.ts +0 -3
  9. package/src/vaadin-date-picker.js +53 -41
  10. package/src/vaadin-infinite-scroller.js +0 -13
  11. package/src/vaadin-month-calendar.js +67 -46
  12. package/web-types.json +2 -369
  13. package/web-types.lit.json +2 -156
  14. package/src/vaadin-date-picker-light.d.ts +0 -112
  15. package/src/vaadin-date-picker-light.js +0 -133
  16. package/src/vaadin-lit-date-picker-overlay-content.js +0 -70
  17. package/src/vaadin-lit-date-picker-overlay.js +0 -46
  18. package/src/vaadin-lit-date-picker-year.js +0 -41
  19. package/src/vaadin-lit-date-picker.js +0 -172
  20. package/src/vaadin-lit-month-calendar.js +0 -98
  21. package/theme/lumo/vaadin-date-picker-light.d.ts +0 -4
  22. package/theme/lumo/vaadin-date-picker-light.js +0 -4
  23. package/theme/lumo/vaadin-lit-date-picker.d.ts +0 -5
  24. package/theme/lumo/vaadin-lit-date-picker.js +0 -5
  25. package/theme/material/vaadin-date-picker-light.d.ts +0 -4
  26. package/theme/material/vaadin-date-picker-light.js +0 -4
  27. package/theme/material/vaadin-date-picker-overlay-content-styles.d.ts +0 -6
  28. package/theme/material/vaadin-date-picker-overlay-content-styles.js +0 -132
  29. package/theme/material/vaadin-date-picker-overlay-styles.d.ts +0 -1
  30. package/theme/material/vaadin-date-picker-overlay-styles.js +0 -47
  31. package/theme/material/vaadin-date-picker-styles.d.ts +0 -3
  32. package/theme/material/vaadin-date-picker-styles.js +0 -22
  33. package/theme/material/vaadin-date-picker-year-styles.d.ts +0 -1
  34. package/theme/material/vaadin-date-picker-year-styles.js +0 -28
  35. package/theme/material/vaadin-date-picker.d.ts +0 -5
  36. package/theme/material/vaadin-date-picker.js +0 -5
  37. package/theme/material/vaadin-lit-date-picker.d.ts +0 -5
  38. package/theme/material/vaadin-lit-date-picker.js +0 -5
  39. package/theme/material/vaadin-month-calendar-styles.d.ts +0 -2
  40. package/theme/material/vaadin-month-calendar-styles.js +0 -120
  41. package/vaadin-date-picker-light.d.ts +0 -1
  42. package/vaadin-date-picker-light.js +0 -2
  43. package/vaadin-lit-date-picker.d.ts +0 -1
  44. package/vaadin-lit-date-picker.js +0 -2
@@ -1,120 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/color.js';
2
- import '@vaadin/vaadin-material-styles/typography.js';
3
- import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
4
-
5
- registerStyles(
6
- 'vaadin-month-calendar',
7
- css`
8
- :host {
9
- color: var(--material-body-text-color);
10
- padding: 0 calc(50% / 8 - 0.5em + 8px);
11
- }
12
-
13
- :host([show-week-numbers]) {
14
- padding: 0 calc(50% / 9 - 0.5em + 8px);
15
- }
16
-
17
- [part='month-header'] {
18
- font-size: var(--material-h6-font-size);
19
- line-height: 1;
20
- padding-top: 20px;
21
- margin-bottom: 8px;
22
- }
23
-
24
- [part='week-number'],
25
- [part='weekday'] {
26
- font-size: var(--material-caption-font-size);
27
- line-height: 44px;
28
- height: 40px;
29
- color: var(--material-secondary-text-color);
30
- }
31
-
32
- :host([disabled]),
33
- :host([disabled]) [part='week-number'],
34
- :host([disabled]) [part='weekday'] {
35
- color: var(--material-disabled-text-color);
36
- }
37
-
38
- [part~='date'] {
39
- position: relative;
40
- font-size: var(--material-body-font-size);
41
- line-height: 42px;
42
- height: 40px;
43
- cursor: default;
44
- }
45
-
46
- [part~='date']::after {
47
- content: '';
48
- position: absolute;
49
- z-index: -4;
50
- top: 50%;
51
- left: 50%;
52
- transform: translate(-50%, -50%);
53
- width: 38px;
54
- height: 38px;
55
- box-sizing: border-box;
56
- border-radius: 50%;
57
- border: 2px solid transparent;
58
- }
59
-
60
- /* Today */
61
-
62
- [part~='date'][part~='today'] {
63
- color: var(--material-primary-text-color);
64
- }
65
-
66
- /* Hover */
67
-
68
- [part~='date']:not([part~='disabled']):hover::after {
69
- background-color: var(--material-secondary-background-color);
70
- border-color: var(--material-secondary-background-color);
71
- z-index: -3;
72
- }
73
-
74
- /* Hide for touch devices */
75
- @media (hover: none) {
76
- [part~='date']:not([part~='disabled']):hover::after {
77
- background-color: transparent;
78
- border-color: transparent;
79
- z-index: -4;
80
- }
81
- }
82
-
83
- /* Selected */
84
-
85
- [part~='date'][part~='selected'] {
86
- font-weight: 500;
87
- }
88
-
89
- [part~='date']:not([part~='disabled'])[part~='selected']::after,
90
- [part~='date'][part~='selected']::after {
91
- background-color: transparent;
92
- border-color: currentColor;
93
- z-index: -2;
94
- }
95
-
96
- /* Focused */
97
-
98
- [part~='date']:not([part~='disabled'])[part~='focused'],
99
- [part~='date']:not([part~='disabled']):active {
100
- color: var(--material-primary-contrast-color);
101
- }
102
-
103
- [part~='date']:not([part~='disabled'])[part~='focused']::after,
104
- [part~='date']:not([part~='disabled']):active::after {
105
- opacity: 0.7;
106
- background-color: var(--material-primary-color);
107
- border-color: var(--material-primary-color);
108
- z-index: -1;
109
- }
110
-
111
- [part~='date'][part~='disabled'] {
112
- color: var(--material-disabled-text-color);
113
- }
114
-
115
- :host([focused]) [part~='date']:not([part~='disabled'])[part~='focused']::after {
116
- opacity: 1;
117
- }
118
- `,
119
- { moduleId: 'material-date-picker-month-calendar' },
120
- );
@@ -1 +0,0 @@
1
- export * from './src/vaadin-date-picker-light.js';
@@ -1,2 +0,0 @@
1
- import './theme/lumo/vaadin-date-picker-light.js';
2
- export * from './src/vaadin-date-picker-light.js';
@@ -1 +0,0 @@
1
- export * from './src/vaadin-date-picker.js';
@@ -1,2 +0,0 @@
1
- import './theme/lumo/vaadin-lit-date-picker.js';
2
- export * from './src/vaadin-lit-date-picker.js';