@react-hive/honey-style 8.0.0 → 8.2.0

package/dist/index.dev.cjs

@@ -1228,6 +1228,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _transform_ellipsis_at_rule__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./transform-ellipsis-at-rule */ "./src/css/transform-ellipsis-at-rule.ts");
 /* harmony import */ var _transform_inline_at_rule__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./transform-inline-at-rule */ "./src/css/transform-inline-at-rule.ts");
 /* harmony import */ var _create_media_at_rule_transformer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./create-media-at-rule-transformer */ "./src/css/create-media-at-rule-transformer.ts");
+/* harmony import */ var _transform_if_at_rule__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./transform-if-at-rule */ "./src/css/transform-if-at-rule.ts");
+
 
 
 
@@ -1242,6 +1244,7 @@ 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 = [
+        _transform_if_at_rule__WEBPACK_IMPORTED_MODULE_10__.transformIfAtRule,
         _transform_stack_at_rule__WEBPACK_IMPORTED_MODULE_5__.transformStackAtRule,
         _transform_inline_at_rule__WEBPACK_IMPORTED_MODULE_8__.transformInlineAtRule,
         _transform_center_at_rule__WEBPACK_IMPORTED_MODULE_4__.transformCenterAtRule,
@@ -1448,6 +1451,43 @@ const transformEllipsisAtRule = (0,_create_at_rule_transformer__WEBPACK_IMPORTED
 });
 
 
+/***/ },
+
+/***/ "./src/css/transform-if-at-rule.ts"
+/*!*****************************************!*\
+  !*** ./src/css/transform-if-at-rule.ts ***!
+  \*****************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   transformIfAtRule: () => (/* binding */ transformIfAtRule)
+/* harmony export */ });
+/* harmony import */ var _create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-at-rule-transformer */ "./src/css/create-at-rule-transformer.ts");
+/* harmony import */ var _unwrap_params__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./unwrap-params */ "./src/css/unwrap-params.ts");
+
+
+const isTruthyParam = (param) => param !== '' && param !== 'false' && param !== '0';
+/**
+ * Transforms:
+ *
+ * @honey-if (true) {
+ *   color: red;
+ * }
+ *
+ * @honey-if (false) {
+ *   color: red;
+ * }
+ */
+const transformIfAtRule = (0,_create_at_rule_transformer__WEBPACK_IMPORTED_MODULE_0__.createAtRuleTransformer)('honey-if', (node) => {
+    const param = (0,_unwrap_params__WEBPACK_IMPORTED_MODULE_1__.unwrapParams)(node.params);
+    if (!param || !isTruthyParam(param)) {
+        return [];
+    }
+    return node.body ?? [];
+});
+
+
 /***/ },
 
 /***/ "./src/css/transform-inline-at-rule.ts"