next-flow-design 1.5.3 → 1.5.7

package/dist/components/nf-input-number/nf-input-number.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-type Formatter = (value?: number) => string;
+type Formatter = (value: number | null) => string;
 type Parser = (text: string) => number | null;
 export declare class NfInputNumberElement extends LitElement {
     static styles: CSSStyleSheet[];
@@ -7,8 +7,8 @@ export declare class NfInputNumberElement extends LitElement {
     formatter: Formatter;
     parser: Parser;
     private validateParsed;
-    prefix: string;
-    suffix: string;
+    prefix: string | null;
+    suffix: string | null;
     controls: boolean;
     step: number;
     min: number | null;
@@ -18,6 +18,7 @@ export declare class NfInputNumberElement extends LitElement {
     noDecimal: boolean;
     noZero: boolean;
     noNegative: boolean;
+    center: boolean;
     private text;
     private setText;
     private isTyping;

package/dist/index.css

@@ -1 +1 @@
-.nf-root{--nf-width: auto;--nf-height: 2rem;--nf-margin: 0;--nf-padding: 0 .75rem;--nf-font-size: .875rem;--nf-text-font-size: calc(var(--nf-font-size) * var(--font-scale));--nf-font-weight: 200;--nf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--nf-border-radius: .5rem;--nf-primary-color: var(--nf-primary-color);--nf-primary-color-lighter: color-mix(in srgb, var(--nf-primary-color) 80%, #ffffff);--nf-primary-color-darker: color-mix(in srgb, var(--nf-primary-color) 90%, #000000);--nf-primary-color-opacity: color-mix(in srgb, var(--nf-primary-color) 0%, transparent);--nf-transition: .16s;--nf-transition-fast: .11s;--nf-transition-slow: .3s;--nf-input-padding: 0 .75rem;--nf-switch-padding: .1rem;color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}.nf-root input,.nf-root textarea{color:inherit;font:inherit}.nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077;--nf-primary-color: #5566dc;--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color-focus: #5e72f933}@media(prefers-color-scheme:dark){.nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}}[theme=light] .nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark] .nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}[theme=light].nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark].nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}
+.nf-root{--nf-width: auto;--nf-height: 2rem;--nf-margin: 0;--nf-padding: 0 .75rem;--nf-font-size: .875rem;--nf-text-font-size: calc(var(--nf-font-size) * var(--font-scale));--nf-font-weight: 200;--nf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--nf-border-radius: .5rem;--nf-transition: .16s;--nf-transition-fast: .11s;--nf-transition-slow: .3s;color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}.nf-root input,.nf-root textarea{color:inherit;font:inherit}.nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077;--nf-primary-color: #5566dc;--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color-focus: #5e72f933}@media(prefers-color-scheme:dark){.nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}}[theme=light] .nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark] .nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}[theme=light].nf-root{--nf-color: #000000;--nf-color-secondary: #00000080;--nf-color-disabled: #00000066;--nf-background-color: #00000010;--nf-background-color-hover: #00000010;--nf-background-color-active: #00000010;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-select-icon-color: #00000083;--nf-icon-color-hover: #000000A6;--nf-icon-color-active: #000000C1;--nf-dropdown-background: #ccccccaa;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #0000000d;--nf-item-background-active: #00000016;--nf-control-btn-background-hover: #00000011;--nf-control-btn-background-active: #00000019;--nf-control-divider-color: #00000033;--nf-slider-tooltip-background: #ffffff;--nf-focus-text-color: #00000077}[theme=dark].nf-root{--nf-color: #ffffff;--nf-color-secondary: #ffffffaa;--nf-color-disabled: #ffffff66;--nf-background-color: #ffffff10;--nf-background-color-hover: #ffffff10;--nf-background-color-active: #ffffff10;--nf-border-color: var(--nf-background-color);--nf-box-shadow-color: #ffffff00;--nf-box-shadow-color-hover: #ffffff00;--nf-select-icon-color: #ffffffaa;--nf-icon-color-hover: #ffffffc1;--nf-icon-color-active: #ffffffe1;--nf-dropdown-background: #333333aa;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff0d;--nf-item-background-active: #ffffff16;--nf-control-btn-background-hover: #ffffff11;--nf-control-btn-background-active: #ffffff19;--nf-control-divider-color: #ffffff44;--nf-slider-tooltip-background: #000000;--nf-focus-text-color: #ffffff77;--nf-color-picker-card-checker: #ffffff55;--nf-color-picker-card-checker-bg: #ffffff22}