@shohojdhara/atomix 0.6.1 → 0.6.3

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 (67) hide show
  1. package/README.md +510 -106
  2. package/dist/atomix.css +30 -24
  3. package/dist/atomix.css.map +1 -1
  4. package/dist/atomix.min.css +6 -6
  5. package/dist/atomix.min.css.map +1 -1
  6. package/dist/atomix.umd.js +1 -1
  7. package/dist/atomix.umd.js.map +1 -1
  8. package/dist/atomix.umd.min.js +1 -1
  9. package/dist/charts.d.ts +11 -2
  10. package/dist/charts.js +294 -139
  11. package/dist/charts.js.map +1 -1
  12. package/dist/core.d.ts +14 -39
  13. package/dist/core.js +297 -145
  14. package/dist/core.js.map +1 -1
  15. package/dist/forms.d.ts +11 -1
  16. package/dist/forms.js +385 -185
  17. package/dist/forms.js.map +1 -1
  18. package/dist/heavy.d.ts +9 -0
  19. package/dist/heavy.js +297 -143
  20. package/dist/heavy.js.map +1 -1
  21. package/dist/index.d.ts +156 -164
  22. package/dist/index.esm.js +391 -203
  23. package/dist/index.esm.js.map +1 -1
  24. package/dist/index.js +391 -203
  25. package/dist/index.js.map +1 -1
  26. package/dist/index.min.js +1 -1
  27. package/dist/index.min.js.map +1 -1
  28. package/dist/theme.d.ts +14 -6
  29. package/dist/theme.js +2 -9
  30. package/dist/theme.js.map +1 -1
  31. package/package.json +26 -26
  32. package/src/components/AtomixGlass/AtomixGlass.tsx +1 -1
  33. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +8 -1
  34. package/src/components/AtomixGlass/deprecated/AtomixGlass.deprecated.tsx +390 -0
  35. package/src/components/AtomixGlass/glass-utils.ts +29 -0
  36. package/src/components/AtomixGlass/stories/Playground.stories.tsx +32 -1
  37. package/src/components/Button/Button.stories.tsx +1 -1
  38. package/src/components/Button/Button.tsx +6 -5
  39. package/src/components/Card/Card.tsx +2 -2
  40. package/src/components/Dropdown/Dropdown.tsx +1 -0
  41. package/src/components/EdgePanel/EdgePanel.tsx +1 -3
  42. package/src/components/Form/Select.test.tsx +75 -0
  43. package/src/components/Form/Select.tsx +348 -252
  44. package/src/components/Form/SelectOption.tsx +16 -10
  45. package/src/components/index.ts +1 -1
  46. package/src/layouts/CssGrid/index.ts +1 -0
  47. package/src/lib/composables/shared-mouse-tracker.ts +62 -6
  48. package/src/lib/composables/useAtomixGlass.ts +241 -139
  49. package/src/lib/composables/useAtomixGlassStyles.ts +201 -149
  50. package/src/lib/constants/components.ts +54 -35
  51. package/src/lib/theme/config/configLoader.ts +1 -1
  52. package/src/lib/theme/test/testTheme.ts +2 -2
  53. package/src/lib/theme/utils/themeUtils.ts +98 -110
  54. package/src/lib/types/components.ts +29 -65
  55. package/src/styles/01-settings/_settings.spacing.scss +6 -1
  56. package/src/styles/03-generic/_generic.reset.scss +1 -1
  57. package/src/styles/06-components/_components.atomix-glass.scss +20 -29
  58. package/src/styles/06-components/_components.data-table.scss +5 -4
  59. package/src/styles/06-components/_components.dynamic-background.scss +9 -8
  60. package/src/styles/06-components/_components.footer.scss +8 -7
  61. package/src/styles/06-components/_components.hero.scss +2 -2
  62. package/src/styles/06-components/_components.messages.scss +16 -16
  63. package/src/styles/06-components/_components.navbar.scss +2 -0
  64. package/src/styles/06-components/_components.select.scss +15 -2
  65. package/src/styles/06-components/_components.upload.scss +3 -3
  66. package/CHANGELOG.md +0 -165
  67. package/src/lib/theme/devtools/DesignTokensCustomizer.stories.tsx +0 -215
package/dist/core.d.ts CHANGED
@@ -473,6 +473,15 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
473
473
  * @default false
474
474
  */
475
475
  disableResponsiveBreakpoints?: boolean;
476
+ /**
477
+ * Priority level for rendering and performance scheduling
478
+ *
479
+ * Controls the rendering priority of the glass effect, allowing for performance
480
+ * optimization in complex scenes. Higher priority elements are rendered first.
481
+ *
482
+ * @default undefined
483
+ */
484
+ priority?: number;
476
485
  }
477
486
  /**
478
487
  * Common component size options
@@ -481,11 +490,11 @@ type Size = 'sm' | 'md' | 'lg';
481
490
  /**
482
491
  * Theme color variants
483
492
  */
484
- type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'invert' | 'brand' | 'error' | 'success' | 'warning' | 'info' | 'light' | 'dark';
493
+ type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'invert' | 'brand' | 'error' | 'danger' | 'success' | 'warning' | 'info' | 'light' | 'dark';
485
494
  /**
486
495
  * Component variant including theme colors and outline variants
487
496
  */
488
- type Variant = ThemeColor | `outline-${ThemeColor}` | 'link';
497
+ type Variant = ThemeColor | `outline-${ThemeColor}` | 'link' | 'ghost';
489
498
  /**
490
499
  * Base component properties interface
491
500
  */
@@ -887,46 +896,12 @@ interface SpinnerProps extends BaseComponentProps {
887
896
  */
888
897
  'aria-label'?: string;
889
898
  /**
890
- * ARIA role for the spinner
891
- * @default 'status'
892
- */
893
- role?: 'status' | 'alert';
894
- /**
895
- * Glass morphism effect for the spinner
896
- * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
897
- */
898
- glass?: AtomixGlassProps | boolean;
899
- }
900
- /**
901
- * Spinner component properties
902
- */
903
- interface SpinnerProps extends BaseComponentProps {
904
- /**
905
- * Spinner color variant
906
- * @default 'primary'
907
- */
908
- variant?: ThemeColor;
909
- /**
910
- * Spinner size
911
- * @default 'md'
912
- */
913
- size?: Size;
914
- /**
915
- * Whether the spinner should be displayed fullscreen
916
- */
917
- fullscreen?: boolean;
918
- /**
919
- * Accessible label for screen readers
920
- * @default 'Loading'
921
- */
922
- 'aria-label'?: string;
923
- /**
924
- * ARIA live property to control how updates are announced
899
+ * ARIA live region setting
925
900
  * @default 'polite'
926
901
  */
927
- 'aria-live'?: 'off' | 'polite' | 'assertive';
902
+ 'aria-live'?: 'off' | 'assertive' | 'polite';
928
903
  /**
929
- * ARIA descriptor property for additional description
904
+ * ARIA description
930
905
  */
931
906
  'aria-describe'?: string;
932
907
  /**