@zohodesk/dot 1.9.18 → 1.9.19

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,
@@ -93,8 +95,4 @@ var ExternalLink = /*#__PURE__*/function (_React$Component) {
 
 exports["default"] = ExternalLink;
 ExternalLink.defaultProps = _defaultProps.defaultProps;
-ExternalLink.propTypes = _propTypes.propTypes; // if (__DOCS__) {
-//   ExternalLink.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }
+ExternalLink.propTypes = _propTypes.propTypes;

package/lib/ExternalLink/ExternalLink.module.css

@@ -1,4 +1,3 @@
 .link {
-  text-decoration: none;
-  color: inherit
+  composes: d-text-inherit d-no-underline from global;
 }

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

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ExternalLink render the herf 1`] = `
 <DocumentFragment>

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, {
@@ -196,8 +198,4 @@ var FlipCard = /*#__PURE__*/function (_Component) {
 
 exports["default"] = FlipCard;
 FlipCard.propTypes = _propTypes.propTypes;
-FlipCard.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
-//   FlipCard.docs = {
-//     componentGroup: 'Molecule'
-//   };
-// }
+FlipCard.defaultProps = _defaultProps.defaultProps;

package/lib/FlipCard/FlipCard.module.css

@@ -5,7 +5,7 @@
   background-color: var(--zdt_flipcard_default_bg);
 }
 .container {
-  position: relative;
+  composes: d-relative from global;
   transition: var(--zd_transition3) all;
   transform-style: preserve-3d;
 }
@@ -17,7 +17,7 @@
 }
 .front,
 .back {
-  position: absolute;
+  composes: d-absolute from global;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
 }