@zohodesk/dot 1.0.0-temp-87 → 1.0.0-temp-88

package/es/IconButton/docs/IconButton__default.docs.js

@@ -0,0 +1,219 @@
+import React, { Component } from 'react';
+import IconButton from '../IconButton';
+export default class IconButton__default extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        margin: '30px'
+      }
+    }, "isBold"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primary",
+      isBold: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      isBold: true,
+      iconSize: "12",
+      iconName: "ZD-more",
+      palette: "secondary"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primaryFilled",
+      isBold: true
+    }))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        margin: '30px'
+      }
+    }, "Palette"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primary",
+      onClick: () => {
+        console.log('click');
+      },
+      onMouseDown: () => {
+        console.log('Down');
+      },
+      onMouseOver: () => {
+        console.log('over');
+      }
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-more"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primaryFilled"
+    }))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        margin: '30px'
+      }
+    }, "isActive"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primary",
+      isActive: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-more",
+      isActive: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primaryFilled",
+      isActive: true
+    }))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        margin: '30px'
+      }
+    }, "Border On Hover"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primary",
+      hoverType: "border"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-more",
+      hoverType: "border"
+    }))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        margin: '30px'
+      }
+    }, "isDisabled"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primary",
+      isDisabled: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-more",
+      isDisabled: true
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primaryFilled",
+      isDisabled: true
+    }))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        margin: '30px'
+      }
+    }, "Tooltip"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primary",
+      isDisabled: true,
+      title: "primary"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-more",
+      isDisabled: true,
+      title: "default"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      iconSize: "12",
+      iconName: "ZD-commentNew",
+      palette: "primaryFilled",
+      isDisabled: true,
+      title: "primaryFilled"
+    }))));
+  }
+
+}
+
+if (false) {
+  IconButton__default.docs = {
+    componentGroup: 'Atom'
+  };
+}

package/es/Image/Image.module.css

@@ -1,11 +1,11 @@
-.imgFullSize{
-    height:100%;
-    width:100%
-}
-.imgMaxFullSize{
-    max-height:100%;
-    max-width:100%
-}
-.imgFullSize, .imgMaxFullSize{
-    font-size: 12px
+.imgFullSize{
+    height:100%;
+    width:100%
+}
+.imgMaxFullSize{
+    max-height:100%;
+    max-width:100%
+}
+.imgFullSize, .imgMaxFullSize{
+    font-size: 12px
 }

package/es/Image/docs/Image__default.docs.js

@@ -0,0 +1,22 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Image from '../Image';
+export default class Image__default extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: '120px',
+        width: '120px'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
+    }));
+  }
+
+}
+
+if (false) {
+  Image__default.docs = {
+    componentGroup: 'Atom'
+  };
+}

package/es/ImportantNotes/ImportantNotes.module.css

@@ -1,20 +1,20 @@
-.section {
-  background: var(--zdt_importantnotes_bg);
-  padding: var(--zd_size5) var(--zd_size10);
-}
-.title {
-  font-size: var(--zd_font_size13);
-  line-height: var(--zd_font_size18);
-  color: var(--zdt_importantnotes_title_text);
-}
-.icon {
-  color: var(--zdt_importantnotes_icon);
-  font-size: 0;
-  margin-top: var(--zd_size1);
-}
-[dir=ltr] .icon {
-  margin-right: var(--zd_size5);
-}
-[dir=rtl] .icon {
-  margin-left: var(--zd_size5);
-}
+.section {
+  background: var(--zdt_importantnotes_bg);
+  padding: var(--zd_size5) var(--zd_size10);
+}
+.title {
+  font-size: var(--zd_font_size13);
+  line-height: var(--zd_font_size18);
+  color: var(--zdt_importantnotes_title_text);
+}
+.icon {
+  color: var(--zdt_importantnotes_icon);
+  font-size: 0;
+  margin-top: var(--zd_size1);
+}
+[dir=ltr] .icon {
+  margin-right: var(--zd_size5);
+}
+[dir=rtl] .icon {
+  margin-left: var(--zd_size5);
+}

package/es/ImportantNotes/docs/ImportantNotes__default.docs.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ImportantNotes from '../ImportantNotes';
+export default class ImportantNotes__default extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(ImportantNotes, {
+      text: "Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting."
+    }, "Children");
+  }
+
+}
+
+if (false) {
+  ImportantNotes__default.docs = {
+    componentGroup: 'Common',
+    folderName: 'General'
+  };
+}

package/es/Link/Link.module.css

@@ -1,4 +1,4 @@
-.container {
-  text-decoration: none;
-  color: inherit;
+.container {
+  text-decoration: none;
+  color: inherit;
 }

package/es/Link/docs/Link__default.docs.js

@@ -0,0 +1,36 @@
+import React, { Component } from 'react';
+import Link from '../Link';
+export default class Link__default extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onCallBack = this.onCallBack.bind(this);
+    this.onConcertURL = this.onConcertURL.bind(this);
+  }
+
+  onCallBack(value) {
+    console.log(value);
+  }
+
+  onConcertURL(name, obj) {
+    console.log(name, obj, 'onConcertURL');
+  }
+
+  render() {
+    let style = {
+      width: '200px',
+      marginBottom: '20px',
+      display: 'block'
+    };
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      style: style
+    }, /*#__PURE__*/React.createElement(Link, {
+      href: null,
+      onClick: this.onConcertURL,
+      rel: "noopener noreferrer"
+    }, "Activities")));
+  }
+
+}
+Link__default.docs = {
+  componentGroup: 'Atom'
+};

package/es/Loader/Loader.module.css

@@ -1,46 +1,46 @@
-.ajaxLoader {
-  position: absolute;
-  top: 0;
-}[dir=ltr] .ajaxLoader {
-  left: 0;
-  right: 0;
-}[dir=rtl] .ajaxLoader {
-  right: 0;
-  left: 0;
-}
-.loader {
-  width: 100%;
-  height: 3px;
-  background-image: var(--zdt_loader_gradient_bg);
-  background-size: 200% auto;
-}
-[dir=ltr] .loader {
-  background-position: 0 100%;
-  animation:  loading-ltr 3s infinite;
-  animation-fill-mode: forwards;
-  animation-timing-function: linear;
-}
-[dir=rtl] .loader {
-  background-position: 100% 100%;
-  animation:  loading-rtl 3s infinite;
-  animation-fill-mode: forwards;
-  animation-timing-function: linear;
-}
-
-@keyframes loading-ltr {
-  0% {
-    background-position: 0 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-
-@keyframes loading-rtl {
-  0% {
-    background-position: 100% 0;
-  }
-  100% {
-    background-position: 300% 0;
-  }
-}
+.ajaxLoader {
+  position: absolute;
+  top: 0;
+}[dir=ltr] .ajaxLoader {
+  left: 0;
+  right: 0;
+}[dir=rtl] .ajaxLoader {
+  right: 0;
+  left: 0;
+}
+.loader {
+  width: 100%;
+  height: 3px;
+  background-image: var(--zdt_loader_gradient_bg);
+  background-size: 200% auto;
+}
+[dir=ltr] .loader {
+  background-position: 0 100%;
+  animation:  loading-ltr 3s infinite;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+}
+[dir=rtl] .loader {
+  background-position: 100% 100%;
+  animation:  loading-rtl 3s infinite;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+}
+
+@keyframes loading-ltr {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+@keyframes loading-rtl {
+  0% {
+    background-position: 100% 0;
+  }
+  100% {
+    background-position: 300% 0;
+  }
+}

package/es/Loader/docs/Loader__default.docs.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Loader from '../Loader';
+export default class Loader__default extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        background: 'var(--dot_black)',
+        height: '40px'
+      }
+    }, /*#__PURE__*/React.createElement(Loader, null));
+  }
+
+}
+
+if (false) {
+  Loader__default.docs = {
+    componentGroup: 'Atom'
+  };
+}