@genexus/mercury 0.15.1 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/components/combo-box.css +1 -1
- package/dist/bundles/css/utils/form--full.css +1 -1
- package/dist/bundles/js/all.js +1 -1
- package/dist/bundles/js/components/combo-box.js +1 -1
- package/dist/bundles/js/utils/form--full.js +1 -1
- package/dist/mercury.scss +7 -2
- package/package.json +10 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.combo-box[part=
|
|
1
|
+
export const bundle = `.combo-box[part=ch-combo-box-render--placeholder]{line-height:var(--line-height-tight)}.combo-box[part=ch-combo-box-render--placeholder]{font-size:var(--font-size-body-m)}.combo-box::part(item),.combo-box::part(group__header),.combo-box{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.combo-box[part=ch-combo-box-render--placeholder]{font-weight:var(--font-weight-regular);font-style:italic}.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);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);font-style:normal}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.button-tertiary,.button-secondary-destructive,.button-secondary,.button-primary-destructive,.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);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);background-color:var(--button-background-color);color:var(--button-color)}.button-tertiary:focus-visible,.button-secondary-destructive:focus-visible,.button-secondary:focus-visible,.button-primary-destructive: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-destructive,.button-primary{--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary)}.button-primary:hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.button-primary:active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--mer-text__on-primary--active)}.button-primary-destructive:disabled,.button-primary:disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.button-primary-destructive{--button-background-color: var(--mer-accent__primary--destructive);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:hover{--button-background-color: var(--mer-accent__primary--destructive-hover);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:active{--button-background-color: var(--mer-accent__primary--destructive-active);--button-color: var(--mer-text__on-primary)}.button-secondary-destructive,.button-secondary{--button-background-color: transparent;--control__border-color: var(--button-color);--button-color: var(--mer-text__neutral)}.button-secondary:hover{--button-color: var(--mer-text__primary--hover)}.button-secondary:active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--mer-text__on-primary--active)}.button-secondary-destructive:disabled,.button-secondary:disabled{--button-color: var(--mer-text__on-disabled)}.button-secondary-destructive{--button-color: var(--mer-accent__primary--destructive)}.button-secondary-destructive:hover{--button-background-color: var(--mer-color__message-red--600)}.button-secondary-destructive:active{--button-background-color: var(--mer-color__message-red--500)}.button-tertiary{--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.button-tertiary:hover{--button-color: var(--mer-text__primary--hover)}.button-tertiary:active{--button-color: var(--mer-text__primary--active)}.button-tertiary:disabled,.button-tertiary--disabled{--button-color: var(--mer-text__on-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:11px}.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)}.input[part*=ch-edit--empty-value],.combo-box[part=""],.radio-group::part(radio__label),.label,.checkbox::part(label),.button-primary-destructive,.button-primary,.button-secondary-destructive,.button-secondary{line-height:var(--line-height-tight)}.input[part*=ch-edit--empty-value],.combo-box[part=""],.radio-group::part(radio__label),.label,.checkbox::part(label),.button-primary-destructive,.button-primary,.button-secondary-destructive,.button-secondary{font-size:var(--font-size-body-m)}.input,.combo-box::part(item),.combo-box::part(group__header),.combo-box,.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.radio-group::part(radio__label),.label,.checkbox::part(label),.button-primary-destructive,.button-primary,.button-secondary-destructive,.button-secondary{font-weight:var(--font-weight-semi-bold)}.input[part*=ch-edit--empty-value],.combo-box[part=""]{font-weight:var(--font-weight-regular);font-style:italic}.button-icon-only{padding:calc((32px - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.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 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);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);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input: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--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)}.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 disabled){--label__color: var(--label__color--disabled)}`;
|
|
1
|
+
export const bundle = `.button-tertiary,.button-secondary-destructive,.button-secondary,.button-primary-destructive,.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);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);background-color:var(--button-background-color);color:var(--button-color)}.button-tertiary:focus-visible,.button-secondary-destructive:focus-visible,.button-secondary:focus-visible,.button-primary-destructive: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-destructive,.button-primary{--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary)}.button-primary:hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.button-primary:active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--mer-text__on-primary--active)}.button-primary-destructive:disabled,.button-primary:disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.button-primary-destructive{--button-background-color: var(--mer-accent__primary--destructive);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:hover{--button-background-color: var(--mer-accent__primary--destructive-hover);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:active{--button-background-color: var(--mer-accent__primary--destructive-active);--button-color: var(--mer-text__on-primary)}.button-secondary-destructive,.button-secondary{--button-background-color: transparent;--control__border-color: var(--button-color);--button-color: var(--mer-text__neutral)}.button-secondary:hover{--button-color: var(--mer-text__primary--hover)}.button-secondary:active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--mer-text__on-primary--active)}.button-secondary-destructive:disabled,.button-secondary:disabled{--button-color: var(--mer-text__on-disabled)}.button-secondary-destructive{--button-color: var(--mer-accent__primary--destructive)}.button-secondary-destructive:hover{--button-background-color: var(--mer-color__message-red--600)}.button-secondary-destructive:active{--button-background-color: var(--mer-color__message-red--500)}.button-tertiary{--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.button-tertiary:hover{--button-color: var(--mer-text__primary--hover)}.button-tertiary:active{--button-color: var(--mer-text__primary--active)}.button-tertiary:disabled,.button-tertiary--disabled{--button-color: var(--mer-text__on-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:11px}.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)}.input[part*=ch-edit--empty-value],.combo-box[part=ch-combo-box-render--placeholder],.radio-group::part(radio__label),.label,.checkbox::part(label),.button-primary-destructive,.button-primary,.button-secondary-destructive,.button-secondary{line-height:var(--line-height-tight)}.input[part*=ch-edit--empty-value],.combo-box[part=ch-combo-box-render--placeholder],.radio-group::part(radio__label),.label,.checkbox::part(label),.button-primary-destructive,.button-primary,.button-secondary-destructive,.button-secondary{font-size:var(--font-size-body-m)}.input,.combo-box::part(item),.combo-box::part(group__header),.combo-box,.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.radio-group::part(radio__label),.label,.checkbox::part(label),.button-primary-destructive,.button-primary,.button-secondary-destructive,.button-secondary{font-weight:var(--font-weight-semi-bold)}.input[part*=ch-edit--empty-value],.combo-box[part=ch-combo-box-render--placeholder]{font-weight:var(--font-weight-regular);font-style:italic}.button-icon-only{padding:calc((32px - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.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 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);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);font-style:normal}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input: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--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)}.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 disabled){--label__color: var(--label__color--disabled)}`;
|
package/dist/mercury.scss
CHANGED
|
@@ -5195,6 +5195,10 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5195
5195
|
@include items-container-gap();
|
|
5196
5196
|
@include items-container-max-height();
|
|
5197
5197
|
@include items-container-dropdown();
|
|
5198
|
+
|
|
5199
|
+
// Reset the font-style to avoid font-style: italic inherit when the
|
|
5200
|
+
// combo-box is displaying the placeholder
|
|
5201
|
+
font-style: normal;
|
|
5198
5202
|
}
|
|
5199
5203
|
|
|
5200
5204
|
&-group__header {
|
|
@@ -5256,7 +5260,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5256
5260
|
/// @param {String} $combo-box-selector [".combo-box"] -
|
|
5257
5261
|
/// @param {String} $combo-box--disabled-selector [".combo-box[disabled]"] -
|
|
5258
5262
|
/// @param {String} $combo-box--error-selector [".combo-box-error"] -
|
|
5259
|
-
/// @param {String} $combo-box__placeholder-selector [".combo-box
|
|
5263
|
+
/// @param {String} $combo-box__placeholder-selector [".combo-box[part='ch-combo-box-render--placeholder']"] -
|
|
5260
5264
|
/// @param {String} $window-selector [".combo-box::part(window)"] -
|
|
5261
5265
|
/// @param {String} $group-selector [".combo-box::part(group)"] -
|
|
5262
5266
|
/// @param {String} $group__content-selector [".combo-box::part(group__content)"] -
|
|
@@ -5274,7 +5278,8 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5274
5278
|
$combo-box-selector: $combo-box-selector,
|
|
5275
5279
|
$combo-box--disabled-selector: ".combo-box[disabled]",
|
|
5276
5280
|
$combo-box--error-selector: ".combo-box-error",
|
|
5277
|
-
$combo-box__placeholder-selector:
|
|
5281
|
+
$combo-box__placeholder-selector:
|
|
5282
|
+
".combo-box[part='ch-combo-box-render--placeholder']",
|
|
5278
5283
|
$window-selector: ".combo-box::part(window)",
|
|
5279
5284
|
$group-selector: ".combo-box::part(group)",
|
|
5280
5285
|
$group__content-selector: ".combo-box::part(group__content)",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/mercury",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.16.0",
|
|
4
4
|
"description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -46,13 +46,16 @@
|
|
|
46
46
|
"./package.json": "./package.json"
|
|
47
47
|
},
|
|
48
48
|
"scripts": {
|
|
49
|
-
"build": "
|
|
49
|
+
"build": "yarn build.js && yarn icons-svg && yarn icons-sass && yarn build.scss && yarn copy-tasks && yarn showcase.scss",
|
|
50
50
|
"build.js": "tsc && esbuild dist/*.js --allow-overwrite --minify --outdir=dist && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets",
|
|
51
|
-
"build-no-svg": "
|
|
52
|
-
"build.scss": "
|
|
53
|
-
"build.
|
|
51
|
+
"build-no-svg": "yarn build.js && yarn build.scss && yarn copy-tasks",
|
|
52
|
+
"build.scss": "yarn build.scss.base && yarn build.scss.bundles",
|
|
53
|
+
"build.scss.watch": "yarn build.scss && yarn build.scss.mercury",
|
|
54
|
+
"build.scss.base": "scss-bundle -e ./src/mercury.scss -o dist/mercury.scss",
|
|
55
|
+
"build.scss.bundles": "node dist/cli/bundle.js",
|
|
56
|
+
"build.scss.mercury": "node dist/cli/mercury.js -i=/assets/icons/ -f=/assets/fonts/ --outDir=../showcase/.mercury/ --avoid-hash=base/base",
|
|
54
57
|
"start": "vite --port 5200 --open showcase/button.html",
|
|
55
|
-
"validate.ci": "
|
|
58
|
+
"validate.ci": "yarn build-no-svg",
|
|
56
59
|
"icons-svg": "ssg-svg --srcDir=src/icons/svg-source --outDir=src/assets/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --showcaseDir=showcase/icons/ --showcaseBaseHref=../assets/icons/ --logDir=./log --objectFilePath=src/assets/MERCURY_ASSETS.ts --defaultColorType=on-surface",
|
|
57
60
|
"icons-sass": "ssg-sass --srcDir=src/assets/icons/ --outDir=src/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --vendorPrefix=",
|
|
58
61
|
"watch.scss": "chokidar src/**/*.scss ../common/**/*.scss -c \"npm run build.scss\"",
|
|
@@ -64,7 +67,7 @@
|
|
|
64
67
|
"license": "Apache-2.0",
|
|
65
68
|
"devDependencies": {
|
|
66
69
|
"@atao60/fse-cli": "^0.1.9",
|
|
67
|
-
"@genexus/chameleon-controls-library": "~6.
|
|
70
|
+
"@genexus/chameleon-controls-library": "~6.3.0",
|
|
68
71
|
"@genexus/svg-sass-generator": "1.1.24",
|
|
69
72
|
"@types/node": "~22.10.5",
|
|
70
73
|
"chokidar": "^3.6.0",
|
|
@@ -74,8 +77,5 @@
|
|
|
74
77
|
"scss-bundle": "~3.1.2",
|
|
75
78
|
"typescript": "~5.5.3",
|
|
76
79
|
"vite": "~5.4.12"
|
|
77
|
-
},
|
|
78
|
-
"engines": {
|
|
79
|
-
"pnpm": ">=3"
|
|
80
80
|
}
|
|
81
81
|
}
|