@genexus/mercury 0.9.18 → 0.11.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/combo-box.css +1 -1
- package/dist/bundles/css/components/flexible-layout.css +1 -1
- package/dist/bundles/css/components/layout-splitter.css +1 -0
- package/dist/bundles/css/components/navigation-list.css +1 -1
- package/dist/bundles/css/components/slider.css +1 -1
- package/dist/bundles/css/components/tab.css +1 -1
- package/dist/bundles/css/components/toggle.css +1 -0
- package/dist/bundles/css/utils/form--full.css +1 -1
- package/dist/bundles/scss/components/layout-splitter.scss +3 -0
- package/dist/bundles/scss/components/toggle.scss +3 -0
- package/dist/bundles.d.ts +18 -2
- package/dist/bundles.js +2 -0
- package/dist/mercury.scss +935 -179
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.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);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box
|
|
1
|
+
.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);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box[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::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(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);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);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);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__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.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);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);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(--mer-spacing--2xs))}.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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.combo-box[part=ch-combo-box--empty-value]{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.flexible-layout{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md)}.flexible-layout::part(
|
|
1
|
+
.flexible-layout{--flexible-layout--tab-list-block__background-color: var( --mer-surface__elevation--01 );--flexible-layout--tab-list-inline__background-color: var( --mer-surface__elevation--02 );--flexible-layout--tab-list-inline__inline-size: 48px;--flexible-layout--tab-button-block-start__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-block-end__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-inline-start__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-inline-end__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-block-start__background-color--selected: var( --mer-surface );--flexible-layout--tab-button-block-end__background-color--selected: var( --mer-surface )}.flexible-layout::part(leaf){--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md)}.flexible-layout::part(tab block-end),.flexible-layout::part(tab block-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);font-size:var(--tab-caption__font-size);font-weight:var(--tab-caption__font-weight);gap:var(--tab-caption__gap);padding-inline:var(--tab-caption__padding-inline);padding-block:calc(var(--tab-caption__padding-block) - 1px);border-block:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);font-size:var(--tab-caption__font-size);font-weight:var(--tab-caption__font-weight);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:calc(var(--tab-caption__padding-inline) - 1px);border-inline:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block-end selected)::before,.flexible-layout::part(tab block-start selected)::before{color:var(--mer-accent__primary)}.flexible-layout::part(tab block-start){background-color:var(--flexible-layout--tab-button-block-start__background-color)}.flexible-layout::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start selected){border-block-start-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-start__background-color--selected)}.flexible-layout::part(tab block-end){background-color:var(--flexible-layout--tab-button-block-end__background-color)}.flexible-layout::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end selected){border-block-end-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-end__background-color--selected)}.flexible-layout::part(tab inline-start){background-color:var(--flexible-layout--tab-button-inline-start__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start selected){border-inline-start-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end){background-color:var(--flexible-layout--tab-button-inline-end__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end selected){border-inline-end-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(tab-list inline){background-color:var(--flexible-layout--tab-list-inline__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size);gap:4px}.flexible-layout::part(tab-list block){background-color:var(--flexible-layout--tab-list-block__background-color);overflow:auto}.flexible-layout::part(tab inline-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(droppable-area){background-color:color-mix(in srgb, var(--mer-accent__primary) 25%, transparent)}.flexible-layout::part(bar){color:var(--mer-border-color__on-surface)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.flexible-layout::part(tab inline-end):focus-visible,.flexible-layout::part(tab inline-start):focus-visible,.flexible-layout::part(tab block-end):focus-visible,.flexible-layout::part(tab block-start):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.flexible-layout::part(close-button){margin-inline-start:4px;border-radius:4px}.flexible-layout::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.flexible-layout::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.layout-splitter::part(bar){color:var(--mer-border-color__on-surface)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navigation-list{--ch-navigation-list-item__tooltip-separation-x: var(--mer-spacing--2xs);--ch-navigation-list-item-custom-padding-inline-start: calc( var(--mer-spacing--xs)
|
|
1
|
+
.navigation-list{--ch-navigation-list-item__tooltip-separation-x: var(--mer-spacing--2xs);--ch-navigation-list-item-custom-padding-inline-start: calc( var(--mer-spacing--xs) - 1px );--ch-navigation-list-item-gap: var(--mer-spacing--xs);--ch-navigation-list-item-expand-collapse-duration: 200ms;--ch-navigation-list-item__image-size: var(--mer-spacing--md);--ch-navigation-list-item__expandable-button-size: 20px;--ch-navigation-list-item__expandable-button-image-size: calc( var(--mer-spacing--md) - var(--mer-spacing--3xs) );color:var(--item__color);line-height:var(--mer-spacing--md);gap:var(--mer-spacing--sm)}.navigation-list::part(item__action){padding-block:var(--mer-spacing--xs);padding-inline-end:var(--mer-spacing--xs)}.navigation-list::part(item__caption tooltip){padding-block:var(--mer-spacing--2xs);padding-inline:var(--mer-spacing--xs);background-color:var(--mer-color__neutral-gray--1000);border-radius:var(--mer-border__radius--sm);box-shadow:4px 4px 12px 0px rgba(0,0,0,.2);color:var(--mer-color__neutral-gray--300);font-size:var(--mer-font__size--xs)}.navigation-list::part(item__action):focus-visible{outline:1px solid;outline-offset:-1px}.navigation-list::part(item__button):hover{color:var(--item__color--hover)}.navigation-list::part(item__link){padding-inline-end:calc(var(--mer-spacing--xs) - 1px);padding-block:calc(var(--mer-spacing--xs) - 1px);border:1px solid rgba(0,0,0,0);border-radius:4px}.navigation-list::part(item__link selected){background-color:var(--item__bg-color--selected);border-color:var(--item__border-color--selected);color:var(--mer-accent__primary)}.navigation-list::part(item__link not-selected):hover{color:var(--mer-accent__primary)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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:focus
|
|
1
|
+
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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:focus::part(thumb),.slider:active::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color)}.tab::part(
|
|
1
|
+
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color)}.tab::part(tab block-end),.tab::part(tab block-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);font-size:var(--tab-caption__font-size);font-weight:var(--tab-caption__font-weight);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-block:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab inline-end),.tab::part(tab inline-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);font-size:var(--tab-caption__font-size);font-weight:var(--tab-caption__font-weight);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-inline:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline );border-block-end-color:var(--tab-caption__border-color)}.tab::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline );border-block-start-color:var(--tab-caption__border-color)}.tab::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);border-inline-end-color:var(--tab-caption__border-color)}.tab::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);border-inline-start-color:var(--tab-caption__border-color)}.tab::part(tab inline-end):focus-visible,.tab::part(tab inline-start):focus-visible,.tab::part(tab block-end):focus-visible,.tab::part(tab block-start):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab inline-end disabled),.tab::part(tab inline-start disabled),.tab::part(tab block-end disabled),.tab::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 );--tab-button__border-width: 0}.tab::part(close-button){margin-inline-start:4px;border-radius:4px}.tab::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.tab::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab-list block-start){border-block-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list block-end){border-block-start:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline-start){border-inline-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline-end){border-inline-start:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toggle-large,.toggle-small{--ch-switch-track__unchecked-background-color: var( --mer-color__neutral-gray--650 );--ch-switch-track__checked-background-color: var( --mer-color__tinted-primary--50 );--ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__state-transition-duration: 150ms}.toggle-large::part(track),.toggle-small::part(track){border-radius:var(--ch-switch-track-block-size);margin-inline-end:var(--mer-spacing--xs)}.toggle-large::part(track disabled),.toggle-small::part(track disabled){--ch-switch-track__unchecked-background-color: var( --mer-accent__primary--disabled );--ch-switch-track__checked-background-color: var( --mer-accent__primary--disabled );--ch-switch-thumb__unchecked-background-color: var( --mer-icon__on-disabled );--ch-switch-thumb__checked-background-color: var(--mer-icon__on-disabled)}.toggle-large::part(caption checked),.toggle-small::part(caption checked){font-weight:600}.toggle-small{--ch-switch-track-block-size: 16px;--ch-switch-track-inline-size: 31px;--ch-switch-thumb-size: 9px}.toggle-small::part(thumb unchecked){inset-inline-start:4px}.toggle-small::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 4px)}.toggle-large{--ch-switch-track-block-size: 26px;--ch-switch-track-inline-size: 50px;--ch-switch-thumb-size: 16px}.toggle-large::part(thumb unchecked){inset-inline-start:6px}.toggle-large::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 6px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-tertiary,.button-secondary,.button-primary{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);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-tertiary:focus-visible,.button-secondary:focus-visible,.button-primary:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.button-primary{--button-primary__bg-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__bg-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__bg-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var(--button-primary__bg-color--hover);--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__bg-color--active: var(--mer-accent__primary--active);--button-primary__border-color--active: var( --button-primary__bg-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__bg-color--disabled: var(--mer-accent__primary--disabled);--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__bg-color--destructive: var( --mer-accent__primary--destructive );--button-primary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-primary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-primary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__bg-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__bg-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__bg-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__bg-color--disabled);--control__border-color: var(--button-primary__bg-color--disabled);color:var(--button-primary__color--disabled)}.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--button-secondary__bg-color--destructive: transparent;--button-secondary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-secondary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-secondary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-secondary__color--destructive: var(--mer-text__on-primary);--button-secondary__bg-color--destructive: var(transparent);--button-secondary__bg-color--destructive-hover: var( --mer-color__message-red--600 );--button-secondary__bg-color--destructive-active: var( --mer-color__message-red--500 );--button-secondary__border-color--destructive: var( --mer-accent__primary--destructive );--button-secondary__color--destructive: var( --mer-accent__primary--destructive );--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-secondary-destructive{--control__border-color: var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color: var( --button-secondary__bg-color--destructive-hover );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color: var( --button-secondary__bg-color--destructive-active );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group-inline,.field-group{--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-cols-2{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-group-cols-2 .label,.field-inline>.label{margin-block-start:var(--field-inline-label__margin-block-start)}.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)}.button-icon-only{padding:0;box-sizing:border-box;inline-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2);block-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.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(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.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);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--mer-spacing--2xs))}.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)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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):focus-within{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.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)}.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)}: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{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}.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)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.combo-box[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::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(item 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-error{--control__border-color: var(--control__border-color--error)}.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(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);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);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);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__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.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);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline: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)}.input::placeholder{font-style:italic}.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)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}.slider:focus-visible::part(thumb focus){outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}
|
|
1
|
+
.button-tertiary,.button-secondary,.button-primary{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);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-tertiary:focus-visible,.button-secondary:focus-visible,.button-primary:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.button-primary{--button-primary__bg-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__bg-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__bg-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var(--button-primary__bg-color--hover);--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__bg-color--active: var(--mer-accent__primary--active);--button-primary__border-color--active: var( --button-primary__bg-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__bg-color--disabled: var(--mer-accent__primary--disabled);--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__bg-color--destructive: var( --mer-accent__primary--destructive );--button-primary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-primary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-primary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__bg-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__bg-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__bg-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__bg-color--disabled);--control__border-color: var(--button-primary__bg-color--disabled);color:var(--button-primary__color--disabled)}.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--button-secondary__bg-color--destructive: transparent;--button-secondary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-secondary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-secondary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-secondary__color--destructive: var(--mer-text__on-primary);--button-secondary__bg-color--destructive: var(transparent);--button-secondary__bg-color--destructive-hover: var( --mer-color__message-red--600 );--button-secondary__bg-color--destructive-active: var( --mer-color__message-red--500 );--button-secondary__border-color--destructive: var( --mer-accent__primary--destructive );--button-secondary__color--destructive: var( --mer-accent__primary--destructive );--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-secondary-destructive{--control__border-color: var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color: var( --button-secondary__bg-color--destructive-hover );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color: var( --button-secondary__bg-color--destructive-active );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group-inline,.field-group{--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-cols-2{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-group-cols-2 .label,.field-inline>.label{margin-block-start:var(--field-inline-label__margin-block-start)}.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)}.button-icon-only{padding:0;box-sizing:border-box;inline-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2);block-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.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(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.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);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box[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::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(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);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);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);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__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.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);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);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(--mer-spacing--2xs))}.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)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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):focus-within{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.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)}.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:focus::part(thumb),.slider:active::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}: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{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}.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)}.combo-box[part=ch-combo-box--empty-value]{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.input::placeholder{font-style:italic}.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)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}
|
package/dist/bundles.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] |
|
|
|
3
3
|
export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
|
|
4
4
|
export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
|
|
5
5
|
export type MercuryBundleBase = "base/base" | "base/icons";
|
|
6
|
-
export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/flexible-layout" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
|
|
7
|
-
export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider";
|
|
6
|
+
export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
|
|
7
|
+
export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/toggle";
|
|
8
8
|
export type MercuryBundleReset = "resets/box-sizing";
|
|
9
9
|
export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
|
|
10
10
|
export type MercuryBundleUtilFormFull = "utils/form--full";
|
|
@@ -105,6 +105,14 @@ export declare const getThemeBundles: (basePath: string) => [{
|
|
|
105
105
|
readonly name: BundleNames;
|
|
106
106
|
readonly url: `${string}components/edit.css`;
|
|
107
107
|
readonly attachStyleSheet: boolean;
|
|
108
|
+
}, {
|
|
109
|
+
readonly name: BundleNames;
|
|
110
|
+
readonly url: `${string}components/layout-splitter.css`;
|
|
111
|
+
readonly attachStyleSheet?: undefined;
|
|
112
|
+
} | {
|
|
113
|
+
readonly name: BundleNames;
|
|
114
|
+
readonly url: `${string}components/layout-splitter.css`;
|
|
115
|
+
readonly attachStyleSheet: boolean;
|
|
108
116
|
}, {
|
|
109
117
|
readonly name: BundleNames;
|
|
110
118
|
readonly url: `${string}components/list-box.css`;
|
|
@@ -193,6 +201,14 @@ export declare const getThemeBundles: (basePath: string) => [{
|
|
|
193
201
|
readonly name: BundleNames;
|
|
194
202
|
readonly url: `${string}components/ticket-list.css`;
|
|
195
203
|
readonly attachStyleSheet: boolean;
|
|
204
|
+
}, {
|
|
205
|
+
readonly name: BundleNames;
|
|
206
|
+
readonly url: `${string}components/toggle.css`;
|
|
207
|
+
readonly attachStyleSheet?: undefined;
|
|
208
|
+
} | {
|
|
209
|
+
readonly name: BundleNames;
|
|
210
|
+
readonly url: `${string}components/toggle.css`;
|
|
211
|
+
readonly attachStyleSheet: boolean;
|
|
196
212
|
}, {
|
|
197
213
|
readonly name: BundleNames;
|
|
198
214
|
readonly url: `${string}components/tooltip.css`;
|
package/dist/bundles.js
CHANGED
|
@@ -36,6 +36,7 @@ export const getThemeBundles = (basePath) => [
|
|
|
36
36
|
getThemeModelItem(basePath, "components/dialog"),
|
|
37
37
|
getThemeModelItem(basePath, "components/icon"),
|
|
38
38
|
getThemeModelItem(basePath, "components/edit"),
|
|
39
|
+
getThemeModelItem(basePath, "components/layout-splitter"),
|
|
39
40
|
getThemeModelItem(basePath, "components/list-box"),
|
|
40
41
|
getThemeModelItem(basePath, "components/markdown-viewer", false),
|
|
41
42
|
getThemeModelItem(basePath, "components/navigation-list"),
|
|
@@ -47,6 +48,7 @@ export const getThemeBundles = (basePath) => [
|
|
|
47
48
|
getThemeModelItem(basePath, "components/tab"),
|
|
48
49
|
getThemeModelItem(basePath, "components/tabular-grid"),
|
|
49
50
|
getThemeModelItem(basePath, "components/ticket-list"),
|
|
51
|
+
getThemeModelItem(basePath, "components/toggle"),
|
|
50
52
|
getThemeModelItem(basePath, "components/tooltip"),
|
|
51
53
|
getThemeModelItem(basePath, "components/tree-view"),
|
|
52
54
|
getThemeModelItem(basePath, "components/widget"),
|