@genexus/mercury 0.4.4 → 0.4.6

package/dist/bundles/css/base/base.css

@@ -1 +1 @@
-:root{--ch-placeholder-color: var(--mer-text__neutral)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_ExtraBold.woff2");font-weight:800;font-style:normal}:root.light{color-scheme:light;--mer-color__primary-blue--200: #2070ce;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #11151c;--mer-color__neutral-gray--200: #181f2a;--mer-color__neutral-gray--300: #242d3c;--mer-color__neutral-gray--400: #2d3a48;--mer-color__neutral-gray--450: #394552;--mer-color__neutral-gray--500: #485665;--mer-color__neutral-gray--550: #56677a;--mer-color__neutral-gray--600: #9da9b6;--mer-color__neutral-gray--650: #c0ccd9;--mer-color__neutral-gray--700: #c0ccd9;--mer-color__neutral-gray--800: #d2ddeb;--mer-color__neutral-gray--900: #e1ecf9;--mer-color__neutral-gray--1000: #;--mer-color__neutral-gray--1100: #;--mer-color__neutral-gray--1200: #;--mer-color__neutral-gray--1300: #;--mer-color__neutral-gray--1400: #;--mer-color__tinted-yellow--5: #ffc96b0d;--mer-color__tinted-yellow--60: #ffc96b99;--mer-color__tinted-red--5: #fb7c840d;--mer-color__tinted-red--60: #fb7c8499;--mer-color__tinted-green--5: #3fa89b0d;--mer-color__tinted-green--60: #3fa89b99;--mer-color__tinted-blue--5: #2070ce0d;--mer-color__tinted-blue--8: #2070ce14;--mer-color__tinted-blue--10: #2070ce1a;--mer-color__tinted-blue--20: #2070ce33;--mer-color__tinted-blue--30: #2070ce4d;--mer-color__tinted-blue--50: #2070ce80;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #ffc96b;--mer-color__message-yellow--200: #ffc96b;--mer-color__message-red--100: #fb7c84;--mer-color__message-red--200: #fb7c84;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--100);--mer-color__elevation--01: var(--mer-color__neutral-gray--200);--mer-color__elevation--02: #e4e4e4;--mer-color__elevation--03: #dedede;--mer-color__elevation--04: #ffffff}:root.dark{color-scheme:dark;--mer-color__primary-blue--200: #5ba7ff;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #e1ecf9;--mer-color__neutral-gray--200: #d2ddeb;--mer-color__neutral-gray--300: #c0ccd9;--mer-color__neutral-gray--400: #9da9b6;--mer-color__neutral-gray--450: #828b96;--mer-color__neutral-gray--500: #56677a;--mer-color__neutral-gray--550: #485665;--mer-color__neutral-gray--600: #394552;--mer-color__neutral-gray--650: #2d3a48;--mer-color__neutral-gray--700: #242d3c;--mer-color__neutral-gray--800: #181f2a;--mer-color__neutral-gray--900: #11151c;--mer-color__neutral-gray--1000: #;--mer-color__neutral-gray--1100: #;--mer-color__neutral-gray--1200: #;--mer-color__neutral-gray--1300: #;--mer-color__neutral-gray--1400: #;--mer-color__tinted-yellow--5: #ffc96b0d;--mer-color__tinted-yellow--60: #ffc96b99;--mer-color__tinted-red--5: #fb7c840d;--mer-color__tinted-red--60: #fb7c8499;--mer-color__tinted-green--5: #3fa89b0d;--mer-color__tinted-green--60: #3fa89b99;--mer-color__tinted-blue--5: #5ba7ff0d;--mer-color__tinted-blue--8: #5ba7ff14;--mer-color__tinted-blue--10: #5ba7ff1a;--mer-color__tinted-blue--20: #5ba7ff33;--mer-color__tinted-blue--30: #5ba7ff4d;--mer-color__tinted-blue--50: #5ba7ff80;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #f9bd56;--mer-color__message-yellow--200: #f9bd56;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #e35861;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--900);--mer-color__elevation--01: var(--mer-color__neutral-gray--800);--mer-color__elevation--02: var(--mer-color__neutral-gray--700);--mer-color__elevation--03: var(--mer-color__neutral-gray--650);--mer-color__elevation--04: var(--mer-color__neutral-gray--600)}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-color__surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__font-size: var(--mer-font__size--3xs);--mer-body__font-family: var(--mer-font-family--body);--mer-body__font-weight: var(--mer-font__weight--regular);--mer-body__line-height: var(--mer-line-height--spaced);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--mer-heading__color: var(--mer-color__neutral-gray--100);--scrollbar__size: var(--mer-spacing--xs);--scrollbar-track__bg-color: var(--mer-color__elevation--03);--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__elevation--04);--scrollbar-thumb__bg-color--hover: #42474c;--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--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-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-color__elevation--04);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-color__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-color__primary-blue--200);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-border-color__neutral);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__font-family: var(--mer-font-family--body);--control__font-weight--regular: var(--mer-font__weight--regular);--control__font-weight--semi-bold: var(--mer-font__weight--semi-bold);--control__font-size--small: var(--mer-font__size--3xs);--control__font-size--regular: var(--mer-font__size--xs);--control__height: 26px;--control__padding-block: var(--mer-spacing--xs);--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var( --ch-placeholder-color, var(--mer-text__neutral) );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__font-size: var(--mer-font__size--3xs);--label__font-weight: var(--mer-font__weight--semi-bold);--label__line-height: var(--mer-line-height--regular);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--md);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: var(--mer-spacing--2xs);--mer-accent__primary: var(--mer-color__primary-blue--200);--mer-accent__primary--hover: var(--mer-color__primary-blue--400);--mer-accent__primary--active: var(--mer-color__primary-blue--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: var(--mer-color__elevation--01);--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-blue--5);--item__border-color--hover: var(--mer-color__tinted-blue--20);--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-blue--10);--item__border-color--selected: var(--mer-color__tinted-blue--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);--item__border-color--selected-hover: var(--mer-color__tinted-blue--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__font-family: var(--mer-font-family--body);--item__font-weight: var(--mer-font__weight--regular);--mer-item-header__font-weight: var(--mer-font__weight--semi-bold);--item__font-size--small: var(--mer-font__size--3xs);--item__font-size--regular: var(--mer-font__size--xs);--items-container__bg-color: var(--mer-color__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--grid-cell__box-shadow--inline-block: 0 0 0 1px var(--mer-color__elevation--04);--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-green--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);--mer-elevation__border-01: transparent;--mer-elevation__border-02: transparent;--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-elevation__bg-color--01: var(--mer-color__elevation--01);--mer-elevation__bg-color--02: var(--mer-color__elevation--02);--mer-elevation__bg-color--03: var(--mer-color__elevation--03);--mer-elevation__bg-color--04: var(--mer-color__elevation--04);--mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-elevation__box-shadow--01: none;--mer-elevation__box-shadow--02: none;--mer-elevation__box-shadow--03: none;--mer-elevation__box-shadow--04: none;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--light: 300;--mer-font__weight--regular: 400;--mer-font__weight--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-color__surface);color:var(--mer-text__on-surface);line-height:var(--mer-body__line-height);font-family:var(--mer-body__font-family);font-size:var(--mer-body__font-size);font-weight:var(--mer-body__font-weight)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}
+:root{--ch-placeholder-color: var(--mer-text__neutral)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_ExtraBold.woff2");font-weight:800;font-style:normal}:root.light{color-scheme:light;--mer-color__primary-blue--200: #2070ce;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #11151c;--mer-color__neutral-gray--200: #181f2a;--mer-color__neutral-gray--300: #242d3c;--mer-color__neutral-gray--400: #2d3a48;--mer-color__neutral-gray--450: #394552;--mer-color__neutral-gray--500: #485665;--mer-color__neutral-gray--550: #56677a;--mer-color__neutral-gray--600: #9da9b6;--mer-color__neutral-gray--650: #c0ccd9;--mer-color__neutral-gray--700: #c0ccd9;--mer-color__neutral-gray--800: #d2ddeb;--mer-color__neutral-gray--900: #e1ecf9;--mer-color__neutral-gray--1000: #f8f8f8;--mer-color__neutral-gray--1100: #f1f1f1;--mer-color__neutral-gray--1200: #e4e4e4;--mer-color__neutral-gray--1300: #dedede;--mer-color__neutral-gray--1400: #ffffff;--mer-color__tinted-yellow--5: #ffc96b0d;--mer-color__tinted-yellow--60: #ffc96b99;--mer-color__tinted-red--5: #fb7c840d;--mer-color__tinted-red--60: #fb7c8499;--mer-color__tinted-green--5: #3fa89b0d;--mer-color__tinted-green--60: #3fa89b99;--mer-color__tinted-blue--5: #2070ce0d;--mer-color__tinted-blue--8: #2070ce14;--mer-color__tinted-blue--10: #2070ce1a;--mer-color__tinted-blue--20: #2070ce33;--mer-color__tinted-blue--30: #2070ce4d;--mer-color__tinted-blue--50: #2070ce80;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #ffc96b;--mer-color__message-yellow--200: #ffc96b;--mer-color__message-red--100: #fb7c84;--mer-color__message-red--200: #fb7c84;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--100);--mer-color__elevation--01: var(--mer-color__neutral-gray--200);--mer-color__elevation--02: #e4e4e4;--mer-color__elevation--03: #dedede;--mer-color__elevation--04: #ffffff}:root.dark{color-scheme:dark;--mer-color__primary-blue--200: #5ba7ff;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #e1ecf9;--mer-color__neutral-gray--200: #d2ddeb;--mer-color__neutral-gray--300: #c0ccd9;--mer-color__neutral-gray--400: #9da9b6;--mer-color__neutral-gray--450: #828b96;--mer-color__neutral-gray--500: #56677a;--mer-color__neutral-gray--550: #485665;--mer-color__neutral-gray--600: #394552;--mer-color__neutral-gray--650: #2d3a48;--mer-color__neutral-gray--700: #242d3c;--mer-color__neutral-gray--800: #181f2a;--mer-color__neutral-gray--900: #11151c;--mer-color__neutral-gray--1000: #1f2225;--mer-color__neutral-gray--1100: #24272a;--mer-color__neutral-gray--1200: #2d3032;--mer-color__neutral-gray--1300: #3b3e40;--mer-color__neutral-gray--1400: #2d3134;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-blue--5: #1d2838;--mer-color__tinted-blue--8: #1f2c3f;--mer-color__tinted-blue--10: #1f2e43;--mer-color__tinted-blue--20: #293d5c;--mer-color__tinted-blue--30: #2e4e72;--mer-color__tinted-blue--50: #3c689c;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #f9bd56;--mer-color__message-yellow--200: #f9bd56;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #e35861;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--900);--mer-color__elevation--01: var(--mer-color__neutral-gray--800);--mer-color__elevation--02: var(--mer-color__neutral-gray--700);--mer-color__elevation--03: var(--mer-color__neutral-gray--650);--mer-color__elevation--04: var(--mer-color__neutral-gray--600)}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-color__surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__font-size: var(--mer-font__size--3xs);--mer-body__font-family: var(--mer-font-family--body);--mer-body__font-weight: var(--mer-font__weight--regular);--mer-body__line-height: var(--mer-line-height--spaced);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--mer-heading__color: var(--mer-color__neutral-gray--100);--scrollbar__size: var(--mer-spacing--xs);--scrollbar-track__bg-color: var(--mer-color__elevation--03);--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__elevation--04);--scrollbar-thumb__bg-color--hover: #42474c;--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--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-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-color__elevation--04);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-color__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-color__primary-blue--200);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-border-color__neutral);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__font-family: var(--mer-font-family--body);--control__font-weight--regular: var(--mer-font__weight--regular);--control__font-weight--semi-bold: var(--mer-font__weight--semi-bold);--control__font-size--small: var(--mer-font__size--3xs);--control__font-size--regular: var(--mer-font__size--xs);--control__height: 26px;--control__padding-block: var(--mer-spacing--xs);--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var( --ch-placeholder-color, var(--mer-text__neutral) );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__font-size: var(--mer-font__size--3xs);--label__font-weight: var(--mer-font__weight--semi-bold);--label__line-height: var(--mer-line-height--regular);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--md);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: var(--mer-spacing--2xs);--mer-accent__primary: var(--mer-color__primary-blue--200);--mer-accent__primary--hover: var(--mer-color__primary-blue--400);--mer-accent__primary--active: var(--mer-color__primary-blue--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: var(--mer-color__elevation--01);--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-blue--5);--item__border-color--hover: var(--mer-color__tinted-blue--20);--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-blue--10);--item__border-color--selected: var(--mer-color__tinted-blue--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);--item__border-color--selected-hover: var(--mer-color__tinted-blue--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__font-family: var(--mer-font-family--body);--item__font-weight: var(--mer-font__weight--regular);--mer-item-header__font-weight: var(--mer-font__weight--semi-bold);--item__font-size--small: var(--mer-font__size--3xs);--item__font-size--regular: var(--mer-font__size--xs);--items-container__bg-color: var(--mer-color__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--grid-cell__border-color: var(--mer-color__elevation--04);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-green--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);--mer-elevation__border-01: transparent;--mer-elevation__border-02: transparent;--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-elevation__bg-color--01: var(--mer-color__elevation--01);--mer-elevation__bg-color--02: var(--mer-color__elevation--02);--mer-elevation__bg-color--03: var(--mer-color__elevation--03);--mer-elevation__bg-color--04: var(--mer-color__elevation--04);--mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-elevation__box-shadow--01: none;--mer-elevation__box-shadow--02: none;--mer-elevation__box-shadow--03: none;--mer-elevation__box-shadow--04: none;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--light: 300;--mer-font__weight--regular: 400;--mer-font__weight--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-color__surface);color:var(--mer-text__on-surface);line-height:var(--mer-body__line-height);font-family:var(--mer-body__font-family);font-size:var(--mer-body__font-size);font-weight:var(--mer-body__font-weight)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}

package/dist/bundles/css/components/dialog.css

@@ -1 +1 @@
-.dialog::part(footer){padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.dialog::part(footer){padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.dialog::part(close-button){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)}.dialog::part(caption){--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)}.dialog::part(caption){font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.dialog::part(caption){--heading__color: var(--mer-heading__gray--light)}.dialog::part(footer){padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.dialog::part(dialog){--ch-dialog-max-inline-size: 800px;background-color:var(--mer-color__elevation--01);box-shadow:var(--mer-box-shadow--01)}.dialog.ch-dialog--modal{background-color:rgba(32,36,40,.9);backdrop-filter:blur(1.5px);z-index:108}.dialog::part(header){align-items:flex-start;gap:var(--mer-spacing--sm);padding-block:var(--mer-spacing--md);padding-inline:var(--mer-spacing--sm);border-block-end:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.dialog::part(caption){word-break:break-word}.dialog::part(content){padding-block:var(--mer-spacing--lg);padding-inline:var(--mer-spacing--md);overflow:auto}.dialog::part(edge){border-color:rgba(0,0,0,0);transition:var(--mer-timing--fast) border-color}.dialog::part(edge):hover{border-color:var(--mer-color__tinted-blue--20)}.dialog::part(edge-block-start){border-block-start-width:var(--mer-border__width--lg);border-block-start-style:solid}.dialog::part(edge-inline-end){border-inline-end-width:var(--mer-border__width--lg);border-inline-end-style:solid}.dialog::part(edge-block-end){border-block-end-width:var(--mer-border__width--lg);border-block-end-style:solid}.dialog::part(edge-inline-start){border-inline-start-width:var(--mer-border__width--lg);border-inline-start-style:solid}.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)}
+.dialog::part(footer){padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.dialog::part(footer){padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.dialog::part(close-button){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)}.dialog::part(caption){--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)}.dialog::part(caption){font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.dialog::part(caption){--heading__color: var(--mer-heading__gray--light)}.dialog::part(footer){padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.dialog::part(dialog){--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);--ch-dialog-max-inline-size: 800px;background-color:var(--mer-color__elevation--01);box-shadow:var(--mer-box-shadow--01)}.dialog.ch-dialog--modal{background-color:rgba(32,36,40,.9);backdrop-filter:blur(1.5px);z-index:108}.dialog::part(header){align-items:flex-start;gap:var(--mer-spacing--sm);padding-block:var(--mer-spacing--md);padding-inline:var(--mer-spacing--sm);border-block-end:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.dialog::part(caption){word-break:break-word}.dialog::part(content){overflow:auto}.dialog::part(edge){border-color:rgba(0,0,0,0);transition:var(--mer-timing--fast) border-color}.dialog::part(edge):hover{border-color:var(--mer-color__tinted-blue--20)}.dialog::part(edge-block-start){border-block-start-width:var(--mer-border__width--lg);border-block-start-style:solid}.dialog::part(edge-inline-end){border-inline-end-width:var(--mer-border__width--lg);border-inline-end-style:solid}.dialog::part(edge-block-end){border-block-end-width:var(--mer-border__width--lg);border-block-end-style:solid}.dialog::part(edge-inline-start){border-inline-start-width:var(--mer-border__width--lg);border-inline-start-style:solid}.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)}

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

@@ -1 +1 @@
-.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.tabular-grid-cell::part(actions-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset .tabular-grid-rowset-legend::part(caret){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)}.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}.tabular-grid{--indent: 16px;background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);--item__border-color--enabled: var(--mer-color__elevation--04);--grid-base__font-size: var(--mer-body__font-size);--grid-base__bg-color: var(--mer-color__elevation--01);--grid-base__icon-gap: var(--mer-spacing--xs);--grid-main__bg-color: var(--item__border-color--enabled);--grid-rowset-legend__font-family: var(--mer-font-family--title);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-column-bar__font-family: var(--mer-font-family--title);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color );font-size:var(--item__font-size--small)}.tabular-grid-column::part(bar){padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);font-weight:var(--control__font-weight--semi-bold);position:relative;width:100%;gap:var(--grid-column-bar__gap);line-height:var(--item__line-height)}.tabular-grid-column::part(bar-resize-split){position:absolute;height:100%;top:0;right:0;inline-size:var(--grid-bar-resize-split__inline-size)}.tabular-grid-row{background-color:var(--item__bg-color);color:var(--item__color)}.tabular-grid-row[highlighted]{--item__bg-color: var(--item__bg-color--hover);--item__color: var(--item__color--hover)}.tabular-grid-row[selected]{--item__bg-color: var(--item__bg-color--selected);--item__color: var(--item__color--selected)}.tabular-grid-rowset-legend{cursor:pointer}.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow--inline-block);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);border:0}[focused].tabular-grid-cell{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-cell::part(selector-label),.tabular-grid-column::part(selector-label){margin-inline-end:var(--label__gap--inline);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.tabular-grid-cell::part(selector),.tabular-grid-column::part(selector){position:relative;margin:0;width:0;height:0}.tabular-grid-cell::part(selector)::before,.tabular-grid-column::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.tabular-grid-cell::part(selector)::after,.tabular-grid-column::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.tabular-grid-cell::part(selector checked)::after,.tabular-grid-column::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.tabular-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.tabular-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid::part(main){gap:1px}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-column::part(selector):focus:before{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.tabular-grid-rowset .tabular-grid-rowset-legend::part(caret){--icon-path: var(--icon__gemini-tools_minus_on-surface--enabled)}.tabular-grid-rowset[collapsed] .tabular-grid-rowset-legend::part(caret){--icon-path: var(--icon__gemini-tools_add_on-surface--enabled)}.tabular-grid-rowset[collapsed]:not(:last-child) .tabular-grid-rowset-legend{margin-block-end:1px}.tabular-grid-rowset-legend{background-color:var(--mer-color__elevation--02);padding-block-start:var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs);display:flex;align-items:center;gap:var(--grid-base__icon-gap)}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell[selected]{background-color:var(--item__bg-color--selected)}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-base__icon-gap)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}
+.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){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)}.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){margin-inline-end:var(--grid-common__gap);flex-shrink:0}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_add_neutral--enabled);cursor:pointer}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_add_neutral--hover)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_add_neutral--active)}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_minus_neutral--enabled);cursor:pointer}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_minus_neutral--hover)}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_minus_neutral--active)}.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-surface--enabled)}.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-surface--enabled)}.tabular-grid{--focus__outline-offset: -2px;--grid-label__gap: var(--mer-spacing--xs);--grid-common__gap: var(--mer-spacing--xs);--indent: 16px;background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);--item__border-color--enabled: var(--mer-color__elevation--04);--grid-rowset-legend__font-family: var(--mer-font-family--title);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-column-bar__font-family: var(--mer-font-family--title);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color );font-size:var(--item__font-size--small)}.tabular-grid-column-set{border-block-end:var(--grid-cell__border)}.tabular-grid-column::part(bar){--grid-label__gap: 0;background-color:var(--item__bg-color);color:var(--item__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);font-weight:var(--control__font-weight--semi-bold);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar-resize-split){background-color:var(--mer-color__elevation--04);inline-size:var(--grid-bar-resize-split__inline-size)}.tabular-grid-column::part(bar-resize-split):hover{background-color:var(--mer-accent__primary--hover)}.tabular-grid-row[highlighted]>.tabular-grid-cell{--item__bg-color: var(--item__bg-color--hover);--item__color: var(--item__color--hover)}.tabular-grid-row[selected]>.tabular-grid-cell{--item__bg-color: var(--item__bg-color--selected);--item__color: var(--item__color--selected)}.tabular-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend{border-block-end:var(--grid-cell__border)}.tabular-grid-rowset-legend{--grid-rowset-legend__bg-color: var(--mer-color__elevation--02);background-color:var(--grid-rowset-legend__bg-color);padding-block-start:var(--mer-spacing--2xs);padding-block-end:var(--mer-spacing--2xs);display:flex;align-items:center;cursor:pointer;padding-inline-start:var(--grid-common__gap);box-shadow:calc(var(--indent)*(var(--level) - 1)*-1) 0px 0px 0px var(--grid-rowset-legend__bg-color)}.tabular-grid-rowset-legend:hover{--grid-rowset-legend__bg-color: var(--mer-color__elevation--03)}.tabular-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-color__elevation--02)}.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);background-color:var(--item__bg-color);color:var(--item__color);border:0}.tabular-grid-cell[focused]{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-cell::part(selector-label),.tabular-grid-column::part(selector-label){margin-inline-end:var(--grid-label__gap);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.tabular-grid-cell::part(selector),.tabular-grid-column::part(selector){position:relative;margin:0;width:0;height:0}.tabular-grid-cell::part(selector)::before,.tabular-grid-column::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.tabular-grid-cell::part(selector)::after,.tabular-grid-column::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.tabular-grid-cell::part(selector checked)::after,.tabular-grid-column::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.tabular-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.tabular-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}

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

@@ -1 +1 @@
-:root{--ch-placeholder-color: var(--mer-text__neutral)}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);gap:var(--label__gap--inline)}.tree-view:hover::part(item__checkbox){--control__border-color: var(--control__border-color--hover)}.tree-view::part(item__checkbox-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)}.tree-view::part(item__checkbox-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--mer-spacing--3xs)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}.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(--item__color--hover);--tree-view-item__bg-color--hover: var(--item__bg-color--hover);--tree-view-item__color--selected: var(--item__color--selected);--tree-view-item__bg-color--selected: var(--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(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--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(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--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)}.tree-view::-webkit-scrollbar{width:var(--scrollbar__size);height:var(--scrollbar__size)}.tree-view::-webkit-scrollbar-track{background-color:var(--scrollbar-track__bg-color);border-radius:var(--scrollbar-track__border-radius)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb__bg-color);border-radius:var(--scrollbar-thumb__border-radius)}.tree-view::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb__bg-color--hover)}.tree-view::-webkit-scrollbar-corner{background:var(--scrollbar-corner__bg)}.tree-view::part(item__checkbox-input disabled){--control__border-color: var(--control__border-color--disabled)}.tree-view::part(item__checkbox-option disabled){--control__border-color: var(--control__border-color--disabled)}
+:root{--ch-placeholder-color: var(--mer-text__neutral)}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);gap:var(--label__gap--inline)}.tree-view:hover::part(item__checkbox){--control__border-color: var(--control__border-color--hover)}.tree-view::part(item__checkbox-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)}.tree-view::part(item__checkbox-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--mer-spacing--3xs)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}.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-item-custom__padding-inline-end: var(--mer-spacing--2xs);--tree-view-item__color--hover: var(--item__color--hover);--tree-view-item__bg-color--hover: var(--item__bg-color--hover);--tree-view-item__color--selected: var(--item__color--selected);--tree-view-item__bg-color--selected: var(--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);min-inline-size:var(--tree-view__min-inline-size)}.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(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--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(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--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)}.tree-view::-webkit-scrollbar{width:var(--scrollbar__size);height:var(--scrollbar__size)}.tree-view::-webkit-scrollbar-track{background-color:var(--scrollbar-track__bg-color);border-radius:var(--scrollbar-track__border-radius)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb__bg-color);border-radius:var(--scrollbar-thumb__border-radius)}.tree-view::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb__bg-color--hover)}.tree-view::-webkit-scrollbar-corner{background:var(--scrollbar-corner__bg)}.tree-view::part(item__checkbox-input disabled){--control__border-color: var(--control__border-color--disabled)}.tree-view::part(item__checkbox-option disabled){--control__border-color: var(--control__border-color--disabled)}

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

@@ -1 +1 @@
-:root{--ch-placeholder-color: var(--mer-text__neutral)}.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;block-size:var(--control__height);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);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.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__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);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__background-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__background-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__background-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__background-color--disabled);--control__border-color: var(--button-primary__background-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__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);--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-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.field{display:grid}.field-group{display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.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)}.form-input{background-color:var(--control__bg-color);color:var(--control__color);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-weight:var(--control__font-weight--regular);block-size:var(--control__height);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled,.form-input--disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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%;background-color:var(--control__bg-color);color:var(--control__color);font-weight:var(--control__font-weight--regular);block-size:var(--control__height);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-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--mer-spacing--2xs))}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.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)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.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)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(window__content){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);border-radius:var(--items-container__border-radius);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);font-size:var(--item__font-size--regular);font-weight:var(--mer-item-header__font-weight);block-size:var(--item__height--regular);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);block-size:var(--item__height--regular);padding-inline:var(--item__padding-inline);font-weight:var(--mer-item-header__font-weight);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);block-size:var(--item__height--regular);font-size:var(--item__font-size--regular);font-weight:var(--item__font-weight);padding-inline:var(--item__padding-inline)}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}
+:root{--ch-placeholder-color: var(--mer-text__neutral)}.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;block-size:var(--control__height);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);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.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__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);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__background-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__background-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__background-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__background-color--disabled);--control__border-color: var(--button-primary__background-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__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);--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-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.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)}.form-input{background-color:var(--control__bg-color);color:var(--control__color);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-weight:var(--control__font-weight--regular);block-size:var(--control__height);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled,.form-input--disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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%;background-color:var(--control__bg-color);color:var(--control__color);font-weight:var(--control__font-weight--regular);block-size:var(--control__height);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-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--mer-spacing--2xs))}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.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)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.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)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(window__content){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);border-radius:var(--items-container__border-radius);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);font-size:var(--item__font-size--regular);font-weight:var(--mer-item-header__font-weight);block-size:var(--item__height--regular);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);block-size:var(--item__height--regular);padding-inline:var(--item__padding-inline);font-weight:var(--mer-item-header__font-weight);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);block-size:var(--item__height--regular);font-size:var(--item__font-size--regular);font-weight:var(--item__font-weight);padding-inline:var(--item__padding-inline)}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}

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

@@ -1 +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)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}.field{display:grid}.field-group{display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.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)}.form-input{background-color:var(--control__bg-color);color:var(--control__color);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-weight:var(--control__font-weight--regular);block-size:var(--control__height);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled,.form-input--disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}.layout{--layout__padding-block: var(--mer-spacing--md);--layout__padding-inline: var(--mer-spacing--lg);display:grid;padding-block:var(--layout__padding-block);padding-inline:var(--layout__padding-inline);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}.layout--no-padding{--layout__padding-block: 0;--layout__padding-inline: 0}.layout--no-block-padding{--layout__padding-block: 0}.layout--no-inline-padding{--layout__padding-inline: 0}.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)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.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)}
+.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)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.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)}.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.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)}.form-input{background-color:var(--control__bg-color);color:var(--control__color);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-weight:var(--control__font-weight--regular);block-size:var(--control__height);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled,.form-input--disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.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)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.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)}

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

@@ -1 +1 @@
-:root{--ch-placeholder-color: var(--mer-text__neutral)}.field{display:grid}.field-group{display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.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)}.form-input{background-color:var(--control__bg-color);color:var(--control__color);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-weight:var(--control__font-weight--regular);block-size:var(--control__height);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled,.form-input--disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.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)}
+:root{--ch-placeholder-color: var(--mer-text__neutral)}.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.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)}.form-input{background-color:var(--control__bg-color);color:var(--control__color);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-weight:var(--control__font-weight--regular);block-size:var(--control__height);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled,.form-input--disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled)}:root{--ch-placeholder-color: var(--mer-text__neutral)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.form-input::placeholder{color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.form-input--error{--control__border-color: var(--control__border-color--error)}.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)}