opus-react 0.6.24 → 0.6.25

package/dist/index.css

@@ -6419,6 +6419,10 @@
   max-height: calc(var(--show-more-full-height) + 2px);
 }
 
+.opus_dSk-ve_contentShell[data-expanded="true"] {
+  max-height: none;
+}
+
 .opus_dSk-ve_inner {
   color: var(--opus-text);
   font-size: inherit;
@@ -6454,10 +6458,6 @@
   border-radius: var(--opus-input-radius-mark);
 }
 
-.opus_dSk-ve_toggleLabel {
-  animation: .22s cubic-bezier(.16, 1, .3, 1) opus_dSk-ve_showMoreLabelIn;
-}
-
 .opus_dSk-ve_chevron {
   width: 14px;
   height: 14px;
@@ -6472,26 +6472,10 @@
   transform: rotate(180deg);
 }
 
-@keyframes opus_dSk-ve_showMoreLabelIn {
-  from {
-    opacity: 0;
-    transform: translateY(3px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .opus_dSk-ve_contentShell, .opus_dSk-ve_chevron {
     transition: none;
   }
-
-  .opus_dSk-ve_toggleLabel {
-    animation: none;
-  }
 }
 
 /* components/Toast/Toast.module.css */
@@ -25408,6 +25392,73 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
   }
 }
 
+/* components/SyntaxHighlighter/SyntaxHighlighter.module.css */
+.opus_nFPk0C_root {
+  background: color-mix(in srgb, #090b12 94%, var(--opus-accent) 6%);
+  color: #e8ebf3;
+  white-space: pre;
+  tab-size: 2;
+  border: 1px solid #ffffff1f;
+  border-radius: 9px;
+  margin: 0;
+  padding: 23px 12px 11px;
+  font: 500 .8rem / 1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  position: relative;
+  overflow: auto;
+}
+
+.opus_nFPk0C_language {
+  color: #aab3c4;
+  text-transform: uppercase;
+  letter-spacing: .06em;
+  font: 600 .64rem / 1 ui-monospace, monospace;
+  position: absolute;
+  top: 7px;
+  right: 9px;
+}
+
+.opus_nFPk0C_comment {
+  color: #8b96a9;
+}
+
+.opus_nFPk0C_keyword {
+  color: #bd93f9;
+}
+
+.opus_nFPk0C_number {
+  color: #f8c56b;
+}
+
+.opus_nFPk0C_string {
+  color: #a8dc87;
+}
+
+[data-preview-root][data-theme="light"] .opus_nFPk0C_root, [data-theme="light"] .opus_nFPk0C_root {
+  border-color: color-mix(in srgb, var(--opus-border) 82%, var(--opus-accent));
+  background: color-mix(in srgb, var(--opus-panel) 88%, var(--opus-accent) 12%);
+  color: #1c2131;
+}
+
+[data-preview-root][data-theme="light"] .opus_nFPk0C_language, [data-theme="light"] .opus_nFPk0C_language {
+  color: #5d667d;
+}
+
+[data-preview-root][data-theme="light"] .opus_nFPk0C_comment, [data-theme="light"] .opus_nFPk0C_comment {
+  color: #65708a;
+}
+
+[data-preview-root][data-theme="light"] .opus_nFPk0C_keyword, [data-theme="light"] .opus_nFPk0C_keyword {
+  color: #6f3ec4;
+}
+
+[data-preview-root][data-theme="light"] .opus_nFPk0C_number, [data-theme="light"] .opus_nFPk0C_number {
+  color: #9b5b06;
+}
+
+[data-preview-root][data-theme="light"] .opus_nFPk0C_string, [data-theme="light"] .opus_nFPk0C_string {
+  color: #257a4f;
+}
+
 /* components/ChatBubble/ChatBubble.module.css */
 .opus_709yhz_group {
   width: 100%;
@@ -25439,12 +25490,12 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
 }
 
 .opus_709yhz_bubble {
-  border: 1px solid color-mix(in srgb, var(--opus-border) 78%, transparent);
-  background: var(--chat-bubble-background, color-mix(in srgb, var(--opus-panel) 78%, var(--opus-accent) 22%));
+  border: 1px solid var(--chat-bubble-border-active, color-mix(in srgb, var(--opus-border) 78%, transparent));
+  background: var(--chat-bubble-background-active, color-mix(in srgb, var(--opus-panel) 78%, var(--opus-accent) 22%));
   width: fit-content;
   min-width: 0;
   max-width: 100%;
-  color: var(--chat-bubble-foreground, var(--opus-text));
+  color: var(--chat-bubble-foreground-active, var(--opus-text));
   overflow-wrap: anywhere;
   border-radius: 16px;
   padding: 10px 12px;
@@ -25457,10 +25508,22 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
 }
 
 .opus_709yhz_group[data-alignment="right"] .opus_709yhz_bubble {
-  border-color: color-mix(in srgb, var(--opus-accent) 70%, var(--opus-border));
+  border-color: var(--chat-bubble-border-active, color-mix(in srgb, var(--opus-accent) 70%, var(--opus-border)));
   justify-self: end;
 }
 
+[data-preview-root][data-theme="light"] .opus_709yhz_group, [data-theme="light"] .opus_709yhz_group {
+  --chat-bubble-background-active: var(--chat-bubble-background-light);
+  --chat-bubble-foreground-active: var(--chat-bubble-foreground-light);
+  --chat-bubble-border-active: var(--chat-bubble-border-light);
+}
+
+[data-preview-root][data-theme="dark"] .opus_709yhz_group, [data-theme="dark"] .opus_709yhz_group {
+  --chat-bubble-background-active: var(--chat-bubble-background-dark);
+  --chat-bubble-foreground-active: var(--chat-bubble-foreground-dark);
+  --chat-bubble-border-active: var(--chat-bubble-border-dark);
+}
+
 .opus_709yhz_message[data-position="first"] .opus_709yhz_bubble {
   border-bottom-left-radius: 0;
 }
@@ -25517,48 +25580,13 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
 }
 
 .opus_709yhz_codeBlock {
-  background: color-mix(in srgb, #090b12 94%, var(--opus-accent) 6%);
-  color: #e8ebf3;
-  white-space: pre;
-  tab-size: 2;
-  border-radius: 9px;
-  margin: 8px 0 0;
-  padding: 28px 12px 12px;
-  font: 500 .8rem / 1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  position: relative;
-  overflow: auto;
+  margin: 0;
 }
 
 .opus_709yhz_text + .opus_709yhz_codeBlock {
   margin-top: 8px;
 }
 
-.opus_709yhz_codeLanguage {
-  color: #aab3c4;
-  text-transform: uppercase;
-  letter-spacing: .06em;
-  font: 600 .64rem / 1 ui-monospace, monospace;
-  position: absolute;
-  top: 7px;
-  right: 9px;
-}
-
-.opus_709yhz_tokenComment {
-  color: #8b96a9;
-}
-
-.opus_709yhz_tokenKeyword {
-  color: #bd93f9;
-}
-
-.opus_709yhz_tokenNumber {
-  color: #f8c56b;
-}
-
-.opus_709yhz_tokenString {
-  color: #a8dc87;
-}
-
 .opus_709yhz_group[data-alignment="right"] .ShowMore_toggle, .opus_709yhz_group[data-alignment="right"] button {
   color: inherit;
 }