@zohodesk/icons 1.3.15 → 1.4.0

package/lib/Icon/css/cssJSLogic.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "fontIcon_cva", {
+  enumerable: true,
+  get: function get() {
+    return _fontIcon.fontIcon_cva;
+  }
+});
+
+var _fontIcon = require("./fontIcon.cva");

package/lib/Icon/css/fontIcon.cva.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontIconVariants = void 0;
+exports.fontIcon_cva = fontIcon_cva;
+
+var _cssUtility = require("@dot-system/css-utility");
+
+var _CustomIcons = require("../CustomIcons");
+
+var _IconModule = _interopRequireDefault(require("../Icon.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var DUMMY_OBJECT = Object.freeze({});
+var fontIconVariants = (0, _cssUtility.cva)([_IconModule["default"].basic, 'd-inline-block', 'd-align-middle'], {
+  variants: {
+    isRtl: {
+      "true": _IconModule["default"].rtl
+    },
+    isBold: {
+      "true": 'd-font-bold'
+    },
+    clickable: {
+      "true": 'd-cursor-pointer'
+    }
+  }
+});
+/**
+ * FontIcon root classname based on props.
+ * Order: zd_font_icons → customColor → ff → pathName → basic/utils/rtl/bold/cursor → iconClass
+ * @param {{ props: object }} args
+ * @returns {{ fontIconClass: string, customColorKey: string|null }}
+ */
+
+exports.fontIconVariants = fontIconVariants;
+
+function fontIcon_cva(_ref) {
+  var props = _ref.props;
+  var isBold = props.isBold,
+      onClick = props.onClick,
+      isRtl = props.isRtl,
+      iconName = props.iconName,
+      pathName = props.pathName,
+      _props$iconContent = props.iconContent,
+      iconContent = _props$iconContent === void 0 ? DUMMY_OBJECT : _props$iconContent,
+      iconClass = props.iconClass;
+  var customColorKey = _CustomIcons.allCustomIcons[iconName] || null;
+  var customColorClass = customColorKey ? _IconModule["default"][customColorKey] : '';
+  return {
+    fontIconClass: "zd_font_icons ".concat(customColorClass, " ").concat(iconContent.ff, " ").concat(pathName, " ").concat(fontIconVariants({
+      isRtl: isRtl,
+      isBold: isBold,
+      clickable: !!onClick,
+      className: iconClass
+    })),
+    customColorKey: customColorKey
+  };
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@zohodesk/icons",
-  "version": "1.3.15",
+  "version": "1.4.0",
   "description": "DOT - Icons",
-  "main": "es/index.js",
+  "main": "lib/index.js",
   "module": "es/index.js",
   "private": false,
   "publishConfig": {
@@ -44,7 +44,8 @@
     "css:layer_wrap_lib": "npx z-node-plugins css:layer_wrap ./lib ./assets css_layer_config.json --rewrite=src=lib --rewrite=assets=assets --skip-existing-layer",
     "css:layer_generate_order": "npx z-node-plugins css:layer_order css_layer_config.json ./src/icon_layer.module.css",
     "css:layer_config_validate": "npx z-node-plugins css:layer_validate css_layer_config.json ./src/ ./assets",
-    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run css:layer_wrap_es && npm run css:layer_wrap_lib",
+    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run css:layer_wrap_es && npm run css:layer_wrap_lib && npm run css:ff",
+    "css:ff": "node ./scripts/rewriteFontFamilyToFf.js",
     "css:layer_remove": "npx z-node-plugins css:layer_remove ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets",
     "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "publish": "node ../publish.js",