@shohojdhara/atomix 0.6.4 → 0.6.6
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 +117 -38
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +1 -1
- 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 +30 -1
- package/dist/charts.js +625 -846
- package/dist/charts.js.map +1 -1
- package/dist/core.d.ts +30 -1
- package/dist/core.js +659 -873
- package/dist/core.js.map +1 -1
- package/dist/forms.d.ts +30 -1
- package/dist/forms.js +1171 -1402
- package/dist/forms.js.map +1 -1
- package/dist/heavy.d.ts +31 -89
- package/dist/heavy.js +975 -1195
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +383 -140
- package/dist/index.esm.js +1567 -1679
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1556 -1667
- 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/src/components/Accordion/Accordion.tsx +2 -5
- package/src/components/AtomixGlass/AtomixGlass.test.tsx +14 -16
- package/src/components/AtomixGlass/AtomixGlass.tsx +137 -364
- package/src/components/AtomixGlass/AtomixGlassContainer.tsx +32 -251
- package/src/components/AtomixGlass/GlassFilter.tsx +62 -68
- package/src/components/AtomixGlass/README.md +2 -1
- package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +19 -18
- package/src/components/AtomixGlass/glass-border-styles.test.ts +58 -0
- package/src/components/AtomixGlass/glass-border-styles.ts +136 -0
- package/src/components/AtomixGlass/glass-utils.ts +456 -22
- package/src/components/AtomixGlass/shader-utils.ts +19 -77
- package/src/components/AtomixGlass/stories/AnimationFeatures.stories.tsx +158 -537
- package/src/components/AtomixGlass/stories/Border.stories.tsx +149 -0
- package/src/components/AtomixGlass/stories/Examples.stories.tsx +229 -89
- package/src/components/AtomixGlass/stories/Playground.stories.tsx +29 -340
- package/src/components/AtomixGlass/stories/argTypes.ts +30 -13
- package/src/components/AtomixGlass/stories/premium-presets.ts +206 -0
- package/src/components/AtomixGlass/stories/shared-components.tsx +52 -8
- package/src/components/Badge/Badge.tsx +4 -4
- package/src/components/Button/Button.tsx +2 -6
- package/src/components/Callout/Callout.test.tsx +4 -3
- package/src/components/Callout/Callout.tsx +2 -5
- package/src/components/Dropdown/Dropdown.tsx +3 -7
- package/src/components/Form/Checkbox.tsx +2 -8
- package/src/components/Form/Input.tsx +2 -9
- package/src/components/Form/Radio.tsx +2 -9
- package/src/components/Form/Select.test.tsx +6 -6
- package/src/components/Form/Select.tsx +2 -7
- package/src/components/Form/Textarea.stories.tsx +5 -5
- package/src/components/Form/Textarea.tsx +2 -9
- package/src/components/Messages/Messages.tsx +2 -8
- package/src/components/Modal/Modal.tsx +4 -5
- package/src/components/Navigation/Nav/Nav.tsx +2 -6
- package/src/components/Navigation/Navbar/Navbar.tsx +2 -9
- package/src/components/Navigation/SideMenu/SideMenu.tsx +2 -6
- package/src/components/Pagination/Pagination.tsx +2 -10
- package/src/components/Popover/Popover.tsx +2 -9
- package/src/components/Progress/Progress.tsx +2 -7
- package/src/components/Rating/Rating.tsx +2 -10
- package/src/components/Spinner/Spinner.tsx +2 -7
- package/src/components/Steps/Steps.tsx +2 -10
- package/src/components/Tabs/Tabs.tsx +2 -9
- package/src/components/Toggle/Toggle.tsx +2 -10
- package/src/components/Tooltip/Tooltip.tsx +2 -5
- package/src/lib/composables/useAtomixGlass.ts +42 -143
- package/src/lib/composables/useAtomixGlassStyles.ts +61 -77
- package/src/lib/composables/usePerformanceMonitor.ts +5 -66
- package/src/lib/constants/components.ts +363 -46
- package/src/lib/types/components.ts +33 -1
- package/src/styles/01-settings/_settings.atomix-glass.scss +66 -28
- package/src/styles/02-tools/_tools.button.scss +51 -42
- package/src/styles/02-tools/_tools.glass.scss +45 -3
- package/src/styles/06-components/_components.atomix-glass.scss +116 -79
- package/src/components/AtomixGlass/PerformanceDashboard.tsx +0 -171
- package/src/components/AtomixGlass/animation-system.ts +0 -578
- package/src/components/AtomixGlass/deprecated/AtomixGlass.deprecated.tsx +0 -390
package/dist/charts.d.ts
CHANGED
|
@@ -152,6 +152,28 @@ interface OverLightObjectConfig {
|
|
|
152
152
|
* saturationBoost: 2.0
|
|
153
153
|
*/
|
|
154
154
|
saturationBoost?: number;
|
|
155
|
+
/**
|
|
156
|
+
* Rim opacity multiplier for animated border gradients (0.1 - 1.0)
|
|
157
|
+
*
|
|
158
|
+
* @default 0.7 when over-light is active, 0.35 otherwise
|
|
159
|
+
*/
|
|
160
|
+
borderOpacity?: number;
|
|
161
|
+
}
|
|
162
|
+
/**
|
|
163
|
+
* Liquid glass rim configuration (Apple-style hairline border).
|
|
164
|
+
*/
|
|
165
|
+
interface GlassBorderConfig {
|
|
166
|
+
/** Whether border layers render. @default true */
|
|
167
|
+
enabled?: boolean;
|
|
168
|
+
/** Rim width — maps to `--atomix-glass-border-width`. @default 0.5px */
|
|
169
|
+
width?: string | number;
|
|
170
|
+
/** Multiplier on rim gradient opacities. @default 1 */
|
|
171
|
+
opacity?: number;
|
|
172
|
+
/**
|
|
173
|
+
* When false, skips JS gradient vars so SCSS static fallbacks apply.
|
|
174
|
+
* @default true
|
|
175
|
+
*/
|
|
176
|
+
animated?: boolean;
|
|
155
177
|
}
|
|
156
178
|
/**
|
|
157
179
|
* AtomixGlass component props interface
|
|
@@ -167,7 +189,6 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
167
189
|
globalMousePosition?: MousePosition;
|
|
168
190
|
mouseOffset?: MousePosition;
|
|
169
191
|
mouseContainer?: React.RefObject<HTMLElement | null> | null;
|
|
170
|
-
padding?: string;
|
|
171
192
|
height?: string | number;
|
|
172
193
|
width?: string | number;
|
|
173
194
|
overLight?: OverLightConfig;
|
|
@@ -195,6 +216,14 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
195
216
|
highContrast?: boolean;
|
|
196
217
|
withoutEffects?: boolean;
|
|
197
218
|
withLiquidBlur?: boolean;
|
|
219
|
+
/**
|
|
220
|
+
* Liquid glass rim — boolean shorthand or structured config.
|
|
221
|
+
* Takes precedence over legacy `withBorder` when provided.
|
|
222
|
+
*/
|
|
223
|
+
border?: boolean | GlassBorderConfig;
|
|
224
|
+
/**
|
|
225
|
+
* @deprecated Use `border` instead. When `border` is omitted, defaults to this value.
|
|
226
|
+
*/
|
|
198
227
|
withBorder?: boolean;
|
|
199
228
|
withOverLightLayers?: boolean;
|
|
200
229
|
/**
|