@ui5/webcomponents-theming 0.0.0-6298a142d → 0.0.0-69dbc5a15

package/README.md

@@ -1,6 +1,4 @@
-![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_wide.png)
-
-# UI5 Web Components - Theming
+# ![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_water.png)UI5 Web Components - Theming
 
 [![npm Package Version](https://badge.fury.io/js/%40ui5%2Fwebcomponents.svg)](https://www.npmjs.com/package/@ui5/webcomponents)
 
@@ -19,10 +17,10 @@ The assets, provided by this package, are additional themes:
 ## Resources
 - [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/)
+- [UI5 Web Components - Playground and API Reference](https://sap.github.io/ui5-webcomponents/play/)
 
 ## Support
-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://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/main/docs/6-contributing/02-conventions-and-guidelines.md).

package/css-vars-usage.json

@@ -78,11 +78,20 @@
   "--sapButton_BorderColor",
   "--sapButton_BorderCornerRadius",
   "--sapButton_BorderWidth",
+  "--sapButton_Critical_Active_Background",
+  "--sapButton_Critical_Active_BorderColor",
+  "--sapButton_Critical_Background",
+  "--sapButton_Critical_BorderColor",
+  "--sapButton_Critical_Hover_Background",
+  "--sapButton_Critical_Hover_BorderColor",
+  "--sapButton_Critical_Hover_TextColor",
+  "--sapButton_Critical_TextColor",
   "--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",
@@ -110,6 +119,14 @@
   "--sapButton_Hover_Background",
   "--sapButton_Hover_BorderColor",
   "--sapButton_Hover_TextColor",
+  "--sapButton_Information_Active_Background",
+  "--sapButton_Information_Active_BorderColor",
+  "--sapButton_Information_Background",
+  "--sapButton_Information_BorderColor",
+  "--sapButton_Information_Hover_Background",
+  "--sapButton_Information_Hover_BorderColor",
+  "--sapButton_Information_Hover_TextColor",
+  "--sapButton_Information_TextColor",
   "--sapButton_Lite_Active_Background",
   "--sapButton_Lite_Active_BorderColor",
   "--sapButton_Lite_Background",
@@ -118,8 +135,20 @@
   "--sapButton_Lite_Hover_BorderColor",
   "--sapButton_Lite_Hover_TextColor",
   "--sapButton_Lite_TextColor",
+  "--sapButton_Negative_Active_Background",
+  "--sapButton_Negative_Active_BorderColor",
+  "--sapButton_Negative_Background",
   "--sapButton_Negative_BorderColor",
+  "--sapButton_Negative_Hover_Background",
+  "--sapButton_Negative_Hover_BorderColor",
+  "--sapButton_Negative_Hover_TextColor",
+  "--sapButton_Negative_TextColor",
+  "--sapButton_Neutral_Active_Background",
+  "--sapButton_Neutral_Active_BorderColor",
   "--sapButton_Neutral_Background",
+  "--sapButton_Neutral_Hover_Background",
+  "--sapButton_Neutral_Hover_BorderColor",
+  "--sapButton_Neutral_Hover_TextColor",
   "--sapButton_Reject_Active_Background",
   "--sapButton_Reject_Active_BorderColor",
   "--sapButton_Reject_Active_TextColor",
@@ -139,6 +168,14 @@
   "--sapButton_Selected_Hover_Background",
   "--sapButton_Selected_Hover_BorderColor",
   "--sapButton_Selected_TextColor",
+  "--sapButton_Success_Active_Background",
+  "--sapButton_Success_Active_BorderColor",
+  "--sapButton_Success_Background",
+  "--sapButton_Success_BorderColor",
+  "--sapButton_Success_Hover_Background",
+  "--sapButton_Success_Hover_BorderColor",
+  "--sapButton_Success_Hover_TextColor",
+  "--sapButton_Success_TextColor",
   "--sapButton_TextColor",
   "--sapButton_TokenBackground",
   "--sapButton_TokenBorderColor",
@@ -159,15 +196,15 @@
   "--sapButton_Track_Selected_Hover_Background",
   "--sapButton_Track_Selected_Hover_BorderColor",
   "--sapButton_Track_Selected_TextColor",
-  "--sapChart_Good",
-  "--sapChart_Sequence_6",
   "--sapContent_BadgeBackground",
   "--sapContent_BadgeTextColor",
   "--sapContent_BusyColor",
+  "--sapContent_ContentColor",
   "--sapContent_ContrastFocusColor",
   "--sapContent_ContrastIconColor",
   "--sapContent_ContrastShadowColor",
   "--sapContent_ContrastTextColor",
+  "--sapContent_ContrastTextShadow",
   "--sapContent_Critical_Shadow",
   "--sapContent_DisabledOpacity",
   "--sapContent_DisabledTextColor",
@@ -204,7 +241,6 @@
   "--sapContent_Selected_ForegroundColor",
   "--sapContent_Selected_Hover_Background",
   "--sapContent_Selected_MeasureIndicatorColor",
-  "--sapContent_Selected_Shadow",
   "--sapContent_Selected_TextColor",
   "--sapContent_Shadow0",
   "--sapContent_Shadow1",
@@ -220,6 +256,7 @@
   "--sapElement_BorderWidth",
   "--sapElement_Compact_Height",
   "--sapElement_Height",
+  "--sapElement_LineHeight",
   "--sapErrorBackground",
   "--sapErrorBorderColor",
   "--sapField_Active_BorderColor",
@@ -289,7 +326,6 @@
   "--sapHC_ReducedBackground",
   "--sapHC_ReducedForeground",
   "--sapHighlightColor",
-  "--sapHighlightTextColor",
   "--sapIllus_AccentColor",
   "--sapIllus_BackgroundColor",
   "--sapIllus_BrandColorPrimary",
@@ -301,6 +337,116 @@
   "--sapIllus_PatternHighlight",
   "--sapIllus_PatternShadow",
   "--sapIllus_StrokeDetailColor",
+  "--sapIndicationColor_1",
+  "--sapIndicationColor_1_Active_Background",
+  "--sapIndicationColor_1_Active_BorderColor",
+  "--sapIndicationColor_1_Active_TextColor",
+  "--sapIndicationColor_1_Background",
+  "--sapIndicationColor_1_BorderColor",
+  "--sapIndicationColor_1_Hover_Background",
+  "--sapIndicationColor_1_TextColor",
+  "--sapIndicationColor_1b",
+  "--sapIndicationColor_1b_BorderColor",
+  "--sapIndicationColor_1b_Hover_Background",
+  "--sapIndicationColor_2",
+  "--sapIndicationColor_2_Active_Background",
+  "--sapIndicationColor_2_Active_BorderColor",
+  "--sapIndicationColor_2_Active_TextColor",
+  "--sapIndicationColor_2_Background",
+  "--sapIndicationColor_2_BorderColor",
+  "--sapIndicationColor_2_Hover_Background",
+  "--sapIndicationColor_2_TextColor",
+  "--sapIndicationColor_2b",
+  "--sapIndicationColor_2b_BorderColor",
+  "--sapIndicationColor_2b_Hover_Background",
+  "--sapIndicationColor_3",
+  "--sapIndicationColor_3_Active_Background",
+  "--sapIndicationColor_3_Active_BorderColor",
+  "--sapIndicationColor_3_Active_TextColor",
+  "--sapIndicationColor_3_Background",
+  "--sapIndicationColor_3_BorderColor",
+  "--sapIndicationColor_3_Hover_Background",
+  "--sapIndicationColor_3_TextColor",
+  "--sapIndicationColor_3b",
+  "--sapIndicationColor_3b_BorderColor",
+  "--sapIndicationColor_3b_Hover_Background",
+  "--sapIndicationColor_4",
+  "--sapIndicationColor_4_Active_Background",
+  "--sapIndicationColor_4_Active_BorderColor",
+  "--sapIndicationColor_4_Active_TextColor",
+  "--sapIndicationColor_4_Background",
+  "--sapIndicationColor_4_BorderColor",
+  "--sapIndicationColor_4_Hover_Background",
+  "--sapIndicationColor_4_TextColor",
+  "--sapIndicationColor_4b",
+  "--sapIndicationColor_4b_BorderColor",
+  "--sapIndicationColor_4b_Hover_Background",
+  "--sapIndicationColor_5",
+  "--sapIndicationColor_5_Active_Background",
+  "--sapIndicationColor_5_Active_BorderColor",
+  "--sapIndicationColor_5_Active_TextColor",
+  "--sapIndicationColor_5_Background",
+  "--sapIndicationColor_5_BorderColor",
+  "--sapIndicationColor_5_Hover_Background",
+  "--sapIndicationColor_5_TextColor",
+  "--sapIndicationColor_5b",
+  "--sapIndicationColor_5b_BorderColor",
+  "--sapIndicationColor_5b_Hover_Background",
+  "--sapIndicationColor_6",
+  "--sapIndicationColor_6_Active_Background",
+  "--sapIndicationColor_6_Active_BorderColor",
+  "--sapIndicationColor_6_Active_TextColor",
+  "--sapIndicationColor_6_Background",
+  "--sapIndicationColor_6_BorderColor",
+  "--sapIndicationColor_6_Hover_Background",
+  "--sapIndicationColor_6_TextColor",
+  "--sapIndicationColor_6b",
+  "--sapIndicationColor_6b_BorderColor",
+  "--sapIndicationColor_6b_Hover_Background",
+  "--sapIndicationColor_7",
+  "--sapIndicationColor_7_Active_Background",
+  "--sapIndicationColor_7_Active_BorderColor",
+  "--sapIndicationColor_7_Active_TextColor",
+  "--sapIndicationColor_7_Background",
+  "--sapIndicationColor_7_BorderColor",
+  "--sapIndicationColor_7_Hover_Background",
+  "--sapIndicationColor_7_TextColor",
+  "--sapIndicationColor_7b",
+  "--sapIndicationColor_7b_BorderColor",
+  "--sapIndicationColor_7b_Hover_Background",
+  "--sapIndicationColor_8",
+  "--sapIndicationColor_8_Active_Background",
+  "--sapIndicationColor_8_Active_BorderColor",
+  "--sapIndicationColor_8_Active_TextColor",
+  "--sapIndicationColor_8_Background",
+  "--sapIndicationColor_8_BorderColor",
+  "--sapIndicationColor_8_Hover_Background",
+  "--sapIndicationColor_8_TextColor",
+  "--sapIndicationColor_8b",
+  "--sapIndicationColor_8b_BorderColor",
+  "--sapIndicationColor_8b_Hover_Background",
+  "--sapIndicationColor_9",
+  "--sapIndicationColor_9_Active_Background",
+  "--sapIndicationColor_9_Active_BorderColor",
+  "--sapIndicationColor_9_Active_TextColor",
+  "--sapIndicationColor_9_Background",
+  "--sapIndicationColor_9_BorderColor",
+  "--sapIndicationColor_9_Hover_Background",
+  "--sapIndicationColor_9_TextColor",
+  "--sapIndicationColor_9b",
+  "--sapIndicationColor_9b_BorderColor",
+  "--sapIndicationColor_9b_Hover_Background",
+  "--sapIndicationColor_10",
+  "--sapIndicationColor_10_Active_Background",
+  "--sapIndicationColor_10_Active_BorderColor",
+  "--sapIndicationColor_10_Active_TextColor",
+  "--sapIndicationColor_10_Background",
+  "--sapIndicationColor_10_BorderColor",
+  "--sapIndicationColor_10_Hover_Background",
+  "--sapIndicationColor_10_TextColor",
+  "--sapIndicationColor_10b",
+  "--sapIndicationColor_10b_BorderColor",
+  "--sapIndicationColor_10b_Hover_Background",
   "--sapInformationBackground",
   "--sapInformationBorderColor",
   "--sapInformativeElementColor",
@@ -318,7 +464,26 @@
   "--sapLegendBackgroundColor10",
   "--sapLegendBackgroundColor18",
   "--sapLegendBackgroundColor20",
+  "--sapLegendColor1",
+  "--sapLegendColor2",
+  "--sapLegendColor3",
+  "--sapLegendColor4",
+  "--sapLegendColor5",
+  "--sapLegendColor6",
+  "--sapLegendColor7",
+  "--sapLegendColor8",
+  "--sapLegendColor9",
+  "--sapLegendColor10",
+  "--sapLegendColor11",
+  "--sapLegendColor12",
+  "--sapLegendColor13",
+  "--sapLegendColor14",
+  "--sapLegendColor15",
+  "--sapLegendColor16",
+  "--sapLegendColor17",
   "--sapLegendColor18",
+  "--sapLegendColor19",
+  "--sapLegendColor20",
   "--sapLink_Active_Color",
   "--sapLink_Active_TextDecoration",
   "--sapLink_Hover_Color",
@@ -355,11 +520,18 @@
   "--sapNegativeElementColor",
   "--sapNegativeTextColor",
   "--sapNeutralBackground",
+  "--sapNeutralBorderColor",
   "--sapNeutralColor",
   "--sapNeutralElementColor",
   "--sapNeutralTextColor",
   "--sapObjectHeader_Background",
   "--sapObjectHeader_BorderColor",
+  "--sapObjectHeader_Hover_Background",
+  "--sapObjectHeader_Subtitle_TextColor",
+  "--sapObjectHeader_Title_FontFamily",
+  "--sapObjectHeader_Title_FontSize",
+  "--sapObjectHeader_Title_SnappedFontSize",
+  "--sapObjectHeader_Title_TextColor",
   "--sapPageFooter_Background",
   "--sapPageFooter_BorderColor",
   "--sapPageFooter_TextColor",
@@ -405,7 +577,6 @@
   "--sapShell_InteractiveTextColor",
   "--sapShell_TextColor",
   "--sapShellColor",
-  "--sapSlider_Active_HandleBackground",
   "--sapSlider_Active_RangeHandleBackground",
   "--sapSlider_Background",
   "--sapSlider_HandleBackground",
@@ -428,7 +599,7 @@
   "--sapTile_SeparatorColor",
   "--sapTile_TextColor",
   "--sapTile_TitleTextColor",
-  "--sapTitleColor",
+  "--sapToolbar_Background",
   "--sapToolbar_SeparatorColor",
   "--sapWarningBackground",
   "--sapWarningBorderColor"