ui-kit-ck-consultant 0.5.195 → 0.5.198

package/dist/index.css

@@ -1561,6 +1561,8 @@
   border-radius: 15px 15px 15px 15px;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
   background-color: var(--white);
+  padding-left: 5px;
+  padding-right: 5px;
   margin-bottom: 20px;
   flex-wrap: wrap;
 }
@@ -1580,7 +1582,7 @@
   display: inline-flex;
   height: 40px;
   padding: 10px;
-  margin: 5px 10px;
+  margin: 5px;
   color: var(--black);
   transition: 0.4s;
   cursor: pointer;
@@ -1590,10 +1592,6 @@
   flex-shrink: 1;
 }
 
-._38JFK + ._38JFK {
-  margin-left: 0px;
-}
-
 ._38JFK._NU04_ {
   background-color: var(--primary-color);
   color: var(--white);
@@ -1649,6 +1647,8 @@
   width: 100%;
   align-items: center;
   justify-content: space-around;
+  padding-left: 5px;
+  padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-radius: 15px 15px 15px 15px;
@@ -1674,7 +1674,7 @@
   display: inline-flex;
   height: 40px;
   padding: 10px;
-  margin: 5px 10px;
+  margin: 5px;
   color: var(--black);
   cursor: pointer;
   white-space: nowrap;
@@ -1709,7 +1709,7 @@
   ._2JnR3:not(:first-child) > div:first-child {
     position: absolute;
     top: 0;
-    left: -20px;
+    left: -10px;
     border-left: solid 20px #ffffff;
     border-bottom: solid 20px var(--thirty-color);
     border-top: solid 20px var(--thirty-color);
@@ -1799,7 +1799,8 @@
   margin: auto;
   font-size: 14px;
   font-weight: bold;
-  padding-right: 20px;
+  padding-right: 10px;
+  padding-left: 5px;
 }
 
 ._CXnw- {
@@ -2708,11 +2709,12 @@
 
 ._3v-1E > span {
   display: block;
-  font-size: 16px;
+  font-size: 14px;
 }
 
 ._3v-1E > span:last-child {
-  font-size: 14px;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 ._1VFRz {

package/dist/index.js

@@ -904,7 +904,7 @@ var Card = /*#__PURE__*/function (_React$Component) {
     }, this.props.imgLeft ? /*#__PURE__*/React__default.createElement("div", {
       style: {
         overflow: 'hidden',
-        width: '100%'
+        width: this.props.customWidthImgLeft || '100%'
       }
     }, /*#__PURE__*/React__default.createElement("img", {
       style: {
@@ -946,7 +946,7 @@ var Card = /*#__PURE__*/function (_React$Component) {
     }, this.props.children)), this.props.imgRight ? /*#__PURE__*/React__default.createElement("div", {
       style: {
         overflow: 'hidden',
-        width: '100%'
+        width: this.props.customWidthImgRight || '100%'
       }
     }, /*#__PURE__*/React__default.createElement("img", {
       style: {
@@ -3405,10 +3405,14 @@ var ListingVerticalItem = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$s.listing_vertical_left
-    }, this.props.icon ? this.props.icon : this.props.green ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
+      className: style$s.listing_vertical_left,
+      style: {
+        backgroundColor: this.props.backgroundColor ? this.props.backgroundColor : 'gray',
+        color: this.props.color ? this.props.color : 'white'
+      }
+    }, this.props.icon ? this.props.icon : /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faCheck
-    }) : ''), /*#__PURE__*/React__default.createElement("div", {
+    })), /*#__PURE__*/React__default.createElement("div", {
       className: style$s.listing_vertical_right
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.date), /*#__PURE__*/React__default.createElement("span", null, this.props.title), /*#__PURE__*/React__default.createElement("span", null, this.props.subtitle)));
   };
@@ -3454,6 +3458,8 @@ var ListingVertical = /*#__PURE__*/function (_React$Component) {
           key: idx,
           green: element.green,
           orange: element.orange,
+          color: element.color,
+          backgroundColor: element.backgroundColor,
           title: element.title,
           subtitle: element.subtitle,
           date: element.date,