funuicss 2.6.21 → 2.7.0

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 (16) hide show
  1. package/css/fun.css +81 -85
  2. package/index.d.ts +2 -0
  3. package/index.js +6 -1
  4. package/index.tsx +5 -1
  5. package/js/Cookie.d.ts +28 -0
  6. package/js/Cookie.js +73 -0
  7. package/js/Cookie.tsx +91 -0
  8. package/js/Fun.d.ts +8 -4
  9. package/js/Fun.js +43 -20
  10. package/js/Fun.tsx +55 -43
  11. package/package.json +1 -1
  12. package/tsconfig.json +1 -1
  13. package/tsconfig.tsbuildinfo +1 -1
  14. package/js/Theme.d.ts +0 -2
  15. package/js/Theme.js +0 -42
  16. package/js/Theme.tsx +0 -48
package/js/Theme.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const DarkMode: (state: any) => void;
2
- export default DarkMode;
package/js/Theme.js DELETED
@@ -1,42 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var DarkMode = function (state) {
4
- if (state) {
5
- var root = document.querySelector(':root'); // Narrowing the type
6
- if (root) {
7
- root.style.setProperty('--bd-theme', '#141414'); // Dark background theme color
8
- root.style.setProperty('--bd-color', '#FFFFFFD9'); // Background color
9
- root.style.setProperty('--borderColor', '#444654'); // Border color
10
- root.style.setProperty('--raiseThemes', '#1e1e1e'); // Raised element color
11
- root.style.setProperty('--lighter', '#33333349'); // Lighter shade
12
- root.style.setProperty('--inputOutline', '#1e1e1e'); // Input outline color
13
- root.style.setProperty('--lightThemeDark', '#FFFFFFD9'); // Dark theme for light elements
14
- root.style.setProperty('--muted', '#78716c'); // Base muted color
15
- root.style.setProperty('--muted50', '#171717'); // Muted 50 (darkest)
16
- root.style.setProperty('--muted100', '#262626'); // Muted 100
17
- root.style.setProperty('--muted200', '#404040'); // Muted 200
18
- root.style.setProperty('--muted300', '#525252'); // Muted 300
19
- root.style.setProperty('--muted400', '#737373'); // Muted 400
20
- root.style.setProperty('--muted500', '#a3a3a3'); // Muted 500
21
- root.style.setProperty('--muted600', '#d4d4d4'); // Muted 600
22
- root.style.setProperty('--muted700', '#e5e5e5'); // Muted 700
23
- root.style.setProperty('--muted800', '#f5f5f5'); // Muted 800
24
- root.style.setProperty('--muted900', '#fafafa');
25
- // Dark theme for success colors
26
- root.style.setProperty('--success', '#1d6640');
27
- root.style.setProperty('--successLight', '#c7e6c8');
28
- // Dark theme for info colors
29
- root.style.setProperty('--info', '#2471a3');
30
- root.style.setProperty('--infoLight', '#b3d9ed');
31
- // Dark theme for warning colors
32
- root.style.setProperty('--warning', '#8c3d00');
33
- root.style.setProperty('--warningLight', '#d8b69c');
34
- // Dark theme for danger colors
35
- root.style.setProperty('--danger', '#6b0600');
36
- root.style.setProperty('--dangerLight', '#bfbfbf');
37
- root.style.setProperty('--light', '#c5d8e0'); // Light color
38
- root.style.setProperty('--deepLight', '#154556'); // Deep light color
39
- }
40
- }
41
- };
42
- exports.default = DarkMode;
package/js/Theme.tsx DELETED
@@ -1,48 +0,0 @@
1
- const DarkMode = ( state ) => {
2
- if (state) {
3
- const root = document.querySelector(':root') as HTMLElement; // Narrowing the type
4
- if (root) {
5
- root.style.setProperty('--bd-theme', '#141414'); // Dark background theme color
6
- root.style.setProperty('--bd-color', '#FFFFFFD9'); // Background color
7
- root.style.setProperty('--borderColor', '#444654'); // Border color
8
- root.style.setProperty('--raiseThemes', '#1e1e1e'); // Raised element color
9
- root.style.setProperty('--lighter', '#33333349'); // Lighter shade
10
- root.style.setProperty('--inputOutline', '#1e1e1e'); // Input outline color
11
- root.style.setProperty('--lightThemeDark', '#FFFFFFD9'); // Dark theme for light elements
12
-
13
- root.style.setProperty('--muted', '#78716c'); // Base muted color
14
- root.style.setProperty('--muted50', '#171717'); // Muted 50 (darkest)
15
- root.style.setProperty('--muted100', '#262626'); // Muted 100
16
- root.style.setProperty('--muted200', '#404040'); // Muted 200
17
- root.style.setProperty('--muted300', '#525252'); // Muted 300
18
- root.style.setProperty('--muted400', '#737373'); // Muted 400
19
- root.style.setProperty('--muted500', '#a3a3a3'); // Muted 500
20
- root.style.setProperty('--muted600', '#d4d4d4'); // Muted 600
21
- root.style.setProperty('--muted700', '#e5e5e5'); // Muted 700
22
- root.style.setProperty('--muted800', '#f5f5f5'); // Muted 800
23
- root.style.setProperty('--muted900', '#fafafa');
24
-
25
- // Dark theme for success colors
26
- root.style.setProperty('--success', '#1d6640');
27
- root.style.setProperty('--successLight', '#c7e6c8');
28
-
29
- // Dark theme for info colors
30
- root.style.setProperty('--info', '#2471a3');
31
- root.style.setProperty('--infoLight', '#b3d9ed');
32
-
33
- // Dark theme for warning colors
34
- root.style.setProperty('--warning', '#8c3d00');
35
- root.style.setProperty('--warningLight', '#d8b69c');
36
-
37
- // Dark theme for danger colors
38
- root.style.setProperty('--danger', '#6b0600');
39
- root.style.setProperty('--dangerLight', '#bfbfbf');
40
-
41
- root.style.setProperty('--light', '#c5d8e0'); // Light color
42
- root.style.setProperty('--deepLight', '#154556'); // Deep light color
43
- }
44
- }
45
-
46
- };
47
-
48
- export default DarkMode;