@genexus/mercury 0.31.1 → 0.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/components/button.css +1 -1
- package/dist/bundles/css/components/chat.css +1 -1
- package/dist/bundles/css/components/dialog.css +1 -1
- package/dist/bundles/css/components/dropdown.css +1 -1
- package/dist/bundles/css/components/markdown-viewer.css +1 -1
- package/dist/bundles/css/components/paginator.css +1 -1
- package/dist/bundles/css/components/segmented-control.css +1 -1
- package/dist/bundles/css/utils/form--full.css +1 -1
- package/dist/cli/internal/constants.js +1 -1
- package/dist/cli/internal/transpile-bundle-and-create-mappings.js +1 -1
- package/package.json +25 -24
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{line-height:var(--line-height-tight)}.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-size:var(--font-size-body-m)}.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-weight:var(--font-weight-semi-bold)}.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary-destructive:focus-visible,.button-tertiary:focus-visible,.button-secondary: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)}}.button-tertiary,.button-secondary,.button-secondary-destructive,.button-primary,.button-primary-destructive,.button-primary-success{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);
|
|
1
|
+
.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{line-height:var(--line-height-tight)}.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-size:var(--font-size-body-m)}.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-weight:var(--font-weight-semi-bold)}.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary-destructive:focus-visible,.button-tertiary:focus-visible,.button-secondary: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)}}.button-tertiary,.button-secondary,.button-secondary-destructive,.button-primary,.button-primary-destructive,.button-primary-success{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)}.button-secondary:focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.button-primary,.button-primary-destructive,.button-primary-success{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)}.button-primary:hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.button-primary:active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.button-primary:disabled,.button-primary-destructive:disabled,.button-primary-success:disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.button-primary-destructive{--button-background-color: var(--mer-accent__primary--destructive);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:hover{--button-background-color: var(--mer-accent__primary--destructive-hover);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:active{--button-background-color: var(--mer-accent__primary--destructive-active);--button-color: var(--mer-text__highlighted)}.button-primary-success{--button-background-color: var(--accent-success-enabled);--button-color: var(--mer-text__on-primary)}.button-primary-success:hover{--button-background-color: var(--accent-success-hover);--button-color: var(--mer-text__on-primary)}.button-primary-success:active{--button-background-color: var(--accent-success-active);--button-color: var(--mer-text__highlighted)}.button-secondary,.button-secondary-destructive{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)}.button-secondary:hover{--button-color: var(--mer-text__primary--hover)}.button-secondary:active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.button-secondary:disabled,.button-secondary-destructive:disabled{--button-color: var(--mer-text__on-disabled)}.button-secondary-destructive{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error)}.button-secondary-destructive:hover{--button-color: var(--mer-accent__primary--destructive-hover);--control__border-color: var(--mer-border-color__error--hover)}.button-secondary-destructive:active{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error--active)}.button-tertiary{padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.button-tertiary:hover{--button-color: var(--mer-text__primary--hover)}.button-tertiary:active{--button-color: var(--mer-text__primary--active)}.button-tertiary:disabled{--button-color: var(--mer-text__on-disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.button-icon-only{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)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}
|
|
@@ -1 +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);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.chat-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){--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){--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){--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}
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dialog::part(caption){font-family:var(--font-family-header)}.dialog::part(caption){font-size:var(--font-size-subtitle-xs);line-height:var(--line-height-tight)}.dialog::part(caption){font-weight:var(--font-weight-semi-bold)}.dialog::part(close-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.dialog::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)}}.dialog::part(close-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);
|
|
1
|
+
.dialog::part(caption){font-family:var(--font-family-header)}.dialog::part(caption){font-size:var(--font-size-subtitle-xs);line-height:var(--line-height-tight)}.dialog::part(caption){font-weight:var(--font-weight-semi-bold)}.dialog::part(close-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.dialog::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)}}.dialog::part(close-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)}.dialog::part(close-button){padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.dialog::part(close-button):hover{--button-color: var(--mer-text__primary--hover)}.dialog::part(close-button):active{--button-color: var(--mer-text__primary--active)}.dialog::part(close-button):disabled{--button-color: var(--mer-text__on-disabled)}.dialog::part(close-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)}.dialog::part(dialog){--dialog-border-radius: var(--mer-border__width--lg);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);border-radius:var(--dialog-border-radius);border:var(--mer-border__width--sm) solid var(--dialog-border-color);background-color:var(--dialog-background-color);box-shadow:var(--mer-box-shadow--01)}.dialog{--ch-dialog-max-block-size: 600px;--ch-dialog-max-inline-size: 800px;--ch-dialog-min-block-size: 200px;--ch-dialog-min-inline-size: 300px;--dialog-background-color: var( --elevation-background-color, var(--mer-surface__elevation--01) );--dialog-border-color: var( --elevation-border-color, var(--mer-border-color__on-elevation--01) )}.dialog.ch-dialog--modal{background-color:color-mix(in srgb, var(--mer-color__neutral-gray--900) 71%, transparent 30%);backdrop-filter:blur(15px);z-index:108}.dialog::part(header){min-block-size:calc(var(--mer-spacing--md)*2 + var(--font-size-subtitle-xs)*var(--line-height-tight));gap:var(--mer-spacing--sm);padding-inline:var(--mer-spacing--sm);border-block-end:var(--mer-border__width--sm) solid var(--dialog-border-color)}.dialog::part(caption){padding:var(--mer-spacing--md) 0;word-break:break-word}.dialog::part(close-button){--icon-path: var(--icon__system_close_neutral--enabled)}.dialog::part(close-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)}.dialog::part(close-button):hover{--icon-path: var(--icon__system_close_neutral--hover)}.dialog::part(close-button):active{--icon-path: var(--icon__system_close_neutral--active)}.dialog::part(content){overflow:auto}.dialog::part(footer){padding-block:var(--mer-spacing--xs);padding-inline:var(--mer-spacing--sm)}.dialog::part(edge){border-color:rgba(0,0,0,0);transition:var(--mer-timing--fast) border-color}.dialog::part(edge):hover{border-color:var(--mer-color__tinted-primary--20)}.dialog::part(edge-block-start){border-block-start-width:var(--mer-border__width--lg);border-block-start-style:solid}.dialog::part(edge-inline-end){border-inline-end-width:var(--mer-border__width--lg);border-inline-end-style:solid}.dialog::part(edge-block-end){border-block-end-width:var(--mer-border__width--lg);border-block-end-style:solid}.dialog::part(edge-inline-start){border-inline-start-width:var(--mer-border__width--lg);border-inline-start-style:solid}.control-footer,.dialog::part(footer){--control-footer-justify-content: end;padding-block-start:var(--mer-spacing--xs);display:flex;justify-content:var(--control-footer-justify-content);align-items:center}.control-footer-start{--control-footer-justify-content: start}.control-footer-center{--control-footer-justify-content: center}.control-footer-space-between{--control-footer-justify-content: space-between}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
|
|
@@ -1 +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);
|
|
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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h6,h5,h4,h3,h2,h1{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-header-h2)}h2{font-size:var(--font-size-header-h3)}h3{font-size:var(--font-size-header-h4)}h4{font-size:var(--font-size-header-h5)}h5{font-size:var(--font-size-header-h6)}span[part=code-block__header-caption]{line-height:var(--line-height-tight)}span[part=code-block__header-caption]{font-size:var(--font-size-body-xs)}span[part=code-block__header-caption]{font-weight:var(--font-weight-regular)}:host,button[part~=code-block__button--icon-only]{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}a,.link{color:var(--mer-text__primary);text-decoration-line:underline}button[part~=code-block__button--icon-only]: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)}}button[part~=code-block__button--icon-only]{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);
|
|
1
|
+
h6,h5,h4,h3,h2,h1{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-header-h2)}h2{font-size:var(--font-size-header-h3)}h3{font-size:var(--font-size-header-h4)}h4{font-size:var(--font-size-header-h5)}h5{font-size:var(--font-size-header-h6)}span[part=code-block__header-caption]{line-height:var(--line-height-tight)}span[part=code-block__header-caption]{font-size:var(--font-size-body-xs)}span[part=code-block__header-caption]{font-weight:var(--font-weight-regular)}:host,button[part~=code-block__button--icon-only]{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}a,.link{color:var(--mer-text__primary);text-decoration-line:underline}button[part~=code-block__button--icon-only]: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)}}button[part~=code-block__button--icon-only]{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)}button[part~=code-block__button--icon-only]{padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}button[part~=code-block__button--icon-only]:hover{--button-color: var(--mer-text__primary--hover)}button[part~=code-block__button--icon-only]:active{--button-color: var(--mer-text__primary--active)}button[part~=code-block__button--icon-only]:disabled{--button-color: var(--mer-text__on-disabled)}button[part~=code-block__button--icon-only]{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)}ch-markdown-viewer-lit{display:block}ch-markdown-viewer-lit>:first-child{margin-block-start:0 !important}ch-markdown-viewer-lit>:last-child{margin-block-end:0 !important}h1{margin-block:var(--mer-spacing--md) var(--mer-spacing--xs);padding-block-end:var(--mer-spacing--xs)}h2{margin-block:var(--mer-spacing--sm) 6px;padding-block-end:6px}h3{margin-block:var(--mer-spacing--xs) var(--mer-spacing--2xs);padding-block-end:var(--mer-spacing--2xs)}h4{margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h5{margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h6{font-size:16px;margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h1,h2,h3,h4,h5,h6{border-block-end:1px solid var(--mer-border-color__on-surface)}p,ul,ol,table,ch-code{margin-block:var(--mer-spacing--xs)}ul,ol{padding-inline-start:var(--mer-spacing--xl)}blockquote{margin-block:var(--mer-spacing--xs);padding-block:var(--mer-spacing--xs);padding-inline:calc(var(--mer-spacing--xl) - 4px) var(--mer-spacing--xl);border-inline-start:4px solid var(--mer-color__primary--400)}blockquote>p:first-of-type{margin-block-start:0}blockquote>p:last-of-type{margin-block-end:0}strong{font-weight:var(--font-weight-bold)}tr{border:1px solid var(--mer-border-color__on-surface)}th,td{padding:var(--mer-spacing--xs);border-inline-start:1px solid var(--mer-border-color__on-surface)}tr>td:first-child,tr>th:first-child{border-inline-start:unset}thead>tr,tbody>tr:nth-child(2n){background-color:var(--mer-color__neutral-gray--700)}.code-block-container{position:relative}.code-block-header{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:flex-end;position:absolute;inset-block-start:var(--mer-spacing--md);inset-inline-end:var(--mer-spacing--xs);background-color:var(--mer-surface__elevation--01);border-radius:var(--mer-border__radius--xs)}button[part~=code-block__button--icon-only]::before{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);content:"";display:grid;-webkit-mask:no-repeat center/100% var(--button-icon);background-color:currentColor}button[part~=code-block__copy-code-button]::before{--button-icon: var(--icon__system_copy_primary--enabled)}button[part~=code-block__copy-code-button][part~=copying]::before{--button-icon: var(--icon__system_check_on-elevation--enabled)}button[part~=code-block__download-code-button]::before{--button-icon: var(--icon__system_download_primary--enabled)}ch-code{border:1px solid var(--mer-border-color__on-surface);border-radius:4px;padding:var(--mer-spacing--md)}ch-code{--code__color-base: var(--mer-text__on-surface);--code__color-blue: var(--mer-color__primary--400);--code__color-light-blue: var(--mer-color__primary--200);--code__color-red: var(--mer-color__message-red--200);--code__color-green: var(--mer-color__message-green--200);--code__bg-color: var(--mer-surface__elevation--01);--code__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--03);--code__border-radius: var(--mer-border__radius--sm);--code__padding: var(--mer-spacing--xs) var(--mer-spacing--sm);--ch-code__doctag: var(--code__color-blue);--ch-code__keyword: var(--code__color-blue);--ch-code__meta__keyword: var(--code__color-blue);--ch-code__template-tag: var(--code__color-blue);--ch-code__template-variable: var(--code__color-blue);--ch-code__type: var(--code__color-blue);--ch-code__variable-language: var(--code__color-blue);--ch-code__title: var(--code__color-base);--ch-code__title-class: var(--code__color-base);--ch-code__title-class-inherited: var(--code__color-base);--ch-code__title-function: var(--code__color-base);--ch-code__attr: var(--code__color-blue);--ch-code__attribute: var(--code__color-blue);--ch-code__literal: var(--code__color-blue);--ch-code__meta: var(--code__color-blue);--ch-code__number: var(--code__color-blue);--ch-code__operator: var(--code__color-blue);--ch-code__variable: var(--code__color-blue);--ch-code__selector-attr: var(--code__color-blue);--ch-code__selector-class: var(--code__color-blue);--ch-code__selector-id: var(--code__color-blue);--ch-code__regexp: var(--code__color-green);--ch-code__string: var(--code__color-green);--ch-code__meta__string: var(--code__color-green);--ch-code__built-in: var(--code__color-green);--ch-code__symbol: #e36209;--ch-code__comment: var(--code__color-green);--ch-code__code: var(--code__color-green);--ch-code__formula: var(--code__color-green);--ch-code__name: var(--code__color-light-blue);--ch-code__quote: var(--code__color-light-blue);--ch-code__selector-tag: var(--code__color-light-blue);--ch-code__selector-pseudo: var(--code__color-light-blue);--ch-code__subst: #24292e;padding:var(--code__padding);background-color:var(--code__bg-color);border:var(--code__border);border-radius:var(--code__border-radius);font-size:13px;line-height:1.55em;overflow:auto}code{padding-block:var(--mer-spacing--3xs);padding-inline:var(--mer-spacing--2xs);background-color:var(--mer-elevation__bg-color--01);border-radius:2px;font-size:calc(1em - 2px)}img{display:inline-block;max-inline-size:25%}:host>:first-child,ch-theme+*{margin-block-start:0px}:host>:last-child{margin-block-end:0px}ch-code[part=code-block__content]{--code__border: none;--code__bg-color: transparent;margin:0}span[part=code-block__header-caption]{display:flex;align-items:center;padding-inline-start:var(--mer-spacing--sm);text-transform:uppercase}div[part=code-block]{white-space:normal;border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--sm);background-color:var(--mer-surface);margin-block:var(--mer-spacing--xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.paginator::part(items-per-page__label),.paginator::part(page selected),.paginator{line-height:var(--line-height-tight)}.paginator::part(items-per-page__label){font-size:var(--font-size-body-m)}.paginator::part(page selected),.paginator{font-size:var(--font-size-body-s)}.paginator::part(items-per-page__combo-box),.paginator::part(go-to__input),.paginator{font-weight:var(--font-weight-regular)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.paginator::part(items-per-page__label),.paginator::part(page selected){font-weight:var(--font-weight-semi-bold)}.paginator::part(go-to__input):focus,.paginator::part(prev__button):focus-visible,.paginator::part(next__button):focus-visible,.paginator::part(last__button):focus-visible,.paginator::part(first__button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);
|
|
1
|
+
.paginator::part(items-per-page__label),.paginator::part(page selected),.paginator{line-height:var(--line-height-tight)}.paginator::part(items-per-page__label){font-size:var(--font-size-body-m)}.paginator::part(page selected),.paginator{font-size:var(--font-size-body-s)}.paginator::part(items-per-page__combo-box),.paginator::part(go-to__input),.paginator{font-weight:var(--font-weight-regular)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.paginator::part(items-per-page__label),.paginator::part(page selected){font-weight:var(--font-weight-semi-bold)}.paginator::part(go-to__input):focus,.paginator::part(prev__button):focus-visible,.paginator::part(next__button):focus-visible,.paginator::part(last__button):focus-visible,.paginator::part(first__button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.paginator::part(prev__button):hover,.paginator::part(next__button):hover,.paginator::part(last__button):hover,.paginator::part(first__button):hover{--button-color: var(--mer-text__primary--hover)}.paginator::part(prev__button):active,.paginator::part(next__button):active,.paginator::part(last__button):active,.paginator::part(first__button):active{--button-color: var(--mer-text__primary--active)}.paginator::part(prev__button):disabled,.paginator::part(next__button):disabled,.paginator::part(last__button):disabled,.paginator::part(first__button):disabled{--button-color: var(--mer-text__on-disabled)}paginator__previous-button-selector,paginator__next-button-selector,paginator__last-button-selector,paginator__first-button-selector{padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.paginator::part(go-to__input){--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.paginator::part(go-to__input):hover{--control__border-color: var(--control__border-color--hover)}.paginator::part(items-per-page__combo-box){--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);--ch-combo-box__popover-max-block-size: var( --items-container__max-block-size );border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.paginator::part(items-per-page__combo-box):hover{--control__border-color: var(--control__border-color--hover)}.paginator::part(items-per-page__combo-box):focus{border-color:var(--borders-un-border-color__focused)}.paginator::part(items-per-page__combo-box)::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.paginator::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);box-shadow:var(--items-container__box-shadow);font-style:normal}.paginator::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.paginator::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.paginator::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.paginator::part(group){gap:var(--items-container__gap)}.paginator::part(group__content){gap:var(--items-container__gap)}.paginator::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.paginator::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.paginator::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.paginator{display:grid;gap:var(--mer-spacing--xs);grid-template:"items-per-page items-per-page-info . first__button prev__button go-to next__button last__button" 1fr/auto auto 1fr auto auto auto auto}.paginator::part(items-per-page__combo-box){inline-size:80px}.paginator::part(go-to){align-items:center;display:inline-flex;gap:var(--mer-spacing--xs)}.paginator::part(items-per-page){align-items:center;gap:var(--mer-spacing--xs)}.paginator::part(items-per-page-info){color:var(--mer-text__complementary)}.paginator::part(pages){gap:var(--mer-spacing--xs)}.paginator::part(page){border-radius:var(--mer-border__radius--sm);color:var(--mer-icon__neutral);padding:var(--mer-spacing--2xs) var(--mer-spacing--xs)}.paginator::part(page selected){background:var(--mer-accent__primary);color:var(--mer-text__on-primary)}.paginator::part(page):hover{color:var(--mer-icon__on-primary--hover);background-color:var(--item__bg-color--selected-hover)}.paginator::part(first__button)::before,.paginator::part(last__button)::before,.paginator::part(next__button)::before,.paginator::part(prev__button)::before{background-color:currentColor;block-size:var(--mer-spacing--md);content:"";inline-size:var(--mer-spacing--md);mask:no-repeat center/100% var(--button-arrow-icon);-webkit-mask:no-repeat center/100% var(--button-arrow-icon)}.paginator::part(prev__button)::before{--button-arrow-icon: var(--icon__system_chevron-left_primary--enabled)}.paginator::part(next__button)::before{--button-arrow-icon: var(--icon__system_chevron-right_primary--enabled)}.paginator::part(first__button)::before{--button-arrow-icon: var(--icon__system_chevron-pag-left_primary--enabled)}.paginator::part(last__button)::before{--button-arrow-icon: var(--icon__system_chevron-pag-right_primary--enabled)}.label--disabled{--label__color: var(--label__color--disabled)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.segmented-control-filled .segmented-control-item::part(action){line-height:var(--line-height-tight)}.segmented-control-filled .segmented-control-item::part(action){font-size:var(--font-size-body-m)}.segmented-control-filled .segmented-control-item::part(action){font-weight:var(--font-weight-semi-bold)}.segmented-control-filled .segmented-control-item::part(action):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)}}.segmented-control-filled .segmented-control-item::part(action){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);
|
|
1
|
+
.segmented-control-filled .segmented-control-item::part(action){line-height:var(--line-height-tight)}.segmented-control-filled .segmented-control-item::part(action){font-size:var(--font-size-body-m)}.segmented-control-filled .segmented-control-item::part(action){font-weight:var(--font-weight-semi-bold)}.segmented-control-filled .segmented-control-item::part(action):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)}}.segmented-control-filled .segmented-control-item::part(action){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)}.segmented-control-filled .segmented-control-item::part(action){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)}.segmented-control-filled .segmented-control-item::part(action):hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.segmented-control-filled .segmented-control-item::part(action):active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.segmented-control-filled{--sc__bg-color: var( --elevation-background-color, var(--mer-surface__elevation--01) );--sc__border-color: var( --elevation-border-color, var(--mer-border-color__on-elevation--01) );--sc__color: var(--elevation-color, --mer-text__on-elevation);gap:var(--mer-spacing--2xs);padding:var(--mer-spacing--2xs);border-radius:var(--mer-border__width--lg);border:var(--mer-border__width--sm) solid var(--sc__border-color);background-color:var(--sc__bg-color)}.segmented-control-filled .segmented-control-item::part(unselected){--button-background-color: transparent;--button-color: var(--mer-text__neutral)}.segmented-control-filled .segmented-control-item::part(disabled){pointer-events:none;--button-background-color: transparent;--button-color: var(--mer-text__on-disabled)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{line-height:var(--line-height-tight)}.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-size:var(--font-size-body-m)}.combo-box,.input{font-weight:var(--font-weight-regular)}.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.label,.radio-group::part(radio__label),.checkbox::part(label),.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-weight:var(--font-weight-semi-bold)}.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value]{font-weight:var(--font-weight-regular);font-style:italic}.slider:active::part(thumb),.slider:focus::part(thumb),.radio-group::part(radio__container):focus-within,.checkbox::part(input):focus,.input:focus,.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary-destructive:focus-visible,.button-tertiary:focus-visible,.button-secondary: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)}}.button-tertiary,.button-secondary,.button-secondary-destructive,.button-primary,.button-primary-destructive,.button-primary-success{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.button-secondary:focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.button-primary,.button-primary-destructive,.button-primary-success{--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)}.button-primary:hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.button-primary:active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.button-primary:disabled,.button-primary-destructive:disabled,.button-primary-success:disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.button-primary-destructive{--button-background-color: var(--mer-accent__primary--destructive);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:hover{--button-background-color: var(--mer-accent__primary--destructive-hover);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:active{--button-background-color: var(--mer-accent__primary--destructive-active);--button-color: var(--mer-text__highlighted)}.button-primary-success{--button-background-color: var(--accent-success-enabled);--button-color: var(--mer-text__on-primary)}.button-primary-success:hover{--button-background-color: var(--accent-success-hover);--button-color: var(--mer-text__on-primary)}.button-primary-success:active{--button-background-color: var(--accent-success-active);--button-color: var(--mer-text__highlighted)}.button-secondary,.button-secondary-destructive{--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)}.button-secondary:hover{--button-color: var(--mer-text__primary--hover)}.button-secondary:active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.button-secondary:disabled,.button-secondary-destructive:disabled{--button-color: var(--mer-text__on-disabled)}.button-secondary-destructive{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error)}.button-secondary-destructive:hover{--button-color: var(--mer-accent__primary--destructive-hover);--control__border-color: var(--mer-border-color__error--hover)}.button-secondary-destructive:active{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error--active)}.button-tertiary{--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.button-tertiary:hover{--button-color: var(--mer-text__primary--hover)}.button-tertiary:active{--button-color: var(--mer-text__primary--active)}.button-tertiary:disabled{--button-color: var(--mer-text__on-disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group,.field-group-inline{--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);row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:9px}.field-group-justified-end>.label{text-align:end}.button-icon-only{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)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.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)}.input:hover{--control__border-color: var(--control__border-color--hover)}.input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);--ch-combo-box__popover-max-block-size: var( --items-container__max-block-size );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)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box.ch-disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.combo-box.ch-disabled::after{--icon-path: var(--icon__system_chevron-small-down_on-disabled--enabled)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);box-shadow:var(--items-container__box-shadow);font-style:normal}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}.radio-group::part(radio__label){color:var(--label__color)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--mer-color__primary--600)}.slider:active::part(thumb),.slider:focus::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label--disabled{--label__color: var(--label__color--disabled)}.icon-size-sm{content:"";display:block;inline-size:var(--mer-icon__box--sm);block-size:var(--mer-icon__box--sm);background:no-repeat center/var(--mer-icon__size--sm) var(--icon-path)}.icon-size-md{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)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control__icon-gap)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox-error::part(input){--control__border-color: var(--control__border-color--error)}.input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}
|
|
1
|
+
.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{line-height:var(--line-height-tight)}.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-size:var(--font-size-body-m)}.combo-box,.input{font-weight:var(--font-weight-regular)}.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.label,.radio-group::part(radio__label),.checkbox::part(label),.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-weight:var(--font-weight-semi-bold)}.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value]{font-weight:var(--font-weight-regular);font-style:italic}.slider:active::part(thumb),.slider:focus::part(thumb),.radio-group::part(radio__container):focus-within,.checkbox::part(input):focus,.input:focus,.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary-destructive:focus-visible,.button-tertiary:focus-visible,.button-secondary: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)}}.button-tertiary,.button-secondary,.button-secondary-destructive,.button-primary,.button-primary-destructive,.button-primary-success{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)}.button-secondary:focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.button-primary,.button-primary-destructive,.button-primary-success{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)}.button-primary:hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.button-primary:active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.button-primary:disabled,.button-primary-destructive:disabled,.button-primary-success:disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.button-primary-destructive{--button-background-color: var(--mer-accent__primary--destructive);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:hover{--button-background-color: var(--mer-accent__primary--destructive-hover);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:active{--button-background-color: var(--mer-accent__primary--destructive-active);--button-color: var(--mer-text__highlighted)}.button-primary-success{--button-background-color: var(--accent-success-enabled);--button-color: var(--mer-text__on-primary)}.button-primary-success:hover{--button-background-color: var(--accent-success-hover);--button-color: var(--mer-text__on-primary)}.button-primary-success:active{--button-background-color: var(--accent-success-active);--button-color: var(--mer-text__highlighted)}.button-secondary,.button-secondary-destructive{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)}.button-secondary:hover{--button-color: var(--mer-text__primary--hover)}.button-secondary:active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.button-secondary:disabled,.button-secondary-destructive:disabled{--button-color: var(--mer-text__on-disabled)}.button-secondary-destructive{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error)}.button-secondary-destructive:hover{--button-color: var(--mer-accent__primary--destructive-hover);--control__border-color: var(--mer-border-color__error--hover)}.button-secondary-destructive:active{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error--active)}.button-tertiary{padding-block:var(--control__padding-block);--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.button-tertiary:hover{--button-color: var(--mer-text__primary--hover)}.button-tertiary:active{--button-color: var(--mer-text__primary--active)}.button-tertiary:disabled{--button-color: var(--mer-text__on-disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group,.field-group-inline{--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);row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:9px}.field-group-justified-end>.label{text-align:end}.button-icon-only{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)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.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)}.input:hover{--control__border-color: var(--control__border-color--hover)}.input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);--ch-combo-box__popover-max-block-size: var( --items-container__max-block-size );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)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box.ch-disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.combo-box.ch-disabled::after{--icon-path: var(--icon__system_chevron-small-down_on-disabled--enabled)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);box-shadow:var(--items-container__box-shadow);font-style:normal}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}.radio-group::part(radio__label){color:var(--label__color)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--mer-color__primary--600)}.slider:active::part(thumb),.slider:focus::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label--disabled{--label__color: var(--label__color--disabled)}.icon-size-sm{content:"";display:block;inline-size:var(--mer-icon__box--sm);block-size:var(--mer-icon__box--sm);background:no-repeat center/var(--mer-icon__size--sm) var(--icon-path)}.icon-size-md{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)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control__icon-gap)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox-error::part(input){--control__border-color: var(--control__border-color--error)}.input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}
|
|
@@ -19,6 +19,6 @@ export const DEFAULT_FONT_FACE_PATH = "./assets/fonts/";
|
|
|
19
19
|
export const DEFAULT_ICONS_PATH = "./assets/icons/";
|
|
20
20
|
export const DEFAULT_OUT_DIR_PATH = "./.mercury";
|
|
21
21
|
export const SEPARATE_BY_COMMA_REGEX = /\s*,\s*/g;
|
|
22
|
-
export const SPECIAL_CHARS_IN_BUNDLE_NAME_REGEX = /[
|
|
22
|
+
export const SPECIAL_CHARS_IN_BUNDLE_NAME_REGEX = /[/-]/g;
|
|
23
23
|
export const HASH_LENGTH = 16;
|
|
24
24
|
export const HASH_AND_LETTER_LENGTH = HASH_LENGTH + 1;
|
|
@@ -7,7 +7,7 @@ const transpileBundle = (filePath, globant) => sass.compile(filePath, {
|
|
|
7
7
|
loadPaths: [globant ? "src/config/globant" : "src/config/default"],
|
|
8
8
|
style: "compressed"
|
|
9
9
|
}).css;
|
|
10
|
-
|
|
10
|
+
const BUNDLES = [];
|
|
11
11
|
const transpileGlobantCssFile = async (fileMetadata, cssOutDir) => {
|
|
12
12
|
const { filePath } = fileMetadata;
|
|
13
13
|
BUNDLES.push({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/mercury",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.32.0",
|
|
4
4
|
"description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -54,14 +54,14 @@
|
|
|
54
54
|
"./package.json": "./package.json"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
|
-
"build": "
|
|
57
|
+
"build": "bun build.js && bun icons-svg && bun icons-sass && bun build.scss && bun copy-tasks",
|
|
58
58
|
"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",
|
|
59
|
-
"build-no-svg": "
|
|
60
|
-
"build.scss": "
|
|
59
|
+
"build-no-svg": "bun build.js && bun build.scss && bun copy-tasks",
|
|
60
|
+
"build.scss": "bun build.scss.base && bun build.scss.bundles",
|
|
61
61
|
"build.scss.base": "scss-bundle -e ./src/icons/_generated/categories.scss -o src/icons/_generated/categories-bundled.scss --logLevel=silent",
|
|
62
62
|
"build.scss.bundles": "node dist/cli/bundle.js",
|
|
63
|
-
"build.scss.watch": "tsc &&
|
|
64
|
-
"build.scss.test-common": "tsc &&
|
|
63
|
+
"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",
|
|
64
|
+
"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/",
|
|
65
65
|
"build.scss.helpers": "scss-bundle -e ./src/assets/scss/_helpers.scss -o ./src/assets/scss/helpers-bundled.scss --logLevel=info",
|
|
66
66
|
"start": "vite --port 5200 --open showcase/button.html",
|
|
67
67
|
"process-icons": "ssg --configPath=./src/config/icons.js",
|
|
@@ -70,39 +70,40 @@
|
|
|
70
70
|
"watch.scss": "chokidar src/**/*.scss ../common/**/*.scss -c \"npm run build.scss\"",
|
|
71
71
|
"watch.scss.mac": "chokidar 'src/**/*.scss' '../common/**/*.scss' -c \"npm run build.scss\"",
|
|
72
72
|
"copy-tasks": "node copy-tasks.js",
|
|
73
|
-
"coverage": "
|
|
74
|
-
"validate.ci": "
|
|
73
|
+
"coverage": "bun playwright install && vitest watch run --coverage",
|
|
74
|
+
"validate.ci": "bun lint && bun build-no-svg && bun run test.ci",
|
|
75
75
|
"lint": "eslint src/**/*.ts --fix",
|
|
76
|
-
"test": "
|
|
77
|
-
"test.
|
|
76
|
+
"test": "bunx playwright install && vitest",
|
|
77
|
+
"test.ci": "bun run test --watch=false --browser.headless"
|
|
78
78
|
},
|
|
79
79
|
"license": "Apache-2.0",
|
|
80
80
|
"peerDependencies": {
|
|
81
81
|
"@genexus/chameleon-controls-library": ">= 6.22.1"
|
|
82
82
|
},
|
|
83
83
|
"devDependencies": {
|
|
84
|
+
"@eslint/js": "*",
|
|
84
85
|
"@genexus/chameleon-controls-library": "6.22.1",
|
|
85
86
|
"@genexus/svg-sass-generator": "1.1.24",
|
|
86
87
|
"@jackolope/ts-lit-plugin": "^3.1.4",
|
|
87
|
-
"@types/node": "
|
|
88
|
-
"@typescript-eslint/eslint-plugin": "
|
|
89
|
-
"@typescript-eslint/parser": "
|
|
90
|
-
"@vitest/browser": "
|
|
91
|
-
"@vitest/coverage-v8": "
|
|
92
|
-
"@vitest/ui": "
|
|
88
|
+
"@types/node": "*",
|
|
89
|
+
"@typescript-eslint/eslint-plugin": "*",
|
|
90
|
+
"@typescript-eslint/parser": "*",
|
|
91
|
+
"@vitest/browser": "*",
|
|
92
|
+
"@vitest/coverage-v8": "*",
|
|
93
|
+
"@vitest/ui": "*",
|
|
93
94
|
"chokidar": "^3.6.0",
|
|
94
95
|
"chokidar-cli": "^3.0.0",
|
|
95
|
-
"esbuild": "
|
|
96
|
-
"eslint": "
|
|
97
|
-
"globals": "
|
|
96
|
+
"esbuild": "*",
|
|
97
|
+
"eslint": "*",
|
|
98
|
+
"globals": "*",
|
|
98
99
|
"minify-html-literals": "~1.3.5",
|
|
99
100
|
"playwright": "*",
|
|
100
|
-
"prettier": "
|
|
101
|
+
"prettier": "*",
|
|
101
102
|
"sass": "~1.86.3",
|
|
102
103
|
"scss-bundle": "~3.1.2",
|
|
103
|
-
"typescript": "
|
|
104
|
-
"typescript-eslint": "
|
|
105
|
-
"vite": "
|
|
106
|
-
"vitest": "
|
|
104
|
+
"typescript": "*",
|
|
105
|
+
"typescript-eslint": "*",
|
|
106
|
+
"vite": "*",
|
|
107
|
+
"vitest": "*"
|
|
107
108
|
}
|
|
108
109
|
}
|