@genexus/mercury 0.35.1 → 0.37.0

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

@@ -1 +1 @@
-.chat::part(header__time),.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button),.chat::part(file-footer){line-height:var(--line-height-tight)}.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-size:var(--font-size-body-m)}.chat::part(header__time){font-size:var(--font-size-body-s)}.chat::part(file-footer){font-size:var(--font-size-body-xs)}.chat::part(send-input),.dropdown::part(action),.chat::part(file-footer){font-weight:var(--font-weight-regular)}.chat::part(message),.chat::part(assistant content waiting),.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-weight:var(--font-weight-semi-bold)}.chat::part(header__time){font-weight:var(--font-weight-regular);font-style:italic}.chat::part(file format-file):focus-visible,.chat::part(send-input):focus,.dropdown::part(expandable-button):focus-visible,.dropdown::part(action):focus-visible,.chat::part(action-button):focus-visible,.dropdown.button-primary::part(expandable-button):focus-visible,.dropdown.button-tertiary::part(expandable-button):focus-visible,.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-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);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.dropdown.button-primary::part(expandable-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.dropdown.button-primary::part(expandable-button):hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.dropdown.button-primary::part(expandable-button):active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.dropdown.button-primary::part(expandable-button):disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--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-live-audio-button:hover,.dropdown.button-secondary::part(expandable-button):hover,.chat::part(send-button):hover,.chat::part(stop-response-button):hover{--button-color: var(--mer-text__primary--hover)}.chat-live-audio-button:active,.dropdown.button-secondary::part(expandable-button):active,.chat::part(send-button):active,.chat::part(stop-response-button):active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.chat-live-audio-button:disabled,.dropdown.button-secondary::part(expandable-button):disabled,.chat::part(send-button):disabled,.chat::part(stop-response-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.chat::part(action-button):hover,.dropdown.button-tertiary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.chat::part(action-button):active,.dropdown.button-tertiary::part(expandable-button):active{--button-color: var(--mer-text__primary--active)}.chat::part(action-button):disabled,.dropdown.button-tertiary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.chat-live-audio-button,.chat::part(send-button),.chat::part(stop-response-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)}.dropdown.button-with-icon::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.dropdown{display:contents !important}.dropdown::part(window){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);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);box-shadow:var(--items-container__box-shadow);border-radius:var(--items-container__border-radius);gap:var(--items-container__gap)}.dropdown::part(action){--ch-dropdown-item__image-size: var(--mer-icon__box--md);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);gap:var(--item__gap--regular)}.dropdown::part(action):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.dropdown::part(action):active{--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.dropdown::part(action link){text-decoration:underline}.dropdown .dropdown-separator{margin-block:var(--spacing--s)}.dropdown::part(action expandable)::after{content:"";content:"";display: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)}.dropdown::part(action expandable collapsed)::after{--icon-path: var(--icon__system_chevron-right_on-surface--enabled)}.dropdown::part(action expandable expanded)::after{--icon-path: var(--icon__system_chevron-right_highlighted--enabled)}.dropdown .header-slot,.dropdown .footer-slot{padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.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);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.chat::part(send-input):hover{--control__border-color: var(--control__border-color--hover)}.chat{--font-weight-regular: 100;--line-height-tight: 1.4;--files-viewer-max-block-size: 0px;--files-viewer-margin-block-start: 0px}.chat::part(messages-container){gap:var(--mer-spacing--md);padding:var(--mer-spacing--md)}.chat::part(message){--message-content-border-color: transparent;color:var(--mer-color__neutral-gray--100)}.chat::part(header){align-items:center;display:flex;font-size:var(--font-size-body-s);justify-content:space-between;margin-block-end:var(--mer-spacing--xs)}.chat::part(header__start){align-items:center;display:flex;gap:var(--mer-spacing--xs)}.chat::part(header__avatar-container){position:relative;inline-size:26px;block-size:26px;display:flex;align-items:center;justify-content:center}.chat::part(header__avatar-border){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%)}.chat::part(header__avatar-image){position:absolute;display:block;inline-size:calc(100% - 6px);block-size:calc(100% - 6px);border-radius:50%;background-image:var(--chat-avatar-background-image, var(--icon__internal_assistant-fill_primary--active));background-color:var(--chat-avatar-background-color, var(--mer-color__primary--300));background-size:var(--chat-avatar-background-size, cover);background-repeat:no-repeat;background-position:center center}.chat::part(header__role){display:inline-grid;gap:6px;grid-template-columns:max-content max-content}.chat::part(header__role)::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::part(header__time){color:var(--mer-color__neutral-gray--400)}.chat::part(message user){background-color:var(--mer-color__chat-message--user);inline-size:90%;max-inline-size:360px;justify-self:end}.chat::part(message user),.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){padding:var(--mer-spacing--xs);border-radius:var(--mer-border__radius--sm)}.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){display:grid;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--sm);align-items:center}.chat::part(assistant content success)::before,.chat::part(assistant content warning)::before,.chat::part(error content)::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::part(error content){background-color:var(--mer-color__chat-message--error);--chat-message-icon: var(--icon__system_warning_error--enabled)}.chat::part(assistant content warning){background-color:var(--mer-color__chat-message--warning);--chat-message-icon: var(--icon__system_warning_warning--enabled)}.chat::part(assistant content success){background-color:var(--mer-color__chat-message--success);--chat-message-icon: var(--icon__system_check_success--enabled)}.chat::part(assistant content waiting){display:flex;gap:var(--mer-spacing--xs)}.chat::part(action-copy-message){--button-icon: var(--icon__system_copy_primary--enabled)}.chat::part(action-copy-message)::before{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);display:grid;-webkit-mask:no-repeat center/100% var(--button-icon);background-color:currentColor}.chat::part(action-copy-message copying){--button-icon: var(--icon__system_check_on-elevation--enabled)}.chat::part(file-container){background-color:var(--mer-color__surface);border-radius:var(--mer-border__width--lg);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--02);overflow:hidden;display:grid}.chat::part(file-container format-audio){--icon-path: var(--icon__system_headphones_on-surface--enabled)}.chat::part(file-container format-video){--icon-path: var(--icon__system_videocam_on-surface--enabled)}.chat::part(file-container format-image){--icon-path: var(--icon__system_photo_on-surface--enabled)}.chat::part(file-container format-file){--icon-path: var(--icon__system_detail_on-surface--enabled)}.chat::part(file){--file-item-default-block-size: 180px}.chat::part(file format-audio){padding:var(--mer-spacing--xs);justify-self:center}.chat::part(file format-video){inline-size:100%;block-size:auto}.chat::part(file format-file){--icon-path: var(--icon__system_launch_neutral--enabled);block-size:var(--file-item-default-block-size);position:relative;display:grid;align-items:center;justify-content:center}.chat::part(file format-file)::before{--file-format-icon-size: var(--mer-spacing--xl);--file-format-display: inline-block;content:"";display:inline-block;inline-size:var(--file-format-icon-size);block-size:var(--file-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file format-file):hover{--icon-path: var(--icon__system_launch_neutral--hover)}.chat::part(file format-file):active{--icon-path: var(--icon__system_launch_neutral--active)}.chat::part(file-footer){block-size:40px;padding-inline:var(--mer-spacing--sm);background-color:var(--mer-surface__elevation--01)}.chat::part(file-caption){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat::part(file-footer){display:grid;align-items:center;justify-content:center;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--xs)}.chat::part(file-footer)::before{--file-footer-format-icon-size: var(--mer-spacing--md);content:"";display:inline-block;inline-size:var(--file-footer-format-icon-size);block-size:var(--file-footer-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file-footer in-progress){grid-template-columns:max-content 1fr max-content}.chat>.chat-file-upload-menu>button,.dropdown.button-tertiary::part(expandable-button){grid-area:attach-files-button;margin-inline-end:var(--mer-spacing--xs);--icon-path: var(--icon__system_link_neutral--enabled)}.dropdown.button-tertiary::part(expandable-button):hover{--icon-path: var(--icon__system_link_neutral--hover)}.dropdown.button-tertiary::part(expandable-button):active{--icon-path: var(--icon__system_link_neutral--active)}.dropdown.button-tertiary::part(expandable-button)::before{content:"";display: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);transform:rotate(90deg)}.chat:has([slot=chat-attached-files-viewer]){--files-viewer-max-block-size: 90px;--files-viewer-margin-block-start: var(--mer-spacing--xs);overflow:auto}.chat-attached-files-viewer{grid-area:files-viewer;max-block-size:var(--files-viewer-max-block-size);margin-block-start:var(--files-viewer-margin-block-start)}.chat::part(files-container){display:grid;grid-auto-rows:max-content;gap:var(--mer-spacing--xs);margin-block-start:var(--mer-spacing--xs)}.chat-live-audio-button{grid-area:live-audio-button;--icon-path: var(--icon__system_voice_neutral--enabled)}.chat-live-audio-button::before{content:"";display: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)}.chat-live-audio-button:hover{--icon-path: var(--icon__system_voice_neutral--hover)}.chat-live-audio-button:active{--icon-path: var(--icon__system_voice_neutral--active)}.chat-live-audio-container{position:absolute;inline-size:100%;block-size:100%;inset-inline-start:0;inset-block-start:0}.chat::part(send-container){background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-spacing--2xs);position:relative;margin:var(--mer-spacing--md)}.chat::part(send-container-additional-content-after){padding:var(--mer-spacing--xs)}.chat::part(send-input){max-block-size:calc(var(--mer-spacing--xs)*2 + var(--font-size-body-m)*var(--line-height-tight)*var(--chat-send-input-max-lines, 12) + var(--files-viewer-max-block-size) + var(--files-viewer-margin-block-start) + var(--control__block-size) + var(--mer-spacing--xs));padding:var(--mer-spacing--xs);border:none}.chat::part(send-input-after){display:grid;grid-template-areas:"attach-files-button . live-audio-button send-or-stop-button" "files-viewer files-viewer files-viewer files-viewer";grid-template-columns:max-content 1fr max-content max-content;grid-template-rows:max-content 1fr;grid-auto-rows:max-content;margin-block-start:var(--mer-spacing--xs)}.chat::part(send-button),.chat::part(stop-response-button){grid-area:send-or-stop-button;margin-inline-start:var(--mer-spacing--xs)}.chat::part(send-button){--icon-path: var(--icon__system_arrow-top_neutral--enabled)}.chat::part(send-button):hover{--icon-path: var(--icon__system_arrow-top_neutral--hover)}.chat::part(send-button):active{--icon-path: var(--icon__system_arrow-top_neutral--active)}.chat::part(send-button)::before,.chat::part(stop-response-button)::before{content:"";display: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)}.chat::part(stop-response-button){--icon-path: var(--icon__system_cancel-circle_neutral--enabled)}.chat::part(stop-response-button):hover{--icon-path: var(--icon__system_cancel-circle_neutral--hover)}.chat::part(stop-response-button):active{--icon-path: var(--icon__system_cancel-circle_neutral--active)}.chat::part(content),.chat::part(content-container user){white-space:break-spaces}
+.chat::part(header__time),.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button),.chat::part(file-footer){line-height:var(--line-height-tight)}.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-size:var(--font-size-body-m)}.chat::part(header__time){font-size:var(--font-size-body-s)}.chat::part(file-footer){font-size:var(--font-size-body-xs)}.chat::part(send-input),.dropdown::part(action),.chat::part(file-footer){font-weight:var(--font-weight-regular)}.chat::part(message),.chat::part(assistant content waiting),.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-weight:var(--font-weight-semi-bold)}.chat::part(header__time){font-weight:var(--font-weight-regular);font-style:italic}.chat::part(file format-file):focus-visible,.chat::part(send-input):focus,.dropdown::part(expandable-button):focus-visible,.dropdown::part(action):focus-visible,.chat::part(action-button):focus-visible,.dropdown.button-primary::part(expandable-button):focus-visible,.dropdown.button-tertiary::part(expandable-button):focus-visible,.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-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);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.dropdown.button-primary::part(expandable-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.dropdown.button-primary::part(expandable-button):hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.dropdown.button-primary::part(expandable-button):active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.dropdown.button-primary::part(expandable-button):disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--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-live-audio-button:hover,.dropdown.button-secondary::part(expandable-button):hover,.chat::part(send-button):hover,.chat::part(stop-response-button):hover{--button-color: var(--mer-text__primary--hover)}.chat-live-audio-button:active,.dropdown.button-secondary::part(expandable-button):active,.chat::part(send-button):active,.chat::part(stop-response-button):active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.chat-live-audio-button:disabled,.dropdown.button-secondary::part(expandable-button):disabled,.chat::part(send-button):disabled,.chat::part(stop-response-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.chat::part(action-button):hover,.dropdown.button-tertiary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.chat::part(action-button):active,.dropdown.button-tertiary::part(expandable-button):active{--button-color: var(--mer-text__primary--active)}.chat::part(action-button):disabled,.dropdown.button-tertiary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.chat-live-audio-button,.chat::part(send-button),.chat::part(stop-response-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)}.dropdown.button-with-icon::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.dropdown{display:contents !important}.dropdown::part(window){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);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);box-shadow:var(--items-container__box-shadow);border-radius:var(--items-container__border-radius);gap:var(--items-container__gap)}.dropdown::part(action){--ch-dropdown-item__image-size: var(--mer-icon__box--md);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);gap:var(--item__gap--regular)}.dropdown::part(action):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.dropdown::part(action):active{--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.dropdown::part(action link){text-decoration:underline}.dropdown::part(action disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.dropdown .dropdown-separator{margin-block:var(--spacing--s)}.dropdown::part(action expandable)::after{content:"";content:"";display: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)}.dropdown::part(action expandable collapsed)::after{--icon-path: var(--icon__system_chevron-right_on-surface--enabled)}.dropdown::part(action expandable expanded)::after{--icon-path: var(--icon__system_chevron-right_highlighted--enabled)}.dropdown .header-slot,.dropdown .footer-slot{padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.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);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.chat::part(send-input):hover{--control__border-color: var(--control__border-color--hover)}.chat{--font-weight-regular: 100;--line-height-tight: 1.4;--files-viewer-max-block-size: 0px;--files-viewer-margin-block-start: 0px}.chat::part(messages-container){gap:var(--mer-spacing--md);padding:var(--mer-spacing--md)}.chat::part(message){--message-content-border-color: transparent;color:var(--mer-color__neutral-gray--100)}.chat::part(header){align-items:center;display:flex;font-size:var(--font-size-body-s);justify-content:space-between;margin-block-end:var(--mer-spacing--xs)}.chat::part(header__start){align-items:center;display:flex;gap:var(--mer-spacing--xs)}.chat::part(header__avatar-container){position:relative;inline-size:26px;block-size:26px;display:flex;align-items:center;justify-content:center}.chat::part(header__avatar-border){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%)}.chat::part(header__avatar-image){position:absolute;display:block;inline-size:calc(100% - 6px);block-size:calc(100% - 6px);border-radius:50%;background-image:var(--chat-avatar-background-image, var(--icon__internal_assistant-fill_primary--active));background-color:var(--chat-avatar-background-color, var(--mer-color__primary--300));background-size:var(--chat-avatar-background-size, cover);background-repeat:no-repeat;background-position:center center}.chat::part(header__role){display:inline-grid;gap:6px;grid-template-columns:max-content max-content}.chat::part(header__role)::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::part(header__time){color:var(--mer-color__neutral-gray--400)}.chat::part(message user){background-color:var(--mer-color__chat-message--user);inline-size:90%;max-inline-size:360px;justify-self:end}.chat::part(message user),.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){padding:var(--mer-spacing--xs);border-radius:var(--mer-border__radius--sm)}.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){display:grid;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--sm);align-items:center}.chat::part(assistant content success)::before,.chat::part(assistant content warning)::before,.chat::part(error content)::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::part(error content){background-color:var(--mer-color__chat-message--error);--chat-message-icon: var(--icon__system_warning_error--enabled)}.chat::part(assistant content warning){background-color:var(--mer-color__chat-message--warning);--chat-message-icon: var(--icon__system_warning_warning--enabled)}.chat::part(assistant content success){background-color:var(--mer-color__chat-message--success);--chat-message-icon: var(--icon__system_check_success--enabled)}.chat::part(assistant content waiting){display:flex;gap:var(--mer-spacing--xs)}.chat::part(action-copy-message){--button-icon: var(--icon__system_copy_primary--enabled)}.chat::part(action-copy-message)::before{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);display:grid;-webkit-mask:no-repeat center/100% var(--button-icon);background-color:currentColor}.chat::part(action-copy-message copying){--button-icon: var(--icon__system_check_on-elevation--enabled)}.chat::part(file-container){background-color:var(--mer-color__surface);border-radius:var(--mer-border__width--lg);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--02);overflow:hidden;display:grid}.chat::part(file-container format-audio){--icon-path: var(--icon__system_headphones_on-surface--enabled)}.chat::part(file-container format-video){--icon-path: var(--icon__system_videocam_on-surface--enabled)}.chat::part(file-container format-image){--icon-path: var(--icon__system_photo_on-surface--enabled)}.chat::part(file-container format-file){--icon-path: var(--icon__system_detail_on-surface--enabled)}.chat::part(file){--file-item-default-block-size: 180px}.chat::part(file format-audio){padding:var(--mer-spacing--xs);justify-self:center}.chat::part(file format-video){inline-size:100%;block-size:auto}.chat::part(file format-file){--icon-path: var(--icon__system_launch_neutral--enabled);block-size:var(--file-item-default-block-size);position:relative;display:grid;align-items:center;justify-content:center}.chat::part(file format-file)::before{--file-format-icon-size: var(--mer-spacing--xl);--file-format-display: inline-block;content:"";display:inline-block;inline-size:var(--file-format-icon-size);block-size:var(--file-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file format-file):hover{--icon-path: var(--icon__system_launch_neutral--hover)}.chat::part(file format-file):active{--icon-path: var(--icon__system_launch_neutral--active)}.chat::part(file-footer){block-size:40px;padding-inline:var(--mer-spacing--sm);background-color:var(--mer-surface__elevation--01)}.chat::part(file-caption){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat::part(file-footer){display:grid;align-items:center;justify-content:center;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--xs)}.chat::part(file-footer)::before{--file-footer-format-icon-size: var(--mer-spacing--md);content:"";display:inline-block;inline-size:var(--file-footer-format-icon-size);block-size:var(--file-footer-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file-footer in-progress){grid-template-columns:max-content 1fr max-content}.chat>.chat-file-upload-menu>button,.dropdown.button-tertiary::part(expandable-button){grid-area:attach-files-button;margin-inline-end:var(--mer-spacing--xs);--icon-path: var(--icon__system_link_neutral--enabled)}.dropdown.button-tertiary::part(expandable-button):hover{--icon-path: var(--icon__system_link_neutral--hover)}.dropdown.button-tertiary::part(expandable-button):active{--icon-path: var(--icon__system_link_neutral--active)}.dropdown.button-tertiary::part(expandable-button)::before{content:"";display: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);transform:rotate(90deg)}.chat:has([slot=chat-attached-files-viewer]){--files-viewer-max-block-size: 90px;--files-viewer-margin-block-start: var(--mer-spacing--xs);overflow:auto}.chat-attached-files-viewer{grid-area:files-viewer;max-block-size:var(--files-viewer-max-block-size);margin-block-start:var(--files-viewer-margin-block-start)}.chat::part(files-container){display:grid;grid-auto-rows:max-content;gap:var(--mer-spacing--xs);margin-block-start:var(--mer-spacing--xs)}.chat-live-audio-button{grid-area:live-audio-button;--icon-path: var(--icon__system_voice_neutral--enabled)}.chat-live-audio-button::before{content:"";display: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)}.chat-live-audio-button:hover{--icon-path: var(--icon__system_voice_neutral--hover)}.chat-live-audio-button:active{--icon-path: var(--icon__system_voice_neutral--active)}.chat-live-audio-container{position:absolute;inline-size:100%;block-size:100%;inset-inline-start:0;inset-block-start:0}.chat::part(send-container){background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-spacing--2xs);position:relative;margin:var(--mer-spacing--md)}.chat::part(send-container-additional-content-after){padding:var(--mer-spacing--xs)}.chat::part(send-input){max-block-size:calc(var(--mer-spacing--xs)*2 + var(--font-size-body-m)*var(--line-height-tight)*var(--chat-send-input-max-lines, 12) + var(--files-viewer-max-block-size) + var(--files-viewer-margin-block-start) + var(--control__block-size) + var(--mer-spacing--xs));padding:var(--mer-spacing--xs);border:none}.chat::part(send-input-after){display:grid;grid-template-areas:"attach-files-button . live-audio-button send-or-stop-button" "files-viewer files-viewer files-viewer files-viewer";grid-template-columns:max-content 1fr max-content max-content;grid-template-rows:max-content 1fr;grid-auto-rows:max-content;margin-block-start:var(--mer-spacing--xs)}.chat::part(send-button),.chat::part(stop-response-button){grid-area:send-or-stop-button;margin-inline-start:var(--mer-spacing--xs)}.chat::part(send-button){--icon-path: var(--icon__system_arrow-top_neutral--enabled)}.chat::part(send-button):hover{--icon-path: var(--icon__system_arrow-top_neutral--hover)}.chat::part(send-button):active{--icon-path: var(--icon__system_arrow-top_neutral--active)}.chat::part(send-button)::before,.chat::part(stop-response-button)::before{content:"";display: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)}.chat::part(stop-response-button){--icon-path: var(--icon__system_cancel-circle_neutral--enabled)}.chat::part(stop-response-button):hover{--icon-path: var(--icon__system_cancel-circle_neutral--hover)}.chat::part(stop-response-button):active{--icon-path: var(--icon__system_cancel-circle_neutral--active)}.chat::part(content),.chat::part(content-container user){white-space:break-spaces}

package/dist/bundles/css/components/dropdown.css

@@ -1 +1 @@
-.dropdown::part(action),.dropdown.button-primary::part(expandable-button),.dropdown.button-secondary::part(expandable-button){line-height:var(--line-height-tight)}.dropdown::part(action),.dropdown.button-primary::part(expandable-button),.dropdown.button-secondary::part(expandable-button){font-size:var(--font-size-body-m)}.dropdown::part(action){font-weight:var(--font-weight-regular)}.dropdown.button-tertiary::part(expandable-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.dropdown.button-primary::part(expandable-button),.dropdown.button-secondary::part(expandable-button){font-weight:var(--font-weight-semi-bold)}.dropdown::part(expandable-button):focus-visible,.dropdown::part(action):focus-visible,.dropdown.button-primary::part(expandable-button):focus-visible,.dropdown.button-tertiary::part(expandable-button):focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dropdown.button-tertiary::part(expandable-button),.dropdown.button-secondary::part(expandable-button),.dropdown.button-primary::part(expandable-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);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.dropdown.button-secondary::part(expandable-button):focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.dropdown.button-primary::part(expandable-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.dropdown.button-primary::part(expandable-button):hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.dropdown.button-primary::part(expandable-button):active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.dropdown.button-primary::part(expandable-button):disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.dropdown.button-secondary::part(expandable-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--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)}.dropdown.button-secondary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.dropdown.button-secondary::part(expandable-button):active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.dropdown.button-secondary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.dropdown.button-tertiary::part(expandable-button){padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.dropdown.button-tertiary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.dropdown.button-tertiary::part(expandable-button):active{--button-color: var(--mer-text__primary--active)}.dropdown.button-tertiary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.dropdown.button-with-icon::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.dropdown{display:contents !important}.dropdown::part(window){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);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);box-shadow:var(--items-container__box-shadow);border-radius:var(--items-container__border-radius);gap:var(--items-container__gap)}.dropdown::part(action){--ch-dropdown-item__image-size: var(--mer-icon__box--md);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);gap:var(--item__gap--regular)}.dropdown::part(action):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.dropdown::part(action):active{--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.dropdown::part(action link){text-decoration:underline}.dropdown .dropdown-separator{margin-block:var(--spacing--s)}.dropdown::part(action expandable)::after{content:"";content:"";display: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)}.dropdown::part(action expandable collapsed)::after{--icon-path: var(--icon__system_chevron-right_on-surface--enabled)}.dropdown::part(action expandable expanded)::after{--icon-path: var(--icon__system_chevron-right_highlighted--enabled)}.dropdown .header-slot,.dropdown .footer-slot{padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}
+.dropdown::part(action),.dropdown.button-primary::part(expandable-button),.dropdown.button-secondary::part(expandable-button){line-height:var(--line-height-tight)}.dropdown::part(action),.dropdown.button-primary::part(expandable-button),.dropdown.button-secondary::part(expandable-button){font-size:var(--font-size-body-m)}.dropdown::part(action){font-weight:var(--font-weight-regular)}.dropdown.button-tertiary::part(expandable-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.dropdown.button-primary::part(expandable-button),.dropdown.button-secondary::part(expandable-button){font-weight:var(--font-weight-semi-bold)}.dropdown::part(expandable-button):focus-visible,.dropdown::part(action):focus-visible,.dropdown.button-primary::part(expandable-button):focus-visible,.dropdown.button-tertiary::part(expandable-button):focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dropdown.button-tertiary::part(expandable-button),.dropdown.button-secondary::part(expandable-button),.dropdown.button-primary::part(expandable-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);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.dropdown.button-secondary::part(expandable-button):focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.dropdown.button-primary::part(expandable-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.dropdown.button-primary::part(expandable-button):hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.dropdown.button-primary::part(expandable-button):active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.dropdown.button-primary::part(expandable-button):disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.dropdown.button-secondary::part(expandable-button){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);--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)}.dropdown.button-secondary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.dropdown.button-secondary::part(expandable-button):active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.dropdown.button-secondary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.dropdown.button-tertiary::part(expandable-button){padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.dropdown.button-tertiary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.dropdown.button-tertiary::part(expandable-button):active{--button-color: var(--mer-text__primary--active)}.dropdown.button-tertiary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.dropdown.button-with-icon::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.dropdown{display:contents !important}.dropdown::part(window){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);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);box-shadow:var(--items-container__box-shadow);border-radius:var(--items-container__border-radius);gap:var(--items-container__gap)}.dropdown::part(action){--ch-dropdown-item__image-size: var(--mer-icon__box--md);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);gap:var(--item__gap--regular)}.dropdown::part(action):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.dropdown::part(action):active{--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.dropdown::part(action link){text-decoration:underline}.dropdown::part(action disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.dropdown .dropdown-separator{margin-block:var(--spacing--s)}.dropdown::part(action expandable)::after{content:"";content:"";display: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)}.dropdown::part(action expandable collapsed)::after{--icon-path: var(--icon__system_chevron-right_on-surface--enabled)}.dropdown::part(action expandable expanded)::after{--icon-path: var(--icon__system_chevron-right_highlighted--enabled)}.dropdown .header-slot,.dropdown .footer-slot{padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}

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

@@ -1 +1 @@
-.flexible-layout::part(tab block closable),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){line-height:var(--line-height-tight)}.flexible-layout::part(tab block closable),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){font-size:var(--font-size-body-s)}.flexible-layout::part(tab block closable),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){font-weight:var(--font-weight-regular)}.flexible-layout::part(close-button):focus-visible,.flexible-layout::part(tab block-start):focus-visible,.flexible-layout::part(tab block-end):focus-visible,.flexible-layout::part(tab inline-start):focus-visible,.flexible-layout::part(tab inline-end):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.flexible-layout::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.flexible-layout::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.flexible-layout{--flexible-layout--tab-list-block__background-color: var( --mer-surface__elevation--01 );--flexible-layout--tab-list-inline__background-color: var( --mer-surface__elevation--02 );--flexible-layout--tab-list-inline__inline-size: 48px;--flexible-layout--tab-button-block-start__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-block-end__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-inline-start__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-inline-end__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-block-start__background-color--selected: var( --mer-surface );--flexible-layout--tab-button-block-end__background-color--selected: var( --mer-surface )}.flexible-layout::part(leaf){--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-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(tab block closable),.flexible-layout::part(tab block not-closable){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);border-block:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block not-closable){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline)}.flexible-layout::part(tab block closable){padding-block:calc(var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--tab-caption__padding-inline) calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px)}.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:calc(var(--tab-caption__padding-inline) - 1px);border-inline:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block-start selected)::before,.flexible-layout::part(tab block-end selected)::before{color:var(--mer-accent__primary)}.flexible-layout::part(tab block-start){background-color:var(--flexible-layout--tab-button-block-start__background-color)}.flexible-layout::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start selected){border-block-start-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-start__background-color--selected);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end){background-color:var(--flexible-layout--tab-button-block-end__background-color);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end selected){border-block-end-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-end__background-color--selected)}.flexible-layout::part(tab inline-start){background-color:var(--flexible-layout--tab-button-inline-start__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start selected){border-inline-start-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end){background-color:var(--flexible-layout--tab-button-inline-end__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end selected){border-inline-end-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab block-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab inline-end 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(tab-list inline){background-color:var(--flexible-layout--tab-list-inline__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size);gap:4px}.flexible-layout::part(tab-list block){background-color:var(--flexible-layout--tab-list-block__background-color);overflow:auto}.flexible-layout::part(tab block-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab inline-end 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(droppable-area){background-color:color-mix(in srgb, var(--mer-accent__primary) 25%, transparent)}.flexible-layout::part(bar){color:var(--mer-border-color__on-surface)}
+.flexible-layout::part(tab block closable),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){line-height:var(--line-height-tight)}.flexible-layout::part(tab block closable),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){font-size:var(--font-size-body-s)}.flexible-layout::part(tab block closable),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){font-weight:var(--font-weight-regular)}.flexible-layout::part(close-button):focus-visible,.flexible-layout::part(tab block-start):focus-visible,.flexible-layout::part(tab block-end):focus-visible,.flexible-layout::part(tab inline-start):focus-visible,.flexible-layout::part(tab inline-end):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab::part(tab).sortable::before{--icon-path: var(--icon__navigation_drag_on-surface--enabled);background-color:var(--elevation-background-color, var(--mer-surface))}.flexible-layout::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.flexible-layout::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.tab::part(tab-panel-container){--spacing-body-block-start: var(--mer-spacing--sm);--spacing-body-block-end: var(--mer-spacing--sm);--spacing-body-inline-start: var(--mer-spacing--xs);--spacing-body-inline-end: var(--mer-spacing--xs)}.flexible-layout{--flexible-layout--tab-list-block__background-color: var( --mer-surface__elevation--01 );--flexible-layout--tab-list-inline__background-color: var( --mer-surface__elevation--02 );--flexible-layout--tab-list-inline__inline-size: 48px;--flexible-layout--tab-button-block-start__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-block-end__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-inline-start__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-inline-end__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-block-start__background-color--selected: var( --mer-surface );--flexible-layout--tab-button-block-end__background-color--selected: var( --mer-surface )}.flexible-layout::part(leaf){--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-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(tab block closable),.flexible-layout::part(tab block not-closable){background-color:var(--elevation-background-color, var(--mer-surface));color:var(--mer-text__neutral);border-color:rgba(0,0,0,0);gap:var(--mer-spacing--xs);border-block:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block not-closable){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline)}.flexible-layout::part(tab block closable){padding-block:calc(var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--tab-caption__padding-inline) calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px)}.flexible-layout::part(tab inline-start),.flexible-layout::part(tab inline-end){background-color:var(--elevation-background-color, var(--mer-surface));color:var(--mer-text__neutral);border-color:rgba(0,0,0,0);gap:var(--mer-spacing--xs);padding-block:var(--tab-caption__padding-block);padding-inline:calc(var(--tab-caption__padding-inline) - 1px);border-inline:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block-start selected)::before,.flexible-layout::part(tab block-end selected)::before{color:var(--mer-accent__primary)}.flexible-layout::part(tab block-start){background-color:var(--flexible-layout--tab-button-block-start__background-color)}.flexible-layout::part(tab block-start):hover{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab block-start):active{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab block-start selected){border-block-start-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-start__background-color--selected);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end){background-color:var(--flexible-layout--tab-button-block-end__background-color);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end):hover{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab block-end):active{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab block-end selected){border-block-end-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-end__background-color--selected)}.flexible-layout::part(tab inline-start){background-color:var(--flexible-layout--tab-button-inline-start__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-start):hover{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab inline-start):active{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab inline-start selected){border-inline-start-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end){background-color:var(--flexible-layout--tab-button-inline-end__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-end):hover{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab inline-end):active{background-color:var(--mer-color__tinted-primary--10)}.flexible-layout::part(tab inline-end selected){border-inline-end-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab block-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab inline-end disabled){background-color:rgba(0,0,0,0);color:var(--mer-text__primary--disabled);border-color:var(--mer-border-color__on-elevation--01)}.flexible-layout::part(tab-list inline){background-color:var(--flexible-layout--tab-list-inline__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size);gap:4px}.flexible-layout::part(tab-list block){background-color:var(--flexible-layout--tab-list-block__background-color);overflow:auto}.flexible-layout::part(tab block-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab inline-end disabled){background-color:rgba(0,0,0,0);color:var(--mer-text__primary--disabled);border-color:var(--mer-border-color__on-elevation--01)}.flexible-layout::part(droppable-area){background-color:color-mix(in srgb, var(--mer-accent__primary) 25%, transparent)}.flexible-layout::part(bar){color:var(--mer-border-color__on-surface)}

package/dist/bundles/css/components/tab.css

@@ -1 +1 @@
-.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){line-height:var(--line-height-tight)}.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){font-size:var(--font-size-body-s)}.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){font-weight:var(--font-weight-regular)}.tab::part(tab block-start):focus-visible,.tab::part(tab block-end):focus-visible,.tab::part(tab inline-start):focus-visible,.tab::part(tab inline-end):focus-visible,.tab::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-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);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color))}.tab::part(tab block closable),.tab::part(tab block not-closable){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);border-block:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab block not-closable){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline)}.tab::part(tab block closable){padding-block:calc(var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--tab-caption__padding-inline) calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px)}.tab::part(tab inline-start),.tab::part(tab inline-end){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-inline:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start 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 );border-block-end-color:var(--tab-caption__border-color)}.tab::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end 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 );border-block-start-color:var(--tab-caption__border-color)}.tab::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start 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);border-inline-end-color:var(--tab-caption__border-color)}.tab::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end 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);border-inline-start-color:var(--tab-caption__border-color)}.tab::part(tab block-start disabled),.tab::part(tab block-end disabled),.tab::part(tab inline-start disabled),.tab::part(tab inline-end 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 );--tab-button__border-width: 0}.tab::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.tab::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.tab::part(tab-list block-start){border-block-end:var(--items-container__border-width) var(--items-container__border-style) var(--elevation-border-color, var(--items-container__border-color))}.tab::part(tab-list block-end){border-block-start:var(--items-container__border-width) var(--items-container__border-style) var(--elevation-border-color, var(--items-container__border-color))}.tab::part(tab-list inline-start){border-inline-end:var(--items-container__border-width) var(--items-container__border-style) var(--elevation-border-color, var(--items-container__border-color))}.tab::part(tab-list inline-end){border-inline-start:var(--items-container__border-width) var(--items-container__border-style) var(--elevation-border-color, var(--items-container__border-color))}
+.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){line-height:var(--line-height-tight)}.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){font-size:var(--font-size-body-s)}.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){font-weight:var(--font-weight-regular)}.tab::part(tab block-start):focus-visible,.tab::part(tab block-end):focus-visible,.tab::part(tab inline-start):focus-visible,.tab::part(tab inline-end):focus-visible,.tab::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-button__image-size: var(--mer-icon__box--md)}.tab::part(tab).sortable::before{--icon-path: var(--icon__navigation_drag_on-surface--enabled);background-color:var(--elevation-background-color, var(--mer-surface))}.tab::part(tab block closable),.tab::part(tab block not-closable){background-color:var(--elevation-background-color, var(--mer-surface));color:var(--mer-text__neutral);border-color:rgba(0,0,0,0);gap:var(--mer-spacing--xs)}.tab::part(tab block not-closable){padding-block:var(--mer-spacing--xs);padding-inline:var(--mer-spacing--sm)}.tab::part(tab block closable){padding-block:calc(var(--mer-spacing--xs) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--mer-spacing--sm) calc(var(--mer-spacing--sm) - var(--mer-spacing--2xs) - 1px)}.tab::part(tab inline-start),.tab::part(tab inline-end){background-color:var(--elevation-background-color, var(--mer-surface));color:var(--mer-text__neutral);border-color:rgba(0,0,0,0);gap:var(--mer-spacing--xs);padding-block:var(--mer-spacing--xs);padding-inline:var(--mer-spacing--sm)}.tab::part(tab block-start):hover,.tab::part(tab block-start):active,.tab::part(tab block-end):hover,.tab::part(tab block-end):active,.tab::part(tab inline-start):hover,.tab::part(tab inline-start):active,.tab::part(tab inline-end):hover,.tab::part(tab inline-end):active{background-color:var(--mer-color__tinted-primary--10)}.tab::part(tab block-start){border-block-end:var(--mer-border__width--sm) solid rgba(0,0,0,0)}.tab::part(tab block-start selected){color:var(--mer-text__highlighted);border-color:var(--mer-accent__primary);border-block-end-color:var(--mer-accent__primary)}.tab::part(tab block-end){border-block-start:var(--mer-border__width--sm) solid rgba(0,0,0,0)}.tab::part(tab block-end selected){color:var(--mer-text__highlighted);border-color:var(--mer-accent__primary);border-block-start-color:var(--mer-accent__primary)}.tab::part(tab inline-start){border-inline-end:var(--mer-border__width--sm) solid rgba(0,0,0,0)}.tab::part(tab inline-start selected){color:var(--mer-text__highlighted);border-color:var(--mer-accent__primary);background-color:var(--mer-color__tinted-primary--10);border-inline-end-color:var(--mer-accent__primary)}.tab::part(tab inline-end){border-inline-start:var(--mer-border__width--sm) solid rgba(0,0,0,0)}.tab::part(tab inline-end selected){color:var(--mer-text__highlighted);border-color:var(--mer-accent__primary);background-color:var(--mer-color__tinted-primary--10);border-inline-start-color:var(--mer-accent__primary)}.tab::part(tab block-start disabled),.tab::part(tab block-end disabled),.tab::part(tab inline-start disabled),.tab::part(tab inline-end disabled){background-color:rgba(0,0,0,0);color:var(--mer-text__primary--disabled);border-color:var(--mer-border-color__on-elevation--01);--tab-button__border-width: 0}.tab::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.tab::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.tab::part(tab-list){background-color:var(--elevation-background-color, var(--mer-surface))}.tab::part(tab-panel-container){--spacing-body-block-start: var(--mer-spacing--sm);--spacing-body-block-end: var(--mer-spacing--sm);--spacing-body-inline-start: var(--mer-spacing--xs);--spacing-body-inline-end: var(--mer-spacing--xs)}

package/dist/register-mercury.js

@@ -1 +1 @@
-"use strict";import{MERCURY_ALIAS as r,registerAssets as e}from"./assets-manager.js";import{MERCURY_ASSETS as t}from"./assets/MERCURY_ASSETS.js";export const registerMercury=()=>e("Mercury",r,t);
+"use strict";import{MERCURY_ALIAS as r,registerAssets as e}from"./assets-manager.js";import{MERCURY_ASSETS as t}from"./MERCURY_ASSETS.js";export const registerMercury=()=>e("Mercury",r,t);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.35.1",
+  "version": "0.37.0",
   "description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -9,20 +9,15 @@
     "dist/"
   ],
   "type": "module",
-  "bin": {
-    "mercury": "./dist/cli/mercury.js"
-  },
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./MERCURY_ASSETS.js": {
       "import": {
-        "types": "./dist/assets/MERCURY_ASSETS.d.ts",
-        "default": "./dist/assets/MERCURY_ASSETS.js"
+        "types": "./dist/MERCURY_ASSETS.d.ts",
+        "default": "./dist/MERCURY_ASSETS.js"
       }
     },
     "./assets-manager.js": {
@@ -54,22 +49,17 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "bun build.js && bun icons-svg && bun icons-sass && bun build.scss && bun copy-tasks",
-    "build.js": "tsc && node minify-literals.js && esbuild dist/*.js --allow-overwrite --minify --outdir=dist --log-level=silent && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets --log-level=silent",
-    "build-no-svg": "bun build.js && bun build.scss && bun copy-tasks",
-    "build.scss": "bun build.scss.base && bun build.scss.bundles",
-    "build.scss.base": "scss-bundle -e ./src/icons/_generated/categories.scss -o src/icons/_generated/categories-bundled.scss --logLevel=silent",
-    "build.scss.bundles": "node dist/cli/bundle.js",
-    "build.scss.watch": "tsc && bun build.scss.base && bun copy-tasks && bun build.scss.bundles --watch -i=/assets/icons/ -f=/assets/fonts/ --outDir=../showcase/.mercury/ --avoid-hash=base/base",
-    "build.scss.test-common": "tsc && bun build.scss.base && bun copy-tasks && bun build.scss.bundles --ci -i=/assets/icons/ -f=/assets/fonts/ --outDir=../common/public/mercury/css/",
-    "build.scss.helpers": "scss-bundle -e ./src/assets/scss/_helpers.scss -o ./src/assets/scss/helpers-bundled.scss --logLevel=info",
-    "start": "vite --port 5200 --open showcase/button.html",
+    "dev": "tsgo && node minify-literals.js",
+    "build": "bun build.js && bun icons-svg && bun icons-sass && bun build.assets",
+    "build.js": "tsc && node minify-literals.js && esbuild dist/*.js --allow-overwrite --minify --outdir=dist --log-level=silent",
+    "build-no-svg": "bun build.js && bun build.assets",
+    "build.assets": "bun build.assets.icons && bun build.assets.bundles",
+    "build.assets.icons": "scss-bundle -e ./src/icons/_generated/categories.scss -o src/icons/_generated/categories-bundled.scss --logLevel=silent && scss-bundle -e ./src/icons/_generated-globant/categories.scss -o src/icons/_generated-globant/categories-bundled.scss --logLevel=silent",
+    "build.assets.bundles": "bun run build-scss-and-copy-assets.ts",
     "process-icons": "ssg --configPath=./src/config/icons.js",
+    "process-icons-globant": "ssg --configPath=./src/config/icons-globant.js",
     "icons-svg": "ssg-svg --srcDir=src/icons/svg-source --outDir=src/assets/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --showcaseDir=showcase/icons/ --showcaseBaseHref=../assets/icons/ --logDir=./log --objectFilePath=src/assets/MERCURY_ASSETS.ts --defaultColorType=on-surface",
     "icons-sass": "ssg-sass --srcDir=src/assets/icons/ --outDir=src/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --vendorPrefix=",
-    "watch.scss": "chokidar src/**/*.scss ../common/**/*.scss -c \"npm run build.scss\"",
-    "watch.scss.mac": "chokidar 'src/**/*.scss' '../common/**/*.scss' -c \"npm run build.scss\"",
-    "copy-tasks": "node copy-tasks.js",
     "coverage": "bun playwright install && vitest watch run --coverage",
     "validate.ci": "bun lint && bun build-no-svg && bun run test.ci",
     "lint": "eslint src/**/*.ts --fix",
@@ -83,17 +73,16 @@
   "devDependencies": {
     "@eslint/js": "~9.35.0",
     "@genexus/chameleon-controls-library": "6.22.1",
+    "@genexus/mercury-build": "^0.2.0",
     "@genexus/svg-sass-generator": "1.1.24",
     "@jackolope/ts-lit-plugin": "^3.1.4",
     "@types/node": "*",
     "@typescript-eslint/eslint-plugin": "*",
     "@typescript-eslint/parser": "*",
+    "@typescript/native-preview": "7.0.0-dev.20251104.1",
     "@vitest/browser": "*",
     "@vitest/coverage-v8": "*",
     "@vitest/ui": "*",
-    "chokidar": "^3.6.0",
-    "chokidar-cli": "^3.0.0",
-    "esbuild": "*",
     "eslint": "*",
     "globals": "*",
     "minify-html-literals": "~1.3.5",