@react-hive/honey-layout 16.0.0 → 16.1.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * @deprecated Please, use import from `@react-hive/honey-style`
  */
-declare const resolveSpacing: <Value extends import("@react-hive/honey-style").HoneyCSSSpacingValue, Unit extends import("@react-hive/honey-style").Nullable<import("@react-hive/honey-style").HoneyCSSDimensionUnit> = "px">(value: Value, unit?: Unit, type?: keyof import("@react-hive/honey-style").HoneySpacings) => ((context: import("@react-hive/honey-style").HoneyStyledContext<object>) => import("@react-hive/honey-style").HoneyResolveSpacingResult<Value, Unit>);
+declare const resolveSpacing: <Value extends import("@react-hive/honey-style").HoneyCssSpacingValue, Unit extends import("@react-hive/honey-style").Nullable<import("@react-hive/honey-style").HoneyCssDimensionUnit> = "px">(value: Value, unit?: Unit, type?: keyof import("@react-hive/honey-style").HoneySpacings) => ((context: import("@react-hive/honey-style").HoneyStyledContext<object>) => import("@react-hive/honey-style").HoneyResolveSpacingResult<Value, Unit>);
 export { resolveSpacing };
 export * from './constants';
 export * from './types';

package/dist/index.dev.cjs

@@ -5570,7 +5570,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@3.26.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
 
 
-
 const generateUniqueId = () => {
     const timestamp = Date.now().toString();
     const randomNum = Math.floor(Math.random() * 10000)
@@ -5589,7 +5588,7 @@ const generateUniqueId = () => {
  *
  * @returns `true` if the property is a spacing property, otherwise `false`.
  */
-const checkIsSpacingCSSProperty = (propertyName) => _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.CSS_SPACING_PROPERTIES.includes(propertyName);
+const isSpacingCssProperty = (propertyName) => _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.CSS_SPACING_PROPERTIES.includes(propertyName);
 /**
  * Type guard function to check if a property name is a color property.
  *
@@ -5597,7 +5596,7 @@ const checkIsSpacingCSSProperty = (propertyName) => _react_hive_honey_style__WEB
  *
  * @returns True if the property name is a color property, false otherwise.
  */
-const checkIsColorCSSProperty = (propertyName) => _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.CSS_COLOR_PROPERTIES.includes(propertyName);
+const isColorCssProperty = (propertyName) => _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.CSS_COLOR_PROPERTIES.includes(propertyName);
 /**
  * Determines if a given HTML property is a CSS property that is prefixed with a '$'.
  * This convention is typically used for applying dynamic or responsive styles.
@@ -5606,7 +5605,7 @@ const checkIsColorCSSProperty = (propertyName) => _react_hive_honey_style__WEBPA
  *
  * @returns Returns true if the property is a valid prefixed CSS property, otherwise false.
  */
-const is$PrefixedCSSProperty = (propertyName) => propertyName[0] === '$';
+const is$PrefixedCssProperty = (propertyName) => propertyName[0] === '$';
 /**
  * Retrieves the CSS property value for a specific breakpoint, potentially resolving it to include units.
  *
@@ -5627,7 +5626,7 @@ const is$PrefixedCSSProperty = (propertyName) => propertyName[0] === '$';
  *           - A direct value (if `propertyValue` was not an object or the property is not related to dimensions).
  *           - A value formatted with units (if the property is related to dimensions or spacing and `resolveSpacing` was applied).
  */
-const getCSSPropertyValue = (propertyName, propertyValue, breakpoint) => {
+const getCssPropertyValue = (propertyName, propertyValue, breakpoint) => {
     // Determine the actual value to use based on the breakpoint
     const resolvedValue = typeof propertyValue === 'object' && !Array.isArray(propertyValue)
         ? propertyValue[breakpoint]
@@ -5635,13 +5634,13 @@ const getCSSPropertyValue = (propertyName, propertyValue, breakpoint) => {
     if (resolvedValue === undefined) {
         return undefined;
     }
-    if (checkIsSpacingCSSProperty(propertyName)) {
+    if (isSpacingCssProperty(propertyName)) {
         if (typeof resolvedValue === 'number' || Array.isArray(resolvedValue)) {
             return (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.resolveSpacing)(resolvedValue, 'px');
         }
     }
-    else if (checkIsColorCSSProperty(propertyName)) {
-        if (typeof resolvedValue === 'string' && (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.checkIsThemeColorValue)(resolvedValue)) {
+    else if (isColorCssProperty(propertyName)) {
+        if (typeof resolvedValue === 'string' && (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.isThemeColorValue)(resolvedValue)) {
             return (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.resolveColor)(resolvedValue);
         }
     }
@@ -5657,8 +5656,8 @@ const getCSSPropertyValue = (propertyName, propertyValue, breakpoint) => {
  *
  * @returns An array of tuples where each tuple contains a Honey-prefixed CSS property and its value.
  */
-const matchCSSProperties = (props, breakpoint) => Object.entries(props).filter(([propertyName, propertyValue]) => {
-    const isMatchingXsBreakpoint = breakpoint === 'xs' && is$PrefixedCSSProperty(propertyName);
+const matchCssProperties = (props, breakpoint) => Object.entries(props).filter(([propertyName, propertyValue]) => {
+    const isMatchingXsBreakpoint = breakpoint === 'xs' && is$PrefixedCssProperty(propertyName);
     return (isMatchingXsBreakpoint ||
         (propertyValue && typeof propertyValue === 'object' && breakpoint in propertyValue));
 });
@@ -5675,10 +5674,10 @@ const matchCSSProperties = (props, breakpoint) => Object.entries(props).filter((
  *          with styles generated for the specified breakpoint.
  */
 const createStyles = (breakpoint) => ({ theme, ...props }) => (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.css) `
-    ${matchCSSProperties(props, breakpoint).map(([prefixedPropertyName, propertyValue]) => {
+    ${matchCssProperties(props, breakpoint).map(([prefixedPropertyName, propertyValue]) => {
     const propertyName = prefixedPropertyName.slice(1);
     return (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.css) `
-        ${(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.camelToDashCase)(propertyName)}: ${getCSSPropertyValue(propertyName, propertyValue, breakpoint)};
+        ${(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.camelToDashCase)(propertyName)}: ${getCssPropertyValue(propertyName, propertyValue, breakpoint)};
       `;
 })}
   `;
@@ -5692,7 +5691,7 @@ const createStyles = (breakpoint) => ({ theme, ...props }) => (0,_react_hive_hon
  *
  * @returns Returns true if at least one property in `props` has styles for the specified breakpoint; otherwise, false.
  */
-const hasBreakpointStyles = (breakpoint, props) => Object.entries(props).some(([propertyName, propertyValue]) => is$PrefixedCSSProperty(propertyName) &&
+const hasBreakpointStyles = (breakpoint, props) => Object.entries(props).some(([propertyName, propertyValue]) => is$PrefixedCssProperty(propertyName) &&
     typeof propertyValue === 'object' &&
     breakpoint in propertyValue);
 /**