@stokr/components-library 0.5.6 → 0.5.7

package/dist/components/icons/Arrow.js

@@ -0,0 +1,70 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Arrow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+var iconDirection = function iconDirection(_ref) {
+  var direction = _ref.direction;
+  switch (direction) {
+    case 'right':
+      return (0, _styledComponents.css)(["transform:rotate(90deg) scale(-1,1);"]);
+    case 'left':
+      return (0, _styledComponents.css)(["transform:rotate(-90deg);"]);
+    case 'bottom':
+      return (0, _styledComponents.css)(["transform:rotate(180deg);"]);
+    case 'top':
+    default:
+      return (0, _styledComponents.css)([""]);
+  }
+};
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "Arrow__Icon",
+  componentId: "sc-1p6ppq5-0"
+})(["", ";"], iconDirection);
+var Arrow = function Arrow(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "18",
+    height: "10",
+    viewBox: "0 0 18 10",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/_react.default.createElement("g", {
+    id: "STO-Pages",
+    fill: "none",
+    fillRule: "evenodd",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "2.-Tablet-Pitch-Tab",
+    transform: "translate(-120 -5387)",
+    stroke: "#FFF",
+    strokeWidth: "1.5"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Wrap-Up",
+    transform: "translate(0 5299)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Top",
+    transform: "translate(64 84)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Top-Icon",
+    transform: "translate(50 5)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9.917,5.583 L7.25,8.25",
+    id: "Stroke-1",
+    transform: "matrix(0 -1 -1 0 15.5 15.5)"
+  }), /*#__PURE__*/_react.default.createElement("polyline", {
+    id: "Stroke-3",
+    transform: "scale(1 -1) rotate(90 21.834 0)",
+    points: "13.5835 -1.4165 21.5835 6.5835 18.2505 9.9165"
+  })))))));
+};
+exports.Arrow = Arrow;
+var _default = Arrow;
+exports.default = _default;

package/dist/components/icons/Arrow.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ArrowTop = exports.ArrowRight = exports.ArrowLeft = exports.ArrowBottom = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Arrow = require("./Arrow");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components Library/Icons/Arrow',
+  component: _Arrow.Arrow,
+  argTypes: {
+    direction: {
+      type: 'string',
+      defaultValue: 'bottom'
+    }
+  },
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+}; //making default background grey in story as the element is white
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_Arrow.Arrow, args);
+};
+var ArrowBottom = Template.bind({});
+exports.ArrowBottom = ArrowBottom;
+ArrowBottom.args = {};
+var ArrowRight = Template.bind({});
+exports.ArrowRight = ArrowRight;
+ArrowRight.args = {
+  direction: 'right'
+};
+var ArrowLeft = Template.bind({});
+exports.ArrowLeft = ArrowLeft;
+ArrowLeft.args = {
+  direction: 'left'
+};
+var ArrowTop = Template.bind({});
+exports.ArrowTop = ArrowTop;
+ArrowTop.args = {
+  direction: 'top'
+};
+
+//doublecheck:
+//make variants from directions?

package/dist/components/icons/ArrowSimple.js

@@ -0,0 +1,59 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ArrowSimple = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+var iconDirection = function iconDirection(_ref) {
+  var direction = _ref.direction;
+  switch (direction) {
+    case 'right':
+      return (0, _styledComponents.css)(["transform:rotate(-90deg);"]);
+    case 'left':
+      return (0, _styledComponents.css)(["transform:rotate(90deg);"]);
+    case 'top':
+      return (0, _styledComponents.css)(["transform:rotate(180deg);"]);
+    case 'bottom':
+    default:
+      return (0, _styledComponents.css)([""]);
+  }
+};
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "ArrowSimple__Icon",
+  componentId: "sc-109llst-0"
+})(["", ";"], iconDirection);
+var ArrowSimple = function ArrowSimple(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "13",
+    height: "8",
+    viewBox: "0 0 13 8",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/_react.default.createElement("g", {
+    id: "STO-Pages",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "1.-Desktop-Overview-Tab",
+    transform: "translate(-948 -1613)",
+    fill: "currentColor"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Risk-Considerations",
+    transform: "translate(512 1146)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Debt",
+    transform: "translate(1 450)"
+  }, /*#__PURE__*/_react.default.createElement("polygon", {
+    id: "Shape-Copy-5",
+    points: "441.5 25 435 18.3043478 436.181818 17 441.5 22.4782609 446.818182 17 448 18.3043478"
+  }))))));
+};
+exports.ArrowSimple = ArrowSimple;
+var _default = ArrowSimple;
+exports.default = _default;

package/dist/components/icons/ArrowSimple.stories.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ArrowSimpleTop = exports.ArrowSimpleRight = exports.ArrowSimpleLeft = exports.ArrowSimpleBottom = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ArrowSimple = require("./ArrowSimple");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components Library/Icons/ArrowSimple',
+  component: _ArrowSimple.ArrowSimple
+};
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_ArrowSimple.ArrowSimple, args);
+};
+var ArrowSimpleBottom = Template.bind({});
+exports.ArrowSimpleBottom = ArrowSimpleBottom;
+ArrowSimpleBottom.args = {
+  direction: 'bottom',
+  children: 'ArrowSimpleBottom'
+};
+var ArrowSimpleRight = Template.bind({});
+exports.ArrowSimpleRight = ArrowSimpleRight;
+ArrowSimpleRight.args = {
+  direction: 'right',
+  children: 'ArrowSimpleRight'
+};
+var ArrowSimpleLeft = Template.bind({});
+exports.ArrowSimpleLeft = ArrowSimpleLeft;
+ArrowSimpleLeft.args = {
+  direction: 'left',
+  children: 'ArrowSimpleLeft'
+};
+var ArrowSimpleTop = Template.bind({});
+exports.ArrowSimpleTop = ArrowSimpleTop;
+ArrowSimpleTop.args = {
+  direction: 'top',
+  children: 'ArrowSimpleTop'
+};
+
+//before
+// export const arrowsimple = () => <ArrowSimple />
+
+// export const ArrowSimpleBottom = () => (
+//   <ArrowSimple direction="bottom"></ArrowSimple>
+// )
+// export const ArrowSimpleRight = () => (
+//   <ArrowSimple direction="right"></ArrowSimple>
+// )
+// export const ArrowSimpleLeft = () => (
+//   <ArrowSimple direction="left"></ArrowSimple>
+// )
+// export const ArrowSimpleTop = () => <ArrowSimple direction="top"></ArrowSimple>

package/dist/components/icons/Check.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Check = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "Check__Icon",
+  componentId: "sc-olr6v2-0"
+})([""]);
+var Check = function Check(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "14",
+    viewBox: "0 0 16 14"
+  }, props), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("path", {
+    id: "5fdua",
+    d: "M1081.11 3455.04v-2.75h7.9v2.75z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "5fdub",
+    d: "M1083.56 3452.57v-3.61h15.06v3.61z"
+  })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    transform: "translate(-1081 -3444)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(-315 1084.5 3454)"
+  }, /*#__PURE__*/_react.default.createElement("use", {
+    fill: "#fff",
+    xlinkHref: "#5fdua"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(-225 1091 3451)"
+  }, /*#__PURE__*/_react.default.createElement("use", {
+    fill: "#fff",
+    xlinkHref: "#5fdub"
+  })))));
+};
+exports.Check = Check;
+var _default = Check;
+exports.default = _default;

package/dist/components/icons/Check.stories.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.check = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Check = require("./Check");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components Library/Icons/Check',
+  component: _Check.Check,
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+};
+exports.default = _default;
+var check = function check() {
+  return /*#__PURE__*/_react.default.createElement(_Check.Check, null);
+};
+
+//making default background grey in story as the element is white
+exports.check = check;

package/dist/components/icons/Facebook.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Facebook = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "Facebook__Icon",
+  componentId: "sc-15wd1rh-0"
+})(["fill:#fff;width:12px;"]);
+var Facebook = function Facebook(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"
+  }));
+};
+exports.Facebook = Facebook;
+var _default = Facebook;
+exports.default = _default;

package/dist/components/icons/Facebook.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.facebook = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Facebook = require("./Facebook");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
+var _default = {
+  title: 'Components Library/Icons/Facebook',
+  component: _Facebook.Facebook,
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+}; //making default background grey in story as the element is white
+exports.default = _default;
+var facebook = function facebook() {
+  return /*#__PURE__*/_react.default.createElement(_Facebook.Facebook, null);
+};
+exports.facebook = facebook;

package/dist/components/icons/Info.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Info = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "Info__Icon",
+  componentId: "sc-fxf1ht-0"
+})([""]);
+var Info = function Info(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/_react.default.createElement("g", {
+    id: "STO-Pages",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "2.-Desktop-Pitch-Tab",
+    transform: "translate(-957 -180)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Hero",
+    transform: "translate(0 94)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Tooltip",
+    transform: "translate(957 86)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.70634725,7.11558038e-07 C4.59053555,-0.00134762449 1.78079233,1.91363693 0.587507493,4.85185624 C-0.605777342,7.79007555 0.0524401862,11.172782 2.25518484,13.4223708 C4.45792949,15.6719596 7.77132172,16.3453242 10.6500831,15.1284251 C13.5288444,13.9115261 15.4059388,11.0440588 15.4059391,7.86333404 C15.4023412,3.52335835 11.9577501,0.00551374093 7.70634725,7.11558038e-07 Z",
+    id: "Shape",
+    fill: "#202020",
+    fillRule: "nonzero",
+    opacity: "0.2"
+  }), /*#__PURE__*/_react.default.createElement("ellipse", {
+    id: "Oval",
+    fill: "#FFF",
+    cx: "7.757",
+    cy: "5.117",
+    rx: "1",
+    ry: "1"
+  }), /*#__PURE__*/_react.default.createElement("polygon", {
+    id: "Rectangle",
+    fill: "#FFF",
+    points: "7.10639456 7.16 8.40206803 7.16 8.40206803 9.31911253 8.40206803 11.5146667 7.10639456 11.5146667 7.10639456 9.8880281"
+  }))))));
+};
+exports.Info = Info;
+var _default = Info;
+exports.default = _default;

package/dist/components/icons/Info.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.info = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Info = require("./Info");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
+var _default = {
+  title: 'Components Library/Icons/Info',
+  component: _Info.Info
+};
+exports.default = _default;
+var info = function info() {
+  return /*#__PURE__*/_react.default.createElement(_Info.Info, null);
+};
+exports.info = info;

package/dist/components/icons/Instagram.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Instagram = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "Instagram__Icon",
+  componentId: "sc-1rfhvll-0"
+})(["fill:#fff;width:12px;"]);
+var Instagram = function Instagram(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"
+  }));
+};
+exports.Instagram = Instagram;
+var _default = Instagram;
+exports.default = _default;

package/dist/components/icons/Instagram.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.instagram = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Instagram = require("./Instagram");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
+var _default = {
+  title: 'Components Library/Icons/Instagram',
+  component: _Instagram.Instagram,
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+}; //making default background grey in story as the element is white
+exports.default = _default;
+var instagram = function instagram() {
+  return /*#__PURE__*/_react.default.createElement(_Instagram.Instagram, null);
+};
+exports.instagram = instagram;

package/dist/components/icons/LinkIcon.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LinkIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "LinkIcon__Icon",
+  componentId: "sc-1urs0zx-0"
+})(["fill:#fff;width:12px;"]);
+var LinkIcon = function LinkIcon() {
+  return /*#__PURE__*/_react.default.createElement(Icon, {
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg"
+    // xmlns:xlink="http://www.w3.org/1999/xlink"
+    ,
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 512.092 512.092"
+    // style="enable-background:new 0 0 512.092 512.092;"
+    // xml:space="preserve"
+  }, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\r c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\r c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\r c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\r c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\r c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\r c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
+  }))), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\r c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\r l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\r l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\r c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\r c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\r c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\r c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\r l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
+  }))), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null), /*#__PURE__*/_react.default.createElement("g", null));
+};
+exports.LinkIcon = LinkIcon;
+var _default = LinkIcon;
+exports.default = _default;

package/dist/components/icons/LinkIcon.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkicon = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LinkIcon = require("./LinkIcon");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
+var _default = {
+  title: 'Components Library/Icons/LinkIcon',
+  component: _LinkIcon.LinkIcon,
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+}; //making default background grey in story as the element is white
+exports.default = _default;
+var linkicon = function linkicon() {
+  return /*#__PURE__*/_react.default.createElement(_LinkIcon.LinkIcon, null);
+};
+exports.linkicon = linkicon;

package/dist/components/icons/LinkedIn.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LinkedIn = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+var Icon = _styledComponents.default.svg.withConfig({
+  displayName: "LinkedIn__Icon",
+  componentId: "sc-ec0ps-0"
+})([""]);
+var LinkedIn = function LinkedIn(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "12",
+    height: "11",
+    viewBox: "0 0 12 11",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/_react.default.createElement("g", {
+    id: "Symbols",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Footer",
+    transform: "translate(-714 -286)",
+    fill: "currentColor",
+    fillRule: "nonzero"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Group",
+    transform: "translate(704 275)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Group-5",
+    transform: "translate(10 11)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M11.2179487,6.40893037 L11.2179487,10.4533333 L8.81357908,10.4533333 L8.81357908,6.6798001 C8.81357908,5.73185778 8.46581294,5.08492423 7.59551083,5.08492423 C6.93114554,5.08492423 6.53578129,5.52091004 6.36184606,5.94265293 C6.29841669,6.09342436 6.28208988,6.30327846 6.28208988,6.51432794 L6.28208988,10.4533333 L3.87691173,10.4533333 C3.87691173,10.4533333 3.90930452,4.06220661 3.87691173,3.40003822 L6.28185515,3.40003822 L6.28185515,4.39981457 C6.27697798,4.4072921 6.27064025,4.4153546 6.26604997,4.42260323 L6.28185515,4.42260323 L6.28185515,4.39981457 C6.6013754,3.91990462 7.17200502,3.23433716 8.44925141,3.23433716 C10.0316734,3.23431172 11.2179487,4.24243035 11.2179487,6.40893037 Z M1.36099298,0 C0.538184661,0 0,0.526301153 0,1.2184051 C0,1.89542682 0.522614211,2.43770038 1.32906965,2.43770038 L1.34513564,2.43770038 C2.18387954,2.43770038 2.70550267,1.89552855 2.70550267,1.2184051 C2.68969749,0.526301153 2.18387954,0 1.36099298,0 Z M0.142846493,10.4533333 L2.54711181,10.4533333 L2.54711181,3.40003822 L0.142846493,3.40003822 L0.142846493,10.4533333 Z",
+    id: "LinkedIn"
+  }))))));
+};
+exports.LinkedIn = LinkedIn;
+var _default = LinkedIn;
+exports.default = _default;

package/dist/components/icons/LinkedIn.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkedin = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LinkedIn = require("./LinkedIn");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
+var _default = {
+  title: 'Components Library/Icons/LinkedIn',
+  component: _LinkedIn.LinkedIn
+};
+exports.default = _default;
+var linkedin = function linkedin() {
+  return /*#__PURE__*/_react.default.createElement(_LinkedIn.LinkedIn, null);
+};
+exports.linkedin = linkedin;