@genexus/genexus-ide-ui 1.1.55 → 1.1.57

package/dist/genexus-ide-ui/gx-ide-assets/chat-container/chat-lit.css

@@ -1,376 +0,0 @@
-.chat-lit::part(header__time assistant),
-.chat-lit::part(send-input),
-.chat-lit::part(assistant content waiting),
-.chat-lit::part(send-button),
-.chat-lit::part(stop-generating-answer-button) {
-  line-height: var(--line-height-tight);
-}
-.chat-lit::part(send-input),
-.chat-lit::part(send-button),
-.chat-lit::part(stop-generating-answer-button) {
-  font-size: var(--font-size-body-m);
-}
-.chat-lit::part(header__time assistant),
-.chat-lit::part(assistant content waiting) {
-  font-size: var(--font-size-body-s);
-}
-.chat-lit::part(send-input) {
-  font-weight: var(--font-weight-regular);
-}
-.chat-lit::part(message),
-.chat-lit::part(assistant copy-message-content) {
-  font-size: var(--font-size-body-m);
-  line-height: var(--line-height-tight);
-  font-weight: var(--font-weight-regular);
-}
-.chat-lit::part(send-button),
-.chat-lit::part(stop-generating-answer-button) {
-  font-weight: var(--font-weight-semi-bold);
-}
-.chat-lit::part(header__time assistant),
-.chat-lit::part(assistant content waiting) {
-  font-weight: var(--font-weight-regular);
-  font-style: italic;
-}
-.chat-lit::part(assistant copy-message-content),
-.chat-lit::part(send-button),
-.chat-lit::part(stop-generating-answer-button) {
-  display: inline-grid;
-  grid-auto-flow: column;
-  grid-auto-columns: max-content;
-  justify-content: center;
-  border-width: var(--control__border-width);
-  border-style: var(--control__border-style);
-  border-color: var(--control__border-color);
-  border-radius: var(--control__border-radius);
-  padding-block: var(--control__padding-block);
-  padding-inline: var(--control__padding-inline);
-  box-sizing: border-box;
-  background-color: var(--button-background-color);
-  color: var(--button-color);
-}
-.chat-lit::part(assistant copy-message-content):focus-visible,
-.chat-lit::part(send-button):focus-visible,
-.chat-lit::part(stop-generating-answer-button):focus-visible {
-  outline: var(--focus__outline-width) var(--focus__outline-style)
-    var(--focus__outline-color);
-  outline-offset: var(--focus__outline-offset);
-}
-.chat-lit::part(send-button),
-.chat-lit::part(stop-generating-answer-button) {
-  --button-background-color: transparent;
-  --control__border-color: var(--button-color);
-  --button-color: var(--mer-text__neutral);
-  --button-color--enabled: var(--mer-text__neutral);
-  --button-color--active: var(--mer-text__on-primary--active);
-}
-.chat-lit::part(send-button):hover,
-.chat-lit::part(stop-generating-answer-button):hover {
-  --button-color: var(--mer-text__primary--hover);
-}
-.chat-lit::part(send-button):active,
-.chat-lit::part(stop-generating-answer-button):active {
-  --control__border-color: var(--mer-border-color__primary--active);
-  --button-color: var(--button-color--active);
-}
-.chat-lit::part(send-button):disabled,
-.chat-lit::part(stop-generating-answer-button):disabled {
-  --button-color: var(--mer-text__on-disabled);
-}
-.chat-lit::part(assistant copy-message-content) {
-  --button-background-color: transparent;
-  --control__border-color: transparent;
-  --button-color: var(--mer-text__primary);
-}
-.chat-lit::part(assistant copy-message-content):hover {
-  --button-color: var(--mer-text__primary--hover);
-}
-.chat-lit::part(assistant copy-message-content):active {
-  --button-color: var(--mer-text__primary--active);
-}
-.chat-lit::part(assistant copy-message-content):disabled {
-  --button-color: var(--mer-text__on-disabled);
-}
-.chat-lit::part(assistant copy-message-content),
-.chat-lit::part(send-button),
-.chat-lit::part(stop-generating-answer-button) {
-  padding: calc(
-    (
-        var(--control__block-size) - 2 * var(--control__border-width) -
-          var(--mer-icon__box--md)
-      ) /
-      2
-  );
-  border-width: var(--control__border-width);
-  border-style: var(--control__border-style);
-  border-color: var(--control__border-color);
-  border-radius: var(--control__border-radius);
-}
-.chat-lit::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);
-  padding-block: var(--control__padding-block);
-  padding-inline: var(--control__padding-inline);
-}
-.chat-lit::part(send-input):focus {
-  outline: var(--focus__outline-width) var(--focus__outline-style)
-    var(--focus__outline-color);
-  outline-offset: var(--focus__outline-offset);
-}
-.chat-lit::part(send-input):hover {
-  --control__border-color: var(--control__border-color--hover);
-}
-.chat-lit {
-  --button-block-size: 31px;
-  --button-margin-block: var(--mer-spacing--md);
-  --font-weight-regular: 100;
-  --line-height-tight: 1.4;
-  --send-input-block-padding: 16px;
-  --send-input-inline-start-padding: 10px;
-  --send-input-inline-end-padding: 10px;
-  --send-input-inline-size: 32px;
-}
-.chat-lit::part(messages-container) {
-  gap: var(--mer-spacing--md);
-  padding: var(--mer-spacing--md);
-}
-.chat-lit-with-file-upload {
-  --send-input-block-padding: 10px;
-  --send-input-inline-start-padding: 2px;
-}
-.chat-lit-with-file-upload::part(send-input) {
-  grid-template: "file-upload-menu ch-edit-content live-audio-button" 1fr / max-content 1fr max-content;
-}
-.chat-lit-with-file-viewer::part(send-input) {
-  grid-template: "file-upload-menu ch-edit-content live-audio-button" 1fr "file-viewer file-viewer file-viewer" max-content/max-content 1fr;
-}
-.chat-lit::part(message) {
-  --message-content-border-color: transparent;
-  --time-display: initial;
-  color: var(--mer-color__neutral-gray--100);
-}
-.chat-lit::part(message user) {
-  background-color: var(--mer-color__chat-message--user);
-  max-inline-size: 90%;
-  justify-self: end;
-}
-.chat-lit::part(message user),
-.chat-lit::part(error content),
-.chat-lit::part(assistant content warning),
-.chat-lit::part(assistant content success) {
-  padding: var(--mer-spacing--sm);
-  border-radius: var(--mer-border__radius--sm);
-}
-.chat-lit::part(assistant copy-message-content)::before {
-  --button-icon: var(--icon__system_copy_primary--enabled);
-  content: "";
-  inline-size: var(--mer-icon__box--md);
-  block-size: var(--mer-icon__box--md);
-  content: "";
-  display: grid;
-  -webkit-mask: no-repeat center/100% var(--button-icon);
-  background-color: currentColor;
-}
-.chat-lit::part(assistant copy-message-content copying)::before {
-  --button-icon: var(--icon__system_check_on-elevation--enabled);
-}
-.chat-lit::part(header assistant) {
-  align-items: center;
-  display: flex;
-  font-size: 12px;
-  justify-content: space-between;
-  margin-block-end: var(--mer-spacing--sm);
-}
-.chat-lit::part(header__start assistant) {
-  align-items: center;
-  display: flex;
-  gap: var(--mer-spacing--xs);
-}
-.chat-lit::part(header__avatar-container assistant) {
-  position: relative;
-  inline-size: 26px;
-  block-size: 26px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.chat-lit::part(header__avatar-border assistant) {
-  position: absolute;
-  overflow: hidden;
-  inline-size: 100%;
-  block-size: 100%;
-  background: linear-gradient(
-    90deg,
-    var(
-        --chat-avatar-border-color-from,
-        var(--mer-color__chat-avatar-circle-from)
-      )
-      0%,
-    var(--chat-avatar-border-color-to, var(--mer-color__chat-avatar-circle-to))
-      100%
-  );
-  border-radius: 50%;
-  -webkit-mask-image: radial-gradient(
-    circle 12px at center,
-    transparent 98%,
-    black 100%
-  );
-  mask-image: radial-gradient(
-    circle 12px at center,
-    transparent 98%,
-    black 100%
-  );
-}
-.chat-lit::part(header__avatar-image assistant) {
-  position: absolute;
-  display: block;
-  width: calc(100% - 6px);
-  height: calc(100% - 6px);
-  border-radius: 50%;
-  background-image: var(--icon__system_assistant-fill_primary--active);
-  background-color: var(
-    --chat-avatar-background-color,
-    var(--mer-color__primary--300)
-  );
-  background-size: 80%;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.chat-lit::part(header__role assistant) {
-  display: inline-grid;
-  gap: 6px;
-  grid-template-columns: max-content max-content;
-}
-.chat-lit::part(header__role assistant)::before {
-  align-self: center;
-  background-color: currentColor;
-  block-size: var(--mer-spacing--2xs);
-  border-radius: 50%;
-  content: "";
-  display: grid;
-  inline-size: var(--mer-spacing--2xs);
-  justify-self: flex-end;
-}
-.chat-lit::part(header__time assistant) {
-  display: var(--time-display);
-  color: var(--mer-text__complementary);
-}
-.chat-lit::part(error content),
-.chat-lit::part(assistant content warning),
-.chat-lit::part(assistant content success) {
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  gap: var(--mer-spacing--sm);
-  align-items: center;
-}
-.chat-lit::part(error content)::before,
-.chat-lit::part(assistant content warning)::before,
-.chat-lit::part(assistant content success)::before {
-  block-size: var(--mer-spacing--md);
-  content: "";
-  display: grid;
-  inline-size: var(--mer-spacing--md);
-  justify-self: flex-end;
-  background: var(--chat-message-icon) no-repeat center center/contain;
-}
-.chat-lit::part(error content) {
-  background-color: var(--mer-color__chat-message--error);
-  --chat-message-icon: var(--icon__system_warning_error--enabled);
-}
-.chat-lit::part(assistant content warning) {
-  background-color: var(--mer-color__chat-message--warning);
-  --chat-message-icon: var(--icon__system_warning_warning--enabled);
-}
-.chat-lit::part(assistant content success) {
-  background-color: var(--mer-color__chat-message--success);
-  --chat-message-icon: var(--icon__system_check_success--enabled);
-}
-.chat-lit::part(assistant content waiting) {
-  display: flex;
-  gap: var(--mer-spacing--xs);
-}
-.chat-lit::part(send-container) {
-  background-color: var(--mer-surface__elevation--02);
-  border-radius: var(--mer-spacing--2xs);
-  position: relative;
-  margin: var(--mer-spacing--md);
-}
-.chat-lit::part(send-input-wrapper) {
-  position: relative;
-}
-.chat-lit::part(send-input) {
-  --ch-edit-gap: var(--control__icon-gap);
-  --ch-edit__image-size: var(--mer-icon__box--md);
-  --ch-placeholder-color: var(--control-placeholder__color);
-  border-width: 0 !important;
-  background-color: rgba(0, 0, 0, 0) !important;
-  border-color: var(--mer-color__neutral-gray--900);
-  border-radius: var(--control__border-radius);
-  border-style: var(--control__border-style);
-  color: var(--control__color);
-  padding-block: var(--send-input-block-padding);
-  padding-inline-start: var(--send-input-inline-start-padding);
-  padding-inline-end: calc(
-    var(--send-input-inline-end-padding) * 2 + var(--send-input-inline-size)
-  );
-}
-.chat-lit::part(send-input):hover {
-  --control__border-color: var(--control__border-color--hover);
-}
-.chat-lit::part(send-input):focus {
-  outline: var(--focus__outline-width) var(--focus__outline-style)
-    var(--focus__outline-color);
-  outline-offset: var(--focus__outline-offset);
-}
-.chat-lit::part(send-button),
-.chat-lit::part(stop-generating-answer-button) {
-  position: absolute;
-  inset-inline-end: var(--send-input-inline-end-padding);
-  inset-block-end: var(--send-input-inline-end-padding);
-}
-.chat-lit::part(send-button) {
-  --icon-path: var(--icon__system_send_neutral--enabled);
-  z-index: 1;
-}
-.chat-lit::part(send-button):hover {
-  --icon-path: var(--icon__system_send_neutral--hover);
-}
-.chat-lit::part(send-button):active {
-  --icon-path: var(--icon__system_send_neutral--active);
-}
-.chat-lit::part(stop-generating-answer-button) {
-  --icon-path: var(--icon__system_cancel-circle_neutral--enabled);
-  font-size: 0 !important;
-  background-color: var(--mer-surface__elevation--02);
-  z-index: 2;
-}
-.chat-lit::part(stop-generating-answer-button):hover {
-  --icon-path: var(--icon__system_cancel-circle_neutral--hover);
-}
-.chat-lit::part(stop-generating-answer-button):active {
-  --icon-path: var(--icon__system_cancel-circle_neutral--active);
-}
-.chat-lit::part(send-button)::before,
-.chat-lit::part(stop-generating-answer-button)::before {
-  content: "";
-  display: inline-block;
-  inline-size: var(--mer-icon__box--md);
-  block-size: var(--mer-icon__box--md);
-  background: no-repeat center/var(--mer-icon__size--md) var(--icon-path);
-}
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}