@react-hive/honey-layout 6.3.0 → 6.5.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/components/HoneyContextMenu/HoneyContextMenu.d.ts +2 -2
- package/dist/components/HoneyPopup/HoneyPopup.types.d.ts +1 -4
- package/dist/components/HoneyPopup/HoneyPopupContent.d.ts +3 -4
- package/dist/components/HoneyPopup/HoneyPopupContext.d.ts +2 -2
- package/dist/components/HoneyPopup/hooks/use-honey-popup-context.d.ts +2 -2
- package/dist/components/HoneyPopup/hooks/use-honey-popup-interactions.d.ts +2 -2
- package/dist/components/HoneyPopup/hooks/use-honey-popup.d.ts +8 -2
- package/dist/components/HoneyPopup/index.d.ts +1 -0
- package/dist/helpers/helpers.d.ts +16 -3
- package/dist/index.js +5595 -0
- package/dist/types/css.types.d.ts +0 -50
- package/dist/utils/utils.d.ts +0 -9
- package/package.json +17 -17
- package/dist/index.mjs +0 -5599
|
@@ -3,28 +3,6 @@ import { HoneyCSSDimensionUnit, HoneyBreakpointName, HoneyCSSDimensionValue, Hon
|
|
|
3
3
|
* The types for handling CSS properties and values, focusing on dimensions, colors, media queries, and other essential CSS concepts.
|
|
4
4
|
*/
|
|
5
5
|
import * as CSS from 'csstype';
|
|
6
|
-
/**
|
|
7
|
-
* Represents the possible values for media query orientation.
|
|
8
|
-
*
|
|
9
|
-
* Used in responsive styles to target specific device orientations.
|
|
10
|
-
*
|
|
11
|
-
* - `'landscape'` – Width is greater than height.
|
|
12
|
-
* - `'portrait'` – Height is greater than width.
|
|
13
|
-
*/
|
|
14
|
-
export type HoneyCSSMediaOrientation = 'landscape' | 'portrait';
|
|
15
|
-
/**
|
|
16
|
-
* Represents CSS resolution units typically used in media queries.
|
|
17
|
-
*
|
|
18
|
-
* - `'dpi'` — dots per inch
|
|
19
|
-
* - `'dpcm'` — dots per centimeter
|
|
20
|
-
* - `'dppx'` — dots per pixel (e.g., 2dppx for Retina displays)
|
|
21
|
-
* - `'x'` — resolution multiplier (e.g., 1x, 2x)
|
|
22
|
-
*/
|
|
23
|
-
export type HoneyCSSResolutionUnit = 'dpi' | 'dpcm' | 'dppx' | 'x';
|
|
24
|
-
/**
|
|
25
|
-
* Represents a CSS resolution value, such as `'300dpi'`, `'2x'`, or `'1.5dppx'`.
|
|
26
|
-
*/
|
|
27
|
-
export type HoneyCSSResolutionValue = `${number}${HoneyCSSResolutionUnit}`;
|
|
28
6
|
/**
|
|
29
7
|
* Represents a tuple of 2 to 4 values using standard CSS shorthand conventions.
|
|
30
8
|
*
|
|
@@ -171,32 +149,4 @@ export type HoneyPrefixedCSSProperty<CSSProperty extends keyof CSS.Properties =
|
|
|
171
149
|
export type HoneyPrefixedCSSProperties = {
|
|
172
150
|
[CSSProperty in keyof CSS.Properties as HoneyPrefixedCSSProperty<CSSProperty>]?: HoneyCSSPropertyValue<CSSProperty>;
|
|
173
151
|
};
|
|
174
|
-
/**
|
|
175
|
-
* Properties for dimension-based media queries
|
|
176
|
-
*/
|
|
177
|
-
interface HoneyCSSMediaDimensionProperties {
|
|
178
|
-
width?: HoneyCSSDimensionValue;
|
|
179
|
-
minWidth?: HoneyCSSDimensionValue;
|
|
180
|
-
maxWidth?: HoneyCSSDimensionValue;
|
|
181
|
-
height?: HoneyCSSDimensionValue;
|
|
182
|
-
minHeight?: HoneyCSSDimensionValue;
|
|
183
|
-
maxHeight?: HoneyCSSDimensionValue;
|
|
184
|
-
}
|
|
185
|
-
/**
|
|
186
|
-
* Properties for resolution-based media queries
|
|
187
|
-
*/
|
|
188
|
-
interface HoneyCSSMediaResolutionProperties {
|
|
189
|
-
resolution?: HoneyCSSResolutionValue;
|
|
190
|
-
minResolution?: HoneyCSSResolutionValue;
|
|
191
|
-
maxResolution?: HoneyCSSResolutionValue;
|
|
192
|
-
}
|
|
193
|
-
/**
|
|
194
|
-
* Options for CSS @media at-rule.
|
|
195
|
-
*/
|
|
196
|
-
export interface HoneyCSSMediaRule extends HoneyCSSMediaDimensionProperties, HoneyCSSMediaResolutionProperties {
|
|
197
|
-
operator?: 'not' | 'only';
|
|
198
|
-
mediaType?: 'all' | 'print' | 'screen' | 'speech';
|
|
199
|
-
orientation?: HoneyCSSMediaOrientation;
|
|
200
|
-
update?: 'none' | 'slow' | 'fast';
|
|
201
|
-
}
|
|
202
152
|
export {};
|
package/dist/utils/utils.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { HoneyHEXColor } from '@react-hive/honey-style';
|
|
2
|
-
import { HoneyCSSMediaRule } from '../types';
|
|
3
2
|
export declare const camelToDashCase: (inputString: string) => string;
|
|
4
3
|
/**
|
|
5
4
|
* Splits a string into an array of filtered from redundant spaces words.
|
|
@@ -58,14 +57,6 @@ export declare const calculatePercentage: (value: number, percentage: number) =>
|
|
|
58
57
|
* @returns The 8-character HEX with alpha (RRGGBBAA) format color code, or null if input is invalid.
|
|
59
58
|
*/
|
|
60
59
|
export declare const convertHexToHexWithAlpha: (hex: string, alpha: number) => HoneyHEXColor;
|
|
61
|
-
/**
|
|
62
|
-
* Builds a media query string based on the provided options.
|
|
63
|
-
*
|
|
64
|
-
* @param rules - Conditions for the media query.
|
|
65
|
-
*
|
|
66
|
-
* @returns The generated media query string.
|
|
67
|
-
*/
|
|
68
|
-
export declare const media: (rules: HoneyCSSMediaRule[]) => string;
|
|
69
60
|
interface HTMLElementTransformationValues {
|
|
70
61
|
translateX: number;
|
|
71
62
|
translateY: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-hive/honey-layout",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.5.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -20,26 +20,26 @@
|
|
|
20
20
|
"license": "MIT",
|
|
21
21
|
"scripts": {
|
|
22
22
|
"prepare": "husky",
|
|
23
|
-
"clean": "rm -rf dist",
|
|
24
23
|
"start": "vite serve --config vite-docs.config.ts",
|
|
25
24
|
"test": "jest --collect-coverage",
|
|
26
25
|
"build:lib": "vite build --config vite-lib.config.ts",
|
|
27
26
|
"build:docs": "vite build --config vite-docs.config.ts",
|
|
28
27
|
"diagnostics": "tsx scripts/collect-diagnostics.ts"
|
|
29
28
|
},
|
|
30
|
-
"
|
|
29
|
+
"type": "module",
|
|
30
|
+
"main": "dist/index.js",
|
|
31
31
|
"types": "dist/index.d.ts",
|
|
32
32
|
"files": [
|
|
33
33
|
"dist"
|
|
34
34
|
],
|
|
35
35
|
"peerDependencies": {
|
|
36
|
+
"@react-hive/honey-style": "^1.6.0",
|
|
36
37
|
"react": "^19.0.0",
|
|
37
|
-
"react-dom": "^19.0.0"
|
|
38
|
-
"@react-hive/honey-style": "1.3.0"
|
|
38
|
+
"react-dom": "^19.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@floating-ui/dom": "1.7.
|
|
42
|
-
"@floating-ui/react": "0.27.
|
|
41
|
+
"@floating-ui/dom": "1.7.1",
|
|
42
|
+
"@floating-ui/react": "0.27.12",
|
|
43
43
|
"@mdx-js/react": "3.1.0",
|
|
44
44
|
"csstype": "3.1.3",
|
|
45
45
|
"highlight.js": "11.11.1",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"react-router-dom": "6.30.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@eslint/js": "9.
|
|
51
|
+
"@eslint/js": "9.29.0",
|
|
52
52
|
"@mdx-js/rollup": "3.1.0",
|
|
53
53
|
"@testing-library/jest-dom": "6.6.3",
|
|
54
54
|
"@testing-library/react": "16.3.0",
|
|
@@ -56,23 +56,23 @@
|
|
|
56
56
|
"@types/lodash.merge": "4.6.9",
|
|
57
57
|
"@types/lodash.throttle": "4.1.9",
|
|
58
58
|
"@types/mdx": "2.0.13",
|
|
59
|
-
"@types/node": "22.15.
|
|
60
|
-
"@types/react": "^19.1.
|
|
61
|
-
"@types/react-dom": "^19.1.
|
|
62
|
-
"@vitejs/plugin-react": "4.
|
|
63
|
-
"eslint": "9.
|
|
59
|
+
"@types/node": "22.15.32",
|
|
60
|
+
"@types/react": "^19.1.8",
|
|
61
|
+
"@types/react-dom": "^19.1.6",
|
|
62
|
+
"@vitejs/plugin-react": "4.5.1",
|
|
63
|
+
"eslint": "9.29.0",
|
|
64
64
|
"eslint-plugin-react": "7.37.5",
|
|
65
65
|
"husky": "9.1.7",
|
|
66
66
|
"jest": "29.7.0",
|
|
67
67
|
"jest-environment-jsdom": "29.7.0",
|
|
68
68
|
"prettier": "3.5.3",
|
|
69
|
-
"ts-jest": "29.3.
|
|
70
|
-
"tsx": "4.
|
|
69
|
+
"ts-jest": "29.3.4",
|
|
70
|
+
"tsx": "4.20.3",
|
|
71
71
|
"typescript": "5.8.3",
|
|
72
|
-
"typescript-eslint": "8.
|
|
72
|
+
"typescript-eslint": "8.35.0",
|
|
73
73
|
"vite": "6.3.5",
|
|
74
74
|
"vite-plugin-checker": "0.9.3",
|
|
75
|
-
"vite-plugin-dts": "4.5.
|
|
75
|
+
"vite-plugin-dts": "4.5.4"
|
|
76
76
|
},
|
|
77
77
|
"jest": {
|
|
78
78
|
"preset": "ts-jest",
|