@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/typography.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
1
+ import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-Cg9lAhfj.js';
2
2
  import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
3
3
 
4
4
  let CustomTypography = (() => {
@@ -32,161 +32,161 @@ let CustomTypography = (() => {
32
32
  get size() { return this.#size_accessor_storage; }
33
33
  set size(value) { this.#size_accessor_storage = value; }
34
34
  static styles = [
35
- css `
36
- :host {
37
- display: contents;
38
- }
39
-
40
- :host([type='display'][size='large']) slot {
41
- font-family: var(--md-sys-typescale-display-large-font-family-name);
42
- font-style: var(--md-sys-typescale-display-large-font-family-style);
43
- font-weight: var(--md-sys-typescale-display-large-font-weight);
44
- font-size: var(--md-sys-typescale-display-large-font-size);
45
- letter-spacing: var(--md-sys-typescale-display-large-tracking);
46
- line-height: var(--md-sys-typescale-display-large-height);
47
- text-transform: var(--md-sys-typescale-display-large-text-transform);
48
- text-decoration: var(--md-sys-typescale-display-large-text-decoration);
49
- }
50
- :host([type='display'][size='medium']) slot {
51
- font-family: var(--md-sys-typescale-display-medium-font-family-name);
52
- font-style: var(--md-sys-typescale-display-medium-font-family-style);
53
- font-weight: var(--md-sys-typescale-display-medium-font-weight);
54
- font-size: var(--md-sys-typescale-display-medium-font-size);
55
- letter-spacing: var(--md-sys-typescale-display-medium-tracking);
56
- line-height: var(--md-sys-typescale-display-medium-height);
57
- text-transform: var(--md-sys-typescale-display-medium-text-transform);
58
- text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
59
- }
60
- :host([type='display'][size='small']) slot {
61
- font-family: var(--md-sys-typescale-display-small-font-family-name);
62
- font-style: var(--md-sys-typescale-display-small-font-family-style);
63
- font-weight: var(--md-sys-typescale-display-small-font-weight);
64
- font-size: var(--md-sys-typescale-display-small-font-size);
65
- letter-spacing: var(--md-sys-typescale-display-small-tracking);
66
- line-height: var(--md-sys-typescale-display-small-height);
67
- text-transform: var(--md-sys-typescale-display-small-text-transform);
68
- text-decoration: var(--md-sys-typescale-display-small-text-decoration);
69
- }
70
- :host([type='headline'][size='large']) slot {
71
- font-family: var(--md-sys-typescale-headline-large-font-family-name);
72
- font-style: var(--md-sys-typescale-headline-large-font-family-style);
73
- font-weight: var(--md-sys-typescale-headline-large-font-weight);
74
- font-size: var(--md-sys-typescale-headline-large-font-size);
75
- letter-spacing: var(--md-sys-typescale-headline-large-tracking);
76
- line-height: var(--md-sys-typescale-headline-large-height);
77
- text-transform: var(--md-sys-typescale-headline-large-text-transform);
78
- text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
79
- }
80
- :host([type='headline'][size='medium']) slot {
81
- font-family: var(--md-sys-typescale-headline-medium-font-family-name);
82
- font-style: var(--md-sys-typescale-headline-medium-font-family-style);
83
- font-weight: var(--md-sys-typescale-headline-medium-font-weight);
84
- font-size: var(--md-sys-typescale-headline-medium-font-size);
85
- letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
86
- line-height: var(--md-sys-typescale-headline-medium-height);
87
- text-transform: var(--md-sys-typescale-headline-medium-text-transform);
88
- text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
89
- }
90
- :host([type='headline'][size='small']) slot {
91
- font-family: var(--md-sys-typescale-headline-small-font-family-name);
92
- font-style: var(--md-sys-typescale-headline-small-font-family-style);
93
- font-weight: var(--md-sys-typescale-headline-small-font-weight);
94
- font-size: var(--md-sys-typescale-headline-small-font-size);
95
- letter-spacing: var(--md-sys-typescale-headline-small-tracking);
96
- line-height: var(--md-sys-typescale-headline-small-height);
97
- text-transform: var(--md-sys-typescale-headline-small-text-transform);
98
- text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
99
- }
100
- :host([type='body'][size='large']) slot {
101
- font-family: var(--md-sys-typescale-body-large-font-family-name);
102
- font-style: var(--md-sys-typescale-body-large-font-family-style);
103
- font-weight: var(--md-sys-typescale-body-large-font-weight);
104
- font-size: var(--md-sys-typescale-body-large-font-size);
105
- letter-spacing: var(--md-sys-typescale-body-large-tracking);
106
- line-height: var(--md-sys-typescale-body-large-height);
107
- text-transform: var(--md-sys-typescale-body-large-text-transform);
108
- text-decoration: var(--md-sys-typescale-body-large-text-decoration);
109
- }
110
- :host([type='body'][size='medium']) slot {
111
- font-family: var(--md-sys-typescale-body-medium-font-family-name);
112
- font-style: var(--md-sys-typescale-body-medium-font-family-style);
113
- font-weight: var(--md-sys-typescale-body-medium-font-weight);
114
- font-size: var(--md-sys-typescale-body-medium-font-size);
115
- letter-spacing: var(--md-sys-typescale-body-medium-tracking);
116
- line-height: var(--md-sys-typescale-body-medium-height);
117
- text-transform: var(--md-sys-typescale-body-medium-text-transform);
118
- text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
119
- }
120
- :host([type='body'][size='small']) slot {
121
- font-family: var(--md-sys-typescale-body-small-font-family-name);
122
- font-style: var(--md-sys-typescale-body-small-font-family-style);
123
- font-weight: var(--md-sys-typescale-body-small-font-weight);
124
- font-size: var(--md-sys-typescale-body-small-font-size);
125
- letter-spacing: var(--md-sys-typescale-body-small-tracking);
126
- line-height: var(--md-sys-typescale-body-small-height);
127
- text-transform: var(--md-sys-typescale-body-small-text-transform);
128
- text-decoration: var(--md-sys-typescale-body-small-text-decoration);
129
- }
130
- :host([type='label'][size='large']) slot {
131
- font-family: var(--md-sys-typescale-label-large-font-family-name);
132
- font-style: var(--md-sys-typescale-label-large-font-family-style);
133
- font-weight: var(--md-sys-typescale-label-large-font-weight);
134
- font-size: var(--md-sys-typescale-label-large-font-size);
135
- letter-spacing: var(--md-sys-typescale-label-large-tracking);
136
- line-height: var(--md-sys-typescale-label-large-height);
137
- text-transform: var(--md-sys-typescale-label-large-text-transform);
138
- text-decoration: var(--md-sys-typescale-label-large-text-decoration);
139
- }
140
- :host([type='label'][size='medium']) slot {
141
- font-family: var(--md-sys-typescale-label-medium-font-family-name);
142
- font-style: var(--md-sys-typescale-label-medium-font-family-style);
143
- font-weight: var(--md-sys-typescale-label-medium-font-weight);
144
- font-size: var(--md-sys-typescale-label-medium-font-size);
145
- letter-spacing: var(--md-sys-typescale-label-medium-tracking);
146
- line-height: var(--md-sys-typescale-label-medium-height);
147
- text-transform: var(--md-sys-typescale-label-medium-text-transform);
148
- text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
149
- }
150
- :host([type='label'][size='small']) slot {
151
- font-family: var(--md-sys-typescale-label-small-font-family-name);
152
- font-style: var(--md-sys-typescale-label-small-font-family-style);
153
- font-weight: var(--md-sys-typescale-label-small-font-weight);
154
- font-size: var(--md-sys-typescale-label-small-font-size);
155
- letter-spacing: var(--md-sys-typescale-label-small-tracking);
156
- line-height: var(--md-sys-typescale-label-small-height);
157
- text-transform: var(--md-sys-typescale-label-small-text-transform);
158
- text-decoration: var(--md-sys-typescale-label-small-text-decoration);
159
- }
160
- :host([type='title'][size='large']) slot {
161
- font-family: var(--md-sys-typescale-title-large-font-family-name);
162
- font-style: var(--md-sys-typescale-title-large-font-family-style);
163
- font-weight: var(--md-sys-typescale-title-large-font-weight);
164
- font-size: var(--md-sys-typescale-title-large-font-size);
165
- letter-spacing: var(--md-sys-typescale-title-large-tracking);
166
- line-height: var(--md-sys-typescale-title-large-height);
167
- text-transform: var(--md-sys-typescale-title-large-text-transform);
168
- text-decoration: var(--md-sys-typescale-title-large-text-decoration);
169
- }
170
- :host([type='title'][size='medium']) slot {
171
- font-family: var(--md-sys-typescale-title-medium-font-family-name);
172
- font-style: var(--md-sys-typescale-title-medium-font-family-style);
173
- font-weight: var(--md-sys-typescale-title-medium-font-weight);
174
- font-size: var(--md-sys-typescale-title-medium-font-size);
175
- letter-spacing: var(--md-sys-typescale-title-medium-tracking);
176
- line-height: var(--md-sys-typescale-title-medium-height);
177
- text-transform: var(--md-sys-typescale-title-medium-text-transform);
178
- text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
179
- }
180
- :host([type='title'][size='small']) slot {
181
- font-family: var(--md-sys-typescale-title-small-font-family-name);
182
- font-style: var(--md-sys-typescale-title-small-font-family-style);
183
- font-weight: var(--md-sys-typescale-title-small-font-weight);
184
- font-size: var(--md-sys-typescale-title-small-font-size);
185
- letter-spacing: var(--md-sys-typescale-title-small-tracking);
186
- line-height: var(--md-sys-typescale-title-small-height);
187
- text-transform: var(--md-sys-typescale-title-small-text-transform);
188
- text-decoration: var(--md-sys-typescale-title-small-text-decoration);
189
- }
35
+ css `
36
+ :host {
37
+ display: contents;
38
+ }
39
+
40
+ :host([type='display'][size='large']) slot {
41
+ font-family: var(--md-sys-typescale-display-large-font-family-name);
42
+ font-style: var(--md-sys-typescale-display-large-font-family-style);
43
+ font-weight: var(--md-sys-typescale-display-large-font-weight);
44
+ font-size: var(--md-sys-typescale-display-large-font-size);
45
+ letter-spacing: var(--md-sys-typescale-display-large-tracking);
46
+ line-height: var(--md-sys-typescale-display-large-height);
47
+ text-transform: var(--md-sys-typescale-display-large-text-transform);
48
+ text-decoration: var(--md-sys-typescale-display-large-text-decoration);
49
+ }
50
+ :host([type='display'][size='medium']) slot {
51
+ font-family: var(--md-sys-typescale-display-medium-font-family-name);
52
+ font-style: var(--md-sys-typescale-display-medium-font-family-style);
53
+ font-weight: var(--md-sys-typescale-display-medium-font-weight);
54
+ font-size: var(--md-sys-typescale-display-medium-font-size);
55
+ letter-spacing: var(--md-sys-typescale-display-medium-tracking);
56
+ line-height: var(--md-sys-typescale-display-medium-height);
57
+ text-transform: var(--md-sys-typescale-display-medium-text-transform);
58
+ text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
59
+ }
60
+ :host([type='display'][size='small']) slot {
61
+ font-family: var(--md-sys-typescale-display-small-font-family-name);
62
+ font-style: var(--md-sys-typescale-display-small-font-family-style);
63
+ font-weight: var(--md-sys-typescale-display-small-font-weight);
64
+ font-size: var(--md-sys-typescale-display-small-font-size);
65
+ letter-spacing: var(--md-sys-typescale-display-small-tracking);
66
+ line-height: var(--md-sys-typescale-display-small-height);
67
+ text-transform: var(--md-sys-typescale-display-small-text-transform);
68
+ text-decoration: var(--md-sys-typescale-display-small-text-decoration);
69
+ }
70
+ :host([type='headline'][size='large']) slot {
71
+ font-family: var(--md-sys-typescale-headline-large-font-family-name);
72
+ font-style: var(--md-sys-typescale-headline-large-font-family-style);
73
+ font-weight: var(--md-sys-typescale-headline-large-font-weight);
74
+ font-size: var(--md-sys-typescale-headline-large-font-size);
75
+ letter-spacing: var(--md-sys-typescale-headline-large-tracking);
76
+ line-height: var(--md-sys-typescale-headline-large-height);
77
+ text-transform: var(--md-sys-typescale-headline-large-text-transform);
78
+ text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
79
+ }
80
+ :host([type='headline'][size='medium']) slot {
81
+ font-family: var(--md-sys-typescale-headline-medium-font-family-name);
82
+ font-style: var(--md-sys-typescale-headline-medium-font-family-style);
83
+ font-weight: var(--md-sys-typescale-headline-medium-font-weight);
84
+ font-size: var(--md-sys-typescale-headline-medium-font-size);
85
+ letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
86
+ line-height: var(--md-sys-typescale-headline-medium-height);
87
+ text-transform: var(--md-sys-typescale-headline-medium-text-transform);
88
+ text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
89
+ }
90
+ :host([type='headline'][size='small']) slot {
91
+ font-family: var(--md-sys-typescale-headline-small-font-family-name);
92
+ font-style: var(--md-sys-typescale-headline-small-font-family-style);
93
+ font-weight: var(--md-sys-typescale-headline-small-font-weight);
94
+ font-size: var(--md-sys-typescale-headline-small-font-size);
95
+ letter-spacing: var(--md-sys-typescale-headline-small-tracking);
96
+ line-height: var(--md-sys-typescale-headline-small-height);
97
+ text-transform: var(--md-sys-typescale-headline-small-text-transform);
98
+ text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
99
+ }
100
+ :host([type='body'][size='large']) slot {
101
+ font-family: var(--md-sys-typescale-body-large-font-family-name);
102
+ font-style: var(--md-sys-typescale-body-large-font-family-style);
103
+ font-weight: var(--md-sys-typescale-body-large-font-weight);
104
+ font-size: var(--md-sys-typescale-body-large-font-size);
105
+ letter-spacing: var(--md-sys-typescale-body-large-tracking);
106
+ line-height: var(--md-sys-typescale-body-large-height);
107
+ text-transform: var(--md-sys-typescale-body-large-text-transform);
108
+ text-decoration: var(--md-sys-typescale-body-large-text-decoration);
109
+ }
110
+ :host([type='body'][size='medium']) slot {
111
+ font-family: var(--md-sys-typescale-body-medium-font-family-name);
112
+ font-style: var(--md-sys-typescale-body-medium-font-family-style);
113
+ font-weight: var(--md-sys-typescale-body-medium-font-weight);
114
+ font-size: var(--md-sys-typescale-body-medium-font-size);
115
+ letter-spacing: var(--md-sys-typescale-body-medium-tracking);
116
+ line-height: var(--md-sys-typescale-body-medium-height);
117
+ text-transform: var(--md-sys-typescale-body-medium-text-transform);
118
+ text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
119
+ }
120
+ :host([type='body'][size='small']) slot {
121
+ font-family: var(--md-sys-typescale-body-small-font-family-name);
122
+ font-style: var(--md-sys-typescale-body-small-font-family-style);
123
+ font-weight: var(--md-sys-typescale-body-small-font-weight);
124
+ font-size: var(--md-sys-typescale-body-small-font-size);
125
+ letter-spacing: var(--md-sys-typescale-body-small-tracking);
126
+ line-height: var(--md-sys-typescale-body-small-height);
127
+ text-transform: var(--md-sys-typescale-body-small-text-transform);
128
+ text-decoration: var(--md-sys-typescale-body-small-text-decoration);
129
+ }
130
+ :host([type='label'][size='large']) slot {
131
+ font-family: var(--md-sys-typescale-label-large-font-family-name);
132
+ font-style: var(--md-sys-typescale-label-large-font-family-style);
133
+ font-weight: var(--md-sys-typescale-label-large-font-weight);
134
+ font-size: var(--md-sys-typescale-label-large-font-size);
135
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
136
+ line-height: var(--md-sys-typescale-label-large-height);
137
+ text-transform: var(--md-sys-typescale-label-large-text-transform);
138
+ text-decoration: var(--md-sys-typescale-label-large-text-decoration);
139
+ }
140
+ :host([type='label'][size='medium']) slot {
141
+ font-family: var(--md-sys-typescale-label-medium-font-family-name);
142
+ font-style: var(--md-sys-typescale-label-medium-font-family-style);
143
+ font-weight: var(--md-sys-typescale-label-medium-font-weight);
144
+ font-size: var(--md-sys-typescale-label-medium-font-size);
145
+ letter-spacing: var(--md-sys-typescale-label-medium-tracking);
146
+ line-height: var(--md-sys-typescale-label-medium-height);
147
+ text-transform: var(--md-sys-typescale-label-medium-text-transform);
148
+ text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
149
+ }
150
+ :host([type='label'][size='small']) slot {
151
+ font-family: var(--md-sys-typescale-label-small-font-family-name);
152
+ font-style: var(--md-sys-typescale-label-small-font-family-style);
153
+ font-weight: var(--md-sys-typescale-label-small-font-weight);
154
+ font-size: var(--md-sys-typescale-label-small-font-size);
155
+ letter-spacing: var(--md-sys-typescale-label-small-tracking);
156
+ line-height: var(--md-sys-typescale-label-small-height);
157
+ text-transform: var(--md-sys-typescale-label-small-text-transform);
158
+ text-decoration: var(--md-sys-typescale-label-small-text-decoration);
159
+ }
160
+ :host([type='title'][size='large']) slot {
161
+ font-family: var(--md-sys-typescale-title-large-font-family-name);
162
+ font-style: var(--md-sys-typescale-title-large-font-family-style);
163
+ font-weight: var(--md-sys-typescale-title-large-font-weight);
164
+ font-size: var(--md-sys-typescale-title-large-font-size);
165
+ letter-spacing: var(--md-sys-typescale-title-large-tracking);
166
+ line-height: var(--md-sys-typescale-title-large-height);
167
+ text-transform: var(--md-sys-typescale-title-large-text-transform);
168
+ text-decoration: var(--md-sys-typescale-title-large-text-decoration);
169
+ }
170
+ :host([type='title'][size='medium']) slot {
171
+ font-family: var(--md-sys-typescale-title-medium-font-family-name);
172
+ font-style: var(--md-sys-typescale-title-medium-font-family-style);
173
+ font-weight: var(--md-sys-typescale-title-medium-font-weight);
174
+ font-size: var(--md-sys-typescale-title-medium-font-size);
175
+ letter-spacing: var(--md-sys-typescale-title-medium-tracking);
176
+ line-height: var(--md-sys-typescale-title-medium-height);
177
+ text-transform: var(--md-sys-typescale-title-medium-text-transform);
178
+ text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
179
+ }
180
+ :host([type='title'][size='small']) slot {
181
+ font-family: var(--md-sys-typescale-title-small-font-family-name);
182
+ font-style: var(--md-sys-typescale-title-small-font-family-style);
183
+ font-weight: var(--md-sys-typescale-title-small-font-weight);
184
+ font-size: var(--md-sys-typescale-title-small-font-size);
185
+ letter-spacing: var(--md-sys-typescale-title-small-tracking);
186
+ line-height: var(--md-sys-typescale-title-small-height);
187
+ text-transform: var(--md-sys-typescale-title-small-text-transform);
188
+ text-decoration: var(--md-sys-typescale-title-small-text-decoration);
189
+ }
190
190
  `
191
191
  ];
192
192
  render() {
package/exports/upload-file.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
1
+ import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-Cg9lAhfj.js';
2
2
  import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
3
3
 
4
4
  let CustomUploadFile = (() => {
@@ -26,14 +26,14 @@ let CustomUploadFile = (() => {
26
26
  set multiple(value) { this.#multiple_accessor_storage = value; }
27
27
  static get styles() {
28
28
  return [
29
- css `
30
- :host {
31
- display: flex;
32
- }
33
-
34
- input {
35
- display: hidden;
36
- }
29
+ css `
30
+ :host {
31
+ display: flex;
32
+ }
33
+
34
+ input {
35
+ display: hidden;
36
+ }
37
37
  `
38
38
  ];
39
39
  }