armtek-uikit-react 1.0.121 → 1.0.124

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.
Files changed (146) hide show
  1. package/assets/Accordion.scss +24 -24
  2. package/assets/Adornment.scss +5 -5
  3. package/assets/Alert.scss +8 -11
  4. package/assets/Avatar.scss +29 -27
  5. package/assets/AvatarGroup.scss +10 -12
  6. package/assets/BackDrop.scss +3 -4
  7. package/assets/Badge.scss +12 -14
  8. package/assets/Button.scss +107 -107
  9. package/assets/ButtonGroup.scss +3 -4
  10. package/assets/ButtonIcon.scss +19 -18
  11. package/assets/Card.scss +1 -2
  12. package/assets/Checkbox.scss +45 -46
  13. package/assets/Chip.scss +54 -55
  14. package/assets/Dropdown.scss +1 -2
  15. package/assets/FormControls.scss +3 -4
  16. package/assets/HelperText.scss +4 -5
  17. package/assets/Icon.scss +19 -19
  18. package/assets/Interval.scss +5 -6
  19. package/assets/Link.scss +16 -16
  20. package/assets/ListItem.scss +12 -12
  21. package/assets/Loader.scss +9 -9
  22. package/assets/Logo.scss +7 -7
  23. package/assets/Modal.scss +7 -7
  24. package/assets/Paper.scss +5 -5
  25. package/assets/Period.scss +2 -4
  26. package/assets/Rating.scss +5 -6
  27. package/assets/Select.scss +16 -16
  28. package/assets/Skeleton.scss +2 -2
  29. package/assets/Slider.scss +1 -1
  30. package/assets/Stack.scss +9 -10
  31. package/assets/Status.scss +11 -12
  32. package/assets/StepItem.scss +21 -22
  33. package/assets/StepItemIcon.scss +8 -9
  34. package/assets/Stepper.scss +6 -9
  35. package/assets/Switch.scss +9 -10
  36. package/assets/Table.scss +13 -15
  37. package/assets/TextArea.scss +7 -7
  38. package/assets/TextField.scss +56 -57
  39. package/assets/Tooltip.scss +2 -3
  40. package/assets/{global.css → classes.scss} +0 -230
  41. package/assets/global.scss +230 -0
  42. package/assets/styles.min.css +1 -0
  43. package/assets/styles.min.css.map +1 -0
  44. package/assets/styles.scss +27 -15
  45. package/lib/const/styles.d.ts +1 -1
  46. package/lib/const/styles.js +1 -1
  47. package/lib/helpers/getColorClasses.d.ts +1 -0
  48. package/lib/helpers/getColorClasses.js +11 -0
  49. package/lib/helpers/getSizeClasses.d.ts +1 -0
  50. package/lib/helpers/getSizeClasses.js +8 -0
  51. package/lib/helpers/getVariantClasses.d.ts +1 -0
  52. package/lib/helpers/getVariantClasses.js +8 -0
  53. package/lib/helpers/helpers.d.ts +17 -2
  54. package/lib/helpers/helpers.js +28 -11
  55. package/package.json +1 -1
  56. package/ui/Accordion/Accordion.classes.d.ts +2 -0
  57. package/ui/Accordion/Accordion.classes.js +29 -0
  58. package/ui/Accordion/Accordion.d.ts +1 -1
  59. package/ui/Accordion/Accordion.js +16 -14
  60. package/ui/Adornment/Adornment.js +5 -6
  61. package/ui/Alert/Alert.js +5 -6
  62. package/ui/Avatar/Avatar.js +11 -16
  63. package/ui/AvatarGroup/AvatarGroup.js +3 -8
  64. package/ui/BackDrop/BackDropBase.js +3 -4
  65. package/ui/Badge/Badge.js +6 -11
  66. package/ui/Button/Button.js +9 -10
  67. package/ui/ButtonGroup/ButtonGroup.js +1 -6
  68. package/ui/ButtonIcon/ButtonIcon.js +2 -7
  69. package/ui/Card/Card.d.ts +1 -1
  70. package/ui/Card/Card.js +1 -6
  71. package/ui/Chip/Chip.js +8 -13
  72. package/ui/Dropdown/Dropdown.js +6 -7
  73. package/ui/Form/Checkbox/Checkbox.js +11 -16
  74. package/ui/Form/FormControls/FormControls.js +5 -6
  75. package/ui/Form/Interval/Interval.js +5 -10
  76. package/ui/Form/Interval/IntervalSlide.js +1 -6
  77. package/ui/Form/Period/Period.js +2 -7
  78. package/ui/Form/Radio/Radio.js +1 -6
  79. package/ui/Form/Rating/Rating.js +3 -8
  80. package/ui/Form/Select/Select.js +6 -11
  81. package/ui/Form/Select/SelectSummary.js +12 -13
  82. package/ui/Form/Switch/Switch.js +3 -8
  83. package/ui/Form/TextArea/TextArea.js +2 -7
  84. package/ui/Form/TextField/TextField.js +19 -24
  85. package/ui/HelperText/HelperText.js +2 -7
  86. package/ui/Icon/Icon.js +5 -6
  87. package/ui/Link/Link.js +7 -8
  88. package/ui/List/ListItem.js +11 -16
  89. package/ui/Loader/Loader.js +4 -9
  90. package/ui/Logo/Logo.js +5 -10
  91. package/ui/Modal/BaseModal.js +6 -7
  92. package/ui/Modal/Modal.js +1 -2
  93. package/ui/Paper/Paper.js +4 -5
  94. package/ui/Skeleton/Skeleton.js +2 -3
  95. package/ui/Slider/Slider.js +1 -6
  96. package/ui/Stack/Stack.js +3 -4
  97. package/ui/Status/Status.js +4 -9
  98. package/ui/Stepper/StepItem.js +10 -15
  99. package/ui/Stepper/StepItemIcon.js +7 -12
  100. package/ui/Stepper/Stepper.js +3 -8
  101. package/ui/Table/TableBase.js +1 -2
  102. package/ui/Table/TableCell.js +6 -7
  103. package/ui/Table/TableRow.js +2 -3
  104. package/ui/Tooltip/Tooltip.js +1 -6
  105. package/ui/Accordion/Accordion.module.scss +0 -1
  106. package/ui/Adornment/Adornment.module.scss +0 -1
  107. package/ui/Alert/Alert.module.scss +0 -1
  108. package/ui/Avatar/Avatar.module.scss +0 -1
  109. package/ui/AvatarGroup/AvatarGroup.module.scss +0 -1
  110. package/ui/BackDrop/BackDrop.module.scss +0 -1
  111. package/ui/Badge/Badge.module.scss +0 -1
  112. package/ui/Button/Button.module.scss +0 -1
  113. package/ui/ButtonGroup/ButtonGroup.module.scss +0 -2
  114. package/ui/ButtonIcon/ButtonIcon.module.scss +0 -1
  115. package/ui/Card/Card.module.scss +0 -1
  116. package/ui/Chip/Chip.module.scss +0 -1
  117. package/ui/Dropdown/Dropdown.module.scss +0 -1
  118. package/ui/Form/Checkbox/Checkbox.module.scss +0 -1
  119. package/ui/Form/DateField/DateField.module.scss +0 -1
  120. package/ui/Form/DatePicker/DatePicker.module.scss +0 -1
  121. package/ui/Form/FormControls/FormControls.module.scss +0 -1
  122. package/ui/Form/Interval/Interval.module.scss +0 -1
  123. package/ui/Form/Period/Period.module.scss +0 -2
  124. package/ui/Form/Radio/Radio.module.scss +0 -1
  125. package/ui/Form/Rating/Rating.module.scss +0 -1
  126. package/ui/Form/Select/Select.module.scss +0 -1
  127. package/ui/Form/Switch/Switch.module.scss +0 -1
  128. package/ui/Form/TextArea/TextArea.module.scss +0 -1
  129. package/ui/Form/TextField/TextField.module.scss +0 -2
  130. package/ui/HelperText/HelperText.module.scss +0 -1
  131. package/ui/Icon/Icon.module.scss +0 -1
  132. package/ui/Link/Link.module.scss +0 -1
  133. package/ui/List/ListItem.module.scss +0 -1
  134. package/ui/Loader/Loader.module.scss +0 -1
  135. package/ui/Logo/Logo.module.scss +0 -1
  136. package/ui/Modal/Modal.module.scss +0 -1
  137. package/ui/Paper/Paper.module.scss +0 -1
  138. package/ui/Skeleton/Skeleton.module.scss +0 -1
  139. package/ui/Slider/Slider.module.scss +0 -1
  140. package/ui/Stack/Stack.module.scss +0 -1
  141. package/ui/Status/Status.module.scss +0 -1
  142. package/ui/Stepper/StepItem.module.scss +0 -1
  143. package/ui/Stepper/StepItemIcon.module.scss +0 -1
  144. package/ui/Stepper/Stepper.module.scss +0 -1
  145. package/ui/Table/Table.module.scss +0 -1
  146. package/ui/Tooltip/Tooltip.module.scss +0 -1
@@ -1,14 +1,9 @@
1
1
  import clsx from 'clsx';
2
2
  import Checkbox from "../Form/Checkbox/Checkbox";
3
3
  import Adornment, { AdornmentContainer } from "../Adornment/Adornment";
4
- import css from "./ListItem.module.scss";
5
4
  import { jsx as _jsx } from "react/jsx-runtime";
6
5
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
6
  import { Fragment as _Fragment } from "react/jsx-runtime";
8
- const CssClasses = ['listitem', 'listitem_active', 'listitem_divider', 'listitemText'];
9
-
10
- // const css = getCssPrefix(CssClasses)
11
-
12
7
  function ListItem(props) {
13
8
  let {
14
9
  children,
@@ -28,13 +23,13 @@ function ListItem(props) {
28
23
  return /*#__PURE__*/_jsx(_Fragment, {
29
24
  children: /*#__PURE__*/_jsxs(Component, {
30
25
  ...restProps,
31
- className: clsx(css.listitem, className, {
32
- [css.listitem_active]: !!active || !!checked,
33
- [css.listitem_divider]: !!divider,
34
- [css.listitem_disabled]: !!restProps.disabled,
35
- [css.listitem_endAdornment]: !!endAdornment,
36
- [css.listitem_startAdornment]: withStartAdornment,
37
- [css.listitem_dark]: theme === 'dark'
26
+ className: clsx('arm-listitem', className, {
27
+ 'arm-listitem_active': !!active || !!checked,
28
+ 'arm-listitem_divider': !!divider,
29
+ 'arm-listitem_disabled': !!restProps.disabled,
30
+ 'arm-listitem_endAdornment': !!endAdornment,
31
+ 'arm-listitem_startAdornment': withStartAdornment,
32
+ 'arm-listitem_dark': theme === 'dark'
38
33
  }),
39
34
  children: [withStartAdornment && /*#__PURE__*/_jsxs(AdornmentContainer, {
40
35
  children: [checked !== undefined && /*#__PURE__*/_jsx(Adornment, {
@@ -52,14 +47,14 @@ function ListItem(props) {
52
47
  children: startAdornment
53
48
  })]
54
49
  }), /*#__PURE__*/_jsxs("span", {
55
- className: clsx(css.listitem__Content, {
56
- [css.listitem__Content_adornment_left]: withStartAdornment
50
+ className: clsx('arm-listitem__content', {
51
+ 'arm-listitem__content_adornment_left': withStartAdornment
57
52
  }),
58
53
  children: [/*#__PURE__*/_jsx("span", {
59
- className: clsx(css.listitemText),
54
+ className: 'arm-listitem__text',
60
55
  children: children
61
56
  }), title && /*#__PURE__*/_jsx("span", {
62
- className: css.listitem__helper,
57
+ className: 'arm-listitem__helper',
63
58
  children: title
64
59
  })]
65
60
  }), !!endAdornment && /*#__PURE__*/_jsx(AdornmentContainer, {
@@ -1,11 +1,6 @@
1
1
  import clsx from 'clsx';
2
- import css from "./Loader.module.scss";
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  import { Fragment as _Fragment } from "react/jsx-runtime";
5
- const CssClasses = ['loader'];
6
-
7
- // const css = getCssPrefix(CssClasses)
8
-
9
4
  const Loader = props => {
10
5
  let {
11
6
  size,
@@ -17,10 +12,10 @@ const Loader = props => {
17
12
  return /*#__PURE__*/_jsx(_Fragment, {
18
13
  children: /*#__PURE__*/_jsx("div", {
19
14
  ...divProps,
20
- className: clsx(css.loader, {
21
- [css['loader_size_' + size]]: size,
22
- [css['loader_theme_' + theme]]: theme,
23
- [css['loader_color_' + color]]: color
15
+ className: clsx('arm-loader', {
16
+ ['arm-loader_size_' + size]: size,
17
+ ['arm-loader_theme_' + theme]: theme,
18
+ ['arm-loader_color_' + color]: color
24
19
  }, 'material_icon', className)
25
20
  })
26
21
  });
package/ui/Logo/Logo.js CHANGED
@@ -1,12 +1,7 @@
1
1
  import clsx from 'clsx';
2
- import css from "./Logo.module.scss";
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  import { jsxs as _jsxs } from "react/jsx-runtime";
5
4
  import { Fragment as _Fragment } from "react/jsx-runtime";
6
- const CssClasses = ['logo', 'logo_shape', 'logo__inner', 'logo__img', 'logo__description', 'logo_inverse'];
7
-
8
- // const css = getCssPrefix(CssClasses)
9
-
10
5
  const Logo = props => {
11
6
  let {
12
7
  description,
@@ -25,14 +20,14 @@ const Logo = props => {
25
20
  return /*#__PURE__*/_jsx(_Fragment, {
26
21
  children: /*#__PURE__*/_jsx("div", {
27
22
  ...restProps,
28
- className: clsx('Arm-logo', css.logo, {
29
- [css.logo_inverse]: inverse,
30
- [css.logo_shape]: shape
23
+ className: clsx('arm-logo', {
24
+ 'arm-logo_inverse': inverse,
25
+ 'arm-logo_shape': shape
31
26
  }, className),
32
27
  children: /*#__PURE__*/_jsxs("div", {
33
28
  className: "logo__inner",
34
29
  children: [/*#__PURE__*/_jsx("div", {
35
- className: css.logo__img,
30
+ className: 'arm-logo__img',
36
31
  children: href ? /*#__PURE__*/_jsx("a", {
37
32
  href: href,
38
33
  ...linkProps,
@@ -57,7 +52,7 @@ const Logo = props => {
57
52
  })
58
53
  })
59
54
  }), description && /*#__PURE__*/_jsx("div", {
60
- className: css.logo__description,
55
+ className: 'arm-logo__description',
61
56
  children: description
62
57
  })]
63
58
  })
@@ -1,4 +1,3 @@
1
- import css from "./Modal.module.scss";
2
1
  import clsx from 'clsx';
3
2
  import FormControls from "../Form/FormControls";
4
3
  import ButtonIcon from "../ButtonIcon";
@@ -22,15 +21,15 @@ export const BaseModal = props => {
22
21
  return /*#__PURE__*/_jsx(_Fragment, {
23
22
  children: /*#__PURE__*/_jsxs("div", {
24
23
  ...divProps,
25
- className: clsx(className, 'Arm-Modal', classes == null ? void 0 : classes['Arm-Modal'], css.Modal),
24
+ className: clsx(className, 'arm-modal', classes == null ? void 0 : classes['Arm-Modal']),
26
25
  children: [title && /*#__PURE__*/_jsx("div", {
27
- className: clsx('Arm-Modal__header', classes == null ? void 0 : classes['Arm-Modal__header'], css.Modal__header),
26
+ className: clsx('arm-modal__header', classes == null ? void 0 : classes['Arm-Modal__header']),
28
27
  children: /*#__PURE__*/_jsxs("div", {
29
- className: clsx('Arm-Modal__title', classes == null ? void 0 : classes['Arm-Modal__title'], css.Modal__title),
28
+ className: clsx('arm-modal__title', classes == null ? void 0 : classes['Arm-Modal__title']),
30
29
  children: [title, onClose && /*#__PURE__*/_jsx(ButtonIcon, {
31
30
  variant: 'transparent',
32
31
  onClick: onClose,
33
- className: clsx('Arm-Modal__close', classes == null ? void 0 : classes['Arm-Modal__close'], css.Modal__close),
32
+ className: clsx('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
34
33
  color: 'neutral',
35
34
  size: 'medium',
36
35
  children: /*#__PURE__*/_jsx("span", {
@@ -40,12 +39,12 @@ export const BaseModal = props => {
40
39
  })]
41
40
  })
42
41
  }), /*#__PURE__*/_jsx("div", {
43
- className: clsx('Arm-Modal__body', classes == null ? void 0 : classes['Arm-Modal__body'], css.Modal__body),
42
+ className: clsx('arm-modal__body', classes == null ? void 0 : classes['Arm-Modal__body']),
44
43
  children: /*#__PURE__*/_jsx("div", {
45
44
  children: children
46
45
  })
47
46
  }), showControls && /*#__PURE__*/_jsx("div", {
48
- className: clsx('Arm-Modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer'], css.Modal__footer),
47
+ className: clsx('arm-modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer']),
49
48
  children: /*#__PURE__*/_jsx(FormControls, {
50
49
  className: classes == null ? void 0 : classes['Arm-FormControls'],
51
50
  onSubmit: onSubmit,
package/ui/Modal/Modal.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { BaseModal } from "./BaseModal";
2
2
  import BackDrop from "../BackDrop";
3
- import css from "./Modal.module.scss";
4
3
  import { jsx as _jsx } from "react/jsx-runtime";
5
4
  import { Fragment as _Fragment } from "react/jsx-runtime";
6
5
  const Modal = props => {
@@ -14,7 +13,7 @@ const Modal = props => {
14
13
  children: /*#__PURE__*/_jsx(BackDrop, {
15
14
  width: width,
16
15
  onClick: modalProps.onClose,
17
- className: css.Modal__backdrop,
16
+ className: 'arm-modal__backdrop',
18
17
  children: /*#__PURE__*/_jsx(BaseModal, {
19
18
  ...modalProps
20
19
  })
package/ui/Paper/Paper.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import clsx from 'clsx';
2
- import css from "./Paper.module.scss";
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  import { Fragment as _Fragment } from "react/jsx-runtime";
5
4
  const Paper = props => {
@@ -12,10 +11,10 @@ const Paper = props => {
12
11
  } = props;
13
12
  return /*#__PURE__*/_jsx(_Fragment, {
14
13
  children: /*#__PURE__*/_jsx("div", {
15
- className: clsx(css.Paper, 'Arm-Paper', className, {
16
- [css.Paper_elevation]: variant === 'elevation',
17
- [css.Paper_outlined]: variant === 'outlined',
18
- [css.Paper_dark]: theme === 'dark'
14
+ className: clsx('arm-paper', className, {
15
+ 'arm-paper_elevation': variant === 'elevation',
16
+ 'arm-paper_outlined': variant === 'outlined',
17
+ 'arm-paper_dark': theme === 'dark'
19
18
  }),
20
19
  ...divPops,
21
20
  children: children
@@ -1,4 +1,3 @@
1
- import css from "./Skeleton.module.scss";
2
1
  import clsx from 'clsx';
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  const Skeleton = props => {
@@ -11,8 +10,8 @@ const Skeleton = props => {
11
10
  } = props;
12
11
  return /*#__PURE__*/_jsx("div", {
13
12
  ...divProps,
14
- className: clsx(className, css.skeleton, {
15
- [css.skeleton_circle]: !!circle
13
+ className: clsx(className, 'arm-skeleton', {
14
+ 'arm-skeleton_circle': !!circle
16
15
  }),
17
16
  style: {
18
17
  width: typeof width === 'number' ? width + 'px' : width,
@@ -1,14 +1,9 @@
1
1
  import RcSlider from 'rc-slider';
2
2
  import '!style-loader!css-loader!./style.css';
3
3
  import HelperText from "../HelperText/HelperText";
4
- import css from "./Slider.module.scss";
5
4
  import { jsx as _jsx } from "react/jsx-runtime";
6
5
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
6
  import { Fragment as _Fragment } from "react/jsx-runtime";
8
- const CssClasses = ['slider__helperText'];
9
-
10
- // const css = getCssPrefix(CssClasses)
11
-
12
7
  const Slider = props => {
13
8
  let {
14
9
  size = 'large',
@@ -20,7 +15,7 @@ const Slider = props => {
20
15
  ...restProps,
21
16
  className: '_' + size
22
17
  }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/_jsxs("div", {
23
- className: css.slider__helperText,
18
+ className: 'arm-slider__text',
24
19
  children: [/*#__PURE__*/_jsx("div", {
25
20
  children: /*#__PURE__*/_jsx(HelperText, {
26
21
  children: restProps.min
package/ui/Stack/Stack.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { cloneElement } from 'react';
2
2
  import clsx from 'clsx';
3
- import css from "./Stack.module.scss";
4
3
  import { jsx as _jsx } from "react/jsx-runtime";
5
4
  import { Fragment as _Fragment } from "react/jsx-runtime";
6
5
  const Stack = props => {
@@ -27,10 +26,10 @@ const Stack = props => {
27
26
  return /*#__PURE__*/_jsx(_Fragment, {
28
27
  children: /*#__PURE__*/_jsx("div", {
29
28
  ...divProps,
30
- className: clsx('Arm-Stack', 'flex', className, {
29
+ className: clsx('arm-stack', 'flex', className, {
31
30
  'flex-wrap': !!wrap,
32
31
  'items-center': center,
33
- [css['stack_spacing_' + spacing]]: !!spacing
32
+ ['arm-stack_spacing_' + spacing]: !!spacing
34
33
  }),
35
34
  children: childrenProp
36
35
  })
@@ -43,7 +42,7 @@ const StackItem = props => {
43
42
  } = props;
44
43
  return /*#__PURE__*/_jsx("div", {
45
44
  className: clsx({
46
- [css['stackItem_spacing_' + spacing]]: !!spacing
45
+ ['arm-stack-item_spacing_' + spacing]: !!spacing
47
46
  }),
48
47
  children: children
49
48
  });
@@ -1,12 +1,7 @@
1
1
  import clsx from 'clsx';
2
- import css from "./Status.module.scss";
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  import { jsxs as _jsxs } from "react/jsx-runtime";
5
4
  import { Fragment as _Fragment } from "react/jsx-runtime";
6
- const CssClasses = ['status', 'status_primary', 'status_secondary', 'status_neutral', 'status_error', 'status_warning', 'status_info', 'status_success', 'status__content', 'status__icon'];
7
-
8
- // const css = getCssPrefix(CssClasses)
9
-
10
5
  function Status(props) {
11
6
  let {
12
7
  color,
@@ -22,14 +17,14 @@ function Status(props) {
22
17
  return /*#__PURE__*/_jsx(_Fragment, {
23
18
  children: /*#__PURE__*/_jsxs(Component, {
24
19
  ...restProps,
25
- className: clsx(css.status, css['status_' + color], className, {
26
- [css['status_size_' + size]]: !!size
20
+ className: clsx('arm-status', ['arm-status_' + color], className, {
21
+ ['arm-status_size_' + size]: !!size
27
22
  }),
28
23
  children: [/*#__PURE__*/_jsx("span", {
29
- className: css.status__content,
24
+ className: 'arm-status__content',
30
25
  children: text || children
31
26
  }), icon && /*#__PURE__*/_jsx("span", {
32
- className: clsx(css.status__icon, 'material_icon'),
27
+ className: clsx('arm-status__icon', 'material_icon'),
33
28
  children: icon
34
29
  })]
35
30
  })
@@ -1,14 +1,9 @@
1
1
  import StepItemIcon from "./StepItemIcon";
2
2
  import clsx from 'clsx';
3
3
  import Button from "../Button/Button";
4
- import css from "./StepItem.module.scss";
5
4
  import { jsx as _jsx } from "react/jsx-runtime";
6
5
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
6
  import { Fragment as _Fragment } from "react/jsx-runtime";
8
- const CssClasses = ['stepItem', 'stepItem__inner', 'stepItem__title', 'stepItem__title_error', 'stepItem__content', 'stepItem__button', 'stepItem_horizontal', 'stepItem_last', 'status_info', 'status_success', 'status__content', 'status__icon'];
9
-
10
- // const css = getCssPrefix(CssClasses)
11
-
12
7
  const StepItem = props => {
13
8
  let {
14
9
  title,
@@ -22,28 +17,28 @@ const StepItem = props => {
22
17
  } = props;
23
18
  return /*#__PURE__*/_jsx(_Fragment, {
24
19
  children: /*#__PURE__*/_jsxs("div", {
25
- className: clsx(css.stepItem, css['stepItem_' + props.size], {
26
- [css.stepItem_last]: last,
27
- [css.stepItem_horizontal]: orientation === 'horizontal'
20
+ className: clsx('arm-step-item', ['arm-step-item_' + props.size], {
21
+ 'arm-step-item_last': last,
22
+ 'arm-step-item_horizontal': orientation === 'horizontal'
28
23
  }),
29
24
  children: [/*#__PURE__*/_jsxs("div", {
30
- className: css.stepItem__inner,
25
+ className: 'arm-step-item__inner',
31
26
  children: [/*#__PURE__*/_jsx("div", {
32
- className: css.stepItem__icon,
27
+ className: 'arm-step-item__icon',
33
28
  children: /*#__PURE__*/_jsx(StepItemIcon, {
34
29
  ...iconProps
35
30
  })
36
31
  }), !!title && /*#__PURE__*/_jsx("p", {
37
- className: clsx(css.stepItem__title, {
38
- [css.stepItem__title_error]: iconProps.error,
39
- [css.stepItem__title_with_content]: content || children
32
+ className: clsx('arm-step-item__title', {
33
+ 'arm-step-item__title_error': iconProps.error,
34
+ 'arm-step-item__title_with_content': content || children
40
35
  }),
41
36
  children: title
42
37
  })]
43
38
  }), /*#__PURE__*/_jsxs("div", {
44
- className: css.stepItem__content,
39
+ className: 'arm-step-item__content',
45
40
  children: [content || children, !!button && /*#__PURE__*/_jsx("div", {
46
- className: css.stepItem__button,
41
+ className: 'arm-step-item__button',
47
42
  children: /*#__PURE__*/_jsx(Button, {
48
43
  ...buttonProps,
49
44
  children: button
@@ -1,11 +1,6 @@
1
1
  import clsx from 'clsx';
2
- import css from "./StepItemIcon.module.scss";
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  import { Fragment as _Fragment } from "react/jsx-runtime";
5
- const CssClasses = ['stepItemIcon', 'stepItemIcon__number', 'stepItemIcon_small', 'stepItemIcon_active', 'stepItemIcon_complete', 'stepItemIcon_error', 'stepItemIcon__inner'];
6
-
7
- // const css = getCssPrefix(CssClasses)
8
-
9
4
  const StepItemIcon = props => {
10
5
  let icon = '';
11
6
  if (!props.number) {
@@ -13,19 +8,19 @@ const StepItemIcon = props => {
13
8
  }
14
9
  return /*#__PURE__*/_jsx(_Fragment, {
15
10
  children: /*#__PURE__*/_jsx("div", {
16
- className: clsx(css.stepItemIcon, css['stepItemIcon_' + props.size], {
17
- [css.stepItemIcon_active]: props.active,
18
- [css.stepItemIcon_error]: props.error,
19
- [css.stepItemIcon_complete]: props.complete,
20
- [css.stepItemIcon_icon]: !props.icon
11
+ className: clsx('arm-step-item-icon', ['arm-step-item-icon_' + props.size], {
12
+ ['arm-step-item-icon_active']: props.active,
13
+ ['arm-step-item-icon_error']: props.error,
14
+ ['arm-step-item-icon_complete']: props.complete,
15
+ ['arm-step-item-icon_icon']: !props.icon
21
16
  }),
22
17
  children: /*#__PURE__*/_jsx("span", {
23
- className: css.stepItemIcon__inner,
18
+ className: 'arm-step-item-icon__inner',
24
19
  children: !props.error ? !props.number ? /*#__PURE__*/_jsx("span", {
25
20
  className: 'material_icon_solid',
26
21
  children: icon
27
22
  }) : /*#__PURE__*/_jsx("span", {
28
- className: css.stepItemIcon__number,
23
+ className: 'arm-step-item-icon__number',
29
24
  children: props.number
30
25
  }) : /*#__PURE__*/_jsx("span", {
31
26
  className: 'material_icon_solid',
@@ -1,14 +1,9 @@
1
1
  import StepItem from "./StepItem";
2
2
  import clsx from 'clsx';
3
3
  import { Fragment } from 'react';
4
- import css from "./Stepper.module.scss";
5
4
  import { jsx as _jsx } from "react/jsx-runtime";
6
5
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
6
  import { Fragment as _Fragment } from "react/jsx-runtime";
8
- const CssClasses = ['stepper', 'stepper_horizontal', 'stepper__connector', 'stepper_small'];
9
-
10
- // const css = getCssPrefix(CssClasses)
11
-
12
7
  const Stepper = props => {
13
8
  var _props$steps;
14
9
  let {
@@ -16,8 +11,8 @@ const Stepper = props => {
16
11
  } = props;
17
12
  return /*#__PURE__*/_jsx(_Fragment, {
18
13
  children: /*#__PURE__*/_jsx("div", {
19
- className: clsx(css.stepper, css['stepper_' + props.size], {
20
- [css.stepper_horizontal]: orientation === 'horizontal'
14
+ className: clsx('arm-stepper', ['arm-stepper_' + props.size], {
15
+ ['arm-stepper_horizontal']: orientation === 'horizontal'
21
16
  }),
22
17
  children: (_props$steps = props.steps) == null ? void 0 : _props$steps.map((item, index) => {
23
18
  var _props$steps2;
@@ -34,7 +29,7 @@ const Stepper = props => {
34
29
  orientation: orientation,
35
30
  size: props.size
36
31
  }), index + 1 < props.steps.length && /*#__PURE__*/_jsx("div", {
37
- className: css.stepper__connector
32
+ className: 'arm-stepper__connector'
38
33
  })]
39
34
  }, index);
40
35
  })
@@ -1,5 +1,4 @@
1
1
  import { forwardRef } from 'react';
2
- import css from "./Table.module.scss";
3
2
  import clsx from 'clsx';
4
3
  import { jsx as _jsx } from "react/jsx-runtime";
5
4
  export const TableBase = /*#__PURE__*/forwardRef((props, ref) => {
@@ -11,7 +10,7 @@ export const TableBase = /*#__PURE__*/forwardRef((props, ref) => {
11
10
  return /*#__PURE__*/_jsx("table", {
12
11
  ...tableProps,
13
12
  ref: ref,
14
- className: clsx(className, css.table),
13
+ className: clsx(className, 'arm-table'),
15
14
  children: children
16
15
  });
17
16
  });
@@ -1,5 +1,4 @@
1
1
  import clsx from 'clsx';
2
- import css from "./Table.module.scss";
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  import { Fragment as _Fragment } from "react/jsx-runtime";
5
4
  export const TableCell = props => {
@@ -14,14 +13,14 @@ export const TableCell = props => {
14
13
  return /*#__PURE__*/_jsx(_Fragment, {
15
14
  children: /*#__PURE__*/_jsx("td", {
16
15
  ...cellProps,
17
- className: clsx(className, css.tableCell, {
18
- [css.tableCell_head]: !!head,
19
- [css['tableCell_variant_' + variant]]: !!variant
16
+ className: clsx(className, 'arm-table-cell', {
17
+ 'arm-table-cell_head': !!head,
18
+ ['arm-table-cell_variant_' + variant]: !!variant
20
19
  }),
21
20
  children: /*#__PURE__*/_jsx("div", {
22
- className: clsx(css.tableCellInner, {
23
- [css['tableCellInner_size_' + size]]: !!size,
24
- [css['tableCellInner_variant_' + variant]]: !!variant
21
+ className: clsx('arm-table-cell__inner', {
22
+ ['arm-table-cell__inner_size_' + size]: !!size,
23
+ ['arm-table-cell__inner_variant_' + variant]: !!variant
25
24
  }),
26
25
  children: children
27
26
  })
@@ -1,5 +1,4 @@
1
1
  import clsx from 'clsx';
2
- import css from "./Table.module.scss";
3
2
  import { jsx as _jsx } from "react/jsx-runtime";
4
3
  import { Fragment as _Fragment } from "react/jsx-runtime";
5
4
  export const TableRow = props => {
@@ -11,8 +10,8 @@ export const TableRow = props => {
11
10
  return /*#__PURE__*/_jsx(_Fragment, {
12
11
  children: /*#__PURE__*/_jsx("tr", {
13
12
  ...rowProps,
14
- className: clsx(className, css.tableRow, {
15
- [css.tableRowClickable]: !!rowProps.onClick
13
+ className: clsx(className, 'arm-table-row', {
14
+ 'arm-table-row_click': !!rowProps.onClick
16
15
  }),
17
16
  children: children
18
17
  })
@@ -4,14 +4,9 @@ import { cloneElement, isValidElement, useRef, useState } from 'react';
4
4
  import useTimeout from "../../lib/hooks/useTimeout";
5
5
  import useEventCallback from "../../lib/hooks/useEventCallback";
6
6
  import Popper from "../Popper";
7
- import css from "./Tooltip.module.scss";
8
7
  import { jsx as _jsx } from "react/jsx-runtime";
9
8
  import { Fragment as _Fragment } from "react/jsx-runtime";
10
9
  import { jsxs as _jsxs } from "react/jsx-runtime";
11
- const CssClasses = ['tooltip', 'tooltip__item'];
12
-
13
- // const css = getCssPrefix(CssClasses)
14
-
15
10
  function composeEventHandler(handler, eventHandler) {
16
11
  return event => {
17
12
  if (eventHandler) {
@@ -74,7 +69,7 @@ function Tooltip(props) {
74
69
  open: openState,
75
70
  anchorEl: anchorEl.current,
76
71
  children: /*#__PURE__*/_jsx("span", {
77
- className: css.tooltip__item,
72
+ className: 'arm-tooltip__item',
78
73
  children: text
79
74
  })
80
75
  })]
@@ -1 +0,0 @@
1
- @import "./../../assets/Accordion";
@@ -1 +0,0 @@
1
- @import "./../../assets/Adornment";
@@ -1 +0,0 @@
1
- @import "./../../assets/Alert";
@@ -1 +0,0 @@
1
- @import "./../../assets/Avatar";
@@ -1 +0,0 @@
1
- @import "../../assets/AvatarGroup";
@@ -1 +0,0 @@
1
- @import "./../../assets/BackDrop";
@@ -1 +0,0 @@
1
- @import "./../../assets/Badge";
@@ -1 +0,0 @@
1
- @import "./../../assets/Button";
@@ -1,2 +0,0 @@
1
- @import "./../../assets/ButtonGroup";
2
-
@@ -1 +0,0 @@
1
- @import "./../../assets/ButtonIcon";
@@ -1 +0,0 @@
1
- @import "./../../assets/Card";
@@ -1 +0,0 @@
1
- @import "./../../assets/Chip";
@@ -1 +0,0 @@
1
- @import "./../../assets/Dropdown.scss";
@@ -1 +0,0 @@
1
- @import "../../../assets/Checkbox";
@@ -1 +0,0 @@
1
- @import "../../../assets/styles";
@@ -1 +0,0 @@
1
- @import "../../../assets/DatePicker";
@@ -1 +0,0 @@
1
- @import "./../../../assets/FormControls";
@@ -1 +0,0 @@
1
- @import "../../../assets/Interval";
@@ -1,2 +0,0 @@
1
- @import "../../../assets/Period";
2
-
@@ -1 +0,0 @@
1
- @import "../../../assets/Checkbox";
@@ -1 +0,0 @@
1
- @import "../../../assets/Rating";
@@ -1 +0,0 @@
1
- @import "../../../assets/Select";
@@ -1 +0,0 @@
1
- @import "../../../assets/Switch";
@@ -1 +0,0 @@
1
- @import "../../../assets/TextArea";
@@ -1,2 +0,0 @@
1
- @import "../../../assets/TextField";
2
- @import "../../../assets/TextArea";
@@ -1 +0,0 @@
1
- @import "../../assets/HelperText";
@@ -1 +0,0 @@
1
- @import "./../../assets/Icon";
@@ -1 +0,0 @@
1
- @import "./../../assets/Link";
@@ -1 +0,0 @@
1
- @import "../../assets/ListItem";
@@ -1 +0,0 @@
1
- @import "../../assets/Loader";
@@ -1 +0,0 @@
1
- @import "../../assets/Logo";
@@ -1 +0,0 @@
1
- @import "../../assets/Modal";
@@ -1 +0,0 @@
1
- @import "./../../assets/Paper";