@openui5/themelib_sap_horizon 1.108.0 → 1.109.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/THIRDPARTY.txt +1 -1
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/Card.less +3 -3
- package/src/sap/f/themes/sap_horizon/library.source.less +0 -1
- package/src/sap/f/themes/sap_horizon_dark/Card.less +2 -2
- package/src/sap/f/themes/sap_horizon_dark/library.source.less +0 -1
- package/src/sap/f/themes/sap_horizon_hcb/Card.less +4 -0
- package/src/sap/f/themes/sap_horizon_hcw/Card.less +4 -0
- package/src/sap/m/themes/sap_horizon/AdditionalTextButton.less +12 -0
- package/src/sap/m/themes/sap_horizon/LightBox.less +0 -1
- package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon/PlanningCalendar.less +3 -0
- package/src/sap/m/themes/sap_horizon/Select.less +6 -5
- package/src/sap/m/themes/sap_horizon/Slider.less +14 -13
- package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_dark/AdditionalTextButton.less +12 -0
- package/src/sap/m/themes/sap_horizon_dark/LightBox.less +0 -1
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/PlanningCalendar.less +3 -0
- package/src/sap/m/themes/sap_horizon_dark/Select.less +6 -5
- package/src/sap/m/themes/sap_horizon_dark/Slider.less +13 -12
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/LightBox.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcb/PlanningCalendar.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/Select.less +3 -9
- package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcb/Slider.less +18 -16
- package/src/sap/m/themes/sap_horizon_hcw/LightBox.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcw/PlanningCalendar.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/Select.less +3 -9
- package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcw/Slider.less +18 -17
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +123 -17
- package/src/sap/ui/core/themes/sap_horizon/global.less +64 -0
- package/src/sap/ui/core/themes/sap_horizon/shared.less +22 -36
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +124 -18
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +64 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +23 -36
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/Icon.less +9 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +120 -14
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +64 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/library.source.less +1 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +22 -36
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/Icon.less +9 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +120 -14
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +64 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/library.source.less +1 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +21 -36
- package/src/sap/ui/integration/themes/sap_horizon/ListContent.less +19 -0
- package/src/sap/ui/integration/themes/sap_horizon/TableContent.less +24 -0
- package/src/sap/ui/integration/themes/sap_horizon/library.source.less +3 -1
- package/src/sap/ui/integration/themes/sap_horizon_dark/ListContent.less +19 -0
- package/src/sap/ui/integration/themes/sap_horizon_dark/TableContent.less +24 -0
- package/src/sap/ui/integration/themes/sap_horizon_dark/library.source.less +3 -1
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +2 -0
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +11 -3
- package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +4 -1
- package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +12 -0
- package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +12 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less +13 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less +13 -0
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +0 -4
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +0 -4
- package/src/sap/f/themes/sap_horizon/ListContentItem.less +0 -24
- package/src/sap/f/themes/sap_horizon_dark/ListContentItem.less +0 -24
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.integration.cards/TableContent */
|
|
3
|
+
/* Horizon theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
|
+
|
|
6
|
+
.sapUiIntCard {
|
|
7
|
+
&.sapFCardNoHeader,
|
|
8
|
+
&.sapFCardBottomHeader {
|
|
9
|
+
.sapFCardTableContent .sapMListTblHeader.sapMLIBFocusable:focus { // header of the table
|
|
10
|
+
> .sapMTblFirstVisibleCell::before {
|
|
11
|
+
border-top-left-radius: 1rem;
|
|
12
|
+
}
|
|
13
|
+
> .sapMTblLastVisibleCell::before {
|
|
14
|
+
border-top-right-radius: 1rem;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&:not(.sapUiIntCardWithFooter):not(.sapFCardBottomHeader):not(.sapFCardTransparent) {
|
|
20
|
+
.sapFCardTableContent .sapMTableTBody .sapUiIntTCIRoundedCorners.sapMLIBFocusable:last-child:focus { // last row in the table
|
|
21
|
+
border-radius: 0 0 1rem 1rem;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/* ==================================================== */
|
|
2
|
+
/* CSS for control sap.ui.integration.cards/ListContent */
|
|
3
|
+
/* Evening Horizon theme */
|
|
4
|
+
/* ==================================================== */
|
|
5
|
+
|
|
6
|
+
.sapUiIntCard {
|
|
7
|
+
&.sapFCardNoHeader,
|
|
8
|
+
&.sapFCardBottomHeader {
|
|
9
|
+
.sapFCardListContent .sapMLIBFocusable:first-child:focus { // first item in the list
|
|
10
|
+
border-radius: 1rem 1rem 0 0;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&:not(.sapUiIntCardWithFooter):not(.sapFCardBottomHeader):not(.sapFCardTransparent) {
|
|
15
|
+
.sapFCardListContent .sapUiIntLCIRoundedCorners.sapMLIBFocusable:last-child:focus { // last item in the list
|
|
16
|
+
border-radius: 0 0 1rem 1rem;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.integration.cards/TableContent */
|
|
3
|
+
/* Evening Horizon theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
|
+
|
|
6
|
+
.sapUiIntCard {
|
|
7
|
+
&.sapFCardNoHeader,
|
|
8
|
+
&.sapFCardBottomHeader {
|
|
9
|
+
.sapFCardTableContent .sapMListTblHeader.sapMLIBFocusable:focus { // header of the table
|
|
10
|
+
> .sapMTblFirstVisibleCell::before {
|
|
11
|
+
border-top-left-radius: 1rem;
|
|
12
|
+
}
|
|
13
|
+
> .sapMTblLastVisibleCell::before {
|
|
14
|
+
border-top-right-radius: 1rem;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&:not(.sapUiIntCardWithFooter):not(.sapFCardBottomHeader):not(.sapFCardTransparent) {
|
|
20
|
+
.sapFCardTableContent .sapMTableTBody .sapUiIntTCIRoundedCorners.sapMLIBFocusable:last-child:focus { // last row in the table
|
|
21
|
+
border-radius: 0 0 1rem 1rem;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiShellTextColor;
|
|
13
13
|
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#b95100
|
|
14
14
|
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#256f3a
|
|
15
|
+
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiGroupTitleBorderColor; // #a8b3bd
|
|
16
|
+
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListHoverBackground; // #eaecee
|
|
15
17
|
|
|
16
18
|
.sapUiRtaMode {
|
|
17
19
|
.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
|
|
@@ -13,9 +13,10 @@
|
|
|
13
13
|
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG: @sapUiButtonEmphasizedHoverBackground; //#0064d9
|
|
14
14
|
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBG: @sapUiButtonEmphasizedBackground; // #0070f2
|
|
15
15
|
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusShadow: @sapUiContentInteractionShadow; //
|
|
16
|
-
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor:
|
|
16
|
+
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalElement; //#f7bf00
|
|
17
17
|
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#97dd40
|
|
18
|
-
|
|
18
|
+
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListSelectionBackgroundColor; //#1d2d3e
|
|
19
|
+
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiListHoverBackground; // #232b33
|
|
19
20
|
|
|
20
21
|
.sapUiRtaMode {
|
|
21
22
|
.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
|
|
@@ -104,7 +105,14 @@
|
|
|
104
105
|
}
|
|
105
106
|
}
|
|
106
107
|
}
|
|
107
|
-
|
|
108
|
+
}
|
|
109
|
+
.sapUiRtaVersionHistory {
|
|
110
|
+
border: 0.0625rem solid fade(@sapUiNeutralBorder, 35%);
|
|
111
|
+
.sapMLIBHoverable:hover {
|
|
112
|
+
outline: 0.125rem solid @sapUiSelected;
|
|
113
|
+
border-radius: 0.375rem;
|
|
114
|
+
outline-offset: -0.125rem;
|
|
115
|
+
}
|
|
108
116
|
}
|
|
109
117
|
}
|
|
110
118
|
|
|
@@ -8,7 +8,10 @@
|
|
|
8
8
|
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected;
|
|
9
9
|
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#ffab1d
|
|
10
10
|
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#9c9
|
|
11
|
-
|
|
11
|
+
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
|
|
12
|
+
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
|
|
13
|
+
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListHoverBackground; //#795100
|
|
14
|
+
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiContentDisabledTextColor; //#666
|
|
12
15
|
|
|
13
16
|
.sapUiRtaMode {
|
|
14
17
|
.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected; //#5c93ff
|
|
10
10
|
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiActive, 12%); //#bd5a13
|
|
11
11
|
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#006800
|
|
12
|
+
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(0, 0, 0, 0.6)
|
|
13
|
+
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralBorder; //#000
|
|
14
|
+
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiSelected; //#5c93ff
|
|
15
|
+
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiFieldReadOnlyBackground; //#b3b3b3
|
|
12
16
|
|
|
13
17
|
|
|
14
18
|
.sapUiRtaMode {
|
|
@@ -746,6 +746,18 @@ and (orientation: landscape) {
|
|
|
746
746
|
}
|
|
747
747
|
}
|
|
748
748
|
|
|
749
|
+
.sapUiCalTwoMonthsTwoColumnsJaZh {
|
|
750
|
+
.sapUiCalHead > button.sapUiCalHeadB2 {
|
|
751
|
+
margin-left: calc(~"25% - 6rem");
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.sapUiCalTwoMonthsTwoColumns {
|
|
756
|
+
.sapUiCalHead > button.sapUiCalHeadB1 {
|
|
757
|
+
margin-left: calc(~"25% - 6rem");
|
|
758
|
+
}
|
|
759
|
+
}
|
|
760
|
+
|
|
749
761
|
.dayColorMixIn(sapUiCalItemType01, @_sap_ui_unified_Calendar_sapUiCalItemType01);
|
|
750
762
|
.dayColorMixIn(sapUiCalItemType02, @_sap_ui_unified_Calendar_sapUiCalItemType02);
|
|
751
763
|
.dayColorMixIn(sapUiCalItemType03, @_sap_ui_unified_Calendar_sapUiCalItemType03);
|
|
@@ -740,6 +740,18 @@ and (orientation: landscape) {
|
|
|
740
740
|
}
|
|
741
741
|
}
|
|
742
742
|
|
|
743
|
+
.sapUiCalTwoMonthsTwoColumnsJaZh {
|
|
744
|
+
.sapUiCalHead > button.sapUiCalHeadB2 {
|
|
745
|
+
margin-left: calc(~"25% - 6rem");
|
|
746
|
+
}
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
.sapUiCalTwoMonthsTwoColumns {
|
|
750
|
+
.sapUiCalHead > button.sapUiCalHeadB1 {
|
|
751
|
+
margin-left: calc(~"25% - 6rem");
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
|
|
743
755
|
.dayColorMixIn(sapUiCalItemType01, @_sap_ui_unified_Calendar_sapUiCalItemType01);
|
|
744
756
|
.dayColorMixIn(sapUiCalItemType02, @_sap_ui_unified_Calendar_sapUiCalItemType02);
|
|
745
757
|
.dayColorMixIn(sapUiCalItemType03, @_sap_ui_unified_Calendar_sapUiCalItemType03);
|
|
@@ -740,6 +740,19 @@ and (orientation: landscape) {
|
|
|
740
740
|
}
|
|
741
741
|
}
|
|
742
742
|
|
|
743
|
+
|
|
744
|
+
.sapUiCalTwoMonthsTwoColumnsJaZh {
|
|
745
|
+
.sapUiCalHead > button.sapUiCalHeadB2 {
|
|
746
|
+
margin-left: calc(~"25% - 6rem");
|
|
747
|
+
}
|
|
748
|
+
}
|
|
749
|
+
|
|
750
|
+
.sapUiCalTwoMonthsTwoColumns {
|
|
751
|
+
.sapUiCalHead > button.sapUiCalHeadB1 {
|
|
752
|
+
margin-left: calc(~"25% - 6rem");
|
|
753
|
+
}
|
|
754
|
+
}
|
|
755
|
+
|
|
743
756
|
.dayColorMixIn(sapUiCalItemType01, @_sap_ui_unified_Calendar_sapUiCalItemType01);
|
|
744
757
|
.dayColorMixIn(sapUiCalItemType02, @_sap_ui_unified_Calendar_sapUiCalItemType02);
|
|
745
758
|
.dayColorMixIn(sapUiCalItemType03, @_sap_ui_unified_Calendar_sapUiCalItemType03);
|
|
@@ -740,6 +740,19 @@ and (orientation: landscape) {
|
|
|
740
740
|
}
|
|
741
741
|
}
|
|
742
742
|
|
|
743
|
+
|
|
744
|
+
.sapUiCalTwoMonthsTwoColumnsJaZh {
|
|
745
|
+
.sapUiCalHead > button.sapUiCalHeadB2 {
|
|
746
|
+
margin-left: calc(~"25% - 6rem");
|
|
747
|
+
}
|
|
748
|
+
}
|
|
749
|
+
|
|
750
|
+
.sapUiCalTwoMonthsTwoColumns {
|
|
751
|
+
.sapUiCalHead > button.sapUiCalHeadB1 {
|
|
752
|
+
margin-left: calc(~"25% - 6rem");
|
|
753
|
+
}
|
|
754
|
+
}
|
|
755
|
+
|
|
743
756
|
.dayColorMixIn(sapUiCalItemType01, @_sap_ui_unified_Calendar_sapUiCalItemType01);
|
|
744
757
|
.dayColorMixIn(sapUiCalItemType02, @_sap_ui_unified_Calendar_sapUiCalItemType02);
|
|
745
758
|
.dayColorMixIn(sapUiCalItemType03, @_sap_ui_unified_Calendar_sapUiCalItemType03);
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/* =========================================================== */
|
|
2
|
-
/* CSS for control sap.ui.integration.controls/ListContentItem */
|
|
3
|
-
/* Horizon theme */
|
|
4
|
-
/* =========================================================== */
|
|
5
|
-
|
|
6
|
-
@_sap_f_Card_BorderRadius: 1rem;
|
|
7
|
-
|
|
8
|
-
.sapFCard {
|
|
9
|
-
&:not(.sapFCardBottomHeader) .sapMLIBFocusable:last-child:focus {
|
|
10
|
-
border-radius: 0 0 @_sap_f_Card_BorderRadius @_sap_f_Card_BorderRadius;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&.sapFCardNoHeader {
|
|
14
|
-
.sapMLIBFocusable:first-child:focus {
|
|
15
|
-
border-radius: @_sap_f_Card_BorderRadius @_sap_f_Card_BorderRadius 0 0;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.sapFCard.sapUiIntCardWithFooter {
|
|
21
|
-
.sapMListItems li:last-child:focus {
|
|
22
|
-
border-radius: 0;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/* ====================================== */
|
|
2
|
-
/* CSS for control sap.f/ListContentItem */
|
|
3
|
-
/* Evening Horizon theme */
|
|
4
|
-
/* ====================================== */
|
|
5
|
-
|
|
6
|
-
@_sap_f_Card_BorderRadius: 1rem;
|
|
7
|
-
|
|
8
|
-
.sapFCard {
|
|
9
|
-
&:not(.sapFCardBottomHeader) .sapMLIBFocusable:last-child:focus {
|
|
10
|
-
border-radius: 0 0 @_sap_f_Card_BorderRadius @_sap_f_Card_BorderRadius;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&.sapFCardNoHeader {
|
|
14
|
-
.sapMLIBFocusable:first-child:focus {
|
|
15
|
-
border-radius: @_sap_f_Card_BorderRadius @_sap_f_Card_BorderRadius 0 0;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.sapFCard.sapUiIntCardWithFooter {
|
|
21
|
-
.sapMListItems li:last-child:focus {
|
|
22
|
-
border-radius: 0;
|
|
23
|
-
}
|
|
24
|
-
}
|