@ui5/webcomponents-theming 0.0.0-1e08ebdef → 0.0.0-3236d56be

package/CHANGELOG.md

@@ -3,6 +3,101 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.1](https://github.com/SAP/ui5-webcomponents/compare/v1.3.0...v1.3.1) (2022-04-27)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+# [1.3.0](https://github.com/SAP/ui5-webcomponents/compare/v1.2.4...v1.3.0) (2022-04-19)
+
+
+* ****Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+
+## [1.2.4](https://github.com/SAP/ui5-webcomponents/compare/v1.2.3...v1.2.4) (2022-03-30)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+## [1.2.3](https://github.com/SAP/ui5-webcomponents/compare/v1.2.2...v1.2.3) (2022-03-23)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+## [1.2.2](https://github.com/SAP/ui5-webcomponents/compare/v1.2.1...v1.2.2) (2022-03-22)
+
+
+### Features
+
+* add ` sap_horizon_dark` and `sap_horizon_hcb(hcw)` theme params ([#4722](https://github.com/SAP/ui5-webcomponents/issues/4722)) ([dc070a1](https://github.com/SAP/ui5-webcomponents/commit/dc070a1))
+
+
+
+
+
+## [1.2.1](https://github.com/SAP/ui5-webcomponents/compare/v1.2.0...v1.2.1) (2022-03-02)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+# [1.2.0](https://github.com/SAP/ui5-webcomponents/compare/v1.1.2...v1.2.0) (2022-02-28)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+## [1.1.2](https://github.com/SAP/ui5-webcomponents/compare/v1.1.1...v1.1.2) (2022-01-26)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+## [1.1.1](https://github.com/SAP/ui5-webcomponents/compare/v1.1.0...v1.1.1) (2022-01-24)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+# [1.1.0](https://github.com/SAP/ui5-webcomponents/compare/v1.0.2...v1.1.0) (2022-01-21)
+
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
+
+## [1.0.2](https://github.com/SAP/ui5-webcomponents/compare/v1.0.1...v1.0.2) (2021-11-29)
+
+**Note:** Version bump only for package @ui5/webcomponents-theming
+
+
+
+
+
 ## [1.0.1](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0...v1.0.1) (2021-11-10)
 
 **Note:** Version bump only for package @ui5/webcomponents-theming

package/config/postcss.themes/postcss.config.js

@@ -1,4 +1,4 @@
-const combineSelectors = require('postcss-combine-duplicated-selectors');
+const combineSelectors = require('@ui5/webcomponents-tools/lib/postcss-combine-duplicated-selectors/index.js');
 const postcssImport = require('postcss-import');
 const cssnano = require('cssnano');
 const postcssCSStoJSON = require('@ui5/webcomponents-tools/lib/postcss-css-to-json/index.js');

package/css-vars-usage.json

@@ -10,15 +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",
-  "--sapBlueColor1",
-  "--sapBlueColor4",
-  "--sapBlueColor5",
-  "--sapBlueColor6",
-  "--sapBlueColor7",
-  "--sapBlueColor9",
-  "--sapBrandColor",
   "--sapButton_Accept_Active_Background",
   "--sapButton_Accept_Active_BorderColor",
   "--sapButton_Accept_Active_TextColor",
@@ -26,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",
@@ -40,28 +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_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",
@@ -69,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",
@@ -81,13 +143,30 @@
   "--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",
@@ -97,10 +176,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",
@@ -114,6 +195,7 @@
   "--sapContent_Informative_Shadow",
   "--sapContent_Interaction_Shadow",
   "--sapContent_LabelColor",
+  "--sapContent_MeasureIndicatorColor",
   "--sapContent_Negative_Shadow",
   "--sapContent_NonInteractiveIconColor",
   "--sapContent_Positive_Shadow",
@@ -121,6 +203,7 @@
   "--sapContent_Selected_Background",
   "--sapContent_Selected_ForegroundColor",
   "--sapContent_Selected_Hover_Background",
+  "--sapContent_Selected_MeasureIndicatorColor",
   "--sapContent_Selected_Shadow",
   "--sapContent_Selected_TextColor",
   "--sapContent_Shadow0",
@@ -134,38 +217,49 @@
   "--sapCriticalElementColor",
   "--sapCriticalTextColor",
   "--sapElement_BorderCornerRadius",
+  "--sapElement_BorderWidth",
   "--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_HoverBorderColor",
   "--sapField_InformationBackground",
+  "--sapField_InformationBackgroundStyle",
   "--sapField_InformationBorderWidth",
   "--sapField_InformationColor",
   "--sapField_InvalidBackground",
+  "--sapField_InvalidBackgroundStyle",
   "--sapField_InvalidBorderWidth",
   "--sapField_InvalidColor",
   "--sapField_PlaceholderTextColor",
   "--sapField_ReadOnly_Background",
+  "--sapField_ReadOnly_BackgroundStyle",
   "--sapField_ReadOnly_BorderColor",
   "--sapField_RequiredColor",
   "--sapField_SuccessBackground",
+  "--sapField_SuccessBackgroundStyle",
   "--sapField_SuccessBorderWidth",
   "--sapField_SuccessColor",
   "--sapField_TextColor",
   "--sapField_WarningBackground",
+  "--sapField_WarningBackgroundStyle",
   "--sapField_WarningBorderWidth",
   "--sapField_WarningColor",
   "--sapFontBoldFamily",
   "--sapFontFamily",
+  "--sapFontHeader1Size",
   "--sapFontHeader2Size",
+  "--sapFontHeader3Size",
   "--sapFontHeader4Size",
   "--sapFontHeader5Size",
   "--sapFontHeader6Size",
@@ -174,26 +268,12 @@
   "--sapFontMediumSize",
   "--sapFontSize",
   "--sapFontSmallSize",
-  "--sapGreenColor1",
-  "--sapGreenColor4",
-  "--sapGreenColor6",
-  "--sapGreenColor7",
-  "--sapGreenColor9",
-  "--sapGreyColor1",
-  "--sapGreyColor2",
-  "--sapGreyColor3",
-  "--sapGreyColor4",
-  "--sapGreyColor5",
-  "--sapGreyColor6",
-  "--sapGreyColor7",
-  "--sapGreyColor8",
-  "--sapGreyColor9",
   "--sapGroup_ContentBackground",
   "--sapGroup_ContentBorderColor",
   "--sapGroup_TitleBackground",
   "--sapGroup_TitleBorderColor",
+  "--sapGroup_TitleFontSize",
   "--sapGroup_TitleTextColor",
-  "--sapHC_ReducedAltForeground",
   "--sapHC_ReducedBackground",
   "--sapHC_ReducedForeground",
   "--sapHighlightColor",
@@ -209,10 +289,6 @@
   "--sapIllus_PatternHighlight",
   "--sapIllus_PatternShadow",
   "--sapIllus_StrokeDetailColor",
-  "--sapIndigoColor1",
-  "--sapIndigoColor4",
-  "--sapIndigoColor6",
-  "--sapIndigoColor7",
   "--sapInformationBackground",
   "--sapInformationBorderColor",
   "--sapInformativeElementColor",
@@ -231,7 +307,10 @@
   "--sapLegendBackgroundColor18",
   "--sapLegendBackgroundColor20",
   "--sapLegendColor18",
+  "--sapLink_Active_Color",
+  "--sapLink_Hover_Color",
   "--sapLink_SubtleColor",
+  "--sapLink_Visited_Color",
   "--sapLinkColor",
   "--sapList_Active_Background",
   "--sapList_Active_TextColor",
@@ -244,6 +323,7 @@
   "--sapList_GroupHeaderBackground",
   "--sapList_GroupHeaderBorderColor",
   "--sapList_HeaderBackground",
+  "--sapList_HeaderBorderColor",
   "--sapList_Hover_Background",
   "--sapList_Hover_SelectionBackground",
   "--sapList_SelectionBackgroundColor",
@@ -252,17 +332,14 @@
   "--sapList_TableGroupHeaderBorderColor",
   "--sapList_TableGroupHeaderTextColor",
   "--sapList_TextColor",
-  "--sapMangoColor1",
-  "--sapMangoColor4",
-  "--sapMangoColor5",
-  "--sapMangoColor6",
-  "--sapMangoColor7",
-  "--sapMangoColor9",
+  "--sapMessage_ErrorBorderColor",
+  "--sapMessage_InformationBorderColor",
+  "--sapMessage_SuccessBorderColor",
+  "--sapMessage_WarningBorderColor",
   "--sapNegativeColor",
   "--sapNegativeElementColor",
   "--sapNegativeTextColor",
   "--sapNeutralBackground",
-  "--sapNeutralBorderColor",
   "--sapNeutralColor",
   "--sapNeutralElementColor",
   "--sapNeutralTextColor",
@@ -274,19 +351,31 @@
   "--sapPageHeader_Background",
   "--sapPageHeader_BorderColor",
   "--sapPageHeader_TextColor",
-  "--sapPinkColor1",
-  "--sapPinkColor4",
-  "--sapPinkColor6",
-  "--sapPinkColor7",
+  "--sapPopover_BorderCornerRadius",
   "--sapPositiveColor",
   "--sapPositiveElementColor",
   "--sapPositiveTextColor",
-  "--sapRedColor1",
-  "--sapRedColor4",
-  "--sapRedColor5",
-  "--sapRedColor6",
-  "--sapRedColor7",
-  "--sapRedColor9",
+  "--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",
@@ -300,16 +389,26 @@
   "--sapShell_InteractiveTextColor",
   "--sapShell_TextColor",
   "--sapShellColor",
+  "--sapSlider_Active_HandleBackground",
+  "--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",
-  "--sapTealColor1",
-  "--sapTealColor4",
-  "--sapTealColor6",
-  "--sapTealColor7",
   "--sapTextColor",
+  "--sapTile_Active_Background",
   "--sapTile_Background",
   "--sapTile_BorderColor",
+  "--sapTile_BorderCornerRadius",
+  "--sapTile_Hover_Background",
   "--sapTile_IconColor",
+  "--sapTile_Interactive_BorderColor",
   "--sapTile_SeparatorColor",
   "--sapTile_TextColor",
   "--sapTile_TitleTextColor",