@mcurros2/microm 1.1.251-0 → 1.1.253-0

package/dist/index.css

@@ -343,7 +343,7 @@
   font-size: 12px;
 }
 
-.w2ui-reset select, .w2ui-reset textarea, .w2ui-reset input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
+.w2ui-reset input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .w2ui-reset select, .w2ui-reset textarea {
   vertical-align: baseline;
   background-color: #f8fafa;
   border: 1px solid #e0e0e0;
@@ -355,7 +355,7 @@
   display: inline-block;
 }
 
-.w2ui-reset select:focus, .w2ui-reset textarea:focus, .w2ui-reset input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus {
+.w2ui-reset input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, .w2ui-reset select:focus, .w2ui-reset textarea:focus {
   background-color: #fff;
 }
 
@@ -390,7 +390,7 @@ select.w2ui-input:focus, div.w2ui-input:focus {
   outline-color: #72b2ff;
 }
 
-textarea.w2ui-input, input:not([type="button"]):not([type="submit"]).w2ui-input {
+input:not([type="button"]):not([type="submit"]).w2ui-input, textarea.w2ui-input {
   color: #000;
   background-color: #f8fafa;
   border: 1px solid #e0e0e0;
@@ -399,12 +399,12 @@ textarea.w2ui-input, input:not([type="button"]):not([type="submit"]).w2ui-input
   line-height: normal;
 }
 
-textarea.w2ui-input:focus, input:not([type="button"]):not([type="submit"]).w2ui-input:focus {
+input:not([type="button"]):not([type="submit"]).w2ui-input:focus, textarea.w2ui-input:focus {
   background-color: #fff;
   outline-color: #72b2ff;
 }
 
-textarea.w2ui-input:disabled, textarea.w2ui-input[readonly], input:not([type="button"]):not([type="submit"]).w2ui-input:disabled, input:not([type="button"]):not([type="submit"]).w2ui-input[readonly] {
+input:not([type="button"]):not([type="submit"]).w2ui-input:disabled, textarea.w2ui-input:disabled, input:not([type="button"]):not([type="submit"]).w2ui-input[readonly], textarea.w2ui-input[readonly] {
   color: #777;
   background-color: #f1f1f1;
 }
@@ -720,7 +720,7 @@ input[type="checkbox"].w2ui-toggle.green:checked + div > div {
   background-color: #fcadad;
 }
 
-button.w2ui-btn, input[type="button"].w2ui-btn {
+input[type="button"].w2ui-btn, button.w2ui-btn {
   color: #666;
   cursor: default;
   -webkit-user-select: none;
@@ -741,18 +741,18 @@ button.w2ui-btn, input[type="button"].w2ui-btn {
   box-shadow: 0 1px #fff;
 }
 
-button.w2ui-btn:hover, input[type="button"].w2ui-btn:hover {
+input[type="button"].w2ui-btn:hover, button.w2ui-btn:hover {
   color: #333;
   background-image: linear-gradient(#ddd 0% 100%);
   text-decoration: none;
 }
 
-button.w2ui-btn:active, button.w2ui-btn.clicked, input[type="button"].w2ui-btn:active, input[type="button"].w2ui-btn.clicked {
+input[type="button"].w2ui-btn:active, button.w2ui-btn:active, input[type="button"].w2ui-btn.clicked, button.w2ui-btn.clicked {
   text-shadow: 1px 1px 1px #eee;
   background-image: linear-gradient(#ccc 0% 100%);
 }
 
-button.w2ui-btn:focus:before, input[type="button"].w2ui-btn:focus:before {
+input[type="button"].w2ui-btn:focus:before, button.w2ui-btn:focus:before {
   content: "";
   pointer-events: none;
   border: 1px dashed #aaa;
@@ -761,119 +761,119 @@ button.w2ui-btn:focus:before, input[type="button"].w2ui-btn:focus:before {
   inset: 2px;
 }
 
-button.w2ui-btn-blue, input[type="button"].w2ui-btn-blue {
+input[type="button"].w2ui-btn-blue, button.w2ui-btn-blue {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#269df0 0% 100%);
   border: 1px solid #269df0;
 }
 
-button.w2ui-btn-blue:hover, input[type="button"].w2ui-btn-blue:hover {
+input[type="button"].w2ui-btn-blue:hover, button.w2ui-btn-blue:hover {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#2391dd 0% 100%);
   border: 1px solid #2391dd;
 }
 
-button.w2ui-btn-blue:active, button.w2ui-btn-blue.clicked, input[type="button"].w2ui-btn-blue:active, input[type="button"].w2ui-btn-blue.clicked {
+input[type="button"].w2ui-btn-blue:active, button.w2ui-btn-blue:active, input[type="button"].w2ui-btn-blue.clicked, button.w2ui-btn-blue.clicked {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#1e83c9 0% 100%);
   border: 1px solid #1268a6;
 }
 
-button.w2ui-btn-blue:focus:before, input[type="button"].w2ui-btn-blue:focus:before {
+input[type="button"].w2ui-btn-blue:focus:before, button.w2ui-btn-blue:focus:before {
   border: 1px dashed #e8e8e8;
 }
 
-button.w2ui-btn-green, input[type="button"].w2ui-btn-green {
+input[type="button"].w2ui-btn-green, button.w2ui-btn-green {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#52a452 0% 100%);
   border: 1px solid #52a452;
 }
 
-button.w2ui-btn-green:hover, input[type="button"].w2ui-btn-green:hover {
+input[type="button"].w2ui-btn-green:hover, button.w2ui-btn-green:hover {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#3f8f3d 0% 100%);
   border: 1px solid #3f8f3d;
 }
 
-button.w2ui-btn-green:active, button.w2ui-btn-green.clicked, input[type="button"].w2ui-btn-green:active, input[type="button"].w2ui-btn-green.clicked {
+input[type="button"].w2ui-btn-green:active, button.w2ui-btn-green:active, input[type="button"].w2ui-btn-green.clicked, button.w2ui-btn-green.clicked {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#377d36 0% 100%);
   border: 1px solid #555;
 }
 
-button.w2ui-btn-green:focus:before, input[type="button"].w2ui-btn-green:focus:before {
+input[type="button"].w2ui-btn-green:focus:before, button.w2ui-btn-green:focus:before {
   border: 1px dashed #e8e8e8;
 }
 
-button.w2ui-btn-orange, input[type="button"].w2ui-btn-orange {
+input[type="button"].w2ui-btn-orange, button.w2ui-btn-orange {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#fb8822 0% 100%);
   border: 1px solid #fb8822;
 }
 
-button.w2ui-btn-orange:hover, input[type="button"].w2ui-btn-orange:hover {
+input[type="button"].w2ui-btn-orange:hover, button.w2ui-btn-orange:hover {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#f1731f 0% 100%);
   border: 1px solid #f1731f;
 }
 
-button.w2ui-btn-orange:active, button.w2ui-btn-orange.clicked, input[type="button"].w2ui-btn-orange:active, input[type="button"].w2ui-btn-orange.clicked {
+input[type="button"].w2ui-btn-orange:active, button.w2ui-btn-orange:active, input[type="button"].w2ui-btn-orange.clicked, button.w2ui-btn-orange.clicked {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#b98747 0% 100%);
   border: 1px solid #666;
 }
 
-button.w2ui-btn-orange:focus:before, input[type="button"].w2ui-btn-orange:focus:before {
+input[type="button"].w2ui-btn-orange:focus:before, button.w2ui-btn-orange:focus:before {
   border: 1px dashed #f9f9f9;
 }
 
-button.w2ui-btn-red, input[type="button"].w2ui-btn-red {
+input[type="button"].w2ui-btn-red, button.w2ui-btn-red {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#f9585a 0% 100%);
   border: 1px solid #f9585a;
 }
 
-button.w2ui-btn-red:hover, input[type="button"].w2ui-btn-red:hover {
+input[type="button"].w2ui-btn-red:hover, button.w2ui-btn-red:hover {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#de4446 0% 100%);
   border: 1px solid #de4446;
 }
 
-button.w2ui-btn-red:active, button.w2ui-btn-red.clicked, input[type="button"].w2ui-btn-red:active, input[type="button"].w2ui-btn-red.clicked {
+input[type="button"].w2ui-btn-red:active, button.w2ui-btn-red:active, input[type="button"].w2ui-btn-red.clicked, button.w2ui-btn-red.clicked {
   color: #fff;
   text-shadow: 0 0 1px #111;
   background-image: linear-gradient(#9c2123 0% 100%);
   border: 1px solid #861c1e;
 }
 
-button.w2ui-btn-red:focus:before, input[type="button"].w2ui-btn-red:focus:before {
+input[type="button"].w2ui-btn-red:focus:before, button.w2ui-btn-red:focus:before {
   border: 1px dashed #ddd;
 }
 
-button.w2ui-btn-small, input[type="button"].w2ui-btn-small {
+input[type="button"].w2ui-btn-small, button.w2ui-btn-small {
   border-radius: 4px;
   min-width: 0;
   margin: 0;
   padding: 5px;
 }
 
-button.w2ui-btn-small:focus:before, input[type="button"].w2ui-btn-small:focus:before {
+input[type="button"].w2ui-btn-small:focus:before, button.w2ui-btn-small:focus:before {
   border-radius: 2px;
   inset: 2px;
 }
 
-button.w2ui-btn:disabled, input[type="button"].w2ui-btn:disabled {
+input[type="button"].w2ui-btn:disabled, button.w2ui-btn:disabled {
   color: #bdbcbc;
   text-shadow: none;
   background: #f7f7f7;
@@ -1882,7 +1882,7 @@ button.w2ui-btn:disabled, input[type="button"].w2ui-btn:disabled {
   right: 0;
 }
 
-.w2ui-form .w2ui-buttons button, .w2ui-form .w2ui-buttons input[type="button"] {
+.w2ui-form .w2ui-buttons input[type="button"], .w2ui-form .w2ui-buttons button {
   min-width: 80px;
   margin-right: 5px;
 }
@@ -1953,7 +1953,7 @@ button.w2ui-btn:disabled, input[type="button"].w2ui-btn:disabled {
   background-color: #0000 !important;
 }
 
-.w2ui-field.w2ui-disabled select, .w2ui-field.w2ui-disabled textarea, .w2ui-field.w2ui-disabled input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
+.w2ui-field.w2ui-disabled input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .w2ui-field.w2ui-disabled select, .w2ui-field.w2ui-disabled textarea {
   background-color: #f5f5f5 !important;
   border: 1px solid #bdc0c3 !important;
 }
@@ -2087,7 +2087,7 @@ button.w2ui-btn:disabled, input[type="button"].w2ui-btn:disabled {
   margin: 4px 0 3px;
 }
 
-textarea.w2ui-error, input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).w2ui-error {
+input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).w2ui-error, textarea.w2ui-error {
   background-color: #fff4eb;
   border: 1px solid #ffa8a8;
 }

package/dist/index.d.ts

@@ -2624,6 +2624,8 @@ export function RecoverPasswordEmail(props: RecoverPasswordEmailOptions): JSX.El
 export function useEvent<T extends (...args: any[]) => any>(callback: T): T;
 export function moneyFormatter(value: string, currencySymbol: string): string;
 export function moneyParser(value: string): string;
+export function bytesFormatter(value: string): string;
+export function bytesParser(value: string): string;
 export interface MoneyRangeFieldProps extends Omit<NumberFieldProps, 'parser' | 'formatter'> {
     currencySymbol?: string;
     millionsStep?: number;
@@ -2667,6 +2669,13 @@ export function useExecuteExportProc(entity: Entity<EntityDefinition>, proc: Ent
     status: OperationStatus<Blob>;
     abort: () => void;
 };
+export interface BytesRangeFieldProps extends Omit<NumberFieldProps, 'parser' | 'formatter'> {
+    gigaBytesStep?: number;
+    megaBytesStep?: number;
+    kiloBytesStep?: number;
+}
+export const BytesRangeFieldDefaultProps: Partial<BytesRangeFieldProps>;
+export function BytesRangeField(props: BytesRangeFieldProps): JSX.Element;
 export interface UseLookupSelectOptions {
     parentKeys?: ValuesObject;
     selectDataState: useStateReturnType<SelectItem[]>;