@vandeurenglenn/lite-elements 0.3.49 → 0.3.51

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 (142) hide show
  1. package/exports/banner.js +37 -37
  2. package/exports/bar/top-app-bar.d.ts +1 -1
  3. package/exports/bundle/banner.js +2 -2
  4. package/exports/bundle/button.js +6 -1
  5. package/exports/bundle/card.js +1 -1
  6. package/exports/bundle/code.js +1 -1
  7. package/exports/bundle/{column-B0bUzxkF.js → column-dsIMZ5XT.js} +1 -1
  8. package/exports/bundle/demo-elements.js +1 -1
  9. package/exports/bundle/demo-icons.js +1 -1
  10. package/exports/bundle/demo-shell.js +1 -1
  11. package/exports/bundle/demo.js +1 -1
  12. package/exports/bundle/dialog.js +1 -1
  13. package/exports/bundle/divider.js +1 -1
  14. package/exports/bundle/drawer-button.js +1 -1
  15. package/exports/bundle/drawer-item.js +1 -1
  16. package/exports/bundle/drawer-layout.js +1 -1
  17. package/exports/bundle/drawer.js +2 -2
  18. package/exports/bundle/dropdown-menu.js +1 -1
  19. package/exports/bundle/dropdown.js +1 -1
  20. package/exports/bundle/elements.js +1 -1
  21. package/exports/bundle/elevation.js +1 -1
  22. package/exports/bundle/fab.js +2 -2
  23. package/exports/bundle/icon-button.js +1 -1
  24. package/exports/bundle/icon-set.js +1 -1
  25. package/exports/bundle/icon.js +1 -1
  26. package/exports/bundle/index.html +590 -590
  27. package/exports/bundle/input.js +2 -2
  28. package/exports/bundle/list-item.js +1 -1
  29. package/exports/bundle/menu.js +1 -1
  30. package/exports/bundle/minute-field.js +1 -1
  31. package/exports/bundle/notification.js +1 -1
  32. package/exports/bundle/notifications.js +1 -1
  33. package/exports/bundle/pages.js +1 -1
  34. package/exports/bundle/pane.js +3 -3
  35. package/exports/bundle/property-C1gA9hig.js +23 -0
  36. package/exports/bundle/property-DL093_VN.js +11 -0
  37. package/exports/bundle/rail.js +1 -1
  38. package/exports/bundle/root.js +2 -2
  39. package/exports/bundle/row-CW5FbTZ_.js +28 -0
  40. package/exports/bundle/section.js +1 -1
  41. package/exports/bundle/section2.js +1 -1
  42. package/exports/bundle/select-mixin.js +1 -1
  43. package/exports/bundle/selector-mixin.js +1 -1
  44. package/exports/bundle/selector.js +1 -1
  45. package/exports/bundle/summary-mirror.js +1 -1
  46. package/exports/bundle/summary.js +2 -2
  47. package/exports/bundle/supporting-pane.js +1 -1
  48. package/exports/bundle/tab.js +2 -2
  49. package/exports/bundle/tabs.js +1 -1
  50. package/exports/bundle/text-field.js +1 -1
  51. package/exports/bundle/theme.js +1 -1
  52. package/exports/bundle/themes/default/colors.module.css +180 -180
  53. package/exports/bundle/themes/default/missing/motion.css +3 -3
  54. package/exports/bundle/themes/default/missing/shape.css +12 -12
  55. package/exports/bundle/themes/default/missing/theme.dark.css +4 -4
  56. package/exports/bundle/themes/default/missing/theme.light.css +4 -4
  57. package/exports/bundle/themes/default/missing/tokens.css +8 -8
  58. package/exports/bundle/themes/default/theme.css +10 -10
  59. package/exports/bundle/themes/default/theme.dark.css +33 -33
  60. package/exports/bundle/themes/default/theme.light.css +33 -33
  61. package/exports/bundle/themes/default/tokens.css +256 -256
  62. package/exports/bundle/themes/default/typography.module.css +150 -150
  63. package/exports/bundle/time-picker.js +1 -1
  64. package/exports/bundle/toggle-button.js +1 -1
  65. package/exports/bundle/toggle.js +1 -1
  66. package/exports/bundle/top-app-bar.js +63 -2
  67. package/exports/bundle/typography.js +1 -1
  68. package/exports/bundle/upload-file.js +1 -1
  69. package/exports/bundle/upload-image.js +62 -55
  70. package/exports/button.js +149 -144
  71. package/exports/card.js +140 -140
  72. package/exports/code.js +35 -35
  73. package/exports/demo-elements.js +1 -1
  74. package/exports/demo-icons.js +16 -16
  75. package/exports/demo-shell.js +540 -540
  76. package/exports/demo.js +457 -457
  77. package/exports/dialog.js +149 -149
  78. package/exports/divider.js +22 -22
  79. package/exports/drawer-button.js +14 -14
  80. package/exports/drawer-item.js +39 -39
  81. package/exports/drawer-layout.js +96 -96
  82. package/exports/drawer.js +8 -8
  83. package/exports/dropdown-menu.js +59 -59
  84. package/exports/dropdown.js +26 -26
  85. package/exports/elements.js +1 -1
  86. package/exports/elevation.js +51 -51
  87. package/exports/fab.js +146 -146
  88. package/exports/icon-button.js +13 -13
  89. package/exports/icon-set.js +5 -5
  90. package/exports/icon.js +16 -16
  91. package/exports/input.js +6 -6
  92. package/exports/list-item.js +43 -43
  93. package/exports/menu.js +13 -13
  94. package/exports/minute-field.js +5 -5
  95. package/exports/mixins/scroll-mixin.d.ts +1 -1
  96. package/exports/notification.js +35 -35
  97. package/exports/notifications.js +66 -66
  98. package/exports/pages.js +42 -42
  99. package/exports/pane.js +19 -19
  100. package/exports/rail.js +58 -58
  101. package/exports/root.js +8 -8
  102. package/exports/section/section.d.ts +2 -2
  103. package/exports/section.js +11 -11
  104. package/exports/section2.js +25 -25
  105. package/exports/selector.js +31 -31
  106. package/exports/summary-mirror.js +20 -20
  107. package/exports/summary.js +25 -25
  108. package/exports/supporting-pane.js +47 -47
  109. package/exports/tab.js +22 -22
  110. package/exports/tabs.js +51 -51
  111. package/exports/text-field.js +10 -10
  112. package/exports/theme.js +9 -9
  113. package/exports/themes/default/colors.module.css +180 -180
  114. package/exports/themes/default/missing/motion.css +3 -3
  115. package/exports/themes/default/missing/shape.css +12 -12
  116. package/exports/themes/default/missing/theme.dark.css +4 -4
  117. package/exports/themes/default/missing/theme.light.css +4 -4
  118. package/exports/themes/default/missing/tokens.css +8 -8
  119. package/exports/themes/default/theme.css +10 -10
  120. package/exports/themes/default/theme.dark.css +33 -33
  121. package/exports/themes/default/theme.light.css +33 -33
  122. package/exports/themes/default/tokens.css +256 -256
  123. package/exports/themes/default/typography.module.css +150 -150
  124. package/exports/time-picker.js +21 -21
  125. package/exports/toggle-button.js +4 -4
  126. package/exports/toggle.js +5 -5
  127. package/exports/top-app-bar.js +21 -21
  128. package/exports/{tslib.es6-CFl_-KPR.js → tslib.es6-Cg9lAhfj.js} +1 -1
  129. package/exports/typography.js +156 -156
  130. package/exports/upload-file.js +9 -9
  131. package/exports/upload-image.js +201 -201
  132. package/package.json +20 -36
  133. package/exports/bundle/property-BYA8Sw2t.js +0 -11
  134. package/exports/bundle/property-C4lhirVQ.js +0 -23
  135. package/exports/bundle/row-DYDgQVDj.js +0 -28
  136. package/exports/bundle/simple-hash-router.js +0 -1
  137. package/exports/bundle/types2.js +0 -1
  138. package/exports/mixins/file-reader-mixin.d.ts +0 -341
  139. package/exports/router/types.d.ts +0 -45
  140. package/exports/simple-hash-router.js +0 -111
  141. package/exports/types2.js +0 -1
  142. package/exports/upload/upload-image.d.ts +0 -381
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
+ }