kitchen-simulator 1.1.1-test.34 → 1.1.1-test.35

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 (3) hide show
  1. package/es/components/disclaimer/disclaimer.js +66 -86
  2. package/lib/components/disclaimer/disclaimer.js +66 -86
  3. package/package.json +1 -1
package/es/components/disclaimer/disclaimer.js CHANGED
@@ -1,80 +1,62 @@
1
1
  import React, { useEffect } from 'react';
2
- import { Typography, Button, makeStyles } from '@material-ui/core';
3
- var useStyles = makeStyles(function (theme) {
4
- return {
5
- root: {
6
- display: 'flex',
7
- justifyContent: 'center',
8
- alignItems: 'center',
9
- backgroundColor: '#D1C4E9',
10
- background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
11
- backgroundSize: 'cover',
12
- padding: theme.spacing(2),
13
- height: '100dvh',
14
- width: '100dvw'
15
- },
16
- card: {
17
- '@media (orientation: landscape)': {
18
- padding: '0.75rem',
19
- gap: '0.5rem'
20
- },
21
- display: 'flex',
22
- flexDirection: 'column',
23
- alignItems: 'center',
24
- backgroundColor: '#fff',
25
- borderRadius: 24,
26
- width: '85vw',
27
- textAlign: 'center',
28
- boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
29
- height: 'fit-content',
30
- opacity: '90%',
31
- gap: '1rem',
32
- padding: '1.5rem',
33
- maxWidth: '364px'
34
- },
35
- title: {
36
- fontWeight: 'bold',
37
- fontSize: '1.5rem',
38
- lineHeight: '133%',
39
- letterSpacing: '0px',
40
- textAlign: 'center',
41
- verticalAlign: 'middle',
42
- maxWidth: '200px'
43
- },
44
- body: {
45
- fontWeight: 400,
46
- fontStyle: 'normal',
47
- fontSize: '0.875rem',
48
- lineHeight: '143%',
49
- letterSpacing: '0.17px',
50
- color: '#49454F',
51
- maxWidth: '90%'
52
- },
53
- button: {
54
- '@media (orientation: landscape)': {
55
- padding: '12px 36px'
56
- },
57
- marginTop: '0.5rem',
58
- backgroundColor: '#6750A4',
59
- color: '#fff',
60
- borderRadius: 100,
61
- padding: '16px 72px',
62
- textTransform: 'none',
63
- fontWeight: 500,
64
- fontSize: '1rem',
65
- '&:hover': {
66
- backgroundColor: '#7c3aed'
67
- },
68
- '&:active': {
69
- backgroundColor: '#5a25c2'
70
- },
71
- '&:disabled': {
72
- backgroundColor: '#F3E5F5',
73
- color: '#1D1B20'
74
- }
75
- }
76
- };
77
- });
2
+ var styles = {
3
+ root: {
4
+ display: 'flex',
5
+ justifyContent: 'center',
6
+ alignItems: 'center',
7
+ backgroundColor: '#D1C4E9',
8
+ background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
9
+ backgroundSize: 'cover',
10
+ padding: '16px',
11
+ height: '100dvh',
12
+ width: '100dvw'
13
+ },
14
+ card: {
15
+ display: 'flex',
16
+ flexDirection: 'column',
17
+ alignItems: 'center',
18
+ backgroundColor: '#fff',
19
+ borderRadius: 24,
20
+ width: '85vw',
21
+ textAlign: 'center',
22
+ boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
23
+ height: 'fit-content',
24
+ opacity: '90%',
25
+ gap: '1rem',
26
+ padding: '1.5rem',
27
+ maxWidth: '364px'
28
+ },
29
+ title: {
30
+ fontWeight: 'bold',
31
+ fontSize: '1.5rem',
32
+ lineHeight: '133%',
33
+ letterSpacing: '0px',
34
+ textAlign: 'center',
35
+ verticalAlign: 'middle',
36
+ maxWidth: '200px'
37
+ },
38
+ body: {
39
+ fontWeight: 400,
40
+ fontStyle: 'normal',
41
+ fontSize: '0.875rem',
42
+ lineHeight: '143%',
43
+ letterSpacing: '0.17px',
44
+ color: '#49454F',
45
+ maxWidth: '90%'
46
+ },
47
+ button: {
48
+ marginTop: '0.5rem',
49
+ backgroundColor: '#6750A4',
50
+ color: '#fff',
51
+ borderRadius: 100,
52
+ padding: '16px 72px',
53
+ textTransform: 'none',
54
+ fontWeight: 500,
55
+ fontSize: '1rem',
56
+ border: 'none',
57
+ cursor: 'pointer'
58
+ }
59
+ };
78
60
  export default function DisclaimerScreen(_ref) {
79
61
  var _ref$open = _ref.open,
80
62
  open = _ref$open === void 0 ? true : _ref$open,
@@ -85,7 +67,6 @@ export default function DisclaimerScreen(_ref) {
85
67
  message = _ref$message === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "We\u2019re adding the finishing touches to the mobile version.", /*#__PURE__*/React.createElement("br", null), "In the meantime, try our desktop version to start designing your dream room.") : _ref$message,
86
68
  _ref$buttonText = _ref.buttonText,
87
69
  buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
88
- var classes = useStyles();
89
70
  useEffect(function () {
90
71
  var viewportMeta = document.querySelector('meta[name="viewport"]');
91
72
  if (!viewportMeta) {
@@ -97,21 +78,20 @@ export default function DisclaimerScreen(_ref) {
97
78
  }, []);
98
79
  if (!open) return null;
99
80
  return /*#__PURE__*/React.createElement("div", {
100
- className: classes.root
81
+ style: styles.root
101
82
  }, /*#__PURE__*/React.createElement("div", {
102
- className: classes.card
83
+ style: styles.card
103
84
  }, /*#__PURE__*/React.createElement("img", {
104
85
  width: 40,
105
86
  height: 40,
106
87
  alt: "loog",
107
88
  src: '/assets/img/svg/disclaimer/logo-dots.svg'
108
- }), /*#__PURE__*/React.createElement(Typography, {
109
- className: classes.title
110
- }, titleTop), /*#__PURE__*/React.createElement(Typography, {
111
- className: classes.body
112
- }, message), /*#__PURE__*/React.createElement(Button, {
113
- variant: "contained",
114
- className: classes.button,
89
+ }), /*#__PURE__*/React.createElement("div", {
90
+ style: styles.title
91
+ }, titleTop), /*#__PURE__*/React.createElement("div", {
92
+ style: styles.body
93
+ }, message), /*#__PURE__*/React.createElement("button", {
94
+ style: styles.button,
115
95
  onClick: onClose
116
96
  }, buttonText)));
117
97
  }
package/lib/components/disclaimer/disclaimer.js CHANGED
@@ -6,83 +6,65 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = DisclaimerScreen;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _core = require("@material-ui/core");
10
9
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
- var useStyles = (0, _core.makeStyles)(function (theme) {
12
- return {
13
- root: {
14
- display: 'flex',
15
- justifyContent: 'center',
16
- alignItems: 'center',
17
- backgroundColor: '#D1C4E9',
18
- background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
19
- backgroundSize: 'cover',
20
- padding: theme.spacing(2),
21
- height: '100dvh',
22
- width: '100dvw'
23
- },
24
- card: {
25
- '@media (orientation: landscape)': {
26
- padding: '0.75rem',
27
- gap: '0.5rem'
28
- },
29
- display: 'flex',
30
- flexDirection: 'column',
31
- alignItems: 'center',
32
- backgroundColor: '#fff',
33
- borderRadius: 24,
34
- width: '85vw',
35
- textAlign: 'center',
36
- boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
37
- height: 'fit-content',
38
- opacity: '90%',
39
- gap: '1rem',
40
- padding: '1.5rem',
41
- maxWidth: '364px'
42
- },
43
- title: {
44
- fontWeight: 'bold',
45
- fontSize: '1.5rem',
46
- lineHeight: '133%',
47
- letterSpacing: '0px',
48
- textAlign: 'center',
49
- verticalAlign: 'middle',
50
- maxWidth: '200px'
51
- },
52
- body: {
53
- fontWeight: 400,
54
- fontStyle: 'normal',
55
- fontSize: '0.875rem',
56
- lineHeight: '143%',
57
- letterSpacing: '0.17px',
58
- color: '#49454F',
59
- maxWidth: '90%'
60
- },
61
- button: {
62
- '@media (orientation: landscape)': {
63
- padding: '12px 36px'
64
- },
65
- marginTop: '0.5rem',
66
- backgroundColor: '#6750A4',
67
- color: '#fff',
68
- borderRadius: 100,
69
- padding: '16px 72px',
70
- textTransform: 'none',
71
- fontWeight: 500,
72
- fontSize: '1rem',
73
- '&:hover': {
74
- backgroundColor: '#7c3aed'
75
- },
76
- '&:active': {
77
- backgroundColor: '#5a25c2'
78
- },
79
- '&:disabled': {
80
- backgroundColor: '#F3E5F5',
81
- color: '#1D1B20'
82
- }
83
- }
84
- };
85
- });
10
+ var styles = {
11
+ root: {
12
+ display: 'flex',
13
+ justifyContent: 'center',
14
+ alignItems: 'center',
15
+ backgroundColor: '#D1C4E9',
16
+ background: 'url("/assets/img/svg/disclaimer/background.svg") no-repeat center',
17
+ backgroundSize: 'cover',
18
+ padding: '16px',
19
+ height: '100dvh',
20
+ width: '100dvw'
21
+ },
22
+ card: {
23
+ display: 'flex',
24
+ flexDirection: 'column',
25
+ alignItems: 'center',
26
+ backgroundColor: '#fff',
27
+ borderRadius: 24,
28
+ width: '85vw',
29
+ textAlign: 'center',
30
+ boxShadow: '0 8px 20px rgba(0,0,0,0.08)',
31
+ height: 'fit-content',
32
+ opacity: '90%',
33
+ gap: '1rem',
34
+ padding: '1.5rem',
35
+ maxWidth: '364px'
36
+ },
37
+ title: {
38
+ fontWeight: 'bold',
39
+ fontSize: '1.5rem',
40
+ lineHeight: '133%',
41
+ letterSpacing: '0px',
42
+ textAlign: 'center',
43
+ verticalAlign: 'middle',
44
+ maxWidth: '200px'
45
+ },
46
+ body: {
47
+ fontWeight: 400,
48
+ fontStyle: 'normal',
49
+ fontSize: '0.875rem',
50
+ lineHeight: '143%',
51
+ letterSpacing: '0.17px',
52
+ color: '#49454F',
53
+ maxWidth: '90%'
54
+ },
55
+ button: {
56
+ marginTop: '0.5rem',
57
+ backgroundColor: '#6750A4',
58
+ color: '#fff',
59
+ borderRadius: 100,
60
+ padding: '16px 72px',
61
+ textTransform: 'none',
62
+ fontWeight: 500,
63
+ fontSize: '1rem',
64
+ border: 'none',
65
+ cursor: 'pointer'
66
+ }
67
+ };
86
68
  function DisclaimerScreen(_ref) {
87
69
  var _ref$open = _ref.open,
88
70
  open = _ref$open === void 0 ? true : _ref$open,
@@ -93,7 +75,6 @@ function DisclaimerScreen(_ref) {
93
75
  message = _ref$message === void 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "We\u2019re adding the finishing touches to the mobile version.", /*#__PURE__*/_react["default"].createElement("br", null), "In the meantime, try our desktop version to start designing your dream room.") : _ref$message,
94
76
  _ref$buttonText = _ref.buttonText,
95
77
  buttonText = _ref$buttonText === void 0 ? 'Close' : _ref$buttonText;
96
- var classes = useStyles();
97
78
  (0, _react.useEffect)(function () {
98
79
  var viewportMeta = document.querySelector('meta[name="viewport"]');
99
80
  if (!viewportMeta) {
@@ -105,21 +86,20 @@ function DisclaimerScreen(_ref) {
105
86
  }, []);
106
87
  if (!open) return null;
107
88
  return /*#__PURE__*/_react["default"].createElement("div", {
108
- className: classes.root
89
+ style: styles.root
109
90
  }, /*#__PURE__*/_react["default"].createElement("div", {
110
- className: classes.card
91
+ style: styles.card
111
92
  }, /*#__PURE__*/_react["default"].createElement("img", {
112
93
  width: 40,
113
94
  height: 40,
114
95
  alt: "loog",
115
96
  src: '/assets/img/svg/disclaimer/logo-dots.svg'
116
- }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
117
- className: classes.title
118
- }, titleTop), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
119
- className: classes.body
120
- }, message), /*#__PURE__*/_react["default"].createElement(_core.Button, {
121
- variant: "contained",
122
- className: classes.button,
97
+ }), /*#__PURE__*/_react["default"].createElement("div", {
98
+ style: styles.title
99
+ }, titleTop), /*#__PURE__*/_react["default"].createElement("div", {
100
+ style: styles.body
101
+ }, message), /*#__PURE__*/_react["default"].createElement("button", {
102
+ style: styles.button,
123
103
  onClick: onClose
124
104
  }, buttonText)));
125
105
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kitchen-simulator",
3
- "version": "1.1.1-test.34",
3
+ "version": "1.1.1-test.35",
4
4
  "description": "It is a kitchen simulator.",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",