@openui5/sap.m 1.125.0 → 1.126.0

package/src/sap/m/themes/sap_hcb/base_ColorPalette.less

@@ -0,0 +1,331 @@
+/* =================================== */
+/* CSS for control sap.m/ColorPalette  */
+/* Base theme                          */
+/* ====================================*/
+@_sap_m_ColorPalette_SwatchesPerRow: 5;
+
+@_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy: 0.6875rem;
+@_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCozy: 0.3125rem;
+@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
+@_sap_m_ColorPalette_SwatchWidthCozy: 1.75rem;
+
+@_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact: 0.8125rem;
+@_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCompact: 0.1875rem;
+@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.625rem;
+@_sap_m_ColorPalette_SwatchWidthCompact: 1.25rem;
+
+@_sap_m_ColorPalette_SwatchContainerPaddingLeftRightPhone: 0.625rem;
+@_sap_m_ColorPalette_SwatchContainerPaddingTopBottomPhone: 0.375rem;
+@_sap_m_ColorPalette_SwatchMaxWidthPhone: 4.5rem;
+@_sap_m_ColorPalette_SwatchMarginPhone: 0.375rem;
+
+@_sap_m_ColorPalette_SwatchWidthPhone: 20%;
+@_sap_m_ColorPalette_SwatchSelectedMarginPhone: 0.0625rem;
+
+.sapMColorPalette {
+	height: 100%;
+	// overstyling the button to more like a menu item
+	.sapMBtnText {
+		text-align: left;
+	}
+	.sapMBtn {
+		// Remove paddings and border of the inner element, so we defined them at root level
+		.sapMBtnInner {
+			border: none;
+			position: static; // used to show the left and right border of the outline when focused
+			background-color: inherit;
+			&.sapMBtnText {
+				padding: 0 0 0 1rem;
+			}
+		}
+		// Define paddings, margins and border at root level
+		margin: 0;
+		padding: 0;
+		border: none;
+
+		// Remove hover & active styling of the inner button element
+		> .sapMBtnActive, &:hover > .sapMBtnActive, &:active > .sapMBtnActive {
+			color: inherit;
+			background: inherit;
+		}
+		.sapMBtnTransparent {
+			color: inherit;
+		}
+		&:hover > .sapMBtnTransparent.sapMBtnHoverable {
+			background-color: inherit;
+		}
+
+		// define active & hover on the root button level
+		&:not(active) {
+			color: @sapUiButtonTextColor;
+			text-shadow: none;
+		}
+
+		// active
+		&:active:not(:hover) {
+			background-color: @sapUiButtonBackground;
+			color: @sapUiButtonTextColor;
+			text-shadow: none;
+		}
+
+		&:active > .sapMBtnInner {
+			text-shadow: none;
+		}
+
+		&:active {
+			background-color: @sapUiListActiveBackground;
+			color: @sapUiButtonActiveTextColor;
+		}
+
+		// hover
+		&:hover:not(:active) {
+			background: @sapUiListHoverBackground;
+		}
+
+		&:focus {
+			> .sapMFocusable { // The focus should go at the outside container
+				.sap-desktop & {
+					outline: none;
+					outline-offset: 0;
+					.sapMBtnFocusDiv { // Button has special focus handling for IE, so remove it as well
+						box-sizing: inherit;
+						position: inherit;
+						left: 0;
+						top: 0;
+						right: 0;
+						bottom: 0;
+						border-radius: 0;
+						border: none;
+						pointer-events: none;
+					}
+				}
+				.sap-desktop .sapContrast &,
+				.sap-desktop .sapContrastPlus & {
+					outline: none;
+					outline-offset: 0;
+				}
+			}
+			.sap-desktop & {
+				&:after {
+					content: " ";
+					position: absolute;
+					box-sizing: border-box;
+					left: 2px;
+					top: 2px;
+					right: 2px;
+					bottom: 2px;
+					border-radius: 0;
+					border: 0.0625rem dotted @sapUiContentFocusColor;
+					pointer-events: none;
+				}
+			}
+		}
+	}
+
+	.sapMColorPaletteContent .sapMRecentColorSquareDisabled {
+		pointer-events: none;
+		opacity: 0.5;
+	}
+
+	.sapMColorPaletteSeparator {
+		position: relative;
+		height: 0.0625rem;
+		// overstyling the hr to look like menu separator line
+		> hr {
+			display: inline-block;
+			position: absolute;
+			margin: 0;
+			left: 0;
+			right: 0;
+			border-width: 0;
+			border-top: 1px solid @sapUiToolbarSeparatorColor;
+			color: @sapUiToolbarSeparatorColor;
+		}
+	}
+	:focus {
+		outline: none;
+	}
+	.sapMColorPaletteSquare:focus{
+		outline: none
+	}
+}
+
+html:not(.sap-phone) {
+
+	// Dimension and paddings of the Palette
+	.sapMColorPalette {
+		max-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCozy + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy;
+		min-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCozy + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy;
+		.sapMColorPaletteContent {
+			padding: @_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCozy @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy;
+		}
+	}
+	&.sapUiSizeCompact .sapMColorPalette,
+	& .sapUiSizeCompact .sapMColorPalette {
+		max-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCompact + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact;
+		min-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCompact + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact;
+		.sapMColorPaletteContent {
+			padding: @_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCompact @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact;
+		}
+	}
+	.sapMColorPalette {
+		.sapMBtnInner {
+			border-radius: 0.25rem 0.25rem 0 0;
+		}
+		.sapMColorPaletteSquare {
+			box-sizing: border-box;
+			position: relative;
+			border: 0.0625rem solid @sapUiContentForegroundBorderColor;
+			border-radius: 0.125rem;
+			width: @_sap_m_ColorPalette_SwatchWidthCozy;
+			height: @_sap_m_ColorPalette_SwatchWidthCozy;
+			display: inline-block;
+			margin: (@_sap_m_ColorPalette_SwatchWidthHitAreaCozy - @_sap_m_ColorPalette_SwatchWidthCozy)/2;
+
+			&:hover,
+			&.sapMColorPaletteSquareSelected { /* now the hit area (margin) gets occupied by the content*/
+				margin: 0;
+				width: @_sap_m_ColorPalette_SwatchWidthHitAreaCozy;
+				height: @_sap_m_ColorPalette_SwatchWidthHitAreaCozy;
+				> div {
+					border: 1px solid @sapUiGroupContentBackground;
+				}
+			}
+
+			&:focus:before {
+				content: "";
+				box-sizing: border-box;
+				position: absolute;
+				left: 1px;
+				top: 1px;
+				right: 1px;
+				bottom: 1px;
+				border: 1px solid @sapUiContentFocusColor;
+				pointer-events: none;
+			}
+			&:focus:after {
+				content: "";
+				position: absolute;
+				box-sizing: border-box;
+				left: 1px;
+				top: 1px;
+				right: 1px;
+				bottom: 1px;
+				border: 1px dotted @sapUiContentContrastFocusColor;
+				pointer-events: none;
+			}
+
+			> div {
+				box-sizing: border-box;
+			}
+		}
+	}
+	&.sapUiSizeCompact .sapMColorPalette,
+	& .sapUiSizeCompact .sapMColorPalette {
+		.sapMColorPaletteSquare {
+			width: @_sap_m_ColorPalette_SwatchWidthCompact;
+			height: @_sap_m_ColorPalette_SwatchWidthCompact;
+			display: inline-block;
+			margin: (@_sap_m_ColorPalette_SwatchWidthHitAreaCompact - @_sap_m_ColorPalette_SwatchWidthCompact)/2;
+			&:hover,
+			&.sapMColorPaletteSquareSelected {
+				margin: 0;
+				width: @_sap_m_ColorPalette_SwatchWidthHitAreaCompact;
+				height: @_sap_m_ColorPalette_SwatchWidthHitAreaCompact;
+			}
+		}
+	}
+
+	.sapMColorPaletteContent {
+		display: flex;
+		flex-wrap: wrap;
+	}
+
+	.sapMColorPaletteSquare {
+		& > div {
+			height: 100%;
+			width: 100%;
+		}
+	}
+}
+
+.sap-phone {
+	.sapMColorPalette {
+		&html:not(.sap-phone) .sapMBtnInner {
+			border-radius: 0.25rem 0.25rem 0 0;
+		}
+	}
+	.sapMColorPaletteContent {
+		display: flex;
+		flex-wrap: wrap;
+		padding: @_sap_m_ColorPalette_SwatchContainerPaddingTopBottomPhone @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightPhone;
+		max-width: 22.5rem;
+   		margin: auto;
+	}
+	.sapMColorPaletteContainer .sapMDialogScroll {
+		height: 100%;
+		.sapMDialogScrollCont.sapMDialogStretchContent {
+			padding: 0;
+		}
+
+	}
+	.sapMColorPaletteSquare {
+		width: @_sap_m_ColorPalette_SwatchWidthPhone;
+		max-width: @_sap_m_ColorPalette_SwatchMaxWidthPhone;
+		position: relative;
+		aspect-ratio: 1 / 1;
+		& > div {
+			border: 1px solid @sapUiContentForegroundBorderColor;
+			border-radius: 0.125rem;
+			position: absolute;
+			top: @_sap_m_ColorPalette_SwatchMarginPhone;
+			bottom: @_sap_m_ColorPalette_SwatchMarginPhone;
+			left: @_sap_m_ColorPalette_SwatchMarginPhone;
+			right: @_sap_m_ColorPalette_SwatchMarginPhone;
+			aspect-ratio: 1 / 1;
+		}
+		&:active > div {
+			box-shadow: inset 0 0 0 1px @sapUiGroupContentBackground;
+			top: -0.0625rem;
+			bottom: -0.0625rem;
+			left: -0.0625rem;
+			right: -0.0625rem;
+		}
+
+		&.sapMColorPaletteSquareSelected {
+			width: ~"calc(@{_sap_m_ColorPalette_SwatchWidthPhone} + 0.625rem)";
+			aspect-ratio: 1 / 1;
+			& > div {
+				aspect-ratio: 1 / 1;
+				box-shadow: inset 0 0 0 1px @sapUiGroupContentBackground;
+				top: @_sap_m_ColorPalette_SwatchSelectedMarginPhone;
+				bottom: @_sap_m_ColorPalette_SwatchSelectedMarginPhone;
+				left: @_sap_m_ColorPalette_SwatchSelectedMarginPhone;
+				right: @_sap_m_ColorPalette_SwatchSelectedMarginPhone;
+			}
+		}
+	}
+}
+
+@media (orientation: landscape) {
+	.sap-phone {
+		.sapMColorPaletteContent {
+			max-width: initial;
+		}
+	}
+}
+
+html.sap-desktop .sapMDialog.CPDialog{
+	min-width: 18rem; //override the  Dialog's min-width for desktop
+	.sapUiColorPicker-ColorPickerMatrix {
+		&.sapUiRespGrid.sapUiRespGridHSpace1 {
+			padding-bottom: 0.5rem;
+		}
+		//in a dialog ColorPicker doesn't have padding-top in order to be as compact as possible
+		&.sapUnifiedColorPicker.sapUiRespGrid.sapUiRespGridHSpace1 > div:first-child {
+			height: auto;
+			padding-top: 0;
+		}
+	}
+}
+

package/src/sap/m/themes/sap_hcb/base_ColumnListItem.less

@@ -0,0 +1,192 @@
+/* ===================================== */
+/* CSS for control sap.m/ColumnListItem  */
+/* Base theme                            */
+/* ===================================== */
+
+@_sap_m_table_SelectionControlWidth: 3rem;
+
+.sapMListTblRow.sapMListTblRowTop > td {
+	vertical-align: top;
+}
+
+.sapMListTblRow.sapMListTblRowMiddle > td {
+	vertical-align: middle;
+}
+
+.sapMListTblRow.sapMListTblRowBottom > td {
+	vertical-align: bottom;
+}
+
+.sapMListBGTransparent .sapMListTblSubRow {
+	background: fade(@sapUiListBackground, 0%);
+}
+
+.sapMListTblSubRow {
+	background: @sapUiListBackground;
+}
+
+/* adding alternating rows background color */
+:nth-child(even of .sapMListTblRowAlternate),
+:nth-child(even of .sapMListTblRowAlternate) + .sapMListTblSubRow {
+	background-color: @sapUiListAlternatingBackground;
+	&.sapMLIBHoverable:hover {
+		background : @sapUiListHoverBackground;
+	}
+	&.sapMLIBSelected {
+		background: @sapUiListSelectionBackgroundColor;
+		&.sapMLIBHoverable:hover {
+			background: @sapUiListHoverSelectionBackground;
+		}
+	}
+}
+
+.sapMLIBHoverable:not(.sapMLIBSelected):hover + .sapMListTblSubRow,
+.sapMLIBHoverable:not(.sapMLIBSelected) + .sapMListTblSubRow:hover,
+.sapMLIBHoverable:not(.sapMLIBSelected).sapMPopinHovered {
+	background : @sapUiListHoverBackground;
+}
+
+.sapMLIBHoverable + .sapMListTblSubRow:hover {
+	cursor: pointer;
+}
+
+.sapMLIBSelected + .sapMListTblSubRow,
+.sapMLIBSelected.sapMListTblRowAlternate + .sapMListTblSubRow {
+	background: @sapUiListSelectionBackgroundColor;
+}
+
+.sapMLIB.sapMLIBActive + .sapMListTblSubRow {
+	color: @sapUiListActiveTextColor;
+	background: @sapUiListActiveBackground;
+}
+
+.sapMLIBHoverable.sapMLIBSelected:hover + .sapMListTblSubRow,
+.sapMLIBHoverable.sapMLIBSelected + .sapMListTblSubRow:hover,
+.sapMLIBHoverable.sapMLIBSelected.sapMPopinHovered {
+	background : @sapUiListSelectionHoverBackground;
+}
+
+.sapMLIBHoverable.sapMLIBSelected.sapMLIBActive:hover + .sapMListTblSubRow {
+	background: @sapUiListActiveBackground;
+}
+
+/* table popin */
+.sapMListTblSubCnt {
+	padding: .5rem 1rem;
+	box-sizing: border-box;
+}
+
+/* selectionControl width + cell padding */
+.sapMListModeMultiSelect .sapMListTblSubCnt,
+.sapMListModeSingleSelectLeft .sapMListTblSubCnt {
+	padding-left: calc(@_sap_m_table_SelectionControlWidth + 0.5rem);
+}
+
+.sapMListTblSubCntRow{
+	padding-bottom: 0;
+	padding-top: 1px;
+}
+
+.sapMListTblSubCntRow + .sapMListTblSubCntRow {
+	margin-top: .5rem;
+}
+
+.sapMListTblSubCntValBlock {
+	margin-top: .25rem;
+	display : block;
+}
+
+.sapMListTblSubCntValInline{
+	display: inline-block;
+	max-width: 100%;
+}
+
+.sapMListTblSubCntHdr > .sapMListTblSubCntSpr,
+.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMText,
+.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMLabel {
+	color: @sapUiContentLabelColor;
+	padding-top: 0;
+	display: inline;
+}
+
+.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMText,
+.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMLabel {
+	color: @sapUiListTextColor;
+	padding-top: 0;
+}
+
+.sapMListTblSubCntSpr {
+	font-size: @sapMFontMediumSize;
+	padding-right: .5rem;
+	&::before {
+		content: attr(data-popin-colon);
+		vertical-align: top;
+	}
+}
+
+.sapMListTblSubCntRowInline {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+}
+
+ /* separators */
+ .sapMLIBShowSeparator > td {
+	border-top: 1px solid @sapUiListBorderColor;
+}
+
+.sapMListShowSeparatorsNone .sapMLIBShowSeparator > td:not(.sapMListTblDummyCell),
+.sapMListShowSeparatorsInner .sapMLIBShowSeparator:first-child > td:not(.sapMListTblDummyCell) {
+	border-color: transparent;
+}
+
+.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td:not(.sapMListTblDummyCell),
+.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td:not(.sapMListTblDummyCell) {
+	border-bottom: 1px solid @sapUiListBorderColor;
+}
+
+.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td:not(.sapMListTblDummyCell),
+.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td:not(.sapMListTblDummyCell) {
+	border-bottom: 1px solid @sapUiListTableFooterBorder;
+}
+
+.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child > td,
+.sapMListShowSeparatorsInner .sapMListTblSubRow:last-child > td {
+	border-bottom-color: transparent;
+}
+
+.sapMListShowSeparatorsNone .sapMListTblFooter > td{
+	border-top-width: 2px;
+}
+
+.sapMTableRowCustomFocus {
+	.sapMLIBIconDet,
+	.sapMLIBIconDel {
+		margin-left: 0;
+	}
+}
+
+.sapMListTblHasPopin > .sapMTableRowCustomFocus:focus .sapMLIBHighlight,
+.sapMListTblHasPopin > .sapMTableRowCustomFocus:focus .sapMLIBNavigated {
+	bottom: 0;
+}
+
+.sapMListTblHasPopin > .sapMTableRowCustomFocus:focus + .sapMListTblSubRow .sapMLIBHighlight,
+.sapMListTblHasPopin > .sapMTableRowCustomFocus:focus + .sapMListTblSubRow .sapMLIBNavigated {
+	top: 0;
+}
+
+
+/********** COMPACT DESIGN ************/
+
+/* decrease vertical popin paddings */
+.sapUiSizeCompact .sapMListTblSubCnt {
+	padding-top: .25rem;
+	padding-bottom: .25rem;
+}
+
+/* popin padding */
+.sapUiSizeCompact .sapMListModeMultiSelect .sapMListTblSubCnt,
+.sapUiSizeCompact .sapMListModeSingleSelectLeft .sapMListTblSubCnt {
+	padding-left: 2.5rem;
+}

package/src/sap/m/themes/sap_hcb/base_ColumnMenu.less

@@ -0,0 +1,41 @@
+/* ======================================= */
+/* CSS for control sap.m/table/ColumnMenu  */
+/* Base theme                              */
+/* ======================================= */
+
+.sapMTCMenu {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	.sapMTCMenuContainerWrapper {
+		height: 100%;
+		overflow: hidden;
+
+		.sapUiRespGrid {
+			width: auto;
+		}
+	}
+}
+
+.sapMTCMenu .sapMTCMenuQAListHidden {
+	display: none;
+}
+
+.sapMTCMenuPopup.sapMPopover { /*Desktop, Tablet*/
+	.sapMTCMenuQAForm {
+		max-width: 25rem;
+	}
+
+	.sapMTCMenuContainerWrapper {
+		max-width: 31rem;
+		min-width: 10rem;
+	}
+}
+
+.sapMTCMenuPopup.sapMDialog { /*Phone*/
+	.sapMTCMenuQAForm,
+	.sapMTCMenuContainerWrapper {
+		width: 100%;
+	}
+}

package/src/sap/m/themes/sap_hcb/base_ColumnResizer.less

@@ -0,0 +1,49 @@
+.sapMPluginsColumnResizerContainer {
+	position: relative;
+}
+
+.sapMPluginsColumnResizerResizing {
+	cursor: col-resize;
+}
+
+.sapMPluginsColumnResizerResizable {
+	border-right: 1px solid @sapUiListBorderColor;
+}
+
+.sapMPluginsColumnResizerHandle {
+	position: absolute;
+	z-index: 2;
+	top: 0;
+	bottom: 0;
+	left: -10000px;
+	width: 0.1875rem;
+	padding: 0 0.125rem;
+	margin-left: -0.25rem;
+	cursor: col-resize;
+	background-clip: content-box;
+	background-color: @sapUiContentDragAndDropActiveColor;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.sapMPluginsColumnResizerHandleCircle {
+	content: "";
+	position: absolute;
+	top: 1.5rem;
+	left: -0.4375rem;
+	width: 1rem;
+	height: 1rem;
+	border-radius: 1rem;
+	border: 0.125rem solid @sapUiContentDragAndDropActiveColor;
+	background: @sapUiWhiteBG;
+	pointer-events: none;
+	margin-top: -0.125rem;
+}
+
+.sapMPluginsColumnResizerSizeDetector {
+	position: absolute;
+	left: -1000px;
+	visibility: hidden;
+	display: flex;
+	flex-direction: column;
+}

package/src/sap/m/themes/sap_hcb/base_ComboBox.less

@@ -0,0 +1,10 @@
+/* =============================== */
+/* CSS for control sap.m/ComboBox  */
+/* Base theme                      */
+/* =============================== */
+
+.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMLIBSelected,
+.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMComboBoxBaseNonInteractiveItem.sapMLIBFocused {
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline-offset: -0.125rem;
+}

package/src/sap/m/themes/sap_hcb/base_ComboBoxBase.less

@@ -0,0 +1,67 @@
+/* =================================== */
+/* CSS for control sap.m/ComboBoxBase  */
+/* Base theme                          */
+/* =================================== */
+
+.sapMComboBoxBase.sapMInputBaseHasEndIcons .sapMInputBaseInner {
+	flex: 1;
+}
+
+.sapMComboBoxBase .sapMInputBaseContentWrapper {
+	display: inline-flex;
+}
+
+/* ------------------------------ */
+/* arrow                          */
+/* ------------------------------ */
+
+.sapMComboBoxBase.sapMInputBaseReadonly .sapMInputBaseIcon {
+	opacity: 0;
+	cursor: default;
+}
+
+.sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon {
+	color: @sapUiContentIconColor;
+	background: transparent;
+
+	&:hover {
+		background: @sapUiButtonLiteHoverBackground;
+	}
+
+	&:active {
+		background-color: @sapUiButtonLiteActiveBackground;
+		color: @sapUiButtonActiveTextColor;
+
+		&::before {
+			color: @sapUiButtonActiveTextColor;
+		}
+	}
+}
+
+.sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon::before {
+	color: @sapUiContentIconColor;
+}
+
+/* ------------------------------ */
+/* dialog                         */
+/* ------------------------------ */
+
+div.sapMComboBoxBasePicker .sapMDialogScrollCont {
+	padding: 0;
+}
+
+/* ------------------------------ */
+/* list                           */
+/* ------------------------------ */
+
+.sapMComboBoxBaseList.sapUiLocalBusy {
+	min-height: 2rem;
+}
+
+.sapMComboBoxBaseList .sapMSLITitleOnly {
+	font-size: 0.875rem;
+}
+
+.sapMComboBoxBaseList .sapMSLI {
+	height: 2.5rem;
+}

package/src/sap/m/themes/sap_hcb/base_ComboBoxTextField.less

@@ -0,0 +1,4 @@
+/* ======================================== */
+/* CSS for control sap.m/ComboBoxTextField  */
+/* Base theme                               */
+/* ======================================== */

package/src/sap/m/themes/sap_hcb/base_ContextMenuSetting.less

@@ -0,0 +1,3 @@
+.sapMContextMenuSettingContentOpacity {
+	opacity: @sapContent_DisabledOpacity;
+}