@vandeurenglenn/lite-elements 0.3.50 → 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 (81) hide show
  1. package/exports/banner.js +36 -36
  2. package/exports/bundle/button.js +6 -1
  3. package/exports/bundle/index.html +590 -590
  4. package/exports/bundle/themes/default/colors.module.css +180 -180
  5. package/exports/bundle/themes/default/missing/motion.css +3 -3
  6. package/exports/bundle/themes/default/missing/shape.css +12 -12
  7. package/exports/bundle/themes/default/missing/theme.dark.css +4 -4
  8. package/exports/bundle/themes/default/missing/theme.light.css +4 -4
  9. package/exports/bundle/themes/default/missing/tokens.css +8 -8
  10. package/exports/bundle/themes/default/theme.css +10 -10
  11. package/exports/bundle/themes/default/theme.dark.css +33 -33
  12. package/exports/bundle/themes/default/theme.light.css +33 -33
  13. package/exports/bundle/themes/default/tokens.css +256 -256
  14. package/exports/bundle/themes/default/typography.module.css +150 -150
  15. package/exports/bundle/upload-image.js +49 -45
  16. package/exports/button.js +148 -143
  17. package/exports/card.js +139 -139
  18. package/exports/code.js +34 -34
  19. package/exports/demo-icons.js +15 -15
  20. package/exports/demo-shell.js +539 -539
  21. package/exports/demo.js +456 -456
  22. package/exports/dialog.js +148 -148
  23. package/exports/divider.js +21 -21
  24. package/exports/drawer-button.js +13 -13
  25. package/exports/drawer-item.js +38 -38
  26. package/exports/drawer-layout.js +95 -95
  27. package/exports/drawer.js +7 -7
  28. package/exports/dropdown-menu.js +58 -58
  29. package/exports/dropdown.js +25 -25
  30. package/exports/elevation.js +50 -50
  31. package/exports/fab.js +145 -145
  32. package/exports/icon-button.js +12 -12
  33. package/exports/icon-set.js +4 -4
  34. package/exports/icon.js +15 -15
  35. package/exports/input.js +5 -5
  36. package/exports/list-item.js +42 -42
  37. package/exports/menu.js +12 -12
  38. package/exports/minute-field.js +4 -4
  39. package/exports/mixins/scroll-mixin.d.ts +1 -1
  40. package/exports/notification.js +34 -34
  41. package/exports/notifications.js +65 -65
  42. package/exports/pages.js +42 -42
  43. package/exports/pane.js +18 -18
  44. package/exports/rail.js +57 -57
  45. package/exports/root.js +7 -7
  46. package/exports/section/section.d.ts +1 -1
  47. package/exports/section.js +10 -10
  48. package/exports/section2.js +24 -24
  49. package/exports/selector.js +30 -30
  50. package/exports/summary-mirror.js +19 -19
  51. package/exports/summary.js +24 -24
  52. package/exports/supporting-pane.js +46 -46
  53. package/exports/tab.js +21 -21
  54. package/exports/tabs.js +50 -50
  55. package/exports/text-field.js +9 -9
  56. package/exports/theme.js +8 -8
  57. package/exports/themes/default/colors.module.css +180 -180
  58. package/exports/themes/default/missing/motion.css +3 -3
  59. package/exports/themes/default/missing/shape.css +12 -12
  60. package/exports/themes/default/missing/theme.dark.css +4 -4
  61. package/exports/themes/default/missing/theme.light.css +4 -4
  62. package/exports/themes/default/missing/tokens.css +8 -8
  63. package/exports/themes/default/theme.css +10 -10
  64. package/exports/themes/default/theme.dark.css +33 -33
  65. package/exports/themes/default/theme.light.css +33 -33
  66. package/exports/themes/default/tokens.css +256 -256
  67. package/exports/themes/default/typography.module.css +150 -150
  68. package/exports/time-picker.js +20 -20
  69. package/exports/toggle-button.js +3 -3
  70. package/exports/toggle.js +4 -4
  71. package/exports/top-app-bar.js +20 -20
  72. package/exports/typography.js +155 -155
  73. package/exports/upload-file.js +8 -8
  74. package/exports/upload-image.js +200 -200
  75. package/package.json +20 -28
  76. package/exports/bundle/simple-hash-router.js +0 -1
  77. package/exports/bundle/types2.js +0 -1
  78. package/exports/router/simple-hash-router.d.ts +0 -34
  79. package/exports/router/types.d.ts +0 -45
  80. package/exports/simple-hash-router.js +0 -111
  81. package/exports/types2.js +0 -1
package/exports/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
+ }
package/exports/time-picker.js CHANGED
@@ -17,29 +17,29 @@ let CustomTimePicker = (() => {
17
17
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
18
18
  }
19
19
  static styles = [
20
- css `
21
- :host {
22
- display: block;
23
- }
20
+ css `
21
+ :host {
22
+ display: block;
23
+ }
24
24
  `
25
25
  ];
26
26
  render() {
27
- return html `
28
- <time-picker-input></time-picker-input>
29
- <div class="am-pm">
30
- <span class="flex"></span>
31
- <div class="am">am</div>
32
- <span class="flex-2"></span>
33
- <div class="pm">pm</div>
34
- <span class="flex"></span>
35
- </div>
36
- <time-picker-hour-plate></time-picker-hour-plate>
37
- <time-picker-minutes-plate></time-picker-minutes-plate>
38
- <div class="actions">
39
- <button class="cancel">cancel</button>
40
- <span class="flex"></span>
41
- <button class="ok">ok</button>
42
- </div>
27
+ return html `
28
+ <time-picker-input></time-picker-input>
29
+ <div class="am-pm">
30
+ <span class="flex"></span>
31
+ <div class="am">am</div>
32
+ <span class="flex-2"></span>
33
+ <div class="pm">pm</div>
34
+ <span class="flex"></span>
35
+ </div>
36
+ <time-picker-hour-plate></time-picker-hour-plate>
37
+ <time-picker-minutes-plate></time-picker-minutes-plate>
38
+ <div class="actions">
39
+ <button class="cancel">cancel</button>
40
+ <span class="flex"></span>
41
+ <button class="ok">ok</button>
42
+ </div>
43
43
  `;
44
44
  }
45
45
  static {
package/exports/toggle-button.js CHANGED
@@ -51,9 +51,9 @@ let CustomToggleButton = (() => {
51
51
  this.dispatchEvent(new CustomEvent('active', { detail: event.detail }));
52
52
  };
53
53
  render() {
54
- return html ` <custom-button>
55
- <custom-toggle slot="icon" .active=${this.active} @active=${this._onactive} .togglers=${this.togglers}>
56
- </custom-toggle>
54
+ return html ` <custom-button>
55
+ <custom-toggle slot="icon" .active=${this.active} @active=${this._onactive} .togglers=${this.togglers}>
56
+ </custom-toggle>
57
57
  </custom-button>`;
58
58
  }
59
59
  });
package/exports/toggle.js CHANGED
@@ -59,10 +59,10 @@ let CustomToggle = (() => {
59
59
  this.active -= 1;
60
60
  }
61
61
  static styles = [
62
- css `
63
- :host {
64
- display: contents;
65
- }
62
+ css `
63
+ :host {
64
+ display: contents;
65
+ }
66
66
  `
67
67
  ];
68
68
  render() {
package/exports/top-app-bar.js CHANGED
@@ -41,30 +41,30 @@ let CustomTopAppBar = (() => {
41
41
  });
42
42
  }
43
43
  render() {
44
- return html `
45
- <flex-column class="container">
46
- <custom-elevation></custom-elevation>
47
- <flex-row>
48
- <slot name="start"></slot>
44
+ return html `
45
+ <flex-column class="container">
46
+ <custom-elevation></custom-elevation>
47
+ <flex-row>
48
+ <slot name="start"></slot>
49
49
  ${this.type === 'center-aligned' || this.type === 'small'
50
- ? html `
51
- <custom-typography>
52
- <slot name="title"></slot>
53
- </custom-typography>
50
+ ? html `
51
+ <custom-typography>
52
+ <slot name="title"></slot>
53
+ </custom-typography>
54
54
  `
55
- : ''}
56
- <flex-it></flex-it>
57
- <slot name="end"></slot>
58
- </flex-row>
55
+ : ''}
56
+ <flex-it></flex-it>
57
+ <slot name="end"></slot>
58
+ </flex-row>
59
59
  ${this.type === 'medium' || this.type === 'large'
60
- ? html `
61
- <flex-it></flex-it>
62
- <custom-typography type="headline" size="small">
63
- <slot name="title"></slot>
64
- </custom-typography>
60
+ ? html `
61
+ <flex-it></flex-it>
62
+ <custom-typography type="headline" size="small">
63
+ <slot name="title"></slot>
64
+ </custom-typography>
65
65
  `
66
- : ''}
67
- </flex-column>
66
+ : ''}
67
+ </flex-column>
68
68
  `;
69
69
  }
70
70
  constructor() {