@genexus/mercury 0.8.5 → 0.8.7

package/dist/bundles/css/components/accordion.css

@@ -1 +1 @@
-.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.accordion-outlined,.accordion-filled{--ch-accordion__header-image-size: var(--mer-icon__box--sm);--ch-accordion__chevron-size: var(--mer-icon__box--sm);--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);--ch-accordion-expand-collapse-timing-function: ease-in-out;gap:var(--mer-spacing--2xs)}.accordion-outlined::part(header),.accordion-filled::part(header){padding:var(--mer-spacing--sm);gap:var(--mer-spacing--sm)}.accordion-outlined::part(header):focus-visible,.accordion-filled::part(header):focus-visible{outline:1px solid}.accordion-filled::part(panel){border-radius:var(--mer-border__radius--sm);background-color:var(--mer-surface__elevation--01)}.accordion-outlined::part(panel){border:1px solid var(--mer-border-color__on-surface);border-radius:var(--mer-border__radius--sm)}.accordion-outlined::part(section),.accordion-filled::part(section){margin-block:1px var(--mer-spacing--sm);margin-inline:var(--mer-spacing--sm);border:1px solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--sm)}
+.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.accordion-outlined::part(header),.accordion-filled::part(header){--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)}.accordion-outlined::part(header),.accordion-filled::part(header){font-size:var(--text-body__font-size--m);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.accordion-outlined,.accordion-filled{--ch-accordion__header-image-size: var(--mer-icon__box--sm);--ch-accordion__chevron-size: var(--mer-icon__box--sm);--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);--ch-accordion-expand-collapse-timing-function: ease-in-out;--spacing-body-block-start: var(--mer-spacing--xs);--spacing-body-block-end: var(--mer-spacing--xs);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--accordion__gap: var(--mer-spacing--2xs);--accordion-header__padding: var(--mer-spacing--sm);--accordion-header__gap: var(--mer-spacing--sm);--accordion-header__color: var(--mer-text__highlighted);--accordion-header__color--disabled: var(--mer-accent__primary--disabled);--accordion-panel__border-radius: var(--mer-border__radius--sm);--accordion-panel__bg-color: var(--mer-surface__elevation--01);--accordion-panel-outlined__border: var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);--accordion-panel-outlined__border-radius: var(--mer-border__radius--sm);--accordion-section__margin-block: 1px var(--mer-spacing--sm);--accordion-section__margin-inline: var(--mer-spacing--sm);--accordion-section__border: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);--accordion-section__border-radius: var(--mer-border__radius--sm);gap:var(--accordion__gap)}.accordion-outlined::part(header),.accordion-filled::part(header){padding:var(--accordion-header__padding);gap:var(--accordion-header__gap);color:var(--accordion-header__color)}.accordion-outlined::part(header):focus-visible,.accordion-filled::part(header):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.accordion-filled::part(header disabled){color:var(--mer-accent__primary--disabled)}.accordion-outlined::part(header disabled){color:var(--mer-accent__primary--disabled)}.accordion-filled::part(panel){border-radius:var(--mer-border__radius--sm);background-color:var(--mer-surface__elevation--01)}.accordion-outlined::part(panel){border:var(--accordion-panel-outlined__border);border-radius:var(--accordion-panel-outlined__border-radius)}.accordion-outlined::part(section){margin-block:var(--accordion-section__margin-block);margin-inline:var(--accordion-section__margin-inline);padding-block:var(--accordion-section__padding-block);padding-inline:var(--accordion-section__padding-inline);border:var(--accordion-section__border);border-radius:var(--accordion-section__border-radius)}

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

@@ -1 +1 @@
-.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.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)}.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:#e1ecf9}.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 waiting){background-color:#11151c;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:#11151c;border-color:#11151c;--control__padding-block: 10px}.chat::part(send-input-wrapper){margin-block-start:14px}
+.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.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)}.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}

package/dist/bundles/css/components/flexible-layout.css

@@ -1 +1 @@
-.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.flexible-layout{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md)}.flexible-layout::part(button){background-color:color-mix(in srgb, var(--colors-foundation__gray--300) 20%, transparent)}.flexible-layout::part(button selected){background-color:color-mix(in srgb, var(--colors-foundation__gray--300) 50%, transparent)}.flexible-layout::part(tab-list inline){background-color:var(--mer-color__neutral-gray--600);inline-size:48px;gap:4px}.flexible-layout::part(tab-list block){background-color:var(--mer-color__neutral-gray--700);overflow:auto}.flexible-layout::part(droppable-area){background-color:color-mix(in srgb, var(--accents__secondary--hover) 25%, transparent)}.flexible-layout::part(bar){color:var(--mer-border-color__on-surface)}.flexible-layout::part(button){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);font-size:var(--tab-caption__font-size);font-weight:var(--tab-caption__font-weight);gap:var(--tab-caption__gap)}.flexible-layout::part(button):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.flexible-layout::part(button block){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-block-end:var(--tab-caption__border-width) var(--tab-caption__border-style) var(--tab-caption__border-color)}.flexible-layout::part(button inline){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-block:var(--tab-caption__border-width) var(--tab-caption__border-style) var(--tab-caption__border-color)}.tab::part(button inline selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack)}.tab::part(button block selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline )}.tab::part(button disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab-list block){border-block-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline){border-inline-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}
+.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.flexible-layout{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md)}.flexible-layout::part(button){background-color:color-mix(in srgb, var(--colors-foundation__gray--300) 20%, transparent)}.flexible-layout::part(button selected){background-color:color-mix(in srgb, var(--colors-foundation__gray--300) 50%, transparent)}.flexible-layout::part(tab-list inline){background-color:var(--mer-color__neutral-gray--600);inline-size:48px;gap:4px}.flexible-layout::part(tab-list block){background-color:var(--mer-color__neutral-gray--650);overflow:auto}.flexible-layout::part(droppable-area){background-color:color-mix(in srgb, var(--accents__secondary--hover) 25%, transparent)}.flexible-layout::part(bar){color:var(--mer-border-color__on-surface)}.flexible-layout::part(button){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);font-size:var(--tab-caption__font-size);font-weight:var(--tab-caption__font-weight);gap:var(--tab-caption__gap)}.flexible-layout::part(button):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.flexible-layout::part(button block){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-block-end:var(--tab-caption__border-width) var(--tab-caption__border-style) var(--tab-caption__border-color)}.flexible-layout::part(button inline){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-block:var(--tab-caption__border-width) var(--tab-caption__border-style) var(--tab-caption__border-color)}.tab::part(button inline selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack)}.tab::part(button block selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline )}.tab::part(button disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab-list block){border-block-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline){border-inline-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}

package/dist/mercury.scss

@@ -3316,23 +3316,69 @@
 
 
 // Components
-%accordion {
+@mixin accordion-tokens() {
+  // chameleon tokens
   --ch-accordion__header-image-size: var(--mer-icon__box--sm);
   --ch-accordion__chevron-size: var(--mer-icon__box--sm);
-
   --ch-accordion-expand-collapse-duration: var(--mer-timing--fast);
   --ch-accordion-expand-collapse-timing-function: ease-in-out;
 
-  gap: var(--mer-spacing--2xs);
+  // spacing
+  --spacing-body-block-start: var(--mer-spacing--xs);
+  --spacing-body-block-end: var(--mer-spacing--xs);
+  --spacing-body-inline-start: var(--mer-spacing--sm);
+  --spacing-body-inline-end: var(--mer-spacing--sm);
+
+  // accordion
+  --accordion__gap: var(--mer-spacing--2xs);
+
+  // header
+  --accordion-header__padding: var(--mer-spacing--sm);
+  --accordion-header__gap: var(--mer-spacing--sm);
+  --accordion-header__color: var(--mer-text__highlighted);
+  --accordion-header__color--disabled: var(--mer-accent__primary--disabled);
+
+  // panel
+  --accordion-panel__border-radius: var(--mer-border__radius--sm);
+  --accordion-panel__bg-color: var(--mer-surface__elevation--01);
+
+  // panel outlined
+  --accordion-panel-outlined__border: var(--mer-border__width--sm) solid
+    var(--mer-border-color__on-surface);
+  --accordion-panel-outlined__border-radius: var(--mer-border__radius--sm);
+
+  // section
+  --accordion-section__margin-block: 1px var(--mer-spacing--sm);
+  --accordion-section__margin-inline: var(--mer-spacing--sm);
+  --accordion-section__border: var(--mer-border__width--sm) solid
+    var(--mer-border-color__on-elevation--01);
+  --accordion-section__border-radius: var(--mer-border__radius--sm);
+}
+
+
+%accordion {
+  @include accordion-tokens();
+  gap: var(--accordion__gap);
 }
 
 %accordion-header {
-  @extend %text-body;
-  padding: var(--mer-spacing--sm);
-  gap: var(--mer-spacing--sm);
+  @extend %text-body-highlighted-m;
+  padding: var(--accordion-header__padding);
+  gap: var(--accordion-header__gap);
+  color: var(--accordion-header__color);
 
   &--focus-visible {
-    outline: 1px solid;
+    @include focus-outline();
+  }
+
+  &--disabled {
+    color: var(--mer-accent__primary--disabled);
+  }
+
+  &-outlined {
+    &--disabled {
+      color: var(--mer-accent__primary--disabled);
+    }
   }
 }
 
@@ -3341,23 +3387,26 @@
   background-color: var(--mer-surface__elevation--01);
 
   &-outlined {
-    border: 1px solid var(--mer-border-color__on-surface);
-    border-radius: var(--mer-border__radius--sm);
+    border: var(--accordion-panel-outlined__border);
+    border-radius: var(--accordion-panel-outlined__border-radius);
   }
 }
 
 %accordion-section {
   // "1px" is used to improve the display of the outline when :focus-visible
-  margin-block: 1px var(--mer-spacing--sm);
-  margin-inline: var(--mer-spacing--sm);
-  border: 1px solid var(--mer-border-color__on-elevation--01);
-  border-radius: var(--mer-border__radius--sm);
+  margin-block: var(--accordion-section__margin-block);
+  margin-inline: var(--accordion-section__margin-inline);
+  padding-block: var(--accordion-section__padding-block);
+  padding-inline: var(--accordion-section__padding-inline);
+  border: var(--accordion-section__border);
+  border-radius: var(--accordion-section__border-radius);
 }
 
 @mixin accordion-filled(
   $accordion-selector: ".accordion-filled",
   $panel-selector: ".accordion-filled::part(panel)",
   $header-selector: ".accordion-filled::part(header)",
+  $header-disabled-selector: ".accordion-filled::part(header disabled)",
   $section-selector: ".accordion-filled::part(section)"
 ) {
   #{$accordion-selector} {
@@ -3376,8 +3425,8 @@
     }
   }
 
-  #{$section-selector} {
-    @extend %accordion-section;
+  #{$header-disabled-selector} {
+    @extend %accordion-header--disabled;
   }
 }
 
@@ -3385,6 +3434,7 @@
   $accordion-selector: ".accordion-outlined",
   $panel-selector: ".accordion-outlined::part(panel)",
   $header-selector: ".accordion-outlined::part(header)",
+  $header-disabled-selector: ".accordion-outlined::part(header disabled)",
   $section-selector: ".accordion-outlined::part(section)"
 ) {
   #{$accordion-selector} {
@@ -3406,6 +3456,10 @@
   #{$section-selector} {
     @extend %accordion-section;
   }
+
+  #{$header-disabled-selector} {
+    @extend %accordion-header-outlined--disabled;
+  }
 }
 
 %chat-message-icon {
@@ -3463,7 +3517,7 @@
 
     &::part(message__content) {
       @extend %text-body-regular-m;
-      color: #e1ecf9;
+      color: var(--mer-color__neutral-gray--100);
     }
 
     &::part(message__content user),
@@ -3476,9 +3530,13 @@
       border-inline-start: 2px solid var(--mer-border-color__primary);
     }
 
+    &::part(message assistant) {
+      background-color: var(--mer-color__neutral-gray--900);
+    }
+
     &::part(message assistant waiting) {
       @extend %text-body-italic-s;
-      background-color: #11151c;
+      background-color: var(--mer-color__neutral-gray--900);
       border-radius: unset;
       color: #666;
     }
@@ -3530,8 +3588,8 @@
     );
 
     &::part(send-input) {
-      background-color: #11151c;
-      border-color: #11151c;
+      background-color: var(--mer-color__neutral-gray--900);
+      border-color: var(--mer-color__neutral-gray--900);
       --control__padding-block: 10px;
     }
 
@@ -4846,7 +4904,7 @@
   }
 
   &-tab-list--block {
-    background-color: var(--mer-color__neutral-gray--700);
+    background-color: var(--mer-color__neutral-gray--650);
     overflow: auto;
   }
 

package/package.json

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