@genexus/mercury 0.17.3 → 0.17.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/base/base-globant.css +1 -1
- package/dist/bundles/css/base/base.css +1 -1
- package/dist/bundles/css/components/accordion.css +1 -1
- package/dist/bundles/css/components/tree-view.css +1 -1
- package/dist/bundles/css/utils/elevation.css +1 -1
- package/dist/bundles/js/all.js +1 -1
- package/dist/bundles/js/base/base-globant.js +1 -1
- package/dist/bundles/js/base/base.js +1 -1
- package/dist/bundles/js/components/accordion.js +1 -1
- package/dist/bundles/js/components/tree-view.js +1 -1
- package/dist/bundles/js/utils/elevation.js +1 -1
- package/dist/mercury.scss +57 -149
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #bfd732;--mer-color__primary--300: #b4cc28;--mer-color__primary--400: #96aa22;--mer-color__primary--600: #697718;--mer-color__neutral-gray--100: #ededed;--mer-color__neutral-gray--200: #dfdfdf;--mer-color__neutral-gray--300: #cdcdcd;--mer-color__neutral-gray--400: #a9a9a9;--mer-color__neutral-gray--450: #8c8c8c;--mer-color__neutral-gray--500: #686868;--mer-color__neutral-gray--550: #575757;--mer-color__neutral-gray--600: #464646;--mer-color__neutral-gray--650: #3b3b3b;--mer-color__neutral-gray--700: #303030;--mer-color__neutral-gray--800: #212121;--mer-color__neutral-gray--900: #171717;--mer-color__neutral-gray--1000: #000000;--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-primary--5: #202118;--mer-color__tinted-primary--8: #242619;--mer-color__tinted-primary--10: #282a1a;--mer-color__tinted-primary--20: #383d1c;--mer-color__tinted-primary--30: #49501f;--mer-color__tinted-primary--50: #6a7624;--mer-color__message-green--100: #b1e1b6;--mer-color__message-green--200: #9ccba1;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #d54b54;--mer-color__message-red--300: #ff6161;--mer-color__message-red--400: #ff9999;--mer-color__message-red--500: #800000;--mer-color__message-red--600: #4d0000}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}: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-surface);--mer-body__color: var(--mer-text__on-surface);--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);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--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-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__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-border-color__primary);--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-color__neutral-gray--500);--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__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--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__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--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--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__dim: var(--mer-color__neutral-gray--550);--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-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--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: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--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--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__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__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--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);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--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-red--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 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--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--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--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-font__size--2xl: 40px;--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}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}`;
|
|
1
|
+
export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #bfd732;--mer-color__primary--300: #b4cc28;--mer-color__primary--400: #96aa22;--mer-color__primary--600: #697718;--mer-color__neutral-gray--100: #ededed;--mer-color__neutral-gray--200: #dfdfdf;--mer-color__neutral-gray--300: #cdcdcd;--mer-color__neutral-gray--400: #a9a9a9;--mer-color__neutral-gray--450: #8c8c8c;--mer-color__neutral-gray--500: #686868;--mer-color__neutral-gray--550: #575757;--mer-color__neutral-gray--600: #464646;--mer-color__neutral-gray--650: #3b3b3b;--mer-color__neutral-gray--700: #303030;--mer-color__neutral-gray--800: #212121;--mer-color__neutral-gray--900: #171717;--mer-color__neutral-gray--1000: #000000;--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-primary--5: #202118;--mer-color__tinted-primary--8: #242619;--mer-color__tinted-primary--10: #282a1a;--mer-color__tinted-primary--20: #383d1c;--mer-color__tinted-primary--30: #49501f;--mer-color__tinted-primary--50: #6a7624;--mer-color__message-green--100: #b1e1b6;--mer-color__message-green--200: #9ccba1;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #d54b54;--mer-color__message-red--300: #ff6161;--mer-color__message-red--400: #ff9999;--mer-color__message-red--500: #800000;--mer-color__message-red--600: #4d0000}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}: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-surface);--mer-body__color: var(--mer-text__on-surface);--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);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--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-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__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-border-color__primary);--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-color__neutral-gray--500);--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__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--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__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--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--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__dim: var(--mer-color__neutral-gray--550);--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-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--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: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--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--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__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__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--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);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--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--300);--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-red--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 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--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--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--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-font__size--2xl: 40px;--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}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #5ba7ff;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--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__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-primary--5: #1d2838;--mer-color__tinted-primary--8: #1f2c3f;--mer-color__tinted-primary--10: #1f2e43;--mer-color__tinted-primary--20: #293d5c;--mer-color__tinted-primary--30: #2e4e72;--mer-color__tinted-primary--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: #d54b54;--mer-color__message-red--300: #ff6161;--mer-color__message-red--400: #ff9999;--mer-color__message-red--500: #800000;--mer-color__message-red--600: #4d0000}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}: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-surface);--mer-body__color: var(--mer-text__on-surface);--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);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--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-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__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-border-color__primary);--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-color__neutral-gray--500);--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__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--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__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--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--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__dim: var(--mer-color__neutral-gray--550);--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-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--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: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--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--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__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__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--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);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--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-red--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 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--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--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--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-font__size--2xl: 40px;--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}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}`;
|
|
1
|
+
export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #5ba7ff;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--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__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-primary--5: #1d2838;--mer-color__tinted-primary--8: #1f2c3f;--mer-color__tinted-primary--10: #1f2e43;--mer-color__tinted-primary--20: #293d5c;--mer-color__tinted-primary--30: #2e4e72;--mer-color__tinted-primary--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: #d54b54;--mer-color__message-red--300: #ff6161;--mer-color__message-red--400: #ff9999;--mer-color__message-red--500: #800000;--mer-color__message-red--600: #4d0000}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}: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-surface);--mer-body__color: var(--mer-text__on-surface);--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);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--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-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__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-border-color__primary);--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-color__neutral-gray--500);--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__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--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__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--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--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__dim: var(--mer-color__neutral-gray--550);--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-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--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: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--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--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__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__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--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);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--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--300);--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-red--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 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--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--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--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-font__size--2xl: 40px;--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}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.accordion-outlined::part(header),.accordion-filled::part(header){font-family:var(--font-family-header)}.accordion-outlined::part(header),.accordion-filled::part(header){font-size:var(--font-size-subtitle-xs);line-height:var(--line-height-tight)}.accordion-outlined::part(header),.accordion-filled::part(header){font-weight:var(--font-weight-semi-bold)}.accordion-outlined,.accordion-filled{--ch-accordion__header-image-size: var(--mer-icon__box--sm);--ch-accordion__chevron-size: var(--mer-icon__box--sm);--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);--ch-accordion-expand-collapse-timing-function: ease-in-out;--spacing-body-block-start: var(--mer-spacing--
|
|
1
|
+
export const bundle = `.accordion-outlined::part(header),.accordion-filled::part(header){font-family:var(--font-family-header)}.accordion-outlined::part(header),.accordion-filled::part(header){font-size:var(--font-size-subtitle-xs);line-height:var(--line-height-tight)}.accordion-outlined::part(header),.accordion-filled::part(header){font-weight:var(--font-weight-semi-bold)}.accordion-outlined,.accordion-filled{--ch-accordion__header-image-size: var(--mer-icon__box--sm);--ch-accordion__chevron-size: var(--mer-icon__box--sm);--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);--ch-accordion-expand-collapse-timing-function: ease-in-out;--spacing-body-block-start: var(--mer-spacing--sm);--spacing-body-block-end: var(--mer-spacing--sm);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--accordion-panel__border-radius: var(--mer-border__radius--sm);--accordion-panel__border-color: transparent;--accordion-panel__bg-color: transparent;--accordion-header__outline-color: transparent;background-color:rgba(0,0,0,0) !important}.accordion-outlined::part(header),.accordion-filled::part(header){padding:var(--mer-spacing--sm);gap:var(--mer-spacing--sm);color:var(--accordion-header__color);outline-width:var(--mer-border__width--sm);outline-style:solid;outline-color:var(--accordion-header__outline-color);border-radius:var(--accordion-panel__border-radius)}.accordion-outlined::part(header):hover,.accordion-filled::part(header):hover{--accordion-header__outline-color: var(--mer-border-color__primary--hover)}.accordion-outlined::part(header):active,.accordion-filled::part(header):active{--accordion-header__outline-color: var(--mer-border-color__primary--active)}.accordion-outlined::part(header):focus-visible,.accordion-filled::part(header):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.accordion-outlined::part(header disabled),.accordion-filled::part(header disabled){--accordion-header__color: var(--mer-accent__primary--disabled)}.accordion-outlined::part(panel),.accordion-filled::part(panel){background-color:var(--accordion-panel__bg-color);border:var(--mer-border__width--sm) solid var(--accordion-panel__border-color);border-style:solid;border-radius:var(--accordion-panel__border-radius);color:var(--elevation-color, --mer-text__on-elevation)}.accordion-filled::part(panel){--accordion-panel__bg-color: var( --elevation-background-color, var(--mer-surface__elevation--01) );--accordion-panel__border-color: var(--accordion-panel__bg-color)}.accordion-filled::part(panel disabled){--accordion-panel__bg-color: var(--mer-surface__elevation--02)}.accordion-outlined::part(panel){--accordion-panel__bg-color: var(--elevation-background-color, transparent);--accordion-panel__border-color: var( --elevation-border-color, var(--mer-border-color__on-surface) )}.accordion-outlined::part(panel disabled){border-color:var(--mer-border-color__primary--disabled)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.tree-view{line-height:var(--line-height-tight)}.tree-view{font-size:var(--font-size-body-s)}.tree-view{font-weight:var(--font-weight-regular)}.tree-view::part(drag-preview){line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-size:var(--font-size-tiny-xs);line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-weight:var(--font-weight-semi-bold)}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.tree-view::part(item__checkbox):hover{--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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view{--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-dashed-line__border-color: var(--mer-text__on-surface);--tree-view-item-dashed-line__opacity: 0.3;--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);line-height:var(--tree-view-item__line-height);min-inline-size:var(--tree-view__min-inline-size)
|
|
1
|
+
export const bundle = `.tree-view{line-height:var(--line-height-tight)}.tree-view{font-size:var(--font-size-body-s)}.tree-view{font-weight:var(--font-weight-regular)}.tree-view::part(drag-preview){line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-size:var(--font-size-tiny-xs);line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-weight:var(--font-weight-semi-bold)}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.tree-view::part(item__checkbox):hover{--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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view{--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-dashed-line__border-color: var(--mer-text__on-surface);--tree-view-item-dashed-line__opacity: 0.3;--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);line-height:var(--tree-view-item__line-height);min-inline-size:var(--tree-view__min-inline-size)}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--mer-surface__elevation--01);border-radius:10px;box-shadow:var(--mer-elevation__box-shadow--03)}.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--200)}.tree-view::part(item__header){min-inline-size:var(--tree-view__min-inline-size);background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border-radius:var(--item__border-radius);border:var(--item__border-width) var(--item__border-style) var(--item__border-color)}.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{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.tree-view::part(item__header selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.tree-view::part(item__header selected):hover{--item__bg-color: var(--item__bg-color--selected-hover);--item__border-color: var(--item__border-color--selected-hover);--item__color: var(--item__color--selected-hover)}.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{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb__bg-color) var(--scrollbar-track__bg-color)}.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-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)}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.elevation-1,:host(.elevation-1),.elevation-2,:host(.elevation-2),.elevation-3,:host(.elevation-3){color:var(--mer-text__on-elevation)}.elevation-1,:host(.elevation-1){background-color:var(--mer-surface__elevation--01)}.elevation-2,:host(.elevation-2){background-color:var(--mer-surface__elevation--02)}.elevation-3,:host(.elevation-3){background-color:var(--mer-surface__elevation--03)}`;
|
|
1
|
+
export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.elevation-1,:host(.elevation-1),.elevation-2,:host(.elevation-2),.elevation-3,:host(.elevation-3){color:var(--mer-text__on-elevation);--elevation-color: var(--mer-text__on-elevation)}.elevation-1,:host(.elevation-1){--elevation-background-color: var(--mer-surface__elevation--01);background-color:var(--elevation-background-color);--elevation-border-color: var(--mer-border-color__on-elevation--01)}.elevation-2,:host(.elevation-2){--elevation-background-color: var(--mer-surface__elevation--02);background-color:var(--elevation-background-color);--elevation-border-color: var(--mer-border-color__on-elevation--02)}.elevation-3,:host(.elevation-3){--elevation-background-color: var(--mer-surface__elevation--03);background-color:var(--elevation-background-color);--elevation-border-color: var(--mer-border-color__on-elevation--03)}`;
|
package/dist/mercury.scss
CHANGED
|
@@ -819,15 +819,22 @@
|
|
|
819
819
|
#{$elevation-2-selector},
|
|
820
820
|
#{$elevation-3-selector} {
|
|
821
821
|
color: var(--mer-text__on-elevation);
|
|
822
|
+
--elevation-color: var(--mer-text__on-elevation);
|
|
822
823
|
}
|
|
823
824
|
#{$elevation-1-selector} {
|
|
824
|
-
background-color: var(--mer-surface__elevation--01);
|
|
825
|
+
--elevation-background-color: var(--mer-surface__elevation--01);
|
|
826
|
+
background-color: var(--elevation-background-color);
|
|
827
|
+
--elevation-border-color: var(--mer-border-color__on-elevation--01);
|
|
825
828
|
}
|
|
826
829
|
#{$elevation-2-selector} {
|
|
827
|
-
background-color: var(--mer-surface__elevation--02);
|
|
830
|
+
--elevation-background-color: var(--mer-surface__elevation--02);
|
|
831
|
+
background-color: var(--elevation-background-color);
|
|
832
|
+
--elevation-border-color: var(--mer-border-color__on-elevation--02);
|
|
828
833
|
}
|
|
829
834
|
#{$elevation-3-selector} {
|
|
830
|
-
background-color: var(--mer-surface__elevation--03);
|
|
835
|
+
--elevation-background-color: var(--mer-surface__elevation--03);
|
|
836
|
+
background-color: var(--elevation-background-color);
|
|
837
|
+
--elevation-border-color: var(--mer-border-color__on-elevation--03);
|
|
831
838
|
}
|
|
832
839
|
}
|
|
833
840
|
|
|
@@ -1759,7 +1766,7 @@
|
|
|
1759
1766
|
--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);
|
|
1760
1767
|
--mer-text__on-disabled: var(--mer-color__neutral-gray--450);
|
|
1761
1768
|
--mer-text__on-message: var(--mer-color__neutral-gray--700);
|
|
1762
|
-
--mer-text__on-elevation: var(--mer-color__neutral-gray--
|
|
1769
|
+
--mer-text__on-elevation: var(--mer-color__neutral-gray--300);
|
|
1763
1770
|
--mer-text__primary: var(--mer-accent__primary);
|
|
1764
1771
|
--mer-text__primary--hover: var(--mer-accent__primary--hover);
|
|
1765
1772
|
--mer-text__primary--active: var(--mer-accent__primary--active);
|
|
@@ -3738,155 +3745,96 @@
|
|
|
3738
3745
|
|
|
3739
3746
|
// Components
|
|
3740
3747
|
@mixin accordion-tokens() {
|
|
3741
|
-
// chameleon tokens (do not modify names)
|
|
3748
|
+
// chameleon tokens (do not modify --ch names)
|
|
3742
3749
|
--ch-accordion__header-image-size: var(--mer-icon__box--sm);
|
|
3743
3750
|
--ch-accordion__chevron-size: var(--mer-icon__box--sm);
|
|
3744
3751
|
--ch-accordion-expand-collapse-duration: var(--mer-timing--fast);
|
|
3745
3752
|
--ch-accordion-expand-collapse-timing-function: ease-in-out;
|
|
3746
3753
|
|
|
3747
3754
|
// spacing
|
|
3748
|
-
--spacing-body-block-start: var(--mer-spacing--
|
|
3749
|
-
--spacing-body-block-end: var(--mer-spacing--
|
|
3755
|
+
--spacing-body-block-start: var(--mer-spacing--sm);
|
|
3756
|
+
--spacing-body-block-end: var(--mer-spacing--sm);
|
|
3750
3757
|
--spacing-body-inline-start: var(--mer-spacing--sm);
|
|
3751
3758
|
--spacing-body-inline-end: var(--mer-spacing--sm);
|
|
3752
3759
|
|
|
3753
|
-
// accordion
|
|
3754
|
-
--accordion__gap: var(--mer-spacing--2xs);
|
|
3755
|
-
|
|
3756
3760
|
// panel
|
|
3757
3761
|
--accordion-panel__border-radius: var(--mer-border__radius--sm);
|
|
3758
|
-
--accordion-
|
|
3759
|
-
--accordion-panel__bg-color
|
|
3760
|
-
// panel (outlined)
|
|
3761
|
-
--accordion-panel-outlined__border-color: var(--mer-border-color__on-surface);
|
|
3762
|
-
--accordion-panel-outlined__border-color--disabled: var(
|
|
3763
|
-
--mer-border-color__primary--disabled
|
|
3764
|
-
);
|
|
3765
|
-
--accordion-panel-outlined__border-color--disabled: var(
|
|
3766
|
-
--mer-border-color__primary--disabled
|
|
3767
|
-
);
|
|
3768
|
-
--accordion-panel-outlined__border: var(--mer-border__width--sm) solid
|
|
3769
|
-
var(--accordion-panel-outlined__border-color);
|
|
3770
|
-
--accordion-panel-outlined__border-radius: var(--mer-border__radius--sm);
|
|
3762
|
+
--accordion-panel__border-color: transparent;
|
|
3763
|
+
--accordion-panel__bg-color: transparent;
|
|
3771
3764
|
|
|
3772
3765
|
// header
|
|
3773
|
-
--accordion-
|
|
3774
|
-
--accordion-header__gap: var(--mer-spacing--sm);
|
|
3775
|
-
--accordion-header__color: var(--mer-text__highlighted);
|
|
3776
|
-
--accordion-header__color--disabled: var(--mer-accent__primary--disabled);
|
|
3777
|
-
--accordion-header__border-width: var(--mer-border__width--sm);
|
|
3778
|
-
--accordion-header__border-color: transparent;
|
|
3779
|
-
--accordion-header__border-radius: var(--accordion-panel__border-radius);
|
|
3780
|
-
--accordion-header__border-block-end-color: var(
|
|
3781
|
-
--mer-border-color__on-surface
|
|
3782
|
-
); // for expanded
|
|
3783
|
-
|
|
3784
|
-
// section
|
|
3785
|
-
--accordion-section__border-color: var(--mer-border-color__on-elevation--01);
|
|
3786
|
-
--accordion-section__margin-block: var(--mer-spacing--sm);
|
|
3787
|
-
--accordion-section__margin-inline: var(--mer-spacing--sm);
|
|
3788
|
-
--accordion-section__bg-color: var(--mer-surface__elevation--01);
|
|
3789
|
-
--accordion-section__border: var(--mer-border__width--sm) solid
|
|
3790
|
-
var(--accordion-section__border-color);
|
|
3791
|
-
--accordion-section__border-radius: var(--mer-border__radius--sm);
|
|
3792
|
-
// section (outlined)
|
|
3793
|
-
--accordion-section-outlined__border-color: var(
|
|
3794
|
-
--mer-border-color__on-surface
|
|
3795
|
-
);
|
|
3796
|
-
--accordion-section-outlined__border-color--disabled: var(
|
|
3797
|
-
--mer-border-color__primary--disabled
|
|
3798
|
-
);
|
|
3766
|
+
--accordion-header__outline-color: transparent;
|
|
3799
3767
|
}
|
|
3800
3768
|
|
|
3801
3769
|
|
|
3802
3770
|
%accordion {
|
|
3803
3771
|
@include accordion-tokens();
|
|
3804
3772
|
|
|
3805
|
-
|
|
3806
|
-
|
|
3807
|
-
--spacing-body-inline-start: var(--mer-spacing--sm);
|
|
3808
|
-
--spacing-body-inline-end: var(--mer-spacing--sm);
|
|
3809
|
-
|
|
3810
|
-
gap: var(--accordion__gap);
|
|
3811
|
-
|
|
3812
|
-
&-outlined {
|
|
3813
|
-
--accordion-section__border-color: var(
|
|
3814
|
-
--accordion-section-outlined__border-color
|
|
3815
|
-
);
|
|
3816
|
-
--accordion-section__bg-color: transparent;
|
|
3817
|
-
}
|
|
3773
|
+
background-color: transparent !important;
|
|
3774
|
+
// force elevation-* class not applying on the host
|
|
3818
3775
|
}
|
|
3819
3776
|
|
|
3820
3777
|
%accordion-header {
|
|
3821
3778
|
@extend %subtitle-semi-bold-xs;
|
|
3822
|
-
padding: var(--
|
|
3823
|
-
gap: var(--
|
|
3779
|
+
padding: var(--mer-spacing--sm);
|
|
3780
|
+
gap: var(--mer-spacing--sm);
|
|
3824
3781
|
color: var(--accordion-header__color);
|
|
3825
|
-
border: var(--
|
|
3826
|
-
|
|
3782
|
+
// border: var(--mer-border__width--sm) solid
|
|
3783
|
+
// var(--accordion-header__border-color);
|
|
3784
|
+
outline-width: var(--mer-border__width--sm);
|
|
3785
|
+
outline-style: solid;
|
|
3786
|
+
outline-color: var(--accordion-header__outline-color);
|
|
3787
|
+
border-radius: var(--accordion-panel__border-radius);
|
|
3827
3788
|
|
|
3828
3789
|
&--hover {
|
|
3829
|
-
--accordion-
|
|
3790
|
+
--accordion-header__outline-color: var(--mer-border-color__primary--hover);
|
|
3830
3791
|
}
|
|
3831
3792
|
&--active {
|
|
3832
|
-
--accordion-
|
|
3793
|
+
--accordion-header__outline-color: var(--mer-border-color__primary--active);
|
|
3833
3794
|
}
|
|
3834
|
-
|
|
3835
|
-
&--hover,
|
|
3836
|
-
&--active {
|
|
3837
|
-
--accordion-header__border-block-end-color: var(
|
|
3838
|
-
--accordion-header__border-color
|
|
3839
|
-
);
|
|
3840
|
-
}
|
|
3841
|
-
|
|
3842
3795
|
&--focus-visible {
|
|
3843
3796
|
@include focus-outline();
|
|
3844
3797
|
}
|
|
3845
|
-
|
|
3846
3798
|
&--disabled {
|
|
3847
|
-
|
|
3848
|
-
}
|
|
3849
|
-
|
|
3850
|
-
&-outlined {
|
|
3851
|
-
&--disabled {
|
|
3852
|
-
color: var(--mer-accent__primary--disabled);
|
|
3853
|
-
}
|
|
3854
|
-
}
|
|
3855
|
-
|
|
3856
|
-
// expanded
|
|
3857
|
-
&--expanded {
|
|
3858
|
-
border-block-end-color: var(--accordion-header__border-block-end-color);
|
|
3859
|
-
|
|
3860
|
-
&-disabled {
|
|
3861
|
-
}
|
|
3799
|
+
--accordion-header__color: var(--mer-accent__primary--disabled);
|
|
3862
3800
|
}
|
|
3863
3801
|
}
|
|
3864
3802
|
|
|
3865
3803
|
%accordion-panel {
|
|
3866
|
-
border-radius: var(--mer-border__radius--sm);
|
|
3867
3804
|
background-color: var(--accordion-panel__bg-color);
|
|
3805
|
+
border: var(--mer-border__width--sm) solid
|
|
3806
|
+
var(--accordion-panel__border-color);
|
|
3807
|
+
border-style: solid;
|
|
3808
|
+
border-radius: var(--accordion-panel__border-radius);
|
|
3809
|
+
color: var(--elevation-color, --mer-text__on-elevation);
|
|
3810
|
+
|
|
3811
|
+
&-filled {
|
|
3812
|
+
--accordion-panel__bg-color: var(
|
|
3813
|
+
--elevation-background-color,
|
|
3814
|
+
var(--mer-surface__elevation--01)
|
|
3815
|
+
);
|
|
3816
|
+
--accordion-panel__border-color: var(--accordion-panel__bg-color);
|
|
3868
3817
|
|
|
3869
|
-
|
|
3870
|
-
|
|
3818
|
+
&--disabled {
|
|
3819
|
+
--accordion-panel__bg-color: var(--mer-surface__elevation--02);
|
|
3820
|
+
}
|
|
3871
3821
|
}
|
|
3872
3822
|
|
|
3873
3823
|
&-outlined {
|
|
3874
|
-
|
|
3875
|
-
|
|
3824
|
+
--accordion-panel__bg-color: var(--elevation-background-color, transparent);
|
|
3825
|
+
--accordion-panel__border-color: var(
|
|
3826
|
+
--elevation-border-color,
|
|
3827
|
+
var(--mer-border-color__on-surface)
|
|
3828
|
+
);
|
|
3876
3829
|
|
|
3877
3830
|
&--disabled {
|
|
3878
|
-
border-color: var(--
|
|
3831
|
+
border-color: var(--mer-border-color__primary--disabled);
|
|
3879
3832
|
}
|
|
3880
3833
|
}
|
|
3881
3834
|
}
|
|
3882
3835
|
|
|
3883
3836
|
%accordion-section {
|
|
3884
3837
|
// "1px" is used to improve the display of the outline when :focus-visible
|
|
3885
|
-
|
|
3886
|
-
&-outlined {
|
|
3887
|
-
&--disabled {
|
|
3888
|
-
}
|
|
3889
|
-
}
|
|
3890
3838
|
}
|
|
3891
3839
|
|
|
3892
3840
|
@mixin accordion-filled(
|
|
@@ -3894,11 +3842,7 @@
|
|
|
3894
3842
|
$panel-selector: ".accordion-filled::part(panel)",
|
|
3895
3843
|
$panel-disabled-selector: ".accordion-filled::part(panel disabled)",
|
|
3896
3844
|
$header-selector: ".accordion-filled::part(header)",
|
|
3897
|
-
$header-disabled-selector: ".accordion-filled::part(header disabled)"
|
|
3898
|
-
$header-expanded-selector: ".accordion-filled::part(header expanded)",
|
|
3899
|
-
$header-expanded-disabled-selector:
|
|
3900
|
-
".accordion-filled::part(header expanded disabled)",
|
|
3901
|
-
$section-selector: ".accordion-filled::part(section)"
|
|
3845
|
+
$header-disabled-selector: ".accordion-filled::part(header disabled)"
|
|
3902
3846
|
) {
|
|
3903
3847
|
#{$accordion-selector} {
|
|
3904
3848
|
@extend %accordion;
|
|
@@ -3906,9 +3850,10 @@
|
|
|
3906
3850
|
|
|
3907
3851
|
#{$panel-selector} {
|
|
3908
3852
|
@extend %accordion-panel;
|
|
3853
|
+
@extend %accordion-panel-filled;
|
|
3909
3854
|
}
|
|
3910
3855
|
#{$panel-disabled-selector} {
|
|
3911
|
-
@extend %accordion-panel--disabled;
|
|
3856
|
+
@extend %accordion-panel-filled--disabled;
|
|
3912
3857
|
}
|
|
3913
3858
|
|
|
3914
3859
|
#{$header-selector} {
|
|
@@ -3920,24 +3865,11 @@
|
|
|
3920
3865
|
&:active {
|
|
3921
3866
|
@extend %accordion-header--active;
|
|
3922
3867
|
}
|
|
3923
|
-
|
|
3924
3868
|
&:focus-visible {
|
|
3925
3869
|
@extend %accordion-header--focus-visible;
|
|
3926
3870
|
}
|
|
3927
3871
|
}
|
|
3928
3872
|
|
|
3929
|
-
#{$header-expanded-selector} {
|
|
3930
|
-
@extend %accordion-header--expanded;
|
|
3931
|
-
}
|
|
3932
|
-
|
|
3933
|
-
#{$header-expanded-disabled-selector} {
|
|
3934
|
-
@extend %accordion-header--expanded-disabled;
|
|
3935
|
-
}
|
|
3936
|
-
|
|
3937
|
-
#{$section-selector} {
|
|
3938
|
-
@extend %accordion-section;
|
|
3939
|
-
}
|
|
3940
|
-
|
|
3941
3873
|
#{$header-disabled-selector} {
|
|
3942
3874
|
@extend %accordion-header--disabled;
|
|
3943
3875
|
}
|
|
@@ -3948,19 +3880,14 @@
|
|
|
3948
3880
|
$panel-selector: ".accordion-outlined::part(panel)",
|
|
3949
3881
|
$panel-disabled-selector: ".accordion-outlined::part(panel disabled)",
|
|
3950
3882
|
$header-selector: ".accordion-outlined::part(header)",
|
|
3951
|
-
$header-disabled-selector: ".accordion-outlined::part(header disabled)"
|
|
3952
|
-
$header-expanded-selector: ".accordion-outlined::part(header expanded)",
|
|
3953
|
-
$header-expanded-disabled-selector:
|
|
3954
|
-
".accordion-outlined::part(header expanded disabled)",
|
|
3955
|
-
$section-selector: ".accordion-outlined::part(section)",
|
|
3956
|
-
$section-disabled-selector: ".accordion-outlined::part(section disabled)"
|
|
3883
|
+
$header-disabled-selector: ".accordion-outlined::part(header disabled)"
|
|
3957
3884
|
) {
|
|
3958
3885
|
#{$accordion-selector} {
|
|
3959
3886
|
@extend %accordion;
|
|
3960
|
-
@extend %accordion-outlined;
|
|
3961
3887
|
}
|
|
3962
3888
|
|
|
3963
3889
|
#{$panel-selector} {
|
|
3890
|
+
@extend %accordion-panel;
|
|
3964
3891
|
@extend %accordion-panel-outlined;
|
|
3965
3892
|
}
|
|
3966
3893
|
#{$panel-disabled-selector} {
|
|
@@ -3976,29 +3903,13 @@
|
|
|
3976
3903
|
&:active {
|
|
3977
3904
|
@extend %accordion-header--active;
|
|
3978
3905
|
}
|
|
3979
|
-
|
|
3980
3906
|
&:focus-visible {
|
|
3981
3907
|
@extend %accordion-header--focus-visible;
|
|
3982
3908
|
}
|
|
3983
3909
|
}
|
|
3984
3910
|
|
|
3985
|
-
#{$header-expanded-selector} {
|
|
3986
|
-
@extend %accordion-header--expanded;
|
|
3987
|
-
}
|
|
3988
|
-
|
|
3989
|
-
#{$header-expanded-disabled-selector} {
|
|
3990
|
-
@extend %accordion-header--expanded-disabled;
|
|
3991
|
-
}
|
|
3992
|
-
|
|
3993
|
-
#{$section-selector} {
|
|
3994
|
-
@extend %accordion-section;
|
|
3995
|
-
}
|
|
3996
|
-
#{$section-disabled-selector} {
|
|
3997
|
-
@extend %accordion-section-outlined--disabled;
|
|
3998
|
-
}
|
|
3999
|
-
|
|
4000
3911
|
#{$header-disabled-selector} {
|
|
4001
|
-
@extend %accordion-header
|
|
3912
|
+
@extend %accordion-header--disabled;
|
|
4002
3913
|
}
|
|
4003
3914
|
}
|
|
4004
3915
|
|
|
@@ -10935,7 +10846,6 @@ $tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
|
10935
10846
|
line-height: var(--tree-view-item__line-height);
|
|
10936
10847
|
min-inline-size: var(--tree-view__min-inline-size);
|
|
10937
10848
|
@extend %body-regular-s;
|
|
10938
|
-
@include items-container-gap-small();
|
|
10939
10849
|
}
|
|
10940
10850
|
|
|
10941
10851
|
// TODO: Improve this
|
|
@@ -10957,11 +10867,9 @@ $tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
|
10957
10867
|
}
|
|
10958
10868
|
|
|
10959
10869
|
%tree-view-item {
|
|
10960
|
-
@include items-container-gap-small();
|
|
10961
10870
|
}
|
|
10962
10871
|
|
|
10963
10872
|
%tree-view-item__group {
|
|
10964
|
-
@include items-container-gap-small();
|
|
10965
10873
|
}
|
|
10966
10874
|
|
|
10967
10875
|
%tree-view-item__header {
|
package/package.json
CHANGED