@shohojdhara/atomix 0.4.1 → 0.4.2
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 +9341 -9249
- 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 +16 -23
- package/dist/core.js +418 -262
- 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 +408 -254
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +33 -40
- package/dist/index.esm.js +663 -453
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +667 -460
- 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 -76
- package/src/components/Breadcrumb/index.ts +2 -2
- package/src/components/Button/Button.stories.tsx +1 -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/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/EdgePanel/EdgePanel.stories.tsx +7 -7
- 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/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 +13 -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
|
*
|
|
@@ -1240,7 +1233,6 @@ interface BreadcrumbItemData {
|
|
|
1240
1233
|
*/
|
|
1241
1234
|
className?: string;
|
|
1242
1235
|
}
|
|
1243
|
-
|
|
1244
1236
|
interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
|
|
1245
1237
|
/**
|
|
1246
1238
|
* URL for the breadcrumb item
|
|
@@ -1257,11 +1249,11 @@ interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
|
|
|
1257
1249
|
/**
|
|
1258
1250
|
* Optional click handler for the link
|
|
1259
1251
|
*/
|
|
1260
|
-
onClick?: (event: React$1.MouseEvent<
|
|
1252
|
+
onClick?: (event: React$1.MouseEvent<any>) => void;
|
|
1261
1253
|
/**
|
|
1262
1254
|
* Optional custom link component
|
|
1263
1255
|
*/
|
|
1264
|
-
linkAs?: React$1.ElementType
|
|
1256
|
+
linkAs?: React$1.ElementType<any>;
|
|
1265
1257
|
/**
|
|
1266
1258
|
* Link props to pass to the underlying anchor or LinkComponent
|
|
1267
1259
|
*/
|
|
@@ -1298,10 +1290,11 @@ interface BreadcrumbProps {
|
|
|
1298
1290
|
*/
|
|
1299
1291
|
children?: ReactNode;
|
|
1300
1292
|
}
|
|
1301
|
-
|
|
1293
|
+
declare const BreadcrumbComponent: React$1.FC<BreadcrumbProps>;
|
|
1294
|
+
type BreadcrumbType = typeof BreadcrumbComponent & {
|
|
1302
1295
|
Item: typeof BreadcrumbItem;
|
|
1303
1296
|
};
|
|
1304
|
-
declare const Breadcrumb:
|
|
1297
|
+
declare const Breadcrumb: BreadcrumbType;
|
|
1305
1298
|
|
|
1306
1299
|
type ButtonAsProp = {
|
|
1307
1300
|
as?: ElementType;
|