project: add dist folder for testing and fix project version

Signed-off-by: dittrichlucas <[email protected]>

dist/core/Avatar/style.d.ts

@@ -1,7 +1,12 @@
-export declare type AvatarProps = {
+import { SpaceProps } from 'styled-system';
+export declare type AvatarProps = SpaceProps & {
     src?: string;
     alt?: string;
     label?: string;
 };
-export declare const StyledAvatarBox: import("styled-components").StyledComponent<(props: import("../Box").BoxProps) => JSX.Element, import("styled-components").DefaultTheme, AvatarProps, never>;
+export declare const StyledAvatarBox: import("styled-components").StyledComponent<(props: import("../Box").BoxProps) => JSX.Element, import("styled-components").DefaultTheme, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+    src?: string | undefined;
+    alt?: string | undefined;
+    label?: string | undefined;
+}, never>;
 export declare const StyledAvatarImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;

dist/core/Avatar/style.js

@@ -7,26 +7,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledAvatarImage = exports.StyledAvatarBox = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _styledSystem = require("styled-system");
+
 var _Box = _interopRequireDefault(require("../Box"));
 
+var _excluded = ["theme"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var StyledAvatarBox = (0, _styledComponents["default"])(_Box["default"])(function (_ref) {
-  var theme = _ref.theme;
-  return {
+  var theme = _ref.theme,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return _objectSpread(_objectSpread({}, (0, _styledSystem.space)(_objectSpread({
+    theme: theme
+  }, props))), {}, {
     width: '50px',
     height: '50px',
     color: theme.colors.greyscale['100'],
     backgroundColor: theme.colors.greyscale['050'],
     borderRadius: '50%'
-  };
+  });
 });
 exports.StyledAvatarBox = StyledAvatarBox;
-var StyledAvatarImage = (0, _styledComponents["default"])('img')(function () {
-  return {
+var StyledAvatarImage = (0, _styledComponents["default"])('img')(function (props) {
+  return _objectSpread(_objectSpread({}, (0, _styledSystem.space)(props)), {}, {
     width: '50px',
     height: '50px',
     borderRadius: '50%'
-  };
+  });
 });
 exports.StyledAvatarImage = StyledAvatarImage;

dist/core/Button/styles.d.ts

@@ -1,3 +1,4 @@
+import { MouseEvent } from 'react';
 import { ColorProps, SpaceProps, LayoutProps } from 'styled-system';
 declare type ButtonVariants = 'contained' | 'outlined' | 'text';
 declare type ButtonSize = 'small' | 'medium' | 'large';
@@ -8,12 +9,14 @@ export declare type StyledButtonProps = SpaceProps & ColorProps & LayoutProps &
     disabled: boolean;
     color: ButtonColor;
     backgroundColor: string;
+    onClick?: (event?: MouseEvent<HTMLButtonElement>) => void;
 };
 export declare const StyledButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     variant: ButtonVariants;
     size: ButtonSize;
     disabled: boolean;
     color: ButtonColor;
     backgroundColor: string;
+    onClick?: ((event?: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | undefined) => void) | undefined;
 }, never>;
 export {};

dist/core/Form/TextArea/style.d.ts

@@ -1,3 +1,4 @@
+import { ChangeEvent } from 'react';
 import { StyledBoxProps } from '../TextField/style';
 export declare type TextAreaProps = StyledBoxProps & {
     id?: string;
@@ -8,6 +9,7 @@ export declare type TextAreaProps = StyledBoxProps & {
     wrap?: string;
     cols?: number;
     rows?: number;
-    onChange?: () => void;
+    spellCheck?: boolean;
+    onChange?: (event?: ChangeEvent<HTMLTextAreaElement>) => void;
 };
 export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {}, never>;

dist/core/Form/TextField/style.d.ts

@@ -11,13 +11,14 @@ export declare type StyledBoxProps = SpaceProps & SizeProps & {
 export declare type StyledTextFieldProps = StyledBoxProps & {
     id?: string;
     value?: string;
-    type?: 'text' | 'number' | 'password';
+    type?: 'text' | 'number' | 'password' | 'email';
     required?: boolean;
     placeholder: string;
     prefix?: ReactNode;
     suffix?: ReactNode;
     label?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    spellCheck?: boolean;
+    onChange?: (event?: ChangeEvent<HTMLInputElement>) => void;
 };
 export declare const colorUnion: (props: StyledBoxProps) => 'error' | 'disabled' | TextFieldColor;
 export declare const StyledBox: import("styled-components").StyledComponent<(props: import("../../Box").BoxProps) => JSX.Element, import("styled-components").DefaultTheme, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & SizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>> & {
@@ -34,12 +35,13 @@ export declare const StyledTextField: import("styled-components").StyledComponen
 } & {
     id?: string | undefined;
     value?: string | undefined;
-    type?: "number" | "password" | "text" | undefined;
+    type?: "number" | "password" | "text" | "email" | undefined;
     required?: boolean | undefined;
     placeholder: string;
     prefix?: ReactNode;
     suffix?: ReactNode;
     label?: string | undefined;
-    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    spellCheck?: boolean | undefined;
+    onChange?: ((event?: ChangeEvent<HTMLInputElement> | undefined) => void) | undefined;
 }, never>;
 export {};

package.json

@@ -1,6 +1,6 @@
 {
     "name": "adonimals-ui",
-    "version": "0.1.6",
+    "version": "0.1.7",
     "description": "React UI toolkit for the web.",
     "main": "dist/index.js",
     "author": "<[email protected]>",