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

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 +22 -15
  3. package/package.json +1 -1
  4. package/src/components/CheckboxFilter.js +1 -1
  5. package/src/generators/styles.js +22 -15
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 */
@@ -122,10 +129,10 @@ var _default = () => ({
122
129
  facetSectionSamplesBackground: {
123
130
  backgroundColor: '#E4ECE9'
124
131
  },
125
- facetSectionAssay: {
132
+ facetSectionDatacategory: {
126
133
  color: '#7AA6B6'
127
134
  },
128
- facetSectionAssayBackground: {
135
+ facetSectionDatacategoryBackground: {
129
136
  backgroundColor: '#E4ECE9'
130
137
  },
131
138
  facetSectionStudy: {
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.4",
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 */
@@ -116,10 +123,10 @@ export default () => ({
116
123
  facetSectionSamplesBackground: {
117
124
  backgroundColor: '#E4ECE9',
118
125
  },
119
- facetSectionAssay: {
126
+ facetSectionDatacategory: {
120
127
  color: '#7AA6B6',
121
128
  },
122
- facetSectionAssayBackground: {
129
+ facetSectionDatacategoryBackground: {
123
130
  backgroundColor: '#E4ECE9',
124
131
  },
125
132
  facetSectionStudy: {