@genexus/mercury 0.28.0 → 0.28.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.paginator::part(items-per-page__label),.paginator::part(page page-active),.paginator{line-height:var(--line-height-tight)}.paginator::part(items-per-page__label){font-size:var(--font-size-body-m)}.paginator::part(page page-active),.paginator{font-size:var(--font-size-body-s)}.paginator
|
|
1
|
+
.paginator::part(items-per-page__label),.paginator::part(page page-active),.paginator{line-height:var(--line-height-tight)}.paginator::part(items-per-page__label){font-size:var(--font-size-body-m)}.paginator::part(page page-active),.paginator{font-size:var(--font-size-body-s)}.paginator{font-weight:var(--font-weight-regular)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.paginator::part(items-per-page__label),.paginator::part(page page-active){font-weight:var(--font-weight-semi-bold)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__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)}.paginator::part(prev__button):focus-visible,.paginator::part(next__button):focus-visible,.paginator::part(last__button):focus-visible,.paginator::part(first__button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.paginator::part(prev__button):hover,.paginator::part(next__button):hover,.paginator::part(last__button):hover,.paginator::part(first__button):hover{--button-color: var(--mer-text__primary--hover)}.paginator::part(prev__button):active,.paginator::part(next__button):active,.paginator::part(last__button):active,.paginator::part(first__button):active{--button-color: var(--mer-text__primary--active)}.paginator::part(prev__button):disabled,.paginator::part(next__button):disabled,.paginator::part(last__button):disabled,.paginator::part(first__button):disabled{--button-color: var(--mer-text__on-disabled)}paginator__previous-button-selector,paginator__next-button-selector,paginator__last-button-selector,paginator__first-button-selector{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)}.paginator::part(go-to__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)}.paginator::part(go-to__input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.paginator::part(go-to__input):hover{--control__border-color: var(--control__border-color--hover)}.paginator::part(items-per-page__combo-box){--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);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)}.paginator::part(items-per-page__combo-box):hover{--control__border-color: var(--control__border-color--hover)}.paginator::part(items-per-page__combo-box):focus{border-color:var(--borders-un-border-color__focused)}.paginator::part(items-per-page__combo-box)::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.paginator::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow);font-style:normal}.paginator::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.paginator::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.paginator::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.paginator::part(group){gap:var(--items-container__gap)}.paginator::part(group__content){gap:var(--items-container__gap)}.paginator::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.paginator::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.paginator::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.paginator{display:grid;gap:var(--mer-spacing--xs);grid-template:"items-per-page items-per-page-info . first__button prev__button go-to next__button last__button" 1fr/auto auto 1fr auto auto auto auto}.paginator::part(items-per-page__combo-box){inline-size:80px}.paginator::part(go-to){align-items:center;display:inline-flex;gap:var(--mer-spacing--xs)}.paginator::part(items-per-page){align-items:center;gap:var(--mer-spacing--xs)}.paginator::part(items-per-page-info){color:var(--mer-text__complementary)}.paginator::part(pages){gap:var(--mer-spacing--xs)}.paginator::part(page){border-radius:var(--mer-border__radius--sm);color:var(--mer-icon__neutral);padding:var(--mer-spacing--2xs) var(--mer-spacing--xs)}.paginator::part(page page-active){background:var(--mer-accent__primary);color:var(--mer-text__on-primary)}.paginator::part(page):hover{color:var(--mer-icon__on-primary--hover);background-color:var(--item__bg-color--selected-hover)}.paginator::part(first__button)::before,.paginator::part(last__button)::before,.paginator::part(next__button)::before,.paginator::part(prev__button)::before{background-color:currentColor;block-size:var(--mer-spacing--md);content:"";inline-size:var(--mer-spacing--md);mask:no-repeat center/100% var(--button-arrow-icon);-webkit-mask:no-repeat center/100% var(--button-arrow-icon)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.paginator::part(prev__button)::before{--button-arrow-icon: var(--icon__system_chevron-left_primary--enabled)}.paginator::part(next__button)::before{--button-arrow-icon: var(--icon__system_chevron-right_primary--enabled)}.paginator::part(first__button)::before{--button-arrow-icon: var(--icon__system_chevron-pag-left_primary--enabled)}.paginator::part(last__button)::before{--button-arrow-icon: var(--icon__system_chevron-pag-right_primary--enabled)}.label--disabled{--label__color: var(--label__color--disabled)}
|
package/dist/bundles.d.ts
CHANGED
|
@@ -304,14 +304,6 @@ export declare const getThemeBundles: (basePath: string, bundleNamePrefix?: stri
|
|
|
304
304
|
readonly name: string;
|
|
305
305
|
readonly url: string;
|
|
306
306
|
readonly attachStyleSheet: boolean;
|
|
307
|
-
}, {
|
|
308
|
-
readonly name: string;
|
|
309
|
-
readonly url: string;
|
|
310
|
-
readonly attachStyleSheet?: undefined;
|
|
311
|
-
} | {
|
|
312
|
-
readonly name: string;
|
|
313
|
-
readonly url: string;
|
|
314
|
-
readonly attachStyleSheet: boolean;
|
|
315
307
|
}];
|
|
316
308
|
/**
|
|
317
309
|
* Given the bundles array and the basePath or options (optional), returns the
|
package/dist/bundles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";let s;const c=(o,n)=>{const{attachStyleSheet:t,bundleName:l,bundleNamePrefix:p,bundleMappings:m}=n,e=p?p+l:l,u=m??s,g=u?u[l]:l,d=`${o}${g}.css`;return t===void 0?{name:e,url:d}:{name:e,url:d,attachStyleSheet:t}};export const getThemeBundles=(o,n)=>[c(o,{bundleName:"components/accordion",bundleNamePrefix:n}),c(o,{bundleName:"components/button",bundleNamePrefix:n}),c(o,{bundleName:"components/chat",bundleNamePrefix:n}),c(o,{bundleName:"components/
|
|
1
|
+
"use strict";let s;const c=(o,n)=>{const{attachStyleSheet:t,bundleName:l,bundleNamePrefix:p,bundleMappings:m}=n,e=p?p+l:l,u=m??s,g=u?u[l]:l,d=`${o}${g}.css`;return t===void 0?{name:e,url:d}:{name:e,url:d,attachStyleSheet:t}};export const getThemeBundles=(o,n)=>[c(o,{bundleName:"components/accordion",bundleNamePrefix:n}),c(o,{bundleName:"components/button",bundleNamePrefix:n}),c(o,{bundleName:"components/chat",bundleNamePrefix:n}),c(o,{bundleName:"components/checkbox",bundleNamePrefix:n}),c(o,{bundleName:"components/code",bundleNamePrefix:n}),c(o,{bundleName:"components/combo-box",bundleNamePrefix:n}),c(o,{bundleName:"components/flexible-layout",bundleNamePrefix:n}),c(o,{bundleName:"components/dialog",bundleNamePrefix:n}),c(o,{bundleName:"components/dropdown",bundleNamePrefix:n}),c(o,{bundleName:"components/icon",bundleNamePrefix:n}),c(o,{bundleName:"components/edit",bundleNamePrefix:n}),c(o,{bundleName:"components/layout-splitter",bundleNamePrefix:n}),c(o,{bundleName:"components/list-box",bundleNamePrefix:n}),c(o,{bundleName:"components/markdown-viewer",bundleNamePrefix:n,attachStyleSheet:!1}),c(o,{bundleName:"components/navigation-list",bundleNamePrefix:n}),c(o,{bundleName:"components/paginator",bundleNamePrefix:n}),c(o,{bundleName:"components/pills",bundleNamePrefix:n}),c(o,{bundleName:"components/radio-group",bundleNamePrefix:n}),c(o,{bundleName:"components/segmented-control",bundleNamePrefix:n}),c(o,{bundleName:"components/sidebar",bundleNamePrefix:n}),c(o,{bundleName:"components/slider",bundleNamePrefix:n}),c(o,{bundleName:"components/switch",bundleNamePrefix:n}),c(o,{bundleName:"components/tab",bundleNamePrefix:n}),c(o,{bundleName:"components/tabular-grid",bundleNamePrefix:n}),c(o,{bundleName:"components/ticket-list",bundleNamePrefix:n}),c(o,{bundleName:"components/tooltip",bundleNamePrefix:n}),c(o,{bundleName:"components/tree-view",bundleNamePrefix:n}),c(o,{bundleName:"components/widget",bundleNamePrefix:n}),c(o,{bundleName:"resets/box-sizing",bundleNamePrefix:n}),c(o,{bundleName:"utils/form",bundleNamePrefix:n}),c(o,{bundleName:"utils/elevation",bundleNamePrefix:n}),c(o,{bundleName:"utils/form--full",bundleNamePrefix:n}),c(o,{bundleName:"utils/layout",bundleNamePrefix:n}),c(o,{bundleName:"utils/spacing",bundleNamePrefix:n}),c(o,{bundleName:"utils/typography",bundleNamePrefix:n}),c(o,{bundleName:"chameleon/scrollbar",bundleNamePrefix:n})];const y=(o,n)=>n?o.map(t=>n+t):o;export const getBundles=(o,n)=>{let t,l,p;return typeof n=="object"?(t=n.basePath,l=n.bundleNamePrefix,p=n.bundleMappings):t=n,t?o.map(m=>c(t,{bundleName:m,bundleNamePrefix:l,bundleMappings:p})):y(o,l)},setBundleMapping=o=>{s=o};
|
package/dist/types.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] |
|
|
|
2
2
|
export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
|
|
3
3
|
export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
|
|
4
4
|
export type MercuryBundleBase = "base/base" | "base/icons";
|
|
5
|
-
export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/
|
|
5
|
+
export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/dropdown" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/paginator" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
|
|
6
6
|
export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/switch";
|
|
7
7
|
export type MercuryBundleReset = "resets/box-sizing";
|
|
8
8
|
export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/mercury",
|
|
3
|
-
"version": "0.28.
|
|
3
|
+
"version": "0.28.2",
|
|
4
4
|
"description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
},
|
|
70
70
|
"license": "Apache-2.0",
|
|
71
71
|
"devDependencies": {
|
|
72
|
-
"@genexus/chameleon-controls-library": "~6.
|
|
72
|
+
"@genexus/chameleon-controls-library": "~6.7.0",
|
|
73
73
|
"@genexus/svg-sass-generator": "1.1.24",
|
|
74
74
|
"@jackolope/ts-lit-plugin": "^3.1.4",
|
|
75
75
|
"@vitest/browser": "~3.1.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.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)}}
|