armtek-uikit-react 1.0.17 → 1.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +0 -29
- package/index.js +42 -15
- package/package.json +1 -1
- package/ui/Adornment/Adornment.module.scss +0 -1
- package/ui/Adornment/index.d.ts +2 -0
- package/ui/Adornment/index.js +2 -0
- package/ui/Alert/index.d.ts +2 -0
- package/ui/Alert/index.js +2 -0
- package/ui/Avatar/index.d.ts +2 -0
- package/ui/Avatar/index.js +2 -0
- package/ui/{Avatar → AvatarGroup}/AvatarGroup.d.ts +1 -1
- package/ui/AvatarGroup/AvatarGroup.module.scss +1 -0
- package/ui/AvatarGroup/index.d.ts +2 -0
- package/ui/AvatarGroup/index.js +2 -0
- package/ui/Badge/index.d.ts +2 -0
- package/ui/Badge/index.js +2 -0
- package/ui/Button/Button.d.ts +15 -0
- package/ui/Button/Button.js +42 -0
- package/ui/Button/index.d.ts +2 -15
- package/ui/Button/index.js +2 -42
- package/ui/ButtonGroup/ButtonGroup.d.ts +6 -0
- package/ui/ButtonGroup/ButtonGroup.js +24 -0
- package/ui/ButtonGroup/index.d.ts +2 -6
- package/ui/ButtonGroup/index.js +2 -24
- package/ui/ButtonIcon/ButtonIcon.d.ts +3 -0
- package/ui/ButtonIcon/ButtonIcon.js +19 -0
- package/ui/ButtonIcon/index.d.ts +2 -3
- package/ui/ButtonIcon/index.js +2 -19
- package/ui/Card/index.d.ts +2 -0
- package/ui/Card/index.js +2 -0
- package/ui/Chip/index.d.ts +2 -0
- package/ui/Chip/index.js +2 -0
- package/ui/Form/Checkbox/index.d.ts +2 -0
- package/ui/Form/Checkbox/index.js +2 -0
- package/ui/Form/DateField/index.d.ts +2 -0
- package/ui/Form/DateField/index.js +2 -0
- package/ui/Form/DatePicker/index.d.ts +2 -0
- package/ui/Form/DatePicker/index.js +2 -0
- package/ui/Form/Interval/index.d.ts +3 -0
- package/ui/Form/Interval/index.js +3 -0
- package/ui/Form/Password/index.d.ts +2 -0
- package/ui/Form/Password/index.js +2 -0
- package/ui/Form/Period/index.d.ts +2 -0
- package/ui/Form/Period/index.js +2 -0
- package/ui/Form/{DatePicker → PeriodSelect}/PeriodSelect.js +1 -1
- package/ui/Form/PeriodSelect/index.d.ts +2 -0
- package/ui/Form/PeriodSelect/index.js +2 -0
- package/ui/Form/{Checkbox → Radio}/Radio.d.ts +1 -1
- package/ui/Form/{Checkbox → Radio}/Radio.js +2 -2
- package/ui/Form/Radio/Radio.module.scss +1 -0
- package/ui/Form/Radio/index.d.ts +2 -0
- package/ui/Form/Radio/index.js +2 -0
- package/ui/Form/Rating/index.d.ts +2 -0
- package/ui/Form/Rating/index.js +2 -0
- package/ui/Form/Select/index.d.ts +2 -0
- package/ui/Form/Select/index.js +2 -0
- package/ui/Form/Switch/index.d.ts +2 -0
- package/ui/Form/Switch/index.js +2 -0
- package/ui/Form/TextArea/index.d.ts +2 -0
- package/ui/Form/TextArea/index.js +2 -0
- package/ui/Form/TextField/index.d.ts +2 -0
- package/ui/Form/TextField/index.js +2 -0
- package/ui/Form/{DateField → TimeField}/TimeField.d.ts +1 -1
- package/ui/Form/{DateField → TimeField}/TimeField.js +1 -1
- package/ui/Form/TimeField/index.d.ts +2 -0
- package/ui/Form/TimeField/index.js +2 -0
- package/ui/Form/{DatePicker → TimePicker}/TimePicker.js +1 -1
- package/ui/Form/TimePicker/index.d.ts +2 -0
- package/ui/Form/TimePicker/index.js +2 -0
- package/ui/HelperText/index.d.ts +2 -0
- package/ui/HelperText/index.js +2 -0
- package/ui/List/index.d.ts +2 -0
- package/ui/List/index.js +2 -0
- package/ui/Loader/Loader.d.ts +2 -1
- package/ui/Loader/Loader.js +7 -1
- package/ui/Loader/index.d.ts +2 -0
- package/ui/Loader/index.js +2 -0
- package/ui/Logo/index.d.ts +2 -0
- package/ui/Logo/index.js +2 -0
- package/ui/Slider/index.d.ts +2 -0
- package/ui/Slider/index.js +2 -0
- package/ui/Status/index.d.ts +2 -0
- package/ui/Status/index.js +2 -0
- package/ui/Stepper/StepItem.d.ts +1 -1
- package/ui/Stepper/StepItem.js +2 -2
- package/ui/Stepper/index.d.ts +2 -0
- package/ui/Stepper/index.js +2 -0
- package/ui/Tooltip/index.d.ts +2 -0
- package/ui/Tooltip/index.js +2 -0
- package/ui/Avatar/AvatarGroup.module.scss +0 -1
- /package/ui/{Avatar → AvatarGroup}/AvatarGroup.js +0 -0
- /package/ui/Form/{DatePicker → PeriodSelect}/PeriodSelect.d.ts +0 -0
- /package/ui/Form/{DatePicker → TimePicker}/TimePicker.d.ts +0 -0
package/index.d.ts
CHANGED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
export { default as Button } from './ui/Button';
|
|
2
|
-
export { default as ButtonIcon } from './ui/ButtonIcon';
|
|
3
|
-
export type { ButtonProps } from './ui/Button';
|
|
4
|
-
export { default as Alert } from './ui/Alert/Alert';
|
|
5
|
-
export type { AlertProps } from './ui/Alert/Alert';
|
|
6
|
-
export { default as Avatar } from './ui/Avatar/Avatar';
|
|
7
|
-
export type { AvatarProps } from './ui/Avatar/Avatar';
|
|
8
|
-
export { default as AvatarGroup } from './ui/Avatar/AvatarGroup';
|
|
9
|
-
export type { AvatarGroupProps } from './ui/Avatar/AvatarGroup';
|
|
10
|
-
export { default as Badge } from './ui/Badge/Badge';
|
|
11
|
-
export type { BadgeProps } from './ui/Badge/Badge';
|
|
12
|
-
export { default as Card } from './ui/Card/Card';
|
|
13
|
-
export type { CardProps } from './ui/Card/Card';
|
|
14
|
-
export { default as Chip } from './ui/Chip/Chip';
|
|
15
|
-
export type { ChipProps } from './ui/Chip/Chip';
|
|
16
|
-
export { default as ListItem } from './ui/List/ListItem';
|
|
17
|
-
export type { ListItemProps } from './ui/List/ListItem';
|
|
18
|
-
export { default as Loader } from './ui/Loader/Loader';
|
|
19
|
-
export type { LoaderProps } from './ui/Loader/Loader';
|
|
20
|
-
export { default as Logo } from './ui/Logo/Logo';
|
|
21
|
-
export type { LogoProps } from './ui/Logo/Logo';
|
|
22
|
-
export { default as Slider } from './ui/Slider/Slider';
|
|
23
|
-
export type { SliderProps } from './ui/Slider/Slider';
|
|
24
|
-
export { default as Status } from './ui/Status/Status';
|
|
25
|
-
export type { StatusProps } from './ui/Status/Status';
|
|
26
|
-
export { default as Stepper } from './ui/Stepper/Stepper';
|
|
27
|
-
export type { StepperProps } from './ui/Stepper/Stepper';
|
|
28
|
-
export { default as Tooltip } from './ui/Tooltip/Tooltip';
|
|
29
|
-
export type { TooltipProps } from './ui/Tooltip/Tooltip';
|
package/index.js
CHANGED
|
@@ -1,15 +1,42 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
10
|
-
|
|
11
|
-
export {
|
|
12
|
-
export {
|
|
13
|
-
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
1
|
+
// export {default as Button} from './ui/Button/Button'
|
|
2
|
+
// export {default as ButtonIcon} from './ui/ButtonIcon'
|
|
3
|
+
// export type {ButtonProps} from './ui/Button/Button'
|
|
4
|
+
//
|
|
5
|
+
// export {default as Alert} from './ui/Alert/Alert'
|
|
6
|
+
// export type {AlertProps} from './ui/Alert/Alert'
|
|
7
|
+
//
|
|
8
|
+
// export {default as Avatar} from './ui/Avatar/Avatar'
|
|
9
|
+
// export type {AvatarProps} from './ui/Avatar/Avatar'
|
|
10
|
+
//
|
|
11
|
+
// export {default as AvatarGroup} from './ui/AvatarGroup/AvatarGroup'
|
|
12
|
+
// export type {AvatarGroupProps} from './ui/AvatarGroup/AvatarGroup'
|
|
13
|
+
//
|
|
14
|
+
// export {default as Badge} from './ui/Badge/Badge'
|
|
15
|
+
// export type {BadgeProps} from './ui/Badge/Badge'
|
|
16
|
+
//
|
|
17
|
+
// export {default as Card} from './ui/Card/Card'
|
|
18
|
+
// export type {CardProps} from './ui/Card/Card'
|
|
19
|
+
//
|
|
20
|
+
// export {default as Chip} from './ui/Chip/Chip'
|
|
21
|
+
// export type {ChipProps} from './ui/Chip/Chip'
|
|
22
|
+
//
|
|
23
|
+
// export {default as ListItem} from './ui/List/ListItem'
|
|
24
|
+
// export type {ListItemProps} from './ui/List/ListItem'
|
|
25
|
+
//
|
|
26
|
+
// export {default as Loader} from './ui/Loader/Loader'
|
|
27
|
+
// export type {LoaderProps} from './ui/Loader/Loader'
|
|
28
|
+
//
|
|
29
|
+
// export {default as Logo} from './ui/Logo/Logo'
|
|
30
|
+
// export type {LogoProps} from './ui/Logo/Logo'
|
|
31
|
+
//
|
|
32
|
+
// export {default as Slider} from './ui/Slider/Slider'
|
|
33
|
+
// export type {SliderProps} from './ui/Slider/Slider'
|
|
34
|
+
//
|
|
35
|
+
// export {default as Status} from './ui/Status/Status'
|
|
36
|
+
// export type {StatusProps} from './ui/Status/Status'
|
|
37
|
+
//
|
|
38
|
+
// export {default as Stepper} from './ui/Stepper/Stepper'
|
|
39
|
+
// export type {StepperProps} from './ui/Stepper/Stepper'
|
|
40
|
+
//
|
|
41
|
+
// export {default as Tooltip} from './ui/Tooltip/Tooltip'
|
|
42
|
+
// export type {TooltipProps} from './ui/Tooltip/Tooltip'
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"armtek-uikit-react","version":"1.0.
|
|
1
|
+
{"name":"armtek-uikit-react","version":"1.0.19","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"}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "../../assets/AvatarGroup";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { ColorThemeType, ColorType, SizeType, VariantType } from '../../types/theme';
|
|
3
|
+
type OwnProps<T extends ElementType = ElementType> = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
size?: SizeType;
|
|
6
|
+
color?: ColorType | Exclude<ColorThemeType, 'white'>;
|
|
7
|
+
variant?: VariantType;
|
|
8
|
+
startAdornment?: string | ReactNode;
|
|
9
|
+
endAdornment?: string | ReactNode;
|
|
10
|
+
group?: 'inline' | 'column';
|
|
11
|
+
as?: T;
|
|
12
|
+
};
|
|
13
|
+
export type ButtonProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;
|
|
14
|
+
declare const Button: <T extends ElementType>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default Button;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import css from "./Button.module.scss";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
|
+
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'];
|
|
7
|
+
|
|
8
|
+
// const css = getCssPrefix(ButtonClasses)
|
|
9
|
+
|
|
10
|
+
const Button = props => {
|
|
11
|
+
let {
|
|
12
|
+
size = 'extraLarge',
|
|
13
|
+
color = 'primary',
|
|
14
|
+
variant = 'contained',
|
|
15
|
+
endAdornment,
|
|
16
|
+
startAdornment,
|
|
17
|
+
children,
|
|
18
|
+
className,
|
|
19
|
+
group,
|
|
20
|
+
as,
|
|
21
|
+
...restProps
|
|
22
|
+
} = props;
|
|
23
|
+
let Component = as || 'button';
|
|
24
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
25
|
+
children: /*#__PURE__*/_jsxs(Component, {
|
|
26
|
+
...restProps,
|
|
27
|
+
className: clsx(css.button, css['button_' + size], css['button_' + variant], css['button_' + color], className, {
|
|
28
|
+
[css['button_grouped_' + group]]: group
|
|
29
|
+
}),
|
|
30
|
+
children: [startAdornment && /*#__PURE__*/_jsx("div", {
|
|
31
|
+
className: clsx(css.button__adornment, css.button__adornment_start),
|
|
32
|
+
children: startAdornment
|
|
33
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
34
|
+
children: children
|
|
35
|
+
}), endAdornment && /*#__PURE__*/_jsx("div", {
|
|
36
|
+
className: clsx(css.button__adornment, css.button__adornment_end),
|
|
37
|
+
children: endAdornment
|
|
38
|
+
})]
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
export default Button;
|
package/ui/Button/index.d.ts
CHANGED
|
@@ -1,15 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
type OwnProps<T extends ElementType = ElementType> = {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
size?: SizeType;
|
|
6
|
-
color?: ColorType | Exclude<ColorThemeType, 'white'>;
|
|
7
|
-
variant?: VariantType;
|
|
8
|
-
startAdornment?: string | ReactNode;
|
|
9
|
-
endAdornment?: string | ReactNode;
|
|
10
|
-
group?: 'inline' | 'column';
|
|
11
|
-
as?: T;
|
|
12
|
-
};
|
|
13
|
-
export type ButtonProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;
|
|
14
|
-
declare const Index: <T extends ElementType>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export default Index;
|
|
1
|
+
export { default } from './Button';
|
|
2
|
+
export * from './Button';
|
package/ui/Button/index.js
CHANGED
|
@@ -1,42 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
|
-
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'];
|
|
7
|
-
|
|
8
|
-
// const css = getCssPrefix(ButtonClasses)
|
|
9
|
-
|
|
10
|
-
const Index = props => {
|
|
11
|
-
let {
|
|
12
|
-
size = 'extraLarge',
|
|
13
|
-
color = 'primary',
|
|
14
|
-
variant = 'contained',
|
|
15
|
-
endAdornment,
|
|
16
|
-
startAdornment,
|
|
17
|
-
children,
|
|
18
|
-
className,
|
|
19
|
-
group,
|
|
20
|
-
as,
|
|
21
|
-
...restProps
|
|
22
|
-
} = props;
|
|
23
|
-
let Component = as || 'button';
|
|
24
|
-
return /*#__PURE__*/_jsx(_Fragment, {
|
|
25
|
-
children: /*#__PURE__*/_jsxs(Component, {
|
|
26
|
-
...restProps,
|
|
27
|
-
className: clsx(css.button, css['button_' + size], css['button_' + variant], css['button_' + color], className, {
|
|
28
|
-
[css['button_grouped_' + group]]: group
|
|
29
|
-
}),
|
|
30
|
-
children: [startAdornment && /*#__PURE__*/_jsx("div", {
|
|
31
|
-
className: clsx(css.button__adornment, css.button__adornment_start),
|
|
32
|
-
children: startAdornment
|
|
33
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
34
|
-
children: children
|
|
35
|
-
}), endAdornment && /*#__PURE__*/_jsx("div", {
|
|
36
|
-
className: clsx(css.button__adornment, css.button__adornment_end),
|
|
37
|
-
children: endAdornment
|
|
38
|
-
})]
|
|
39
|
-
})
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
export default Index;
|
|
1
|
+
export { default } from "./Button";
|
|
2
|
+
export * from "./Button";
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import css from "../Button/Button.module.scss";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
5
|
+
const ButtonGroupClasses = ['button_group', 'button_group_inline', 'button_group_column'];
|
|
6
|
+
|
|
7
|
+
// const css = getCssPrefix(ButtonGroupClasses)
|
|
8
|
+
|
|
9
|
+
const ButtonGroup = props => {
|
|
10
|
+
let {
|
|
11
|
+
orientation = 'inline',
|
|
12
|
+
className,
|
|
13
|
+
children,
|
|
14
|
+
...restProps
|
|
15
|
+
} = props;
|
|
16
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
17
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
18
|
+
...restProps,
|
|
19
|
+
className: clsx(css.button_group, css['button_group_' + orientation], className),
|
|
20
|
+
children: children
|
|
21
|
+
})
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
export default ButtonGroup;
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
orientation?: 'column' | 'inline';
|
|
4
|
-
} & HTMLAttributes<HTMLDivElement>;
|
|
5
|
-
declare const ButtonGroup: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export default ButtonGroup;
|
|
1
|
+
export { default } from './ButtonGroup';
|
|
2
|
+
export * from './ButtonGroup';
|
package/ui/ButtonGroup/index.js
CHANGED
|
@@ -1,24 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
5
|
-
const ButtonGroupClasses = ['button_group', 'button_group_inline', 'button_group_column'];
|
|
6
|
-
|
|
7
|
-
// const css = getCssPrefix(ButtonGroupClasses)
|
|
8
|
-
|
|
9
|
-
const ButtonGroup = props => {
|
|
10
|
-
let {
|
|
11
|
-
orientation = 'inline',
|
|
12
|
-
className,
|
|
13
|
-
children,
|
|
14
|
-
...restProps
|
|
15
|
-
} = props;
|
|
16
|
-
return /*#__PURE__*/_jsx(_Fragment, {
|
|
17
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
18
|
-
...restProps,
|
|
19
|
-
className: clsx(css.button_group, css['button_group_' + orientation], className),
|
|
20
|
-
children: children
|
|
21
|
-
})
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
export default ButtonGroup;
|
|
1
|
+
export { default } from "./ButtonGroup";
|
|
2
|
+
export * from "./ButtonGroup";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import Button from "../Button/Button";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import css from "../Button/Button.module.scss";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
|
+
const ButtonIconClasses = ['button_icon'];
|
|
7
|
+
|
|
8
|
+
// const css = getCssPrefix(ButtonIconClasses)
|
|
9
|
+
|
|
10
|
+
const ButtonIcon = props => {
|
|
11
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
12
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
13
|
+
...props,
|
|
14
|
+
className: clsx(css.button_icon, props.className),
|
|
15
|
+
children: props.children
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
export default ButtonIcon;
|
package/ui/ButtonIcon/index.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export default ButtonIcon;
|
|
1
|
+
export { default } from './ButtonIcon';
|
|
2
|
+
export * from './ButtonIcon';
|
package/ui/ButtonIcon/index.js
CHANGED
|
@@ -1,19 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import css from "../Button/Button.module.scss";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
|
-
const ButtonIconClasses = ['button_icon'];
|
|
7
|
-
|
|
8
|
-
// const css = getCssPrefix(ButtonIconClasses)
|
|
9
|
-
|
|
10
|
-
const ButtonIcon = props => {
|
|
11
|
-
return /*#__PURE__*/_jsx(_Fragment, {
|
|
12
|
-
children: /*#__PURE__*/_jsx(Button, {
|
|
13
|
-
...props,
|
|
14
|
-
className: clsx(css.button_icon, props.className),
|
|
15
|
-
children: props.children
|
|
16
|
-
})
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
export default ButtonIcon;
|
|
1
|
+
export { default } from "./ButtonIcon";
|
|
2
|
+
export * from "./ButtonIcon";
|
package/ui/Card/index.js
ADDED
package/ui/Chip/index.js
ADDED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Checkbox from "
|
|
1
|
+
import Checkbox from "../Checkbox/Checkbox";
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import css from "./
|
|
3
|
+
import css from "./Radio.module.scss";
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
6
|
const CssClasses = ['radio'];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "../../../assets/Checkbox";
|
package/ui/List/index.js
ADDED
package/ui/Loader/Loader.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { SizeType } from '../../types/theme';
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
2
3
|
export type LoaderProps = {
|
|
3
4
|
size?: SizeType;
|
|
4
|
-
}
|
|
5
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
5
6
|
declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export default Loader;
|
package/ui/Loader/Loader.js
CHANGED
|
@@ -8,11 +8,17 @@ const CssClasses = ['loader'];
|
|
|
8
8
|
// const css = getCssPrefix(CssClasses)
|
|
9
9
|
|
|
10
10
|
const Loader = props => {
|
|
11
|
+
let {
|
|
12
|
+
size,
|
|
13
|
+
className,
|
|
14
|
+
...divProps
|
|
15
|
+
} = props;
|
|
11
16
|
let width = props.size === 'large' ? 25 : props.size === 'medium' ? 23 : props.size === 'small' ? 21 : 27;
|
|
12
17
|
let height = props.size === 'large' ? 24 : props.size === 'medium' ? 22 : props.size === 'small' ? 20 : 26;
|
|
13
18
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
14
19
|
children: /*#__PURE__*/_jsx("div", {
|
|
15
|
-
|
|
20
|
+
...divProps,
|
|
21
|
+
className: clsx(css.loader, 'material_icon', className),
|
|
16
22
|
children: /*#__PURE__*/_jsxs("svg", {
|
|
17
23
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18
24
|
width: width,
|
package/ui/Logo/index.js
ADDED
package/ui/Stepper/StepItem.d.ts
CHANGED
package/ui/Stepper/StepItem.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import StepItemIcon from "./StepItemIcon";
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import
|
|
3
|
+
import Button from "../Button/Button";
|
|
4
4
|
import css from "./StepItem.module.scss";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -43,7 +43,7 @@ const StepItem = props => {
|
|
|
43
43
|
className: css.stepItem__content,
|
|
44
44
|
children: [content || children, !!button && /*#__PURE__*/_jsx("div", {
|
|
45
45
|
className: css.stepItem__button,
|
|
46
|
-
children: /*#__PURE__*/_jsx(
|
|
46
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
47
47
|
...buttonProps,
|
|
48
48
|
children: button
|
|
49
49
|
})
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import "./../../assets/AvatarGroup";
|
|
File without changes
|
|
File without changes
|
|
File without changes
|