@fattureincloud/fic-design-system 0.3.17 → 0.3.21

package/dist/components/form/inputText/components/StatusIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { statusType } from 'components/form/common/types';
+interface Props {
+    status: statusType;
+}
+declare const StatusIcon: ({ status }: Props) => JSX.Element | null;
+export default StatusIcon;

package/dist/components/form/inputText/components/StatusIcon.js

@@ -0,0 +1,52 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { faCheckCircle, faExclamationTriangle, faTimesCircle } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+var warningIcon = {
+    icon: faExclamationTriangle,
+    fixedWidth: true,
+};
+var errorIcon = {
+    icon: faTimesCircle,
+    fixedWidth: true,
+};
+var successIcon = {
+    icon: faCheckCircle,
+    fixedWidth: true,
+};
+var iconMap = {
+    normal: undefined,
+    warning: warningIcon,
+    error: errorIcon,
+    success: successIcon,
+};
+var StatusIcon = function (_a) {
+    var status = _a.status;
+    var icon = iconMap[status];
+    if (!icon) {
+        return null;
+    }
+    return React.createElement(StyledIcon, __assign({}, icon, { status: status }));
+};
+var StyledIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme, status = _a.status;
+    return theme.components.inputText[status].iconColor;
+});
+export default StatusIcon;
+var templateObject_1;
+//# sourceMappingURL=StatusIcon.js.map

package/dist/components/form/inputText/components/StatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../../../src/components/form/inputText/components/StatusIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEtG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAM/C,IAAM,WAAW,GAAc;IAC7B,IAAI,EAAE,qBAAqB;IAC3B,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,IAAM,SAAS,GAAc;IAC3B,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,IAAM,WAAW,GAAc;IAC7B,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,IAAM,OAAO,GAAmD;IAC9D,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,WAAW;CACrB,CAAA;AAED,IAAM,UAAU,GAAG,UAAC,EAAiB;QAAf,kBAAM;IAC1B,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAE5B,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,oBAAC,UAAU,eAAK,IAAI,IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AACjD,CAAC,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,uFAAO,aAC3B,EAAmE,KAC7E,KADU,UAAC,EAAiB;QAAf,gBAAK,EAAE,kBAAM;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,SAAS;AAA5C,CAA4C,CAC7E,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/form/inputText/components/styled.d.ts

@@ -0,0 +1,6 @@
+import { InputElementProps } from '../types';
+interface Props {
+    inputSize: InputElementProps['inputSize'];
+}
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, Props, never>;
+export {};

package/dist/components/form/inputText/components/styled.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { inputTextHTMLInputBootstrapFixes } from '../../../../common/cssFixes/inputTextFixes';
+export var StyledInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ", "px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ", "\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ", "px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ",
+    "\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[200];
+}, function (_a) {
+    var type = _a.type;
+    return type === 'password' && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      letter-spacing: 1px;\n    "], ["\n      letter-spacing: 1px;\n    "])));
+}, inputTextHTMLInputBootstrapFixes);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled.js.map

package/dist/components/form/inputText/components/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/components/form/inputText/components/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAA;AAO7F,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,8UAAO,yFAKlC,EAAoD,mGAOnD,EAAsC,cAG/C;IAIC,qDAKD,EAAgC,IACnC,KApBW,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,EAOnD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAG/C,UAAC,EAAQ;QAAN,cAAI;IACP,OAAA,IAAI,KAAK,UAAU,IACnB,GAAG,uGAAA,oCAEF,IAAA;AAHD,CAGC,EAKD,gCAAgC,CACnC,CAAA"}

package/dist/components/form/inputText/components/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefaultTheme } from 'styled-components';
+import { InputTextWrapperProps } from './InputElement';
+interface GetInputTextParams extends InputTextWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getInputTextStyles: ({ theme, isDisabled, status }: GetInputTextParams) => Pick<import("../../common/styles").BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background">;
+export {};

package/dist/components/form/inputText/components/utils.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+export var getInputTextStyles = function (_a) {
+    var theme = _a.theme, isDisabled = _a.isDisabled, _b = _a.status, status = _b === void 0 ? 'normal' : _b;
+    var actualStatus = isDisabled ? 'disabled' : status;
+    var styles = theme.components.inputText[actualStatus];
+    return __assign(__assign({}, styles), { normalFocused: theme.components.inputText['normalFocused'] });
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/form/inputText/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/form/inputText/components/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AASA,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAA4D;QAA1D,gBAAK,EAAE,0BAAU,EAAE,cAAiB,EAAjB,sCAAiB;IACvE,IAAM,YAAY,GAA2B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAA;IAC7E,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;IAEvD,6BACK,MAAM,KACT,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,eAAe,CAAC,IAC3D;AACH,CAAC,CAAA"}

package/dist/components/form/inputText/index.d.ts

@@ -0,0 +1,3 @@
+import InputText, { InputTextProps } from './InputText';
+import inputTextPalette, { InputTextPalette } from './inputTextPalette';
+export { InputText, InputTextProps, InputTextPalette, inputTextPalette };

package/dist/components/form/inputText/index.js

@@ -0,0 +1,4 @@
+import InputText from './InputText';
+import inputTextPalette from './inputTextPalette';
+export { InputText, inputTextPalette };
+//# sourceMappingURL=index.js.map

package/dist/components/form/inputText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAA6B,MAAM,aAAa,CAAA;AACvD,OAAO,gBAAsC,MAAM,oBAAoB,CAAA;AAEvE,OAAO,EAAE,SAAS,EAAoC,gBAAgB,EAAE,CAAA"}

package/dist/components/form/inputText/inputText.stories.js

@@ -0,0 +1,51 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useState } from 'react';
+import { getRandomIcon } from '../../../common/utils/iconsUtils';
+import { errorHelper, warningHelper } from '../common/exampleHelpers';
+import { inputSizeArray, statusesArray } from '../common/types';
+import InputText from './InputText';
+import { inputTypesArray } from './types';
+export var WithKnobs = function (args) {
+    var _a = useState(''), value = _a[0], setValue = _a[1];
+    var helper = value === 'error' ? errorHelper : value === 'warning' ? warningHelper : undefined;
+    return (React.createElement(InputText, __assign({}, args, { value: value, setValue: setValue, actionIcon: getRandomIcon(), leadingIcon: getRandomIcon(), helper: helper })));
+};
+var InputTextStories = {
+    title: 'New Components/InputText',
+    component: InputText,
+    args: {
+        inputSize: 'large',
+        status: 'normal',
+        label: 'Label',
+        required: true,
+        isDisabled: false,
+        placeholder: 'Placeholder text',
+        inputType: 'text',
+    },
+    argTypes: {
+        inputSize: {
+            options: inputSizeArray,
+            control: { type: 'inline-radio' },
+        },
+        status: {
+            options: statusesArray,
+            control: { type: 'inline-radio' },
+        },
+        inputType: {
+            options: inputTypesArray,
+            control: { type: 'inline-radio' },
+        },
+    },
+};
+export default InputTextStories;
+//# sourceMappingURL=inputText.stories.js.map

package/dist/components/form/inputText/inputText.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputText.stories.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/inputText.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/D,OAAO,SAA6B,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAA,IAAI;IAC5C,IAAA,iBAAgC,EAA/B,aAAK,EAAE,gBAAwB,CAAA;IACtC,IAAM,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhG,OAAO,CACL,oBAAC,SAAS,eACJ,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,aAAa,EAAE,EAC3B,WAAW,EAAE,aAAa,EAAE,EAC5B,MAAM,EAAE,MAAM,IACd,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAyB;IAC7C,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;QAClB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,kBAAkB;QAC/B,SAAS,EAAE,MAAM;KAClB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;KACF;CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/form/inputText/inputTextPalette.d.ts

@@ -0,0 +1,14 @@
+import { paletteColor } from '../../../styles/types';
+import { CommonInputParts, statusType } from '../common/types';
+export interface InputTextParts extends CommonInputParts {
+    iconColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: InputTextParts;
+};
+export interface InputTextPalette extends StatusesPalette {
+    normalFocused: CommonInputParts;
+    disabled: InputTextParts;
+}
+declare const inputTextPalette: InputTextPalette;
+export default inputTextPalette;

package/dist/components/form/inputText/inputTextPalette.js

@@ -0,0 +1,40 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var inputTextPalette = {
+    normal: {
+        background: defaultPalette.white[100],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.black[100],
+        borderColor: defaultPalette.grey[500],
+    },
+    normalFocused: {
+        background: defaultPalette.white[100],
+        color: defaultPalette.black[100],
+        borderColor: defaultPalette.blue[300],
+    },
+    success: {
+        background: defaultPalette.green[50],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.green[900],
+        borderColor: defaultPalette.green[300],
+    },
+    warning: {
+        background: defaultPalette.yellow[50],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.yellow[900],
+        borderColor: defaultPalette.yellow[300],
+    },
+    error: {
+        background: defaultPalette.red[50],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.red[900],
+        borderColor: defaultPalette.red[300],
+    },
+    disabled: {
+        background: defaultPalette.grey[100],
+        color: defaultPalette.black[16],
+        iconColor: defaultPalette.black[16],
+        borderColor: 'transparent',
+    },
+};
+export default inputTextPalette;
+//# sourceMappingURL=inputTextPalette.js.map

package/dist/components/form/inputText/inputTextPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputTextPalette.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/inputTextPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAiB3D,IAAM,gBAAgB,GAAqB;IACzC,MAAM,EAAE;QACN,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACtC;IACD,aAAa,EAAE;QACb,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACtC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;KACvC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;QACrC,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;KACxC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QAClC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;KACrC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACnC,WAAW,EAAE,aAAa;KAC3B;CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/form/inputText/types.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
+import { IconProps } from '../../icon';
+import { CommonFormTypes } from '../common/types';
+export declare type inputTypes = 'password' | 'text' | 'number';
+export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
+    leadingIcon?: IconProps;
+    actionIcon?: IconProps;
+    inputType?: inputTypes;
+    placeholder?: ReactText;
+    value?: number | string | null;
+    setValue?: Dispatch<SetStateAction<string>>;
+}

package/dist/components/form/inputText/types.js

@@ -0,0 +1,2 @@
+export var inputTypesArray = ['password', 'text', 'number'];
+//# sourceMappingURL=types.js.map

package/dist/components/form/inputText/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA"}

package/dist/components/form/label/Label.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface LabelProps extends WrapperProps {
+    label?: string;
+}
+declare const Label: ({ label, isDisabled, required }: LabelProps) => JSX.Element | null;
+interface WrapperProps {
+    isDisabled?: boolean;
+    required?: boolean;
+}
+export default Label;

package/dist/components/form/label/Label.js

@@ -0,0 +1,28 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { inputTextHTMLLabelBootstrapFixes } from '../../../common/cssFixes/labelFixes';
+var Label = function (_a) {
+    var label = _a.label, isDisabled = _a.isDisabled, required = _a.required;
+    if (!label) {
+        return null;
+    }
+    return (React.createElement(Wrapper, { isDisabled: isDisabled, required: required }, label));
+};
+var requiredCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:after {\n    color: ", ";\n    content: '*';\n    display: inline;\n  }\n"], ["\n  &:after {\n    color: ", ";\n    content: '*';\n    display: inline;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.red[500];
+});
+var Wrapper = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ", ";\n  ", "\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ", ";\n  ", "\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
+    var palette = _a.theme.palette, isDisabled = _a.isDisabled;
+    return (isDisabled ? palette.grey[300] : palette.black[100]);
+}, function (_a) {
+    var required = _a.required;
+    return required && requiredCss;
+}, inputTextHTMLLabelBootstrapFixes);
+export default Label;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Label.js.map

package/dist/components/form/label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/form/label/Label.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAA;AAMtF,IAAM,KAAK,GAAG,UAAC,EAA2C;QAAzC,gBAAK,EAAE,0BAAU,EAAE,sBAAQ;IAC1C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,oBAAC,OAAO,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,IAChD,KAAK,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAM,WAAW,GAAG,GAAG,oJAAA,4BAEV,EAAqC,mDAIjD,KAJY,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;AAAtB,CAAsB,CAIjD,CAAA;AAOD,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,8KAAc,yDAI/B,EAA6F,OACpG,EAAyC,iCAGzC,EAAgC,IACnC,KALU,UAAC,EAAkC;QAAvB,0BAAO,EAAI,0BAAU;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAArD,CAAqD,EACpG,UAAC,EAAY;QAAV,sBAAQ;IAAO,OAAA,QAAQ,IAAI,WAAW;AAAvB,CAAuB,EAGzC,gCAAgC,CACnC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/form/label/index.d.ts

@@ -0,0 +1,2 @@
+import Label, { LabelProps } from './Label';
+export { LabelProps, Label };

package/dist/components/form/label/index.js

@@ -0,0 +1,3 @@
+import Label from './Label';
+export { Label };
+//# sourceMappingURL=index.js.map

package/dist/components/form/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,SAAS,CAAA;AAE3C,OAAO,EAAc,KAAK,EAAE,CAAA"}

package/dist/components/form/select/Select.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { OptionType } from './components/Option';
+import { SelectProps } from './types';
+export declare const Select: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+export declare const CreatableSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/creatable").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+export declare const AsyncSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/async").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+export declare const AsyncCreatableSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/async-creatable").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;

package/dist/components/form/select/Select.js

@@ -0,0 +1,70 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo } from 'react';
+import ReactSelect from 'react-select';
+import Async from 'react-select/async';
+import AsyncCreatable from 'react-select/async-creatable';
+import Creatable from 'react-select/creatable';
+import ComplexInputWrapper from '../common/components/ComplexInputWrapper';
+import InputHelper from '../inputHelper/InputHelper';
+import { Label } from '../label';
+import { customComponents as _components } from './components';
+import useSelectThemeStyles from './hooks/useSelectThemeStyles';
+import { SelectWrapper } from './SelectWrapper';
+var SelectsWrapper = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    var label = rest.label, isDisabled = rest.isDisabled, required = rest.required, helper = rest.helper, _b = rest.status, status = _b === void 0 ? 'normal' : _b, inputSize = rest.inputSize;
+    return (React.createElement(ComplexInputWrapper, null,
+        React.createElement(Label, { label: label, isDisabled: isDisabled, required: required }),
+        React.createElement(SelectWrapper, { isDisabled: isDisabled, status: status, inputSize: inputSize }, children),
+        helper && React.createElement(InputHelper, __assign({}, helper))));
+};
+export var Select = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(ReactSelect, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+export var CreatableSelect = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(Creatable, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+export var AsyncSelect = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(Async, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+export var AsyncCreatableSelect = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(AsyncCreatable, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+//# sourceMappingURL=Select.js.map

package/dist/components/form/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/select/SelectInputParts.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { BoxedInputWrapperProps } from '../common/styles';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+import { SelectProps } from './Select';
+export interface SelectInputPartsProps extends CommonFormTypes, LabelProps {
+    children?: ReactNode;
+}
+declare const SelectInputParts: (props: SelectInputPartsProps) => JSX.Element;
+export declare type SelectWrapperProps = Pick<SelectProps<ReactSelectProps>, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default SelectInputParts;

package/dist/components/form/select/SelectWrapper.d.ts

@@ -0,0 +1,5 @@
+import { BoxedInputWrapperProps } from '../common/styles';
+import { SelectProps } from './types';
+export declare type SelectWrapperProps = Pick<SelectProps, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background"> & Pick<SelectProps<false, import("react-select").Props<import("./components/Option").OptionType, false, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>, "isDisabled" | "status" | "inputSize">, "borderColor" | "normalFocused" | "color" | "background">;

package/dist/components/form/select/SelectWrapper.js

@@ -0,0 +1,16 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { boxedInputWrapperStyle } from '../common/styles';
+import { getSelectStyles } from './utils';
+export var SelectWrapper = styled.span.attrs(getSelectStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > div:first-child {\n    ", ";\n    & > div:nth-child(2) {\n      height: ", "px;\n      min-height: ", "px;\n    }\n  }\n"], ["\n  & > div:first-child {\n    ", ";\n    & > div:nth-child(2) {\n      height: ", "px;\n      min-height: ", "px;\n    }\n  }\n"])), boxedInputWrapperStyle, function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+}, function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+});
+var templateObject_1;
+//# sourceMappingURL=SelectWrapper.js.map

package/dist/components/form/select/SelectWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWrapper.js","sourceRoot":"","sources":["../../../../src/components/form/select/SelectWrapper.ts"],"names":[],"mappings":";;;;AACA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAA0B,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAEjF,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKzC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAmC,eAAe,CAAC,qMAAoB,iCAE/G,EAAsB,+CAEZ,EAAoD,yBAChD,EAAoD,mBAGvE,KANK,sBAAsB,EAEZ,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,EAChD,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,CAGvE,CAAA"}

package/dist/components/form/select/components/ClearIndicator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ClearIndicator: <IsMulti extends boolean = false>({ isDisabled, clearValue, }: import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default ClearIndicator;

package/dist/components/form/select/components/ClearIndicator.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faTimes } from '@fortawesome/pro-light-svg-icons';
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+var ClearIndicator = function (_a) {
+    var isDisabled = _a.isDisabled, clearValue = _a.clearValue;
+    var onClick = useCallback(function () { return !isDisabled && clearValue(); }, [clearValue, isDisabled]);
+    return React.createElement(CaretIcon, { icon: faTimes, onClick: onClick });
+};
+var CaretIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0.5em;\n"], ["\n  margin: 0.5em;\n"])));
+export default ClearIndicator;
+var templateObject_1;
+//# sourceMappingURL=ClearIndicator.js.map

package/dist/components/form/select/components/ClearIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIndicator.js","sourceRoot":"","sources":["../../../../../src/components/form/select/components/ClearIndicator.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAGpC,IAAM,cAAc,GAAG,UAAC,EAA+C;QAA7C,0BAAU,EAAE,0BAAU;IAC9C,IAAM,OAAO,GAAG,WAAW,CAAC,cAAM,OAAA,CAAC,UAAU,IAAI,UAAU,EAAE,EAA3B,CAA2B,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAExF,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AACvD,CAAC,CAAA;AAED,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,yFAAA,sBAE7B,IAAA,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/form/select/components/Control.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Control: <IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: import("react-select").ControlProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").ControlProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default Control;

package/dist/components/form/select/components/Control.js

@@ -0,0 +1,14 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import styled from 'styled-components';
+var Control = function (_a) {
+    var onMouseDown = _a.innerProps.onMouseDown, children = _a.children;
+    return (React.createElement(Wrapper, { onMouseDown: onMouseDown }, children));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"], ["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"])));
+export default Control;
+var templateObject_1;
+//# sourceMappingURL=Control.js.map

package/dist/components/form/select/components/Control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.js","sourceRoot":"","sources":["../../../../../src/components/form/select/components/Control.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,IAAM,OAAO,GAAG,UAAC,EAAuD;QAAvC,uCAAW,EAAI,sBAAQ;IAAkC,OAAA,CACxF,oBAAC,OAAO,IAAC,WAAW,EAAE,WAAW,IAAG,QAAQ,CAAW,CACxD;AAFyF,CAEzF,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,sIAAA,mEAKzB,IAAA,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/form/select/components/DropdownIndicator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DropdownIndicator: <IsMulti extends boolean = false>({ selectProps, }: import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default DropdownIndicator;

package/dist/components/form/select/components/DropdownIndicator.js

@@ -0,0 +1,20 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faCaretDown } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+var DropdownIndicator = function (_a) {
+    var selectProps = _a.selectProps;
+    return (React.createElement(Wrapper, { isRotated: selectProps.menuIsOpen },
+        React.createElement(Icon, { icon: faCaretDown })));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0.5em;\n\n  transition: transform 250ms ease;\n  transform: rotate(", "deg);\n"], ["\n  margin: 0.5em;\n\n  transition: transform 250ms ease;\n  transform: rotate(", "deg);\n"])), function (_a) {
+    var isRotated = _a.isRotated;
+    return (isRotated ? 180 : 0);
+});
+export default DropdownIndicator;
+var templateObject_1;
+//# sourceMappingURL=DropdownIndicator.js.map

package/dist/components/form/select/components/DropdownIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownIndicator.js","sourceRoot":"","sources":["../../../../../src/components/form/select/components/DropdownIndicator.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAGpC,IAAM,iBAAiB,GAAG,UAAC,EAAuC;QAArC,4BAAW;IAA4C,OAAA,CAClF,oBAAC,OAAO,IAAC,SAAS,EAAE,WAAW,CAAC,UAAU;QACxC,oBAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,CACnB,CACX;AAJmF,CAInF,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,+JAAyB,iFAI7B,EAAwC,SAC7D,KADqB,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAArB,CAAqB,CAC7D,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/form/select/components/FooterActions.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DropdownItemProps } from '../../../dropdown';
+export interface SelectActionsType extends DropdownItemProps {
+    closeOnClick?: boolean;
+}
+interface Props {
+    actions: SelectActionsType[];
+    triggerClose: () => void;
+}
+declare const FooterActions: ({ actions, triggerClose }: Props) => JSX.Element;
+export default FooterActions;