@bento-core/facet-filter 1.0.1-c3dc.1 → 1.0.1-c3dc.2

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/facet/FacetStyle.js +22 -6
  2. package/dist/components/facet/FacetView.js +1 -1
  3. package/dist/components/inputs/FilterItemStyle.js +12 -6
  4. package/package.json +1 -1
  5. package/src/components/facet/FacetStyle.js +19 -5
  6. package/src/components/facet/FacetView.js +4 -1
  7. package/src/components/inputs/FilterItemStyle.js +10 -5
package/dist/components/facet/FacetStyle.js CHANGED
@@ -34,7 +34,20 @@ var _default = () => ({
34
34
  marginBottom: '5px',
35
35
  borderTop: '1px solid #B1B1B1',
36
36
  textAlign: 'left',
37
- marginLeft: '-5px'
37
+ marginLeft: '-4px',
38
+ display: 'flex',
39
+ alignItems: 'stretch',
40
+ justifyContent: 'flex-start',
41
+ gap: '8px'
42
+ },
43
+ sortGroupSlider: {
44
+ marginBottom: '5px',
45
+ textAlign: 'left',
46
+ marginLeft: '-4px',
47
+ display: 'flex',
48
+ alignItems: 'stretch',
49
+ justifyContent: 'flex-start',
50
+ gap: '8px'
38
51
  },
39
52
  sortGroupIcon: {
40
53
  cursor: 'pointer',
@@ -46,9 +59,10 @@ var _default = () => ({
46
59
  sortGroupItem: {
47
60
  cursor: 'pointer',
48
61
  fontFamily: 'Nunito',
49
- fontSize: '10px',
50
- marginRight: '32px'
62
+ fontSize: '10px'
63
+ // marginRight: '32px',
51
64
  },
65
+
52
66
  NonSortGroup: {
53
67
  marginBottom: '5px',
54
68
  borderTop: '1px solid #B1B1B1',
@@ -64,10 +78,12 @@ var _default = () => ({
64
78
  cursor: 'pointer',
65
79
  fontFamily: 'Nunito',
66
80
  fontSize: '10px',
67
- float: 'right',
68
- marginRight: '10px',
69
- marginTop: '5px'
81
+ marginRight: '19px',
82
+ marginLeft: 'auto'
83
+ // marginTop: '5px',
84
+ // float: 'right',
70
85
  },
86
+
71
87
  highlight: {
72
88
  color: '#b2c6d6'
73
89
  },
package/dist/components/facet/FacetView.js CHANGED
@@ -87,7 +87,7 @@ const FacetView = _ref => {
87
87
  }, /*#__PURE__*/_react.default.createElement("span", {
88
88
  className: classes.NonSortGroupItem
89
89
  }, "No data for this field")), (facet.type === _Types.InputTypes.SLIDER || facetValues.length > 0) && /*#__PURE__*/_react.default.createElement("div", {
90
- className: classes.sortGroup
90
+ className: facet.type === _Types.InputTypes.SLIDER ? classes.sortGroupSlider : classes.sortGroup
91
91
  }, /*#__PURE__*/_react.default.createElement("span", {
92
92
  className: classes.sortGroupIcon
93
93
  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
package/dist/components/inputs/FilterItemStyle.js CHANGED
@@ -10,7 +10,11 @@ var _default = () => ({
10
10
  marginBottom: '5px',
11
11
  borderTop: '1px solid #B1B1B1',
12
12
  textAlign: 'left',
13
- marginLeft: '-5px'
13
+ marginLeft: '-4px',
14
+ display: 'flex',
15
+ alignItems: 'stretch',
16
+ justifyContent: 'flex-start',
17
+ gap: '8px'
14
18
  },
15
19
  sortGroupIcon: {
16
20
  cursor: 'pointer',
@@ -22,16 +26,18 @@ var _default = () => ({
22
26
  sortGroupItem: {
23
27
  cursor: 'pointer',
24
28
  fontFamily: 'Nunito',
25
- fontSize: '10px',
26
- marginRight: '32px'
29
+ fontSize: '10px'
30
+ // marginRight: '32px',
27
31
  },
32
+
28
33
  sortGroupItemCounts: {
29
34
  cursor: 'pointer',
30
35
  fontFamily: 'Nunito',
31
36
  fontSize: '10px',
32
- float: 'right',
33
- marginRight: '10px',
34
- marginTop: '5px'
37
+ marginRight: '19px',
38
+ marginLeft: 'auto'
39
+ // marginTop: '5px',
40
+ // float: 'right',
35
41
  }
36
42
  });
37
43
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/facet-filter",
3
- "version": "1.0.1-c3dc.1",
3
+ "version": "1.0.1-c3dc.2",
4
4
  "description": "### Bento core sidebar design:",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/facet/FacetStyle.js CHANGED
@@ -28,7 +28,20 @@ export default () => ({
28
28
  marginBottom: '5px',
29
29
  borderTop: '1px solid #B1B1B1',
30
30
  textAlign: 'left',
31
- marginLeft: '-5px',
31
+ marginLeft: '-4px',
32
+ display: 'flex',
33
+ alignItems: 'stretch',
34
+ justifyContent: 'flex-start',
35
+ gap: '8px',
36
+ },
37
+ sortGroupSlider: {
38
+ marginBottom: '5px',
39
+ textAlign: 'left',
40
+ marginLeft: '-4px',
41
+ display: 'flex',
42
+ alignItems: 'stretch',
43
+ justifyContent: 'flex-start',
44
+ gap: '8px',
32
45
  },
33
46
  sortGroupIcon: {
34
47
  cursor: 'pointer',
@@ -41,7 +54,7 @@ export default () => ({
41
54
  cursor: 'pointer',
42
55
  fontFamily: 'Nunito',
43
56
  fontSize: '10px',
44
- marginRight: '32px',
57
+ // marginRight: '32px',
45
58
  },
46
59
  NonSortGroup: {
47
60
  marginBottom: '5px',
@@ -58,9 +71,10 @@ export default () => ({
58
71
  cursor: 'pointer',
59
72
  fontFamily: 'Nunito',
60
73
  fontSize: '10px',
61
- float: 'right',
62
- marginRight: '10px',
63
- marginTop: '5px',
74
+ marginRight: '19px',
75
+ marginLeft: 'auto',
76
+ // marginTop: '5px',
77
+ // float: 'right',
64
78
  },
65
79
  highlight: {
66
80
  color: '#b2c6d6',
package/src/components/facet/FacetView.js CHANGED
@@ -104,7 +104,10 @@ const FacetView = ({
104
104
  {
105
105
  (facet.type === InputTypes.SLIDER || facetValues.length > 0)
106
106
  && (
107
- <div className={classes.sortGroup}>
107
+ <div className={
108
+ facet.type === InputTypes.SLIDER ? classes.sortGroupSlider : classes.sortGroup
109
+ }
110
+ >
108
111
  <span className={classes.sortGroupIcon}>
109
112
  <Icon
110
113
  style={{ fontSize: 10 }}
package/src/components/inputs/FilterItemStyle.js CHANGED
@@ -4,7 +4,11 @@ export default () => ({
4
4
  marginBottom: '5px',
5
5
  borderTop: '1px solid #B1B1B1',
6
6
  textAlign: 'left',
7
- marginLeft: '-5px',
7
+ marginLeft: '-4px',
8
+ display: 'flex',
9
+ alignItems: 'stretch',
10
+ justifyContent: 'flex-start',
11
+ gap: '8px',
8
12
  },
9
13
  sortGroupIcon: {
10
14
  cursor: 'pointer',
@@ -17,14 +21,15 @@ export default () => ({
17
21
  cursor: 'pointer',
18
22
  fontFamily: 'Nunito',
19
23
  fontSize: '10px',
20
- marginRight: '32px',
24
+ // marginRight: '32px',
21
25
  },
22
26
  sortGroupItemCounts: {
23
27
  cursor: 'pointer',
24
28
  fontFamily: 'Nunito',
25
29
  fontSize: '10px',
26
- float: 'right',
27
- marginRight: '10px',
28
- marginTop: '5px',
30
+ marginRight: '19px',
31
+ marginLeft: 'auto',
32
+ // marginTop: '5px',
33
+ // float: 'right',
29
34
  },
30
35
  });