opus-react 0.6.21 → 0.6.22

package/dist/index.css

@@ -25408,6 +25408,151 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
   }
 }
 
+/* components/ChatBubble/ChatBubble.module.css */
+.opus_709yhz_group {
+  width: 100%;
+  color: var(--opus-text);
+  align-items: flex-end;
+  gap: 10px;
+  display: flex;
+}
+
+.opus_709yhz_group[data-alignment="right"] {
+  flex-direction: row-reverse;
+}
+
+.opus_709yhz_messages {
+  gap: 2px;
+  min-width: 0;
+  max-width: min(78%, 46rem);
+  display: grid;
+}
+
+.opus_709yhz_message {
+  gap: 4px;
+  display: grid;
+}
+
+.opus_709yhz_group[data-alignment="right"] .opus_709yhz_message {
+  justify-items: end;
+}
+
+.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%));
+  min-width: 0;
+  color: var(--opus-text);
+  overflow-wrap: anywhere;
+  border-radius: 16px;
+  padding: 10px 12px;
+  font-size: .92rem;
+  line-height: 1.5;
+}
+
+.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));
+}
+
+.opus_709yhz_message[data-position="first"] .opus_709yhz_bubble {
+  border-bottom-left-radius: 5px;
+}
+
+.opus_709yhz_message[data-position="middle"] .opus_709yhz_bubble {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+
+.opus_709yhz_message[data-position="last"] .opus_709yhz_bubble {
+  border-top-left-radius: 5px;
+}
+
+.opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="first"] .opus_709yhz_bubble {
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 16px;
+}
+
+.opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="middle"] .opus_709yhz_bubble {
+  border-radius: 16px 5px 5px 16px;
+}
+
+.opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="last"] .opus_709yhz_bubble {
+  border-top-left-radius: 16px;
+  border-top-right-radius: 5px;
+}
+
+.opus_709yhz_time {
+  color: var(--opus-muted);
+  font-size: .72rem;
+  line-height: 1.2;
+}
+
+.opus_709yhz_group[data-alignment="right"] .opus_709yhz_time {
+  text-align: right;
+}
+
+.opus_709yhz_text {
+  white-space: pre-wrap;
+}
+
+.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;
+}
+
+.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;
+}
+
+@media (width <= 480px) {
+  .opus_709yhz_messages {
+    max-width: calc(100% - 38px);
+  }
+
+  .opus_709yhz_group {
+    gap: 8px;
+  }
+}
+
 /* components/Asteroids/Asteroids.module.css */
 .opus_kcnl9Q_game {
   color: #e2e8f0;