@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.
- package/README.md +510 -106
- package/dist/atomix.css +30 -24
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +6 -6
- package/dist/atomix.min.css.map +1 -1
- package/dist/atomix.umd.js +1 -1
- package/dist/atomix.umd.js.map +1 -1
- package/dist/atomix.umd.min.js +1 -1
- package/dist/charts.d.ts +11 -2
- package/dist/charts.js +294 -139
- package/dist/charts.js.map +1 -1
- package/dist/core.d.ts +14 -39
- package/dist/core.js +297 -145
- package/dist/core.js.map +1 -1
- package/dist/forms.d.ts +11 -1
- package/dist/forms.js +385 -185
- package/dist/forms.js.map +1 -1
- package/dist/heavy.d.ts +9 -0
- package/dist/heavy.js +297 -143
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +156 -164
- package/dist/index.esm.js +391 -203
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +391 -203
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/theme.d.ts +14 -6
- package/dist/theme.js +2 -9
- package/dist/theme.js.map +1 -1
- package/package.json +26 -26
- package/src/components/AtomixGlass/AtomixGlass.tsx +1 -1
- package/src/components/AtomixGlass/AtomixGlassContainer.tsx +8 -1
- package/src/components/AtomixGlass/deprecated/AtomixGlass.deprecated.tsx +390 -0
- package/src/components/AtomixGlass/glass-utils.ts +29 -0
- package/src/components/AtomixGlass/stories/Playground.stories.tsx +32 -1
- package/src/components/Button/Button.stories.tsx +1 -1
- package/src/components/Button/Button.tsx +6 -5
- package/src/components/Card/Card.tsx +2 -2
- package/src/components/Dropdown/Dropdown.tsx +1 -0
- package/src/components/EdgePanel/EdgePanel.tsx +1 -3
- package/src/components/Form/Select.test.tsx +75 -0
- package/src/components/Form/Select.tsx +348 -252
- package/src/components/Form/SelectOption.tsx +16 -10
- package/src/components/index.ts +1 -1
- package/src/layouts/CssGrid/index.ts +1 -0
- package/src/lib/composables/shared-mouse-tracker.ts +62 -6
- package/src/lib/composables/useAtomixGlass.ts +241 -139
- package/src/lib/composables/useAtomixGlassStyles.ts +201 -149
- package/src/lib/constants/components.ts +54 -35
- package/src/lib/theme/config/configLoader.ts +1 -1
- package/src/lib/theme/test/testTheme.ts +2 -2
- package/src/lib/theme/utils/themeUtils.ts +98 -110
- package/src/lib/types/components.ts +29 -65
- package/src/styles/01-settings/_settings.spacing.scss +6 -1
- package/src/styles/03-generic/_generic.reset.scss +1 -1
- package/src/styles/06-components/_components.atomix-glass.scss +20 -29
- package/src/styles/06-components/_components.data-table.scss +5 -4
- package/src/styles/06-components/_components.dynamic-background.scss +9 -8
- package/src/styles/06-components/_components.footer.scss +8 -7
- package/src/styles/06-components/_components.hero.scss +2 -2
- package/src/styles/06-components/_components.messages.scss +16 -16
- package/src/styles/06-components/_components.navbar.scss +2 -0
- package/src/styles/06-components/_components.select.scss +15 -2
- package/src/styles/06-components/_components.upload.scss +3 -3
- package/CHANGELOG.md +0 -165
- 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
|
|
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' | '
|
|
902
|
+
'aria-live'?: 'off' | 'assertive' | 'polite';
|
|
928
903
|
/**
|
|
929
|
-
* ARIA
|
|
904
|
+
* ARIA description
|
|
930
905
|
*/
|
|
931
906
|
'aria-describe'?: string;
|
|
932
907
|
/**
|