@zohodesk/dot 1.9.17 → 1.9.19

package/es/ExternalLink/ExternalLink.js

@@ -6,6 +6,7 @@ import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 /**** CSS ****/
 
+import { cn } from "@dot-system/css-utility";
 import style from "./ExternalLink.module.css";
 export default class ExternalLink extends React.Component {
   addHttp(url) {
@@ -34,7 +35,7 @@ export default class ExternalLink extends React.Component {
     return /*#__PURE__*/React.createElement("a", _extends({
       href: urlOutput,
       target: target,
-      className: `${style.link} ${className ? className : ''}`,
+      className: cn(`${style.link} ${className ? className : ''}`),
       "data-title": title,
       rel: rel,
       "data-id": dataId,
@@ -45,8 +46,4 @@ export default class ExternalLink extends React.Component {
 
 }
 ExternalLink.defaultProps = defaultProps;
-ExternalLink.propTypes = propTypes; // if (__DOCS__) {
-//   ExternalLink.docs = {
-//     componentGroup: 'Atom'
-//   };
-// }
+ExternalLink.propTypes = propTypes;

package/es/ExternalLink/ExternalLink.module.css

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

package/es/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/es/FlipCard/FlipCard.js

@@ -9,6 +9,7 @@ import CheckBox from '@zohodesk/components/es/CheckBox/CheckBox';
 import { Container } from '@zohodesk/components/es/Layout';
 import ChannelIcon from "../ChannelIcon/ChannelIcon";
 import AvatarSize from '@zohodesk/components/es/Provider/AvatarSize';
+import { cn } from "@dot-system/css-utility";
 import style from "./FlipCard.module.css";
 import { stopBubbling } from "../utils/General";
 export default class FlipCard extends Component {
@@ -77,13 +78,13 @@ export default class FlipCard extends Component {
       AvatarUserProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement("div", {
-      className: `${AvatarSize(size)}  ${noNeedFlip ? style.flipNone : isChecked ? style.notFlip : style.flip}`,
+      className: cn(`${AvatarSize(size)}  ${noNeedFlip ? style.flipNone : isChecked ? style.notFlip : style.flip}`),
       onClick: this.onClick,
       "data-id": ticListContainer,
       "data-test-id": ticListContainer,
       "data-tour": tourId
     }, /*#__PURE__*/React.createElement("div", {
-      className: style.container,
+      className: cn(style.container),
       "data-id": ticList,
       "data-test-id": ticList
     }, !noNeedFlip ? /*#__PURE__*/React.createElement(Container, {
@@ -138,8 +139,4 @@ export default class FlipCard extends Component {
 
 }
 FlipCard.propTypes = propTypes;
-FlipCard.defaultProps = defaultProps; // if (__DOCS__) {
-//   FlipCard.docs = {
-//     componentGroup: 'Molecule'
-//   };
-// }
+FlipCard.defaultProps = defaultProps;

package/es/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;
 }