@onesy/ui-react 1.0.9 → 1.0.10

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/SectionReviews/SectionReviews.js +8 -11
  2. package/esm/SectionReviews/SectionReviews.js +11 -12
  3. package/esm/index.js +1 -1
  4. package/package.json +1 -1
package/SectionReviews/SectionReviews.js CHANGED
@@ -26,16 +26,13 @@ const Rating_1 = __importDefault(require("../Rating"));
26
26
  const utils_2 = require("../utils");
27
27
  const useStyle = (0, style_react_1.style)(theme => ({
28
28
  root: {
29
- overflow: 'hidden'
30
- },
31
- reviews: {
32
- overflowX: 'auto',
33
- padding: '0px 4px 12px',
34
- maxWidth: '100%'
29
+ overflow: 'auto hidden',
30
+ padding: '0px 16px 24px',
35
31
  },
32
+ reviews: {},
36
33
  review: {
37
- flex: '0 0 auto',
38
- background: theme.palette.background.primary.secondary
34
+ background: theme.palette.background.primary.secondary,
35
+ boxShadow: '0px 4px 32px 0px rgba(0, 0, 0, 0.024)'
39
36
  },
40
37
  review_size_small: {
41
38
  width: '240px',
@@ -74,14 +71,14 @@ const Element = react_1.default.forwardRef((props_, ref) => {
74
71
  ref.current = item;
75
72
  }
76
73
  refs.root.current = item;
77
- }, align: 'center', className: (0, style_react_1.classNames)([
74
+ }, align: 'flex-start', fullWidth: true, className: (0, style_react_1.classNames)([
78
75
  (0, utils_2.staticClassName)('SectionReviews', theme) && [
79
76
  'onesy-SectionReviews-root',
80
77
  `onesy-SectionReviews-size-${size}`
81
78
  ],
82
79
  className,
83
80
  classes.root
84
- ]) }, other, { children: (0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 2, direction: 'row', align: 'flex-start', fullWidth: true }, ReviewsProps, { className: (0, style_react_1.classNames)([
81
+ ]) }, other, { children: (0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 2, direction: 'row', justify: 'center', align: 'flex-start' }, ReviewsProps, { className: (0, style_react_1.classNames)([
85
82
  (0, utils_2.staticClassName)('SectionReviews', theme) && [
86
83
  'onesy-SectionReviews-reviews'
87
84
  ],
@@ -89,7 +86,7 @@ const Element = react_1.default.forwardRef((props_, ref) => {
89
86
  classes.reviews
90
87
  ]) }, { children: values.filter(Boolean).map((item, index) => {
91
88
  var _a, _b, _c;
92
- return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.4, direction: 'column' }, ReviewProps, { className: (0, style_react_1.classNames)([
89
+ return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.4, direction: 'column', flexNo: true }, ReviewProps, { className: (0, style_react_1.classNames)([
93
90
  (0, utils_2.staticClassName)('SectionReviews', theme) && [
94
91
  'onesy-SectionReviews-review'
95
92
  ],
package/esm/SectionReviews/SectionReviews.js CHANGED
@@ -15,16 +15,13 @@ import RatingElement from '../Rating';
15
15
  import { staticClassName } from '../utils';
16
16
  const useStyle = styleMethod(theme => ({
17
17
  root: {
18
- overflow: 'hidden'
19
- },
20
- reviews: {
21
- overflowX: 'auto',
22
- padding: '0px 4px 12px',
23
- maxWidth: '100%'
18
+ overflow: 'auto hidden',
19
+ padding: '0px 16px 24px'
24
20
  },
21
+ reviews: {},
25
22
  review: {
26
- flex: '0 0 auto',
27
- background: theme.palette.background.primary.secondary
23
+ background: theme.palette.background.primary.secondary,
24
+ boxShadow: '0px 4px 32px 0px rgba(0, 0, 0, 0.024)'
28
25
  },
29
26
  review_size_small: {
30
27
  width: '240px',
@@ -79,19 +76,21 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
79
76
  }
80
77
  refs.root.current = item;
81
78
  },
82
- align: "center",
79
+ align: "flex-start",
80
+ fullWidth: true,
83
81
  className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-root', `onesy-SectionReviews-size-${size}`], className, classes.root])
84
82
  }, other), /*#__PURE__*/React.createElement(Line, _extends({
85
83
  gap: 2,
86
84
  direction: "row",
87
- align: "flex-start",
88
- fullWidth: true
85
+ justify: "center",
86
+ align: "flex-start"
89
87
  }, ReviewsProps, {
90
88
  className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-reviews'], ReviewsProps?.className, classes.reviews])
91
89
  }), values.filter(Boolean).map((item, index) => /*#__PURE__*/React.createElement(Line, _extends({
92
90
  key: index,
93
91
  gap: 1.4,
94
- direction: "column"
92
+ direction: "column",
93
+ flexNo: true
95
94
  }, ReviewProps, {
96
95
  className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-review'], ReviewProps?.className, classes.review, classes[`review_size_${size}`]])
97
96
  }), /*#__PURE__*/React.createElement(Line, {
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.9
1
+ /** @license UiReact v1.0.10
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onesy/ui-react",
3
- "version": "1.0.9",
3
+ "version": "1.0.10",
4
4
  "description": "UI for React",
5
5
  "repository": "https://github.com/onesy-org/onesy.git",
6
6
  "author": "Lazar <lazareric2@gmail.com>",