feat(tabs): make auto-width the default behind v11 flag (#10035)

tay1orjones · kodiakhq[bot] · web-flow · commit b9fe18c2f204 · 2021-11-03T17:59:23.000Z
* feat(tabs): make auto-width the default behind v11 flag

* fix(tabs): remove unecessary width:auto

Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/components/src/components/tabs/_tabs.scss b/packages/components/src/components/tabs/_tabs.scss
@@ -710,8 +710,11 @@
       @include focus-outline('reset');
       @include type-style('body-short-01');
 
+      @if not feature-flag-enabled('enable-v11-release') {
+        width: rem(160px);
+      }
+
       overflow: hidden;
-      width: rem(160px);
       padding: $spacing-04 $spacing-05 $spacing-03;
       border-bottom: $tab-underline-color;
       color: $text-02;
diff --git a/packages/styles/scss/components/tabs/_tabs.scss b/packages/styles/scss/components/tabs/_tabs.scss
@@ -733,8 +733,11 @@
       @include focus-outline('reset');
       @include type-style('body-short-01');
 
+      @if not feature-flag-enabled('enable-v11-release') {
+        width: rem(160px);
+      }
+
       overflow: hidden;
-      width: rem(160px);
       padding: $spacing-04 $spacing-05 $spacing-03;
       border-bottom: $tab-underline-color;
       color: $text-secondary;
