@openui5/themelib_sap_belize 1.100.0 → 1.101.0

package/THIRDPARTY.txt

@@ -400,7 +400,7 @@ Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperato
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -411,7 +411,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
 
-Component: lit-html, version: 1.4.1
+Component: lit-html, version: 2.0.1
 Copyright: Google LLC
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -420,7 +420,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -429,7 +429,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -450,7 +450,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.36-SNAPSHOT
+Component: SAP Theming Base Content, version: 11.1.38
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_belize",
-  "version": "1.100.0",
+  "version": "1.101.0",
   "description": "OpenUI5 Theme Library sap_belize",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.100.0",
-    "@openui5/sap.m": "1.100.0",
-    "@openui5/sap.tnt": "1.100.0",
-    "@openui5/sap.ui.codeeditor": "1.100.0",
-    "@openui5/sap.ui.commons": "1.100.0",
-    "@openui5/sap.ui.core": "1.100.0",
-    "@openui5/sap.ui.dt": "1.100.0",
-    "@openui5/sap.ui.fl": "1.100.0",
-    "@openui5/sap.ui.mdc": "1.100.0",
-    "@openui5/sap.ui.integration": "1.100.0",
-    "@openui5/sap.ui.layout": "1.100.0",
-    "@openui5/sap.ui.rta": "1.100.0",
-    "@openui5/sap.ui.suite": "1.100.0",
-    "@openui5/sap.ui.table": "1.100.0",
-    "@openui5/sap.ui.unified": "1.100.0",
-    "@openui5/sap.ui.ux3": "1.100.0",
-    "@openui5/sap.uxap": "1.100.0"
+    "@openui5/sap.f": "1.101.0",
+    "@openui5/sap.m": "1.101.0",
+    "@openui5/sap.tnt": "1.101.0",
+    "@openui5/sap.ui.codeeditor": "1.101.0",
+    "@openui5/sap.ui.commons": "1.101.0",
+    "@openui5/sap.ui.core": "1.101.0",
+    "@openui5/sap.ui.dt": "1.101.0",
+    "@openui5/sap.ui.fl": "1.101.0",
+    "@openui5/sap.ui.mdc": "1.101.0",
+    "@openui5/sap.ui.integration": "1.101.0",
+    "@openui5/sap.ui.layout": "1.101.0",
+    "@openui5/sap.ui.rta": "1.101.0",
+    "@openui5/sap.ui.suite": "1.101.0",
+    "@openui5/sap.ui.table": "1.101.0",
+    "@openui5/sap.ui.unified": "1.101.0",
+    "@openui5/sap.ui.ux3": "1.101.0",
+    "@openui5/sap.uxap": "1.101.0"
   }
 }

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

@@ -11,11 +11,6 @@
 /* picker                         */
 /* ------------------------------ */
 
-div.sapMComboBoxBasePicker {
-	box-shadow: @sapUiShadowLevel1;
-	border: none;
-}
-
 .sapMComboBoxBaseBar {
 	box-shadow: none;
 }

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

@@ -3,13 +3,7 @@
 /* Belize theme                     */
 /* ================================ */
 
-.sapMInputBaseInner {
-	color: @sapUiFieldTextColor;
-}
-
 .sapMInputBaseContentWrapper {
-	border: 1px solid @sapUiFieldBorderColor;
-	background: @sapUiFieldBackground;
 	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
 		border-width: 2px;
 		.sapMInputBaseIcon {
@@ -34,37 +28,11 @@
 	background-color: @sapUiButtonBackground;
 }
 
-.sapMInputBaseContentWrapperWarning {
-	background: @sapUiFieldWarningBackground;
-	border-color: @sapUiFieldWarningColor;
-}
-
-.sapMInputBaseContentWrapperSuccess {
-	background: @sapUiFieldSuccessBackground;
-	border-color: @sapUiFieldSuccessColor;
-}
-
-.sapMInputBaseContentWrapperError {
-	background: @sapUiFieldInvalidBackground;
-	border-color: @sapUiFieldInvalidColor;
-}
-
-.sapMInputBaseContentWrapperInformation {
-	background: @sapUiFieldInformationBackground;
-	border-color: @sapUiFieldInformationColor;
-}
-
 .sapMInputBaseReadonlyWrapper,
 .sapMInputBaseDisabledWrapper {
 	background: @sapUiFieldReadOnlyBackground;
 }
 
-.sapMFocus .sapMInputBaseContentWrapper {
-	&::before {
-		border: 1px dotted @sapUiContentFocusColor;
-	}
-}
-
 /* List specific styles */
 .sapMILI-CTX .sapMInputBaseContentWrapper,
 .sapMILI-CTX .sapMInputBaseInner,

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

@@ -3,7 +3,14 @@
 /* Belize theme                   */
 /* ============================== */
 
+/* Arrow offset from the Popover's corners */
+@_sap_m_Popover_ArrowOffset: 4;
+
 .sapMPopoverArr:after {
 	background: @sapUiGroupContentBackground;
 	box-shadow: @sapUiShadowLevel2;
+}
+
+.sapMPopover {
+	box-shadow: @sapUiShadowLevel2;
 }

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

@@ -7,7 +7,11 @@
 @_sap_m_Token_HoverBorderColor: darken(@sapUiButtonHoverBackground, 5);
 
 .sapMToken {
-	border: 1px solid @_sap_m_Token_BorderColor;
+	border-radius: 0.125rem;
+
+	.sapMTokenIcon {
+		font-size: @sapMFontMediumSize;
+	}
 }
 
 html.sap-desktop .sapMToken:hover {

package/src/sap/m/themes/sap_belize_hcb/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_hcb/InputBase.less

@@ -3,13 +3,7 @@
 /* High Contrast Black theme        */
 /* ================================ */
 
-.sapMInputBaseInner {
-	color: @sapUiFieldTextColor;
-}
-
 .sapMInputBaseContentWrapper {
-	border: 1px solid @sapUiFieldBorderColor;
-	background: @sapUiFieldBackground;
 	&.sapMInputBaseContentWrapperState {
 		border-width: 1px;
 	}
@@ -46,34 +40,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;
 	}
@@ -175,13 +149,6 @@
 	opacity: 1;
 }
 
-.sapMFocus {
-	& .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
-		outline: 2px dotted @sapUiContentFocusColor;
-		outline-offset: -4px;
-	}
-}
-
 .sapMInputBaseContentWrapperState .sapMInputBaseInner {
 	border-width: 1px;
 }

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/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/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

@@ -84,7 +84,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/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/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/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/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/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

@@ -84,7 +84,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/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.101.0</version>
 
 	<documentation>SAPUI5 belize theme library.</documentation>