@react-hive/honey-layout 17.1.0 → 17.2.0

package/dist/types/css.types.d.ts

@@ -3,6 +3,7 @@
  */
 import * as CSS from 'csstype';
 import type { HoneyBreakpointName, HoneyColor, HoneyCssColorProperty, HoneyCssShorthandSpacingProperty, HoneyCssSpacingProperty, HoneyCssSpacingValue, HoneyRawCssSpacingValue, HoneyStyledContext } from '@react-hive/honey-style';
+import { HONEY_LAYOUT_CSS_PROPERTY_PREFIX } from '../constants';
 /**
  * @see https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/steps#step-position
  */
@@ -57,23 +58,27 @@ type HoneyResponsiveCssPropertyValue<CSSProperty extends keyof CSS.Properties> =
  */
 export type HoneyCssPropertyValue<CSSProperty extends keyof CSS.Properties> = HoneyRawCssPropertyValue<CSSProperty> | HoneyCssPropertyValueFn<CSSProperty> | HoneyResponsiveCssPropertyValue<CSSProperty>;
 /**
- * A utility type to add a `$` prefix to a given CSS property name.
+ * A utility type that adds the configured CSS property prefix to a given CSS property name.
+ *
+ * The actual prefix is defined by `HONEY_LAYOUT_CSS_PROPERTY_PREFIX`.
  *
  * @template CSSProperty - The string type representing a CSS property name.
  */
-export type Honey$PrefixedCssProperty<CSSProperty extends keyof CSS.Properties = keyof CSS.Properties> = `$${CSSProperty}`;
+export type HoneyPrefixedCssProperty<CSSProperty extends keyof CSS.Properties = keyof CSS.Properties> = `${typeof HONEY_LAYOUT_CSS_PROPERTY_PREFIX}${CSSProperty}`;
 /**
- * Represents an object where each key is a prefixed CSS property (with a `$` prefix).
+ * Represents an object where each key is a CSS property name with the configured prefix.
+ *
+ * The actual prefix is defined by `HONEY_LAYOUT_CSS_PROPERTY_PREFIX`.
  *
  * Example:
- * ```
- * const styles: HoneyPrefixedCSSProperties = {
+ * ```ts
+ * const styles: HoneyPrefixedCssProperties = {
  *   $color: 'red',
- *   $fontSize: '12px'
+ *   $fontSize: '12px',
  * };
  * ```
  */
-export type Honey$PrefixedCssProperties = {
-    [CSSProperty in keyof CSS.Properties as Honey$PrefixedCssProperty<CSSProperty>]?: HoneyCssPropertyValue<CSSProperty>;
+export type HoneyPrefixedCssProperties = {
+    [CSSProperty in keyof CSS.Properties as HoneyPrefixedCssProperty<CSSProperty>]?: HoneyCssPropertyValue<CSSProperty>;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-layout",
-  "version": "17.1.0",
+  "version": "17.2.0",
   "description": "",
   "keywords": [
     "react",
@@ -34,7 +34,7 @@
     "!dist/**/__tests__"
   ],
   "peerDependencies": {
-    "@react-hive/honey-style": "^6.1.0",
+    "@react-hive/honey-style": "^7.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },