armtek-uikit-react 1.0.184 → 1.0.186

package/assets/styles.scss

@@ -1,47 +1,47 @@
 
-@import "global";
-@import "variables";
-@import "Accordion";
-@import "Adornment";
-@import "Avatar";
-@import "AvatarGroup";
-@import "BackDrop";
-@import "Badge";
-@import "Button";
-@import "ButtonGroup";
-@import "ButtonIcon";
-@import "Alert";
-@import "Card";
-@import "Checkbox";
-@import "Chip";
-@import "DateField";
-@import "DatePicker";
-@import "Dropdown";
-@import "FormControls";
-@import "HelperText";
-@import "Icon";
-@import "Interval";
-@import "Link";
-@import "ListItem";
-@import "Loader";
-@import "Logo";
-@import "Modal";
-@import "Paper";
-@import "Period";
-@import "Rating";
-@import "Select";
-@import "Skeleton";
-@import "Slider";
-@import "Stack";
-@import "Status";
-@import "StepItem";
-@import "StepItemIcon";
-@import "Stepper";
-@import "Switch";
-@import "Table";
-@import "TextField";
-@import "TextArea";
-@import "Tooltip";
-@import "Pagination";
-@import "Popper";
-@import "classes";
+@use "global";
+@use "variables";
+@use "Accordion";
+@use "Adornment";
+@use "Avatar";
+@use "AvatarGroup";
+@use "BackDrop";
+@use "Badge";
+@use "Button";
+@use "ButtonGroup";
+@use "ButtonIcon";
+@use "Alert";
+@use "Card";
+@use "Checkbox";
+@use "Chip";
+@use "DateField";
+@use "DatePicker";
+@use "Dropdown";
+@use "FormControls";
+@use "HelperText";
+@use "Icon";
+@use "Interval";
+@use "Link";
+@use "ListItem";
+@use "Loader";
+@use "Logo";
+@use "Modal";
+@use "Paper";
+@use "Period";
+@use "Rating";
+@use "Select";
+@use "Skeleton";
+@use "Slider";
+@use "Stack";
+@use "Status";
+@use "StepItem";
+@use "StepItemIcon";
+@use "Stepper";
+@use "Switch";
+@use "Table";
+@use "TextField";
+@use "TextArea";
+@use "Tooltip";
+@use "Pagination";
+@use "Popper";
+@use "classes";

package/assets/variables.scss

@@ -1,70 +1,8 @@
-$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;
-$color-blue-A100: #D9E2FF;
-$color-blue-50: #F2F5FF;
-$color-blue-100: #DFF0FF;
-$color-blue-400: #99C2FF;
-$color-blue-800: #406DFF;
-
-$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-green-50: #F2FFFB;
-$color-green-100: #DEFDEE;
-$color-green-300: #ACF7D6;
-
-$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;
-$color-red-100: #FCE1E1;
-
-$box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
-
-
 
 .react-datepicker-popper{
   z-index: 6;
 }
 
-
 @mixin transition($time: 0.5s, $target: all, $animation: ease) {
   transition: $time $target $animation;
 }

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.184","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"clsx":"^2.0.0","rc-slider":"^10.2.1","react":"<=18.0.0","react-datepicker":"^4.16.0","react-dom":"<=18.0.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.0.0","react-dom":"<=18.0.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.186","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"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":"*"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Accordion/Accordion.classes.d.ts

@@ -1,2 +1,5 @@
-declare const _default: Record<string | number, string>;
+declare const classes: {
+    [x: string]: string;
+};
+declare const _default: Record<keyof typeof classes | string, string>;
 export default _default;

package/ui/Button/Button.d.ts

@@ -20,20 +20,20 @@ type OwnProps<T extends ElementType = BtnType> = {
 };
 export type ButtonProps<T extends ElementType = BtnType> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
 declare const _default: <T extends ElementType = "button">(props: {
-    size?: SizeType | undefined;
-    color?: "black" | "green" | "red" | ColorType | undefined;
-    variant?: VariantType | undefined;
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
-    group?: "column" | "inline" | undefined;
-    radius?: boolean | undefined;
-    asIcon?: boolean | undefined;
-    theme?: ThemeType | undefined;
-    fullWidth?: boolean | undefined;
-    disablestyles?: string | undefined;
-    disabled?: boolean | undefined;
+    size?: SizeType;
+    color?: ColorType | Exclude<ColorThemeType, "white"> | Exclude<ColorBaseType, "blue">;
+    variant?: VariantType;
+    startAdornment?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    group?: "inline" | "column";
+    radius?: boolean;
+    asIcon?: boolean;
+    theme?: ThemeType;
+    fullWidth?: boolean;
+    disablestyles?: string;
+    disabled?: boolean;
     as?: T | undefined;
 } & {
     [dataAttibute: `data-${string}`]: string;
-} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "as" | "group" | "radius" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<any>) => JSX.Element;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<any>) => JSX.Element;
 export default _default;

package/ui/ButtonIcon/ButtonIcon.d.ts

@@ -6,20 +6,20 @@ export type ButtonIconProps<T extends ElementType = 'button'> = {
     iconProps?: Partial<IconProps>;
 };
 declare const _default: <T extends ElementType = "button">(props: ButtonIconProps<T> & {
-    size?: import("../../types/theme").SizeType | undefined;
-    color?: "black" | "green" | "red" | import("../../types/theme").ColorType | undefined;
-    variant?: import("../../types/theme").VariantType | undefined;
-    startAdornment?: import("react").ReactNode;
-    endAdornment?: import("react").ReactNode;
-    group?: "column" | "inline" | undefined;
-    radius?: boolean | undefined;
-    asIcon?: boolean | undefined;
-    theme?: import("../../types/theme").ThemeType | undefined;
-    fullWidth?: boolean | undefined;
-    disablestyles?: string | undefined;
-    disabled?: boolean | undefined;
+    size?: import("../../types/theme").SizeType;
+    color?: import("../../types/theme").ColorType | Exclude<import("../../types/theme").ColorThemeType, "white"> | Exclude<import("../../types/theme").ColorBaseType, "blue">;
+    variant?: import("../../types/theme").VariantType;
+    startAdornment?: string | import("react").ReactNode;
+    endAdornment?: string | import("react").ReactNode;
+    group?: "inline" | "column";
+    radius?: boolean;
+    asIcon?: boolean;
+    theme?: import("../../types/theme").ThemeType;
+    fullWidth?: boolean;
+    disablestyles?: string;
+    disabled?: boolean;
     as?: T | undefined;
 } & {
     [dataAttibute: `data-${string}`]: string;
-} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "as" | "group" | "radius" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<T>) => JSX.Element;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<T>) => JSX.Element;
 export default _default;

package/ui/Chip/Chip.d.ts

@@ -12,5 +12,5 @@ type OwnProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpanElement
     disabled?: boolean;
 };
 export type ChipProps<T extends ElementType = 'span'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
-declare function Chip<T extends ElementType>(props: ChipProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Chip<T extends ElementType = 'span'>(props: ChipProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Chip;

package/ui/Form/Checkbox/Checkbox.js

@@ -34,7 +34,8 @@ const Checkbox = props => {
         className: (0, _clsx.default)('arm-checkbox__label', ['arm-checkbox_' + size], ['arm-checkbox_' + variant], ['arm-checkbox_' + color], {
           'arm-checkbox__label_checked': inputProps.checked !== undefined ? inputProps.checked : checked,
           'arm-checkbox__label_intermediate': !!intermediate,
-          'arm-checkbox__label_disabled': !!inputProps.disabled
+          'arm-checkbox__label_disabled': !!inputProps.disabled,
+          'arm-radio__label': props.type === 'radio'
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           ...inputProps,

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

@@ -17,6 +17,8 @@ type OwnProps = {
     showTime?: boolean;
     showTimeOnly?: boolean;
     inputProps?: Omit<TextFieldProps, 'onChange' | 'value'> & DataAttributes;
+    showMonthYearPicker?: boolean;
+    showYearPicker?: boolean;
 };
 export type DateFieldProps = OwnProps & BaseInputProps & Omit<DatePickerProps, keyof OwnProps>;
 export declare const getDateFormat: (format?: string) => Record<string, any>;

package/ui/Form/DatePicker/DatePicker.js

@@ -33,7 +33,7 @@ const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       className: 'ui-datepicker',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
         ref: ref,
-        locale: 'ru',
+        locale: _ru.default,
         onChange: handleChange,
         inline: true,
         renderDayContents: renderDayContents,

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

@@ -1,19 +1,19 @@
 export declare const Password: import("react").ForwardRefExoticComponent<{
-    label?: string | undefined;
-    size?: "large" | "small" | undefined;
-    variant?: import("../../../types/theme").VariantType | undefined;
-    error?: boolean | undefined;
-    success?: boolean | undefined;
-    helperText?: import("react").ReactNode;
-    endAdornment?: import("react").ReactNode;
-    multiline?: boolean | undefined;
-    focused?: boolean | undefined;
-    editable?: boolean | undefined;
+    label?: string;
+    size?: Exclude<import("../../../types/theme").SizeType, "extraLarge" | "medium">;
+    variant?: import("../../../types/theme").VariantType;
+    error?: boolean;
+    success?: boolean;
+    helperText?: string | import("react").ReactNode;
+    endAdornment?: string | import("react").ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
     classes?: Partial<{
         input: string;
         root: string;
         wrapper: string;
-    }> | undefined;
-    WrapperProps?: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> | undefined;
+    }>;
+    WrapperProps?: import("react").ComponentPropsWithoutRef<"div">;
 } & Omit<import("react").InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<unknown>>;
 export default Password;

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

@@ -6,8 +6,8 @@ export type PeriodChangeEvent = (Event & {
     };
 });
 declare const Period: import("react").ForwardRefExoticComponent<{
-    format?: string | undefined;
-    onChange?: ((e: PeriodChangeEvent) => void) | undefined;
-    value?: [Date | null, Date | null] | undefined;
-} & Omit<TextFieldProps, "value" | "onChange"> & import("react").RefAttributes<unknown>>;
+    format?: string;
+    onChange?: (e: PeriodChangeEvent) => void;
+    value?: [Date | null, Date | null];
+} & Omit<TextFieldProps, "onChange" | "value"> & import("react").RefAttributes<unknown>>;
 export default Period;

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

@@ -1,21 +1,21 @@
 import { TextFieldProps } from '../TextField/TextField';
 export type TextAreaProps = {} & TextFieldProps;
 declare const TextArea: import("react").ForwardRefExoticComponent<{
-    label?: string | undefined;
-    size?: "large" | "small" | undefined;
-    variant?: import("../../../types/theme").VariantType | undefined;
-    error?: boolean | undefined;
-    success?: boolean | undefined;
-    helperText?: import("react").ReactNode;
-    endAdornment?: import("react").ReactNode;
-    multiline?: boolean | undefined;
-    focused?: boolean | undefined;
-    editable?: boolean | undefined;
+    label?: string;
+    size?: Exclude<import("../../../types/theme").SizeType, "extraLarge" | "medium">;
+    variant?: import("../../../types/theme").VariantType;
+    error?: boolean;
+    success?: boolean;
+    helperText?: string | import("react").ReactNode;
+    endAdornment?: string | import("react").ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
     classes?: Partial<{
         input: string;
         root: string;
         wrapper: string;
-    }> | undefined;
-    WrapperProps?: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> | undefined;
+    }>;
+    WrapperProps?: import("react").ComponentPropsWithoutRef<"div">;
 } & Omit<import("react").InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

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

@@ -16,18 +16,18 @@ export type TextFieldProps = {
     WrapperProps?: ComponentPropsWithoutRef<'div'>;
 } & Omit<InputHTMLAttributes<any>, 'size'>;
 export declare const TextField: import("react").ForwardRefExoticComponent<{
-    label?: string | undefined;
-    size?: "large" | "small" | undefined;
-    variant?: VariantType | undefined;
-    error?: boolean | undefined;
-    success?: boolean | undefined;
+    label?: string;
+    size?: Exclude<SizeType, "extraLarge" | "medium">;
+    variant?: VariantType;
+    error?: boolean;
+    success?: boolean;
     helperText?: string | ReactNode;
     endAdornment?: string | ReactNode;
-    multiline?: boolean | undefined;
-    focused?: boolean | undefined;
-    editable?: boolean | undefined;
-    classes?: Partial<Classes> | undefined;
-    WrapperProps?: Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> | undefined;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
+    classes?: Partial<Classes>;
+    WrapperProps?: ComponentPropsWithoutRef<"div">;
 } & Omit<InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<any>>;
 type ContainerPropsType = {
     focused?: boolean;
@@ -38,14 +38,14 @@ type ContainerPropsType = {
 } & HTMLAttributes<HTMLDivElement>;
 export declare const TextFieldContainer: (props: ContainerPropsType) => import("react/jsx-runtime").JSX.Element;
 export declare const TextFieldInput: import("react").ForwardRefExoticComponent<{
-    Component?: ElementType | undefined;
-    focused?: boolean | undefined;
-    size?: TextFieldProps['size'];
-    variant?: TextFieldProps['variant'];
-    multiline?: boolean | undefined;
-    error?: boolean | undefined;
-    label?: string | undefined;
-    wrapperClass?: string | undefined;
-    WrapperProps?: Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> | undefined;
+    Component?: ElementType;
+    focused?: boolean;
+    size?: TextFieldProps["size"];
+    variant?: TextFieldProps["variant"];
+    multiline?: boolean;
+    error?: boolean;
+    label?: string;
+    wrapperClass?: string;
+    WrapperProps?: ComponentPropsWithoutRef<"div">;
 } & Omit<InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<unknown>>;
 export default TextField;

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

@@ -1,26 +1,30 @@
 declare const TimeField: import("react").ForwardRefExoticComponent<{
-    onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    format?: string | undefined;
-    onInput?: ((e: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((e: import("../DateField/DateField").DateFieldChangeEvent) => void) | undefined;
-    value?: string | Date | null | undefined;
-    showTime?: boolean | undefined;
-    showTimeOnly?: boolean | undefined;
-    inputProps?: (Omit<import("../TextField").TextFieldProps, "value" | "onChange"> & import("../../../types/theme").DataAttributes) | undefined;
+    onClick?: (e: import("react").MouseEvent) => void;
+    format?: string;
+    onInput?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: import("../DateField/DateField").DateFieldChangeEvent) => void;
+    value?: Date | string | null;
+    showTime?: boolean;
+    showTimeOnly?: boolean;
+    inputProps?: Omit<import("../TextField").TextFieldProps, "onChange" | "value"> & import("../../../types/theme").DataAttributes;
+    showMonthYearPicker?: boolean;
+    showYearPicker?: boolean;
 } & {
     label?: string | undefined;
-    placeholder?: string | undefined;
-    className?: string | undefined;
+    className?: string | undefined | undefined;
+    placeholder?: string | undefined | undefined;
     error?: boolean | undefined;
     helperText?: import("react").ReactNode;
 } & Omit<import("../DatePicker").DatePickerProps, keyof {
-    onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    format?: string | undefined;
-    onInput?: ((e: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((e: import("../DateField/DateField").DateFieldChangeEvent) => void) | undefined;
-    value?: string | Date | null | undefined;
-    showTime?: boolean | undefined;
-    showTimeOnly?: boolean | undefined;
-    inputProps?: (Omit<import("../TextField").TextFieldProps, "value" | "onChange"> & import("../../../types/theme").DataAttributes) | undefined;
+    onClick?: (e: import("react").MouseEvent) => void;
+    format?: string;
+    onInput?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: import("../DateField/DateField").DateFieldChangeEvent) => void;
+    value?: Date | string | null;
+    showTime?: boolean;
+    showTimeOnly?: boolean;
+    inputProps?: Omit<import("../TextField").TextFieldProps, "onChange" | "value"> & import("../../../types/theme").DataAttributes;
+    showMonthYearPicker?: boolean;
+    showYearPicker?: boolean;
 }> & import("react").RefAttributes<HTMLInputElement>>;
 export default TimeField;

package/ui/Icon/Mis.d.ts

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

package/ui/Stepper/Stepper.d.ts

@@ -8,5 +8,5 @@ export type StepperProps = {
     orientation?: 'vertical' | 'horizontal';
     size?: StepItemProps['size'];
 };
-declare const Stepper: (props: StepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof StepperProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Stepper: (props: StepperProps & Omit<ComponentPropsWithoutRef<"div">, keyof StepperProps>) => import("react/jsx-runtime").JSX.Element;
 export default Stepper;

package/ui/Table/Table.d.ts

@@ -25,9 +25,9 @@ export type TableProps<T extends ItemType> = Omit<TableBaseProps, 'onClick'> & {
     getRow?: (item: T, index: number) => ReactNode;
 };
 export declare const Table: <T extends ItemType>(props: Omit<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "onClick"> & {
-    size?: SizeType | undefined;
-    variant?: VariantType | undefined;
-    color?: ColorType | undefined;
+    size?: SizeType;
+    variant?: VariantType;
+    color?: ColorType;
     classes?: ClassesType<T> | undefined;
     structure: TableColType<T>[];
     items: T[];