@zimyo/ui 1.1.8 → 1.1.10

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 (40) 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 +13 -0
  6. package/dist/Button/index.js +18 -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/Modal/index.d.ts +17 -0
  11. package/dist/Modal/index.esm.js +144 -0
  12. package/dist/Modal/index.js +149 -0
  13. package/dist/Popover/index.d.ts +19 -0
  14. package/dist/Popover/index.esm.js +22 -0
  15. package/dist/Popover/index.js +27 -0
  16. package/dist/RadioGroup/index.d.ts +31 -0
  17. package/dist/RadioGroup/index.esm.js +91 -0
  18. package/dist/RadioGroup/index.js +96 -0
  19. package/dist/Select/index.d.ts +22 -0
  20. package/dist/Select/index.esm.js +195 -0
  21. package/dist/Select/index.js +200 -0
  22. package/dist/Switch/index.d.ts +14 -0
  23. package/dist/Switch/index.esm.js +9 -0
  24. package/dist/Switch/index.js +14 -0
  25. package/dist/Tabs/index.d.ts +36 -0
  26. package/dist/Tabs/index.esm.js +202 -0
  27. package/dist/Tabs/index.js +207 -0
  28. package/dist/TextInput/index.d.ts +18 -0
  29. package/dist/TextInput/index.esm.js +33 -0
  30. package/dist/TextInput/index.js +38 -0
  31. package/dist/Typography/index.d.ts +30 -0
  32. package/dist/Typography/index.esm.js +57 -0
  33. package/dist/Typography/index.js +66 -0
  34. package/dist/index.d.ts +222 -0
  35. package/dist/index.esm.js +750 -0
  36. package/dist/index.js +772 -0
  37. package/dist/theme/index.d.ts +91 -0
  38. package/dist/theme/index.esm.js +234 -0
  39. package/dist/theme/index.js +239 -0
  40. package/package.json +1 -1
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,234 @@
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: 5,
125
+ },
126
+ radius: designTokens.radius,
127
+ components: {
128
+ MuiButton: {
129
+ styleOverrides: {
130
+ root: {
131
+ textTransform: 'none',
132
+ fontWeight: 500,
133
+ letterSpacing: '0.5px',
134
+ padding: '6px 12px',
135
+ },
136
+ sizeSmall: {
137
+ padding: '4px 10px'
138
+ },
139
+ sizeLarge: {
140
+ padding: '10px 24px'
141
+ },
142
+ },
143
+ defaultProps: {
144
+ disableElevation: true
145
+ }
146
+ },
147
+ MuiCard: {
148
+ styleOverrides: {
149
+ root: {
150
+ borderRadius: '12px',
151
+ boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
152
+ },
153
+ },
154
+ },
155
+ MuiTextField: {
156
+ styleOverrides: {
157
+ root: {
158
+ '& .MuiOutlinedInput-root': {
159
+ borderRadius: '8px',
160
+ },
161
+ },
162
+ },
163
+ },
164
+ },
165
+ });
166
+ };
167
+ // Default theme
168
+ const theme = createCustomTheme();
169
+
170
+ function styleInject(css, ref) {
171
+ if ( ref === void 0 ) ref = {};
172
+ var insertAt = ref.insertAt;
173
+
174
+ if (!css || typeof document === 'undefined') { return; }
175
+
176
+ var head = document.head || document.getElementsByTagName('head')[0];
177
+ var style = document.createElement('style');
178
+ style.type = 'text/css';
179
+
180
+ if (insertAt === 'top') {
181
+ if (head.firstChild) {
182
+ head.insertBefore(style, head.firstChild);
183
+ } else {
184
+ head.appendChild(style);
185
+ }
186
+ } else {
187
+ head.appendChild(style);
188
+ }
189
+
190
+ if (style.styleSheet) {
191
+ style.styleSheet.cssText = css;
192
+ } else {
193
+ style.appendChild(document.createTextNode(css));
194
+ }
195
+ }
196
+
197
+ 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}";
198
+ styleInject(css_248z$4);
199
+
200
+ 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}";
201
+ styleInject(css_248z$3);
202
+
203
+ 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}";
204
+ styleInject(css_248z$2);
205
+
206
+ 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}";
207
+ styleInject(css_248z$1);
208
+
209
+ 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}";
210
+ styleInject(css_248z);
211
+
212
+ const Fonts = () => (jsx(GlobalStyles, { styles: {
213
+ body: {
214
+ WebkitFontSmoothing: 'antialiased',
215
+ MozOsxFontSmoothing: 'grayscale',
216
+ },
217
+ html: {
218
+ fontFamily: "'Inter', system-ui, sans-serif",
219
+ },
220
+ } }));
221
+
222
+ const UILibraryThemeProvider = ({ children, primaryColor, secondaryColor, enableCssBaseline = true, }) => {
223
+ const themeConfig = {};
224
+ if (primaryColor) {
225
+ themeConfig.primaryColor = primaryColor;
226
+ }
227
+ if (secondaryColor) {
228
+ themeConfig.secondaryColor = secondaryColor;
229
+ }
230
+ const theme = createCustomTheme(themeConfig);
231
+ return (jsxs(ThemeProvider, { theme: theme, children: [enableCssBaseline && jsx(CssBaseline, {}), jsx(Fonts, {}), children] }));
232
+ };
233
+
234
+ export { UILibraryThemeProvider, createCustomTheme, designTokens, theme };
package/dist/theme/index.js ADDED
@@ -0,0 +1,239 @@
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: 5,
127
+ },
128
+ radius: designTokens.radius,
129
+ components: {
130
+ MuiButton: {
131
+ styleOverrides: {
132
+ root: {
133
+ textTransform: 'none',
134
+ fontWeight: 500,
135
+ letterSpacing: '0.5px',
136
+ padding: '6px 12px',
137
+ },
138
+ sizeSmall: {
139
+ padding: '4px 10px'
140
+ },
141
+ sizeLarge: {
142
+ padding: '10px 24px'
143
+ },
144
+ },
145
+ defaultProps: {
146
+ disableElevation: true
147
+ }
148
+ },
149
+ MuiCard: {
150
+ styleOverrides: {
151
+ root: {
152
+ borderRadius: '12px',
153
+ boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
154
+ },
155
+ },
156
+ },
157
+ MuiTextField: {
158
+ styleOverrides: {
159
+ root: {
160
+ '& .MuiOutlinedInput-root': {
161
+ borderRadius: '8px',
162
+ },
163
+ },
164
+ },
165
+ },
166
+ },
167
+ });
168
+ };
169
+ // Default theme
170
+ const theme = createCustomTheme();
171
+
172
+ function styleInject(css, ref) {
173
+ if ( ref === void 0 ) ref = {};
174
+ var insertAt = ref.insertAt;
175
+
176
+ if (!css || typeof document === 'undefined') { return; }
177
+
178
+ var head = document.head || document.getElementsByTagName('head')[0];
179
+ var style = document.createElement('style');
180
+ style.type = 'text/css';
181
+
182
+ if (insertAt === 'top') {
183
+ if (head.firstChild) {
184
+ head.insertBefore(style, head.firstChild);
185
+ } else {
186
+ head.appendChild(style);
187
+ }
188
+ } else {
189
+ head.appendChild(style);
190
+ }
191
+
192
+ if (style.styleSheet) {
193
+ style.styleSheet.cssText = css;
194
+ } else {
195
+ style.appendChild(document.createTextNode(css));
196
+ }
197
+ }
198
+
199
+ 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}";
200
+ styleInject(css_248z$4);
201
+
202
+ 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}";
203
+ styleInject(css_248z$3);
204
+
205
+ 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}";
206
+ styleInject(css_248z$2);
207
+
208
+ 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}";
209
+ styleInject(css_248z$1);
210
+
211
+ 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}";
212
+ styleInject(css_248z);
213
+
214
+ const Fonts = () => (jsxRuntime.jsx(material.GlobalStyles, { styles: {
215
+ body: {
216
+ WebkitFontSmoothing: 'antialiased',
217
+ MozOsxFontSmoothing: 'grayscale',
218
+ },
219
+ html: {
220
+ fontFamily: "'Inter', system-ui, sans-serif",
221
+ },
222
+ } }));
223
+
224
+ const UILibraryThemeProvider = ({ children, primaryColor, secondaryColor, enableCssBaseline = true, }) => {
225
+ const themeConfig = {};
226
+ if (primaryColor) {
227
+ themeConfig.primaryColor = primaryColor;
228
+ }
229
+ if (secondaryColor) {
230
+ themeConfig.secondaryColor = secondaryColor;
231
+ }
232
+ const theme = createCustomTheme(themeConfig);
233
+ return (jsxRuntime.jsxs(styles.ThemeProvider, { theme: theme, children: [enableCssBaseline && jsxRuntime.jsx(material.CssBaseline, {}), jsxRuntime.jsx(Fonts, {}), children] }));
234
+ };
235
+
236
+ exports.UILibraryThemeProvider = UILibraryThemeProvider;
237
+ exports.createCustomTheme = createCustomTheme;
238
+ exports.designTokens = designTokens;
239
+ exports.theme = theme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zimyo/ui",
3
- "version": "1.1.8",
3
+ "version": "1.1.10",
4
4
  "description": "Zimyo UI library built on MUI Material",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",