@datametria/vue-components 2.3.1 → 2.4.0
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.
- package/README.md +625 -594
- package/dist/index.es.js +1962 -1887
- package/dist/index.umd.js +6 -6
- package/dist/src/components/DatametriaForm.vue.d.ts +1 -1
- package/dist/src/components/DatametriaInput.vue.d.ts +9 -1
- package/dist/src/components/DatametriaSelect.vue.d.ts +10 -1
- package/dist/vue-components.css +1 -1
- package/package.json +103 -102
- package/src/components/DatametriaAlert.vue +151 -133
- package/src/components/DatametriaAutocomplete.vue +250 -229
- package/src/components/DatametriaAvatar.vue +256 -238
- package/src/components/DatametriaBadge.vue +101 -96
- package/src/components/DatametriaBreadcrumb.vue +132 -128
- package/src/components/DatametriaButton.vue +191 -173
- package/src/components/DatametriaCard.vue +84 -66
- package/src/components/DatametriaCheckbox.vue +197 -193
- package/src/components/DatametriaCheckboxGroup.vue +56 -38
- package/src/components/DatametriaChip.vue +159 -141
- package/src/components/DatametriaContainer.vue +70 -52
- package/src/components/DatametriaDataTable.vue +318 -300
- package/src/components/DatametriaDatePicker.vue +396 -378
- package/src/components/DatametriaDialog.vue +297 -293
- package/src/components/DatametriaDivider.vue +105 -98
- package/src/components/DatametriaDropdown.vue +356 -350
- package/src/components/DatametriaEmpty.vue +155 -151
- package/src/components/DatametriaFileUpload.vue +413 -395
- package/src/components/DatametriaFloatingBar.vue +144 -126
- package/src/components/DatametriaForm.vue +174 -156
- package/src/components/DatametriaFormItem.vue +183 -179
- package/src/components/DatametriaGrid.vue +55 -37
- package/src/components/DatametriaInput.vue +314 -263
- package/src/components/DatametriaMenu.vue +618 -600
- package/src/components/DatametriaModal.vue +147 -129
- package/src/components/DatametriaNavbar.vue +277 -223
- package/src/components/DatametriaPagination.vue +375 -371
- package/src/components/DatametriaPasswordInput.vue +444 -426
- package/src/components/DatametriaPopconfirm.vue +240 -234
- package/src/components/DatametriaProgress.vue +228 -224
- package/src/components/DatametriaRadio.vue +151 -147
- package/src/components/DatametriaRadioGroup.vue +55 -37
- package/src/components/DatametriaResult.vue +135 -131
- package/src/components/DatametriaSelect.vue +311 -211
- package/src/components/DatametriaSidebar.vue +294 -222
- package/src/components/DatametriaSkeleton.vue +257 -234
- package/src/components/DatametriaSlider.vue +409 -391
- package/src/components/DatametriaSortableTable.vue +820 -802
- package/src/components/DatametriaSpinner.vue +114 -110
- package/src/components/DatametriaSteps.vue +318 -312
- package/src/components/DatametriaSwitch.vue +146 -142
- package/src/components/DatametriaTabPane.vue +94 -76
- package/src/components/DatametriaTable.vue +118 -100
- package/src/components/DatametriaTabs.vue +315 -297
- package/src/components/DatametriaTextarea.vue +213 -195
- package/src/components/DatametriaTimePicker.vue +317 -299
- package/src/components/DatametriaToast.vue +176 -176
- package/src/components/DatametriaTooltip.vue +421 -400
- package/src/components/DatametriaTree.vue +126 -122
- package/src/components/DatametriaTreeNode.vue +176 -172
- package/src/components/DatametriaUpload.vue +379 -361
- package/src/components/__tests__/DatametriaAlert.test.js +35 -35
- package/src/components/__tests__/DatametriaAlert.test.ts +190 -190
- package/src/components/__tests__/DatametriaAvatar.test.ts +151 -151
- package/src/components/__tests__/DatametriaBadge.test.js +29 -29
- package/src/components/__tests__/DatametriaBadge.test.ts +167 -167
- package/src/components/__tests__/DatametriaBreadcrumb.test.ts +187 -0
- package/src/components/__tests__/DatametriaButton.test.js +30 -30
- package/src/components/__tests__/DatametriaButton.test.ts +283 -283
- package/src/components/__tests__/DatametriaCard.test.ts +201 -201
- package/src/components/__tests__/DatametriaCheckbox.test.ts +204 -0
- package/src/components/__tests__/DatametriaChip.test.js +38 -38
- package/src/components/__tests__/DatametriaContainer.test.ts +52 -52
- package/src/components/__tests__/DatametriaDialog.test.ts +338 -0
- package/src/components/__tests__/DatametriaDivider.test.ts +54 -54
- package/src/components/__tests__/DatametriaDropdown.test.ts +357 -0
- package/src/components/__tests__/DatametriaEmpty.test.ts +261 -0
- package/src/components/__tests__/DatametriaFileUpload.test.ts +290 -290
- package/src/components/__tests__/DatametriaFloatingBar.test.ts +137 -137
- package/src/components/__tests__/DatametriaForm.test.ts +96 -0
- package/src/components/__tests__/DatametriaFormItem.test.ts +58 -0
- package/src/components/__tests__/DatametriaGrid.test.ts +31 -31
- package/src/components/__tests__/DatametriaInput.test.ts +72 -72
- package/src/components/__tests__/DatametriaMenu.test.ts +366 -366
- package/src/components/__tests__/DatametriaModal.test.ts +86 -86
- package/src/components/__tests__/DatametriaNavbar.test.js +48 -48
- package/src/components/__tests__/DatametriaNavbar.test.ts +203 -203
- package/src/components/__tests__/DatametriaPasswordInput.test.js +305 -305
- package/src/components/__tests__/DatametriaRadio.test.ts +195 -0
- package/src/components/__tests__/DatametriaSelect.test.ts +77 -77
- package/src/components/__tests__/DatametriaSidebar.test.ts +169 -169
- package/src/components/__tests__/DatametriaSlider.test.ts +261 -261
- package/src/components/__tests__/DatametriaSortableTable.test.js +168 -168
- package/src/components/__tests__/DatametriaSpinner.test.ts +156 -156
- package/src/components/__tests__/DatametriaSteps.test.ts +211 -0
- package/src/components/__tests__/DatametriaSwitch.test.ts +129 -0
- package/src/components/__tests__/DatametriaTabPane.test.ts +205 -0
- package/src/components/__tests__/DatametriaTable.test.ts +97 -97
- package/src/components/__tests__/DatametriaTabs.test.ts +232 -232
- package/src/components/__tests__/DatametriaToast.test.js +48 -48
- package/src/components/__tests__/DatametriaToast.test.ts +99 -99
- package/src/components/__tests__/DatametriaTree.test.ts +376 -0
- package/src/components/__tests__/index.test.ts +48 -0
- package/src/composables/useAccessibilityScale.ts +94 -94
- package/src/composables/useBreakpoints.ts +82 -82
- package/src/composables/useHapticFeedback.ts +439 -439
- package/src/composables/useRipple.ts +218 -218
- package/src/composables/useTheme.ts +5 -1
- package/src/index.ts +84 -84
- package/src/stories/Variants.stories.js +95 -95
- package/src/styles/design-tokens.css +623 -623
- package/src/theme/ThemeProvider.vue +96 -96
- package/src/theme/__tests__/ThemeProvider.test.ts +208 -208
- package/src/theme/__tests__/constants.test.ts +31 -31
- package/src/theme/__tests__/presets.test.ts +166 -166
- package/src/theme/__tests__/tokens.test.ts +155 -155
- package/src/theme/__tests__/types.test.ts +153 -153
- package/src/theme/__tests__/useTheme.test.ts +146 -146
- package/src/theme/constants.ts +14 -14
- package/src/theme/index.ts +12 -12
- package/src/theme/presets/datametria.ts +94 -94
- package/src/theme/presets/default.ts +94 -94
- package/src/theme/presets/index.ts +8 -8
- package/src/theme/tokens/colors.ts +28 -28
- package/src/theme/tokens/index.ts +47 -47
- package/src/theme/tokens/spacing.ts +21 -21
- package/src/theme/tokens/typography.ts +35 -35
- package/src/theme/types.ts +111 -111
- package/src/theme/useTheme.ts +28 -28
- package/src/types/index.ts +55 -55
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DATAMETRIA Theme Preset
|
|
3
|
-
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
-
* @date 13/11/2025
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import type { Theme } from '../types'
|
|
8
|
-
|
|
9
|
-
export const datametriaTheme: Theme = {
|
|
10
|
-
name: 'DATAMETRIA',
|
|
11
|
-
tokens: {
|
|
12
|
-
colors: {
|
|
13
|
-
primary: '#0072CE',
|
|
14
|
-
secondary: '#4B0078',
|
|
15
|
-
success: '#10b981',
|
|
16
|
-
warning: '#f59e0b',
|
|
17
|
-
error: '#ef4444',
|
|
18
|
-
info: '#06b6d4',
|
|
19
|
-
neutral: {
|
|
20
|
-
50: '#f9fafb',
|
|
21
|
-
100: '#f3f4f6',
|
|
22
|
-
200: '#e5e7eb',
|
|
23
|
-
300: '#d1d5db',
|
|
24
|
-
400: '#9ca3af',
|
|
25
|
-
500: '#6b7280',
|
|
26
|
-
600: '#4b5563',
|
|
27
|
-
700: '#374151',
|
|
28
|
-
800: '#1f2937',
|
|
29
|
-
900: '#111827'
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
typography: {
|
|
33
|
-
fontFamily: {
|
|
34
|
-
sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
35
|
-
mono: 'Menlo, Monaco, Consolas, "Courier New", monospace'
|
|
36
|
-
},
|
|
37
|
-
fontSize: {
|
|
38
|
-
xs: '0.75rem',
|
|
39
|
-
sm: '0.875rem',
|
|
40
|
-
base: '1rem',
|
|
41
|
-
lg: '1.125rem',
|
|
42
|
-
xl: '1.25rem',
|
|
43
|
-
'2xl': '1.5rem',
|
|
44
|
-
'3xl': '1.875rem',
|
|
45
|
-
'4xl': '2.25rem'
|
|
46
|
-
},
|
|
47
|
-
fontWeight: {
|
|
48
|
-
normal: 400,
|
|
49
|
-
medium: 500,
|
|
50
|
-
semibold: 600,
|
|
51
|
-
bold: 700
|
|
52
|
-
},
|
|
53
|
-
lineHeight: {
|
|
54
|
-
tight: 1.25,
|
|
55
|
-
normal: 1.5,
|
|
56
|
-
relaxed: 1.75
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
spacing: {
|
|
60
|
-
0: '0',
|
|
61
|
-
1: '0.25rem',
|
|
62
|
-
2: '0.5rem',
|
|
63
|
-
3: '0.75rem',
|
|
64
|
-
4: '1rem',
|
|
65
|
-
6: '1.5rem',
|
|
66
|
-
8: '2rem',
|
|
67
|
-
12: '3rem',
|
|
68
|
-
16: '4rem',
|
|
69
|
-
20: '5rem',
|
|
70
|
-
24: '6rem'
|
|
71
|
-
},
|
|
72
|
-
radius: {
|
|
73
|
-
none: '0',
|
|
74
|
-
sm: '0.25rem',
|
|
75
|
-
md: '0.375rem',
|
|
76
|
-
lg: '0.5rem',
|
|
77
|
-
xl: '0.75rem',
|
|
78
|
-
full: '9999px'
|
|
79
|
-
},
|
|
80
|
-
shadows: {
|
|
81
|
-
none: 'none',
|
|
82
|
-
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
83
|
-
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
84
|
-
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
85
|
-
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
86
|
-
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
|
|
87
|
-
},
|
|
88
|
-
transitions: {
|
|
89
|
-
fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
90
|
-
base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
91
|
-
slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)'
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* DATAMETRIA Theme Preset
|
|
3
|
+
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
+
* @date 13/11/2025
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { Theme } from '../types'
|
|
8
|
+
|
|
9
|
+
export const datametriaTheme: Theme = {
|
|
10
|
+
name: 'DATAMETRIA',
|
|
11
|
+
tokens: {
|
|
12
|
+
colors: {
|
|
13
|
+
primary: '#0072CE',
|
|
14
|
+
secondary: '#4B0078',
|
|
15
|
+
success: '#10b981',
|
|
16
|
+
warning: '#f59e0b',
|
|
17
|
+
error: '#ef4444',
|
|
18
|
+
info: '#06b6d4',
|
|
19
|
+
neutral: {
|
|
20
|
+
50: '#f9fafb',
|
|
21
|
+
100: '#f3f4f6',
|
|
22
|
+
200: '#e5e7eb',
|
|
23
|
+
300: '#d1d5db',
|
|
24
|
+
400: '#9ca3af',
|
|
25
|
+
500: '#6b7280',
|
|
26
|
+
600: '#4b5563',
|
|
27
|
+
700: '#374151',
|
|
28
|
+
800: '#1f2937',
|
|
29
|
+
900: '#111827'
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
typography: {
|
|
33
|
+
fontFamily: {
|
|
34
|
+
sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
35
|
+
mono: 'Menlo, Monaco, Consolas, "Courier New", monospace'
|
|
36
|
+
},
|
|
37
|
+
fontSize: {
|
|
38
|
+
xs: '0.75rem',
|
|
39
|
+
sm: '0.875rem',
|
|
40
|
+
base: '1rem',
|
|
41
|
+
lg: '1.125rem',
|
|
42
|
+
xl: '1.25rem',
|
|
43
|
+
'2xl': '1.5rem',
|
|
44
|
+
'3xl': '1.875rem',
|
|
45
|
+
'4xl': '2.25rem'
|
|
46
|
+
},
|
|
47
|
+
fontWeight: {
|
|
48
|
+
normal: 400,
|
|
49
|
+
medium: 500,
|
|
50
|
+
semibold: 600,
|
|
51
|
+
bold: 700
|
|
52
|
+
},
|
|
53
|
+
lineHeight: {
|
|
54
|
+
tight: 1.25,
|
|
55
|
+
normal: 1.5,
|
|
56
|
+
relaxed: 1.75
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
spacing: {
|
|
60
|
+
0: '0',
|
|
61
|
+
1: '0.25rem',
|
|
62
|
+
2: '0.5rem',
|
|
63
|
+
3: '0.75rem',
|
|
64
|
+
4: '1rem',
|
|
65
|
+
6: '1.5rem',
|
|
66
|
+
8: '2rem',
|
|
67
|
+
12: '3rem',
|
|
68
|
+
16: '4rem',
|
|
69
|
+
20: '5rem',
|
|
70
|
+
24: '6rem'
|
|
71
|
+
},
|
|
72
|
+
radius: {
|
|
73
|
+
none: '0',
|
|
74
|
+
sm: '0.25rem',
|
|
75
|
+
md: '0.375rem',
|
|
76
|
+
lg: '0.5rem',
|
|
77
|
+
xl: '0.75rem',
|
|
78
|
+
full: '9999px'
|
|
79
|
+
},
|
|
80
|
+
shadows: {
|
|
81
|
+
none: 'none',
|
|
82
|
+
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
83
|
+
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
84
|
+
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
85
|
+
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
86
|
+
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
|
|
87
|
+
},
|
|
88
|
+
transitions: {
|
|
89
|
+
fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
90
|
+
base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
91
|
+
slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)'
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Default Theme Preset (Generic)
|
|
3
|
-
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
-
* @date 13/11/2025
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import type { Theme } from '../types'
|
|
8
|
-
|
|
9
|
-
export const defaultTheme: Theme = {
|
|
10
|
-
name: 'Default',
|
|
11
|
-
tokens: {
|
|
12
|
-
colors: {
|
|
13
|
-
primary: '#3b82f6',
|
|
14
|
-
secondary: '#8b5cf6',
|
|
15
|
-
success: '#10b981',
|
|
16
|
-
warning: '#f59e0b',
|
|
17
|
-
error: '#ef4444',
|
|
18
|
-
info: '#06b6d4',
|
|
19
|
-
neutral: {
|
|
20
|
-
50: '#f9fafb',
|
|
21
|
-
100: '#f3f4f6',
|
|
22
|
-
200: '#e5e7eb',
|
|
23
|
-
300: '#d1d5db',
|
|
24
|
-
400: '#9ca3af',
|
|
25
|
-
500: '#6b7280',
|
|
26
|
-
600: '#4b5563',
|
|
27
|
-
700: '#374151',
|
|
28
|
-
800: '#1f2937',
|
|
29
|
-
900: '#111827'
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
typography: {
|
|
33
|
-
fontFamily: {
|
|
34
|
-
sans: 'system-ui, -apple-system, sans-serif',
|
|
35
|
-
mono: 'ui-monospace, monospace'
|
|
36
|
-
},
|
|
37
|
-
fontSize: {
|
|
38
|
-
xs: '0.75rem',
|
|
39
|
-
sm: '0.875rem',
|
|
40
|
-
base: '1rem',
|
|
41
|
-
lg: '1.125rem',
|
|
42
|
-
xl: '1.25rem',
|
|
43
|
-
'2xl': '1.5rem',
|
|
44
|
-
'3xl': '1.875rem',
|
|
45
|
-
'4xl': '2.25rem'
|
|
46
|
-
},
|
|
47
|
-
fontWeight: {
|
|
48
|
-
normal: 400,
|
|
49
|
-
medium: 500,
|
|
50
|
-
semibold: 600,
|
|
51
|
-
bold: 700
|
|
52
|
-
},
|
|
53
|
-
lineHeight: {
|
|
54
|
-
tight: 1.25,
|
|
55
|
-
normal: 1.5,
|
|
56
|
-
relaxed: 1.75
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
spacing: {
|
|
60
|
-
0: '0',
|
|
61
|
-
1: '0.25rem',
|
|
62
|
-
2: '0.5rem',
|
|
63
|
-
3: '0.75rem',
|
|
64
|
-
4: '1rem',
|
|
65
|
-
6: '1.5rem',
|
|
66
|
-
8: '2rem',
|
|
67
|
-
12: '3rem',
|
|
68
|
-
16: '4rem',
|
|
69
|
-
20: '5rem',
|
|
70
|
-
24: '6rem'
|
|
71
|
-
},
|
|
72
|
-
radius: {
|
|
73
|
-
none: '0',
|
|
74
|
-
sm: '0.25rem',
|
|
75
|
-
md: '0.375rem',
|
|
76
|
-
lg: '0.5rem',
|
|
77
|
-
xl: '0.75rem',
|
|
78
|
-
full: '9999px'
|
|
79
|
-
},
|
|
80
|
-
shadows: {
|
|
81
|
-
none: 'none',
|
|
82
|
-
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
83
|
-
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
84
|
-
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
85
|
-
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
86
|
-
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
|
|
87
|
-
},
|
|
88
|
-
transitions: {
|
|
89
|
-
fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
90
|
-
base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
91
|
-
slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)'
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Default Theme Preset (Generic)
|
|
3
|
+
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
+
* @date 13/11/2025
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { Theme } from '../types'
|
|
8
|
+
|
|
9
|
+
export const defaultTheme: Theme = {
|
|
10
|
+
name: 'Default',
|
|
11
|
+
tokens: {
|
|
12
|
+
colors: {
|
|
13
|
+
primary: '#3b82f6',
|
|
14
|
+
secondary: '#8b5cf6',
|
|
15
|
+
success: '#10b981',
|
|
16
|
+
warning: '#f59e0b',
|
|
17
|
+
error: '#ef4444',
|
|
18
|
+
info: '#06b6d4',
|
|
19
|
+
neutral: {
|
|
20
|
+
50: '#f9fafb',
|
|
21
|
+
100: '#f3f4f6',
|
|
22
|
+
200: '#e5e7eb',
|
|
23
|
+
300: '#d1d5db',
|
|
24
|
+
400: '#9ca3af',
|
|
25
|
+
500: '#6b7280',
|
|
26
|
+
600: '#4b5563',
|
|
27
|
+
700: '#374151',
|
|
28
|
+
800: '#1f2937',
|
|
29
|
+
900: '#111827'
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
typography: {
|
|
33
|
+
fontFamily: {
|
|
34
|
+
sans: 'system-ui, -apple-system, sans-serif',
|
|
35
|
+
mono: 'ui-monospace, monospace'
|
|
36
|
+
},
|
|
37
|
+
fontSize: {
|
|
38
|
+
xs: '0.75rem',
|
|
39
|
+
sm: '0.875rem',
|
|
40
|
+
base: '1rem',
|
|
41
|
+
lg: '1.125rem',
|
|
42
|
+
xl: '1.25rem',
|
|
43
|
+
'2xl': '1.5rem',
|
|
44
|
+
'3xl': '1.875rem',
|
|
45
|
+
'4xl': '2.25rem'
|
|
46
|
+
},
|
|
47
|
+
fontWeight: {
|
|
48
|
+
normal: 400,
|
|
49
|
+
medium: 500,
|
|
50
|
+
semibold: 600,
|
|
51
|
+
bold: 700
|
|
52
|
+
},
|
|
53
|
+
lineHeight: {
|
|
54
|
+
tight: 1.25,
|
|
55
|
+
normal: 1.5,
|
|
56
|
+
relaxed: 1.75
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
spacing: {
|
|
60
|
+
0: '0',
|
|
61
|
+
1: '0.25rem',
|
|
62
|
+
2: '0.5rem',
|
|
63
|
+
3: '0.75rem',
|
|
64
|
+
4: '1rem',
|
|
65
|
+
6: '1.5rem',
|
|
66
|
+
8: '2rem',
|
|
67
|
+
12: '3rem',
|
|
68
|
+
16: '4rem',
|
|
69
|
+
20: '5rem',
|
|
70
|
+
24: '6rem'
|
|
71
|
+
},
|
|
72
|
+
radius: {
|
|
73
|
+
none: '0',
|
|
74
|
+
sm: '0.25rem',
|
|
75
|
+
md: '0.375rem',
|
|
76
|
+
lg: '0.5rem',
|
|
77
|
+
xl: '0.75rem',
|
|
78
|
+
full: '9999px'
|
|
79
|
+
},
|
|
80
|
+
shadows: {
|
|
81
|
+
none: 'none',
|
|
82
|
+
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
83
|
+
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
84
|
+
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
85
|
+
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
86
|
+
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
|
|
87
|
+
},
|
|
88
|
+
transitions: {
|
|
89
|
+
fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
90
|
+
base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
91
|
+
slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)'
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Theme Presets Index
|
|
3
|
-
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
-
* @date 13/11/2025
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
export { datametriaTheme } from './datametria'
|
|
8
|
-
export { defaultTheme } from './default'
|
|
1
|
+
/**
|
|
2
|
+
* Theme Presets Index
|
|
3
|
+
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
+
* @date 13/11/2025
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
export { datametriaTheme } from './datametria'
|
|
8
|
+
export { defaultTheme } from './default'
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Color Tokens
|
|
3
|
-
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
-
* @date 13/11/2025
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import type { ColorTokens } from '../types'
|
|
8
|
-
|
|
9
|
-
export const defaultColors: ColorTokens = {
|
|
10
|
-
primary: '#0072CE',
|
|
11
|
-
secondary: '#4B0078',
|
|
12
|
-
success: '#10b981',
|
|
13
|
-
warning: '#f59e0b',
|
|
14
|
-
error: '#ef4444',
|
|
15
|
-
info: '#06b6d4',
|
|
16
|
-
neutral: {
|
|
17
|
-
50: '#f9fafb',
|
|
18
|
-
100: '#f3f4f6',
|
|
19
|
-
200: '#e5e7eb',
|
|
20
|
-
300: '#d1d5db',
|
|
21
|
-
400: '#9ca3af',
|
|
22
|
-
500: '#6b7280',
|
|
23
|
-
600: '#4b5563',
|
|
24
|
-
700: '#374151',
|
|
25
|
-
800: '#1f2937',
|
|
26
|
-
900: '#111827'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Color Tokens
|
|
3
|
+
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
+
* @date 13/11/2025
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { ColorTokens } from '../types'
|
|
8
|
+
|
|
9
|
+
export const defaultColors: ColorTokens = {
|
|
10
|
+
primary: '#0072CE',
|
|
11
|
+
secondary: '#4B0078',
|
|
12
|
+
success: '#10b981',
|
|
13
|
+
warning: '#f59e0b',
|
|
14
|
+
error: '#ef4444',
|
|
15
|
+
info: '#06b6d4',
|
|
16
|
+
neutral: {
|
|
17
|
+
50: '#f9fafb',
|
|
18
|
+
100: '#f3f4f6',
|
|
19
|
+
200: '#e5e7eb',
|
|
20
|
+
300: '#d1d5db',
|
|
21
|
+
400: '#9ca3af',
|
|
22
|
+
500: '#6b7280',
|
|
23
|
+
600: '#4b5563',
|
|
24
|
+
700: '#374151',
|
|
25
|
+
800: '#1f2937',
|
|
26
|
+
900: '#111827'
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Theme Tokens Index
|
|
3
|
-
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
-
* @date 13/11/2025
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import type { ThemeTokens, RadiusTokens, ShadowTokens, TransitionTokens } from '../types'
|
|
8
|
-
import { defaultColors } from './colors'
|
|
9
|
-
import { defaultTypography } from './typography'
|
|
10
|
-
import { defaultSpacing } from './spacing'
|
|
11
|
-
|
|
12
|
-
export const defaultRadius: RadiusTokens = {
|
|
13
|
-
none: '0',
|
|
14
|
-
sm: '0.25rem',
|
|
15
|
-
md: '0.375rem',
|
|
16
|
-
lg: '0.5rem',
|
|
17
|
-
xl: '0.75rem',
|
|
18
|
-
full: '9999px'
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export const defaultShadows: ShadowTokens = {
|
|
22
|
-
none: 'none',
|
|
23
|
-
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
24
|
-
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
25
|
-
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
26
|
-
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
27
|
-
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export const defaultTransitions: TransitionTokens = {
|
|
31
|
-
fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
32
|
-
base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
33
|
-
slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)'
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export const defaultTokens: ThemeTokens = {
|
|
37
|
-
colors: defaultColors,
|
|
38
|
-
typography: defaultTypography,
|
|
39
|
-
spacing: defaultSpacing,
|
|
40
|
-
radius: defaultRadius,
|
|
41
|
-
shadows: defaultShadows,
|
|
42
|
-
transitions: defaultTransitions
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export * from './colors'
|
|
46
|
-
export * from './typography'
|
|
47
|
-
export * from './spacing'
|
|
1
|
+
/**
|
|
2
|
+
* Theme Tokens Index
|
|
3
|
+
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
+
* @date 13/11/2025
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { ThemeTokens, RadiusTokens, ShadowTokens, TransitionTokens } from '../types'
|
|
8
|
+
import { defaultColors } from './colors'
|
|
9
|
+
import { defaultTypography } from './typography'
|
|
10
|
+
import { defaultSpacing } from './spacing'
|
|
11
|
+
|
|
12
|
+
export const defaultRadius: RadiusTokens = {
|
|
13
|
+
none: '0',
|
|
14
|
+
sm: '0.25rem',
|
|
15
|
+
md: '0.375rem',
|
|
16
|
+
lg: '0.5rem',
|
|
17
|
+
xl: '0.75rem',
|
|
18
|
+
full: '9999px'
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export const defaultShadows: ShadowTokens = {
|
|
22
|
+
none: 'none',
|
|
23
|
+
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
24
|
+
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
25
|
+
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
26
|
+
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
27
|
+
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export const defaultTransitions: TransitionTokens = {
|
|
31
|
+
fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
32
|
+
base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
33
|
+
slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)'
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export const defaultTokens: ThemeTokens = {
|
|
37
|
+
colors: defaultColors,
|
|
38
|
+
typography: defaultTypography,
|
|
39
|
+
spacing: defaultSpacing,
|
|
40
|
+
radius: defaultRadius,
|
|
41
|
+
shadows: defaultShadows,
|
|
42
|
+
transitions: defaultTransitions
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export * from './colors'
|
|
46
|
+
export * from './typography'
|
|
47
|
+
export * from './spacing'
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spacing Tokens
|
|
3
|
-
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
-
* @date 13/11/2025
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import type { SpacingTokens } from '../types'
|
|
8
|
-
|
|
9
|
-
export const defaultSpacing: SpacingTokens = {
|
|
10
|
-
0: '0',
|
|
11
|
-
1: '0.25rem',
|
|
12
|
-
2: '0.5rem',
|
|
13
|
-
3: '0.75rem',
|
|
14
|
-
4: '1rem',
|
|
15
|
-
6: '1.5rem',
|
|
16
|
-
8: '2rem',
|
|
17
|
-
12: '3rem',
|
|
18
|
-
16: '4rem',
|
|
19
|
-
20: '5rem',
|
|
20
|
-
24: '6rem'
|
|
21
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Spacing Tokens
|
|
3
|
+
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
+
* @date 13/11/2025
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { SpacingTokens } from '../types'
|
|
8
|
+
|
|
9
|
+
export const defaultSpacing: SpacingTokens = {
|
|
10
|
+
0: '0',
|
|
11
|
+
1: '0.25rem',
|
|
12
|
+
2: '0.5rem',
|
|
13
|
+
3: '0.75rem',
|
|
14
|
+
4: '1rem',
|
|
15
|
+
6: '1.5rem',
|
|
16
|
+
8: '2rem',
|
|
17
|
+
12: '3rem',
|
|
18
|
+
16: '4rem',
|
|
19
|
+
20: '5rem',
|
|
20
|
+
24: '6rem'
|
|
21
|
+
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Typography Tokens
|
|
3
|
-
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
-
* @date 13/11/2025
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import type { TypographyTokens } from '../types'
|
|
8
|
-
|
|
9
|
-
export const defaultTypography: TypographyTokens = {
|
|
10
|
-
fontFamily: {
|
|
11
|
-
sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
12
|
-
mono: 'Menlo, Monaco, Consolas, "Courier New", monospace'
|
|
13
|
-
},
|
|
14
|
-
fontSize: {
|
|
15
|
-
xs: '0.75rem',
|
|
16
|
-
sm: '0.875rem',
|
|
17
|
-
base: '1rem',
|
|
18
|
-
lg: '1.125rem',
|
|
19
|
-
xl: '1.25rem',
|
|
20
|
-
'2xl': '1.5rem',
|
|
21
|
-
'3xl': '1.875rem',
|
|
22
|
-
'4xl': '2.25rem'
|
|
23
|
-
},
|
|
24
|
-
fontWeight: {
|
|
25
|
-
normal: 400,
|
|
26
|
-
medium: 500,
|
|
27
|
-
semibold: 600,
|
|
28
|
-
bold: 700
|
|
29
|
-
},
|
|
30
|
-
lineHeight: {
|
|
31
|
-
tight: 1.25,
|
|
32
|
-
normal: 1.5,
|
|
33
|
-
relaxed: 1.75
|
|
34
|
-
}
|
|
35
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Typography Tokens
|
|
3
|
+
* @author Vander Loto - CTO DATAMETRIA
|
|
4
|
+
* @date 13/11/2025
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { TypographyTokens } from '../types'
|
|
8
|
+
|
|
9
|
+
export const defaultTypography: TypographyTokens = {
|
|
10
|
+
fontFamily: {
|
|
11
|
+
sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
12
|
+
mono: 'Menlo, Monaco, Consolas, "Courier New", monospace'
|
|
13
|
+
},
|
|
14
|
+
fontSize: {
|
|
15
|
+
xs: '0.75rem',
|
|
16
|
+
sm: '0.875rem',
|
|
17
|
+
base: '1rem',
|
|
18
|
+
lg: '1.125rem',
|
|
19
|
+
xl: '1.25rem',
|
|
20
|
+
'2xl': '1.5rem',
|
|
21
|
+
'3xl': '1.875rem',
|
|
22
|
+
'4xl': '2.25rem'
|
|
23
|
+
},
|
|
24
|
+
fontWeight: {
|
|
25
|
+
normal: 400,
|
|
26
|
+
medium: 500,
|
|
27
|
+
semibold: 600,
|
|
28
|
+
bold: 700
|
|
29
|
+
},
|
|
30
|
+
lineHeight: {
|
|
31
|
+
tight: 1.25,
|
|
32
|
+
normal: 1.5,
|
|
33
|
+
relaxed: 1.75
|
|
34
|
+
}
|
|
35
|
+
}
|