@embeddable.com/remarkable-ui 2.0.12 → 2.0.14

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.
Files changed (10) hide show
  1. package/dist/{KpiChart.module-6XMWVNAY.module.css → KpiChart.module-2LUIN66C.module.css} +1 -0
  2. package/dist/{KpiChartChange.module-B5X7SPME.module.css → KpiChartChange.module-BAW7YCOW.module.css} +16 -3
  3. package/dist/{chunk-TBNFMVQR.js → chunk-7RY47BRM.js} +12 -12
  4. package/dist/chunk-7RY47BRM.js.map +1 -0
  5. package/dist/index.d.ts +1 -1
  6. package/dist/index.js +41 -23
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.js +1 -1
  9. package/package.json +3 -2
  10. package/dist/chunk-TBNFMVQR.js.map +0 -1
package/dist/{KpiChart.module-6XMWVNAY.module.css → KpiChart.module-2LUIN66C.module.css} RENAMED
@@ -4,6 +4,7 @@
4
4
  align-items: center;
5
5
  width: 100%;
6
6
  height: 100%;
7
+ gap: var(--em-kpichart-gap, 1rem);
7
8
  }
8
9
 
9
10
  .kpiChartValueContainer {
package/dist/{KpiChartChange.module-B5X7SPME.module.css → KpiChartChange.module-BAW7YCOW.module.css} RENAMED
@@ -1,14 +1,18 @@
1
1
  .kpiChartChangeContainer {
2
- display: inline-flex;
2
+ display: flex;
3
3
  flex-wrap: wrap;
4
4
  align-items: center;
5
5
  justify-content: center;
6
6
  gap: var(--em-kpichart-label-gap, 0.5rem);
7
- margin-top: var(--em-kpichart-gap, 1.5rem);
8
7
  flex: 0 0 auto;
9
8
  flex-shrink: 0;
10
9
  }
11
10
 
11
+ .kpiChangeContainerSizeGuide {
12
+ height: 100%;
13
+ position: relative;
14
+ }
15
+
12
16
  .kpiChangeBadge {
13
17
  display: flex;
14
18
  justify-content: center;
@@ -49,6 +53,15 @@
49
53
  color: var(--em-kpichart-color, #212129);
50
54
  font-family: var(--em-kpichart-font-family, sans-serif);
51
55
  font-weight: var(--em-kpichart-label-font-weight, 400);
52
- line-height: var(--em-kpichart-label-line-height, 0.875rem);
53
56
  white-space: nowrap;
54
57
  }
58
+
59
+ .hidden,
60
+ .hidden * {
61
+ visibility: hidden;
62
+ }
63
+
64
+ .kpiAbsoluteContainer {
65
+ position: absolute;
66
+ inset: 0;
67
+ }
package/dist/{chunk-TBNFMVQR.js → chunk-7RY47BRM.js} RENAMED
@@ -83,15 +83,15 @@ var stylesTokensSemantic = {
83
83
  "--em-sem-background--neutral": "var(--em-core-color-gray--0000)",
84
84
  "--em-sem-background--subtle": "var(--em-core-color-gray--0200)",
85
85
  "--em-sem-chart-color--1": "rgb(255 84 0)",
86
- "--em-sem-chart-color--10": "rgb(255 238 230)",
87
- "--em-sem-chart-color--2": "rgb(255 102 26)",
88
- "--em-sem-chart-color--3": "rgb(255 119 51)",
89
- "--em-sem-chart-color--4": "rgb(255 136 77)",
90
- "--em-sem-chart-color--5": "rgb(255 153 102)",
91
- "--em-sem-chart-color--6": "rgb(255 170 128)",
92
- "--em-sem-chart-color--7": "rgb(255 187 153)",
93
- "--em-sem-chart-color--8": "rgb(255 204 179)",
94
- "--em-sem-chart-color--9": "rgb(255 221 204)",
86
+ "--em-sem-chart-color--10": "rgb(255 84 0 / 10%)",
87
+ "--em-sem-chart-color--2": "rgb(255 84 0 / 90%)",
88
+ "--em-sem-chart-color--3": "rgb(255 84 0 / 80%)",
89
+ "--em-sem-chart-color--4": "rgb(255 84 0 / 70%)",
90
+ "--em-sem-chart-color--5": "rgb(255 84 0 / 60%)",
91
+ "--em-sem-chart-color--6": "rgb(255 84 0 / 50%)",
92
+ "--em-sem-chart-color--7": "rgb(255 84 0 / 40%)",
93
+ "--em-sem-chart-color--8": "rgb(255 84 0 / 30%)",
94
+ "--em-sem-chart-color--9": "rgb(255 84 0 / 20%)",
95
95
  "--em-sem-status-error-background": "rgb(246 226 226)",
96
96
  "--em-sem-status-error-text": "rgb(188 16 16)",
97
97
  "--em-sem-status-success-background": "rgb(225 240 233)",
@@ -270,7 +270,7 @@ var stylesTokensComponents = {
270
270
  "--em-ghostbutton-padding": "var(--em-core-spacing--0050)",
271
271
  "--em-kpichart-color": "var(--em-sem-text)",
272
272
  "--em-kpichart-font-family": "var(--em-core-font-family--base)",
273
- "--em-kpichart-gap": "var(--em-core-spacing--0600)",
273
+ "--em-kpichart-gap": "var(--em-core-spacing--0400)",
274
274
  "--em-kpichart-label-font-size": "var(--em-core-font-size--sm)",
275
275
  "--em-kpichart-label-font-weight": "var(--em-core-font-weight--regular)",
276
276
  "--em-kpichart-label-gap": "var(--em-core-spacing--0200)",
@@ -319,7 +319,7 @@ var stylesTokensComponents = {
319
319
  "--em-selectfield-content-opacity--loading": "0.5",
320
320
  "--em-selectfield-content-padding": "var(--em-core-spacing--0200)",
321
321
  "--em-selectfield-content-shadow-blur": "var(--em-core-shadow-blur)",
322
- "--em-selectfield-content-shadow-color": "var(--em-core-shadow-color)",
322
+ "--em-selectfield-content-shadow-color": "rgb(33 33 41 / 25%)",
323
323
  "--em-selectfield-content-shadow-position-x": "var(--em-core-shadow-position-x)",
324
324
  "--em-selectfield-content-shadow-position-y": "var(--em-core-shadow-position-y)",
325
325
  "--em-selectfield-content-shadow-spread": "var(--em-core-shadow-spread)",
@@ -459,4 +459,4 @@ var styles = {
459
459
  export {
460
460
  styles
461
461
  };
462
- //# sourceMappingURL=chunk-TBNFMVQR.js.map
462
+ //# sourceMappingURL=chunk-7RY47BRM.js.map
package/dist/chunk-7RY47BRM.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles/global.tokens.ts","../src/styles/styles.constants.ts"],"sourcesContent":["// Auto-generated from global.css\n// Do not edit manually.\n\nexport const stylesTokensCore = {\n '--em-core-border-radius--000': '0px',\n '--em-core-border-radius--050': '2px',\n '--em-core-border-radius--100': '4px',\n '--em-core-border-radius--150': '6px',\n '--em-core-border-radius--200': '8px',\n '--em-core-border-radius--300': '12px',\n '--em-core-border-radius--400': '32px',\n '--em-core-border-radius--500': '9999px',\n '--em-core-border-width--000': '0px',\n '--em-core-border-width--025': '1px',\n '--em-core-border-width--050': '2px',\n '--em-core-border-width--100': '4px',\n '--em-core-color-gray--0000': 'rgb(255 255 255)',\n '--em-core-color-gray--0050': 'rgb(247 247 248)',\n '--em-core-color-gray--0100': 'rgb(237 237 241)',\n '--em-core-color-gray--0200': 'rgb(228 228 234)',\n '--em-core-color-gray--0300': 'rgb(210 210 213)',\n '--em-core-color-gray--0400': 'rgb(184 184 189)',\n '--em-core-color-gray--0500': 'rgb(144 144 152)',\n '--em-core-color-gray--0600': 'rgb(114 114 121)',\n '--em-core-color-gray--0700': 'rgb(92 92 102)',\n '--em-core-color-gray--0800': 'rgb(49 49 61)',\n '--em-core-color-gray--0900': 'rgb(33 33 41)',\n '--em-core-color-gray--1000': 'rgb(0 0 0)',\n '--em-core-font-family--base': \"'inter'\",\n '--em-core-font-size--md': '16px',\n '--em-core-font-size--sm': '14px',\n '--em-core-font-size--xl': '20px',\n '--em-core-font-size--xs': '12px',\n '--em-core-font-size--xxl': '32px',\n '--em-core-font-weight--bold': '700',\n '--em-core-font-weight--medium': '500',\n '--em-core-font-weight--regular': '400',\n '--em-core-line-height--l': '19px',\n '--em-core-line-height--md': '16px',\n '--em-core-line-height--sm': '14px',\n '--em-core-line-height--xl': '38px',\n '--em-core-shadow-blur': '40px',\n '--em-core-shadow-color': 'rgb(33 33 41 / 25%)',\n '--em-core-shadow-position-x': '0px',\n '--em-core-shadow-position-y': '1px',\n '--em-core-shadow-spread': '0px',\n '--em-core-size--0000': '0px',\n '--em-core-size--0050': '2px',\n '--em-core-size--0100': '4px',\n '--em-core-size--0150': '6px',\n '--em-core-size--0200': '8px',\n '--em-core-size--0300': '12px',\n '--em-core-size--0400': '16px',\n '--em-core-size--0500': '20px',\n '--em-core-size--0600': '24px',\n '--em-core-size--0700': '28px',\n '--em-core-size--0800': '32px',\n '--em-core-size--0900': '36px',\n '--em-core-size--1000': '40px',\n '--em-core-size--1200': '48px',\n '--em-core-size--1600': '64px',\n '--em-core-size--2000': '80px',\n '--em-core-spacing--0000': '0px',\n '--em-core-spacing--0050': '2px',\n '--em-core-spacing--0100': '4px',\n '--em-core-spacing--0150': '6px',\n '--em-core-spacing--0200': '8px',\n '--em-core-spacing--0300': '12px',\n '--em-core-spacing--0400': '16px',\n '--em-core-spacing--0500': '20px',\n '--em-core-spacing--0600': '24px',\n '--em-core-spacing--0700': '28px',\n '--em-core-spacing--0800': '32px',\n '--em-core-spacing--0900': '36px',\n '--em-core-spacing--1000': '40px',\n '--em-core-spacing--1200': '48px',\n '--em-core-spacing--1600': '64px',\n '--em-core-spacing--2000': '80px',\n};\n\nexport const stylesTokensSemantic = {\n '--em-sem-background': 'var(--em-core-color-gray--0050)',\n '--em-sem-background--inverted': 'var(--em-core-color-gray--0900)',\n '--em-sem-background--light': 'var(--em-core-color-gray--0100)',\n '--em-sem-background--muted': 'var(--em-core-color-gray--0300)',\n '--em-sem-background--neutral': 'var(--em-core-color-gray--0000)',\n '--em-sem-background--subtle': 'var(--em-core-color-gray--0200)',\n '--em-sem-chart-color--1': 'rgb(255 84 0)',\n '--em-sem-chart-color--10': 'rgb(255 84 0 / 10%)',\n '--em-sem-chart-color--2': 'rgb(255 84 0 / 90%)',\n '--em-sem-chart-color--3': 'rgb(255 84 0 / 80%)',\n '--em-sem-chart-color--4': 'rgb(255 84 0 / 70%)',\n '--em-sem-chart-color--5': 'rgb(255 84 0 / 60%)',\n '--em-sem-chart-color--6': 'rgb(255 84 0 / 50%)',\n '--em-sem-chart-color--7': 'rgb(255 84 0 / 40%)',\n '--em-sem-chart-color--8': 'rgb(255 84 0 / 30%)',\n '--em-sem-chart-color--9': 'rgb(255 84 0 / 20%)',\n '--em-sem-status-error-background': 'rgb(246 226 226)',\n '--em-sem-status-error-text': 'rgb(188 16 16)',\n '--em-sem-status-success-background': 'rgb(225 240 233)',\n '--em-sem-status-success-text': 'rgb(15 149 90)',\n '--em-sem-text': 'var(--em-core-color-gray--0900)',\n '--em-sem-text--inverted': 'var(--em-core-color-gray--0000)',\n '--em-sem-text--muted': 'var(--em-core-color-gray--0700)',\n '--em-sem-text--neutral': 'var(--em-core-color-gray--1000)',\n '--em-sem-text--subtle': 'var(--em-core-color-gray--0400)',\n};\n\nexport const stylesTokensComponents = {\n '--em-actionicon-background': 'var(--em-sem-background--light)',\n '--em-actionicon-background--active': 'var(--em-sem-background--muted)',\n '--em-actionicon-background--hover': 'var(--em-sem-background--subtle)',\n '--em-actionicon-border-radius': 'var(--em-core-border-radius--500)',\n '--em-actionicon-color': 'var(--em-sem-text)',\n '--em-actionicon-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-actionicon-height': 'var(--em-core-size--0800)',\n '--em-actionicon-icon-size': 'var(--em-core-size--0400)',\n '--em-actionicon-padding-left-right': 'var(--em-core-spacing--0050)',\n '--em-actionicon-padding-top-bottom': 'var(--em-core-spacing--0200)',\n '--em-actionicon-width': 'var(--em-core-size--0500)',\n '--em-barchart-border-radius': 'var(--em-core-border-radius--150)',\n '--em-barchart-label-gap': 'var(--em-core-spacing--0200)',\n '--em-button-background--disabled': 'var(--em-sem-background--light)',\n '--em-button-background--primary': 'var(--em-sem-text--muted)',\n '--em-button-background--primary--active': 'var(--em-sem-text--neutral)',\n '--em-button-background--primary--hover': 'var(--em-sem-text)',\n '--em-button-background--secondary': 'var(--em-sem-background--light)',\n '--em-button-background--secondary--active': 'var(--em-sem-background--muted)',\n '--em-button-background--secondary--hover': 'var(--em-sem-background--subtle)',\n '--em-button-border-radius': 'var(--em-core-border-radius--500)',\n '--em-button-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-button-color--primary': 'var(--em-sem-text--inverted)',\n '--em-button-color--secondary': 'var(--em-sem-text)',\n '--em-button-font-family': 'var(--em-core-font-family--base)',\n '--em-button-font-size--medium': 'var(--em-core-font-size--sm)',\n '--em-button-font-size--small': 'var(--em-core-font-size--xs)',\n '--em-button-font-weight--medium': 'var(--em-core-font-weight--bold)',\n '--em-button-font-weight--small': 'var(--em-core-font-weight--medium)',\n '--em-button-height--medium': 'var(--em-core-size--1000)',\n '--em-button-height--small': 'var(--em-core-size--0800)',\n '--em-button-icon-size': 'var(--em-core-size--0400)',\n '--em-button-label-padding': 'var(--em-core-spacing--0200)',\n '--em-button-line-height--medium': 'var(--em-core-line-height--md)',\n '--em-button-line-height--small': 'var(--em-core-line-height--sm)',\n '--em-button-padding-left-right--medium': 'var(--em-core-spacing--0300)',\n '--em-button-padding-left-right--small': 'var(--em-core-spacing--0150)',\n '--em-button-padding-top-bottom--medium': 'var(--em-core-spacing--0300)',\n '--em-button-padding-top-bottom--small': 'var(--em-core-spacing--0150)',\n '--em-buttonicon-background--primary': 'var(--em-sem-text--muted)',\n '--em-buttonicon-background--primary--active': 'var(--em-sem-text--neutral)',\n '--em-buttonicon-background--primary--disabled': 'var(--em-sem-background--light)',\n '--em-buttonicon-background--primary--hover': 'var(--em-sem-text)',\n '--em-buttonicon-background--secondary': 'var(--em-sem-background--light)',\n '--em-buttonicon-background--secondary--active': 'var(--em-sem-background--muted)',\n '--em-buttonicon-background--secondary--disabled': 'var(--em-sem-background--light)',\n '--em-buttonicon-background--secondary--hover': 'var(--em-sem-background--subtle)',\n '--em-buttonicon-border-radius': 'var(--em-core-border-radius--500)',\n '--em-buttonicon-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-buttonicon-color--primary': 'var(--em-sem-text--inverted)',\n '--em-buttonicon-color--secondary': 'var(--em-sem-text)',\n '--em-buttonicon-height--medium': 'var(--em-core-size--1000)',\n '--em-buttonicon-height--small': 'var(--em-core-size--0800)',\n '--em-buttonicon-icon-size': 'var(--em-core-size--0400)',\n '--em-buttonicon-padding-left-right--medium': 'var(--em-core-spacing--0300)',\n '--em-buttonicon-padding-left-right--small': 'var(--em-core-spacing--0150)',\n '--em-buttonicon-padding-top-bottom--medium': 'var(--em-core-spacing--0300)',\n '--em-buttonicon-padding-top-bottom--small': 'var(--em-core-spacing--0150)',\n '--em-card-background': 'var(--em-sem-background)',\n '--em-card-border-radius': 'var(--em-core-border-radius--400)',\n '--em-card-feedback-color--error': 'var(--em-sem-status-error-text)',\n '--em-card-feedback-font-size': 'var(--em-core-font-size--sm)',\n '--em-card-feedback-gap': 'var(--em-core-spacing--0300)',\n '--em-card-feedback-icon-size': 'var(--em-core-size--0400)',\n '--em-card-feedback-line-height': 'var(--em-core-line-height--md)',\n '--em-card-feedback-padding-bottom': 'var(--em-core-spacing--0800)',\n '--em-card-feedback-subtitle-color': 'var(--em-sem-text--muted)',\n '--em-card-feedback-subtitle-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-card-feedback-title-color': 'var(--em-sem-text)',\n '--em-card-feedback-title-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-card-font-family': 'var(--em-core-font-family--base)',\n '--em-card-gap': 'var(--em-core-spacing--0800)',\n '--em-card-header-gap': 'var(--em-core-spacing--0400)',\n '--em-card-loader-background': 'var(--em-sem-background--neutral)',\n '--em-card-loader-border-radius': 'var(--em-core-border-radius--500)',\n '--em-card-loader-color': 'var(--em-sem-text)',\n '--em-card-loader-padding': 'var(--em-core-spacing--0100)',\n '--em-card-loader-size': 'var(--em-core-size--0600)',\n '--em-card-padding': 'var(--em-core-spacing--0800)',\n '--em-card-subtitle-color': 'var(--em-sem-text--muted)',\n '--em-card-subtitle-font-size': 'var(--em-core-font-size--sm)',\n '--em-card-subtitle-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-card-subtitle-line-height': 'var(--em-core-line-height--l)',\n '--em-card-title-color': 'var(--em-sem-text)',\n '--em-card-title-font-size': 'var(--em-core-font-size--md)',\n '--em-card-title-font-weight': 'var(--em-core-font-weight--bold)',\n '--em-card-title-line-height': 'var(--em-core-line-height--l)',\n '--em-chart-category-color': 'var(--em-sem-text--muted)',\n '--em-chart-category-font-family': 'var(--em-core-font-family--base)',\n '--em-chart-category-font-size': 'var(--em-core-font-size--xs)',\n '--em-chart-category-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-chart-category-gap': 'var(--em-core-spacing--0100)',\n '--em-chart-category-indicator-border-radius': 'var(--em-core-border-radius--500)',\n '--em-chart-category-indicator-color': 'var(--em-sem-chart-color--1)',\n '--em-chart-category-line-height': 'var(--em-core-line-height--sm)',\n '--em-chart-category-list-gap': 'var(--em-core-spacing--0400)',\n '--em-chart-category-size': 'var(--em-core-size--0300)',\n '--em-chart-grid-font-family': 'var(--em-core-font-family--base)',\n '--em-chart-grid-label-color': 'var(--em-sem-text)',\n '--em-chart-grid-label-color--light': 'var(--em-sem-background--light)',\n '--em-chart-grid-label-color--muted': 'var(--em-sem-text--muted)',\n '--em-chart-grid-label-color--subtle': 'var(--em-sem-text--subtle)',\n '--em-chart-grid-label-font-size': 'var(--em-core-font-size--xs)',\n '--em-chart-grid-label-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-chart-grid-line-color': 'var(--em-sem-text)',\n '--em-chart-grid-line-color--light': 'var(--em-sem-background--light)',\n '--em-chart-grid-line-color--subtle': 'var(--em-sem-text--subtle)',\n '--em-chart-grid-line-width--medium': '2px',\n '--em-chart-grid-line-width--thick': '4px',\n '--em-chart-grid-line-width--thin': '1px',\n '--em-chart-grid-tick-length': 'var(--em-core-size--0100)',\n '--em-chart-grid-tick-width': '1px',\n '--em-chart-grid-title-font-size': 'var(--em-core-font-size--sm)',\n '--em-chart-grid-title-font-weight': 'var(--em-core-font-weight--bold)',\n '--em-chart-label-background': 'var(--em-sem-background--neutral)',\n '--em-chart-label-border-radius': 'var(--em-core-border-radius--500)',\n '--em-chart-label-color': 'var(--em-sem-text)',\n '--em-chart-label-font-family': 'var(--em-core-font-family--base)',\n '--em-chart-label-font-size': 'var(--em-core-font-size--xs)',\n '--em-chart-label-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-chart-label-line-height': 'var(--em-core-line-height--sm)',\n '--em-chart-label-padding-left-right': 'var(--em-core-spacing--0100)',\n '--em-chart-label-padding-top-bottom': 'var(--em-core-spacing--0050)',\n '--em-chart-tooltip-background': 'var(--em-sem-background--inverted)',\n '--em-chart-tooltip-border-radius': 'var(--em-core-border-radius--300)',\n '--em-chart-tooltip-family': 'var(--em-core-font-family--base)',\n '--em-chart-tooltip-gap': 'var(--em-core-spacing--0200)',\n '--em-chart-tooltip-padding': 'var(--em-core-spacing--0400)',\n '--em-chart-tooltip-title-color': 'var(--em-sem-text--inverted)',\n '--em-chart-tooltip-title-font-size': 'var(--em-core-font-size--sm)',\n '--em-chart-tooltip-title-font-weight': 'var(--em-core-font-weight--bold)',\n '--em-chart-tooltip-title-line-height': 'var(--em-core-line-height--md)',\n '--em-field-feedback-color': 'var(--em-sem-text--muted)',\n '--em-field-feedback-color--error': 'var(--em-sem-status-error-text)',\n '--em-field-feedback-error-font-size': 'var(--em-core-font-size--xs)',\n '--em-field-feedback-error-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-field-feedback-error-line-height': 'var(--em-core-line-height--md)',\n '--em-field-feedback-font-size': 'var(--em-core-font-size--xs)',\n '--em-field-feedback-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-field-feedback-line-height': 'var(--em-core-line-height--sm)',\n '--em-field-feedback-padding-bottom': 'var(--em-core-spacing--0200)',\n '--em-field-feedback-padding-top': 'var(--em-core-spacing--0200)',\n '--em-field-font-family': 'var(--em-core-font-family--base)',\n '--em-field-header-color': 'var(--em-sem-text)',\n '--em-field-header-padding-bottom': 'var(--em-core-spacing--0200)',\n '--em-field-header-required-font-size': 'var(--em-core-font-size--xs)',\n '--em-field-header-required-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-field-header-required-line-height': 'var(--em-core-line-height--sm)',\n '--em-field-header-title-font-size': 'var(--em-core-font-size--sm)',\n '--em-field-header-title-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-field-header-title-line-height': 'var(--em-core-line-height--md)',\n '--em-ghostbutton-background--active': 'var(--em-sem-background--light)',\n '--em-ghostbutton-background--hover': 'var(--em-sem-background)',\n '--em-ghostbutton-border-radius': 'var(--em-core-border-radius--100)',\n '--em-ghostbutton-color': 'var(--em-sem-text)',\n '--em-ghostbutton-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-ghostbutton-font-family': 'var(--em-core-font-family--base)',\n '--em-ghostbutton-font-size': 'var(--em-core-font-size--xs)',\n '--em-ghostbutton-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-ghostbutton-height': 'var(--em-core-size--0500)',\n '--em-ghostbutton-icon-size': 'var(--em-core-size--0400)',\n '--em-ghostbutton-label-padding-left': 'var(--em-core-spacing--0100)',\n '--em-ghostbutton-label-padding-right': 'var(--em-core-spacing--0100)',\n '--em-ghostbutton-line-height': 'var(--em-core-line-height--sm)',\n '--em-ghostbutton-padding': 'var(--em-core-spacing--0050)',\n '--em-kpichart-color': 'var(--em-sem-text)',\n '--em-kpichart-font-family': 'var(--em-core-font-family--base)',\n '--em-kpichart-gap': 'var(--em-core-spacing--0400)',\n '--em-kpichart-label-font-size': 'var(--em-core-font-size--sm)',\n '--em-kpichart-label-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-kpichart-label-gap': 'var(--em-core-spacing--0200)',\n '--em-kpichart-label-line-height': 'var(--em-core-line-height--sm)',\n '--em-kpichart-number-font-size': 'var(--em-core-font-size--xxl)',\n '--em-kpichart-number-font-weight': 'var(--em-core-font-weight--bold)',\n '--em-kpichart-number-line-height': 'var(--em-core-line-height--xl)',\n '--em-kpichart-trend-background--negative': 'var(--em-sem-status-error-background)',\n '--em-kpichart-trend-background--positive': 'var(--em-sem-status-success-background)',\n '--em-kpichart-trend-border-radius': 'var(--em-core-border-radius--150)',\n '--em-kpichart-trend-color--negative': 'var(--em-sem-status-error-text)',\n '--em-kpichart-trend-color--positive': 'var(--em-sem-status-success-text)',\n '--em-kpichart-trend-font-size': 'var(--em-core-font-size--md)',\n '--em-kpichart-trend-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-kpichart-trend-height': 'var(--em-core-size--0600)',\n '--em-kpichart-trend-icon-size': 'var(--em-core-size--0400)',\n '--em-kpichart-trend-line-height': 'var(--em-core-line-height--md)',\n '--em-kpichart-trend-padding': 'var(--em-core-spacing--0100)',\n '--em-linechart-line-dash': 'var(--em-core-size--0100)',\n '--em-linechart-line-gap': 'var(--em-core-size--0100)',\n '--em-linechart-line-width': '2px',\n '--em-linechart-point-size': 'var(--em-core-size--0200)',\n '--em-linechart-point-size--hover': 'var(--em-core-size--0300)',\n '--em-overlay-background': 'rgb(33 33 41 / 80%)',\n '--em-piechart-donut-color': 'var(--em-sem-text)',\n '--em-piechart-donut-label-font-size': 'var(--em-core-font-size--md)',\n '--em-piechart-donut-label-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-piechart-donut-label-line-height': 'var(--em-core-line-height--md)',\n '--em-piechart-donut-number-font-size': 'var(--em-core-font-size--xxl)',\n '--em-piechart-donut-number-font-weight': 'var(--em-core-font-weight--bold)',\n '--em-piechart-donut-number-line-height': 'var(--em-core-line-height--xl)',\n '--em-piechart-font-family': 'var(--em-core-font-family--base)',\n '--em-selectfield-category-background': 'var(--em-sem-background--subtle)',\n '--em-selectfield-category-border-radius': 'var(--em-core-border-radius--150)',\n '--em-selectfield-category-color': 'var(--em-sem-text--neutral)',\n '--em-selectfield-category-font-family': 'var(--em-core-font-family--base)',\n '--em-selectfield-category-font-size': 'var(--em-core-font-size--xs)',\n '--em-selectfield-category-font-weight': 'var(--em-core-font-weight--bold)',\n '--em-selectfield-category-line-height': 'var(--em-core-line-height--sm)',\n '--em-selectfield-category-padding': 'var(--em-core-spacing--0100)',\n '--em-selectfield-content-background': 'var(--em-sem-background--neutral)',\n '--em-selectfield-content-border-radius': 'var(--em-core-border-radius--300)',\n '--em-selectfield-content-gap': 'var(--em-core-spacing--0200)',\n '--em-selectfield-content-max-height': '320px',\n '--em-selectfield-content-max-width': '400px',\n '--em-selectfield-content-opacity--loading': '0.5',\n '--em-selectfield-content-padding': 'var(--em-core-spacing--0200)',\n '--em-selectfield-content-shadow-blur': 'var(--em-core-shadow-blur)',\n '--em-selectfield-content-shadow-color': 'rgb(33 33 41 / 25%)',\n '--em-selectfield-content-shadow-position-x': 'var(--em-core-shadow-position-x)',\n '--em-selectfield-content-shadow-position-y': 'var(--em-core-shadow-position-y)',\n '--em-selectfield-content-shadow-spread': 'var(--em-core-shadow-spread)',\n '--em-selectfield-item-background': 'var(--em-sem-background--neutral)',\n '--em-selectfield-item-background--active': 'var(--em-sem-background--light)',\n '--em-selectfield-item-background--hover': 'var(--em-sem-background)',\n '--em-selectfield-item-background--selected': 'var(--em-sem-background--inverted)',\n '--em-selectfield-item-border-radius': 'var(--em-core-border-radius--200)',\n '--em-selectfield-item-font-family': 'var(--em-core-font-family--base)',\n '--em-selectfield-item-height': 'var(--em-core-size--0800)',\n '--em-selectfield-item-icon-color': 'var(--em-sem-text)',\n '--em-selectfield-item-icon-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-selectfield-item-icon-color--selected': 'var(--em-sem-text--inverted)',\n '--em-selectfield-item-icon-size': 'var(--em-core-size--0400)',\n '--em-selectfield-item-label-left-color': 'var(--em-sem-text)',\n '--em-selectfield-item-label-left-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-selectfield-item-label-left-color--selected': 'var(--em-sem-text--inverted)',\n '--em-selectfield-item-label-left-font-size': 'var(--em-core-font-size--xs)',\n '--em-selectfield-item-label-left-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-selectfield-item-label-left-line-height': 'var(--em-core-line-height--sm)',\n '--em-selectfield-item-label-padding-left-right': 'var(--em-core-spacing--0200)',\n '--em-selectfield-item-label-right-color': 'var(--em-sem-text--muted)',\n '--em-selectfield-item-label-right-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-selectfield-item-label-right-color--selected': 'var(--em-sem-text--inverted)',\n '--em-selectfield-item-label-right-font-size': 'var(--em-core-font-size--xs)',\n '--em-selectfield-item-label-right-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-selectfield-item-label-right-line-height': 'var(--em-core-line-height--sm)',\n '--em-selectfield-item-padding': 'var(--em-core-spacing--0200)',\n '--em-selectfield-trigger-background': 'var(--em-sem-background--neutral)',\n '--em-selectfield-trigger-background--active': 'var(--em-sem-background--light)',\n '--em-selectfield-trigger-background--filled': 'var(--em-sem-background--inverted)',\n '--em-selectfield-trigger-background--hover': 'var(--em-sem-background)',\n '--em-selectfield-trigger-border-color': 'var(--em-sem-background--muted)',\n '--em-selectfield-trigger-border-color--error': 'var(--em-sem-status-error-text)',\n '--em-selectfield-trigger-border-radius': 'var(--em-core-border-radius--200)',\n '--em-selectfield-trigger-border-width': 'var(--em-core-border-width--025)',\n '--em-selectfield-trigger-border-width--error': 'var(--em-core-border-width--050)',\n '--em-selectfield-trigger-color': 'var(--em-sem-text)',\n '--em-selectfield-trigger-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-selectfield-trigger-color--filled': 'var(--em-sem-text--inverted)',\n '--em-selectfield-trigger-font-family': 'var(--em-core-font-family--base)',\n '--em-selectfield-trigger-font-size': 'var(--em-core-font-size--xs)',\n '--em-selectfield-trigger-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-selectfield-trigger-height': 'var(--em-core-size--1000)',\n '--em-selectfield-trigger-icon-size': 'var(--em-core-size--0400)',\n '--em-selectfield-trigger-label-padding-left-right': 'var(--em-core-spacing--0200)',\n '--em-selectfield-trigger-line-height': 'var(--em-core-line-height--sm)',\n '--em-selectfield-trigger-min-width': '64px',\n '--em-selectfield-trigger-padding': 'var(--em-core-spacing--0300)',\n '--em-skeleton-border-radius': 'var(--em-core-border-radius--300)',\n '--em-switch-background--disabled': 'var(--em-sem-background--subtle)',\n '--em-switch-background--off': 'var(--em-sem-background--inverted)',\n '--em-switch-background--on': 'var(--em-sem-background--subtle)',\n '--em-switch-font-family': 'var(--em-core-font-family--base)',\n '--em-switch-height': 'var(--em-core-size--0400)',\n '--em-switch-label-color': 'var(--em-sem-text)',\n '--em-switch-label-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-switch-label-color-font-size': 'var(--em-core-font-size--md)',\n '--em-switch-label-color-font-weight': 'var(--em-core-font-weight--medium)',\n '--em-switch-label-color-line-height': 'var(--em-core-line-height--md)',\n '--em-switch-label-gap': 'var(--em-core-spacing--0200)',\n '--em-switch-shadow-blur': 'var(--em-core-shadow-blur)',\n '--em-switch-shadow-color': 'var(--em-core-shadow-color)',\n '--em-switch-shadow-position-x': 'var(--em-core-shadow-position-x)',\n '--em-switch-shadow-position-y': 'var(--em-core-shadow-position-y)',\n '--em-switch-shadow-spread': 'var(--em-core-shadow-spread)',\n '--em-switch-size-border-radius': 'var(--em-core-border-radius--500)',\n '--em-switch-thumb-background': 'var(--em-sem-background--neutral)',\n '--em-switch-thumb-background--disabled': 'var(--em-sem-background--light)',\n '--em-switch-thumb-background--off': 'var(--em-sem-text--muted)',\n '--em-switch-thumb-padding': 'var(--em-core-spacing--0050)',\n '--em-switch-thumb-size': 'var(--em-core-size--0300)',\n '--em-switch-width': 'var(--em-core-size--0800)',\n '--em-tablechart-border-color': 'var(--em-sem-background--light)',\n '--em-tablechart-border-radius': 'var(--em-core-border-radius--300)',\n '--em-tablechart-border-width': '1px',\n '--em-tablechart-cell-background': 'var(--em-sem-background--neutral)',\n '--em-tablechart-cell-background--hover': 'var(--em-sem-background)',\n '--em-tablechart-cell-height': 'var(--em-core-size--1000)',\n '--em-tablechart-cell-min-width': 'var(--em-core-size--1200)',\n '--em-tablechart-cell-padding': 'var(--em-core-spacing--0200)',\n '--em-tablechart-color': 'var(--em-sem-text)',\n '--em-tablechart-color--muted': 'var(--em-sem-text--muted)',\n '--em-tablechart-font-family': 'var(--em-core-font-family--base)',\n '--em-tablechart-font-size': 'var(--em-core-font-size--xs)',\n '--em-tablechart-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-tablechart-font-weight--bold': 'var(--em-core-font-weight--bold)',\n '--em-tablechart-font-weight--medium': 'var(--em-core-font-weight--medium)',\n '--em-tablechart-header-background': 'var(--em-sem-background--neutral)',\n '--em-tablechart-header-background--hover': 'var(--em-sem-background)',\n '--em-tablechart-heatmap-color': 'var(--em-sem-chart-color--1)',\n '--em-tablechart-icon-size': 'var(--em-core-size--0400)',\n '--em-tablechart-line-height': 'var(--em-core-line-height--sm)',\n '--em-tablechart-padding-left-right': 'var(--em-core-spacing--0100)',\n '--em-tablechart-pagination-button-gap': 'var(--em-core-spacing--0200)',\n '--em-tablechart-pagination-height': 'var(--em-core-size--1200)',\n '--em-tablechart-pagination-label-padding-left-right': 'var(--em-core-spacing--0400)',\n '--em-textfield-background': 'var(--em-sem-background)',\n '--em-textfield-background--active': 'var(--em-sem-background--subtle)',\n '--em-textfield-background--disabled': 'var(--em-sem-background--neutral)',\n '--em-textfield-background--filled': 'var(--em-sem-background--light)',\n '--em-textfield-border-color': 'var(--em-sem-text--subtle)',\n '--em-textfield-border-color--error': 'var(--em-sem-status-error-text)',\n '--em-textfield-border-radius': 'var(--em-core-border-radius--200)',\n '--em-textfield-border-width': 'var(--em-core-border-width--025)',\n '--em-textfield-border-width--error': 'var(--em-core-border-width--050)',\n '--em-textfield-color': 'var(--em-sem-text--muted)',\n '--em-textfield-color--disabled': 'var(--em-sem-text--subtle)',\n '--em-textfield-color--filled': 'var(--em-sem-text)',\n '--em-textfield-feedback-color': 'var(--em-sem-text--muted)',\n '--em-textfield-feedback-color--error': 'var(--em-sem-status-error-text)',\n '--em-textfield-feedback-font-family': 'var(--em-core-font-family--base)',\n '--em-textfield-feedback-font-size': 'var(--em-core-font-size--xs)',\n '--em-textfield-feedback-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-textfield-feedback-font-weight--error': 'var(--em-core-font-weight--medium)',\n '--em-textfield-feedback-line-height': 'var(--em-core-line-height--md)',\n '--em-textfield-font-family': 'var(--em-core-font-family--base)',\n '--em-textfield-font-size': 'var(--em-core-font-size--xs)',\n '--em-textfield-font-weight': 'var(--em-core-font-weight--regular)',\n '--em-textfield-font-weight--filled': 'var(--em-core-font-weight--medium)',\n '--em-textfield-height': 'var(--em-core-size--1000)',\n '--em-textfield-icon-size': 'var(--em-core-size--0400)',\n '--em-textfield-label-padding': 'var(--em-core-spacing--0200)',\n '--em-textfield-line-height': 'var(--em-core-line-height--md)',\n '--em-textfield-max-width': '400px',\n '--em-textfield-min-width': '160px',\n '--em-textfield-padding': 'var(--em-core-spacing--0200)',\n};\n\ntype StylesTokensCore = typeof stylesTokensCore;\nexport type StylesTokensCoreKeys = keyof StylesTokensCore;\n\ntype StylesTokensSemantic = typeof stylesTokensSemantic;\nexport type StylesTokensSemanticKeys = keyof StylesTokensSemantic;\n\ntype StylesTokensComponents = typeof stylesTokensComponents;\nexport type StylesTokensComponentsKeys = keyof StylesTokensComponents;\n","import {\n stylesTokensComponents,\n StylesTokensComponentsKeys,\n stylesTokensCore,\n StylesTokensCoreKeys,\n stylesTokensSemantic,\n StylesTokensSemanticKeys,\n} from './global.tokens';\n\ntype StylesTokensCore = Record<StylesTokensCoreKeys, string>;\ntype StylesTokensSemantic = Record<StylesTokensSemanticKeys, string>;\ntype StylesTokensComponents = Record<StylesTokensComponentsKeys, string>;\n\nexport type Styles = StylesTokensCore & StylesTokensSemantic & StylesTokensComponents;\n\nexport const styles: Styles = {\n ...stylesTokensCore,\n ...stylesTokensSemantic,\n ...stylesTokensComponents,\n};\n\nexport type StylesKeys = keyof typeof styles;\n"],"mappings":"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","names":[]}
package/dist/index.d.ts CHANGED
@@ -461,7 +461,7 @@ declare const getChartjsAxisOptionsScalesGrid: () => Partial<GridLineOptions>;
461
461
  declare const getChartjsAxisOptionsScales: () => Partial<ChartOptions["scales"]>;
462
462
  declare const getChartjsAxisOptions: () => Partial<ChartOptions>;
463
463
  declare const chartjsAxisOptionsLayoutPadding: number;
464
- declare const getChartjsAxisOptionsScalesGridColor: (ctx: any) => string;
464
+ declare const getChartjsAxisOptionsScalesGridColor: (ctx: any) => string | undefined;
465
465
 
466
466
  declare const getStyle: (variableName: StylesKeys, fallbackValue?: string) => string;
467
467
  declare const getStyleNumber: (variableName: StylesKeys, fallbackValue?: string) => number | undefined;
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import "./chunk-TBNFMVQR.js";
1
+ import "./chunk-7RY47BRM.js";
2
2
 
3
3
  // src/components/shared/Skeleton/Skeleton.tsx
4
4
  import styles from "./Skeleton.module-ZN5S5VRF.module.css";
@@ -1076,6 +1076,9 @@ function isMixedValues(values) {
1076
1076
  }
1077
1077
  var getChartjsAxisOptionsScalesGridColor = (ctx) => {
1078
1078
  if (ctx.tick.value === 0) {
1079
+ if (ctx.chart.data.datasets.length === 0) {
1080
+ return void 0;
1081
+ }
1079
1082
  const values = ctx.chart.data.datasets[0].data;
1080
1083
  if (isMixedValues(values)) {
1081
1084
  return getStyle("--em-chart-grid-line-color", "#212129");
@@ -1451,10 +1454,10 @@ var LineChart = ({ options = {}, data, onSegmentClick, ...props }) => {
1451
1454
  };
1452
1455
 
1453
1456
  // src/components/charts/kpis/KpiChart.tsx
1454
- import styles23 from "./KpiChart.module-6XMWVNAY.module.css";
1457
+ import styles23 from "./KpiChart.module-2LUIN66C.module.css";
1455
1458
 
1456
1459
  // src/components/charts/kpis/components/KpiChartChange.tsx
1457
- import styles22 from "./KpiChartChange.module-B5X7SPME.module.css";
1460
+ import styles22 from "./KpiChartChange.module-BAW7YCOW.module.css";
1458
1461
  import clsx16 from "clsx";
1459
1462
  import { IconTrendingDown, IconTrendingUp } from "@tabler/icons-react";
1460
1463
  import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -1471,8 +1474,7 @@ var KpiChartChange = ({
1471
1474
  valueFormatter,
1472
1475
  percentageDecimalPlaces = 1,
1473
1476
  equalComparisonLabel,
1474
- noPreviousDataLabel,
1475
- className
1477
+ noPreviousDataLabel
1476
1478
  }) => {
1477
1479
  const equalComparison = comparisonValue === value;
1478
1480
  const difference = value - comparisonValue;
@@ -1486,22 +1488,38 @@ var KpiChartChange = ({
1486
1488
  }
1487
1489
  const displayValue = `${isPositive ? "+" : ""}${differenceLabel}`;
1488
1490
  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;
1489
- return /* @__PURE__ */ jsx25("div", { className: clsx16(className, styles22.kpiChartChangeContainer), children: showChangeAsPercentage && Number(comparisonValue) === 0 ? /* @__PURE__ */ jsx25("span", { className: styles22.kpiComparisonLabel, children: noPreviousDataLabel }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
1490
- !equalComparison && /* @__PURE__ */ jsxs14(
1491
- "span",
1492
- {
1493
- className: clsx16(
1494
- styles22.kpiChangeBadge,
1495
- getChangeClass(isPositive, invertChangeColors)
1496
- ),
1497
- children: [
1498
- /* @__PURE__ */ jsx25(Icon, {}),
1499
- /* @__PURE__ */ jsx25("span", { children: displayValue })
1500
- ]
1501
- }
1502
- ),
1503
- /* @__PURE__ */ jsx25("span", { className: styles22.kpiComparisonLabel, children: equalComparison ? equalComparisonLabel ?? comparisonLabel : comparisonLabel })
1504
- ] }) });
1491
+ const showNoPreviousData = showChangeAsPercentage && Number(comparisonValue) === 0;
1492
+ return /* @__PURE__ */ jsxs14("div", { className: styles22.kpiChangeContainerSizeGuide, children: [
1493
+ /* @__PURE__ */ jsxs14("div", { className: clsx16(styles22.kpiChartChangeContainer, styles22.hidden), children: [
1494
+ /* @__PURE__ */ jsxs14(
1495
+ "span",
1496
+ {
1497
+ className: clsx16(styles22.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors)),
1498
+ children: [
1499
+ /* @__PURE__ */ jsx25(Icon, {}),
1500
+ /* @__PURE__ */ jsx25("span", { children: displayValue })
1501
+ ]
1502
+ }
1503
+ ),
1504
+ /* @__PURE__ */ jsx25("span", { className: styles22.kpiComparisonLabel, children: comparisonLabel })
1505
+ ] }),
1506
+ /* @__PURE__ */ jsx25("div", { className: styles22.kpiAbsoluteContainer, children: /* @__PURE__ */ jsx25("div", { className: styles22.kpiChartChangeContainer, children: showNoPreviousData ? /* @__PURE__ */ jsx25("span", { className: styles22.kpiComparisonLabel, children: noPreviousDataLabel }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
1507
+ !equalComparison && /* @__PURE__ */ jsxs14(
1508
+ "span",
1509
+ {
1510
+ className: clsx16(
1511
+ styles22.kpiChangeBadge,
1512
+ getChangeClass(isPositive, invertChangeColors)
1513
+ ),
1514
+ children: [
1515
+ /* @__PURE__ */ jsx25(Icon, {}),
1516
+ /* @__PURE__ */ jsx25("span", { children: displayValue })
1517
+ ]
1518
+ }
1519
+ ),
1520
+ /* @__PURE__ */ jsx25("span", { className: styles22.kpiComparisonLabel, children: equalComparison ? equalComparisonLabel ?? comparisonLabel : comparisonLabel })
1521
+ ] }) }) })
1522
+ ] });
1505
1523
  };
1506
1524
 
1507
1525
  // src/components/charts/kpis/KpiChart.tsx
@@ -1548,7 +1566,7 @@ var KpiChart = ({
1548
1566
  )
1549
1567
  }
1550
1568
  ) }),
1551
- /* @__PURE__ */ jsx27("div", { className: styles23.kpiComparisonContainer, style: { fontSize: trendFontSize }, children: hasComparisonValue && /* @__PURE__ */ jsx27(
1569
+ /* @__PURE__ */ jsx27("div", { className: styles23.kpiComparisonContainer, style: { fontSize: trendFontSize }, children: /* @__PURE__ */ jsx27("div", { style: { visibility: hasComparisonValue ? "visible" : "hidden" }, children: /* @__PURE__ */ jsx27(
1552
1570
  KpiChartChange,
1553
1571
  {
1554
1572
  equalComparisonLabel,
@@ -1561,7 +1579,7 @@ var KpiChart = ({
1561
1579
  valueFormatter,
1562
1580
  noPreviousDataLabel
1563
1581
  }
1564
- ) })
1582
+ ) }) })
1565
1583
  ] });
1566
1584
  };
1567
1585