ui-kit-ck-consultant 0.6.66 → 0.6.68

package/dist/index.css

@@ -933,91 +933,135 @@
 }
 ._3-lqN {
   width: 100%;
-  border-radius: 8px;
+  border-radius: 10px;
   border-spacing: 0;
   border-collapse: unset;
   overflow: hidden;
   color: var(--black);
+  border: none;
+  box-shadow: none;
 }
 
+/* Thead */
 ._1PGdH > tr > th {
-  border-bottom: solid 1px var(--white);
+  border-bottom: solid 2px var(--secondary-color);
   color: var(--white);
 }
-._1PGdH > tr > th:nth-child(1) {
-  border-top-left-radius: 5px;
-}
-._1PGdH > tr > th:nth-last-child(1) {
-  border-top-right-radius: 5px;
-}
-._1PGdH > tr > th:nth-child(1) {
-  border-bottom-left-radius: 5px;
-}
-._1PGdH > tr > th:nth-last-child(1) {
-  border-bottom-right-radius: 5px;
-}
 
-/* .tbody > tr:nth-child(even) {
-  background-color: var(--thirty-color);
-} */
+/* Tr */
 ._2Xd8K {
-  height: 40px;
+  height: 36px;
+  transition: background-color 0.2s ease;
 }
+
+/* Th */
 ._2Qv_L {
-  font-size: 13px;
-  font-weight: bold;
+  font-size: 12px;
+  font-weight: 600;
   text-align: left;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
   padding: 0 8px;
   background-color: var(--secondary-color);
   border: 0;
 }
+
+/* Td */
 ._2PYe5 {
   font-size: 13px;
   text-align: left;
   padding: 0 8px;
 }
 
+/* Tbody cells - default (bordures blanches comme avant) */
 ._233g5 > tr > td {
   background-color: var(--thirty-color);
   border: solid 1px var(--white);
   border-radius: 5px;
+  transition: background-color 0.2s ease;
 }
 ._233g5 > tr > th {
   background-color: var(--fourth-color);
   border: solid 1px var(--white);
   border-radius: 5px;
+  transition: background-color 0.2s ease;
+}
+._233g5 > tr > td:first-child,
+._233g5 > tr > th:first-child {
+  border-left: none;
+}
+._233g5 > tr > td:last-child,
+._233g5 > tr > th:last-child {
+  border-right: none;
+}
+._233g5 > tr:hover > td,
+._233g5 > tr:hover > th {
+  filter: brightness(0.95);
+}
+
+/* Variant: bordered */
+._1CWPs ._233g5 > tr > td {
+  border-bottom: solid 1px var(--secondary-color);
+  border-right: solid 1px var(--secondary-color);
+  border-top: none;
+  border-left: none;
+  border-radius: 0;
 }
-._233g5 > tr > td:nth-child(1),
-._233g5 > tr > th:nth-child(1) {
+._1CWPs ._233g5 > tr > th {
+  border-bottom: solid 1px var(--secondary-color);
+  border-right: solid 1px var(--secondary-color);
+  border-top: none;
   border-left: none;
+  border-radius: 0;
 }
-._233g5 > tr > td:nth-last-child(1),
-._233g5 > tr > th:nth-last-child(1) {
+._1CWPs ._233g5 > tr > td:last-child,
+._1CWPs ._233g5 > tr > th:last-child {
   border-right: none;
 }
+._1CWPs ._233g5 > tr:last-child > td,
+._1CWPs ._233g5 > tr:last-child > th {
+  border-bottom: none;
+}
 
+/* Variant: striped */
+._1bgLC ._233g5 > tr > td {
+  border: none;
+  border-radius: 0;
+}
+._1bgLC ._233g5 > tr > th {
+  border: none;
+  border-radius: 0;
+}
+._1bgLC ._233g5 > tr > td:first-child,
+._1bgLC ._233g5 > tr > th:first-child {
+  border-left: none;
+}
+._1bgLC ._233g5 > tr > td:last-child,
+._1bgLC ._233g5 > tr > th:last-child {
+  border-right: none;
+}
+._1bgLC ._233g5 > tr:nth-child(even) > td {
+  background-color: var(--white);
+}
+._1bgLC ._233g5 > tr:nth-child(even) > th {
+  filter: brightness(1.05);
+}
+
+/* Spacing */
 ._1kRJw {
   border-left: 2px solid var(--white) !important;
-  border-top-left-radius: 5px !important;
-  border-bottom-left-radius: 5px !important;
 }
 ._2GJJR {
   border-right: 2px solid var(--white) !important;
-  border-top-right-radius: 5px !important;
-  border-bottom-right-radius: 5px !important;
 }
-
 ._rlvd2 {
   border-left: none !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
 }
 ._1bfhm {
   border-right: none !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
 }
 
+/* Radius */
 ._13Ppk {
   border-top-left-radius: 15px !important;
 }
@@ -1030,88 +1074,73 @@
 ._1BGJ7 {
   border-bottom-right-radius: 15px !important;
 }
+
 ._2PDEz {
   opacity: 0;
 }
 
-._2C7Rd._13Ppk tbody td,
-._2C7Rd._13Ppk tbody th{
-  border-top-left-radius: 15px;
-}
-
-._2C7Rd._fbcd6 tbody td,
-._2C7Rd._fbcd6 tbody th{
-  border-top-right-radius: 15px;
-}
-
+/* Empty state */
 ._2C7Rd tbody td,
-._2C7Rd tbody th{
-  border-bottom-left-radius: 15px;
-  border-bottom-right-radius: 15px;
+._2C7Rd tbody th {
   border: 2px solid var(--secondary-color);
 }
-
-._2C7Rd th{
+._2C7Rd th {
   border-left: 2px solid var(--secondary-color);
 }
-
 ._2C7Rd td {
-  font-weight: bold;
-}
-
-._2C7Rd ._1PGdH > tr > th:nth-child(1) {
-  border-bottom-left-radius: 0px;
-}
-._2C7Rd ._1PGdH > tr > th:nth-last-child(1) {
-  border-bottom-right-radius: 0px;
+  font-weight: 600;
 }
 
 ._m264U {
   text-align: center;
-  padding: 40px;
+  padding: 48px 24px;
+  color: var(--black);
+  opacity: 0.6;
+  font-size: 14px;
 }
 
 @media screen and (max-width: 640px) {
   ._m264U {
-    padding: 30px 20;
+    padding: 30px 20px;
   }
 }
 
 @media screen and (max-width: 320px) {
   ._m264U {
-    padding: 20px 10;
+    padding: 20px 10px;
   }
 }
 
+/* Sort */
 ._xh9IF {
   display: flex;
+  align-items: center;
 }
-
 ._xh9IF > span {
   display: inline-block;
-  margin-top: auto;
-  margin-bottom: auto;
 }
 
 ._oKNIv {
   cursor: pointer;
   white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+._oKNIv:hover {
+  filter: brightness(0.9);
 }
 
 ._32oyq {
   display: inline-flex;
-  flex-direction: row;
-  display: inline-block;
-  text-align: right;
-  margin-left: 10px;
-  margin-top: auto;
-  margin-bottom: auto;
+  flex-direction: column;
+  align-items: center;
+  margin-left: 6px;
+  opacity: 0.7;
+  transition: opacity 0.2s ease;
 }
-
-._32oyq {
-  display: inline-block;
-  text-align: right;
-  margin-left: auto;
+._oKNIv:hover ._32oyq {
+  opacity: 1;
 }
 
 ._JJyUj {
@@ -1282,23 +1311,19 @@
 }
 
 ._8eH6Y span:nth-child(1) {
-  -webkit-animation: _19crY 1s ease-in-out infinite;
-          animation: _19crY 1s ease-in-out infinite;
+  animation: _19crY 1s ease-in-out infinite;
 }
 
 ._8eH6Y span:nth-child(2) {
-  -webkit-animation: _19crY 1s ease-in-out 0.15s infinite;
-          animation: _19crY 1s ease-in-out 0.15s infinite;
+  animation: _19crY 1s ease-in-out 0.15s infinite;
 }
 
 ._8eH6Y span:nth-child(3) {
-  -webkit-animation: _19crY 1s ease-in-out 0.3s infinite;
-          animation: _19crY 1s ease-in-out 0.3s infinite;
+  animation: _19crY 1s ease-in-out 0.3s infinite;
 }
 
 ._8eH6Y span:nth-child(4) {
-  -webkit-animation: _19crY 1s ease-in-out 0.45s infinite;
-          animation: _19crY 1s ease-in-out 0.45s infinite;
+  animation: _19crY 1s ease-in-out 0.45s infinite;
 }
 
 ._3BnES {
@@ -1312,17 +1337,6 @@
   z-index: 10;
 }
 
-@-webkit-keyframes _19crY {
-  0%,
-  100% {
-    transform: scaleY(1);
-  }
-
-  50% {
-    transform: scaleY(1.8);
-  }
-}
-
 @keyframes _19crY {
   0%,
   100% {
@@ -1987,6 +2001,14 @@
   padding-right: 10px;
 }
 
+/* Optional custom actions rendered on the tabs line (between the tabs and
+   the "+" add button), vertically centered with the tabs. */
+._2D1bS {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
 ._2cxzo {
   display: flex;
   width: 100%;
@@ -2412,34 +2434,19 @@
 }
 
 ._3ysPX span:nth-child(1) {
-  -webkit-animation: _971Mp 1s ease-in-out infinite;
-          animation: _971Mp 1s ease-in-out infinite;
+  animation: _971Mp 1s ease-in-out infinite;
 }
 
 ._3ysPX span:nth-child(2) {
-  -webkit-animation: _971Mp 1s ease-in-out 0.15s infinite;
-          animation: _971Mp 1s ease-in-out 0.15s infinite;
+  animation: _971Mp 1s ease-in-out 0.15s infinite;
 }
 
 ._3ysPX span:nth-child(3) {
-  -webkit-animation: _971Mp 1s ease-in-out 0.3s infinite;
-          animation: _971Mp 1s ease-in-out 0.3s infinite;
+  animation: _971Mp 1s ease-in-out 0.3s infinite;
 }
 
 ._3ysPX span:nth-child(4) {
-  -webkit-animation: _971Mp 1s ease-in-out 0.45s infinite;
-          animation: _971Mp 1s ease-in-out 0.45s infinite;
-}
-
-@-webkit-keyframes _971Mp {
-  0%,
-  100% {
-    transform: scaleY(1);
-  }
-
-  50% {
-    transform: scaleY(1.8);
-  }
+  animation: _971Mp 1s ease-in-out 0.45s infinite;
 }
 
 @keyframes _971Mp {