npm - @sapui5/sap.ushell - Versions diffs - 1.117.1 → 1.117.4 - Mend

@@ -2,48 +2,76 @@
 /* CSS for control sap.ushell/ToolAreaItem  */
 /* ======================================== */
-@_sap_ushell_ToolAreaItem_HoverBG: #45596a;
-@_sap_ushell_ToolAreaItem_BG: #3f5161;
-@_sap_ushell_ToolAreaItem_SelectedBG: #416b8e;
-@_sap_ushell_ToolAreaItem_IconColor: #b7cee4;
-@_sap_ushell_ToolAreaItem_SeparatorColor: #4d6376;
+.sapUshellToolAreaWrapper {
+  background-color: @sapUiShellColor;
+}
 .sapUshellToolArea {
-  background-color: @_sap_ushell_ToolAreaItem_BG;
+  background-color: @sapUiShellColor;
+  border-inline-end: 1px solid @sapUiToolbarSeparatorColor;
+  border-top: 1px solid @sapUiToolbarSeparatorColor;
+  position: relative;
+  border-radius: 0.5rem 0.5rem 0 0;
   .sapUshellToolAreaItemIcon {
-    color: @_sap_ushell_ToolAreaItem_IconColor;
+    color: @sapUiShellInteractiveTextColor;
   }
 }
 .sapUshellToolAreaItemText {
-  color: @_sap_ushell_ToolAreaItem_IconColor;
+  color: @sapUiShellInteractiveTextColor;
 }
 .sapUshellToolAreaItemText {
-  color: @_sap_ushell_ToolAreaItem_IconColor;
+  color: @sapUiShellInteractiveTextColor;
 }
 .sapUshellToolAreaContentSeparator, .sapUshellToolAreaFooterContentSeparator {
-  height:1px;
-  background-color: @_sap_ushell_ToolAreaItem_SeparatorColor;
+  height: 1px;
+  background-color: @sapUiToolbarSeparatorColor;
+  margin: 0 0.5rem;
+}
+.sapUshellToolAreaContent, .sapUshellToolAreaFooterContent {
+  margin: 0.25rem;
+  border-radius: 0.375rem;
+  border: 1px solid transparent;
+  outline-offset: -0.2375rem;
+  height: 2.5rem;
+  padding-left: 0.6rem;
+}
+.sapUshellToolAreaContent:hover, .sapUshellToolAreaFooterContent:hover {
+  box-shadow: @sapUiContentInteractionShadow;
 }
-.sapUshellToolAreaContent:hover, .sapUshellToolAreaFooterContent:hover{
-  background-color: @_sap_ushell_ToolAreaItem_HoverBG;
+.sapUshellToolAreaContent:active, .sapUshellToolAreaFooterContent:active {
+  box-shadow: none;
+  border-color: @sapPrimary2;
 }
-.sapUshellToolAreaItemSelected {
-  background-color: @_sap_ushell_ToolAreaItem_SelectedBG;
+.sapUshellToolArea .sapUshellToolAreaItemIcon {
+  margin-top: 0.6rem;
+  margin-bottom: 0.6rem;
+}
+.sapUshellToolArea .sapUshellToolAreaItemIcon:hover {
+  cursor: pointer;
+}
+.sapUshellToolArea .sapUshellToolAreaItemIcon:active {
+  color: @sapPrimary2;
+}
+.sapUshellToolAreaItemExpandable:after {
+  font-size: 1rem;
+  left: 0;
 }
 .sapUshellToolAreaItemExpandable:after {
-  color:  @_sap_ushell_ToolAreaItem_IconColor;
+  color: @sapUiShellInteractiveTextColor;
 }
 .sapUshellToolAreaItm {
-  color: @_sap_ushell_ToolAreaItem_IconColor;
+  color: @sapUiShellInteractiveTextColor;
 }

@@ -100,8 +100,24 @@ sap.ui.define([
         EXP_S: "EXP_S"
     };
+    /**
+     * The range set for FLP including extra large desktops
+     * extending the range set SAP_STANDARD_EXTENDED by the range ExtraLargeDesktop
+     */
+    ShellHeader.prototype.FLPRangeSet = {
+        name: "Ushell",
+        rangeBorders: [600, 1024, 1440, 1920],
+        rangeNames: ["Phone", "Tablet", "Desktop", "LargeDesktop", "ExtraLargeDesktop"]
+    };
     ShellHeader.prototype.init = function () {
-        Device.media.attachHandler(this.invalidate, this, Device.media.RANGESETS.SAP_STANDARD_EXTENDED);
+        Device.media.initRangeSet(
+            this.FLPRangeSet.name,
+            this.FLPRangeSet.rangeBorders,
+            "px",
+            this.FLPRangeSet.rangeNames
+        );
+        Device.media.attachHandler(this.invalidate, this, this.FLPRangeSet.name);
         Device.resize.attachHandler(this.refreshLayout, this);
         this.getCustomLogoAltText(); // Get the custom alt text for the logo
@@ -133,7 +149,7 @@ sap.ui.define([
      * @private
      */
     ShellHeader.prototype.exit = function () {
-        Device.media.detachHandler(this.invalidate, this, Device.media.RANGESETS.SAP_STANDARD_EXTENDED);
+        Device.media.detachHandler(this.invalidate, this, this.FLPRangeSet.name);
         Device.resize.detachHandler(this.refreshLayout, this);
         if (this._rerenderLogoNavigationFilterfnRerenderLogoNavigationFilter) {
@@ -377,7 +393,7 @@ sap.ui.define([
     };
     /**
-     * Set the correct tooltip for the ShellAppTitle.
+     * Sets the correct tooltip for the ShellAppTitle.
      * If the ShellAppTitle has a navigation menu it should be: "Navigation menu".
      * Otherwise there should only be a tooltip if the Title is truncated.
      */
@@ -422,11 +438,11 @@ sap.ui.define([
     };
     ShellHeader.prototype.isExtraLargeState = function () {
-        return Device.media.getCurrentRange(Device.media.RANGESETS.SAP_STANDARD_EXTENDED).from === 1440;
+        return Device.media.getCurrentRange(this.FLPRangeSet.name).from === this.FLPRangeSet.rangeBorders[3];
     };
     ShellHeader.prototype.isMediumOrBiggerState = function () {
-        return Device.media.getCurrentRange(Device.media.RANGESETS.SAP_STANDARD_EXTENDED).from >= 600;
+        return Device.media.getCurrentRange(this.FLPRangeSet.name).from >= this.FLPRangeSet.rangeBorders[0];
     };
     ShellHeader.prototype.isPhoneState = function () {

@@ -3,7 +3,7 @@
 /**
  * @fileOverview Extension for recent activities card
  *
- * @version 1.117.1
+ * @version 1.117.4
  */
 sap.ui.define([
     "sap/ui/integration/Extension",

@@ -7,7 +7,7 @@
  * of recreating them. Items which get removed from the aggregation get destroyed and items which get added to the
  * aggregation get created.
  *
- * @version 1.117.1
+ * @version 1.117.4
  */
 sap.ui.define([
     "sap/ui/base/ManagedObject",

@@ -49,7 +49,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      * @author SAP SE
-     * @version 1.117.1
+     * @version 1.117.4
      *
      * @private
      * @alias sap.ushell.ui.launchpad.Page

@@ -3,7 +3,7 @@
 /**
  * @fileOverview Provides control sap.ushell.ui.launchpad.Section
  *
- * @version 1.117.1
+ * @version 1.117.4
  */
 sap.ui.define([
     "sap/base/Log",
@@ -160,7 +160,7 @@ sap.ui.define([
      * @extends sap.ui.core.XMLComposite
      *
      * @author SAP SE
-     * @version 1.117.1
+     * @version 1.117.4
      *
      * @private
      * @alias sap.ushell.ui.launchpad.Section

@@ -18,7 +18,7 @@ sap.ui.define([
      * A control to be placed in the tool area
      * @extends sap.ui.core.Control
      *
-     * @version 1.117.1
+     * @version 1.117.4
      *
      * @constructor
      * @public

@@ -5,7 +5,7 @@
  *
  * This module is for internal Shell usage only
  *
- * @version 1.117.1
+ * @version 1.117.4
  */
  sap.ui.define(["sap/base/Log", "sap/ushell/utils/UrlParsing"], function (Log, urlParsing) {
     "use strict";

@sapui5/sap.ushell 1.117.1 → 1.117.4