@rio-cloud/rio-uikit 0.15.0-beta-48 → 0.15.0-beta-49

package/lib/mapIndex.js

@@ -5,154 +5,154 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "SingleMapMarker", {
+Object.defineProperty(exports, "Circle", {
   enumerable: true,
   get: function get() {
-    return _SingleMapMarker2.default;
+    return _Circle2.default;
   }
 });
-Object.defineProperty(exports, "ClusterMapMarker", {
+Object.defineProperty(exports, "ClusterLayer", {
   enumerable: true,
   get: function get() {
-    return _ClusterMapMarker2.default;
+    return _ClusterLayer2.default;
   }
 });
-Object.defineProperty(exports, "Marker", {
+Object.defineProperty(exports, "ClusterMapMarker", {
   enumerable: true,
   get: function get() {
-    return _Marker2.default;
+    return _ClusterMapMarker2.default;
   }
 });
-Object.defineProperty(exports, "Map", {
+Object.defineProperty(exports, "ClusterUtils", {
   enumerable: true,
   get: function get() {
-    return _Map2.default;
+    return _clustering.ClusterUtils;
   }
 });
-Object.defineProperty(exports, "DomMarker", {
+Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
   get: function get() {
-    return _DomMarker2.default;
+    return _ContextMenu2.default;
   }
 });
-Object.defineProperty(exports, "TextMarker", {
+Object.defineProperty(exports, "ContextMenuItem", {
   enumerable: true,
   get: function get() {
-    return _TextMarker2.default;
+    return _ContextMenuItem2.default;
   }
 });
-Object.defineProperty(exports, "MapLayerGroup", {
+Object.defineProperty(exports, "DomMarker", {
   enumerable: true,
   get: function get() {
-    return _MapLayerGroup2.default;
+    return _DomMarker2.default;
   }
 });
-Object.defineProperty(exports, "Polygon", {
+Object.defineProperty(exports, "EventUtils", {
   enumerable: true,
   get: function get() {
-    return _Polygon2.default;
+    return _eventHandling.EventUtils;
   }
 });
-Object.defineProperty(exports, "Polyline", {
+Object.defineProperty(exports, "IncidentsLayer", {
   enumerable: true,
   get: function get() {
-    return _Polyline2.default;
+    return _IncidentsLayer2.default;
   }
 });
-Object.defineProperty(exports, "Route", {
+Object.defineProperty(exports, "Map", {
   enumerable: true,
   get: function get() {
-    return _Route2.default;
+    return _Map2.default;
   }
 });
-Object.defineProperty(exports, "ClusterLayer", {
+Object.defineProperty(exports, "MapBoundingBoxButton", {
   enumerable: true,
   get: function get() {
-    return _ClusterLayer2.default;
+    return _MapBoundingBoxButton2.default;
   }
 });
-Object.defineProperty(exports, "SimpleClusterLayer", {
+Object.defineProperty(exports, "MapCenterMarkerButton", {
   enumerable: true,
   get: function get() {
-    return _SimpleClusterLayer2.default;
+    return _MapCenterMarkerButton2.default;
   }
 });
-Object.defineProperty(exports, "MarkerLayer", {
+Object.defineProperty(exports, "MapClusterSettings", {
   enumerable: true,
   get: function get() {
-    return _MarkerLayer2.default;
+    return _MapClusterSettings2.default;
   }
 });
-Object.defineProperty(exports, "TrafficLayer", {
+Object.defineProperty(exports, "MapCustomerPoiSettingsItem", {
   enumerable: true,
   get: function get() {
-    return _TrafficLayer2.default;
+    return _MapCustomerPoiSettingsItem2.default;
   }
 });
-Object.defineProperty(exports, "TruckLayer", {
+Object.defineProperty(exports, "MapLayerGroup", {
   enumerable: true,
   get: function get() {
-    return _TruckLayer2.default;
+    return _MapLayerGroup2.default;
   }
 });
-Object.defineProperty(exports, "IncidentsLayer", {
+Object.defineProperty(exports, "MapLayerIncidentsItem", {
   enumerable: true,
   get: function get() {
-    return _IncidentsLayer2.default;
+    return _MapLayerIncidentsItem2.default;
   }
 });
-Object.defineProperty(exports, "Circle", {
+Object.defineProperty(exports, "MapLayerRoadRestrictionsItem", {
   enumerable: true,
   get: function get() {
-    return _Circle2.default;
+    return _MapLayerRoadRestrictionsItem2.default;
   }
 });
-Object.defineProperty(exports, "MapSettings", {
+Object.defineProperty(exports, "MapLayerSettings", {
   enumerable: true,
   get: function get() {
-    return _MapSettings2.default;
+    return _MapLayerSettings2.default;
   }
 });
-Object.defineProperty(exports, "MapSettingsPanel", {
+Object.defineProperty(exports, "MapLayerTrafficItem", {
   enumerable: true,
   get: function get() {
-    return _MapSettingsPanel2.default;
+    return _MapLayerTrafficItem2.default;
   }
 });
-Object.defineProperty(exports, "MapSettingsTile", {
+Object.defineProperty(exports, "MapLockMarkerButton", {
   enumerable: true,
   get: function get() {
-    return _MapSettingsTile2.default;
+    return _MapLockMarkerButton2.default;
   }
 });
-Object.defineProperty(exports, "MapClusterSettings", {
+Object.defineProperty(exports, "MapSettings", {
   enumerable: true,
   get: function get() {
-    return _MapClusterSettings2.default;
+    return _MapSettings2.default;
   }
 });
-Object.defineProperty(exports, "MapLayerSettings", {
+Object.defineProperty(exports, "MapSettingsItem", {
   enumerable: true,
   get: function get() {
-    return _MapLayerSettings2.default;
+    return _MapSettingsItem2.default;
   }
 });
-Object.defineProperty(exports, "MapTypeSettings", {
+Object.defineProperty(exports, "MapSettingsPanel", {
   enumerable: true,
   get: function get() {
-    return _MapTypeSettings2.default;
+    return _MapSettingsPanel2.default;
   }
 });
-Object.defineProperty(exports, "MapSettingsItem", {
+Object.defineProperty(exports, "MapSettingsTile", {
   enumerable: true,
   get: function get() {
-    return _MapSettingsItem2.default;
+    return _MapSettingsTile2.default;
   }
 });
-Object.defineProperty(exports, "MapCustomerPoiSettingsItem", {
+Object.defineProperty(exports, "MapTypeSettings", {
   enumerable: true,
   get: function get() {
-    return _MapCustomerPoiSettingsItem2.default;
+    return _MapTypeSettings2.default;
   }
 });
 Object.defineProperty(exports, "MapWorkshopPoiSettingsItem", {
@@ -161,70 +161,70 @@ Object.defineProperty(exports, "MapWorkshopPoiSettingsItem", {
     return _MapWorkshopPoiSettingsItem2.default;
   }
 });
-Object.defineProperty(exports, "MapLayerIncidentsItem", {
+Object.defineProperty(exports, "Marker", {
   enumerable: true,
   get: function get() {
-    return _MapLayerIncidentsItem2.default;
+    return _Marker2.default;
   }
 });
-Object.defineProperty(exports, "MapLayerRoadRestrictionsItem", {
+Object.defineProperty(exports, "MarkerLayer", {
   enumerable: true,
   get: function get() {
-    return _MapLayerRoadRestrictionsItem2.default;
+    return _MarkerLayer2.default;
   }
 });
-Object.defineProperty(exports, "MapLayerTrafficItem", {
+Object.defineProperty(exports, "Polygon", {
   enumerable: true,
   get: function get() {
-    return _MapLayerTrafficItem2.default;
+    return _Polygon2.default;
   }
 });
-Object.defineProperty(exports, "MapBoundingBoxButton", {
+Object.defineProperty(exports, "Polyline", {
   enumerable: true,
   get: function get() {
-    return _MapBoundingBoxButton2.default;
+    return _Polyline2.default;
   }
 });
-Object.defineProperty(exports, "MapCenterMarkerButton", {
+Object.defineProperty(exports, "PositionUtils", {
   enumerable: true,
   get: function get() {
-    return _MapCenterMarkerButton2.default;
+    return _positions.PositionUtils;
   }
 });
-Object.defineProperty(exports, "MapLockMarkerButton", {
+Object.defineProperty(exports, "Route", {
   enumerable: true,
   get: function get() {
-    return _MapLockMarkerButton2.default;
+    return _Route2.default;
   }
 });
-Object.defineProperty(exports, "EventUtils", {
+Object.defineProperty(exports, "SimpleClusterLayer", {
   enumerable: true,
   get: function get() {
-    return _eventHandling.EventUtils;
+    return _SimpleClusterLayer2.default;
   }
 });
-Object.defineProperty(exports, "ClusterUtils", {
+Object.defineProperty(exports, "SingleMapMarker", {
   enumerable: true,
   get: function get() {
-    return _clustering.ClusterUtils;
+    return _SingleMapMarker2.default;
   }
 });
-Object.defineProperty(exports, "PositionUtils", {
+Object.defineProperty(exports, "TextMarker", {
   enumerable: true,
   get: function get() {
-    return _positions.PositionUtils;
+    return _TextMarker2.default;
   }
 });
-Object.defineProperty(exports, "ContextMenu", {
+Object.defineProperty(exports, "TrafficLayer", {
   enumerable: true,
   get: function get() {
-    return _ContextMenu2.default;
+    return _TrafficLayer2.default;
   }
 });
-Object.defineProperty(exports, "ContextMenuItem", {
+Object.defineProperty(exports, "TruckLayer", {
   enumerable: true,
   get: function get() {
-    return _ContextMenuItem2.default;
+    return _TruckLayer2.default;
   }
 });
 

package/lib/style/css/_exports/rio-buyButton.less

@@ -83,6 +83,11 @@
   align-items: center;
   justify-content: space-between;
 
+  .btn:hover {
+    transform: none !important;
+    box-shadow: none !important;
+  }
+
   .buyButtonPrice {
     flex: 1 0;
   }

package/lib/style/css/_exports/rio-website.less

@@ -1525,6 +1525,10 @@ html.show-handheld-navigation {
               &.col-md-4 {
                 @media (min-width: @screen-md) { width: 50%; }
               }
+
+              &.col-ls-4 {
+                @media (min-width: @screen-ls) { width: 50%; }
+              }
             }
           }
         }
@@ -1905,6 +1909,30 @@ blockquote {
   }
 }
 
+// Video Player
+._video-embed-container {
+  background: @color-black;
+
+  .data-privacy-modal {
+    @media (max-width: @screen-ls) {
+      p {
+        display: none;
+      }
+
+      .btn {
+        height: auto;
+        line-height: 1.25;
+        white-space: pre-wrap;
+      }
+    }
+  }
+}
+
+[class*="btn-"]:hover {
+  transform: none !important;
+  box-shadow: none !important;
+}
+
 // cookie disclaimer
 #cookieDisclaimer > .position-absolute {
   position: fixed !important;

package/lib/style/css/bootstrap/dropdowns.less

@@ -29,24 +29,24 @@
 
 // The dropdown menu (ul)
 .dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: @zindex-dropdown;
+  background-clip: padding-box;
+  background-color: @dropdown-bg;
+  border-radius: @border-radius-base;
+  border: 1px solid @dropdown-border;
+  box-shadow:0 6px 12px rgba(0,0,0,.175);
   display: none; // none by default, but block on "open" of the menu
   float: left;
+  font-size: @font-size-base;
+  left: 0;
+  list-style: none;
+  margin: 2px 0 0; // override default ul
   min-width: 160px;
   padding: 5px 0;
-  margin: 2px 0 0; // override default ul
-  list-style: none;
-  font-size: @font-size-base;
+  position: absolute;
   text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
-  background-color: @dropdown-bg;
-  border: 1px solid @dropdown-fallback-border; // IE8 fallback
-  border: 1px solid @dropdown-border;
-  border-radius: @border-radius-base;
-  box-shadow:0 6px 12px rgba(0,0,0,.175);
-  background-clip: padding-box;
+  top: 100%;
+  width: 100%;
+  z-index: @zindex-dropdown;
 
   // Aligns the dropdown menu to right
   //

package/lib/style/css/rio-theme/button-groups.less

@@ -1,7 +1,7 @@
 // @import "../bootstrap/button-groups.less";
 
 .btn-group {
-  display: flex;
+  display: inline-flex;
 
   > .btn {
     position: relative;

package/lib/style/css/rio-theme/buttons.less

@@ -51,6 +51,7 @@
 
 .btn {
   position: relative;
+  overflow: hidden;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -80,7 +81,11 @@
   }
 
   &.btn-toggle.active {
-    box-shadow: inset 0 0 4px 1px rgb(90 101 102 / 60%);
+    box-shadow: inset 0 1px 5px 1px rgb(90 101 102 / 50%);
+
+    &.btn-primary {
+      box-shadow: inset 0 1px 5px 1px rgb(90 101 102 / 70%);
+    }
   }
 
   &-toolbar {
@@ -567,3 +572,50 @@
     );
   }
 }
+
+.btn-default,
+.btn-primary,
+.btn-secondary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+  &:not(.btn-link):not(.btn-action) {
+    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
+
+    // Currently deactivated, because some services are already using the beta and we should introduce it globally and inform about it before.
+    // &:hover {
+    //   transform: translateY(-2px);
+    //   box-shadow: 0px 2px 4px 0px rgb(143 143 143 / 60%);
+    // }
+  }
+}
+
+// .btn-no-hover-effect:hover {
+//   transform: none !important;
+//   box-shadow: none !important;
+// }
+
+.input-group-btn,
+.btn-group-vertical {
+  .btn:hover {
+    transform: none !important;
+    box-shadow: none !important;
+  }
+}
+
+.btn-ripple {
+  position: absolute;
+  z-index: 1;
+  border-radius: 50%;
+  transform: scale(0);
+  animation: ripple 600ms linear;
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+@keyframes ripple {
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
+}

package/lib/style/css/rio-theme/carousel.less

@@ -55,7 +55,7 @@
 
         li {
           background: @color-white;
-          border-radius: 0;
+          border-radius: 3px;
           height: 10px;
           margin: 0 2px;
           width: 20px;

package/lib/style/css/rio-theme/navbar.less

@@ -44,6 +44,7 @@
 
 // Custom variables
 @navbar-brand-home-icon: url('https://cdn.rio.cloud/svg/common/ico_home.svg');
+@navbar-brand-icon: url('https://cdn.rio.cloud/svg/common/ico_rio_colored.svg');
 @navbar-collapse-max-height: 340px;
 @box-shadow: inset 0 -3px 0 @color-black, 0 1px 0 @color-black;
 
@@ -109,13 +110,18 @@
 
   .navbar-brand {
     background-color: transparent !important;
-    background-image: @navbar-brand-home-icon !important;
+    background-image: @navbar-brand-icon !important;
+    background-size: cover;
     height: @navbar-height-without-border;
     margin: 0;
     padding: 0;
     position: relative;
     width: @navbar-height;
 
+    &.home-icon {
+      background-image: @navbar-brand-home-icon !important;
+    }
+
     &:after {
       background: @color-black;
       content: '';
@@ -440,3 +446,40 @@
     }
   }
 }
+
+.ActionBarItemList {
+  margin: 0;
+  padding: 0;
+
+  &Item {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+
+    &Icon {
+      margin-top: 2px;
+      color: @gray-dark;
+      font-size: 16px;
+    }
+
+    &Button {
+      .btn;
+      .btn-link;
+      .btn-multiline;
+      text-align: left;
+      padding: 0;
+      height: auto;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  &Separator {
+    margin-top: 5px;
+    margin-bottom: 5px;
+  }
+}

package/lib/style/css/rio-theme/pagination.less

@@ -77,7 +77,7 @@
 
     &:empty {
       background: @color-highlight-decent;
-      border-radius: 0;
+      border-radius: @border-radius-small;
       border: 1px solid @color-highlight;
       height: 10px;
       margin: 0 5px;

package/lib/style/css/utils/animations/translate.less

@@ -22,4 +22,7 @@
 
 .hover-translate {
     &-y-10 { &:hover { transform: translateY(-10px) !important } }
-}
+}
+
+.transform-none { transform: none !important }
+.hover-transform-none:hover { transform: none !important }

package/lib/style/css/utils/text.less

@@ -92,6 +92,9 @@ h2, h3, h4, h5, h6, [class*='text-size-h'] {
 .text-decoration-underline { text-decoration: underline !important }
 .text-decoration-line-through { text-decoration: line-through !important }
 
+.hover-text-decoration-underline:hover { text-decoration: underline !important }
+.hover-text-decoration-none:hover { text-decoration: none !important }
+
 /* Text - Decoration Hover */
 .hover-text-decoration-none:hover { text-decoration: none !important }