@rio-cloud/rio-uikit 0.15.0-beta-45 → 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/man-uikit.less

@@ -10,6 +10,7 @@
   @md: true;
   @lg: true;
   @xl: true;
+  @print: false;
 );
 
 // RIO Theme // Fonts

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-uikit-core.less

@@ -71,7 +71,7 @@
 @import (less) '../rio-theme/theme.less';
 
 // RIO Theme // Utils
-@import (less) '../utils/responsive/_imports.less';
+@import (less) '../utils/_imports.less';
 
 .import-utilities(
   @default: true;
@@ -81,6 +81,7 @@
   @md: false;
   @lg: false;
   @xl: false;
+  @print: false;
 );
 
 // Bootstrap // Responsive Utilities
@@ -97,7 +98,6 @@
 @import (less) '../../../components/applicationLayout/ApplicationLayout.less';
 @import (less) '../../../components/assetTree/AssetTree.less';
 @import (less) '../../../components/autosuggest/AutoSuggest.less';
-@import (less) '../../../components/button/ToggleButton.less';
 @import (less) '../../../components/checkbox/Checkbox.less';
 @import (less) '../../../components/clearableInput/ClearableInput.less';
 @import (less) '../../../components/counter/Counter.less';

package/lib/style/css/_exports/rio-uikit-print-utilities.less

@@ -0,0 +1,21 @@
+// RIO Theme Imports
+@import (less) '../rio-theme/variables.less';
+@import (less) '../rio-theme/colors.less';
+@import (less) '../rio-theme/screens.less';
+@import (less) '../shared/text.less';
+@import (less) '../rio-theme/mixins/_mixins.less';
+
+// RIO Theme // Utils
+@import (less) '../utils/_imports.less';
+
+// RIO Theme // Utility Classes
+.import-utilities(
+  @default: false;
+  @xs: false;
+  @ls: false;
+  @sm: false;
+  @md: false;
+  @lg: false;
+  @xl: false;
+  @print: true;
+);

package/lib/style/css/_exports/rio-uikit-responsive-utilities.less

@@ -6,7 +6,7 @@
 @import (less) '../rio-theme/mixins/_mixins.less';
 
 // RIO Theme // Utils
-@import (less) '../utils/responsive/_imports.less';
+@import (less) '../utils/_imports.less';
 
 // RIO Theme // Utility Classes
 .import-utilities(
@@ -17,4 +17,5 @@
   @md: true;
   @lg: true;
   @xl: true;
+  @print: false;
 );

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

@@ -10,6 +10,7 @@
   @md: true;
   @lg: true;
   @xl: true;
+  @print: false;
 );
 
 // RIO Theme // Fonts

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

@@ -10,6 +10,7 @@
   @md: true;
   @lg: true;
   @xl: true;
+  @print: false;
 );
 
 // RIO Theme // Fonts
@@ -630,6 +631,35 @@ html.show-handheld-navigation {
             }
           }
 
+          &.headline-block {
+            .section-content-container-row {
+              display: flex;
+              flex-direction: column;
+
+              .section-content-container-headline {
+                padding: 10px 20px;
+                background: @color-black;
+                text-transform: uppercase;
+                width: fit-content;
+
+                &:before {
+                  display: block;
+                  content: "+";
+                  width: 20px;
+                  height: 20px;
+                  position: absolute;
+                  top: 0px;
+                  left: 0px;
+                  transform: translate(-100%, -100%);
+                  text-align: center;
+                  line-height: 20px;
+                  color: @color-black;
+                  font-size: 40px;
+                }
+              }
+            }
+          }
+
           // Section Wrapper Inner Container
           .section-content-container {
             height: 100%;
@@ -1495,12 +1525,28 @@ html.show-handheld-navigation {
               &.col-md-4 {
                 @media (min-width: @screen-md) { width: 50%; }
               }
+
+              &.col-ls-4 {
+                @media (min-width: @screen-ls) { width: 50%; }
+              }
             }
           }
         }
       }
     }
 
+    &-double-col-padding {
+      .section-layout > .section-layout-container {
+        padding-left: 0;
+        padding-right: 0;
+
+        [class*="col-"] {
+          padding-left: 20px;
+          padding-right: 20px;
+        }
+      }
+    }
+
     &-man {
       .section-layout {
         .section-layout-container {
@@ -1863,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/_exports/vw-uikit.less

@@ -10,6 +10,7 @@
   @md: true;
   @lg: true;
   @xl: true;
+  @print: false;
 );
 
 // RIO Theme // Fonts
@@ -19,7 +20,7 @@
 
 @logo-height: 42px;
 @logo-width: 204px;
-@navbar-height: 50px + @logo-height * 3;
+@navbar-height: 178px;
 
 @color-white: #ffffff;
 @color-black: #000000;

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;
@@ -79,6 +80,14 @@
     padding: 0;
   }
 
+  &.btn-toggle.active {
+    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 {
     display: flex;
     flex-wrap: wrap;
@@ -397,7 +406,7 @@
     &:before {
       .rioglyph;
       content: "\e9c7";
-      color: @color-highlight-dark;
+      color: @brand-primary;
       animation: spinning 1s linear infinite;
       font-size: 20px;
     }
@@ -563,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;