armtek-uikit-react 1.0.18 → 1.0.20

package/assets/ButtonIcon.scss

@@ -1,4 +1,4 @@
-@import "./../assets/variables";
+@import "variables";
 
 .button_icon{
   padding: $size-step;

package/assets/variables.scss

@@ -1,16 +1,12 @@
-
-
 $font-family: 'Roboto';
-
-
 $size-elarge: 56px;
 $size-large: 42px;
 $size-medium: 36px;
 $size-small: 30px;
 $size-step: 8px;
-
 $radius: 4px;
 
+
 $color-primary: #0D46FF;
 $color-primary-dark: #0B3CD9;
 $color-primary-light: #0B3CD9;
@@ -57,6 +53,65 @@ $color-red-50: #FFF0F1;
 
 $box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
 
+:root{
+  --font-family: 'Roboto';
+  --size-elarge: 56px;
+  --size-large: 42px;
+  --size-medium: 36px;
+  --size-small: 30px;
+  --size-step: 8px;
+  --border-radius: 4px;
+
+  --color-primary: #0D46FF;
+  --color-primary-dark: #0B3CD9;
+  --color-primary-light: #0B3CD9;
+  --color-blue-800: #406DFF;
+  --color-blue-A100: #D9E2FF;
+  --color-blue-50: #F2F5FF;
+
+  --color-info: #0D46FF;
+  --color-info-dark: #0B3CD9;
+
+  --color-secondary: #FF7F00;
+  --color-secondary-dark: #D96C00;
+  --color-secondary-light: #FFA140;
+  --color-orange-800: #FF9426;
+  --color-orange-400: #FFC68C;
+  --color-orange-300: #FFD3A6;
+  --color-orange-100: #FFE6CC;
+  --color-orange-50: #FFF8F0;
+
+  --color-neutral: #4D5359;
+  --color-neutral-dark: #40454A;
+  --color-neutral-light: #9AA4AE;
+  --color-gray-900: #212529;
+  --color-gray-800: #40454A;
+  --color-gray-700: #4D5359;
+  --color-gray-600: #6C757D;
+  --color-gray-500: #9AA4AE;
+  --color-gray-400: #B1BCC6;
+  --color-gray-300: #D3DAE1;
+  --color-gray-200: #DFE2E6;
+  --color-gray-100: #E9ECEF;
+  --color-gray-50: #F8F9FA;
+
+  --color-greent-50: #F2FFFB;
+
+  --color-success: #0BD998;
+  --color-success-dark: #08996B;
+  --color-error: #FF3342;
+  --color-error-dark: #CC2935;
+  --color-warning: #FFC61A;
+  --color-warning-dark: #F7B519;
+
+  --color-red-50: #FFF0F1;
+
+  --box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
+}
+
+
+
+
 @mixin transition($time: 0.5s, $target: all, $animation: ease) {
   transition: $time $target $animation;
 }

package/index.d.ts

@@ -1,29 +0,0 @@
-export { default as Button } from './ui/Button/Button';
-export { default as ButtonIcon } from './ui/ButtonIcon';
-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';
-export type { AvatarProps } from './ui/Avatar/Avatar';
-export { default as AvatarGroup } from './ui/Avatar/AvatarGroup';
-export type { AvatarGroupProps } from './ui/Avatar/AvatarGroup';
-export { default as Badge } from './ui/Badge/Badge';
-export type { BadgeProps } from './ui/Badge/Badge';
-export { default as Card } from './ui/Card/Card';
-export type { CardProps } from './ui/Card/Card';
-export { default as Chip } from './ui/Chip/Chip';
-export type { ChipProps } from './ui/Chip/Chip';
-export { default as ListItem } from './ui/List/ListItem';
-export type { ListItemProps } from './ui/List/ListItem';
-export { default as Loader } from './ui/Loader/Loader';
-export type { LoaderProps } from './ui/Loader/Loader';
-export { default as Logo } from './ui/Logo/Logo';
-export type { LogoProps } from './ui/Logo/Logo';
-export { default as Slider } from './ui/Slider/Slider';
-export type { SliderProps } from './ui/Slider/Slider';
-export { default as Status } from './ui/Status/Status';
-export type { StatusProps } from './ui/Status/Status';
-export { default as Stepper } from './ui/Stepper/Stepper';
-export type { StepperProps } from './ui/Stepper/Stepper';
-export { default as Tooltip } from './ui/Tooltip/Tooltip';
-export type { TooltipProps } from './ui/Tooltip/Tooltip';

package/index.js

@@ -1,15 +1,42 @@
-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";
-export { default as AvatarGroup } from "./ui/Avatar/AvatarGroup";
-export { default as Badge } from "./ui/Badge/Badge";
-export { default as Card } from "./ui/Card/Card";
-export { default as Chip } from "./ui/Chip/Chip";
-export { default as ListItem } from "./ui/List/ListItem";
-export { default as Loader } from "./ui/Loader/Loader";
-export { default as Logo } from "./ui/Logo/Logo";
-export { default as Slider } from "./ui/Slider/Slider";
-export { default as Status } from "./ui/Status/Status";
-export { default as Stepper } from "./ui/Stepper/Stepper";
-export { default as Tooltip } from "./ui/Tooltip/Tooltip";
+// export {default as Button} from './ui/Button/Button'
+// export {default as ButtonIcon} from './ui/ButtonIcon'
+// 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'
+// export type {AvatarProps} from './ui/Avatar/Avatar'
+//
+// export {default as AvatarGroup} from './ui/AvatarGroup/AvatarGroup'
+// export type {AvatarGroupProps} from './ui/AvatarGroup/AvatarGroup'
+//
+// export {default as Badge} from './ui/Badge/Badge'
+// export type {BadgeProps} from './ui/Badge/Badge'
+//
+// export {default as Card} from './ui/Card/Card'
+// export type {CardProps} from './ui/Card/Card'
+//
+// export {default as Chip} from './ui/Chip/Chip'
+// export type {ChipProps} from './ui/Chip/Chip'
+//
+// export {default as ListItem} from './ui/List/ListItem'
+// export type {ListItemProps} from './ui/List/ListItem'
+//
+// export {default as Loader} from './ui/Loader/Loader'
+// export type {LoaderProps} from './ui/Loader/Loader'
+//
+// export {default as Logo} from './ui/Logo/Logo'
+// export type {LogoProps} from './ui/Logo/Logo'
+//
+// export {default as Slider} from './ui/Slider/Slider'
+// export type {SliderProps} from './ui/Slider/Slider'
+//
+// export {default as Status} from './ui/Status/Status'
+// export type {StatusProps} from './ui/Status/Status'
+//
+// export {default as Stepper} from './ui/Stepper/Stepper'
+// export type {StepperProps} from './ui/Stepper/Stepper'
+//
+// export {default as Tooltip} from './ui/Tooltip/Tooltip'
+// export type {TooltipProps} from './ui/Tooltip/Tooltip'

package/package.json

@@ -1 +1 @@
-{"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"}}
+{"name":"armtek-uikit-react","version":"1.0.20","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/index.d.ts

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

package/ui/Adornment/index.js

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

package/ui/Alert/index.d.ts

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

package/ui/Alert/index.js

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

package/ui/Avatar/index.d.ts

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

package/ui/Avatar/index.js

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

package/ui/{Avatar → AvatarGroup}/AvatarGroup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarProps } from './Avatar';
+import { AvatarProps } from '../Avatar/Avatar';
 export type AvatarGroupProps = {
     limit?: number;
     children: ReactNode;

package/ui/AvatarGroup/AvatarGroup.module.scss

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

package/ui/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AvatarGroup';
+export * from './AvatarGroup';

package/ui/AvatarGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from "./AvatarGroup";
+export * from "./AvatarGroup";

package/ui/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Badge';
+export * from './Badge';

package/ui/Badge/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Badge";
+export * from "./Badge";

package/ui/Button/index.d.ts

@@ -1,3 +1,2 @@
-import Button, { ButtonProps } from './Button';
-export { Button };
-export type { ButtonProps };
+export { default } from './Button';
+export * from './Button';

package/ui/Button/index.js

@@ -1,2 +1,2 @@
-import Button from "./Button";
-export { Button };
+export { default } from "./Button";
+export * from "./Button";

package/ui/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ButtonGroup';
+export * from './ButtonGroup';

package/ui/ButtonGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ButtonGroup";
+export * from "./ButtonGroup";

package/ui/ButtonIcon/ButtonIcon.d.ts

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

package/ui/ButtonIcon/ButtonIcon.js

@@ -0,0 +1,19 @@
+import Button from "../Button/Button";
+import clsx from 'clsx';
+import css from "./ButtonIcon.module.scss";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const ButtonIconClasses = ['button_icon'];
+
+// const css = getCssPrefix(ButtonIconClasses)
+
+const ButtonIcon = props => {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Button, {
+      ...props,
+      className: clsx(css.button_icon, props.className),
+      children: props.children
+    })
+  });
+};
+export default ButtonIcon;

package/ui/ButtonIcon/index.d.ts

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

package/ui/ButtonIcon/index.js

@@ -1,19 +1,2 @@
-import Button from "../Button/Button";
-import clsx from 'clsx';
-import css from "../Button/Button.module.scss";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const ButtonIconClasses = ['button_icon'];
-
-// const css = getCssPrefix(ButtonIconClasses)
-
-const ButtonIcon = props => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Button, {
-      ...props,
-      className: clsx(css.button_icon, props.className),
-      children: props.children
-    })
-  });
-};
-export default ButtonIcon;
+export { default } from "./ButtonIcon";
+export * from "./ButtonIcon";

package/ui/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Card';
+export * from './Card';

package/ui/Card/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Card";
+export * from "./Card";

package/ui/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Chip';
+export * from './Chip';

package/ui/Chip/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Chip";
+export * from "./Chip";

package/ui/Form/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Checkbox';
+export * from './Checkbox';

package/ui/Form/Checkbox/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Checkbox";
+export * from "./Checkbox";

package/ui/Form/DateField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DateField';
+export * from './DateField';

package/ui/Form/DateField/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DateField";
+export * from "./DateField";

package/ui/Form/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DatePicker';
+export * from './DatePicker';

package/ui/Form/DatePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DatePicker";
+export * from "./DatePicker";

package/ui/Form/Interval/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Interval';
+export { default as IntervalSlide } from './IntervalSlide';
+export * from './Interval';

package/ui/Form/Interval/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Interval";
+export { default as IntervalSlide } from "./IntervalSlide";
+export * from "./Interval";

package/ui/Form/Password/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Password';
+export * from './Password';

package/ui/Form/Password/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Password";
+export * from "./Password";

package/ui/Form/Period/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Period';
+export * from './Period';

package/ui/Form/Period/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Period";
+export * from "./Period";

package/ui/Form/{DatePicker → PeriodSelect}/PeriodSelect.js

@@ -1,6 +1,6 @@
 "use client";
 
-import DatePicker from "./DatePicker";
+import DatePicker from "../DatePicker/DatePicker";
 import { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/ui/Form/PeriodSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './PeriodSelect';
+export * from './PeriodSelect';

package/ui/Form/PeriodSelect/index.js

@@ -0,0 +1,2 @@
+export { default } from "./PeriodSelect";
+export * from "./PeriodSelect";

package/ui/Form/{Checkbox → Radio}/Radio.d.ts

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

package/ui/Form/{Checkbox → Radio}/Radio.js

@@ -1,6 +1,6 @@
-import Checkbox from "./Checkbox";
+import Checkbox from "../Checkbox/Checkbox";
 import clsx from 'clsx';
-import css from "./Checkbox.module.scss";
+import css from "./Radio.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const CssClasses = ['radio'];

package/ui/Form/Radio/Radio.module.scss

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

package/ui/Form/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Radio';
+export * from './Radio';

package/ui/Form/Radio/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Radio";
+export * from "./Radio";

package/ui/Form/Rating/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Rating';
+export * from './Rating';

package/ui/Form/Rating/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Rating";
+export * from "./Rating";

package/ui/Form/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Select';
+export * from './Select';

package/ui/Form/Select/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Select";
+export * from "./Select";

package/ui/Form/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Switch';
+export * from './Switch';

package/ui/Form/Switch/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Switch";
+export * from "./Switch";

package/ui/Form/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TextArea';
+export * from './TextArea';

package/ui/Form/TextArea/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TextArea";
+export * from "./TextArea";

package/ui/Form/TextField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TextField';
+export * from './TextField';

package/ui/Form/TextField/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TextField";
+export * from "./TextField";

package/ui/Form/{DateField → TimeField}/TimeField.d.ts

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

package/ui/Form/{DateField → TimeField}/TimeField.js

@@ -1,4 +1,4 @@
-import DateField from "./DateField";
+import DateField from "../DateField/DateField";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const TimeField = props => {

package/ui/Form/TimeField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TimeField';
+export * from './TimeField';

package/ui/Form/TimeField/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TimeField";
+export * from "./TimeField";

package/ui/Form/{DatePicker → TimePicker}/TimePicker.js

@@ -1,6 +1,6 @@
 "use client";
 
-import DatePicker from "./DatePicker";
+import DatePicker from "../DatePicker/DatePicker";
 import { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/ui/Form/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TimePicker';
+export * from './TimePicker';

package/ui/Form/TimePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TimePicker";
+export * from "./TimePicker";

package/ui/HelperText/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './HelperText';
+export * from './HelperText';

package/ui/HelperText/index.js

@@ -0,0 +1,2 @@
+export { default } from "./HelperText";
+export * from "./HelperText";

package/ui/List/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ListItem';
+export * from './ListItem';

package/ui/List/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ListItem";
+export * from "./ListItem";

package/ui/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Loader';
+export * from './Loader';

package/ui/Loader/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Loader";
+export * from "./Loader";

package/ui/Logo/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Logo';
+export * from './Logo';

package/ui/Logo/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Logo";
+export * from "./Logo";

package/ui/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Slider';
+export * from './Slider';

package/ui/Slider/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Slider";
+export * from "./Slider";

package/ui/Status/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Status';
+export * from './Status';

package/ui/Status/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Status";
+export * from "./Status";

package/ui/Stepper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Stepper';
+export * from './Stepper';

package/ui/Stepper/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Stepper";
+export * from "./Stepper";

package/ui/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tooltip';
+export * from './Tooltip';

package/ui/Tooltip/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Tooltip";
+export * from "./Tooltip";

package/ui/Avatar/AvatarGroup.module.scss

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