@stokr/components-library 2.3.3 → 2.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/Input/Input.styles.js +1 -1
  2. package/dist/components/Input/Select.styles.js +3 -3
  3. package/dist/components/Modal/Modal.styles.js +4 -4
  4. package/dist/components/StepsProgress/StepsProgress.styles.js +1 -1
  5. package/dist/components/ToDoList/ToDoList.styles.js +1 -1
  6. package/dist/context/Auth.js +3 -2
  7. package/package.json +1 -1
package/dist/components/Input/Input.styles.js CHANGED
@@ -15,7 +15,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
15
15
  var Wrapper = _styledComponents.default.div.withConfig({
16
16
  displayName: "Inputstyles__Wrapper",
17
17
  componentId: "sc-1osolkh-0"
18
- })(["position:relative;display:block;input:-webkit-autofill{border:none;border-bottom:1px solid #f0f0f0;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}", ""], function (props) {
18
+ })(["position:relative;display:block;input:-webkit-autofill{border:none;border-bottom:1px solid #e1e1e1;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}", ""], function (props) {
19
19
  return props.inverted && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", " {\n color: ", ";\n opacity: 0.4;\n }\n ", " {\n & > input {\n color: ", ";\n border-bottom-color: ", ";\n\n &:focus,\n &:hover {\n border-bottom-color: rgba(255, 255, 255, 0.4);\n }\n }\n }\n "])), Label, _theme.default.cWhite, InputWrap, _theme.default.cWhite, _theme.default.cWhite);
20
20
  });
21
21
  exports.Wrapper = Wrapper;
package/dist/components/Input/Select.styles.js CHANGED
@@ -13,9 +13,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
13
13
  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); }
14
14
  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; }
15
15
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
16
- var SelectControl = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &&& {\n z-index: 10 !important;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n height: 40px;\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n padding: 15px 0;\n padding-bottom: 5px;\n border-radius: 0;\n box-shadow: none;\n border: 0;\n border-top: 1px solid transparent;\n border-bottom: 1px solid #f0f0f0;\n color: #202020;\n background-color: transparent;\n transition: border-color 0.2s;\n cursor: pointer;\n\n &:hover {\n box-shadow: none;\n border-top-color: transparent;\n border-bottom-color: #0050ca;\n }\n\n &.active {\n z-index: 12 !important;\n }\n }\n"])));
16
+ var SelectControl = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &&& {\n z-index: 10 !important;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n height: 40px;\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n padding: 15px 0;\n padding-bottom: 5px;\n border-radius: 0;\n box-shadow: none;\n border: 0;\n border-top: 1px solid transparent;\n border-bottom: 1px solid #e1e1e1;\n color: #202020;\n background-color: transparent;\n transition: border-color 0.2s;\n cursor: pointer;\n\n &:hover {\n box-shadow: none;\n border-top-color: transparent;\n border-bottom-color: #0050ca;\n }\n\n &.active {\n z-index: 12 !important;\n }\n }\n"])));
17
17
  exports.SelectControl = SelectControl;
18
- var SelectMenu = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &&& {\n margin-top: -1px;\n border-radius: 0;\n box-shadow: none;\n border: 0;\n border-top: 1px solid #f0f0f0 !important;\n border-bottom: 1px solid #f0f0f0 !important;\n background-color: #ffffff;\n }\n"])));
18
+ var SelectMenu = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &&& {\n margin-top: -1px;\n border-radius: 0;\n box-shadow: none;\n border: 0;\n border-top: 1px solid #e1e1e1 !important;\n border-bottom: 1px solid #e1e1e1 !important;\n background-color: #ffffff;\n }\n"])));
19
19
  exports.SelectMenu = SelectMenu;
20
20
  var SelectMenuList = (0, _styledComponents.default)(_ComponentScroll2.default).withConfig({
21
21
  displayName: "Selectstyles__SelectMenuList",
@@ -39,7 +39,7 @@ var SelectIcon = _styledComponents.default.i.attrs({
39
39
  }).withConfig({
40
40
  displayName: "Selectstyles__SelectIcon",
41
41
  componentId: "sc-1wc1ybn-1"
42
- })(["&&&{transition:0.3s transform;transform:rotate(0);", "}"], function (props) {
42
+ })(["&&&{transition:0.3s transform;transform:rotate(0);color:#202020;", "}"], function (props) {
43
43
  return props.isMenuOpen && "\n transform: rotate(180deg);\n ";
44
44
  });
45
45
  exports.SelectIcon = SelectIcon;
package/dist/components/Modal/Modal.styles.js CHANGED
@@ -53,7 +53,7 @@ exports.ModalInnerSmartContractAddress = ModalInnerSmartContractAddress;
53
53
  var ModalInnerWithBorder = _styledComponents.default.div.withConfig({
54
54
  displayName: "Modalstyles__ModalInnerWithBorder",
55
55
  componentId: "sc-9hc271-4"
56
- })(["border-radius:10px;border:1px solid ", ";padding:25px 35px;margin-top:39px;", " ", " ", " ", " ", " ", " p{color:", ";font-size:14px;font-weight:300;letter-spacing:0.53px;line-height:22px;text-align:left;margin:0;}"], _colors.default.grey, function (props) {
56
+ })(["border-radius:10px;border:1px solid ", ";padding:25px 35px;margin-top:39px;", " ", " ", " ", " ", " ", " p{color:", ";font-size:14px;font-weight:300;letter-spacing:0.53px;line-height:22px;text-align:left;margin:0;}"], _colors.default.lightGrey, function (props) {
57
57
  return props.bottomRadius0 && "\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n ";
58
58
  }, function (props) {
59
59
  return props.topRadius0 && "\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n ";
@@ -76,7 +76,7 @@ var ModalInner = _styledComponents.default.div.withConfig({
76
76
  }, function (props) {
77
77
  return props.center && "\n text-align: center;\n ";
78
78
  }, function (props) {
79
- return props.background && "\n background-color: ".concat(_colors.default.grey, ";\n ");
79
+ return props.background && "\n background-color: ".concat(_colors.default.lightGrey, ";\n ");
80
80
  }, function (props) {
81
81
  return props.modalBot && "\n background-color: ".concat(_colors.default.orangishRed, ";\n color: ").concat(_colors.default.white, ";\n flex-grow: 0 !important;\n height: auto;\n ");
82
82
  }, function (props) {
@@ -86,7 +86,7 @@ var ModalInner = _styledComponents.default.div.withConfig({
86
86
  }, _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding: 53px ", ";\n\n ", "\n\n ", "\n\n /* missing tiny */\n "])), (0, _grid.default)(1, 12), function (props) {
87
87
  return props.left && "\n padding: 88px ".concat((0, _grid.default)(1, 12), ";\n ");
88
88
  }, function (props) {
89
- return props.modalTop && "\n padding-bottom: 43px;\n border-right: 1px solid ".concat(_colors.default.grey, ";\n ");
89
+ return props.modalTop && "\n padding-bottom: 43px;\n border-right: 1px solid ".concat(_colors.default.lightGrey, ";\n ");
90
90
  }), _rwd.default.XLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding: 53px ", ";\n\n ", "\n\n ", "\n\n /* missing tiny */\n "])), (0, _grid.default)(1, 10), function (props) {
91
91
  return props.left && "\n padding: 88px ".concat((0, _grid.default)(1, 10), ";\n ");
92
92
  }, function (props) {
@@ -136,7 +136,7 @@ exports.ModalTitle = ModalTitle;
136
136
  var ModalScroll = _styledComponents.default.div.withConfig({
137
137
  displayName: "Modalstyles__ModalScroll",
138
138
  componentId: "sc-9hc271-12"
139
- })(["height:100%;overflow-y:auto;padding:0 12px;margin:0 -12px;", " &::-webkit-scrollbar{width:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";}&::-webkit-scrollbar-thumb:window-inactive{background-color:", ";}"], _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding: 0 32px;\n margin: 0 -32px;\n "]))), _colors.default.grey, _colors.default.orangishRed, _colors.default.orangishRedDark);
139
+ })(["height:100%;overflow-y:auto;padding:0 12px;margin:0 -12px;", " &::-webkit-scrollbar{width:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";}&::-webkit-scrollbar-thumb:window-inactive{background-color:", ";}"], _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding: 0 32px;\n margin: 0 -32px;\n "]))), _colors.default.lightGrey, _colors.default.orangishRed, _colors.default.orangishRedDark);
140
140
  exports.ModalScroll = ModalScroll;
141
141
  var ModalSection = _styledComponents.default.div.withConfig({
142
142
  displayName: "Modalstyles__ModalSection",
package/dist/components/StepsProgress/StepsProgress.styles.js CHANGED
@@ -28,7 +28,7 @@ exports.Items = Items;
28
28
  var Item = _styledComponents.default.button.withConfig({
29
29
  displayName: "StepsProgressstyles__Item",
30
30
  componentId: "sc-1gnllve-3"
31
- })(["position:relative;display:inline-block;vertical-align:middle;padding:0;flex:1;margin:0 4px;height:32px;max-width:32px;cursor:pointer;&:before{z-index:0;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.05);background-color:", ";}&:after{z-index:1;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;background-color:transparent;transition:background-color .2s;}&:focus{outline:none;}&:hover:after{background-color:", ";}", " ", " ", ""], _colors.default.grey, _colors.default.black, function (props) {
31
+ })(["position:relative;display:inline-block;vertical-align:middle;padding:0;flex:1;margin:0 4px;height:32px;max-width:32px;cursor:pointer;&:before{z-index:0;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.05);background-color:", ";}&:after{z-index:1;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;background-color:transparent;transition:background-color 0.2s;}&:focus{outline:none;}&:hover:after{background-color:", ";}", " ", " ", ""], _colors.default.lightGrey, _colors.default.black, function (props) {
32
32
  return props.isDone && "\n &:after {\n background-color: ".concat(_colors.default.progressGreen, ";\n }\n\n &:hover:after {\n background-color: ").concat(_colors.default.black, ";\n }\n ");
33
33
  }, function (props) {
34
34
  return props.isActive && "\n &:after {\n background-color: ".concat(_colors.default.grey2, ";\n }\n\n &:hover:after {\n background-color: ").concat(_colors.default.black, ";\n }\n ");
package/dist/components/ToDoList/ToDoList.styles.js CHANGED
@@ -55,7 +55,7 @@ exports.Section = Section;
55
55
  var SectionTitle = _styledComponents.default.div.withConfig({
56
56
  displayName: "ToDoListstyles__SectionTitle",
57
57
  componentId: "sc-r2zwpf-6"
58
- })(["font-size:11px;font-weight:bold;line-height:20px;letter-spacing:1.8px;text-transform:uppercase;padding-bottom:14px;margin-bottom:16px;text-align:left;border-bottom:1px solid ", ";"], _colors.default.grey);
58
+ })(["font-size:11px;font-weight:bold;line-height:20px;letter-spacing:1.8px;text-transform:uppercase;padding-bottom:14px;margin-bottom:16px;text-align:left;border-bottom:1px solid ", ";"], _colors.default.lightGrey);
59
59
  exports.SectionTitle = SectionTitle;
60
60
  var Button = _styledComponents.default.div.withConfig({
61
61
  displayName: "ToDoListstyles__Button",
package/dist/context/Auth.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _axios = _interopRequireDefault(require("../model/axios"));
8
+ var _axios2 = _interopRequireDefault(require("axios"));
8
9
  var _jsCookie = _interopRequireDefault(require("js-cookie"));
9
10
  var _getCookieDomain = _interopRequireDefault(require("../utils/get-cookie-domain"));
10
11
  var _firebaseConfig = require("../firebase-config");
@@ -341,7 +342,7 @@ var Auth = /*#__PURE__*/function () {
341
342
  key: "uploadPhoto",
342
343
  value: function uploadPhoto(data) {
343
344
  return new Promise(function (resolve, reject) {
344
- _axios.default.post("".concat(process.env.REACT_APP_PHOTO_API_URL, "/media/picture/create"), data, {
345
+ _axios2.default.post("".concat(process.env.REACT_APP_PHOTO_API_URL, "/media/picture/create"), data, {
345
346
  headers: {
346
347
  'Content-Type': 'multipart/form-data'
347
348
  }
@@ -361,7 +362,7 @@ var Auth = /*#__PURE__*/function () {
361
362
  key: "deletePhoto",
362
363
  value: function deletePhoto(data) {
363
364
  return new Promise(function (resolve, reject) {
364
- _axios.default.post("".concat(process.env.REACT_APP_PHOTO_API_URL, "/media/picture/delete"), data, {
365
+ _axios2.default.post("".concat(process.env.REACT_APP_PHOTO_API_URL, "/media/picture/delete"), data, {
365
366
  headers: {
366
367
  'Content-Type': 'multipart/form-data'
367
368
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokr/components-library",
3
- "version": "2.3.3",
3
+ "version": "2.3.4",
4
4
  "description": "STOKR - Components Library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",