@artemdev04/design-system 1.4.0 → 1.6.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.
- package/README.md +1 -0
- package/dist/design-system.css +1 -1
- package/dist/index.d.ts +127 -1
- package/dist/index.mjs +3019 -2486
- package/dist/index.umd.js +26 -21
- package/package.json +1 -1
- package/tailwind.preset.js +40 -40
package/package.json
CHANGED
package/tailwind.preset.js
CHANGED
|
@@ -5,69 +5,69 @@ export default {
|
|
|
5
5
|
theme: {
|
|
6
6
|
extend: {
|
|
7
7
|
colors: {
|
|
8
|
-
background: "var(--app-background)",
|
|
8
|
+
background: "hsl(var(--app-background) / <alpha-value>)",
|
|
9
9
|
surface: {
|
|
10
|
-
DEFAULT: "var(--surface)",
|
|
11
|
-
subtle: "var(--surface-subtle)",
|
|
12
|
-
secondary: "var(--surface-secondary)",
|
|
10
|
+
DEFAULT: "hsl(var(--surface) / <alpha-value>)",
|
|
11
|
+
subtle: "hsl(var(--surface-subtle) / <alpha-value>)",
|
|
12
|
+
secondary: "hsl(var(--surface-secondary) / <alpha-value>)",
|
|
13
13
|
},
|
|
14
14
|
primary: {
|
|
15
|
-
DEFAULT: "var(--primary)",
|
|
16
|
-
focus: "var(--primary-focus)",
|
|
15
|
+
DEFAULT: "hsl(var(--primary) / <alpha-value>)",
|
|
16
|
+
focus: "hsl(var(--primary-focus) / <alpha-value>)",
|
|
17
17
|
},
|
|
18
18
|
secondary: {
|
|
19
|
-
DEFAULT: "var(--secondary)",
|
|
20
|
-
focus: "var(--secondary-focus)",
|
|
19
|
+
DEFAULT: "hsl(var(--secondary) / <alpha-value>)",
|
|
20
|
+
focus: "hsl(var(--secondary-focus) / <alpha-value>)",
|
|
21
21
|
},
|
|
22
22
|
text: {
|
|
23
|
-
DEFAULT: "var(--text-main)",
|
|
24
|
-
secondary: "var(--text-secondary)",
|
|
23
|
+
DEFAULT: "hsl(var(--text-main) / <alpha-value>)",
|
|
24
|
+
secondary: "hsl(var(--text-secondary) / <alpha-value>)",
|
|
25
25
|
},
|
|
26
26
|
border: {
|
|
27
|
-
DEFAULT: "var(--border-main)",
|
|
28
|
-
subtle: "var(--border-subtle)",
|
|
29
|
-
strong: "var(--border-strong)",
|
|
27
|
+
DEFAULT: "hsl(var(--border-main) / <alpha-value>)",
|
|
28
|
+
subtle: "hsl(var(--border-subtle) / <alpha-value>)",
|
|
29
|
+
strong: "hsl(var(--border-strong) / <alpha-value>)",
|
|
30
30
|
},
|
|
31
31
|
input: {
|
|
32
|
-
background: "var(--input-background)",
|
|
33
|
-
focus: "var(--input-focus)",
|
|
34
|
-
hover: "var(--input-hover)",
|
|
32
|
+
background: "hsl(var(--input-background) / <alpha-value>)",
|
|
33
|
+
focus: "hsl(var(--input-focus) / <alpha-value>)",
|
|
34
|
+
hover: "hsl(var(--input-hover) / <alpha-value>)",
|
|
35
35
|
},
|
|
36
|
-
accent: "var(--accent)",
|
|
37
|
-
overlay: "var(--overlay)",
|
|
36
|
+
accent: "hsl(var(--accent) / <alpha-value>)",
|
|
37
|
+
overlay: "hsl(var(--overlay) / <alpha-value>)",
|
|
38
38
|
on: {
|
|
39
|
-
primary: "var(--on-primary)",
|
|
40
|
-
secondary: "var(--on-secondary)",
|
|
41
|
-
surface: "var(--on-surface)",
|
|
39
|
+
primary: "hsl(var(--on-primary) / <alpha-value>)",
|
|
40
|
+
secondary: "hsl(var(--on-secondary) / <alpha-value>)",
|
|
41
|
+
surface: "hsl(var(--on-surface) / <alpha-value>)",
|
|
42
42
|
},
|
|
43
43
|
disabled: {
|
|
44
|
-
surface: "var(--disabled-surface)",
|
|
45
|
-
text: "var(--disabled-text)",
|
|
46
|
-
border: "var(--disabled-border)",
|
|
44
|
+
surface: "hsl(var(--disabled-surface) / <alpha-value>)",
|
|
45
|
+
text: "hsl(var(--disabled-text) / <alpha-value>)",
|
|
46
|
+
border: "hsl(var(--disabled-border) / <alpha-value>)",
|
|
47
47
|
},
|
|
48
48
|
info: {
|
|
49
|
-
DEFAULT: "var(--info-main)",
|
|
50
|
-
surface: "var(--info-surface)",
|
|
51
|
-
border: "var(--info-border)",
|
|
52
|
-
text: "var(--info-text)",
|
|
49
|
+
DEFAULT: "hsl(var(--info-main) / <alpha-value>)",
|
|
50
|
+
surface: "hsl(var(--info-surface) / <alpha-value>)",
|
|
51
|
+
border: "hsl(var(--info-border) / <alpha-value>)",
|
|
52
|
+
text: "hsl(var(--info-text) / <alpha-value>)",
|
|
53
53
|
},
|
|
54
54
|
success: {
|
|
55
|
-
DEFAULT: "var(--success-main)",
|
|
56
|
-
surface: "var(--success-surface)",
|
|
57
|
-
border: "var(--success-border)",
|
|
58
|
-
text: "var(--success-text)",
|
|
55
|
+
DEFAULT: "hsl(var(--success-main) / <alpha-value>)",
|
|
56
|
+
surface: "hsl(var(--success-surface) / <alpha-value>)",
|
|
57
|
+
border: "hsl(var(--success-border) / <alpha-value>)",
|
|
58
|
+
text: "hsl(var(--success-text) / <alpha-value>)",
|
|
59
59
|
},
|
|
60
60
|
warning: {
|
|
61
|
-
DEFAULT: "var(--warning-main)",
|
|
62
|
-
surface: "var(--warning-surface)",
|
|
63
|
-
border: "var(--warning-border)",
|
|
64
|
-
text: "var(--warning-text)",
|
|
61
|
+
DEFAULT: "hsl(var(--warning-main) / <alpha-value>)",
|
|
62
|
+
surface: "hsl(var(--warning-surface) / <alpha-value>)",
|
|
63
|
+
border: "hsl(var(--warning-border) / <alpha-value>)",
|
|
64
|
+
text: "hsl(var(--warning-text) / <alpha-value>)",
|
|
65
65
|
},
|
|
66
66
|
error: {
|
|
67
|
-
DEFAULT: "var(--error-main)",
|
|
68
|
-
surface: "var(--error-surface)",
|
|
69
|
-
border: "var(--error-border)",
|
|
70
|
-
text: "var(--error-text)",
|
|
67
|
+
DEFAULT: "hsl(var(--error-main) / <alpha-value>)",
|
|
68
|
+
surface: "hsl(var(--error-surface) / <alpha-value>)",
|
|
69
|
+
border: "hsl(var(--error-border) / <alpha-value>)",
|
|
70
|
+
text: "hsl(var(--error-text) / <alpha-value>)",
|
|
71
71
|
},
|
|
72
72
|
},
|
|
73
73
|
fontFamily: {
|