lecom-ui 5.4.30 → 5.4.32

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 (36) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Combobox/Combobox.js +42 -178
  3. package/dist/components/DataTable/DataTable.js +2 -2
  4. package/dist/components/DataTable/DataTable.utils.js +1 -1
  5. package/dist/components/DataTable/Table.js +1 -1
  6. package/dist/components/Header/SearchInput.js +1 -4
  7. package/dist/components/Input/Input.js +2 -2
  8. package/dist/components/Layout/Layout.js +0 -3
  9. package/dist/components/MultiSelect/MultiSelect.js +118 -206
  10. package/dist/components/Pagination/Pagination.js +5 -20
  11. package/dist/components/ScrollArea/ScrollArea.js +1 -1
  12. package/dist/components/TagInput/TagInput.js +12 -36
  13. package/dist/i18n/locales/en_us.js +2 -4
  14. package/dist/i18n/locales/es_es.js +2 -4
  15. package/dist/i18n/locales/pt_br.js +2 -4
  16. package/dist/index.d.ts +4 -9
  17. package/dist/plugin/extend.js +79 -79
  18. package/dist/plugin/fontFaces.js +172 -172
  19. package/dist/plugin/general.js +12 -12
  20. package/dist/plugin/pluginDev.cjs +5 -5
  21. package/dist/plugin/pluginNext.cjs +5 -5
  22. package/dist/plugin/pluginNextTurbo.cjs +5 -5
  23. package/dist/plugin/pluginVite.cjs +5 -5
  24. package/dist/plugin/template.js +31 -31
  25. package/dist/plugin/typographies.js +152 -152
  26. package/dist/plugin/varsTheme.js +79 -79
  27. package/dist/style.min.css +1 -1
  28. package/package.json +1 -1
  29. package/dist/components/Collapse/Collapse.js +0 -94
  30. package/dist/components/CustomIcon/Icons/CadastroFacil.js +0 -23
  31. package/dist/components/CustomIcon/Icons/LogoLecom.js +0 -30
  32. package/dist/components/CustomIcon/Icons/LogoLecomBrand.js +0 -23
  33. package/dist/components/CustomIcon/Icons/ModoTeste.js +0 -23
  34. package/dist/components/CustomIcon/Icons/Rpa.js +0 -23
  35. package/dist/components/CustomIcon/Icons/SairModoTeste.js +0 -31
  36. package/dist/components/IconHandler/IconHandler.js +0 -99
@@ -1,31 +1,31 @@
1
- import Plugin from 'tailwindcss/plugin';
2
-
3
- import { colors } from '../tokens/colors';
4
- import { fonts } from '../tokens/fonts';
5
-
6
- import { extend } from './extend';
7
- import { fontFaces } from './fontFaces';
8
- import { general } from './general';
9
- import { typographies } from './typographies';
10
- import { varsTheme } from './varsTheme';
11
-
12
- const buildPlugin = (publicPath) =>
13
- Plugin(
14
- ({ addBase, addComponents }) => {
15
- addBase(varsTheme);
16
- fontFaces(publicPath).map((fontFace) =>
17
- addBase({ '@font-face': fontFace })
18
- );
19
- addBase(general);
20
- addComponents(typographies);
21
- },
22
- {
23
- theme: {
24
- fontFamily: fonts,
25
- colors,
26
- extend,
27
- },
28
- }
29
- );
30
-
31
- export { buildPlugin };
1
+ import Plugin from 'tailwindcss/plugin';
2
+
3
+ import { colors } from '../tokens/colors';
4
+ import { fonts } from '../tokens/fonts';
5
+
6
+ import { extend } from './extend';
7
+ import { fontFaces } from './fontFaces';
8
+ import { general } from './general';
9
+ import { typographies } from './typographies';
10
+ import { varsTheme } from './varsTheme';
11
+
12
+ const buildPlugin = (publicPath) =>
13
+ Plugin(
14
+ ({ addBase, addComponents }) => {
15
+ addBase(varsTheme);
16
+ fontFaces(publicPath).map((fontFace) =>
17
+ addBase({ '@font-face': fontFace })
18
+ );
19
+ addBase(general);
20
+ addComponents(typographies);
21
+ },
22
+ {
23
+ theme: {
24
+ fontFamily: fonts,
25
+ colors,
26
+ extend,
27
+ },
28
+ }
29
+ );
30
+
31
+ export { buildPlugin };
@@ -1,152 +1,152 @@
1
- const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
2
- const roboto = { fontFamily: 'Roboto, sans-serif' };
3
- const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
4
- const fontWeight700 = { fontWeight: '700' };
5
- const fontWeight600 = { fontWeight: '600' };
6
- const fontWeight500 = { fontWeight: '500' };
7
- const fontWeight400 = { fontWeight: '400' };
8
- const fontSize3 = { fontSize: '3rem' };
9
- const fontSize2 = { fontSize: '2rem' };
10
- const fontSize25 = { fontSize: '2.5rem' };
11
- const fontSize15 = { fontSize: '1.5rem' };
12
- const fontSize125 = { fontSize: '1.25rem' };
13
- const fontSize1 = { fontSize: '1rem' };
14
- const fontSize0875 = { fontSize: '0.875rem' };
15
- const fontSize075 = { fontSize: '0.75rem' };
16
-
17
- const typographies = {
18
- '.heading-xxlarge-500': {
19
- ...montSerrat,
20
- ...fontSize3,
21
- ...fontWeight500,
22
- lineHeight: '3.25rem',
23
- },
24
- '.heading-xlarge-500': {
25
- ...montSerrat,
26
- ...fontSize25,
27
- ...fontWeight500,
28
- lineHeight: '2.75rem',
29
- },
30
- '.heading-large-600': {
31
- ...montSerrat,
32
- ...fontSize2,
33
- ...fontWeight600,
34
- lineHeight: '2.25rem',
35
- },
36
- '.heading-large-500': {
37
- ...montSerrat,
38
- ...fontSize2,
39
- ...fontWeight500,
40
- lineHeight: '2.25rem',
41
- },
42
- '.heading-medium-600': {
43
- ...montSerrat,
44
- ...fontSize15,
45
- ...fontWeight600,
46
- lineHeight: '1.75rem',
47
- },
48
- '.heading-medium-500': {
49
- ...montSerrat,
50
- ...fontSize15,
51
- ...fontWeight500,
52
- lineHeight: '1.75rem',
53
- },
54
- '.heading-small-600': {
55
- ...montSerrat,
56
- ...fontSize125,
57
- ...fontWeight600,
58
- lineHeight: '1.5rem',
59
- },
60
- '.heading-small-500': {
61
- ...montSerrat,
62
- ...fontSize125,
63
- ...fontWeight500,
64
- lineHeight: '1.5rem',
65
- },
66
- '.heading-xsmall-600': {
67
- ...montSerrat,
68
- ...fontSize1,
69
- ...fontWeight600,
70
- lineHeight: '1.25rem',
71
- },
72
- '.heading-xsmall-500': {
73
- ...montSerrat,
74
- ...fontSize1,
75
- ...fontWeight500,
76
- lineHeight: '1.25rem',
77
- },
78
- '.heading-xxsmall-600': {
79
- ...montSerrat,
80
- ...fontSize0875,
81
- lineHeight: '1.25rem',
82
- ...fontWeight600,
83
- },
84
- '.heading-xxsmall-500': {
85
- ...montSerrat,
86
- ...fontSize0875,
87
- lineHeight: '1.25rem',
88
- ...fontWeight500,
89
- },
90
- '.body-large-700': {
91
- ...roboto,
92
- ...fontSize1,
93
- lineHeight: '1.5rem',
94
- ...fontWeight700,
95
- },
96
- '.body-large-500': {
97
- ...roboto,
98
- ...fontSize1,
99
- lineHeight: '1.5rem',
100
- ...fontWeight500,
101
- },
102
- '.body-large-400': {
103
- ...roboto,
104
- ...fontSize1,
105
- lineHeight: '1.5rem',
106
- ...fontWeight400,
107
- },
108
- '.body-medium-700': {
109
- ...roboto,
110
- ...fontSize0875,
111
- lineHeight: '1.25rem',
112
- ...fontWeight700,
113
- },
114
- '.body-medium-500': {
115
- ...roboto,
116
- ...fontSize0875,
117
- lineHeight: '1.25rem',
118
- ...fontWeight500,
119
- },
120
- '.body-medium-400': {
121
- ...roboto,
122
- ...fontSize0875,
123
- lineHeight: '1.25rem',
124
- ...fontWeight400,
125
- },
126
- '.body-small-700': {
127
- ...roboto,
128
- ...fontSize075,
129
- lineHeight: '1rem',
130
- ...fontWeight700,
131
- },
132
- '.body-small-500': {
133
- ...roboto,
134
- ...fontSize075,
135
- lineHeight: '1rem',
136
- ...fontWeight500,
137
- },
138
- '.body-small-400': {
139
- ...roboto,
140
- ...fontSize075,
141
- lineHeight: '1rem',
142
- ...fontWeight400,
143
- },
144
- '.code-medium-400': {
145
- ...ibm,
146
- ...fontSize0875,
147
- lineHeight: '1.25rem',
148
- ...fontWeight400,
149
- },
150
- };
151
-
152
- export { typographies };
1
+ const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
2
+ const roboto = { fontFamily: 'Roboto, sans-serif' };
3
+ const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
4
+ const fontWeight700 = { fontWeight: '700' };
5
+ const fontWeight600 = { fontWeight: '600' };
6
+ const fontWeight500 = { fontWeight: '500' };
7
+ const fontWeight400 = { fontWeight: '400' };
8
+ const fontSize3 = { fontSize: '3rem' };
9
+ const fontSize2 = { fontSize: '2rem' };
10
+ const fontSize25 = { fontSize: '2.5rem' };
11
+ const fontSize15 = { fontSize: '1.5rem' };
12
+ const fontSize125 = { fontSize: '1.25rem' };
13
+ const fontSize1 = { fontSize: '1rem' };
14
+ const fontSize0875 = { fontSize: '0.875rem' };
15
+ const fontSize075 = { fontSize: '0.75rem' };
16
+
17
+ const typographies = {
18
+ '.heading-xxlarge-500': {
19
+ ...montSerrat,
20
+ ...fontSize3,
21
+ ...fontWeight500,
22
+ lineHeight: '3.25rem',
23
+ },
24
+ '.heading-xlarge-500': {
25
+ ...montSerrat,
26
+ ...fontSize25,
27
+ ...fontWeight500,
28
+ lineHeight: '2.75rem',
29
+ },
30
+ '.heading-large-600': {
31
+ ...montSerrat,
32
+ ...fontSize2,
33
+ ...fontWeight600,
34
+ lineHeight: '2.25rem',
35
+ },
36
+ '.heading-large-500': {
37
+ ...montSerrat,
38
+ ...fontSize2,
39
+ ...fontWeight500,
40
+ lineHeight: '2.25rem',
41
+ },
42
+ '.heading-medium-600': {
43
+ ...montSerrat,
44
+ ...fontSize15,
45
+ ...fontWeight600,
46
+ lineHeight: '1.75rem',
47
+ },
48
+ '.heading-medium-500': {
49
+ ...montSerrat,
50
+ ...fontSize15,
51
+ ...fontWeight500,
52
+ lineHeight: '1.75rem',
53
+ },
54
+ '.heading-small-600': {
55
+ ...montSerrat,
56
+ ...fontSize125,
57
+ ...fontWeight600,
58
+ lineHeight: '1.5rem',
59
+ },
60
+ '.heading-small-500': {
61
+ ...montSerrat,
62
+ ...fontSize125,
63
+ ...fontWeight500,
64
+ lineHeight: '1.5rem',
65
+ },
66
+ '.heading-xsmall-600': {
67
+ ...montSerrat,
68
+ ...fontSize1,
69
+ ...fontWeight600,
70
+ lineHeight: '1.25rem',
71
+ },
72
+ '.heading-xsmall-500': {
73
+ ...montSerrat,
74
+ ...fontSize1,
75
+ ...fontWeight500,
76
+ lineHeight: '1.25rem',
77
+ },
78
+ '.heading-xxsmall-600': {
79
+ ...montSerrat,
80
+ ...fontSize0875,
81
+ lineHeight: '1.25rem',
82
+ ...fontWeight600,
83
+ },
84
+ '.heading-xxsmall-500': {
85
+ ...montSerrat,
86
+ ...fontSize0875,
87
+ lineHeight: '1.25rem',
88
+ ...fontWeight500,
89
+ },
90
+ '.body-large-700': {
91
+ ...roboto,
92
+ ...fontSize1,
93
+ lineHeight: '1.5rem',
94
+ ...fontWeight700,
95
+ },
96
+ '.body-large-500': {
97
+ ...roboto,
98
+ ...fontSize1,
99
+ lineHeight: '1.5rem',
100
+ ...fontWeight500,
101
+ },
102
+ '.body-large-400': {
103
+ ...roboto,
104
+ ...fontSize1,
105
+ lineHeight: '1.5rem',
106
+ ...fontWeight400,
107
+ },
108
+ '.body-medium-700': {
109
+ ...roboto,
110
+ ...fontSize0875,
111
+ lineHeight: '1.25rem',
112
+ ...fontWeight700,
113
+ },
114
+ '.body-medium-500': {
115
+ ...roboto,
116
+ ...fontSize0875,
117
+ lineHeight: '1.25rem',
118
+ ...fontWeight500,
119
+ },
120
+ '.body-medium-400': {
121
+ ...roboto,
122
+ ...fontSize0875,
123
+ lineHeight: '1.25rem',
124
+ ...fontWeight400,
125
+ },
126
+ '.body-small-700': {
127
+ ...roboto,
128
+ ...fontSize075,
129
+ lineHeight: '1rem',
130
+ ...fontWeight700,
131
+ },
132
+ '.body-small-500': {
133
+ ...roboto,
134
+ ...fontSize075,
135
+ lineHeight: '1rem',
136
+ ...fontWeight500,
137
+ },
138
+ '.body-small-400': {
139
+ ...roboto,
140
+ ...fontSize075,
141
+ lineHeight: '1rem',
142
+ ...fontWeight400,
143
+ },
144
+ '.code-medium-400': {
145
+ ...ibm,
146
+ ...fontSize0875,
147
+ lineHeight: '1.25rem',
148
+ ...fontWeight400,
149
+ },
150
+ };
151
+
152
+ export { typographies };
@@ -1,79 +1,79 @@
1
- const varsTheme = {
2
- ':root': {
3
- '--background': '0 0% 100%',
4
- '--foreground': '0 0% 14.9%',
5
- '--card': '0 0% 100%',
6
- '--card-foreground': '0 0% 3.9%',
7
- '--popover': '0 0% 100%',
8
- '--popover-foreground': '0 0% 14.9%',
9
- '--primary': '0 0% 9%',
10
- '--primary-foreground': '0 0% 98%',
11
- '--secondary': '0 0% 96.1%',
12
- '--secondary-foreground': '0 0% 9%',
13
- '--muted': '0 0% 96.1%',
14
- '--muted-foreground': '0 0% 45.1%',
15
- '--accent': '0 0% 96.1%',
16
- '--accent-foreground': '0 0% 9%',
17
- '--destructive': '0 84.2% 60.2%',
18
- '--destructive-foreground': '0 0% 98%',
19
- '--border': '0 0% 89.8%',
20
- '--input': '0 0% 89.8%',
21
- '--ring': '0 0% 3.9%',
22
- '--chart-1': '12 76% 61%',
23
- '--chart-2': '173 58% 39%',
24
- '--chart-3': '197 37% 24%',
25
- '--chart-4': '43 74% 66%',
26
- '--chart-5': '27 87% 67%',
27
- '--chart-6': '228 57% 51%',
28
- '--chart-7': '52 95% 53%',
29
- '--chart-8': '0 85% 51%',
30
- '--radius': '0.5rem',
31
- '--sidebar-background': '0 0% 100%',
32
- '--sidebar-foreground': '240 5.3% 26.1%',
33
- '--sidebar-primary': '240 5.9% 10%',
34
- '--sidebar-primary-foreground': '0 0% 98%',
35
- '--sidebar-accent': '240 4.8% 95.9%',
36
- '--sidebar-accent-foreground': '240 5.9% 10%',
37
- '--sidebar-border': '220 13% 91%',
38
- '--sidebar-ring': '217.2 91.2% 59.8%',
39
- },
40
- '.dark': {
41
- '--background': '0 0% 3.9%',
42
- '--foreground': '0 0% 98%',
43
- '--card': '0 0% 3.9%',
44
- '--card-foreground': '0 0% 98%',
45
- '--popover': '0 0% 3.9%',
46
- '--popover-foreground': '0 0% 98%',
47
- '--primary': '0 0% 98%',
48
- '--primary-foreground': '0 0% 9%',
49
- '--secondary': '0 0% 14.9%',
50
- '--secondary-foreground': '0 0% 98%',
51
- '--muted': '0 0% 14.9%',
52
- '--muted-foreground': '0 0% 63.9%',
53
- '--accent': '0 0% 14.9%',
54
- '--accent-foreground': '0 0% 98%',
55
- '--destructive': '0 62.8% 30.6%',
56
- '--destructive-foreground': '0 0% 98%',
57
- '--border': '0 0% 14.9%',
58
- '--input': '0 0% 14.9%',
59
- '--ring': '0 0% 83.1%',
60
- '--chart-1': '220 70% 50%',
61
- '--chart-2': '160 60% 45%',
62
- '--chart-3': '30 80% 55%',
63
- '--chart-4': '280 65% 60%',
64
- '--chart-5': '340 75% 55%',
65
- '--chart-6': '228 57% 51%',
66
- '--chart-7': '52 95% 53%',
67
- '--chart-8': '0 85% 51%',
68
- '--sidebar-background': '240 5.9% 10%',
69
- '--sidebar-foreground': '240 4.8% 95.9%',
70
- '--sidebar-primary': '224.3 76.3% 48%',
71
- '--sidebar-primary-foreground': '0 0% 100%',
72
- '--sidebar-accent': '240 3.7% 15.9%',
73
- '--sidebar-accent-foreground': '240 4.8% 95.9%',
74
- '--sidebar-border': '240 3.7% 15.9%',
75
- '--sidebar-ring': '217.2 91.2% 59.8%',
76
- },
77
- };
78
-
79
- export { varsTheme };
1
+ const varsTheme = {
2
+ ':root': {
3
+ '--background': '0 0% 100%',
4
+ '--foreground': '0 0% 14.9%',
5
+ '--card': '0 0% 100%',
6
+ '--card-foreground': '0 0% 3.9%',
7
+ '--popover': '0 0% 100%',
8
+ '--popover-foreground': '0 0% 14.9%',
9
+ '--primary': '0 0% 9%',
10
+ '--primary-foreground': '0 0% 98%',
11
+ '--secondary': '0 0% 96.1%',
12
+ '--secondary-foreground': '0 0% 9%',
13
+ '--muted': '0 0% 96.1%',
14
+ '--muted-foreground': '0 0% 45.1%',
15
+ '--accent': '0 0% 96.1%',
16
+ '--accent-foreground': '0 0% 9%',
17
+ '--destructive': '0 84.2% 60.2%',
18
+ '--destructive-foreground': '0 0% 98%',
19
+ '--border': '0 0% 89.8%',
20
+ '--input': '0 0% 89.8%',
21
+ '--ring': '0 0% 3.9%',
22
+ '--chart-1': '12 76% 61%',
23
+ '--chart-2': '173 58% 39%',
24
+ '--chart-3': '197 37% 24%',
25
+ '--chart-4': '43 74% 66%',
26
+ '--chart-5': '27 87% 67%',
27
+ '--chart-6': '228 57% 51%',
28
+ '--chart-7': '52 95% 53%',
29
+ '--chart-8': '0 85% 51%',
30
+ '--radius': '0.5rem',
31
+ '--sidebar-background': '0 0% 100%',
32
+ '--sidebar-foreground': '240 5.3% 26.1%',
33
+ '--sidebar-primary': '240 5.9% 10%',
34
+ '--sidebar-primary-foreground': '0 0% 98%',
35
+ '--sidebar-accent': '240 4.8% 95.9%',
36
+ '--sidebar-accent-foreground': '240 5.9% 10%',
37
+ '--sidebar-border': '220 13% 91%',
38
+ '--sidebar-ring': '217.2 91.2% 59.8%',
39
+ },
40
+ '.dark': {
41
+ '--background': '0 0% 3.9%',
42
+ '--foreground': '0 0% 98%',
43
+ '--card': '0 0% 3.9%',
44
+ '--card-foreground': '0 0% 98%',
45
+ '--popover': '0 0% 3.9%',
46
+ '--popover-foreground': '0 0% 98%',
47
+ '--primary': '0 0% 98%',
48
+ '--primary-foreground': '0 0% 9%',
49
+ '--secondary': '0 0% 14.9%',
50
+ '--secondary-foreground': '0 0% 98%',
51
+ '--muted': '0 0% 14.9%',
52
+ '--muted-foreground': '0 0% 63.9%',
53
+ '--accent': '0 0% 14.9%',
54
+ '--accent-foreground': '0 0% 98%',
55
+ '--destructive': '0 62.8% 30.6%',
56
+ '--destructive-foreground': '0 0% 98%',
57
+ '--border': '0 0% 14.9%',
58
+ '--input': '0 0% 14.9%',
59
+ '--ring': '0 0% 83.1%',
60
+ '--chart-1': '220 70% 50%',
61
+ '--chart-2': '160 60% 45%',
62
+ '--chart-3': '30 80% 55%',
63
+ '--chart-4': '280 65% 60%',
64
+ '--chart-5': '340 75% 55%',
65
+ '--chart-6': '228 57% 51%',
66
+ '--chart-7': '52 95% 53%',
67
+ '--chart-8': '0 85% 51%',
68
+ '--sidebar-background': '240 5.9% 10%',
69
+ '--sidebar-foreground': '240 4.8% 95.9%',
70
+ '--sidebar-primary': '224.3 76.3% 48%',
71
+ '--sidebar-primary-foreground': '0 0% 100%',
72
+ '--sidebar-accent': '240 3.7% 15.9%',
73
+ '--sidebar-accent-foreground': '240 4.8% 95.9%',
74
+ '--sidebar-border': '240 3.7% 15.9%',
75
+ '--sidebar-ring': '217.2 91.2% 59.8%',
76
+ },
77
+ };
78
+
79
+ export { varsTheme };