@stokr/components-library 0.6.7 → 0.6.8

package/dist/components/icons/Medium.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Medium = 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: "Medium__Icon",
+  componentId: "sc-5yl5iq-0"
+})([""]);
+var Medium = function Medium(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "12",
+    height: "9",
+    viewBox: "0 0 12 9",
+    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(-834 -287)",
+    fill: "currentColor"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Group",
+    transform: "translate(704 275)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Group-2",
+    transform: "translate(130 12)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M1.33026175,1.71792233 C1.34428419,1.58754232 1.29146635,1.45893018 1.18863515,1.37142089 L0.141626603,0.178112348 L0.141626603,0 L3.3938969,0 L5.90765224,5.21299044 L8.11758814,1.96272387e-16 L11.2179487,0 L11.2179487,0.178112348 L10.3223825,0.99000412 C10.2452591,1.04569185 10.2069311,1.13717884 10.2228232,1.2277819 L10.2228232,7.19344065 C10.2069311,7.28360174 10.2452591,7.37508873 10.3223825,7.43077646 L11.1969151,8.24266823 L11.1969151,8.42078058 L6.79760951,8.42078058 L6.79760951,8.24266823 L7.70392628,7.41088798 C7.79273504,7.32691442 7.79273504,7.30216432 7.79273504,7.17355217 L7.79273504,2.35170175 L5.27383814,8.40133407 L4.93356036,8.40133407 L2.00053419,2.35170175 L2.00053419,6.40629898 C1.97622863,6.57645594 2.03605769,6.74838076 2.16272703,6.87124735 L3.34107906,8.22277976 L3.34107906,8.40133407 L0,8.40133407 L0,8.22277976 L1.17835203,6.87124735 C1.30455395,6.7479388 1.3606437,6.57513004 1.33026175,6.40629898 L1.33026175,1.71792233 Z",
+    id: "Shape"
+  }))))));
+};
+exports.Medium = Medium;
+var _default = Medium;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.medium = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Medium = require("./Medium");
+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/Medium',
+  component: _Medium.Medium
+};
+exports.default = _default;
+var medium = function medium() {
+  return /*#__PURE__*/_react.default.createElement(_Medium.Medium, null);
+};
+exports.medium = medium;

package/dist/components/icons/Reddit.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Reddit = 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: "Reddit__Icon",
+  componentId: "sc-1z0cfyo-0"
+})([""]);
+var Reddit = function Reddit(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "15",
+    height: "13",
+    viewBox: "0 0 15 13"
+  }, props), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("path", {
+    id: "zg3oa",
+    d: "M1076.597 4482.766l-.726 3.33c1.574.076 3.015.464 4.311 1.323.471-.335.977-.521 1.569-.363.666.179 1.079.605 1.21 1.247.134.644-.081 1.205-.635 1.597-.207.146-.267.282-.262.528.023 1.304-.622 2.293-1.647 3.059-1.65 1.23-3.557 1.62-5.59 1.489-1.5-.098-2.91-.505-4.13-1.398-1.134-.83-1.845-1.883-1.772-3.33.005-.09-.086-.213-.17-.276-.795-.596-.987-1.521-.458-2.268.532-.752 1.473-.91 2.342-.407.088.051.262.052.349 0a8.025 8.025 0 0 1 3.907-1.169c.24-.008.335-.098.383-.337.23-1.124.489-2.242.732-3.364.065-.299.226-.39.538-.32.762.169 1.532.309 2.295.474.176.038.28.018.404-.126.405-.473.94-.576 1.467-.314.493.245.738.77.615 1.317-.101.45-.575.837-1.073.877-.547.044-1.04-.302-1.246-.853-.04-.108-.133-.253-.228-.274-.711-.16-1.43-.293-2.185-.442m-2.597 7.23c-.005-.54-.472-1.003-1.006-.996-.539.007-1 .477-.994 1.013.006.545.462.991 1.01.987.548-.004.994-.457.99-1.003m3.994 1.003a1.005 1.005 0 0 0 1.006-.99 1.025 1.025 0 0 0-.997-1.01c-.536-.004-1 .46-1.003 1-.002.546.446.997.994 1m-2.502 1.995c.145 0 .293.012.436-.002.695-.064 1.381-.164 1.935-.569.091-.066.17-.256.124-.33-.102-.162-.264-.082-.425-.001-.267.134-.543.278-.838.343-1.176.257-2.32.25-3.37-.382-.074-.044-.234.016-.354.028.014.095-.012.224.05.278.14.12.312.22.49.297.613.263 1.273.348 1.952.338"
+  })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    transform: "translate(-1068 -4482)"
+  }, /*#__PURE__*/_react.default.createElement("use", {
+    fill: "#fff",
+    xlinkHref: "#zg3oa"
+  }))));
+};
+exports.Reddit = Reddit;
+var _default = Reddit;
+exports.default = _default;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reddit = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Reddit = require("./Reddit");
+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/Reddit',
+  component: _Reddit.Reddit,
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+}; //making default background grey in story as the element is white
+exports.default = _default;
+var reddit = function reddit() {
+  return /*#__PURE__*/_react.default.createElement(_Reddit.Reddit, null);
+};
+exports.reddit = reddit;

package/dist/components/icons/Share.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Share = 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: "Share__Icon",
+  componentId: "sc-1xihap8-0"
+})([""]);
+var Share = function Share(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/_react.default.createElement("g", {
+    id: "STO-Pages",
+    fill: "none",
+    fillRule: "evenodd",
+    strokeLinecap: "round"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "2.-Desktop-Pitch-Tab",
+    transform: "translate(-271 -5126)",
+    strokeWidth: "1.5",
+    stroke: "currentColor"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Wrap-Up",
+    transform: "translate(0 5040)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Share",
+    transform: "translate(183 75)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Share-Icon",
+    transform: "translate(75)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Group-11",
+    transform: "translate(13 11)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14.083,11.5833 C12.61,11.5833 11.417,10.3893 11.417,8.9163 C11.417,7.4433 12.61,6.2503 14.083,6.2503 C15.556,6.2503 16.75,7.4433 16.75,8.9163 C16.75,10.3893 15.556,11.5833 14.083,11.5833 Z",
+    id: "Stroke-1"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M3.417,6.0833 C1.944,6.0833 0.75,4.8893 0.75,3.4163 C0.75,1.9433 1.944,0.7503 3.417,0.7503 C4.89,0.7503 6.083,1.9433 6.083,3.4163 C6.083,4.8893 4.89,6.0833 3.417,6.0833 Z",
+    id: "Stroke-3"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M3.417,17.0833 C1.944,17.0833 0.75,15.8893 0.75,14.4163 C0.75,12.9433 1.944,11.7503 3.417,11.7503 C4.89,11.7503 6.083,12.9433 6.083,14.4163 C6.083,15.8893 4.89,17.0833 3.417,17.0833 Z",
+    id: "Stroke-5"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M5.8545,4.636 L11.7685,7.593",
+    id: "Stroke-7"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.917,11.9163 L11.737,10.5743",
+    id: "Stroke-9"
+  }))))))));
+};
+exports.Share = Share;
+var _default = Share;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.share = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Share = require("./Share");
+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/Share',
+  component: _Share.Share
+};
+exports.default = _default;
+var share = function share() {
+  return /*#__PURE__*/_react.default.createElement(_Share.Share, null);
+};
+exports.share = share;

package/dist/components/icons/Telegram.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Telegram = 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: "Telegram__Icon",
+  componentId: "sc-pwmcwk-0"
+})([""]);
+var Telegram = function Telegram(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "12",
+    height: "9",
+    viewBox: "0 0 12 9",
+    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(-794 -286)",
+    fill: "currentColor"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Group",
+    transform: "translate(704 275)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Group-3",
+    transform: "translate(90 11)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.5929391,9.49400205 C8.74344315,9.60344218 8.93741577,9.63080221 9.11035521,9.56360213 C9.28329465,9.49592205 9.41042851,9.34424188 9.44875563,9.16040167 C9.85492961,7.20007941 10.840217,2.23831371 11.2099335,0.455111664 C11.2379777,0.32071151 11.1912373,0.181031349 11.0884085,0.0912712461 C10.9855796,0.00151114295 10.8430214,-0.0244088868 10.7158876,0.0240711689 C8.75606306,0.769032025 2.72047661,3.0946347 0.253518868,4.03207577 C0.0969385639,4.09159584 -0.00495548443,4.24615602 0.000185958374,4.41559621 C0.00579480507,4.58551641 0.117036931,4.73287658 0.277356466,4.78231664 C1.38370148,5.12215703 2.83592537,5.59495757 2.83592537,5.59495757 C2.83592537,5.59495757 3.51459582,7.69975999 3.86842056,8.77016122 C3.91282393,8.90456137 4.01518539,9.01016149 4.15026511,9.04664154 C4.28487743,9.08264158 4.42883783,9.04472153 4.52932967,8.94728142 C5.0976928,8.39624079 5.97641212,7.54423981 5.97641212,7.54423981 C5.97641212,7.54423981 7.64597882,8.80136125 8.5929391,9.49400205 Z M3.44682225,5.32903726 L4.23159339,7.98728032 L4.40593504,6.30391838 C4.40593504,6.30391838 7.43798408,3.49543516 9.16644367,1.89463332 C9.2169233,1.84759326 9.22393435,1.76887317 9.181868,1.71367311 C9.14026906,1.65847305 9.06361482,1.64551303 9.00612414,1.68295307 C7.00283106,2.99671458 3.44682225,5.32903726 3.44682225,5.32903726 Z",
+    id: "telegram-1"
+  }))))));
+};
+exports.Telegram = Telegram;
+var _default = Telegram;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.telegram = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Telegram = require("./Telegram");
+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/Telegram',
+  component: _Telegram.Telegram
+};
+exports.default = _default;
+var telegram = function telegram() {
+  return /*#__PURE__*/_react.default.createElement(_Telegram.Telegram, null);
+};
+exports.telegram = telegram;

package/dist/components/icons/Twitter.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Twitter = 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: "Twitter__Icon",
+  componentId: "sc-1y6gv5w-0"
+})(["fill:#fff;width:12px;"]);
+var Twitter = function Twitter(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
+  }));
+};
+exports.Twitter = Twitter;
+var _default = Twitter;
+exports.default = _default;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.twitter = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Twitter = require("./Twitter");
+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/Twitter',
+  component: _Twitter.Twitter,
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+}; //making default background grey in story as the element is white
+exports.default = _default;
+var twitter = function twitter() {
+  return /*#__PURE__*/_react.default.createElement(_Twitter.Twitter, null);
+};
+exports.twitter = twitter;

package/dist/components/icons/X.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.X = 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: "X__Icon",
+  componentId: "sc-1hfs1ao-0"
+})(["fill:#000;width:12px;"]);
+var X = function X(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z"
+  }));
+};
+exports.X = X;
+var _default = X;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.x = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _X = require("./X");
+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/X',
+  component: _X.X
+};
+exports.default = _default;
+var x = function x() {
+  return /*#__PURE__*/_react.default.createElement(_X.X, null);
+};
+exports.x = x;

package/dist/components/icons/Youtube.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Youtube = 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: "Youtube__Icon",
+  componentId: "sc-4kerhc-0"
+})(["fill:#fff;width:12px;"]);
+var Youtube = function Youtube(props) {
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"
+  }));
+};
+exports.Youtube = Youtube;
+var _default = Youtube;
+exports.default = _default;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.youtube = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Youtube = require("./Youtube");
+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/Youtube',
+  component: _Youtube.Youtube,
+  parameters: {
+    backgrounds: {
+      default: 'grey'
+    }
+  }
+}; //making default background grey in story as the element is white
+exports.default = _default;
+var youtube = function youtube() {
+  return /*#__PURE__*/_react.default.createElement(_Youtube.Youtube, null);
+};
+exports.youtube = youtube;

package/dist/components/icons/index.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Arrow = require("./Arrow");
+Object.keys(_Arrow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Arrow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Arrow[key];
+    }
+  });
+});
+var _ArrowSimple = require("./ArrowSimple");
+Object.keys(_ArrowSimple).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ArrowSimple[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ArrowSimple[key];
+    }
+  });
+});
+var _Check = require("./Check");
+Object.keys(_Check).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Check[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Check[key];
+    }
+  });
+});
+var _Facebook = require("./Facebook");
+Object.keys(_Facebook).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Facebook[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Facebook[key];
+    }
+  });
+});
+var _Info = require("./Info");
+Object.keys(_Info).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Info[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Info[key];
+    }
+  });
+});
+var _Instagram = require("./Instagram");
+Object.keys(_Instagram).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Instagram[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Instagram[key];
+    }
+  });
+});
+var _LinkIcon = require("./LinkIcon");
+Object.keys(_LinkIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinkIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LinkIcon[key];
+    }
+  });
+});
+var _LinkedIn = require("./LinkedIn");
+Object.keys(_LinkedIn).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinkedIn[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LinkedIn[key];
+    }
+  });
+});
+var _Medium = require("./Medium");
+Object.keys(_Medium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Medium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Medium[key];
+    }
+  });
+});
+var _Reddit = require("./Reddit");
+Object.keys(_Reddit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Reddit[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Reddit[key];
+    }
+  });
+});
+var _Share = require("./Share");
+Object.keys(_Share).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Share[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Share[key];
+    }
+  });
+});
+var _Telegram = require("./Telegram");
+Object.keys(_Telegram).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Telegram[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Telegram[key];
+    }
+  });
+});
+var _Twitter = require("./Twitter");
+Object.keys(_Twitter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Twitter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Twitter[key];
+    }
+  });
+});
+var _Youtube = require("./Youtube");
+Object.keys(_Youtube).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Youtube[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Youtube[key];
+    }
+  });
+});
+var _X = require("./X");
+Object.keys(_X).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _X[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _X[key];
+    }
+  });
+});

package/dist/components/renderToBody/index.js

@@ -0,0 +1,27 @@
+"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
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _renderToBody.default;
+  }
+});
+var _renderToBody = _interopRequireWildcard(require("./renderToBody"));
+Object.keys(_renderToBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _renderToBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _renderToBody[key];
+    }
+  });
+});
+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; }