@finmars/ui 1.0.52 → 1.0.53

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/finmars-ui.css +1 -1
  2. package/dist/finmars-ui.es.js +15160 -9895
  3. package/dist/src/components/fm/Chip/Chip.vue.d.ts +11 -3
  4. package/dist/src/components/fm/Chip/types.d.ts +5 -1
  5. package/dist/src/components/fm/Navigation/NavigationItem.vue.d.ts +2 -2
  6. package/dist/src/directives/fm/Html.d.ts +6 -0
  7. package/dist/src/directives/index.d.ts +2 -0
  8. package/dist/src/index.d.ts +3 -1
  9. package/dist/themes.css +240 -214
  10. package/package.json +3 -1
package/dist/src/components/fm/Chip/Chip.vue.d.ts CHANGED
@@ -1,18 +1,26 @@
1
1
  import { FmChipProps, FmChipSlots } from './types';
2
2
  declare function __VLS_template(): {
3
3
  slots: Readonly<FmChipSlots> & FmChipSlots;
4
- refs: {};
4
+ refs: {
5
+ chipEl: HTMLDivElement;
6
+ };
5
7
  attrs: Partial<{}>;
6
8
  };
7
9
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
8
10
  declare const __VLS_component: import('vue').DefineComponent<FmChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
9
- click: (value: MouseEvent) => any;
11
+ click: (value: {
12
+ event: MouseEvent;
13
+ element: HTMLDivElement;
14
+ }) => any;
10
15
  "click:prepend": (value: MouseEvent) => any;
11
16
  "click:append": (value: MouseEvent) => any;
12
17
  "click:close": (value: MouseEvent) => any;
13
18
  keydown: (value: KeyboardEvent) => any;
14
19
  }, string, import('vue').PublicProps, Readonly<FmChipProps> & Readonly<{
15
- onClick?: ((value: MouseEvent) => any) | undefined;
20
+ onClick?: ((value: {
21
+ event: MouseEvent;
22
+ element: HTMLDivElement;
23
+ }) => any) | undefined;
16
24
  "onClick:prepend"?: ((value: MouseEvent) => any) | undefined;
17
25
  "onClick:append"?: ((value: MouseEvent) => any) | undefined;
18
26
  "onClick:close"?: ((value: MouseEvent) => any) | undefined;
package/dist/src/components/fm/Chip/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { VNode } from 'vue';
2
2
  import { FmComponentIcon, PlaceLocation } from '../../../types';
3
3
  export interface FmChipProps {
4
+ id?: string | number;
4
5
  value?: string;
5
6
  tooltip?: string | {
6
7
  value: string;
@@ -18,7 +19,10 @@ export interface FmChipProps {
18
19
  disabled?: boolean;
19
20
  }
20
21
  export interface FmChipEmits {
21
- (event: 'click', value: MouseEvent): void;
22
+ (event: 'click', value: {
23
+ event: MouseEvent;
24
+ element: HTMLDivElement;
25
+ }): void;
22
26
  (event: 'click:prepend', value: MouseEvent): void;
23
27
  (event: 'click:append', value: MouseEvent): void;
24
28
  (event: 'click:close', value: MouseEvent): void;
package/dist/src/components/fm/Navigation/NavigationItem.vue.d.ts CHANGED
@@ -8,9 +8,9 @@ declare const _default: import('vue').DefineComponent<{}, {
8
8
  label?: string | undefined;
9
9
  style?: Record<string, any> | undefined;
10
10
  children?: unknown[] | undefined;
11
+ classes?: string | undefined;
11
12
  level?: number | undefined;
12
13
  action?: Function | undefined;
13
- classes?: string | undefined;
14
14
  alternativeLink?: string | undefined;
15
15
  route?: Record<string, any> | undefined;
16
16
  $props: {
@@ -21,9 +21,9 @@ declare const _default: import('vue').DefineComponent<{}, {
21
21
  readonly label?: string | undefined;
22
22
  readonly style?: Record<string, any> | undefined;
23
23
  readonly children?: unknown[] | undefined;
24
+ readonly classes?: string | undefined;
24
25
  readonly level?: number | undefined;
25
26
  readonly action?: Function | undefined;
26
- readonly classes?: string | undefined;
27
27
  readonly alternativeLink?: string | undefined;
28
28
  readonly route?: Record<string, any> | undefined;
29
29
  };
package/dist/src/directives/fm/Html.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { DirectiveBinding } from 'vue';
2
+ declare const _default: {
3
+ mounted(el: Element, binding: DirectiveBinding): void;
4
+ updated(el: Element, binding: DirectiveBinding): void;
5
+ };
6
+ export default _default;
package/dist/src/directives/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { default as FmHtml } from './fm/Html';
2
+ export { FmHtml };
package/dist/src/index.d.ts CHANGED
@@ -49,9 +49,10 @@ import { default as FmSwitch } from './components/fm/Switch/Switch.vue';
49
49
  import { default as FmBreadcrumbs } from './components/fm/Breadcrumbs/Breadcrumbs.vue';
50
50
  import { FmBreadcrumbItem, FmBreadcrumbProps } from './components/fm/Breadcrumbs/types';
51
51
  import { default as FmHeader } from '../stories/Header.vue';
52
+ import { default as FmHtml } from './directives/fm/Html';
52
53
  export * from './types';
53
54
  export * from './utils';
54
- export { Ripple, ClickOutside, Mutate, Resize, Intersect, Scroll, Tooltip, FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDateEditorProps, FmDateEditorEmits, FmDatePicker, 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, FmFilterEditor, FmFilterEditorProps, FmFilterEditorEmits, FmFilterToolbar, FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarProps, FmtFilterToolbarEmits, FmSwitch, FmBreadcrumbs, FmBreadcrumbProps, FmBreadcrumbItem };
55
+ export { Ripple, ClickOutside, Mutate, Resize, Intersect, Scroll, Tooltip, FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDateEditorProps, FmDateEditorEmits, FmDatePicker, 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, FmFilterEditor, FmFilterEditorProps, FmFilterEditorEmits, FmFilterToolbar, FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarProps, FmtFilterToolbarEmits, FmSwitch, FmBreadcrumbs, FmBreadcrumbProps, FmBreadcrumbItem, FmHtml };
55
56
  /**
56
57
  * VUE plugin that registers all components
57
58
  *
@@ -101,6 +102,7 @@ declare module '@vue/runtime-core' {
101
102
  FmBreadcrumbs: typeof FmBreadcrumbs;
102
103
  }
103
104
  interface GlobalDirectives {
105
+ FmHtml: typeof FmHtml;
104
106
  Ripple: typeof Ripple;
105
107
  ClickOutside: typeof ClickOutside;
106
108
  Mutate: typeof Mutate;
package/dist/themes.css CHANGED
@@ -1,223 +1,249 @@
1
1
  :root {
2
- --spacing-4: 4px;
3
- --spacing-8: 8px;
4
- --spacing-12: 12px;
5
- --spacing-16: 16px;
6
- --spacing-24: 24px;
7
- --spacing-32: 32px;
8
- --spacing-48: 48px;
2
+ --spacing-4: 4px;
3
+ --spacing-8: 8px;
4
+ --spacing-12: 12px;
5
+ --spacing-16: 16px;
6
+ --spacing-24: 24px;
7
+ --spacing-32: 32px;
8
+ --spacing-48: 48px;
9
+
10
+ --display-large-font: 400 57px/64px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
11
+ --display-medium-font: 400 45px/52px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
12
+ --display-small-font: 400 36px/44px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
13
+ --headline-large-font: 400 32px/40px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
14
+ --headline-medium-font: 400 28px/36px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
15
+ --headline-small-font: 400 24px/32px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
16
+ --title-large-font: 400 22px/28px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
17
+ --title-medium-font: 500 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
18
+ --title-small-font: 500 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
19
+ --label-large-pro-font: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
20
+ --label-large-font: 500 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
21
+ --label-medium-pro-font: 600 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
22
+ --label-medium-font: 500 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
23
+ --label-small-font: 500 11px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
24
+ --body-large-pro-font: 600 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
25
+ --body-large-font: 400 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
26
+ --body-medium-pro-font: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
27
+ --body-medium-font: 400 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
28
+ --body-small-font: 400 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
29
+ --number-large-pro-font: 600 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
30
+ --number-large-font: 400 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
31
+ --number-medium-pro-font: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
32
+ --number-medium-font: 400 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
33
+ --number-small-font: 400 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
9
34
 
10
- --display-large-font: 57px/64px 400;
11
- --display-medium-font: 45px/52px 400;
12
- --display-small-font: 36px/44px 400;
13
- --headline-large-font: 32px/40px 400;
14
- --headline-medium-font: 28px/36px 400;
15
- --headline-small-font: 24px/32px 400;
16
- --title-large-font: 22px/28px 400;
17
- --title-medium-font: 16px/24px 500;
18
- --title-small-font: 14px/20px 500;
19
- --label-large-pro-font: 14px/20px 600;
20
- --label-large-font: 14px/20px 500;
21
- --label-medium-pro-font: 12px/16px 600;
22
- --label-medium-font: 12px/16px 500;
23
- --label-small-font: 11px/16px 500;
24
- --body-large-pro-font: 16px/24px 600;
25
- --body-large-font: 16px/24px 400;
26
- --body-medium-pro-font: 14px/20px 600;
27
- --body-medium-font: 14px/20px 400;
28
- --body-small-font: 12px/16px 400;
29
- --number-large-pro-font: 16px/24px 600;
30
- --number-large-font: 16px/24px 400;
31
- --number-medium-pro-font: 14px/20px 600;
32
- --number-medium-font: 14px/20px 400;
33
- --number-small-font: 12px/16px 400;
34
-
35
- --white: #fff;
36
- --black: #000;
37
- --p-0: #000;
38
- --p-10: #390b00;
39
- --p-20: #5d1800;
40
- --p-30: #842500;
41
- --p-40: #ad3400;
42
- --p-50: #d54509;
43
- --p-60: #f85e26;
44
- --p-70: #ff8b65;
45
- --p-80: #ffb59d;
46
- --p-90: #ffdbd0;
47
- --p-95: #ffede8;
48
- --p-99: #ffdbfc;
49
- --p-100: #fff;
50
- --s-0: #000;
51
- --s-10: #331106;
52
- --s-20: #4d2518;
53
- --s-30: #683b2c;
54
- --s-40: #845242;
55
- --s-50: #a06a58;
56
- --s-60: #bd8370;
57
- --s-70: #da9d89;
58
- --s-80: #f8b7a3;
59
- --s-90: #ffdbd0;
60
- --s-95: #ffede8;
61
- --s-99: #fffbfc;
62
- --s-100: #fff;
63
- --t-0: #000;
64
- --t-10: #221b00;
65
- --t-20: #393005;
66
- --t-30: #51461a;
67
- --t-40: #6a5e2f;
68
- --t-50: #847745;
69
- --t-60: #9e905c;
70
- --t-70: #baab74;
71
- --t-80: #d6c68d;
72
- --t-90: #f3e2a7;
73
- --t-95: #fff0c1;
74
- --t-99: #fffbE9;
75
- --t-100: #fff;
76
- --e-0: #000;
77
- --e-10: #410002;
78
- --e-20: #690005;
79
- --e-30: #93000a;
80
- --e-40: #ba1a1a;
81
- --e-50: #de3730;
82
- --e-60: #ff5449;
83
- --e-70: #ff897d;
84
- --e-80: #ffb4ab;
85
- --e-90: #ffdad6;
86
- --e-95: #ffedea;
87
- --e-99: #fffbfb;
88
- --e-100: #fff;
89
- --n-0: #000;
90
- --n-4: #140c0a;
91
- --n-6: #1a110f;
92
- --n-10: #201a18;
93
- --n-12: #271d1b;
94
- --n-17: #322825;
95
- --n-20: #362f2d;
96
- --n-22: #3d322f;
97
- --n-30: #4d4543;
98
- --n-40: #655c5a;
99
- --n-50: #7f7572;
100
- --n-60: #998e8b;
101
- --n-70: #b4a9a6;
102
- --n-80: #d0c4c1;
103
- --n-90: #ede0dc;
104
- --n-92: #f7e4df;
105
- --n-94: #fceae5;
106
- --n-95: #fbeeea;
107
- --n-96: #fff1ed;
108
- --n-98: #fff8f6;
109
- --n-99: #fffbfc;
110
- --n-100: #fff;
111
- --nv-0: #000;
112
- --nv-10: #251915;
113
- --nv-20: #3b2d29;
114
- --nv-30: #53433f;
115
- --nv-40: #6b5b56;
116
- --nv-50: #85736e;
117
- --nv-60: #a08d87;
118
- --nv-70: #bca7a1;
119
- --nv-80: #d8c2bc;
120
- --nv-90: #f5ded7;
121
- --nv-95: #ffede8;
122
- --nv-99: #fffbfc;
123
- --nv-100: #fff;
124
-
125
- --v-theme-overlay-multiplier: 1;
126
-
127
- --go-0: #1d1b201f;
128
- --go-10: #6750a41f;
129
- --go-20: #D0BCFF1F;
130
- --go-30: #E6E0E91F;
35
+ --white: #fff;
36
+ --black: #000;
37
+ --p-0: #000;
38
+ --p-10: #390b00;
39
+ --p-20: #5d1800;
40
+ --p-30: #842500;
41
+ --p-40: #ad3400;
42
+ --p-50: #d54509;
43
+ --p-60: #f85e26;
44
+ --p-70: #ff8b65;
45
+ --p-80: #ffb59d;
46
+ --p-90: #ffdbd0;
47
+ --p-95: #ffede8;
48
+ --p-99: #ffdbfc;
49
+ --p-100: #fff;
50
+ --s-0: #000;
51
+ --s-10: #331106;
52
+ --s-20: #4d2518;
53
+ --s-30: #683b2c;
54
+ --s-40: #845242;
55
+ --s-50: #a06a58;
56
+ --s-60: #bd8370;
57
+ --s-70: #d29b89;
58
+ --s-80: #e3c3ba;
59
+ --s-90: #f3dcd7;
60
+ --s-95: #f8eeec;
61
+ --s-99: #fdf9fa;
62
+ --s-100: #fff;
63
+ --t-0: #000;
64
+ --t-10: #221b00;
65
+ --t-20: #393005;
66
+ --t-30: #51461a;
67
+ --t-40: #6a5e2f;
68
+ --t-50: #847745;
69
+ --t-60: #9e905c;
70
+ --t-70: #baab74;
71
+ --t-80: #d6c68d;
72
+ --t-90: #f3e2a7;
73
+ --t-95: #fff0c1;
74
+ --t-99: #fffbE9;
75
+ --t-100: #fff;
76
+ --e-0: #000;
77
+ --e-10: #410002;
78
+ --e-20: #690005;
79
+ --e-30: #93000a;
80
+ --e-40: #ba1a1a;
81
+ --e-50: #de3730;
82
+ --e-60: #ff5449;
83
+ --e-70: #ff897d;
84
+ --e-80: #ffb4ab;
85
+ --e-90: #ffdad6;
86
+ --e-95: #ffedea;
87
+ --e-99: #fffbfb;
88
+ --e-100: #fff;
89
+ --n-0: #000;
90
+ --n-4: #140c0a;
91
+ --n-6: #1a110f;
92
+ --n-10: #201a18;
93
+ --n-12: #271d1b;
94
+ --n-17: #322825;
95
+ --n-20: #362f2d;
96
+ --n-22: #3d322f;
97
+ --n-30: #4d4543;
98
+ --n-40: #655c5a;
99
+ --n-50: #7f7572;
100
+ --n-60: #998e8b;
101
+ --n-70: #b4a9a6;
102
+ --n-80: #d0c4c1;
103
+ --n-90: #ede0dc;
104
+ --n-92: #f7e4df;
105
+ --n-94: #fceae5;
106
+ --n-95: #fbeeea;
107
+ --n-96: #fff1ed;
108
+ --n-98: #fff8f6;
109
+ --n-99: #fffbfc;
110
+ --n-100: #fff;
111
+ --nv-0: #000;
112
+ --nv-10: #251915;
113
+ --nv-20: #3b2d29;
114
+ --nv-30: #53433f;
115
+ --nv-40: #6b5b56;
116
+ --nv-50: #85736e;
117
+ --nv-60: #a08d87;
118
+ --nv-70: #bca7a1;
119
+ --nv-80: #d8c2bc;
120
+ --nv-90: #f5ded7;
121
+ --nv-95: #ffede8;
122
+ --nv-99: #fffbfc;
123
+ --nv-100: #fff;
124
+
125
+ --v-theme-overlay-multiplier: 1;
126
+
127
+ --go-0: #1d1b201f;
128
+ --go-5: #1d192b;
129
+ --go-6: #cac4d0;
130
+ --go-10: #6750a41f;
131
+ --go-20: #d0bcff1f;
132
+ --go-30: #e6e0e91f;
131
133
  }
132
134
 
133
135
  .light-theme {
134
- --primary: var(--p-40);
135
- --secondary: var(--s-40);
136
- --tertiary: var(--t-40);
137
- --error: var(--e-40);
138
- --on-primary: var(--p-100);
139
- --on-secondary: var(--s-100);
140
- --on-tertiary: var(--t-100);
141
- --on-error: var(--e-100);
142
- --primary-container: var(--p-90);
143
- --secondary-container: var(--s-90);
144
- --tertiary-container: var(--t-90);
145
- --error-container: var(--e-90);
146
- --on-primary-container: var(--p-10);
147
- --on-secondary-container: var(--s-10);
148
- --on-tertiary-container: var(--t-10);
149
- --on-error-container: var(--e-10);
150
- --surface-dim: var(--n-98);
151
- --surface: var(--n-99);
152
- --surface-bright: var(--n-100);
153
- --inverse-surface: var(--n-20);
154
- --inverse-on-surface: var(--n-95);
155
- --inverse-primary: var(--p-80);
156
- --surface-container-lowest: var(--n-100);
157
- --surface-container-low: var(--n-96);
158
- --surface-container: var(--n-94);
159
- --surface-container-high: var(--n-92);
160
- --surface-container-highest: var(--n-90);
161
- --on-surface: var(--n-10);
162
- --on-surface-variant: var(--nv-30);
163
- --outline: var(--nv-50);
164
- --outline-variant: var(--nv-80);
165
- --on-active-primary: var(--go-0);
166
- --on-active-secondary: var(--go-10);
167
- --scrim: var(--n-0);
168
- --shadow: var(--n-0);
169
- --dataviz1: var(--p-80);
170
- --dataviz2: var(--p-70);
171
- --dataviz3: var(--p-60);
172
- --dataviz4: var(--p-50);
173
- --dataviz5: var(--p-40);
174
- --dataviz6: var(--p-30);
175
- --dataviz7: var(--p-20);
176
- --dataviz8: var(--t-40);
136
+ --primary: var(--p-40);
137
+ --secondary: var(--s-40);
138
+ --tertiary: var(--t-40);
139
+ --error: var(--e-40);
140
+ --on-primary: var(--p-100);
141
+ --on-secondary: var(--s-100);
142
+ --on-tertiary: var(--t-100);
143
+ --on-error: var(--e-100);
144
+ --primary-container: var(--p-90);
145
+ --secondary-container: var(--s-90);
146
+ --tertiary-container: var(--t-90);
147
+ --error-container: var(--e-90);
148
+ --on-primary-container: var(--p-10);
149
+ --on-secondary-container: var(--s-10);
150
+ --on-tertiary-container: var(--t-10);
151
+ --on-error-container: var(--e-10);
152
+ --primary-fixed: var(--p-90);
153
+ --primary-fixed-dim: var(--p-80);
154
+ --secondary-fixed: var(--s-90);
155
+ --secondary-fixed-dim: var(--s-80);
156
+ --tertiary-fixed: var(--t-90);
157
+ --tertiary-fixed-dim: var(--t-80);
158
+ --on-primary-fixed: var(--p-10);
159
+ --on-secondary-fixed: var(--s-10);
160
+ --on-tertiary-fixed: var(--t-10);
161
+ --on-primary-fixed-variant: var(--p-30);
162
+ --on-secondary-fixed-variant: var(--s-30);
163
+ --on-tertiary-fixed-variant: var(--t-30);
164
+ --surface-dim: var(--n-98);
165
+ --surface: var(--n-99);
166
+ --surface-bright: var(--n-100);
167
+ --inverse-surface: var(--n-20);
168
+ --inverse-on-surface: var(--n-95);
169
+ --inverse-primary: var(--p-80);
170
+ --surface-container-lowest: var(--n-100);
171
+ --surface-container-low: var(--n-96);
172
+ --surface-container: var(--n-94);
173
+ --surface-container-high: var(--n-92);
174
+ --surface-container-highest: var(--n-90);
175
+ --on-surface: var(--n-10);
176
+ --on-surface-variant: var(--nv-30);
177
+ --outline: var(--nv-50);
178
+ --outline-variant: var(--nv-80);
179
+ --on-active-primary: var(--go-0);
180
+ --on-active-secondary: var(--go-10);
181
+ --scrim: var(--n-0);
182
+ --shadow: var(--n-0);
183
+ --dataviz1: var(--p-80);
184
+ --dataviz2: var(--p-70);
185
+ --dataviz3: var(--p-60);
186
+ --dataviz4: var(--p-50);
187
+ --dataviz5: var(--p-40);
188
+ --dataviz6: var(--p-30);
189
+ --dataviz7: var(--p-20);
190
+ --dataviz8: var(--t-40);
177
191
  }
178
192
 
179
193
  .dark-theme {
180
- --primary: var(--p-80);
181
- --secondary: var(--s-80);
182
- --tertiary: var(--t-80);
183
- --error: var(--e-80);
184
- --on-primary: var(--p-20);
185
- --on-secondary: var(--s-20);
186
- --on-tertiary: var(--t-20);
187
- --on-error: var(--e-20);
188
- --primary-container: var(--p-30);
189
- --secondary-container: var(--s-30);
190
- --tertiary-container: var(--t-30);
191
- --error-container: var(--e-30);
192
- --on-primary-container: var(--p-90);
193
- --on-secondary-container: var(--s-90);
194
- --on-tertiary-container: var(--t-90);
195
- --on-error-container: var(--e-90);
196
- --surface-dim: var(--n-6);
197
- --surface: var(--n-6);
198
- --surface-bright: var(--n-20);
199
- --inverse-surface: var(--n-90);
200
- --inverse-on-surface: var(--n-20);
201
- --inverse-primary: var(--p-40);
202
- --surface-container-lowest: var(--n-4);
203
- --surface-container-low: var(--n-10);
204
- --surface-container: var(--n-12);
205
- --surface-container-high: var(--n-17);
206
- --surface-container-highest: var(--n-22);
207
- --on-surface: var(--n-90);
208
- --on-surface-variant: var(--nv-80);
209
- --outline: var(--nv-60);
210
- --outline-variant: var(--nv-30);
211
- --on-active-primary: var(--go-30);
212
- --on-active-secondary: var(--go-20);
213
- --scrim: var(--n-0);
214
- --shadow: var(--n-0);
215
- --dataviz1: var(--p-20);
216
- --dataviz2: var(--p-30);
217
- --dataviz3: var(--p-40);
218
- --dataviz4: var(--p-50);
219
- --dataviz5: var(--p-60);
220
- --dataviz6: var(--p-70);
221
- --dataviz7: var(--p-80);
222
- --dataviz8: var(--t-60);
194
+ --primary: var(--p-80);
195
+ --secondary: var(--s-80);
196
+ --tertiary: var(--t-80);
197
+ --error: var(--e-80);
198
+ --on-primary: var(--p-20);
199
+ --on-secondary: var(--s-20);
200
+ --on-tertiary: var(--t-20);
201
+ --on-error: var(--e-20);
202
+ --primary-container: var(--p-30);
203
+ --secondary-container: var(--s-30);
204
+ --tertiary-container: var(--t-30);
205
+ --error-container: var(--e-30);
206
+ --on-primary-container: var(--p-90);
207
+ --on-secondary-container: var(--s-90);
208
+ --on-tertiary-container: var(--t-90);
209
+ --on-error-container: var(--e-90);
210
+ --primary-fixed: var(--p-90);
211
+ --primary-fixed-dim: var(--p-80);
212
+ --secondary-fixed: var(--s-90);
213
+ --secondary-fixed-dim: var(--s-80);
214
+ --tertiary-fixed: var(--t-90);
215
+ --tertiary-fixed-dim: var(--t-80);
216
+ --on-primary-fixed: var(--p-10);
217
+ --on-secondary-fixed: var(--s-10);
218
+ --on-tertiary-fixed: var(--t-10);
219
+ --on-primary-fixed-variant: var(--p-30);
220
+ --on-secondary-fixed-variant: var(--s-30);
221
+ --on-tertiary-fixed-variant: var(--t-30);
222
+ --surface-dim: var(--n-6);
223
+ --surface: var(--n-6);
224
+ --surface-bright: var(--n-20);
225
+ --inverse-surface: var(--n-90);
226
+ --inverse-on-surface: var(--n-20);
227
+ --inverse-primary: var(--p-40);
228
+ --surface-container-lowest: var(--n-4);
229
+ --surface-container-low: var(--n-10);
230
+ --surface-container: var(--n-12);
231
+ --surface-container-high: var(--n-17);
232
+ --surface-container-highest: var(--n-22);
233
+ --on-surface: var(--n-90);
234
+ --on-surface-variant: var(--nv-80);
235
+ --outline: var(--nv-60);
236
+ --outline-variant: var(--nv-30);
237
+ --on-active-primary: var(--go-30);
238
+ --on-active-secondary: var(--go-20);
239
+ --scrim: var(--n-0);
240
+ --shadow: var(--n-0);
241
+ --dataviz1: var(--p-20);
242
+ --dataviz2: var(--p-30);
243
+ --dataviz3: var(--p-40);
244
+ --dataviz4: var(--p-50);
245
+ --dataviz5: var(--p-60);
246
+ --dataviz6: var(--p-70);
247
+ --dataviz7: var(--p-80);
248
+ --dataviz8: var(--t-60);
223
249
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@finmars/ui",
3
- "version": "1.0.52",
3
+ "version": "1.0.53",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "vite dev --config vite.config.dev.js",
@@ -44,6 +44,7 @@
44
44
  "@storybook/vue3": "^8.4.2",
45
45
  "@storybook/vue3-vite": "^8.4.2",
46
46
  "@types/lodash": "^4.17.13",
47
+ "@types/sanitize-html": "^2.13.0",
47
48
  "@typescript-eslint/eslint-plugin": "^8.15.0",
48
49
  "@typescript-eslint/parser": "^8.15.0",
49
50
  "@vuedx/typescript-plugin-vue": "^0.7.6",
@@ -73,6 +74,7 @@
73
74
  "dayjs": "^1.11.13",
74
75
  "lodash": "^4.17.21",
75
76
  "maska": "^3.0.3",
77
+ "sanitize-html": "^2.13.1",
76
78
  "vite-plugin-vuetify": "^2.0.4",
77
79
  "vite-svg-loader": "^5.1.0",
78
80
  "vue": "^3.5.12",