@o2project/design-system 1.2.2 → 1.3.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/CHANGELOG.md +6 -0
- package/main.css +4 -4
- package/main.tailwind.css +87 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
## [1.3.0](https://github.com/o2project/design-system/compare/v1.2.2...v1.3.0) (2026-01-06)
|
|
2
|
+
|
|
3
|
+
### ✨ Features
|
|
4
|
+
|
|
5
|
+
* refactor CSS variables and update package.json to include main.tailwind.css ([74a60a3](https://github.com/o2project/design-system/commit/74a60a39ae1f789d2ebda78e8107811754c4a7c7))
|
|
6
|
+
|
|
1
7
|
## [1.2.2](https://github.com/o2project/design-system/compare/v1.2.1...v1.2.2) (2026-01-06)
|
|
2
8
|
|
|
3
9
|
### 🐛 Bug Fixes
|
package/main.css
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
@theme {
|
|
1
|
+
:root {
|
|
4
2
|
/* Primary colors */
|
|
5
3
|
--color-primary-tks-yellow: #ffe65e;
|
|
6
4
|
--color-primary-tks-green: #396039;
|
|
@@ -76,8 +74,10 @@
|
|
|
76
74
|
--color-neutral-text: #1b1b1b;
|
|
77
75
|
--color-neutral-text-sub: #717171;
|
|
78
76
|
--color-neutral-border: #525252;
|
|
77
|
+
}
|
|
79
78
|
|
|
80
|
-
|
|
79
|
+
@media (prefers-color-scheme: dark) {
|
|
80
|
+
:root {
|
|
81
81
|
/* Dark mode semantic colors */
|
|
82
82
|
--color-neutral-background: #1b1b1b;
|
|
83
83
|
--color-neutral-text: #fcfcfc;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
@import 'tailwindcss';
|
|
2
|
+
|
|
3
|
+
@theme {
|
|
4
|
+
/* Primary colors */
|
|
5
|
+
--color-primary-tks-yellow: #ffe65e;
|
|
6
|
+
--color-primary-tks-green: #396039;
|
|
7
|
+
--color-primary-tks-blue: #005895;
|
|
8
|
+
|
|
9
|
+
/* Blue scale */
|
|
10
|
+
--color-blue-50: #e7f0f8;
|
|
11
|
+
--color-blue-100: #d2e0ee;
|
|
12
|
+
--color-blue-200: #a8c1da;
|
|
13
|
+
--color-blue-300: #7fa2c6;
|
|
14
|
+
--color-blue-400: #5385b4;
|
|
15
|
+
--color-blue-500: #005895;
|
|
16
|
+
--color-blue-600: #004a82;
|
|
17
|
+
--color-blue-700: #003c6b;
|
|
18
|
+
--color-blue-800: #002a4e;
|
|
19
|
+
--color-blue-900: #001c35;
|
|
20
|
+
--color-blue-950: #000c1b;
|
|
21
|
+
|
|
22
|
+
/* Green scale */
|
|
23
|
+
--color-green-50: #ebf0ea;
|
|
24
|
+
--color-green-100: #d6e2d6;
|
|
25
|
+
--color-green-200: #b1c4b0;
|
|
26
|
+
--color-green-300: #8ca78b;
|
|
27
|
+
--color-green-400: #698b68;
|
|
28
|
+
--color-green-500: #396039;
|
|
29
|
+
--color-green-600: #2d522d;
|
|
30
|
+
--color-green-700: #234423;
|
|
31
|
+
--color-green-800: #163017;
|
|
32
|
+
--color-green-900: #0d200d;
|
|
33
|
+
--color-green-950: #040e04;
|
|
34
|
+
|
|
35
|
+
/* Yellow scale */
|
|
36
|
+
--color-yellow-50: #fdf6d8;
|
|
37
|
+
--color-yellow-100: #ffefb2;
|
|
38
|
+
--color-yellow-200: #ffe671;
|
|
39
|
+
--color-yellow-300: #edcc48;
|
|
40
|
+
--color-yellow-400: #caac2f;
|
|
41
|
+
--color-yellow-500: #a78d1e;
|
|
42
|
+
--color-yellow-600: #86700a;
|
|
43
|
+
--color-yellow-700: #665400;
|
|
44
|
+
--color-yellow-800: #473900;
|
|
45
|
+
--color-yellow-900: #312802;
|
|
46
|
+
--color-yellow-950: #201a03;
|
|
47
|
+
|
|
48
|
+
/* Red scale */
|
|
49
|
+
--color-red-50: #fceae8;
|
|
50
|
+
--color-red-100: #f8d4d1;
|
|
51
|
+
--color-red-200: #febab4;
|
|
52
|
+
--color-red-300: #fa8880;
|
|
53
|
+
--color-red-400: #ff645f;
|
|
54
|
+
--color-red-500: #fa3d42;
|
|
55
|
+
--color-red-600: #d01c29;
|
|
56
|
+
--color-red-700: #a20519;
|
|
57
|
+
--color-red-800: #72020e;
|
|
58
|
+
--color-red-900: #4f0a0d;
|
|
59
|
+
--color-red-950: #340909;
|
|
60
|
+
|
|
61
|
+
/* Monotone scale */
|
|
62
|
+
--color-monotone-brightest: #fcfcfc;
|
|
63
|
+
--color-monotone-darkest: #1b1b1b;
|
|
64
|
+
--color-monotone-100: #d7d7d7;
|
|
65
|
+
--color-monotone-200: #b4b4b4;
|
|
66
|
+
--color-monotone-300: #929292;
|
|
67
|
+
--color-monotone-400: #717171;
|
|
68
|
+
--color-monotone-500: #525252;
|
|
69
|
+
--color-monotone-600: #353535;
|
|
70
|
+
|
|
71
|
+
/* Action colors */
|
|
72
|
+
--color-action-like: #fa3d42;
|
|
73
|
+
|
|
74
|
+
/* Light mode semantic colors */
|
|
75
|
+
--color-neutral-background: #fcfcfc;
|
|
76
|
+
--color-neutral-text: #1b1b1b;
|
|
77
|
+
--color-neutral-text-sub: #717171;
|
|
78
|
+
--color-neutral-border: #525252;
|
|
79
|
+
|
|
80
|
+
@media (prefers-color-scheme: dark) {
|
|
81
|
+
/* Dark mode semantic colors */
|
|
82
|
+
--color-neutral-background: #1b1b1b;
|
|
83
|
+
--color-neutral-text: #fcfcfc;
|
|
84
|
+
--color-neutral-text-sub: #b4b4b4;
|
|
85
|
+
--color-neutral-border: #525252;
|
|
86
|
+
}
|
|
87
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@o2project/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Design system for O2 Project",
|
|
6
6
|
"publishConfig": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"main": "main.css",
|
|
10
10
|
"files": [
|
|
11
11
|
"CHANGELOG.md",
|
|
12
|
-
"
|
|
12
|
+
"main.tailwind.css"
|
|
13
13
|
],
|
|
14
14
|
"scripts": {
|
|
15
15
|
"check-typescript": "tsc --noEmit",
|