@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/colors.module.css CHANGED
@@ -1,180 +1,180 @@
1
- .primary {
2
- background-color: var(--md-sys-color-primary);
3
- }
4
- .primary-text {
5
- color: var(--md-sys-color-primary);
6
- }
7
- .on-primary {
8
- background-color: var(--md-sys-color-on-primary);
9
- }
10
- .on-primary-text {
11
- color: var(--md-sys-color-on-primary);
12
- }
13
- .primary-container {
14
- background-color: var(--md-sys-color-primary-container);
15
- }
16
- .primary-container-text {
17
- color: var(--md-sys-color-primary-container);
18
- }
19
- .on-primary-container {
20
- background-color: var(--md-sys-color-on-primary-container);
21
- }
22
- .on-primary-container-text {
23
- color: var(--md-sys-color-on-primary-container);
24
- }
25
- .secondary {
26
- background-color: var(--md-sys-color-secondary);
27
- }
28
- .secondary-text {
29
- color: var(--md-sys-color-secondary);
30
- }
31
- .on-secondary {
32
- background-color: var(--md-sys-color-on-secondary);
33
- }
34
- .on-secondary-text {
35
- color: var(--md-sys-color-on-secondary);
36
- }
37
- .secondary-container {
38
- background-color: var(--md-sys-color-secondary-container);
39
- }
40
- .secondary-container-text {
41
- color: var(--md-sys-color-secondary-container);
42
- }
43
- .on-secondary-container {
44
- background-color: var(--md-sys-color-on-secondary-container);
45
- }
46
- .on-secondary-container-text {
47
- color: var(--md-sys-color-on-secondary-container);
48
- }
49
- .tertiary {
50
- background-color: var(--md-sys-color-tertiary);
51
- }
52
- .tertiary-text {
53
- color: var(--md-sys-color-tertiary);
54
- }
55
- .on-tertiary {
56
- background-color: var(--md-sys-color-on-tertiary);
57
- }
58
- .on-tertiary-text {
59
- color: var(--md-sys-color-on-tertiary);
60
- }
61
- .tertiary-container {
62
- background-color: var(--md-sys-color-tertiary-container);
63
- }
64
- .tertiary-container-text {
65
- color: var(--md-sys-color-tertiary-container);
66
- }
67
- .on-tertiary-container {
68
- background-color: var(--md-sys-color-on-tertiary-container);
69
- }
70
- .on-tertiary-container-text {
71
- color: var(--md-sys-color-on-tertiary-container);
72
- }
73
- .error {
74
- background-color: var(--md-sys-color-error);
75
- }
76
- .error-text {
77
- color: var(--md-sys-color-error);
78
- }
79
- .on-error {
80
- background-color: var(--md-sys-color-on-error);
81
- }
82
- .on-error-text {
83
- color: var(--md-sys-color-on-error);
84
- }
85
- .error-container {
86
- background-color: var(--md-sys-color-error-container);
87
- }
88
- .error-container-text {
89
- color: var(--md-sys-color-error-container);
90
- }
91
- .on-error-container {
92
- background-color: var(--md-sys-color-on-error-container);
93
- }
94
- .on-error-container-text {
95
- color: var(--md-sys-color-on-error-container);
96
- }
97
- .outline {
98
- background-color: var(--md-sys-color-outline);
99
- }
100
- .outline-text {
101
- color: var(--md-sys-color-outline);
102
- }
103
- .background {
104
- background-color: var(--md-sys-color-background);
105
- }
106
- .background-text {
107
- color: var(--md-sys-color-background);
108
- }
109
- .on-background {
110
- background-color: var(--md-sys-color-on-background);
111
- }
112
- .on-background-text {
113
- color: var(--md-sys-color-on-background);
114
- }
115
- .surface {
116
- background-color: var(--md-sys-color-surface);
117
- }
118
- .surface-text {
119
- color: var(--md-sys-color-surface);
120
- }
121
- .on-surface {
122
- background-color: var(--md-sys-color-on-surface);
123
- }
124
- .on-surface-text {
125
- color: var(--md-sys-color-on-surface);
126
- }
127
- .surface-variant {
128
- background-color: var(--md-sys-color-surface-variant);
129
- }
130
- .surface-variant-text {
131
- color: var(--md-sys-color-surface-variant);
132
- }
133
- .on-surface-variant {
134
- background-color: var(--md-sys-color-on-surface-variant);
135
- }
136
- .on-surface-variant-text {
137
- color: var(--md-sys-color-on-surface-variant);
138
- }
139
- .inverse-surface {
140
- background-color: var(--md-sys-color-inverse-surface);
141
- }
142
- .inverse-surface-text {
143
- color: var(--md-sys-color-inverse-surface);
144
- }
145
- .inverse-on-surface {
146
- background-color: var(--md-sys-color-inverse-on-surface);
147
- }
148
- .inverse-on-surface-text {
149
- color: var(--md-sys-color-inverse-on-surface);
150
- }
151
- .inverse-primary {
152
- background-color: var(--md-sys-color-inverse-primary);
153
- }
154
- .inverse-primary-text {
155
- color: var(--md-sys-color-inverse-primary);
156
- }
157
- .shadow {
158
- background-color: var(--md-sys-color-shadow);
159
- }
160
- .shadow-text {
161
- color: var(--md-sys-color-shadow);
162
- }
163
- .surface-tint {
164
- background-color: var(--md-sys-color-surface-tint);
165
- }
166
- .surface-tint-text {
167
- color: var(--md-sys-color-surface-tint);
168
- }
169
- .outline-variant {
170
- background-color: var(--md-sys-color-outline-variant);
171
- }
172
- .outline-variant-text {
173
- color: var(--md-sys-color-outline-variant);
174
- }
175
- .scrim {
176
- background-color: var(--md-sys-color-scrim);
177
- }
178
- .scrim-text {
179
- color: var(--md-sys-color-scrim);
180
- }
1
+ .primary {
2
+ background-color: var(--md-sys-color-primary);
3
+ }
4
+ .primary-text {
5
+ color: var(--md-sys-color-primary);
6
+ }
7
+ .on-primary {
8
+ background-color: var(--md-sys-color-on-primary);
9
+ }
10
+ .on-primary-text {
11
+ color: var(--md-sys-color-on-primary);
12
+ }
13
+ .primary-container {
14
+ background-color: var(--md-sys-color-primary-container);
15
+ }
16
+ .primary-container-text {
17
+ color: var(--md-sys-color-primary-container);
18
+ }
19
+ .on-primary-container {
20
+ background-color: var(--md-sys-color-on-primary-container);
21
+ }
22
+ .on-primary-container-text {
23
+ color: var(--md-sys-color-on-primary-container);
24
+ }
25
+ .secondary {
26
+ background-color: var(--md-sys-color-secondary);
27
+ }
28
+ .secondary-text {
29
+ color: var(--md-sys-color-secondary);
30
+ }
31
+ .on-secondary {
32
+ background-color: var(--md-sys-color-on-secondary);
33
+ }
34
+ .on-secondary-text {
35
+ color: var(--md-sys-color-on-secondary);
36
+ }
37
+ .secondary-container {
38
+ background-color: var(--md-sys-color-secondary-container);
39
+ }
40
+ .secondary-container-text {
41
+ color: var(--md-sys-color-secondary-container);
42
+ }
43
+ .on-secondary-container {
44
+ background-color: var(--md-sys-color-on-secondary-container);
45
+ }
46
+ .on-secondary-container-text {
47
+ color: var(--md-sys-color-on-secondary-container);
48
+ }
49
+ .tertiary {
50
+ background-color: var(--md-sys-color-tertiary);
51
+ }
52
+ .tertiary-text {
53
+ color: var(--md-sys-color-tertiary);
54
+ }
55
+ .on-tertiary {
56
+ background-color: var(--md-sys-color-on-tertiary);
57
+ }
58
+ .on-tertiary-text {
59
+ color: var(--md-sys-color-on-tertiary);
60
+ }
61
+ .tertiary-container {
62
+ background-color: var(--md-sys-color-tertiary-container);
63
+ }
64
+ .tertiary-container-text {
65
+ color: var(--md-sys-color-tertiary-container);
66
+ }
67
+ .on-tertiary-container {
68
+ background-color: var(--md-sys-color-on-tertiary-container);
69
+ }
70
+ .on-tertiary-container-text {
71
+ color: var(--md-sys-color-on-tertiary-container);
72
+ }
73
+ .error {
74
+ background-color: var(--md-sys-color-error);
75
+ }
76
+ .error-text {
77
+ color: var(--md-sys-color-error);
78
+ }
79
+ .on-error {
80
+ background-color: var(--md-sys-color-on-error);
81
+ }
82
+ .on-error-text {
83
+ color: var(--md-sys-color-on-error);
84
+ }
85
+ .error-container {
86
+ background-color: var(--md-sys-color-error-container);
87
+ }
88
+ .error-container-text {
89
+ color: var(--md-sys-color-error-container);
90
+ }
91
+ .on-error-container {
92
+ background-color: var(--md-sys-color-on-error-container);
93
+ }
94
+ .on-error-container-text {
95
+ color: var(--md-sys-color-on-error-container);
96
+ }
97
+ .outline {
98
+ background-color: var(--md-sys-color-outline);
99
+ }
100
+ .outline-text {
101
+ color: var(--md-sys-color-outline);
102
+ }
103
+ .background {
104
+ background-color: var(--md-sys-color-background);
105
+ }
106
+ .background-text {
107
+ color: var(--md-sys-color-background);
108
+ }
109
+ .on-background {
110
+ background-color: var(--md-sys-color-on-background);
111
+ }
112
+ .on-background-text {
113
+ color: var(--md-sys-color-on-background);
114
+ }
115
+ .surface {
116
+ background-color: var(--md-sys-color-surface);
117
+ }
118
+ .surface-text {
119
+ color: var(--md-sys-color-surface);
120
+ }
121
+ .on-surface {
122
+ background-color: var(--md-sys-color-on-surface);
123
+ }
124
+ .on-surface-text {
125
+ color: var(--md-sys-color-on-surface);
126
+ }
127
+ .surface-variant {
128
+ background-color: var(--md-sys-color-surface-variant);
129
+ }
130
+ .surface-variant-text {
131
+ color: var(--md-sys-color-surface-variant);
132
+ }
133
+ .on-surface-variant {
134
+ background-color: var(--md-sys-color-on-surface-variant);
135
+ }
136
+ .on-surface-variant-text {
137
+ color: var(--md-sys-color-on-surface-variant);
138
+ }
139
+ .inverse-surface {
140
+ background-color: var(--md-sys-color-inverse-surface);
141
+ }
142
+ .inverse-surface-text {
143
+ color: var(--md-sys-color-inverse-surface);
144
+ }
145
+ .inverse-on-surface {
146
+ background-color: var(--md-sys-color-inverse-on-surface);
147
+ }
148
+ .inverse-on-surface-text {
149
+ color: var(--md-sys-color-inverse-on-surface);
150
+ }
151
+ .inverse-primary {
152
+ background-color: var(--md-sys-color-inverse-primary);
153
+ }
154
+ .inverse-primary-text {
155
+ color: var(--md-sys-color-inverse-primary);
156
+ }
157
+ .shadow {
158
+ background-color: var(--md-sys-color-shadow);
159
+ }
160
+ .shadow-text {
161
+ color: var(--md-sys-color-shadow);
162
+ }
163
+ .surface-tint {
164
+ background-color: var(--md-sys-color-surface-tint);
165
+ }
166
+ .surface-tint-text {
167
+ color: var(--md-sys-color-surface-tint);
168
+ }
169
+ .outline-variant {
170
+ background-color: var(--md-sys-color-outline-variant);
171
+ }
172
+ .outline-variant-text {
173
+ color: var(--md-sys-color-outline-variant);
174
+ }
175
+ .scrim {
176
+ background-color: var(--md-sys-color-scrim);
177
+ }
178
+ .scrim-text {
179
+ color: var(--md-sys-color-scrim);
180
+ }
package/exports/bundle/themes/default/missing/motion.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
2
- --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
3
- --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
1
+ :root {
2
+ --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
3
+ --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
4
4
  }
package/exports/bundle/themes/default/missing/shape.css CHANGED
@@ -1,13 +1,13 @@
1
- :root {
2
- --md-sys-shape-corner-none: 0;
3
- --md-sys-shape-corner-extra-small: 4px;
4
- --md-sys-shape-corner-extra-small-top: 4px 4px 0 0;
5
- --md-sys-shape-corner-small: 8px;
6
- --md-sys-shape-corner-medium: 12px;
7
- --md-sys-shape-corner-large: 16px;
8
- --md-sys-shape-corner-large-end: 0 16px 16px 0;
9
- --md-sys-shape-corner-large-top: 16px 16px 0 0;
10
- --md-sys-shape-corner-extra-large: 28px;
11
- --md-sys-shape-corner-extra-large-top: 28px 28px 0 0;
12
- --md-sys-shape-corner-full: 100%;
1
+ :root {
2
+ --md-sys-shape-corner-none: 0;
3
+ --md-sys-shape-corner-extra-small: 4px;
4
+ --md-sys-shape-corner-extra-small-top: 4px 4px 0 0;
5
+ --md-sys-shape-corner-small: 8px;
6
+ --md-sys-shape-corner-medium: 12px;
7
+ --md-sys-shape-corner-large: 16px;
8
+ --md-sys-shape-corner-large-end: 0 16px 16px 0;
9
+ --md-sys-shape-corner-large-top: 16px 16px 0 0;
10
+ --md-sys-shape-corner-extra-large: 28px;
11
+ --md-sys-shape-corner-extra-large-top: 28px 28px 0 0;
12
+ --md-sys-shape-corner-full: 100%;
13
13
  }
package/exports/bundle/themes/default/missing/theme.dark.css CHANGED
@@ -1,5 +1,5 @@
1
- :root {
2
- --md-sys-color-surface-container: var(--md-sys-color-surface-container-dark);
3
- --md-sys-color-surface-container-high: var(--md-sys-color-surface-container-high-dark);
4
- --md-sys-color-surface-container-highest: var(--md-sys-color-surface-container-highest-dark);
1
+ :root {
2
+ --md-sys-color-surface-container: var(--md-sys-color-surface-container-dark);
3
+ --md-sys-color-surface-container-high: var(--md-sys-color-surface-container-high-dark);
4
+ --md-sys-color-surface-container-highest: var(--md-sys-color-surface-container-highest-dark);
5
5
  }
package/exports/bundle/themes/default/missing/theme.light.css CHANGED
@@ -1,5 +1,5 @@
1
- :root {
2
- --md-sys-color-surface-container: var(--md-sys-color-surface-container-light);
3
- --md-sys-color-surface-container-high: var(--md-sys-color-surface-container-high-light);
4
- --md-sys-color-surface-container-highest: var(--md-sys-color-surface-container-highest-light);
1
+ :root {
2
+ --md-sys-color-surface-container: var(--md-sys-color-surface-container-light);
3
+ --md-sys-color-surface-container-high: var(--md-sys-color-surface-container-high-light);
4
+ --md-sys-color-surface-container-highest: var(--md-sys-color-surface-container-highest-light);
5
5
  }
package/exports/bundle/themes/default/missing/tokens.css CHANGED
@@ -1,9 +1,9 @@
1
- :root {
2
- --md-sys-color-surface-container-light: var(--md-ref-palette-neutral99);
3
- --md-sys-color-surface-container-high-light: var(--md-ref-palette-neutral95);
4
- --md-sys-color-surface-container-highest-light: var(--md-ref-palette-neutral90);
5
-
6
- --md-sys-color-surface-container-dark: var(--md-ref-palette-neutral10);
7
- --md-sys-color-surface-container-high-dark: var(--md-ref-palette-neutral20);
8
- --md-sys-color-surface-container-highest-dark: var(--md-ref-palette-neutral30);
1
+ :root {
2
+ --md-sys-color-surface-container-light: var(--md-ref-palette-neutral99);
3
+ --md-sys-color-surface-container-high-light: var(--md-ref-palette-neutral95);
4
+ --md-sys-color-surface-container-highest-light: var(--md-ref-palette-neutral90);
5
+
6
+ --md-sys-color-surface-container-dark: var(--md-ref-palette-neutral10);
7
+ --md-sys-color-surface-container-high-dark: var(--md-ref-palette-neutral20);
8
+ --md-sys-color-surface-container-highest-dark: var(--md-ref-palette-neutral30);
9
9
  }
package/exports/bundle/themes/default/theme.css CHANGED
@@ -1,10 +1,10 @@
1
- @import url(tokens.css);
2
- @import url(colors.module.css);
3
- @import url(typography.module.css);
4
- @import url(missing/motion.css);
5
- @import url(missing/shape.css);
6
- @import url(missing/tokens.css);
7
- @import url(missing/theme.dark.css) (prefers-color-scheme: dark);
8
- @import url(missing/theme.light.css) (prefers-color-scheme: light);
9
- @import url(theme.light.css) (prefers-color-scheme: light);
10
- @import url(theme.dark.css) (prefers-color-scheme: dark);
1
+ @import url(tokens.css);
2
+ @import url(colors.module.css);
3
+ @import url(typography.module.css);
4
+ @import url(missing/motion.css);
5
+ @import url(missing/shape.css);
6
+ @import url(missing/tokens.css);
7
+ @import url(missing/theme.dark.css) (prefers-color-scheme: dark);
8
+ @import url(missing/theme.light.css) (prefers-color-scheme: light);
9
+ @import url(theme.light.css) (prefers-color-scheme: light);
10
+ @import url(theme.dark.css) (prefers-color-scheme: dark);
package/exports/bundle/themes/default/theme.dark.css CHANGED
@@ -1,33 +1,33 @@
1
- :root {
2
- --md-sys-color-primary: var(--md-sys-color-primary-dark);
3
- --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark);
4
- --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark);
5
- --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark);
6
- --md-sys-color-secondary: var(--md-sys-color-secondary-dark);
7
- --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
8
- --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark);
9
- --md-sys-color-secondary-container-hover: var(--md-sys-color-secondary-container-hover-dark);
10
- --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark);
11
- --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
12
- --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
13
- --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark);
14
- --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark);
15
- --md-sys-color-error: var(--md-sys-color-error-dark);
16
- --md-sys-color-on-error: var(--md-sys-color-on-error-dark);
17
- --md-sys-color-error-container: var(--md-sys-color-error-container-dark);
18
- --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark);
19
- --md-sys-color-outline: var(--md-sys-color-outline-dark);
20
- --md-sys-color-background: var(--md-sys-color-background-dark);
21
- --md-sys-color-on-background: var(--md-sys-color-on-background-dark);
22
- --md-sys-color-surface: var(--md-sys-color-surface-dark);
23
- --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark);
24
- --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark);
25
- --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark);
26
- --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark);
27
- --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark);
28
- --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
29
- --md-sys-color-shadow: var(--md-sys-color-shadow-dark);
30
- --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
31
- --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark);
32
- --md-sys-color-scrim: var(--md-sys-color-scrim-dark);
33
- }
1
+ :root {
2
+ --md-sys-color-primary: var(--md-sys-color-primary-dark);
3
+ --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark);
4
+ --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark);
5
+ --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark);
6
+ --md-sys-color-secondary: var(--md-sys-color-secondary-dark);
7
+ --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
8
+ --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark);
9
+ --md-sys-color-secondary-container-hover: var(--md-sys-color-secondary-container-hover-dark);
10
+ --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark);
11
+ --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
12
+ --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
13
+ --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark);
14
+ --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark);
15
+ --md-sys-color-error: var(--md-sys-color-error-dark);
16
+ --md-sys-color-on-error: var(--md-sys-color-on-error-dark);
17
+ --md-sys-color-error-container: var(--md-sys-color-error-container-dark);
18
+ --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark);
19
+ --md-sys-color-outline: var(--md-sys-color-outline-dark);
20
+ --md-sys-color-background: var(--md-sys-color-background-dark);
21
+ --md-sys-color-on-background: var(--md-sys-color-on-background-dark);
22
+ --md-sys-color-surface: var(--md-sys-color-surface-dark);
23
+ --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark);
24
+ --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark);
25
+ --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark);
26
+ --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark);
27
+ --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark);
28
+ --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
29
+ --md-sys-color-shadow: var(--md-sys-color-shadow-dark);
30
+ --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
31
+ --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark);
32
+ --md-sys-color-scrim: var(--md-sys-color-scrim-dark);
33
+ }
package/exports/bundle/themes/default/theme.light.css CHANGED
@@ -1,33 +1,33 @@
1
- :root {
2
- --md-sys-color-primary: var(--md-sys-color-primary-light);
3
- --md-sys-color-on-primary: var(--md-sys-color-on-primary-light);
4
- --md-sys-color-primary-container: var(--md-sys-color-primary-container-light);
5
- --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light);
6
- --md-sys-color-secondary: var(--md-sys-color-secondary-light);
7
- --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light);
8
- --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light);
9
- --md-sys-color-secondary-container-hover: var(--md-sys-color-secondary-container-hover-light);
10
- --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light);
11
- --md-sys-color-tertiary: var(--md-sys-color-tertiary-light);
12
- --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light);
13
- --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light);
14
- --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light);
15
- --md-sys-color-error: var(--md-sys-color-error-light);
16
- --md-sys-color-on-error: var(--md-sys-color-on-error-light);
17
- --md-sys-color-error-container: var(--md-sys-color-error-container-light);
18
- --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light);
19
- --md-sys-color-outline: var(--md-sys-color-outline-light);
20
- --md-sys-color-background: var(--md-sys-color-background-light);
21
- --md-sys-color-on-background: var(--md-sys-color-on-background-light);
22
- --md-sys-color-surface: var(--md-sys-color-surface-light);
23
- --md-sys-color-on-surface: var(--md-sys-color-on-surface-light);
24
- --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light);
25
- --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light);
26
- --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light);
27
- --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light);
28
- --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light);
29
- --md-sys-color-shadow: var(--md-sys-color-shadow-light);
30
- --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light);
31
- --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light);
32
- --md-sys-color-scrim: var(--md-sys-color-scrim-light);
33
- }
1
+ :root {
2
+ --md-sys-color-primary: var(--md-sys-color-primary-light);
3
+ --md-sys-color-on-primary: var(--md-sys-color-on-primary-light);
4
+ --md-sys-color-primary-container: var(--md-sys-color-primary-container-light);
5
+ --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light);
6
+ --md-sys-color-secondary: var(--md-sys-color-secondary-light);
7
+ --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light);
8
+ --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light);
9
+ --md-sys-color-secondary-container-hover: var(--md-sys-color-secondary-container-hover-light);
10
+ --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light);
11
+ --md-sys-color-tertiary: var(--md-sys-color-tertiary-light);
12
+ --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light);
13
+ --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light);
14
+ --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light);
15
+ --md-sys-color-error: var(--md-sys-color-error-light);
16
+ --md-sys-color-on-error: var(--md-sys-color-on-error-light);
17
+ --md-sys-color-error-container: var(--md-sys-color-error-container-light);
18
+ --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light);
19
+ --md-sys-color-outline: var(--md-sys-color-outline-light);
20
+ --md-sys-color-background: var(--md-sys-color-background-light);
21
+ --md-sys-color-on-background: var(--md-sys-color-on-background-light);
22
+ --md-sys-color-surface: var(--md-sys-color-surface-light);
23
+ --md-sys-color-on-surface: var(--md-sys-color-on-surface-light);
24
+ --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light);
25
+ --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light);
26
+ --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light);
27
+ --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light);
28
+ --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light);
29
+ --md-sys-color-shadow: var(--md-sys-color-shadow-light);
30
+ --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light);
31
+ --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light);
32
+ --md-sys-color-scrim: var(--md-sys-color-scrim-light);
33
+ }