@openui5/sap.ui.commons 1.125.0 → 1.126.0

package/src/sap/ui/commons/themes/sap_hcb/base_RoadMap.less

@@ -0,0 +1,213 @@
+/* ============================================== */
+/* CSS for control sap.ui.commons/RoadMap.control */
+/* ============================================== */
+
+/* General Styles */
+.sapUiRoadMap {
+	display: inline-block;
+	white-space: nowrap;
+	overflow: hidden;
+	position: relative;
+}
+
+.sapUiRoadMap:focus {
+	outline: 0px dotted transparent;
+}
+
+.sapUiRoadMapStepArea {
+	display: inline-block;
+	overflow: hidden;
+	white-space: nowrap;
+	position: relative;
+	margin: 0;
+	padding: 1px 0 0;
+}
+
+.sapUiRoadMapContent {
+	border-style: none;
+	display: inline-block;
+	text-align: center;
+	vertical-align: top;
+	white-space: normal;
+}
+
+.sapUiRoadMapHidden {
+	display: none;
+}
+
+/* Step Styles */
+.sapUiRoadMapStep {
+	width: 98px;
+	position: relative;
+}
+
+.sapUiRoadMapSubStep {
+}
+
+.sapUiRoadMapSubStep.sapUiRoadMapStep {
+	padding-top: 4px;
+}
+
+.sapUiRoadMapStepEnd {
+}
+
+.sapUiRoadMapSelected {
+	font-weight: bold;
+}
+
+.sapUiRoadMapExpanded {
+}
+
+.sapUiRoadMapDisabled {
+	color: @sapUiContentDisabledTextColor;
+}
+
+.sapUiRoadMapStepAdd1,
+.sapUiRoadMapStepAdd2 {
+	display: inline-block;
+	position: absolute;
+	height: 1px;
+	width: 37px;
+	background-color: @sapUiBlackBG;
+	top: 11px;
+}
+
+.sapUiRoadMapStepAdd1 {
+	left: 0px;
+}
+
+.sapUiRoadMapStepAdd2 {
+	right: 0px;
+}
+
+.sapUiRoadMapStepEnd.sapUiRoadMapExpanded > .sapUiRoadMapStepAdd1,
+.sapUiRoadMapExpanded > .sapUiRoadMapStepAdd2,
+.sapUiRoadMapSubStep > .sapUiRoadMapStepAdd1,
+.sapUiRoadMapSubStep > .sapUiRoadMapStepAdd2 {
+	top: 21px;
+}
+
+.sapUiRoadMapStepEnd.sapUiRoadMapExpanded > .sapUiRoadMapStepAdd2 {
+	top: 11px;
+}
+
+.sapUiRoadMapSubStep > .sapUiRoadMapStepAdd1,
+.sapUiRoadMapSubStep > .sapUiRoadMapStepAdd2 {
+	width: 39px;
+}
+
+.sapUiRoadMapStepBox {
+	border: 1px solid black;
+	cursor: pointer;
+	line-height: 20px;
+	width: 22px;
+	margin: auto;
+	position: relative;
+}
+
+.sapUiRoadMapStepBox:focus{
+	outline: 1px dotted @sapUiBlackBorder;
+}
+
+.sapUiRoadMapSubStep.sapUiRoadMapStep > .sapUiRoadMapStepBox{
+	line-height: 16px;
+	width: 19px;
+}
+
+.sapUiRoadMapSelected > .sapUiRoadMapStepBox{
+	border: 1px solid @sapUiFieldInvalidColor;
+	cursor: default;
+}
+
+.sapUiRoadMapDisabled > .sapUiRoadMapStepBox{
+	border: 1px solid @sapUiButtonDisabledBorderColor;
+	cursor: default;
+}
+
+.sapUiRoadMapStepIco {
+	display: none;
+}
+
+.sapUiRoadMapTitle {
+	display: inline-block;
+	width: 90px;
+	overflow: hidden;
+	/*text-overflow: ellipsis;*/
+	word-wrap: break-word;
+	height: 38px;/*double line-height*/
+}
+
+.sapUiRoadMapTitle > span:after {
+	content: "...";
+}
+
+.sapUiRoadMapStep:hover > .sapUiRoadMapTitle {
+	text-decoration: underline;
+}
+
+.sapUiRoadMapStep.sapUiRoadMapDisabled:hover > .sapUiRoadMapTitle {
+	text-decoration: none;
+}
+
+.sapUiRoadMapStep.sapUiRoadMapSelected:hover > .sapUiRoadMapTitle {
+	text-decoration: none;
+}
+
+/* No special styling for Expanded Step titles according to UX
+.sapUiRoadMapExpanded > .sapUiRoadMapTitle {
+	position: relative;
+	left: 15px;
+	text-align: left;
+	width: 55px;
+}
+
+html[dir=rtl] .sapUiRoadMapExpanded > .sapUiRoadMapTitle {
+	text-align: right;
+}
+
+.sapUiRoadMapExpanded.sapUiRoadMapStepEnd > .sapUiRoadMapTitle{
+	left: auto;
+	right: 15px;
+	text-align: right;
+}
+
+html[dir=rtl] .sapUiRoadMapExpanded.sapUiRoadMapStepEnd > .sapUiRoadMapTitle {
+	text-align: left;
+}*/
+
+/* Delimiter Styles */
+.sapUiRoadMapDelim {
+	background-position: center 4px;
+	background-repeat: no-repeat;
+	height: 18px;
+	width: 17px;
+	margin-top: 1px;
+}
+
+.sapUiRoadMapDelim:focus {
+	outline: 0px dotted transparent;
+}
+
+.sapUiRoadMapStartScroll {
+	cursor: pointer;
+}
+
+.sapUiRoadMapStartScroll:after {
+	content: "<<";
+}
+
+.sapUiRoadMapStartFixed:after{
+	content: "|>";
+}
+
+.sapUiRoadMapEndScroll {
+	cursor: pointer;
+}
+
+.sapUiRoadMapEndScroll:after {
+	content: ">>";
+}
+
+.sapUiRoadMapEndFixed:after {
+	content: "<|";
+}

package/src/sap/ui/commons/themes/sap_hcb/base_RowRepeater.less

@@ -0,0 +1,167 @@
+/* ================================================== */
+/* CSS for control sap.ui.commons/RowRepeater.control */
+/* ================================================== */
+
+/* RowRepeater root
+
+Three possible designs with corresponding CSS classes:
+- Standard: sapUiRrDesignStandard
+- Transparent: sapUiRrDesignTransparent
+- BareShell: sapUiRrDesignBareShell
+*/
+
+/** Common Design **/
+
+/* Primary Toolbar */
+.sapUiRrPtb {
+	display: table;
+	width: 100%;
+	border-top: 1px solid;
+	border-left: 1px solid;
+	border-right: 1px solid;
+}
+
+/* Primary Toolbar: Logo + Title */
+.sapUiRrLogo {
+	display: table-cell;
+	padding-left: 10px;
+}
+
+.sapUiRrTitle {
+	display: table-cell;
+	white-space: nowrap;
+	font-size: @sapUiFontLargeSize;
+	font-weight: bold;
+	vertical-align: middle;
+}
+
+/* Primary Toolbar - Filters */
+.sapUiRrFilters {
+	display: table-cell;
+	width: 100%;
+	vertical-align: middle;
+	font-size: @sapUiFontLargeSize;
+}
+
+/* Primary Toolbar - Controller */
+.sapUiRrCtrl {
+	display: table-cell;
+	white-space: nowrap;
+	vertical-align: middle;
+}
+
+/* Secondary Toolbar */
+.sapUiRrStb {
+	width: 100%;
+	display: table;
+	border-top: 1px solid;
+	border-left: 1px solid;
+	border-right: 1px solid;
+}
+
+/* Secondary Toolbar - Sort By */
+.sapUiRrSortBy {
+	display: table-cell;
+	white-space: nowrap;
+	font-weight: bold;
+	padding-left: 10px;
+	vertical-align: middle;
+}
+
+/* Secondary Toolbar - Sorters */
+.sapUiRrSorters {
+	width: 100%;
+	display: table-cell;
+}
+
+/* Row Container */
+.sapUiRrBody {
+	width: 100%;
+	border: 1px solid;
+	background-color: transparent;
+	overflow: hidden;
+	position: relative;
+}
+
+/* Page */
+.sapUiRrPage {
+	list-style: none;
+	padding-left: 0px;
+	position: relative;
+	margin-top: 0px;
+	margin-bottom:0px;
+}
+
+/* Row */
+.sapUiRrRow {
+}
+
+/* No Data - Special Row */
+.sapUiRrNoData {
+	font-size: @sapUiFontLargeSize;
+	font-weight: bold;
+	margin: 10px;
+}
+
+/* Footer */
+.sapUiRrFtr {
+	width: 100%;
+	border-bottom: 1px solid;
+	border-left: 1px solid;
+	border-right: 1px solid;
+	height: 22px;
+	text-align: center;
+}
+
+.sapUiRrFtr > .sapUiPag {
+	padding-top: 3px;
+}
+
+/** Standard Design **/
+.sapUiRrDesignStandard > .sapUiRrPtb {
+	background-color: @sapUiExtraLightBG;
+	border-color: @sapUiMediumBorder;
+}
+
+.sapUiRrDesignStandard > .sapUiRrStb {
+	background-color: @sapUiDarkBG;
+	border-color: @sapUiMediumBorder;
+}
+
+.sapUiRrDesignStandard > .sapUiRrFtr {
+	background-color: @sapUiDarkBG;
+	border-color: @sapUiMediumBorder;
+}
+
+.sapUiRrDesignStandard > .sapUiRrBody {
+	border-color: @sapUiMediumBorder;
+}
+
+/** Transparent Design **/
+.sapUiRrDesignTransparent > .sapUiRrPtb {
+	background-color: transparent;
+	border: none;
+}
+
+.sapUiRrDesignTransparent > .sapUiRrStb {
+	background-color: transparent;
+	border: none;
+}
+
+.sapUiRrDesignTransparent .sapUiTb {
+	background-image: none;
+}
+
+.sapUiRrDesignTransparent > .sapUiRrFtr {
+	background-color: transparent;
+	border: none;
+}
+
+.sapUiRrDesignTransparent > .sapUiRrBody {
+	border: none;
+}
+
+/** BareShell Design **/
+.sapUiRrDesignBareShell > .sapUiRrBody {
+	border: none;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_SearchField.less

@@ -0,0 +1,137 @@
+/* ======================================================= */
+/* Base CSS for control sap.ui.commons/SearchField.control */
+/* ======================================================= */
+
+.sapUiSearchField {
+	display: inline-block;
+	position: relative;
+	vertical-align: top;
+	width: 22ex;
+}
+
+.sapUiSearchFieldTf {
+	box-sizing: border-box;
+	vertical-align: top;
+	overflow: visible;
+	display: inline-block;
+	outline: none;
+	padding: 0 18px 0 0;
+	margin-top: 1px;
+}
+
+.sapUiSearchField input[type="search"]::-webkit-search-cancel-button {
+	/* Do not show the 'X' in the searchfield */
+	-webkit-appearance: none;
+}
+
+.sapUiSearchFieldCb {
+	padding: 0 30px 0 0;
+}
+
+/*The cursor position in Safari on Mac in LTR case is to far on the right*/
+html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldTf > .sapUiTf,
+html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb > .sapUiTf {
+	margin-left: -4px;
+	padding-left: 0px;
+}
+
+html[data-sap-ui-browser^="cr"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb.sapUiSearchFieldCbProv > .sapUiTf,
+html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb.sapUiSearchFieldCbProv > .sapUiTf {
+	padding-left: 16px;
+}
+
+.sapUiSearchFieldTf, .sapUiSearchFieldCb {
+	width: auto;
+	position: absolute;
+	left: 0;
+	right: 0;
+	min-width: 50px;
+}
+
+.sapUiSearchFieldNoExp .sapUiSearchFieldCb,
+.sapUiSearchFieldCb.sapUiTfRo {
+	padding: 0 18px 0 0;
+}
+
+.sapUiSearchFieldCb .sapUiTfComboIcon {
+	color: inherit;
+	font-size: inherit;
+}
+
+.sapUiSearchFieldIco {
+	overflow: visible;
+	display: inline;
+	position: absolute;
+	font-size: 0;
+	color: transparent;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	background-image: url("../base/img/search/search.png");
+	height: 15px;
+	width: 15px;
+	background-repeat: no-repeat;
+	background-position: top right;
+	background-color: transparent;
+	margin-top: 3px;
+	cursor: pointer;
+}
+
+.sapUiSearchFieldClear.sapUiSearchFieldVal.sapUiSearchFieldDsbl > .sapUiSearchFieldTf > .sapUiSearchFieldIco,
+.sapUiSearchFieldClear.sapUiSearchFieldVal.sapUiSearchFieldDsbl > .sapUiSearchFieldCb > .sapUiSearchFieldIco {
+	font-size: 0;
+	color: transparent;
+	background-image: url("../base/img/search/search.png");
+}
+
+.sapUiSearchFieldProvIco {
+	display: inline;
+	position: absolute;
+	height: 16px;
+	width: 16px;
+	left: 1px;
+	margin-top: 2px;
+}
+
+.sapUiSearchFieldProvIco > img {
+	height: 16px;
+	width: 16px;
+}
+
+.sapUiSearchFieldCb.sapUiSearchFieldCbProv > .sapUiTf {
+	padding-left: 20px;
+}
+
+.sapUiSearchFieldDsbl .sapUiSearchFieldProvIco,
+.sapUiSearchFieldDsbl .sapUiSearchFieldIco{
+	cursor: auto;
+	opacity: 0.6;
+}
+
+.sapUiSearchFieldTf .sapUiSearchFieldIco {
+	right: 1px;
+}
+
+.sapUiSearchFieldCb .sapUiSearchFieldIco {
+	right: 13px;
+}
+
+.sapUiSearchFieldNoExp .sapUiSearchFieldCb .sapUiSearchFieldIco {
+	right: 1px;
+}
+
+.sapUiSearchFieldCb.sapUiTfRo .sapUiSearchFieldIco {
+	right: 1px;
+}
+
+.sapUiSearchField > .sapUiBtn {
+	position: absolute;
+	margin-left: 5px;
+	right: 0;
+}
+
+.sapUiSearchFieldClear.sapUiSearchFieldVal > .sapUiSearchFieldTf > .sapUiSearchFieldIco,
+.sapUiSearchFieldClear.sapUiSearchFieldVal > .sapUiSearchFieldCb > .sapUiSearchFieldIco {
+	font-size: inherit;
+	color: inherit;
+	background-image: none;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_SegmentedButton.less

@@ -0,0 +1,33 @@
+/* ====================================================== */
+/* CSS for control sap.ui.commons/SegmentedButton.control */
+/* ====================================================== */
+
+.sapUiSegmentedButton {
+	color: @sapUiBaseText;
+	white-space: nowrap;
+}
+
+.sapUiSegmentedButton > span > .sapUiBtnS {
+	border-radius: 0;
+	border-left-width: 0;
+}
+
+.sapUiSegmentedButton > span > button:first-of-type {
+	border-radius:  2px 0 0 2px;
+	border-left-width: 1px;
+}
+
+.sapUiSegmentedButton > span> button:last-of-type {
+	border-radius: 0 2px 2px 0;
+}
+
+.sapUiSegmentedButton > span > .sapUiBtnS.sapUiSegButtonSelected {
+	cursor: default;
+	background-color: @sapUiHighlight;
+	color: @sapUiTextSelection;
+}
+
+.sapUiSegmentedButton > span > .sapUiBtnS.sapUiBtnStd:focus,
+.sapUiSegmentedButton > span > .sapUiBtnS.sapUiBtnStd.sapUiBtnStdFocus {
+	outline: 1px dashed @sapUiHighlight;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_SimpleForm.less

@@ -0,0 +1,3 @@
+/* ====================================================== */
+/* CSS for control sap.ui.commons/form/SimpleForm.control */
+/* ====================================================== */

package/src/sap/ui/commons/themes/sap_hcb/base_Slider.less

@@ -0,0 +1,93 @@
+/* ================================================= */
+/* CSS for control sap.ui.commons/Slider.control     */
+/* ================================================= */
+
+/* All DIV elements MUST have a POSITION definition, otherwise the calculation of the
+   grip position will not work */
+
+.sapUiSli{
+	position: relative;
+	display: inline-block;
+	overflow: visible;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	border: 1px solid @sapUiMediumBorder;
+}
+
+.sapUiSliL,
+.sapUiSliR,
+.sapUiSliBar,
+.sapUiSliHiLi {
+	position: relative;
+	display: block;
+	outline: none;
+}
+
+.sapUiSliHiLi {
+	position: absolute;
+}
+
+.sapUiSliHori .sapUiSliHiLi {
+	left: 0;
+}
+
+.sapUiSliVert .sapUiSliHiLi {
+	bottom: 0;
+}
+
+.sapUiSliHori .sapUiSliBar {
+	height: 15px;
+}
+
+.sapUiSliVert .sapUiSliBar {
+	width: 15px;
+}
+
+.sapUiSliGrip {
+	position: absolute;
+	display: inline-block;
+	font-size: 0;
+	color: transparent;
+	border: 2px solid @sapUiMediumBorder;
+}
+
+.sapUiSliHori .sapUiSliGrip {
+	height: 11px;
+	width: 6px;
+}
+
+.sapUiSliVert .sapUiSliGrip {
+	width: 11px;
+	height: 6px;
+}
+
+.sapUiSliStd .sapUiSliGrip {
+	cursor: pointer;
+}
+
+.sapUiSliDsbl .sapUiSliGrip:focus {
+	outline: none; /* needed in safari */
+}
+
+.sapUiSliTick,
+.sapUiSliText {
+	position: absolute;
+	display: inline-block;
+}
+
+.sapUiSliStd .sapUiSliText {
+	color: @sapUiBaseText;
+}
+
+.sapUiSliRo .sapUiSliText,
+.sapUiSliDsbl .sapUiSliText {
+	color: @sapUiContentDisabledTextColor;
+}
+
+.sapUiSliVert .sapUiSliBar,
+.sapUiSliVert .sapUiSliR,
+.sapUiSliVert .sapUiSliL {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+}