@genexus/mercury 0.8.0 → 0.8.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-primary--destructive:active,.button-primary--destructive:hover,.button-primary--destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__background-color--destructive);color:var(--button-primary__color--destructive)}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Thin.woff2");font-weight:100;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ThinItalic.woff2");font-weight:100;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLight.woff2");font-weight:200;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLightItalic.woff2");font-weight:200;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BoldItalic.woff2");font-weight:700;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBold.woff2");font-weight:800;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBoldItalic.woff2");font-weight:800;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Black.woff2");font-weight:900;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BlackItalic.woff2");font-weight:900;font-style:italic}:root.light{color-scheme:light;--mer-color__primary-blue--200: #2070ce;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #11151c;--mer-color__neutral-gray--200: #181f2a;--mer-color__neutral-gray--300: #242d3c;--mer-color__neutral-gray--400: #2d3a48;--mer-color__neutral-gray--450: #394552;--mer-color__neutral-gray--500: #485665;--mer-color__neutral-gray--550: #56677a;--mer-color__neutral-gray--600: #9da9b6;--mer-color__neutral-gray--650: #c0ccd9;--mer-color__neutral-gray--700: #c0ccd9;--mer-color__neutral-gray--800: #d2ddeb;--mer-color__neutral-gray--900: #e1ecf9;--mer-color__neutral-gray--1000: #f8f8f8;--mer-color__neutral-gray--1100: #f1f1f1;--mer-color__neutral-gray--1200: #e4e4e4;--mer-color__neutral-gray--1300: #dedede;--mer-color__neutral-gray--1400: #ffffff;--mer-color__tinted-yellow--5: #ffc96b0d;--mer-color__tinted-yellow--60: #ffc96b99;--mer-color__tinted-red--5: #fb7c840d;--mer-color__tinted-red--60: #fb7c8499;--mer-color__tinted-green--5: #3fa89b0d;--mer-color__tinted-green--60: #3fa89b99;--mer-color__tinted-blue--5: #2070ce0d;--mer-color__tinted-blue--8: #2070ce14;--mer-color__tinted-blue--10: #2070ce1a;--mer-color__tinted-blue--20: #2070ce33;--mer-color__tinted-blue--30: #2070ce4d;--mer-color__tinted-blue--50: #2070ce80;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #ffc96b;--mer-color__message-yellow--200: #ffc96b;--mer-color__message-red--100: #fb7c84;--mer-color__message-red--200: #fb7c84;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--100);--mer-color__elevation--01: var(--mer-color__neutral-gray--200);--mer-color__elevation--02: #e4e4e4;--mer-color__elevation--03: #dedede;--mer-color__elevation--04: #ffffff;--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.dark{color-scheme:dark;--mer-color__primary-blue--200: #5ba7ff;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #e1ecf9;--mer-color__neutral-gray--200: #d2ddeb;--mer-color__neutral-gray--300: #c0ccd9;--mer-color__neutral-gray--400: #9da9b6;--mer-color__neutral-gray--450: #828b96;--mer-color__neutral-gray--500: #56677a;--mer-color__neutral-gray--550: #485665;--mer-color__neutral-gray--600: #394552;--mer-color__neutral-gray--650: #2d3a48;--mer-color__neutral-gray--700: #242d3c;--mer-color__neutral-gray--800: #181f2a;--mer-color__neutral-gray--900: #11151c;--mer-color__neutral-gray--1000: #1f2225;--mer-color__neutral-gray--1100: #24272a;--mer-color__neutral-gray--1200: #2d3032;--mer-color__neutral-gray--1300: #3b3e40;--mer-color__neutral-gray--1400: #2d3134;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-blue--5: #1d2838;--mer-color__tinted-blue--8: #1f2c3f;--mer-color__tinted-blue--10: #1f2e43;--mer-color__tinted-blue--20: #293d5c;--mer-color__tinted-blue--30: #2e4e72;--mer-color__tinted-blue--50: #3c689c;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #f9bd56;--mer-color__message-yellow--200: #f9bd56;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #e35861;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--900);--mer-color__elevation--01: var(--mer-color__neutral-gray--800);--mer-color__elevation--02: var(--mer-color__neutral-gray--700);--mer-color__elevation--03: var(--mer-color__neutral-gray--650);--mer-color__elevation--04: var(--mer-color__neutral-gray--600);--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-color__surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__font-size: var(--mer-font__size--3xs);--mer-body__font-family: var(--mer-font-family--body);--mer-body__font-weight: var(--mer-font__weight--regular);--mer-body__line-height: var(--mer-line-height--spaced);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--mer-heading__color: var(--mer-color__neutral-gray--100);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: var(--mer-color__neutral-gray--650);--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-color__elevation--04);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-color__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-color__primary-blue--200);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-border-color__neutral);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__font-family: var(--mer-font-family--body);--control__font-weight--regular: var(--mer-font__weight--regular);--control__font-weight--semi-bold: var(--mer-font__weight--semi-bold);--control__font-size--small: var(--mer-font__size--3xs);--control__font-size--regular: var(--mer-font__size--xs);--control__line-height: var(--mer-line-height--spaced);--control__height: 26px;--control__padding-block: var(--mer-spacing--2xs);--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--ch-placeholder-color);--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__font-size: var(--mer-font__size--3xs);--label__font-weight: var(--mer-font__weight--semi-bold);--label__line-height: var(--mer-line-height--regular);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--md);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary-blue--200);--mer-accent__primary--hover: var(--mer-color__primary-blue--400);--mer-accent__primary--active: var(--mer-color__primary-blue--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-blue--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-blue--10);--item__border-color--selected: var(--mer-color__tinted-blue--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);--item__border-color--selected-hover: var(--mer-color__tinted-blue--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__font-size: var(--item__font-size--regular);--item__font-size--small: var(--mer-font__size--3xs);--item__font-size--regular: var(--mer-font__size--xs);--item__font-weight: var(--mer-font__weight--regular);--item-header__font-weight: var(--mer-font__weight--semi-bold);--item__gap--regular: var(--mer-spacing--xs);--item__line-height: var(--mer-line-height--tight);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-color__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__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-color__elevation--04);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--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-blue--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-blue--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-blue--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__font-size: var(--mer-font__size--3xs);--tab-caption__font-weight: var(--mer-font__weight--semi-bold);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm) var(--mer-spacing--xs);--tab-caption__gap: var(--mer-spacing--xs);--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-green--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);--mer-elevation__border-01: transparent;--mer-elevation__border-02: transparent;--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-elevation__bg-color--01: var(--mer-color__elevation--01);--mer-elevation__bg-color--02: var(--mer-color__elevation--02);--mer-elevation__bg-color--03: var(--mer-color__elevation--03);--mer-elevation__bg-color--04: var(--mer-color__elevation--04);--mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-elevation__box-shadow--01: none;--mer-elevation__box-shadow--02: none;--mer-elevation__box-shadow--03: none;--mer-elevation__box-shadow--04: none;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--light: 300;--mer-font__weight--regular: 400;--mer-font__weight--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--mer-font__size--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-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-color__surface);color:var(--mer-text__on-surface);line-height:var(--mer-body__line-height);font-family:var(--mer-body__font-family);font-size:var(--mer-body__font-size);font-weight:var(--mer-body__font-weight)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}
|
|
1
|
+
.button-primary--destructive:active,.button-primary--destructive:hover,.button-primary--destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__background-color--destructive);color:var(--button-primary__color--destructive)}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Thin.woff2");font-weight:100;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ThinItalic.woff2");font-weight:100;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLight.woff2");font-weight:200;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLightItalic.woff2");font-weight:200;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BoldItalic.woff2");font-weight:700;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBold.woff2");font-weight:800;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBoldItalic.woff2");font-weight:800;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Black.woff2");font-weight:900;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BlackItalic.woff2");font-weight:900;font-style:italic}:root.light{color-scheme:light;--mer-color__primary-blue--200: #005ac1;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--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: #ffc96b0d;--mer-color__tinted-yellow--60: #ffc96b99;--mer-color__tinted-red--5: #fb7c840d;--mer-color__tinted-red--60: #fb7c8499;--mer-color__tinted-green--5: #3fa89b0d;--mer-color__tinted-green--60: #3fa89b99;--mer-color__tinted-blue--5: #2070ce0d;--mer-color__tinted-blue--8: #2070ce14;--mer-color__tinted-blue--10: #2070ce1a;--mer-color__tinted-blue--20: #2070ce33;--mer-color__tinted-blue--30: #2070ce4d;--mer-color__tinted-blue--50: #2070ce80;--mer-color__message-green--100: #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__surface: var(--mer-color__neutral-gray--100);--mer-color__elevation--01: var(--mer-color__neutral-gray--200);--mer-color__elevation--02: #e4e4e4;--mer-color__elevation--03: #dedede;--mer-color__elevation--04: #ffffff;--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.dark{color-scheme:dark;--mer-color__primary-blue--200: #5ba7ff;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #e1ecf9;--mer-color__neutral-gray--200: #d2ddeb;--mer-color__neutral-gray--300: #c0ccd9;--mer-color__neutral-gray--400: #9da9b6;--mer-color__neutral-gray--450: #828b96;--mer-color__neutral-gray--500: #56677a;--mer-color__neutral-gray--550: #485665;--mer-color__neutral-gray--600: #394552;--mer-color__neutral-gray--650: #2d3a48;--mer-color__neutral-gray--700: #242d3c;--mer-color__neutral-gray--800: #181f2a;--mer-color__neutral-gray--900: #11151c;--mer-color__neutral-gray--1000: #1f2225;--mer-color__neutral-gray--1100: #24272a;--mer-color__neutral-gray--1200: #2d3032;--mer-color__neutral-gray--1300: #3b3e40;--mer-color__neutral-gray--1400: #2d3134;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-blue--5: #1d2838;--mer-color__tinted-blue--8: #1f2c3f;--mer-color__tinted-blue--10: #1f2e43;--mer-color__tinted-blue--20: #293d5c;--mer-color__tinted-blue--30: #2e4e72;--mer-color__tinted-blue--50: #3c689c;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #f9bd56;--mer-color__message-yellow--200: #f9bd56;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #e35861;--mer-color__message-red--300: #dd8f94;--mer-color__message-red--400: #ff9999;--mer-color__surface: var(--mer-color__neutral-gray--900);--mer-color__elevation--01: var(--mer-color__neutral-gray--800);--mer-color__elevation--02: var(--mer-color__neutral-gray--700);--mer-color__elevation--03: var(--mer-color__neutral-gray--650);--mer-color__elevation--04: var(--mer-color__neutral-gray--600);--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-color__surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__font-size: var(--mer-font__size--3xs);--mer-body__font-family: var(--mer-font-family--body);--mer-body__font-weight: var(--mer-font__weight--regular);--mer-body__line-height: var(--mer-line-height--spaced);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--mer-heading__color: var(--mer-color__neutral-gray--100);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: var(--mer-color__neutral-gray--650);--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-color__elevation--04);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-color__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-color__primary-blue--200);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-border-color__neutral);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__font-family: var(--mer-font-family--body);--control__font-weight--regular: var(--mer-font__weight--regular);--control__font-weight--semi-bold: var(--mer-font__weight--semi-bold);--control__font-size--small: var(--mer-font__size--3xs);--control__font-size--regular: var(--mer-font__size--xs);--control__line-height: var(--mer-line-height--spaced);--control__height: 26px;--control__padding-block: var(--mer-spacing--2xs);--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--ch-placeholder-color);--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__font-size: var(--mer-font__size--3xs);--label__font-weight: var(--mer-font__weight--semi-bold);--label__line-height: var(--mer-line-height--regular);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--md);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary-blue--200);--mer-accent__primary--hover: var(--mer-color__primary-blue--400);--mer-accent__primary--active: var(--mer-color__primary-blue--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-blue--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-blue--10);--item__border-color--selected: var(--mer-color__tinted-blue--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);--item__border-color--selected-hover: var(--mer-color__tinted-blue--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__font-size: var(--item__font-size--regular);--item__font-size--small: var(--mer-font__size--3xs);--item__font-size--regular: var(--mer-font__size--xs);--item__font-weight: var(--mer-font__weight--regular);--item-header__font-weight: var(--mer-font__weight--semi-bold);--item__gap--regular: var(--mer-spacing--xs);--item__line-height: var(--mer-line-height--tight);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-color__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__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-color__elevation--04);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--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-blue--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-blue--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-blue--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__font-size: var(--mer-font__size--3xs);--tab-caption__font-weight: var(--mer-font__weight--semi-bold);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm) var(--mer-spacing--xs);--tab-caption__gap: var(--mer-spacing--xs);--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-green--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);--mer-elevation__border-01: transparent;--mer-elevation__border-02: transparent;--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-elevation__bg-color--01: var(--mer-color__elevation--01);--mer-elevation__bg-color--02: var(--mer-color__elevation--02);--mer-elevation__bg-color--03: var(--mer-color__elevation--03);--mer-elevation__bg-color--04: var(--mer-color__elevation--04);--mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-elevation__box-shadow--01: none;--mer-elevation__box-shadow--02: none;--mer-elevation__box-shadow--03: none;--mer-elevation__box-shadow--04: none;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--light: 300;--mer-font__weight--regular: 400;--mer-font__weight--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--mer-font__size--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-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-color__surface);color:var(--mer-text__on-surface);line-height:var(--mer-body__line-height);font-family:var(--mer-body__font-family);font-size:var(--mer-body__font-size);font-weight:var(--mer-body__font-weight)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}
|
package/dist/mercury.scss
CHANGED
|
@@ -875,31 +875,25 @@
|
|
|
875
875
|
|
|
876
876
|
@mixin foundation-colors--light() {
|
|
877
877
|
// primary
|
|
878
|
-
--mer-color__primary-blue--200: #
|
|
878
|
+
--mer-color__primary-blue--200: #005ac1;
|
|
879
879
|
--mer-color__primary-blue--300: #5498e8;
|
|
880
880
|
--mer-color__primary-blue--400: #437dc0;
|
|
881
881
|
--mer-color__primary-blue--600: #335884;
|
|
882
882
|
|
|
883
883
|
// neutral
|
|
884
|
-
--mer-color__neutral-gray--100: #
|
|
885
|
-
--mer-color__neutral-gray--200: #
|
|
886
|
-
--mer-color__neutral-gray--300: #
|
|
887
|
-
--mer-color__neutral-gray--400: #
|
|
888
|
-
--mer-color__neutral-gray--450: #
|
|
889
|
-
--mer-color__neutral-gray--500: #
|
|
890
|
-
--mer-color__neutral-gray--550: #
|
|
891
|
-
--mer-color__neutral-gray--600: #
|
|
892
|
-
--mer-color__neutral-gray--650: #
|
|
893
|
-
--mer-color__neutral-gray--700: #
|
|
894
|
-
--mer-color__neutral-gray--800: #
|
|
895
|
-
--mer-color__neutral-gray--900: #
|
|
896
|
-
|
|
897
|
-
// because gemini is dependent on this tokens (check with designer)
|
|
898
|
-
--mer-color__neutral-gray--1000: #f8f8f8;
|
|
899
|
-
--mer-color__neutral-gray--1100: #f1f1f1;
|
|
900
|
-
--mer-color__neutral-gray--1200: #e4e4e4;
|
|
901
|
-
--mer-color__neutral-gray--1300: #dedede;
|
|
902
|
-
--mer-color__neutral-gray--1400: #ffffff;
|
|
884
|
+
--mer-color__neutral-gray--100: #4a5870;
|
|
885
|
+
--mer-color__neutral-gray--200: #49566d;
|
|
886
|
+
--mer-color__neutral-gray--300: #56677a;
|
|
887
|
+
--mer-color__neutral-gray--400: #56677a;
|
|
888
|
+
--mer-color__neutral-gray--450: #56677a;
|
|
889
|
+
--mer-color__neutral-gray--500: #828b96;
|
|
890
|
+
--mer-color__neutral-gray--550: #9da9b6;
|
|
891
|
+
--mer-color__neutral-gray--600: #aeb9c6;
|
|
892
|
+
--mer-color__neutral-gray--650: #c6d1dd;
|
|
893
|
+
--mer-color__neutral-gray--700: #e1ecf9;
|
|
894
|
+
--mer-color__neutral-gray--800: #fafbfd;
|
|
895
|
+
--mer-color__neutral-gray--900: #f0f4fa;
|
|
896
|
+
--mer-color__neutral-gray--1000: #ffffff;
|
|
903
897
|
|
|
904
898
|
// tinted
|
|
905
899
|
--mer-color__tinted-yellow--5: #ffc96b0d;
|
|
@@ -916,13 +910,14 @@
|
|
|
916
910
|
--mer-color__tinted-blue--50: #2070ce80;
|
|
917
911
|
|
|
918
912
|
// message
|
|
919
|
-
--mer-color__message-green--100: #
|
|
920
|
-
--mer-color__message-green--200: #
|
|
921
|
-
--mer-color__message-yellow--100: #
|
|
922
|
-
--mer-color__message-yellow--200: #
|
|
923
|
-
--mer-color__message-red--100: #
|
|
924
|
-
--mer-color__message-red--200: #
|
|
925
|
-
--mer-color__message-red--300: #
|
|
913
|
+
--mer-color__message-green--100: #208e80;
|
|
914
|
+
--mer-color__message-green--200: #208e80;
|
|
915
|
+
--mer-color__message-yellow--100: #dfa135;
|
|
916
|
+
--mer-color__message-yellow--200: #dfa135;
|
|
917
|
+
--mer-color__message-red--100: #da1a27;
|
|
918
|
+
--mer-color__message-red--200: #da1a27;
|
|
919
|
+
--mer-color__message-red--300: #4d0000;
|
|
920
|
+
--mer-color__message-red--400: #800000;
|
|
926
921
|
|
|
927
922
|
// surface
|
|
928
923
|
--mer-color__surface: var(--mer-color__neutral-gray--100);
|
|
@@ -1080,12 +1075,13 @@
|
|
|
1080
1075
|
|
|
1081
1076
|
// message
|
|
1082
1077
|
--mer-color__message-green--100: #3fa89b;
|
|
1083
|
-
--mer-color__message-green--200: #3fa89b;
|
|
1078
|
+
--mer-color__message-green--200: #3fa89b;
|
|
1084
1079
|
--mer-color__message-yellow--100: #f9bd56;
|
|
1085
|
-
--mer-color__message-yellow--200: #f9bd56;
|
|
1080
|
+
--mer-color__message-yellow--200: #f9bd56;
|
|
1086
1081
|
--mer-color__message-red--100: #e35861;
|
|
1087
|
-
--mer-color__message-red--200: #e35861;
|
|
1088
|
-
--mer-color__message-red--300: #dd8f94;
|
|
1082
|
+
--mer-color__message-red--200: #e35861;
|
|
1083
|
+
--mer-color__message-red--300: #dd8f94;
|
|
1084
|
+
--mer-color__message-red--400: #ff9999;
|
|
1089
1085
|
|
|
1090
1086
|
// surface
|
|
1091
1087
|
--mer-color__surface: var(--mer-color__neutral-gray--900);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/mercury",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.1",
|
|
4
4
|
"description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
|
|
5
5
|
"main": "dist/mercury.scss",
|
|
6
6
|
"module": "dist/assets-manager.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"license": "MIT",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@atao60/fse-cli": "^0.1.9",
|
|
30
|
-
"@genexus/chameleon-controls-library": "6.0.0-next.
|
|
30
|
+
"@genexus/chameleon-controls-library": "6.0.0-next.37",
|
|
31
31
|
"@genexus/svg-sass-generator": "1.1.24",
|
|
32
32
|
"chokidar": "^3.6.0",
|
|
33
33
|
"chokidar-cli": "^3.0.0",
|