@bento-core/query-bar 1.0.1-ccdihub.0 → 1.0.1-ccdihub.1

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 (5) hide show
  1. package/dist/components/CheckboxFilter.js +3 -1
  2. package/dist/generators/styles.js +20 -13
  3. package/package.json +1 -1
  4. package/src/components/CheckboxFilter.js +1 -1
  5. package/src/generators/styles.js +20 -13
package/dist/components/CheckboxFilter.js CHANGED
@@ -33,7 +33,9 @@ var _default = _ref => {
33
33
  className: (0, _clsx.default)(classes.filterCheckboxes, classes["facetSection".concat(section)]),
34
34
  key: idx,
35
35
  onClick: () => onItemClick(data, d)
36
- }, d), idx === maxItems - 1 ? null : ' ')), items.length > maxItems && '...', items.length > 1 && /*#__PURE__*/_react.default.createElement("span", {
36
+ }, d), idx === maxItems - 1 ? null : ' ')), items.length > maxItems && /*#__PURE__*/_react.default.createElement("span", {
37
+ className: classes.ellipsis
38
+ }, "..."), items.length > 1 && /*#__PURE__*/_react.default.createElement("span", {
37
39
  className: classes.bracketsClose
38
40
  }, ")")));
39
41
  };
package/dist/generators/styles.js CHANGED
@@ -15,46 +15,51 @@ var _default = () => ({
15
15
  overflowY: 'auto'
16
16
  },
17
17
  queryContainer: {
18
- marginLeft: 7,
18
+ marginLeft: 5,
19
19
  position: 'relative',
20
20
  lineHeight: '2.4em',
21
- letterSpacing: '0.5px',
22
21
  fontFamily: 'Nunito',
23
22
  fontSize: '14px',
24
23
  color: '#0e3151'
25
24
  },
26
25
  filterName: {
27
26
  textTransform: 'uppercase',
28
- padding: '5px 6px 5px 7px',
27
+ padding: '3px 6px 3px 6px',
29
28
  borderRadius: 4,
30
29
  fontSize: 12,
31
30
  fontWeight: 600,
32
31
  cursor: 'pointer'
33
32
  },
34
33
  filterCheckboxes: {
35
- padding: '4px 7px 3px 6px',
36
- borderRadius: 4,
34
+ padding: '3px 6px 3px 6px',
35
+ borderRadius: 5,
37
36
  fontSize: 12,
38
37
  fontWeight: 600,
39
- border: '0.75px solid #898989',
38
+ border: '0.5px solid #646464',
40
39
  width: 'fit-content',
41
40
  backgroundColor: '#fff',
42
41
  cursor: 'pointer'
43
42
  },
44
43
  bracketsOpen: {
45
- fontSize: 18,
46
- fontFamily: 'Nunito Sans Semibold',
47
- color: '#787878',
44
+ fontSize: 20,
45
+ fontFamily: 'Nunito',
46
+ color: '#646464',
48
47
  marginRight: 3,
49
48
  fontWeight: 600
50
49
  },
51
50
  bracketsClose: {
52
- fontSize: 18,
53
- fontFamily: 'Nunito Sans Semibold',
54
- color: '#787878',
51
+ fontSize: 20,
52
+ fontFamily: 'Nunito',
53
+ color: '#646464',
55
54
  marginLeft: 3,
56
55
  fontWeight: 600
57
56
  },
57
+ ellipsis: {
58
+ fontFamily: 'Nunito',
59
+ fontWeight: 600,
60
+ fontSize: 10,
61
+ marginLeft: 3
62
+ },
58
63
  operators: {
59
64
  color: '#646464',
60
65
  marginLeft: '3px',
@@ -82,7 +87,9 @@ var _default = () => ({
82
87
  }
83
88
  },
84
89
  divider: {
85
- borderRight: '2px solid #969696',
90
+ padding: '0 0 3px 0',
91
+ fontSize: '23px',
92
+ borderRight: '1px solid #969696',
86
93
  marginLeft: 7
87
94
  },
88
95
  /* Custom Styling by Project */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/query-bar",
3
- "version": "1.0.1-ccdihub.0",
3
+ "version": "1.0.1-ccdihub.1",
4
4
  "description": "This package provides the Query Bar component that displays the current Facet Search and Local Find filters on the Dashboard/Explore page. It also provides the direct ability to reset all or some of the filters with the click of a button. It is designed to be implemented directly with the:",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/CheckboxFilter.js CHANGED
@@ -38,7 +38,7 @@ export default ({
38
38
  {idx === (maxItems - 1) ? null : ' '}
39
39
  </>
40
40
  ))}
41
- {items.length > maxItems && '...'}
41
+ {items.length > maxItems && <span className={classes.ellipsis}>...</span>}
42
42
  {items.length > 1 && <span className={classes.bracketsClose}>)</span>}
43
43
  </span>
44
44
  </span>
package/src/generators/styles.js CHANGED
@@ -9,46 +9,51 @@ export default () => ({
9
9
  overflowY: 'auto',
10
10
  },
11
11
  queryContainer: {
12
- marginLeft: 7,
12
+ marginLeft: 5,
13
13
  position: 'relative',
14
14
  lineHeight: '2.4em',
15
- letterSpacing: '0.5px',
16
15
  fontFamily: 'Nunito',
17
16
  fontSize: '14px',
18
17
  color: '#0e3151',
19
18
  },
20
19
  filterName: {
21
20
  textTransform: 'uppercase',
22
- padding: '5px 6px 5px 7px',
21
+ padding: '3px 6px 3px 6px',
23
22
  borderRadius: 4,
24
23
  fontSize: 12,
25
24
  fontWeight: 600,
26
25
  cursor: 'pointer',
27
26
  },
28
27
  filterCheckboxes: {
29
- padding: '4px 7px 3px 6px',
30
- borderRadius: 4,
28
+ padding: '3px 6px 3px 6px',
29
+ borderRadius: 5,
31
30
  fontSize: 12,
32
31
  fontWeight: 600,
33
- border: '0.75px solid #898989',
32
+ border: '0.5px solid #646464',
34
33
  width: 'fit-content',
35
34
  backgroundColor: '#fff',
36
35
  cursor: 'pointer',
37
36
  },
38
37
  bracketsOpen: {
39
- fontSize: 18,
40
- fontFamily: 'Nunito Sans Semibold',
41
- color: '#787878',
38
+ fontSize: 20,
39
+ fontFamily: 'Nunito',
40
+ color: '#646464',
42
41
  marginRight: 3,
43
42
  fontWeight: 600,
44
43
  },
45
44
  bracketsClose: {
46
- fontSize: 18,
47
- fontFamily: 'Nunito Sans Semibold',
48
- color: '#787878',
45
+ fontSize: 20,
46
+ fontFamily: 'Nunito',
47
+ color: '#646464',
49
48
  marginLeft: 3,
50
49
  fontWeight: 600,
51
50
  },
51
+ ellipsis: {
52
+ fontFamily: 'Nunito',
53
+ fontWeight: 600,
54
+ fontSize: 10,
55
+ marginLeft: 3,
56
+ },
52
57
  operators: {
53
58
  color: '#646464',
54
59
  marginLeft: '3px',
@@ -76,7 +81,9 @@ export default () => ({
76
81
  },
77
82
  },
78
83
  divider: {
79
- borderRight: '2px solid #969696',
84
+ padding: '0 0 3px 0',
85
+ fontSize: '23px',
86
+ borderRight: '1px solid #969696',
80
87
  marginLeft: 7,
81
88
  },
82
89
  /* Custom Styling by Project */