@six-group/ui-library 0.0.0-insider.b50c229 → 0.0.0-insider.b9edd84

package/dist/collection/components/six-tab-group/six-tab-group.css

@@ -3,14 +3,10 @@
   box-sizing: border-box;
 }
 :host *, :host *:before, :host *:after {
-  box-sizing: inherit;
+  box-sizing: border-box;
 }
 
-/**
- * @prop --tabs-border-color: The color of the border that separates tabs.
- */
 :host {
-  --tabs-border-color: var(--six-tab-border-color);
   display: block;
 }
 
@@ -23,13 +19,6 @@
   display: flex;
   position: relative;
 }
-.tab-group .tab-group__active-tab-indicator {
-  position: absolute;
-  transition: var(--six-transition-fast) transform ease, var(--six-transition-fast) width ease;
-}
-.tab-group:not(.focus-visible) ::slotted(six-tab) {
-  --focus-ring: none;
-}
 
 .tab-group--has-scroll-controls .tab-group__nav-container {
   position: relative;
@@ -74,11 +63,6 @@
   flex: 1 1 auto;
   position: relative;
   flex-direction: row;
-  border-bottom: solid var(--six-tab-border-width) var(--tabs-border-color);
-}
-.tab-group--top .tab-group__active-tab-indicator {
-  bottom: -2px;
-  border-bottom: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);
 }
 .tab-group--top .tab-group__body {
   order: 2;
@@ -104,11 +88,6 @@
   flex: 1 1 auto;
   position: relative;
   flex-direction: row;
-  border-top: solid var(--six-tab-border-width) var(--tabs-border-color);
-}
-.tab-group--bottom .tab-group__active-tab-indicator {
-  top: -2px;
-  border-top: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);
 }
 .tab-group--bottom .tab-group__body {
   order: 1;
@@ -123,11 +102,6 @@
 .tab-group--left .tab-group__tabs {
   flex: 0 0 auto;
   flex-direction: column;
-  border-right: solid var(--six-tab-border-width) var(--tabs-border-color);
-}
-.tab-group--left .tab-group__active-tab-indicator {
-  right: -2px;
-  border-right: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);
 }
 .tab-group--left .tab-group__body {
   flex: 1 1 auto;
@@ -143,11 +117,6 @@
 .tab-group--right .tab-group__tabs {
   flex: 0 0 auto;
   flex-direction: column;
-  border-left: solid var(--six-tab-border-width) var(--tabs-border-color);
-}
-.tab-group--right .tab-group__active-tab-indicator {
-  left: -2px;
-  border-left: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);
 }
 .tab-group--right .tab-group__body {
   flex: 1 1 auto;