@genexus/mercury 0.12.0 → 0.12.2
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/MERCURY_ASSETS.js +1 -0
- package/dist/assets-manager.d.ts +2 -2
- package/dist/assets-manager.js +1 -0
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/components/combo-box.css +1 -1
- package/dist/bundles/css/utils/form--full.css +1 -1
- package/dist/bundles.d.ts +276 -2
- package/dist/bundles.js +1 -0
- package/dist/index.js +1 -0
- package/dist/mercury.scss +6 -4
- package/dist/register-mercury.js +1 -0
- package/dist/types.js +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--
|
|
1
|
+
.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.combo-box[part=ch-combo-box--empty-value]{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-tertiary:focus-visible,.button-secondary:focus-visible,.button-primary:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.button-primary{--button-primary__bg-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__bg-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__bg-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var(--button-primary__bg-color--hover);--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__bg-color--active: var(--mer-accent__primary--active);--button-primary__border-color--active: var( --button-primary__bg-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__bg-color--disabled: var(--mer-accent__primary--disabled);--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__bg-color--destructive: var( --mer-accent__primary--destructive );--button-primary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-primary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-primary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__bg-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__bg-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__bg-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__bg-color--disabled);--control__border-color: var(--button-primary__bg-color--disabled);color:var(--button-primary__color--disabled)}.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--button-secondary__bg-color--destructive: transparent;--button-secondary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-secondary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-secondary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-secondary__color--destructive: var(--mer-text__on-primary);--button-secondary__bg-color--destructive: var(transparent);--button-secondary__bg-color--destructive-hover: var( --mer-color__message-red--600 );--button-secondary__bg-color--destructive-active: var( --mer-color__message-red--500 );--button-secondary__border-color--destructive: var( --mer-accent__primary--destructive );--button-secondary__color--destructive: var( --mer-accent__primary--destructive );--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-secondary-destructive{--control__border-color: var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color: var( --button-secondary__bg-color--destructive-hover );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color: var( --button-secondary__bg-color--destructive-active );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group-inline,.field-group{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline>.label{margin-block-start:var(--field-inline-label__margin-block-start)}.icon-size-sm{content:"";display:block;inline-size:var(--mer-icon__box--sm);block-size:var(--mer-icon__box--sm);background:no-repeat center/var(--mer-icon__size--sm) var(--icon-path)}.icon-size-md{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control__icon-gap)}.button-icon-only{padding:0;box-sizing:border-box;inline-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2);block-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--mer-spacing--2xs))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.input:hover{--control__border-color: var(--control__border-color--hover)}.input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container):focus-within{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--mer-color__primary--600)}.slider:focus::part(thumb),.slider:active::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox-error::part(input){--control__border-color: var(--control__border-color--error)}.combo-box[part=ch-combo-box--empty-value]{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.input::placeholder{font-style:italic}.input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}
|
|
1
|
+
.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-tertiary:focus-visible,.button-secondary:focus-visible,.button-primary:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.button-primary{--button-primary__bg-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__bg-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__bg-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var(--button-primary__bg-color--hover);--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__bg-color--active: var(--mer-accent__primary--active);--button-primary__border-color--active: var( --button-primary__bg-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__bg-color--disabled: var(--mer-accent__primary--disabled);--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__bg-color--destructive: var( --mer-accent__primary--destructive );--button-primary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-primary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-primary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__bg-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__bg-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__bg-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__bg-color--disabled);--control__border-color: var(--button-primary__bg-color--disabled);color:var(--button-primary__color--disabled)}.button-primary-destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color: var( --button-primary__bg-color--destructive-hover );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color: var( --button-primary__bg-color--destructive-active );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--button-secondary__bg-color--destructive: transparent;--button-secondary__bg-color--destructive-hover: var( --mer-accent__primary--destructive-hover );--button-secondary__bg-color--destructive-active: var( --mer-accent__primary--destructive-active );--button-secondary__border-color--destructive: var( --button-primary__bg-color--destructive );--button-secondary__color--destructive: var(--mer-text__on-primary);--button-secondary__bg-color--destructive: var(transparent);--button-secondary__bg-color--destructive-hover: var( --mer-color__message-red--600 );--button-secondary__bg-color--destructive-active: var( --mer-color__message-red--500 );--button-secondary__border-color--destructive: var( --mer-accent__primary--destructive );--button-secondary__color--destructive: var( --mer-accent__primary--destructive );--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-secondary-destructive{--control__border-color: var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color: var( --button-secondary__bg-color--destructive-hover );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color: var( --button-secondary__bg-color--destructive-active );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group-inline,.field-group{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline>.label{margin-block-start:var(--field-inline-label__margin-block-start)}.icon-size-sm{content:"";display:block;inline-size:var(--mer-icon__box--sm);block-size:var(--mer-icon__box--sm);background:no-repeat center/var(--mer-icon__size--sm) var(--icon-path)}.icon-size-md{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control__icon-gap)}.button-icon-only{padding:0;box-sizing:border-box;inline-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2);block-size:calc(var(--control__font-size--regular)*var(--control__line-height) + var(--control__padding-block)*2 + var(--control__border-width)*2)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.input:hover{--control__border-color: var(--control__border-color--hover)}.input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container):focus-within{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--mer-color__primary--600)}.slider:focus::part(thumb),.slider:active::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox-error::part(input){--control__border-color: var(--control__border-color--error)}.combo-box[part=ch-combo-box--empty-value]{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.input::placeholder{font-style:italic}.input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}
|
package/dist/bundles.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ThemeModel } from "@genexus/chameleon-controls-library";
|
|
2
|
-
import type { MercuryBundleFull, MercuryBundleOptimized } from "./types.ts";
|
|
2
|
+
import type { MercuryBundleComponent, MercuryBundleComponentForm, MercuryBundleFull, MercuryBundleOptimized, MercuryBundleReset, MercuryBundleUtil, MercuryBundleUtilFormFull } from "./types.ts";
|
|
3
|
+
type BundleNames = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleReset | MercuryBundleUtil | MercuryBundleUtilFormFull;
|
|
3
4
|
/**
|
|
4
5
|
* Given the basePath, returns all bundles (except base and icons) in the
|
|
5
6
|
* format of type `ThemeModel`.
|
|
@@ -16,7 +17,279 @@ import type { MercuryBundleFull, MercuryBundleOptimized } from "./types.ts";
|
|
|
16
17
|
* </body>
|
|
17
18
|
* ```
|
|
18
19
|
*/
|
|
19
|
-
export declare const getThemeBundles: (basePath: string) =>
|
|
20
|
+
export declare const getThemeBundles: (basePath: string) => [{
|
|
21
|
+
readonly name: BundleNames;
|
|
22
|
+
readonly url: `${string}components/accordion.css`;
|
|
23
|
+
readonly attachStyleSheet?: undefined;
|
|
24
|
+
} | {
|
|
25
|
+
readonly name: BundleNames;
|
|
26
|
+
readonly url: `${string}components/accordion.css`;
|
|
27
|
+
readonly attachStyleSheet: boolean;
|
|
28
|
+
}, {
|
|
29
|
+
readonly name: BundleNames;
|
|
30
|
+
readonly url: `${string}components/button.css`;
|
|
31
|
+
readonly attachStyleSheet?: undefined;
|
|
32
|
+
} | {
|
|
33
|
+
readonly name: BundleNames;
|
|
34
|
+
readonly url: `${string}components/button.css`;
|
|
35
|
+
readonly attachStyleSheet: boolean;
|
|
36
|
+
}, {
|
|
37
|
+
readonly name: BundleNames;
|
|
38
|
+
readonly url: `${string}components/chat.css`;
|
|
39
|
+
readonly attachStyleSheet?: undefined;
|
|
40
|
+
} | {
|
|
41
|
+
readonly name: BundleNames;
|
|
42
|
+
readonly url: `${string}components/chat.css`;
|
|
43
|
+
readonly attachStyleSheet: boolean;
|
|
44
|
+
}, {
|
|
45
|
+
readonly name: BundleNames;
|
|
46
|
+
readonly url: `${string}components/checkbox.css`;
|
|
47
|
+
readonly attachStyleSheet?: undefined;
|
|
48
|
+
} | {
|
|
49
|
+
readonly name: BundleNames;
|
|
50
|
+
readonly url: `${string}components/checkbox.css`;
|
|
51
|
+
readonly attachStyleSheet: boolean;
|
|
52
|
+
}, {
|
|
53
|
+
readonly name: BundleNames;
|
|
54
|
+
readonly url: `${string}components/code.css`;
|
|
55
|
+
readonly attachStyleSheet?: undefined;
|
|
56
|
+
} | {
|
|
57
|
+
readonly name: BundleNames;
|
|
58
|
+
readonly url: `${string}components/code.css`;
|
|
59
|
+
readonly attachStyleSheet: boolean;
|
|
60
|
+
}, {
|
|
61
|
+
readonly name: BundleNames;
|
|
62
|
+
readonly url: `${string}components/combo-box.css`;
|
|
63
|
+
readonly attachStyleSheet?: undefined;
|
|
64
|
+
} | {
|
|
65
|
+
readonly name: BundleNames;
|
|
66
|
+
readonly url: `${string}components/combo-box.css`;
|
|
67
|
+
readonly attachStyleSheet: boolean;
|
|
68
|
+
}, {
|
|
69
|
+
readonly name: BundleNames;
|
|
70
|
+
readonly url: `${string}components/flexible-layout.css`;
|
|
71
|
+
readonly attachStyleSheet?: undefined;
|
|
72
|
+
} | {
|
|
73
|
+
readonly name: BundleNames;
|
|
74
|
+
readonly url: `${string}components/flexible-layout.css`;
|
|
75
|
+
readonly attachStyleSheet: boolean;
|
|
76
|
+
}, {
|
|
77
|
+
readonly name: BundleNames;
|
|
78
|
+
readonly url: `${string}components/dialog.css`;
|
|
79
|
+
readonly attachStyleSheet?: undefined;
|
|
80
|
+
} | {
|
|
81
|
+
readonly name: BundleNames;
|
|
82
|
+
readonly url: `${string}components/dialog.css`;
|
|
83
|
+
readonly attachStyleSheet: boolean;
|
|
84
|
+
}, {
|
|
85
|
+
readonly name: BundleNames;
|
|
86
|
+
readonly url: `${string}components/icon.css`;
|
|
87
|
+
readonly attachStyleSheet?: undefined;
|
|
88
|
+
} | {
|
|
89
|
+
readonly name: BundleNames;
|
|
90
|
+
readonly url: `${string}components/icon.css`;
|
|
91
|
+
readonly attachStyleSheet: boolean;
|
|
92
|
+
}, {
|
|
93
|
+
readonly name: BundleNames;
|
|
94
|
+
readonly url: `${string}components/edit.css`;
|
|
95
|
+
readonly attachStyleSheet?: undefined;
|
|
96
|
+
} | {
|
|
97
|
+
readonly name: BundleNames;
|
|
98
|
+
readonly url: `${string}components/edit.css`;
|
|
99
|
+
readonly attachStyleSheet: boolean;
|
|
100
|
+
}, {
|
|
101
|
+
readonly name: BundleNames;
|
|
102
|
+
readonly url: `${string}components/layout-splitter.css`;
|
|
103
|
+
readonly attachStyleSheet?: undefined;
|
|
104
|
+
} | {
|
|
105
|
+
readonly name: BundleNames;
|
|
106
|
+
readonly url: `${string}components/layout-splitter.css`;
|
|
107
|
+
readonly attachStyleSheet: boolean;
|
|
108
|
+
}, {
|
|
109
|
+
readonly name: BundleNames;
|
|
110
|
+
readonly url: `${string}components/list-box.css`;
|
|
111
|
+
readonly attachStyleSheet?: undefined;
|
|
112
|
+
} | {
|
|
113
|
+
readonly name: BundleNames;
|
|
114
|
+
readonly url: `${string}components/list-box.css`;
|
|
115
|
+
readonly attachStyleSheet: boolean;
|
|
116
|
+
}, {
|
|
117
|
+
readonly name: BundleNames;
|
|
118
|
+
readonly url: `${string}components/markdown-viewer.css`;
|
|
119
|
+
readonly attachStyleSheet?: undefined;
|
|
120
|
+
} | {
|
|
121
|
+
readonly name: BundleNames;
|
|
122
|
+
readonly url: `${string}components/markdown-viewer.css`;
|
|
123
|
+
readonly attachStyleSheet: boolean;
|
|
124
|
+
}, {
|
|
125
|
+
readonly name: BundleNames;
|
|
126
|
+
readonly url: `${string}components/navigation-list.css`;
|
|
127
|
+
readonly attachStyleSheet?: undefined;
|
|
128
|
+
} | {
|
|
129
|
+
readonly name: BundleNames;
|
|
130
|
+
readonly url: `${string}components/navigation-list.css`;
|
|
131
|
+
readonly attachStyleSheet: boolean;
|
|
132
|
+
}, {
|
|
133
|
+
readonly name: BundleNames;
|
|
134
|
+
readonly url: `${string}components/pills.css`;
|
|
135
|
+
readonly attachStyleSheet?: undefined;
|
|
136
|
+
} | {
|
|
137
|
+
readonly name: BundleNames;
|
|
138
|
+
readonly url: `${string}components/pills.css`;
|
|
139
|
+
readonly attachStyleSheet: boolean;
|
|
140
|
+
}, {
|
|
141
|
+
readonly name: BundleNames;
|
|
142
|
+
readonly url: `${string}components/radio-group.css`;
|
|
143
|
+
readonly attachStyleSheet?: undefined;
|
|
144
|
+
} | {
|
|
145
|
+
readonly name: BundleNames;
|
|
146
|
+
readonly url: `${string}components/radio-group.css`;
|
|
147
|
+
readonly attachStyleSheet: boolean;
|
|
148
|
+
}, {
|
|
149
|
+
readonly name: BundleNames;
|
|
150
|
+
readonly url: `${string}components/segmented-control.css`;
|
|
151
|
+
readonly attachStyleSheet?: undefined;
|
|
152
|
+
} | {
|
|
153
|
+
readonly name: BundleNames;
|
|
154
|
+
readonly url: `${string}components/segmented-control.css`;
|
|
155
|
+
readonly attachStyleSheet: boolean;
|
|
156
|
+
}, {
|
|
157
|
+
readonly name: BundleNames;
|
|
158
|
+
readonly url: `${string}components/sidebar.css`;
|
|
159
|
+
readonly attachStyleSheet?: undefined;
|
|
160
|
+
} | {
|
|
161
|
+
readonly name: BundleNames;
|
|
162
|
+
readonly url: `${string}components/sidebar.css`;
|
|
163
|
+
readonly attachStyleSheet: boolean;
|
|
164
|
+
}, {
|
|
165
|
+
readonly name: BundleNames;
|
|
166
|
+
readonly url: `${string}components/slider.css`;
|
|
167
|
+
readonly attachStyleSheet?: undefined;
|
|
168
|
+
} | {
|
|
169
|
+
readonly name: BundleNames;
|
|
170
|
+
readonly url: `${string}components/slider.css`;
|
|
171
|
+
readonly attachStyleSheet: boolean;
|
|
172
|
+
}, {
|
|
173
|
+
readonly name: BundleNames;
|
|
174
|
+
readonly url: `${string}components/tab.css`;
|
|
175
|
+
readonly attachStyleSheet?: undefined;
|
|
176
|
+
} | {
|
|
177
|
+
readonly name: BundleNames;
|
|
178
|
+
readonly url: `${string}components/tab.css`;
|
|
179
|
+
readonly attachStyleSheet: boolean;
|
|
180
|
+
}, {
|
|
181
|
+
readonly name: BundleNames;
|
|
182
|
+
readonly url: `${string}components/tabular-grid.css`;
|
|
183
|
+
readonly attachStyleSheet?: undefined;
|
|
184
|
+
} | {
|
|
185
|
+
readonly name: BundleNames;
|
|
186
|
+
readonly url: `${string}components/tabular-grid.css`;
|
|
187
|
+
readonly attachStyleSheet: boolean;
|
|
188
|
+
}, {
|
|
189
|
+
readonly name: BundleNames;
|
|
190
|
+
readonly url: `${string}components/ticket-list.css`;
|
|
191
|
+
readonly attachStyleSheet?: undefined;
|
|
192
|
+
} | {
|
|
193
|
+
readonly name: BundleNames;
|
|
194
|
+
readonly url: `${string}components/ticket-list.css`;
|
|
195
|
+
readonly attachStyleSheet: boolean;
|
|
196
|
+
}, {
|
|
197
|
+
readonly name: BundleNames;
|
|
198
|
+
readonly url: `${string}components/toggle.css`;
|
|
199
|
+
readonly attachStyleSheet?: undefined;
|
|
200
|
+
} | {
|
|
201
|
+
readonly name: BundleNames;
|
|
202
|
+
readonly url: `${string}components/toggle.css`;
|
|
203
|
+
readonly attachStyleSheet: boolean;
|
|
204
|
+
}, {
|
|
205
|
+
readonly name: BundleNames;
|
|
206
|
+
readonly url: `${string}components/tooltip.css`;
|
|
207
|
+
readonly attachStyleSheet?: undefined;
|
|
208
|
+
} | {
|
|
209
|
+
readonly name: BundleNames;
|
|
210
|
+
readonly url: `${string}components/tooltip.css`;
|
|
211
|
+
readonly attachStyleSheet: boolean;
|
|
212
|
+
}, {
|
|
213
|
+
readonly name: BundleNames;
|
|
214
|
+
readonly url: `${string}components/tree-view.css`;
|
|
215
|
+
readonly attachStyleSheet?: undefined;
|
|
216
|
+
} | {
|
|
217
|
+
readonly name: BundleNames;
|
|
218
|
+
readonly url: `${string}components/tree-view.css`;
|
|
219
|
+
readonly attachStyleSheet: boolean;
|
|
220
|
+
}, {
|
|
221
|
+
readonly name: BundleNames;
|
|
222
|
+
readonly url: `${string}components/widget.css`;
|
|
223
|
+
readonly attachStyleSheet?: undefined;
|
|
224
|
+
} | {
|
|
225
|
+
readonly name: BundleNames;
|
|
226
|
+
readonly url: `${string}components/widget.css`;
|
|
227
|
+
readonly attachStyleSheet: boolean;
|
|
228
|
+
}, {
|
|
229
|
+
readonly name: BundleNames;
|
|
230
|
+
readonly url: `${string}resets/box-sizing.css`;
|
|
231
|
+
readonly attachStyleSheet?: undefined;
|
|
232
|
+
} | {
|
|
233
|
+
readonly name: BundleNames;
|
|
234
|
+
readonly url: `${string}resets/box-sizing.css`;
|
|
235
|
+
readonly attachStyleSheet: boolean;
|
|
236
|
+
}, {
|
|
237
|
+
readonly name: BundleNames;
|
|
238
|
+
readonly url: `${string}utils/form.css`;
|
|
239
|
+
readonly attachStyleSheet?: undefined;
|
|
240
|
+
} | {
|
|
241
|
+
readonly name: BundleNames;
|
|
242
|
+
readonly url: `${string}utils/form.css`;
|
|
243
|
+
readonly attachStyleSheet: boolean;
|
|
244
|
+
}, {
|
|
245
|
+
readonly name: BundleNames;
|
|
246
|
+
readonly url: `${string}utils/elevation.css`;
|
|
247
|
+
readonly attachStyleSheet?: undefined;
|
|
248
|
+
} | {
|
|
249
|
+
readonly name: BundleNames;
|
|
250
|
+
readonly url: `${string}utils/elevation.css`;
|
|
251
|
+
readonly attachStyleSheet: boolean;
|
|
252
|
+
}, {
|
|
253
|
+
readonly name: BundleNames;
|
|
254
|
+
readonly url: `${string}utils/form--full.css`;
|
|
255
|
+
readonly attachStyleSheet?: undefined;
|
|
256
|
+
} | {
|
|
257
|
+
readonly name: BundleNames;
|
|
258
|
+
readonly url: `${string}utils/form--full.css`;
|
|
259
|
+
readonly attachStyleSheet: boolean;
|
|
260
|
+
}, {
|
|
261
|
+
readonly name: BundleNames;
|
|
262
|
+
readonly url: `${string}utils/layout.css`;
|
|
263
|
+
readonly attachStyleSheet?: undefined;
|
|
264
|
+
} | {
|
|
265
|
+
readonly name: BundleNames;
|
|
266
|
+
readonly url: `${string}utils/layout.css`;
|
|
267
|
+
readonly attachStyleSheet: boolean;
|
|
268
|
+
}, {
|
|
269
|
+
readonly name: BundleNames;
|
|
270
|
+
readonly url: `${string}utils/spacing.css`;
|
|
271
|
+
readonly attachStyleSheet?: undefined;
|
|
272
|
+
} | {
|
|
273
|
+
readonly name: BundleNames;
|
|
274
|
+
readonly url: `${string}utils/spacing.css`;
|
|
275
|
+
readonly attachStyleSheet: boolean;
|
|
276
|
+
}, {
|
|
277
|
+
readonly name: BundleNames;
|
|
278
|
+
readonly url: `${string}utils/typography.css`;
|
|
279
|
+
readonly attachStyleSheet?: undefined;
|
|
280
|
+
} | {
|
|
281
|
+
readonly name: BundleNames;
|
|
282
|
+
readonly url: `${string}utils/typography.css`;
|
|
283
|
+
readonly attachStyleSheet: boolean;
|
|
284
|
+
}, {
|
|
285
|
+
readonly name: BundleNames;
|
|
286
|
+
readonly url: `${string}chameleon/scrollbar.css`;
|
|
287
|
+
readonly attachStyleSheet?: undefined;
|
|
288
|
+
} | {
|
|
289
|
+
readonly name: BundleNames;
|
|
290
|
+
readonly url: `${string}chameleon/scrollbar.css`;
|
|
291
|
+
readonly attachStyleSheet: boolean;
|
|
292
|
+
}];
|
|
20
293
|
/**
|
|
21
294
|
* Given the bundles array and the basePath (optional), returns the given
|
|
22
295
|
* bundles in the format of type `ThemeModel`.
|
|
@@ -46,3 +319,4 @@ export declare const getThemeBundles: (basePath: string) => ThemeModel;
|
|
|
46
319
|
* ```
|
|
47
320
|
*/
|
|
48
321
|
export declare const getBundles: (bundles: MercuryBundleOptimized[] | MercuryBundleFull[], basePath?: string) => ThemeModel;
|
|
322
|
+
export {};
|
package/dist/bundles.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=(o,c,p=void 0)=>p===void 0?{name:c,url:`${o}${c}.css`}:{name:c,url:`${o}${c}.css`,attachStyleSheet:p};export const getThemeBundles=o=>[n(o,"components/accordion"),n(o,"components/button"),n(o,"components/chat"),n(o,"components/checkbox"),n(o,"components/code"),n(o,"components/combo-box"),n(o,"components/flexible-layout"),n(o,"components/dialog"),n(o,"components/icon"),n(o,"components/edit"),n(o,"components/layout-splitter"),n(o,"components/list-box"),n(o,"components/markdown-viewer",!1),n(o,"components/navigation-list"),n(o,"components/pills"),n(o,"components/radio-group"),n(o,"components/segmented-control"),n(o,"components/sidebar"),n(o,"components/slider"),n(o,"components/tab"),n(o,"components/tabular-grid"),n(o,"components/ticket-list"),n(o,"components/toggle"),n(o,"components/tooltip"),n(o,"components/tree-view"),n(o,"components/widget"),n(o,"resets/box-sizing"),n(o,"utils/form"),n(o,"utils/elevation"),n(o,"utils/form--full"),n(o,"utils/layout"),n(o,"utils/spacing"),n(o,"utils/typography"),n(o,"chameleon/scrollbar")],getBundles=(o,c)=>c?o.map(p=>n(c,p)):o;
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export*from"./assets-manager.js";export*from"./bundles.js";export*from"./register-mercury.js";export*from"./types.js";
|
package/dist/mercury.scss
CHANGED
|
@@ -5169,7 +5169,7 @@
|
|
|
5169
5169
|
@include item-border-radius();
|
|
5170
5170
|
|
|
5171
5171
|
&-hover {
|
|
5172
|
-
|
|
5172
|
+
--item__color: var(--mer-accent__primary);
|
|
5173
5173
|
}
|
|
5174
5174
|
}
|
|
5175
5175
|
|
|
@@ -5195,9 +5195,11 @@
|
|
|
5195
5195
|
|
|
5196
5196
|
&--nested {
|
|
5197
5197
|
padding-inline-start: calc(
|
|
5198
|
-
|
|
5199
|
-
var(--ch-combo-box-
|
|
5200
|
-
|
|
5198
|
+
calc(
|
|
5199
|
+
var(--ch-combo-box-item-gap) +
|
|
5200
|
+
var(--ch-combo-box-group__expandable-button-size) +
|
|
5201
|
+
var(--item__padding-inline)
|
|
5202
|
+
)
|
|
5201
5203
|
);
|
|
5202
5204
|
}
|
|
5203
5205
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{MERCURY_ALIAS as r,registerAssets as e}from"./assets-manager.js";import{MERCURY_ASSETS as t}from"./assets/MERCURY_ASSETS.js";export const registerMercury=()=>e("Mercury",r,t);
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{};
|