@vandeurenglenn/lite-elements 0.3.50 → 0.3.52

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 (82) hide show
  1. package/exports/banner.js +36 -36
  2. package/exports/bundle/button.js +6 -1
  3. package/exports/bundle/dialog.js +10 -8
  4. package/exports/bundle/index.html +590 -590
  5. package/exports/bundle/themes/default/colors.module.css +180 -180
  6. package/exports/bundle/themes/default/missing/motion.css +3 -3
  7. package/exports/bundle/themes/default/missing/shape.css +12 -12
  8. package/exports/bundle/themes/default/missing/theme.dark.css +4 -4
  9. package/exports/bundle/themes/default/missing/theme.light.css +4 -4
  10. package/exports/bundle/themes/default/missing/tokens.css +8 -8
  11. package/exports/bundle/themes/default/theme.css +10 -10
  12. package/exports/bundle/themes/default/theme.dark.css +33 -33
  13. package/exports/bundle/themes/default/theme.light.css +33 -33
  14. package/exports/bundle/themes/default/tokens.css +256 -256
  15. package/exports/bundle/themes/default/typography.module.css +150 -150
  16. package/exports/bundle/upload-image.js +49 -45
  17. package/exports/button.js +148 -143
  18. package/exports/card.js +139 -139
  19. package/exports/code.js +34 -34
  20. package/exports/demo-icons.js +15 -15
  21. package/exports/demo-shell.js +539 -539
  22. package/exports/demo.js +456 -456
  23. package/exports/dialog.js +150 -148
  24. package/exports/divider.js +21 -21
  25. package/exports/drawer-button.js +13 -13
  26. package/exports/drawer-item.js +38 -38
  27. package/exports/drawer-layout.js +95 -95
  28. package/exports/drawer.js +7 -7
  29. package/exports/dropdown-menu.js +58 -58
  30. package/exports/dropdown.js +25 -25
  31. package/exports/elevation.js +50 -50
  32. package/exports/fab.js +145 -145
  33. package/exports/icon-button.js +12 -12
  34. package/exports/icon-set.js +4 -4
  35. package/exports/icon.js +15 -15
  36. package/exports/input.js +5 -5
  37. package/exports/list-item.js +42 -42
  38. package/exports/menu.js +12 -12
  39. package/exports/minute-field.js +4 -4
  40. package/exports/mixins/scroll-mixin.d.ts +1 -1
  41. package/exports/notification.js +34 -34
  42. package/exports/notifications.js +65 -65
  43. package/exports/pages.js +42 -42
  44. package/exports/pane.js +18 -18
  45. package/exports/rail.js +57 -57
  46. package/exports/root.js +7 -7
  47. package/exports/section/section.d.ts +1 -1
  48. package/exports/section.js +10 -10
  49. package/exports/section2.js +24 -24
  50. package/exports/selector.js +30 -30
  51. package/exports/summary-mirror.js +19 -19
  52. package/exports/summary.js +24 -24
  53. package/exports/supporting-pane.js +46 -46
  54. package/exports/tab.js +21 -21
  55. package/exports/tabs.js +50 -50
  56. package/exports/text-field.js +9 -9
  57. package/exports/theme.js +8 -8
  58. package/exports/themes/default/colors.module.css +180 -180
  59. package/exports/themes/default/missing/motion.css +3 -3
  60. package/exports/themes/default/missing/shape.css +12 -12
  61. package/exports/themes/default/missing/theme.dark.css +4 -4
  62. package/exports/themes/default/missing/theme.light.css +4 -4
  63. package/exports/themes/default/missing/tokens.css +8 -8
  64. package/exports/themes/default/theme.css +10 -10
  65. package/exports/themes/default/theme.dark.css +33 -33
  66. package/exports/themes/default/theme.light.css +33 -33
  67. package/exports/themes/default/tokens.css +256 -256
  68. package/exports/themes/default/typography.module.css +150 -150
  69. package/exports/time-picker.js +20 -20
  70. package/exports/toggle-button.js +3 -3
  71. package/exports/toggle.js +4 -4
  72. package/exports/top-app-bar.js +20 -20
  73. package/exports/typography.js +155 -155
  74. package/exports/upload-file.js +8 -8
  75. package/exports/upload-image.js +200 -200
  76. package/package.json +20 -28
  77. package/exports/bundle/simple-hash-router.js +0 -1
  78. package/exports/bundle/types2.js +0 -1
  79. package/exports/router/simple-hash-router.d.ts +0 -34
  80. package/exports/router/types.d.ts +0 -45
  81. package/exports/simple-hash-router.js +0 -111
  82. package/exports/types2.js +0 -1
package/exports/bundle/themes/default/typography.module.css CHANGED
@@ -1,150 +1,150 @@
1
- .display-large{
2
- font-family: var(--md-sys-typescale-display-large-font-family-name);
3
- font-style: var(--md-sys-typescale-display-large-font-family-style);
4
- font-weight: var(--md-sys-typescale-display-large-font-weight);
5
- font-size: var(--md-sys-typescale-display-large-font-size);
6
- letter-spacing: var(--md-sys-typescale-display-large-tracking);
7
- line-height: var(--md-sys-typescale-display-large-height);
8
- text-transform: var(--md-sys-typescale-display-large-text-transform);
9
- text-decoration: var(--md-sys-typescale-display-large-text-decoration);
10
- }
11
- .display-medium{
12
- font-family: var(--md-sys-typescale-display-medium-font-family-name);
13
- font-style: var(--md-sys-typescale-display-medium-font-family-style);
14
- font-weight: var(--md-sys-typescale-display-medium-font-weight);
15
- font-size: var(--md-sys-typescale-display-medium-font-size);
16
- letter-spacing: var(--md-sys-typescale-display-medium-tracking);
17
- line-height: var(--md-sys-typescale-display-medium-height);
18
- text-transform: var(--md-sys-typescale-display-medium-text-transform);
19
- text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
20
- }
21
- .display-small{
22
- font-family: var(--md-sys-typescale-display-small-font-family-name);
23
- font-style: var(--md-sys-typescale-display-small-font-family-style);
24
- font-weight: var(--md-sys-typescale-display-small-font-weight);
25
- font-size: var(--md-sys-typescale-display-small-font-size);
26
- letter-spacing: var(--md-sys-typescale-display-small-tracking);
27
- line-height: var(--md-sys-typescale-display-small-height);
28
- text-transform: var(--md-sys-typescale-display-small-text-transform);
29
- text-decoration: var(--md-sys-typescale-display-small-text-decoration);
30
- }
31
- .headline-large{
32
- font-family: var(--md-sys-typescale-headline-large-font-family-name);
33
- font-style: var(--md-sys-typescale-headline-large-font-family-style);
34
- font-weight: var(--md-sys-typescale-headline-large-font-weight);
35
- font-size: var(--md-sys-typescale-headline-large-font-size);
36
- letter-spacing: var(--md-sys-typescale-headline-large-tracking);
37
- line-height: var(--md-sys-typescale-headline-large-height);
38
- text-transform: var(--md-sys-typescale-headline-large-text-transform);
39
- text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
40
- }
41
- .headline-medium{
42
- font-family: var(--md-sys-typescale-headline-medium-font-family-name);
43
- font-style: var(--md-sys-typescale-headline-medium-font-family-style);
44
- font-weight: var(--md-sys-typescale-headline-medium-font-weight);
45
- font-size: var(--md-sys-typescale-headline-medium-font-size);
46
- letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
47
- line-height: var(--md-sys-typescale-headline-medium-height);
48
- text-transform: var(--md-sys-typescale-headline-medium-text-transform);
49
- text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
50
- }
51
- .headline-small{
52
- font-family: var(--md-sys-typescale-headline-small-font-family-name);
53
- font-style: var(--md-sys-typescale-headline-small-font-family-style);
54
- font-weight: var(--md-sys-typescale-headline-small-font-weight);
55
- font-size: var(--md-sys-typescale-headline-small-font-size);
56
- letter-spacing: var(--md-sys-typescale-headline-small-tracking);
57
- line-height: var(--md-sys-typescale-headline-small-height);
58
- text-transform: var(--md-sys-typescale-headline-small-text-transform);
59
- text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
60
- }
61
- .body-large{
62
- font-family: var(--md-sys-typescale-body-large-font-family-name);
63
- font-style: var(--md-sys-typescale-body-large-font-family-style);
64
- font-weight: var(--md-sys-typescale-body-large-font-weight);
65
- font-size: var(--md-sys-typescale-body-large-font-size);
66
- letter-spacing: var(--md-sys-typescale-body-large-tracking);
67
- line-height: var(--md-sys-typescale-body-large-height);
68
- text-transform: var(--md-sys-typescale-body-large-text-transform);
69
- text-decoration: var(--md-sys-typescale-body-large-text-decoration);
70
- }
71
- .body-medium{
72
- font-family: var(--md-sys-typescale-body-medium-font-family-name);
73
- font-style: var(--md-sys-typescale-body-medium-font-family-style);
74
- font-weight: var(--md-sys-typescale-body-medium-font-weight);
75
- font-size: var(--md-sys-typescale-body-medium-font-size);
76
- letter-spacing: var(--md-sys-typescale-body-medium-tracking);
77
- line-height: var(--md-sys-typescale-body-medium-height);
78
- text-transform: var(--md-sys-typescale-body-medium-text-transform);
79
- text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
80
- }
81
- .body-small{
82
- font-family: var(--md-sys-typescale-body-small-font-family-name);
83
- font-style: var(--md-sys-typescale-body-small-font-family-style);
84
- font-weight: var(--md-sys-typescale-body-small-font-weight);
85
- font-size: var(--md-sys-typescale-body-small-font-size);
86
- letter-spacing: var(--md-sys-typescale-body-small-tracking);
87
- line-height: var(--md-sys-typescale-body-small-height);
88
- text-transform: var(--md-sys-typescale-body-small-text-transform);
89
- text-decoration: var(--md-sys-typescale-body-small-text-decoration);
90
- }
91
- .label-large{
92
- font-family: var(--md-sys-typescale-label-large-font-family-name);
93
- font-style: var(--md-sys-typescale-label-large-font-family-style);
94
- font-weight: var(--md-sys-typescale-label-large-font-weight);
95
- font-size: var(--md-sys-typescale-label-large-font-size);
96
- letter-spacing: var(--md-sys-typescale-label-large-tracking);
97
- line-height: var(--md-sys-typescale-label-large-height);
98
- text-transform: var(--md-sys-typescale-label-large-text-transform);
99
- text-decoration: var(--md-sys-typescale-label-large-text-decoration);
100
- }
101
- .label-medium{
102
- font-family: var(--md-sys-typescale-label-medium-font-family-name);
103
- font-style: var(--md-sys-typescale-label-medium-font-family-style);
104
- font-weight: var(--md-sys-typescale-label-medium-font-weight);
105
- font-size: var(--md-sys-typescale-label-medium-font-size);
106
- letter-spacing: var(--md-sys-typescale-label-medium-tracking);
107
- line-height: var(--md-sys-typescale-label-medium-height);
108
- text-transform: var(--md-sys-typescale-label-medium-text-transform);
109
- text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
110
- }
111
- .label-small{
112
- font-family: var(--md-sys-typescale-label-small-font-family-name);
113
- font-style: var(--md-sys-typescale-label-small-font-family-style);
114
- font-weight: var(--md-sys-typescale-label-small-font-weight);
115
- font-size: var(--md-sys-typescale-label-small-font-size);
116
- letter-spacing: var(--md-sys-typescale-label-small-tracking);
117
- line-height: var(--md-sys-typescale-label-small-height);
118
- text-transform: var(--md-sys-typescale-label-small-text-transform);
119
- text-decoration: var(--md-sys-typescale-label-small-text-decoration);
120
- }
121
- .title-large{
122
- font-family: var(--md-sys-typescale-title-large-font-family-name);
123
- font-style: var(--md-sys-typescale-title-large-font-family-style);
124
- font-weight: var(--md-sys-typescale-title-large-font-weight);
125
- font-size: var(--md-sys-typescale-title-large-font-size);
126
- letter-spacing: var(--md-sys-typescale-title-large-tracking);
127
- line-height: var(--md-sys-typescale-title-large-height);
128
- text-transform: var(--md-sys-typescale-title-large-text-transform);
129
- text-decoration: var(--md-sys-typescale-title-large-text-decoration);
130
- }
131
- .title-medium{
132
- font-family: var(--md-sys-typescale-title-medium-font-family-name);
133
- font-style: var(--md-sys-typescale-title-medium-font-family-style);
134
- font-weight: var(--md-sys-typescale-title-medium-font-weight);
135
- font-size: var(--md-sys-typescale-title-medium-font-size);
136
- letter-spacing: var(--md-sys-typescale-title-medium-tracking);
137
- line-height: var(--md-sys-typescale-title-medium-height);
138
- text-transform: var(--md-sys-typescale-title-medium-text-transform);
139
- text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
140
- }
141
- .title-small{
142
- font-family: var(--md-sys-typescale-title-small-font-family-name);
143
- font-style: var(--md-sys-typescale-title-small-font-family-style);
144
- font-weight: var(--md-sys-typescale-title-small-font-weight);
145
- font-size: var(--md-sys-typescale-title-small-font-size);
146
- letter-spacing: var(--md-sys-typescale-title-small-tracking);
147
- line-height: var(--md-sys-typescale-title-small-height);
148
- text-transform: var(--md-sys-typescale-title-small-text-transform);
149
- text-decoration: var(--md-sys-typescale-title-small-text-decoration);
150
- }
1
+ .display-large{
2
+ font-family: var(--md-sys-typescale-display-large-font-family-name);
3
+ font-style: var(--md-sys-typescale-display-large-font-family-style);
4
+ font-weight: var(--md-sys-typescale-display-large-font-weight);
5
+ font-size: var(--md-sys-typescale-display-large-font-size);
6
+ letter-spacing: var(--md-sys-typescale-display-large-tracking);
7
+ line-height: var(--md-sys-typescale-display-large-height);
8
+ text-transform: var(--md-sys-typescale-display-large-text-transform);
9
+ text-decoration: var(--md-sys-typescale-display-large-text-decoration);
10
+ }
11
+ .display-medium{
12
+ font-family: var(--md-sys-typescale-display-medium-font-family-name);
13
+ font-style: var(--md-sys-typescale-display-medium-font-family-style);
14
+ font-weight: var(--md-sys-typescale-display-medium-font-weight);
15
+ font-size: var(--md-sys-typescale-display-medium-font-size);
16
+ letter-spacing: var(--md-sys-typescale-display-medium-tracking);
17
+ line-height: var(--md-sys-typescale-display-medium-height);
18
+ text-transform: var(--md-sys-typescale-display-medium-text-transform);
19
+ text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
20
+ }
21
+ .display-small{
22
+ font-family: var(--md-sys-typescale-display-small-font-family-name);
23
+ font-style: var(--md-sys-typescale-display-small-font-family-style);
24
+ font-weight: var(--md-sys-typescale-display-small-font-weight);
25
+ font-size: var(--md-sys-typescale-display-small-font-size);
26
+ letter-spacing: var(--md-sys-typescale-display-small-tracking);
27
+ line-height: var(--md-sys-typescale-display-small-height);
28
+ text-transform: var(--md-sys-typescale-display-small-text-transform);
29
+ text-decoration: var(--md-sys-typescale-display-small-text-decoration);
30
+ }
31
+ .headline-large{
32
+ font-family: var(--md-sys-typescale-headline-large-font-family-name);
33
+ font-style: var(--md-sys-typescale-headline-large-font-family-style);
34
+ font-weight: var(--md-sys-typescale-headline-large-font-weight);
35
+ font-size: var(--md-sys-typescale-headline-large-font-size);
36
+ letter-spacing: var(--md-sys-typescale-headline-large-tracking);
37
+ line-height: var(--md-sys-typescale-headline-large-height);
38
+ text-transform: var(--md-sys-typescale-headline-large-text-transform);
39
+ text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
40
+ }
41
+ .headline-medium{
42
+ font-family: var(--md-sys-typescale-headline-medium-font-family-name);
43
+ font-style: var(--md-sys-typescale-headline-medium-font-family-style);
44
+ font-weight: var(--md-sys-typescale-headline-medium-font-weight);
45
+ font-size: var(--md-sys-typescale-headline-medium-font-size);
46
+ letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
47
+ line-height: var(--md-sys-typescale-headline-medium-height);
48
+ text-transform: var(--md-sys-typescale-headline-medium-text-transform);
49
+ text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
50
+ }
51
+ .headline-small{
52
+ font-family: var(--md-sys-typescale-headline-small-font-family-name);
53
+ font-style: var(--md-sys-typescale-headline-small-font-family-style);
54
+ font-weight: var(--md-sys-typescale-headline-small-font-weight);
55
+ font-size: var(--md-sys-typescale-headline-small-font-size);
56
+ letter-spacing: var(--md-sys-typescale-headline-small-tracking);
57
+ line-height: var(--md-sys-typescale-headline-small-height);
58
+ text-transform: var(--md-sys-typescale-headline-small-text-transform);
59
+ text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
60
+ }
61
+ .body-large{
62
+ font-family: var(--md-sys-typescale-body-large-font-family-name);
63
+ font-style: var(--md-sys-typescale-body-large-font-family-style);
64
+ font-weight: var(--md-sys-typescale-body-large-font-weight);
65
+ font-size: var(--md-sys-typescale-body-large-font-size);
66
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
67
+ line-height: var(--md-sys-typescale-body-large-height);
68
+ text-transform: var(--md-sys-typescale-body-large-text-transform);
69
+ text-decoration: var(--md-sys-typescale-body-large-text-decoration);
70
+ }
71
+ .body-medium{
72
+ font-family: var(--md-sys-typescale-body-medium-font-family-name);
73
+ font-style: var(--md-sys-typescale-body-medium-font-family-style);
74
+ font-weight: var(--md-sys-typescale-body-medium-font-weight);
75
+ font-size: var(--md-sys-typescale-body-medium-font-size);
76
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
77
+ line-height: var(--md-sys-typescale-body-medium-height);
78
+ text-transform: var(--md-sys-typescale-body-medium-text-transform);
79
+ text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
80
+ }
81
+ .body-small{
82
+ font-family: var(--md-sys-typescale-body-small-font-family-name);
83
+ font-style: var(--md-sys-typescale-body-small-font-family-style);
84
+ font-weight: var(--md-sys-typescale-body-small-font-weight);
85
+ font-size: var(--md-sys-typescale-body-small-font-size);
86
+ letter-spacing: var(--md-sys-typescale-body-small-tracking);
87
+ line-height: var(--md-sys-typescale-body-small-height);
88
+ text-transform: var(--md-sys-typescale-body-small-text-transform);
89
+ text-decoration: var(--md-sys-typescale-body-small-text-decoration);
90
+ }
91
+ .label-large{
92
+ font-family: var(--md-sys-typescale-label-large-font-family-name);
93
+ font-style: var(--md-sys-typescale-label-large-font-family-style);
94
+ font-weight: var(--md-sys-typescale-label-large-font-weight);
95
+ font-size: var(--md-sys-typescale-label-large-font-size);
96
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
97
+ line-height: var(--md-sys-typescale-label-large-height);
98
+ text-transform: var(--md-sys-typescale-label-large-text-transform);
99
+ text-decoration: var(--md-sys-typescale-label-large-text-decoration);
100
+ }
101
+ .label-medium{
102
+ font-family: var(--md-sys-typescale-label-medium-font-family-name);
103
+ font-style: var(--md-sys-typescale-label-medium-font-family-style);
104
+ font-weight: var(--md-sys-typescale-label-medium-font-weight);
105
+ font-size: var(--md-sys-typescale-label-medium-font-size);
106
+ letter-spacing: var(--md-sys-typescale-label-medium-tracking);
107
+ line-height: var(--md-sys-typescale-label-medium-height);
108
+ text-transform: var(--md-sys-typescale-label-medium-text-transform);
109
+ text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
110
+ }
111
+ .label-small{
112
+ font-family: var(--md-sys-typescale-label-small-font-family-name);
113
+ font-style: var(--md-sys-typescale-label-small-font-family-style);
114
+ font-weight: var(--md-sys-typescale-label-small-font-weight);
115
+ font-size: var(--md-sys-typescale-label-small-font-size);
116
+ letter-spacing: var(--md-sys-typescale-label-small-tracking);
117
+ line-height: var(--md-sys-typescale-label-small-height);
118
+ text-transform: var(--md-sys-typescale-label-small-text-transform);
119
+ text-decoration: var(--md-sys-typescale-label-small-text-decoration);
120
+ }
121
+ .title-large{
122
+ font-family: var(--md-sys-typescale-title-large-font-family-name);
123
+ font-style: var(--md-sys-typescale-title-large-font-family-style);
124
+ font-weight: var(--md-sys-typescale-title-large-font-weight);
125
+ font-size: var(--md-sys-typescale-title-large-font-size);
126
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
127
+ line-height: var(--md-sys-typescale-title-large-height);
128
+ text-transform: var(--md-sys-typescale-title-large-text-transform);
129
+ text-decoration: var(--md-sys-typescale-title-large-text-decoration);
130
+ }
131
+ .title-medium{
132
+ font-family: var(--md-sys-typescale-title-medium-font-family-name);
133
+ font-style: var(--md-sys-typescale-title-medium-font-family-style);
134
+ font-weight: var(--md-sys-typescale-title-medium-font-weight);
135
+ font-size: var(--md-sys-typescale-title-medium-font-size);
136
+ letter-spacing: var(--md-sys-typescale-title-medium-tracking);
137
+ line-height: var(--md-sys-typescale-title-medium-height);
138
+ text-transform: var(--md-sys-typescale-title-medium-text-transform);
139
+ text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
140
+ }
141
+ .title-small{
142
+ font-family: var(--md-sys-typescale-title-small-font-family-name);
143
+ font-style: var(--md-sys-typescale-title-small-font-family-style);
144
+ font-weight: var(--md-sys-typescale-title-small-font-weight);
145
+ font-size: var(--md-sys-typescale-title-small-font-size);
146
+ letter-spacing: var(--md-sys-typescale-title-small-tracking);
147
+ line-height: var(--md-sys-typescale-title-small-height);
148
+ text-transform: var(--md-sys-typescale-title-small-text-transform);
149
+ text-decoration: var(--md-sys-typescale-title-small-text-decoration);
150
+ }