@embeddable.com/remarkable-ui 2.0.43 → 2.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{GhostButton.module-JZ7YOOU5.module.css → GhostButton.module-33OGL7WW.module.css} +1 -1
- package/dist/GhostButtonIcon.module-6J6DJCE6.module.css +39 -0
- package/dist/{InputField.module-LDLOMDBK.module.css → InputField.module-DWUIQOWJ.module.css} +1 -1
- package/dist/Markdown.module-AIJ2C4S2.module.css +97 -0
- package/dist/MarkdownEditor.module-2R7P4ZIL.module.css +57 -0
- package/dist/{SelectFieldOption.module-SH3TOVNB.module.css → SelectFieldOption.module-ZXJXUZWN.module.css} +1 -1
- package/dist/{chunk-54RMM3OQ.js → chunk-TZ3EDAGU.js} +58 -3
- package/dist/chunk-TZ3EDAGU.js.map +1 -0
- package/dist/global.css +1 -1
- package/dist/{index-Bxv6X9p-.d.ts → index-BxUXQI8d.d.ts} +56 -1
- package/dist/index.d.ts +19 -3
- package/dist/index.js +196 -26
- package/dist/index.js.map +1 -1
- package/dist/styles.d.ts +1 -1
- package/dist/styles.js +1 -1
- package/package.json +6 -2
- package/dist/chunk-54RMM3OQ.js.map +0 -1
package/dist/global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--em-core-border-radius--000: 0px;--em-core-border-radius--050: 2px;--em-core-border-radius--100: 4px;--em-core-border-radius--150: 6px;--em-core-border-radius--200: 8px;--em-core-border-radius--300: 12px;--em-core-border-radius--400: 32px;--em-core-border-radius--500: 9999px;--em-core-border-width--000: 0px;--em-core-border-width--025: 1px;--em-core-border-width--050: 2px;--em-core-border-width--100: 4px;--em-core-color-gray--0000: rgb(255 255 255);--em-core-color-gray--0050: rgb(247 247 248);--em-core-color-gray--0100: rgb(237 237 241);--em-core-color-gray--0200: rgb(228 228 234);--em-core-color-gray--0300: rgb(210 210 213);--em-core-color-gray--0400: rgb(184 184 189);--em-core-color-gray--0500: rgb(144 144 152);--em-core-color-gray--0600: rgb(114 114 121);--em-core-color-gray--0700: rgb(92 92 102);--em-core-color-gray--0800: rgb(49 49 61);--em-core-color-gray--0900: rgb(33 33 41);--em-core-color-gray--1000: rgb(0 0 0);--em-core-font-family--base: "inter";--em-core-font-size--md: 16px;--em-core-font-size--sm: 14px;--em-core-font-size--xl: 20px;--em-core-font-size--xs: 12px;--em-core-font-size--xxl: 32px;--em-core-font-weight--bold: 700px;--em-core-font-weight--medium: 500px;--em-core-font-weight--regular: 400px;--em-core-line-height--l: 19px;--em-core-line-height--md: 16px;--em-core-line-height--sm: 14px;--em-core-line-height--xl: 38px;--em-core-shadow-blur: 40px;--em-core-shadow-color: rgb(33 33 41 / 25%);--em-core-shadow-position-x: 0px;--em-core-shadow-position-y: 1px;--em-core-shadow-spread: 0px;--em-core-size--0000: 0px;--em-core-size--0050: 2px;--em-core-size--0100: 4px;--em-core-size--0150: 6px;--em-core-size--0200: 8px;--em-core-size--0300: 12px;--em-core-size--0400: 16px;--em-core-size--0500: 20px;--em-core-size--0600: 24px;--em-core-size--0700: 28px;--em-core-size--0800: 32px;--em-core-size--0900: 36px;--em-core-size--1000: 40px;--em-core-size--1200: 48px;--em-core-size--1600: 64px;--em-core-size--2000: 80px;--em-core-spacing--0000: 0px;--em-core-spacing--0050: 2px;--em-core-spacing--0100: 4px;--em-core-spacing--0150: 6px;--em-core-spacing--0200: 8px;--em-core-spacing--0300: 12px;--em-core-spacing--0400: 16px;--em-core-spacing--0500: 20px;--em-core-spacing--0600: 24px;--em-core-spacing--0700: 28px;--em-core-spacing--0800: 32px;--em-core-spacing--0900: 36px;--em-core-spacing--1000: 40px;--em-core-spacing--1200: 48px;--em-core-spacing--1600: 64px;--em-core-spacing--2000: 80px}:root{--em-sem-background: var(--em-core-color-gray--0050);--em-sem-background--inverted: var(--em-core-color-gray--0900);--em-sem-background--light: var(--em-core-color-gray--0100);--em-sem-background--muted: var(--em-core-color-gray--0300);--em-sem-background--neutral: var(--em-core-color-gray--0000);--em-sem-background--subtle: var(--em-core-color-gray--0200);--em-sem-chart-color--1: rgb(255 84 0);--em-sem-chart-color--10: rgb(141 153 174);--em-sem-chart-color--2: rgb(58 134 255);--em-sem-chart-color--3: rgb(255 138 0);--em-sem-chart-color--4: rgb(255 47 109);--em-sem-chart-color--5: rgb(46 196 182);--em-sem-chart-color--6: rgb(106 76 255);--em-sem-chart-color--7: rgb(131 56 236);--em-sem-chart-color--8: rgb(0 180 216);--em-sem-chart-color--9: rgb(76 175 80);--em-sem-status-error-background: rgb(246 226 226);--em-sem-status-error-text: rgb(188 16 16);--em-sem-status-success-background: rgb(225 240 233);--em-sem-status-success-text: rgb(15 149 90);--em-sem-text: var(--em-core-color-gray--0900);--em-sem-text--inverted: var(--em-core-color-gray--0000);--em-sem-text--muted: var(--em-core-color-gray--0700);--em-sem-text--neutral: var(--em-core-color-gray--1000);--em-sem-text--subtle: var(--em-core-color-gray--0400)}:root{--em-actionicon-background: var(--em-sem-background--light);--em-actionicon-background--active: var(--em-sem-background--muted);--em-actionicon-background--hover: var(--em-sem-background--subtle);--em-actionicon-border-color: rgb(255 255 255 / 0%);--em-actionicon-border-color--active: rgb(255 255 255 / 0%);--em-actionicon-border-color--disabled: rgb(255 255 255 / 0%);--em-actionicon-border-color--hover: rgb(255 255 255 / 0%);--em-actionicon-border-radius: var(--em-core-border-radius--500);--em-actionicon-border-width: 0px;--em-actionicon-color: var(--em-sem-text);--em-actionicon-color--disabled: var(--em-sem-text--subtle);--em-actionicon-height: var(--em-core-size--0800);--em-actionicon-icon-size: var(--em-core-size--0400);--em-actionicon-width: var(--em-core-size--0500);--em-barchart-border-radius: var(--em-core-border-radius--150);--em-barchart-label-gap: var(--em-core-spacing--0200);--em-button-background--disabled: var(--em-sem-background--light);--em-button-background--primary: var(--em-sem-text--muted);--em-button-background--primary--active: var(--em-sem-text--neutral);--em-button-background--primary--hover: var(--em-sem-text);--em-button-background--secondary: var(--em-sem-background--light);--em-button-background--secondary--active: var(--em-sem-background--muted);--em-button-background--secondary--hover: var(--em-sem-background--subtle);--em-button-border-color--primary: rgb(255 255 255 / 0%);--em-button-border-color--primary--active: rgb(255 255 255 / 0%);--em-button-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--primary--hover: rgb(255 255 255 / 0%);--em-button-border-color--secondary: rgb(255 255 255 / 0%);--em-button-border-color--secondary--active: rgb(255 255 255 / 0%);--em-button-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-button-border-radius: var(--em-core-border-radius--500);--em-button-border-width: 0px;--em-button-color--disabled: var(--em-sem-text--subtle);--em-button-color--primary: var(--em-sem-text--inverted);--em-button-color--secondary: var(--em-sem-text);--em-button-font-family: var(--em-core-font-family--base);--em-button-font-size--medium: var(--em-core-font-size--sm);--em-button-font-size--small: var(--em-core-font-size--xs);--em-button-font-weight--medium: var(--em-core-font-weight--bold);--em-button-font-weight--small: var(--em-core-font-weight--medium);--em-button-height--medium: var(--em-core-size--1000);--em-button-height--small: var(--em-core-size--0800);--em-button-icon-size: var(--em-core-size--0400);--em-button-label-padding: var(--em-core-spacing--0200);--em-button-line-height--medium: var(--em-core-line-height--md);--em-button-line-height--small: var(--em-core-line-height--sm);--em-button-padding-left-right--medium: var(--em-core-spacing--0300);--em-button-padding-left-right--small: var(--em-core-spacing--0150);--em-buttonicon-background--primary: var(--em-sem-text--muted);--em-buttonicon-background--primary--active: var(--em-sem-text--neutral);--em-buttonicon-background--primary--disabled: var(--em-sem-background--light);--em-buttonicon-background--primary--hover: var(--em-sem-text);--em-buttonicon-background--secondary: var(--em-sem-background--light);--em-buttonicon-background--secondary--active: var(--em-sem-background--muted);--em-buttonicon-background--secondary--disabled: var(--em-sem-background--light);--em-buttonicon-background--secondary--hover: var(--em-sem-background--subtle);--em-buttonicon-border-color--primary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-radius: var(--em-core-border-radius--500);--em-buttonicon-border-width: 0px;--em-buttonicon-color--disabled: var(--em-sem-text--subtle);--em-buttonicon-color--primary: var(--em-sem-text--inverted);--em-buttonicon-color--secondary: var(--em-sem-text);--em-buttonicon-height--medium: var(--em-core-size--1000);--em-buttonicon-height--small: var(--em-core-size--0800);--em-buttonicon-icon-size: var(--em-core-size--0400);--em-buttonicon-width--medium: var(--em-core-size--1000);--em-buttonicon-width--small: var(--em-core-size--0800);--em-card-background: var(--em-sem-background);--em-card-border-color: rgb(255 255 255 / 0%);--em-card-border-radius: var(--em-core-border-radius--400);--em-card-border-width: 0px;--em-card-feedback-color--error: var(--em-sem-status-error-text);--em-card-feedback-font-size: var(--em-core-font-size--sm);--em-card-feedback-gap: var(--em-core-spacing--0300);--em-card-feedback-icon-size: var(--em-core-size--0400);--em-card-feedback-line-height: var(--em-core-line-height--md);--em-card-feedback-padding-bottom: var(--em-core-spacing--0800);--em-card-feedback-subtitle-color: var(--em-sem-text--muted);--em-card-feedback-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-feedback-title-color: var(--em-sem-text);--em-card-feedback-title-font-weight: var(--em-core-font-weight--medium);--em-card-font-family: var(--em-core-font-family--base);--em-card-gap: var(--em-core-spacing--0800);--em-card-gap--compact: var(--em-core-spacing--0200);--em-card-header-gap: var(--em-core-spacing--0400);--em-card-header-gap--compact: var(--em-core-spacing--0100);--em-card-info-icon-color: var(--em-sem-text);--em-card-info-icon-gap: var(--em-core-spacing--0100);--em-card-info-icon-size: var(--em-core-size--0400);--em-card-loader-background: var(--em-sem-background--neutral);--em-card-loader-border-radius: var(--em-core-border-radius--500);--em-card-loader-color: var(--em-sem-text);--em-card-loader-padding: var(--em-core-spacing--0100);--em-card-loader-size: var(--em-core-size--0600);--em-card-padding: var(--em-core-spacing--0800);--em-card-subtitle-color: var(--em-sem-text--muted);--em-card-subtitle-font-size: var(--em-core-font-size--sm);--em-card-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-subtitle-line-height: var(--em-core-line-height--l);--em-card-title-color: var(--em-sem-text);--em-card-title-font-size: var(--em-core-font-size--md);--em-card-title-font-weight: var(--em-core-font-weight--bold);--em-card-title-line-height: var(--em-core-line-height--l);--em-chart-category-color: var(--em-sem-text--muted);--em-chart-category-font-family: var(--em-core-font-family--base);--em-chart-category-font-size: var(--em-core-font-size--xs);--em-chart-category-font-weight: var(--em-core-font-weight--medium);--em-chart-category-gap: var(--em-core-spacing--0100);--em-chart-category-indicator-border-radius: var(--em-core-border-radius--500);--em-chart-category-indicator-color: var(--em-sem-chart-color--1);--em-chart-category-line-height: var(--em-core-line-height--sm);--em-chart-category-list-gap: var(--em-core-spacing--0400);--em-chart-category-size: var(--em-core-size--0300);--em-chart-grid-font-family: var(--em-core-font-family--base);--em-chart-grid-label-color: var(--em-sem-text);--em-chart-grid-label-color--light: var(--em-sem-background--light);--em-chart-grid-label-color--muted: var(--em-sem-text--muted);--em-chart-grid-label-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-label-font-size: var(--em-core-font-size--xs);--em-chart-grid-label-font-weight: var(--em-core-font-weight--regular);--em-chart-grid-line-color: var(--em-sem-text);--em-chart-grid-line-color--light: var(--em-sem-background--light);--em-chart-grid-line-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-line-width--medium: 2px;--em-chart-grid-line-width--thick: 4px;--em-chart-grid-line-width--thin: 1px;--em-chart-grid-tick-length: var(--em-core-size--0100);--em-chart-grid-tick-width: 1px;--em-chart-grid-title-font-size: var(--em-core-font-size--sm);--em-chart-grid-title-font-weight: var(--em-core-font-weight--bold);--em-chart-label-background: var(--em-sem-background--neutral);--em-chart-label-border-radius: var(--em-core-border-radius--500);--em-chart-label-color: var(--em-sem-text);--em-chart-label-font-family: var(--em-core-font-family--base);--em-chart-label-font-size: var(--em-core-font-size--xs);--em-chart-label-font-weight: var(--em-core-font-weight--medium);--em-chart-label-line-height: var(--em-core-line-height--sm);--em-chart-label-padding-left-right: var(--em-core-spacing--0100);--em-chart-label-padding-top-bottom: var(--em-core-spacing--0050);--em-chart-selectfield-padding-bottom: var(--em-core-spacing--0400);--em-chart-tabs-border-color--hover: var(--em-core-color-gray--0200);--em-chart-tabs-border-color--selected: var(--em-core-color-gray--0400);--em-chart-tabs-border-radius: var(--em-core-border-radius--300);--em-chart-tabs-border-width: var(--em-core-border-width--025);--em-chart-tabs-color: var(--em-sem-text--neutral);--em-chart-tabs-font-family: var(--em-core-font-family--base);--em-chart-tabs-gap: var(--em-core-spacing--0200);--em-chart-tabs-padding: var(--em-core-spacing--0300);--em-chart-tabs-pagination-padding: var(--em-core-spacing--0100);--em-chart-tabs-title-font-size: var(--em-core-font-size--xs);--em-chart-tabs-title-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-title-line-height: var(--em-core-line-height--sm);--em-chart-tabs-value-font-size: var(--em-core-font-size--xl);--em-chart-tabs-value-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-value-line-height: var(--em-core-line-height--l);--em-chart-tooltip-background: var(--em-sem-background--inverted);--em-chart-tooltip-border-radius: var(--em-core-border-radius--300);--em-chart-tooltip-family: var(--em-core-font-family--base);--em-chart-tooltip-gap: var(--em-core-spacing--0200);--em-chart-tooltip-padding: var(--em-core-spacing--0400);--em-chart-tooltip-title-color: var(--em-sem-text--inverted);--em-chart-tooltip-title-font-size: var(--em-core-font-size--sm);--em-chart-tooltip-title-font-weight: var(--em-core-font-weight--bold);--em-chart-tooltip-title-line-height: var(--em-core-line-height--md);--em-daterangepicker-accent-color: var(--em-sem-background--inverted);--em-daterangepicker-chevron--active: var(--em-sem-background--muted);--em-daterangepicker-chevron--hover: var(--em-sem-background--subtle);--em-daterangepicker-chevron-background: var(--em-sem-background--light);--em-daterangepicker-chevron-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-chevron-color: var(--em-sem-text);--em-daterangepicker-chevron-icon-size: var(--em-core-size--0400);--em-daterangepicker-chevron-size: var(--em-core-size--0800);--em-daterangepicker-day-color: var(--em-sem-text);--em-daterangepicker-day-font-family: var(--em-core-font-family--base);--em-daterangepicker-day-font-size: var(--em-core-font-size--sm);--em-daterangepicker-day-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-day-outside: var(--em-sem-text--subtle);--em-daterangepicker-day-range-background: var(--em-sem-background--light);--em-daterangepicker-day-range-limit-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-day-range-limit-color: var(--em-sem-text--inverted);--em-daterangepicker-day-size: var(--em-core-size--0800);--em-daterangepicker-label-color: var(--em-sem-text);--em-daterangepicker-label-font-family: var(--em-core-font-family--base);--em-daterangepicker-label-font-size: var(--em-core-font-size--sm);--em-daterangepicker-label-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-weekday-color: var(--em-sem-text--muted);--em-daterangepicker-weekday-font-family: var(--em-core-font-family--base);--em-daterangepicker-weekday-font-size: var(--em-core-font-size--sm);--em-daterangepicker-weekday-font-weight: var(--em-core-font-weight--medium);--em-divider-color: var(--em-sem-background--subtle);--em-divider-thickness: 1px;--em-field-feedback-color: var(--em-sem-text--muted);--em-field-feedback-color--error: var(--em-sem-status-error-text);--em-field-feedback-error-font-size: var(--em-core-font-size--xs);--em-field-feedback-error-font-weight: var(--em-core-font-weight--medium);--em-field-feedback-error-line-height: var(--em-core-line-height--md);--em-field-feedback-font-size: var(--em-core-font-size--xs);--em-field-feedback-font-weight: var(--em-core-font-weight--regular);--em-field-feedback-line-height: var(--em-core-line-height--sm);--em-field-feedback-padding-bottom: var(--em-core-spacing--0200);--em-field-feedback-padding-top: var(--em-core-spacing--0200);--em-field-font-family: var(--em-core-font-family--base);--em-field-header-color: var(--em-sem-text);--em-field-header-padding-bottom: var(--em-core-spacing--0200);--em-field-header-required-font-size: var(--em-core-font-size--xs);--em-field-header-required-font-weight: var(--em-core-font-weight--regular);--em-field-header-required-line-height: var(--em-core-line-height--sm);--em-field-header-title-font-size: var(--em-core-font-size--sm);--em-field-header-title-font-weight: var(--em-core-font-weight--medium);--em-field-header-title-line-height: var(--em-core-line-height--md);--em-ghostbutton-background--active: var(--em-sem-background--subtle);--em-ghostbutton-background--hover: var(--em-sem-background--light);--em-ghostbutton-border-color: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--active: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--disabled: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--hover: rgb(255 255 255 / 0%);--em-ghostbutton-border-radius: var(--em-core-border-radius--100);--em-ghostbutton-border-width: 0px;--em-ghostbutton-color: var(--em-sem-text);--em-ghostbutton-color--disabled: var(--em-sem-text--subtle);--em-ghostbutton-font-family: var(--em-core-font-family--base);--em-ghostbutton-font-size: var(--em-core-font-size--xs);--em-ghostbutton-font-weight: var(--em-core-font-weight--regular);--em-ghostbutton-height: var(--em-core-size--0500);--em-ghostbutton-icon-size: var(--em-core-size--0400);--em-ghostbutton-label-padding-left: var(--em-core-spacing--0100);--em-ghostbutton-label-padding-right: var(--em-core-spacing--0100);--em-ghostbutton-line-height: var(--em-core-line-height--sm);--em-ghostbutton-padding-left-right: var(--em-core-spacing--0050);--em-kpichart-color: var(--em-sem-text);--em-kpichart-font-family: var(--em-core-font-family--base);--em-kpichart-gap: var(--em-core-spacing--0400);--em-kpichart-label-font-size: var(--em-core-font-size--sm);--em-kpichart-label-font-weight: var(--em-core-font-weight--regular);--em-kpichart-label-gap: var(--em-core-spacing--0200);--em-kpichart-number-font-size: var(--em-core-font-size--xxl);--em-kpichart-number-font-weight: var(--em-core-font-weight--bold);--em-kpichart-number-line-height: var(--em-core-line-height--xl);--em-kpichart-trend-background--negative: var(--em-sem-status-error-background);--em-kpichart-trend-background--positive: var(--em-sem-status-success-background);--em-kpichart-trend-border-radius: var(--em-core-border-radius--150);--em-kpichart-trend-color--negative: var(--em-sem-status-error-text);--em-kpichart-trend-color--positive: var(--em-sem-status-success-text);--em-kpichart-trend-font-size: var(--em-core-font-size--md);--em-kpichart-trend-font-weight: var(--em-core-font-weight--medium);--em-kpichart-trend-height: var(--em-core-size--0600);--em-kpichart-trend-icon-size: var(--em-core-size--0400);--em-kpichart-trend-line-height: var(--em-core-line-height--md);--em-kpichart-trend-padding: var(--em-core-spacing--0100);--em-linechart-line-dash: var(--em-core-size--0100);--em-linechart-line-gap: var(--em-core-size--0100);--em-linechart-line-width: 2px;--em-linechart-point-size: var(--em-core-size--0200);--em-linechart-point-size--hover: var(--em-core-size--0300);--em-markdown-h1-color: var(--em-sem-text);--em-markdown-h1-font-family: var(--em-core-font-family--base);--em-markdown-h1-font-size: var(--em-core-font-size--xxl);--em-markdown-h1-font-weight: var(--em-core-font-weight--bold);--em-markdown-h1-line-height: var(--em-core-line-height--xl);--em-markdown-h2-color: var(--em-sem-text);--em-markdown-h2-font-family: var(--em-core-font-family--base);--em-markdown-h2-font-size: var(--em-core-font-size--xl);--em-markdown-h2-font-weight: var(--em-core-font-weight--bold);--em-markdown-h2-line-height: var(--em-core-line-height--l);--em-markdown-h3-color: var(--em-sem-text);--em-markdown-h3-font-family: var(--em-core-font-family--base);--em-markdown-h3-font-size: var(--em-core-font-size--md);--em-markdown-h3-font-weight: var(--em-core-font-weight--bold);--em-markdown-h3-line-height: var(--em-core-line-height--md);--em-markdown-link-color: var(--em-sem-text);--em-markdown-link-font-family: var(--em-core-font-family--base);--em-markdown-link-font-size: var(--em-core-font-size--sm);--em-markdown-link-font-weight: var(--em-core-font-weight--medium);--em-markdown-link-line-height: var(--em-core-line-height--md);--em-markdown-p-color: var(--em-sem-text);--em-markdown-p-font-family: var(--em-core-font-family--base);--em-markdown-p-font-size: var(--em-core-font-size--sm);--em-markdown-p-font-weight--bold: var(--em-core-font-weight--bold);--em-markdown-p-font-weight--regular: var(--em-core-font-weight--regular);--em-markdown-p-line-height: var(--em-core-line-height--md);--em-overlay-background: rgb(33 33 41 / 90%);--em-piechart-donut-color: var(--em-sem-text);--em-piechart-donut-label-font-size: var(--em-core-font-size--md);--em-piechart-donut-label-font-weight: var(--em-core-font-weight--medium);--em-piechart-donut-label-line-height: var(--em-core-line-height--md);--em-piechart-donut-number-font-size: var(--em-core-font-size--xxl);--em-piechart-donut-number-font-weight: var(--em-core-font-weight--bold);--em-piechart-donut-number-line-height: var(--em-core-line-height--xl);--em-piechart-font-family: var(--em-core-font-family--base);--em-selectfield-category-background: var(--em-sem-background--subtle);--em-selectfield-category-border-radius: var(--em-core-border-radius--150);--em-selectfield-category-color: var(--em-sem-text--neutral);--em-selectfield-category-font-family: var(--em-core-font-family--base);--em-selectfield-category-font-size: var(--em-core-font-size--xs);--em-selectfield-category-font-weight: var(--em-core-font-weight--bold);--em-selectfield-category-line-height: var(--em-core-line-height--sm);--em-selectfield-category-padding: var(--em-core-spacing--0100);--em-selectfield-content-background: var(--em-sem-background--neutral);--em-selectfield-content-border-radius: var(--em-core-border-radius--300);--em-selectfield-content-gap: var(--em-core-spacing--0200);--em-selectfield-content-max-height: 320px;--em-selectfield-content-max-width: 400px;--em-selectfield-content-opacity--loading: 50px;--em-selectfield-content-padding: var(--em-core-spacing--0200);--em-selectfield-content-shadow-blur: var(--em-core-shadow-blur);--em-selectfield-content-shadow-color: rgb(33 33 41 / 25%);--em-selectfield-content-shadow-position-x: var(--em-core-shadow-position-x);--em-selectfield-content-shadow-position-y: var(--em-core-shadow-position-y);--em-selectfield-content-shadow-spread: var(--em-core-shadow-spread);--em-selectfield-item-background: var(--em-sem-background--neutral);--em-selectfield-item-background--active: var(--em-sem-background--light);--em-selectfield-item-background--hover: var(--em-sem-background);--em-selectfield-item-background--selected: var(--em-sem-background--inverted);--em-selectfield-item-border-radius: var(--em-core-border-radius--200);--em-selectfield-item-font-family: var(--em-core-font-family--base);--em-selectfield-item-height: var(--em-core-size--0800);--em-selectfield-item-icon-color: var(--em-sem-text);--em-selectfield-item-icon-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-icon-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-icon-size: var(--em-core-size--0400);--em-selectfield-item-label-left-color: var(--em-sem-text);--em-selectfield-item-label-left-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-left-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-left-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-left-font-weight: var(--em-core-font-weight--medium);--em-selectfield-item-label-left-line-height: var(--em-core-line-height--sm);--em-selectfield-item-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-item-label-right-color: var(--em-sem-text--muted);--em-selectfield-item-label-right-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-right-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-right-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-right-font-weight: var(--em-core-font-weight--regular);--em-selectfield-item-label-right-line-height: var(--em-core-line-height--sm);--em-selectfield-item-padding: var(--em-core-spacing--0200);--em-selectfield-trigger-background: var(--em-sem-background--neutral);--em-selectfield-trigger-background--active: var(--em-sem-background--light);--em-selectfield-trigger-background--filled: var(--em-sem-background--inverted);--em-selectfield-trigger-background--hover: var(--em-sem-background);--em-selectfield-trigger-border-color: var(--em-sem-background--muted);--em-selectfield-trigger-border-color--error: var(--em-sem-status-error-text);--em-selectfield-trigger-border-radius: var(--em-core-border-radius--200);--em-selectfield-trigger-border-width: var(--em-core-border-width--025);--em-selectfield-trigger-border-width--error: var(--em-core-border-width--050);--em-selectfield-trigger-color: var(--em-sem-text);--em-selectfield-trigger-color--disabled: var(--em-sem-text--subtle);--em-selectfield-trigger-color--filled: var(--em-sem-text--inverted);--em-selectfield-trigger-font-family: var(--em-core-font-family--base);--em-selectfield-trigger-font-size: var(--em-core-font-size--xs);--em-selectfield-trigger-font-weight: var(--em-core-font-weight--medium);--em-selectfield-trigger-height: var(--em-core-size--1000);--em-selectfield-trigger-icon-size: var(--em-core-size--0400);--em-selectfield-trigger-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-trigger-line-height: var(--em-core-line-height--sm);--em-selectfield-trigger-min-width: 64px;--em-selectfield-trigger-padding: var(--em-core-spacing--0300);--em-skeleton-border-radius: var(--em-core-border-radius--300);--em-switch-background--disabled: var(--em-sem-background--subtle);--em-switch-background--off: var(--em-sem-background--subtle);--em-switch-background--on: var(--em-sem-background--inverted);--em-switch-font-family: var(--em-core-font-family--base);--em-switch-height: var(--em-core-size--0400);--em-switch-label-color: var(--em-sem-text);--em-switch-label-color--disabled: var(--em-sem-text--subtle);--em-switch-label-color-font-size: var(--em-core-font-size--md);--em-switch-label-color-font-weight: var(--em-core-font-weight--medium);--em-switch-label-color-line-height: var(--em-core-line-height--md);--em-switch-label-gap: var(--em-core-spacing--0200);--em-switch-shadow-blur: var(--em-core-shadow-blur);--em-switch-shadow-color: var(--em-core-shadow-color);--em-switch-shadow-position-x: var(--em-core-shadow-position-x);--em-switch-shadow-position-y: var(--em-core-shadow-position-y);--em-switch-shadow-spread: var(--em-core-shadow-spread);--em-switch-size-border-radius: var(--em-core-border-radius--500);--em-switch-thumb-background: var(--em-sem-background--neutral);--em-switch-thumb-background--disabled: var(--em-sem-background--light);--em-switch-thumb-background--off: var(--em-sem-text--muted);--em-switch-thumb-padding: var(--em-core-spacing--0050);--em-switch-thumb-size: var(--em-core-size--0300);--em-switch-width: var(--em-core-size--0800);--em-tablechart-border-color: var(--em-sem-background--light);--em-tablechart-border-radius: var(--em-core-border-radius--300);--em-tablechart-border-width: 1px;--em-tablechart-cell-background: var(--em-sem-background--neutral);--em-tablechart-cell-background--hover: var(--em-sem-background);--em-tablechart-cell-height: var(--em-core-size--1000);--em-tablechart-cell-min-width: var(--em-core-size--1200);--em-tablechart-cell-padding: var(--em-core-spacing--0200);--em-tablechart-color: var(--em-sem-text);--em-tablechart-color--muted: var(--em-sem-text--muted);--em-tablechart-font-family: var(--em-core-font-family--base);--em-tablechart-font-size: var(--em-core-font-size--xs);--em-tablechart-font-weight: var(--em-core-font-weight--regular);--em-tablechart-font-weight--bold: var(--em-core-font-weight--bold);--em-tablechart-font-weight--medium: var(--em-core-font-weight--medium);--em-tablechart-header-background: var(--em-sem-background--neutral);--em-tablechart-header-background--hover: var(--em-sem-background);--em-tablechart-heatmap-color: var(--em-sem-chart-color--1);--em-tablechart-icon-size: var(--em-core-size--0400);--em-tablechart-line-height: var(--em-core-line-height--sm);--em-tablechart-loading-indicator-color: var(--em-sem-text--neutral);--em-tablechart-loading-indicator-font-family: var(--em-core-font-family--base);--em-tablechart-loading-indicator-font-size: var(--em-core-font-size--xs);--em-tablechart-loading-indicator-font-weight: var(--em-core-font-weight--bold);--em-tablechart-loading-indicator-padding: var(--em-core-spacing--0300);--em-tablechart-padding-left-right: var(--em-core-spacing--0100);--em-tablechart-pagination-button-gap: var(--em-core-spacing--0200);--em-tablechart-pagination-height: var(--em-core-size--1200);--em-tablechart-pagination-label-padding-left-right: var(--em-core-spacing--0400);--em-tablechart-pivot-ident-padding: var(--em-core-spacing--0400);--em-textfield-background: var(--em-sem-background);--em-textfield-background--active: var(--em-sem-background--subtle);--em-textfield-background--disabled: var(--em-sem-background--neutral);--em-textfield-background--filled: var(--em-sem-background--light);--em-textfield-border-color: var(--em-sem-text--subtle);--em-textfield-border-color--error: var(--em-sem-status-error-text);--em-textfield-border-radius: var(--em-core-border-radius--200);--em-textfield-border-width: var(--em-core-border-width--025);--em-textfield-border-width--error: var(--em-core-border-width--050);--em-textfield-color: var(--em-sem-text--muted);--em-textfield-color--disabled: var(--em-sem-text--subtle);--em-textfield-color--filled: var(--em-sem-text);--em-textfield-feedback-color: var(--em-sem-text--muted);--em-textfield-feedback-color--error: var(--em-sem-status-error-text);--em-textfield-feedback-font-family: var(--em-core-font-family--base);--em-textfield-feedback-font-size: var(--em-core-font-size--xs);--em-textfield-feedback-font-weight: var(--em-core-font-weight--regular);--em-textfield-feedback-font-weight--error: var(--em-core-font-weight--medium);--em-textfield-feedback-line-height: var(--em-core-line-height--md);--em-textfield-font-family: var(--em-core-font-family--base);--em-textfield-font-size: var(--em-core-font-size--xs);--em-textfield-font-weight: var(--em-core-font-weight--regular);--em-textfield-font-weight--filled: var(--em-core-font-weight--medium);--em-textfield-height: var(--em-core-size--1000);--em-textfield-icon-size: var(--em-core-size--0400);--em-textfield-label-padding: var(--em-core-spacing--0200);--em-textfield-line-height: var(--em-core-line-height--md);--em-textfield-max-width: 400px;--em-textfield-min-width: 160px;--em-textfield-padding: var(--em-core-spacing--0200);--em-tooltip-background: var(--em-sem-background--inverted);--em-tooltip-border-radius: var(--em-core-border-radius--150);--em-tooltip-color: var(--em-sem-text--inverted);--em-tooltip-font-family: var(--em-core-font-family--base);--em-tooltip-font-size: var(--em-core-font-size--xs);--em-tooltip-font-weight: var(--em-core-font-weight--regular);--em-tooltip-line-height: var(--em-core-line-height--sm);--em-tooltip-max-width: 256px;--em-tooltip-padding-left-right: var(--em-core-spacing--0200);--em-tooltip-padding-top-bottom: var(--em-core-spacing--0150)}
|
|
1
|
+
:root{--em-core-border-radius--000: 0px;--em-core-border-radius--050: 2px;--em-core-border-radius--100: 4px;--em-core-border-radius--150: 6px;--em-core-border-radius--200: 8px;--em-core-border-radius--300: 12px;--em-core-border-radius--400: 32px;--em-core-border-radius--500: 9999px;--em-core-border-width--000: 0px;--em-core-border-width--025: 1px;--em-core-border-width--050: 2px;--em-core-border-width--100: 4px;--em-core-color-gray--0000: rgb(255 255 255);--em-core-color-gray--0050: rgb(247 247 248);--em-core-color-gray--0100: rgb(237 237 241);--em-core-color-gray--0200: rgb(228 228 234);--em-core-color-gray--0300: rgb(210 210 213);--em-core-color-gray--0400: rgb(184 184 189);--em-core-color-gray--0500: rgb(144 144 152);--em-core-color-gray--0600: rgb(114 114 121);--em-core-color-gray--0700: rgb(92 92 102);--em-core-color-gray--0800: rgb(49 49 61);--em-core-color-gray--0900: rgb(33 33 41);--em-core-color-gray--1000: rgb(0 0 0);--em-core-font-family--base: "inter";--em-core-font-family--code: "monospace";--em-core-font-size--md: 16px;--em-core-font-size--sm: 14px;--em-core-font-size--xl: 20px;--em-core-font-size--xs: 12px;--em-core-font-size--xxl: 32px;--em-core-font-weight--bold: 700px;--em-core-font-weight--medium: 500px;--em-core-font-weight--regular: 400px;--em-core-line-height--l: 19px;--em-core-line-height--md: 16px;--em-core-line-height--sm: 14px;--em-core-line-height--xl: 38px;--em-core-shadow-blur: 40px;--em-core-shadow-color: rgb(33 33 41 / 25%);--em-core-shadow-position-x: 0px;--em-core-shadow-position-y: 1px;--em-core-shadow-spread: 0px;--em-core-size--0000: 0px;--em-core-size--0050: 2px;--em-core-size--0100: 4px;--em-core-size--0150: 6px;--em-core-size--0200: 8px;--em-core-size--0300: 12px;--em-core-size--0400: 16px;--em-core-size--0500: 20px;--em-core-size--0600: 24px;--em-core-size--0700: 28px;--em-core-size--0800: 32px;--em-core-size--0900: 36px;--em-core-size--1000: 40px;--em-core-size--1200: 48px;--em-core-size--1600: 64px;--em-core-size--2000: 80px;--em-core-spacing--0000: 0px;--em-core-spacing--0050: 2px;--em-core-spacing--0100: 4px;--em-core-spacing--0150: 6px;--em-core-spacing--0200: 8px;--em-core-spacing--0300: 12px;--em-core-spacing--0400: 16px;--em-core-spacing--0500: 20px;--em-core-spacing--0600: 24px;--em-core-spacing--0700: 28px;--em-core-spacing--0800: 32px;--em-core-spacing--0900: 36px;--em-core-spacing--1000: 40px;--em-core-spacing--1200: 48px;--em-core-spacing--1600: 64px;--em-core-spacing--2000: 80px}:root{--em-sem-background: var(--em-core-color-gray--0050);--em-sem-background--inverted: var(--em-core-color-gray--0900);--em-sem-background--light: var(--em-core-color-gray--0100);--em-sem-background--muted: var(--em-core-color-gray--0300);--em-sem-background--neutral: var(--em-core-color-gray--0000);--em-sem-background--subtle: var(--em-core-color-gray--0200);--em-sem-chart-color--1: rgb(255 84 0);--em-sem-chart-color--10: rgb(141 153 174);--em-sem-chart-color--2: rgb(58 134 255);--em-sem-chart-color--3: rgb(255 138 0);--em-sem-chart-color--4: rgb(255 47 109);--em-sem-chart-color--5: rgb(46 196 182);--em-sem-chart-color--6: rgb(106 76 255);--em-sem-chart-color--7: rgb(131 56 236);--em-sem-chart-color--8: rgb(0 180 216);--em-sem-chart-color--9: rgb(76 175 80);--em-sem-status-error-background: rgb(246 226 226);--em-sem-status-error-text: rgb(188 16 16);--em-sem-status-success-background: rgb(225 240 233);--em-sem-status-success-text: rgb(15 149 90);--em-sem-text: var(--em-core-color-gray--0900);--em-sem-text--inverted: var(--em-core-color-gray--0000);--em-sem-text--muted: var(--em-core-color-gray--0700);--em-sem-text--neutral: var(--em-core-color-gray--1000);--em-sem-text--subtle: var(--em-core-color-gray--0400)}:root{--em-actionicon-background: var(--em-sem-background--light);--em-actionicon-background--active: var(--em-sem-background--muted);--em-actionicon-background--hover: var(--em-sem-background--subtle);--em-actionicon-border-color: rgb(255 255 255 / 0%);--em-actionicon-border-color--active: rgb(255 255 255 / 0%);--em-actionicon-border-color--disabled: rgb(255 255 255 / 0%);--em-actionicon-border-color--hover: rgb(255 255 255 / 0%);--em-actionicon-border-radius: var(--em-core-border-radius--500);--em-actionicon-border-width: 0px;--em-actionicon-color: var(--em-sem-text);--em-actionicon-color--disabled: var(--em-sem-text--subtle);--em-actionicon-height: var(--em-core-size--0800);--em-actionicon-icon-size: var(--em-core-size--0400);--em-actionicon-width: var(--em-core-size--0500);--em-barchart-border-radius: var(--em-core-border-radius--150);--em-barchart-label-gap: var(--em-core-spacing--0200);--em-button-background--disabled: var(--em-sem-background--light);--em-button-background--primary: var(--em-sem-text--muted);--em-button-background--primary--active: var(--em-sem-text--neutral);--em-button-background--primary--hover: var(--em-sem-text);--em-button-background--secondary: var(--em-sem-background--light);--em-button-background--secondary--active: var(--em-sem-background--muted);--em-button-background--secondary--hover: var(--em-sem-background--subtle);--em-button-border-color--primary: rgb(255 255 255 / 0%);--em-button-border-color--primary--active: rgb(255 255 255 / 0%);--em-button-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--primary--hover: rgb(255 255 255 / 0%);--em-button-border-color--secondary: rgb(255 255 255 / 0%);--em-button-border-color--secondary--active: rgb(255 255 255 / 0%);--em-button-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-button-border-radius: var(--em-core-border-radius--500);--em-button-border-width: 0px;--em-button-color--disabled: var(--em-sem-text--subtle);--em-button-color--primary: var(--em-sem-text--inverted);--em-button-color--secondary: var(--em-sem-text);--em-button-font-family: var(--em-core-font-family--base);--em-button-font-size--medium: var(--em-core-font-size--sm);--em-button-font-size--small: var(--em-core-font-size--xs);--em-button-font-weight--medium: var(--em-core-font-weight--bold);--em-button-font-weight--small: var(--em-core-font-weight--medium);--em-button-height--medium: var(--em-core-size--1000);--em-button-height--small: var(--em-core-size--0800);--em-button-icon-size: var(--em-core-size--0400);--em-button-label-padding: var(--em-core-spacing--0200);--em-button-line-height--medium: var(--em-core-line-height--md);--em-button-line-height--small: var(--em-core-line-height--sm);--em-button-padding-left-right--medium: var(--em-core-spacing--0300);--em-button-padding-left-right--small: var(--em-core-spacing--0150);--em-buttonicon-background--primary: var(--em-sem-text--muted);--em-buttonicon-background--primary--active: var(--em-sem-text--neutral);--em-buttonicon-background--primary--disabled: var(--em-sem-background--light);--em-buttonicon-background--primary--hover: var(--em-sem-text);--em-buttonicon-background--secondary: var(--em-sem-background--light);--em-buttonicon-background--secondary--active: var(--em-sem-background--muted);--em-buttonicon-background--secondary--disabled: var(--em-sem-background--light);--em-buttonicon-background--secondary--hover: var(--em-sem-background--subtle);--em-buttonicon-border-color--primary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-radius: var(--em-core-border-radius--500);--em-buttonicon-border-width: 0px;--em-buttonicon-color--disabled: var(--em-sem-text--subtle);--em-buttonicon-color--primary: var(--em-sem-text--inverted);--em-buttonicon-color--secondary: var(--em-sem-text);--em-buttonicon-height--medium: var(--em-core-size--1000);--em-buttonicon-height--small: var(--em-core-size--0800);--em-buttonicon-icon-size: var(--em-core-size--0400);--em-buttonicon-width--medium: var(--em-core-size--1000);--em-buttonicon-width--small: var(--em-core-size--0800);--em-card-background: var(--em-sem-background);--em-card-border-color: rgb(255 255 255 / 0%);--em-card-border-radius: var(--em-core-border-radius--400);--em-card-border-width: 0px;--em-card-feedback-color--error: var(--em-sem-status-error-text);--em-card-feedback-font-size: var(--em-core-font-size--sm);--em-card-feedback-gap: var(--em-core-spacing--0300);--em-card-feedback-icon-size: var(--em-core-size--0400);--em-card-feedback-line-height: var(--em-core-line-height--md);--em-card-feedback-padding-bottom: var(--em-core-spacing--0800);--em-card-feedback-subtitle-color: var(--em-sem-text--muted);--em-card-feedback-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-feedback-title-color: var(--em-sem-text);--em-card-feedback-title-font-weight: var(--em-core-font-weight--medium);--em-card-font-family: var(--em-core-font-family--base);--em-card-gap: var(--em-core-spacing--0800);--em-card-gap--compact: var(--em-core-spacing--0200);--em-card-header-gap: var(--em-core-spacing--0400);--em-card-header-gap--compact: var(--em-core-spacing--0100);--em-card-info-icon-color: var(--em-sem-text);--em-card-info-icon-gap: var(--em-core-spacing--0100);--em-card-info-icon-size: var(--em-core-size--0400);--em-card-loader-background: var(--em-sem-background--neutral);--em-card-loader-border-radius: var(--em-core-border-radius--500);--em-card-loader-color: var(--em-sem-text);--em-card-loader-padding: var(--em-core-spacing--0100);--em-card-loader-size: var(--em-core-size--0600);--em-card-padding: var(--em-core-spacing--0800);--em-card-subtitle-color: var(--em-sem-text--muted);--em-card-subtitle-font-size: var(--em-core-font-size--sm);--em-card-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-subtitle-line-height: var(--em-core-line-height--l);--em-card-title-color: var(--em-sem-text);--em-card-title-font-size: var(--em-core-font-size--md);--em-card-title-font-weight: var(--em-core-font-weight--bold);--em-card-title-line-height: var(--em-core-line-height--l);--em-chart-category-color: var(--em-sem-text--muted);--em-chart-category-font-family: var(--em-core-font-family--base);--em-chart-category-font-size: var(--em-core-font-size--xs);--em-chart-category-font-weight: var(--em-core-font-weight--medium);--em-chart-category-gap: var(--em-core-spacing--0100);--em-chart-category-indicator-border-radius: var(--em-core-border-radius--500);--em-chart-category-indicator-color: var(--em-sem-chart-color--1);--em-chart-category-line-height: var(--em-core-line-height--sm);--em-chart-category-list-gap: var(--em-core-spacing--0400);--em-chart-category-size: var(--em-core-size--0300);--em-chart-grid-font-family: var(--em-core-font-family--base);--em-chart-grid-label-color: var(--em-sem-text);--em-chart-grid-label-color--light: var(--em-sem-background--light);--em-chart-grid-label-color--muted: var(--em-sem-text--muted);--em-chart-grid-label-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-label-font-size: var(--em-core-font-size--xs);--em-chart-grid-label-font-weight: var(--em-core-font-weight--regular);--em-chart-grid-line-color: var(--em-sem-text);--em-chart-grid-line-color--light: var(--em-sem-background--light);--em-chart-grid-line-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-line-width--medium: 2px;--em-chart-grid-line-width--thick: 4px;--em-chart-grid-line-width--thin: 1px;--em-chart-grid-tick-length: var(--em-core-size--0100);--em-chart-grid-tick-width: 1px;--em-chart-grid-title-font-size: var(--em-core-font-size--sm);--em-chart-grid-title-font-weight: var(--em-core-font-weight--bold);--em-chart-label-background: var(--em-sem-background--neutral);--em-chart-label-border-radius: var(--em-core-border-radius--500);--em-chart-label-color: var(--em-sem-text);--em-chart-label-font-family: var(--em-core-font-family--base);--em-chart-label-font-size: var(--em-core-font-size--xs);--em-chart-label-font-weight: var(--em-core-font-weight--medium);--em-chart-label-line-height: var(--em-core-line-height--sm);--em-chart-label-padding-left-right: var(--em-core-spacing--0100);--em-chart-label-padding-top-bottom: var(--em-core-spacing--0050);--em-chart-selectfield-padding-bottom: var(--em-core-spacing--0400);--em-chart-tabs-border-color--hover: var(--em-core-color-gray--0200);--em-chart-tabs-border-color--selected: var(--em-core-color-gray--0400);--em-chart-tabs-border-radius: var(--em-core-border-radius--300);--em-chart-tabs-border-width: var(--em-core-border-width--025);--em-chart-tabs-color: var(--em-sem-text--neutral);--em-chart-tabs-font-family: var(--em-core-font-family--base);--em-chart-tabs-gap: var(--em-core-spacing--0200);--em-chart-tabs-padding: var(--em-core-spacing--0300);--em-chart-tabs-pagination-padding: var(--em-core-spacing--0100);--em-chart-tabs-title-font-size: var(--em-core-font-size--xs);--em-chart-tabs-title-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-title-line-height: var(--em-core-line-height--sm);--em-chart-tabs-value-font-size: var(--em-core-font-size--xl);--em-chart-tabs-value-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-value-line-height: var(--em-core-line-height--l);--em-chart-tooltip-background: var(--em-sem-background--inverted);--em-chart-tooltip-border-radius: var(--em-core-border-radius--300);--em-chart-tooltip-family: var(--em-core-font-family--base);--em-chart-tooltip-gap: var(--em-core-spacing--0200);--em-chart-tooltip-padding: var(--em-core-spacing--0400);--em-chart-tooltip-title-color: var(--em-sem-text--inverted);--em-chart-tooltip-title-font-size: var(--em-core-font-size--sm);--em-chart-tooltip-title-font-weight: var(--em-core-font-weight--bold);--em-chart-tooltip-title-line-height: var(--em-core-line-height--md);--em-daterangepicker-accent-color: var(--em-sem-background--inverted);--em-daterangepicker-chevron--active: var(--em-sem-background--muted);--em-daterangepicker-chevron--hover: var(--em-sem-background--subtle);--em-daterangepicker-chevron-background: var(--em-sem-background--light);--em-daterangepicker-chevron-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-chevron-color: var(--em-sem-text);--em-daterangepicker-chevron-icon-size: var(--em-core-size--0400);--em-daterangepicker-chevron-size: var(--em-core-size--0800);--em-daterangepicker-day-color: var(--em-sem-text);--em-daterangepicker-day-font-family: var(--em-core-font-family--base);--em-daterangepicker-day-font-size: var(--em-core-font-size--sm);--em-daterangepicker-day-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-day-outside: var(--em-sem-text--subtle);--em-daterangepicker-day-range-background: var(--em-sem-background--light);--em-daterangepicker-day-range-limit-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-day-range-limit-color: var(--em-sem-text--inverted);--em-daterangepicker-day-size: var(--em-core-size--0800);--em-daterangepicker-label-color: var(--em-sem-text);--em-daterangepicker-label-font-family: var(--em-core-font-family--base);--em-daterangepicker-label-font-size: var(--em-core-font-size--sm);--em-daterangepicker-label-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-weekday-color: var(--em-sem-text--muted);--em-daterangepicker-weekday-font-family: var(--em-core-font-family--base);--em-daterangepicker-weekday-font-size: var(--em-core-font-size--sm);--em-daterangepicker-weekday-font-weight: var(--em-core-font-weight--medium);--em-divider-color: var(--em-sem-background--subtle);--em-divider-thickness: 1px;--em-field-feedback-color: var(--em-sem-text--muted);--em-field-feedback-color--error: var(--em-sem-status-error-text);--em-field-feedback-error-font-size: var(--em-core-font-size--xs);--em-field-feedback-error-font-weight: var(--em-core-font-weight--medium);--em-field-feedback-error-line-height: var(--em-core-line-height--md);--em-field-feedback-font-size: var(--em-core-font-size--xs);--em-field-feedback-font-weight: var(--em-core-font-weight--regular);--em-field-feedback-line-height: var(--em-core-line-height--sm);--em-field-feedback-padding-bottom: var(--em-core-spacing--0200);--em-field-feedback-padding-top: var(--em-core-spacing--0200);--em-field-font-family: var(--em-core-font-family--base);--em-field-header-color: var(--em-sem-text);--em-field-header-padding-bottom: var(--em-core-spacing--0200);--em-field-header-required-font-size: var(--em-core-font-size--xs);--em-field-header-required-font-weight: var(--em-core-font-weight--regular);--em-field-header-required-line-height: var(--em-core-line-height--sm);--em-field-header-title-font-size: var(--em-core-font-size--sm);--em-field-header-title-font-weight: var(--em-core-font-weight--medium);--em-field-header-title-line-height: var(--em-core-line-height--md);--em-filter-background--chevron: var(--em-sem-background--neutral);--em-filter-background--filter: var(--em-sem-background--light);--em-filter-background--hover: var(--em-sem-background--subtle);--em-filter-background--operator: var(--em-core-color-gray--0050);--em-filter-background--selected: var(--em-sem-background--muted);--em-filter-border-color: rgb(255 255 255 / 0%);--em-filter-border-color--hover: rgb(255 255 255 / 0%);--em-filter-border-color--operator: rgb(255 255 255 / 0%);--em-filter-border-color--selected: rgb(255 255 255 / 0%);--em-filter-border-radius: var(--em-core-border-radius--100);--em-filter-border-radius--group: var(--em-core-border-radius--400);--em-filter-border-width: 0px;--em-filter-color: var(--em-sem-text--neutral);--em-filter-color--operator: var(--em-sem-text--muted);--em-filter-gap--external: var(--em-core-spacing--0300);--em-filter-gap--internal: var(--em-core-spacing--0050);--em-filter-height: var(--em-core-size--0800);--em-filter-label-font-family: var(--em-core-font-family--base);--em-filter-label-font-size: var(--em-core-font-size--xs);--em-filter-label-font-weight: var(--em-core-font-weight--medium);--em-filter-label-font-weight--operator: var(--em-core-font-weight--regular);--em-filter-label-label-padding-left-right: var(--em-core-spacing--0150);--em-filter-label-line-height: var(--em-core-line-height--sm);--em-filter-padding-left-right: var(--em-core-spacing--0300);--em-filter-padding-left-right--operator: var(--em-core-spacing--0100);--em-ghostbutton-background--active: var(--em-sem-background--subtle);--em-ghostbutton-background--hover: var(--em-sem-background--light);--em-ghostbutton-border-color: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--active: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--disabled: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--hover: rgb(255 255 255 / 0%);--em-ghostbutton-border-radius: var(--em-core-border-radius--100);--em-ghostbutton-border-width: 0px;--em-ghostbutton-color: var(--em-sem-text);--em-ghostbutton-color--disabled: var(--em-sem-text--subtle);--em-ghostbutton-font-family: var(--em-core-font-family--base);--em-ghostbutton-font-size: var(--em-core-font-size--xs);--em-ghostbutton-font-weight: var(--em-core-font-weight--regular);--em-ghostbutton-height: var(--em-core-size--0500);--em-ghostbutton-icon-size: var(--em-core-size--0400);--em-ghostbutton-label-padding-left: var(--em-core-spacing--0100);--em-ghostbutton-label-padding-right: var(--em-core-spacing--0100);--em-ghostbutton-line-height: var(--em-core-line-height--sm);--em-ghostbutton-padding-left-right: var(--em-core-spacing--0050);--em-ghostbuttonicon-background--active: var(--em-sem-background--subtle);--em-ghostbuttonicon-background--hover: var(--em-sem-background--light);--em-ghostbuttonicon-border-color: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-color--active: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-color--disabled: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-color--hover: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-radius: var(--em-core-border-radius--100);--em-ghostbuttonicon-border-width: 0px;--em-ghostbuttonicon-color: var(--em-sem-text);--em-ghostbuttonicon-color--disabled: var(--em-sem-text--subtle);--em-ghostbuttonicon-height: var(--em-core-size--0500);--em-ghostbuttonicon-icon-size: var(--em-core-size--0400);--em-ghostbuttonicon-width: var(--em-core-size--0500);--em-kpichart-color: var(--em-sem-text);--em-kpichart-font-family: var(--em-core-font-family--base);--em-kpichart-gap: var(--em-core-spacing--0400);--em-kpichart-label-font-size: var(--em-core-font-size--sm);--em-kpichart-label-font-weight: var(--em-core-font-weight--regular);--em-kpichart-label-gap: var(--em-core-spacing--0200);--em-kpichart-number-font-size: var(--em-core-font-size--xxl);--em-kpichart-number-font-weight: var(--em-core-font-weight--bold);--em-kpichart-number-line-height: var(--em-core-line-height--xl);--em-kpichart-trend-background--negative: var(--em-sem-status-error-background);--em-kpichart-trend-background--positive: var(--em-sem-status-success-background);--em-kpichart-trend-border-radius: var(--em-core-border-radius--150);--em-kpichart-trend-color--negative: var(--em-sem-status-error-text);--em-kpichart-trend-color--positive: var(--em-sem-status-success-text);--em-kpichart-trend-font-size: var(--em-core-font-size--md);--em-kpichart-trend-font-weight: var(--em-core-font-weight--medium);--em-kpichart-trend-height: var(--em-core-size--0600);--em-kpichart-trend-icon-size: var(--em-core-size--0400);--em-kpichart-trend-line-height: var(--em-core-line-height--md);--em-kpichart-trend-padding: var(--em-core-spacing--0100);--em-linechart-line-dash: var(--em-core-size--0100);--em-linechart-line-gap: var(--em-core-size--0100);--em-linechart-line-width: 2px;--em-linechart-point-size: var(--em-core-size--0200);--em-linechart-point-size--hover: var(--em-core-size--0300);--em-markdown-background: var(--em-sem-background--neutral);--em-markdown-code-color: var(--em-sem-text);--em-markdown-code-font-family: var(--em-core-font-family--code);--em-markdown-code-font-size: var(--em-core-font-size--sm);--em-markdown-code-font-weight--regular: var(--em-core-font-weight--regular);--em-markdown-code-font-weight--strong: var(--em-core-font-weight--bold);--em-markdown-code-line-height: var(--em-core-line-height--md);--em-markdown-color--placeholder: var(--em-sem-background--muted);--em-markdown-h1-color: var(--em-sem-text);--em-markdown-h1-font-family: var(--em-core-font-family--base);--em-markdown-h1-font-size: var(--em-core-font-size--xxl);--em-markdown-h1-font-weight: var(--em-core-font-weight--bold);--em-markdown-h1-line-height: var(--em-core-line-height--xl);--em-markdown-h2-color: var(--em-sem-text);--em-markdown-h2-font-family: var(--em-core-font-family--base);--em-markdown-h2-font-size: var(--em-core-font-size--xl);--em-markdown-h2-font-weight: var(--em-core-font-weight--bold);--em-markdown-h2-line-height: var(--em-core-line-height--l);--em-markdown-h3-color: var(--em-sem-text);--em-markdown-h3-font-family: var(--em-core-font-family--base);--em-markdown-h3-font-size: var(--em-core-font-size--md);--em-markdown-h3-font-weight: var(--em-core-font-weight--bold);--em-markdown-h3-line-height: var(--em-core-line-height--md);--em-markdown-hr-border-width: 1px;--em-markdown-hr-color: var(--em-sem-background--muted);--em-markdown-link-color: var(--em-sem-text);--em-markdown-link-font-family: var(--em-core-font-family--base);--em-markdown-link-font-size: var(--em-core-font-size--sm);--em-markdown-link-font-weight: var(--em-core-font-weight--medium);--em-markdown-link-line-height: var(--em-core-line-height--md);--em-markdown-min-height: 160px;--em-markdown-options-border-color: var(--em-sem-background--muted);--em-markdown-options-border-radius: var(--em-core-border-radius--100);--em-markdown-options-border-width: 1px;--em-markdown-options-gap: var(--em-core-spacing--0100);--em-markdown-options-padding: var(--em-core-spacing--0100);--em-markdown-p-color: var(--em-sem-text);--em-markdown-p-font-family: var(--em-core-font-family--base);--em-markdown-p-font-size: var(--em-core-font-size--sm);--em-markdown-p-font-weight--regular: var(--em-core-font-weight--regular);--em-markdown-p-font-weight--strong: var(--em-core-font-weight--bold);--em-markdown-p-line-height: var(--em-core-line-height--md);--em-overlay-background: rgb(33 33 41 / 90%);--em-piechart-donut-color: var(--em-sem-text);--em-piechart-donut-label-font-size: var(--em-core-font-size--md);--em-piechart-donut-label-font-weight: var(--em-core-font-weight--medium);--em-piechart-donut-label-line-height: var(--em-core-line-height--md);--em-piechart-donut-number-font-size: var(--em-core-font-size--xxl);--em-piechart-donut-number-font-weight: var(--em-core-font-weight--bold);--em-piechart-donut-number-line-height: var(--em-core-line-height--xl);--em-piechart-font-family: var(--em-core-font-family--base);--em-selectfield-category-background: var(--em-sem-background--subtle);--em-selectfield-category-border-radius: var(--em-core-border-radius--150);--em-selectfield-category-color: var(--em-sem-text--neutral);--em-selectfield-category-font-family: var(--em-core-font-family--base);--em-selectfield-category-font-size: var(--em-core-font-size--xs);--em-selectfield-category-font-weight: var(--em-core-font-weight--bold);--em-selectfield-category-line-height: var(--em-core-line-height--sm);--em-selectfield-category-padding: var(--em-core-spacing--0100);--em-selectfield-content-background: var(--em-sem-background--neutral);--em-selectfield-content-border-radius: var(--em-core-border-radius--300);--em-selectfield-content-gap: var(--em-core-spacing--0200);--em-selectfield-content-max-height: 320px;--em-selectfield-content-max-width: 400px;--em-selectfield-content-opacity--loading: 50px;--em-selectfield-content-padding: var(--em-core-spacing--0200);--em-selectfield-content-shadow-blur: var(--em-core-shadow-blur);--em-selectfield-content-shadow-color: rgb(33 33 41 / 25%);--em-selectfield-content-shadow-position-x: var(--em-core-shadow-position-x);--em-selectfield-content-shadow-position-y: var(--em-core-shadow-position-y);--em-selectfield-content-shadow-spread: var(--em-core-shadow-spread);--em-selectfield-item-background: var(--em-sem-background--neutral);--em-selectfield-item-background--active: var(--em-sem-background--light);--em-selectfield-item-background--hover: var(--em-sem-background);--em-selectfield-item-background--selected: var(--em-sem-background--inverted);--em-selectfield-item-border-radius: var(--em-core-border-radius--200);--em-selectfield-item-font-family: var(--em-core-font-family--base);--em-selectfield-item-height: var(--em-core-size--0800);--em-selectfield-item-icon-color: var(--em-sem-text);--em-selectfield-item-icon-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-icon-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-icon-size: var(--em-core-size--0400);--em-selectfield-item-label-left-color: var(--em-sem-text);--em-selectfield-item-label-left-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-left-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-left-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-left-font-weight: var(--em-core-font-weight--medium);--em-selectfield-item-label-left-line-height: var(--em-core-line-height--sm);--em-selectfield-item-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-item-label-right-color: var(--em-sem-text--muted);--em-selectfield-item-label-right-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-right-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-right-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-right-font-weight: var(--em-core-font-weight--regular);--em-selectfield-item-label-right-line-height: var(--em-core-line-height--sm);--em-selectfield-item-padding: var(--em-core-spacing--0200);--em-selectfield-trigger-background: var(--em-sem-background--neutral);--em-selectfield-trigger-background--active: var(--em-sem-background--light);--em-selectfield-trigger-background--filled: var(--em-sem-background--inverted);--em-selectfield-trigger-background--hover: var(--em-sem-background);--em-selectfield-trigger-border-color: var(--em-sem-background--muted);--em-selectfield-trigger-border-color--error: var(--em-sem-status-error-text);--em-selectfield-trigger-border-radius: var(--em-core-border-radius--200);--em-selectfield-trigger-border-width: var(--em-core-border-width--025);--em-selectfield-trigger-border-width--error: var(--em-core-border-width--050);--em-selectfield-trigger-color: var(--em-sem-text);--em-selectfield-trigger-color--disabled: var(--em-sem-text--subtle);--em-selectfield-trigger-color--filled: var(--em-sem-text--inverted);--em-selectfield-trigger-font-family: var(--em-core-font-family--base);--em-selectfield-trigger-font-size: var(--em-core-font-size--xs);--em-selectfield-trigger-font-weight: var(--em-core-font-weight--medium);--em-selectfield-trigger-height: var(--em-core-size--1000);--em-selectfield-trigger-icon-size: var(--em-core-size--0400);--em-selectfield-trigger-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-trigger-line-height: var(--em-core-line-height--sm);--em-selectfield-trigger-min-width: 64px;--em-selectfield-trigger-padding: var(--em-core-spacing--0300);--em-skeleton-border-radius: var(--em-core-border-radius--300);--em-switch-background--disabled: var(--em-sem-background--subtle);--em-switch-background--off: var(--em-sem-background--subtle);--em-switch-background--on: var(--em-sem-background--inverted);--em-switch-font-family: var(--em-core-font-family--base);--em-switch-height: var(--em-core-size--0400);--em-switch-label-color: var(--em-sem-text);--em-switch-label-color--disabled: var(--em-sem-text--subtle);--em-switch-label-color-font-size: var(--em-core-font-size--md);--em-switch-label-color-font-weight: var(--em-core-font-weight--medium);--em-switch-label-color-line-height: var(--em-core-line-height--md);--em-switch-label-gap: var(--em-core-spacing--0200);--em-switch-shadow-blur: var(--em-core-shadow-blur);--em-switch-shadow-color: var(--em-core-shadow-color);--em-switch-shadow-position-x: var(--em-core-shadow-position-x);--em-switch-shadow-position-y: var(--em-core-shadow-position-y);--em-switch-shadow-spread: var(--em-core-shadow-spread);--em-switch-size-border-radius: var(--em-core-border-radius--500);--em-switch-thumb-background: var(--em-sem-background--neutral);--em-switch-thumb-background--disabled: var(--em-sem-background--light);--em-switch-thumb-background--off: var(--em-sem-text--muted);--em-switch-thumb-padding: var(--em-core-spacing--0050);--em-switch-thumb-size: var(--em-core-size--0300);--em-switch-width: var(--em-core-size--0800);--em-tablechart-border-color: var(--em-sem-background--light);--em-tablechart-border-radius: var(--em-core-border-radius--300);--em-tablechart-border-width: 1px;--em-tablechart-cell-background: var(--em-sem-background--neutral);--em-tablechart-cell-background--hover: var(--em-sem-background);--em-tablechart-cell-height: var(--em-core-size--1000);--em-tablechart-cell-min-width: var(--em-core-size--1200);--em-tablechart-cell-padding: var(--em-core-spacing--0200);--em-tablechart-color: var(--em-sem-text);--em-tablechart-color--muted: var(--em-sem-text--muted);--em-tablechart-font-family: var(--em-core-font-family--base);--em-tablechart-font-size: var(--em-core-font-size--xs);--em-tablechart-font-weight: var(--em-core-font-weight--regular);--em-tablechart-font-weight--bold: var(--em-core-font-weight--bold);--em-tablechart-font-weight--medium: var(--em-core-font-weight--medium);--em-tablechart-header-background: var(--em-sem-background--neutral);--em-tablechart-header-background--hover: var(--em-sem-background);--em-tablechart-heatmap-color: var(--em-sem-chart-color--1);--em-tablechart-icon-size: var(--em-core-size--0400);--em-tablechart-line-height: var(--em-core-line-height--sm);--em-tablechart-loading-indicator-color: var(--em-sem-text--neutral);--em-tablechart-loading-indicator-font-family: var(--em-core-font-family--base);--em-tablechart-loading-indicator-font-size: var(--em-core-font-size--xs);--em-tablechart-loading-indicator-font-weight: var(--em-core-font-weight--bold);--em-tablechart-loading-indicator-padding: var(--em-core-spacing--0300);--em-tablechart-padding-left-right: var(--em-core-spacing--0100);--em-tablechart-pagination-button-gap: var(--em-core-spacing--0200);--em-tablechart-pagination-height: var(--em-core-size--1200);--em-tablechart-pagination-label-padding-left-right: var(--em-core-spacing--0400);--em-tablechart-pivot-ident-padding: var(--em-core-spacing--0400);--em-textfield-background: var(--em-sem-background);--em-textfield-background--active: var(--em-sem-background--subtle);--em-textfield-background--disabled: var(--em-sem-background--neutral);--em-textfield-background--filled: var(--em-sem-background--light);--em-textfield-border-color: var(--em-sem-text--subtle);--em-textfield-border-color--error: var(--em-sem-status-error-text);--em-textfield-border-radius: var(--em-core-border-radius--200);--em-textfield-border-width: var(--em-core-border-width--025);--em-textfield-border-width--error: var(--em-core-border-width--050);--em-textfield-color: var(--em-sem-text--muted);--em-textfield-color--disabled: var(--em-sem-text--subtle);--em-textfield-color--filled: var(--em-sem-text);--em-textfield-feedback-color: var(--em-sem-text--muted);--em-textfield-feedback-color--error: var(--em-sem-status-error-text);--em-textfield-feedback-font-family: var(--em-core-font-family--base);--em-textfield-feedback-font-size: var(--em-core-font-size--xs);--em-textfield-feedback-font-weight: var(--em-core-font-weight--regular);--em-textfield-feedback-font-weight--error: var(--em-core-font-weight--medium);--em-textfield-feedback-line-height: var(--em-core-line-height--md);--em-textfield-font-family: var(--em-core-font-family--base);--em-textfield-font-size: var(--em-core-font-size--xs);--em-textfield-font-weight: var(--em-core-font-weight--regular);--em-textfield-font-weight--filled: var(--em-core-font-weight--medium);--em-textfield-height: var(--em-core-size--1000);--em-textfield-icon-size: var(--em-core-size--0400);--em-textfield-label-padding: var(--em-core-spacing--0200);--em-textfield-line-height: var(--em-core-line-height--md);--em-textfield-max-width: 400px;--em-textfield-min-width: 160px;--em-textfield-padding: var(--em-core-spacing--0200);--em-tooltip-background: var(--em-sem-background--inverted);--em-tooltip-border-radius: var(--em-core-border-radius--150);--em-tooltip-color: var(--em-sem-text--inverted);--em-tooltip-font-family: var(--em-core-font-family--base);--em-tooltip-font-size: var(--em-core-font-size--xs);--em-tooltip-font-weight: var(--em-core-font-weight--regular);--em-tooltip-line-height: var(--em-core-line-height--sm);--em-tooltip-max-width: 256px;--em-tooltip-padding-left-right: var(--em-core-spacing--0200);--em-tooltip-padding-top-bottom: var(--em-core-spacing--0150)}:root{--em-core-font-family--base: inter;--em-core-font-family--code: monospace}
|
|
@@ -24,6 +24,7 @@ declare const stylesTokensCore: {
|
|
|
24
24
|
'--em-core-color-gray--0900': string;
|
|
25
25
|
'--em-core-color-gray--1000': string;
|
|
26
26
|
'--em-core-font-family--base': string;
|
|
27
|
+
'--em-core-font-family--code': string;
|
|
27
28
|
'--em-core-font-size--md': string;
|
|
28
29
|
'--em-core-font-size--sm': string;
|
|
29
30
|
'--em-core-font-size--xl': string;
|
|
@@ -320,6 +321,31 @@ declare const stylesTokensComponents: {
|
|
|
320
321
|
'--em-field-header-title-font-size': string;
|
|
321
322
|
'--em-field-header-title-font-weight': string;
|
|
322
323
|
'--em-field-header-title-line-height': string;
|
|
324
|
+
'--em-filter-background--chevron': string;
|
|
325
|
+
'--em-filter-background--filter': string;
|
|
326
|
+
'--em-filter-background--hover': string;
|
|
327
|
+
'--em-filter-background--operator': string;
|
|
328
|
+
'--em-filter-background--selected': string;
|
|
329
|
+
'--em-filter-border-color': string;
|
|
330
|
+
'--em-filter-border-color--hover': string;
|
|
331
|
+
'--em-filter-border-color--operator': string;
|
|
332
|
+
'--em-filter-border-color--selected': string;
|
|
333
|
+
'--em-filter-border-radius': string;
|
|
334
|
+
'--em-filter-border-radius--group': string;
|
|
335
|
+
'--em-filter-border-width': string;
|
|
336
|
+
'--em-filter-color': string;
|
|
337
|
+
'--em-filter-color--operator': string;
|
|
338
|
+
'--em-filter-gap--external': string;
|
|
339
|
+
'--em-filter-gap--internal': string;
|
|
340
|
+
'--em-filter-height': string;
|
|
341
|
+
'--em-filter-label-font-family': string;
|
|
342
|
+
'--em-filter-label-font-size': string;
|
|
343
|
+
'--em-filter-label-font-weight': string;
|
|
344
|
+
'--em-filter-label-font-weight--operator': string;
|
|
345
|
+
'--em-filter-label-label-padding-left-right': string;
|
|
346
|
+
'--em-filter-label-line-height': string;
|
|
347
|
+
'--em-filter-padding-left-right': string;
|
|
348
|
+
'--em-filter-padding-left-right--operator': string;
|
|
323
349
|
'--em-ghostbutton-background--active': string;
|
|
324
350
|
'--em-ghostbutton-background--hover': string;
|
|
325
351
|
'--em-ghostbutton-border-color': string;
|
|
@@ -339,6 +365,19 @@ declare const stylesTokensComponents: {
|
|
|
339
365
|
'--em-ghostbutton-label-padding-right': string;
|
|
340
366
|
'--em-ghostbutton-line-height': string;
|
|
341
367
|
'--em-ghostbutton-padding-left-right': string;
|
|
368
|
+
'--em-ghostbuttonicon-background--active': string;
|
|
369
|
+
'--em-ghostbuttonicon-background--hover': string;
|
|
370
|
+
'--em-ghostbuttonicon-border-color': string;
|
|
371
|
+
'--em-ghostbuttonicon-border-color--active': string;
|
|
372
|
+
'--em-ghostbuttonicon-border-color--disabled': string;
|
|
373
|
+
'--em-ghostbuttonicon-border-color--hover': string;
|
|
374
|
+
'--em-ghostbuttonicon-border-radius': string;
|
|
375
|
+
'--em-ghostbuttonicon-border-width': string;
|
|
376
|
+
'--em-ghostbuttonicon-color': string;
|
|
377
|
+
'--em-ghostbuttonicon-color--disabled': string;
|
|
378
|
+
'--em-ghostbuttonicon-height': string;
|
|
379
|
+
'--em-ghostbuttonicon-icon-size': string;
|
|
380
|
+
'--em-ghostbuttonicon-width': string;
|
|
342
381
|
'--em-kpichart-color': string;
|
|
343
382
|
'--em-kpichart-font-family': string;
|
|
344
383
|
'--em-kpichart-gap': string;
|
|
@@ -364,6 +403,14 @@ declare const stylesTokensComponents: {
|
|
|
364
403
|
'--em-linechart-line-width': string;
|
|
365
404
|
'--em-linechart-point-size': string;
|
|
366
405
|
'--em-linechart-point-size--hover': string;
|
|
406
|
+
'--em-markdown-background': string;
|
|
407
|
+
'--em-markdown-code-color': string;
|
|
408
|
+
'--em-markdown-code-font-family': string;
|
|
409
|
+
'--em-markdown-code-font-size': string;
|
|
410
|
+
'--em-markdown-code-font-weight--regular': string;
|
|
411
|
+
'--em-markdown-code-font-weight--strong': string;
|
|
412
|
+
'--em-markdown-code-line-height': string;
|
|
413
|
+
'--em-markdown-color--placeholder': string;
|
|
367
414
|
'--em-markdown-h1-color': string;
|
|
368
415
|
'--em-markdown-h1-font-family': string;
|
|
369
416
|
'--em-markdown-h1-font-size': string;
|
|
@@ -379,16 +426,24 @@ declare const stylesTokensComponents: {
|
|
|
379
426
|
'--em-markdown-h3-font-size': string;
|
|
380
427
|
'--em-markdown-h3-font-weight': string;
|
|
381
428
|
'--em-markdown-h3-line-height': string;
|
|
429
|
+
'--em-markdown-hr-border-width': string;
|
|
430
|
+
'--em-markdown-hr-color': string;
|
|
382
431
|
'--em-markdown-link-color': string;
|
|
383
432
|
'--em-markdown-link-font-family': string;
|
|
384
433
|
'--em-markdown-link-font-size': string;
|
|
385
434
|
'--em-markdown-link-font-weight': string;
|
|
386
435
|
'--em-markdown-link-line-height': string;
|
|
436
|
+
'--em-markdown-min-height': string;
|
|
437
|
+
'--em-markdown-options-border-color': string;
|
|
438
|
+
'--em-markdown-options-border-radius': string;
|
|
439
|
+
'--em-markdown-options-border-width': string;
|
|
440
|
+
'--em-markdown-options-gap': string;
|
|
441
|
+
'--em-markdown-options-padding': string;
|
|
387
442
|
'--em-markdown-p-color': string;
|
|
388
443
|
'--em-markdown-p-font-family': string;
|
|
389
444
|
'--em-markdown-p-font-size': string;
|
|
390
|
-
'--em-markdown-p-font-weight--bold': string;
|
|
391
445
|
'--em-markdown-p-font-weight--regular': string;
|
|
446
|
+
'--em-markdown-p-font-weight--strong': string;
|
|
392
447
|
'--em-markdown-p-line-height': string;
|
|
393
448
|
'--em-overlay-background': string;
|
|
394
449
|
'--em-piechart-donut-color': string;
|
package/dist/index.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import * as React$1 from 'react';
|
|
|
2
2
|
import React__default, { FC, ReactElement, CSSProperties, RefObject, SVGProps, ImgHTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
import { ChartData, ChartOptions, CartesianTickOptions, GridLineOptions } from 'chart.js';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
-
import { S as StylesKeys } from './index-
|
|
6
|
-
export { a as Styles, s as styles } from './index-
|
|
5
|
+
import { S as StylesKeys } from './index-BxUXQI8d.js';
|
|
6
|
+
export { a as Styles, s as styles } from './index-BxUXQI8d.js';
|
|
7
7
|
import { DateRange } from 'react-day-picker';
|
|
8
8
|
export { DateRange } from 'react-day-picker';
|
|
9
9
|
import * as _tabler_icons_react from '@tabler/icons-react';
|
|
@@ -535,6 +535,10 @@ declare const GhostButton: React__default.ForwardRefExoticComponent<{
|
|
|
535
535
|
endIcon?: Icon;
|
|
536
536
|
} & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
537
537
|
|
|
538
|
+
declare const GhostButtonIcon: React__default.ForwardRefExoticComponent<{
|
|
539
|
+
icon: React__default.ComponentType<IconProps>;
|
|
540
|
+
} & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
541
|
+
|
|
538
542
|
type OverlayProps = {
|
|
539
543
|
className?: string;
|
|
540
544
|
children?: ReactNode;
|
|
@@ -570,6 +574,18 @@ type DividerProps = {
|
|
|
570
574
|
};
|
|
571
575
|
declare const Divider: ({ color, thickness, vertical, className }: DividerProps) => react_jsx_runtime.JSX.Element;
|
|
572
576
|
|
|
577
|
+
type MarkdownProps = {
|
|
578
|
+
content?: string;
|
|
579
|
+
};
|
|
580
|
+
declare const Markdown: FC<MarkdownProps>;
|
|
581
|
+
|
|
582
|
+
type MarkdownEditorProps = {
|
|
583
|
+
value?: string | null;
|
|
584
|
+
onChange?: (value: string) => void;
|
|
585
|
+
placeholder?: string;
|
|
586
|
+
};
|
|
587
|
+
declare const MarkdownEditor: FC<MarkdownEditorProps>;
|
|
588
|
+
|
|
573
589
|
declare const getStyle: (variableName: StylesKeys, fallbackValue?: string) => string;
|
|
574
590
|
declare const getStyleNumber: (variableName: StylesKeys, fallbackValue?: string) => number | undefined;
|
|
575
591
|
|
|
@@ -579,4 +595,4 @@ declare const endOfDayUTC: (date: Date) => Date;
|
|
|
579
595
|
|
|
580
596
|
declare const shallowEqual: (object1: any, object2: any) => boolean;
|
|
581
597
|
|
|
582
|
-
export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, Divider, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableBody, TableBodyCellWithCopy, type TableBodyProps, TableHeader, TableHeaderAlign, type TableHeaderCell, type TableHeaderCellStyle, type TableHeaderItem, type TableHeaderItemAlign, type TableHeaderProps, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, TableScrollable, type TableScrollableHandle, type TableScrollableProps, type TableSort, TableSortDirection, TextField, Tooltip, Typography, chartjsAxisOptionsLayoutPadding, chartjsAxisOptionsLayoutPaddingLarge, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };
|
|
598
|
+
export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, Divider, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, GhostButtonIcon, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, Markdown, MarkdownEditor, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableBody, TableBodyCellWithCopy, type TableBodyProps, TableHeader, TableHeaderAlign, type TableHeaderCell, type TableHeaderCellStyle, type TableHeaderItem, type TableHeaderItemAlign, type TableHeaderProps, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, TableScrollable, type TableScrollableHandle, type TableScrollableProps, type TableSort, TableSortDirection, TextField, Tooltip, Typography, chartjsAxisOptionsLayoutPadding, chartjsAxisOptionsLayoutPaddingLarge, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
styles
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-TZ3EDAGU.js";
|
|
4
4
|
|
|
5
5
|
// src/components/charts/bars/BarChart.tsx
|
|
6
6
|
import { useRef } from "react";
|
|
@@ -1861,7 +1861,7 @@ var TableBodyCellWithCopy = ({
|
|
|
1861
1861
|
value,
|
|
1862
1862
|
align = "left",
|
|
1863
1863
|
children,
|
|
1864
|
-
style
|
|
1864
|
+
style: style2
|
|
1865
1865
|
}) => {
|
|
1866
1866
|
const [isPressedCopy, setIsPressedCopy] = useState5(false);
|
|
1867
1867
|
const handleCopy = () => {
|
|
@@ -1874,7 +1874,7 @@ var TableBodyCellWithCopy = ({
|
|
|
1874
1874
|
"td",
|
|
1875
1875
|
{
|
|
1876
1876
|
title: value,
|
|
1877
|
-
style: { textAlign: align, ...
|
|
1877
|
+
style: { textAlign: align, ...style2 },
|
|
1878
1878
|
onMouseLeave: () => setIsPressedCopy(false),
|
|
1879
1879
|
children: [
|
|
1880
1880
|
/* @__PURE__ */ jsx12(
|
|
@@ -1923,7 +1923,7 @@ var TablePagination = ({
|
|
|
1923
1923
|
if (totalPages && page >= totalPages) {
|
|
1924
1924
|
onPageChange(0);
|
|
1925
1925
|
}
|
|
1926
|
-
}, [totalPages, page]);
|
|
1926
|
+
}, [totalPages, page, onPageChange]);
|
|
1927
1927
|
return /* @__PURE__ */ jsx13("div", { className: styles10.tablePagination, "aria-label": "Table pagination controls", children: /* @__PURE__ */ jsxs7("div", { className: styles10.tablePaginationCentral, children: [
|
|
1928
1928
|
/* @__PURE__ */ jsxs7("div", { className: styles10.tablePaginationCentralButtons, children: [
|
|
1929
1929
|
/* @__PURE__ */ jsx13(
|
|
@@ -2182,8 +2182,9 @@ var DateRangePickerChevron = ({
|
|
|
2182
2182
|
const rotation = orientation === "left" ? void 0 : "rotate(180deg)";
|
|
2183
2183
|
const isSmallChevron = size === SMALL_SIZE;
|
|
2184
2184
|
return /* @__PURE__ */ jsx16(
|
|
2185
|
-
"
|
|
2185
|
+
"span",
|
|
2186
2186
|
{
|
|
2187
|
+
"data-testid": "date-range-picker-chevron",
|
|
2187
2188
|
className: clsx9(styles12.chevron, isSmallChevron && styles12.small),
|
|
2188
2189
|
style: {
|
|
2189
2190
|
transform: rotation
|
|
@@ -2300,7 +2301,7 @@ import { forwardRef as forwardRef3 } from "react";
|
|
|
2300
2301
|
// src/components/shared/GhostButton/GhostButton.tsx
|
|
2301
2302
|
import React3 from "react";
|
|
2302
2303
|
import clsx11 from "clsx";
|
|
2303
|
-
import styles14 from "./GhostButton.module-
|
|
2304
|
+
import styles14 from "./GhostButton.module-33OGL7WW.module.css";
|
|
2304
2305
|
import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2305
2306
|
var GhostButton = React3.forwardRef(
|
|
2306
2307
|
({ startIcon: StartIcon, endIcon: EndIcon, children, className, ...props }, ref) => {
|
|
@@ -2565,7 +2566,7 @@ import { forwardRef as forwardRef5 } from "react";
|
|
|
2565
2566
|
|
|
2566
2567
|
// src/components/editors/inputs/shared/InputField/InputField.tsx
|
|
2567
2568
|
import { IconX as IconX2 } from "@tabler/icons-react";
|
|
2568
|
-
import styles20 from "./InputField.module-
|
|
2569
|
+
import styles20 from "./InputField.module-DWUIQOWJ.module.css";
|
|
2569
2570
|
import clsx16 from "clsx";
|
|
2570
2571
|
import { forwardRef as forwardRef4 } from "react";
|
|
2571
2572
|
import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
@@ -2693,7 +2694,7 @@ import { Fragment as Fragment6, useEffect as useEffect8, useMemo as useMemo5, us
|
|
|
2693
2694
|
|
|
2694
2695
|
// src/components/editors/selects/shared/SelectFieldContent/SelectFieldOptions/SelectFieldOption/SelectFieldOption.tsx
|
|
2695
2696
|
import * as DropdownMenu2 from "@radix-ui/react-dropdown-menu";
|
|
2696
|
-
import styles21 from "./SelectFieldOption.module-
|
|
2697
|
+
import styles21 from "./SelectFieldOption.module-ZXJXUZWN.module.css";
|
|
2697
2698
|
import clsx17 from "clsx";
|
|
2698
2699
|
import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
2699
2700
|
var SelectListOption = ({
|
|
@@ -3252,61 +3253,227 @@ var CardFeedback = ({
|
|
|
3252
3253
|
] });
|
|
3253
3254
|
};
|
|
3254
3255
|
|
|
3255
|
-
// src/components/shared/
|
|
3256
|
+
// src/components/shared/GhostButtonIcon/GhostButtonIcon.tsx
|
|
3257
|
+
import React5 from "react";
|
|
3256
3258
|
import clsx22 from "clsx";
|
|
3257
|
-
import
|
|
3259
|
+
import style from "./GhostButtonIcon.module-6J6DJCE6.module.css";
|
|
3258
3260
|
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
3261
|
+
var GhostButtonIcon = React5.forwardRef(
|
|
3262
|
+
({ icon: Icon, className, ...props }, ref) => {
|
|
3263
|
+
return /* @__PURE__ */ jsx38("button", { ref, className: clsx22(style.ghostButtonIcon, className), ...props, children: /* @__PURE__ */ jsx38(Icon, {}) });
|
|
3264
|
+
}
|
|
3265
|
+
);
|
|
3266
|
+
GhostButtonIcon.displayName = "GhostButtonIcon";
|
|
3267
|
+
|
|
3268
|
+
// src/components/shared/Overlay/Overlay.tsx
|
|
3269
|
+
import clsx23 from "clsx";
|
|
3270
|
+
import styles29 from "./Overlay.module-FCW64VWM.module.css";
|
|
3271
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
3259
3272
|
var Overlay = ({ className, children }) => {
|
|
3260
|
-
return /* @__PURE__ */
|
|
3273
|
+
return /* @__PURE__ */ jsx39("div", { className: clsx23(styles29.overlay, className), children });
|
|
3261
3274
|
};
|
|
3262
3275
|
|
|
3263
3276
|
// src/components/shared/Skeleton/Skeleton.tsx
|
|
3264
3277
|
import styles30 from "./Skeleton.module-ZN5S5VRF.module.css";
|
|
3265
|
-
import { jsx as
|
|
3278
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
3266
3279
|
var Skeleton = () => {
|
|
3267
|
-
return /* @__PURE__ */
|
|
3280
|
+
return /* @__PURE__ */ jsx40("div", { className: styles30.skeleton });
|
|
3268
3281
|
};
|
|
3269
3282
|
|
|
3270
3283
|
// src/components/shared/Typography/Typography.tsx
|
|
3271
3284
|
import styles31 from "./Typography.module-SW6CT55P.module.css";
|
|
3272
|
-
import
|
|
3273
|
-
import { jsx as
|
|
3285
|
+
import clsx24 from "clsx";
|
|
3286
|
+
import { jsx as jsx41 } from "react/jsx-runtime";
|
|
3274
3287
|
function Typography({
|
|
3275
3288
|
children,
|
|
3276
3289
|
as: Component = "p",
|
|
3277
3290
|
className,
|
|
3278
|
-
style,
|
|
3291
|
+
style: style2,
|
|
3279
3292
|
title
|
|
3280
3293
|
}) {
|
|
3281
|
-
return /* @__PURE__ */
|
|
3294
|
+
return /* @__PURE__ */ jsx41(Component, { title, className: clsx24(styles31.typography, className), style: style2, children });
|
|
3282
3295
|
}
|
|
3283
3296
|
|
|
3284
3297
|
// src/components/shared/Divider/Divider.tsx
|
|
3285
|
-
import
|
|
3298
|
+
import clsx25 from "clsx";
|
|
3286
3299
|
import styles32 from "./Divider.module-2BOWHKT3.module.css";
|
|
3287
|
-
import { jsx as
|
|
3300
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
3288
3301
|
var getStyle2 = (color, thickness, vertical) => {
|
|
3289
|
-
const
|
|
3290
|
-
if (color)
|
|
3302
|
+
const style2 = {};
|
|
3303
|
+
if (color) style2.backgroundColor = color;
|
|
3291
3304
|
if (thickness) {
|
|
3292
3305
|
if (vertical) {
|
|
3293
|
-
|
|
3306
|
+
style2.width = thickness;
|
|
3294
3307
|
} else {
|
|
3295
|
-
|
|
3308
|
+
style2.height = thickness;
|
|
3296
3309
|
}
|
|
3297
3310
|
}
|
|
3298
|
-
return
|
|
3311
|
+
return style2;
|
|
3299
3312
|
};
|
|
3300
3313
|
var Divider = ({ color, thickness, vertical, className }) => {
|
|
3301
|
-
return /* @__PURE__ */
|
|
3314
|
+
return /* @__PURE__ */ jsx42(
|
|
3302
3315
|
"div",
|
|
3303
3316
|
{
|
|
3304
|
-
className:
|
|
3317
|
+
className: clsx25(styles32.divider, vertical && styles32.vertical, className),
|
|
3305
3318
|
style: getStyle2(color, thickness, vertical)
|
|
3306
3319
|
}
|
|
3307
3320
|
);
|
|
3308
3321
|
};
|
|
3309
3322
|
|
|
3323
|
+
// src/components/shared/Markdown/Markdown.tsx
|
|
3324
|
+
import { useMemo as useMemo7 } from "react";
|
|
3325
|
+
import ReactMarkdown from "react-markdown";
|
|
3326
|
+
import remarkGfm from "remark-gfm";
|
|
3327
|
+
import styles33 from "./Markdown.module-AIJ2C4S2.module.css";
|
|
3328
|
+
import { jsx as jsx43 } from "react/jsx-runtime";
|
|
3329
|
+
var normalizeEscapedNewlines = (input) => input?.replaceAll(String.raw`\n`, "\n");
|
|
3330
|
+
var Markdown = ({ content }) => {
|
|
3331
|
+
const resolvedContent = useMemo7(() => {
|
|
3332
|
+
return normalizeEscapedNewlines(content);
|
|
3333
|
+
}, [content]);
|
|
3334
|
+
return /* @__PURE__ */ jsx43("div", { className: styles33.markdown, children: /* @__PURE__ */ jsx43(ReactMarkdown, { remarkPlugins: [remarkGfm], children: resolvedContent }) });
|
|
3335
|
+
};
|
|
3336
|
+
|
|
3337
|
+
// src/components/shared/MarkdownEditor/MarkdownEditor.tsx
|
|
3338
|
+
import {
|
|
3339
|
+
IconBold,
|
|
3340
|
+
IconCode,
|
|
3341
|
+
IconEye,
|
|
3342
|
+
IconH1,
|
|
3343
|
+
IconItalic,
|
|
3344
|
+
IconLink,
|
|
3345
|
+
IconList,
|
|
3346
|
+
IconPencil,
|
|
3347
|
+
IconStrikethrough
|
|
3348
|
+
} from "@tabler/icons-react";
|
|
3349
|
+
import { useRef as useRef12, useState as useState10 } from "react";
|
|
3350
|
+
import styles34 from "./MarkdownEditor.module-2R7P4ZIL.module.css";
|
|
3351
|
+
|
|
3352
|
+
// src/components/shared/MarkdownEditor/MarkdownEditor.utils.ts
|
|
3353
|
+
var MAX_HISTORY = 100;
|
|
3354
|
+
var applyWrap = (value, start, end, syntax) => value.slice(0, start) + syntax + value.slice(start, end) + syntax + value.slice(end);
|
|
3355
|
+
var applyLinePrefix = (value, start, prefix) => {
|
|
3356
|
+
const lineStart = value.lastIndexOf("\n", start - 1) + 1;
|
|
3357
|
+
return value.slice(0, lineStart) + prefix + value.slice(lineStart);
|
|
3358
|
+
};
|
|
3359
|
+
|
|
3360
|
+
// src/components/shared/MarkdownEditor/MarkdownEditor.tsx
|
|
3361
|
+
import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3362
|
+
var MarkdownEditor = ({
|
|
3363
|
+
value: valueProp,
|
|
3364
|
+
onChange,
|
|
3365
|
+
placeholder
|
|
3366
|
+
}) => {
|
|
3367
|
+
const value = valueProp ?? "";
|
|
3368
|
+
const textareaRef = useRef12(null);
|
|
3369
|
+
const [history, setHistory] = useState10({ entries: [value], index: 0 });
|
|
3370
|
+
const [isPreview, setIsPreview] = useState10(false);
|
|
3371
|
+
const handleChange = (newValue) => {
|
|
3372
|
+
setHistory((prev) => {
|
|
3373
|
+
const entries = [...prev.entries.slice(0, prev.index + 1), newValue];
|
|
3374
|
+
const capped = entries.length > MAX_HISTORY ? entries.slice(-MAX_HISTORY) : entries;
|
|
3375
|
+
return { entries: capped, index: capped.length - 1 };
|
|
3376
|
+
});
|
|
3377
|
+
onChange?.(newValue);
|
|
3378
|
+
};
|
|
3379
|
+
const applyEdit = (edit) => {
|
|
3380
|
+
const textarea = textareaRef.current;
|
|
3381
|
+
if (!textarea) return;
|
|
3382
|
+
const { selectionStart: start, selectionEnd: end } = textarea;
|
|
3383
|
+
const result = edit(value, start, end);
|
|
3384
|
+
handleChange(result.value);
|
|
3385
|
+
requestAnimationFrame(() => {
|
|
3386
|
+
textarea.focus();
|
|
3387
|
+
textarea.setSelectionRange(...result.cursor);
|
|
3388
|
+
});
|
|
3389
|
+
};
|
|
3390
|
+
const handleWrap = (syntax) => applyEdit((text, start, end) => ({
|
|
3391
|
+
value: applyWrap(text, start, end, syntax),
|
|
3392
|
+
cursor: [start + syntax.length, end + syntax.length]
|
|
3393
|
+
}));
|
|
3394
|
+
const handlePrefix = (prefix) => applyEdit((text, start) => ({
|
|
3395
|
+
value: applyLinePrefix(text, start, prefix),
|
|
3396
|
+
cursor: [start + prefix.length, start + prefix.length]
|
|
3397
|
+
}));
|
|
3398
|
+
const handleLink = () => applyEdit((text, start, end) => ({
|
|
3399
|
+
value: text.slice(0, start) + `[${text.slice(start, end)}]()` + text.slice(end),
|
|
3400
|
+
cursor: [end + 3, end + 3]
|
|
3401
|
+
// cursor inside the ()
|
|
3402
|
+
}));
|
|
3403
|
+
const navigate = (delta) => {
|
|
3404
|
+
const newIndex = history.index + delta;
|
|
3405
|
+
if (newIndex < 0 || newIndex >= history.entries.length) return;
|
|
3406
|
+
const entry = history.entries[newIndex];
|
|
3407
|
+
if (entry === void 0) return;
|
|
3408
|
+
setHistory((prev) => ({ ...prev, index: newIndex }));
|
|
3409
|
+
onChange?.(entry);
|
|
3410
|
+
};
|
|
3411
|
+
const handleKeyDown = (e) => {
|
|
3412
|
+
if (!e.ctrlKey && !e.metaKey) return;
|
|
3413
|
+
const key = `${e.shiftKey ? "shift+" : ""}${e.key.toLowerCase()}`;
|
|
3414
|
+
const actions = {
|
|
3415
|
+
z: () => navigate(-1),
|
|
3416
|
+
"shift+z": () => navigate(1),
|
|
3417
|
+
y: () => navigate(1),
|
|
3418
|
+
b: () => handleWrap("**"),
|
|
3419
|
+
i: () => handleWrap("*"),
|
|
3420
|
+
k: handleLink,
|
|
3421
|
+
"`": () => handleWrap("`"),
|
|
3422
|
+
"shift+x": () => handleWrap("~~")
|
|
3423
|
+
};
|
|
3424
|
+
const action = actions[key];
|
|
3425
|
+
if (action) {
|
|
3426
|
+
e.preventDefault();
|
|
3427
|
+
action();
|
|
3428
|
+
}
|
|
3429
|
+
};
|
|
3430
|
+
const toolbarButtons = [
|
|
3431
|
+
{ icon: IconBold, label: "Bold", onClick: () => handleWrap("**") },
|
|
3432
|
+
{ icon: IconItalic, label: "Italic", onClick: () => handleWrap("*") },
|
|
3433
|
+
{ icon: IconStrikethrough, label: "Strikethrough", onClick: () => handleWrap("~~") },
|
|
3434
|
+
{ icon: IconCode, label: "Code", onClick: () => handleWrap("`") },
|
|
3435
|
+
{ icon: IconH1, label: "Heading", onClick: () => handlePrefix("# ") },
|
|
3436
|
+
{ icon: IconList, label: "Bullet list", onClick: () => handlePrefix("- ") },
|
|
3437
|
+
{ icon: IconLink, label: "Link", onClick: handleLink }
|
|
3438
|
+
];
|
|
3439
|
+
return /* @__PURE__ */ jsxs25("div", { className: styles34.container, children: [
|
|
3440
|
+
/* @__PURE__ */ jsxs25("div", { className: styles34.toolbar, children: [
|
|
3441
|
+
toolbarButtons.map(({ icon, label, onClick }) => /* @__PURE__ */ jsx44(
|
|
3442
|
+
GhostButtonIcon,
|
|
3443
|
+
{
|
|
3444
|
+
icon,
|
|
3445
|
+
"aria-label": label,
|
|
3446
|
+
disabled: isPreview,
|
|
3447
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
3448
|
+
onClick
|
|
3449
|
+
},
|
|
3450
|
+
label
|
|
3451
|
+
)),
|
|
3452
|
+
/* @__PURE__ */ jsx44("div", { className: styles34.toolbarSpacer }),
|
|
3453
|
+
/* @__PURE__ */ jsx44(
|
|
3454
|
+
GhostButtonIcon,
|
|
3455
|
+
{
|
|
3456
|
+
icon: isPreview ? IconPencil : IconEye,
|
|
3457
|
+
"aria-label": isPreview ? "Edit" : "Preview",
|
|
3458
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
3459
|
+
onClick: () => setIsPreview((prev) => !prev)
|
|
3460
|
+
}
|
|
3461
|
+
)
|
|
3462
|
+
] }),
|
|
3463
|
+
isPreview ? /* @__PURE__ */ jsx44("div", { className: styles34.preview, children: /* @__PURE__ */ jsx44(Markdown, { content: value }) }) : /* @__PURE__ */ jsx44(
|
|
3464
|
+
"textarea",
|
|
3465
|
+
{
|
|
3466
|
+
ref: textareaRef,
|
|
3467
|
+
className: styles34.markdownEditor,
|
|
3468
|
+
value,
|
|
3469
|
+
onChange: (e) => handleChange(e.target.value),
|
|
3470
|
+
onKeyDown: handleKeyDown,
|
|
3471
|
+
placeholder
|
|
3472
|
+
}
|
|
3473
|
+
)
|
|
3474
|
+
] });
|
|
3475
|
+
};
|
|
3476
|
+
|
|
3310
3477
|
// src/utils/object.utils.ts
|
|
3311
3478
|
var shallowEqual = (object1, object2) => {
|
|
3312
3479
|
const keys1 = Object.keys(object1 ?? {});
|
|
@@ -3338,9 +3505,12 @@ export {
|
|
|
3338
3505
|
FieldFeedback,
|
|
3339
3506
|
FieldHeader,
|
|
3340
3507
|
GhostButton,
|
|
3508
|
+
GhostButtonIcon,
|
|
3341
3509
|
HeatMap,
|
|
3342
3510
|
KpiChart,
|
|
3343
3511
|
LineChart,
|
|
3512
|
+
Markdown,
|
|
3513
|
+
MarkdownEditor,
|
|
3344
3514
|
MultiSelectField,
|
|
3345
3515
|
NumberField,
|
|
3346
3516
|
Overlay,
|