ui-kit-ck-consultant 0.5.180 → 0.5.183

package/css/style.css

@@ -1,5 +1,14 @@
 /* start color */
 
+.primary {
+  color: var(--primary-color) !important;
+}
+.secondary {
+  color: var(--secondary-color) !important;
+}
+.thirty {
+  color: var(--thirty-color) !important;
+}
 .green {
   color: var(--green) !important;
 }
@@ -88,6 +97,15 @@
   color: var(--black) !important;
 }
 
+.bg-primary {
+  background-color: var(--primary-color) !important;
+}
+.bg-secondary {
+  background-color: var(--secondary-color) !important;
+}
+.bg-thirty {
+  background-color: var(--thirty-color) !important;
+}
 .bg-green {
   background-color: var(--green) !important;
 }

package/dist/index.css

@@ -2523,7 +2523,7 @@
   text-align: center;
 }
 
-._361mk{
+._361mk {
   position: fixed;
   bottom: 2rem;
   left: 2rem;
@@ -2531,7 +2531,7 @@
   z-index: 100;
 }
 
-._22nl5{
+._22nl5 {
   display: flex;
   padding: 1rem;
   background-color: #ffffff;
@@ -2540,27 +2540,28 @@
   z-index: 120;
 }
 
-._22nl5 > span{
+._22nl5 > span {
   display: inline-block;
   margin: auto 1rem;
 }
 
-._2fV2F{
+._2fV2F {
   display: flex;
   width: 100%;
-  height: 60px;
+  min-height: 60px;
   padding: 0 1rem;
   border-radius: 12px;
 }
 
-._2fV2F>span{
+._2fV2F > span {
   margin: auto 0;
 }
 
-._1UPB2{
+._1UPB2 {
   margin-left: auto !important;
   font-size: 1.3rem;
 }
+
 ._2wEDs {
   display: flex;
   flex-direction: column;

package/dist/index.js

@@ -3481,9 +3481,10 @@ var ListingHorizontalItem = /*#__PURE__*/function (_React$Component) {
       className: listingClass
     }, /*#__PURE__*/React__default.createElement("div", {
       className: style$s.listing_horizontal_icon,
-      style: this.props.color ? {
-        backgroundColor: this.props.color
-      } : null
+      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", {
@@ -3536,6 +3537,7 @@ var ListingHorizontal = /*#__PURE__*/function (_React$Component) {
           green: element.green,
           orange: element.orange,
           color: element.color,
+          backgroundColor: element.backgroundColor,
           title: element.title,
           subtitle: element.subtitle,
           date: element.date,