@genexus/mercury 0.17.0 → 0.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +50 -4
- package/dist/assets-manager.js +1 -1
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/base/base-globant.css +1 -1
- package/dist/bundles/css/components/flexible-layout.css +1 -1
- package/dist/bundles/css/components/tab.css +1 -1
- package/dist/bundles/css/components/tabular-grid.css +1 -1
- package/dist/bundles/css/components/tree-view.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/components/flexible-layout.js +1 -1
- package/dist/bundles/js/components/tab.js +1 -1
- package/dist/bundles/js/components/tabular-grid.js +1 -1
- package/dist/bundles/js/components/tree-view.js +1 -1
- package/dist/mercury.scss +104 -40
- package/package.json +2 -2
|
@@ -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: #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{--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--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 +1 @@
|
|
|
1
|
-
export const bundle = `.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block-
|
|
1
|
+
export const bundle = `.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){line-height:var(--line-height-tight)}.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){font-size:var(--font-size-body-s)}.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){font-weight:var(--font-weight-regular)}.flexible-layout{--flexible-layout--tab-list-block__background-color: var( --mer-surface__elevation--01 );--flexible-layout--tab-list-inline__background-color: var( --mer-surface__elevation--02 );--flexible-layout--tab-list-inline__inline-size: 48px;--flexible-layout--tab-button-block-start__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-block-end__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-inline-start__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-inline-end__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-block-start__background-color--selected: var( --mer-surface );--flexible-layout--tab-button-block-end__background-color--selected: var( --mer-surface )}.flexible-layout::part(leaf){--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md)}.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);border-block:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block not-closable){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline)}.flexible-layout::part(tab block closable){padding-block:calc(var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--tab-caption__padding-inline) calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px)}.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:calc(var(--tab-caption__padding-inline) - 1px);border-inline:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block-end selected)::before,.flexible-layout::part(tab block-start selected)::before{color:var(--mer-accent__primary)}.flexible-layout::part(tab block-start){background-color:var(--flexible-layout--tab-button-block-start__background-color)}.flexible-layout::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start selected){border-block-start-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-start__background-color--selected);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end){background-color:var(--flexible-layout--tab-button-block-end__background-color);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end selected){border-block-end-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-end__background-color--selected)}.flexible-layout::part(tab inline-start){background-color:var(--flexible-layout--tab-button-inline-start__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start selected){border-inline-start-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end){background-color:var(--flexible-layout--tab-button-inline-end__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end selected){border-inline-end-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(tab-list inline){background-color:var(--flexible-layout--tab-list-inline__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size);gap:4px}.flexible-layout::part(tab-list block){background-color:var(--flexible-layout--tab-list-block__background-color);overflow:auto}.flexible-layout::part(tab inline-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(droppable-area){background-color:color-mix(in srgb, var(--mer-accent__primary) 25%, transparent)}.flexible-layout::part(bar){color:var(--mer-border-color__on-surface)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.flexible-layout::part(tab inline-end):focus-visible,.flexible-layout::part(tab inline-start):focus-visible,.flexible-layout::part(tab block-end):focus-visible,.flexible-layout::part(tab block-start):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.flexible-layout::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.flexible-layout::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.flexible-layout::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block-
|
|
1
|
+
export const bundle = `.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block not-closable),.tab::part(tab block closable){line-height:var(--line-height-tight)}.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block not-closable),.tab::part(tab block closable){font-size:var(--font-size-body-s)}.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block not-closable),.tab::part(tab block closable){font-weight:var(--font-weight-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color)}.tab::part(tab block not-closable),.tab::part(tab block closable){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);border-block:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab block not-closable){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline)}.tab::part(tab block closable){padding-block:calc(var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--tab-caption__padding-inline) calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px)}.tab::part(tab inline-end),.tab::part(tab inline-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-inline:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline );border-block-end-color:var(--tab-caption__border-color)}.tab::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline );border-block-start-color:var(--tab-caption__border-color)}.tab::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);border-inline-end-color:var(--tab-caption__border-color)}.tab::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);border-inline-start-color:var(--tab-caption__border-color)}.tab::part(tab inline-end):focus-visible,.tab::part(tab inline-start):focus-visible,.tab::part(tab block-end):focus-visible,.tab::part(tab block-start):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab inline-end disabled),.tab::part(tab inline-start disabled),.tab::part(tab block-end disabled),.tab::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 );--tab-button__border-width: 0}.tab::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.tab::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.tab::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab-list block-start){border-block-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list block-end){border-block-start:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline-start){border-inline-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline-end){border-inline-start:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.tabular-grid-column,.property-grid-cell>.input,.tabular-grid-cell>.input,.property-grid-cell>.combo-box,.tabular-grid-cell>.combo-box,.property-grid,.tabular-grid{line-height:var(--line-height-tight)}.tabular-grid-column,.property-grid-cell>.input,.tabular-grid-cell>.input,.property-grid-cell>.combo-box,.tabular-grid-cell>.combo-box,.property-grid,.tabular-grid{font-size:var(--font-size-body-s)}.property-grid-cell>.input,.tabular-grid-cell>.input,.property-grid-cell>.combo-box,.tabular-grid-cell>.combo-box,.property-grid,.tabular-grid{font-weight:var(--font-weight-regular)}.tabular-grid-column{font-weight:var(--font-weight-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--font-weight-bold)}.property-grid-value-readonly>.property-grid-cell:nth-child(2),.property-grid-property-readonly>.property-grid-cell:nth-child(1){font-style:italic;color:var(--item__color--disabled)}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-grid-value-editing>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0;padding-block:0;padding-inline:0;--control__padding-inline: var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.property-grid-value-editing>.property-grid-cell:nth-child(2):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}.property-grid-column-set{display:none}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){margin-inline-end:var(--grid-common__gap);flex-shrink:0}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_add_neutral--enabled);cursor:pointer}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):hover,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):hover,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_add_neutral--hover)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):active,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):active,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_add_neutral--active)}.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_minus_neutral--enabled);cursor:pointer}.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_minus_neutral--hover)}.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_minus_neutral--active)}.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid,.tabular-grid{--grid-bar-resize-split__bg-color: transparent;--focus__outline-offset: -2px;--grid-label__gap: var(--mer-spacing--xs);--grid-common__gap: var(--mer-spacing--xs);max-block-size:100%;--indent: 16px;background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);--item__border-color--enabled: var(--mer-surface__elevation--01);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color )}.property-grid-column-set,.tabular-grid-column-set{border-block-end:var(--grid-cell__border)}.tabular-grid-column-set:hover{--grid-bar-resize-split__bg-color: var(--mer-surface__elevation--03)}.tabular-grid-column{background-color:var(--items-container__bg-color)}.property-grid-column::part(bar),.tabular-grid-column::part(bar){--grid-label__gap: 0;--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary)}.property-grid-column::part(bar-resize-split),.tabular-grid-column::part(bar-resize-split){background-color:var(--grid-bar-resize-split__bg-color);inline-size:var(--grid-bar-resize-split__inline-size)}.property-grid-column::part(bar-resize-split):hover,.tabular-grid-column::part(bar-resize-split):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary--hover)}.property-grid-row[highlighted]>.property-grid-cell,.tabular-grid-row[highlighted]>.tabular-grid-cell{--grid-row__bg-color: var(--item__bg-color--hover);--grid-row__color: var(--item__color--hover)}.property-grid-row[selected]>.property-grid-cell,.tabular-grid-row[selected]>.tabular-grid-cell{--grid-row__bg-color: var(--item__bg-color--selected);--grid-row__color: var(--item__color--selected)}.property-grid-row[dragging],.tabular-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend{border-block-end:var(--grid-cell__border)}.property-grid-rowset-legend,.tabular-grid-rowset-legend{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02);background-color:var(--grid-rowset-legend__bg-color);padding-block-start:var(--mer-spacing--xs);padding-block-end:var(--mer-spacing--xs);display:flex;align-items:center;cursor:pointer;padding-inline-start:var(--grid-common__gap);box-shadow:calc(var(--indent)*(var(--level) - 1)*-1) 0px 0px 0px var(--grid-rowset-legend__bg-color)}.property-grid-rowset-legend:hover,.tabular-grid-rowset-legend:hover{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--03)}.property-grid-rowset-legend:active,.tabular-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02)}.property-grid-cell,.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);--item__bg-color: var(--items-container__bg-color);border:0}.property-grid-cell[focused],.tabular-grid-cell[focused]{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-align-cells-block-start .tabular-grid-cell{align-items:flex-start}.tabular-grid-align-cells-block-center .tabular-grid-cell{align-items:center}.tabular-grid-align-cells-block-end .tabular-grid-cell{align-items:flex-end}.tabular-grid-align-cells-inline-start .tabular-grid-cell{justify-content:flex-start}.tabular-grid-align-cells-inline-center .tabular-grid-cell{justify-content:center}.tabular-grid-align-cells-inline-end .tabular-grid-cell{justify-content:flex-end}.property-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.tabular-grid-column::part(selector-label){margin-inline-end:var(--grid-label__gap);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.property-grid-cell::part(selector),.property-grid-column::part(selector),.tabular-grid-cell::part(selector),.tabular-grid-column::part(selector){position:relative;margin:0;width:0;height:0}.property-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.tabular-grid-column::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.property-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.tabular-grid-column::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.property-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.tabular-grid-column::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.property-grid-column::part(selector indeterminate)::after,.tabular-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.property-grid-row-actions::part(main),.tabular-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}.tabular-grid ch-tabular-grid-cell{padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start}.property-grid:focus{outline:none}.property-grid-column::part(selector):focus{outline:none}.property-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.property-grid-cell::part(selector):focus{outline:none}.property-grid-cell::part(actions-icon){inline-size:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.property-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.property-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}`;
|
|
1
|
+
export const bundle = `.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.tabular-grid-column,.property-grid-cell .input,.tabular-grid-cell .input,.property-grid-cell .combo-box,.tabular-grid-cell .combo-box,.property-grid,.tabular-grid{line-height:var(--line-height-tight)}.tabular-grid-column,.property-grid-cell .input,.tabular-grid-cell .input,.property-grid-cell .combo-box,.tabular-grid-cell .combo-box,.property-grid,.tabular-grid{font-size:var(--font-size-body-s)}.property-grid-cell .input,.tabular-grid-cell .input,.property-grid-cell .combo-box,.tabular-grid-cell .combo-box,.property-grid,.tabular-grid{font-weight:var(--font-weight-regular)}.tabular-grid-column{font-weight:var(--font-weight-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--font-weight-bold)}.property-grid-value-readonly>.property-grid-cell:nth-child(2),.property-grid-property-readonly>.property-grid-cell:nth-child(1){font-style:italic;color:var(--item__color--disabled)}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-grid-value-editing>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0;padding-block:0;padding-inline:0;--control__padding-inline: var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.property-grid-value-editing>.property-grid-cell:nth-child(2):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}.property-grid-column-set{display:none}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){margin-inline-end:var(--grid-common__gap);flex-shrink:0}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_add_neutral--enabled);cursor:pointer}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):hover,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):hover,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_add_neutral--hover)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):active,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):active,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_add_neutral--active)}.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_minus_neutral--enabled);cursor:pointer}.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_minus_neutral--hover)}.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_minus_neutral--active)}.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid,.tabular-grid{--grid-bar-resize-split__bg-color: transparent;--focus__outline-offset: -2px;--grid-label__gap: var(--mer-spacing--xs);--grid-common__gap: var(--mer-spacing--xs);max-block-size:100%;--indent: 16px;background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);--item__border-color--enabled: var(--mer-surface__elevation--01);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color )}.property-grid-column-set,.tabular-grid-column-set{border-block-end:var(--grid-cell__border)}.tabular-grid-column-set:hover{--grid-bar-resize-split__bg-color: var(--mer-surface__elevation--03)}.tabular-grid-column{background-color:var(--items-container__bg-color)}.property-grid-column::part(bar),.tabular-grid-column::part(bar){--grid-label__gap: 0;--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary)}.property-grid-column::part(bar-resize-split),.tabular-grid-column::part(bar-resize-split){background-color:var(--grid-bar-resize-split__bg-color);inline-size:var(--grid-bar-resize-split__inline-size)}.property-grid-column::part(bar-resize-split):hover,.tabular-grid-column::part(bar-resize-split):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary--hover)}.property-grid-row[highlighted]>.property-grid-cell,.tabular-grid-row[highlighted]>.tabular-grid-cell{--grid-row__bg-color: var(--item__bg-color--hover);--grid-row__color: var(--item__color--hover)}.property-grid-row[selected]>.property-grid-cell,.tabular-grid-row[selected]>.tabular-grid-cell{--grid-row__bg-color: var(--item__bg-color--selected);--grid-row__color: var(--item__color--selected)}.property-grid-row[dragging],.tabular-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend{border-block-end:var(--grid-cell__border)}.property-grid-rowset-legend,.tabular-grid-rowset-legend{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02);background-color:var(--grid-rowset-legend__bg-color);padding-block-start:var(--mer-spacing--xs);padding-block-end:var(--mer-spacing--xs);display:flex;align-items:center;cursor:pointer;padding-inline-start:var(--grid-common__gap);box-shadow:calc(var(--indent)*(var(--level) - 1)*-1) 0px 0px 0px var(--grid-rowset-legend__bg-color)}.property-grid-rowset-legend:hover,.tabular-grid-rowset-legend:hover{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--03)}.property-grid-rowset-legend:active,.tabular-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02)}.property-grid-cell,.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);--item__bg-color: var(--items-container__bg-color);border:0}.property-grid-cell[focused],.tabular-grid-cell[focused]{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-align-cells-block-start .tabular-grid-cell{align-items:flex-start}.tabular-grid-align-cells-block-center .tabular-grid-cell{align-items:center}.tabular-grid-align-cells-block-end .tabular-grid-cell{align-items:flex-end}.tabular-grid-align-cells-inline-start .tabular-grid-cell{justify-content:flex-start}.tabular-grid-align-cells-inline-center .tabular-grid-cell{justify-content:center}.tabular-grid-align-cells-inline-end .tabular-grid-cell{justify-content:flex-end}.property-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.tabular-grid-column::part(selector-label){margin-inline-end:var(--grid-label__gap);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.property-grid-cell::part(selector),.property-grid-column::part(selector),.tabular-grid-cell::part(selector),.tabular-grid-column::part(selector){position:relative;margin:0;width:0;height:0}.property-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.tabular-grid-column::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.property-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.tabular-grid-column::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.property-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.tabular-grid-column::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.property-grid-column::part(selector indeterminate)::after,.tabular-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.property-grid-row-actions::part(main),.tabular-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}.tabular-grid ch-tabular-grid-cell{padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start}.property-grid:focus{outline:none}.property-grid-column::part(selector):focus{outline:none}.property-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.property-grid-cell::part(selector):focus{outline:none}.property-grid-cell::part(actions-icon){inline-size:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.property-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.property-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}`;
|
|
@@ -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)}.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__group){gap:var(--items-container__gap--small)}.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
|
+
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){gap:var(--items-container__gap--small)}.tree-view::part(item__group){gap:var(--items-container__gap--small)}.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)}`;
|
package/dist/mercury.scss
CHANGED
|
@@ -597,10 +597,7 @@
|
|
|
597
597
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
598
598
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
599
599
|
}
|
|
600
|
-
|
|
601
|
-
padding-block: var(--tab-caption__padding-block);
|
|
602
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
603
|
-
}
|
|
600
|
+
|
|
604
601
|
@mixin tab-button-padding-stack() {
|
|
605
602
|
padding-block: var(--tab-caption__padding-block);
|
|
606
603
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -1081,12 +1078,12 @@
|
|
|
1081
1078
|
--mer-color__message-green--200: #9ccba1;
|
|
1082
1079
|
--mer-color__message-yellow--100: #dfa135;
|
|
1083
1080
|
--mer-color__message-yellow--200: #dfa135;
|
|
1084
|
-
--mer-color__message-red--100: #
|
|
1085
|
-
--mer-color__message-red--200: #
|
|
1086
|
-
--mer-color__message-red--300: #
|
|
1087
|
-
--mer-color__message-red--400: #
|
|
1088
|
-
--mer-color__message-red--500: #
|
|
1089
|
-
--mer-color__message-red--600: #
|
|
1081
|
+
--mer-color__message-red--100: #e35861;
|
|
1082
|
+
--mer-color__message-red--200: #d54b54;
|
|
1083
|
+
--mer-color__message-red--300: #ff6161;
|
|
1084
|
+
--mer-color__message-red--400: #ff9999;
|
|
1085
|
+
--mer-color__message-red--500: #800000;
|
|
1086
|
+
--mer-color__message-red--600: #4d0000;
|
|
1090
1087
|
} @else {
|
|
1091
1088
|
// Mercury Colors
|
|
1092
1089
|
|
|
@@ -2211,10 +2208,7 @@
|
|
|
2211
2208
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
2212
2209
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
2213
2210
|
}
|
|
2214
|
-
|
|
2215
|
-
padding-block: var(--tab-caption__padding-block);
|
|
2216
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
2217
|
-
}
|
|
2211
|
+
|
|
2218
2212
|
@mixin tab-button-padding-stack() {
|
|
2219
2213
|
padding-block: var(--tab-caption__padding-block);
|
|
2220
2214
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -4932,10 +4926,7 @@
|
|
|
4932
4926
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
4933
4927
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
4934
4928
|
}
|
|
4935
|
-
|
|
4936
|
-
padding-block: var(--tab-caption__padding-block);
|
|
4937
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
4938
|
-
}
|
|
4929
|
+
|
|
4939
4930
|
@mixin tab-button-padding-stack() {
|
|
4940
4931
|
padding-block: var(--tab-caption__padding-block);
|
|
4941
4932
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -5154,7 +5145,7 @@
|
|
|
5154
5145
|
$combo-box-selector: ".combo-box";
|
|
5155
5146
|
$input-selector: ".input";
|
|
5156
5147
|
|
|
5157
|
-
$
|
|
5148
|
+
$tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
5158
5149
|
|
|
5159
5150
|
|
|
5160
5151
|
%combo-box {
|
|
@@ -5785,7 +5776,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5785
5776
|
&-tab {
|
|
5786
5777
|
--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);
|
|
5787
5778
|
--ch-tab-close-button__image-size: var(--mer-spacing--md);
|
|
5788
|
-
--ch-tab-
|
|
5779
|
+
--ch-tab-button__image-size: var(--mer-icon__box--md);
|
|
5789
5780
|
|
|
5790
5781
|
--spacing-body-block-start: var(--mer-spacing--md);
|
|
5791
5782
|
--spacing-body-block-end: var(--mer-spacing--md);
|
|
@@ -5798,12 +5789,22 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5798
5789
|
@include tab-button-gap();
|
|
5799
5790
|
@extend %body-regular-s;
|
|
5800
5791
|
|
|
5792
|
+
border-block: 1px solid transparent;
|
|
5793
|
+
}
|
|
5794
|
+
|
|
5795
|
+
&-tab-button-block-not-closable {
|
|
5796
|
+
padding-block: var(--tab-caption__padding-block);
|
|
5801
5797
|
padding-inline: var(--tab-caption__padding-inline);
|
|
5798
|
+
}
|
|
5802
5799
|
|
|
5803
|
-
|
|
5804
|
-
|
|
5800
|
+
&-tab-button-block-closable {
|
|
5801
|
+
// Due to border-block-width: 1px and padding: var(--mer-spacing--2xs) for the close button
|
|
5802
|
+
padding-block: calc(
|
|
5803
|
+
var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px
|
|
5804
|
+
);
|
|
5805
5805
|
|
|
5806
|
-
|
|
5806
|
+
padding-inline: var(--tab-caption__padding-inline)
|
|
5807
|
+
calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px);
|
|
5807
5808
|
}
|
|
5808
5809
|
|
|
5809
5810
|
&-tab-button-inline {
|
|
@@ -5844,6 +5845,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5844
5845
|
background-color: var(
|
|
5845
5846
|
--flexible-layout--tab-button-block-start__background-color--selected
|
|
5846
5847
|
);
|
|
5848
|
+
color: var(--tab-caption__color--selected);
|
|
5847
5849
|
}
|
|
5848
5850
|
|
|
5849
5851
|
// Block End
|
|
@@ -5851,6 +5853,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5851
5853
|
background-color: var(
|
|
5852
5854
|
--flexible-layout--tab-button-block-end__background-color
|
|
5853
5855
|
);
|
|
5856
|
+
color: var(--tab-caption__color--selected);
|
|
5854
5857
|
}
|
|
5855
5858
|
|
|
5856
5859
|
&-tab-button-block-end--hover {
|
|
@@ -5949,6 +5952,12 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5949
5952
|
$tab-selector: ".flexible-layout::part(leaf)",
|
|
5950
5953
|
|
|
5951
5954
|
$tab-button-block-start-selector: ".flexible-layout::part(tab block-start)",
|
|
5955
|
+
|
|
5956
|
+
$tab-button-block-closable-selector:
|
|
5957
|
+
".flexible-layout::part(tab block closable)",
|
|
5958
|
+
$tab-button-block-not-closable-selector:
|
|
5959
|
+
".flexible-layout::part(tab block not-closable)",
|
|
5960
|
+
|
|
5952
5961
|
$tab-button-block-start--selected-selector:
|
|
5953
5962
|
".flexible-layout::part(tab block-start selected)",
|
|
5954
5963
|
$tab-button-block-start--disabled-selector:
|
|
@@ -6008,12 +6017,28 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
6008
6017
|
@extend %flexible-layout-bar;
|
|
6009
6018
|
}
|
|
6010
6019
|
|
|
6020
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
6021
|
+
// Tab Button (block closable)
|
|
6022
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
6023
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
6024
|
+
#{$tab-button-block-closable-selector} {
|
|
6025
|
+
@extend %flexible-layout-tab-button-block;
|
|
6026
|
+
@extend %flexible-layout-tab-button-block-closable;
|
|
6027
|
+
}
|
|
6028
|
+
}
|
|
6029
|
+
|
|
6030
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
6031
|
+
#{$tab-button-block-not-closable-selector} {
|
|
6032
|
+
@extend %flexible-layout-tab-button-block;
|
|
6033
|
+
@extend %flexible-layout-tab-button-block-not-closable;
|
|
6034
|
+
}
|
|
6035
|
+
}
|
|
6036
|
+
|
|
6011
6037
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6012
6038
|
// Tab Button (block-start)
|
|
6013
6039
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6014
6040
|
@if $add--tab-button-block-start {
|
|
6015
6041
|
#{$tab-button-block-start-selector} {
|
|
6016
|
-
@extend %flexible-layout-tab-button-block;
|
|
6017
6042
|
@extend %flexible-layout-tab-button-block-start;
|
|
6018
6043
|
|
|
6019
6044
|
&:hover {
|
|
@@ -6049,7 +6074,6 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
6049
6074
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6050
6075
|
@if $add--tab-button-block-end {
|
|
6051
6076
|
#{$tab-button-block-end-selector} {
|
|
6052
|
-
@extend %flexible-layout-tab-button-block;
|
|
6053
6077
|
@extend %flexible-layout-tab-button-block-end;
|
|
6054
6078
|
|
|
6055
6079
|
&:hover {
|
|
@@ -6199,7 +6223,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
6199
6223
|
$combo-box-selector: ".combo-box";
|
|
6200
6224
|
$input-selector: ".input";
|
|
6201
6225
|
|
|
6202
|
-
$
|
|
6226
|
+
$tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
6203
6227
|
|
|
6204
6228
|
|
|
6205
6229
|
%input {
|
|
@@ -7365,10 +7389,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
7365
7389
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
7366
7390
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
7367
7391
|
}
|
|
7368
|
-
|
|
7369
|
-
padding-block: var(--tab-caption__padding-block);
|
|
7370
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
7371
|
-
}
|
|
7392
|
+
|
|
7372
7393
|
@mixin tab-button-padding-stack() {
|
|
7373
7394
|
padding-block: var(--tab-caption__padding-block);
|
|
7374
7395
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -9022,7 +9043,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9022
9043
|
%tab {
|
|
9023
9044
|
--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);
|
|
9024
9045
|
--ch-tab-close-button__image-size: var(--mer-spacing--md);
|
|
9025
|
-
--ch-tab-
|
|
9046
|
+
--ch-tab-button__image-size: var(--mer-icon__box--md);
|
|
9026
9047
|
|
|
9027
9048
|
--spacing-body-block-start: var(--mer-spacing--md);
|
|
9028
9049
|
--spacing-body-block-end: var(--mer-spacing--md);
|
|
@@ -9038,7 +9059,6 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9038
9059
|
@include tab-button-gap();
|
|
9039
9060
|
@extend %body-regular-s;
|
|
9040
9061
|
|
|
9041
|
-
@include tab-button-padding-inline();
|
|
9042
9062
|
border-block: var(--tab-caption__border-width)
|
|
9043
9063
|
var(--tab-caption__border-style) transparent;
|
|
9044
9064
|
|
|
@@ -9046,6 +9066,23 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9046
9066
|
// @include tab-button-border-block-end();
|
|
9047
9067
|
}
|
|
9048
9068
|
|
|
9069
|
+
%tab-button-block-not-closable {
|
|
9070
|
+
// Due to border-block-width: 1px;
|
|
9071
|
+
padding-block: var(--tab-caption__padding-block);
|
|
9072
|
+
padding-inline: var(--tab-caption__padding-inline);
|
|
9073
|
+
}
|
|
9074
|
+
|
|
9075
|
+
%tab-button-block-closable {
|
|
9076
|
+
// Due to border-block-width: 1px and padding: var(--mer-spacing--2xs) for the close button
|
|
9077
|
+
padding-block: calc(
|
|
9078
|
+
var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px
|
|
9079
|
+
);
|
|
9080
|
+
|
|
9081
|
+
// Due to padding: var(--mer-spacing--2xs) for the close button;
|
|
9082
|
+
padding-inline: var(--tab-caption__padding-inline)
|
|
9083
|
+
calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px);
|
|
9084
|
+
}
|
|
9085
|
+
|
|
9049
9086
|
%tab-button-inline {
|
|
9050
9087
|
@include tab-button-colors-enabled();
|
|
9051
9088
|
@include tab-button-gap();
|
|
@@ -9131,8 +9168,9 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9131
9168
|
}
|
|
9132
9169
|
|
|
9133
9170
|
%tab-button-close-button {
|
|
9134
|
-
|
|
9171
|
+
padding: var(--mer-spacing--2xs);
|
|
9135
9172
|
border-radius: 4px;
|
|
9173
|
+
margin-inline-start: calc(1px - var(--mer-spacing--2xs));
|
|
9136
9174
|
|
|
9137
9175
|
&--hover {
|
|
9138
9176
|
background-color: var(--mer-color__tinted-primary--20);
|
|
@@ -9168,6 +9206,9 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9168
9206
|
@mixin tab(
|
|
9169
9207
|
$tab-selector: ".tab",
|
|
9170
9208
|
|
|
9209
|
+
$tab-button-block-closable-selector: ".tab::part(tab block closable)",
|
|
9210
|
+
$tab-button-block-not-closable-selector: ".tab::part(tab block not-closable)",
|
|
9211
|
+
|
|
9171
9212
|
$tab-button-block-start-selector: ".tab::part(tab block-start)",
|
|
9172
9213
|
$tab-button-block-start--selected-selector:
|
|
9173
9214
|
".tab::part(tab block-start selected)",
|
|
@@ -9212,13 +9253,28 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9212
9253
|
}
|
|
9213
9254
|
}
|
|
9214
9255
|
|
|
9256
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
9257
|
+
// Tab Button (block closable)
|
|
9258
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
9259
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
9260
|
+
#{$tab-button-block-closable-selector} {
|
|
9261
|
+
@extend %tab-button-block;
|
|
9262
|
+
@extend %tab-button-block-closable;
|
|
9263
|
+
}
|
|
9264
|
+
}
|
|
9265
|
+
|
|
9266
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
9267
|
+
#{$tab-button-block-not-closable-selector} {
|
|
9268
|
+
@extend %tab-button-block;
|
|
9269
|
+
@extend %tab-button-block-not-closable;
|
|
9270
|
+
}
|
|
9271
|
+
}
|
|
9272
|
+
|
|
9215
9273
|
// - - - - - - - - - - - - - - - - - - - -
|
|
9216
9274
|
// Tab Button (block-start)
|
|
9217
9275
|
// - - - - - - - - - - - - - - - - - - - -
|
|
9218
9276
|
@if ($add--tab-button-block-start) {
|
|
9219
9277
|
#{$tab-button-block-start-selector} {
|
|
9220
|
-
@extend %tab-button-block;
|
|
9221
|
-
|
|
9222
9278
|
&:hover {
|
|
9223
9279
|
@extend %tab-button-block-start--hover;
|
|
9224
9280
|
}
|
|
@@ -9248,8 +9304,6 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9248
9304
|
// - - - - - - - - - - - - - - - - - - - -
|
|
9249
9305
|
@if ($add--tab-button-block-end) {
|
|
9250
9306
|
#{$tab-button-block-end-selector} {
|
|
9251
|
-
@extend %tab-button-block;
|
|
9252
|
-
|
|
9253
9307
|
&:hover {
|
|
9254
9308
|
@extend %tab-button-block-end--hover;
|
|
9255
9309
|
}
|
|
@@ -9533,7 +9587,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9533
9587
|
$combo-box-selector: ".combo-box";
|
|
9534
9588
|
$input-selector: ".input";
|
|
9535
9589
|
|
|
9536
|
-
$
|
|
9590
|
+
$tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
9537
9591
|
|
|
9538
9592
|
|
|
9539
9593
|
// - - - - - - - - - - - - - - - - - - - -
|
|
@@ -9747,8 +9801,8 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9747
9801
|
border: 0; // WA
|
|
9748
9802
|
|
|
9749
9803
|
// make controls inherit tabular-grid font styles
|
|
9750
|
-
@each $control-selector in $
|
|
9751
|
-
|
|
9804
|
+
@each $control-selector in $tabular-grid-controls {
|
|
9805
|
+
#{$control-selector} {
|
|
9752
9806
|
@extend %tabular-grid-font-size;
|
|
9753
9807
|
}
|
|
9754
9808
|
}
|
|
@@ -10901,6 +10955,10 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
10901
10955
|
background-color: var(--mer-color__primary--200);
|
|
10902
10956
|
}
|
|
10903
10957
|
|
|
10958
|
+
%tree-view-item {
|
|
10959
|
+
@include items-container-gap-small();
|
|
10960
|
+
}
|
|
10961
|
+
|
|
10904
10962
|
%tree-view-item__group {
|
|
10905
10963
|
@include items-container-gap-small();
|
|
10906
10964
|
}
|
|
@@ -10948,6 +11006,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
10948
11006
|
/// @param {String} $drag-preview-selector [".tree-view::part(drag-preview)"] -
|
|
10949
11007
|
/// @param {String} $drop-selector [".tree-view::part(drop)"] -
|
|
10950
11008
|
/// @param {String} $item--drag-enter-selector [".tree-view::part(item drag-enter)"] -
|
|
11009
|
+
/// @param {String} $item-selector [".tree-view::part(item)"] -
|
|
10951
11010
|
/// @param {String} $item__group-selector [".tree-view::part(item__group)"] -
|
|
10952
11011
|
/// @param {String} $item__header-selector [".tree-view::part(item__header)"] -
|
|
10953
11012
|
/// @param {String} $item__header--not-selected-selector [".tree-view::part(item__header not-selected)"] -
|
|
@@ -11005,6 +11064,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
11005
11064
|
// Item
|
|
11006
11065
|
// - - - - - - - - - - - - - - - - - - - -
|
|
11007
11066
|
$item__header-selector: ".tree-view::part(item__header)",
|
|
11067
|
+
$item-selector: ".tree-view::part(item)",
|
|
11008
11068
|
$item__group-selector: ".tree-view::part(item__group)",
|
|
11009
11069
|
$item__header--not-selected-selector:
|
|
11010
11070
|
".tree-view::part(item__header not-selected)",
|
|
@@ -11072,6 +11132,10 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
11072
11132
|
}
|
|
11073
11133
|
}
|
|
11074
11134
|
|
|
11135
|
+
#{$item-selector} {
|
|
11136
|
+
@extend %tree-view-item;
|
|
11137
|
+
}
|
|
11138
|
+
|
|
11075
11139
|
// Group
|
|
11076
11140
|
#{$item__group-selector} {
|
|
11077
11141
|
@extend %tree-view-item__group;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/mercury",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.2",
|
|
4
4
|
"description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"license": "Apache-2.0",
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@atao60/fse-cli": "^0.1.9",
|
|
70
|
-
"@genexus/chameleon-controls-library": "~6.
|
|
70
|
+
"@genexus/chameleon-controls-library": "~6.5.0",
|
|
71
71
|
"@genexus/svg-sass-generator": "1.1.24",
|
|
72
72
|
"@types/node": "~22.10.5",
|
|
73
73
|
"chokidar": "^3.6.0",
|