@forgedevstack/bear 1.3.3 → 1.3.5

package/dist/styles/_alerts.css

@@ -1,12 +1,93 @@
+.Bear-Alert--success {
+  background-color: #f0fdf4;
+  color: #14532d;
+  border: 1px solid #bbf7d0;
+}
+
+.Bear-Alert--info {
+  background-color: #eff6ff;
+  color: #1e3a8a;
+  border: 1px solid #bfdbfe;
+}
+
+.Bear-Alert--warning {
+  background-color: #fffbeb;
+  color: #78350f;
+  border: 1px solid #fde68a;
+}
+
+.Bear-Alert--error {
+  background-color: #fef2f2;
+  color: #7f1d1d;
+  border: 1px solid #fecaca;
+}
+
+.dark .Bear-Alert--success,
+.bear-dark .Bear-Alert--success {
+  background-color: #052e16;
+  color: #dcfce7;
+  border-color: #166534;
+}
+
+.dark .Bear-Alert--info,
+.bear-dark .Bear-Alert--info {
+  background-color: #172554;
+  color: #dbeafe;
+  border-color: #1e40af;
+}
+
+.dark .Bear-Alert--warning,
+.bear-dark .Bear-Alert--warning {
+  background-color: #451a03;
+  color: #fef3c7;
+  border-color: #92400e;
+}
+
+.dark .Bear-Alert--error,
+.bear-dark .Bear-Alert--error {
+  background-color: #450a0a;
+  color: #fee2e2;
+  border-color: #991b1b;
+}
+
+.Bear-Alert--outlined,
+.dark .Bear-Alert--outlined,
+.bear-dark .Bear-Alert--outlined {
+  background-color: transparent;
+}
+
+.Bear-Alert .Bear-Typography,
+.Bear-Alert__icon {
+  color: inherit;
+}
+
 .bear-alert-filled-success {
-  background-color: var(--bear-success-500);
+  background-color: var(--bear-success-600);
+  color: var(--bear-success-50);
 }
+
 .bear-alert-filled-info {
-  background-color: var(--bear-info-500);
+  background-color: var(--bear-info-600);
+  color: var(--bear-info-50);
 }
+
 .bear-alert-filled-warning {
-  background-color: var(--bear-warning-500);
+  background-color: var(--bear-warning-400);
+  color: var(--bear-warning-950, #451a03);
 }
+
 .bear-alert-filled-error {
-  background-color: var(--bear-danger-500);
+  background-color: var(--bear-danger-600);
+  color: var(--bear-danger-50);
+}
+
+.dark .bear-alert-filled-success,
+.bear-dark .bear-alert-filled-success,
+.dark .bear-alert-filled-info,
+.bear-dark .bear-alert-filled-info,
+.dark .bear-alert-filled-warning,
+.bear-dark .bear-alert-filled-warning,
+.dark .bear-alert-filled-error,
+.bear-dark .bear-alert-filled-error {
+  border-color: transparent;
 }

package/dist/styles/_drawer.css

@@ -119,6 +119,66 @@
   opacity: 1;
 }
 
+.Bear-Drawer__panel--left.Bear-Drawer__panel--effect-elastic,
+.Bear-Drawer__panel--right.Bear-Drawer__panel--effect-elastic,
+.Bear-Drawer__panel--top.Bear-Drawer__panel--effect-elastic,
+.Bear-Drawer__panel--bottom.Bear-Drawer__panel--effect-elastic {
+  transform: scale(1.08);
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--effect-elastic.Bear-Drawer__panel--open {
+  transform: scale(1);
+  opacity: 1;
+  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--left.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--right.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--top.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--bottom.Bear-Drawer__panel--effect-reveal {
+  transform: none;
+  max-height: 0;
+  opacity: 0;
+  transition: max-height 375ms ease, opacity 375ms ease;
+}
+
+.Bear-Drawer__panel--effect-reveal.Bear-Drawer__panel--open {
+  transform: none;
+  max-height: 100%;
+  opacity: 1;
+}
+
+.Bear-Drawer__panel--left.Bear-Drawer__panel--effect-expand {
+  transform: scaleX(0);
+  transform-origin: left center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--right.Bear-Drawer__panel--effect-expand {
+  transform: scaleX(0);
+  transform-origin: right center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--top.Bear-Drawer__panel--effect-expand {
+  transform: scaleY(0);
+  transform-origin: top center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--bottom.Bear-Drawer__panel--effect-expand {
+  transform: scaleY(0);
+  transform-origin: bottom center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--effect-expand.Bear-Drawer__panel--open {
+  transform: scale(1);
+  opacity: 1;
+}
+
 .Bear-Drawer__header {
   display: flex;
   align-items: center;

package/dist/styles/_effects.css

@@ -90,9 +90,42 @@
 }
 
 .animate-scale-in {
+  transform-origin: top center;
   animation: scale-in 0.3s ease-out forwards;
 }
 
+@keyframes bear-overlay-elastic {
+  0% { opacity: 0; transform: scale(1.12); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+.animate-overlay-elastic {
+  transform-origin: top center;
+  animation: bear-overlay-elastic 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+}
+
+@keyframes bear-overlay-reveal {
+  from { opacity: 0; max-height: 0; }
+  to { opacity: 1; max-height: 24rem; }
+}
+
+.animate-overlay-reveal {
+  overflow: hidden;
+  transform-origin: top center;
+  animation: bear-overlay-reveal 0.375s ease-in-out both;
+}
+
+@keyframes bear-overlay-expand {
+  from { opacity: 0; transform: scaleY(0.02); }
+  to { opacity: 1; transform: scaleY(1); }
+}
+
+.animate-overlay-expand {
+  overflow: hidden;
+  transform-origin: top center;
+  animation: bear-overlay-expand 0.375s ease-in-out both;
+}
+
 @keyframes bear-diff-squares-pulse {
   0%, 100% { opacity: 1; filter: brightness(1); }
   50% { opacity: 0.88; filter: brightness(1.12); }

package/dist/styles.css

@@ -169350,6 +169350,58 @@
   transition-timing-function: ease-in-out;
 }
 
+.bear-ring-\[var\(--bear-primary-500\)\] {
+  box-shadow: 0 0 0 var(--bear-primary-500);
+}
+
+.bear-border-\[var\(--bear-border-subtle\)\] {
+  border-width: var(--bear-border-subtle);
+}
+
+.bear-bg-\[var\(--bear-surface-base\)\] {
+  background-color: var(--bear-surface-base);
+}
+
+.bear-text-\[var\(--bear-text-secondary\)\] {
+  color: var(--bear-text-secondary);
+}
+
+.bear-bg-\[var\(--bear-bg-subtle\)\] {
+  background-color: var(--bear-bg-subtle);
+}
+
+.bear-text-\[var\(--bear-text-primary\)\] {
+  color: var(--bear-text-primary);
+}
+
+.bear-border-\[var\(--bear-primary-500\)\] {
+  border-width: var(--bear-primary-500);
+}
+
+.bear-text-\[var\(--bear-primary-600\)\] {
+  color: var(--bear-primary-600);
+}
+
+.bear-text-\[var\(--bear-primary-400\)\] {
+  color: var(--bear-primary-400);
+}
+
+.bear-bg-\[var\(--bear-primary-50\)\] {
+  background-color: var(--bear-primary-50);
+}
+
+.bear-bg-\[var\(--bear-primary-950\)\] {
+  background-color: var(--bear-primary-950);
+}
+
+.bear-bg-\[var\(--bear-primary-500\)\] {
+  background-color: var(--bear-primary-500);
+}
+
+.bear-bg-\[var\(--bear-primary-600\)\] {
+  background-color: var(--bear-primary-600);
+}
+
 .bear-text-\[10px\] {
   font-size: 10px;
 }
@@ -169761,20 +169813,98 @@
   background-color: var(--bear-btn-outline-bg-active, var(--bear-primary-900));
 }
 
+.Bear-Alert--success {
+  background-color: #f0fdf4;
+  color: #14532d;
+  border: 1px solid #bbf7d0;
+}
+
+.Bear-Alert--info {
+  background-color: #eff6ff;
+  color: #1e3a8a;
+  border: 1px solid #bfdbfe;
+}
+
+.Bear-Alert--warning {
+  background-color: #fffbeb;
+  color: #78350f;
+  border: 1px solid #fde68a;
+}
+
+.Bear-Alert--error {
+  background-color: #fef2f2;
+  color: #7f1d1d;
+  border: 1px solid #fecaca;
+}
+
+.dark .Bear-Alert--success,
+.bear-dark .Bear-Alert--success {
+  background-color: #052e16;
+  color: #dcfce7;
+  border-color: #166534;
+}
+
+.dark .Bear-Alert--info,
+.bear-dark .Bear-Alert--info {
+  background-color: #172554;
+  color: #dbeafe;
+  border-color: #1e40af;
+}
+
+.dark .Bear-Alert--warning,
+.bear-dark .Bear-Alert--warning {
+  background-color: #451a03;
+  color: #fef3c7;
+  border-color: #92400e;
+}
+
+.dark .Bear-Alert--error,
+.bear-dark .Bear-Alert--error {
+  background-color: #450a0a;
+  color: #fee2e2;
+  border-color: #991b1b;
+}
+
+.Bear-Alert--outlined,
+.dark .Bear-Alert--outlined,
+.bear-dark .Bear-Alert--outlined {
+  background-color: transparent;
+}
+
+.Bear-Alert .Bear-Typography,
+.Bear-Alert__icon {
+  color: inherit;
+}
+
 .bear-alert-filled-success {
-  background-color: var(--bear-success-500);
+  background-color: var(--bear-success-600);
+  color: var(--bear-success-50);
 }
 
 .bear-alert-filled-info {
-  background-color: var(--bear-info-500);
+  background-color: var(--bear-info-600);
+  color: var(--bear-info-50);
 }
 
 .bear-alert-filled-warning {
-  background-color: var(--bear-warning-500);
+  background-color: var(--bear-warning-400);
+  color: var(--bear-warning-950, #451a03);
 }
 
 .bear-alert-filled-error {
-  background-color: var(--bear-danger-500);
+  background-color: var(--bear-danger-600);
+  color: var(--bear-danger-50);
+}
+
+.dark .bear-alert-filled-success,
+.bear-dark .bear-alert-filled-success,
+.dark .bear-alert-filled-info,
+.bear-dark .bear-alert-filled-info,
+.dark .bear-alert-filled-warning,
+.bear-dark .bear-alert-filled-warning,
+.dark .bear-alert-filled-error,
+.bear-dark .bear-alert-filled-error {
+  border-color: transparent;
 }
 
 /* MessageList theme-aware styles — CSS variables flip with light/dark mode */
@@ -169915,9 +170045,42 @@
 }
 
 .animate-scale-in {
+  transform-origin: top center;
   animation: scale-in 0.3s ease-out forwards;
 }
 
+@keyframes bear-overlay-elastic {
+  0% { opacity: 0; transform: scale(1.12); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+.animate-overlay-elastic {
+  transform-origin: top center;
+  animation: bear-overlay-elastic 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+}
+
+@keyframes bear-overlay-reveal {
+  from { opacity: 0; max-height: 0; }
+  to { opacity: 1; max-height: 24rem; }
+}
+
+.animate-overlay-reveal {
+  overflow: hidden;
+  transform-origin: top center;
+  animation: bear-overlay-reveal 0.375s ease-in-out both;
+}
+
+@keyframes bear-overlay-expand {
+  from { opacity: 0; transform: scaleY(0.02); }
+  to { opacity: 1; transform: scaleY(1); }
+}
+
+.animate-overlay-expand {
+  overflow: hidden;
+  transform-origin: top center;
+  animation: bear-overlay-expand 0.375s ease-in-out both;
+}
+
 @keyframes bear-diff-squares-pulse {
   0%, 100% { opacity: 1; filter: brightness(1); }
   50% { opacity: 0.88; filter: brightness(1.12); }
@@ -170463,6 +170626,66 @@
   opacity: 1;
 }
 
+.Bear-Drawer__panel--left.Bear-Drawer__panel--effect-elastic,
+.Bear-Drawer__panel--right.Bear-Drawer__panel--effect-elastic,
+.Bear-Drawer__panel--top.Bear-Drawer__panel--effect-elastic,
+.Bear-Drawer__panel--bottom.Bear-Drawer__panel--effect-elastic {
+  transform: scale(1.08);
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--effect-elastic.Bear-Drawer__panel--open {
+  transform: scale(1);
+  opacity: 1;
+  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--left.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--right.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--top.Bear-Drawer__panel--effect-reveal,
+.Bear-Drawer__panel--bottom.Bear-Drawer__panel--effect-reveal {
+  transform: none;
+  max-height: 0;
+  opacity: 0;
+  transition: max-height 375ms ease, opacity 375ms ease;
+}
+
+.Bear-Drawer__panel--effect-reveal.Bear-Drawer__panel--open {
+  transform: none;
+  max-height: 100%;
+  opacity: 1;
+}
+
+.Bear-Drawer__panel--left.Bear-Drawer__panel--effect-expand {
+  transform: scaleX(0);
+  transform-origin: left center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--right.Bear-Drawer__panel--effect-expand {
+  transform: scaleX(0);
+  transform-origin: right center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--top.Bear-Drawer__panel--effect-expand {
+  transform: scaleY(0);
+  transform-origin: top center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--bottom.Bear-Drawer__panel--effect-expand {
+  transform: scaleY(0);
+  transform-origin: bottom center;
+  opacity: 0;
+}
+
+.Bear-Drawer__panel--effect-expand.Bear-Drawer__panel--open {
+  transform: scale(1);
+  opacity: 1;
+}
+
 .Bear-Drawer__header {
   display: flex;
   align-items: center;
@@ -171312,6 +171535,10 @@
   color: #fbbf24;
 }
 
+.dark .dark\:bear-text-blue-200, .bear-dark .dark\:bear-text-blue-200 {
+  color: #bfdbfe;
+}
+
 .hover\:bear-bg-zinc-700\/50:hover {
   background-color: rgba(63, 63, 70, 0.5);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "description": "Strong, reliable React UI components. AeroCraft-powered, zero config required. The protective force of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -59,6 +59,7 @@
     "portal": "cd portal && npm run dev",
     "portal:install": "cd portal && npm install",
     "portal:build": "cd portal && npm run build",
+    "build:libs": "npm run build --prefix packages/bear-x-charts && npm run build --prefix packages/bear-x-ai && npm run build --prefix packages/bear-x-code && npm run build --prefix packages/bear-map && npm run build --prefix packages/kanban",
     "sanity": "bash scripts/pre-commit.sh",
     "prepublishOnly": "npm run build",
     "prepare": "husky"
@@ -76,8 +77,8 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@forgedevstack/bear-icons": "^1.0.1",
     "@forgedevstack/aerocraft": "^1.0.4",
+    "@forgedevstack/bear-icons": "^1.0.3",
     "@types/node": "^22.10.7",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
@@ -101,9 +102,6 @@
   "dependencies": {
     "@forgedevstack/anvil": "^1.0.0"
   },
-  "optionalDependencies": {
-    "@forgedevstack/bear-icons": "^1.0.1"
-  },
   "keywords": [
     "react",
     "ui",