opus-react 0.6.22 → 0.6.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -6421,9 +6421,9 @@
6421
6421
 
6422
6422
  .opus_dSk-ve_inner {
6423
6423
  color: var(--opus-text);
6424
+ font-size: inherit;
6425
+ line-height: inherit;
6424
6426
  white-space: pre-wrap;
6425
- font-size: .86rem;
6426
- line-height: 1.55;
6427
6427
  display: flow-root;
6428
6428
  }
6429
6429
 
@@ -25423,13 +25423,14 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
25423
25423
 
25424
25424
  .opus_709yhz_messages {
25425
25425
  gap: 2px;
25426
+ width: min(78%, 46rem);
25426
25427
  min-width: 0;
25427
- max-width: min(78%, 46rem);
25428
25428
  display: grid;
25429
25429
  }
25430
25430
 
25431
25431
  .opus_709yhz_message {
25432
25432
  gap: 4px;
25433
+ min-width: 0;
25433
25434
  display: grid;
25434
25435
  }
25435
25436
 
@@ -25439,9 +25440,11 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
25439
25440
 
25440
25441
  .opus_709yhz_bubble {
25441
25442
  border: 1px solid color-mix(in srgb, var(--opus-border) 78%, transparent);
25442
- background: var(--chat-bubble-background, color-mix(in srgb, var(--opus-panel) 88%, var(--opus-accent) 12%));
25443
+ background: var(--chat-bubble-background, color-mix(in srgb, var(--opus-panel) 78%, var(--opus-accent) 22%));
25444
+ width: fit-content;
25443
25445
  min-width: 0;
25444
- color: var(--opus-text);
25446
+ max-width: 100%;
25447
+ color: var(--chat-bubble-foreground, var(--opus-text));
25445
25448
  overflow-wrap: anywhere;
25446
25449
  border-radius: 16px;
25447
25450
  padding: 10px 12px;
@@ -25449,37 +25452,54 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
25449
25452
  line-height: 1.5;
25450
25453
  }
25451
25454
 
25455
+ .opus_709yhz_group[data-alignment="left"] .opus_709yhz_bubble {
25456
+ justify-self: start;
25457
+ }
25458
+
25452
25459
  .opus_709yhz_group[data-alignment="right"] .opus_709yhz_bubble {
25453
- background: var(--chat-bubble-background, var(--opus-accent));
25454
- color: var(--opus-accent-contrast, #fff);
25455
25460
  border-color: color-mix(in srgb, var(--opus-accent) 70%, var(--opus-border));
25461
+ justify-self: end;
25456
25462
  }
25457
25463
 
25458
25464
  .opus_709yhz_message[data-position="first"] .opus_709yhz_bubble {
25459
- border-bottom-left-radius: 5px;
25465
+ border-bottom-left-radius: 0;
25460
25466
  }
25461
25467
 
25462
25468
  .opus_709yhz_message[data-position="middle"] .opus_709yhz_bubble {
25463
- border-top-left-radius: 5px;
25464
- border-bottom-left-radius: 5px;
25469
+ border-top-left-radius: 0;
25470
+ border-bottom-left-radius: 0;
25465
25471
  }
25466
25472
 
25467
25473
  .opus_709yhz_message[data-position="last"] .opus_709yhz_bubble {
25468
- border-top-left-radius: 5px;
25474
+ border-top-left-radius: 0;
25475
+ }
25476
+
25477
+ .opus_709yhz_group[data-alignment="left"] .opus_709yhz_message[data-adjacent-above="true"] .opus_709yhz_bubble {
25478
+ border-top-right-radius: var(--chat-bubble-corner-above);
25479
+ }
25480
+
25481
+ .opus_709yhz_group[data-alignment="left"] .opus_709yhz_message[data-adjacent-below="true"] .opus_709yhz_bubble {
25482
+ border-bottom-right-radius: var(--chat-bubble-corner-below);
25469
25483
  }
25470
25484
 
25471
25485
  .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="first"] .opus_709yhz_bubble {
25472
- border-bottom-right-radius: 5px;
25473
- border-bottom-left-radius: 16px;
25486
+ border-radius: 16px 16px 0;
25474
25487
  }
25475
25488
 
25476
25489
  .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="middle"] .opus_709yhz_bubble {
25477
- border-radius: 16px 5px 5px 16px;
25490
+ border-radius: 16px 0 0 16px;
25478
25491
  }
25479
25492
 
25480
25493
  .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-position="last"] .opus_709yhz_bubble {
25481
- border-top-left-radius: 16px;
25482
- border-top-right-radius: 5px;
25494
+ border-radius: 16px 0 16px 16px;
25495
+ }
25496
+
25497
+ .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-adjacent-above="true"] .opus_709yhz_bubble {
25498
+ border-top-left-radius: var(--chat-bubble-corner-above);
25499
+ }
25500
+
25501
+ .opus_709yhz_group[data-alignment="right"] .opus_709yhz_message[data-adjacent-below="true"] .opus_709yhz_bubble {
25502
+ border-bottom-left-radius: var(--chat-bubble-corner-below);
25483
25503
  }
25484
25504
 
25485
25505
  .opus_709yhz_time {