@react-hive/honey-style 4.0.0 → 4.1.1

package/dist/index.dev.cjs

@@ -964,8 +964,8 @@ const createMediaAtRuleTransformer = ({ theme }) => (0,_create_at_rule_transform
         return [];
     }
     const tokens = rawParams.split(/\s+/);
-    let orientation;
-    let mediaType;
+    let orientation = null;
+    let mediaType = null;
     const rules = [];
     for (const token of tokens) {
         if (isOrientationToken(token)) {
@@ -1007,14 +1007,29 @@ const createMediaAtRuleTransformer = ({ theme }) => (0,_create_at_rule_transform
             rules.push(rule);
         }
     }
-    if (!rules.length) {
+    let finalRules = [];
+    if (rules.length) {
+        finalRules = rules.map(rule => ({
+            ...rule,
+            orientation,
+            mediaType,
+        }));
+    }
+    else {
+        if (mediaType) {
+            finalRules.push({
+                mediaType,
+            });
+        }
+        if (orientation) {
+            finalRules.push({
+                orientation,
+            });
+        }
+    }
+    if (!finalRules.length) {
         return [];
     }
-    const finalRules = rules.map(rule => ({
-        ...rule,
-        orientation,
-        mediaType,
-    }));
     const fullMedia = (0,_at_rules__WEBPACK_IMPORTED_MODULE_3__.mediaQuery)(finalRules);
     return [
         {
@@ -1267,7 +1282,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 +1641,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 +1906,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 +1917,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 +2039,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 +2371,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 +2379,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