@interopio/groups-ui-react 2.6.2 → 2.7.0

package/dist/styles/groups.css

@@ -5,13 +5,7 @@
     box-sizing: border-box;
     transition-timing-function: cubic-bezier(0.45, 0, 0.15, 1);
     transition-duration: 240ms;
-    transition-property: background-color;
-}
-
-*::before,
-*::after {
-    transition-timing-function: cubic-bezier(0.45, 0, 0.15, 1);
-    transition-duration: 240ms;
+    transition-property: background-color, color;
 }
 
 body {
@@ -58,8 +52,6 @@ input {
 
 .t42-internal-caption-bar {
     flex-direction: row;
-    align-items: center;
-    width: 100%;
 }
 
 .t42-react-caption-bar {
@@ -117,9 +109,7 @@ input {
     display: flex;
     flex-grow: 1;
     align-items: center;
-    height: 100%;
     min-width: var(--t42-move-area-min-width);
-    -webkit-app-region: drag;
 }
 
 .t42-buttons-container {
@@ -206,14 +196,6 @@ input {
     color: var(--t42-caption-bar-button-close-hover-text);
 }
 
-.t42-standard-button-collapse::before {
-    content: "\e918";
-}
-
-.t42-standard-button-expand::before {
-    content: "\e90e";
-}
-
 .t42-standard-button-minimize::before {
     content: "\e904";
 }
@@ -293,10 +275,6 @@ input {
     content: "\e902";
 }
 
-.t42-group-caption-bar-container {
-    display: flex;
-}
-
 .t42-group-caption-bar {
     height: auto;
 }
@@ -574,7 +552,8 @@ input {
     height: calc(var(--t42-tab-bar-tab-close-button-size) + var(--t42-tab-bar-tab-close-button-padding) * 2);
     border-radius: 50%;
     background-color: var(--t42-tab-bar-tab-close-button-background);
-    transition-property: fill, color;
+    transition-duration: 80ms;
+    transition-property: background-color, fill, color;
 }
 
 .t42-tab-close-button-content svg {
@@ -591,10 +570,6 @@ input {
     background-color: var(--t42-tab-bar-tab-close-button-bg-hover);
 }
 
-.t42-tab-close-button-content:hover::before {
-    color: var(--t42-tab-bar-tab-text-hover);
-}
-
 .t42-tab-close-button-content:hover .t42-standard-button-image {
     fill: var(--t42-tab-bar-tab-text-hover);
 }
@@ -708,7 +683,6 @@ input {
 
 .t42-sizing-border-group:hover {
     background-color: var(--t42-hover-sizing-border-group-color);
-    z-index: 150;
 }
 
 .t42-active-sizing-border-group {
@@ -764,11 +738,6 @@ input {
     }
 }
 
-.loader-container {
-    display: flex;
-    flex-grow: 1;
-}
-
 .loader-wrapper {
     display: flex;
     flex-direction: column;
@@ -834,7 +803,8 @@ input {
 
 @container normal-tabs (max-width: 50px) {
     .t42-tab-channel-selector {
-        --t42-tab-bar-tab-channels-size:0;
+        --t42-tab-bar-tab-channels-height:0;
+        --t42-tab-bar-tab-channels-width: 0;
         --t42-tab-bar-tab-channels-margin: 0;
     }
 }
@@ -857,7 +827,7 @@ input {
 }
 
 .t42-tabs-overflow .t42-tab {
-    min-width: var(--t42-tab-bar-tab-overflowable-min-width);
+    min-width: var(--t42-tab-bar-tab-overflowable-min-width);   
 }
 
 .t42-tabs-overflow .t42-tabs {