@react-hive/honey-style 4.0.0 → 4.1.0

package/dist/index.dev.cjs

@@ -1267,7 +1267,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const processCss = (rawCss, selector, { theme } = {}) => {
+const processCss = (rawCss, { theme, selector } = {}) => {
     const scopedCss = selector ? (0,_css__WEBPACK_IMPORTED_MODULE_1__.createCssRule)(selector, rawCss) : rawCss;
     const ast = (0,_react_hive_honey_css__WEBPACK_IMPORTED_MODULE_0__.parseCss)(scopedCss);
     const transformers = [
@@ -1626,7 +1626,7 @@ const createGlobalStyle = (strings, ...interpolations) => {
         const { theme } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useHoneyStyle)();
         (0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
             const rawCss = computeCss({ theme });
-            const processedCss = (0,_css__WEBPACK_IMPORTED_MODULE_2__.processCss)(rawCss);
+            const processedCss = (0,_css__WEBPACK_IMPORTED_MODULE_2__.processCss)(rawCss, { theme });
             const styleElement = document.createElement('style');
             styleElement.id = styleId;
             styleElement.innerHTML = processedCss;
@@ -1891,8 +1891,9 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
             const rawCss = computeCss(context);
             const baseClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.resolveClassName)(rawCss);
             (0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
-                const baseCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(rawCss, `.${baseClassName}`, {
+                const baseCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(rawCss, {
                     theme,
+                    selector: `.${baseClassName}`,
                 });
                 return (0,_mount_style__WEBPACK_IMPORTED_MODULE_5__.mountStyle)(baseClassName, baseCss, __compositionDepth);
             }, [baseClassName]);
@@ -1901,8 +1902,9 @@ const styled = (target, defaultProps, { omitProps } = {}) => {
             const cssPropClassName = cssPropString ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.resolveClassName)(cssPropString) : '';
             (0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
                 if (cssPropClassName) {
-                    const overrideCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(cssPropString, `.${cssPropClassName}`, {
+                    const overrideCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(cssPropString, {
                         theme,
+                        selector: `.${cssPropClassName}`,
                     });
                     return (0,_mount_style__WEBPACK_IMPORTED_MODULE_5__.mountStyle)(cssPropClassName, overrideCss, 1);
                 }
@@ -2022,7 +2024,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const generateId = (prefix) => `${prefix}-${Math.random().toString(36).slice(2, 8)}`;
+const generateId = (prefix) => `${prefix}-${(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.generateEphemeralId)()}`;
 /**
  * Combines multiple class names into a single space-separated string
  *
@@ -2354,12 +2356,6 @@ const e=e=>new Blob([e],{type:e.type}),t=e=>new DOMRect(e.offsetLeft,e.offsetTop
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
-/******/ 		// Check if module exists (development only)
-/******/ 		if (__webpack_modules__[moduleId] === undefined) {
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -2368,6 +2364,12 @@ const e=e=>new Blob([e],{type:e.type}),t=e=>new DOMRect(e.offsetLeft,e.offsetTop
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
+/******/ 		if (!(moduleId in __webpack_modules__)) {
+/******/ 			delete __webpack_module_cache__[moduleId];
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module