@rio-cloud/rio-uikit 0.15.0-beta-46 → 0.15.0

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
@@ -183,6 +184,10 @@ html.show-handheld-navigation {
   }
 }
 
+body .module-content {
+  overflow: hidden;
+}
+
 .ApplicationHeader {
   .navbar-brand {
     background-image: url('@{cdnBase}/svg/common/ico_rio.svg') !important;
@@ -630,6 +635,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 +1529,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 +1913,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;
@@ -1980,4 +2054,61 @@ form[id*="contactForm"] {
       padding-bottom: 56.25%;
     }
   }
+}
+
+// section clippig
+
+.section-wrapper {
+  &[class*="clip-"]:after {
+    content: "";
+    background: @color-white;
+    width: 100%;
+    position: absolute;
+    z-index: 1;
+  }
+
+  &[class*="clip-top"]:after {
+    top: 0;
+  }
+
+  &[class*="clip-bottom"]::after {
+    bottom: 0;
+  }
+
+  &[class*="clip-white"]:after {
+    background: @color-white
+  }
+
+  &[class*="clip-lightest"]::after {
+    background: @gray-lightest
+  }
+
+  &.clip-top-ltr:after {
+    clip-path: polygon(0 0, 100% 0, 100% 100%);
+  }
+
+  &.clip-top-rtl:after {
+    clip-path: polygon(0 0, 100% 0, 0 100%);
+  }
+
+  &.clip-bottom-ltr:after {
+    clip-path: polygon(0 100%, 100% 0, 100% 100%);
+  }
+
+  &.clip-bottom-rtl:after {
+    clip-path: polygon(0 0, 100% 100%, 0 100%);
+  }
+}
+
+@media (max-width: @screen-ls) {
+  .section-wrapper[class*="clip-"]:after {
+    height: 0;
+    padding-bottom: 5%;
+  }
+}
+
+@media (min-width: @screen-ls) {
+  .section-wrapper[class*="clip-"]:after {
+    height: 50px;
+  }
 }

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/badges.less

@@ -18,11 +18,6 @@
   background-color: @badge-bg;
   border-radius: @badge-border-radius;
 
-  // Empty badges collapse automatically (not available in IE8)
-  &:empty {
-    display: none;
-  }
-
   // Quick fix for badges in buttons
   .btn & {
     position: relative;
@@ -45,13 +40,6 @@
     }
   }
 
-  // Account for badges in navs
-  .list-group-item.active > &,
-  .nav-pills > .active > a > & {
-    color: @badge-active-color;
-    background-color: @badge-active-bg;
-  }
-
   .list-group-item > & {
     float: right;
   }

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/bootstrap/type.less

@@ -94,10 +94,17 @@ mark,
 .text-nowrap         { white-space: nowrap; }
 
 // Transformation
-.text-lowercase       { text-transform: lowercase; }
-.text-uppercase       { text-transform: uppercase; }
-.text-capitalize      { text-transform: capitalize; }
-.text-transform-none  { text-transform: none; }
+.text-transform-none          { text-transform: none; }
+.text-capitalize              { text-transform: capitalize; }
+.text-lowercase               { text-transform: lowercase; }
+.text-uppercase               { text-transform: uppercase; }
+
+// uppercase only the first letter of the first
+.text-capitalize-first-word  {
+  &:first-letter {
+    text-transform: uppercase
+  }
+}
 
 // Contextual colors
 .text-muted {