@forgedevstack/bear 1.2.9 → 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

@@ -169999,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;
 }
@@ -170133,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);
 }
 
@@ -170662,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);
 }
@@ -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);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.2.9",
+  "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",