@genexus/mercury 0.8.8 → 0.8.10
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/icons/general/dark/mysql.svg +1 -0
- package/dist/assets/icons/general/dark/qr-code.svg +1 -0
- package/dist/assets/icons/general/light/mysql.svg +1 -0
- package/dist/assets/icons/general/light/qr-code.svg +1 -0
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/base/base.css +1 -1
- package/dist/bundles/css/base/icons.css +1 -1
- package/dist/bundles/css/chameleon/scrollbar.css +1 -1
- package/dist/bundles/css/components/accordion.css +1 -1
- package/dist/bundles/css/components/button.css +1 -1
- package/dist/bundles/css/components/chat.css +1 -1
- package/dist/bundles/css/components/checkbox.css +1 -1
- package/dist/bundles/css/components/code.css +1 -1
- package/dist/bundles/css/components/combo-box.css +1 -1
- package/dist/bundles/css/components/dialog.css +1 -1
- package/dist/bundles/css/components/edit.css +1 -1
- package/dist/bundles/css/components/flexible-layout.css +1 -1
- package/dist/bundles/css/components/icon.css +1 -1
- package/dist/bundles/css/components/list-box.css +1 -1
- package/dist/bundles/css/components/markdown-viewer.css +1 -1
- package/dist/bundles/css/components/navigation-list.css +1 -1
- package/dist/bundles/css/components/radio-group.css +1 -1
- package/dist/bundles/css/components/sidebar.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/tabular-grid.css +1 -1
- package/dist/bundles/css/components/ticket-list.css +1 -1
- package/dist/bundles/css/components/tooltip.css +1 -1
- package/dist/bundles/css/components/tree-view.css +1 -1
- package/dist/bundles/css/resets/box-sizing.css +1 -1
- package/dist/bundles/css/utils/form--full.css +1 -1
- package/dist/bundles/css/utils/form.css +1 -1
- package/dist/bundles/css/utils/layout.css +1 -1
- package/dist/bundles/css/utils/typography.css +1 -1
- package/dist/mercury.scss +135 -16
- package/package.json +1 -1
|
@@ -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)}.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);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)}.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)}.elevation-01,.elevation-02,.elevation-03{color:var(--mer-text__on-elevation)}.elevation-01{background-color:var(--mer-surface__elevation--01)}.elevation-02{background-color:var(--mer-surface__elevation--02)}.elevation-03{background-color:var(--mer-surface__elevation--03)}.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)}.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);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)}.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 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.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)}.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)}
|
|
@@ -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)}.
|
|
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)}.control-footer,.control-footer-with-border{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center;display:flex;justify-content:flex-end}.control-footer-with-border{border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.heading-6,.heading-5,.heading-4,.heading-3,.heading-2,.heading-1{--heading-base__font-family: var(--mer-font-family--title);--heading__color: var( --mer-heading__gray--light );--heading-h1__font-size: var(--mer-font__size--xl);--heading-h1__font-weight: var(--mer-font__weight--bold);--heading-h1__line-height: var(--mer-line-height--tight);--heading-h2__font-size: var(--mer-font__size--lg);--heading-h2__font-weight: var(--mer-font__weight--bold);--heading-h2__line-height: var(--mer-line-height--tight);--heading-h3__font-size: var(--mer-font__size--sm);--heading-h3__font-weight: var(--mer-font__weight--bold);--heading-h3__line-height: var(--mer-line-height--regular);--heading-h4__font-size: var(--mer-font__size--xs);--heading-h4__font-weight: var(--mer-font__weight--bold);--heading-h4__line-height: var(--mer-line-height--spaced);--heading-h5__font-size: var(--mer-font__size--2xs);--heading-h5__font-weight: var(--mer-font__weight--bold);--heading-h5__line-height: var(--mer-line-height--spaced);--heading-h6__font-size: var(--mer-font__size--3xs);--heading-h6__font-weight: var(--mer-font__weight--semi-bold);--heading-h6__line-height: var(--mer-line-height--spaced);font-family:var(--mer-font-family--title);line-height:var(--mer-line-height--tight);color:var(--heading__color)}.heading-1{font-size:var(--mer-font__size--xl);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h1__line-height)}.heading-2{font-size:var(--mer-font__size--lg);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h2__line-height)}.heading-3{font-size:var(--mer-font__size--sm);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h3__line-height)}.heading-4{font-size:var(--mer-font__size--xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h4__line-height)}.heading-5{font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.heading-6{font-size:var(--mer-font__size--3xs);font-weight:var(--mer-font__weight--semi-bold);line-height:var(--heading-h6__line-height)}.heading-gray--light{--heading__color: var(--mer-heading__gray--light)}.text-body-italic-xs,.text-body-italic-s,.text-body-italic-m,.text-body-italic-l,.text-body-highlighted-xs,.text-body-highlighted-s,.text-body-highlighted-m,.text-body-highlighted-l,.text-body-regular-xs,.text-body-regular-s,.text-body-regular-m,.text-body-regular-l{--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)}.text-body-regular-l{font-size:var(--text-body__font-size--l);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-regular-m{font-size:var(--text-body__font-size--m);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-regular-s{font-size:var(--text-body__font-size--s);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-regular-xs{font-size:var(--text-body__font-size--xs);font-weight:var(--text-body-regular__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-l{font-size:var(--text-body__font-size--l);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-m{font-size:var(--text-body__font-size--m);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-s{font-size:var(--text-body__font-size--s);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-highlighted-xs{font-size:var(--text-body__font-size--xs);font-weight:var(--text-body-highlighted__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-l{font-size:var(--text-body__font-size--l);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-m{font-size:var(--text-body__font-size--m);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-s{font-size:var(--text-body__font-size--s);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}.text-body-italic-xs{font-size:var(--text-body__font-size--xs);font-style:italic;font-weight:var(--text-body-italic__font-weight);line-height:var(--text-body__line-height)}h1,h2,h3,h4,h5,h6,p{font:unset;margin:0;padding:0;color:unset}
|
package/dist/mercury.scss
CHANGED
|
@@ -1327,7 +1327,7 @@
|
|
|
1327
1327
|
// scrollbar
|
|
1328
1328
|
--scrollbar__size: var(--mer-spacing--2xs);
|
|
1329
1329
|
// scrollbar-track
|
|
1330
|
-
--scrollbar-track__bg-color:
|
|
1330
|
+
--scrollbar-track__bg-color: transparent;
|
|
1331
1331
|
|
|
1332
1332
|
--scrollbar-track__border-radius: var(--mer-spacing--xs);
|
|
1333
1333
|
// scrollbar-thumb
|
|
@@ -2516,6 +2516,9 @@
|
|
|
2516
2516
|
|
|
2517
2517
|
/// @group Button
|
|
2518
2518
|
/// @param {String} $selector [".button-primary"] -
|
|
2519
|
+
/// @param {String} $destructive-selector [".button-primary-destructive"] -
|
|
2520
|
+
/// @param {Boolean} $add--disabled [true] -
|
|
2521
|
+
/// @param {Boolean} $add--destructive [true] -
|
|
2519
2522
|
@mixin button-primary(
|
|
2520
2523
|
$selector: ".button-primary",
|
|
2521
2524
|
$destructive-selector: ".button-primary-destructive",
|
|
@@ -3420,7 +3423,7 @@
|
|
|
3420
3423
|
|
|
3421
3424
|
// Components
|
|
3422
3425
|
@mixin accordion-tokens() {
|
|
3423
|
-
// chameleon tokens
|
|
3426
|
+
// chameleon tokens (do not modify names)
|
|
3424
3427
|
--ch-accordion__header-image-size: var(--mer-icon__box--sm);
|
|
3425
3428
|
--ch-accordion__chevron-size: var(--mer-icon__box--sm);
|
|
3426
3429
|
--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);
|
|
@@ -3435,33 +3438,74 @@
|
|
|
3435
3438
|
// accordion
|
|
3436
3439
|
--accordion__gap: var(--mer-spacing--2xs);
|
|
3437
3440
|
|
|
3438
|
-
// header
|
|
3439
|
-
--accordion-header__padding: var(--mer-spacing--sm);
|
|
3440
|
-
--accordion-header__gap: var(--mer-spacing--sm);
|
|
3441
|
-
--accordion-header__color: var(--mer-text__highlighted);
|
|
3442
|
-
--accordion-header__color--disabled: var(--mer-accent__primary--disabled);
|
|
3443
|
-
|
|
3444
3441
|
// panel
|
|
3445
3442
|
--accordion-panel__border-radius: var(--mer-border__radius--sm);
|
|
3446
3443
|
--accordion-panel__bg-color: var(--mer-surface__elevation--01);
|
|
3447
|
-
|
|
3448
|
-
// panel outlined
|
|
3444
|
+
--accordion-panel__bg-color--disabled: var(--mer-surface__elevation--02);
|
|
3445
|
+
// panel (outlined)
|
|
3446
|
+
--accordion-panel-outlined__border-color: var(--mer-border-color__on-surface);
|
|
3447
|
+
--accordion-panel-outlined__border-color--disabled: var(
|
|
3448
|
+
--mer-border-color__primary--disabled
|
|
3449
|
+
);
|
|
3450
|
+
--accordion-panel-outlined__border-color--disabled: var(
|
|
3451
|
+
--mer-border-color__primary--disabled
|
|
3452
|
+
);
|
|
3449
3453
|
--accordion-panel-outlined__border: var(--mer-border__width--sm) solid
|
|
3450
|
-
var(--
|
|
3454
|
+
var(--accordion-panel-outlined__border-color);
|
|
3451
3455
|
--accordion-panel-outlined__border-radius: var(--mer-border__radius--sm);
|
|
3452
3456
|
|
|
3457
|
+
// header
|
|
3458
|
+
--accordion-header__padding: var(--mer-spacing--sm);
|
|
3459
|
+
--accordion-header__gap: var(--mer-spacing--sm);
|
|
3460
|
+
--accordion-header__color: var(--mer-text__highlighted);
|
|
3461
|
+
--accordion-header__color--disabled: var(--mer-accent__primary--disabled);
|
|
3462
|
+
--accordion-header__border-width: var(--mer-border__width--sm);
|
|
3463
|
+
--accordion-header__border-color: transparent;
|
|
3464
|
+
--accordion-header__border-radius: var(--accordion-panel__border-radius);
|
|
3465
|
+
--accordion-header__border: var(--accordion-header__border-width) solid
|
|
3466
|
+
var(--accordion-header__border-color);
|
|
3467
|
+
// note: just overriding "--accordion-header__border-color" doesn't seem to work.
|
|
3468
|
+
// header:hover
|
|
3469
|
+
--accordion-header__border-color--hover: var(
|
|
3470
|
+
--mer-border-color__primary--hover
|
|
3471
|
+
);
|
|
3472
|
+
--accordion-header__border--hover: var(--accordion-header__border-width) solid
|
|
3473
|
+
var(--accordion-header__border-color--hover);
|
|
3474
|
+
// header:active
|
|
3475
|
+
--accordion-header__border-color--active: var(
|
|
3476
|
+
--mer-border-color__primary--active
|
|
3477
|
+
);
|
|
3478
|
+
--accordion-header__border--active: var(--accordion-header__border-width)
|
|
3479
|
+
solid var(--accordion-header__border-color--active);
|
|
3480
|
+
|
|
3453
3481
|
// section
|
|
3482
|
+
--accordion-section__border-color: var(--mer-border-color__on-elevation--01);
|
|
3454
3483
|
--accordion-section__margin-block: 1px var(--mer-spacing--sm);
|
|
3455
3484
|
--accordion-section__margin-inline: var(--mer-spacing--sm);
|
|
3485
|
+
--accordion-section__bg-color: var(--mer-surface__elevation--01);
|
|
3456
3486
|
--accordion-section__border: var(--mer-border__width--sm) solid
|
|
3457
|
-
var(--
|
|
3487
|
+
var(--accordion-section__border-color);
|
|
3458
3488
|
--accordion-section__border-radius: var(--mer-border__radius--sm);
|
|
3489
|
+
// section (outlined)
|
|
3490
|
+
--accordion-section-outlined__border-color: var(
|
|
3491
|
+
--mer-border-color__on-surface
|
|
3492
|
+
);
|
|
3493
|
+
--accordion-section-outlined__border-color--disabled: var(
|
|
3494
|
+
--mer-border-color__primary--disabled
|
|
3495
|
+
);
|
|
3459
3496
|
}
|
|
3460
3497
|
|
|
3461
3498
|
|
|
3462
3499
|
%accordion {
|
|
3463
3500
|
@include accordion-tokens();
|
|
3464
3501
|
gap: var(--accordion__gap);
|
|
3502
|
+
|
|
3503
|
+
&-outlined {
|
|
3504
|
+
--accordion-section__border-color: var(
|
|
3505
|
+
--accordion-section-outlined__border-color
|
|
3506
|
+
);
|
|
3507
|
+
--accordion-section__bg-color: transparent;
|
|
3508
|
+
}
|
|
3465
3509
|
}
|
|
3466
3510
|
|
|
3467
3511
|
%accordion-header {
|
|
@@ -3469,6 +3513,15 @@
|
|
|
3469
3513
|
padding: var(--accordion-header__padding);
|
|
3470
3514
|
gap: var(--accordion-header__gap);
|
|
3471
3515
|
color: var(--accordion-header__color);
|
|
3516
|
+
outline: var(--accordion-header__border);
|
|
3517
|
+
border-radius: var(--accordion-header__border-radius);
|
|
3518
|
+
|
|
3519
|
+
&--hover {
|
|
3520
|
+
--accordion-header__border: var(--accordion-header__border--hover);
|
|
3521
|
+
}
|
|
3522
|
+
&--active {
|
|
3523
|
+
--accordion-header__border: var(--accordion-header__border--active);
|
|
3524
|
+
}
|
|
3472
3525
|
|
|
3473
3526
|
&--focus-visible {
|
|
3474
3527
|
@include focus-outline();
|
|
@@ -3487,11 +3540,19 @@
|
|
|
3487
3540
|
|
|
3488
3541
|
%accordion-panel {
|
|
3489
3542
|
border-radius: var(--mer-border__radius--sm);
|
|
3490
|
-
background-color: var(--
|
|
3543
|
+
background-color: var(--accordion-panel__bg-color);
|
|
3544
|
+
|
|
3545
|
+
&--disabled {
|
|
3546
|
+
--accordion-panel__bg-color: var(--accordion-panel__bg-color--disabled);
|
|
3547
|
+
}
|
|
3491
3548
|
|
|
3492
3549
|
&-outlined {
|
|
3493
3550
|
border: var(--accordion-panel-outlined__border);
|
|
3494
3551
|
border-radius: var(--accordion-panel-outlined__border-radius);
|
|
3552
|
+
|
|
3553
|
+
&--disabled {
|
|
3554
|
+
border-color: var(--accordion-panel-outlined__border-color--disabled);
|
|
3555
|
+
}
|
|
3495
3556
|
}
|
|
3496
3557
|
}
|
|
3497
3558
|
|
|
@@ -3501,13 +3562,21 @@
|
|
|
3501
3562
|
margin-inline: var(--accordion-section__margin-inline);
|
|
3502
3563
|
padding-block: var(--accordion-section__padding-block);
|
|
3503
3564
|
padding-inline: var(--accordion-section__padding-inline);
|
|
3565
|
+
background-color: var(--accordion-section__bg-color);
|
|
3504
3566
|
border: var(--accordion-section__border);
|
|
3505
3567
|
border-radius: var(--accordion-section__border-radius);
|
|
3568
|
+
|
|
3569
|
+
&-outlined {
|
|
3570
|
+
&--disabled {
|
|
3571
|
+
border-color: var(--accordion-section-outlined__border-color--disabled);
|
|
3572
|
+
}
|
|
3573
|
+
}
|
|
3506
3574
|
}
|
|
3507
3575
|
|
|
3508
3576
|
@mixin accordion-filled(
|
|
3509
3577
|
$accordion-selector: ".accordion-filled",
|
|
3510
3578
|
$panel-selector: ".accordion-filled::part(panel)",
|
|
3579
|
+
$panel-disabled-selector: ".accordion-filled::part(panel disabled)",
|
|
3511
3580
|
$header-selector: ".accordion-filled::part(header)",
|
|
3512
3581
|
$header-disabled-selector: ".accordion-filled::part(header disabled)",
|
|
3513
3582
|
$section-selector: ".accordion-filled::part(section)"
|
|
@@ -3519,15 +3588,29 @@
|
|
|
3519
3588
|
#{$panel-selector} {
|
|
3520
3589
|
@extend %accordion-panel;
|
|
3521
3590
|
}
|
|
3591
|
+
#{$panel-disabled-selector} {
|
|
3592
|
+
@extend %accordion-panel--disabled;
|
|
3593
|
+
}
|
|
3522
3594
|
|
|
3523
3595
|
#{$header-selector} {
|
|
3524
3596
|
@extend %accordion-header;
|
|
3525
3597
|
|
|
3598
|
+
&:hover {
|
|
3599
|
+
@extend %accordion-header--hover;
|
|
3600
|
+
}
|
|
3601
|
+
&:active {
|
|
3602
|
+
@extend %accordion-header--active;
|
|
3603
|
+
}
|
|
3604
|
+
|
|
3526
3605
|
&:focus-visible {
|
|
3527
3606
|
@extend %accordion-header--focus-visible;
|
|
3528
3607
|
}
|
|
3529
3608
|
}
|
|
3530
3609
|
|
|
3610
|
+
#{$section-selector} {
|
|
3611
|
+
@extend %accordion-section;
|
|
3612
|
+
}
|
|
3613
|
+
|
|
3531
3614
|
#{$header-disabled-selector} {
|
|
3532
3615
|
@extend %accordion-header--disabled;
|
|
3533
3616
|
}
|
|
@@ -3536,21 +3619,34 @@
|
|
|
3536
3619
|
@mixin accordion-outlined(
|
|
3537
3620
|
$accordion-selector: ".accordion-outlined",
|
|
3538
3621
|
$panel-selector: ".accordion-outlined::part(panel)",
|
|
3622
|
+
$panel-disabled-selector: ".accordion-outlined::part(panel disabled)",
|
|
3539
3623
|
$header-selector: ".accordion-outlined::part(header)",
|
|
3540
3624
|
$header-disabled-selector: ".accordion-outlined::part(header disabled)",
|
|
3541
|
-
$section-selector: ".accordion-outlined::part(section)"
|
|
3625
|
+
$section-selector: ".accordion-outlined::part(section)",
|
|
3626
|
+
$section-disabled-selector: ".accordion-outlined::part(section disabled)"
|
|
3542
3627
|
) {
|
|
3543
3628
|
#{$accordion-selector} {
|
|
3544
3629
|
@extend %accordion;
|
|
3630
|
+
@extend %accordion-outlined;
|
|
3545
3631
|
}
|
|
3546
3632
|
|
|
3547
3633
|
#{$panel-selector} {
|
|
3548
3634
|
@extend %accordion-panel-outlined;
|
|
3549
3635
|
}
|
|
3636
|
+
#{$panel-disabled-selector} {
|
|
3637
|
+
@extend %accordion-panel-outlined--disabled;
|
|
3638
|
+
}
|
|
3550
3639
|
|
|
3551
3640
|
#{$header-selector} {
|
|
3552
3641
|
@extend %accordion-header;
|
|
3553
3642
|
|
|
3643
|
+
&:hover {
|
|
3644
|
+
@extend %accordion-header--hover;
|
|
3645
|
+
}
|
|
3646
|
+
&:active {
|
|
3647
|
+
@extend %accordion-header--active;
|
|
3648
|
+
}
|
|
3649
|
+
|
|
3554
3650
|
&:focus-visible {
|
|
3555
3651
|
@extend %accordion-header--focus-visible;
|
|
3556
3652
|
}
|
|
@@ -3559,6 +3655,9 @@
|
|
|
3559
3655
|
#{$section-selector} {
|
|
3560
3656
|
@extend %accordion-section;
|
|
3561
3657
|
}
|
|
3658
|
+
#{$section-disabled-selector} {
|
|
3659
|
+
@extend %accordion-section-outlined--disabled;
|
|
3660
|
+
}
|
|
3562
3661
|
|
|
3563
3662
|
#{$header-disabled-selector} {
|
|
3564
3663
|
@extend %accordion-header-outlined--disabled;
|
|
@@ -6541,7 +6640,8 @@
|
|
|
6541
6640
|
|
|
6542
6641
|
@include button-primary(
|
|
6543
6642
|
$selector: "%segmented-control-item--selected",
|
|
6544
|
-
$add--disabled: false
|
|
6643
|
+
$add--disabled: false,
|
|
6644
|
+
$add--destructive: false
|
|
6545
6645
|
);
|
|
6546
6646
|
|
|
6547
6647
|
%segmented-control-item-base {
|
|
@@ -6551,7 +6651,8 @@
|
|
|
6551
6651
|
|
|
6552
6652
|
@include button-secondary(
|
|
6553
6653
|
$selector: "%segmented-control-item--unselected",
|
|
6554
|
-
$add--disabled: false
|
|
6654
|
+
$add--disabled: false,
|
|
6655
|
+
$add--destructive: false
|
|
6555
6656
|
);
|
|
6556
6657
|
|
|
6557
6658
|
%segmented-control-item--first {
|
|
@@ -9765,6 +9866,10 @@
|
|
|
9765
9866
|
--icon__general_references--hover: url('#{$icons-path}general/light/references.svg#hover');
|
|
9766
9867
|
--icon__general_references--active: url('#{$icons-path}general/light/references.svg#active');
|
|
9767
9868
|
--icon__general_references--disabled: url('#{$icons-path}general/light/references.svg#disabled');
|
|
9869
|
+
--icon__general_qr-code--enabled: url('#{$icons-path}general/light/qr-code.svg#enabled');
|
|
9870
|
+
--icon__general_qr-code--hover: url('#{$icons-path}general/light/qr-code.svg#hover');
|
|
9871
|
+
--icon__general_qr-code--active: url('#{$icons-path}general/light/qr-code.svg#active');
|
|
9872
|
+
--icon__general_qr-code--disabled: url('#{$icons-path}general/light/qr-code.svg#disabled');
|
|
9768
9873
|
--icon__general_postgre-sql--enabled: url('#{$icons-path}general/light/postgre-sql.svg#enabled');
|
|
9769
9874
|
--icon__general_postgre-sql--hover: url('#{$icons-path}general/light/postgre-sql.svg#hover');
|
|
9770
9875
|
--icon__general_postgre-sql--active: url('#{$icons-path}general/light/postgre-sql.svg#active');
|
|
@@ -9777,6 +9882,10 @@
|
|
|
9777
9882
|
--icon__general_oracle--hover: url('#{$icons-path}general/light/oracle.svg#hover');
|
|
9778
9883
|
--icon__general_oracle--active: url('#{$icons-path}general/light/oracle.svg#active');
|
|
9779
9884
|
--icon__general_oracle--disabled: url('#{$icons-path}general/light/oracle.svg#disabled');
|
|
9885
|
+
--icon__general_mysql--enabled: url('#{$icons-path}general/light/mysql.svg#enabled');
|
|
9886
|
+
--icon__general_mysql--hover: url('#{$icons-path}general/light/mysql.svg#hover');
|
|
9887
|
+
--icon__general_mysql--active: url('#{$icons-path}general/light/mysql.svg#active');
|
|
9888
|
+
--icon__general_mysql--disabled: url('#{$icons-path}general/light/mysql.svg#disabled');
|
|
9780
9889
|
--icon__general_launchpad--enabled: url('#{$icons-path}general/light/launchpad.svg#enabled');
|
|
9781
9890
|
--icon__general_launchpad--hover: url('#{$icons-path}general/light/launchpad.svg#hover');
|
|
9782
9891
|
--icon__general_launchpad--active: url('#{$icons-path}general/light/launchpad.svg#active');
|
|
@@ -9874,6 +9983,10 @@
|
|
|
9874
9983
|
--icon__general_references--hover: url('#{$icons-path}general/dark/references.svg#hover');
|
|
9875
9984
|
--icon__general_references--active: url('#{$icons-path}general/dark/references.svg#active');
|
|
9876
9985
|
--icon__general_references--disabled: url('#{$icons-path}general/dark/references.svg#disabled');
|
|
9986
|
+
--icon__general_qr-code--enabled: url('#{$icons-path}general/dark/qr-code.svg#enabled');
|
|
9987
|
+
--icon__general_qr-code--hover: url('#{$icons-path}general/dark/qr-code.svg#hover');
|
|
9988
|
+
--icon__general_qr-code--active: url('#{$icons-path}general/dark/qr-code.svg#active');
|
|
9989
|
+
--icon__general_qr-code--disabled: url('#{$icons-path}general/dark/qr-code.svg#disabled');
|
|
9877
9990
|
--icon__general_postgre-sql--enabled: url('#{$icons-path}general/dark/postgre-sql.svg#enabled');
|
|
9878
9991
|
--icon__general_postgre-sql--hover: url('#{$icons-path}general/dark/postgre-sql.svg#hover');
|
|
9879
9992
|
--icon__general_postgre-sql--active: url('#{$icons-path}general/dark/postgre-sql.svg#active');
|
|
@@ -9886,6 +9999,10 @@
|
|
|
9886
9999
|
--icon__general_oracle--hover: url('#{$icons-path}general/dark/oracle.svg#hover');
|
|
9887
10000
|
--icon__general_oracle--active: url('#{$icons-path}general/dark/oracle.svg#active');
|
|
9888
10001
|
--icon__general_oracle--disabled: url('#{$icons-path}general/dark/oracle.svg#disabled');
|
|
10002
|
+
--icon__general_mysql--enabled: url('#{$icons-path}general/dark/mysql.svg#enabled');
|
|
10003
|
+
--icon__general_mysql--hover: url('#{$icons-path}general/dark/mysql.svg#hover');
|
|
10004
|
+
--icon__general_mysql--active: url('#{$icons-path}general/dark/mysql.svg#active');
|
|
10005
|
+
--icon__general_mysql--disabled: url('#{$icons-path}general/dark/mysql.svg#disabled');
|
|
9889
10006
|
--icon__general_launchpad--enabled: url('#{$icons-path}general/dark/launchpad.svg#enabled');
|
|
9890
10007
|
--icon__general_launchpad--hover: url('#{$icons-path}general/dark/launchpad.svg#hover');
|
|
9891
10008
|
--icon__general_launchpad--active: url('#{$icons-path}general/dark/launchpad.svg#active');
|
|
@@ -16919,6 +17036,7 @@
|
|
|
16919
17036
|
$spacing-classes: false,
|
|
16920
17037
|
$typography-classes: false,
|
|
16921
17038
|
$scrollbar-components: false,
|
|
17039
|
+
$utility-classes: false,
|
|
16922
17040
|
|
|
16923
17041
|
// Components
|
|
16924
17042
|
$components: false,
|
|
@@ -16987,6 +17105,7 @@
|
|
|
16987
17105
|
$spacing-classes: $spacing-classes,
|
|
16988
17106
|
$typography-classes: $typography-classes,
|
|
16989
17107
|
$scrollbar-components: $scrollbar-components,
|
|
17108
|
+
$utility-classes: $utility-classes,
|
|
16990
17109
|
|
|
16991
17110
|
// Components
|
|
16992
17111
|
$components: $components,
|
package/package.json
CHANGED