@shohojdhara/atomix 0.5.2 → 0.5.5

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 (61) hide show
  1. package/atomix.config.ts +33 -33
  2. package/dist/atomix.css +3213 -159
  3. package/dist/atomix.css.map +1 -1
  4. package/dist/atomix.min.css +5 -5
  5. package/dist/atomix.min.css.map +1 -1
  6. package/dist/config.d.ts +187 -112
  7. package/dist/config.js +2 -47
  8. package/dist/config.js.map +1 -1
  9. package/dist/index.d.ts +1958 -900
  10. package/dist/index.esm.js +2279 -382
  11. package/dist/index.esm.js.map +1 -1
  12. package/dist/index.js +2332 -413
  13. package/dist/index.js.map +1 -1
  14. package/dist/index.min.js +1 -1
  15. package/dist/index.min.js.map +1 -1
  16. package/dist/theme.d.ts +1390 -276
  17. package/dist/theme.js +2125 -621
  18. package/dist/theme.js.map +1 -1
  19. package/package.json +1 -1
  20. package/scripts/cli/internal/config-loader.js +30 -20
  21. package/src/lib/config/index.ts +38 -362
  22. package/src/lib/config/loader.ts +422 -0
  23. package/src/lib/config/public-api.ts +43 -0
  24. package/src/lib/config/types.ts +389 -0
  25. package/src/lib/config/validator.ts +305 -0
  26. package/src/lib/theme/adapters/index.ts +1 -1
  27. package/src/lib/theme/adapters/themeAdapter.ts +358 -229
  28. package/src/lib/theme/components/ThemeToggle.tsx +276 -0
  29. package/src/lib/theme/config/configLoader.ts +351 -0
  30. package/src/lib/theme/config/loader.ts +221 -0
  31. package/src/lib/theme/core/createTheme.ts +126 -50
  32. package/src/lib/theme/core/createThemeObject.ts +7 -4
  33. package/src/lib/theme/hooks/useThemeSwitcher.ts +164 -0
  34. package/src/lib/theme/index.ts +322 -38
  35. package/src/lib/theme/runtime/ThemeProvider.tsx +44 -10
  36. package/src/lib/theme/runtime/__tests__/ThemeProvider.test.tsx +44 -393
  37. package/src/lib/theme/runtime/useTheme.ts +1 -0
  38. package/src/lib/theme/tokens/tokens.ts +101 -1
  39. package/src/lib/theme/types.ts +91 -0
  40. package/src/lib/theme/utils/performanceMonitor.ts +315 -0
  41. package/src/lib/theme/utils/responsive.ts +280 -0
  42. package/src/lib/theme/utils/themeUtils.ts +531 -117
  43. package/src/styles/01-settings/_settings.background.scss +34 -5
  44. package/src/styles/02-tools/_tools.background.scss +330 -52
  45. package/src/styles/05-objects/_objects.masonry-grid.scss +3 -3
  46. package/src/styles/06-components/_components.accordion.scss +2 -2
  47. package/src/styles/06-components/_components.badge.scss +1 -1
  48. package/src/styles/06-components/_components.button.scss +2 -2
  49. package/src/styles/06-components/_components.callout.scss +2 -2
  50. package/src/styles/06-components/_components.card.scss +1 -1
  51. package/src/styles/06-components/_components.dropdown.scss +1 -1
  52. package/src/styles/06-components/_components.dynamic-background.scss +69 -0
  53. package/src/styles/06-components/_components.edge-panel.scss +2 -2
  54. package/src/styles/06-components/_components.input.scss +3 -3
  55. package/src/styles/06-components/_components.messages.scss +6 -6
  56. package/src/styles/06-components/_components.modal.scss +1 -1
  57. package/src/styles/06-components/_components.navbar.scss +1 -1
  58. package/src/styles/06-components/_components.popover.scss +1 -1
  59. package/src/styles/06-components/_components.toggle.scss +1 -1
  60. package/src/styles/06-components/_components.tooltip.scss +3 -3
  61. package/src/styles/06-components/_index.scss +1 -0
package/atomix.config.ts CHANGED
@@ -39,7 +39,7 @@
39
39
 
40
40
  // For library development, use local import
41
41
  // For external developers, use: import { defineConfig } from '@shohojdhara/atomix/config';
42
- import { defineConfig } from './src/lib/config/index.ts';
42
+ import { defineConfig } from './src/lib/config';
43
43
 
44
44
  export default defineConfig({
45
45
  /**
@@ -162,11 +162,11 @@ export default defineConfig({
162
162
  // 3: '#bfdbfe',
163
163
  // 4: '#93c5fd',
164
164
  // 5: '#60a5fa',
165
- // 6: '#3b82f6', // main (default)
165
+ // 6: '#3b82f6', # main (default)
166
166
  // 7: '#2563eb',
167
167
  // 8: '#1d4ed8',
168
168
  // 9: '#1e40af',
169
- // 10: '#1e3a8a', // darkest
169
+ // 10: '#1e3a8a', # darkest
170
170
  },
171
171
  // Customize other semantic colors
172
172
  // secondary: { main: '#10b981' },
@@ -183,17 +183,17 @@ export default defineConfig({
183
183
  * These map to tokens like 'spacing-4', 'spacing-8', etc.
184
184
  */
185
185
  // spacing: {
186
- // '1': '0.25rem', // 4px
187
- // '2': '0.5rem', // 8px
188
- // '3': '0.75rem', // 12px
189
- // '4': '1rem', // 16px
190
- // '5': '1.25rem', // 20px
191
- // '6': '1.5rem', // 24px
192
- // '8': '2rem', // 32px
193
- // '10': '2.5rem', // 40px
194
- // '12': '3rem', // 48px
195
- // '16': '4rem', // 64px
196
- // '20': '5rem', // 80px
186
+ // '1': '0.25rem', # 4px
187
+ // '2': '0.5rem', # 8px
188
+ // '3': '0.75rem', # 12px
189
+ // '4': '1rem', # 16px
190
+ // '5': '1.25rem', # 20px
191
+ // '6': '1.5rem', # 24px
192
+ // '8': '2rem', # 32px
193
+ // '10': '2.5rem', # 40px
194
+ // '12': '3rem', # 48px
195
+ // '16': '4rem', # 64px
196
+ // '20': '5rem', # 80px
197
197
  // },
198
198
 
199
199
  /**
@@ -202,24 +202,24 @@ export default defineConfig({
202
202
  * Customize fonts, sizes, weights, and line heights.
203
203
  */
204
204
  // typography: {
205
- // // Font families
205
+ // # Font families
206
206
  // fontFamilies: {
207
207
  // sans: ['Inter', 'system-ui', 'sans-serif'],
208
208
  // serif: ['Georgia', 'serif'],
209
209
  // mono: ['Fira Code', 'monospace'],
210
210
  // },
211
- // // Font sizes
211
+ // # Font sizes
212
212
  // fontSizes: {
213
- // 'xs': '0.75rem', // 12px
214
- // 'sm': '0.875rem', // 14px
215
- // 'base': '1rem', // 16px
216
- // 'lg': '1.125rem', // 18px
217
- // 'xl': '1.25rem', // 20px
218
- // '2xl': '1.5rem', // 24px
219
- // '3xl': '1.875rem', // 30px
220
- // '4xl': '2.25rem', // 36px
213
+ // 'xs': '0.75rem', # 12px
214
+ // 'sm': '0.875rem', # 14px
215
+ // 'base': '1rem', # 16px
216
+ // 'lg': '1.125rem', # 18px
217
+ // 'xl': '1.25rem', # 20px
218
+ // '2xl': '1.5rem', # 24px
219
+ // '3xl': '1.875rem', # 30px
220
+ // '4xl': '2.25rem', # 36px
221
221
  // },
222
- // // Font weights
222
+ // # Font weights
223
223
  // fontWeights: {
224
224
  // 'light': 300,
225
225
  // 'normal': 400,
@@ -227,7 +227,7 @@ export default defineConfig({
227
227
  // 'semibold': 600,
228
228
  // 'bold': 700,
229
229
  // },
230
- // // Line heights
230
+ // # Line heights
231
231
  // lineHeights: {
232
232
  // 'tight': 1.2,
233
233
  // 'normal': 1.5,
@@ -241,11 +241,11 @@ export default defineConfig({
241
241
  * Customize border radius values.
242
242
  */
243
243
  // borderRadius: {
244
- // 'sm': '0.25rem', // 4px
245
- // 'md': '0.5rem', // 8px (default)
246
- // 'lg': '0.75rem', // 12px
247
- // 'xl': '1rem', // 16px
248
- // 'full': '9999px', // Fully rounded
244
+ // 'sm': '0.25rem', # 4px
245
+ // 'md': '0.5rem', # 8px (default)
246
+ // 'lg': '0.75rem', # 12px
247
+ // 'xl': '1rem', # 16px
248
+ // 'full': '9999px', # Fully rounded
249
249
  // },
250
250
 
251
251
  /**
@@ -304,7 +304,7 @@ export default defineConfig({
304
304
  // tokens: {
305
305
  // colors: { /* your full color system */ },
306
306
  // spacing: { /* your full spacing scale */ },
307
- // // ... other token categories
307
+ // # ... other token categories
308
308
  // },
309
309
  },
310
- });
310
+ });