@shohojdhara/atomix 0.5.9 → 0.6.0
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 +2 -60
- 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/index.d.ts +2 -2
- package/dist/index.esm.js +42 -42
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +63 -64
- 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/lib/index.ts +49 -3
- package/src/styles/05-objects/_objects.masonry-grid.scss +26 -80
package/dist/index.js
CHANGED
|
@@ -3731,45 +3731,9 @@ function usePerformanceMonitor$1(config = {}) {
|
|
|
3731
3731
|
*
|
|
3732
3732
|
* Shows real-time performance metrics on screen.
|
|
3733
3733
|
* Only rendered when showOverlay is enabled.
|
|
3734
|
-
*/
|
|
3735
|
-
|
|
3736
|
-
|
|
3737
|
-
}
|
|
3738
|
-
|
|
3739
|
-
/**
|
|
3740
|
-
* Utility to get quality multipliers for glass parameters
|
|
3741
|
-
*/ function getQualityMultipliers(quality) {
|
|
3742
|
-
switch (quality) {
|
|
3743
|
-
case "low":
|
|
3744
|
-
return {
|
|
3745
|
-
distortionOctaves: 2,
|
|
3746
|
-
displacementScale: .6,
|
|
3747
|
-
blurAmount: .7,
|
|
3748
|
-
animationSpeed: .8,
|
|
3749
|
-
chromaticIntensity: .5
|
|
3750
|
-
};
|
|
3751
|
-
|
|
3752
|
-
case "medium":
|
|
3753
|
-
return {
|
|
3754
|
-
distortionOctaves: 4,
|
|
3755
|
-
displacementScale: .85,
|
|
3756
|
-
blurAmount: .9,
|
|
3757
|
-
animationSpeed: .95,
|
|
3758
|
-
chromaticIntensity: .75
|
|
3759
|
-
};
|
|
3760
|
-
|
|
3761
|
-
case "high":
|
|
3762
|
-
return {
|
|
3763
|
-
distortionOctaves: 5,
|
|
3764
|
-
displacementScale: 1,
|
|
3765
|
-
blurAmount: 1,
|
|
3766
|
-
animationSpeed: 1,
|
|
3767
|
-
chromaticIntensity: 1
|
|
3768
|
-
};
|
|
3769
|
-
}
|
|
3770
|
-
}
|
|
3771
|
-
|
|
3772
|
-
/** Map an FPS value to a semantic color token string. */ const getQualityColor = quality => {
|
|
3734
|
+
*/
|
|
3735
|
+
/** Map an FPS value to a semantic color token string. */
|
|
3736
|
+
const getQualityColor = quality => {
|
|
3773
3737
|
switch (quality) {
|
|
3774
3738
|
case "high":
|
|
3775
3739
|
return "var(--atomix-color-success, #4ade80)";
|
|
@@ -13550,13 +13514,48 @@ var composablesImport = Object.freeze({
|
|
|
13550
13514
|
DeviceDetector: DeviceDetector,
|
|
13551
13515
|
MOBILE_OPTIMIZED_BREAKPOINTS: MOBILE_OPTIMIZED_BREAKPOINTS,
|
|
13552
13516
|
PERFORMANCE_PRESET: PERFORMANCE_PRESET,
|
|
13553
|
-
PerformanceOverlay:
|
|
13517
|
+
PerformanceOverlay: function({metrics: metrics}) {
|
|
13518
|
+
return null;
|
|
13519
|
+
// Performance overlay removed - will be implemented as separate component
|
|
13520
|
+
}
|
|
13521
|
+
/**
|
|
13522
|
+
* Utility to get quality multipliers for glass parameters
|
|
13523
|
+
*/ ,
|
|
13554
13524
|
QUALITY_PRESET: QUALITY_PRESET,
|
|
13555
13525
|
createBreakpoints: createBreakpoints$1,
|
|
13556
13526
|
getDefaultBreakpoints: getDefaultBreakpoints,
|
|
13557
13527
|
getDevicePreset: getDevicePreset,
|
|
13558
13528
|
getMobileOptimizedParams: getMobileOptimizedParams,
|
|
13559
|
-
getQualityMultipliers:
|
|
13529
|
+
getQualityMultipliers: function(quality) {
|
|
13530
|
+
switch (quality) {
|
|
13531
|
+
case "low":
|
|
13532
|
+
return {
|
|
13533
|
+
distortionOctaves: 2,
|
|
13534
|
+
displacementScale: .6,
|
|
13535
|
+
blurAmount: .7,
|
|
13536
|
+
animationSpeed: .8,
|
|
13537
|
+
chromaticIntensity: .5
|
|
13538
|
+
};
|
|
13539
|
+
|
|
13540
|
+
case "medium":
|
|
13541
|
+
return {
|
|
13542
|
+
distortionOctaves: 4,
|
|
13543
|
+
displacementScale: .85,
|
|
13544
|
+
blurAmount: .9,
|
|
13545
|
+
animationSpeed: .95,
|
|
13546
|
+
chromaticIntensity: .75
|
|
13547
|
+
};
|
|
13548
|
+
|
|
13549
|
+
case "high":
|
|
13550
|
+
return {
|
|
13551
|
+
distortionOctaves: 5,
|
|
13552
|
+
displacementScale: 1,
|
|
13553
|
+
blurAmount: 1,
|
|
13554
|
+
animationSpeed: 1,
|
|
13555
|
+
chromaticIntensity: 1
|
|
13556
|
+
};
|
|
13557
|
+
}
|
|
13558
|
+
},
|
|
13560
13559
|
useAccordion: useAccordion,
|
|
13561
13560
|
useAtomixGlass: useAtomixGlass,
|
|
13562
13561
|
useBadge: useBadge,
|
|
@@ -28167,22 +28166,22 @@ exports.NAV = NAV, exports.NAVBAR = NAVBAR, exports.Nav = Nav, exports.NavDropdo
|
|
|
28167
28166
|
exports.NavItem = NavItem, exports.Navbar = Navbar, exports.PAGINATION_DEFAULTS = PAGINATION_DEFAULTS,
|
|
28168
28167
|
exports.PERFORMANCE_PRESET = PERFORMANCE_PRESET, exports.PHOTOVIEWER = PHOTOVIEWER,
|
|
28169
28168
|
exports.POPOVER = POPOVER, exports.PROGRESS = PROGRESS, exports.PROGRESS_CSS_VARS = PROGRESS_CSS_VARS,
|
|
28170
|
-
exports.Pagination = Pagination, exports.
|
|
28171
|
-
exports.
|
|
28172
|
-
exports.
|
|
28173
|
-
exports.
|
|
28174
|
-
exports.
|
|
28175
|
-
exports.
|
|
28176
|
-
exports.
|
|
28177
|
-
exports.
|
|
28178
|
-
exports.
|
|
28179
|
-
exports.
|
|
28180
|
-
exports.
|
|
28181
|
-
exports.
|
|
28182
|
-
exports.
|
|
28183
|
-
exports.
|
|
28184
|
-
exports.
|
|
28185
|
-
exports.
|
|
28169
|
+
exports.Pagination = Pagination, exports.PhotoViewer = PhotoViewer, exports.PieChart = PieChart,
|
|
28170
|
+
exports.Popover = Popover, exports.ProductReview = ProductReview, exports.Progress = Progress,
|
|
28171
|
+
exports.QUALITY_PRESET = QUALITY_PRESET, exports.RADIO = RADIO, exports.RADIO_CSS_VARS = RADIO_CSS_VARS,
|
|
28172
|
+
exports.RATING = RATING, exports.RIVER = RIVER, exports.RTLManager = RTLManager,
|
|
28173
|
+
exports.RadarChart = RadarChart, exports.Radio = Radio, exports.Rating = Rating,
|
|
28174
|
+
exports.River = River, exports.Row = Row, exports.SECTION_INTRO = SECTION_INTRO,
|
|
28175
|
+
exports.SELECT = SELECT, exports.SIDE_MENU = SIDE_MENU, exports.SIZES = SIZES, exports.SLIDER = SLIDER,
|
|
28176
|
+
exports.SPINNER = SPINNER, exports.STEPS = STEPS, exports.ScatterChart = ScatterChart,
|
|
28177
|
+
exports.SectionIntro = SectionIntro, exports.Select = Select, exports.SideMenu = SideMenu,
|
|
28178
|
+
exports.SideMenuItem = SideMenuItem, exports.SideMenuList = SideMenuList, exports.Slider = Slider,
|
|
28179
|
+
exports.Spinner = Spinner, exports.Steps = Steps, exports.TAB = TAB, exports.TABS_CSS_VARS = TABS_CSS_VARS,
|
|
28180
|
+
exports.TESTIMONIAL = TESTIMONIAL, exports.TEXTAREA = TEXTAREA, exports.THEME_COLORS = THEME_COLORS,
|
|
28181
|
+
exports.THEME_NAMING = THEME_NAMING, exports.TODO = TODO, exports.TOGGLE = TOGGLE,
|
|
28182
|
+
exports.TOOLTIP = TOOLTIP, exports.TOOLTIP_CSS_VARS = TOOLTIP_CSS_VARS, exports.TYPEDBUTTON = TYPEDBUTTON,
|
|
28183
|
+
exports.Tabs = Tabs, exports.Testimonial = Testimonial, exports.Textarea = Textarea,
|
|
28184
|
+
exports.ThemeApplicator = ThemeApplicator, exports.ThemeComparator = ThemeComparator,
|
|
28186
28185
|
exports.ThemeContext = ThemeContext, exports.ThemeErrorBoundary = ThemeErrorBoundary,
|
|
28187
28186
|
exports.ThemeInspector = ThemeInspector, exports.ThemeLiveEditor = ThemeLiveEditor,
|
|
28188
28187
|
exports.ThemePreview = ThemePreview, exports.ThemeProvider = ThemeProvider, exports.ThemeToggle = ThemeToggle,
|
|
@@ -28340,9 +28339,8 @@ exports.getContrastText = getContrastText, exports.getCurrentTheme = getCurrentT
|
|
|
28340
28339
|
exports.getDefaultBreakpoints = getDefaultBreakpoints, exports.getDevicePreset = getDevicePreset,
|
|
28341
28340
|
exports.getDirectionFromLocale = getDirectionFromLocale, exports.getLuminance = getLuminance,
|
|
28342
28341
|
exports.getMobileOptimizedParams = getMobileOptimizedParams, exports.getPartStyles = getPartStyles,
|
|
28343
|
-
exports.
|
|
28344
|
-
exports.
|
|
28345
|
-
exports.getThemeIds = getThemeIds, exports.getThemeMetadata =
|
|
28342
|
+
exports.getSystemTheme = getSystemTheme, exports.getTheme = getTheme, exports.getThemeApplicator = getThemeApplicator,
|
|
28343
|
+
exports.getThemeCount = getThemeCount, exports.getThemeIds = getThemeIds, exports.getThemeMetadata =
|
|
28346
28344
|
/**
|
|
28347
28345
|
* Get theme metadata
|
|
28348
28346
|
*/
|
|
@@ -28433,6 +28431,7 @@ exports.pickTokens = pickTokens, exports.preloadFonts = preloadFonts, exports.pr
|
|
|
28433
28431
|
config.tokenEngine && featuresDetected.push("Token Engine"), config.generator && featuresDetected.push("Component Generator"),
|
|
28434
28432
|
featuresDetected.length > 0 && featuresDetected.forEach((feature => {}));
|
|
28435
28433
|
}, exports.quickTheme =
|
|
28434
|
+
// But we keep the theme's PerformanceMetrics and usePerformanceMonitor to resolve conflicts
|
|
28436
28435
|
/**
|
|
28437
28436
|
* Quick theme creator with sensible defaults
|
|
28438
28437
|
*/
|
|
@@ -28530,10 +28529,10 @@ exports.useMergedProps = function(defaultProps, props) {
|
|
|
28530
28529
|
...props
|
|
28531
28530
|
})), [ defaultProps, props ]);
|
|
28532
28531
|
}, exports.useNav = useNav, exports.useNavDropdown = useNavDropdown, exports.useNavItem = useNavItem,
|
|
28533
|
-
exports.useNavbar = useNavbar, exports.
|
|
28534
|
-
exports.
|
|
28535
|
-
exports.
|
|
28536
|
-
exports.useSideMenuItem = useSideMenuItem, exports.useSlot = function(slot, props, fallback) {
|
|
28532
|
+
exports.useNavbar = useNavbar, exports.usePerformanceMonitor = usePerformanceMonitor,
|
|
28533
|
+
exports.usePieChart = usePieChart, exports.useRadio = useRadio, exports.useResponsive = useResponsive,
|
|
28534
|
+
exports.useResponsiveGlass = useResponsiveGlass, exports.useRiver = useRiver, exports.useSelect = useSelect,
|
|
28535
|
+
exports.useSideMenu = useSideMenu, exports.useSideMenuItem = useSideMenuItem, exports.useSlot = function(slot, props, fallback) {
|
|
28537
28536
|
return React__default.default.useMemo((() => renderSlot(slot, props, fallback)), [ slot, props, fallback ]);
|
|
28538
28537
|
}, exports.useSpinner = useSpinner, exports.useTextarea = useTextarea, exports.useTheme = useTheme,
|
|
28539
28538
|
exports.useThemeSwitcher = useThemeSwitcher, exports.useThemeTokens = useThemeTokens,
|