@finmars/ui 1.0.39 → 1.0.41

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 (8) hide show
  1. package/dist/finmars-ui.css +1 -1
  2. package/dist/finmars-ui.es.js +5360 -4721
  3. package/dist/finmars-ui.umd.js +3 -3
  4. package/dist/src/components/fm/Checkbox/Checkbox.vue.d.ts +2 -0
  5. package/dist/src/components/fm/Tabs/Tabs.vue.d.ts +36 -0
  6. package/dist/src/index.d.ts +3 -1
  7. package/dist/themes.css +212 -203
  8. package/package.json +1 -1
package/dist/src/components/fm/Checkbox/Checkbox.vue.d.ts CHANGED
@@ -2,11 +2,13 @@ declare const _default: import('vue').DefineComponent<{}, {
2
2
  $emit: (event: "update:modelValue", ...args: any[]) => void;
3
3
  disabled: boolean;
4
4
  modelValue: boolean;
5
+ indeterminate: boolean;
5
6
  error: boolean;
6
7
  value: boolean;
7
8
  $props: {
8
9
  readonly disabled?: boolean | undefined;
9
10
  readonly modelValue?: boolean | undefined;
11
+ readonly indeterminate?: boolean | undefined;
10
12
  readonly error?: boolean | undefined;
11
13
  readonly value?: boolean | undefined;
12
14
  };
package/dist/src/components/fm/Tabs/Tabs.vue.d.ts ADDED
@@ -0,0 +1,36 @@
1
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
2
+ export default _default;
3
+ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import('vue').DefineComponent<{}, {
7
+ $emit: (event: "changeTab", ...args: any[]) => void;
8
+ size: string;
9
+ appendIcon: boolean;
10
+ prependIcon: boolean;
11
+ disabled: boolean;
12
+ variant: string;
13
+ tabs: unknown[];
14
+ underline: string;
15
+ defaultTab: number;
16
+ icon?: string | undefined;
17
+ $props: {
18
+ readonly size?: string | undefined;
19
+ readonly appendIcon?: boolean | undefined;
20
+ readonly prependIcon?: boolean | undefined;
21
+ readonly disabled?: boolean | undefined;
22
+ readonly variant?: string | undefined;
23
+ readonly tabs?: unknown[] | undefined;
24
+ readonly underline?: string | undefined;
25
+ readonly defaultTab?: number | undefined;
26
+ readonly icon?: string | undefined;
27
+ };
28
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
29
+ type __VLS_TemplateResult = {
30
+ slots: {
31
+ default?(_: {}): any;
32
+ };
33
+ refs: {};
34
+ attrs: Partial<typeof __VLS_inheritedAttrs>;
35
+ };
36
+ declare var __VLS_inheritedAttrs: {};
package/dist/src/index.d.ts CHANGED
@@ -31,9 +31,10 @@ import { FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelec
31
31
  import { default as FmSlider } from './components/fm/Slider/Slider.vue';
32
32
  import { default as FmTextField } from './components/fm/TextField/TextField.vue';
33
33
  import { default as FmTooltip } from './components/fm/Tooltip/Tooltip.vue';
34
+ import { default as FmTabs } from './components/fm/Tabs/Tabs.vue';
34
35
  import { default as FmHeader } from '../stories/Header.vue';
35
36
  export * from './types';
36
- export { FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDatePicker, FmIcon, FmIconButton, FmItemPicker, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmChipProps, FmChipEmits, FmChipSlots, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots };
37
+ export { FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDatePicker, FmIcon, FmIconButton, FmItemPicker, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmChipProps, FmChipEmits, FmChipSlots, FmTabs, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots };
37
38
  /**
38
39
  * VUE plugin that registers all components
39
40
  *
@@ -73,5 +74,6 @@ declare module 'vue' {
73
74
  FmTextField: typeof FmTextField;
74
75
  FmTooltip: typeof FmTooltip;
75
76
  FmVSelect: typeof FmVSelect;
77
+ FmTabs: typeof FmTabs;
76
78
  }
77
79
  }
package/dist/themes.css CHANGED
@@ -1,214 +1,223 @@
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
9
 
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;
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
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;
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
124
 
125
- --v-theme-overlay-multiplier: 1;
125
+ --v-theme-overlay-multiplier: 1;
126
+
127
+ --go-0: #1d1b201f;
128
+ --go-10: #6750a41f;
129
+ --go-20: #D0BCFF1F;
130
+ --go-30: #E6E0E91F;
126
131
  }
127
132
 
128
133
  .light-theme {
129
- --primary: var(--p-40);
130
- --secondary: var(--s-40);
131
- --tertiary: var(--t-40);
132
- --error: var(--e-40);
133
- --on-primary: var(--p-100);
134
- --on-secondary: var(--s-100);
135
- --on-tertiary: var(--t-100);
136
- --on-error: var(--e-100);
137
- --primary-container: var(--p-90);
138
- --secondary-container: var(--s-90);
139
- --tertiary-container: var(--t-90);
140
- --error-container: var(--e-90);
141
- --on-primary-container: var(--p-10);
142
- --on-secondary-container: var(--s-10);
143
- --on-tertiary-container: var(--t-10);
144
- --on-error-container: var(--e-10);
145
- --surface-dim: var(--n-98);
146
- --surface: var(--n-99);
147
- --surface-bright: var(--n-100);
148
- --inverse-surface: var(--n-20);
149
- --inverse-on-surface: var(--n-95);
150
- --inverse-primary: var(--p-80);
151
- --surface-container-lowest: var(--n-100);
152
- --surface-container-low: var(--n-96);
153
- --surface-container: var(--n-94);
154
- --surface-container-high: var(--n-92);
155
- --surface-container-highest: var(--n-90);
156
- --on-surface: var(--n-10);
157
- --on-surface-variant: var(--nv-30);
158
- --outline: var(--nv-50);
159
- --outline-variant: var(--nv-80);
160
- --scrim: var(--n-0);
161
- --shadow: var(--n-0);
162
- --dataviz1: var(--p-80);
163
- --dataviz2: var(--p-70);
164
- --dataviz3: var(--p-60);
165
- --dataviz4: var(--p-50);
166
- --dataviz5: var(--p-40);
167
- --dataviz6: var(--p-30);
168
- --dataviz7: var(--p-20);
169
- --dataviz8: var(--t-40);
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);
170
177
  }
171
178
 
172
179
  .dark-theme {
173
- --primary: var(--p-80);
174
- --secondary: var(--s-80);
175
- --tertiary: var(--t-80);
176
- --error: var(--e-80);
177
- --on-primary: var(--p-20);
178
- --on-secondary: var(--s-20);
179
- --on-tertiary: var(--t-20);
180
- --on-error: var(--e-20);
181
- --primary-container: var(--p-30);
182
- --secondary-container: var(--s-30);
183
- --tertiary-container: var(--t-30);
184
- --error-container: var(--e-30);
185
- --on-primary-container: var(--p-90);
186
- --on-secondary-container: var(--s-90);
187
- --on-tertiary-container: var(--t-90);
188
- --on-error-container: var(--e-90);
189
- --surface-dim: var(--n-6);
190
- --surface: var(--n-6);
191
- --surface-bright: var(--n-20);
192
- --inverse-surface: var(--n-90);
193
- --inverse-on-surface: var(--n-20);
194
- --inverse-primary: var(--p-40);
195
- --surface-container-lowest: var(--n-4);
196
- --surface-container-low: var(--n-10);
197
- --surface-container: var(--n-12);
198
- --surface-container-high: var(--n-17);
199
- --surface-container-highest: var(--n-22);
200
- --on-surface: var(--n-90);
201
- --on-surface-variant: var(--nv-80);
202
- --outline: var(--nv-60);
203
- --outline-variant: var(--nv-30);
204
- --scrim: var(--n-0);
205
- --shadow: var(--n-0);
206
- --dataviz1: var(--p-20);
207
- --dataviz2: var(--p-30);
208
- --dataviz3: var(--p-40);
209
- --dataviz4: var(--p-50);
210
- --dataviz5: var(--p-60);
211
- --dataviz6: var(--p-70);
212
- --dataviz7: var(--p-80);
213
- --dataviz8: var(--t-60);
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);
214
223
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@finmars/ui",
3
- "version": "1.0.39",
3
+ "version": "1.0.41",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "vite dev --config vite.config.dev.js",