armtek-uikit-react 1.0.87 → 1.0.89

package/assets/Icon.scss

@@ -0,0 +1,21 @@
+@import "variables";
+
+.Icon_size_small{
+  font-size: 11px;
+}
+.Icon_size_medium{
+  font-size: 13px;
+}
+.Icon_size_large{
+  font-size: 14px;
+}
+.Icon_size_extraLarge{
+  font-size: 16px;
+}
+.Icon_color_primary{color: var(--color-primary)}
+.Icon_color_secondary{color: var(--color-secondary)}
+.Icon_color_neutral{color: var(--color-neutral)}
+.Icon_color_success{color:var(--color-success)}
+.Icon_color_info{color:var(--color-info)}
+.Icon_color_warning{color:var(--color-warning)}
+.Icon_color_error{color:var(--color-error)}

package/assets/Tooltip.scss

@@ -14,5 +14,6 @@
   font-size: 12px;
   left: 50%;
   bottom: 100%;
+  display: inline-flex;
   //transform: translateX(-50%);
 }

package/package.json

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

package/ui/ButtonIcon/ButtonIcon.d.ts

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

package/ui/ButtonIcon/ButtonIcon.js

@@ -7,7 +7,7 @@ const ButtonIconClasses = ['button_icon'];
 
 // const css = getCssPrefix(ButtonIconClasses)
 
-const ButtonIcon = props => {
+function ButtonIcon(props) {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(Button, {
       ...props,
@@ -16,5 +16,5 @@ const ButtonIcon = props => {
       children: props.children
     })
   });
-};
+}
 export default ButtonIcon;

package/ui/Icon/Icon.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { ColorStatusType, ColorType, SizeType, VariantType } from '../../types/theme';
+type OwnProps = {
+    icon: string;
+    variant?: VariantType;
+    color?: ColorType | ColorStatusType;
+    size?: SizeType;
+    fs?: number;
+};
+export type IconProps = OwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof OwnProps>;
+declare const Icon: import("react").ForwardRefExoticComponent<OwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof OwnProps> & import("react").RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/ui/Icon/Icon.js

@@ -0,0 +1,34 @@
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import css from "./Icon.module.scss";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const Icon = /*#__PURE__*/forwardRef((props, ref) => {
+  let {
+    children,
+    className,
+    size,
+    icon,
+    variant = 'outlined',
+    color,
+    fs,
+    ...spanProps
+  } = props;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("span", {
+      ref: ref,
+      ...spanProps,
+      className: clsx(className, 'Arm-Icon', {
+        [css['Icon_size_' + size]]: size,
+        'mi': variant === 'outlined',
+        'mis': variant === 'contained',
+        [css['Icon_color_' + color]]: color
+      }),
+      style: fs ? {
+        fontSize: fs + 'px'
+      } : undefined,
+      children: icon || children
+    })
+  });
+});
+export default Icon;

package/ui/Icon/Icon.module.scss

@@ -0,0 +1 @@
+@import "./../../assets/Icon";

package/ui/Icon/Mi.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from './Icon';
+import { TooltipProps } from '../../ui/Tooltip';
+export type MiProps = {
+    tooltipProps?: Omit<TooltipProps, 'text' | 'children'>;
+} & IconProps;
+export declare const Mi: (props: MiProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Icon/Mi.js

@@ -0,0 +1,24 @@
+import Icon from "./Icon";
+import Tooltip from "../Tooltip";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const Mi = props => {
+  const {
+    tooltipProps,
+    title,
+    ...iconProps
+  } = props;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: title ? /*#__PURE__*/_jsx(Tooltip, {
+      ...tooltipProps,
+      text: title,
+      children: /*#__PURE__*/_jsx(Icon, {
+        ...iconProps,
+        variant: 'outlined'
+      })
+    }) : /*#__PURE__*/_jsx(Icon, {
+      ...iconProps,
+      variant: 'outlined'
+    })
+  });
+};

package/ui/Icon/Mis.d.ts

@@ -0,0 +1,2 @@
+import { MiProps } from './Mi';
+export declare const Mis: (props: Omit<MiProps, 'variant'>) => import("react/jsx-runtime").JSX.Element;

package/ui/Icon/Mis.js

@@ -0,0 +1,11 @@
+import { Mi } from "./Mi";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const Mis = props => {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Mi, {
+      ...props,
+      variant: 'contained'
+    })
+  });
+};

package/ui/Icon/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Icon';
+export { Mi } from './Mi';
+export { Mis } from './Mis';
+export * from './Icon';

package/ui/Icon/index.js

@@ -0,0 +1,4 @@
+export { default } from "./Icon";
+export { Mi } from "./Mi";
+export { Mis } from "./Mis";
+export * from "./Icon";