@quilltap/theme-storybook 1.0.41 → 1.0.44

package/dist/index.css

@@ -390,6 +390,14 @@ body {
   --qt-rp-button-internal-fg: hsl(0 0% 100%);
   --qt-rp-button-ooc-bg: hsl(152 60% 28%);
   --qt-rp-button-ooc-fg: hsl(152 60% 80%);
+  --qt-roleplay-1-bg: hsl(217 91% 53%);
+  --qt-roleplay-1-fg: hsl(0 0% 100%);
+  --qt-roleplay-2-bg: hsl(270 65% 55%);
+  --qt-roleplay-2-fg: hsl(0 0% 100%);
+  --qt-roleplay-3-bg: hsl(38 92% 50%);
+  --qt-roleplay-3-fg: hsl(30 45% 12%);
+  --qt-roleplay-4-bg: hsl(168 78% 36%);
+  --qt-roleplay-4-fg: hsl(0 0% 100%);
   --qt-queue-badge-radius: var(--radius-sm);
   --qt-queue-badge-padding-x: 0.375rem;
   --qt-queue-badge-padding-y: 0.125rem;
@@ -1393,6 +1401,16 @@ body {
 .qt-text-on-accent {
   color: var(--color-accent-foreground);
 }
+.qt-hover-accent {
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+.qt-hover-accent:hover {
+  background-color: var(--color-accent);
+  color: var(--color-accent-foreground);
+}
+.qt-hover-accent:hover :where(*) {
+  color: var(--color-accent-foreground);
+}
 .qt-bg-muted {
   background-color: var(--color-muted);
 }
@@ -2128,3 +2146,121 @@ body {
   background-color: var(--qt-terminal-closed-badge-bg);
   color: var(--qt-terminal-closed-badge-fg);
 }
+.qt-roleplay-1,
+.qt-roleplay-2,
+.qt-roleplay-3,
+.qt-roleplay-4,
+.qt-roleplay-danger,
+.qt-roleplay-warning,
+.qt-roleplay-success,
+.qt-roleplay-info,
+.qt-roleplay-muted,
+.qt-roleplay-code {
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.1875rem;
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
+}
+.qt-roleplay-1 {
+  --qt-rp-fg: var(--qt-roleplay-1-fg);
+  --qt-rp-bg: var(--qt-roleplay-1-bg);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-2 {
+  --qt-rp-fg: var(--qt-roleplay-2-fg);
+  --qt-rp-bg: var(--qt-roleplay-2-bg);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-3 {
+  --qt-rp-fg: var(--qt-roleplay-3-fg);
+  --qt-rp-bg: var(--qt-roleplay-3-bg);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-4 {
+  --qt-rp-fg: var(--qt-roleplay-4-fg);
+  --qt-rp-bg: var(--qt-roleplay-4-bg);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-danger {
+  --qt-rp-fg: var(--color-destructive-foreground);
+  --qt-rp-bg: var(--color-destructive);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-warning {
+  --qt-rp-fg: var(--color-warning-foreground);
+  --qt-rp-bg: var(--color-warning);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-success {
+  --qt-rp-fg: var(--color-success-foreground);
+  --qt-rp-bg: var(--color-success);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-info {
+  --qt-rp-fg: var(--color-info-foreground);
+  --qt-rp-bg: var(--color-info);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-muted {
+  --qt-rp-fg: var(--color-muted-foreground);
+  --qt-rp-bg: var(--color-muted);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+}
+.qt-roleplay-code {
+  --qt-rp-fg: var(--color-foreground);
+  --qt-rp-bg: var(--color-muted);
+  color: var(--qt-rp-fg);
+  background: var(--qt-rp-bg);
+  font-family: var(--font-mono);
+}
+.qt-rp-bold {
+  font-weight: 700;
+}
+.qt-rp-italic {
+  font-style: italic;
+}
+.qt-rp-underline {
+  text-decoration: underline;
+}
+.qt-rp-underline-double {
+  text-decoration: underline;
+  text-decoration-style: double;
+}
+.qt-rp-border {
+  border: 1px solid currentColor;
+  padding: 0.0625rem 0.25rem;
+  border-radius: 0.1875rem;
+}
+.qt-rp-border-dashed {
+  border: 1px dashed currentColor;
+  padding: 0.0625rem 0.25rem;
+  border-radius: 0.1875rem;
+}
+.qt-rp-reverse {
+  color: var(--qt-rp-bg, var(--color-background));
+  background-color: var(--qt-rp-fg, var(--color-foreground));
+}
+.qt-rp-font-sans {
+  font-family: var(--theme-font-sans, ui-sans-serif, system-ui, sans-serif);
+}
+.qt-rp-font-serif {
+  font-family: var(--theme-font-serif, ui-serif, Georgia, "Times New Roman", serif);
+}
+.qt-rp-font-mono {
+  font-family: var(--theme-font-mono, ui-monospace, "SFMono-Regular", Menlo, monospace);
+}
+.qt-rp-font-display {
+  font-family: var(--qt-rp-font-display, var(--theme-font-serif, Georgia, "Times New Roman", serif));
+}
+.qt-rp-font-script {
+  font-family: var(--qt-rp-font-script, "Segoe Script", "Brush Script MT", cursive);
+}

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { Decorator, Preview } from '@storybook/react';
-export { Avatars, Badges, Buttons, Cards, Chat, ColorGroup, ColorPalette, ColorSwatch, Dialogs, EmptyState, FilePreview, Icons, Inputs, Loading, Participant, Spacing, Tabs, Terminal, ThemeComparison, Typography } from './stories/index.mjs';
+export { Avatars, Badges, Buttons, Cards, Chat, ColorGroup, ColorPalette, ColorSwatch, Dialogs, EmptyState, FilePreview, Icons, Inputs, Loading, Participant, Spacing, Surfaces, Tabs, Terminal, ThemeComparison, Typography } from './stories/index.mjs';
 import 'react';
 
 /**

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Decorator, Preview } from '@storybook/react';
-export { Avatars, Badges, Buttons, Cards, Chat, ColorGroup, ColorPalette, ColorSwatch, Dialogs, EmptyState, FilePreview, Icons, Inputs, Loading, Participant, Spacing, Tabs, Terminal, ThemeComparison, Typography } from './stories/index.js';
+export { Avatars, Badges, Buttons, Cards, Chat, ColorGroup, ColorPalette, ColorSwatch, Dialogs, EmptyState, FilePreview, Icons, Inputs, Loading, Participant, Spacing, Surfaces, Tabs, Terminal, ThemeComparison, Typography } from './stories/index.js';
 import 'react';
 
 /**