ui-kit-ck-consultant 0.5.317 → 0.6.1

package/dist/index.css

@@ -182,26 +182,22 @@
 
 ._Dv_TK,
 ._3v07V {
-  background-color: var(--primary-color);
-  border: 0.7px solid var(--primary-color);
-  width: auto;
+  display: flex;
+  width: 100%;
+  min-height: 50px;
+  border-radius: 8px;
   cursor: pointer;
-  border-radius: 7px;
-  border-style: none;
-  display: inline-flex;
-  margin: 0;
-  justify-content: center;
-  align-items: center;
-  transition: background-color 0.3s ease;
-  border: 0.7px solid transparent;
-  height: 36px;
+  transition: 0.4s;
+  background-color: var(--primary-color);
+  border: 2px solid var(--primary-color);
+  padding: 0 30px;
 }
 
 /* start - color button */
 ._Dv_TK._36slQ,
 ._3v07V._36slQ {
   background-color: var(--red);
-  border: 0.7px solid var(--red);
+  border: 2px solid var(--red);
 }
 ._3v07V._36slQ > span {
   color: var(--red);
@@ -213,7 +209,7 @@
 ._Dv_TK._2bzkq,
 ._3v07V._2bzkq {
   background-color: var(--blue);
-  border: 0.7px solid var(--blue);
+  border: 2px solid var(--blue);
 }
 ._3v07V._2bzkq > span {
   color: var(--blue);
@@ -225,7 +221,7 @@
 ._Dv_TK._3q_as,
 ._3v07V._3q_as {
   background-color: var(--green);
-  border: 0.7px solid var(--green);
+  border: 2px solid var(--green);
 }
 ._3v07V._3q_as > span {
   color: var(--green);
@@ -237,7 +233,7 @@
 ._Dv_TK._3h6Fo,
 ._3v07V._3h6Fo {
   background-color: var(--orange);
-  border: 0.7px solid var(--orange);
+  border: 2px solid var(--orange);
 }
 ._3v07V._3h6Fo > span {
   color: var(--orange);
@@ -286,7 +282,6 @@
   color: var(--white);
   font-size: 12px;
   font-weight: bold;
-  margin: auto 16px;
 }
 ._3v07V > span {
   color: var(--primary-color);
@@ -305,22 +300,21 @@
 ._3YJZS {
   background-color: var(--primary-color);
   border-radius: 8px;
-  height: 36px;
-  width: 36px;
+  height: 50px;
+  width: 50px;
   padding: 0;
-  font-size: 16px !important;
 }
 ._3YJZS._3TRE4 {
-  height: 30px;
-  width: 30px;
-  font-size: 14px !important;
+  height: 36px;
+  width: 36px;
+  font-size: 16px !important;
 }
 ._3YJZS._2D3k1 {
   height: 80px;
   width: 80px;
 }
 ._3ZzkP._3TRE4 {
-  font-size: 16px;
+  font-size: 20px;
 }
 ._3ZzkP._2D3k1 {
   font-size: 30px;
@@ -336,16 +330,17 @@
 
 ._23Afl > span {
   white-space: nowrap;
-  margin: auto 16px;
+  margin: auto 20px;
 }
 
 ._2WmL- {
   display: flex;
-  width: 24px;
-  min-height: 24px;
+  width: 40px;
+  min-height: 40px;
+  height: calc(100% - 6px);
   background-color: rgba(0, 0, 0, 0.1);
   color: var(--white);
-  font-size: 14px;
+  font-size: 18px;
   cursor: pointer;
   transition: 0.4s;
   margin: 3px;
@@ -457,19 +452,21 @@
 ._1svtJ > span {
   display: inline-block;
   font-size: 14px;
+  font-weight: bold;
   color: var(--black);
-  margin-bottom: 4px;
+  margin-bottom: 8px;
 }
 
 ._1Fq5R {
+  height: 50px;
   width: 100%;
-  border: solid 0.7px var(--gray);
+  border: solid 2px var(--gray);
   border-radius: 8px;
   color: var(--black);
   font-size: 14px;
+  padding: 0 20px;
   transition: 0.6s;
   opacity: 1;
-  padding: 5px 10px;
 }
 ._1Fq5R::-moz-placeholder, ._1XBGF::-moz-placeholder {
   color: var(--gray);
@@ -493,7 +490,7 @@
   height: 50px;
   width: 100%;
   overflow: hidden;
-  border: solid 0.7px var(--gray);
+  border: solid 2px var(--gray);
   border-radius: 8px;
   color: #b3b3b3;
   transition: 0.4s;
@@ -523,7 +520,7 @@
 ._1XBGF:focus,
 ._30Dbq:hover {
   outline: none;
-  border: solid 0.7px #b3b3b3;
+  border: solid 2px #b3b3b3;
 }
 
 ._1Fq5R[disabled],
@@ -542,7 +539,7 @@
 
 ._3--n1 {
   width: 100%;
-  border: solid 0.7px var(--gray);
+  border: solid 2px var(--gray);
   border-radius: 8px;
   color: var(--black);
   font-size: 14px;
@@ -568,7 +565,7 @@
 
 ._3--n1:focus {
   outline: none;
-  border: solid 0.7px #b3b3b3;
+  border: solid 2px #b3b3b3;
 }
 
 ._3--n1[disabled] {
@@ -592,7 +589,7 @@
   display: flex;
   height: 50px;
   width: 100%;
-  border: solid 0.7px var(--gray);
+  border: solid 2px var(--gray);
   border-radius: 8px;
   color: var(--black);
   font-size: 14px;
@@ -612,7 +609,7 @@
 
 ._1DiO5:focus {
   outline: none;
-  border: solid 0.7px #b3b3b3;
+  border: solid 2px #b3b3b3;
 }
 
 ._1DiO5[disabled] {
@@ -647,18 +644,19 @@
   font-size: 14px;
   font-weight: bold;
   color: var(--black);
-  margin-bottom: 4px;
+  margin-bottom: 8px;
 }
 
 ._6hnFm {
+  height: 50px;
   width: 100%;
-  border: solid 0.7px var(--gray);
+  border: solid 2px var(--gray);
   border-radius: 8px;
   color: var(--black);
   font-size: 14px;
+  padding: 0 20px;
   transition: 0.6s;
   opacity: 1;
-  padding: 5px 10px;
 }
 ._6hnFm::-moz-placeholder {
   color: var(--gray);
@@ -668,7 +666,7 @@
 }
 ._6hnFm:focus {
   outline: none;
-  border: solid 0.7px #b3b3b3;
+  border: solid 2px #b3b3b3;
 }
 ._6hnFm[disabled] {
   cursor: not-allowed;
@@ -693,19 +691,20 @@
   font-size: 14px;
   font-weight: bold;
   color: var(--black);
-  margin-bottom: 4px;
+  margin-bottom: 8px;
 }
 
 ._3BzwZ {
   display: flex;
+  height: 50px;
   width: 100%;
-  border: solid 0.7px var(--gray);
+  border: solid 2px var(--gray);
   border-radius: 8px;
   color: var(--black);
   font-size: 14px;
+  padding: 0 20px;
   transition: 0.6s;
   opacity: 1;
-  padding: 5px 10px;
   background-color: var(--white);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -722,7 +721,7 @@
 }
 ._3BzwZ:focus {
   outline: none;
-  border: solid 0.7px #b3b3b3;
+  border: solid 2px #b3b3b3;
 }
 ._3BzwZ[disabled] {
   cursor: not-allowed;
@@ -758,7 +757,7 @@
   height: 280px;
   max-height: 450px;
   background-color: var(--white);
-  border: solid 0.7px var(--gray);
+  border: solid 2px var(--gray);
   border-radius: 8px;
   z-index: 100;
   top: 90px;
@@ -933,7 +932,7 @@
 }
 ._3-lqN {
   width: 100%;
-  border-radius: 6px;
+  border-radius: 8px;
   border-spacing: 0;
   border-collapse: unset;
   overflow: hidden;
@@ -967,14 +966,14 @@
   font-size: 13px;
   font-weight: bold;
   text-align: left;
-  padding: 0 6px;
+  padding: 0 8px;
   background-color: var(--secondary-color);
   border: 0;
 }
 ._2PYe5 {
   font-size: 13px;
   text-align: left;
-  padding: 0 6px;
+  padding: 0 8px;
 }
 
 ._233g5 > tr > td {
@@ -997,12 +996,12 @@
 }
 
 ._1kRJw {
-  border-left: 0.7px solid var(--white) !important;
+  border-left: 2px solid var(--white) !important;
   border-top-left-radius: 5px !important;
   border-bottom-left-radius: 5px !important;
 }
 ._2GJJR {
-  border-right: 0.7px solid var(--white) !important;
+  border-right: 2px solid var(--white) !important;
   border-top-right-radius: 5px !important;
   border-bottom-right-radius: 5px !important;
 }
@@ -1048,11 +1047,11 @@
 ._2C7Rd tbody th{
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
-  border: 0.7px solid var(--secondary-color);
+  border: 2px solid var(--secondary-color);
 }
 
 ._2C7Rd th{
-  border-left: 0.7px solid var(--secondary-color);
+  border-left: 2px solid var(--secondary-color);
 }
 
 ._2C7Rd td {
@@ -1543,7 +1542,7 @@
   display: flex;
   width: 100%;
   height: 50px;
-  border: solid 0.7px var(--primary-color);
+  border: solid 2px var(--primary-color);
   overflow: hidden;
   border-radius: 8px;
 }
@@ -1580,7 +1579,7 @@
 ._2boVV {
   display: flex;
   position: relative;
-  border: var(--gray) dashed 0.7px;
+  border: var(--gray) dashed 2px;
   border-radius: 8px;
 }
 
@@ -1592,7 +1591,7 @@
 }
 
 ._2boVV._O6vhI {
-  border: #d3d3d3 solid 0.7px;
+  border: #d3d3d3 solid 2px;
 }
 
 ._WECto {
@@ -1650,7 +1649,7 @@
   background-color: var(--white);
   padding: 12px;
   width: 100%;
-  border-bottom: solid 0.7px var(--primary-color);
+  border-bottom: solid 2px var(--primary-color);
   cursor: pointer;
   transition: 0.4s;
   opacity: 0.5;
@@ -1682,7 +1681,6 @@
   display: block;
   padding: 20px 0;
 }
-
 ._1-Kad {
   display: flex;
   width: 100%;
@@ -2484,7 +2482,7 @@
 }
 
 ._2mqrQ > li:hover {
-  opacity: 0.7px!important;
+  opacity: 0.7 !important;
 }
 
 ._2mqrQ > ._13Qaa {
@@ -2492,7 +2490,7 @@
 }
 
 ._2mqrQ > ._13Qaa:hover {
-  opacity: 0.7px!important;
+  opacity: 0.7 !important;
 }
 
 ._2mqrQ > ._13Qaa > a {
@@ -2504,7 +2502,7 @@
 }
 
 ._2mqrQ > ._11Sql:hover {
-  opacity: 0.7px!important;
+  opacity: 0.7 !important;
 }
 
 ._2mqrQ > ._11Sql > a {
@@ -2541,7 +2539,7 @@
   display: flex;
   width: 150px;
   height: 200px;
-  border: dashed 0.7pxvar(--gray);
+  border: dashed 2px var(--gray);
   border-radius: 8px;
   cursor: pointer;
   transition: 0.3s;
@@ -2591,7 +2589,7 @@
   display: flex;
   width: 100%;
   min-height: 200px;
-  border: dashed 0.7pxvar(--primary-color);
+  border: dashed 2px var(--primary-color);
   border-radius: 8px;
   cursor: pointer;
   transition: 0.3s;
@@ -2599,11 +2597,11 @@
 }
 
 ._HCj8R:hover {
-  border: dashed 0.7pxvar(--gray);
+  border: dashed 2px var(--gray);
 }
 
 ._HCj8R:active {
-  border: dashed 0.7pxvar(--secondary-color);
+  border: dashed 2px var(--secondary-color);
 }
 
 ._2NB9V {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-kit-ck-consultant",
-  "version": "0.5.317",
+  "version": "0.6.1",
   "description": "Made with create-react-library",
   "author": "Noah LANFRIT",
   "license": "MIT",