@openui5/themelib_sap_belize 1.100.0 → 1.102.1

package/src/sap/m/themes/sap_belize_hcb/LightBox.less

@@ -6,7 +6,4 @@
 /* ==========================================================================
    Overlay
   ========================================================================== */
-.sapMLightBox + .sapUiBLy {
-	background: @sapUiBlockLayerBackground;
-	opacity: 0.3;
-}
+@_sap_m_LightBox_OverlayOpacity: 0.3;

package/src/sap/m/themes/sap_belize_hcb/MessageBox.less

@@ -0,0 +1,7 @@
+/* ================================= */
+/* CSS for control sap.m/MessageBox  */
+/* Belize theme                     */
+/* ================================= */
+
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;

package/src/sap/m/themes/sap_belize_hcb/Popover.less

@@ -3,6 +3,13 @@
 /* Belize HCB theme                   */
 /* ============================== */
 
+/* Arrow offset from the Popover's corners */
+@_sap_m_Popover_ArrowOffset: 4;
+
+.sapMPopover {
+	box-shadow: @sapUiShadowLevel2;
+}
+
 .sapMPopoverArr:after {
 	border-style: solid;
 	border-width: 2px;
@@ -10,7 +17,7 @@
 
 /* pointing upward arrow */
 .sapMPopoverArrUp {
-	top: -0.5625rem;
+	top: -0.5rem;
 	&:after {
 		margin: 0.23rem 0 0 0.04rem;
 	}
@@ -25,8 +32,8 @@
 
 /* pointing downward arrow */
 .sapMPopoverArrDown {
-	bottom: -0.5625rem;
+	bottom: -0.5rem;
 	&:after {
-		margin: -0.5625rem  0 0 0.03rem;
+		margin: -0.625rem  0 0 0.03rem;
 	}
 }

package/src/sap/m/themes/sap_belize_hcb/Slider.less

@@ -7,6 +7,11 @@
 .sapMSliderInner {
 	border: 1px solid @sapUiFieldBorderColor;
 	background: @sapUiFieldBackground;
+}
+
+.sapMSliderInner,
+.sapMSliderProgress {
+	height: 0.1875rem;
 	border-radius: 0.125rem;
 }
 
@@ -14,6 +19,12 @@
 .sapMSliderHandle {
 	background: transparent;
 	border: 0.125rem solid @sapUiFieldBorderColor;
+	&:focus:before {
+		top: -5px;
+		bottom: -5px;
+		left: -5px;
+		right: -5px;
+	}
 }
 
 /* hover */

package/src/sap/m/themes/sap_belize_hcb/SplitButton.less

@@ -31,11 +31,11 @@
 }
 
 .sapMSB .sapMSBText .sapMBtnInner.sapMBtnIconFirst {
-	padding-left: 0.625rem;
+	padding-left: 0.5rem;
 }
 
 .sapUiSizeCompact {
 	.sapMSB .sapMSBText .sapMBtnInner.sapMBtnIconFirst {
-		padding-left: 0.5rem;
+		padding-left: 0.425rem;
 	}
 }

package/src/sap/m/themes/sap_belize_hcb/Table.less

@@ -46,15 +46,31 @@
 	border-top: 0.125rem solid @sapUiListTableFooterBorder;
 }
 
-/* Moved due to new default vertical-align regardless of density */
+/* moved due to new default vertical-align regardless of density */
+.sapMListTblSelCol,
 .sapMListTblNavCol,
 .sapMListTblCell {
   vertical-align: top;
 }
 
+/* vertical alignment is middle for the compact */
 .sapUiSizeCompact{
-  .sapMListTblNavCol,
-  .sapMListTblCell {
-    vertical-align: middle;
-  }
+	.sapMListTblSelCol,
+	.sapMListTblNavCol,
+	.sapMListTblCell {
+		vertical-align: middle;
+	}
+}
+
+/* default padding of the data cells */
+.sapMListTblCell {
+	padding-top: .875rem;
+	padding-bottom: .875rem;
+}
+
+/* reduced padding for compact and vAlign=Middle */
+.sapUiSizeCompact .sapMListTblCell,
+.sapMListTblRowMiddle > .sapMListTblCell {
+	padding-top: .25rem;
+	padding-bottom: .25rem;
 }

package/src/sap/m/themes/sap_belize_hcb/Token.less

@@ -3,6 +3,14 @@
 /* Belize High Contrast Black theme  */
 /* ================================= */
 
+.sapMToken {
+	border-radius: 0.125rem;
+
+	.sapMTokenIcon {
+		font-size: @sapMFontMediumSize;
+	}
+}
+
 html.sap-desktop .sapMToken:focus {
 	outline: 0.125rem dotted @sapUiContentFocusColor;
 	outline-offset: -3px;

package/src/sap/m/themes/sap_belize_hcb/Tokenizer.less

@@ -15,6 +15,7 @@ html.sap-desktop .sapMTokenizer:focus{
   &.sapMToken:hover,
   &.sapMToken:focus,
   &.sapMTokenSelected,
+  &.sapMToken.sapMTokenSelected:hover,
   &.sapMToken .sapMTokenIcon {
     background: @sapUiButtonBackground;
     cursor: default;

package/src/sap/m/themes/sap_belize_hcb/ValueStateHeader.less

@@ -1,3 +1,7 @@
 .sapMPseudoFocus {
 	outline-offset: -0.1875rem;
+}
+
+.sapMValueStateHeaderRoot {
+	border-bottom: 2px solid @sapUiFieldBorderColor;
 }

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

@@ -34,6 +34,7 @@
 @import "ImageContent.less";
 @import "Input.less";
 @import "InputBase.less";
+@import "MessageBox.less";
 
 /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
 @import "ComboBoxTextField.less";
@@ -84,7 +85,6 @@
 @import "SplitButton.less";
 @import "SplitContainer.less";
 @import "StepInput.less";
-@import "SuggestionsPopover.less";
 @import "Switch.less";
 @import "TabContainer.less";
 @import "Table.less";

package/src/sap/m/themes/sap_belize_hcw/Carousel.less

@@ -11,67 +11,5 @@
 @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
 @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
 
-/* Carousel controls: HUD */
-.sapMCrsl {
-    border: 0.125rem solid transparent;
-}
-
-.sapMCrsl:focus {
-    outline: none;
-    border: 0.125rem dotted @sapUiContentFocusColor;
-}
-
-.sapMCrsl .sapMCrslHud,
-.sapMCrsl .sapMCrslHud {
-	border: 3px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrsl .sapMCrslHud a:hover,
-.sapMCrsl .sapMCrslHud a:focus {
-	background-color: @sapUiButtonActiveBackground;
-}
-
-/* extra bits */
-
-/* HCB Additional Styles */
-.sapMCrslHud .sapMCrslPrev,
-.sapMCrslHud .sapMCrslNext {
-	border: 2px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrslControls .sapMCrslPrev,
-.sapMCrslControls .sapMCrslNext {
-	border: 2px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrslPrev:focus,
-.sapMCrslNext:focus,
-.sapMCrslPrev .sapUiIcon:focus,
-.sapMCrslNext .sapUiIcon:focus {
-	outline: none;
-}
-
-html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus,
-html.sap-desktop .sapMCrslHud .sapMCrslNext:focus {
-	&::before {
-		content: "";
-		position: absolute;
-		top: -0.25rem;
-		right: -0.25rem;
-		bottom: -0.25rem;
-		left: -0.25rem;
-		pointer-events: none;
-		border: 2px solid @sapUiContentContrastFocusColor;
-	}
-
-	&::after {
-		content: "";
-		position: absolute;
-		top: -0.25rem;
-		right: -0.25rem;
-		bottom: -0.25rem;
-		left: -0.25rem;
-		pointer-events: none;
-		border: 2px dotted @sapUiBaseBG;
-	}
-}
+@_sap_m_Carousel_FocusBorderOffsetArrow: -0.25rem;
+@_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;

package/src/sap/m/themes/sap_belize_hcw/ComboBoxBase.less

@@ -16,23 +16,11 @@
 /* picker                         */
 /* ------------------------------ */
 
-div.sapMComboBoxBasePicker {
-	box-shadow: 0 .25rem 1.875rem .125rem fade(@sapUiContentShadowColor, 80%);
-	border: none;
-}
-
 .sapMComboBoxBasePicker-CTX .sapMListFocus .sapMLIBSelected {
 	outline: 0.125rem dotted @sapUiContentFocusColor;
 	outline-offset: -0.188rem;
 }
 
-/* make border of the combobox's list not scrollable */
-.sapMComboBoxBasePicker > div {
-	box-sizing: border-box;
-	border: solid @sapUiGroupContentBorderColor;
-	border-width: 1px 2px 2px;
-}
-
 .sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon {
 	border-left-color: transparent;
 }

package/src/sap/m/themes/sap_belize_hcw/IconTabBar.less

@@ -13,7 +13,7 @@
 
 /* Head Container */
 
-.sapMITH .sapMITBHead {
+.sapMITH:not(.sapMITBTextOnly) .sapMITBHead {
 	padding: 1.125rem 0 0 0.125rem;
 }
 

package/src/sap/m/themes/sap_belize_hcw/InputBase.less

@@ -2,14 +2,7 @@
 /* CSS for control sap.m/InputBase  */
 /* High Contrast White theme        */
 /* ================================ */
-
-.sapMInputBaseInner {
-	color: @sapUiFieldTextColor;
-}
-
 .sapMInputBaseContentWrapper {
-	border: 1px solid @sapUiFieldBorderColor;
-	background: @sapUiFieldBackground;
 	&.sapMInputBaseContentWrapperState {
 		border-width: 1px;
 	}
@@ -46,34 +39,14 @@
 	}
 }
 
-.sapMInputBaseContentWrapperWarning {
-	background: @sapUiFieldWarningBackground;
-	border-color: @sapUiFieldWarningColor;
-}
-
-.sapMInputBaseContentWrapperSuccess {
-	background: @sapUiFieldSuccessBackground;
-	border-color: @sapUiFieldSuccessColor;
-}
-
 .sapMILI-CTX .sapMInputBaseContentWrapperError,
 .sapMInputBaseContentWrapperError {
-	background: @sapUiFieldInvalidBackground;
-	border-color: @sapUiFieldInvalidColor;
 	& .sapMInputBaseInner {
 		font-weight: bold
 	}
 }
-
-.sapMInputBaseContentWrapperInformation {
-	background: @sapUiFieldBackground;
-	border-style: dashed;
-	border-color: @sapUiFieldWarningColor;
-}
-
 .sapMInputBaseContentWrapperWarning,
 .sapMInputBaseContentWrapperError {
-	border-style: dashed;
 	& .sapMInputBaseInner {
 		font-style: italic;
 	}
@@ -171,13 +144,6 @@
 	color: @sapUiContentContrastTextColor;
 }
 
-.sapMFocus {
-	& .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
-		outline: 2px dotted @sapUiContentFocusColor;
-		outline-offset: -4px;
-	}
-}
-
 .sapMInputBaseContentWrapperState .sapMInputBaseInner {
 	border-width: 1px;
 }

package/src/sap/m/themes/sap_belize_hcw/LightBox.less

@@ -6,7 +6,4 @@
 /* ==========================================================================
    Overlay
   ========================================================================== */
-.sapMLightBox + .sapUiBLy {
-	background: @sapUiBlockLayerBackground;
-	opacity: 0.3;
-}
+@_sap_m_LightBox_OverlayOpacity: 0.3;

package/src/sap/m/themes/sap_belize_hcw/MessageBox.less

@@ -0,0 +1,7 @@
+/* ================================= */
+/* CSS for control sap.m/MessageBox  */
+/* Belize theme                     */
+/* ================================= */
+
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;

package/src/sap/m/themes/sap_belize_hcw/Popover.less

@@ -3,6 +3,13 @@
 /* Belize HCW theme                   */
 /* ============================== */
 
+/* Arrow offset from the Popover's corners */
+@_sap_m_Popover_ArrowOffset: 4;
+
+.sapMPopover {
+	box-shadow: @sapUiShadowLevel2;
+}
+
 .sapMPopoverArr:after {
 	border-style: solid;
 	border-width: 2px;
@@ -10,7 +17,7 @@
 
 /* pointing upward arrow */
 .sapMPopoverArrUp {
-	top: -0.5625rem;
+	top: -0.5rem;
 	&:after {
 		margin: 0.23rem 0 0 0.04rem;
 	}
@@ -25,8 +32,8 @@
 
 /* pointing downward arrow */
 .sapMPopoverArrDown {
-	bottom: -0.5625rem;
+	bottom: -0.5rem;
 	&:after {
-		margin: -0.5625rem  0 0 0.03rem;
+		margin: -0.625rem  0 0 0.03rem;
 	}
 }

package/src/sap/m/themes/sap_belize_hcw/Slider.less

@@ -7,6 +7,11 @@
 .sapMSliderInner {
 	border: 1px solid @sapUiFieldBorderColor;
 	background: @sapUiFieldBackground;
+}
+
+.sapMSliderInner,
+.sapMSliderProgress {
+	height: 0.1875rem;
 	border-radius: 0.125rem;
 }
 
@@ -14,6 +19,12 @@
 .sapMSliderHandle {
 	background: transparent;
 	border: 0.125rem solid @sapUiFieldBorderColor;
+	&:focus:before {
+		top: -5px;
+		bottom: -5px;
+		left: -5px;
+		right: -5px;
+	}
 }
 
 /* hover */

package/src/sap/m/themes/sap_belize_hcw/SplitButton.less

@@ -31,11 +31,11 @@
 }
 
 .sapMSB .sapMSBText .sapMBtnInner.sapMBtnIconFirst {
-	padding-left: 0.625rem;
+	padding-left: 0.5rem;
 }
 
 .sapUiSizeCompact {
 	.sapMSB .sapMSBText .sapMBtnInner.sapMBtnIconFirst {
-		padding-left: 0.5rem;
+		padding-left: 0.425rem;
 	}
 }

package/src/sap/m/themes/sap_belize_hcw/Table.less

@@ -46,15 +46,31 @@
 	border-top: 0.125rem solid @sapUiListTableFooterBorder;
 }
 
-/* Moved due to new default vertical-align regardless of density */
+/* moved due to new default vertical-align regardless of density */
+.sapMListTblSelCol,
 .sapMListTblNavCol,
 .sapMListTblCell {
   vertical-align: top;
 }
 
+/* vertical alignment is middle for the compact */
 .sapUiSizeCompact{
-  .sapMListTblNavCol,
-  .sapMListTblCell {
-    vertical-align: middle;
-  }
+	.sapMListTblSelCol,
+	.sapMListTblNavCol,
+	.sapMListTblCell {
+		vertical-align: middle;
+	}
+}
+
+/* default padding of the data cells */
+.sapMListTblCell {
+	padding-top: .875rem;
+	padding-bottom: .875rem;
+}
+
+/* reduced padding for compact and vAlign=Middle */
+.sapUiSizeCompact .sapMListTblCell,
+.sapMListTblRowMiddle > .sapMListTblCell {
+	padding-top: .25rem;
+	padding-bottom: .25rem;
 }

package/src/sap/m/themes/sap_belize_hcw/Token.less

@@ -3,6 +3,14 @@
 /* Belize High Contrast White theme  */
 /* ================================= */
 
+.sapMToken {
+	border-radius: 0.125rem;
+
+	.sapMTokenIcon {
+		font-size: @sapMFontMediumSize;
+	}
+}
+
 html.sap-desktop .sapMToken:focus {
 	outline: 0.125rem dotted @sapUiContentFocusColor;
 	outline-offset: -3px;

package/src/sap/m/themes/sap_belize_hcw/Tokenizer.less

@@ -15,6 +15,7 @@ html.sap-desktop .sapMTokenizer:focus{
   &.sapMToken:hover,
   &.sapMToken:focus,
   &.sapMTokenSelected,
+  &.sapMToken.sapMTokenSelected:hover,
   &.sapMToken .sapMTokenIcon {
     background: @sapUiButtonBackground;
     cursor: default;

package/src/sap/m/themes/sap_belize_hcw/ValueStateHeader.less

@@ -1,3 +1,7 @@
 .sapMPseudoFocus {
 	outline-offset: -0.1875rem;
+}
+
+.sapMValueStateHeaderRoot {
+	border-bottom: 2px solid @sapUiFieldBorderColor;
 }

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

@@ -34,6 +34,7 @@
 @import "ImageContent.less";
 @import "Input.less";
 @import "InputBase.less";
+@import "MessageBox.less";
 
 /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
 @import "ComboBoxTextField.less";
@@ -84,7 +85,6 @@
 @import "SplitButton.less";
 @import "SplitContainer.less";
 @import "StepInput.less";
-@import "SuggestionsPopover.less";
 @import "Switch.less";
 @import "TabContainer.less";
 @import "Table.less";

package/src/sap/m/themes/sap_belize_plus/MessageBox.less

@@ -0,0 +1,7 @@
+/* ================================= */
+/* CSS for control sap.m/MessageBox  */
+/* Belize theme                     */
+/* ================================= */
+
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;

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

@@ -18,6 +18,7 @@
 @import "IconTabBar.less";
 @import "Link.less";
 @import "ListItemBase.less";
+@import "MessageBox.less";
 @import "NewsContent.less";
 @import "NotificationListItem.less";
 @import "ObjectMarker.less";

package/src/sap/ui/core/themes/sap_belize/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.100.0</version>
+	<version>1.102.1</version>
 
 	<documentation>SAPUI5 belize theme library.</documentation>