@genexus/mercury 0.3.5 → 0.4.0

package/dist/bundles/css/components/tree-view.css

@@ -0,0 +1 @@
+.tree-view::-webkit-scrollbar{width:var(--mer-scrollbar__size);height:var(--mer-scrollbar__size)}.tree-view::-webkit-scrollbar-track{background-color:var(--mer-scrollbar-track__bg-color);border-radius:var(--mer-scrollbar-track__border-radius)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--mer-scrollbar-thumb__bg-color);border-radius:var(--mer-scrollbar-thumb__border-radius)}.tree-view::-webkit-scrollbar-thumb:hover{background-color:var(--mer-scrollbar-thumb__bg-color--hover)}.tree-view::-webkit-scrollbar-corner{background:var(--mer-scrollbar-corner__bg)}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--mer-control__block-size--tiny);--ch-checkbox__option-size: calc(var(--mer-control__block-size--tiny) / 2);--mer-checkbox__border: var(--mer-border__width--sm) solid var(--mer-border-color__dim);--mer-checkbox__border-radius: var(--mer-border__radius--xs);--mer-checkbox-check__color: var(--mer-border-color__neutral--active);--mer-checkbox__bg-color: transparent;font-family:var(--mer-form-input__font-family);font-size:var(--mer-form-input__font-size);line-height:var(--mer-line-height--regular);color:var(--mer-form-input__color)}.tree-view::part(item__checkbox-input){border:var(--mer-form-input__border);border-radius:var(--mer-border__radius--2xs)}.tree-view::part(item__checkbox-input):focus{outline:var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);outline-offset:var(--mer-focus__outline-offset)}.tree-view::part(item__checkbox-input indeterminate),.tree-view::part(item__checkbox-input checked){border-color:var(--mer-color__neutral-gray--300)}.tree-view::part(item__checkbox-input disabled){border-color:var(--mer-border-color__primary--disabled)}.tree-view::part(item__checkbox-option checked){color:var(--mer-border-color__neutral--active)}.tree-view::part(item__checkbox-option indeterminate){color:var(--mer-color__neutral-gray--300);block-size:var(--mer-spacing--3xs)}.tree-view::part(item__checkbox-option disabled){color:var(--mer-accent__primary--disabled);border-color:var(-mer-border-color__primary--disabled)}.tree-view{--tree-view__font-size: var(--mer-body__font-size);--ch-tree-view-item-custom-padding-inline-start: var(--mer-spacing--xs);--ch-tree-view-item-gap: var(--mer-spacing--xs);--ch-tree-view-item__checkbox-size: var(--mer-spacing--md);--ch-tree-view-item__expandable-button-size: var(--mer-spacing--md);--ch-tree-view-item__image-size: var(--mer-spacing--md);--ch-tree-view-item__background-image-size: var(--mer-icon__box--md);--ch-tree-view-item__line--inset-inline-end: 4px;--tree-view__min-inline-size: max-content;--tree-view__padding: var(--mer-spacing--xs);--tree-view-item-custom__padding-inline-end: var(--mer-spacing--2xs);--tree-view-item__color--hover: var(--mer-item__color--hover);--tree-view-item__bg-color--hover: var(--mer-item__bg-color--hover);--tree-view-item__color--selected: var(--mer-item__color--selected);--tree-view-item__bg-color--selected: var(--mer-item__bg-color--selected);--tree-view-item-dashed-line__border-color: var(--mer-text__on-surface);--tree-view-item-dashed-line__opacity: 0.3;--tree-view-item-header__border-radius: var(--mer-border__radius--sm);--tree-view-item-header__padding-block: calc(var(--mer-spacing--3xs));--tree-view-item-downloading__inline-size: var(--mer-spacing--sm);--tree-view-item-downloading__block-size: var(--mer-spacing--sm);--tree-view-item-downloading__border: var(--mer-border__width--md) solid var(--mer-accent__primary--active);font-size:var(--tree-view__font-size);line-height:var(--mer-line-height--regular);padding:var(--tree-view__padding);min-inline-size:var(--tree-view__min-inline-size)}.tree-view--no-padding{padding:0}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--mer-color__elevation--04);border-radius:10px;box-shadow:var(--mer-elevation__box-shadow--03);font-size:8px}.tree-view::part(item drag-enter){background-color:var(--tree-view-item__bg-color--hover);outline:var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);outline-offset:var(--mer-focus__outline-offset)}.tree-view::part(drop)::after{background-color:var(--mer-color__primary-blue--200)}.tree-view::part(item__header){border-radius:var(--tree-view-item-header__border-radius);padding-inline-end:var(--tree-view-item-custom__padding-inline-end)}.tree-view::part(item__header):focus-visible{outline:var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);outline-offset:var(--mer-focus__outline-offset)}.tree-view::part(item__header not-selected):hover{background-color:var(--tree-view-item__bg-color--hover);color:var(--tree-view-item__color--hover)}.tree-view::part(item__header selected){background-color:var(--tree-view-item__bg-color--selected);color:var(--tree-view-item__color--selected)}.tree-view::part(item__action){padding-block:var(--tree-view-item-header__padding-block)}.tree-view::part(item__line){border-color:var(--tree-view-item-dashed-line__border-color);opacity:var(--tree-view-item-dashed-line__opacity)}.tree-view::part(item__downloading){inline-size:var(--tree-view-item-downloading__inline-size);block-size:var(--tree-view-item-downloading__block-size);border:var(--tree-view-item-downloading__border);border-inline-start-color:rgba(0,0,0,0)}

package/dist/bundles/css/resets/box-sizing.css

@@ -0,0 +1 @@
+*,::after,::before{box-sizing:border-box}

package/dist/bundles/css/utils/form--full.css

@@ -0,0 +1 @@
+.radio-group::part(radio__label),.checkbox::part(label){--label__font-family: var(--mer-font-family--inter-semi-bold);--label__font-size: var(--mer-font__size--3xs);--label__color: var(--mer-text__on-surface);--label__line-height: var(--mer-line-height--regular);--label__block-margin: var(--mer-spacing--xs);--label__inline-margin: var(--mer-spacing--xs);--label__color--disabled: var(--mer-text__primary--disabled);font-family:var(--label__font-family);font-size:var(--label__font-size);color:var(--label__color);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){color:var(--label__color--disabled)}.radio-group::part(radio__label){margin-inline-start:var(--label__inline-margin)}.button-tertiary,.button-secondary,.button-primary{--button-base__font-family: inherit;--button-base__font-size: var(--mer-font__size--3xs);--button-base__line-height: var(--mer-line-height--tight);--button-base__text-transform: capitalize;--button-base__border-width: var(--mer-border__width--sm);--button-base__border-style: solid;--button-base__border-color: transparent;--button-base__border-radius: var(--mer-border__radius--sm);--button-base__block-size: var(--mer-control__block-size);--button-base__gap: var(--mer-spacing--xs);--button-base__padding-inline: var(--mer-spacing--sm);--button-icon-only__padding: 0;--button-icon-only__inline-size: var(--mer-control__block-size);display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border:var(--button-base__border-width);border-radius:var(--button-base__border-radius);block-size:var(--button-base__block-size);border:var(--button-base__border-width) var(--button-base__border-style) var(--button-base__border-color);font-family:var(--button-base__font-family);font-size:var(--button-base__font-size);gap:var(--button-base__gap);line-height:var(--button-base__line-height);padding-inline:var(--button-base__padding-inline);text-transform:var(--button-base__text-transform)}.button-primary{--button-primary__background-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__background-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__font-weight: var(--mer-font__weight--semi-bold);--button-primary__background-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var( --button-primary__background-color--hover );--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__background-color--active: var( --mer-accent__primary--active );--button-primary__border-color--active: var( --button-primary__background-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__background-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);background-color:var(--button-primary__background-color);border-color:var(--button-primary__border-color);color:var(--button-primary__color);font-weight:var(--button-primary__font-weight)}.button-primary:hover{background-color:var(--button-primary__background-color--hover);border-color:var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__background-color--active);border-color:var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__background-color--disabled);border-color:var(--button-primary__border-color--disabled);color:var(--button-primary__color--disabled)}.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__font-weight: var(--mer-font__weight--semi-bold);--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);background-color:var(--button-secondary__background-color);border-color:var(--button-secondary__border-color);color:var(--button-secondary__color);font-weight:var(--button-secondary__font-weight)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);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);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);border-color:var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__font-weight: var(--mer-font__weight--semi-bold);--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);background-color:var(--button-tertiary__background-color);border-color:var(--button-tertiary__border-color);color:var(--button-tertiary__color);font-weight:var(--button-tertiary__font-weight)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);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);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);border-color:var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.form-input,.combo-box{--mer-form-input__border-width: var(--mer-border__width--sm);--mer-form-input__border-style: solid;--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border: var(--mer-form-input__border-width) var(--mer-form-input__border-style) var(--mer-form-input__border-color);--mer-form-input__border-radius: var(--mer-border__radius--sm);--mer-form-input__color: var(--mer-text__bright);--mer-form-input__font-size: var(--mer-body__font-size);--mer-form-input__font-weight: var(--mer-text__on-surface);--mer-form-input__icon-size: var(--mer-icon__box--sm);--mer-form-input__font-family: var(--mer-font-family--inter-regular);--mer-form-input__color--placeholder: var(--mer-text__on-surface);--mer-form-input__border-color--hover: var(--mer-color__neutral-gray--00);--mer-form-input__color--disabled: var(--mer-text__on-disabled);--mer-form-input__bg-color--disabled: var(--mer-color__neutral-gray--1100);--mer-form-input__border-color--disabled: var( --mer-accent__primary--disabled );--mer-form-input__border-color--error: var(--mer-border-color__error);font-family:var(--mer-form-input__font-family);border:var(--mer-form-input__border);border-radius:var(--mer-form-input__border-radius);color:var(--mer-form-input__color);font-size:var(--mer-form-input__font-size);block-size:var(--mer-control__block-size);padding-inline:var(--mer-form-input__padding-inline)}.form-input:focus,.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.form-input:disabled,.form-input--disabled,.combo-box[disabled]{color:var(--mer-form-input__color--disabled);border-color:var(--mer-form-input__border-color--disabled);background-color:var(--mer-form-input__bg-color--disabled)}.form-input--error{border-color:var(--mer-form-input__border-color--error)}.form-input::placeholder,.combo-box::part(placeholder){font-style:italic;color:var(--mer-form-input__color--placeholder)}.button-icon-after-and-text::before,.button-icon-and-text::before,.button-icon-only::before{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/100% var(--icon-path)}.button-icon-only{--button-icon-only__padding-inline: var(--mer-spacing--xs);inline-size:var(--button-icon-only__inline-size);padding:var(--button-icon-only__padding)}.button-icon-after-and-text,.button-icon-and-text{padding-inline:var(--button-base__padding-inline)}.button-icon-after-and-text::before{order:1}.checkbox{--ch-checkbox__container-size: var(--mer-control__block-size--tiny);--ch-checkbox__option-size: calc(var(--mer-control__block-size--tiny) / 2);--mer-checkbox__border: var(--mer-border__width--sm) solid var(--mer-border-color__dim);--mer-checkbox__border-radius: var(--mer-border__radius--xs);--mer-checkbox-check__color: var(--mer-border-color__neutral--active);--mer-checkbox__bg-color: transparent;font-family:var(--mer-form-input__font-family);font-size:var(--mer-form-input__font-size);line-height:var(--mer-line-height--regular);color:var(--mer-form-input__color)}.checkbox::part(input){border:var(--mer-form-input__border);border-radius:var(--mer-border__radius--2xs)}.checkbox::part(input):focus{outline:var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);outline-offset:var(--mer-focus__outline-offset)}.checkbox::part(input indeterminate),.checkbox::part(input checked){border-color:var(--mer-color__neutral-gray--300)}.checkbox::part(input error){background-color:var(--colors-Foundation-un-color__red--5)}.checkbox::part(input disabled){border-color:var(--mer-border-color__primary--disabled)}.checkbox::part(option checked){color:var(--mer-border-color__neutral--active)}.checkbox::part(option indeterminate){color:var(--mer-color__neutral-gray--300);block-size:var(--mer-spacing--3xs)}.checkbox::part(option error){color:var(--mer-color__message-red--100);border-color:var(--mer-border-color__error)}.checkbox::part(option disabled){color:var(--mer-accent__primary--disabled);border-color:var(-mer-border-color__primary--disabled)}.checkbox::part(label disabled){color:var(--mer-text__primary--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box-item__background-image-size: 100%}.combo-box::part(window){background-color:var(--mer-window__bg-color);border:var(--mer-color__elevation--01);border-radius:var(--mer-window__border-radius);box-shadow:var(--mer-window__box-shadow);padding:var(--mer-spacing--2xs)}.combo-box::part(group){border-block-end:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.combo-box::part(group__header){font-family:var(--mer-font-family--inter-semi-bold);padding-block:var(--mer-spacing--3xs);padding-inline:var(--mer-spacing--xs);color:var(--mer-text__bright)}.combo-box::part(group__header expandable):hover{background-color:var(--mer-item__bg-color--selected);color:var(--mer-item__color--hover)}.combo-box::part(item){border-radius:var(--mer-border__radius--sm);padding-block:var(--mer-spacing--3xs);padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-family:var(--mer-font-family--inter-regular)}.combo-box::part(item disabled),.combo-box::part(group__header disabled){color:var(--mer-text__on-disabled)}.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){background-color:var(--mer-item__bg-color--selected);color:var(--mer-item__color--hover)}.radio-group{--ch-radio-group__radio-container-size: var(--mer-control__block-size--tiny);--ch-radio-group__radio-option-size: var(--mer-spacing--xs);--radio-group_gap: var(--mer-spacing--xs);--radio-group-container__border-color: var();--radio-group__color--checked: var();--ch-radio-group__radio-container-size: var(--mer-control__block-size--tiny);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);color:var(--mer-body__color);gap:var(--radio-group_gap)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container):focus-within{outline:var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);outline-offset:var(--mer-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)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.checkbox::part(label){margin-inline-start:var(--label__inline-margin)}.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)}

package/dist/bundles/css/utils/form.css

@@ -0,0 +1 @@
+.control-footer{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.control-footer--border{border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.layout{display:grid;padding-block:var(--mer-spacing--md);padding-inline:var(--mer-spacing--lg);gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}

package/dist/bundles/css/utils/layout.css

@@ -0,0 +1 @@
+.label{--label__font-family: var(--mer-font-family--inter-semi-bold);--label__font-size: var(--mer-font__size--3xs);--label__color: var(--mer-text__on-surface);--label__line-height: var(--mer-line-height--regular);--label__block-margin: var(--mer-spacing--xs);--label__inline-margin: var(--mer-spacing--xs);--label__color--disabled: var(--mer-text__primary--disabled);font-family:var(--label__font-family);font-size:var(--label__font-size);color:var(--label__color);line-height:var(--label__line-height)}.label--disabled{color:var(--label__color--disabled)}.label--above{margin-block-end:var(--label__block-margin)}.label--after{margin-inline-start:var(--label__inline-margin)}.label--below{margin-block-start:var(--label__block-margin)}.label--before{margin-inline-end:var(--label__inline-margin)}.fieldset{display:flex;flex-direction:column;gap:var(--mer-spacing--md);border:none}.fieldset-legend{margin-block-end:var(--mer-spacing--md)}.fieldset-group{display:flex;flex-direction:column}.fieldset-group--row{flex-direction:row;align-items:center}.fieldset--row{flex-direction:row;flex-wrap:wrap}.fieldset-legend{--heading-base__font-family: var(--mer-font-family--title);--heading__color: transparent;--heading-h1__font-size: var(--mer-font__size--xl);--heading-h1__font-weight: var(--mer-font__weight--bold);--heading-h1__line-height: var(--mer-line-height--tight);--heading-h2__font-size: var(--mer-font__size--lg);--heading-h2__font-weight: var(--mer-font__weight--bold);--heading-h2__line-height: var(--mer-line-height--tight);--heading-h3__font-size: var(--mer-font__size--sm);--heading-h3__font-weight: var(--mer-font__weight--bold);--heading-h3__line-height: var(--mer-line-height--regular);--heading-h4__font-size: var(--mer-font__size--xs);--heading-h4__font-weight: var(--mer-font__weight--bold);--heading-h4__line-height: var(--mer-line-height--spaced);--heading-h5__font-size: var(--mer-font__size--2xs);--heading-h5__font-weight: var(--mer-font__weight--bold);--heading-h5__line-height: var(--mer-line-height--spaced);--heading-h6__font-size: var(--mer-font__size--3xs);--heading-h6__font-weight: var(--mer-font__weight--semi-bold);--heading-h6__line-height: var(--mer-line-height--spaced);font-family:var(--mer-font-family--title);line-height:var(--mer-line-height--tight);color:var(--heading__color)}.fieldset-legend{font-size:var(--mer-font__size--3xs);font-weight:var(--mer-font__weight--semi-bold);line-height:var(--heading-h6__line-height)}

package/dist/bundles/css/utils/typography.css

@@ -0,0 +1 @@
+.heading-6,.heading-5,.heading-4,.heading-3,.heading-2,.heading-1{--heading-base__font-family: var(--mer-font-family--title);--heading__color: transparent;--heading-h1__font-size: var(--mer-font__size--xl);--heading-h1__font-weight: var(--mer-font__weight--bold);--heading-h1__line-height: var(--mer-line-height--tight);--heading-h2__font-size: var(--mer-font__size--lg);--heading-h2__font-weight: var(--mer-font__weight--bold);--heading-h2__line-height: var(--mer-line-height--tight);--heading-h3__font-size: var(--mer-font__size--sm);--heading-h3__font-weight: var(--mer-font__weight--bold);--heading-h3__line-height: var(--mer-line-height--regular);--heading-h4__font-size: var(--mer-font__size--xs);--heading-h4__font-weight: var(--mer-font__weight--bold);--heading-h4__line-height: var(--mer-line-height--spaced);--heading-h5__font-size: var(--mer-font__size--2xs);--heading-h5__font-weight: var(--mer-font__weight--bold);--heading-h5__line-height: var(--mer-line-height--spaced);--heading-h6__font-size: var(--mer-font__size--3xs);--heading-h6__font-weight: var(--mer-font__weight--semi-bold);--heading-h6__line-height: var(--mer-line-height--spaced);font-family:var(--mer-font-family--title);line-height:var(--mer-line-height--tight);color:var(--heading__color)}.heading-1{font-size:var(--mer-font__size--xl);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h1__line-height)}.heading-2{font-size:var(--mer-font__size--lg);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h2__line-height)}.heading-3{font-size:var(--mer-font__size--sm);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h3__line-height)}.heading-4{font-size:var(--mer-font__size--xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h4__line-height)}.heading-5{font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.heading-6{font-size:var(--mer-font__size--3xs);font-weight:var(--mer-font__weight--semi-bold);line-height:var(--heading-h6__line-height)}.heading--highlighted{--heading__color: var(--mer-text__highlighted)}.text-body{--text-body__font-size: var(--mer-font__size--xs);--text-body__font-family: var(--mer-body__font-family);--text-body__font-weight: var(--mer-body__font-weight);--text-body__line-height: var(--mer-body__line-height);--text-body__margin-block: var(--mer-body__margin-block);font-size:var(--text-body__font-size);font-family:var(--text-body__font-family);font-weight:var(--text-body__font-weight);line-height:var(--text-body__line-height);margin-block:var(--text-body__margin-block)}h1,h2,h3,h4,h5,h6,p{font:unset;margin:0;padding:0;color:unset}

package/dist/bundles/scss/all.scss

@@ -0,0 +1,4 @@
+@import "config";
+@import "../../mercury.scss";
+
+@include mercury($font-face-path: $font-face-path, $icons-path: $icons-path);

package/dist/bundles/scss/base/base.scss

@@ -0,0 +1,24 @@
+@import "config";
+@import "../../../mercury.scss";
+
+@include mercury-only(
+  $body: true,
+
+  $light-theme: true,
+  $dark-theme: true,
+
+  $font-face: true,
+  $font-face-path: $font-face-path,
+
+  $tokens: true,
+  $colors: true,
+  $border: true,
+  $elevation: true,
+  $font: true,
+  $spacing: true,
+  $timing: true,
+
+  $resets: true,
+  // TODO: By the time we remove TheiaJS, this reset will likely no longer be necessary
+  $input-reset: true
+);

package/dist/bundles/scss/base/icons.scss

@@ -0,0 +1,4 @@
+@import "config";
+@import "../../../mercury.scss";
+
+@include mercury-only($icons-path: $icons-path, $icons-variables: true);

package/dist/bundles/scss/components/button.scss

@@ -0,0 +1,8 @@
+@import "../../../mercury.scss";
+
+@include mercury-only(
+  $base-classes: true,
+  $button-classes: true,
+  $resets: true,
+  $button-reset: true
+);

package/dist/bundles/scss/components/checkbox.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $checkbox: true);

package/dist/bundles/scss/components/code.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $code: true);

package/dist/bundles/scss/components/combo-box.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $combo-box: true);

package/dist/bundles/scss/components/dialog.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $dialog: true);

package/dist/bundles/scss/components/edit.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $edit: true);

package/dist/bundles/scss/components/radio-group.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $radio-group: true);

package/dist/bundles/scss/components/tab.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $tab: true);

package/dist/bundles/scss/components/tabular-grid.scss

@@ -0,0 +1,10 @@
+@import "config";
+@import "../../../mercury.scss";
+
+@include mercury-only(
+  $components: true,
+  $tabular-grid: true,
+
+  // TODO: This is a WA to transpile the file
+  $icons-path: $icons-path
+);

package/dist/bundles/scss/components/tree-view.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $tree-view: true);

package/dist/bundles/scss/resets/box-sizing.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($resets: true, $box-sizing-reset: true);

package/dist/bundles/scss/utils/form--full.scss

@@ -0,0 +1,16 @@
+@import "../../../mercury.scss";
+
+// TODO: This is a WA that duplicates the CSS as the import CSS rule does not
+// work on constructed stylesheets
+@include mercury-only(
+  $base-classes: true,
+  $button-classes: true,
+  $resets: true,
+  $button-reset: true,
+
+  $components: true,
+  $checkbox: true,
+  $combo-box: true,
+  $edit: true,
+  $radio-group: true
+);

package/dist/bundles/scss/utils/form.scss

@@ -0,0 +1,4 @@
+@import "config";
+@import "../../../mercury.scss";
+
+@include mercury-only($base-classes: true, $layout-classes: true);

package/dist/bundles/scss/utils/layout.scss

@@ -0,0 +1,4 @@
+@import "config";
+@import "../../../mercury.scss";
+
+@include mercury-only($base-classes: true, $form-controls-classes: true);

package/dist/bundles/scss/utils/typography.scss

@@ -0,0 +1,9 @@
+@import "config";
+@import "../../../mercury.scss";
+
+@include mercury-only(
+  $resets: true,
+  $typography-reset: true,
+  $base-classes: true,
+  $typography-classes: true
+);

package/dist/bundles.d.ts

@@ -0,0 +1,71 @@
+export type MercuryBundles = MercuryBundleOptimized[] | MercuryBundleFull[];
+export type MercuryBundleOptimized = MercuryBundleBase | MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleReset | MercuryBundleUtil;
+export type MercuryBundleFull = MercuryBundleBase | MercuryBundleComponent | MercuryBundleReset | MercuryBundleUtil | MercuryBundleUtilFormFull;
+export type MercuryBundleBase = "base/base" | "base/icons";
+export type MercuryBundleComponent = "components/code" | "components/dialog" | "components/tab" | "components/tabular-grid" | "components/tree-view";
+export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/radio-group";
+export type MercuryBundleReset = "resets/box-sizing";
+export type MercuryBundleUtil = "utils/form" | "utils/layout" | "utils/typography";
+export type MercuryBundleUtilFormFull = "utils/form--full";
+/**
+ * Given the basePath, returns all bundles (except base and icons) in the
+ * format of type `ThemeModel`.
+ *
+ * This is useful for defining the following in an `index.html`:
+ *
+ * ```tsx
+ * const THEME_BUNDLES = getThemeBundles("<base path>");
+ *
+ * HTML/render/template:
+ *   <body>
+ *     <ch-theme model={THEME_BUNDLES}></ch-theme>
+ *     ...
+ *   </body>
+ * ```
+ */
+export declare const getThemeBundles: (basePath: string) => [{
+    readonly name: "components/button";
+    readonly url: `${string}css/components/button.css`;
+}, {
+    readonly name: "components/checkbox";
+    readonly url: `${string}css/components/checkbox.css`;
+}, {
+    readonly name: "components/code";
+    readonly url: `${string}css/components/code.css`;
+}, {
+    readonly name: "components/combo-box";
+    readonly url: `${string}css/components/combo-box.css`;
+}, {
+    readonly name: "components/dialog";
+    readonly url: `${string}css/components/dialog.css`;
+}, {
+    readonly name: "components/edit";
+    readonly url: `${string}css/components/edit.css`;
+}, {
+    readonly name: "components/radio-group";
+    readonly url: `${string}css/components/radio-group.css`;
+}, {
+    readonly name: "components/tab";
+    readonly url: `${string}css/components/tab.css`;
+}, {
+    readonly name: "components/tabular-grid";
+    readonly url: `${string}css/components/tabular-grid.css`;
+}, {
+    readonly name: "components/tree-view";
+    readonly url: `${string}css/components/tree-view.css`;
+}, {
+    readonly name: "resets/box-sizing";
+    readonly url: `${string}css/resets/box-sizing.css`;
+}, {
+    readonly name: "utils/form";
+    readonly url: `${string}css/utils/form.css`;
+}, {
+    readonly name: "utils/form--full";
+    readonly url: `${string}css/utils/form--full.css`;
+}, {
+    readonly name: "utils/layout";
+    readonly url: `${string}css/utils/layout.css`;
+}, {
+    readonly name: "utils/typography";
+    readonly url: `${string}css/utils/typography.css`;
+}];

package/dist/bundles.js

@@ -0,0 +1,40 @@
+const getThemeModelItem = (assetsPath, bundleName) => ({
+    name: bundleName,
+    url: `${assetsPath}css/${bundleName}.css`
+});
+/**
+ * Given the basePath, returns all bundles (except base and icons) in the
+ * format of type `ThemeModel`.
+ *
+ * This is useful for defining the following in an `index.html`:
+ *
+ * ```tsx
+ * const THEME_BUNDLES = getThemeBundles("<base path>");
+ *
+ * HTML/render/template:
+ *   <body>
+ *     <ch-theme model={THEME_BUNDLES}></ch-theme>
+ *     ...
+ *   </body>
+ * ```
+ */
+export const getThemeBundles = (basePath) => [
+    // Components
+    getThemeModelItem(basePath, "components/button"),
+    getThemeModelItem(basePath, "components/checkbox"),
+    getThemeModelItem(basePath, "components/code"),
+    getThemeModelItem(basePath, "components/combo-box"),
+    getThemeModelItem(basePath, "components/dialog"),
+    getThemeModelItem(basePath, "components/edit"),
+    getThemeModelItem(basePath, "components/radio-group"),
+    getThemeModelItem(basePath, "components/tab"),
+    getThemeModelItem(basePath, "components/tabular-grid"),
+    getThemeModelItem(basePath, "components/tree-view"),
+    // Resets
+    getThemeModelItem(basePath, "resets/box-sizing"),
+    // Utils
+    getThemeModelItem(basePath, "utils/form"),
+    getThemeModelItem(basePath, "utils/form--full"),
+    getThemeModelItem(basePath, "utils/layout"),
+    getThemeModelItem(basePath, "utils/typography")
+];