@ui5/webcomponents-theming 0.0.0-4180fe799 → 0.0.0-4237771ff

package/README.md

@@ -1,8 +1,8 @@
-![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/master/docs/images/UI5_logo_wide.png)
+![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_wide.png)
+
 
 # UI5 Web Components - Theming
 
-[![Travis CI Build Status](https://travis-ci.org/SAP/ui5-webcomponents.svg?branch=master)](https://travis-ci.org/SAP/ui5-webcomponents)
 [![npm Package Version](https://badge.fury.io/js/%40ui5%2Fwebcomponents.svg)](https://www.npmjs.com/package/@ui5/webcomponents)
 
 Provides common theming assets, used by other UI5 Web Components packages, such as `main` and `fiori`.
@@ -18,16 +18,16 @@ The assets, provided by this package, are additional themes:
 *Note:* These assets are already imported by the UI5 Web Components packages that need them.
 
 ## Resources
-- [UI5 Web Components - README.md](https://github.com/SAP/ui5-webcomponents/blob/master/README.md)
+- [UI5 Web Components - README.md](https://github.com/SAP/ui5-webcomponents/blob/main/README.md)
 - [UI5 Web Components - Home Page](https://sap.github.io/ui5-webcomponents)
 - [UI5 Web Components - Playground and API Reference](https://sap.github.io/ui5-webcomponents/playground/)
 
 ## Support
-We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://join-ui5-slack.herokuapp.com/).
+We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/).
 
 ## Contribute
-Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/docs/6-contributing/02-conventions-and-guidelines.md).
+Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/docs/6-contributing/02-conventions-and-guidelines.md).
 
 ## License
 Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved.
-This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the [LICENSE](https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt) file.
+This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the [LICENSE](https://github.com/SAP/ui5-webcomponents/blob/main/LICENSE.txt) file.

package/css-vars-usage.json

@@ -10,9 +10,39 @@
   "--sapAccentColor9",
   "--sapAccentColor10",
   "--sapActiveColor",
+  "--sapAvatar_1_Background",
+  "--sapAvatar_1_BorderColor",
+  "--sapAvatar_1_TextColor",
+  "--sapAvatar_2_Background",
+  "--sapAvatar_2_BorderColor",
+  "--sapAvatar_2_TextColor",
+  "--sapAvatar_3_Background",
+  "--sapAvatar_3_BorderColor",
+  "--sapAvatar_3_TextColor",
+  "--sapAvatar_4_Background",
+  "--sapAvatar_4_BorderColor",
+  "--sapAvatar_4_TextColor",
+  "--sapAvatar_5_Background",
+  "--sapAvatar_5_BorderColor",
+  "--sapAvatar_5_TextColor",
+  "--sapAvatar_6_Background",
+  "--sapAvatar_6_BorderColor",
+  "--sapAvatar_6_TextColor",
+  "--sapAvatar_7_Background",
+  "--sapAvatar_7_BorderColor",
+  "--sapAvatar_7_TextColor",
+  "--sapAvatar_8_Background",
+  "--sapAvatar_8_BorderColor",
+  "--sapAvatar_8_TextColor",
+  "--sapAvatar_9_Background",
+  "--sapAvatar_9_BorderColor",
+  "--sapAvatar_9_TextColor",
+  "--sapAvatar_10_Background",
+  "--sapAvatar_10_BorderColor",
+  "--sapAvatar_10_TextColor",
   "--sapBackgroundColor",
+  "--sapBaseColor",
   "--sapBlockLayer_Background",
-  "--sapBrandColor",
   "--sapButton_Accept_Active_Background",
   "--sapButton_Accept_Active_BorderColor",
   "--sapButton_Accept_Active_TextColor",
@@ -20,7 +50,11 @@
   "--sapButton_Accept_BorderColor",
   "--sapButton_Accept_Hover_Background",
   "--sapButton_Accept_Hover_BorderColor",
+  "--sapButton_Accept_Hover_TextColor",
+  "--sapButton_Accept_Selected_Background",
+  "--sapButton_Accept_Selected_BorderColor",
   "--sapButton_Accept_Selected_Hover_Background",
+  "--sapButton_Accept_Selected_Hover_BorderColor",
   "--sapButton_Accept_Selected_TextColor",
   "--sapButton_Accept_TextColor",
   "--sapButton_Active_Background",
@@ -34,29 +68,58 @@
   "--sapButton_Attention_Hover_Background",
   "--sapButton_Attention_Hover_BorderColor",
   "--sapButton_Attention_Hover_TextColor",
+  "--sapButton_Attention_Selected_Background",
+  "--sapButton_Attention_Selected_BorderColor",
+  "--sapButton_Attention_Selected_Hover_Background",
+  "--sapButton_Attention_Selected_Hover_BorderColor",
   "--sapButton_Attention_Selected_TextColor",
   "--sapButton_Attention_TextColor",
   "--sapButton_Background",
   "--sapButton_BorderColor",
   "--sapButton_BorderCornerRadius",
+  "--sapButton_BorderWidth",
   "--sapButton_Emphasized_Active_Background",
   "--sapButton_Emphasized_Active_BorderColor",
   "--sapButton_Emphasized_Active_TextColor",
   "--sapButton_Emphasized_Background",
   "--sapButton_Emphasized_BorderColor",
+  "--sapButton_Emphasized_FontWeight",
   "--sapButton_Emphasized_Hover_Background",
   "--sapButton_Emphasized_Hover_BorderColor",
+  "--sapButton_Emphasized_Hover_TextColor",
   "--sapButton_Emphasized_TextColor",
-  "--sapButton_Emphasized_TextShadow",
+  "--sapButton_Handle_Background",
+  "--sapButton_Handle_BorderColor",
+  "--sapButton_Handle_Hover_Background",
+  "--sapButton_Handle_Hover_BorderColor",
+  "--sapButton_Handle_Negative_Background",
+  "--sapButton_Handle_Negative_BorderColor",
+  "--sapButton_Handle_Negative_Hover_Background",
+  "--sapButton_Handle_Negative_Hover_BorderColor",
+  "--sapButton_Handle_Negative_TextColor",
+  "--sapButton_Handle_Positive_Background",
+  "--sapButton_Handle_Positive_BorderColor",
+  "--sapButton_Handle_Positive_Hover_Background",
+  "--sapButton_Handle_Positive_Hover_BorderColor",
+  "--sapButton_Handle_Positive_TextColor",
+  "--sapButton_Handle_Selected_Background",
+  "--sapButton_Handle_Selected_BorderColor",
+  "--sapButton_Handle_Selected_Hover_Background",
+  "--sapButton_Handle_Selected_Hover_BorderColor",
+  "--sapButton_Handle_Selected_TextColor",
+  "--sapButton_Handle_TextColor",
   "--sapButton_Hover_Background",
   "--sapButton_Hover_BorderColor",
   "--sapButton_Hover_TextColor",
+  "--sapButton_Lite_Active_Background",
+  "--sapButton_Lite_Active_BorderColor",
   "--sapButton_Lite_Background",
   "--sapButton_Lite_BorderColor",
   "--sapButton_Lite_Hover_Background",
   "--sapButton_Lite_Hover_BorderColor",
+  "--sapButton_Lite_Hover_TextColor",
   "--sapButton_Lite_TextColor",
-  "--sapButton_Negative_BorderColor",
+  "--sapButton_Neutral_Background",
   "--sapButton_Reject_Active_Background",
   "--sapButton_Reject_Active_BorderColor",
   "--sapButton_Reject_Active_TextColor",
@@ -64,7 +127,11 @@
   "--sapButton_Reject_BorderColor",
   "--sapButton_Reject_Hover_Background",
   "--sapButton_Reject_Hover_BorderColor",
+  "--sapButton_Reject_Hover_TextColor",
+  "--sapButton_Reject_Selected_Background",
+  "--sapButton_Reject_Selected_BorderColor",
   "--sapButton_Reject_Selected_Hover_Background",
+  "--sapButton_Reject_Selected_Hover_BorderColor",
   "--sapButton_Reject_Selected_TextColor",
   "--sapButton_Reject_TextColor",
   "--sapButton_Selected_Background",
@@ -76,15 +143,28 @@
   "--sapButton_TokenBackground",
   "--sapButton_TokenBorderColor",
   "--sapButton_Track_Background",
+  "--sapButton_Track_BorderColor",
+  "--sapButton_Track_Hover_Background",
+  "--sapButton_Track_Hover_BorderColor",
+  "--sapButton_Track_Negative_Background",
+  "--sapButton_Track_Negative_BorderColor",
+  "--sapButton_Track_Negative_Hover_Background",
+  "--sapButton_Track_Negative_Hover_BorderColor",
+  "--sapButton_Track_Positive_Background",
+  "--sapButton_Track_Positive_BorderColor",
+  "--sapButton_Track_Positive_Hover_Background",
+  "--sapButton_Track_Positive_Hover_BorderColor",
   "--sapButton_Track_Selected_Background",
+  "--sapButton_Track_Selected_BorderColor",
+  "--sapButton_Track_Selected_Hover_Background",
+  "--sapButton_Track_Selected_Hover_BorderColor",
   "--sapButton_Track_Selected_TextColor",
-  "--sapButton_Track_TextColor",
-  "--sapChart_Good",
-  "--sapChart_Sequence_6",
   "--sapContent_BadgeBackground",
   "--sapContent_BadgeTextColor",
+  "--sapContent_BusyColor",
   "--sapContent_ContrastFocusColor",
   "--sapContent_ContrastIconColor",
+  "--sapContent_ContrastShadowColor",
   "--sapContent_ContrastTextColor",
   "--sapContent_Critical_Shadow",
   "--sapContent_DisabledOpacity",
@@ -94,10 +174,12 @@
   "--sapContent_FocusStyle",
   "--sapContent_FocusWidth",
   "--sapContent_ForegroundBorderColor",
+  "--sapContent_ForegroundColor",
   "--sapContent_ForegroundTextColor",
   "--sapContent_HeaderShadow",
   "--sapContent_HelpColor",
   "--sapContent_IconColor",
+  "--sapContent_IconFontFamily",
   "--sapContent_Illustrative_Color1",
   "--sapContent_Illustrative_Color2",
   "--sapContent_Illustrative_Color3",
@@ -111,6 +193,7 @@
   "--sapContent_Informative_Shadow",
   "--sapContent_Interaction_Shadow",
   "--sapContent_LabelColor",
+  "--sapContent_MeasureIndicatorColor",
   "--sapContent_Negative_Shadow",
   "--sapContent_NonInteractiveIconColor",
   "--sapContent_Positive_Shadow",
@@ -118,7 +201,7 @@
   "--sapContent_Selected_Background",
   "--sapContent_Selected_ForegroundColor",
   "--sapContent_Selected_Hover_Background",
-  "--sapContent_Selected_Shadow",
+  "--sapContent_Selected_MeasureIndicatorColor",
   "--sapContent_Selected_TextColor",
   "--sapContent_Shadow0",
   "--sapContent_Shadow1",
@@ -131,56 +214,79 @@
   "--sapCriticalElementColor",
   "--sapCriticalTextColor",
   "--sapElement_BorderCornerRadius",
+  "--sapElement_BorderWidth",
+  "--sapElement_Compact_Height",
+  "--sapElement_Height",
+  "--sapElement_LineHeight",
   "--sapErrorBackground",
   "--sapErrorBorderColor",
   "--sapField_Active_BorderColor",
   "--sapField_Background",
+  "--sapField_BackgroundStyle",
   "--sapField_BorderColor",
   "--sapField_BorderCornerRadius",
+  "--sapField_BorderStyle",
   "--sapField_BorderWidth",
   "--sapField_Focus_Background",
-  "--sapField_Focus_BorderColor",
   "--sapField_Hover_Background",
+  "--sapField_Hover_BackgroundStyle",
   "--sapField_Hover_BorderColor",
+  "--sapField_Hover_InformationShadow",
+  "--sapField_Hover_InvalidShadow",
+  "--sapField_Hover_Shadow",
+  "--sapField_Hover_SuccessShadow",
+  "--sapField_Hover_WarningShadow",
   "--sapField_HoverBorderColor",
   "--sapField_InformationBackground",
+  "--sapField_InformationBackgroundStyle",
   "--sapField_InformationBorderWidth",
   "--sapField_InformationColor",
+  "--sapField_InformationShadow",
   "--sapField_InvalidBackground",
+  "--sapField_InvalidBackgroundStyle",
   "--sapField_InvalidBorderWidth",
   "--sapField_InvalidColor",
+  "--sapField_InvalidShadow",
   "--sapField_PlaceholderTextColor",
   "--sapField_ReadOnly_Background",
+  "--sapField_ReadOnly_BackgroundStyle",
   "--sapField_ReadOnly_BorderColor",
   "--sapField_RequiredColor",
+  "--sapField_Shadow",
   "--sapField_SuccessBackground",
+  "--sapField_SuccessBackgroundStyle",
   "--sapField_SuccessBorderWidth",
   "--sapField_SuccessColor",
+  "--sapField_SuccessShadow",
   "--sapField_TextColor",
   "--sapField_WarningBackground",
+  "--sapField_WarningBackgroundStyle",
   "--sapField_WarningBorderWidth",
   "--sapField_WarningColor",
+  "--sapField_WarningShadow",
   "--sapFontBoldFamily",
   "--sapFontFamily",
+  "--sapFontHeader1Size",
   "--sapFontHeader2Size",
+  "--sapFontHeader3Size",
   "--sapFontHeader4Size",
   "--sapFontHeader5Size",
   "--sapFontHeader6Size",
   "--sapFontHeaderFamily",
   "--sapFontLargeSize",
   "--sapFontMediumSize",
+  "--sapFontSemiboldDuplexFamily",
   "--sapFontSize",
   "--sapFontSmallSize",
   "--sapGroup_ContentBackground",
   "--sapGroup_ContentBorderColor",
+  "--sapGroup_Title_FontSize",
   "--sapGroup_TitleBackground",
   "--sapGroup_TitleBorderColor",
   "--sapGroup_TitleTextColor",
-  "--sapHC_ReducedAltForeground",
   "--sapHC_ReducedBackground",
   "--sapHC_ReducedForeground",
   "--sapHighlightColor",
-  "--sapHighlightTextColor",
   "--sapIllus_AccentColor",
   "--sapIllus_BackgroundColor",
   "--sapIllus_BrandColorPrimary",
@@ -210,7 +316,12 @@
   "--sapLegendBackgroundColor18",
   "--sapLegendBackgroundColor20",
   "--sapLegendColor18",
+  "--sapLink_Active_Color",
+  "--sapLink_Active_TextDecoration",
+  "--sapLink_Hover_Color",
+  "--sapLink_Hover_TextDecoration",
   "--sapLink_SubtleColor",
+  "--sapLink_TextDecoration",
   "--sapLinkColor",
   "--sapList_Active_Background",
   "--sapList_Active_TextColor",
@@ -223,6 +334,8 @@
   "--sapList_GroupHeaderBackground",
   "--sapList_GroupHeaderBorderColor",
   "--sapList_HeaderBackground",
+  "--sapList_HeaderBorderColor",
+  "--sapList_HeaderTextColor",
   "--sapList_Hover_Background",
   "--sapList_Hover_SelectionBackground",
   "--sapList_SelectionBackgroundColor",
@@ -231,11 +344,13 @@
   "--sapList_TableGroupHeaderBorderColor",
   "--sapList_TableGroupHeaderTextColor",
   "--sapList_TextColor",
+  "--sapMessage_ErrorBorderColor",
+  "--sapMessage_InformationBorderColor",
+  "--sapMessage_SuccessBorderColor",
+  "--sapMessage_WarningBorderColor",
   "--sapNegativeColor",
   "--sapNegativeElementColor",
   "--sapNegativeTextColor",
-  "--sapNeutralBackground",
-  "--sapNeutralBorderColor",
   "--sapNeutralColor",
   "--sapNeutralElementColor",
   "--sapNeutralTextColor",
@@ -247,9 +362,31 @@
   "--sapPageHeader_Background",
   "--sapPageHeader_BorderColor",
   "--sapPageHeader_TextColor",
+  "--sapPopover_BorderCornerRadius",
   "--sapPositiveColor",
   "--sapPositiveElementColor",
   "--sapPositiveTextColor",
+  "--sapProgress_Background",
+  "--sapProgress_CriticalBackground",
+  "--sapProgress_FontSize",
+  "--sapProgress_InformationBackground",
+  "--sapProgress_NegativeBackground",
+  "--sapProgress_PositiveBackground",
+  "--sapProgress_TextColor",
+  "--sapProgress_Value_Background",
+  "--sapProgress_Value_BorderColor",
+  "--sapProgress_Value_CriticalBackground",
+  "--sapProgress_Value_CriticalBorderColor",
+  "--sapProgress_Value_CriticalTextColor",
+  "--sapProgress_Value_InformationBackground",
+  "--sapProgress_Value_InformationBorderColor",
+  "--sapProgress_Value_InformationTextColor",
+  "--sapProgress_Value_NegativeBackground",
+  "--sapProgress_Value_NegativeBorderColor",
+  "--sapProgress_Value_NegativeTextColor",
+  "--sapProgress_Value_PositiveBackground",
+  "--sapProgress_Value_PositiveBorderColor",
+  "--sapProgress_Value_PositiveTextColor",
   "--sapScrollBar_Dimension",
   "--sapScrollBar_FaceColor",
   "--sapScrollBar_Hover_FaceColor",
@@ -259,20 +396,34 @@
   "--sapShell_Active_TextColor",
   "--sapShell_Background",
   "--sapShell_Hover_Background",
+  "--sapShell_InteractiveBackground",
   "--sapShell_InteractiveBorderColor",
   "--sapShell_InteractiveTextColor",
   "--sapShell_TextColor",
   "--sapShellColor",
+  "--sapSlider_Active_RangeHandleBackground",
+  "--sapSlider_Background",
+  "--sapSlider_HandleBackground",
+  "--sapSlider_HandleBorderColor",
+  "--sapSlider_Hover_HandleBackground",
+  "--sapSlider_Hover_HandleBorderColor",
+  "--sapSlider_RangeHandleBackground",
+  "--sapSlider_Selected_Background",
+  "--sapSlider_Selected_BorderColor",
   "--sapSuccessBackground",
   "--sapSuccessBorderColor",
   "--sapTextColor",
+  "--sapTile_Active_Background",
   "--sapTile_Background",
   "--sapTile_BorderColor",
+  "--sapTile_BorderCornerRadius",
+  "--sapTile_Hover_Background",
   "--sapTile_IconColor",
+  "--sapTile_Interactive_BorderColor",
   "--sapTile_SeparatorColor",
   "--sapTile_TextColor",
   "--sapTile_TitleTextColor",
-  "--sapTitleColor",
+  "--sapToolbar_Background",
   "--sapToolbar_SeparatorColor",
   "--sapWarningBackground",
   "--sapWarningBorderColor"