superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/dist/esm/components/Form/FormLabel.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class FormLabel extends React.PureComponent {
+    render() {
+        let classes = classNames('form-label', {
+            'form-label--light': this.props.style === 'light',
+            'form-label--boxed': this.props.style === 'boxed',
+            'form-label--required': this.props.required,
+            'form-label--invalid': this.props.invalid,
+            [`form-label--${this.props.state}`]: this.props.state !== 'default' && this.props.state !== undefined,
+        });
+        return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
+    }
+}
+//# sourceMappingURL=FormLabel.js.map

package/dist/esm/components/Form/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAAqB;IACtD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE;YACnC,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO;YACjD,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO;YACjD,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC3C,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YACzC,CAAC,eAAe,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;SACxG,CAAC,CAAC;QACH,OAAO,CACH,+BAAO,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,IAC/C,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACX,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/components/Form/FormLayout.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    /**
+     * Spacing between form elements. Defaults to `standard`.
+     */
+    spaces?: 'compact' | 'standard' | 'relaxed';
+    /**
+     * Bottom margin for the form layout. `spaces` adds a bottom margin equal to the row gap. Defaults to `none`.
+     */
+    marginBottom?: 'none' | 'spaces';
+    /**
+     * Optional legend for the form layout/fieldset. Can be used to group items together.
+     */
+    legend?: string;
+    /**
+     * Additional CSS class names to apply to the form layout.
+     */
+    className?: string;
+    /**
+     * Reserve space for info text on input fields regardless of whether they are present.
+     */
+    preserveSpaces?: boolean;
+}
+export declare const FormLayout: React.FC<IProps>;
+export {};
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/esm/components/Form/FormLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAEjC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwBvC,CAAC"}

package/dist/esm/components/Form/FormLayout.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export const FormLayout = React.memo(({ children, spaces = 'standard', marginBottom = 'none', legend, className, preserveSpaces }) => {
+    const hasLabel = legend && legend.trim() !== '';
+    const classes = classNames('form-layout', {
+        [`form-layout--${spaces}`]: spaces,
+        [`form-layout--mb-${marginBottom}`]: marginBottom,
+        'form-layout--preserve-spaces': preserveSpaces,
+    }, className);
+    if (hasLabel) {
+        return (React.createElement("fieldset", { className: classes },
+            React.createElement("legend", { className: "form-heading-new" }, legend),
+            children));
+    }
+    return React.createElement("div", { className: classes }, children);
+});
+//# sourceMappingURL=FormLayout.js.map

package/dist/esm/components/Form/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AA+BpC,MAAM,CAAC,MAAM,UAAU,GAAqB,KAAK,CAAC,IAAI,CAClD,CAAC,EAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,EAAE,YAAY,GAAG,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAC,EAAE,EAAE;IAC1F,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IAChD,MAAM,OAAO,GAAG,UAAU,CACtB,aAAa,EACb;QACI,CAAC,gBAAgB,MAAM,EAAE,CAAC,EAAE,MAAM;QAClC,CAAC,mBAAmB,YAAY,EAAE,CAAC,EAAE,YAAY;QACjD,8BAA8B,EAAE,cAAc;KACjD,EACD,SAAS,CACZ,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,CACH,kCAAU,SAAS,EAAE,OAAO;YACxB,gCAAQ,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAU;YACrD,QAAQ,CACF,CACd,CAAC;IACN,CAAC;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAO,CAAC;AACrD,CAAC,CACJ,CAAC"}

package/dist/esm/components/Form/FormRow.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    flex?: boolean;
+    noPadding?: boolean;
+    smallPadding?: boolean;
+    sPadding?: boolean;
+    lPadding?: boolean;
+    xlPadding?: boolean;
+    inner?: boolean;
+    bordered?: boolean;
+    flexNew?: boolean;
+}
+export declare class FormRow extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=FormRow.d.ts.map

package/dist/esm/components/Form/FormRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACpD,MAAM;CAeT"}

package/dist/esm/components/Form/FormRow.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class FormRow extends React.PureComponent {
+    render() {
+        const classes = classNames('form__row', {
+            'form__row--flex': this.props.flex,
+            'form__row--no-padding': this.props.noPadding,
+            'form__row--small-padding': this.props.smallPadding,
+            'form__row--s-padding': this.props.sPadding,
+            'form__row--l-padding': this.props.lPadding,
+            'form__row--xl-padding': this.props.xlPadding,
+            'form__row--innder': this.props.inner,
+            'form__row--bordered': this.props.bordered,
+            'form__row--flex-NEW': this.props.flexNew,
+        });
+        return React.createElement("div", { className: classes }, this.props.children);
+    }
+}
+//# sourceMappingURL=FormRow.js.map

package/dist/esm/components/Form/FormRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAepC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAAqB;IACpD,MAAM;QACF,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE;YACpC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;YAClC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAC7C,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YACnD,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC3C,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC3C,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAC7C,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC1C,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;SAC5C,CAAC,CAAC;QAEH,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;IAChE,CAAC;CACJ"}

package/dist/esm/components/Form/FormRowNew.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    spaces?: 'default' | 'condensed' | 'relaxed';
+    marginBottom?: '0' | '1' | '2' | '3' | '4';
+    inlineLabels?: boolean;
+    rowLabel?: string;
+}
+export declare class FormRowNew extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=FormRowNew.d.ts.map

package/dist/esm/components/Form/FormRowNew.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRowNew.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormRowNew.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC7C,YAAY,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACvD,MAAM;CAqBT"}

package/dist/esm/components/Form/FormRowNew.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class FormRowNew extends React.PureComponent {
+    render() {
+        const classes = classNames('form__group-new', {
+            [`form__group-new--${this.props.spaces}`]: this.props.spaces,
+            [`form__group-new--mb-${this.props.marginBottom}`]: this.props.marginBottom,
+            'form__group-new--inline-labels': this.props.inlineLabels,
+            'form__group-new--has_row-label': this.props.rowLabel,
+        });
+        if (this.props.rowLabel) {
+            return (React.createElement("div", { className: "form__group-new__wrapper" },
+                React.createElement("label", { className: "form__group-new__label", htmlFor: "form__group-new__label" }, this.props.rowLabel),
+                React.createElement("div", { className: classes }, this.props.children)));
+        }
+        else {
+            return React.createElement("div", { className: classes }, this.props.children);
+        }
+    }
+}
+//# sourceMappingURL=FormRowNew.js.map

package/dist/esm/components/Form/FormRowNew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRowNew.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormRowNew.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAAqB;IACvD,MAAM;QACF,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE;YAC1C,CAAC,oBAAoB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YAC5D,CAAC,uBAAuB,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YAC3E,gCAAgC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YACzD,gCAAgC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;SACxD,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B;gBACrC,+BAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAC,wBAAwB,IACrE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB;gBACR,6BAAK,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAClD,CACT,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;QAChE,CAAC;IACL,CAAC;CACJ"}

package/dist/esm/components/Form/FormText.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface IProps {
+    children?: React.ReactNode;
+}
+export declare class FormText extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=FormText.d.ts.map

package/dist/esm/components/Form/FormText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormText.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACrD,MAAM;CAGT"}

package/dist/esm/components/Form/FormText.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export class FormText extends React.PureComponent {
+    render() {
+        return React.createElement("div", { className: "form__text-block" }, this.props.children);
+    }
+}
+//# sourceMappingURL=FormText.js.map

package/dist/esm/components/Form/FormText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormText.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/FormText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAAqB;IACrD,MAAM;QACF,OAAO,6BAAK,SAAS,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;IACzE,CAAC;CACJ"}

package/dist/esm/components/Form/InputBase.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+interface IPropsBase {
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    tabIndex?: number;
+    fullWidth?: boolean;
+    boxedStyle?: boolean;
+    placeholder?: string;
+    htmlId?: string;
+    id?: string;
+    size?: 'medium' | 'large' | 'x-large';
+}
+interface IPropsText extends IPropsBase {
+    type: 'text';
+    value: string;
+    onChange(newValue: string): void;
+}
+interface IPropsPassword extends IPropsBase {
+    type: 'password';
+    value: string;
+    onChange(newValue: string): void;
+}
+interface IPropsNumber extends IPropsBase {
+    type: 'number';
+    value: number;
+    onChange(newValue: number): void;
+}
+type IProps = IPropsText | IPropsNumber | IPropsPassword;
+interface IState {
+    value: string | number;
+    invalid: boolean;
+}
+export declare class InputBase extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
+    componentDidUpdate(prevProps: any): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=InputBase.d.ts.map

package/dist/esm/components/Form/InputBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBase.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/InputBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,UAAU;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACzC;AAED,UAAU,UAAW,SAAQ,UAAU;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,cAAe,SAAQ,UAAU;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,UAAU;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,KAAK,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,cAAc,CAAC;AAEzD,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC9C,KAAK,EAAE,MAAM;IAazB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;IASvD,kBAAkB,CAAC,SAAS,EAAE,GAAG;IAMjC,MAAM;CAuBT"}

package/dist/esm/components/Form/InputBase.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class InputBase extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: this.props.value ?? '',
+            invalid: this.props.invalid ?? false,
+        };
+        this.handleChange = this.handleChange.bind(this);
+    }
+    // htmlId = nextId();
+    handleChange(event) {
+        this.setState({ value: event.target.value });
+        if (this.props.type === 'number') {
+            this.props.onChange(Number(event.target.value));
+        }
+        else {
+            this.props.onChange(event.target.value);
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.value !== this.props.value) {
+            this.setState({ value: this.props.value });
+        }
+    }
+    render() {
+        let classes = classNames('sd-input__input', {
+            'sd-input__input--boxed-style': this.props.boxedStyle,
+            'sd-input__input--required': this.props.required,
+            'sd-input__input--invalid': this.props.invalid,
+            'sd-input__input--disabled': this.props.disabled,
+            'sd-input__input--medium': this.props.size === undefined,
+            [`sd-input__input--${this.props.size}`]: this.props.size || this.props.size !== undefined,
+        });
+        return (React.createElement("input", { className: classes, type: this.props.type ?? 'text', id: this.props.htmlId, value: this.state.value, "aria-describedby": this.props.htmlId + 'label', tabIndex: this.props.tabIndex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled }));
+    }
+}
+//# sourceMappingURL=InputBase.js.map

package/dist/esm/components/Form/InputBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBase.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/InputBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AA0CpC,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAC1D,YAAY,KAAa;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK;SACvC,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,qBAAqB;IAErB,YAAY,CAAC,KAA0C;QACnD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAC,CAAC,CAAC;QAC3C,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC;IAED,kBAAkB,CAAC,SAAc;QAC7B,IAAI,SAAS,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACvC,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC;IAED,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE;YACxC,8BAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;YACrD,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAChD,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YAC9C,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAChD,yBAAyB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;YACxD,CAAC,oBAAoB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;SAC5F,CAAC,CAAC;QACH,OAAO,CACH,+BACI,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,MAAM,EAC/B,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,sBACL,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,EAC7C,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC/B,CACL,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/components/Form/InputNew.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+interface IPropsBase {
+    label: string;
+    maxLength?: number;
+    info?: string;
+    inlineLabel?: boolean;
+    labelHidden?: boolean;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    tabindex?: number;
+    fullWidth?: boolean;
+    boxedStyle?: boolean;
+    boxedLable?: boolean;
+    placeholder?: string;
+    size?: 'medium' | 'large' | 'x-large';
+}
+interface IPropsText extends IPropsBase {
+    type: 'text';
+    value: string;
+    onChange(newValue: string): void;
+}
+interface IPropsPassword extends IPropsBase {
+    type: 'password';
+    value: string;
+    onChange(newValue: string): void;
+}
+interface IPropsNumber extends IPropsBase {
+    type: 'number';
+    value: string;
+    onChange(newValue: string): void;
+}
+type IProps = IPropsText | IPropsNumber | IPropsPassword;
+interface IState {
+    value: string;
+    invalid: boolean;
+}
+export declare class InputNew extends React.PureComponent<IProps, IState> {
+    constructor(props: IProps);
+    componentDidUpdate(prevProps: any): void;
+    htmlId: string;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=InputNew.d.ts.map

package/dist/esm/components/Form/InputNew.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNew.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/InputNew.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACzC;AAED,UAAU,UAAW,SAAQ,UAAU;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,cAAe,SAAQ,UAAU;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,UAAU;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,KAAK,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,cAAc,CAAC;AAEzD,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC;gBACjD,KAAK,EAAE,MAAM;IASzB,kBAAkB,CAAC,SAAS,EAAE,GAAG;IAMjC,MAAM,SAAY;IAElB,MAAM;CAuCT"}

package/dist/esm/components/Form/InputNew.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import nextId from 'react-id-generator';
+import { InputBase, InputWrapper } from '.';
+export class InputNew extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.htmlId = nextId();
+        this.state = {
+            value: this.props.value ?? '',
+            invalid: this.props.invalid ?? false,
+        };
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.value !== this.props.value) {
+            this.setState({ value: this.props.value });
+        }
+    }
+    render() {
+        return (React.createElement(InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, value: this.state.value, invalid: this.state.invalid, info: this.props.info, maxLength: this.props.maxLength, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, size: this.props.size ?? 'medium', fullWidth: this.props.fullWidth, htmlId: this.htmlId, boxedStyle: this.props.boxedStyle, boxedLable: this.props.boxedLable, tabindex: this.props.tabindex },
+            React.createElement(InputBase, { type: "text", onChange: (value) => {
+                    this.setState({ value: value });
+                    this.setState({
+                        invalid: this.props.maxLength ? value.length > this.props.maxLength : false,
+                    });
+                    this.props.onChange(value);
+                }, disabled: this.props.disabled, htmlId: this.htmlId, value: this.state.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, placeholder: this.props.placeholder })));
+    }
+}
+//# sourceMappingURL=InputNew.js.map

package/dist/esm/components/Form/InputNew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNew.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/InputNew.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,GAAG,CAAC;AA6C1C,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAA6B;IAC7D,YAAY,KAAa;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QAcjB,WAAM,GAAG,MAAM,EAAE,CAAC;QAZd,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK;SACvC,CAAC;IACN,CAAC;IAED,kBAAkB,CAAC,SAAc;QAC7B,IAAI,SAAS,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACvC,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC;IAID,MAAM;QACF,OAAO,CACH,oBAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,QAAQ,EACjC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAE7B,oBAAC,SAAS,IACN,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;oBACxB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;oBAC9B,IAAI,CAAC,QAAQ,CAAC;wBACV,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAE,KAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;qBAC1F,CAAC,CAAC;oBACH,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAe,CAAC,CAAC;gBACzC,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,sBACL,IAAI,CAAC,MAAM,GAAG,OAAO,EACvC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GACrC,CACS,CAClB,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/components/Form/InputWrapper.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+export interface IInputCommon {
+    label?: string;
+    info?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    preview?: boolean;
+    inlineLabel?: boolean;
+    labelHidden?: boolean;
+    tabindex?: number;
+    /**
+     * Defaults to `true`
+     * If set to false, it will be as wide as content
+     */
+    fullWidth?: boolean;
+    boxedStyle?: boolean;
+    boxedLable?: boolean;
+}
+export interface IInputWrapper extends IInputCommon {
+    invalid?: boolean;
+    inputWrapper?: {
+        kind: 'custom';
+        component: React.ComponentType<{
+            label: string;
+            input: React.ReactNode;
+            'data-test-id'?: string;
+        }>;
+    };
+}
+interface IProps extends IInputWrapper {
+    children: React.ReactNode;
+    maxLength?: number;
+    value?: string | number;
+    htmlId?: string;
+    size?: 'medium' | 'large' | 'x-large';
+    'data-test-id'?: string;
+}
+interface IState {
+    value: string | number;
+}
+export declare class InputWrapper extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=InputWrapper.d.ts.map

package/dist/esm/components/Form/InputWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/InputWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,YAAY;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,YAAY,CAAC,EAAE;QACX,IAAI,EAAE,QAAQ,CAAC;QACf,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;YAAC,cAAc,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;KACpG,CAAC;CACL;AAED,UAAU,MAAO,SAAQ,aAAa;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBACjD,KAAK,EAAE,MAAM;IAQzB,MAAM;CAwDT"}

package/dist/esm/components/Form/InputWrapper.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class InputWrapper extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: this.props.value ?? '',
+        };
+    }
+    render() {
+        if (this.props.inputWrapper?.kind === 'custom') {
+            const Component = this.props.inputWrapper.component;
+            return (React.createElement(Component, { input: this.props.children, label: this.props.label ?? '', "data-test-id": this.props['data-test-id'] }));
+        }
+        const fullWidth = this.props.fullWidth ?? true;
+        const classes = classNames('sd-input', {
+            'sd-input--inline-label': this.props.inlineLabel,
+            'sd-input--required': this.props.required,
+            'sd-input--disabled': this.props.disabled,
+            'sd-input--full-width': fullWidth,
+            'sd-input--content-width': !fullWidth,
+            'sd-input--invalid': this.props.invalid,
+            'sd-input--medium': this.props.size === undefined,
+            [`sd-input--${this.props.size}`]: this.props.size || this.props.size !== undefined,
+            'sd-input--boxed-style': this.props.boxedStyle,
+            'sd-input--boxed-label': this.props.boxedLable,
+        });
+        const labelClasses = classNames('sd-input__label', {
+            'a11y-only': this.props.labelHidden,
+            'sd-input__label--boxed': this.props.boxedLable,
+        });
+        return (React.createElement("div", { className: classes, "data-test-id": this.props['data-test-id'] },
+            React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 },
+                React.createElement("span", null, this.props.label)),
+            React.createElement("div", { className: "sd-input__input-container" }, this.props.children),
+            this.props.maxLength && (React.createElement("div", { className: "sd-input__char-count" },
+                this.props.value?.toString().length,
+                " / ",
+                this.props.maxLength)),
+            React.createElement("div", { className: "sd-input__message-box" },
+                this.props.info && !this.props.invalid && React.createElement("div", { className: "sd-input__hint" }, this.props.info),
+                this.props.invalid && React.createElement("div", { className: "sd-input__message" }, this.props.error))));
+    }
+}
+//# sourceMappingURL=InputWrapper.js.map

package/dist/esm/components/Form/InputWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/InputWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Form/index.d.ts

@@ -0,0 +1,13 @@
+export { FormRow } from './FormRow';
+export { FormGroup } from './FormGroup';
+export { FormItem } from './FormItem';
+export { FormText } from './FormText';
+export { FormLabel } from './FormLabel';
+export { InputWrapper } from './InputWrapper';
+export { InputBase } from './InputBase';
+export { InputNew } from './InputNew';
+export { FormRowNew } from './FormRowNew';
+export { FormLayout } from './FormLayout';
+export { FormGroupV2 } from './FormGroupV2';
+export { FormGroupItem } from './FormGroupItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC"}

package/dist/esm/components/Form/index.js

@@ -0,0 +1,13 @@
+export { FormRow } from './FormRow';
+export { FormGroup } from './FormGroup';
+export { FormItem } from './FormItem';
+export { FormText } from './FormText';
+export { FormLabel } from './FormLabel';
+export { InputWrapper } from './InputWrapper';
+export { InputBase } from './InputBase';
+export { InputNew } from './InputNew';
+export { FormRowNew } from './FormRowNew';
+export { FormLayout } from './FormLayout';
+export { FormGroupV2 } from './FormGroupV2';
+export { FormGroupItem } from './FormGroupItem';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../app-typescript/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC"}

package/dist/esm/components/FormLabel.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface IProps {
+    text: string;
+    style?: 'normal' | 'light';
+    noMinHeight?: boolean;
+    noMinWidth?: boolean;
+}
+export declare class FormLabel extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=FormLabel.d.ts.map

package/dist/esm/components/FormLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACtD,MAAM;CAqBT"}

package/dist/esm/components/FormLabel.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class FormLabel extends React.PureComponent {
+    render() {
+        let classes = classNames('form-label form-label--block', {
+            'form-label--light': this.props.style === 'light',
+        });
+        const style = {};
+        if (this.props.noMinWidth) {
+            style.minWidth = 'auto';
+        }
+        if (this.props.noMinHeight) {
+            style.minHeight = 'auto';
+        }
+        return (React.createElement("label", { className: classes, style: style }, this.props.text));
+    }
+}
+//# sourceMappingURL=FormLabel.js.map

package/dist/esm/components/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../app-typescript/components/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAAqB;IACtD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CAAC,8BAA8B,EAAE;YACrD,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO;SACpD,CAAC,CAAC;QAEH,MAAM,KAAK,GAAwB,EAAE,CAAC;QAEtC,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YACxB,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAC5B,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACzB,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAC7B,CAAC;QAED,OAAO,CACH,+BAAO,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAClC,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACX,CAAC;IACN,CAAC;CACJ"}