WIP: update some variable names

SAP · Apr 10, 2019 · c7e9d6e · c7e9d6e
1 parent 8eb6904
commit c7e9d6e
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/packages/main/src/themes-next/TabContainer.css b/packages/main/src/themes-next/TabContainer.css
@@ -43,7 +43,7 @@ ui5-tabcontainer {
 }
 
 .ui5-tc__headerItem {
-	color: var(--_ui5_tc_headerItem_text_color);
+	color: var(--_ui5_tc_headerItem_color);
 	cursor: pointer;
 	flex-shrink: 0;
 	margin: 0 1rem;
@@ -91,7 +91,7 @@ ui5-tabcontainer {
 .ui5-tc__headerItem--withIcon:focus .ui5-tc-headerItemIcon,
 .ui5-tc__headerItem--mixedMode:focus .ui5-tc__headerItemContent,
 .ui5-tc__headerItem--textOnly:focus .ui5-tc__headerItemContent{
-	outline: var(--_ui5_tc_headerItemFocus_border);
+	outline: var(--_ui5_tc_headerItem_focus_border);
 }
 
 /*** Icon and text Tab styles ***/

diff --git a/packages/main/src/themes-next/base/TabContainer-parameters.css b/packages/main/src/themes-next/base/TabContainer-parameters.css
@@ -1,9 +1,9 @@
 :root {
 	--_ui5_tc_header_box_shadow: inset 0 -0.25rem 0 -0.125rem var(--sapUiObjectHeaderBorderColor);
 	--_ui5_tc_header_border_bottom: 0.125rem solid var(--sapUiObjectHeaderBackground);
-	--_ui5_tc_headerItem_text_color: var(--sapUiGroupTitleTextColor);
+	--_ui5_tc_headerItem_color: var(--sapUiGroupTitleTextColor);
 	--_ui5_tc_headerItemContent_border_bottom: 0.125rem solid var(--sapUiSelected);
-	--_ui5_tc_headerItemFocus_border: 1px dotted var(--sapUiContentFocusColor);
+	--_ui5_tc_headerItem_focus_border: 1px dotted var(--sapUiContentFocusColor);
 	--_ui5_tc_headerItemIcon_border: 1px solid currentColor;
 	--_ui5_tc_headerItemIcon_color: var(--sapUiHighlight);
 	--_ui5_tc_headerItemIcon_selected_background: var(--sapUiHighlight);

diff --git a/packages/main/src/themes-next/sap_belize_hcb/TabContainer-parameters.css b/packages/main/src/themes-next/sap_belize_hcb/TabContainer-parameters.css
@@ -2,7 +2,7 @@
 
 :root {
 	--_ui5_tc_headerItemContent_border_bottom: 0.25rem solid var(--sapUiObjectHeaderBorderColor);
-	--_ui5_tc_headerItemFocus_border: 0.125rem dotted var(--sapUiContentFocusColor);
+	--_ui5_tc_headerItem_focus_border: 0.125rem dotted var(--sapUiContentFocusColor);
 	--_ui5_tc_headerItemIcon_border: 1px solid var(--sapUiObjectHeaderBorderColor);
 	--_ui5_tc_headerItemIcon_color: var(--sapUiObjectHeaderBorderColor);
 	--_ui5_tc_headerItemIcon_selected_background: var(--sapUiSelected);

diff --git a/packages/main/src/themes-next/sap_fiori_3/TabContainer-parameters.css b/packages/main/src/themes-next/sap_fiori_3/TabContainer-parameters.css
@@ -3,7 +3,7 @@
 :root {
 	--_ui5_tc_header_box_shadow: var(--sapUiShadowHeader);
 	--_ui5_tc_header_border_bottom: 0.0625rem solid var(--sapUiObjectHeaderBackground);
-	--_ui5_tc_headerItem_text_color: var(--sapUiContentLabelColor);
+	--_ui5_tc_headerItem_color: var(--sapUiContentLabelColor);
 	--_ui5_tc_headerItemContent_border_bottom: 0.188rem solid var(--sapUiSelected);
 	--_ui5_tc_overflowItem_default_color: var(--sapUiHighlight);
 	--_ui5_tc_content_border_bottom: 0.0625rem solid var(--sapUiObjectHeaderBorderColor);

diff --git a/packages/main/test/sap/ui/webcomponents/main/samples/TabContainer.sample.html b/packages/main/test/sap/ui/webcomponents/main/samples/TabContainer.sample.html
@@ -41,7 +41,7 @@ <h2 class="control-header">TabContainer</h2>
 		<h3>Basic TabContainer</h3>
 		<div class="snippet">
 			<ui5-tabcontainer class="full-width" show-overflow>
-				<ui5-tab icon="sap-icon://menu" text="Tab 1">
+				<ui5-tab icon="sap-icon://menu" text="Tab 1" icon-color="Positive">
 					<ui5-label>Quibusdam, veniam! Architecto debitis iusto ad et, asperiores quisquam perferendis reprehenderit ipsa voluptate minus minima, perspiciatis cum. Totam harum necessitatibus numquam voluptatum.</ui5-label>
 				</ui5-tab>
 				<ui5-tab icon="sap-icon://activities" text="Tab 2" selected>