@forgedevstack/bear 1.2.9 → 1.3.1

package/dist/styles/_feedback.css

@@ -0,0 +1,145 @@
+.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;
+}
+
+.Bear-ResizableTextarea__handle--grip {
+  background: linear-gradient(135deg, transparent 50%, currentColor 50%);
+}
+
+.Bear-SignPad__canvas {
+  position: relative;
+  z-index: 0;
+}
+
+.Bear-SignPad__placeholder,
+.Bear-SignPad__line,
+.Bear-SignPad__x-mark {
+  z-index: 1;
+}

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/_rich-editor.css

@@ -0,0 +1,104 @@
+.Bear-RichEditor__content {
+  line-height: 1.6;
+}
+
+.Bear-RichEditor__content h1,
+.Bear-RichEditor__content h2,
+.Bear-RichEditor__content h3,
+.Bear-RichEditor__content h4,
+.Bear-RichEditor__content h5,
+.Bear-RichEditor__content h6 {
+  font-weight: 600;
+  color: var(--bear-text-primary);
+}
+
+.Bear-RichEditor__content h1 { font-size: 2rem; margin: 0.67em 0; line-height: 1.2; }
+.Bear-RichEditor__content h2 { font-size: 1.5rem; margin: 0.83em 0; line-height: 1.3; }
+.Bear-RichEditor__content h3 { font-size: 1.25rem; margin: 1em 0; line-height: 1.4; }
+.Bear-RichEditor__content h4 { font-size: 1.125rem; margin: 1.33em 0; }
+.Bear-RichEditor__content h5 { font-size: 1rem; margin: 1.67em 0; }
+.Bear-RichEditor__content h6 {
+  font-size: 0.875rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin: 2em 0;
+}
+
+.Bear-RichEditor__content p { margin: 0.5em 0; }
+
+.Bear-RichEditor__content ul,
+.Bear-RichEditor__content ol {
+  padding-left: 1.5em;
+  margin: 0.5em 0;
+  display: block;
+}
+
+.Bear-RichEditor__content ul { list-style-type: disc; }
+.Bear-RichEditor__content ol { list-style-type: decimal; }
+.Bear-RichEditor__content li { margin: 0.25em 0; display: list-item; }
+
+.Bear-RichEditor__content blockquote {
+  border-left: 4px solid var(--bear-primary-500);
+  margin: 1em 0;
+  color: var(--bear-text-secondary);
+  font-style: italic;
+  background: color-mix(in srgb, var(--bear-primary-500) 8%, transparent);
+  padding: 0.5em 1em;
+  border-radius: 0 0.375rem 0.375rem 0;
+}
+
+.Bear-RichEditor__content pre,
+.Bear-RichEditor__content code {
+  background: var(--bear-bg-tertiary);
+  color: var(--bear-text-primary);
+  font-family: var(--bear-font-mono);
+}
+
+.Bear-RichEditor__content pre {
+  padding: 1em;
+  border-radius: 0.5rem;
+  font-size: 0.875em;
+  overflow-x: auto;
+  margin: 1em 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  border: 1px solid var(--bear-border-default);
+}
+
+.Bear-RichEditor__content code {
+  padding: 0.125em 0.25em;
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+}
+
+.Bear-RichEditor__content a {
+  color: var(--bear-primary-500);
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.Bear-RichEditor__content img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.5rem;
+  margin: 1em 0;
+  display: block;
+}
+
+.Bear-RichEditor__content table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 1em 0;
+}
+
+.Bear-RichEditor__content th,
+.Bear-RichEditor__content td {
+  border: 1px solid var(--bear-border-default);
+  padding: 0.5em;
+  text-align: left;
+}
+
+.Bear-RichEditor__content th {
+  background: var(--bear-bg-tertiary);
+  font-weight: 600;
+}

package/dist/styles/_segmented.css

@@ -0,0 +1,70 @@
+.Bear-SegmentedControl {
+  position: relative;
+  display: inline-flex;
+  padding: 0.25rem;
+  border-radius: 0.5rem;
+  background: var(--bear-bg-tertiary);
+}
+
+.Bear-SegmentedControl--full {
+  width: 100%;
+}
+
+.Bear-SegmentedControl--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.Bear-SegmentedControl__item {
+  position: relative;
+  flex: 1 1 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 0.375rem;
+  background: transparent;
+  color: var(--bear-text-secondary);
+  font-weight: 500;
+  cursor: pointer;
+  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.Bear-SegmentedControl__item:hover {
+  color: var(--bear-text-primary);
+}
+
+.Bear-SegmentedControl__item--active {
+  background: var(--bear-bg-primary);
+  color: var(--bear-text-primary);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
+}
+
+.bear-dark .Bear-SegmentedControl__item--active,
+.dark .Bear-SegmentedControl__item--active {
+  background: var(--bear-bg-secondary);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
+}
+
+.Bear-SegmentedControl__item--disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.Bear-SegmentedControl__item--sm {
+  min-height: 2rem;
+  padding: 0 0.75rem;
+  font-size: 0.875rem;
+}
+
+.Bear-SegmentedControl__item--md {
+  min-height: 2.5rem;
+  padding: 0 1rem;
+  font-size: 1rem;
+}
+
+.Bear-SegmentedControl__item--lg {
+  min-height: 3rem;
+  padding: 0 1.25rem;
+  font-size: 1.125rem;
+}

package/dist/styles/main.css

@@ -4,3 +4,7 @@
 @import './_message-list.css';
 @import './_effects.css';
 @import './_marquee.css';
+@import './_overlays.css';
+@import './_feedback.css';
+@import './_segmented.css';
+@import './_rich-editor.css';