lecom-ui 5.2.71 → 5.2.73

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 (81) hide show
  1. package/dist/components/Combobox/Combobox.js +5 -19
  2. package/dist/components/CustomDivider/CustomDivider.js +18 -36
  3. package/dist/components/DataTable/DataTable.utils.js +1 -5
  4. package/dist/components/DataTable/Table.js +40 -60
  5. package/dist/components/Sheet/Sheet.js +1 -31
  6. package/dist/components/Steps/{StepsTimeline.js → Steps.js} +1 -0
  7. package/dist/components/Switch/Switch.js +20 -5
  8. package/dist/components/TagInput/TagInput.js +55 -58
  9. package/dist/index.d.ts +67 -93
  10. package/dist/index.js +3 -4
  11. package/dist/style.min.css +1 -1
  12. package/package.json +4 -3
  13. package/dist/badge.js +0 -26
  14. package/dist/button-dropdown.js +0 -117
  15. package/dist/button.js +0 -104
  16. package/dist/calendar.js +0 -62
  17. package/dist/card.js +0 -56
  18. package/dist/checkbox.js +0 -55
  19. package/dist/collapse.js +0 -60
  20. package/dist/collapsible.js +0 -7
  21. package/dist/command.js +0 -107
  22. package/dist/components/DataTable/useOptimizedTable.js +0 -75
  23. package/dist/data-table/data-table.js +0 -490
  24. package/dist/date-picker.js +0 -92
  25. package/dist/dialog.js +0 -95
  26. package/dist/dropdown-menu.js +0 -138
  27. package/dist/fonts/Montserrat-Bold.otf +0 -0
  28. package/dist/fonts/Montserrat-Medium.otf +0 -0
  29. package/dist/fonts/Montserrat-Regular.otf +0 -0
  30. package/dist/fonts/Roboto-Bold.otf +0 -0
  31. package/dist/fonts/Roboto-Light.otf +0 -0
  32. package/dist/fonts/Roboto-Medium.otf +0 -0
  33. package/dist/fonts/Roboto-Regular.otf +0 -0
  34. package/dist/form.js +0 -102
  35. package/dist/header.js +0 -90
  36. package/dist/hook/useDebounce.js +0 -16
  37. package/dist/icon-handler.js +0 -72
  38. package/dist/icons/brandModules.js +0 -27
  39. package/dist/icons/companyLogo.js +0 -61
  40. package/dist/icons/createUseAuxiliary.js +0 -107
  41. package/dist/icons/footerInfo.js +0 -25
  42. package/dist/icons/logo_lecom.svg.js +0 -3
  43. package/dist/icons/newUpdate.js +0 -23
  44. package/dist/icons/robertyRPA.js +0 -30
  45. package/dist/ilustrations/access_denied.js +0 -252
  46. package/dist/ilustrations/page_not_found.js +0 -188
  47. package/dist/input.js +0 -42
  48. package/dist/label.js +0 -20
  49. package/dist/modal.js +0 -27
  50. package/dist/pagination.js +0 -474
  51. package/dist/plugin/extend.ts +0 -78
  52. package/dist/plugin/fontFaces.ts +0 -172
  53. package/dist/plugin/general.ts +0 -12
  54. package/dist/plugin/pluginDev.js +0 -5
  55. package/dist/plugin/pluginNext.js +0 -5
  56. package/dist/plugin/pluginVite.js +0 -5
  57. package/dist/plugin/template.ts +0 -31
  58. package/dist/plugin/typographies.ts +0 -152
  59. package/dist/plugin/varsTheme.ts +0 -79
  60. package/dist/plugin.cjs +0 -298
  61. package/dist/popover.js +0 -24
  62. package/dist/radio-group.js +0 -74
  63. package/dist/range-picker.js +0 -99
  64. package/dist/scroll-area.js +0 -37
  65. package/dist/search-bar.js +0 -151
  66. package/dist/select.js +0 -156
  67. package/dist/separator.js +0 -24
  68. package/dist/sheet.js +0 -106
  69. package/dist/sidebar.js +0 -188
  70. package/dist/skeleton.js +0 -17
  71. package/dist/slider.js +0 -23
  72. package/dist/status-screen.js +0 -71
  73. package/dist/switch.js +0 -27
  74. package/dist/table.js +0 -83
  75. package/dist/tabs.js +0 -44
  76. package/dist/tag.js +0 -33
  77. package/dist/textarea.js +0 -22
  78. package/dist/toast.js +0 -105
  79. package/dist/toaster.js +0 -23
  80. package/dist/tooltip.js +0 -133
  81. package/dist/use-toast.js +0 -121
@@ -1,172 +0,0 @@
1
- const fontFaces = (publicPath: string) => [
2
- {
3
- fontFamily: 'Roboto',
4
- fontStyle: 'italic',
5
- fontWeight: '100',
6
- fontDisplay: 'swap',
7
- src: `url('${publicPath}/fonts/Roboto/thin-100-italic.woff2')`,
8
- },
9
- {
10
- fontFamily: 'Roboto',
11
- fontStyle: 'italic',
12
- fontWeight: '300',
13
- fontDisplay: 'swap',
14
- src: `url('${publicPath}/fonts/Roboto/light-300-italic.woff2')`,
15
- },
16
- {
17
- fontFamily: 'Roboto',
18
- fontStyle: 'italic',
19
- fontWeight: '400',
20
- fontDisplay: 'swap',
21
- src: `url('${publicPath}/fonts/Roboto/regular-400-italic.woff2')`,
22
- },
23
- {
24
- fontFamily: 'Roboto',
25
- fontStyle: 'italic',
26
- fontWeight: '500',
27
- fontDisplay: 'swap',
28
- src: `url('${publicPath}/fonts/Roboto/medium-500-italic.woff2')`,
29
- },
30
- {
31
- fontFamily: 'Roboto',
32
- fontStyle: 'italic',
33
- fontWeight: '700',
34
- fontDisplay: 'swap',
35
- src: `url('${publicPath}/fonts/Roboto/bold-700-italic.woff2')`,
36
- },
37
- {
38
- fontFamily: 'Roboto',
39
- fontStyle: 'italic',
40
- fontWeight: '900',
41
- fontDisplay: 'swap',
42
- src: `url('${publicPath}/fonts/Roboto/black-900-italic.woff2')`,
43
- },
44
- {
45
- fontFamily: 'Roboto',
46
- fontStyle: 'normal',
47
- fontWeight: '100',
48
- fontDisplay: 'swap',
49
- src: `url('${publicPath}/fonts/Roboto/thin-100.woff2')`,
50
- },
51
- {
52
- fontFamily: 'Roboto',
53
- fontStyle: 'normal',
54
- fontWeight: '300',
55
- fontDisplay: 'swap',
56
- src: `url('${publicPath}/fonts/Roboto/light-300.woff2')`,
57
- },
58
- {
59
- fontFamily: 'Roboto',
60
- fontStyle: 'normal',
61
- fontWeight: '400',
62
- fontDisplay: 'swap',
63
- src: `url('${publicPath}/fonts/Roboto/regular-400.woff2')`,
64
- },
65
- {
66
- fontFamily: 'Roboto',
67
- fontStyle: 'normal',
68
- fontWeight: '500',
69
- fontDisplay: 'swap',
70
- src: `url('${publicPath}/fonts/Roboto/medium-500.woff2')`,
71
- },
72
- {
73
- fontFamily: 'Roboto',
74
- fontStyle: 'normal',
75
- fontWeight: '700',
76
- fontDisplay: 'swap',
77
- src: `url('${publicPath}/fonts/Roboto/bold-700.woff2')`,
78
- },
79
- {
80
- fontFamily: 'Roboto',
81
- fontStyle: 'normal',
82
- fontWeight: '900',
83
- fontDisplay: 'swap',
84
- src: `url('${publicPath}/fonts/Roboto/black-900.woff2')`,
85
- },
86
- {
87
- fontFamily: 'Montserrat',
88
- fontStyle: 'italic',
89
- fontWeight: '100 900',
90
- fontDisplay: 'swap',
91
- src: `url('${publicPath}/fonts/Montserrat/italic.woff2')`,
92
- },
93
- {
94
- fontFamily: 'Montserrat',
95
- fontStyle: 'normal',
96
- fontWeight: '100 900',
97
- fontDisplay: 'swap',
98
- src: `url('${publicPath}/fonts/Montserrat/normal.woff2')`,
99
- },
100
- {
101
- fontFamily: 'IBM Plex Mono',
102
- fontStyle: 'italic',
103
- fontWeight: '100',
104
- fontDisplay: 'swap',
105
- src: `url('${publicPath}/fonts/Ibm/thin-100-italic.woff2')`,
106
- },
107
- {
108
- fontFamily: 'IBM Plex Mono',
109
- fontStyle: 'italic',
110
- fontWeight: '300',
111
- fontDisplay: 'swap',
112
- src: `url('${publicPath}/fonts/Ibm/light-300-italic.woff2')`,
113
- },
114
- {
115
- fontFamily: 'IBM Plex Mono',
116
- fontStyle: 'italic',
117
- fontWeight: '400',
118
- fontDisplay: 'swap',
119
- src: `url('${publicPath}/fonts/Ibm/regular-400-italic.woff2')`,
120
- },
121
- {
122
- fontFamily: 'IBM Plex Mono',
123
- fontStyle: 'italic',
124
- fontWeight: '500',
125
- fontDisplay: 'swap',
126
- src: `url('${publicPath}/fonts/Ibm/medium-500-italic.woff2')`,
127
- },
128
- {
129
- fontFamily: 'IBM Plex Mono',
130
- fontStyle: 'italic',
131
- fontWeight: '700',
132
- fontDisplay: 'swap',
133
- src: `url('${publicPath}/fonts/Ibm/bold-700-italic.woff2')`,
134
- },
135
- {
136
- fontFamily: 'IBM Plex Mono',
137
- fontStyle: 'normal',
138
- fontWeight: '100',
139
- fontDisplay: 'swap',
140
- src: `url('${publicPath}/fonts/Ibm/thin-100.woff2')`,
141
- },
142
- {
143
- fontFamily: 'IBM Plex Mono',
144
- fontStyle: 'normal',
145
- fontWeight: '300',
146
- fontDisplay: 'swap',
147
- src: `url('${publicPath}/fonts/Ibm/light-300.woff2')`,
148
- },
149
- {
150
- fontFamily: 'IBM Plex Mono',
151
- fontStyle: 'normal',
152
- fontWeight: '400',
153
- fontDisplay: 'swap',
154
- src: `url('${publicPath}/fonts/Ibm/regular-400.woff2')`,
155
- },
156
- {
157
- fontFamily: 'IBM Plex Mono',
158
- fontStyle: 'normal',
159
- fontWeight: '500',
160
- fontDisplay: 'swap',
161
- src: `url('${publicPath}/fonts/Ibm/medium-500.woff2')`,
162
- },
163
- {
164
- fontFamily: 'IBM Plex Mono',
165
- fontStyle: 'normal',
166
- fontWeight: '700',
167
- fontDisplay: 'swap',
168
- src: `url('${publicPath}/fonts/Ibm/bold-700.woff2')`,
169
- },
170
- ];
171
-
172
- export { fontFaces };
@@ -1,12 +0,0 @@
1
- const general = {
2
- '*': {
3
- borderColor: 'hsl(var(--border))',
4
- },
5
- body: {
6
- backgroundColor: 'hsl(var(--background))',
7
- fontFamily: 'Roboto, sans-serif',
8
- color: 'hsl(var(--foreground))',
9
- },
10
- };
11
-
12
- export { general };
@@ -1,5 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
-
3
- const buildPlugin = require('./template').buildPlugin;
4
-
5
- module.exports = buildPlugin('../public');
@@ -1,5 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
-
3
- const buildPlugin = require('./template.js').buildPlugin;
4
-
5
- module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');
@@ -1,5 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
-
3
- const buildPlugin = require('./template').buildPlugin;
4
-
5
- module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');
@@ -1,31 +0,0 @@
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: string) =>
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 +0,0 @@
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 +0,0 @@
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 };