@artemdev04/design-system 0.2.1 → 0.5.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 (8) hide show
  1. package/README.md +94 -94
  2. package/dist/design-system.css +1 -1
  3. package/dist/index.d.ts +99 -1
  4. package/dist/index.mjs +5679 -618
  5. package/dist/index.umd.js +1 -1
  6. package/package.json +10 -3
  7. package/tailwind.preset.d.ts +4 -0
  8. package/tailwind.preset.js +75 -74
package/tailwind.preset.js CHANGED
@@ -1,74 +1,75 @@
1
- import defaultTheme from "tailwindcss/defaultTheme";
2
-
3
- export default {
4
- theme: {
5
- extend: {
6
- colors: {
7
- background: "var(--app-background)",
8
- surface: {
9
- DEFAULT: "var(--surface)",
10
- secondary: "var(--surface-secondary)",
11
- },
12
- primary: {
13
- DEFAULT: "var(--primary)",
14
- focus: "var(--primary-focus)",
15
- },
16
- secondary: {
17
- DEFAULT: "var(--secondary)",
18
- focus: "var(--secondary-focus)",
19
- },
20
- text: {
21
- DEFAULT: "var(--text-main)",
22
- secondary: "var(--text-secondary)",
23
- },
24
- border: {
25
- DEFAULT: "var(--border-main)",
26
- subtle: "var(--border-subtle)",
27
- strong: "var(--border-strong)",
28
- },
29
- "input-background": "var(--input-background)",
30
- accent: "var(--accent)",
31
- overlay: "var(--overlay)",
32
- on: {
33
- primary: "var(--on-primary)",
34
- secondary: "var(--on-secondary)",
35
- surface: "var(--on-surface)",
36
- },
37
- disabled: {
38
- surface: "var(--disabled-surface)",
39
- text: "var(--disabled-text)",
40
- border: "var(--disabled-border)",
41
- },
42
- info: {
43
- DEFAULT: "var(--info-main)",
44
- surface: "var(--info-surface)",
45
- border: "var(--info-border)",
46
- text: "var(--info-text)",
47
- },
48
- success: {
49
- DEFAULT: "var(--success-main)",
50
- surface: "var(--success-surface)",
51
- border: "var(--success-border)",
52
- text: "var(--success-text)",
53
- },
54
- warning: {
55
- DEFAULT: "var(--warning-main)",
56
- surface: "var(--warning-surface)",
57
- border: "var(--warning-border)",
58
- text: "var(--warning-text)",
59
- },
60
- error: {
61
- DEFAULT: "var(--error-main)",
62
- surface: "var(--error-surface)",
63
- border: "var(--error-border)",
64
- text: "var(--error-text)",
65
- },
66
- },
67
- fontFamily: {
68
- sans: ["Inter", ...defaultTheme.fontFamily.sans],
69
- mono: ["JetBrains Mono", ...defaultTheme.fontFamily.mono],
70
- },
71
- },
72
- },
73
- plugins: [],
74
- };
1
+ import defaultTheme from "tailwindcss/defaultTheme";
2
+
3
+ export default {
4
+ darkMode: "class",
5
+ theme: {
6
+ extend: {
7
+ colors: {
8
+ background: "var(--app-background)",
9
+ surface: {
10
+ DEFAULT: "var(--surface)",
11
+ secondary: "var(--surface-secondary)",
12
+ },
13
+ primary: {
14
+ DEFAULT: "var(--primary)",
15
+ focus: "var(--primary-focus)",
16
+ },
17
+ secondary: {
18
+ DEFAULT: "var(--secondary)",
19
+ focus: "var(--secondary-focus)",
20
+ },
21
+ text: {
22
+ DEFAULT: "var(--text-main)",
23
+ secondary: "var(--text-secondary)",
24
+ },
25
+ border: {
26
+ DEFAULT: "var(--border-main)",
27
+ subtle: "var(--border-subtle)",
28
+ strong: "var(--border-strong)",
29
+ },
30
+ "input-background": "var(--input-background)",
31
+ accent: "var(--accent)",
32
+ overlay: "var(--overlay)",
33
+ on: {
34
+ primary: "var(--on-primary)",
35
+ secondary: "var(--on-secondary)",
36
+ surface: "var(--on-surface)",
37
+ },
38
+ disabled: {
39
+ surface: "var(--disabled-surface)",
40
+ text: "var(--disabled-text)",
41
+ border: "var(--disabled-border)",
42
+ },
43
+ info: {
44
+ DEFAULT: "var(--info-main)",
45
+ surface: "var(--info-surface)",
46
+ border: "var(--info-border)",
47
+ text: "var(--info-text)",
48
+ },
49
+ success: {
50
+ DEFAULT: "var(--success-main)",
51
+ surface: "var(--success-surface)",
52
+ border: "var(--success-border)",
53
+ text: "var(--success-text)",
54
+ },
55
+ warning: {
56
+ DEFAULT: "var(--warning-main)",
57
+ surface: "var(--warning-surface)",
58
+ border: "var(--warning-border)",
59
+ text: "var(--warning-text)",
60
+ },
61
+ error: {
62
+ DEFAULT: "var(--error-main)",
63
+ surface: "var(--error-surface)",
64
+ border: "var(--error-border)",
65
+ text: "var(--error-text)",
66
+ },
67
+ },
68
+ fontFamily: {
69
+ sans: ["Inter", ...defaultTheme.fontFamily.sans],
70
+ mono: ["JetBrains Mono", ...defaultTheme.fontFamily.mono],
71
+ },
72
+ },
73
+ },
74
+ plugins: [],
75
+ };