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

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

@@ -55,6 +55,9 @@ var RuleConnector = function RuleConnector(props) {
     className: rightRoundedBoxBorderClipping
   })));
 };
+RuleConnector.START = 'start';
+RuleConnector.CENTER = 'center';
+RuleConnector.END = 'end';
 RuleConnector.defaultProps = {
   placement: 'center',
   icon: 'rioglyph-plus',
@@ -67,7 +70,7 @@ RuleConnector.defaultProps = {
   className: ''
 };
 RuleConnector.propTypes = {
-  placement: _propTypes["default"].oneOf(['start', 'center', 'end']),
+  placement: _propTypes["default"].oneOf([RuleConnector.START, RuleConnector.CENTER, RuleConnector.END]),
   icon: _propTypes["default"].string,
   hidden: _propTypes["default"].bool,
   background: _propTypes["default"].string,

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/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/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,

package/lib/es/styles/design/responsive/flexgrid.less

@@ -34,6 +34,9 @@
 .align-self-start@{suffix} { align-self: flex-start !important }
 .align-self-stretch@{suffix} { align-self: stretch !important }
 
+.place-items-center@{suffix} { place-items: center !important }
+.place-self-center@{suffix} { place-self: center !important }
+
 /* Flexbox - Helper */
 .flex-0-1@{suffix} { flex: 0 1 auto !important }
 .flex-1-0@{suffix} { flex: 1 0 auto !important }
@@ -70,9 +73,4 @@ each(@gridColumns, {
 .grid-colspan-auto@{suffix} { grid-column: auto !important }
 
 // AutoRows
-.grid-auto-rows@{suffix} { grid-auto-rows: minmax(min-content, max-content)}
-
-// Placement
-.place-items-center@{suffix} {
-  place-items: center !important;
-}
+.grid-auto-rows@{suffix} { grid-auto-rows: minmax(min-content, max-content)}

package/lib/es/styles/design/responsive/sizing.less

@@ -10,6 +10,9 @@
 .max-height-0@{suffix} { max-height: 0 !important }
 .max-width-0@{suffix} { max-width: 0 !important }
 
+.max-width-none@{suffix} { max-width: none !important }
+.max-height-none@{suffix} { max-height: none !important }
+
 // width/height px
 each(@sizes-px, {
   // width

package/lib/es/types.ts

@@ -588,7 +588,7 @@ export interface DomMarkerProps {
 
 export interface DropdownSubmenuProps {
     title?: string | React.ReactNode;
-    items?: MenuItemProps[];
+    items?: MenuItem[];
     disabled?: boolean;
     className?: string;
 }
@@ -769,15 +769,15 @@ export interface LineChartProps {
     tooltip?: ChartTooltip | boolean;
 }
 
-export interface ListMenuItems {
+export interface ListMenuItem {
     group?: string | React.ReactNode;
     groupNavItem?: React.ReactNode;
-    navItems: NavItems[];
+    navItems: NavItem[];
     isSubItem?: boolean;
 }
 
 export interface ListMenuProps {
-    menuItems: ListMenuItems[];
+    menuItems: ListMenuItem[];
     enableFilter?: boolean;
     focusFilter?: boolean;
     filterKey?: string;
@@ -808,7 +808,7 @@ export type markerColor =
     | 'bg-map-marker-geofence'
     | 'bg-map-marker-route';
 
-export interface MediaDialogMediaProps {
+export interface MediaDialogMedia {
     type: 'image' | 'video';
     src: string;
     title: string | React.ReactNode;
@@ -818,7 +818,7 @@ export interface MediaDialogMediaProps {
 }
 
 export interface MediaDialogProps extends BaseDialogProps {
-    media: MediaDialogMediaProps[];
+    media: MediaDialogMedia[];
     previousButtonText: string | React.ReactNode;
     previousButtonCallback?: Function;
     nextButtonText: string | React.ReactNode;
@@ -984,7 +984,7 @@ export interface MarkerLayerProps {
     clusterDissolvable?: boolean;
 }
 
-export interface MenuItemProps {
+export interface MenuItem {
     value?: string | React.ReactNode;
     disabled?: boolean;
     divider?: boolean;
@@ -1005,7 +1005,7 @@ interface MultiselectCounterMessage {
     many: string | React.ReactNode;
 }
 
-interface MultiselectOption {
+export interface MultiselectOption {
     id: string;
     label: string | React.ReactNode;
     selected?: boolean;
@@ -1023,7 +1023,7 @@ export interface MultiselectProps {
     pullRight?: boolean;
     autoDropDirection?: boolean;
     value?: [];
-    bsSize?: 'sm' | 'lg' | 'small' | 'large';
+    bsSize?: 'sm' | 'lg';
     disabled?: boolean;
     className?: string;
     tabIndex?: number;
@@ -1038,7 +1038,7 @@ export interface MultiselectProps {
 
 // N --------------------------------------------------------------------------------------------------
 
-export interface NavItems {
+export interface NavItem {
     key: string;
     item: React.ReactNode;
     disabled?: boolean;
@@ -1083,7 +1083,7 @@ export interface NumberControlProps {
     step?: number;
     disabled?: boolean;
     onValueChanged?: (value: number) => void;
-    bsSize?: 'sm' | 'lg' | 'small' | 'large';
+    bsSize?: 'sm' | 'lg';
     className?: string;
     unit?: string | React.ReactNode;
     inputAddon?: string;
@@ -1097,7 +1097,7 @@ export interface NumberInputProps {
     type?: string;
     disabled?: boolean;
     onValueChanged?: (value: number) => void;
-    bsSize?: 'sm' | 'lg' | 'small' | 'large';
+    bsSize?: 'sm' | 'lg';
     className?: string;
     unit?: string | React.ReactNode;
     inputAddon?: string;
@@ -1557,7 +1557,7 @@ export interface SimpleButtonDropdownProps {
     noCaret?: boolean;
     splitButton?: boolean;
     usePortal?: boolean;
-    items: MenuItemProps[];
+    items: MenuItem[];
     className?: string;
     dropdownClassName?: string;
     disabled?: boolean;
@@ -1891,15 +1891,15 @@ export interface TagListProps {
     className?: string;
 }
 
-export interface TagManagerTagProp {
+export interface TagManagerTag {
     label?: string;
     toAdd?: boolean;
     toRemove?: boolean;
 }
 
 export interface TagManagerProps {
-    tagList: TagManagerTagProp[];
-    tagSuggestions: TagManagerTagProp[];
+    tagList: TagManagerTag[];
+    tagSuggestions: TagManagerTag[];
     onTagListChange?: Function;
     placeholder?: string;
     customTagPlaceholder?: string;

package/lib/es/version.json

@@ -1,3 +1,3 @@
 {
-"version": "0.16.1-beta.24"
+"version": "0.16.1"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "0.16.1-beta.24",
+    "version": "0.16.1",
     "description": "The RIO UIKIT component library",
     "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
@@ -14,13 +14,14 @@
         "build:style-core": "vite build --mode style-core",
         "build:style-responsive": "vite build --mode style-responsive",
         "build:style-print": "vite build --mode style-print",
-        "build:style-website": "vite build --mode style-website",
+        "build:style-website": "vite build --mode style-website && npm run fixCssMinified",
         "build:style-buyButton": "vite build --mode style-buyButton",
         "build:style-man": "vite build --mode style-man",
         "build:style-vw": "vite build --mode style-vw",
         "build:style-scania": "vite build --mode style-scania",
         "build:style-xmas": "vite build --mode style-xmas",
         "fixEsmImports": "node tools/fixEsmImportsInDeclarations.mjs",
+        "fixCssMinified": "node tools/fixCssMinified.mjs",
         "copy-to-package": "copyfiles package.json README.md LICENSE package",
         "test": "vitest run",
         "test:ci": "vitest run --reporter=junit --outputFile.junit=./results/jest/junit.xml",