@embeddable.com/remarkable-ui 2.0.11 → 2.0.12

package/dist/{KpiChart.module-KRTSMOWN.module.css → KpiChart.module-6XMWVNAY.module.css}

@@ -1,22 +1,28 @@
 .kpiChartContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   width: 100%;
   height: 100%;
-  font-style: normal;
-  text-align: center;
-  display: flex;
 }
 
-.kpiChartCenter {
-  margin: auto;
+.kpiChartValueContainer {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  width: 100%;
   display: flex;
   flex-direction: column;
-  align-items: center;
+  justify-content: center;
+  /* eslint-disable-next-line css/no-important */
+  align-items: center !important;
+  text-align: center;
 }
 
-.kpiChartCenter h2 {
+.kpiChartValueContainer h2 {
+  width: 100%;
   margin: unset;
   overflow: hidden;
-  width: min-content;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--em-kpichart-color, #212129);

package/dist/{KpiChartChange.module-M7E4IU7A.module.css → KpiChartChange.module-B5X7SPME.module.css}

@@ -5,6 +5,8 @@
   justify-content: center;
   gap: var(--em-kpichart-label-gap, 0.5rem);
   margin-top: var(--em-kpichart-gap, 1.5rem);
+  flex: 0 0 auto;
+  flex-shrink: 0;
 }
 
 .kpiChangeBadge {

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { FC, SVGProps, ImgHTMLAttributes, ReactNode, ReactElement } from 'react';
 import * as _tabler_icons_react from '@tabler/icons-react';
-import { TablerIcon, Icon } from '@tabler/icons-react';
+import { IconProps, Icon } from '@tabler/icons-react';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { ChartData, ChartOptions, CartesianTickOptions, GridLineOptions } from 'chart.js';
 import { S as StylesKeys } from './index-C2c7n1lv.js';
@@ -26,7 +26,7 @@ declare const CardContent: React__default.ForwardRefExoticComponent<CardContentP
 
 type CardFeedbackProps = {
     className?: string;
-    icon?: TablerIcon;
+    icon?: React.ComponentType<IconProps>;
     title: string;
     message: string;
     variant?: 'error' | 'info';
@@ -45,14 +45,14 @@ declare function Typography({ children, as: Component, className, style, title,
 
 type ActionIconProps = {
     className?: string;
-    icon: TablerIcon;
+    icon: React__default.ComponentType<IconProps>;
 } & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
 declare const ActionIcon: React__default.FC<ActionIconProps>;
 
 type ButtonIconProps = {
     variant?: 'primary' | 'secondary';
     size?: 'small' | 'medium';
-    icon: TablerIcon;
+    icon: React__default.ComponentType<IconProps>;
 } & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
 declare const ButtonIcon: React__default.FC<ButtonIconProps>;
 
@@ -84,8 +84,8 @@ type SelectListOptionPropsWithCategory = SelectListOptionProps & {
 declare const SelectListOption: FC<SelectListOptionProps>;
 
 type ButtonProps = {
-    startIcon?: TablerIcon;
-    endIcon?: TablerIcon;
+    startIcon?: React.ComponentType<IconProps>;
+    endIcon?: React.ComponentType<IconProps>;
     children: string;
     size?: 'small' | 'medium';
     variant?: 'primary' | 'secondary';
@@ -113,7 +113,7 @@ type FieldHeaderProps = {
 declare const FieldHeader: ({ label, required, requiredLabel, className, }: FieldHeaderProps) => react_jsx_runtime.JSX.Element | null;
 
 type MultiSelectFieldProps = {
-    startIcon?: TablerIcon;
+    startIcon?: React.ComponentType<IconProps>;
     disabled?: boolean;
     isClearable?: boolean;
     isLoading?: boolean;
@@ -146,7 +146,7 @@ type FieldFeedbackProps = {
 declare const FieldFeedback: FC<FieldFeedbackProps>;
 
 declare const SelectFieldTrigger: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    startIcon?: TablerIcon;
+    startIcon?: React.ComponentType<IconProps>;
     valueLabel?: string;
     placeholder?: string;
     isClearable?: boolean;
@@ -171,7 +171,7 @@ declare const SelectFieldContentList: FC<SelectFieldContentListProps>;
 
 type SingleSelectFieldProps = {
     options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];
-    startIcon?: TablerIcon;
+    startIcon?: React.ComponentType<IconProps>;
     value?: string;
     disabled?: boolean;
     placeholder?: string;
@@ -189,8 +189,8 @@ declare const SingleSelectField: FC<SingleSelectFieldProps>;
 declare const TextField: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
     value?: string;
     placeholder?: string;
-    startIcon?: _tabler_icons_react.TablerIcon;
-    endIcon?: _tabler_icons_react.TablerIcon;
+    startIcon?: React.ComponentType<_tabler_icons_react.IconProps>;
+    endIcon?: React.ComponentType<_tabler_icons_react.IconProps>;
     onChange: (value: string) => void;
     clearable?: boolean;
     error?: boolean;
@@ -200,8 +200,8 @@ declare const TextField: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTM
 type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
     value?: string;
     placeholder?: string;
-    startIcon?: TablerIcon;
-    endIcon?: TablerIcon;
+    startIcon?: React.ComponentType<IconProps>;
+    endIcon?: React.ComponentType<IconProps>;
     onChange: (value: string) => void;
     clearable?: boolean;
     error?: boolean;
@@ -281,7 +281,7 @@ type CssSize = number | `${number}px` | `${number}rem` | `${number}em` | `${numb
 
 type KpiChartProps = {
     value: number;
-    changeFontSize?: number;
+    trendFontSize?: number;
     comparisonValue?: number;
     showChangeAsPercentage?: boolean;
     invertChangeColors?: boolean;
@@ -289,6 +289,7 @@ type KpiChartProps = {
     equalComparisonLabel?: string;
     percentageDecimalPlaces?: number;
     valueFontSize?: CssSize;
+    noPreviousDataLabel?: string;
     valueFormatter?: (value: number) => string;
 };