opus-react 0.6.23 → 0.6.25

package/dist/index.css

@@ -6419,11 +6419,15 @@
   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;
+  line-height: inherit;
   white-space: pre-wrap;
-  font-size: .86rem;
-  line-height: 1.55;
   display: flow-root;
 }
 
@@ -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%;
@@ -25423,13 +25474,14 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
 
 .opus_709yhz_messages {
   gap: 2px;
+  width: min(78%, 46rem);
   min-width: 0;
-  max-width: min(78%, 46rem);
   display: grid;
 }
 
 .opus_709yhz_message {
   gap: 4px;
+  min-width: 0;
   display: grid;
 }
 
@@ -25438,10 +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) 88%, var(--opus-accent) 12%));
+  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;
-  color: var(--opus-text);
+  max-width: 100%;
+  color: var(--chat-bubble-foreground-active, var(--opus-text));
   overflow-wrap: anywhere;
   border-radius: 16px;
   padding: 10px 12px;
@@ -25449,35 +25503,66 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
   line-height: 1.5;
 }
 
+.opus_709yhz_group[data-alignment="left"] .opus_709yhz_bubble {
+  justify-self: start;
+}
+
 .opus_709yhz_group[data-alignment="right"] .opus_709yhz_bubble {
-  background: var(--chat-bubble-background, var(--opus-accent));
-  color: var(--opus-accent-contrast, #fff);
-  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: 5px;
+  border-bottom-left-radius: 0;
 }
 
 .opus_709yhz_message[data-position="middle"] .opus_709yhz_bubble {
-  border-top-left-radius: 5px;
-  border-bottom-left-radius: 5px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .opus_709yhz_message[data-position="last"] .opus_709yhz_bubble {
-  border-top-left-radius: 5px;
+  border-top-left-radius: 0;
+}
+
+.opus_709yhz_group[data-alignment="left"] .opus_709yhz_message[data-adjacent-above="true"] .opus_709yhz_bubble {
+  border-top-right-radius: var(--chat-bubble-corner-above);
+}
+
+.opus_709yhz_group[data-alignment="left"] .opus_709yhz_message[data-adjacent-below="true"] .opus_709yhz_bubble {
+  border-bottom-right-radius: var(--chat-bubble-corner-below);
 }
 
 .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="first"] .opus_709yhz_bubble {
-  border-radius: 16px 16px 5px;
+  border-radius: 16px 16px 0;
 }
 
 .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="middle"] .opus_709yhz_bubble {
-  border-radius: 16px 5px 5px 16px;
+  border-radius: 16px 0 0 16px;
 }
 
 .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="last"] .opus_709yhz_bubble {
-  border-radius: 16px 5px 16px 16px;
+  border-radius: 16px 0 16px 16px;
+}
+
+.opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-adjacent-above="true"] .opus_709yhz_bubble {
+  border-top-left-radius: var(--chat-bubble-corner-above);
+}
+
+.opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-adjacent-below="true"] .opus_709yhz_bubble {
+  border-bottom-left-radius: var(--chat-bubble-corner-below);
 }
 
 .opus_709yhz_time {
@@ -25495,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;
 }