@rio-cloud/rio-uikit 0.16.2-beta.3 → 0.16.2-beta.4

package/themes/Website/styles/rio-website.less

@@ -2,7 +2,7 @@
 @import (less) '../../../styles/rio-uikit-core.less';
 
 // Theme
-// @hasDarkmode: false;
+@hasDarkmode: false;
 
 // Utility Classes
 @import (less) '../../../styles/design/responsive/_imports.less';
@@ -194,7 +194,6 @@ body .module-content {
 
 .ApplicationHeader {
   .navbar-brand {
-    //background-image: url('https://@{cdnBase}/svg/common/ico_rio.svg') !important;
     background-size: cover;
   }
 
@@ -1939,6 +1938,11 @@ blockquote {
   }
 }
 
+// Rounded Images
+.rounded-image .img-responsive {
+  border-radius: 10px
+}
+
 .anchor {
   display: block;
   position: absolute;
@@ -1962,7 +1966,6 @@ blockquote {
   }
 
   .ApplicationLayoutBody {
-
     @media (min-width: @screen-ls) {
       .module-content {
         display: flex;
@@ -2096,12 +2099,13 @@ blockquote {
   }
 }
 
+// Button Hover
 [class*="btn-"]:hover {
   transform: none !important;
   box-shadow: none !important;
 }
 
-// cookie disclaimer
+// Cookie Disclaimer
 #cookieDisclaimer > .position-absolute {
   position: fixed !important;
 
@@ -2172,6 +2176,7 @@ form[id*="contactForm"] {
   }
 }
 
+// Tables
 body:not(.legal-documents) {
   .table-responsive {
     @media (min-width: @screen-ls) {
@@ -2222,7 +2227,7 @@ body:not(.legal-documents) {
   }
 }
 
-// section clippig
+// Section Clippig
 .section-wrapper {
   &[class*="clip-"]:after {
     content: "";

package/types.ts

@@ -674,7 +674,9 @@ export interface FilePickerProps {
     maxSize?: number; // max file size
     onPick: (files: FileList | null) => void;
     className?: string;
-    accept?: string;
+    accept?: {
+        [mimeType: string]: string[];
+    };
     children?: ({ isDragActive }: FilePickerRenderProps) => any;
 }
 
@@ -1087,6 +1089,9 @@ export interface NumberControlProps {
     className?: string;
     unit?: string | React.ReactNode;
     inputAddon?: string;
+    digitPrecision?: number;
+    placeholder?: string;
+    ref?: React.MutableRefObject<object>;
 }
 
 export interface NumberInputProps {
@@ -1094,13 +1099,14 @@ export interface NumberInputProps {
     max?: number;
     value?: number;
     step?: number;
-    type?: string;
     disabled?: boolean;
     onValueChanged?: (value: number) => void;
     bsSize?: 'sm' | 'lg';
     className?: string;
     unit?: string | React.ReactNode;
     inputAddon?: string;
+    placeholder?: string;
+    ref?: React.MutableRefObject<object>;
 }
 
 // O --------------------------------------------------------------------------------------------------

package/utils/colorScheme.js

@@ -1,9 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var COOKIE_NAME = 'uikit-color-scheme';
-var THEME_DATA_ATTRIBUTE = 'data-theme';
+export var THEME_DATA_ATTRIBUTE = 'data-theme';
 var PATH = '/';
 var DOMAIN = '.rio.cloud';
 var EXPIRATION_DATE = 'Thu, 18 Dec 2030 12:00:00 UTC';
+export var THEME_DEFAULT = 'default';
+export var THEME_SYSTEM = 'system';
+export var THEME_LIGHT = 'light';
+export var THEME_DARK = 'dark';
 export var getColorScheme = function getColorScheme() {
   return readColorSchemeFromCookie();
 };
@@ -29,11 +33,11 @@ var readColorSchemeFromCookie = function readColorSchemeFromCookie() {
     return;
   }
   var html = document.documentElement;
-  if (colorScheme === 'default' || colorScheme === 'system') {
+  if (colorScheme === THEME_DEFAULT || colorScheme === THEME_SYSTEM) {
     html.removeAttribute(THEME_DATA_ATTRIBUTE);
     return colorScheme;
   }
-  if (colorScheme === 'light' || colorScheme === 'dark') {
+  if (colorScheme === THEME_LIGHT || colorScheme === THEME_DARK) {
     html.setAttribute(THEME_DATA_ATTRIBUTE, colorScheme);
     return colorScheme;
   }

package/version.json

@@ -1,3 +1,3 @@
 {
-"version": "0.16.2-beta.3"
+"version": "0.16.2-beta.4"
 }