@stokr/components-library 0.5.6 → 0.5.8

package/dist/model/axios.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _axios = _interopRequireDefault(require("axios"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* Libraries */
+
+var BASE_URL = process.env.REACT_APP_API_URL || 'https://platform-api.stokr.info/api/v1/';
+var _default = _axios.default.create({
+  headers: {
+    'Content-Type': 'application/json'
+  },
+  baseURL: BASE_URL
+});
+exports.default = _default;

package/dist/model/axiosPublic.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _axios = _interopRequireDefault(require("axios"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* Libraries */
+
+var BASE_URL = process.env.REACT_APP_BASE_URL_PUBLIC || 'https://platform-api-no-auth.stokr.info/api/v1/';
+var _default = _axios.default.create({
+  headers: {
+    'Content-Type': 'application/json'
+  },
+  baseURL: BASE_URL
+});
+exports.default = _default;

package/dist/styles/colors.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var colors = {
+  black: '#202020',
+  grey: '#f0f0f0',
+  lightGrey: '#e1e1e1',
+  orangishRed: '#ee220d',
+  white: '#ffffff',
+  lightPeach: '#fbd2d1',
+  salmon: '#f57c76',
+  paleSalmon: '#f8a7a4',
+  pastelRed: '#f24f45',
+  reddishBrown: '#8e150a',
+  reddyBrown: '#5e0f08',
+  rustyRed: '#be1b09',
+  lightPeriwinkle: '#ceddf5',
+  carolinaBlue: '#9cb9eb',
+  lighterGreen: '#84fb6f',
+  blue: '#0050ca',
+  blueDark: '#004BB7',
+  softBlue: '#6a97e0',
+  darkBrown: '#300606',
+  azul: '#3873d5',
+  darkishBlue: '#0240a2',
+  marineBlue: '#032f78',
+  navy: '#021f51',
+  navy2: '#021128',
+  offWhite: '#e6fee2',
+  veryLightGreen: '#cefec6',
+  lightPastelGreen: '#b5fca9',
+  easterGreen: '#9bfc8c',
+  freshGreen: '#69c858',
+  fernGreen: '#4d9741',
+  pine: '#34652c',
+  pine2: '#1a3315',
+  black70: 'rgba(32, 32, 32, 0.7)',
+  yellow: '#f8e71c',
+  yellowLight: '#fffedf',
+  progressGreen: '#79ca65',
+  progressAccentStart: '#69BD53',
+  progressAccentStop: '#A9EF9C',
+  progressRedStart: '#EE220D',
+  progressRedStop: '#F57C76',
+  progressBlueStart: '#0240A2',
+  progressBlueStop: '#66A3FE',
+  grey2: '#9b9b9b',
+  grey3: '#f8f8f8',
+  midRed: '#e3210d'
+};
+var _default = colors;
+exports.default = _default;

package/dist/styles/fonts.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _OpenSansRegular = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Regular.woff2"));
+var _OpenSansRegular2 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Regular.woff"));
+var _OpenSansRegular3 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Regular.ttf"));
+var _OpenSansSemiBold = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-SemiBold.woff2"));
+var _OpenSansSemiBold2 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-SemiBold.woff"));
+var _OpenSansSemiBold3 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-SemiBold.ttf"));
+var _OpenSansBold = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Bold.woff2"));
+var _OpenSansBold2 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Bold.woff"));
+var _OpenSansBold3 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Bold.ttf"));
+var _OpenSansLight = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Light.woff2"));
+var _OpenSansLight2 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Light.woff"));
+var _OpenSansLight3 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-Light.ttf"));
+var _OpenSansExtraBold = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-ExtraBold.woff2"));
+var _OpenSansExtraBold2 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-ExtraBold.woff"));
+var _OpenSansExtraBold3 = _interopRequireDefault(require("static/fonts/OpenSans/OpenSans-ExtraBold.ttf"));
+var _Ionicons = _interopRequireDefault(require("static/fonts/Ionicons/Ionicons.woff2"));
+var _Ionicons2 = _interopRequireDefault(require("static/fonts/Ionicons/Ionicons.woff"));
+var _Ionicons3 = _interopRequireDefault(require("static/fonts/Ionicons/Ionicons.ttf"));
+var _icomoon = _interopRequireDefault(require("static/fonts/icomoon/icomoon.eot"));
+var _icomoon2 = _interopRequireDefault(require("static/fonts/icomoon/icomoon.woff"));
+var _icomoon3 = _interopRequireDefault(require("static/fonts/icomoon/icomoon.ttf"));
+var _icomoon4 = _interopRequireDefault(require("static/fonts/icomoon/icomoon.svg"));
+require("static/fonts/Ionicons/ionicons.min.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var fontFaces = (0, _styledComponents.css)(["@font-face{font-family:'Open Sans';src:url(", ") format('woff2'),url(", ") format('woff'),url(", ") format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'Open Sans';src:url(", ") format('woff2'),url(", ") format('woff'),url(", ") format('truetype');font-weight:600;font-style:normal;}@font-face{font-family:'Open Sans';src:url(", ") format('woff2'),url(", ") format('woff'),url(", ") format('truetype');font-weight:bold;font-style:normal;}@font-face{font-family:'Open Sans';src:url(", ") format('woff2'),url(", ") format('woff'),url(", ") format('truetype');font-weight:300;font-style:normal;}@font-face{font-family:'Open Sans';src:url(", ") format('woff2'),url(", ") format('woff'),url(", ") format('truetype');font-weight:800;font-style:normal;}@font-face{font-family:\"Ionicons\";src:url(", ") format(\"woff2\"),url(", ") format(\"woff\"),url(", ") format(\"truetype\");font-weight:normal;font-style:normal;}@font-face{font-family:'icomoon';src:url('", "');src:url('", "#iefix') format('embedded-opentype'),url('", "') format('truetype'),url('", "') format('woff'),url('", "') format('svg');font-weight:normal;font-style:normal;}"], _OpenSansRegular.default, _OpenSansRegular2.default, _OpenSansRegular3.default, _OpenSansSemiBold.default, _OpenSansSemiBold2.default, _OpenSansSemiBold3.default, _OpenSansBold.default, _OpenSansBold2.default, _OpenSansBold3.default, _OpenSansLight.default, _OpenSansLight2.default, _OpenSansLight3.default, _OpenSansExtraBold.default, _OpenSansExtraBold2.default, _OpenSansExtraBold3.default, _Ionicons.default, _Ionicons2.default, _Ionicons3.default, _icomoon.default, _icomoon.default, _icomoon3.default, _icomoon2.default, _icomoon4.default);
+var _default = fontFaces;
+exports.default = _default;

package/dist/styles/global.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+require("react-tippy/dist/tippy.css");
+require("react-day-picker/dist/style.css");
+var _colors = _interopRequireDefault(require("styles/colors"));
+var _fonts = _interopRequireDefault(require("styles/fonts"));
+var _semanticUi = _interopRequireDefault(require("styles/semanticUi"));
+var _reactTippy = _interopRequireDefault(require("styles/reactTippy"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//import 'semantic-ui-css/semantic.min.css'
+
+var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["", " *,*:before,*:after{box-sizing:border-box;}html,body{margin:0;font-family:'Open Sans';font-size:10px;line-height:1;background-color:", ";}input,select,textarea,button{font-family:'Open Sans';}button{background-color:transparent;border:0;padding:0;cursor:pointer;}select{appearance:none;}select::-ms-expand{display:none;}a{font-weight:normal;color:inherit;&:hover{text-decoration:none;color:inherit;}}::selection{color:", ";background-color:", ";}", " ", ""], _fonts.default, _colors.default.white, _colors.default.white, _colors.default.blue, _semanticUi.default, _reactTippy.default);
+var _default = GlobalStyle;
+exports.default = _default;

package/dist/styles/grid.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var grid = function grid(itemUnits) {
+  var gridUnits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
+  var tmp = Math.floor(itemUnits / gridUnits * 1e4);
+  if (tmp % 2 !== 0) {
+    tmp -= 1;
+  }
+  return "".concat(tmp / 1e2, "%");
+};
+var _default = grid;
+exports.default = _default;

package/dist/styles/reactTippy.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _colors = _interopRequireDefault(require("styles/colors"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var reactTippyStyle = (0, _styledComponents.css)([".tippy-popper{.tippy-tooltip{border-radius:10px;font-size:11px;line-height:14px;letter-spacing:0.4px;padding:12px;}.tippy-tooltip.light-theme{box-shadow:0 0 12px 8px rgba(0,0,0,0.03),0 0 6px 3px rgba(0,0,0,0.02);}&[x-placement^='top'] [x-arrow]{border-top-color:", "!important;}&[x-placement^='bottom'] [x-arrow]{border-bottom-color:", "!important;}&[x-placement^='left'] [x-arrow]{border-left-color:", "!important;}&[x-placement^='right'] [x-arrow]{border-right-color:", "!important;}}"], _colors.default.blue, _colors.default.blue, _colors.default.blue, _colors.default.blue);
+var _default = reactTippyStyle;
+exports.default = _default;

package/dist/styles/rwd.js

@@ -0,0 +1,52 @@
+"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.sizes = exports.rwdMax = exports.getMedia = exports.default = exports.DisplayOnBreakpoint = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var sizes = {
+  Small: '320px',
+  Mobile: '450px',
+  Medium: '768px',
+  MLarge: '992px',
+  Large: '1024px',
+  XLarge: '1440px',
+  XXLarge: '2560px'
+};
+exports.sizes = sizes;
+var rwd = Object.keys(sizes).reduce(function (acc, label) {
+  acc[label] = function () {
+    return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "])), sizes[label], _styledComponents.css.apply(void 0, arguments));
+  };
+  return acc;
+}, {});
+var rwdMax = Object.keys(sizes).reduce(function (acc, label) {
+  acc[label] = function () {
+    return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    @media (max-width: ", ") {\n      ", "\n    }\n  "])), sizes[label], _styledComponents.css.apply(void 0, arguments));
+  };
+  return acc;
+}, {});
+exports.rwdMax = rwdMax;
+var getMedia = function getMedia(breakpoint) {
+  return "(min-width: ".concat(sizes[breakpoint], ")");
+};
+exports.getMedia = getMedia;
+var DisplayOnBreakpoint = _styledComponents.default.div.withConfig({
+  displayName: "rwd__DisplayOnBreakpoint",
+  componentId: "sc-nmqrxw-0"
+})(["", " ", " ", ""], function (props) {
+  return props.fullscreen && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      height: 100%;\n    "])));
+}, function (props) {
+  return props.down && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      display: block;\n\n      ", "\n    "])), rwd[props.breakpoint](_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: none;\n    "]))));
+}, function (props) {
+  return props.up && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      display: none;\n\n      ", "\n    "])), rwd[props.breakpoint](_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      display: block;\n    "]))));
+});
+exports.DisplayOnBreakpoint = DisplayOnBreakpoint;
+var _default = rwd;
+exports.default = _default;

package/dist/styles/semanticUi.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+var _colors = _interopRequireDefault(require("styles/colors"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var semanticUiStyle = (0, _styledComponents.css)([".ui.dimmer{background-color:rgba(0,0,0,0.7);}.ui.modals.dimmer{align-items:center;padding:0;}.ui.modal{.ui.grid{margin:0;& > .row{padding:0;}& > .row > .column{padding:0 !important;}}}.ui.popup{border-radius:10px;font-size:11px;line-height:14px;letter-spacing:0.4px;padding:12px;box-shadow:0 0 12px 8px rgba(0,0,0,0.03),0 0 6px 3px rgba(0,0,0,0.02);border:none;&::before{background:none !important;border:7px solid transparent !important;box-shadow:none !important;margin:0 !important;}&.top::before{border-top-color:", "!important;transform:rotate(0) translateY(100%) translateX(-50%) !important;left:50% !important;bottom:0 !important;}&.bottom::before{border-bottom-color:", "!important;transform:rotate(0) translateY(-100%) translateX(-50%) !important;left:50% !important;top:0 !important;}&.left::before{border-left-color:", "!important;transform:rotate(0) translateX(100%) !important;right:0 !important;top:auto !important;}&.right::before{border-right-color:", "!important;transform:rotate(0) translateX(-100%) !important;left:0 !important;top:auto !important;}&.top.left::before{border:7px solid transparent !important;border-top-color:", "!important;left:0 !important;transform:rotate(0) translateY(100%) translateX(0) !important;}}"], _colors.default.blue, _colors.default.blue, _colors.default.blue, _colors.default.blue, _colors.default.blue);
+var _default = semanticUiStyle;
+exports.default = _default;

package/dist/styles/spacing.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var spacing = {
+  headerHeight: 96,
+  footerHeight: 56
+};
+var _default = spacing;
+exports.default = _default;

package/dist/styles/theme.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _colors = _interopRequireDefault(require("./colors"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var theme = _objectSpread({
+  cText: _colors.default.black,
+  cWhite: _colors.default.white,
+  cBlack: _colors.default.black,
+  cPrimary: _colors.default.blue,
+  cPrimaryDark: _colors.default.blueDark,
+  cPrimaryLight: _colors.default.carolinaBlue,
+  cWarning: _colors.default.orangishRed,
+  cWarningMid: _colors.default.midRed,
+  cWarningDark: _colors.default.rustyRed,
+  cGrey: _colors.default.grey,
+  cLightGrey: _colors.default.lightGrey,
+  cGrey2: _colors.default.grey2,
+  cGrey3: _colors.default.grey3,
+  cProgressDone: _colors.default.progressGreen,
+  cYellow: _colors.default.yellow,
+  cYellowLight: _colors.default.yellowLight,
+  cLighterGreen: _colors.default.lighterGreen,
+  cSuccess: _colors.default.freshGreen,
+  cDarkGreen: _colors.default.pine,
+  cProgressAccentStart: _colors.default.progressAccentStart,
+  cProgressAccentStop: _colors.default.progressAccentStop,
+  cProgressRedStart: _colors.default.progressRedStart,
+  cProgressRedStop: _colors.default.progressRedStop,
+  cProgressBlueStart: _colors.default.progressBlueStart,
+  cProgressBlueStop: _colors.default.progressBlueStop
+}, _colors.default);
+var _default = theme;
+exports.default = _default;