@desynova-digital/components 9.0.27 → 9.1.0

package/atoms/tag/index.js

@@ -1,15 +1,17 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledTag = undefined;
-
-var _tag = require("./tag");
-
-var _tag2 = _interopRequireDefault(_tag);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _tag2.default;
-exports.StyledTag = _tag.StyledTag;
+Object.defineProperty(exports, "StyledTag", {
+  enumerable: true,
+  get: function get() {
+    return _tag.StyledTag;
+  }
+});
+exports["default"] = void 0;
+var _tag = _interopRequireWildcard(require("./tag"));
+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"] = _tag["default"];

package/atoms/tag/tag.js

@@ -1,39 +1,19 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledTag = undefined;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _templateObject = _taggedTemplateLiteral(['\n  display: inline-block;\n  font-size: 12px;\n  background: ', ';\n  color: ', ';\n  line-height: 1;\n  padding: ', ';\n  border-radius: 20px;\n  font-family: \'SFUIText-Regular\';\n  position: relative;\n  min-width: 40px;\n  text-align: center;\n  cursor: ', ';\n  &:hover {\n    color: ', ';\n    a {\n      path {\n        fill: ', ';\n      }\n    }\n  }\n'], ['\n  display: inline-block;\n  font-size: 12px;\n  background: ', ';\n  color: ', ';\n  line-height: 1;\n  padding: ', ';\n  border-radius: 20px;\n  font-family: \'SFUIText-Regular\';\n  position: relative;\n  min-width: 40px;\n  text-align: center;\n  cursor: ', ';\n  &:hover {\n    color: ', ';\n    a {\n      path {\n        fill: ', ';\n      }\n    }\n  }\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  ', ' {\n    margin-right: 5px;\n    margin-bottom: 5px;\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n'], ['\n  ', ' {\n    margin-right: 5px;\n    margin-bottom: 5px;\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n']),
-    _templateObject3 = _taggedTemplateLiteral(['\n  cursor: ', ';\n  position: absolute;\n  right: 4px;\n  top: 6px;\n'], ['\n  cursor: ', ';\n  position: absolute;\n  right: 4px;\n  top: 6px;\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _tokens = require('@desynova-digital/tokens');
-
-var _icon = require('../icon');
-
-var _icon2 = _interopRequireDefault(_icon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledTag = _styledComponents2.default.span(_templateObject, function (props) {
+exports["default"] = exports.StyledTag = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _tokens = require("@desynova-digital/tokens");
+var _icon = _interopRequireDefault(require("../icon"));
+var _templateObject, _templateObject2, _templateObject3;
+var StyledTag = exports.StyledTag = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  font-size: 12px;\n  background: ", ";\n  color: ", ";\n  line-height: 1;\n  padding: ", ";\n  border-radius: 20px;\n  font-family: 'SFUIText-Regular';\n  position: relative;\n  min-width: 40px;\n  text-align: center;\n  cursor: ", ";\n  &:hover {\n    color: ", ";\n    a {\n      path {\n        fill: ", ";\n      }\n    }\n  }\n"])), function (props) {
   return _tokens.colors[props.theme].tag.background;
 }, function (props) {
   return _tokens.colors[props.theme].tag.text;
@@ -46,52 +26,38 @@ var StyledTag = _styledComponents2.default.span(_templateObject, function (props
 }, function (props) {
   return _tokens.colors[props.theme].tag.textHover;
 });
-
-var TagGroup = _styledComponents2.default.div(_templateObject2, StyledTag);
-
-var StyledAnchor = _styledComponents2.default.a(_templateObject3, function (props) {
+var TagGroup = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    margin-right: 5px;\n    margin-bottom: 5px;\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n"])), StyledTag);
+var StyledAnchor = _styledComponents["default"].a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: ", ";\n  position: absolute;\n  right: 4px;\n  top: 6px;\n"])), function (props) {
   return props.onRemove ? 'pointer' : 'inherit';
 });
-
 var Tag = function Tag(props) {
-  var icon = void 0;
-
+  var icon;
   if (props.onRemove) {
     var handleRemove = function handleRemove(evt) {
       evt.stopPropagation();
       props.onRemove(evt);
     };
-    icon = _react2.default.createElement(
-      StyledAnchor,
-      _extends({}, props, { onClick: handleRemove }),
-      _react2.default.createElement(_icon2.default, { name: 'cross', height: '7', weight: '7' })
-    );
+    icon = /*#__PURE__*/_react["default"].createElement(StyledAnchor, (0, _extends2["default"])({}, props, {
+      onClick: handleRemove
+    }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+      name: "cross",
+      height: "7",
+      weight: "7"
+    }));
   }
-
-  return _react2.default.createElement(
-    StyledTag,
-    _extends({}, props, { onClick: props.onClick }),
-    ' ',
-    props.children,
-    ' ',
-    icon,
-    ' '
-  );
+  return /*#__PURE__*/_react["default"].createElement(StyledTag, (0, _extends2["default"])({}, props, {
+    onClick: props.onClick
+  }), ' ', props.children, " ", icon, ' ');
 };
-
 Tag.Group = TagGroup;
-
 Tag.propTypes = {
-  theme: _propTypes2.default.oneOf(['light', 'dark', 'nexc']),
+  theme: _propTypes["default"].oneOf(['light', 'dark', 'nexc']),
   /** The function to call when a user clicks the tag */
-  onClick: _propTypes2.default.func,
+  onClick: _propTypes["default"].func,
   /** The function to call when a user clicks the tag's remove icon */
-  onRemove: _propTypes2.default.func
+  onRemove: _propTypes["default"].func
 };
-
 Tag.defaultProps = {
   theme: 'light'
 };
-
-exports.default = Tag;
-exports.StyledTag = StyledTag;
+var _default = exports["default"] = Tag;

package/atoms/tag/tag.story.js

@@ -1,217 +1,143 @@
-'use strict';
+"use strict";
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@storybook/react');
-
-var _storyHelpers = require('../../_helpers/story-helpers');
-
-var _components = require('../../components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react3.storiesOf)('Tag').add('default', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'white' },
-    _react2.default.createElement(
-      _components.Tag,
-      {
-        onClick: function onClick(evt) {
-          return alert('First tag was clicked!');
-        },
-        onRemove: function onRemove(evt) {
-          return alert('First tag was removed!');
-        }
-      },
-      'Example'
-    )
-  );
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _storyHelpers = require("../../_helpers/story-helpers");
+var _components = require("../../components");
+(0, _react2.storiesOf)('Tag').add('default', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    onClick: function onClick(evt) {
+      return alert('First tag was clicked!');
+    },
+    onRemove: function onRemove(evt) {
+      return alert('First tag was removed!');
+    }
+  }, "Example"));
 });
-
-(0, _react3.storiesOf)('Tag').add('default nexc', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'white' },
-    _react2.default.createElement(
-      _components.Tag,
-      {
-        theme: 'nexc',
-        onClick: function onClick(evt) {
-          return alert('First tag was clicked!');
-        },
-        onRemove: function onRemove(evt) {
-          return alert('First tag was removed!');
-        }
-      },
-      'Example'
-    )
-  );
+(0, _react2.storiesOf)('Tag').add('default nexc', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "nexc",
+    onClick: function onClick(evt) {
+      return alert('First tag was clicked!');
+    },
+    onRemove: function onRemove(evt) {
+      return alert('First tag was removed!');
+    }
+  }, "Example"));
 });
-(0, _react3.storiesOf)('Tag').add('without remove callback', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'white' },
-    _react2.default.createElement(
-      _components.Tag,
-      { onClick: function onClick(evt) {
-          return false;
-        } },
-      'Example'
-    )
-  );
+(0, _react2.storiesOf)('Tag').add('without remove callback', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    onClick: function onClick(evt) {
+      return false;
+    }
+  }, "Example"));
 });
-
-(0, _react3.storiesOf)('Tag').add('without remove callback nexc ', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'white' },
-    _react2.default.createElement(
-      _components.Tag,
-      { theme: 'nexc', onClick: function onClick(evt) {
-          return false;
-        } },
-      'Example'
-    )
-  );
+(0, _react2.storiesOf)('Tag').add('without remove callback nexc ', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "nexc",
+    onClick: function onClick(evt) {
+      return false;
+    }
+  }, "Example"));
 });
-
-(0, _react3.storiesOf)('Tag').add('tag group dark theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'dark' },
-    _react2.default.createElement(
-      _components.Tag.Group,
-      null,
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'dark', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Thiruvananthapuram'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'dark', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Week'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'dark', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Vijaya HD'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'dark', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Shows'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'dark', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Clean'
-      )
-    )
-  );
+(0, _react2.storiesOf)('Tag').add('tag group dark theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "dark"
+  }, /*#__PURE__*/_react["default"].createElement(_components.Tag.Group, null, /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "dark",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Thiruvananthapuram"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "dark",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Week"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "dark",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Vijaya HD"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "dark",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Shows"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "dark",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Clean")));
 });
-
-(0, _react3.storiesOf)('Tag').add('tag group light theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'white' },
-    _react2.default.createElement(
-      _components.Tag.Group,
-      null,
-      _react2.default.createElement(
-        _components.Tag,
-        { onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Thiruvananthapuram'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Week'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Vijaya HD'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Shows'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Clean'
-      )
-    )
-  );
+(0, _react2.storiesOf)('Tag').add('tag group light theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_components.Tag.Group, null, /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Thiruvananthapuram"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Week"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Vijaya HD"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Shows"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Clean")));
 });
-
-(0, _react3.storiesOf)('Tag').add('tag group nexc theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'dark' },
-    _react2.default.createElement(
-      _components.Tag.Group,
-      null,
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'nexc', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Thiruvananthapuram'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'nexc', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Week'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'nexc', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Vijaya HD'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'nexc', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Shows'
-      ),
-      _react2.default.createElement(
-        _components.Tag,
-        { theme: 'nexc', onRemove: function onRemove(evt) {
-            return false;
-          } },
-        'Clean'
-      )
-    )
-  );
+(0, _react2.storiesOf)('Tag').add('tag group nexc theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "dark"
+  }, /*#__PURE__*/_react["default"].createElement(_components.Tag.Group, null, /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "nexc",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Thiruvananthapuram"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "nexc",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Week"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "nexc",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Vijaya HD"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "nexc",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Shows"), /*#__PURE__*/_react["default"].createElement(_components.Tag, {
+    theme: "nexc",
+    onRemove: function onRemove(evt) {
+      return false;
+    }
+  }, "Clean")));
 });

package/atoms/textarea/index.js

@@ -1,13 +1,9 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _textarea = require('./textarea');
-
-var _textarea2 = _interopRequireDefault(_textarea);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _textarea2.default;
+exports["default"] = void 0;
+var _textarea = _interopRequireDefault(require("./textarea"));
+var _default = exports["default"] = _textarea["default"];