@zohodesk/dot 1.0.0-temp-232.1 → 1.0.0-temp-233.2

package/lib/Drawer/props/propTypes.js

@@ -39,6 +39,8 @@ var Footer_propTypes = {
   children: _propTypes["default"].node,
   paddingLeftSize: _propTypes["default"].string,
   paddingRightClass: _propTypes["default"].string,
+  testId: _propTypes["default"].string,
+  customId: _propTypes["default"].string,
   size: _propTypes["default"].string
 };
 exports.Footer_propTypes = Footer_propTypes;

package/lib/ExternalLink/ExternalLink.js

@@ -13,6 +13,8 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
+var _cssUtility = require("@dot-system/css-utility");
+
 var _ExternalLinkModule = _interopRequireDefault(require("./ExternalLink.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -78,7 +80,7 @@ var ExternalLink = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("a", _extends({
         href: urlOutput,
         target: target,
-        className: "".concat(_ExternalLinkModule["default"].link, " ").concat(className ? className : ''),
+        className: (0, _cssUtility.cn)("".concat(_ExternalLinkModule["default"].link, " ").concat(className ? className : '')),
         "data-title": title,
         rel: rel,
         "data-id": dataId,

package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`ExternalLink render the herf 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     href="http://www.google.com"
     rel="noopener noreferrer"
     target="_blank"
@@ -14,7 +14,7 @@ exports[`ExternalLink render the herf 1`] = `
 exports[`ExternalLink render the herf as bool value 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
     target="_blank"
@@ -27,7 +27,7 @@ exports[`ExternalLink render the herf as bool value 1`] = `
 exports[`ExternalLink renders with children content 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
     target="_blank"
@@ -52,7 +52,7 @@ exports[`ExternalLink renders with customProps 1`] = `
 <DocumentFragment>
   <a
     aria-label="Custom Link"
-    class="link "
+    class="link"
     data-custom="customValue"
     href="javascript:void(0);"
     rel="noopener noreferrer"
@@ -64,7 +64,7 @@ exports[`ExternalLink renders with customProps 1`] = `
 exports[`ExternalLink renders with dataId prop 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     data-id="test-id"
     data-test-id="test-id"
     href="javascript:void(0);"
@@ -77,7 +77,7 @@ exports[`ExternalLink renders with dataId prop 1`] = `
 exports[`ExternalLink renders with default props 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
     target="_blank"
@@ -88,7 +88,7 @@ exports[`ExternalLink renders with default props 1`] = `
 exports[`ExternalLink renders with rel attribute 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
     target="_blank"
@@ -99,7 +99,7 @@ exports[`ExternalLink renders with rel attribute 1`] = `
 exports[`ExternalLink renders with target is - _blank 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
     target="_blank"
@@ -110,7 +110,7 @@ exports[`ExternalLink renders with target is - _blank 1`] = `
 exports[`ExternalLink renders with target is - _self 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
     target="_self"
@@ -121,7 +121,7 @@ exports[`ExternalLink renders with target is - _self 1`] = `
 exports[`ExternalLink renders with title prop 1`] = `
 <DocumentFragment>
   <a
-    class="link "
+    class="link"
     data-title="Example Title"
     href="javascript:void(0);"
     rel="noopener noreferrer"

package/lib/FlipCard/FlipCard.js

@@ -25,6 +25,8 @@ var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"))
 
 var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
 
+var _cssUtility = require("@dot-system/css-utility");
+
 var _FlipCardModule = _interopRequireDefault(require("./FlipCard.module.css"));
 
 var _General = require("../utils/General");
@@ -131,13 +133,13 @@ var FlipCard = /*#__PURE__*/function (_Component) {
           _customProps$AvatarUs = customProps.AvatarUserProps,
           AvatarUserProps = _customProps$AvatarUs === void 0 ? {} : _customProps$AvatarUs;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat((0, _AvatarSize["default"])(size), "  ").concat(noNeedFlip ? _FlipCardModule["default"].flipNone : isChecked ? _FlipCardModule["default"].notFlip : _FlipCardModule["default"].flip),
+        className: (0, _cssUtility.cn)("".concat((0, _AvatarSize["default"])(size), "  ").concat(noNeedFlip ? _FlipCardModule["default"].flipNone : isChecked ? _FlipCardModule["default"].notFlip : _FlipCardModule["default"].flip)),
         onClick: this.onClick,
         "data-id": ticListContainer,
         "data-test-id": ticListContainer,
         "data-tour": tourId
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: _FlipCardModule["default"].container,
+        className: (0, _cssUtility.cn)(_FlipCardModule["default"].container),
         "data-id": ticList,
         "data-test-id": ticList
       }, !noNeedFlip ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {