kempo-css 2.2.3 → 2.2.4

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 (21) hide show
  1. package/docs/borders-spacing.html +15 -7
  2. package/docs/buttons.html +15 -7
  3. package/docs/colors.html +15 -7
  4. package/docs/components/ThemePropertyInput.js +2 -2
  5. package/docs/elevation.html +15 -7
  6. package/docs/examples/responsive-grid.html +1 -1
  7. package/docs/index.html +15 -7
  8. package/docs/inputs.html +15 -7
  9. package/docs/layout.html +16 -8
  10. package/docs/tables.html +16 -8
  11. package/docs/theme-editor.html +21 -13
  12. package/docs/typography.html +15 -7
  13. package/docs/utilities.html +15 -7
  14. package/docs-src/default.template.html +5 -5
  15. package/docs-src/examples/responsive-grid.html +1 -1
  16. package/docs-src/head.fragment.html +1 -1
  17. package/docs-src/layout.page.html +1 -1
  18. package/docs-src/nav.fragment.html +9 -1
  19. package/docs-src/tables.page.html +1 -1
  20. package/docs-src/theme-editor.page.html +11 -11
  21. package/package.json +1 -1
package/docs/borders-spacing.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -436,11 +444,11 @@
436
444
  </main>
437
445
  <div style="height:33vh"></div>
438
446
  </k-main>
439
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
440
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
441
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
442
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
443
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
447
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
448
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
449
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
450
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
451
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
444
452
 
445
453
  </body>
446
454
  </html>
package/docs/buttons.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -252,11 +260,11 @@
252
260
  </main>
253
261
  <div style="height:33vh"></div>
254
262
  </k-main>
255
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
256
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
257
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
258
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
259
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
263
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
264
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
265
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
266
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
267
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
260
268
 
261
269
  </body>
262
270
  </html>
package/docs/colors.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -190,11 +198,11 @@
190
198
  </main>
191
199
  <div style="height:33vh"></div>
192
200
  </k-main>
193
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
194
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
195
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
196
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
197
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
201
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
202
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
203
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
204
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
205
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
198
206
 
199
207
  </body>
200
208
  </html>
package/docs/components/ThemePropertyInput.js CHANGED
@@ -1,5 +1,5 @@
1
- import ShadowComponent from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ShadowComponent.js';
2
- import { html, css } from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/lit-all.min.js';
1
+ import ShadowComponent from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ShadowComponent.js';
2
+ import { html, css } from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/lit-all.min.js';
3
3
 
4
4
  export default class ThemePropertyInput extends ShadowComponent {
5
5
  static properties = {
package/docs/elevation.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -49,7 +49,15 @@
49
49
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
50
50
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
51
51
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
52
- <k-theme-switcher></k-theme-switcher>
52
+ <k-theme-switcher
53
+ class="mr"
54
+ style="
55
+ --padding: 0.5rem;
56
+ --c_active: var(--tc_on_primary);
57
+ --tc_active: var(--c_primary);
58
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
59
+ "
60
+ ></k-theme-switcher>
53
61
  </k-nav>
54
62
  <div style="width: 100%; height: 4rem;"></div>
55
63
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -499,11 +507,11 @@
499
507
  </main>
500
508
  <div style="height:33vh"></div>
501
509
  </k-main>
502
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
503
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
504
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
505
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
506
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
510
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
511
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
512
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
513
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
514
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
507
515
 
508
516
  </body>
509
517
  </html>
package/docs/examples/responsive-grid.html CHANGED
@@ -28,6 +28,6 @@
28
28
  col d-span-3 t-span-6 m-span-12
29
29
  </div>
30
30
  </div>
31
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
31
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
32
32
  </body>
33
33
  </html>
package/docs/index.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -229,11 +237,11 @@
229
237
  </main>
230
238
  <div style="height:33vh"></div>
231
239
  </k-main>
232
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
233
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
234
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
235
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
236
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
240
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
241
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
242
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
243
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
244
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
237
245
 
238
246
  <script type="module">
239
247
  document.getElementById('version').innerHTML = (await (await fetch('https://raw.githubusercontent.com/dustinpoissant/kempo-css/refs/heads/main/package.json')).json()).version;
package/docs/inputs.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -253,11 +261,11 @@
253
261
  </main>
254
262
  <div style="height:33vh"></div>
255
263
  </k-main>
256
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
257
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
258
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
259
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
260
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
264
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
265
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
266
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
267
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
268
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
261
269
 
262
270
  </body>
263
271
  </html>
package/docs/layout.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -299,13 +307,13 @@
299
307
  </main>
300
308
  <div style="height:33vh"></div>
301
309
  </k-main>
302
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
303
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
304
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
305
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
306
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
310
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
311
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
312
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
313
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
314
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
307
315
 
308
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
316
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
309
317
 
310
318
  </body>
311
319
  </html>
package/docs/tables.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -250,13 +258,13 @@
250
258
  </main>
251
259
  <div style="height:33vh"></div>
252
260
  </k-main>
253
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
254
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
255
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
256
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
257
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
261
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
262
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
263
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
264
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
265
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
258
266
 
259
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
267
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
260
268
 
261
269
  </body>
262
270
  </html>
package/docs/theme-editor.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -54,7 +54,15 @@
54
54
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
55
55
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
56
56
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
57
- <k-theme-switcher></k-theme-switcher>
57
+ <k-theme-switcher
58
+ class="mr"
59
+ style="
60
+ --padding: 0.5rem;
61
+ --c_active: var(--tc_on_primary);
62
+ --tc_active: var(--c_primary);
63
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
64
+ "
65
+ ></k-theme-switcher>
58
66
  </k-nav>
59
67
  <div style="width: 100%; height: 4rem;"></div>
60
68
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -201,50 +209,50 @@
201
209
 
202
210
  <script
203
211
  type="module"
204
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"
212
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"
205
213
  ></script>
206
214
  <script
207
215
  type="module"
208
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"
216
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"
209
217
  ></script>
210
218
  <script
211
219
  type="module"
212
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Split.js"
220
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Split.js"
213
221
  ></script>
214
222
  <script
215
223
  type="module"
216
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"
224
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"
217
225
  ></script>
218
226
  <script
219
227
  type="module"
220
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"
228
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"
221
229
  ></script>
222
230
  <script
223
231
  type="module"
224
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Import.js"
232
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Import.js"
225
233
  ></script>
226
234
  <script
227
235
  type="module"
228
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"
236
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"
229
237
  ></script>
230
238
  <script
231
239
  type="module"
232
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"
240
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"
233
241
  ></script>
234
242
  <script
235
243
  type="module"
236
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ColorPicker.js"
244
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ColorPicker.js"
237
245
  ></script>
238
246
  <script
239
247
  type="module"
240
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Dialog.js"
248
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Dialog.js"
241
249
  ></script>
242
250
  <script
243
251
  src="./components/ThemePropertyInput.js"
244
252
  type="module"
245
253
  ></script>
246
254
  <script type="module">
247
- import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/utils/theme.js';
255
+ import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/utils/theme.js';
248
256
 
249
257
  /*
250
258
  Simple Context for storing theme CSS
package/docs/typography.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -265,11 +273,11 @@
265
273
  </main>
266
274
  <div style="height:33vh"></div>
267
275
  </k-main>
268
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
269
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
270
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
271
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
272
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
276
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
277
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
278
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
279
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
280
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
273
281
 
274
282
  </body>
275
283
  </html>
package/docs/utilities.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -162,11 +170,11 @@
162
170
  </main>
163
171
  <div style="height:33vh"></div>
164
172
  </k-main>
165
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
166
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
167
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
168
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
169
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
173
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
174
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
175
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
176
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
177
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
170
178
 
171
179
  </body>
172
180
  </html>
package/docs-src/default.template.html CHANGED
@@ -12,11 +12,11 @@
12
12
  </main>
13
13
  <div style="height:33vh"></div>
14
14
  </k-main>
15
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
16
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
17
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
18
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
19
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
15
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
16
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
17
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
18
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
19
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
20
20
  <location name="scripts"></location>
21
21
  </body>
22
22
  </html>
package/docs-src/examples/responsive-grid.html CHANGED
@@ -28,6 +28,6 @@
28
28
  col d-span-3 t-span-6 m-span-12
29
29
  </div>
30
30
  </div>
31
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
31
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
32
32
  </body>
33
33
  </html>
package/docs-src/head.fragment.html CHANGED
@@ -9,7 +9,7 @@
9
9
  <script>
10
10
  window.kempo = {
11
11
  pathToStylesheet: './kempo.min.css',
12
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
12
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
13
13
  };
14
14
  </script>
15
15
  <location name="styles"></location>
package/docs-src/layout.page.html CHANGED
@@ -158,6 +158,6 @@
158
158
  </div>
159
159
  </content>
160
160
  <content location="scripts">
161
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
161
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
162
162
  </content>
163
163
  </page>
package/docs-src/nav.fragment.html CHANGED
@@ -12,7 +12,15 @@
12
12
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
13
13
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
14
14
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
15
- <k-theme-switcher></k-theme-switcher>
15
+ <k-theme-switcher
16
+ class="mr"
17
+ style="
18
+ --padding: 0.5rem;
19
+ --c_active: var(--tc_on_primary);
20
+ --tc_active: var(--c_primary);
21
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
22
+ "
23
+ ></k-theme-switcher>
16
24
  </k-nav>
17
25
  <div style="width: 100%; height: 4rem;"></div>
18
26
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
package/docs-src/tables.page.html CHANGED
@@ -109,6 +109,6 @@
109
109
  </div>
110
110
  </content>
111
111
  <content location="scripts">
112
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
112
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
113
113
  </content>
114
114
  </page>
package/docs-src/theme-editor.page.html CHANGED
@@ -69,50 +69,50 @@
69
69
 
70
70
  <script
71
71
  type="module"
72
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"
72
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"
73
73
  ></script>
74
74
  <script
75
75
  type="module"
76
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"
76
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"
77
77
  ></script>
78
78
  <script
79
79
  type="module"
80
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Split.js"
80
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Split.js"
81
81
  ></script>
82
82
  <script
83
83
  type="module"
84
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"
84
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"
85
85
  ></script>
86
86
  <script
87
87
  type="module"
88
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"
88
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"
89
89
  ></script>
90
90
  <script
91
91
  type="module"
92
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Import.js"
92
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Import.js"
93
93
  ></script>
94
94
  <script
95
95
  type="module"
96
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"
96
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"
97
97
  ></script>
98
98
  <script
99
99
  type="module"
100
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"
100
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"
101
101
  ></script>
102
102
  <script
103
103
  type="module"
104
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ColorPicker.js"
104
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ColorPicker.js"
105
105
  ></script>
106
106
  <script
107
107
  type="module"
108
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Dialog.js"
108
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Dialog.js"
109
109
  ></script>
110
110
  <script
111
111
  src="./components/ThemePropertyInput.js"
112
112
  type="module"
113
113
  ></script>
114
114
  <script type="module">
115
- import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/utils/theme.js';
115
+ import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/utils/theme.js';
116
116
 
117
117
  /*
118
118
  Simple Context for storing theme CSS
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kempo-css",
3
- "version": "2.2.3",
3
+ "version": "2.2.4",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "scripts/build.js",