@bento-core/facet-filter 1.0.1-ccdihub.3 → 1.0.1-ccdihub.5

package/dist/components/inputs/slider/SliderView.js

@@ -118,7 +118,7 @@ const styles = () => ({
     marginRight: 'Auto',
     paddingRight: '20px'
   },
-  minValue: props => ({
+  minValue: props => props.facet.style && props.facet.style.minValue ? props.facet.style.minValue : {
     fontFamily: 'Nunito',
     fontSize: '15px',
     color: '#000000',
@@ -126,57 +126,57 @@ const styles = () => ({
     float: 'left',
     width: '75px',
     display: 'flex'
-  }),
-  maxValue: props => ({
+  },
+  maxValue: props => props.facet.style && props.facet.style.maxValue ? props.facet.style.maxValue : {
     fontFamily: 'Nunito',
     fontSize: '15px',
     color: '#000000',
     float: 'right',
     marginBottom: '0px',
     display: 'flex'
-  }),
-  rail: props => ({
+  },
+  rail: props => props.facet.style && props.facet.style.rail ? props.facet.style.rail : {
     borderRadius: 4,
     height: 6,
     background: '#142D64'
-  }),
-  minInputLabel: props => ({
+  },
+  minInputLabel: props => props.facet.style && props.facet.style.minInputLabel ? props.facet.style.minInputLabel : {
     float: 'left',
     lineHeight: '34px',
     marginRight: '5px'
-  }),
-  maxInputLabel: props => ({
+  },
+  maxInputLabel: props => props.facet.style && props.facet.style.maxInputLabel ? props.facet.style.maxInputLabel : {
     float: 'left',
     lineHeight: '34px',
     marginRight: '5px'
-  }),
-  thumb: props => ({
+  },
+  thumb: props => props.facet.style && props.facet.style.thumb ? props.facet.style.thumb : {
     height: 16,
     width: 16,
     background: '#10A075'
-  }),
-  invalidThumb: props => ({
+  },
+  invalidThumb: props => props.facet.style && props.facet.style.invalidThumb ? props.facet.style.invalidThumb : {
     height: 16,
     width: 16,
     background: '#F44336'
-  }),
-  track: props => ({
+  },
+  track: props => props.facet.style && props.facet.style.track ? props.facet.style.track : {
     borderRadius: 4,
     height: 6,
     background: '#10A075',
     '&~&': {
       background: '#142D64'
     }
-  }),
-  invalidTrack: props => ({
+  },
+  invalidTrack: props => props.facet.style && props.facet.style.invalidTrack ? props.facet.style.invalidTrack : {
     borderRadius: 4,
     height: 6,
     background: '#F44336',
     '&~&': {
       background: '#142D64'
     }
-  }),
-  upperBound: props => ({
+  },
+  upperBound: props => props.facet.style && props.facet.style.upperBound ? props.facet.style.upperBound : {
     fontFamily: 'Nunito',
     fontSize: '10px',
     color: '#000000',
@@ -184,8 +184,8 @@ const styles = () => ({
     marginLeft: 'Auto',
     marginRight: 'Auto',
     marginBottom: '15px'
-  }),
-  lowerBound: props => ({
+  },
+  lowerBound: props => props.facet.style && props.facet.style.lowerBound ? props.facet.style.lowerBound : {
     fontFamily: 'Nunito',
     fontSize: '10px',
     color: '#000000',
@@ -193,8 +193,8 @@ const styles = () => ({
     marginLeft: 'Auto',
     marginRight: 'Auto',
     marginBottom: '15px'
-  }),
-  sliderText: props => ({
+  },
+  sliderText: props => props.facet.style && props.facet.style.sliderText ? props.facet.style.sliderText : {
     color: '#10a075',
     lineHeight: '120%',
     fontFamily: 'Nunito',
@@ -204,8 +204,8 @@ const styles = () => ({
     textAlign: 'right',
     background: '#f5fdee',
     marginTop: '10px'
-  }),
-  invalidSliderText: props => ({
+  },
+  invalidSliderText: props => props.facet.style && props.facet.style.invalidSliderText ? props.facet.style.invalidSliderText : {
     color: '#D32F2F',
     lineHeight: '120%',
     fontFamily: 'Nunito',
@@ -215,18 +215,18 @@ const styles = () => ({
     textAlign: 'right',
     background: '#E57373',
     marginTop: '10px'
-  }),
-  sliderListItem: props => ({
+  },
+  sliderListItem: props => props.facet.style && props.facet.style.sliderListItem ? props.facet.style.sliderListItem : {
     height: '15px'
-  }),
-  listItemGutters: props => ({
+  },
+  listItemGutters: props => props.facet.style && props.facet.style.listItemGutters ? props.facet.style.listItemGutters : {
     display: 'flex',
     justifyContent: 'space-between',
     padding: '2px 5px 2px 8px'
-  }),
-  lowerUpperBound: props => ({
+  },
+  lowerUpperBound: props => props.facet.style && props.facet.style.lowerUpperBound ? props.facet.style.lowerUpperBound : {
     height: '15px'
-  })
+  }
 });
 var _default = (0, _core.withStyles)(styles)(SliderView);
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bento-core/facet-filter",
-  "version": "1.0.1-ccdihub.3",
+  "version": "1.0.1-ccdihub.5",
   "description": "### Bento core sidebar design:",
   "main": "dist/index.js",
   "scripts": {

package/src/components/inputs/slider/SliderView.js

@@ -136,115 +136,147 @@ const styles = () => ({
       marginRight: 'Auto',
       paddingRight: '20px',
     }),
-  minValue: (props) => ({
-    fontFamily: 'Nunito',
-    fontSize: '15px',
-    color: '#000000',
-    marginBottom: '0px',
-    float: 'left',
-    width: '75px',
-    display: 'flex',
-  }),
-  maxValue: (props) => ({
-    fontFamily: 'Nunito',
-    fontSize: '15px',
-    color: '#000000',
-    float: 'right',
-    marginBottom: '0px',
-    display: 'flex',
-  }),
-  rail: (props) => ({
-    borderRadius: 4,
-    height: 6,
-    background: '#142D64',
-  }),
-  minInputLabel: (props) => ({
-    float: 'left',
-    lineHeight: '34px',
-    marginRight: '5px',
-  }),
-  maxInputLabel: (props) => ({
-    float: 'left',
-    lineHeight: '34px',
-    marginRight: '5px',
-  }),
-  thumb: (props) => ({
-    height: 16,
-    width: 16,
-    background: '#10A075',
-  }),
-  invalidThumb: (props) => ({
-    height: 16,
-    width: 16,
-    background: '#F44336',
-  }),
-  track: (props) => ({
-    borderRadius: 4,
-    height: 6,
-    background: '#10A075',
-    '&~&': {
-      background: '#142D64',
-    },
-  }),
-  invalidTrack: (props) => ({
-    borderRadius: 4,
-    height: 6,
-    background: '#F44336',
-    '&~&': {
+  minValue: (props) => (props.facet.style && props.facet.style.minValue
+    ? props.facet.style.minValue
+    : {
+      fontFamily: 'Nunito',
+      fontSize: '15px',
+      color: '#000000',
+      marginBottom: '0px',
+      float: 'left',
+      width: '75px',
+      display: 'flex',
+    }),
+  maxValue: (props) => (props.facet.style && props.facet.style.maxValue
+    ? props.facet.style.maxValue
+    : {
+      fontFamily: 'Nunito',
+      fontSize: '15px',
+      color: '#000000',
+      float: 'right',
+      marginBottom: '0px',
+      display: 'flex',
+    }),
+  rail: (props) => (props.facet.style && props.facet.style.rail
+    ? props.facet.style.rail
+    : {
+      borderRadius: 4,
+      height: 6,
       background: '#142D64',
-    },
-  }),
-  upperBound: (props) => ({
-    fontFamily: 'Nunito',
-    fontSize: '10px',
-    color: '#000000',
-    float: 'right',
-    marginLeft: 'Auto',
-    marginRight: 'Auto',
-    marginBottom: '15px',
-  }),
-  lowerBound: (props) => ({
-    fontFamily: 'Nunito',
-    fontSize: '10px',
-    color: '#000000',
-    float: 'left',
-    marginLeft: 'Auto',
-    marginRight: 'Auto',
-    marginBottom: '15px',
-  }),
-  sliderText: (props) => ({
-    color: '#10a075',
-    lineHeight: '120%',
-    fontFamily: 'Nunito',
-    fontSize: '14px',
-    padding: '5px 15px 5px 0px',
-    width: '100%',
-    textAlign: 'right',
-    background: '#f5fdee',
-    marginTop: '10px',
-  }),
-  invalidSliderText: (props) => ({
-    color: '#D32F2F',
-    lineHeight: '120%',
-    fontFamily: 'Nunito',
-    fontSize: '14px',
-    padding: '5px 15px 5px 0px',
-    width: '100%',
-    textAlign: 'right',
-    background: '#E57373',
-    marginTop: '10px',
-  }),
-  sliderListItem: (props) => ({
-    height: '15px',
-  }),
-  listItemGutters: (props) => ({
-    display: 'flex',
-    justifyContent: 'space-between',
-    padding: '2px 5px 2px 8px',
-  }),
-  lowerUpperBound: (props) => ({
-    height: '15px',
-  }),
+    }),
+  minInputLabel: (props) => (props.facet.style && props.facet.style.minInputLabel
+    ? props.facet.style.minInputLabel
+    : {
+      float: 'left',
+      lineHeight: '34px',
+      marginRight: '5px',
+    }),
+  maxInputLabel: (props) => (props.facet.style && props.facet.style.maxInputLabel
+    ? props.facet.style.maxInputLabel
+    : {
+      float: 'left',
+      lineHeight: '34px',
+      marginRight: '5px',
+    }),
+  thumb: (props) => (props.facet.style && props.facet.style.thumb
+    ? props.facet.style.thumb
+    : {
+      height: 16,
+      width: 16,
+      background: '#10A075',
+    }),
+  invalidThumb: (props) => (props.facet.style && props.facet.style.invalidThumb
+    ? props.facet.style.invalidThumb
+    : {
+      height: 16,
+      width: 16,
+      background: '#F44336',
+    }),
+  track: (props) => (props.facet.style && props.facet.style.track
+    ? props.facet.style.track
+    : {
+      borderRadius: 4,
+      height: 6,
+      background: '#10A075',
+      '&~&': {
+        background: '#142D64',
+      },
+    }),
+  invalidTrack: (props) => (props.facet.style && props.facet.style.invalidTrack
+    ? props.facet.style.invalidTrack
+    : {
+      borderRadius: 4,
+      height: 6,
+      background: '#F44336',
+      '&~&': {
+        background: '#142D64',
+      },
+    }),
+  upperBound: (props) => (props.facet.style && props.facet.style.upperBound
+    ? props.facet.style.upperBound
+    : {
+      fontFamily: 'Nunito',
+      fontSize: '10px',
+      color: '#000000',
+      float: 'right',
+      marginLeft: 'Auto',
+      marginRight: 'Auto',
+      marginBottom: '15px',
+    }),
+  lowerBound: (props) => (props.facet.style && props.facet.style.lowerBound
+    ? props.facet.style.lowerBound
+    : {
+      fontFamily: 'Nunito',
+      fontSize: '10px',
+      color: '#000000',
+      float: 'left',
+      marginLeft: 'Auto',
+      marginRight: 'Auto',
+      marginBottom: '15px',
+    }),
+  sliderText: (props) => (props.facet.style && props.facet.style.sliderText
+    ? props.facet.style.sliderText
+    : {
+      color: '#10a075',
+      lineHeight: '120%',
+      fontFamily: 'Nunito',
+      fontSize: '14px',
+      padding: '5px 15px 5px 0px',
+      width: '100%',
+      textAlign: 'right',
+      background: '#f5fdee',
+      marginTop: '10px',
+    }),
+  invalidSliderText: (props) => (props.facet.style && props.facet.style.invalidSliderText
+    ? props.facet.style.invalidSliderText
+    : {
+      color: '#D32F2F',
+      lineHeight: '120%',
+      fontFamily: 'Nunito',
+      fontSize: '14px',
+      padding: '5px 15px 5px 0px',
+      width: '100%',
+      textAlign: 'right',
+      background: '#E57373',
+      marginTop: '10px',
+    }),
+  sliderListItem: (props) => (props.facet.style && props.facet.style.sliderListItem
+    ? props.facet.style.sliderListItem
+    : {
+      height: '15px',
+    }),
+  listItemGutters: (props) => (props.facet.style && props.facet.style.listItemGutters
+    ? props.facet.style.listItemGutters
+    : {
+      display: 'flex',
+      justifyContent: 'space-between',
+      padding: '2px 5px 2px 8px',
+    }),
+  lowerUpperBound: (props) => (props.facet.style && props.facet.style.lowerUpperBound
+    ? props.facet.style.lowerUpperBound
+    : {
+      height: '15px',
+    }),
 });
 
 export default withStyles(styles)(SliderView);