@finmars/ui 1.0.58 → 1.0.59

package/dist/fonts.css

@@ -0,0 +1,43 @@
+@font-face {
+  font-family: SFPro, sans-serif;
+  src: url("../fonts/sfPro/SFPro-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: SFPro, sans-serif;
+  src: url("../fonts/sfPro/SFPro-Medium.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: SFPro, sans-serif;
+  src: url("../fonts/sfPro/SFPro-Semibold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: SFPro, sans-serif;
+  src: url("../fonts/sfPro/SFPro-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Segoe UI", sans-serif;
+  src: url("../fonts/segoi/SegoeUI.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Segoe UI", sans-serif;
+  src: url("../fonts/segoi/SegoeUI-SemiBold.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Segoe UI", sans-serif;
+  src: url("../fonts/segoi/SegoeUI-Bold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+}

package/dist/src/components/fm/Button/Button.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "init", ...args: any[]) => void;
     $props: {
         readonly [x: string]: any;
     };
@@ -15,7 +16,9 @@ type __VLS_TemplateResult = {
         append?(_: {}): any;
         prepend?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        el: any;
+    };
     attrs: Partial<typeof __VLS_inheritedAttrs>;
 };
 declare var __VLS_inheritedAttrs: {};

package/dist/src/components/fm/Checkbox/Checkbox.vue.d.ts

@@ -1,17 +1,17 @@
 declare const _default: import('vue').DefineComponent<{}, {
     $emit: (event: "update:modelValue", ...args: any[]) => void;
     disabled: boolean;
-    modelValue: boolean;
+    value: boolean;
     indeterminate: boolean;
+    modelValue: boolean;
     error: boolean;
-    value: boolean;
     label?: string | undefined;
     $props: {
         readonly disabled?: boolean | undefined;
-        readonly modelValue?: boolean | undefined;
+        readonly value?: boolean | undefined;
         readonly indeterminate?: boolean | undefined;
+        readonly modelValue?: boolean | undefined;
         readonly error?: boolean | undefined;
-        readonly value?: boolean | undefined;
         readonly label?: string | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/src/components/fm/DateEditor/types.d.ts

@@ -1,5 +1,5 @@
 export interface FmDateEditorProps {
-    modelValue: string;
+    modelValue?: string;
     min?: string;
     max?: string;
     nonWorkingDays?: string[];

package/dist/src/components/fm/FileUpload/FileUpload.vue.d.ts

@@ -5,9 +5,9 @@ declare const _default: import('vue').DefineComponent<FmFileUploadProps, {}, {},
     onUpdateFiles?: ((...args: any[]) => any) | undefined;
 }>, {
     icon: string;
-    label: string;
-    indeterminate: boolean;
     variant: "normal" | "large";
+    indeterminate: boolean;
+    label: string;
     multiple: boolean;
     dialogTitle: string;
     dialogContent: string;

package/dist/src/components/fm/Filters/FilterToolbar/FilterToolbar.vue.d.ts

@@ -6,5 +6,9 @@ declare const _default: import('vue').DefineComponent<FmtFilterToolbarProps, {},
 }, string, import('vue').PublicProps, Readonly<FmtFilterToolbarProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: FmFilter[]) => any) | undefined;
     "onUpdate:suggested"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    value: FmFilter[];
+    attributes: import('./types').FmFilterAttribute[];
+    suggestedAttrs: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/fm/Menu/Menu.vue.d.ts

@@ -23,14 +23,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     itemSize: string;
     items: unknown[];
     minWidth?: string | number | undefined;
-    activator?: string | Record<string, any> | undefined;
     location?: string | undefined;
-    offset?: string | number | unknown[] | undefined;
     height?: string | number | undefined;
-    width?: string | number | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
+    width?: string | number | undefined;
+    activator?: string | Record<string, any> | undefined;
+    offset?: string | number | unknown[] | undefined;
     contentClass?: string | undefined;
     id?: string | undefined;
     $props: {
@@ -52,14 +52,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly itemSize?: string | undefined;
         readonly items?: unknown[] | undefined;
         readonly minWidth?: string | number | undefined;
-        readonly activator?: string | Record<string, any> | undefined;
         readonly location?: string | undefined;
-        readonly offset?: string | number | unknown[] | undefined;
         readonly height?: string | number | undefined;
-        readonly width?: string | number | undefined;
         readonly maxHeight?: string | number | undefined;
         readonly maxWidth?: string | number | undefined;
         readonly minHeight?: string | number | undefined;
+        readonly width?: string | number | undefined;
+        readonly activator?: string | Record<string, any> | undefined;
+        readonly offset?: string | number | unknown[] | undefined;
         readonly contentClass?: string | undefined;
         readonly id?: string | undefined;
     };

package/dist/src/components/fm/Navigation/NavigationItem.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: import('vue').DefineComponent<{}, {
     icon?: string | undefined;
     href?: string | undefined;
     to?: string | undefined;
-    label?: string | undefined;
     style?: Record<string, any> | undefined;
+    label?: string | undefined;
     children?: unknown[] | undefined;
     classes?: string | undefined;
     level?: number | undefined;
@@ -18,8 +18,8 @@ declare const _default: import('vue').DefineComponent<{}, {
         readonly icon?: string | undefined;
         readonly href?: string | undefined;
         readonly to?: string | undefined;
-        readonly label?: string | undefined;
         readonly style?: Record<string, any> | undefined;
+        readonly label?: string | undefined;
         readonly children?: unknown[] | undefined;
         readonly classes?: string | undefined;
         readonly level?: number | undefined;

package/dist/src/components/fm/Navigation/NavigationPortal.vue.d.ts

@@ -1,11 +1,13 @@
 declare const _default: import('vue').DefineComponent<{}, {
     $emit: (event: "resizeSideNav", ...args: any[]) => void;
+    items: unknown[];
     isFloat: boolean;
     isVue: boolean;
     base?: string | undefined;
     alternativeLink?: string | undefined;
     route?: Record<string, any> | undefined;
     $props: {
+        readonly items?: unknown[] | undefined;
         readonly isFloat?: boolean | undefined;
         readonly isVue?: boolean | undefined;
         readonly base?: string | undefined;

package/dist/src/components/fm/Pagination/types.d.ts

@@ -2,7 +2,7 @@ export interface FmPaginationProps {
     modelValue: number;
     itemsPerPage: number;
     totalItems: number;
-    locals: {
+    locals?: {
         of?: string;
         entities?: string;
         page?: string;

package/dist/src/components/fm/RangeSlider/RangeSlider.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    $emit: (event: "update:modelValue" | "start" | "end" | "click:prepend" | "click:append", ...args: any[]) => void;
+    $emit: (event: "start" | "end" | "update:modelValue" | "click:prepend" | "click:append", ...args: any[]) => void;
     $props: {
         readonly [x: string]: any;
     };

package/dist/src/components/fm/Select/SelectActivator.vue.d.ts

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<FmSelectActivatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    init: (value: HTMLDivElement) => any;
     keydown: (value: {
         event: KeyboardEvent;
         key: "down" | "up" | "esc" | "enter" | "space" | "tab";
@@ -15,9 +16,9 @@ declare const __VLS_component: import('vue').DefineComponent<FmSelectActivatorPr
     "click:clear": (value: MouseEvent) => any;
     focus: (value: FocusEvent) => any;
     blur: (value: FocusEvent) => any;
-    init: (value: HTMLDivElement) => any;
     "click:prependIcon": (value: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<FmSelectActivatorProps> & Readonly<{
+    onInit?: ((value: HTMLDivElement) => any) | undefined;
     onKeydown?: ((value: {
         event: KeyboardEvent;
         key: "down" | "up" | "esc" | "enter" | "space" | "tab";
@@ -25,7 +26,6 @@ declare const __VLS_component: import('vue').DefineComponent<FmSelectActivatorPr
     "onClick:clear"?: ((value: MouseEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
     onBlur?: ((value: FocusEvent) => any) | undefined;
-    onInit?: ((value: HTMLDivElement) => any) | undefined;
     "onClick:prependIcon"?: ((value: MouseEvent) => any) | undefined;
 }>, {
     variant: "standard" | "outlined";

package/dist/src/components/fm/Slider/Slider.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    $emit: (event: "update:modelValue" | "start" | "end" | "click:prepend" | "click:append", ...args: any[]) => void;
+    $emit: (event: "start" | "end" | "update:modelValue" | "click:prepend" | "click:append", ...args: any[]) => void;
     $props: {
         readonly [x: string]: any;
     };

package/dist/src/components/fm/TextField/TextField.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    $emit: (event: "update:modelValue" | "click:clear" | "click:control" | "click:prependInner" | "mousedown:control" | "focus" | "blur" | "change" | "init", ...args: any[]) => void;
+    $emit: (event: "init" | "update:modelValue" | "click:clear" | "click:control" | "click:prependInner" | "mousedown:control" | "focus" | "blur" | "change", ...args: any[]) => void;
     $props: {
         readonly [x: string]: any;
     };

package/dist/src/index.d.ts

@@ -61,11 +61,12 @@ import { default as FmHeader } from '../stories/Header.vue';
 import { default as FmHtml } from './directives/fm/Html';
 import { FmDialogInstance } from './plugins/dialogs/types';
 import { FmVueEventBus } from './plugins/vue-bus/types';
+import { NavigationRoutes } from './components/fm/Navigation/Navigation.routes';
 export * from './types';
 export * from './utils';
 export * from './plugins';
 export * from './plugins/types';
-export { Ripple, ClickOutside, Mutate, Resize, Intersect, Scroll, Tooltip, FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDateEditorProps, FmDateEditorEmits, FmDatePicker, FmDatePickerProps, FmDatePickerEmits, FmDialog, FmDialogComponentProps, FmDialogComponentEmits, FmDialogProps, FmDialogEvent, FmIcon, FmIconButton, FmItemPicker, FmItemPickerProps, FmItemPickerEmits, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmUploadFile, FmDialogOptions, FmFileUploadProps, FmFileUpload, FmChipProps, FmChipEmits, FmChipSlots, FmTabs, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots, FmTransferList, FmTransferListProps, FmTransferListEmits, FmInputDate, FmInputDateProps, FmInputDateEmits, FmTimePicker, FmTimePickerProps, FmTimePickerEmits, FmInputTime, FmInputTimeProps, FmInputTimeEmits, FmDateTree, FmDateTreeItemProps, FmDateTreeEmits, FmFilterEditor, FmFilterEditorProps, FmFilterEditorEmits, FmFilterToolbar, FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarProps, FmtFilterToolbarEmits, FmSwitch, FmBreadcrumbs, FmBreadcrumbProps, FmBreadcrumbItem, FmHtml };
+export { Ripple, ClickOutside, Mutate, Resize, Intersect, Scroll, Tooltip, FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDateEditorProps, FmDateEditorEmits, FmDatePicker, FmDatePickerProps, FmDatePickerEmits, FmDialog, FmDialogComponentProps, FmDialogComponentEmits, FmDialogProps, FmDialogEvent, FmIcon, FmIconButton, FmItemPicker, FmItemPickerProps, FmItemPickerEmits, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmUploadFile, FmDialogOptions, FmFileUploadProps, FmFileUpload, FmChipProps, FmChipEmits, FmChipSlots, FmTabs, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots, FmTransferList, FmTransferListProps, FmTransferListEmits, FmInputDate, FmInputDateProps, FmInputDateEmits, FmTimePicker, FmTimePickerProps, FmTimePickerEmits, FmInputTime, FmInputTimeProps, FmInputTimeEmits, FmDateTree, FmDateTreeItemProps, FmDateTreeEmits, FmFilterEditor, FmFilterEditorProps, FmFilterEditorEmits, FmFilterToolbar, FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarProps, FmtFilterToolbarEmits, FmSwitch, FmBreadcrumbs, FmBreadcrumbProps, FmBreadcrumbItem, FmHtml, NavigationRoutes };
 /**
  * VUE plugin that registers all components
  *

package/dist/src/types/general.d.ts

@@ -21,6 +21,7 @@ export type FmFilterRangeValues = {
     min_value: number | string;
 };
 export interface FmFilter {
+    isNew?: boolean;
     content_type?: string;
     key: string;
     layout_name?: string;

package/dist/themes.css

@@ -7,30 +7,29 @@
   --spacing-32: 32px;
   --spacing-48: 48px;
   
-  --display-large-font: 400 57px/64px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --display-medium-font: 400 45px/52px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --display-small-font: 400 36px/44px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --headline-large-font: 400 32px/40px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --headline-medium-font: 400 28px/36px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --headline-small-font: 400 24px/32px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --title-large-font: 400 22px/28px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --title-medium-font: 500 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --title-small-font: 500 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --label-large-pro-font: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --label-large-font: 500 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --label-medium-pro-font: 600 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --label-medium-font: 500 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --label-small-font: 500 11px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --body-large-pro-font: 600 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --body-large-font: 400 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --body-medium-pro-font: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --body-medium-font: 400 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --body-small-font: 400 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --number-large-pro-font: 600 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --number-large-font: 400 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --number-medium-pro-font: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --number-medium-font: 400 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-  --number-small-font: 400 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --display-large-font: 400 57px/64px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --display-medium-font: 400 45px/52px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --display-small-font: 400 36px/44px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --headline-large-font: 400 32px/40px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --headline-medium-font: 400 28px/36px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --headline-small-font: 400 24px/32px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --title-large-font: 400 22px/28px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --title-medium-font: 500 16px/24px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --title-small-font: 500 14px/20px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --label-large-pro-font: 600 14px/20px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --label-large-font: 500 14px/20px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --label-medium-pro-font: 600 12px/16px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --label-small-font: 500 11px/16px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --body-large-pro-font: 600 16px/24px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --body-large-font: 400 16px/24px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --body-medium-pro-font: 600 14px/20px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --body-medium-font: 400 14px/20px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --body-small-font: 400 12px/16px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --number-large-pro-font: 600 16px/24px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --number-large-font: 400 16px/24px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --number-medium-pro-font: 600 14px/20px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --number-medium-font: 400 14px/20px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
+  --number-small-font: 400 12px/16px system-ui, -apple-system, SFPro, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
 
   --white: #fff;
   --black: #000;

package/package.json

@@ -1,90 +1,91 @@
 {
-	"name": "@finmars/ui",
-	"version": "1.0.58",
-	"description": "",
-	"scripts": {
-		"dev": "vite dev --config vite.config.dev.js",
-		"test": "echo \"Error: no test specified\" && exit 1",
-		"storybook": "storybook dev -p 6006 --no-open",
-		"build-storybook": "node --max-old-space-size=4096 ./node_modules/.bin/storybook build",
-		"clean": "rimraf ./dist",
-		"copy:css": "cp ./src/assets/css/themes.css ./dist",
-		"build": "npm run clean && vite build && npm run copy:css"
-	},
-	"files": [
-		"dist/",
-		"LICENSE.md",
-		"README.md",
-		"package.json"
-	],
-	"type": "module",
-	"module": "dist/finmars-ui.es.js",
-	"types": "./dist/finmars-ui.es.d.ts",
-	"exports": {
-		".": {
-			"import": "./dist/finmars-ui.es.js",
-			"types": "./dist/finmars-ui.es.d.ts"
-		},
-		"./dist/finmars-ui.css": "./dist/finmars-ui.css",
-		"./dist/themes.css": "./dist/themes.css"
-	},
-	"keywords": [],
-	"author": "Sergei Zhitenev",
-	"license": "SEE LICENSE IN LICENSE.md",
-	"devDependencies": {
-		"@chromatic-com/storybook": "^1.9.0",
-		"@storybook/addon-essentials": "^8.4.7",
-		"@storybook/addon-interactions": "^8.4.7",
-		"@storybook/addon-links": "^8.4.7",
-		"@storybook/addon-toolbars": "^8.4.7",
-		"@storybook/blocks": "^8.4.7",
-		"@storybook/manager-api": "^8.4.7",
-		"@storybook/test": "^8.4.7",
-		"@storybook/theming": "^8.4.7",
-		"@storybook/vue3": "^8.4.7",
-		"@storybook/vue3-vite": "^8.4.7",
-		"@types/lodash": "^4.17.13",
-		"@types/sanitize-html": "^2.13.0",
-		"@typescript-eslint/eslint-plugin": "^8.15.0",
-		"@typescript-eslint/parser": "^8.15.0",
-		"@vuedx/typescript-plugin-vue": "^0.7.6",
-		"autoprefixer": "^10.4.19",
-		"eslint": "^8.24.0",
-		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-prettier": "^5.2.1",
-		"eslint-plugin-vue": "^9.28.0",
-		"floating-vue": "^5.2.2",
-		"path": "^0.12.7",
-		"postcss": "^8.4.47",
-		"postcss-import": "^16.1.0",
-		"postcss-mixins": "^10.0.1",
-		"prettier": "^3.3.3",
-		"rimraf": "^6.0.1",
-		"sass-embedded": "^1.80.4",
-		"storybook": "^8.4.7",
-		"tailwindcss": "^3.4.11",
-		"typescript": "^5.6.3",
-		"vite": "^5.4.11",
-		"vite-plugin-dts": "^4.3.0",
-		"vite-plugin-node-polyfills": "^0.22.0",
-		"vite-plugin-vue-devtools": "^7.7.0",
-		"vue-tsc": "^2.2.0"
-	},
-	"dependencies": {
-		"@mdi/font": "^7.4.47",
-		"@vitejs/plugin-vue": "^5.2.1",
-		"dayjs": "^1.11.13",
-		"lodash": "^4.17.21",
-		"maska": "^3.0.3",
-		"mitt": "3.0.1",
-		"sanitize-html": "^2.13.1",
-		"vite-plugin-vuetify": "^2.0.4",
-		"vite-svg-loader": "^5.1.0",
-		"vue": "^3.5.13",
-		"vuetify": "^3.7.6"
-	},
-	"peerDependencies": {
-		"pinia": "2.3.0",
-		"vue": "3.5.13"
-	}
+  "name": "@finmars/ui",
+  "version": "1.0.59",
+  "description": "",
+  "scripts": {
+    "dev": "vite dev --config vite.config.dev.js",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "node --max-old-space-size=4096 ./node_modules/.bin/storybook build",
+    "clean": "rimraf ./dist",
+    "copy:css": "cp ./src/assets/css/themes.css ./dist",
+    "copy:fonts": "cp ./src/assets/css/fonts.css ./dist",
+    "build": "npm run clean && vite build && npm run copy:fonts && npm run copy:css"
+  },
+  "files": [
+    "dist/",
+    "LICENSE.md",
+    "README.md",
+    "package.json"
+  ],
+  "type": "module",
+  "module": "dist/finmars-ui.es.js",
+  "types": "./dist/finmars-ui.es.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/finmars-ui.es.js",
+      "types": "./dist/finmars-ui.es.d.ts"
+    },
+    "./dist/finmars-ui.css": "./dist/finmars-ui.css",
+    "./dist/themes.css": "./dist/themes.css"
+  },
+  "keywords": [],
+  "author": "Sergei Zhitenev",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-toolbars": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
+    "@storybook/vue3": "^8.4.7",
+    "@storybook/vue3-vite": "^8.4.7",
+    "@types/lodash": "^4.17.13",
+    "@types/sanitize-html": "^2.13.0",
+    "@typescript-eslint/eslint-plugin": "^8.15.0",
+    "@typescript-eslint/parser": "^8.15.0",
+    "@vuedx/typescript-plugin-vue": "^0.7.6",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8.24.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-vue": "^9.28.0",
+    "floating-vue": "^5.2.2",
+    "path": "^0.12.7",
+    "postcss": "^8.4.47",
+    "postcss-import": "^16.1.0",
+    "postcss-mixins": "^10.0.1",
+    "prettier": "^3.3.3",
+    "rimraf": "^6.0.1",
+    "sass-embedded": "^1.80.4",
+    "storybook": "^8.4.7",
+    "tailwindcss": "^3.4.11",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-node-polyfills": "^0.22.0",
+    "vite-plugin-vue-devtools": "^7.7.0",
+    "vue-tsc": "^2.2.0"
+  },
+  "dependencies": {
+    "@mdi/font": "^7.4.47",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "dayjs": "^1.11.13",
+    "lodash": "^4.17.21",
+    "maska": "^3.0.3",
+    "mitt": "3.0.1",
+    "sanitize-html": "^2.13.1",
+    "vite-plugin-vuetify": "^2.0.4",
+    "vite-svg-loader": "^5.1.0",
+    "vue": "^3.5.13",
+    "vuetify": "^3.7.6"
+  },
+  "peerDependencies": {
+    "pinia": "2.3.0",
+    "vue": "3.5.13"
+  }
 }