@rio-cloud/rio-uikit 0.16.1-beta.23 → 0.16.1

package/lib/es/components/rules/RuleContainer.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _framerMotion = require("framer-motion");
+var _RuleConnector = _interopRequireDefault(require("./RuleConnector"));
+var _excluded = ["show", "unchecked", "background", "borderColor", "hideConnector", "customConnector", "className", "children"];
+var RuleContainer = function RuleContainer(props) {
+  var show = props.show,
+    unchecked = props.unchecked,
+    background = props.background,
+    borderColor = props.borderColor,
+    hideConnector = props.hideConnector,
+    customConnector = props.customConnector,
+    className = props.className,
+    children = props.children,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  if (!show) {
+    return null;
+  }
+  var boxClassNames = (0, _classnames["default"])('RuleContainerBox', 'position-relative', 'rounded padding-20', background, unchecked && "border border-width border-style-dashed ".concat(borderColor), className);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "RuleContainer"
+  }, remainingProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: boxClassNames,
+    "data-testid": "ruleContainerBox"
+  }, /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, {
+    exitBeforeEnter: true
+  }, _react["default"].Children.map(children, function (child) {
+    var _child$type;
+    // In case there are multiple children of RuleContainer, use the
+    // type name or the type itself as a key to animate between the two children
+    return /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, {
+      key: ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) || child.type,
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      exit: {
+        opacity: 0
+      }
+      // transition={{ delay: 1, duration: 2 }}
+    }, child);
+  }))), customConnector ? customConnector : /*#__PURE__*/_react["default"].createElement(_RuleConnector["default"], {
+    hidden: unchecked || hideConnector
+  }));
+};
+RuleContainer.defaultProps = {
+  show: true,
+  unchecked: false,
+  background: 'bg-lightest',
+  borderColor: '',
+  hideConnector: false,
+  className: ''
+};
+RuleContainer.propTypes = {
+  show: _propTypes["default"].bool,
+  unchecked: _propTypes["default"].bool,
+  background: _propTypes["default"].string,
+  borderColor: _propTypes["default"].string,
+  hideConnector: _propTypes["default"].bool,
+  customConnector: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
+  className: _propTypes["default"].string
+};
+var _default = RuleContainer;
+exports["default"] = _default;

package/lib/es/components/rules/RulesWrapper.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _framerMotion = require("framer-motion");
+var _excluded = ["children"];
+var RuleWrapper = function RuleWrapper(_ref) {
+  var children = _ref.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, (0, _extends2["default"])({
+    initial: false,
+    layout: true
+  }, remainigProps), /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, null, /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, {
+    layout: "position"
+  }, children)));
+};
+RuleWrapper.defaultProps = {};
+var _default = RuleWrapper;
+exports["default"] = _default;

package/lib/es/components/selects/BaseDropdownMenu.js

@@ -110,33 +110,43 @@ var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     value: function handleKeydown(event) {
       switch (event.keyCode) {
         case 27:
-          // close on esc key or on tab
-          this.closeMenu();
-          break;
+          {
+            // close on esc key or on tab
+            this.closeMenu();
+            break;
+          }
         case 9:
-          // close on tab
-          this.closeMenu();
-          break;
+          {
+            // close on tab
+            this.closeMenu();
+            break;
+          }
         case 13:
-          // select on enter
-          this.selectOptionOnEnter(event);
-          break;
+          {
+            // select on enter
+            this.selectOptionOnEnter(event);
+            break;
+          }
         case 38:
-          // prevent scrolling the page when dropdown menu is open
-          event.preventDefault();
+          {
+            // prevent scrolling the page when dropdown menu is open
+            event.preventDefault();
 
-          // select above on arrow up key
-          this.focusOption(_scrollItemIntoView.UP);
-          (0, _scrollItemIntoView["default"])(_scrollItemIntoView.UP, this.getDropdownDOMNode(), this.getFocusedOptionNode());
-          break;
+            // select above on arrow up key
+            this.focusOption(_scrollItemIntoView.UP);
+            (0, _scrollItemIntoView["default"])(_scrollItemIntoView.UP, this.getDropdownDOMNode(), this.getFocusedOptionNode());
+            break;
+          }
         case 40:
-          // prevent scrolling the page when dropdown menu is open
-          event.preventDefault();
+          {
+            // prevent scrolling the page when dropdown menu is open
+            event.preventDefault();
 
-          // select below on arrow down key
-          this.focusOption(_scrollItemIntoView.DOWN);
-          (0, _scrollItemIntoView["default"])(_scrollItemIntoView.DOWN, this.getDropdownDOMNode(), this.getFocusedOptionNode());
-          break;
+            // select below on arrow down key
+            this.focusOption(_scrollItemIntoView.DOWN);
+            (0, _scrollItemIntoView["default"])(_scrollItemIntoView.DOWN, this.getDropdownDOMNode(), this.getFocusedOptionNode());
+            break;
+          }
         default:
           break;
       }
@@ -148,11 +158,15 @@ var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
       var focusedItemIndex = this.state.focusedItemIndex;
       switch (direction) {
         case _scrollItemIntoView.UP:
-          nextFocusedItem = focusedItemIndex === 0 ? focusedItemIndex : focusedItemIndex - 1;
-          break;
+          {
+            nextFocusedItem = focusedItemIndex === 0 ? focusedItemIndex : focusedItemIndex - 1;
+            break;
+          }
         case _scrollItemIntoView.DOWN:
-          nextFocusedItem = focusedItemIndex === this.props.options.length - 1 ? focusedItemIndex : focusedItemIndex + 1;
-          break;
+          {
+            nextFocusedItem = focusedItemIndex === this.props.options.length - 1 ? focusedItemIndex : focusedItemIndex + 1;
+            break;
+          }
         default:
           break;
       }
@@ -342,7 +356,7 @@ BaseDropdownMenu.defaultProps = {
   onSelect: function onSelect() {},
   onClose: function onClose() {},
   options: [],
-  autoDropDirection: true,
+  autoDropDirection: false,
   pullRight: false,
   useActiveClass: false,
   keyboardUsed: false,

package/lib/es/components/selects/Multiselect.js

@@ -18,11 +18,15 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
+var _logDeprecatedWarnings = _interopRequireDefault(require("../../utils/logDeprecatedWarnings"));
 var _BaseDropdownMenu = require("./BaseDropdownMenu");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var warningProps = [{
+  prop: 'autoDropDirection'
+}];
 var Multiselect = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Multiselect, _Component);
   var _super = _createSuper(Multiselect);
@@ -217,6 +221,7 @@ var Multiselect = /*#__PURE__*/function (_Component) {
         placeholder = _this$props4.placeholder,
         counterMessage = _this$props4.counterMessage,
         renderCounterMessage = _this$props4.renderCounterMessage;
+      (0, _logDeprecatedWarnings["default"])(warningProps, this.props, 'Multiselect');
       var classnames = (0, _classnames["default"])('dropdown-toggle', 'form-control', 'text-left', bsSize === 'large' && 'input-lg',
       // TODO: deprecte since it's not consistent
       bsSize === 'small' && 'input-sm',
@@ -250,7 +255,6 @@ var Multiselect = /*#__PURE__*/function (_Component) {
       var _this6 = this;
       var _this$props5 = this.props,
         pullRight = _this$props5.pullRight,
-        autoDropDirection = _this$props5.autoDropDirection,
         noItemMessage = _this$props5.noItemMessage;
       var options = this.state.filteredOptions.map(function (option) {
         option.selected = _this6.state.selectedItems.indexOf(option.id) !== -1;
@@ -265,7 +269,6 @@ var Multiselect = /*#__PURE__*/function (_Component) {
         onSelect: this.onOptionChange,
         onClose: this.closeMenu,
         noItemMessage: noItemMessage,
-        autoDropDirection: autoDropDirection,
         pullRight: pullRight,
         useActiveClass: true
       });
@@ -447,7 +450,6 @@ Multiselect.defaultProps = {
   options: [],
   selectedItems: [],
   disabled: false,
-  autoDropDirection: true,
   pullRight: false,
   hasError: false,
   useFilter: false,

package/lib/es/components/selects/Select.js

@@ -19,6 +19,7 @@ var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
 var _logPropError = _interopRequireDefault(require("../../utils/logPropError"));
+var _logDeprecatedWarnings = _interopRequireDefault(require("../../utils/logDeprecatedWarnings"));
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
 var _BaseDropdownMenu = require("./BaseDropdownMenu");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -29,6 +30,9 @@ var errorProps = [{
   prop: 'toggleButtonLabel',
   replacement: 'selectedOptionText'
 }];
+var warningProps = [{
+  prop: 'autoDropDirection'
+}];
 var DEFAULT_FOCUSED_ITEM_INDEX = -1;
 var Select = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Select, _Component);
@@ -114,8 +118,8 @@ var Select = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var _this$props = this.props,
         className = _this$props.className,
-        hasError = _this$props.hasError;
-      var dropup = this.isAutoDropActive() ? this.state.dropup : this.props.dropup;
+        hasError = _this$props.hasError,
+        dropup = _this$props.dropup;
       var classes = (0, _classnames["default"])('select', dropup && 'dropup', 'dropdown', hasError && 'has-error', this.state.isOpen && 'open', className && className);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes,
@@ -195,6 +199,7 @@ var Select = /*#__PURE__*/function (_Component) {
         id = _this$props3$id === void 0 ? name : _this$props3$id,
         selectedOptionText = _this$props3.selectedOptionText;
       (0, _logPropError["default"])(errorProps, this.props, 'Select');
+      (0, _logDeprecatedWarnings["default"])(warningProps, this.props, 'Select');
       var _this$state = this.state,
         isOpen = _this$state.isOpen,
         selectedItem = _this$state.selectedItem;
@@ -233,7 +238,6 @@ var Select = /*#__PURE__*/function (_Component) {
 
       var _this$props4 = this.props,
         pullRight = _this$props4.pullRight,
-        autoDropDirection = _this$props4.autoDropDirection,
         noItemMessage = _this$props4.noItemMessage,
         dropdownClassName = _this$props4.dropdownClassName;
 
@@ -260,7 +264,6 @@ var Select = /*#__PURE__*/function (_Component) {
         onSelect: this.onOptionChange,
         onClose: this.closeMenu,
         noItemMessage: noItemMessage,
-        autoDropDirection: autoDropDirection,
         pullRight: pullRight,
         dropdownClassName: dropdownClassName,
         requestItemDOMValues: this.state.requestItemDOMValues
@@ -400,7 +403,6 @@ Select.defaultProps = {
   onChange: function onChange() {},
   options: [],
   disabled: false,
-  autoDropDirection: true,
   pullRight: false,
   dropup: false,
   hasError: false,

package/lib/es/framer-motion.d.ts

@@ -0,0 +1 @@
+export * from 'framer-motion';

package/lib/es/index.d.ts

@@ -1,4 +1,4 @@
-declare module '@rio-cloud/rio-uikit' {
+declare module '@rio-cloud/lib/es/rio-uikit' {
     import React from 'react';
     import {
         ActionBarItemProps,
@@ -74,6 +74,9 @@ declare module '@rio-cloud/rio-uikit' {
         ReleaseNotesDialogProps,
         ResizerProps,
         ResponsiveVideoProps,
+        RulesWrapperProps,
+        RuleContainerProps,
+        RuleConnectorProps,
         SaveDialogProps,
         SelectProps,
         SidebarProps,
@@ -201,6 +204,9 @@ declare module '@rio-cloud/rio-uikit' {
     export class ReleaseNotesDialog extends React.Component<ReleaseNotesDialogProps> {}
     export class Resizer extends React.Component<ResizerProps> {}
     export class ResponsiveVideo extends React.Component<ResponsiveVideoProps> {}
+    export class RulesWrapper extends React.Component<RulesWrapperProps> {}
+    export class RuleContainer extends React.Component<RuleContainerProps> {}
+    export class RuleConnector extends React.Component<RuleConnectorProps> {}
     export class SaveDialog extends React.Component<SaveDialogProps> {}
     export class Select extends React.Component<SelectProps> {}
     export class Sidebar extends React.Component<SidebarProps> {}
@@ -261,5 +267,5 @@ declare module '@rio-cloud/rio-uikit' {
         ResizerPosition,
         SortDirection,
         TableViewTogglesValues,
-    }
+    };
 }

package/lib/es/index.js

@@ -122,6 +122,9 @@ var _exportNames = {
   TagManager: true,
   BrowserWarning: true,
   Pager: true,
+  RuleConnector: true,
+  RuleContainer: true,
+  RulesWrapper: true,
   toggleSupportMarker: true,
   enableSupportMarker: true,
   SUPPORT_MARKER_CLASS: true,
@@ -543,6 +546,24 @@ Object.defineProperty(exports, "ResponsiveVideo", {
     return _ResponsiveVideo2["default"];
   }
 });
+Object.defineProperty(exports, "RuleConnector", {
+  enumerable: true,
+  get: function get() {
+    return _RuleConnector2["default"];
+  }
+});
+Object.defineProperty(exports, "RuleContainer", {
+  enumerable: true,
+  get: function get() {
+    return _RuleContainer2["default"];
+  }
+});
+Object.defineProperty(exports, "RulesWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _RulesWrapper2["default"];
+  }
+});
 Object.defineProperty(exports, "SUPPORT_MARKER_CLASS", {
   enumerable: true,
   get: function get() {
@@ -1066,6 +1087,9 @@ var _StatsWidgetSpacer2 = _interopRequireDefault(require("./components/statsWidg
 var _TagManager2 = _interopRequireDefault(require("./components/tagManager/TagManager"));
 var _BrowserWarning2 = _interopRequireDefault(require("./components/browserWarning/BrowserWarning"));
 var _Pager2 = _interopRequireDefault(require("./components/pager/Pager"));
+var _RuleConnector2 = _interopRequireDefault(require("./components/rules/RuleConnector"));
+var _RuleContainer2 = _interopRequireDefault(require("./components/rules/RuleContainer"));
+var _RulesWrapper2 = _interopRequireDefault(require("./components/rules/RulesWrapper"));
 var _toggleSupportMarker2 = require("./components/supportMarker/toggleSupportMarker");
 var _Carousel2 = _interopRequireDefault(require("./components/carousel/Carousel"));
 var _LoadMoreButton2 = _interopRequireDefault(require("./components/loadMore/LoadMoreButton"));

package/lib/es/styles/components/Dialog.less

@@ -212,6 +212,16 @@ body {
       .modal-body {
         position: relative;
         padding: @modal-inner-padding;
+
+        &:first-child {
+          border-top-left-radius: @border-radius-lg;
+          border-top-right-radius: @border-radius-lg;
+        }
+
+        &:last-child {
+          border-bottom-left-radius: @border-radius-lg;
+          border-bottom-right-radius: @border-radius-lg;
+        }
       }
 
       .modal-footer {

package/lib/es/styles/components/Dropdown.less

@@ -1,7 +1,9 @@
 @dropdown-max-height: 211px; // Used for Select and AutoSuggest components
 
-.btn-group.open .dropdown-toggle {
-  box-shadow: none !important;
+.btn-group {
+  &.open .dropdown-toggle {
+    box-shadow: none !important;
+  }
 }
 
 .dropdown {
@@ -18,6 +20,7 @@
     padding: 0;
     position: absolute;
     text-align: left;
+    //width: 100%;
     z-index: @zindex-dropdown;
 
     // closed by default
@@ -28,6 +31,12 @@
       display: block;
     }
 
+    .AutoSuggest &,
+    .select &,
+    .multiselect & {
+      width: 100%;
+    }
+
     // portal style
     #uikit-root > & {
       display: block;

package/lib/es/styles/components/Select.less

@@ -162,13 +162,17 @@
   .dropdown-menu {
     max-height: @dropdown-max-height;
     overflow-x: hidden;
-    width: 100%; // not on dropdowns, only on selects
 
     svg {
       margin-right: 0.5em;
       vertical-align: middle;
     }
 
+    &.pull-right {
+      left: auto !important;
+      right: 0 !important;
+    }
+
     > li {
       > a.focus {
         text-decoration: none;
@@ -189,11 +193,6 @@
     }
   }
 
-  &.pull-right {
-    left: auto !important;
-    right: 0 !important;
-  }
-
   &.dropup.open .dropdown-menu {
     bottom: 0;
     left: 0;

package/lib/es/styles/design/box-sizing.less

@@ -0,0 +1,8 @@
+.box-sizing {
+  &-border-box {
+    box-sizing: border-box !important;
+  }
+  &-content-box {
+    box-sizing: content-box !important;
+  }
+}

package/lib/es/styles/design/fonts.less

@@ -164,141 +164,141 @@
 
 // SCANIA FONT
 & when (@font-scania = true) {
-  @fontSCANIA: 'https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0';
+  @fontSCANIA: 'cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0';
 
   @font-face {
     font-family: 'Scania Sans';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCY-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCY-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     font-style: italic;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCY-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCY-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCY-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCY-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-style: italic;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYCondensed-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYHeadline-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-weight: bold;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-style: italic;
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     unicode-range: U+0400-04FF;
-    src: url('@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSans-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSans-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
     font-style: italic;
-    src: url('@{fontSCANIA}/latin/ScaniaSans-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSans-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans';
-    src: url('@{fontSCANIA}/latin/ScaniaSans-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSans-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSansCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
     font-style: italic;
-    src: url('@{fontSCANIA}/latin/ScaniaSansCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Condensed';
-    src: url('@{fontSCANIA}/latin/ScaniaSansCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansCondensed-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSansHeadline-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansHeadline-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Headline';
-    src: url('@{fontSCANIA}/latin/ScaniaSansHeadline-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansHeadline-Regular.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-weight: bold;
-    src: url('@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Bold.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Bold.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
     font-style: italic;
-    src: url('@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Italic.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Italic.woff') format('woff')
   }
 
   @font-face {
     font-family: 'Scania Sans Semi Condensed';
-    src: url('@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Regular.woff') format('woff')
+    src: url('https://@{fontSCANIA}/latin/ScaniaSansSemiCondensed-Regular.woff') format('woff')
   }
 }
 

package/lib/es/styles/design/normalize.less

@@ -7,8 +7,6 @@
   }
 }
 
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
 //
 // 1. Set default font family to sans-serif.
 // 2. Prevent iOS and IE text size adjust after device orientation change,