@forgedevstack/bear 1.2.4 → 1.2.6

package/dist/styles/_message-list.css

@@ -0,0 +1,42 @@
+/* MessageList theme-aware styles — CSS variables flip with light/dark mode */
+
+.Bear-MessageList {
+  background-color: var(--bear-bg-primary);
+  border-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-line {
+  background-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-label {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__author {
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__timestamp {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__bubble {
+  background-color: var(--bear-bg-secondary);
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__bubble--own {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+}
+
+.Bear-MessageList__new-messages {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+  transition: opacity 200ms ease-in-out;
+}
+
+.Bear-MessageList__empty {
+  color: var(--bear-text-secondary);
+}

package/dist/styles/main.css

@@ -1,5 +1,6 @@
 @import './_base.css';
 @import './_buttons.css';
 @import './_alerts.css';
+@import './_message-list.css';
 @import './_effects.css';
 @import './_marquee.css';

package/dist/styles.css

@@ -169803,6 +169803,49 @@
   background-color: var(--bear-danger-500);
 }
 
+/* MessageList theme-aware styles — CSS variables flip with light/dark mode */
+
+.Bear-MessageList {
+  background-color: var(--bear-bg-primary);
+  border-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-line {
+  background-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-label {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__author {
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__timestamp {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__bubble {
+  background-color: var(--bear-bg-secondary);
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__bubble--own {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+}
+
+.Bear-MessageList__new-messages {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+  transition: opacity 200ms ease-in-out;
+}
+
+.Bear-MessageList__empty {
+  color: var(--bear-text-secondary);
+}
+
 @keyframes bounce-custom {
   0%, 100% { transform: translateY(0); }
   50% { transform: translateY(var(--bounce-height, -20px)); }
@@ -170392,6 +170435,10 @@
   color: var(--bear-primary-400);
 }
 
+.dark .dark\:bear-bg-zinc-900\/50, .bear-dark .dark\:bear-bg-zinc-900\/50 {
+  background-color: rgba(24, 24, 27, 0.5);
+}
+
 .dark .dark\:bear-text-gray-200, .bear-dark .dark\:bear-text-gray-200 {
   color: #e5e7eb;
 }
@@ -170524,6 +170571,10 @@
   background-color: rgba(120, 53, 15, 0.2);
 }
 
+.hover\:bear-opacity-90:hover {
+  opacity: 0.9;
+}
+
 .focus\:bear-bg-gray-100:focus {
   background-color: #f3f4f6;
 }
@@ -170544,10 +170595,6 @@
   background-color: rgba(17, 24, 39, 0.8);
 }
 
-.dark .dark\:bear-bg-zinc-900\/50, .bear-dark .dark\:bear-bg-zinc-900\/50 {
-  background-color: rgba(24, 24, 27, 0.5);
-}
-
 .hover\:bear-text-primary-600:hover {
   color: var(--bear-primary-600);
 }
@@ -170802,10 +170849,50 @@
   opacity: 0.8;
 }
 
-.hover\:bear-bg-black\/20:hover {
+.hover\:bear-bg-black\/10:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.dark .dark\:hover\:bear-bg-black\/20:hover, .bear-dark .dark\:hover\:bear-bg-black\/20:hover {
   background-color: rgba(0, 0, 0, 0.2);
 }
 
+.dark .dark\:bear-text-purple-400, .bear-dark .dark\:bear-text-purple-400 {
+  color: #c084fc;
+}
+
+.dark .dark\:bear-text-yellow-400, .bear-dark .dark\:bear-text-yellow-400 {
+  color: #facc15;
+}
+
+.dark .dark\:bear-bg-zinc-500\/20, .bear-dark .dark\:bear-bg-zinc-500\/20 {
+  background-color: rgba(113, 113, 122, 0.2);
+}
+
+.dark .dark\:bear-bg-primary-500\/20, .bear-dark .dark\:bear-bg-primary-500\/20 {
+  background-color: color-mix(in srgb, var(--bear-primary-500) 20%, transparent);
+}
+
+.dark .dark\:bear-bg-purple-500\/20, .bear-dark .dark\:bear-bg-purple-500\/20 {
+  background-color: rgba(168, 85, 247, 0.2);
+}
+
+.dark .dark\:bear-bg-green-500\/20, .bear-dark .dark\:bear-bg-green-500\/20 {
+  background-color: rgba(34, 197, 94, 0.2);
+}
+
+.dark .dark\:bear-bg-yellow-500\/20, .bear-dark .dark\:bear-bg-yellow-500\/20 {
+  background-color: rgba(234, 179, 8, 0.2);
+}
+
+.dark .dark\:bear-bg-red-500\/20, .bear-dark .dark\:bear-bg-red-500\/20 {
+  background-color: rgba(239, 68, 68, 0.2);
+}
+
+.dark .dark\:bear-bg-blue-500\/20, .bear-dark .dark\:bear-bg-blue-500\/20 {
+  background-color: rgba(59, 130, 246, 0.2);
+}
+
 .dark .dark\:bear-text-slate-400, .bear-dark .dark\:bear-text-slate-400 {
   color: #94a3b8;
 }
@@ -170851,6 +170938,14 @@
   background-color: #374151;
 }
 
+.dark .dark\:bear-bg-zinc-900\/80, .bear-dark .dark\:bear-bg-zinc-900\/80 {
+  background-color: rgba(24, 24, 27, 0.8);
+}
+
+.dark .dark\:bear-border-zinc-800\/50, .bear-dark .dark\:bear-border-zinc-800\/50 {
+  border-color: rgba(39, 39, 42, 0.5);
+}
+
 .dark .dark\:bear-bg-gray-900\/90, .bear-dark .dark\:bear-bg-gray-900\/90 {
   background-color: rgba(17, 24, 39, 0.9);
 }
@@ -170863,10 +170958,6 @@
   background-color: rgba(113, 63, 18, 0.3);
 }
 
-.dark .dark\:bear-text-yellow-400, .bear-dark .dark\:bear-text-yellow-400 {
-  color: #facc15;
-}
-
 .dark .dark\:bear-bg-red-900\/30, .bear-dark .dark\:bear-bg-red-900\/30 {
   background-color: rgba(127, 29, 29, 0.3);
 }
@@ -170875,6 +170966,10 @@
   background-color: rgba(30, 58, 138, 0.3);
 }
 
+.dark .dark\:bear-bg-black\/60, .bear-dark .dark\:bear-bg-black\/60 {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
 .dark .dark\:bear-ring-gray-900, .bear-dark .dark\:bear-ring-gray-900 {
   --tw-ring-color: #111827;
   --bear-ring-color: #111827;
@@ -170897,8 +170992,12 @@
   background-color: #000000;
 }
 
-.hover\:bear-bg-black\/10:hover {
-  background-color: rgba(0, 0, 0, 0.1);
+.dark .dark\:bear-bg-primary-600, .bear-dark .dark\:bear-bg-primary-600 {
+  background-color: var(--bear-primary-600);
+}
+
+.dark .dark\:bear-border-gray-800\/40, .bear-dark .dark\:bear-border-gray-800\/40 {
+  border-color: rgba(31, 41, 55, 0.4);
 }
 
 .focus\:bear-ring-gray-400\/50:focus {
@@ -170948,10 +171047,6 @@
   background-color: #4b5563;
 }
 
-.dark .dark\:bear-bg-primary-600, .bear-dark .dark\:bear-bg-primary-600 {
-  background-color: var(--bear-primary-600);
-}
-
 .dark .dark\:hover\:bear-bg-primary-500:hover, .bear-dark .dark\:hover\:bear-bg-primary-500:hover {
   background-color: var(--bear-primary-500);
 }
@@ -171239,6 +171334,10 @@
   color: #000000;
 }
 
+.bear-bg-primary-500\/15 {
+  background-color: color-mix(in srgb, var(--bear-primary-500) 15%, transparent);
+}
+
 .bear-bg-white\/90 {
   background-color: rgba(255, 255, 255, 0.9);
 }
@@ -171247,7 +171346,3 @@
   --tw-ring-color: color-mix(in srgb, var(--bear-primary-500) 50%, transparent);
   --bear-ring-color: color-mix(in srgb, var(--bear-primary-500) 50%, transparent);
 }
-
-.bear-bg-primary-500\/15 {
-  background-color: color-mix(in srgb, var(--bear-primary-500) 15%, transparent);
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "Strong, reliable React UI components. AeroCraft-powered, zero config required. The protective force of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -55,10 +55,21 @@
     "build:modules": "cp -r src/styles dist/styles && cp -r src/postcss dist/postcss",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "test": "vitest",
+    "test:run": "vitest run",
     "portal": "cd portal && npm run dev",
     "portal:install": "cd portal && npm install",
     "portal:build": "cd portal && npm run build",
-    "prepublishOnly": "npm run build"
+    "sanity": "bash scripts/pre-commit.sh",
+    "prepublishOnly": "npm run build",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "eslint --fix --max-warnings 0"
+    ],
+    "portal/src/**/*.{ts,tsx}": [
+      "eslint --fix --max-warnings 0"
+    ]
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -74,6 +85,8 @@
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.18.0",
     "eslint-plugin-react-hooks": "^5.1.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^17.0.7",
     "postcss": "^8.5.1",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.1",