@forgedevstack/bear 1.2.8 → 1.3.0

package/dist/styles/_feedback.css

@@ -0,0 +1,130 @@
+.Bear-Toast--success {
+  background-color: var(--bear-success-50);
+  color: var(--bear-success-700);
+  border: 1px solid var(--bear-success-500);
+}
+
+.Bear-Toast--info {
+  background-color: var(--bear-info-50);
+  color: var(--bear-info-700);
+  border: 1px solid var(--bear-info-500);
+}
+
+.Bear-Toast--warning {
+  background-color: var(--bear-warning-50);
+  color: var(--bear-warning-700);
+  border: 1px solid var(--bear-warning-500);
+}
+
+.Bear-Toast--error {
+  background-color: var(--bear-danger-50);
+  color: var(--bear-danger-700);
+  border: 1px solid var(--bear-danger-500);
+}
+
+.bear-dark .Bear-Toast--success,
+.dark .Bear-Toast--success {
+  background-color: var(--bear-success-500);
+  color: #ffffff;
+  border-color: var(--bear-success-500);
+}
+
+.bear-dark .Bear-Toast--info,
+.dark .Bear-Toast--info {
+  background-color: var(--bear-info-500);
+  color: #ffffff;
+  border-color: var(--bear-info-500);
+}
+
+.bear-dark .Bear-Toast--warning,
+.dark .Bear-Toast--warning {
+  background-color: var(--bear-warning-500);
+  color: #ffffff;
+  border-color: var(--bear-warning-500);
+}
+
+.bear-dark .Bear-Toast--error,
+.dark .Bear-Toast--error {
+  background-color: var(--bear-danger-500);
+  color: #ffffff;
+  border-color: var(--bear-danger-500);
+}
+
+.Bear-Snackbar,
+.Bear-Snackbar.bear-bg-white,
+.Bear-Snackbar.bear-bg-transparent {
+  background-color: var(--bear-bg-tertiary);
+  color: var(--bear-text-primary);
+  border-color: var(--bear-neutral-300);
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.18), 0 4px 6px -4px rgb(0 0 0 / 0.12);
+}
+
+.bear-dark .Bear-Snackbar,
+.dark .Bear-Snackbar {
+  background-color: var(--bear-bg-tertiary);
+  border-color: var(--bear-neutral-500);
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.45), 0 4px 6px -4px rgb(0 0 0 / 0.35);
+}
+
+.Bear-Snackbar__description {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-Snackbar--success {
+  background-color: var(--bear-success-50);
+  border-color: var(--bear-success-500);
+}
+
+.Bear-Snackbar--info {
+  background-color: var(--bear-info-50);
+  border-color: var(--bear-info-500);
+}
+
+.Bear-Snackbar--warning {
+  background-color: var(--bear-warning-50);
+  border-color: var(--bear-warning-500);
+}
+
+.Bear-Snackbar--error {
+  background-color: var(--bear-danger-50);
+  border-color: var(--bear-danger-500);
+}
+
+.bear-dark .Bear-Snackbar--success,
+.dark .Bear-Snackbar--success {
+  background-color: var(--bear-success-500);
+  color: #ffffff;
+  border-color: var(--bear-success-500);
+}
+
+.bear-dark .Bear-Snackbar--info,
+.dark .Bear-Snackbar--info {
+  background-color: var(--bear-info-500);
+  color: #ffffff;
+  border-color: var(--bear-info-500);
+}
+
+.bear-dark .Bear-Snackbar--warning,
+.dark .Bear-Snackbar--warning {
+  background-color: var(--bear-warning-500);
+  color: #ffffff;
+  border-color: var(--bear-warning-500);
+}
+
+.bear-dark .Bear-Snackbar--error,
+.dark .Bear-Snackbar--error {
+  background-color: var(--bear-danger-500);
+  color: #ffffff;
+  border-color: var(--bear-danger-500);
+}
+
+.bear-dark .Bear-Snackbar--success .Bear-Snackbar__description,
+.dark .Bear-Snackbar--success .Bear-Snackbar__description,
+.bear-dark .Bear-Snackbar--info .Bear-Snackbar__description,
+.dark .Bear-Snackbar--info .Bear-Snackbar__description,
+.bear-dark .Bear-Snackbar--warning .Bear-Snackbar__description,
+.dark .Bear-Snackbar--warning .Bear-Snackbar__description,
+.bear-dark .Bear-Snackbar--error .Bear-Snackbar__description,
+.dark .Bear-Snackbar--error .Bear-Snackbar__description {
+  color: #ffffff;
+}

package/dist/styles/_overlays.css

@@ -0,0 +1,24 @@
+.Bear-Modal,
+.Bear-Drawer,
+.Bear-AlertDialog {
+  isolation: isolate;
+}
+
+.Bear-Backdrop--nested {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+}
+
+.Bear-Modal__container,
+.Bear-Drawer__panel,
+.Bear-AlertDialog__container {
+  position: relative;
+  z-index: 1;
+}
+
+.Bear-SignPad__placeholder,
+.Bear-SignPad__line,
+.Bear-SignPad__x-mark {
+  pointer-events: none;
+}

package/dist/styles/main.css

@@ -4,3 +4,5 @@
 @import './_message-list.css';
 @import './_effects.css';
 @import './_marquee.css';
+@import './_overlays.css';
+@import './_feedback.css';

package/dist/styles.css

@@ -169354,22 +169354,6 @@
   font-size: 10px;
 }
 
-.bear-min-w-\[12px\] {
-  min-width: 12px;
-}
-
-.bear-min-w-\[80px\] {
-  min-width: 80px;
-}
-
-.bear-min-w-\[5rem\] {
-  min-width: 5rem;
-}
-
-.bear-max-w-\[9rem\] {
-  max-width: 9rem;
-}
-
 .bear-min-h-\[100px\] {
   min-height: 100px;
 }
@@ -169390,6 +169374,10 @@
   z-index: 9999;
 }
 
+.bear-min-w-\[80px\] {
+  min-width: 80px;
+}
+
 .bear-min-w-\[140px\] {
   min-width: 140px;
 }
@@ -170011,6 +169999,162 @@
   to { transform: translateY(0); }
 }
 
+.Bear-Modal,
+.Bear-Drawer,
+.Bear-AlertDialog {
+  isolation: isolate;
+}
+
+.Bear-Backdrop--nested {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+}
+
+.Bear-Modal__container,
+.Bear-Drawer__panel,
+.Bear-AlertDialog__container {
+  position: relative;
+  z-index: 1;
+}
+
+.Bear-SignPad__placeholder,
+.Bear-SignPad__line,
+.Bear-SignPad__x-mark {
+  pointer-events: none;
+}
+
+.Bear-Toast--success {
+  background-color: var(--bear-success-50);
+  color: var(--bear-success-700);
+  border: 1px solid var(--bear-success-500);
+}
+
+.Bear-Toast--info {
+  background-color: var(--bear-info-50);
+  color: var(--bear-info-700);
+  border: 1px solid var(--bear-info-500);
+}
+
+.Bear-Toast--warning {
+  background-color: var(--bear-warning-50);
+  color: var(--bear-warning-700);
+  border: 1px solid var(--bear-warning-500);
+}
+
+.Bear-Toast--error {
+  background-color: var(--bear-danger-50);
+  color: var(--bear-danger-700);
+  border: 1px solid var(--bear-danger-500);
+}
+
+.bear-dark .Bear-Toast--success,
+.dark .Bear-Toast--success {
+  background-color: var(--bear-success-500);
+  color: #ffffff;
+  border-color: var(--bear-success-500);
+}
+
+.bear-dark .Bear-Toast--info,
+.dark .Bear-Toast--info {
+  background-color: var(--bear-info-500);
+  color: #ffffff;
+  border-color: var(--bear-info-500);
+}
+
+.bear-dark .Bear-Toast--warning,
+.dark .Bear-Toast--warning {
+  background-color: var(--bear-warning-500);
+  color: #ffffff;
+  border-color: var(--bear-warning-500);
+}
+
+.bear-dark .Bear-Toast--error,
+.dark .Bear-Toast--error {
+  background-color: var(--bear-danger-500);
+  color: #ffffff;
+  border-color: var(--bear-danger-500);
+}
+
+.Bear-Snackbar,
+.Bear-Snackbar.bear-bg-white,
+.Bear-Snackbar.bear-bg-transparent {
+  background-color: var(--bear-bg-tertiary);
+  color: var(--bear-text-primary);
+  border-color: var(--bear-neutral-300);
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.18), 0 4px 6px -4px rgb(0 0 0 / 0.12);
+}
+
+.bear-dark .Bear-Snackbar,
+.dark .Bear-Snackbar {
+  background-color: var(--bear-bg-tertiary);
+  border-color: var(--bear-neutral-500);
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.45), 0 4px 6px -4px rgb(0 0 0 / 0.35);
+}
+
+.Bear-Snackbar__description {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-Snackbar--success {
+  background-color: var(--bear-success-50);
+  border-color: var(--bear-success-500);
+}
+
+.Bear-Snackbar--info {
+  background-color: var(--bear-info-50);
+  border-color: var(--bear-info-500);
+}
+
+.Bear-Snackbar--warning {
+  background-color: var(--bear-warning-50);
+  border-color: var(--bear-warning-500);
+}
+
+.Bear-Snackbar--error {
+  background-color: var(--bear-danger-50);
+  border-color: var(--bear-danger-500);
+}
+
+.bear-dark .Bear-Snackbar--success,
+.dark .Bear-Snackbar--success {
+  background-color: var(--bear-success-500);
+  color: #ffffff;
+  border-color: var(--bear-success-500);
+}
+
+.bear-dark .Bear-Snackbar--info,
+.dark .Bear-Snackbar--info {
+  background-color: var(--bear-info-500);
+  color: #ffffff;
+  border-color: var(--bear-info-500);
+}
+
+.bear-dark .Bear-Snackbar--warning,
+.dark .Bear-Snackbar--warning {
+  background-color: var(--bear-warning-500);
+  color: #ffffff;
+  border-color: var(--bear-warning-500);
+}
+
+.bear-dark .Bear-Snackbar--error,
+.dark .Bear-Snackbar--error {
+  background-color: var(--bear-danger-500);
+  color: #ffffff;
+  border-color: var(--bear-danger-500);
+}
+
+.bear-dark .Bear-Snackbar--success .Bear-Snackbar__description,
+.dark .Bear-Snackbar--success .Bear-Snackbar__description,
+.bear-dark .Bear-Snackbar--info .Bear-Snackbar__description,
+.dark .Bear-Snackbar--info .Bear-Snackbar__description,
+.bear-dark .Bear-Snackbar--warning .Bear-Snackbar__description,
+.dark .Bear-Snackbar--warning .Bear-Snackbar__description,
+.bear-dark .Bear-Snackbar--error .Bear-Snackbar__description,
+.dark .Bear-Snackbar--error .Bear-Snackbar__description {
+  color: #ffffff;
+}
+
 .dark .dark\:bear-bg-zinc-900, .bear-dark .dark\:bear-bg-zinc-900 {
   background-color: #18181b;
 }
@@ -170145,7 +170289,11 @@
   background-color: #525252;
 }
 
-.hover\:bear-bg-white\/20:hover {
+.hover\:bear-bg-black\/10:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.dark .dark\:hover\:bear-bg-white\/20:hover, .bear-dark .dark\:hover\:bear-bg-white\/20:hover {
   background-color: rgba(255, 255, 255, 0.2);
 }
 
@@ -170242,6 +170390,22 @@
   color: #111827;
 }
 
+.last\:bear-pb-0:last-child {
+  padding-bottom: 0px;
+}
+
+.dark .dark\:bear-bg-primary-500, .bear-dark .dark\:bear-bg-primary-500 {
+  background-color: var(--bear-primary-500);
+}
+
+.hover\:bear-scale-105:hover {
+  scale: 1.05;
+}
+
+.hover\:bear-bg-white\/30:hover {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
 .dark .dark\:bear-bg-yellow-800, .bear-dark .dark\:bear-bg-yellow-800 {
   background-color: #854d0e;
 }
@@ -170658,6 +170822,10 @@
   --bear-ring-color: #18181b;
 }
 
+.hover\:bear-bg-white\/20:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
 .dark .dark\:bear-bg-yellow-500\/30, .bear-dark .dark\:bear-bg-yellow-500\/30 {
   background-color: rgba(234, 179, 8, 0.3);
 }
@@ -170829,10 +170997,6 @@
   color: #d4d4d8;
 }
 
-.hover\:bear-scale-105:hover {
-  scale: 1.05;
-}
-
 .dark .dark\:bear-border-white, .bear-dark .dark\:bear-border-white {
   border-color: #ffffff;
 }
@@ -170849,10 +171013,6 @@
   opacity: 0.8;
 }
 
-.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);
 }
@@ -171264,6 +171424,14 @@
   color: transparent;
 }
 
+.bear-text-white\/80 {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.bear-bg-white\/20 {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
 .bear-bg-black\/50 {
   background-color: rgba(0, 0, 0, 0.5);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "Strong, reliable React UI components. AeroCraft-powered, zero config required. The protective force of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",