kitchen-simulator 5.0.0-test.64 → 5.0.0-test.65

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 (4) hide show
  1. package/package.json +1 -6
  2. package/src/components/style/form-number-input.jsx +21 -21
  3. package/src/components/style/form-select.jsx +24 -24
  4. package/src/components/style/form-text-input.jsx +20 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kitchen-simulator",
3
- "version": "5.0.0-test.64",
3
+ "version": "5.0.0-test.65",
4
4
  "description": "It is a kitchen simulator.",
5
5
  "main": "src/index.js",
6
6
  "module": "src/index.js",
@@ -26,9 +26,6 @@
26
26
 
27
27
  "dependencies": {
28
28
  "@babel/cli": "^7.24.8",
29
- "@material-ui/core": "^4.12.3",
30
- "@material-ui/icons": "^4.11.2",
31
- "@material-ui/lab": "^4.0.0-alpha.61",
32
29
  "@sentry/react": "^9.10.1",
33
30
  "@sentry/webpack-plugin": "^3.2.4",
34
31
  "antd": "^4.24.16",
@@ -53,7 +50,6 @@
53
50
  "jwt-decode": "^2.2.0",
54
51
  "localstorage-slim": "^2.7.1",
55
52
  "lodash": "^4.17.21",
56
- "material-ui": "^0.20.2",
57
53
  "mobile-detect": "^1.4.5",
58
54
  "path-browserify": "^1.0.1",
59
55
  "polylabel": "1.0.2",
@@ -70,7 +66,6 @@
70
66
  "reactjs-popup": "^2.0.4",
71
67
  "shortid": "2.2.14",
72
68
  "stream-browserify": "^3.0.0",
73
- "styled-components": "^5.2.0",
74
69
  "velocity-react": "1.4.3"
75
70
  },
76
71
 
package/src/components/style/form-number-input.jsx CHANGED
@@ -6,28 +6,28 @@ import {
6
6
  SECONDARY_PURPLE_COLOR,
7
7
  DEFAULT_FONT_FAMILY
8
8
  } from '../../constants';
9
- import styled from 'styled-components';
10
9
  import { isValidNumber } from '../../utils/helper';
11
10
 
12
- const StyledInput = styled.input`
13
- display: block;
14
- padding: 15px 25px 12px 0px;
15
- width: 120px;
16
- color: ${TEXT_COLOR_NEUTRAL_0};
17
- background-color: rgb(255, 255, 255);
18
- border: 2px solid;
19
- text-align: right;
20
- float: right;
21
- font-family: ${DEFAULT_FONT_FAMILY};
22
- font-size: 16px;
23
- font-weight: 600;
24
- line-height: 17px;
25
- border-radius: 5px;
26
- outline: 0;
27
- :focus {
28
- border-color: ${SECONDARY_PURPLE_COLOR};
29
- }
30
- `;
11
+ // import styled from 'styled-components';
12
+ // const StyledInput = styled.input`
13
+ // display: block;
14
+ // padding: 15px 25px 12px 0px;
15
+ // width: 120px;
16
+ // color: ${TEXT_COLOR_NEUTRAL_0};
17
+ // background-color: rgb(255, 255, 255);
18
+ // border: 2px solid;
19
+ // text-align: right;
20
+ // float: right;
21
+ // font-family: ${DEFAULT_FONT_FAMILY};
22
+ // font-size: 16px;
23
+ // font-weight: 600;
24
+ // line-height: 17px;
25
+ // border-radius: 5px;
26
+ // outline: 0;
27
+ // :focus {
28
+ // border-color: ${SECONDARY_PURPLE_COLOR};
29
+ // }
30
+ // `;
31
31
 
32
32
  export default class FormNumberInput extends Component {
33
33
  constructor(props, context) {
@@ -121,7 +121,7 @@ export default class FormNumberInput extends Component {
121
121
  };
122
122
 
123
123
  return (
124
- <StyledInput
124
+ <input
125
125
  id="form_number_input"
126
126
  autoFocus={this.state.focusOn}
127
127
  readOnly={!!this.props.disabled}
package/src/components/style/form-select.jsx CHANGED
@@ -1,37 +1,37 @@
1
1
  import React from 'react';
2
- import styled from 'styled-components';
3
2
  import {
4
3
  TEXT_COLOR_NEUTRAL_3,
5
4
  DEFAULT_FONT_FAMILY,
6
5
  SECONDARY_PURPLE_COLOR
7
6
  } from '../../constants';
8
7
 
9
- const StyledSelect = styled.select`
10
- display: block;
11
- width: 120px;
12
- float: right;
13
- padding: 15px 10px 12px 0px;
14
- color: ${TEXT_COLOR_NEUTRAL_3};
15
- border: 2px solid;
16
- font-family: ${DEFAULT_FONT_FAMILY};
17
- font-size: 12px;
18
- font-weight: 600;
19
- line-height: 17px;
20
- text-align: right;
21
- outline: none;
22
- border-radius: 5px;
23
- :hover {
24
- border-color: ${SECONDARY_PURPLE_COLOR};
25
- }
26
- :focus {
27
- border-color: ${SECONDARY_PURPLE_COLOR};
28
- }
29
- `;
8
+ // import styled from 'styled-components';
9
+ // const StyledSelect = styled.select`
10
+ // display: block;
11
+ // width: 120px;
12
+ // float: right;
13
+ // padding: 15px 10px 12px 0px;
14
+ // color: ${TEXT_COLOR_NEUTRAL_3};
15
+ // border: 2px solid;
16
+ // font-family: ${DEFAULT_FONT_FAMILY};
17
+ // font-size: 12px;
18
+ // font-weight: 600;
19
+ // line-height: 17px;
20
+ // text-align: right;
21
+ // outline: none;
22
+ // border-radius: 5px;
23
+ // :hover {
24
+ // border-color: ${SECONDARY_PURPLE_COLOR};
25
+ // }
26
+ // :focus {
27
+ // border-color: ${SECONDARY_PURPLE_COLOR};
28
+ // }
29
+ // `;
30
30
 
31
31
  export default function FormSelect({ children, style, ...rest }) {
32
32
  return (
33
- <StyledSelect type="text" style={style} {...rest}>
33
+ <select style={style} {...rest}>
34
34
  {children}
35
- </StyledSelect>
35
+ </select>
36
36
  );
37
37
  }
package/src/components/style/form-text-input.jsx CHANGED
@@ -6,27 +6,26 @@ import {
6
6
  DEFAULT_FONT_FAMILY,
7
7
  SECONDARY_PURPLE_COLOR
8
8
  } from '../../constants';
9
- import styled from 'styled-components';
10
9
 
11
- const StyledInput = styled.input`
12
- display: block;
13
- padding: 15px 10px 12px 0px;
14
- width: 120px;
15
- font-family: ${DEFAULT_FONT_FAMILY};
16
- font-size: 12px;
17
- font-weight: 600;
18
- line-height: 17px;
19
- color: ${TEXT_COLOR_NEUTRAL_3};
20
- background-color: ${BG_COLOR_0};
21
- border: 2px solid;
22
- text-align: right;
23
- float: right;
24
- border-radius: 5px;
25
- outline: 0;
26
- :focus {
27
- border-color: ${SECONDARY_PURPLE_COLOR};
28
- }
29
- `;
10
+ // const StyledInput = styled.input`
11
+ // display: block;
12
+ // padding: 15px 10px 12px 0px;
13
+ // width: 120px;
14
+ // font-family: ${DEFAULT_FONT_FAMILY};
15
+ // font-size: 12px;
16
+ // font-weight: 600;
17
+ // line-height: 17px;
18
+ // color: ${TEXT_COLOR_NEUTRAL_3};
19
+ // background-color: ${BG_COLOR_0};
20
+ // border: 2px solid;
21
+ // text-align: right;
22
+ // float: right;
23
+ // border-radius: 5px;
24
+ // outline: 0;
25
+ // :focus {
26
+ // border-color: ${SECONDARY_PURPLE_COLOR};
27
+ // }
28
+ // `;
30
29
 
31
30
  export default class FormTextInput extends Component {
32
31
  constructor(props) {
@@ -45,7 +44,7 @@ export default class FormTextInput extends Component {
45
44
  let { style, ...rest } = this.props;
46
45
 
47
46
  return (
48
- <StyledInput
47
+ <input
49
48
  ref={this.input}
50
49
  onFocus={e => this.setState({ focus: true })}
51
50
  onBlur={e => this.setState({ focus: false })}