@zimyo/ui 1.1.4 → 1.1.6

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 (37) hide show
  1. package/dist/Accordion/index.d.ts +34 -0
  2. package/dist/Accordion/index.esm.js +239 -0
  3. package/dist/Accordion/index.js +247 -0
  4. package/dist/Button/index.d.ts +15 -0
  5. package/dist/Button/index.esm.js +23 -0
  6. package/dist/Button/index.js +28 -0
  7. package/dist/Card/index.d.ts +41 -0
  8. package/dist/Card/index.esm.js +36 -0
  9. package/dist/Card/index.js +38 -0
  10. package/dist/Popover/index.d.ts +19 -0
  11. package/dist/Popover/index.esm.js +22 -0
  12. package/dist/Popover/index.js +27 -0
  13. package/dist/RadioGroup/index.d.ts +31 -0
  14. package/dist/RadioGroup/index.esm.js +91 -0
  15. package/dist/RadioGroup/index.js +96 -0
  16. package/dist/Select/index.d.ts +22 -0
  17. package/dist/Select/index.esm.js +195 -0
  18. package/dist/Select/index.js +200 -0
  19. package/dist/Switch/index.d.ts +14 -0
  20. package/dist/Switch/index.esm.js +9 -0
  21. package/dist/Switch/index.js +14 -0
  22. package/dist/Tabs/index.d.ts +36 -0
  23. package/dist/Tabs/index.esm.js +202 -0
  24. package/dist/Tabs/index.js +207 -0
  25. package/dist/TextInput/index.d.ts +18 -0
  26. package/dist/TextInput/index.esm.js +33 -0
  27. package/dist/TextInput/index.js +38 -0
  28. package/dist/Typography/index.d.ts +30 -0
  29. package/dist/Typography/index.esm.js +57 -0
  30. package/dist/Typography/index.js +66 -0
  31. package/dist/index.d.ts +222 -0
  32. package/dist/index.esm.js +763 -0
  33. package/dist/index.js +785 -0
  34. package/dist/theme/index.d.ts +91 -0
  35. package/dist/theme/index.esm.js +237 -0
  36. package/dist/theme/index.js +242 -0
  37. package/package.json +4 -4
package/dist/theme/index.d.ts ADDED
@@ -0,0 +1,91 @@
1
+ import React from 'react';
2
+ import { Theme } from '@mui/material/styles';
3
+
4
+ interface UILibraryThemeProviderProps {
5
+ children: React.ReactNode;
6
+ primaryColor?: string;
7
+ secondaryColor?: string;
8
+ enableCssBaseline?: boolean;
9
+ }
10
+ declare const UILibraryThemeProvider: React.FC<UILibraryThemeProviderProps>;
11
+
12
+ declare module '@mui/material/styles' {
13
+ interface Theme {
14
+ radius: {
15
+ xs: string;
16
+ sm: string;
17
+ md: string;
18
+ lg: string;
19
+ xl: string;
20
+ full: string;
21
+ };
22
+ }
23
+ interface ThemeOptions {
24
+ radius?: {
25
+ xs?: string;
26
+ sm?: string;
27
+ md?: string;
28
+ lg?: string;
29
+ xl?: string;
30
+ full?: string;
31
+ };
32
+ }
33
+ }
34
+ interface ThemeConfig {
35
+ primaryColor?: string;
36
+ secondaryColor?: string;
37
+ }
38
+ declare const createCustomTheme: (config?: ThemeConfig) => Theme;
39
+ declare const theme: Theme;
40
+
41
+ declare const designTokens: {
42
+ colors: {
43
+ primary: {
44
+ 50: string;
45
+ 100: string;
46
+ 500: string;
47
+ 900: string;
48
+ };
49
+ secondary: {
50
+ 50: string;
51
+ 100: string;
52
+ 500: string;
53
+ 900: string;
54
+ };
55
+ neutral: {
56
+ 50: string;
57
+ 100: string;
58
+ 200: string;
59
+ 500: string;
60
+ 900: string;
61
+ };
62
+ };
63
+ spacing: {
64
+ xs: string;
65
+ sm: string;
66
+ md: string;
67
+ lg: string;
68
+ xl: string;
69
+ };
70
+ radius: {
71
+ xs: string;
72
+ sm: string;
73
+ md: string;
74
+ lg: string;
75
+ xl: string;
76
+ full: string;
77
+ };
78
+ typography: {
79
+ fontFamily: string;
80
+ fontSize: {
81
+ xs: string;
82
+ sm: string;
83
+ md: string;
84
+ lg: string;
85
+ xl: string;
86
+ };
87
+ };
88
+ };
89
+
90
+ export { UILibraryThemeProvider, createCustomTheme, designTokens, theme };
91
+ export type { ThemeConfig, UILibraryThemeProviderProps };
package/dist/theme/index.esm.js ADDED
@@ -0,0 +1,237 @@
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import { createTheme, ThemeProvider } from '@mui/material/styles';
3
+ import { GlobalStyles, CssBaseline } from '@mui/material';
4
+
5
+ const designTokens = {
6
+ colors: {
7
+ primary: {
8
+ 50: '#e3f2fd',
9
+ 100: '#bbdefb',
10
+ 500: '#2196f3',
11
+ 900: '#0d47a1',
12
+ },
13
+ secondary: {
14
+ 50: '#fce4ec',
15
+ 100: '#f8bbd9',
16
+ 500: '#e91e63',
17
+ 900: '#880e4f',
18
+ },
19
+ neutral: {
20
+ 50: '#fafafa',
21
+ 100: '#f5f5f5',
22
+ 200: '#eeeeee',
23
+ 500: '#9e9e9e',
24
+ 900: '#212121',
25
+ },
26
+ },
27
+ spacing: {
28
+ xs: '4px',
29
+ sm: '8px',
30
+ md: '16px',
31
+ lg: '24px',
32
+ xl: '32px',
33
+ },
34
+ radius: {
35
+ xs: "2px",
36
+ sm: '4px',
37
+ md: '8px',
38
+ lg: '12px',
39
+ xl: '16px',
40
+ full: '9999px',
41
+ },
42
+ typography: {
43
+ fontFamily: `'Inter', system-ui, sans-serif`,
44
+ fontSize: {
45
+ xs: '0.75rem',
46
+ sm: '0.875rem',
47
+ md: '1rem',
48
+ lg: '1.25rem',
49
+ xl: '1.5rem',
50
+ },
51
+ },
52
+ };
53
+
54
+ const createCustomTheme = (config = {}) => {
55
+ const { primaryColor = designTokens.colors.primary[500], secondaryColor = designTokens.colors.secondary[500], } = config;
56
+ return createTheme({
57
+ palette: {
58
+ primary: {
59
+ main: primaryColor,
60
+ },
61
+ secondary: {
62
+ main: secondaryColor,
63
+ },
64
+ divider: '#e5e5e5'
65
+ },
66
+ typography: {
67
+ fontFamily: designTokens.typography.fontFamily,
68
+ fontSize: 14,
69
+ h1: {
70
+ fontSize: '3rem', // 48px
71
+ fontWeight: 700,
72
+ lineHeight: 1.2,
73
+ },
74
+ h2: {
75
+ fontSize: '2.25rem', // 36px
76
+ fontWeight: 600,
77
+ lineHeight: 1.25,
78
+ },
79
+ h3: {
80
+ fontSize: '1.875rem', // 30px
81
+ fontWeight: 600,
82
+ lineHeight: 1.3,
83
+ },
84
+ h4: {
85
+ fontSize: '1.5rem', // 24px
86
+ fontWeight: 500,
87
+ lineHeight: 1.35,
88
+ },
89
+ h5: {
90
+ fontSize: '1.25rem', // 20px
91
+ fontWeight: 500,
92
+ lineHeight: 1.4,
93
+ },
94
+ h6: {
95
+ fontSize: '1rem', // 16px
96
+ fontWeight: 500,
97
+ lineHeight: 1.5,
98
+ },
99
+ body1: {
100
+ fontSize: '1rem', // 16px
101
+ lineHeight: '1.625rem', // 26px
102
+ },
103
+ body2: {
104
+ fontSize: '0.875rem', // 14px
105
+ lineHeight: '1.5rem', // 24px
106
+ },
107
+ caption: {
108
+ fontSize: '0.875rem',
109
+ lineHeight: '1.25rem', // 20px
110
+ },
111
+ button: {
112
+ fontSize: '0.875rem',
113
+ lineHeight: '1.5rem',
114
+ textTransform: 'none',
115
+ },
116
+ subtitle1: {
117
+ fontSize: '1rem', // 16px
118
+ lineHeight: '1.5rem', // 24px
119
+ // fontWeight: 500
120
+ },
121
+ },
122
+ spacing: 8,
123
+ shape: {
124
+ borderRadius: 8,
125
+ },
126
+ radius: designTokens.radius,
127
+ components: {
128
+ MuiButton: {
129
+ styleOverrides: {
130
+ root: {
131
+ textTransform: 'none',
132
+ borderRadius: designTokens.radius.md,
133
+ // fontWeight: 600,
134
+ letterSpacing: '0.5px',
135
+ padding: '6px 12px',
136
+ },
137
+ sizeSmall: {
138
+ padding: '4px 12px',
139
+ // fontSize: '0.875rem',
140
+ },
141
+ sizeLarge: {
142
+ padding: '12px 24px',
143
+ // fontSize: '1rem',
144
+ },
145
+ },
146
+ defaultProps: {
147
+ disableElevation: true
148
+ }
149
+ },
150
+ MuiCard: {
151
+ styleOverrides: {
152
+ root: {
153
+ borderRadius: '12px',
154
+ boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
155
+ },
156
+ },
157
+ },
158
+ MuiTextField: {
159
+ styleOverrides: {
160
+ root: {
161
+ '& .MuiOutlinedInput-root': {
162
+ borderRadius: '8px',
163
+ },
164
+ },
165
+ },
166
+ },
167
+ },
168
+ });
169
+ };
170
+ // Default theme
171
+ const theme = createCustomTheme();
172
+
173
+ function styleInject(css, ref) {
174
+ if ( ref === void 0 ) ref = {};
175
+ var insertAt = ref.insertAt;
176
+
177
+ if (!css || typeof document === 'undefined') { return; }
178
+
179
+ var head = document.head || document.getElementsByTagName('head')[0];
180
+ var style = document.createElement('style');
181
+ style.type = 'text/css';
182
+
183
+ if (insertAt === 'top') {
184
+ if (head.firstChild) {
185
+ head.insertBefore(style, head.firstChild);
186
+ } else {
187
+ head.appendChild(style);
188
+ }
189
+ } else {
190
+ head.appendChild(style);
191
+ }
192
+
193
+ if (style.styleSheet) {
194
+ style.styleSheet.cssText = css;
195
+ } else {
196
+ style.appendChild(document.createTextNode(css));
197
+ }
198
+ }
199
+
200
+ var css_248z$4 = "/* inter-cyrillic-ext-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-cyrillic-ext-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-300-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-cyrillic-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-300-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-greek-ext-300-normal.woff2) format('woff2'), url(./files/inter-greek-ext-300-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-greek-300-normal.woff2) format('woff2'), url(./files/inter-greek-300-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-vietnamese-300-normal.woff2) format('woff2'), url(./files/inter-vietnamese-300-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-latin-ext-300-normal.woff2) format('woff2'), url(./files/inter-latin-ext-300-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-latin-300-normal.woff2) format('woff2'), url(./files/inter-latin-300-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
201
+ styleInject(css_248z$4);
202
+
203
+ var css_248z$3 = "/* inter-cyrillic-ext-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-400-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-cyrillic-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-400-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-greek-ext-400-normal.woff2) format('woff2'), url(./files/inter-greek-ext-400-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-greek-400-normal.woff2) format('woff2'), url(./files/inter-greek-400-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-vietnamese-400-normal.woff2) format('woff2'), url(./files/inter-vietnamese-400-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-latin-ext-400-normal.woff2) format('woff2'), url(./files/inter-latin-ext-400-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-latin-400-normal.woff2) format('woff2'), url(./files/inter-latin-400-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
204
+ styleInject(css_248z$3);
205
+
206
+ var css_248z$2 = "/* inter-cyrillic-ext-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-cyrillic-ext-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-500-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-cyrillic-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-500-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-greek-ext-500-normal.woff2) format('woff2'), url(./files/inter-greek-ext-500-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-greek-500-normal.woff2) format('woff2'), url(./files/inter-greek-500-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-vietnamese-500-normal.woff2) format('woff2'), url(./files/inter-vietnamese-500-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-latin-ext-500-normal.woff2) format('woff2'), url(./files/inter-latin-ext-500-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-latin-500-normal.woff2) format('woff2'), url(./files/inter-latin-500-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
207
+ styleInject(css_248z$2);
208
+
209
+ var css_248z$1 = "/* inter-cyrillic-ext-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-cyrillic-ext-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-600-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-cyrillic-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-600-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-greek-ext-600-normal.woff2) format('woff2'), url(./files/inter-greek-ext-600-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-greek-600-normal.woff2) format('woff2'), url(./files/inter-greek-600-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-vietnamese-600-normal.woff2) format('woff2'), url(./files/inter-vietnamese-600-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-latin-ext-600-normal.woff2) format('woff2'), url(./files/inter-latin-ext-600-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-latin-600-normal.woff2) format('woff2'), url(./files/inter-latin-600-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
210
+ styleInject(css_248z$1);
211
+
212
+ var css_248z = "/* inter-cyrillic-ext-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-cyrillic-ext-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-700-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-cyrillic-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-700-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-greek-ext-700-normal.woff2) format('woff2'), url(./files/inter-greek-ext-700-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-greek-700-normal.woff2) format('woff2'), url(./files/inter-greek-700-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-vietnamese-700-normal.woff2) format('woff2'), url(./files/inter-vietnamese-700-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-latin-ext-700-normal.woff2) format('woff2'), url(./files/inter-latin-ext-700-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-latin-700-normal.woff2) format('woff2'), url(./files/inter-latin-700-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
213
+ styleInject(css_248z);
214
+
215
+ const Fonts = () => (jsx(GlobalStyles, { styles: {
216
+ body: {
217
+ WebkitFontSmoothing: 'antialiased',
218
+ MozOsxFontSmoothing: 'grayscale',
219
+ },
220
+ html: {
221
+ fontFamily: "'Inter', system-ui, sans-serif",
222
+ },
223
+ } }));
224
+
225
+ const UILibraryThemeProvider = ({ children, primaryColor, secondaryColor, enableCssBaseline = true, }) => {
226
+ const themeConfig = {};
227
+ if (primaryColor) {
228
+ themeConfig.primaryColor = primaryColor;
229
+ }
230
+ if (secondaryColor) {
231
+ themeConfig.secondaryColor = secondaryColor;
232
+ }
233
+ const theme = createCustomTheme(themeConfig);
234
+ return (jsxs(ThemeProvider, { theme: theme, children: [enableCssBaseline && jsx(CssBaseline, {}), jsx(Fonts, {}), children] }));
235
+ };
236
+
237
+ export { UILibraryThemeProvider, createCustomTheme, designTokens, theme };
package/dist/theme/index.js ADDED
@@ -0,0 +1,242 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var styles = require('@mui/material/styles');
5
+ var material = require('@mui/material');
6
+
7
+ const designTokens = {
8
+ colors: {
9
+ primary: {
10
+ 50: '#e3f2fd',
11
+ 100: '#bbdefb',
12
+ 500: '#2196f3',
13
+ 900: '#0d47a1',
14
+ },
15
+ secondary: {
16
+ 50: '#fce4ec',
17
+ 100: '#f8bbd9',
18
+ 500: '#e91e63',
19
+ 900: '#880e4f',
20
+ },
21
+ neutral: {
22
+ 50: '#fafafa',
23
+ 100: '#f5f5f5',
24
+ 200: '#eeeeee',
25
+ 500: '#9e9e9e',
26
+ 900: '#212121',
27
+ },
28
+ },
29
+ spacing: {
30
+ xs: '4px',
31
+ sm: '8px',
32
+ md: '16px',
33
+ lg: '24px',
34
+ xl: '32px',
35
+ },
36
+ radius: {
37
+ xs: "2px",
38
+ sm: '4px',
39
+ md: '8px',
40
+ lg: '12px',
41
+ xl: '16px',
42
+ full: '9999px',
43
+ },
44
+ typography: {
45
+ fontFamily: `'Inter', system-ui, sans-serif`,
46
+ fontSize: {
47
+ xs: '0.75rem',
48
+ sm: '0.875rem',
49
+ md: '1rem',
50
+ lg: '1.25rem',
51
+ xl: '1.5rem',
52
+ },
53
+ },
54
+ };
55
+
56
+ const createCustomTheme = (config = {}) => {
57
+ const { primaryColor = designTokens.colors.primary[500], secondaryColor = designTokens.colors.secondary[500], } = config;
58
+ return styles.createTheme({
59
+ palette: {
60
+ primary: {
61
+ main: primaryColor,
62
+ },
63
+ secondary: {
64
+ main: secondaryColor,
65
+ },
66
+ divider: '#e5e5e5'
67
+ },
68
+ typography: {
69
+ fontFamily: designTokens.typography.fontFamily,
70
+ fontSize: 14,
71
+ h1: {
72
+ fontSize: '3rem', // 48px
73
+ fontWeight: 700,
74
+ lineHeight: 1.2,
75
+ },
76
+ h2: {
77
+ fontSize: '2.25rem', // 36px
78
+ fontWeight: 600,
79
+ lineHeight: 1.25,
80
+ },
81
+ h3: {
82
+ fontSize: '1.875rem', // 30px
83
+ fontWeight: 600,
84
+ lineHeight: 1.3,
85
+ },
86
+ h4: {
87
+ fontSize: '1.5rem', // 24px
88
+ fontWeight: 500,
89
+ lineHeight: 1.35,
90
+ },
91
+ h5: {
92
+ fontSize: '1.25rem', // 20px
93
+ fontWeight: 500,
94
+ lineHeight: 1.4,
95
+ },
96
+ h6: {
97
+ fontSize: '1rem', // 16px
98
+ fontWeight: 500,
99
+ lineHeight: 1.5,
100
+ },
101
+ body1: {
102
+ fontSize: '1rem', // 16px
103
+ lineHeight: '1.625rem', // 26px
104
+ },
105
+ body2: {
106
+ fontSize: '0.875rem', // 14px
107
+ lineHeight: '1.5rem', // 24px
108
+ },
109
+ caption: {
110
+ fontSize: '0.875rem',
111
+ lineHeight: '1.25rem', // 20px
112
+ },
113
+ button: {
114
+ fontSize: '0.875rem',
115
+ lineHeight: '1.5rem',
116
+ textTransform: 'none',
117
+ },
118
+ subtitle1: {
119
+ fontSize: '1rem', // 16px
120
+ lineHeight: '1.5rem', // 24px
121
+ // fontWeight: 500
122
+ },
123
+ },
124
+ spacing: 8,
125
+ shape: {
126
+ borderRadius: 8,
127
+ },
128
+ radius: designTokens.radius,
129
+ components: {
130
+ MuiButton: {
131
+ styleOverrides: {
132
+ root: {
133
+ textTransform: 'none',
134
+ borderRadius: designTokens.radius.md,
135
+ // fontWeight: 600,
136
+ letterSpacing: '0.5px',
137
+ padding: '6px 12px',
138
+ },
139
+ sizeSmall: {
140
+ padding: '4px 12px',
141
+ // fontSize: '0.875rem',
142
+ },
143
+ sizeLarge: {
144
+ padding: '12px 24px',
145
+ // fontSize: '1rem',
146
+ },
147
+ },
148
+ defaultProps: {
149
+ disableElevation: true
150
+ }
151
+ },
152
+ MuiCard: {
153
+ styleOverrides: {
154
+ root: {
155
+ borderRadius: '12px',
156
+ boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
157
+ },
158
+ },
159
+ },
160
+ MuiTextField: {
161
+ styleOverrides: {
162
+ root: {
163
+ '& .MuiOutlinedInput-root': {
164
+ borderRadius: '8px',
165
+ },
166
+ },
167
+ },
168
+ },
169
+ },
170
+ });
171
+ };
172
+ // Default theme
173
+ const theme = createCustomTheme();
174
+
175
+ function styleInject(css, ref) {
176
+ if ( ref === void 0 ) ref = {};
177
+ var insertAt = ref.insertAt;
178
+
179
+ if (!css || typeof document === 'undefined') { return; }
180
+
181
+ var head = document.head || document.getElementsByTagName('head')[0];
182
+ var style = document.createElement('style');
183
+ style.type = 'text/css';
184
+
185
+ if (insertAt === 'top') {
186
+ if (head.firstChild) {
187
+ head.insertBefore(style, head.firstChild);
188
+ } else {
189
+ head.appendChild(style);
190
+ }
191
+ } else {
192
+ head.appendChild(style);
193
+ }
194
+
195
+ if (style.styleSheet) {
196
+ style.styleSheet.cssText = css;
197
+ } else {
198
+ style.appendChild(document.createTextNode(css));
199
+ }
200
+ }
201
+
202
+ var css_248z$4 = "/* inter-cyrillic-ext-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-cyrillic-ext-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-300-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-cyrillic-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-300-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-greek-ext-300-normal.woff2) format('woff2'), url(./files/inter-greek-ext-300-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-greek-300-normal.woff2) format('woff2'), url(./files/inter-greek-300-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-vietnamese-300-normal.woff2) format('woff2'), url(./files/inter-vietnamese-300-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-latin-ext-300-normal.woff2) format('woff2'), url(./files/inter-latin-ext-300-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-300-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 300;\n src: url(./files/inter-latin-300-normal.woff2) format('woff2'), url(./files/inter-latin-300-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
203
+ styleInject(css_248z$4);
204
+
205
+ var css_248z$3 = "/* inter-cyrillic-ext-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-400-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-cyrillic-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-400-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-greek-ext-400-normal.woff2) format('woff2'), url(./files/inter-greek-ext-400-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-greek-400-normal.woff2) format('woff2'), url(./files/inter-greek-400-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-vietnamese-400-normal.woff2) format('woff2'), url(./files/inter-vietnamese-400-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-latin-ext-400-normal.woff2) format('woff2'), url(./files/inter-latin-ext-400-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-400-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 400;\n src: url(./files/inter-latin-400-normal.woff2) format('woff2'), url(./files/inter-latin-400-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
206
+ styleInject(css_248z$3);
207
+
208
+ var css_248z$2 = "/* inter-cyrillic-ext-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-cyrillic-ext-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-500-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-cyrillic-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-500-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-greek-ext-500-normal.woff2) format('woff2'), url(./files/inter-greek-ext-500-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-greek-500-normal.woff2) format('woff2'), url(./files/inter-greek-500-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-vietnamese-500-normal.woff2) format('woff2'), url(./files/inter-vietnamese-500-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-latin-ext-500-normal.woff2) format('woff2'), url(./files/inter-latin-ext-500-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-500-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 500;\n src: url(./files/inter-latin-500-normal.woff2) format('woff2'), url(./files/inter-latin-500-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
209
+ styleInject(css_248z$2);
210
+
211
+ var css_248z$1 = "/* inter-cyrillic-ext-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-cyrillic-ext-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-600-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-cyrillic-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-600-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-greek-ext-600-normal.woff2) format('woff2'), url(./files/inter-greek-ext-600-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-greek-600-normal.woff2) format('woff2'), url(./files/inter-greek-600-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-vietnamese-600-normal.woff2) format('woff2'), url(./files/inter-vietnamese-600-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-latin-ext-600-normal.woff2) format('woff2'), url(./files/inter-latin-ext-600-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-600-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 600;\n src: url(./files/inter-latin-600-normal.woff2) format('woff2'), url(./files/inter-latin-600-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
212
+ styleInject(css_248z$1);
213
+
214
+ var css_248z = "/* inter-cyrillic-ext-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-cyrillic-ext-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-700-normal.woff) format('woff');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-cyrillic-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-700-normal.woff) format('woff');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-greek-ext-700-normal.woff2) format('woff2'), url(./files/inter-greek-ext-700-normal.woff) format('woff');\n unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-greek-700-normal.woff2) format('woff2'), url(./files/inter-greek-700-normal.woff) format('woff');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-vietnamese-700-normal.woff2) format('woff2'), url(./files/inter-vietnamese-700-normal.woff) format('woff');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-latin-ext-700-normal.woff2) format('woff2'), url(./files/inter-latin-ext-700-normal.woff) format('woff');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-700-normal */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-display: swap;\n font-weight: 700;\n src: url(./files/inter-latin-700-normal.woff2) format('woff2'), url(./files/inter-latin-700-normal.woff) format('woff');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}";
215
+ styleInject(css_248z);
216
+
217
+ const Fonts = () => (jsxRuntime.jsx(material.GlobalStyles, { styles: {
218
+ body: {
219
+ WebkitFontSmoothing: 'antialiased',
220
+ MozOsxFontSmoothing: 'grayscale',
221
+ },
222
+ html: {
223
+ fontFamily: "'Inter', system-ui, sans-serif",
224
+ },
225
+ } }));
226
+
227
+ const UILibraryThemeProvider = ({ children, primaryColor, secondaryColor, enableCssBaseline = true, }) => {
228
+ const themeConfig = {};
229
+ if (primaryColor) {
230
+ themeConfig.primaryColor = primaryColor;
231
+ }
232
+ if (secondaryColor) {
233
+ themeConfig.secondaryColor = secondaryColor;
234
+ }
235
+ const theme = createCustomTheme(themeConfig);
236
+ return (jsxRuntime.jsxs(styles.ThemeProvider, { theme: theme, children: [enableCssBaseline && jsxRuntime.jsx(material.CssBaseline, {}), jsxRuntime.jsx(Fonts, {}), children] }));
237
+ };
238
+
239
+ exports.UILibraryThemeProvider = UILibraryThemeProvider;
240
+ exports.createCustomTheme = createCustomTheme;
241
+ exports.designTokens = designTokens;
242
+ exports.theme = theme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zimyo/ui",
3
- "version": "1.1.4",
3
+ "version": "1.1.6",
4
4
  "description": "Zimyo UI library built on MUI Material",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -82,7 +82,6 @@
82
82
  "peerDependencies": {
83
83
  "@emotion/react": ">=11.0.0",
84
84
  "@emotion/styled": ">=11.0.0",
85
- "@mui/icons-material": ">=5.0.0",
86
85
  "@mui/material": ">=5.0.0",
87
86
  "react": ">=17.0.0",
88
87
  "react-dom": ">=17.0.0"
@@ -110,6 +109,7 @@
110
109
  "rollup": "^3.0.0",
111
110
  "rollup-plugin-dts": "^6.0.0",
112
111
  "rollup-plugin-peer-deps-external": "^2.2.4",
112
+ "rollup-plugin-postcss": "^4.0.2",
113
113
  "storybook": "^9.0.14",
114
114
  "typescript": "^5.0.0"
115
115
  },
@@ -117,8 +117,8 @@
117
117
  "@emotion/react": ">=11.0.0",
118
118
  "@emotion/styled": ">=11.0.0",
119
119
  "@fontsource/inter": "^5.2.6",
120
- "@mui/icons-material": ">=5.0.0",
121
- "@mui/material": ">=5.0.0"
120
+ "@mui/material": ">=5.0.0",
121
+ "lucide-react": "^0.525.0"
122
122
  },
123
123
  "eslintConfig": {
124
124
  "extends": [