@genexus/mercury 0.9.8 → 0.9.9
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/assets-manager.d.ts +2 -0
- package/dist/assets-manager.js +12 -4
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/components/accordion.css +1 -1
- package/dist/bundles/css/components/combo-box.css +1 -1
- package/dist/bundles/css/components/pills.css +1 -1
- package/dist/bundles/css/utils/form--full.css +1 -1
- package/dist/bundles/css/utils/layout.css +1 -1
- package/dist/mercury.scss +96 -60
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.accordion-outlined::part(header),.accordion-filled::part(header){--text-body__font-size--l: var(--mer-font__size--sm);--text-body__font-size--m: var(--mer-font__size--xs);--text-body__font-size--s: var(--mer-font__size--3xs);--text-body__font-size--xs: var(--mer-font__size--4xs);--text-body__line-height: var(--mer-line-height--spaced);--text-body-regular__font-weight: var(--mer-font__weight--regular);--text-body-highlighted__font-weight: var(--mer-font__weight--semi-bold);--text-body-italic__font-weight: var(--mer-font__weight--regular)}.accordion-outlined::part(header),.accordion-filled::part(header){font-size:var(--text-body__font-size--m);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.accordion-outlined,.accordion-filled{--ch-accordion__header-image-size: var(--mer-icon__box--sm);--ch-accordion__chevron-size: var(--mer-icon__box--sm);--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);--ch-accordion-expand-collapse-timing-function: ease-in-out;--spacing-body-block-start: var(--mer-spacing--xs);--spacing-body-block-end: var(--mer-spacing--xs);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--accordion__gap: var(--mer-spacing--2xs);--accordion-panel__border-radius: var(--mer-border__radius--sm);--accordion-panel__bg-color: var(--mer-surface__elevation--01);--accordion-panel__bg-color--disabled: var(--mer-surface__elevation--02);--accordion-panel-outlined__border-color: var(--mer-border-color__on-surface);--accordion-panel-outlined__border-color--disabled: var( --mer-border-color__primary--disabled );--accordion-panel-outlined__border-color--disabled: var( --mer-border-color__primary--disabled );--accordion-panel-outlined__border: var(--mer-border__width--sm) solid var(--accordion-panel-outlined__border-color);--accordion-panel-outlined__border-radius: var(--mer-border__radius--sm);--accordion-header__padding: var(--mer-spacing--sm);--accordion-header__gap: var(--mer-spacing--sm);--accordion-header__color: var(--mer-text__highlighted);--accordion-header__color--disabled: var(--mer-accent__primary--disabled);--accordion-header__border-width: var(--mer-border__width--sm);--accordion-header__border-color: transparent;--accordion-header__border-radius: var(--accordion-panel__border-radius);--accordion-header__border
|
|
1
|
+
.accordion-outlined::part(header),.accordion-filled::part(header){--text-body__font-size--l: var(--mer-font__size--sm);--text-body__font-size--m: var(--mer-font__size--xs);--text-body__font-size--s: var(--mer-font__size--3xs);--text-body__font-size--xs: var(--mer-font__size--4xs);--text-body__line-height: var(--mer-line-height--spaced);--text-body-regular__font-weight: var(--mer-font__weight--regular);--text-body-highlighted__font-weight: var(--mer-font__weight--semi-bold);--text-body-italic__font-weight: var(--mer-font__weight--regular)}.accordion-outlined::part(header),.accordion-filled::part(header){font-size:var(--text-body__font-size--m);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.accordion-outlined,.accordion-filled{--ch-accordion__header-image-size: var(--mer-icon__box--sm);--ch-accordion__chevron-size: var(--mer-icon__box--sm);--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);--ch-accordion-expand-collapse-timing-function: ease-in-out;--spacing-body-block-start: var(--mer-spacing--xs);--spacing-body-block-end: var(--mer-spacing--xs);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--accordion__gap: var(--mer-spacing--2xs);--accordion-panel__border-radius: var(--mer-border__radius--sm);--accordion-panel__bg-color: var(--mer-surface__elevation--01);--accordion-panel__bg-color--disabled: var(--mer-surface__elevation--02);--accordion-panel-outlined__border-color: var(--mer-border-color__on-surface);--accordion-panel-outlined__border-color--disabled: var( --mer-border-color__primary--disabled );--accordion-panel-outlined__border-color--disabled: var( --mer-border-color__primary--disabled );--accordion-panel-outlined__border: var(--mer-border__width--sm) solid var(--accordion-panel-outlined__border-color);--accordion-panel-outlined__border-radius: var(--mer-border__radius--sm);--accordion-header__padding: var(--mer-spacing--sm);--accordion-header__gap: var(--mer-spacing--sm);--accordion-header__color: var(--mer-text__highlighted);--accordion-header__color--disabled: var(--mer-accent__primary--disabled);--accordion-header__border-width: var(--mer-border__width--sm);--accordion-header__border-color: transparent;--accordion-header__border-radius: var(--accordion-panel__border-radius);--accordion-header__border-block-end-color: var( --mer-border-color__on-surface );--accordion-section__border-color: var(--mer-border-color__on-elevation--01);--accordion-section__margin-block: var(--mer-spacing--sm);--accordion-section__margin-inline: var(--mer-spacing--sm);--accordion-section__bg-color: var(--mer-surface__elevation--01);--accordion-section__border: var(--mer-border__width--sm) solid var(--accordion-section__border-color);--accordion-section__border-radius: var(--mer-border__radius--sm);--accordion-section-outlined__border-color: var( --mer-border-color__on-surface );--accordion-section-outlined__border-color--disabled: var( --mer-border-color__primary--disabled );gap:var(--accordion__gap)}.accordion-outlined{--accordion-section__border-color: var( --accordion-section-outlined__border-color );--accordion-section__bg-color: transparent}.accordion-outlined::part(header),.accordion-filled::part(header){padding:var(--accordion-header__padding);gap:var(--accordion-header__gap);color:var(--accordion-header__color);border:var(--accordion-header__border-width) solid var(--accordion-header__border-color)}.accordion-outlined::part(header):hover,.accordion-filled::part(header):hover{--accordion-header__border-color: var(--mer-border-color__primary--hover)}.accordion-outlined::part(header):active,.accordion-filled::part(header):active{--accordion-header__border-color: var(--mer-border-color__primary--active)}.accordion-outlined::part(header):hover,.accordion-filled::part(header):hover,.accordion-outlined::part(header):active,.accordion-filled::part(header):active{--accordion-header__border-block-end-color: var( --accordion-header__border-color )}.accordion-outlined::part(header):focus-visible,.accordion-filled::part(header):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.accordion-filled::part(header disabled){color:var(--mer-accent__primary--disabled)}.accordion-outlined::part(header disabled){color:var(--mer-accent__primary--disabled)}.accordion-outlined::part(header expanded),.accordion-filled::part(header expanded){border-block-end-color:var(--accordion-header__border-block-end-color)}.accordion-filled::part(panel){border-radius:var(--mer-border__radius--sm);background-color:var(--accordion-panel__bg-color)}.accordion-filled::part(panel disabled){--accordion-panel__bg-color: var(--accordion-panel__bg-color--disabled)}.accordion-outlined::part(panel){border:var(--accordion-panel-outlined__border);border-radius:var(--accordion-panel-outlined__border-radius)}.accordion-outlined::part(panel disabled){border-color:var(--accordion-panel-outlined__border-color--disabled)}.accordion-outlined::part(section),.accordion-filled::part(section){margin-block:var(--accordion-section__margin-block);margin-inline:var(--accordion-section__margin-inline)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
|
|
@@ -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-
|
|
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::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))}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pills-container{--pills-container__display: flex;flex-wrap:wrap;display:var(--pills-container__display);gap:var(--mer-spacing--md)}.pill{--ch-pills-separation-y: var(--mer-spacing--3xs);--ch-pills-item-gap: var(--mer-spacing--xs);--ch-pills-item__image-size: var(--mer-spacing--md);--ch-pills-item__background-image-size: 100%;--ch-pills-group__expandable-button-size: var(--mer-spacing--md);--ch-pills-group__expandable-button-image-size: var(--mer-spacing--sm);--control__border-radius: var(--mer-spacing--md);--control__padding-inline: 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--semi-bold);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)}.pill[part=enabled]{--control__border-color: var(--mer-border-color__dim);--control__bg-color: transparent;--control__color: var(--mer-text__neutral)}.pill[part=processing]{--control__border-color: var(--mer-color__tinted-blue--50);--control__bg-color: var(--mer-color__tinted-blue--8);--control__color: var(--mer-accent__primary);--status-circle-color: transparent;--status-circle-size: $size;--status-circle-inset-inline-start: 14px}.pill[part=processing]::before{inset-inline-start:14px;width:12px;height:12px;border:2.4px solid var(--mer-color__tinted-blue--50);border-top:2.4px solid var(--mer-color__primary-blue--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pill[part=success]{--control__border-color: var(--mer-color__tinted-green--60);--control__bg-color: var(--mer-color__tinted-green--5);--control__color: var(--mer-text__success)}.pill[part=warning]{--control__border-color: var(--mer-color__tinted-yellow--60);--control__bg-color: var(--mer-color__tinted-yellow--5);--control__color: var(--mer-text__warning)}.pill[part=error]{--control__border-color: var(--mer-color__tinted-red--60);--control__bg-color: var(--mer-color__tinted-red--5);--control__color: var(--mer-text__error)}.pill[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)}.pill:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.pill:hover{--control__border-color: var(--control__border-color--hover)}.pill::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)}.pill::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)}.pills::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.pill::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)}.pill::part(window){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);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);border-radius:var(--items-container__border-radius);--items-container__border-radius: var(--mer-border__radius--lg)}
|
|
1
|
+
.pills-container{--pills-container__display: flex;flex-wrap:wrap;display:var(--pills-container__display);gap:var(--mer-spacing--md)}.pill{--ch-pills-separation-y: var(--mer-spacing--3xs);--ch-pills-item-gap: var(--mer-spacing--xs);--ch-pills-item__image-size: var(--mer-spacing--md);--ch-pills-item__background-image-size: 100%;--ch-pills-group__expandable-button-size: var(--mer-spacing--md);--ch-pills-group__expandable-button-image-size: var(--mer-spacing--sm);--control__border-radius: var(--mer-spacing--md);--control__padding-inline: 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--semi-bold);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)}.pill[part=enabled]{--control__border-color: var(--mer-border-color__dim);--control__bg-color: transparent;--control__color: var(--mer-text__neutral)}.pill[part=processing]{--control__border-color: var(--mer-color__tinted-blue--50);--control__bg-color: var(--mer-color__tinted-blue--8);--control__color: var(--mer-accent__primary);--status-circle-color: transparent;--status-circle-size: $size;--status-circle-inset-inline-start: 14px}.pill[part=processing]::before{inset-inline-start:14px;width:12px;height:12px;border:2.4px solid var(--mer-color__tinted-blue--50);border-top:2.4px solid var(--mer-color__primary-blue--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pill[part=success]{--control__border-color: var(--mer-color__tinted-green--60);--control__bg-color: var(--mer-color__tinted-green--5);--control__color: var(--mer-text__success)}.pill[part=warning]{--control__border-color: var(--mer-color__tinted-yellow--60);--control__bg-color: var(--mer-color__tinted-yellow--5);--control__color: var(--mer-text__warning)}.pill[part=error]{--control__border-color: var(--mer-color__tinted-red--60);--control__bg-color: var(--mer-color__tinted-red--5);--control__color: var(--mer-text__error)}.pill[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)}.pill:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.pill:hover{--control__border-color: var(--control__border-color--hover)}.pill::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)}.pill::part(item error),.pill::part(item warning),.pill::part(item success),.pill::part(item processing),.pill::part(item enabled){padding-inline-start:var(--mer-spacing--xl);background-repeat:no-repeat;background-size:var(--mer-icon__box--md);background-position:8px center}.pill::part(item enabled){background-image:var(--icon__states_pill-filled_highlighted--enabled)}.pill::part(item processing){background-image:var(--icon__states_pill-filled_primary--enabled)}.pill::part(item success){background-image:var(--icon__states_pill-filled_success--enabled)}.pill::part(item warning){background-image:var(--icon__states_pill-filled_warning--enabled)}.pill::part(item error){background-image:var(--icon__states_pill-filled_error--enabled)}.pill::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)}.pill{--status-circle-color: var(--control__color);--status-circle-size: 6px;--status-circle-inset-inline-start: 17px;position:relative;padding-inline-start:36px}.pill::before{content:"";position:absolute;background-color:var(--status-circle-color);inset-inline-start:var(--status-circle-inset-inline-start);block-size:var(--status-circle-size);inline-size:var(--status-circle-size);display:inline-block;border-radius:50%}.pills::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.pill::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)}.pill::part(window){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);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);border-radius:var(--items-container__border-radius);--items-container__border-radius: var(--mer-border__radius--lg)}
|
|
@@ -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-spacing--md);--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-item__background-image-size: 100%;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)}.form-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)}.form-input:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-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-blue--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){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);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size)}.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)}.form-input::placeholder{font-style:italic}.form-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::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)}.form-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)}.form-input:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-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-blue--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)}.form-input::placeholder{font-style:italic}.form-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 +1 @@
|
|
|
1
|
-
.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.control-footer,.control-footer-with-border{--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}.control-footer-with-border{border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.control-header,.control-header-with-border{padding-block-end:var(--mer-spacing--md)}.control-header-with-border{border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
|
|
1
|
+
.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}.spacing-body,:host(.spacing-body){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block,:host(.spacing-body-block){padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start,:host(.spacing-body-block-start){padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end,:host(.spacing-body-block-end){padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline,:host(.spacing-body-inline){padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start,:host(.spacing-body-inline-start){padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end,:host(.spacing-body-inline-end){padding-inline-end:var(--spacing-body-inline-end)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.control-footer,.control-footer-with-border{--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}.control-footer-with-border{border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.control-header,.control-header-with-border{padding-block-end:var(--mer-spacing--md)}.control-header-with-border{border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
|
package/dist/mercury.scss
CHANGED
|
@@ -786,13 +786,17 @@
|
|
|
786
786
|
}
|
|
787
787
|
|
|
788
788
|
@mixin spacing-body(
|
|
789
|
-
$body-selector: ".spacing-body",
|
|
790
|
-
$body-block-selector: ".spacing-body-block",
|
|
791
|
-
$body-block-start-selector:
|
|
792
|
-
|
|
793
|
-
$body-
|
|
794
|
-
|
|
795
|
-
$body-inline-
|
|
789
|
+
$body-selector: ".spacing-body,:host(.spacing-body)",
|
|
790
|
+
$body-block-selector: ".spacing-body-block,:host(.spacing-body-block)",
|
|
791
|
+
$body-block-start-selector:
|
|
792
|
+
".spacing-body-block-start,:host(.spacing-body-block-start)",
|
|
793
|
+
$body-block-end-selector:
|
|
794
|
+
".spacing-body-block-end,:host(.spacing-body-block-end)",
|
|
795
|
+
$body-inline-selector: ".spacing-body-inline,:host(.spacing-body-inline)",
|
|
796
|
+
$body-inline-start-selector:
|
|
797
|
+
".spacing-body-inline-start,:host(.spacing-body-inline-start)",
|
|
798
|
+
$body-inline-end-selector:
|
|
799
|
+
".spacing-body-inline-end,:host(.spacing-body-inline-end)"
|
|
796
800
|
) {
|
|
797
801
|
#{$body-selector} {
|
|
798
802
|
@extend %spacing-body;
|
|
@@ -2315,13 +2319,17 @@
|
|
|
2315
2319
|
}
|
|
2316
2320
|
|
|
2317
2321
|
@mixin spacing-body(
|
|
2318
|
-
$body-selector: ".spacing-body",
|
|
2319
|
-
$body-block-selector: ".spacing-body-block",
|
|
2320
|
-
$body-block-start-selector:
|
|
2321
|
-
|
|
2322
|
-
$body-
|
|
2323
|
-
|
|
2324
|
-
$body-inline-
|
|
2322
|
+
$body-selector: ".spacing-body,:host(.spacing-body)",
|
|
2323
|
+
$body-block-selector: ".spacing-body-block,:host(.spacing-body-block)",
|
|
2324
|
+
$body-block-start-selector:
|
|
2325
|
+
".spacing-body-block-start,:host(.spacing-body-block-start)",
|
|
2326
|
+
$body-block-end-selector:
|
|
2327
|
+
".spacing-body-block-end,:host(.spacing-body-block-end)",
|
|
2328
|
+
$body-inline-selector: ".spacing-body-inline,:host(.spacing-body-inline)",
|
|
2329
|
+
$body-inline-start-selector:
|
|
2330
|
+
".spacing-body-inline-start,:host(.spacing-body-inline-start)",
|
|
2331
|
+
$body-inline-end-selector:
|
|
2332
|
+
".spacing-body-inline-end,:host(.spacing-body-inline-end)"
|
|
2325
2333
|
) {
|
|
2326
2334
|
#{$body-selector} {
|
|
2327
2335
|
@extend %spacing-body;
|
|
@@ -3605,25 +3613,13 @@
|
|
|
3605
3613
|
--accordion-header__border-width: var(--mer-border__width--sm);
|
|
3606
3614
|
--accordion-header__border-color: transparent;
|
|
3607
3615
|
--accordion-header__border-radius: var(--accordion-panel__border-radius);
|
|
3608
|
-
--accordion-header__border: var(
|
|
3609
|
-
|
|
3610
|
-
//
|
|
3611
|
-
// header:hover
|
|
3612
|
-
--accordion-header__border-color--hover: var(
|
|
3613
|
-
--mer-border-color__primary--hover
|
|
3614
|
-
);
|
|
3615
|
-
--accordion-header__border--hover: var(--accordion-header__border-width) solid
|
|
3616
|
-
var(--accordion-header__border-color--hover);
|
|
3617
|
-
// header:active
|
|
3618
|
-
--accordion-header__border-color--active: var(
|
|
3619
|
-
--mer-border-color__primary--active
|
|
3620
|
-
);
|
|
3621
|
-
--accordion-header__border--active: var(--accordion-header__border-width)
|
|
3622
|
-
solid var(--accordion-header__border-color--active);
|
|
3616
|
+
--accordion-header__border-block-end-color: var(
|
|
3617
|
+
--mer-border-color__on-surface
|
|
3618
|
+
); // for expanded
|
|
3623
3619
|
|
|
3624
3620
|
// section
|
|
3625
3621
|
--accordion-section__border-color: var(--mer-border-color__on-elevation--01);
|
|
3626
|
-
--accordion-section__margin-block:
|
|
3622
|
+
--accordion-section__margin-block: var(--mer-spacing--sm);
|
|
3627
3623
|
--accordion-section__margin-inline: var(--mer-spacing--sm);
|
|
3628
3624
|
--accordion-section__bg-color: var(--mer-surface__elevation--01);
|
|
3629
3625
|
--accordion-section__border: var(--mer-border__width--sm) solid
|
|
@@ -3656,14 +3652,21 @@
|
|
|
3656
3652
|
padding: var(--accordion-header__padding);
|
|
3657
3653
|
gap: var(--accordion-header__gap);
|
|
3658
3654
|
color: var(--accordion-header__color);
|
|
3659
|
-
|
|
3660
|
-
|
|
3655
|
+
border: var(--accordion-header__border-width) solid
|
|
3656
|
+
var(--accordion-header__border-color);
|
|
3661
3657
|
|
|
3662
3658
|
&--hover {
|
|
3663
|
-
--accordion-header__border: var(--
|
|
3659
|
+
--accordion-header__border-color: var(--mer-border-color__primary--hover);
|
|
3664
3660
|
}
|
|
3665
3661
|
&--active {
|
|
3666
|
-
--accordion-header__border: var(--
|
|
3662
|
+
--accordion-header__border-color: var(--mer-border-color__primary--active);
|
|
3663
|
+
}
|
|
3664
|
+
|
|
3665
|
+
&--hover,
|
|
3666
|
+
&--active {
|
|
3667
|
+
--accordion-header__border-block-end-color: var(
|
|
3668
|
+
--accordion-header__border-color
|
|
3669
|
+
);
|
|
3667
3670
|
}
|
|
3668
3671
|
|
|
3669
3672
|
&--focus-visible {
|
|
@@ -3679,6 +3682,14 @@
|
|
|
3679
3682
|
color: var(--mer-accent__primary--disabled);
|
|
3680
3683
|
}
|
|
3681
3684
|
}
|
|
3685
|
+
|
|
3686
|
+
// expanded
|
|
3687
|
+
&--expanded {
|
|
3688
|
+
border-block-end-color: var(--accordion-header__border-block-end-color);
|
|
3689
|
+
|
|
3690
|
+
&-disabled {
|
|
3691
|
+
}
|
|
3692
|
+
}
|
|
3682
3693
|
}
|
|
3683
3694
|
|
|
3684
3695
|
%accordion-panel {
|
|
@@ -3703,15 +3714,10 @@
|
|
|
3703
3714
|
// "1px" is used to improve the display of the outline when :focus-visible
|
|
3704
3715
|
margin-block: var(--accordion-section__margin-block);
|
|
3705
3716
|
margin-inline: var(--accordion-section__margin-inline);
|
|
3706
|
-
|
|
3707
|
-
padding-inline: var(--accordion-section__padding-inline);
|
|
3708
|
-
background-color: var(--accordion-section__bg-color);
|
|
3709
|
-
border: var(--accordion-section__border);
|
|
3710
|
-
border-radius: var(--accordion-section__border-radius);
|
|
3717
|
+
// background-color: var(--accordion-section__bg-color);
|
|
3711
3718
|
|
|
3712
3719
|
&-outlined {
|
|
3713
3720
|
&--disabled {
|
|
3714
|
-
border-color: var(--accordion-section-outlined__border-color--disabled);
|
|
3715
3721
|
}
|
|
3716
3722
|
}
|
|
3717
3723
|
}
|
|
@@ -3722,6 +3728,9 @@
|
|
|
3722
3728
|
$panel-disabled-selector: ".accordion-filled::part(panel disabled)",
|
|
3723
3729
|
$header-selector: ".accordion-filled::part(header)",
|
|
3724
3730
|
$header-disabled-selector: ".accordion-filled::part(header disabled)",
|
|
3731
|
+
$header-expanded-selector: ".accordion-filled::part(header expanded)",
|
|
3732
|
+
$header-expanded-disabled-selector:
|
|
3733
|
+
".accordion-filled::part(header expanded disabled)",
|
|
3725
3734
|
$section-selector: ".accordion-filled::part(section)"
|
|
3726
3735
|
) {
|
|
3727
3736
|
#{$accordion-selector} {
|
|
@@ -3750,6 +3759,14 @@
|
|
|
3750
3759
|
}
|
|
3751
3760
|
}
|
|
3752
3761
|
|
|
3762
|
+
#{$header-expanded-selector} {
|
|
3763
|
+
@extend %accordion-header--expanded;
|
|
3764
|
+
}
|
|
3765
|
+
|
|
3766
|
+
#{$header-expanded-disabled-selector} {
|
|
3767
|
+
@extend %accordion-header--expanded-disabled;
|
|
3768
|
+
}
|
|
3769
|
+
|
|
3753
3770
|
#{$section-selector} {
|
|
3754
3771
|
@extend %accordion-section;
|
|
3755
3772
|
}
|
|
@@ -3765,6 +3782,9 @@
|
|
|
3765
3782
|
$panel-disabled-selector: ".accordion-outlined::part(panel disabled)",
|
|
3766
3783
|
$header-selector: ".accordion-outlined::part(header)",
|
|
3767
3784
|
$header-disabled-selector: ".accordion-outlined::part(header disabled)",
|
|
3785
|
+
$header-expanded-selector: ".accordion-outlined::part(header expanded)",
|
|
3786
|
+
$header-expanded-disabled-selector:
|
|
3787
|
+
".accordion-outlined::part(header expanded disabled)",
|
|
3768
3788
|
$section-selector: ".accordion-outlined::part(section)",
|
|
3769
3789
|
$section-disabled-selector: ".accordion-outlined::part(section disabled)"
|
|
3770
3790
|
) {
|
|
@@ -3795,6 +3815,14 @@
|
|
|
3795
3815
|
}
|
|
3796
3816
|
}
|
|
3797
3817
|
|
|
3818
|
+
#{$header-expanded-selector} {
|
|
3819
|
+
@extend %accordion-header--expanded;
|
|
3820
|
+
}
|
|
3821
|
+
|
|
3822
|
+
#{$header-expanded-disabled-selector} {
|
|
3823
|
+
@extend %accordion-header--expanded-disabled;
|
|
3824
|
+
}
|
|
3825
|
+
|
|
3798
3826
|
#{$section-selector} {
|
|
3799
3827
|
@extend %accordion-section;
|
|
3800
3828
|
}
|
|
@@ -4885,13 +4913,17 @@
|
|
|
4885
4913
|
}
|
|
4886
4914
|
|
|
4887
4915
|
@mixin spacing-body(
|
|
4888
|
-
$body-selector: ".spacing-body",
|
|
4889
|
-
$body-block-selector: ".spacing-body-block",
|
|
4890
|
-
$body-block-start-selector:
|
|
4891
|
-
|
|
4892
|
-
$body-
|
|
4893
|
-
|
|
4894
|
-
$body-inline-
|
|
4916
|
+
$body-selector: ".spacing-body,:host(.spacing-body)",
|
|
4917
|
+
$body-block-selector: ".spacing-body-block,:host(.spacing-body-block)",
|
|
4918
|
+
$body-block-start-selector:
|
|
4919
|
+
".spacing-body-block-start,:host(.spacing-body-block-start)",
|
|
4920
|
+
$body-block-end-selector:
|
|
4921
|
+
".spacing-body-block-end,:host(.spacing-body-block-end)",
|
|
4922
|
+
$body-inline-selector: ".spacing-body-inline,:host(.spacing-body-inline)",
|
|
4923
|
+
$body-inline-start-selector:
|
|
4924
|
+
".spacing-body-inline-start,:host(.spacing-body-inline-start)",
|
|
4925
|
+
$body-inline-end-selector:
|
|
4926
|
+
".spacing-body-inline-end,:host(.spacing-body-inline-end)"
|
|
4895
4927
|
) {
|
|
4896
4928
|
#{$body-selector} {
|
|
4897
4929
|
@extend %spacing-body;
|
|
@@ -4944,12 +4976,10 @@
|
|
|
4944
4976
|
%combo-box {
|
|
4945
4977
|
--ch-combo-box-separation-y: var(--mer-spacing--3xs);
|
|
4946
4978
|
--ch-combo-box-item-gap: var(--mer-spacing--xs);
|
|
4947
|
-
|
|
4948
|
-
--ch-combo-box-
|
|
4979
|
+
--ch-combo-box-item__image-size: var(--mer-icon__box--md);
|
|
4980
|
+
--ch-combo-box-item__background-image-size: 100%;
|
|
4949
4981
|
--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);
|
|
4950
|
-
|
|
4951
4982
|
--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);
|
|
4952
|
-
--ch-combo-box-item__background-image-size: 100%;
|
|
4953
4983
|
|
|
4954
4984
|
@include control-border();
|
|
4955
4985
|
@include control-colors-enabled();
|
|
@@ -5053,11 +5083,13 @@
|
|
|
5053
5083
|
// Window
|
|
5054
5084
|
// - - - - - - - - - - - - - - - - - - - -
|
|
5055
5085
|
#{$window-selector} {
|
|
5086
|
+
@include items-container-border();
|
|
5087
|
+
@include items-container-border-radius();
|
|
5056
5088
|
@include items-container-colors();
|
|
5057
5089
|
@include items-container-padding();
|
|
5058
|
-
@include items-container-dropdown();
|
|
5059
5090
|
@include items-container-gap();
|
|
5060
5091
|
@include items-container-max-height();
|
|
5092
|
+
@include items-container-dropdown();
|
|
5061
5093
|
}
|
|
5062
5094
|
|
|
5063
5095
|
// - - - - - - - - - - - - - - - - - - - -
|
|
@@ -6757,13 +6789,17 @@
|
|
|
6757
6789
|
}
|
|
6758
6790
|
|
|
6759
6791
|
@mixin spacing-body(
|
|
6760
|
-
$body-selector: ".spacing-body",
|
|
6761
|
-
$body-block-selector: ".spacing-body-block",
|
|
6762
|
-
$body-block-start-selector:
|
|
6763
|
-
|
|
6764
|
-
$body-
|
|
6765
|
-
|
|
6766
|
-
$body-inline-
|
|
6792
|
+
$body-selector: ".spacing-body,:host(.spacing-body)",
|
|
6793
|
+
$body-block-selector: ".spacing-body-block,:host(.spacing-body-block)",
|
|
6794
|
+
$body-block-start-selector:
|
|
6795
|
+
".spacing-body-block-start,:host(.spacing-body-block-start)",
|
|
6796
|
+
$body-block-end-selector:
|
|
6797
|
+
".spacing-body-block-end,:host(.spacing-body-block-end)",
|
|
6798
|
+
$body-inline-selector: ".spacing-body-inline,:host(.spacing-body-inline)",
|
|
6799
|
+
$body-inline-start-selector:
|
|
6800
|
+
".spacing-body-inline-start,:host(.spacing-body-inline-start)",
|
|
6801
|
+
$body-inline-end-selector:
|
|
6802
|
+
".spacing-body-inline-end,:host(.spacing-body-inline-end)"
|
|
6767
6803
|
) {
|
|
6768
6804
|
#{$body-selector} {
|
|
6769
6805
|
@extend %spacing-body;
|
|
@@ -18268,7 +18304,7 @@
|
|
|
18268
18304
|
}
|
|
18269
18305
|
|
|
18270
18306
|
@if $pills {
|
|
18271
|
-
@include pills(
|
|
18307
|
+
@include pills();
|
|
18272
18308
|
}
|
|
18273
18309
|
|
|
18274
18310
|
@if $radio-group {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/mercury",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.9",
|
|
4
4
|
"description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
|
|
5
5
|
"main": "dist/mercury.scss",
|
|
6
6
|
"module": "dist/assets-manager.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"license": "MIT",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@atao60/fse-cli": "^0.1.9",
|
|
30
|
-
"@genexus/chameleon-controls-library": "6.0.0-next.
|
|
30
|
+
"@genexus/chameleon-controls-library": "6.0.0-next.47",
|
|
31
31
|
"@genexus/svg-sass-generator": "1.1.24",
|
|
32
32
|
"chokidar": "^3.6.0",
|
|
33
33
|
"chokidar-cli": "^3.0.0",
|