@genexus/mercury 0.9.16 → 0.9.18

package/dist/bundles/css/components/chat.css

@@ -1 +1 @@
-.chat::part(message assistant waiting),.chat::part(message__time),.chat::part(message__role),.chat::part(message__content){--text-body__font-size--l: var(--mer-font__size--sm);--text-body__font-size--m: var(--mer-font__size--xs);--text-body__font-size--s: var(--mer-font__size--3xs);--text-body__font-size--xs: var(--mer-font__size--4xs);--text-body__line-height: var(--mer-line-height--spaced);--text-body-regular__font-weight: var(--mer-font__weight--regular);--text-body-highlighted__font-weight: var(--mer-font__weight--semi-bold);--text-body-italic__font-weight: var(--mer-font__weight--regular)}.chat::part(message__content){font-size:var(--text-body__font-size--m);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.chat::part(message__role){font-size:var(--text-body__font-size--m);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.chat::part(message__time){font-size:var(--text-body__font-size--m);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.chat::part(message assistant waiting){font-size:var(--text-body__font-size--s);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.chat::part(message assistant success)::after,.chat::part(message error)::after,.chat::part(message assistant warning)::after{content:"";display:grid;justify-self:flex-end;inline-size:16px;block-size:16px;-webkit-mask:no-repeat center/100% var(--chat-message-icon);background-color:var(--chat-message-icon-color)}.chat::part(send-input){--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.chat::part(send-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.chat::part(send-input):hover{--control__border-color: var(--control__border-color--hover)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat::part(content){gap:6px}.chat::part(message){display:grid;grid-template-columns:1fr max-content;grid-auto-rows:max-content;padding:var(--mer-spacing--sm);gap:var(--mer-spacing--sm);border-radius:var(--mer-border__radius--sm);overflow:hidden}.chat::part(message__role){display:inline-grid;grid-template-columns:max-content max-content;gap:6px}.chat::part(message__role)::before{content:"";display:grid;justify-self:flex-end;inline-size:4px;block-size:4px;border-radius:50%;align-self:center;background-color:currentColor}.chat::part(message__role user){color:var(--mer-accent__primary)}.chat::part(message__time){color:#828b96}.chat::part(message__content){color:var(--mer-color__neutral-gray--100)}.chat::part(message__content user),.chat::part(message__content no-error){grid-area:2/1/2/3}.chat::part(message user){background-color:rgba(91,167,255,.08);border-inline-start:2px solid var(--mer-border-color__primary)}.chat::part(message assistant){background-color:var(--mer-color__neutral-gray--900)}.chat::part(message assistant waiting){background-color:var(--mer-color__neutral-gray--900);border-radius:unset;color:#666}.chat::part(message assistant complete){background-color:var(--mer-surface__elevation--01)}.chat::part(message assistant warning){background-color:rgba(255,201,107,.05);border-inline-start:2px solid var(--mer-border-color__warning)}.chat::part(message assistant warning)::after{--chat-message-icon: var(--icon__system_warning_primary--enabled);--chat-message-icon-color: var(--mer-icon__warning)}.chat::part(message error){background-color:rgba(251,124,132,.05);border-inline-start:2px solid var(--mer-border-color__error)}.chat::part(message error)::after{--chat-message-icon: var( --icon__system_warning_primary--enabled );--chat-message-icon-color: var(--mer-icon__error)}.chat::part(message assistant success){background-color:rgba(63,168,155,.05);border-inline-start:2px solid var(--mer-border-color__success)}.chat::part(message assistant success)::after{--chat-message-icon: var(--icon__system_success_primary--enabled);--chat-message-icon-color: var(--mer-icon__success)}.chat::part(send-input){background-color:var(--mer-color__neutral-gray--900);border-color:var(--mer-color__neutral-gray--900);--control__padding-block: 10px}.chat::part(send-input-wrapper){margin-block-start:14px}
+.chat::part(message assistant waiting),.chat::part(message__time),.chat::part(message__role),.chat::part(message__content){--text-body__font-size--l: var(--mer-font__size--sm);--text-body__font-size--m: var(--mer-font__size--xs);--text-body__font-size--s: var(--mer-font__size--3xs);--text-body__font-size--xs: var(--mer-font__size--4xs);--text-body__line-height: var(--mer-line-height--spaced);--text-body-regular__font-weight: var(--mer-font__weight--regular);--text-body-highlighted__font-weight: var(--mer-font__weight--semi-bold);--text-body-italic__font-weight: var(--mer-font__weight--regular)}.chat::part(message__content){font-size:var(--text-body__font-size--m);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.chat::part(message__role){font-size:var(--text-body__font-size--m);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.chat::part(message__time){font-size:var(--text-body__font-size--m);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.chat::part(message assistant waiting){font-size:var(--text-body__font-size--s);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.chat::part(message assistant success)::after,.chat::part(message error)::after,.chat::part(message assistant warning)::after{content:"";display:grid;justify-self:flex-end;inline-size:16px;block-size:16px;-webkit-mask:no-repeat center/100% var(--chat-message-icon);background-color:var(--chat-message-icon-color)}.chat::part(send-input){--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.chat::part(send-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.chat::part(send-input):hover{--control__border-color: var(--control__border-color--hover)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat{--button-block-size: 31px;--button-margin-block: 16px}.chat::part(content){gap:6px}.chat::part(message){display:grid;grid-template-columns:1fr max-content;grid-auto-rows:max-content;padding:var(--mer-spacing--sm);gap:var(--mer-spacing--sm);border-radius:var(--mer-border__radius--sm);overflow:hidden}.chat::part(message__role){display:inline-grid;grid-template-columns:max-content max-content;gap:6px}.chat::part(message__role)::before{content:"";display:grid;justify-self:flex-end;inline-size:4px;block-size:4px;border-radius:50%;align-self:center;background-color:currentColor}.chat::part(message__role user){color:var(--mer-accent__primary)}.chat::part(message__time){color:#828b96}.chat::part(message__content){color:var(--mer-color__neutral-gray--100)}.chat::part(message__content user),.chat::part(message__content no-error){grid-area:2/1/2/3}.chat::part(message user){background-color:rgba(91,167,255,.08);border-inline-start:2px solid var(--mer-border-color__primary)}.chat::part(message assistant){background-color:var(--mer-color__neutral-gray--900)}.chat::part(message assistant waiting){background-color:var(--mer-color__neutral-gray--900);border-radius:unset;color:#666}.chat::part(message assistant complete){background-color:var(--mer-surface__elevation--01)}.chat::part(message assistant warning){background-color:rgba(255,201,107,.05);border-inline-start:2px solid var(--mer-border-color__warning)}.chat::part(message assistant warning)::after{--chat-message-icon: var(--icon__system_warning_primary--enabled);--chat-message-icon-color: var(--mer-icon__warning)}.chat::part(message error){background-color:rgba(251,124,132,.05);border-inline-start:2px solid var(--mer-border-color__error)}.chat::part(message error)::after{--chat-message-icon: var( --icon__system_warning_primary--enabled );--chat-message-icon-color: var(--mer-icon__error)}.chat::part(message assistant success){background-color:rgba(63,168,155,.05);border-inline-start:2px solid var(--mer-border-color__success)}.chat::part(message assistant success)::after{--chat-message-icon: var(--icon__system_success_primary--enabled);--chat-message-icon-color: var(--mer-icon__success)}.chat::part(message__processing){color:var(--mer-text__on-surface);font-size:var(--mer-font__size--2xs)}.chat::part(stop-generating-answer-button){border-radius:var(--control__border-radius);border:1px solid var(--mer-border-color__neutral);color:var(--control__border-style);font-size:var(--control__font-size--regular);inline-size:100%;justify-content:center;line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);transform:translateY(calc(var(--button-margin-block) / 2))}.chat::part(stop-generating-answer-button):hover{border-color:var(--mer-border-color__primary--hover);color:var(--mer-text__primary--hover)}.chat::part(stop-generating-answer-button):active{border-color:var(--mer-border-color__primary--active);color:var(--mer-text__on-primary--active)}.chat::part(send-input){background-color:var(--mer-color__neutral-gray--900);border-color:var(--mer-color__neutral-gray--900);--control__padding-block: 10px;background-color:var(--mer-surface__elevation--01) !important}.chat::part(send-input-wrapper){margin-block-start:calc(var(--button-block-size) + var(--button-margin-block))}

package/dist/mercury.scss

@@ -3958,6 +3958,9 @@
 
 @mixin chat($chat-selector: ".chat") {
   #{$chat-selector} {
+    --button-block-size: 31px;
+    --button-margin-block: 16px;
+
     &::part(content) {
       gap: 6px;
     }
@@ -4064,6 +4067,11 @@
       }
     }
 
+    &::part(message__processing) {
+      color: var(--mer-text__on-surface);
+      font-size: var(--mer-font__size--2xs);
+    }
+
     @include input(
       $selector: "&::part(send-input)",
       $add--disabled: false,
@@ -4071,14 +4079,39 @@
       $add--error: false
     );
 
+    &::part(stop-generating-answer-button) {
+      border-radius: var(--control__border-radius);
+      border: 1px solid var(--mer-border-color__neutral);
+      color: var(--control__border-style);
+      font-size: var(--control__font-size--regular);
+      inline-size: 100%;
+      justify-content: center;
+      line-height: var(--control__line-height);
+      padding-block: var(--control__padding-block);
+      padding-inline: var(--control__padding-inline);
+      transform: translateY(calc(var(--button-margin-block) / 2));
+    }
+    &::part(stop-generating-answer-button):hover {
+      border-color: var(--mer-border-color__primary--hover);
+      color: var(--mer-text__primary--hover);
+    }
+    &::part(stop-generating-answer-button):active {
+      border-color: var(--mer-border-color__primary--active);
+      color: var(--mer-text__on-primary--active);
+    }
+
     &::part(send-input) {
       background-color: var(--mer-color__neutral-gray--900);
       border-color: var(--mer-color__neutral-gray--900);
       --control__padding-block: 10px;
+
+      background-color: var(--mer-surface__elevation--01) !important;
     }
 
     &::part(send-input-wrapper) {
-      margin-block-start: 14px;
+      margin-block-start: calc(
+        var(--button-block-size) + var(--button-margin-block)
+      );
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.9.16",
+  "version": "0.9.18",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
   "main": "dist/mercury.scss",
   "module": "dist/assets-manager.js",