@desynova-digital/components 9.1.22 → 9.1.23

package/atoms/loader/ThreeDotLoader.jsx

@@ -1,51 +1,51 @@
-import React from 'react';
-import styled from 'styled-components';
-import { colors } from "@desynova-digital/tokens";
-const LoaderBox = styled.div`
-  display: inline-block;
-
-  & span {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    border-radius: 100%;
-    background-color: ${(props) => colors[props.theme].label.boxBackground};
-    margin: 0px 5px;
-    opacity: 0;
-  }
-
-  & span:nth-child(1) {
-    animation: opacitychange 1s ease-in-out infinite;
-  }
-
-  & span:nth-child(2) {
-    animation: opacitychange 1s ease-in-out 0.33s infinite;
-  }
-
-  & span:nth-child(3) {
-    animation: opacitychange 1s ease-in-out 0.66s infinite;
-  }
-
-  @keyframes opacitychange {
-    0%,
-    100% {
-      opacity: 0;
-    }
-
-    60% {
-      opacity: 1;
-    }
-  }
-`;
-
-const ThreeDotLoader = (props) => {
-  return (
-    <LoaderBox theme={props.theme} className="loader three-dot-loader">
-      <span />
-      <span />
-      <span />
-    </LoaderBox>
-  );
-};
-
-export default ThreeDotLoader;
+import React from 'react';
+import styled from 'styled-components';
+import { colors } from "@desynova-digital/tokens";
+const LoaderBox = styled.div`
+  display: inline-block;
+
+  & span {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    background-color: ${(props) => colors[props.theme].label.boxBackground};
+    margin: 0px 5px;
+    opacity: 0;
+  }
+
+  & span:nth-child(1) {
+    animation: opacitychange 1s ease-in-out infinite;
+  }
+
+  & span:nth-child(2) {
+    animation: opacitychange 1s ease-in-out 0.33s infinite;
+  }
+
+  & span:nth-child(3) {
+    animation: opacitychange 1s ease-in-out 0.66s infinite;
+  }
+
+  @keyframes opacitychange {
+    0%,
+    100% {
+      opacity: 0;
+    }
+
+    60% {
+      opacity: 1;
+    }
+  }
+`;
+
+const ThreeDotLoader = (props) => {
+  return (
+    <LoaderBox theme={props.theme} className="loader three-dot-loader">
+      <span />
+      <span />
+      <span />
+    </LoaderBox>
+  );
+};
+
+export default ThreeDotLoader;

package/atoms/loader/index.js

@@ -12,5 +12,6 @@ Object.defineProperty(exports, "StyledLoader", {
 });
 exports["default"] = void 0;
 var _loader = _interopRequireWildcard(require("./loader"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var _default = exports["default"] = _loader["default"];

package/atoms/loader/spinningLoader.jsx

@@ -1,69 +1,69 @@
-import React from "react";
-import styled from "styled-components";
-import { colors } from "@desynova-digital/tokens";
-const LoaderBox = styled.div`
-  position: relative;
-  display: flex;
-  justify-content: center;
-  height: ${(props) => (props.size === "small" ? "30px" : "50px")};
-  .parentBox {
-    position: relative;
-    width: ${(props) => (props.size === "small" ? "28.5714px" : "38.5714px")};
-    height: ${(props) => (props.size === "small" ? "28.5714px" : "38.5714px")};
-    animation: spin 0.6s 0s infinite linear;
-    animation-fill-mode: forwards;
-  }
-
-  .ball {
-    width: 4.28571px;
-    height: 4.28571px;
-    border-radius: 100%;
-    background-color: ${(props) =>
-      props.background ? `${props.background}` : `${colors[props.theme].label.spinLoader}`};
-    opacity: 0.8;
-    position: absolute;
-    top: 12.8571px;
-    animation: spin 0.6s 0s 0s infinite linear;
-    animation-fill-mode: forwards;
-  }
-
-  .circle {
-    width: ${(props) => (props.size === "small" ? "20px" : "30px")};
-    height: ${(props) => (props.size === "small" ? "20px" : "30px")};
-    border-radius: 100%;
-    border: ${(props) =>
-      props.background
-        ? `4.28571px solid ${props.background}`
-        : `4.28571px solid ${colors[props.theme].label.spinLoader}`};
-    opacity: 0.2;
-    box-sizing: content-box;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  @-webkit-keyframes spin {
-    100% {
-      -webkit-transform: rotate(360deg);
-    }
-  }
-
-  @keyframes spin {
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
-const SpinningLoader = ({ size, background,theme }) => {
-  return (
-    <LoaderBox theme={theme} size={size} background={background}>
-      <div className="parentBox">
-        <div className="ball" />
-        <div className="circle" />
-      </div>
-    </LoaderBox>
-  );
-};
-
-export default SpinningLoader;
+import React from "react";
+import styled from "styled-components";
+import { colors } from "@desynova-digital/tokens";
+const LoaderBox = styled.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  height: ${(props) => (props.size === "small" ? "30px" : "50px")};
+  .parentBox {
+    position: relative;
+    width: ${(props) => (props.size === "small" ? "28.5714px" : "38.5714px")};
+    height: ${(props) => (props.size === "small" ? "28.5714px" : "38.5714px")};
+    animation: spin 0.6s 0s infinite linear;
+    animation-fill-mode: forwards;
+  }
+
+  .ball {
+    width: 4.28571px;
+    height: 4.28571px;
+    border-radius: 100%;
+    background-color: ${(props) =>
+      props.background ? `${props.background}` : `${colors[props.theme].label.spinLoader}`};
+    opacity: 0.8;
+    position: absolute;
+    top: 12.8571px;
+    animation: spin 0.6s 0s 0s infinite linear;
+    animation-fill-mode: forwards;
+  }
+
+  .circle {
+    width: ${(props) => (props.size === "small" ? "20px" : "30px")};
+    height: ${(props) => (props.size === "small" ? "20px" : "30px")};
+    border-radius: 100%;
+    border: ${(props) =>
+      props.background
+        ? `4.28571px solid ${props.background}`
+        : `4.28571px solid ${colors[props.theme].label.spinLoader}`};
+    opacity: 0.2;
+    box-sizing: content-box;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  @-webkit-keyframes spin {
+    100% {
+      -webkit-transform: rotate(360deg);
+    }
+  }
+
+  @keyframes spin {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+const SpinningLoader = ({ size, background,theme }) => {
+  return (
+    <LoaderBox theme={theme} size={size} background={background}>
+      <div className="parentBox">
+        <div className="ball" />
+        <div className="circle" />
+      </div>
+    </LoaderBox>
+  );
+};
+
+export default SpinningLoader;

package/atoms/popup/popup.js

@@ -19,7 +19,8 @@ var _button = _interopRequireDefault(require("../button"));
 var _tokens = require("@desynova-digital/tokens");
 var _loader = _interopRequireDefault(require("../../atoms/loader"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // import {colors} from '../../../tokens'
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var propTypes = {

package/atoms/radio/index.js

@@ -18,5 +18,6 @@ Object.defineProperty(exports, "StyledRadioOption", {
 });
 exports["default"] = void 0;
 var _radio = _interopRequireWildcard(require("./radio"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var _default = exports["default"] = _radio["default"];

package/atoms/sideBar/sidebar.js

@@ -20,7 +20,8 @@ var _index = _interopRequireDefault(require("../button/index"));
 var _components = require("../../components");
 var _tokens = require("@desynova-digital/tokens");
 var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
@@ -37,9 +38,9 @@ var ButtonContainer = _styledComponents["default"].div(_templateObject3 || (_tem
   return _tokens.colors[props.theme].sideBar.themeColor;
 });
 
-/**
- * @component
- * @name SideBar
+/**
+ * @component
+ * @name SideBar
  */
 var SideBar = exports["default"] = /*#__PURE__*/function (_Component) {
   function SideBar(props) {