@o2project/design-system 1.2.2 → 1.3.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.3.1](https://github.com/o2project/design-system/compare/v1.3.0...v1.3.1) (2026-01-08)
+
+### 📚 Some changes
+
+* **deps:** update actions/checkout action to v5.0.1 ([#9](https://github.com/o2project/design-system/issues/9)) ([7c75cee](https://github.com/o2project/design-system/commit/7c75ceedfe52a127818d09bb97cec21c6bfb9947))
+
+## [1.3.0](https://github.com/o2project/design-system/compare/v1.2.2...v1.3.0) (2026-01-06)
+
+### ✨ Features
+
+* refactor CSS variables and update package.json to include main.tailwind.css ([74a60a3](https://github.com/o2project/design-system/commit/74a60a39ae1f789d2ebda78e8107811754c4a7c7))
+
 ## [1.2.2](https://github.com/o2project/design-system/compare/v1.2.1...v1.2.2) (2026-01-06)
 
 ### 🐛 Bug Fixes

package/main.css

@@ -1,6 +1,4 @@
-@import 'tailwindcss';
-
-@theme {
+:root {
   /* Primary colors */
   --color-primary-tks-yellow: #ffe65e;
   --color-primary-tks-green: #396039;
@@ -76,8 +74,10 @@
   --color-neutral-text: #1b1b1b;
   --color-neutral-text-sub: #717171;
   --color-neutral-border: #525252;
+}
 
-  @media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: dark) {
+  :root {
     /* Dark mode semantic colors */
     --color-neutral-background: #1b1b1b;
     --color-neutral-text: #fcfcfc;

package/main.tailwind.css

@@ -0,0 +1,87 @@
+@import 'tailwindcss';
+
+@theme {
+  /* Primary colors */
+  --color-primary-tks-yellow: #ffe65e;
+  --color-primary-tks-green: #396039;
+  --color-primary-tks-blue: #005895;
+
+  /* Blue scale */
+  --color-blue-50: #e7f0f8;
+  --color-blue-100: #d2e0ee;
+  --color-blue-200: #a8c1da;
+  --color-blue-300: #7fa2c6;
+  --color-blue-400: #5385b4;
+  --color-blue-500: #005895;
+  --color-blue-600: #004a82;
+  --color-blue-700: #003c6b;
+  --color-blue-800: #002a4e;
+  --color-blue-900: #001c35;
+  --color-blue-950: #000c1b;
+
+  /* Green scale */
+  --color-green-50: #ebf0ea;
+  --color-green-100: #d6e2d6;
+  --color-green-200: #b1c4b0;
+  --color-green-300: #8ca78b;
+  --color-green-400: #698b68;
+  --color-green-500: #396039;
+  --color-green-600: #2d522d;
+  --color-green-700: #234423;
+  --color-green-800: #163017;
+  --color-green-900: #0d200d;
+  --color-green-950: #040e04;
+
+  /* Yellow scale */
+  --color-yellow-50: #fdf6d8;
+  --color-yellow-100: #ffefb2;
+  --color-yellow-200: #ffe671;
+  --color-yellow-300: #edcc48;
+  --color-yellow-400: #caac2f;
+  --color-yellow-500: #a78d1e;
+  --color-yellow-600: #86700a;
+  --color-yellow-700: #665400;
+  --color-yellow-800: #473900;
+  --color-yellow-900: #312802;
+  --color-yellow-950: #201a03;
+
+  /* Red scale */
+  --color-red-50: #fceae8;
+  --color-red-100: #f8d4d1;
+  --color-red-200: #febab4;
+  --color-red-300: #fa8880;
+  --color-red-400: #ff645f;
+  --color-red-500: #fa3d42;
+  --color-red-600: #d01c29;
+  --color-red-700: #a20519;
+  --color-red-800: #72020e;
+  --color-red-900: #4f0a0d;
+  --color-red-950: #340909;
+
+  /* Monotone scale */
+  --color-monotone-brightest: #fcfcfc;
+  --color-monotone-darkest: #1b1b1b;
+  --color-monotone-100: #d7d7d7;
+  --color-monotone-200: #b4b4b4;
+  --color-monotone-300: #929292;
+  --color-monotone-400: #717171;
+  --color-monotone-500: #525252;
+  --color-monotone-600: #353535;
+
+  /* Action colors */
+  --color-action-like: #fa3d42;
+
+  /* Light mode semantic colors */
+  --color-neutral-background: #fcfcfc;
+  --color-neutral-text: #1b1b1b;
+  --color-neutral-text-sub: #717171;
+  --color-neutral-border: #525252;
+
+  @media (prefers-color-scheme: dark) {
+    /* Dark mode semantic colors */
+    --color-neutral-background: #1b1b1b;
+    --color-neutral-text: #fcfcfc;
+    --color-neutral-text-sub: #b4b4b4;
+    --color-neutral-border: #525252;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@o2project/design-system",
-  "version": "1.2.2",
+  "version": "1.3.1",
   "type": "module",
   "description": "Design system for O2 Project",
   "publishConfig": {
@@ -9,7 +9,7 @@
   "main": "main.css",
   "files": [
     "CHANGELOG.md",
-    "docs/**/*"
+    "main.tailwind.css"
   ],
   "scripts": {
     "check-typescript": "tsc --noEmit",
@@ -22,38 +22,38 @@
   "author": "O2 Project",
   "license": "MIT",
   "dependencies": {
-    "tailwindcss": "4.1.16"
+    "tailwindcss": "4.1.18"
   },
   "devDependencies": {
-    "@eslint/js": "9.39.1",
-    "@kubosho/configs": "6.5.9",
+    "@eslint/js": "9.39.2",
+    "@kubosho/configs": "6.5.15",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/commit-analyzer": "13.0.1",
     "@semantic-release/git": "10.0.1",
     "@semantic-release/github": "12.0.2",
-    "@semantic-release/npm": "13.1.1",
+    "@semantic-release/npm": "13.1.3",
     "@semantic-release/release-notes-generator": "14.1.0",
-    "@storybook/addon-docs": "10.0.6",
-    "@storybook/addon-onboarding": "10.0.6",
-    "@storybook/react-vite": "10.0.6",
-    "@tailwindcss/postcss": "4.1.16",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2",
+    "@storybook/addon-docs": "10.0.8",
+    "@storybook/addon-onboarding": "10.0.8",
+    "@storybook/react-vite": "10.0.8",
+    "@tailwindcss/postcss": "4.1.18",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
     "conventional-changelog-conventionalcommits": "9.1.0",
-    "eslint": "9.39.1",
+    "eslint": "9.39.2",
     "eslint-config-prettier": "10.1.8",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-simple-import-sort": "12.1.1",
-    "eslint-plugin-storybook": "10.0.6",
+    "eslint-plugin-storybook": "10.0.8",
     "postcss": "8.5.6",
     "prettier": "3.6.2",
     "prop-types": "15.8.1",
     "semantic-release": "25.0.2",
-    "storybook": "10.0.6",
+    "storybook": "10.0.8",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.46.3"
+    "typescript-eslint": "8.46.4"
   }
 }