ui-kit-ck-consultant 0.5.173 → 0.5.176

package/dist/index.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;700&display=swap');
+
 * {
   --primary-color: #6067ae;
   --secondary-color: #4a4c65;
@@ -2591,14 +2593,14 @@
 }
 /* start ListingHorizontal */
 
-._64Nqe{
+._64Nqe {
   display: flex;
   flex-direction: row;
   position: relative;
-  overflow-x: scroll;
+  overflow-x: auto;
 }
 
-._2RiQY{
+._2RiQY {
   display: flex;
   flex-direction: column;
   margin: 5px 0;
@@ -2607,7 +2609,7 @@
   text-align: center;
 }
 
-._3CtDc{
+._3CtDc {
   margin: 0 auto 5px;
   display: flex;
   width: 30px;
@@ -2617,35 +2619,35 @@
   border-radius: 15px;
 }
 
-._2R0Mr>._3CtDc{
+._2R0Mr > ._3CtDc {
   background-color: var(--green);
 }
 
-._3V863 > ._3CtDc{
-  background-color: var(--orange );
+._3V863 > ._3CtDc {
+  background-color: var(--orange);
 }
 
-._3CtDc > svg{
+._3CtDc > svg {
   margin: auto;
 }
 
-._3cuTE{
+._3cuTE {
   margin: auto 0;
   display: block;
   width: 120px;
 }
 
-._3cuTE > span{
+._3cuTE > span {
   display: block;
   font-size: 14px;
 }
 
-._3cuTE > span:nth-child(2){
+._3cuTE > span:nth-child(2) {
   font-weight: bold;
   font-size: 16px;
 }
 
-._1RaCo{
+._1RaCo {
   position: absolute;
   top: 20px;
   left: 70px;
@@ -2658,16 +2660,16 @@
 
 /* start ListingVertical */
 
-._3dZW8{
+._3dZW8 {
   flex-direction: column;
   display: flex;
 }
 
-._wYzrK{
+._wYzrK {
   display: flex;
 }
 
-._uTVeE{
+._uTVeE {
   margin: auto 0;
   display: flex;
   width: 30px;
@@ -2677,44 +2679,45 @@
   border-radius: 15px;
 }
 
-._2R0Mr>._uTVeE{
+._2R0Mr > ._uTVeE {
   background-color: var(--green);
 }
 
-._3V863 > ._uTVeE{
-  background-color: var(--orange );
+._3V863 > ._uTVeE {
+  background-color: var(--orange);
 }
 
-._uTVeE > svg{
+._uTVeE > svg {
   margin: auto;
 }
 
-._3v-1E{
+._3v-1E {
   margin: auto 0;
   margin-left: 15px;
   display: block;
 }
 
-._3v-1E > span{
+._3v-1E > span {
   display: block;
   font-size: 16px;
 }
 
-._3v-1E > span:last-child{
+._3v-1E > span:last-child {
   font-size: 14px;
 }
 
-._1VFRz{
+._1VFRz {
   display: flex;
   flex-direction: column;
   width: 30px;
 }
 
-._1VFRz > span{
+._1VFRz > span {
   margin: 0 auto;
 }
 
 /* end ListingVertical */
+
 ._1ofQJ {
   position: relative;
 }

package/dist/index.js

@@ -1293,6 +1293,11 @@ var TabsCustomItem = /*#__PURE__*/function (_React$Component) {
     var _classNames;
 
     var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_item] = true, _classNames[style$f.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+
+    if (!this.props.active) {
+      return null;
+    }
+
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsItemClass
     }, this.props.children);