@openui5/sap.m 1.141.2 → 1.143.0

package/src/sap/m/themes/base/SegmentedButton.less

@@ -9,13 +9,21 @@
 	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 	border: none;
 	white-space: nowrap;
-	display: inline-block;
 	box-sizing: border-box;
 	height: 3rem;
 	vertical-align: top;
 	position: relative;
 }
 
+.sapMSegBEqualSized {
+	display: inline-block;
+}
+
+.sapMSegBContentFit {
+	display: inline-flex;
+	width: 100%;
+}
+
 .sapMSegB:focus {
 	outline: none;
 }
@@ -28,6 +36,18 @@
 	outline: none;
 }
 
+.sapMSegBContentFit .sapMSegBBtn {
+	overflow: hidden;
+}
+
+.sapMSegBContentFit .sapMSegBBtn:first-child .sapMSegBBtnInner {
+    padding-left: 0.5rem;
+}
+
+.sapMSegBContentFit .sapMSegBBtnIcon {
+	overflow: visible;
+}
+
 .sapMSegB .sapMSegBBtn {
 
 	.sapMSegBBtnInner {

package/src/sap/m/themes/base/Select.less

@@ -101,6 +101,20 @@
 	}
 }
 
+/* When wrapItemsText is true, make the picker fit its content width */
+.sapMSltPicker-CTX.sapMPickerWrappedItems {
+	max-width: max-content;
+	width: fit-content;
+
+	.sapMSelectList.sapMSelectListWrappedItems {
+		width: fit-content;
+
+		.sapMSelectListTableLayout {
+			width: auto;
+		}
+	}
+}
+
 /* defines the ratio of columns inside selectList, when text is truncated */
 .sapMSltPicker-CTX .sapMSelectList:not(.sapMSelectListWrappedItems) {
 

package/src/sap/m/themes/base/SlideTile.less

@@ -278,6 +278,14 @@ html.sap-tablet .sapMGTHvrOutln:active {
 	box-shadow: none !important;
 }
 
+.sapUshellSection {
+
+	.sapMST.TwoByOne {
+		width: 23rem;
+	}
+
+}
+
 .sapMST.OneByOne {
 	width: 11rem;
 	height: 11rem;

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

@@ -35,6 +35,7 @@
 	height: 0;
 }
 
+.sapMTableScreenReaderOnly,
 .sapMListTblCellDup > .sapMListTblCellDupCnt {
 	/* hide content visually but have it available for screen readers */
 	position: absolute;

package/src/sap/m/themes/base/Text.less

@@ -72,7 +72,8 @@ html[data-sap-ui-browser='sf10'] {
 	max-width: 100%;
 }
 
-.sapMLIBActionable .sapMText {
+.sapMLIBActionable .sapMText,
+.sapMLIBActionable + .sapMListTblSubRow .sapMText {
 	cursor: pointer;
 }
 

package/src/sap/m/themes/base/TimePicker.less

@@ -16,7 +16,6 @@
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	user-select: none;
-	box-shadow: @sapUiShadowLevel1 !important; /* Need to override this with important because of popover stronger selectors */
 
 	.sapMTPClocksContainer .sapMSegB .sapMSegBBtn .sapMSegBBtnInner {
 		text-overflow: initial;
@@ -24,16 +23,6 @@
 
 }
 
-/* COMPACT MODE STYLES */
-
-.sapUiSizeCompact {
-
-	/* TimePicker Dropdown */
-	.sapMTimePickerDropDown {
-		box-shadow: @sapUiShadowLevel1 !important; /* Need to override this with important because of popover stronger selectors */
-	}
-}
-
 /* PHONE STYLES */
 html.sap-phone {
 

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

@@ -18,6 +18,10 @@
 	vertical-align: inherit;
 }
 
+.sapMTokenizerHeightMargin {
+  margin: 0.1875rem 0;
+}
+
 .sapMTokenizer .sapMToken {
 	margin-top: 0.25rem;
 	margin-bottom: 0.25rem;
@@ -116,6 +120,14 @@
 	height: 100%;
 }
 
+.sapMTokenizerMultiLineContainer {
+	display: flex;
+	height: 100%;
+	flex-wrap: wrap;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
 .sapMTokenizer.sapMTokenizerOneLongToken .sapMTokenizerScrollContainer {
 	width: 100%;
 	overflow: hidden;
@@ -142,8 +154,30 @@
 	}
 }
 
+.sapMTokenizerClearAll {
+	margin-top: 0.5rem;
+	color: @sapUiLink;
+	font-size: @sapMFontMediumSize;
+	cursor: pointer;
+	outline: none;
+
+	&:hover {
+		color: @sapUiLinkHoverColor;
+		text-decoration: @sapUiLinkHoverTextDecoration;
+	}
+
+	&:active {
+		color: @sapUiLinkActiveColor;
+		text-decoration: @sapUiLinkActiveTextDecoration;
+	}
+}
+
 .sapUiSizeCompact {
 
+	.sapMTokenizerClearAll {
+		margin-top: 0.25rem;
+	}
+
 	.sapMTokenizerTokensPopup,
 	&.sapMTokenizerTokensPopup {
 

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

@@ -95,6 +95,20 @@
 	}
 }
 
+/* When wrapItemsText is true, make the picker fit its content width */
+.sapMSltPicker-CTX.sapMPickerWrappedItems {
+	max-width: max-content;
+	width: fit-content;
+
+	.sapMSelectList.sapMSelectListWrappedItems {
+		width: fit-content;
+
+		.sapMSelectListTableLayout {
+			width: auto;
+		}
+	}
+}
+
 // defines the ratio of columns inside selectList, when text is truncated
 .sapMSltPicker-CTX .sapMSelectList:not(.sapMSelectListWrappedItems){
 	.sapMSelectListFirstCell {

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

@@ -20,24 +20,12 @@
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	user-select: none;
-	box-shadow: @sapUiShadowLevel1 !important; //Need to override this with important because of popover stronger selectors
 }
 
 /* ======================================== */
 /* COMPACT MODE STYLES                      */
 /* ======================================== */
 
-.sapUiSizeCompact {
-
-	/* ======================================== */
-	/* TimePicker Dropdown                      */
-	/* ======================================== */
-
-	.sapMTimePickerDropDown {
-		box-shadow: @sapUiShadowLevel1 !important; //Need to override this with important because of popover stronger selectors
-	}
-}
-
 /* PHONE STYLES */
 html.sap-phone {
 

package/src/sap/m/upload/ActionsPlaceholder.js

@@ -20,7 +20,7 @@ sap.ui.define(["sap/ui/core/Control"], function (Control) {
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/upload/Column.js

@@ -18,7 +18,7 @@ sap.ui.define(["sap/m/Column"], function (mColumn) {
 	 * @extends sap.m.Column
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/upload/FilePreviewDialog.js

@@ -71,7 +71,7 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @since 1.120
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @extends sap.ui.core.Element
 	 * @name sap.m.upload.FilePreviewDialog
 	 */

package/src/sap/m/upload/UploadItem.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @since 1.124
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @alias sap.m.upload.UploadItem
 	 */
     var UploadItem = Element.extend("sap.m.upload.UploadItem", {

package/src/sap/m/upload/UploadItemConfiguration.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @since 1.124
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @alias sap.m.upload.UploadItemConfiguration
 	 */
     const UploadItemConfiguration = Element.extend("sap.m.upload.UploadItemConfiguration", {

package/src/sap/m/upload/UploadSet.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * but it also helps to avoid template-related issues and ensures better data handling.
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @constructor
 	 * @public
 	 * @since 1.63

package/src/sap/m/upload/UploadSetItem.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @class Item that represents one file to be uploaded using the {@link sap.m.upload.UploadSet} control.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @constructor
 	 * @public
 	 * @since 1.63

package/src/sap/m/upload/UploadSetToolbarPlaceholder.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/upload/UploaderTableItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @constructor
 	 * @public
 	 * @since 1.120
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @alias sap.m.upload.UploaderTableItem
 	 */
 	var Uploader = Element.extend("sap.m.upload.UploaderTableItem", {