@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/heavy.d.ts
CHANGED
|
@@ -156,20 +156,20 @@ interface OverLightObjectConfig {
|
|
|
156
156
|
/**
|
|
157
157
|
* AtomixGlass component props interface
|
|
158
158
|
*/
|
|
159
|
-
interface AtomixGlassProps {
|
|
159
|
+
interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
160
160
|
children?: React.ReactNode;
|
|
161
161
|
displacementScale?: number;
|
|
162
162
|
blurAmount?: number;
|
|
163
163
|
saturation?: number;
|
|
164
164
|
aberrationIntensity?: number;
|
|
165
165
|
elasticity?: number;
|
|
166
|
-
|
|
166
|
+
borderRadius?: number;
|
|
167
167
|
globalMousePosition?: MousePosition;
|
|
168
168
|
mouseOffset?: MousePosition;
|
|
169
169
|
mouseContainer?: React.RefObject<HTMLElement | null> | null;
|
|
170
|
-
className?: string;
|
|
171
170
|
padding?: string;
|
|
172
|
-
|
|
171
|
+
height?: string | number;
|
|
172
|
+
width?: string | number;
|
|
173
173
|
overLight?: OverLightConfig;
|
|
174
174
|
mode?: DisplacementMode;
|
|
175
175
|
onClick?: () => void;
|
|
@@ -177,30 +177,23 @@ interface AtomixGlassProps {
|
|
|
177
177
|
* Shader variant for shader mode
|
|
178
178
|
*/
|
|
179
179
|
shaderVariant?: 'liquidGlass' | 'premiumGlass' | 'appleFluid' | 'liquidMetal' | 'plasma' | 'waves' | 'noise';
|
|
180
|
-
/**
|
|
181
|
-
* Accessibility props
|
|
182
|
-
*/
|
|
183
|
-
'aria-label'?: string;
|
|
184
|
-
'aria-describedby'?: string;
|
|
185
|
-
role?: string;
|
|
186
|
-
tabIndex?: number;
|
|
187
180
|
/**
|
|
188
181
|
* Performance and accessibility options
|
|
189
182
|
*/
|
|
190
183
|
reducedMotion?: boolean;
|
|
191
184
|
highContrast?: boolean;
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
185
|
+
withoutEffects?: boolean;
|
|
186
|
+
withLiquidBlur?: boolean;
|
|
187
|
+
withBorder?: boolean;
|
|
188
|
+
withOverLightLayers?: boolean;
|
|
196
189
|
/**
|
|
197
190
|
* Performance monitoring
|
|
198
191
|
*/
|
|
199
|
-
|
|
192
|
+
debugPerformance?: boolean;
|
|
200
193
|
/**
|
|
201
|
-
* Debug mode for
|
|
194
|
+
* Debug mode for borderRadius extraction
|
|
202
195
|
*/
|
|
203
|
-
|
|
196
|
+
debugBorderRadius?: boolean;
|
|
204
197
|
/**
|
|
205
198
|
* Debug mode for overLight detection and configuration
|
|
206
199
|
*
|
|
@@ -357,7 +350,7 @@ interface VideoPlayerProps extends BaseComponentProps {
|
|
|
357
350
|
saturation?: number;
|
|
358
351
|
aberrationIntensity?: number;
|
|
359
352
|
elasticity?: number;
|
|
360
|
-
|
|
353
|
+
borderRadius?: number;
|
|
361
354
|
mode?: 'standard' | 'polar' | 'prominent' | 'shader';
|
|
362
355
|
overLight?: boolean;
|
|
363
356
|
};
|
|
@@ -493,7 +486,7 @@ interface PhotoViewerProps extends BaseComponentProps {
|
|
|
493
486
|
*
|
|
494
487
|
* @example
|
|
495
488
|
* // Manual border-radius override
|
|
496
|
-
* <AtomixGlass
|
|
489
|
+
* <AtomixGlass borderRadius={20}>
|
|
497
490
|
* <div>Content with 20px glass radius</div>
|
|
498
491
|
* </AtomixGlass>
|
|
499
492
|
*
|
|
@@ -535,7 +528,7 @@ interface PhotoViewerProps extends BaseComponentProps {
|
|
|
535
528
|
* <div>Content with debug logging enabled</div>
|
|
536
529
|
* </AtomixGlass>
|
|
537
530
|
*/
|
|
538
|
-
declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity,
|
|
531
|
+
declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance, debugBorderRadius, debugOverLight, height, width, ...rest }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
|
|
539
532
|
|
|
540
533
|
/**
|
|
541
534
|
* Advanced Video Player Component
|