@openui5/themelib_sap_horizon 1.99.1 → 1.102.0

package/src/sap/m/themes/sap_horizon_hcb/ViewSettingsDialog.less

@@ -0,0 +1,45 @@
+/* ========================================= */
+/* CSS for control sap.m/ViewSettingsDialog  */
+/* Horizon High Contrast Black theme         */
+/* ========================================= */
+
+@_sap_m_ViewSettingsDialog_HeaderBorderColor: darken(@sapUiGroupContentBackground, 8);
+
+.sapMVSD .sapMPageHeader{
+	z-index: 2;
+	.sapMBarTitleStart .sapMBarPH {
+		padding-left: 0rem;
+	}
+}
+
+.sapMTB.sapMVSDFilterHeaderToolbar {
+	background-color:  @sapUiGroupContentBackground;
+	border-bottom: 1px solid @_sap_m_ViewSettingsDialog_HeaderBorderColor;
+	padding-left: 0;
+	.sapMBarChild.sapMCb {
+		.sapMCbLabel {
+			font-family: @sapUiFontFamily;
+			color: @sapUiGroupTitleTextColor;
+		}
+	}
+}
+
+.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX,
+.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX {
+	background-color: @sapUiGroupContentBackground;
+}
+
+.sapMVSD .sapMVSDBar {
+	box-shadow: @sapUiShadowHeader;
+}
+
+.sapMVSDBarWithSearch.sapMBar ,
+.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX .sapMVSDBarWithSearch,
+.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX .sapMVSDBarWithSearch {
+	box-shadow: none;
+}
+
+.sapMVSD .sapMPageWithSubHeader .sapMIBar.sapMHeader-CTX {
+	border-bottom: none;
+	box-shadow: none;
+}

package/src/sap/m/themes/sap_horizon_hcb/WheelSlider.less

@@ -0,0 +1,52 @@
+/* ================================== */
+/* CSS for control sap.m/WheelSlider  */
+/* Horizon High Contrast Black theme  */
+/* ================================== */
+
+.sapMWS {
+	.sapMWSInner {
+		.sapMWSItem {
+			&:focus {
+				outline: 0.125rem dotted @sapUiContentContrastFocusColor;
+			}
+		}
+	}
+	&.sapMWSExpanded {
+		.sapMWSInner {
+			.sapMWSItem {
+				&:focus {
+					outline: 0.125rem dotted @sapUiContentFocusColor;
+				}
+			}
+		}
+	}
+}
+
+.sapUiSizeCompact {
+	.sapMWS:not(.sapMWSShort) {
+		.sapMWSInner {
+			box-shadow: 0 0 0 1px @sapUiListBorderColor;
+		}
+	}
+}
+
+.sap-phone {
+	.sapMWS {
+		.sapMWSInner {
+			.sapMWSItem {
+				&:focus {
+					outline: 0.125rem dotted @sapUiContentContrastFocusColor;
+				}
+			}
+		}
+		&.sapMWSExpanded {
+			.sapMWSInner {
+				.sapMWSItem {
+					&:focus {
+						outline: 0.125rem dotted @sapUiContentFocusColor;
+					}
+				}
+			}
+		}
+	}
+}

package/src/sap/m/themes/sap_horizon_hcb/Wizard.less

@@ -0,0 +1,45 @@
+/* ================================== */
+/* CSS for control sap.m/Wizard       */
+/* Horizon High Contrast Black theme  */
+/* ================================== */
+
+.sapMWizard {
+	.sapMWizardStepContainer {
+		margin-top: @_sap_m_Wizard_NavHeight;
+	}
+
+	&.sapMWizardBgSolid .sapMWizardStepContainer {
+		background-color: @sapUiBaseBG;
+	}
+
+	&.sapMWizardBgList .sapMWizardStepContainer {
+		background-color: @sapUiBaseBG;
+	}
+
+	&.sapMWizardBgTransparent .sapMWizardStepContainer {
+		background-color: @sapUiBaseBG;
+	}
+}
+
+.sapMWizard .sapMWizardProgressNav {
+	box-shadow: @sapUiShadowHeader;
+}
+
+.sapMWizard {
+	overflow: hidden;
+}
+
+.sapMWizard .sapMWizardStep {
+	padding-bottom: 1rem;
+}
+
+.sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
+	min-height: calc(100% - 3rem);
+}
+
+html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
+	left: 2rem;
+	bottom: 3.5rem;
+	-webkit-transform: none;
+	transform: none;
+}

package/src/sap/m/themes/sap_horizon_hcb/WizardProgressNavigator.less

@@ -0,0 +1,104 @@
+/* ============================================== */
+/* CSS for control sap.m/WizardProgressNavigator  */
+/* Horizon High Contrast Black theme              */
+/* ============================================== */
+
+@_sap_m_WizardProgressNavigator_StepUnderlineHeight: 0.313rem;
+@_sap_m_WizardProgressNavigator_BoxShadow: 0.0625rem;
+
+.sapMWizardProgressNav {
+	position: absolute;
+	z-index: 1;
+	box-shadow: @sapUiContentHeaderShadow;
+}
+
+.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
+	background-color: @sapUiObjectHeaderBackground;
+	color: @sapUiBaseText;
+}
+
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"]:hover .sapMWizardProgressNavStepCircle {
+	background-color: @sapUiHighlight;
+	color: @sapUiContentContrastIconColor;
+}
+
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepTitle,
+.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepTitle {
+	color: @sapTextColor;
+}
+
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepCircle::after {
+	height: @_sap_m_WizardProgressNavigator_StepUnderlineHeight;
+	background: @sapUiBaseText;
+	content: "";
+	display: block;
+	position: relative;
+	width: 100%;
+	border-top-left-radius: 0.125rem;
+	border-top-right-radius: 0.125rem;
+	bottom: -0.625rem;
+}
+
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepContainer::after {
+	height: 0;
+}
+
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {
+	& .sapMWizardProgressNavStepCircle {
+		background: @sapUiSelected;
+		color: @sapUiBaseText;
+	}
+}
+
+.sapMWizardProgressNavStepCircle {
+	background: @sapUiObjectHeaderBackground;
+	border-color: @sapUiObjectHeaderBorderColor;
+	color: @sapUiBaseText;
+}
+
+.sapMWizardProgressNavStepTitle {
+	color: @sapTextColor;
+}
+
+.sapMWizardProgressNavStep::after {
+	border-bottom-color: @sapUiContentSelectedForegroundColor;
+}
+
+.sapMWizard .sapMWizardStepContainer {
+	background: @sapUiGroupContentBackground;
+}
+
+.sapMWizardProgressNavStepTitleOptional,
+.sapMWizardProgressNavStepLabelOptional {
+	color: @sapUiFieldPlaceholderTextColor;
+}
+
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {
+	/* all steps after the active one have inactive style */
+	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepCircle {
+		border-color: @sapUiListBorderColor;
+		background: @sapUiObjectHeaderBackground;
+		color: @sapUiBaseText;
+	}
+
+	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepTitle {
+		color: @sapUiContentLabelColor;
+	}
+
+	/* all separators after (and including) the active step have inactive style */
+	&::after,
+	& ~ .sapMWizardProgressNavStep::after {
+		border-bottom-color: @sapUiListBorderColor;
+	}
+}
+
+.sapMActionSheetPopover .sapMActionSheetButton .sapMBtnInner {
+	display: block;
+}
+
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"][data-sap-ui-wpn-step-open="false"][data-sap-ui-wpn-step-current="true"] {
+	.sapMWizardProgressNavStepCircle {
+		background: @sapUiActive;
+		border-color: @sapUiObjectHeaderBorderColor;
+	}
+}

package/src/sap/m/themes/sap_horizon_hcb/WizardStep.less

@@ -0,0 +1,6 @@
+.sapMWizardStep {
+	background-color: @sapUiGroupContentBackground;
+	border-radius: @sapUiElementBorderCornerRadius;
+	padding: 1rem;
+	margin-bottom: 1rem;
+}

package/src/sap/m/themes/sap_horizon_hcb/library.source.less

@@ -0,0 +1,119 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../base/library.source.less";
+@import "../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
+@import "../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
+@import "shared.less";
+
+@import "ActionListItem.less";
+@import "ActionSelect.less";
+@import "ActionSheet.less";
+@import "Avatar.less";
+@import "Bar.less";
+@import "Breadcrumbs.less";
+@import "BusyDialog.less";
+@import "BusyIndicator.less";
+@import "Button.less";
+@import "Carousel.less";
+@import "CheckBox.less";
+@import "ColorPalette.less";
+@import "ColumnListItem.less";
+@import "CustomTile.less";
+@import "DateTimePicker.less";
+@import "Dialog.less";
+@import "DynamicDateRange.less";
+@import "FeedContent.less";
+@import "FeedInput.less";
+@import "FeedListItem.less";
+@import "GenericTag.less";
+@import "GenericTile.less";
+@import "HeaderContainer.less";
+@import "IconTabBar.less";
+@import "IconTabBarSelectList.less";
+@import "Image.less";
+@import "ImageContent.less";
+@import "Input.less";
+@import "InputBase.less";
+
+/* note: the following two files are not in alphabetical order and should be imported after InputBase.less */
+@import "ComboBoxBase.less";
+@import "ComboBox.less";
+
+@import "Label.less";
+@import "LightBox.less";
+@import "Link.less";
+@import "ListBase.less";
+@import "ListItemBase.less";
+@import "Menu.less";
+@import "MenuButton.less";
+@import "MenuListItem.less";
+@import "MessageBox.less";
+@import "MessagePage.less";
+@import "MessageView.less";
+@import "MessageStrip.less";
+@import "MultiComboBox.less";
+@import "NewsContent.less";
+@import "NotificationListGroup.less";
+@import "NumericContent.less";
+@import "ObjectAttribute.less";
+@import "ObjectHeader.less";
+@import "ObjectListItem.less";
+@import "ObjectMarker.less";
+@import "ObjectNumber.less";
+@import "ObjectStatus.less";
+@import "OverflowToolbarAssociativePopover.less";
+@import "Page.less";
+@import "Panel.less";
+@import "PlanningCalendar.less";
+@import "Popover.less";
+@import "ProgressIndicator.less";
+@import "PullToRefresh.less";
+@import "QuickView.less";
+@import "RadioButton.less";
+@import "RadioButtonGroup.less";
+@import "RangeSlider.less";
+@import "RatingIndicator.less";
+@import "ResponsivePopover.less";
+@import "SearchField.less";
+@import "SegmentedButton.less";
+@import "Select.less";
+@import "SelectDialog.less";
+@import "SelectList.less";
+@import "Shell.less";
+@import "SinglePlanningCalendarGrid.less";
+@import "SinglePlanningCalendarMonthGrid.less";
+@import "Slider.less";
+@import "SliderTooltip.less";
+@import "SlideTile.less";
+@import "SplitButton.less";
+@import "SplitContainer.less";
+@import "StandardListItem.less";
+@import "StepInput.less";
+@import "Switch.less";
+@import "TabContainer.less";
+@import "Table.less";
+@import "TableSelectDialog.less";
+@import "TabStrip.less";
+@import "Text.less";
+@import "TextArea.less";
+@import "Tile.less";
+@import "TileContainer.less";
+@import "TileContent.less";
+@import "TimePicker.less";
+@import "TimePickerSliders.less";
+@import "ToggleButton.less";
+@import "Token.less";
+@import "Tokenizer.less";
+@import "Toolbar.less";
+@import "UploadCollection.less";
+@import "ValueStateHeader.less";
+@import "ValueStateMessage.less";
+@import "ViewSettingsDialog.less";
+@import "WheelSlider.less";
+@import "Wizard.less";
+@import "WizardProgressNavigator.less";
+@import "WizardStep.less";

package/src/sap/m/themes/sap_horizon_hcb/shared.less

@@ -0,0 +1,13 @@
+/* ============================================= */
+/* Shared CSS Horizon High Contrast Black theme  */
+/* ============================================= */
+
+@_sap_m_Badge_AttentionBackgroundColor: @sapUiContentIconColor;
+
+.sapMBadge,
+.sapMBadge[class*=sapMBadgeAccentColor] {
+	.sapMBadgeIndicator:after {
+		background-color: @sapUiContentBadgeBackground ;
+		border-color: @sapUiGroupContentBorderColor;
+	}
+}

package/src/sap/m/themes/sap_horizon_hcw/ActionListItem.less

@@ -0,0 +1,54 @@
+/* ===================================== */
+/* CSS for control sap.m/ActionListItem  */
+/* Horizon High Contrast White theme     */
+/* ===================================== */
+
+/* ------------------------------ */
+/* ActionListItem container       */
+/* ------------------------------ */
+
+.sapMLIB.sapMALI {
+	border-bottom: 0; /* overrides LIB style */
+	padding: 0 0.25rem; /* overrides LIB style */
+}
+
+.sapMList .sapMLIB.sapMALI:focus {
+	outline: none; /* overrides LIB style */
+}
+
+/* ------------------------------ */
+/* ActionListItem content         */
+/* ------------------------------ */
+
+.sapMALI > .sapMLIBContent {
+	height: 2.5rem;
+	border: 0.0625rem solid @sapUiButtonActionSelectBorderColor;
+	border-radius: 0.375rem;
+	box-sizing: border-box;
+	-webkit-box-align: center;
+	align-items: center;
+}
+
+/* active */
+.sapMLIBActive.sapMLIB.sapMALI {
+	background: transparent;
+}
+
+.sapMLIBActive.sapMLIB.sapMALI > .sapMLIBContent {
+	background: @sapUiButtonActiveBackground;
+}
+
+/* focus */
+.sapMList .sapMLIB.sapMALI:focus > .sapMLIBContent {
+	outline: 0.125rem dotted @sapUiContentFocusColor;
+	outline-offset: -0.125rem;
+	border: none;
+}
+
+/* ------------------------------ */
+/* Compact size                   */
+/* ------------------------------ */
+
+.sapUiSizeCompact .sapMALI > .sapMLIBContent {
+	height: 1.625rem;
+}

package/src/sap/m/themes/sap_horizon_hcw/ActionSelect.less

@@ -0,0 +1,70 @@
+/* =================================== */
+/* CSS for control sap.m/ActionSelect  */
+/* Horizon High Contrast White theme   */
+/* =================================== */
+
+/* ----------------------------- */
+/* button                        */
+/* ----------------------------- */
+
+.sapMActionSelectPicker .sapMBtn {
+	.sapMBtnInner {
+		border-top: 1px solid @sapUiButtonActionSelectBorderColor;
+		border-bottom: 0;
+		border-left: 0;
+		border-right: 0;
+		height: 2.5rem;
+	}
+
+	.sapMBtnContent {
+		line-height: 2.4375rem;
+	}
+}
+
+.sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+	border-radius: 0;
+}
+
+/* override standard buttons inside the action select */
+
+.sapMActionSelectPicker .sapMBtnDefault {
+	background: @sapUiButtonActionSelectBackground;
+	border-color: @sapUiButtonActionSelectBorderColor;
+
+	/* override the default text-shadow */
+	text-shadow: none;
+}
+
+.sapMActionSelectPicker .sapMBtn,
+.sapMActionSelectPicker .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
+	border-color: @sapUiButtonActionSelectBorderColor;
+}
+
+html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtnDefault:not(.sapMBtnActive):hover {
+	background: @sapUiButtonLiteActionSelectHoverBackground;
+}
+
+/* ======================================================================== */
+/* CSS for control sap.m/ActionSelect Fiori 3 theme compact/condensed sizes */
+/* ======================================================================== */
+
+/* ----------------------------- */
+/* button                        */
+/* ----------------------------- */
+
+.sapUiSizeCompact.sapMActionSelectPicker .sapMBtn,
+.sapUiTableDataCell .sapUiSizeCondensed.sapMActionSelectPicker .sapMBtn {
+	height: 2rem;
+	padding: 0;
+}
+
+.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
+	height: 2rem;
+	border-radius: 0;
+	border: 0;
+	border-top: 1px solid @sapUiButtonActionSelectBorderColor;
+
+	.sapMBtnContent {
+		line-height: 2rem;
+	}
+}

package/src/sap/m/themes/sap_horizon_hcw/ActionSheet.less

@@ -0,0 +1,44 @@
+/* ================================== */
+/* CSS for control sap.m/ActionSheet  */
+/* Horizon High Contrast White theme  */
+/* ================================== */
+
+.sapMActionSheetPopover.sapMPopover {
+	box-shadow: @sapUiContentShadow2;
+}
+
+.sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
+	color: @sapUiPageHeaderTextColor;
+	font-size: @sapMFontHeader5Size;
+	font-weight: bold;
+}
+
+.sapMDialog.sapMActionSheetDialog {
+	background-color: @sapUiPageHeaderBackground;
+	border-top-left-radius: @sapUiElementBorderCornerRadius;
+	border-top-right-radius: @sapUiElementBorderCornerRadius;
+	box-shadow: @sapUiContentShadow3;
+
+	&.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
+		box-shadow: @sapUiContentHeaderShadow;
+		background-color: @sapUiPageHeaderBackground;
+		border-top-left-radius: @sapUiElementBorderCornerRadius;
+		border-top-right-radius: @sapUiElementBorderCornerRadius;
+	}
+
+	&.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
+		padding: 0;
+	}
+
+	& > .sapMDialogSection {
+		box-shadow: none;
+	}
+
+	&:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding).sapMDialog-NoFooter .sapMDialogScroll {
+		padding-bottom: 0;
+	}
+}
+
+.sapMActionSheetDialogWithTitle .sapMBarMiddle .sapMBarPH {
+	padding: 0 1rem;
+}

package/src/sap/m/themes/sap_horizon_hcw/Avatar.less

@@ -0,0 +1,67 @@
+/* ================================== */
+/* CSS for control sap.m/Avatar       */
+/* Horizon High Contrast White theme  */
+/* ================================== */
+
+@_sap_m_Avatar_Font_Size_XL: 3rem;
+@_sap_m_Avatar_Font_Size_L: 2.25rem;
+@_sap_m_Avatar_Font_Size_M: 1.5rem;
+@_sap_m_Avatar_Font_Size_S: 1.125rem;
+@_sap_m_Avatar_Font_Size_XS: 1rem;
+
+.sapFAvatarImageContain,
+.sapFAvatarIcon,
+.sapFAvatarInitials {
+	border: 0.0625rem solid @sapUiFieldBorderColor;
+}
+
+.sapFAvatarSquare {
+	border-radius: @sapUiElementBorderCornerRadius;
+
+	.sapFAvatarImageHolder {
+		border-radius: @sapUiElementBorderCornerRadius;
+	}
+}
+
+.sapFAvatar.sapFAvatarInitials > .sapFAvatarInitialsHolder {
+	font-size: inherit;
+}
+
+.sapFAvatarFocusable:focus {
+	outline: none;
+	box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+}
+
+.sapFAvatarColorTileIcon {
+	background-color: @sapUiTileBackground;
+	color: @sapUiTileIconColor;
+
+	.sapFAvatarInitialsHolder {
+		color: currentColor;
+	}
+}
+
+.sapFAvatarColorPlaceholder {
+	background-color: @sapUiContentImagePlaceholderBackground;
+	color: @sapUiContentImagePlaceholderForegroundColor;;
+	.sapFAvatarInitialsHolder {
+		color: currentColor;
+	}
+}
+
+.generateColor (@accentIndex) {
+	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
+	@background-param: ~"sapUiAvatar@{accentIndex}Background"; // Build the color param which is a sapUiAccent
+	@color-param: ~"sapUiAvatar@{accentIndex}TextColor";
+
+	// Build the real CSS selector.
+	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
+	.@{css-selector} {
+		background-color: @@background-param;
+	}
+
+	.@{css-selector}.sapFAvatarIcon,
+	.@{css-selector} .sapFAvatarInitialsHolder {
+		color: contrast(@@background-param, @@color-param, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+	}
+}