@bento-core/query-bar 1.0.1-ccdihub.6 → 1.0.1-ccdihub.8

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 (3) hide show
  1. package/dist/generators/styles.js +22 -16
  2. package/package.json +2 -2
  3. package/src/generators/styles.js +21 -15
package/dist/generators/styles.js CHANGED
@@ -19,8 +19,8 @@ var _default = () => ({
19
19
  position: 'relative',
20
20
  lineHeight: '2.4em',
21
21
  fontFamily: 'Nunito',
22
- fontSize: '14px',
23
- color: '#0e3151'
22
+ fontSize: '12px',
23
+ color: '#000000'
24
24
  },
25
25
  filterName: {
26
26
  textTransform: 'uppercase',
@@ -73,9 +73,9 @@ var _default = () => ({
73
73
  margin: '1px',
74
74
  marginLeft: -6,
75
75
  fontWeight: 600,
76
- fontSize: '13px',
76
+ fontSize: '12px',
77
77
  color: '#fff',
78
- borderRadius: '15px',
78
+ borderRadius: '5px',
79
79
  fontFamily: 'Nunito',
80
80
  boxSizing: 'border-box',
81
81
  backgroundColor: '#646464',
@@ -112,40 +112,46 @@ var _default = () => ({
112
112
  backgroundColor: '#F5C3F1'
113
113
  },
114
114
  facetSectionDemographics: {
115
- color: '#7AA6B6'
115
+ color: '#357288'
116
116
  },
117
117
  facetSectionDemographicsBackground: {
118
- backgroundColor: '#E4ECE9'
118
+ backgroundColor: '#E4ECE9',
119
+ border: '1px solid #646464'
119
120
  },
120
121
  facetSectionDiagnosis: {
121
- color: '#7AA6B6'
122
+ color: '#8C3F8D'
122
123
  },
123
124
  facetSectionDiagnosisBackground: {
124
- backgroundColor: '#E4ECE9'
125
+ backgroundColor: '#E1C9E140',
126
+ border: '1px solid #646464'
125
127
  },
126
128
  facetSectionSamples: {
127
- color: '#7AA6B6'
129
+ color: '#907642'
128
130
  },
129
131
  facetSectionSamplesBackground: {
130
- backgroundColor: '#E4ECE9'
132
+ backgroundColor: '#F0DFBD40',
133
+ border: '1px solid #646464'
131
134
  },
132
135
  facetSectionDatacategory: {
133
- color: '#7AA6B6'
136
+ color: '#A85348'
134
137
  },
135
138
  facetSectionDatacategoryBackground: {
136
- backgroundColor: '#E4ECE9'
139
+ backgroundColor: '#F8D7D240',
140
+ border: '1px solid #646464'
137
141
  },
138
142
  facetSectionStudy: {
139
- color: '#7AA6B6'
143
+ color: '#1F6BBF'
140
144
  },
141
145
  facetSectionStudyBackground: {
142
- backgroundColor: '#E4ECE9'
146
+ backgroundColor: '#CEDEF040',
147
+ border: '1px solid #646464'
143
148
  },
144
149
  facetSectionLibrary: {
145
- color: '#7AA6B6'
150
+ color: '#14A773'
146
151
  },
147
152
  facetSectionLibraryBackground: {
148
- backgroundColor: '#E4ECE9'
153
+ backgroundColor: '#DDEAE540',
154
+ border: '1px solid #646464'
149
155
  }
150
156
  });
151
157
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/query-bar",
3
- "version": "1.0.1-ccdihub.6",
3
+ "version": "1.0.1-ccdihub.8",
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": {
@@ -16,7 +16,7 @@
16
16
  "access": "public"
17
17
  },
18
18
  "peerDependencies": {
19
- "@material-ui/core": "^4.12.4",
19
+ "@material-ui/core": "^4.10.0",
20
20
  "clsx": "^1.2.1",
21
21
  "react": "^17.0.2",
22
22
  "react-dom": "^17.0.0",
package/src/generators/styles.js CHANGED
@@ -13,8 +13,8 @@ export default () => ({
13
13
  position: 'relative',
14
14
  lineHeight: '2.4em',
15
15
  fontFamily: 'Nunito',
16
- fontSize: '14px',
17
- color: '#0e3151',
16
+ fontSize: '12px',
17
+ color: '#000000',
18
18
  },
19
19
  filterName: {
20
20
  textTransform: 'uppercase',
@@ -67,9 +67,9 @@ export default () => ({
67
67
  margin: '1px',
68
68
  marginLeft: -6,
69
69
  fontWeight: 600,
70
- fontSize: '13px',
70
+ fontSize: '12px',
71
71
  color: '#fff',
72
- borderRadius: '15px',
72
+ borderRadius: '5px',
73
73
  fontFamily: 'Nunito',
74
74
  boxSizing: 'border-box',
75
75
  backgroundColor: '#646464',
@@ -106,39 +106,45 @@ export default () => ({
106
106
  backgroundColor: '#F5C3F1',
107
107
  },
108
108
  facetSectionDemographics: {
109
- color: '#7AA6B6',
109
+ color: '#357288',
110
110
  },
111
111
  facetSectionDemographicsBackground: {
112
112
  backgroundColor: '#E4ECE9',
113
+ border: '1px solid #646464',
113
114
  },
114
115
  facetSectionDiagnosis: {
115
- color: '#7AA6B6',
116
+ color: '#8C3F8D',
116
117
  },
117
118
  facetSectionDiagnosisBackground: {
118
- backgroundColor: '#E4ECE9',
119
+ backgroundColor: '#E1C9E140',
120
+ border: '1px solid #646464',
119
121
  },
120
122
  facetSectionSamples: {
121
- color: '#7AA6B6',
123
+ color: '#907642',
122
124
  },
123
125
  facetSectionSamplesBackground: {
124
- backgroundColor: '#E4ECE9',
126
+ backgroundColor: '#F0DFBD40',
127
+ border: '1px solid #646464',
125
128
  },
126
129
  facetSectionDatacategory: {
127
- color: '#7AA6B6',
130
+ color: '#A85348',
128
131
  },
129
132
  facetSectionDatacategoryBackground: {
130
- backgroundColor: '#E4ECE9',
133
+ backgroundColor: '#F8D7D240',
134
+ border: '1px solid #646464',
131
135
  },
132
136
  facetSectionStudy: {
133
- color: '#7AA6B6',
137
+ color: '#1F6BBF',
134
138
  },
135
139
  facetSectionStudyBackground: {
136
- backgroundColor: '#E4ECE9',
140
+ backgroundColor: '#CEDEF040',
141
+ border: '1px solid #646464',
137
142
  },
138
143
  facetSectionLibrary: {
139
- color: '#7AA6B6',
144
+ color: '#14A773',
140
145
  },
141
146
  facetSectionLibraryBackground: {
142
- backgroundColor: '#E4ECE9',
147
+ backgroundColor: '#DDEAE540',
148
+ border: '1px solid #646464',
143
149
  },
144
150
  });