quirk-ui 0.0.11 → 0.0.13

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 (2) hide show
  1. package/package.json +2 -3
  2. package/dist/tokens.css +0 -108
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.11",
4
+ "version": "0.0.13",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
8
8
  "types": "./dist/lib/main.d.ts",
9
+ "style": "./dist/assets/index.css",
9
10
  "default": "./dist/main.js"
10
11
  }
11
12
  },
@@ -50,8 +51,6 @@
50
51
  "globals": "^15.15.0",
51
52
  "jest": "^29.7.0",
52
53
  "jsdom": "^26.0.0",
53
- "postcss": "^8.5.3",
54
- "postcss-import": "^16.1.0",
55
54
  "typescript": "~5.7.2",
56
55
  "typescript-eslint": "^8.24.1",
57
56
  "vite": "^6.2.0",
package/dist/tokens.css DELETED
@@ -1,108 +0,0 @@
1
- :root {
2
- --breakpoint-xs: 320px;
3
- --breakpoint-sm: 480px;
4
- --breakpoint-md: 768px;
5
- --breakpoint-lg: 1024px;
6
- --breakpoint-xl: 1280px;
7
- --breakpoint-2xl: 1536px;
8
- }
9
- :root {
10
- --color-text-primary: var(--user-color-text-primary, #111);
11
- --color-primary: var(--user-color-primary, #2563eb);
12
- --color-primary-foreground: var(--user-color-primary-foreground, #fff);
13
-
14
- --color-secondary: var(--user-color-secondary, #94a3b8);
15
- --color-secondary-foreground: var(--user-color-secondary-foreground, #fff);
16
-
17
- --color-background: var(--user-color-background, #fff);
18
- --color-foreground: var(--user-color-foreground, #fff);
19
- --color-error: var(--user-color-error, #bd1919);
20
-
21
- --color-border: var(--user-color-border, #e2e8f0);
22
- --color-muted: var(--user-color-muted, #999);
23
-
24
- --color-heading: var(--user-color-text-primary, var(--color-text-primary));
25
-
26
- --color-link: var(--user-color-primary, var(--color-primary));
27
-
28
- --color-success: var(--user-color-success, #28a745);
29
- --color-warning: var(--user-color-warning, #f59e0b);
30
-
31
- --color-online: var(--user-color-success, var(--color-success));
32
- --color-offline: var(--user-color-muted, var(--color-muted));
33
- --color-busy: var(--user-color-error, var(--color-error));
34
-
35
- --color-info-bg: var(--color-primary);
36
- --color-info-text: #fff;
37
-
38
- --color-success-bg: var(--color-success);
39
- --color-success-text: #fff;
40
-
41
- --color-warning-bg: var(--color-warning);
42
- --color-warning-text: #fff;
43
-
44
- --color-error-bg: var(--color-error);
45
- --color-error-text: #fff;
46
- }
47
- [data-theme="dark"] {
48
- --color-text-primary: var(--user-color-text-primary, #fff);
49
- --color-primary: var(--user-color-primary, #3b82f6);
50
- --color-primary-foreground: var(--user-color-primary-foreground, #fff);
51
-
52
- --color-secondary: var(--user-color-secondary, #64748b);
53
- --color-secondary-foreground: var(--user-color-secondary-foreground, #1e293b);
54
-
55
- --color-background: var(--user-color-background, #0f172a);
56
- --color-foreground: var(--user-color-foreground, #f8fafc);
57
- --color-error: var(--user-color-error, #bd1919);
58
-
59
- --color-border: var(--user-color-border, #334155);
60
- --color-muted: var(--user-color-muted, #f1f5f9);
61
-
62
- --color-heading: var(--user-color-text-primary, var(--color-text-primary));
63
- --color-link: var(--user-color-primary, var(--color-primary));
64
- }
65
- :root {
66
- --spacing-xs: 0.25rem;
67
- --spacing-sm: 0.5rem;
68
- --spacing-md: 1rem;
69
- --spacing-lg: 1.5rem;
70
- --spacing-xl: 2rem;
71
- }
72
- :root {
73
- --font-family-sans: -apple-system;
74
-
75
- --font-size-xs: 0.75rem;
76
- --font-size-sm: 0.875rem;
77
- --font-size-md: 1rem;
78
- --font-size-lg: 1.25rem;
79
- --font-size-xl: 1.5rem;
80
-
81
- --font-size-h1: 2.5rem;
82
- --font-size-h2: 2rem;
83
- --font-size-h3: 1.75rem;
84
- --font-size-h4: 1.5rem;
85
- --font-size-h5: 1.25rem;
86
- --font-size-h6: 1rem;
87
-
88
- --font-weight-normal: 400;
89
- --font-weight-medium: 500;
90
- --font-weight-semibold: 600;
91
- --font-weight-bold: 700;
92
-
93
- --line-height-heading: 1.25;
94
- --line-height-tight: 1.2;
95
- --line-height-normal: 1.5;
96
- --line-height-loose: 1.75;
97
- }
98
- :root {
99
- --radius-sm: 0.125rem;
100
- --radius-md: 0.375rem;
101
- --radius-lg: 0.5rem;
102
- --radius-full: 9999px;
103
- }
104
- :root {
105
- --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
106
- --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
107
- --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
108
- }