feat(Tabs,TabsItem): tokenized

VKCOM · Jul 4, 2022 · 98d3156 · 98d3156
1 parent 3421964
commit 98d3156
Show file tree

Hide file tree

Showing 10 changed files with 624 additions and 495 deletions.
diff --git a/src/components/Badge/Badge.css b/src/components/Badge/Badge.css
@@ -17,8 +17,3 @@
     var(--vkui--color_icon_negative)
   );
 }
-
-.TabsItem__after .Badge {
-  transform: translateY(-2px);
-  margin-left: 6px;
-}
diff --git a/src/components/Counter/Counter.css b/src/components/Counter/Counter.css
@@ -165,3 +165,30 @@
     var(--vkui--color_background_positive)
   );
 }
+
+/**
+ * CMP:
+ * TabsItem
+ */
+.TabsItem .Counter--secondary {
+  background-color: var(--panel_tab_inactive_text);
+  color: var(--white);
+}
+
+.TabsItem--selected .Counter--secondary {
+  background-color: var(--panel_tab_active_text);
+  color: var(--panel_tab_active_background);
+}
+
+/* TODO v5.0.0 Удалить mode="segmented" */
+/* [Начало] */
+.TabsItem--ios.TabsItem--segmented .Counter--secondary {
+  background-color: var(--segmented_control_tint);
+  color: var(--background_content);
+}
+
+.TabsItem--ios.TabsItem--segmented.TabsItem--selected .Counter--secondary {
+  background-color: var(--background_content);
+  color: var(--segmented_control_tint);
+}
+/* [Конец] */
diff --git a/src/components/HorizontalScroll/HorizontalScroll.css b/src/components/HorizontalScroll/HorizontalScroll.css
@@ -29,3 +29,26 @@
   .HorizontalScroll__in-wrapper {
   transform: translateX(-8px);
 }
+
+/**
+ * CMP:
+ * Tabs
+ */
+.Tabs .HorizontalScroll {
+  min-width: 100%;
+}
+
+.Tabs__in .HorizontalScroll__in-wrapper {
+  display: flex;
+  align-items: stretch;
+}
+
+/* TODO v5.0.0 новая адаптивность */
+.Tabs--sizeX-compact.Tabs--withGaps .HorizontalScroll__in-wrapper::after,
+.Tabs--sizeX-compact.Tabs--withGaps .HorizontalScroll__in-wrapper::before {
+  display: block;
+  width: 8px;
+  flex-shrink: 0;
+  height: 1px;
+  content: "";
+}