@shohojdhara/atomix 0.4.1 → 0.4.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/dist/atomix.css +9351 -9259
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +4 -4
- package/dist/atomix.min.css.map +1 -1
- package/dist/charts.d.ts +12 -19
- package/dist/charts.js +555 -358
- package/dist/charts.js.map +1 -1
- package/dist/core.d.ts +21 -24
- package/dist/core.js +435 -265
- package/dist/core.js.map +1 -1
- package/dist/forms.d.ts +11 -18
- package/dist/forms.js +411 -257
- package/dist/forms.js.map +1 -1
- package/dist/heavy.d.ts +14 -21
- package/dist/heavy.js +409 -254
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +38 -41
- package/dist/index.esm.js +731 -487
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +733 -492
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/scripts/atomix-cli.js +34 -1
- package/src/components/AtomixGlass/AtomixGlass.tsx +82 -54
- package/src/components/AtomixGlass/AtomixGlassContainer.tsx +17 -18
- package/src/components/AtomixGlass/README.md +5 -5
- package/src/components/AtomixGlass/stories/Customization.stories.tsx +2 -2
- package/src/components/AtomixGlass/stories/Examples.stories.tsx +42 -42
- package/src/components/AtomixGlass/stories/Modes.stories.tsx +5 -5
- package/src/components/AtomixGlass/stories/Overview.stories.tsx +3 -3
- package/src/components/AtomixGlass/stories/Performance.stories.tsx +2 -2
- package/src/components/AtomixGlass/stories/Playground.stories.tsx +45 -45
- package/src/components/AtomixGlass/stories/Shaders.stories.tsx +3 -3
- package/src/components/Badge/Badge.stories.tsx +1 -1
- package/src/components/Badge/Badge.tsx +1 -1
- package/src/components/Breadcrumb/Breadcrumb.tsx +90 -77
- package/src/components/Breadcrumb/index.ts +2 -2
- package/src/components/Button/Button.stories.tsx +1 -1
- package/src/components/Button/Button.tsx +2 -1
- package/src/components/Button/README.md +2 -2
- package/src/components/Callout/Callout.test.tsx +3 -3
- package/src/components/Callout/Callout.tsx +2 -2
- package/src/components/Callout/README.md +2 -2
- package/src/components/Card/Card.tsx +31 -11
- package/src/components/Chart/Chart.stories.tsx +1 -1
- package/src/components/Chart/Chart.tsx +5 -5
- package/src/components/Chart/TreemapChart.tsx +37 -29
- package/src/components/DatePicker/readme.md +3 -3
- package/src/components/Dropdown/Dropdown.stories.tsx +1 -1
- package/src/components/Dropdown/Dropdown.tsx +276 -273
- package/src/components/EdgePanel/EdgePanel.stories.tsx +7 -7
- package/src/components/Footer/FooterLink.tsx +2 -2
- package/src/components/Form/Checkbox.stories.tsx +1 -1
- package/src/components/Form/Checkbox.tsx +1 -1
- package/src/components/Form/Input.stories.tsx +1 -1
- package/src/components/Form/Input.tsx +1 -1
- package/src/components/Form/Radio.stories.tsx +1 -1
- package/src/components/Form/Radio.tsx +1 -1
- package/src/components/Form/Select.stories.tsx +1 -1
- package/src/components/Form/Select.tsx +1 -1
- package/src/components/Form/Textarea.stories.tsx +1 -1
- package/src/components/Form/Textarea.tsx +1 -1
- package/src/components/Hero/Hero.stories.tsx +2 -2
- package/src/components/Hero/Hero.tsx +2 -2
- package/src/components/Messages/Messages.stories.tsx +1 -1
- package/src/components/Messages/Messages.tsx +2 -2
- package/src/components/Modal/Modal.stories.tsx +1 -1
- package/src/components/Navigation/Nav/Nav.stories.tsx +2 -2
- package/src/components/Navigation/Nav/Nav.tsx +1 -1
- package/src/components/Navigation/Nav/NavItem.tsx +6 -3
- package/src/components/Navigation/Navbar/Navbar.stories.tsx +3 -3
- package/src/components/Navigation/Navbar/Navbar.tsx +1 -1
- package/src/components/Navigation/SideMenu/SideMenu.stories.tsx +2 -2
- package/src/components/Navigation/SideMenu/SideMenu.tsx +1 -1
- package/src/components/Pagination/Pagination.stories.tsx +1 -1
- package/src/components/Pagination/Pagination.tsx +1 -1
- package/src/components/Popover/Popover.stories.tsx +1 -1
- package/src/components/Popover/Popover.tsx +1 -1
- package/src/components/Progress/Progress.tsx +1 -1
- package/src/components/Rating/Rating.stories.tsx +1 -1
- package/src/components/Rating/Rating.test.tsx +73 -0
- package/src/components/Rating/Rating.tsx +25 -37
- package/src/components/Spinner/Spinner.tsx +1 -1
- package/src/components/Steps/Steps.stories.tsx +1 -1
- package/src/components/Steps/Steps.tsx +2 -2
- package/src/components/Tabs/Tabs.stories.tsx +1 -1
- package/src/components/Tabs/Tabs.tsx +1 -1
- package/src/components/Todo/Todo.tsx +0 -1
- package/src/components/Toggle/Toggle.stories.tsx +1 -1
- package/src/components/Toggle/Toggle.tsx +1 -1
- package/src/components/Tooltip/Tooltip.stories.tsx +1 -1
- package/src/components/VideoPlayer/VideoPlayer.stories.tsx +2 -2
- package/src/lib/composables/__tests__/useAtomixGlassPerf.test.tsx +88 -0
- package/src/lib/composables/__tests__/useChart.test.ts +50 -0
- package/src/lib/composables/__tests__/useChart.test.tsx +139 -0
- package/src/lib/composables/__tests__/useHeroBackgroundSlider.test.tsx +59 -0
- package/src/lib/composables/__tests__/useSliderAutoplay.test.tsx +68 -0
- package/src/lib/composables/atomix-glass/useGlassBackgroundDetection.ts +329 -0
- package/src/lib/composables/atomix-glass/useGlassCornerRadius.ts +82 -0
- package/src/lib/composables/atomix-glass/useGlassMouseTracking.ts +153 -0
- package/src/lib/composables/atomix-glass/useGlassOverLight.ts +198 -0
- package/src/lib/composables/atomix-glass/useGlassSize.ts +117 -0
- package/src/lib/composables/atomix-glass/useGlassState.ts +112 -0
- package/src/lib/composables/atomix-glass/useGlassTransforms.ts +160 -0
- package/src/lib/composables/glass-styles.ts +302 -0
- package/src/lib/composables/index.ts +0 -4
- package/src/lib/composables/useAtomixGlass.ts +331 -522
- package/src/lib/composables/useAtomixGlassStyles.ts +307 -0
- package/src/lib/composables/useBarChart.ts +1 -1
- package/src/lib/composables/useBreadcrumb.ts +6 -6
- package/src/lib/composables/useChart.ts +104 -21
- package/src/lib/composables/useHeroBackgroundSlider.ts +16 -7
- package/src/lib/composables/useSlider.ts +66 -34
- package/src/lib/theme/devtools/CLI.ts +1 -1
- package/src/lib/theme/utils/__tests__/themeUtils.test.ts +213 -0
- package/src/lib/types/components.ts +18 -21
- package/src/lib/utils/__tests__/dom.test.ts +100 -0
- package/src/lib/utils/__tests__/fontPreloader.test.ts +102 -0
- package/src/styles/02-tools/_tools.breakpoints.scss +1 -1
- package/src/styles/02-tools/_tools.utility-api.scss +6 -6
- package/src/styles/06-components/_components.accordion.scss +0 -2
- package/src/styles/06-components/_components.chart.scss +0 -1
- package/src/styles/06-components/_components.dropdown.scss +0 -1
- package/src/styles/06-components/_components.edge-panel.scss +0 -2
- package/src/styles/06-components/_components.photoviewer.scss +0 -1
- package/src/styles/06-components/_components.river.scss +0 -1
- package/src/styles/06-components/_components.slider.scss +0 -3
- package/src/styles/99-utilities/_utilities.glass-fixes.scss +0 -1
- package/src/styles/99-utilities/_utilities.text.scss +1 -0
package/dist/core.d.ts
CHANGED
|
@@ -383,20 +383,20 @@ interface OverLightObjectConfig {
|
|
|
383
383
|
/**
|
|
384
384
|
* AtomixGlass component props interface
|
|
385
385
|
*/
|
|
386
|
-
interface AtomixGlassProps {
|
|
386
|
+
interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
387
387
|
children?: React.ReactNode;
|
|
388
388
|
displacementScale?: number;
|
|
389
389
|
blurAmount?: number;
|
|
390
390
|
saturation?: number;
|
|
391
391
|
aberrationIntensity?: number;
|
|
392
392
|
elasticity?: number;
|
|
393
|
-
|
|
393
|
+
borderRadius?: number;
|
|
394
394
|
globalMousePosition?: MousePosition;
|
|
395
395
|
mouseOffset?: MousePosition;
|
|
396
396
|
mouseContainer?: React.RefObject<HTMLElement | null> | null;
|
|
397
|
-
className?: string;
|
|
398
397
|
padding?: string;
|
|
399
|
-
|
|
398
|
+
height?: string | number;
|
|
399
|
+
width?: string | number;
|
|
400
400
|
overLight?: OverLightConfig;
|
|
401
401
|
mode?: DisplacementMode;
|
|
402
402
|
onClick?: () => void;
|
|
@@ -404,30 +404,23 @@ interface AtomixGlassProps {
|
|
|
404
404
|
* Shader variant for shader mode
|
|
405
405
|
*/
|
|
406
406
|
shaderVariant?: 'liquidGlass' | 'premiumGlass' | 'appleFluid' | 'liquidMetal' | 'plasma' | 'waves' | 'noise';
|
|
407
|
-
/**
|
|
408
|
-
* Accessibility props
|
|
409
|
-
*/
|
|
410
|
-
'aria-label'?: string;
|
|
411
|
-
'aria-describedby'?: string;
|
|
412
|
-
role?: string;
|
|
413
|
-
tabIndex?: number;
|
|
414
407
|
/**
|
|
415
408
|
* Performance and accessibility options
|
|
416
409
|
*/
|
|
417
410
|
reducedMotion?: boolean;
|
|
418
411
|
highContrast?: boolean;
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
412
|
+
withoutEffects?: boolean;
|
|
413
|
+
withLiquidBlur?: boolean;
|
|
414
|
+
withBorder?: boolean;
|
|
415
|
+
withOverLightLayers?: boolean;
|
|
423
416
|
/**
|
|
424
417
|
* Performance monitoring
|
|
425
418
|
*/
|
|
426
|
-
|
|
419
|
+
debugPerformance?: boolean;
|
|
427
420
|
/**
|
|
428
|
-
* Debug mode for
|
|
421
|
+
* Debug mode for borderRadius extraction
|
|
429
422
|
*/
|
|
430
|
-
|
|
423
|
+
debugBorderRadius?: boolean;
|
|
431
424
|
/**
|
|
432
425
|
* Debug mode for overLight detection and configuration
|
|
433
426
|
*
|
|
@@ -993,6 +986,10 @@ interface CardProps extends BaseComponentProps {
|
|
|
993
986
|
* Card className
|
|
994
987
|
*/
|
|
995
988
|
className?: string;
|
|
989
|
+
/**
|
|
990
|
+
* Optional custom link component (e.g., Next.js Link, React Router Link)
|
|
991
|
+
*/
|
|
992
|
+
LinkComponent?: React.ElementType;
|
|
996
993
|
/**
|
|
997
994
|
* Optional click handler
|
|
998
995
|
*/
|
|
@@ -1240,7 +1237,6 @@ interface BreadcrumbItemData {
|
|
|
1240
1237
|
*/
|
|
1241
1238
|
className?: string;
|
|
1242
1239
|
}
|
|
1243
|
-
|
|
1244
1240
|
interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
|
|
1245
1241
|
/**
|
|
1246
1242
|
* URL for the breadcrumb item
|
|
@@ -1257,11 +1253,11 @@ interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
|
|
|
1257
1253
|
/**
|
|
1258
1254
|
* Optional click handler for the link
|
|
1259
1255
|
*/
|
|
1260
|
-
onClick?: (event: React$1.MouseEvent<
|
|
1256
|
+
onClick?: (event: React$1.MouseEvent<any>) => void;
|
|
1261
1257
|
/**
|
|
1262
1258
|
* Optional custom link component
|
|
1263
1259
|
*/
|
|
1264
|
-
linkAs?: React$1.ElementType
|
|
1260
|
+
linkAs?: React$1.ElementType<any>;
|
|
1265
1261
|
/**
|
|
1266
1262
|
* Link props to pass to the underlying anchor or LinkComponent
|
|
1267
1263
|
*/
|
|
@@ -1298,16 +1294,17 @@ interface BreadcrumbProps {
|
|
|
1298
1294
|
*/
|
|
1299
1295
|
children?: ReactNode;
|
|
1300
1296
|
}
|
|
1301
|
-
|
|
1297
|
+
declare const BreadcrumbComponent: React$1.FC<BreadcrumbProps>;
|
|
1298
|
+
type BreadcrumbType = typeof BreadcrumbComponent & {
|
|
1302
1299
|
Item: typeof BreadcrumbItem;
|
|
1303
1300
|
};
|
|
1304
|
-
declare const Breadcrumb:
|
|
1301
|
+
declare const Breadcrumb: BreadcrumbType;
|
|
1305
1302
|
|
|
1306
1303
|
type ButtonAsProp = {
|
|
1307
1304
|
as?: ElementType;
|
|
1308
1305
|
to?: string;
|
|
1309
1306
|
href?: string;
|
|
1310
|
-
LinkComponent?: React$1.
|
|
1307
|
+
LinkComponent?: React$1.ElementType;
|
|
1311
1308
|
[key: string]: any;
|
|
1312
1309
|
};
|
|
1313
1310
|
declare const Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
|