app/assets/build/coco/coco.css in coveragebook_components-0.18.8 vs app/assets/build/coco/coco.css in coveragebook_components-0.19.0

@@ -5030,9 +5030,51 @@
 
 [data-coco][data-component="pager-button"][data-direction="next"] .coco-icon{
   margin-right: -0.25rem
 }
 
+[data-coco][data-component="tabs"]{
+  border-bottom-width: 1px;
+  border-color: rgba(0, 12, 39, 0.18)
+}
+
+[data-coco][data-component="tabs"] [role="tablist"] {
+      display: flex;
+      position: relative;
+      width: 100%;
+    }
+
+[data-coco][data-component="tabs"] [role="tab"]{
+  border-bottom-width: 2px;
+  border-color: transparent;
+      position: relative;
+      bottom: -1px
+}
+
+[data-coco][data-component="tabs"] [role="tab"] .coco-button{
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="tabs"] [role="tab"] .coco-button:hover{
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="tabs"] [role="tab"].active{
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity))
+}
+
+[data-coco][data-component="tabs"] [role="tab"].active .coco-button{
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="tabs"][data-fit="full"] [role="tab"] {
+      width: 100%;
+    }
+
 [data-coco][data-component="color-picker"]{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity))
 }