flipper-ui 0.28.0 → 0.29.1

package/core/{Checkbox → inputs/checkbox}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Checkbox = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
@@ -12,7 +12,7 @@ var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormCo
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _react = _interopRequireDefault(require("react"));
-var _TextField = require("../TextField");
+var _textField = require("@/core/inputs/text-field");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DENSE = {
@@ -28,7 +28,7 @@ var Checkbox = function Checkbox(props) {
     helperIcon = props.helperIcon,
     onHelperClick = props.onHelperClick,
     checkboxProps = props.checkboxProps;
-  var renderHelper = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onHelperClick && /*#__PURE__*/_react["default"].createElement(_TextField.HelperBox, {
+  var renderHelper = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onHelperClick && /*#__PURE__*/_react["default"].createElement(_textField.HelperBox, {
     helperIcon: helperIcon,
     onHelperClick: onHelperClick
   }));
@@ -62,7 +62,7 @@ var Checkbox = function Checkbox(props) {
       variant: "body2"
     }, props.label) : props.label;
   };
-  return /*#__PURE__*/_react["default"].createElement(_TextField.TextFieldWrapper, {
+  return /*#__PURE__*/_react["default"].createElement(_textField.TextFieldWrapper, {
     id: props.id
   }, props.label ? /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     style: _objectSpread({
@@ -74,5 +74,6 @@ var Checkbox = function Checkbox(props) {
     control: renderControl(checkboxProps)
   }) : renderControl(checkboxProps), renderHelper);
 };
+exports.Checkbox = Checkbox;
 var _default = Checkbox;
 exports["default"] = _default;

package/core/inputs/chip-field/chip-field.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/chip-field/chip-field.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ChipFieldProps<import(".").TChipValues>>;
+export default _default;
+export declare const Default: any;

package/core/{ChipField → inputs/chip-field}/index.d.ts

@@ -20,5 +20,5 @@ export interface ChipFieldProps<T extends TChipValues> {
 export type TChipValues = {
     value: string | number;
 };
-declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => JSX.Element;
+export declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => JSX.Element;
 export default ChipField;

package/core/{ChipField → inputs/chip-field}/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.ChipField = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
@@ -27,5 +27,6 @@ var ChipField = function ChipField(props) {
     value: values
   }));
 };
+exports.ChipField = ChipField;
 var _default = ChipField;
 exports["default"] = _default;

package/core/inputs/date-time/date-time.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/date-time/date-time.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("ramda").Omit<import("@material-ui/pickers/DatePicker/DatePicker").KeyboardDatePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers/DateTimePicker/DateTimePicker").KeyboardDateTimePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers/TimePicker/TimePicker").KeyboardTimePickerProps, "onChange" | "margin"> & import(".").IProps & import("../../types").DefaultProps>;
+export default _default;
+export declare const Default: any;
+export declare const WithTime: any;
+export declare const WithDateTime: any;

package/core/{DateTime → inputs/date-time}/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import DateFnsUtils from '@date-io/date-fns';
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
 import { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
 import { KeyboardTimePickerProps } from '@material-ui/pickers/TimePicker';
 import { Omit } from 'ramda';
 import { MaterialUiPickersDate } from '@material-ui/pickers/typings/date';
-interface IProps {
+export interface IProps {
     locale?: DateFnsUtils['locale'];
     type?: 'date' | 'time' | 'datetime';
     inputProps?: object;
@@ -15,5 +15,5 @@ interface IProps {
     onChange(date: MaterialUiPickersDate | null, value?: string): void;
 }
 export type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
-declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => JSX.Element;
+export declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => JSX.Element;
 export default DateTime;

package/core/{DateTime → inputs/date-time}/index.js

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.DateTime = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _pickers = require("@material-ui/pickers");
 var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
-var _TextField = require("../TextField");
+var _textField = require("@/core/inputs/text-field");
 var _excluded = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -40,7 +40,7 @@ var DateTime = function DateTime(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'date' : _ref$type,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = (0, _TextField.useStyles)();
+  var classes = (0, _textField.useStyles)();
   var fieldProps = _objectSpread(_objectSpread({}, otherProps), {}, {
     format: format ? format : DEFAULT_FORMATS[type],
     variant: variant,
@@ -97,5 +97,6 @@ var DateTime = function DateTime(_ref) {
     locale: locale
   }, renderChildren());
 };
+exports.DateTime = DateTime;
 var _default = DateTime;
 exports["default"] = _default;

package/core/inputs/icon-button/icon-button.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/icon-button/icon-button.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IconButtonProps>;
+export default _default;
+export declare const Default: any;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const Disabled: any;

package/core/{IconButton → inputs/icon-button}/index.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 export interface IconButtonProps extends DefaultProps {
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
     disabled?: boolean;
@@ -7,5 +7,5 @@ export interface IconButtonProps extends DefaultProps {
     role?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => JSX.Element;
+export declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => JSX.Element;
 export default IconButton;

package/core/{IconButton → inputs/icon-button}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.IconButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -26,5 +26,6 @@ var IconButton = function IconButton(_ref) {
     }, style)
   }), children);
 };
+exports.IconButton = IconButton;
 var _default = IconButton;
 exports["default"] = _default;

package/core/inputs/input-adornment/index.d.ts

@@ -0,0 +1,7 @@
+import { InputAdornmentProps as MuiInputAdornmentProps } from '@material-ui/core';
+import { DefaultProps } from '../../types';
+export interface InputAdornmentProps extends DefaultProps, MuiInputAdornmentProps {
+    position: 'start' | 'end';
+}
+export declare const InputAdornment: ({ children, ...otherProps }: InputAdornmentProps) => JSX.Element;
+export default InputAdornment;

package/core/{InputAdornment → inputs/input-adornment}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.InputAdornment = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _react = _interopRequireDefault(require("react"));
@@ -14,5 +14,6 @@ var InputAdornment = function InputAdornment(_ref) {
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], otherProps, children);
 };
+exports.InputAdornment = InputAdornment;
 var _default = InputAdornment;
 exports["default"] = _default;

package/core/inputs/input-adornment/input-adorment.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/input-adornment/input-adornment.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").InputAdornmentProps>;
+export default _default;
+export declare const Default: any;

package/core/{InputBase → inputs/input-base}/index.d.ts

@@ -1,6 +1,7 @@
+import { InputBaseProps as MuiInputBaseProps } from '@material-ui/core';
 import { ChangeEvent, ReactNode } from 'react';
-import { DefaultProps } from '../types';
-export interface InputAdornmentProps extends DefaultProps {
+import { DefaultProps } from '../../types';
+export interface InputAdornmentProps extends DefaultProps, Omit<MuiInputBaseProps, 'margin'> {
     autoComplete?: string;
     autoFocus?: boolean;
     classes?: object;
@@ -22,5 +23,5 @@ export interface InputAdornmentProps extends DefaultProps {
     type?: string;
     value?: string | number | boolean;
 }
-declare const InputAdornment: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => JSX.Element;
-export default InputAdornment;
+export declare const InputBase: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => JSX.Element;
+export default InputBase;

package/core/{InputBase → inputs/input-base}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.InputBase = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 var _excluded = ["margin", "padding", "style", "autoComplete"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var InputAdornment = function InputAdornment(_ref) {
+var InputBase = function InputBase(_ref) {
   var margin = _ref.margin,
     padding = _ref.padding,
     _ref$style = _ref.style,
@@ -30,5 +30,6 @@ var InputAdornment = function InputAdornment(_ref) {
     }, style)
   }));
 };
-var _default = InputAdornment;
+exports.InputBase = InputBase;
+var _default = InputBase;
 exports["default"] = _default;

package/core/inputs/input-base/input-base.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/input-base/input-base.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").InputAdornmentProps>;
+export default _default;
+export declare const Default: any;

package/core/{MaskField → inputs/mask-field}/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { TextFieldProps } from '../TextField';
-export interface MaskFieldProps {
+import { TextFieldProps } from '@/core/inputs/text-field';
+import { NumberFormatProps } from 'react-number-format';
+export interface MaskFieldProps extends NumberFormatProps {
     mask?: string;
     type?: 'text' | 'tel' | 'password';
     decimalSeparator?: string;
@@ -10,5 +11,5 @@ export interface MaskFieldProps {
     fixedDecimalScale?: boolean;
     customInput?: React.ComponentType<TextFieldProps>;
 }
-declare const MaskField: (props: TextFieldProps & MaskFieldProps) => JSX.Element;
+export declare const MaskField: (props: TextFieldProps & MaskFieldProps) => JSX.Element;
 export default MaskField;

package/core/{MaskField → inputs/mask-field}/index.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.MaskField = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _TextField = _interopRequireDefault(require("../TextField"));
+var _textField = _interopRequireDefault(require("@/core/inputs/text-field"));
 var _reactNumberFormat = _interopRequireDefault(require("react-number-format"));
 var _excluded = ["customInput"];
 var MaskField = function MaskField(props) {
@@ -20,9 +20,10 @@ var MaskField = function MaskField(props) {
     // shows problem with some props like have been do this
     // actually on flipper-ui. (e.g. errors treatment)
     _react["default"].createElement(_reactNumberFormat["default"], (0, _extends2["default"])({}, otherProps, {
-      customInput: customInput || _TextField["default"]
+      customInput: customInput || _textField["default"]
     }))
   );
 };
+exports.MaskField = MaskField;
 var _default = MaskField;
 exports["default"] = _default;

package/core/inputs/mask-field/mask-field.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/mask-field/mask-field.stories.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../text-field").TextFieldProps & import(".").MaskFieldProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const MaskFieldWithInputAdornment: any;

package/core/{PinInput → inputs/pin-input}/index.d.ts

@@ -11,5 +11,5 @@ export interface PinInputGridProps {
     inputProps?: React.CSSProperties;
     variant?: 'outlined' | 'standard';
 }
-declare const PinInput: ({ pinLength, pin, setPin, onPinChanged, validationResult, isValidating, size, style: styleProps, inputProps, variant, ...otherProps }: PinInputGridProps) => JSX.Element;
+export declare const PinInput: ({ pinLength, pin, setPin, onPinChanged, validationResult, isValidating, size, style: styleProps, inputProps, variant, ...otherProps }: PinInputGridProps) => JSX.Element;
 export default PinInput;

package/core/{PinInput → inputs/pin-input}/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.PinInput = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -20,7 +20,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    width: auto;\n    justify-content: center;\n"])));
 var PIN_MIN_VALUE = 0;
 var PIN_MAX_VALUE = 9;
@@ -144,5 +144,6 @@ var PinInput = function PinInput(_ref) {
     });
   }));
 };
+exports.PinInput = PinInput;
 var _default = PinInput;
 exports["default"] = _default;

package/core/inputs/pin-input/pin-input.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/pin-input/pin-input.stories.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").PinInputGridProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Large: () => JSX.Element;

package/core/inputs/radio/index.d.ts

@@ -0,0 +1,12 @@
+import { RadioProps as MuiRadioProps } from '@material-ui/core';
+import { ChangeEvent } from 'react';
+import { DefaultProps } from '../../types';
+export interface RadioProps extends DefaultProps, MuiRadioProps {
+    checked?: boolean;
+    color?: 'primary' | 'secondary' | 'default';
+    value?: string;
+    disabled?: boolean;
+    onChange?: (event: ChangeEvent<HTMLElement>) => void;
+}
+export declare const Radio: ({ padding, margin, style, ...otherProps }: RadioProps) => JSX.Element;
+export default Radio;

package/core/{Radio → inputs/radio}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Radio = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -25,5 +25,6 @@ var Radio = function Radio(_ref) {
     }, style)
   }));
 };
+exports.Radio = Radio;
 var _default = Radio;
 exports["default"] = _default;

package/core/inputs/radio/radio.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/radio/radio.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").RadioProps>;
+export default _default;
+export declare const Default: any;
+export declare const Checked: any;
+export declare const Primary: any;
+export declare const PrimaryChecked: any;

package/core/{RadioGroup → inputs/radio-group}/index.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, ReactNode } from 'react';
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 export interface RadioGroupProps extends DefaultProps {
     row?: boolean;
     title?: ReactNode;
@@ -15,5 +15,5 @@ interface IOption {
     label?: ReactNode;
     disabled?: boolean;
 }
-declare const RadioGroup: ({ row, options, className, padding, margin, style, title, value, spacing, name, onChange, ...otherProps }: RadioGroupProps) => JSX.Element;
+export declare const RadioGroup: ({ row, options, className, padding, margin, style, title, value, spacing, name, onChange, ...otherProps }: RadioGroupProps) => JSX.Element;
 export default RadioGroup;

package/core/{RadioGroup → inputs/radio-group}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.RadioGroup = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -59,5 +59,6 @@ var RadioGroup = function RadioGroup(_ref) {
     });
   })));
 };
+exports.RadioGroup = RadioGroup;
 var _default = RadioGroup;
 exports["default"] = _default;

package/core/inputs/radio-group/radio-group.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/radio-group/radio-group.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").RadioGroupProps>;
+export default _default;
+export declare const Default: () => JSX.Element;

package/core/inputs/select/index.d.ts

@@ -0,0 +1,16 @@
+import { SelectProps as MuiSelectProps } from '@material-ui/core';
+import React, { ChangeEvent } from 'react';
+import { DefaultProps } from '../../types';
+export interface SelectProps extends DefaultProps, Omit<MuiSelectProps, 'margin' | 'value' | 'event' | 'onChange'> {
+    autoWidth?: boolean;
+    value?: string | number;
+    multiple?: boolean;
+    variant?: 'standard' | 'outlined' | 'filled';
+    hasClear?: boolean;
+    children: React.ReactNode;
+    onClear?: () => void;
+    onClose?: () => void;
+    onChange: (event: ChangeEvent<HTMLSelectElement | HTMLInputElement>) => void;
+}
+export declare const Select: ({ children, style, margin, padding, hasClear, onClear, onChange, variant, ...otherProps }: SelectProps) => JSX.Element;
+export default Select;

package/core/{Select → inputs/select}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Select = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -58,7 +58,7 @@ var Select = function Select(_ref) {
   });
   var classes = useStyles();
   var handleChange = function handleChange(event) {
-    onChange(event.target.value);
+    onChange(event);
   };
   var hasValue = !!otherProps.value;
   var endAdornment = hasValue && hasClear ? {
@@ -80,5 +80,6 @@ var Select = function Select(_ref) {
     }, style)
   }, otherProps), children);
 };
+exports.Select = Select;
 var _default = Select;
 exports["default"] = _default;

package/core/inputs/select/select.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/select/select.stories.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").SelectProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithClear: () => JSX.Element;

package/core/{Slider → inputs/slider}/index.d.ts

@@ -1,8 +1,8 @@
 import { SliderProps } from '@material-ui/core/Slider';
-import { DefaultProps } from '../types';
-interface ISliderProps {
+import { DefaultProps } from '../../types';
+export interface ISliderProps {
     defaultValue?: number | number[];
 }
 export type FlipperSliderProps = Omit<SliderProps, 'defaultValue'> & DefaultProps & ISliderProps;
-declare const Slider: ({ padding, margin, style, defaultValue, ...otherProps }: FlipperSliderProps) => JSX.Element;
+export declare const Slider: ({ padding, margin, style, defaultValue, ...otherProps }: FlipperSliderProps) => JSX.Element;
 export default Slider;

package/core/{Slider → inputs/slider}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Slider = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -28,5 +28,6 @@ var Slider = function Slider(_ref) {
     }, style)
   }));
 };
+exports.Slider = Slider;
 var _default = Slider;
 exports["default"] = _default;

package/core/inputs/slider/slider.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/inputs/slider/slider.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Omit<import("@material-ui/core").SliderProps, "defaultValue"> & import("../../types").DefaultProps & import(".").ISliderProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const Ranged: any;
+export declare const FixedLabel: any;
+export declare const WithMarks: any;

package/core/{TextField → inputs/text-field}/index.d.ts

@@ -1,5 +1,6 @@
+import { TextFieldProps as MuiTextFieldProps } from '@material-ui/core';
 import React, { ChangeEvent, KeyboardEvent, FocusEvent, ReactNode, MouseEvent } from 'react';
-import { DefaultProps, HTMLElementWithDataCy } from '../types';
+import { DefaultProps } from '../../types';
 export interface TextFieldProps extends DefaultProps {
     autoComplete?: string;
     autoFocus?: boolean;
@@ -43,13 +44,13 @@ interface IEditProps extends Pick<TextFieldProps, 'showEdit' | 'style'> {
     editing: boolean;
     onEditClick: (event: MouseEvent<HTMLButtonElement>) => void;
     onSaveClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    editButtonProps?: Partial<Omit<HTMLElementWithDataCy<HTMLButtonElement>, 'color'>>;
-    saveButtonProps?: Partial<Omit<HTMLElementWithDataCy<HTMLButtonElement>, 'color'>>;
+    editButtonProps?: Partial<Omit<React.HTMLAttributes<HTMLButtonElement>, 'color'>>;
+    saveButtonProps?: Partial<Omit<React.HTMLAttributes<HTMLButtonElement>, 'color'>>;
 }
 export declare const TextFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StaticTextFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"input" | "outlinedInput" | "outlinedLabel" | "outlinedMultiline" | "iconOutlined">;
 export declare const HelperBox: (props: IHelperProps) => JSX.Element;
 export declare const EditBox: (props: IEditProps) => JSX.Element;
-declare const TextField: ({ margin, padding, style, error, variant, InputLabelProps, InputProps, SelectProps, autoComplete, onHelperClick, helperIcon, fullWidth, hasClear, onClear, ...otherProps }: TextFieldProps) => JSX.Element;
+export declare const TextField: ({ margin, padding, style, error, variant, InputLabelProps, InputProps, SelectProps, autoComplete, onHelperClick, helperIcon, fullWidth, hasClear, onClear, ...otherProps }: TextFieldProps & Omit<MuiTextFieldProps, 'margin' | 'variant'>) => JSX.Element;
 export default TextField;