@react-hive/honey-style 6.0.1 → 6.2.0

package/dist/index.dev.cjs

@@ -391,6 +391,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   HONEY_BREAKPOINTS: () => (/* binding */ HONEY_BREAKPOINTS),
 /* harmony export */   HONEY_GLOBAL_STYLE_ATTR: () => (/* binding */ HONEY_GLOBAL_STYLE_ATTR),
 /* harmony export */   HONEY_STYLED_COMPONENT_ID_PROP: () => (/* binding */ HONEY_STYLED_COMPONENT_ID_PROP),
+/* harmony export */   HONEY_STYLED_COMPOSITION_DEPTH_PROP: () => (/* binding */ HONEY_STYLED_COMPOSITION_DEPTH_PROP),
 /* harmony export */   HONEY_STYLE_ATTR: () => (/* binding */ HONEY_STYLE_ATTR),
 /* harmony export */   HONEY_STYLE_PRIORITY_ATTR: () => (/* binding */ HONEY_STYLE_PRIORITY_ATTR),
 /* harmony export */   HONEY_STYLE_REGISTRY_SYMBOL: () => (/* binding */ HONEY_STYLE_REGISTRY_SYMBOL),
@@ -398,13 +399,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   __DEV__: () => (/* binding */ __DEV__)
 /* harmony export */ });
 const ENV = "development" || 0;
-const __DEV__ = ENV !== 'production' && typeof window !== 'undefined' && !process.env.JEST_WORKER_ID;
+const __DEV__ = ENV !== 'production' && typeof window !== 'undefined' && !process.env.VITEST_WORKER_ID;
 if (__DEV__) {
     console.info('[@react-hive/honey-style]: You are running in development mode. ' +
         'This build is not optimized for production and may include extra checks or logs.');
 }
 const HONEY_STYLE_REGISTRY_SYMBOL = Symbol.for('honey-style-registry');
 const HONEY_STYLED_COMPONENT_ID_PROP = '$$ComponentId';
+const HONEY_STYLED_COMPOSITION_DEPTH_PROP = '__compositionDepth';
 const HONEY_GLOBAL_STYLE_ATTR = 'data-honey-global-style';
 const HONEY_STYLE_ATTR = 'data-honey-style';
 const HONEY_STYLE_PRIORITY_ATTR = 'data-priority';
@@ -1114,14 +1116,40 @@ const createSpacingTransformer = ({ theme }) => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   createCssRule: () => (/* binding */ createCssRule),
-/* harmony export */   css: () => (/* binding */ css)
+/* harmony export */   css: () => (/* binding */ css),
+/* harmony export */   isCssColorProperty: () => (/* binding */ isCssColorProperty),
+/* harmony export */   isCssSpacingProperty: () => (/* binding */ isCssSpacingProperty)
 /* harmony export */ });
 /* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@4.0.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ "./src/css/constants.ts");
 
 
 
+
+/**
+ * Checks whether a CSS property is spacing-related.
+ *
+ * Spacing properties include margins, paddings, positional offsets,
+ * and layout gaps, such as `margin`, `paddingLeft`, `top`, and `gap`.
+ *
+ * @param propertyName - The CSS property name to check.
+ *
+ * @returns Returns true if the property is spacing-related.
+ */
+const isCssSpacingProperty = (propertyName) => _constants__WEBPACK_IMPORTED_MODULE_3__.CSS_SPACING_PROPERTIES.includes(propertyName);
+/**
+ * Checks whether a CSS property is color-related.
+ *
+ * Color properties include properties that directly define text, background,
+ * border, outline, decoration, shadow, or SVG colors.
+ *
+ * @param propertyName - The CSS property name to check.
+ *
+ * @returns Returns true if the property is color-related.
+ */
+const isCssColorProperty = (propertyName) => _constants__WEBPACK_IMPORTED_MODULE_3__.CSS_COLOR_PROPERTIES.includes(propertyName);
 const resolveCssInterpolation = (value, context) => {
     if (value === false || (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isNilOrEmptyString)(value)) {
         return '';
@@ -1239,6 +1267,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   CSS_SPACING_PROPERTIES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.CSS_SPACING_PROPERTIES),
 /* harmony export */   createCssRule: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_3__.createCssRule),
 /* harmony export */   css: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_3__.css),
+/* harmony export */   isCssColorProperty: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_3__.isCssColorProperty),
+/* harmony export */   isCssSpacingProperty: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_3__.isCssSpacingProperty),
 /* harmony export */   mediaQuery: () => (/* reexport safe */ _at_rules__WEBPACK_IMPORTED_MODULE_4__.mediaQuery),
 /* harmony export */   processCss: () => (/* reexport safe */ _process_css__WEBPACK_IMPORTED_MODULE_2__.processCss)
 /* harmony export */ });
@@ -1895,7 +1925,7 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
     return (strings, ...interpolations) => {
         const componentId = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.generateId)('hsc');
         const computeCss = (0,_css__WEBPACK_IMPORTED_MODULE_2__.css)(strings, ...interpolations);
-        const StyledComponent = ({ as, className, __compositionDepth = 0, ...props }) => {
+        const StyledComponentImpl = ({ as, className, __compositionDepth = 0, ...props }) => {
             const { theme } = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useHoneyStyle)();
             const cleanedProps = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.definedProps)(props);
             const resolvedDefaultProps = {
@@ -1951,10 +1981,11 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
                 ...finalProps,
                 ...(as && { as }),
                 ...((0,_utils__WEBPACK_IMPORTED_MODULE_4__.isStyledComponent)(target) && {
-                    __compositionDepth: __compositionDepth - 1,
+                    [_constants__WEBPACK_IMPORTED_MODULE_3__.HONEY_STYLED_COMPOSITION_DEPTH_PROP]: __compositionDepth - 1,
                 }),
             });
         };
+        const StyledComponent = StyledComponentImpl;
         StyledComponent[_constants__WEBPACK_IMPORTED_MODULE_3__.HONEY_STYLED_COMPONENT_ID_PROP] = componentId;
         if (_constants__WEBPACK_IMPORTED_MODULE_3__.__DEV__) {
             const componentName = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isString)(target)
@@ -2420,6 +2451,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   HONEY_BREAKPOINTS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.HONEY_BREAKPOINTS),
 /* harmony export */   HONEY_GLOBAL_STYLE_ATTR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.HONEY_GLOBAL_STYLE_ATTR),
 /* harmony export */   HONEY_STYLED_COMPONENT_ID_PROP: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.HONEY_STYLED_COMPONENT_ID_PROP),
+/* harmony export */   HONEY_STYLED_COMPOSITION_DEPTH_PROP: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.HONEY_STYLED_COMPOSITION_DEPTH_PROP),
 /* harmony export */   HONEY_STYLE_ATTR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.HONEY_STYLE_ATTR),
 /* harmony export */   HONEY_STYLE_PRIORITY_ATTR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.HONEY_STYLE_PRIORITY_ATTR),
 /* harmony export */   HONEY_STYLE_REGISTRY_SYMBOL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.HONEY_STYLE_REGISTRY_SYMBOL),
@@ -2434,6 +2466,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   css: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.css),
 /* harmony export */   filterNonHtmlAttrs: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.filterNonHtmlAttrs),
 /* harmony export */   generateId: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.generateId),
+/* harmony export */   isCssColorProperty: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.isCssColorProperty),
+/* harmony export */   isCssSpacingProperty: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.isCssSpacingProperty),
 /* harmony export */   isStyledComponent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isStyledComponent),
 /* harmony export */   isThemeColorValue: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isThemeColorValue),
 /* harmony export */   mediaQuery: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.mediaQuery),