armtek-uikit-react 1.0.17 → 1.0.18

package/index.d.ts

@@ -1,6 +1,6 @@
-export { default as Button } from './ui/Button';
+export { default as Button } from './ui/Button/Button';
 export { default as ButtonIcon } from './ui/ButtonIcon';
-export type { ButtonProps } from './ui/Button';
+export type { ButtonProps } from './ui/Button/Button';
 export { default as Alert } from './ui/Alert/Alert';
 export type { AlertProps } from './ui/Alert/Alert';
 export { default as Avatar } from './ui/Avatar/Avatar';

package/index.js

@@ -1,4 +1,4 @@
-export { default as Button } from "./ui/Button";
+export { default as Button } from "./ui/Button/Button";
 export { default as ButtonIcon } from "./ui/ButtonIcon";
 export { default as Alert } from "./ui/Alert/Alert";
 export { default as Avatar } from "./ui/Avatar/Avatar";

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.17","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.18","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Adornment/Adornment.module.scss

@@ -1,2 +1 @@
-@import "./../../assets/variables";
 @import "./../../assets/Adornment";

package/ui/Adornment/index.d.ts

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

package/ui/Adornment/index.js

@@ -0,0 +1,2 @@
+import Adornment from "./Adornment";
+export { Adornment };

package/ui/Alert/index.d.ts

@@ -0,0 +1,3 @@
+import Alert, { AlertProps } from './Alert';
+export { Alert };
+export type { AlertProps };

package/ui/Alert/index.js

@@ -0,0 +1,2 @@
+import Alert from "./Alert";
+export { Alert };

package/ui/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+import Avatar, { AvatarProps } from './Avatar';
+import AvatarGroup, { AvatarGroupProps } from './AvatarGroup';
+export { Avatar, AvatarGroup };
+export type { AvatarProps, AvatarGroupProps };

package/ui/Avatar/index.js

@@ -0,0 +1,3 @@
+import Avatar from "./Avatar";
+import AvatarGroup from "./AvatarGroup";
+export { Avatar, AvatarGroup };

package/ui/Button/Button.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ColorThemeType, ColorType, SizeType, VariantType } from '../../types/theme';
+type OwnProps<T extends ElementType = ElementType> = {
+    children: ReactNode;
+    size?: SizeType;
+    color?: ColorType | Exclude<ColorThemeType, 'white'>;
+    variant?: VariantType;
+    startAdornment?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    group?: 'inline' | 'column';
+    as?: T;
+};
+export type ButtonProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;
+declare const Button: <T extends ElementType>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/ui/Button/Button.js

@@ -0,0 +1,42 @@
+import clsx from 'clsx';
+import css from "./Button.module.scss";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const ButtonClasses = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
+
+// const css = getCssPrefix(ButtonClasses)
+
+const Button = props => {
+  let {
+    size = 'extraLarge',
+    color = 'primary',
+    variant = 'contained',
+    endAdornment,
+    startAdornment,
+    children,
+    className,
+    group,
+    as,
+    ...restProps
+  } = props;
+  let Component = as || 'button';
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(Component, {
+      ...restProps,
+      className: clsx(css.button, css['button_' + size], css['button_' + variant], css['button_' + color], className, {
+        [css['button_grouped_' + group]]: group
+      }),
+      children: [startAdornment && /*#__PURE__*/_jsx("div", {
+        className: clsx(css.button__adornment, css.button__adornment_start),
+        children: startAdornment
+      }), /*#__PURE__*/_jsx("div", {
+        children: children
+      }), endAdornment && /*#__PURE__*/_jsx("div", {
+        className: clsx(css.button__adornment, css.button__adornment_end),
+        children: endAdornment
+      })]
+    })
+  });
+};
+export default Button;

package/ui/Button/index.d.ts

@@ -1,15 +1,3 @@
-import { ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
-import { ColorThemeType, ColorType, SizeType, VariantType } from '../../types/theme';
-type OwnProps<T extends ElementType = ElementType> = {
-    children: ReactNode;
-    size?: SizeType;
-    color?: ColorType | Exclude<ColorThemeType, 'white'>;
-    variant?: VariantType;
-    startAdornment?: string | ReactNode;
-    endAdornment?: string | ReactNode;
-    group?: 'inline' | 'column';
-    as?: T;
-};
-export type ButtonProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;
-declare const Index: <T extends ElementType>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default Index;
+import Button, { ButtonProps } from './Button';
+export { Button };
+export type { ButtonProps };

package/ui/Button/index.js

@@ -1,42 +1,2 @@
-import clsx from 'clsx';
-import css from "./Button.module.scss";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const ButtonClasses = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
-
-// const css = getCssPrefix(ButtonClasses)
-
-const Index = props => {
-  let {
-    size = 'extraLarge',
-    color = 'primary',
-    variant = 'contained',
-    endAdornment,
-    startAdornment,
-    children,
-    className,
-    group,
-    as,
-    ...restProps
-  } = props;
-  let Component = as || 'button';
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(Component, {
-      ...restProps,
-      className: clsx(css.button, css['button_' + size], css['button_' + variant], css['button_' + color], className, {
-        [css['button_grouped_' + group]]: group
-      }),
-      children: [startAdornment && /*#__PURE__*/_jsx("div", {
-        className: clsx(css.button__adornment, css.button__adornment_start),
-        children: startAdornment
-      }), /*#__PURE__*/_jsx("div", {
-        children: children
-      }), endAdornment && /*#__PURE__*/_jsx("div", {
-        className: clsx(css.button__adornment, css.button__adornment_end),
-        children: endAdornment
-      })]
-    })
-  });
-};
-export default Index;
+import Button from "./Button";
+export { Button };

package/ui/ButtonIcon/index.d.ts

@@ -1,3 +1,3 @@
-import { ButtonProps } from '../Button';
+import { ButtonProps } from '../Button/Button';
 declare const ButtonIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonIcon;

package/ui/ButtonIcon/index.js

@@ -1,4 +1,4 @@
-import Button from "../Button";
+import Button from "../Button/Button";
 import clsx from 'clsx';
 import css from "../Button/Button.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";

package/ui/Loader/Loader.d.ts

@@ -1,6 +1,7 @@
 import { SizeType } from '../../types/theme';
+import { HTMLAttributes } from 'react';
 export type LoaderProps = {
     size?: SizeType;
-};
+} & HTMLAttributes<HTMLDivElement>;
 declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Loader;

package/ui/Loader/Loader.js

@@ -8,11 +8,17 @@ const CssClasses = ['loader'];
 // const css = getCssPrefix(CssClasses)
 
 const Loader = props => {
+  let {
+    size,
+    className,
+    ...divProps
+  } = props;
   let width = props.size === 'large' ? 25 : props.size === 'medium' ? 23 : props.size === 'small' ? 21 : 27;
   let height = props.size === 'large' ? 24 : props.size === 'medium' ? 22 : props.size === 'small' ? 20 : 26;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx("div", {
-      className: clsx(css.loader, 'material_icon'),
+      ...divProps,
+      className: clsx(css.loader, 'material_icon', className),
       children: /*#__PURE__*/_jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: width,

package/ui/Stepper/StepItem.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { StepItemIconProps } from './StepItemIcon';
-import { ButtonProps } from '../Button';
+import { ButtonProps } from '../Button/Button';
 export type StepItemProps = {
     title: string;
     children?: ReactNode | string;

package/ui/Stepper/StepItem.js

@@ -1,6 +1,6 @@
 import StepItemIcon from "./StepItemIcon";
 import clsx from 'clsx';
-import Index from "../Button";
+import Button from "../Button/Button";
 import css from "./StepItem.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -43,7 +43,7 @@ const StepItem = props => {
         className: css.stepItem__content,
         children: [content || children, !!button && /*#__PURE__*/_jsx("div", {
           className: css.stepItem__button,
-          children: /*#__PURE__*/_jsx(Index, {
+          children: /*#__PURE__*/_jsx(Button, {
             ...buttonProps,
             children: button
           })