armtek-uikit-react 1.0.260 → 1.0.264

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 (84) hide show
  1. package/assets/Accordion.scss +123 -123
  2. package/assets/Adornment.scss +22 -22
  3. package/assets/Alert.scss +56 -56
  4. package/assets/Avatar.scss +111 -111
  5. package/assets/AvatarGroup.scss +47 -47
  6. package/assets/BackDrop.scss +39 -39
  7. package/assets/Badge.scss +96 -96
  8. package/assets/Button.scss +750 -750
  9. package/assets/ButtonGroup.scss +37 -37
  10. package/assets/ButtonIcon.scss +59 -32
  11. package/assets/Card.scss +13 -13
  12. package/assets/Checkbox.scss +313 -313
  13. package/assets/Chip.scss +327 -327
  14. package/assets/DateField.scss +2 -2
  15. package/assets/DatePicker.scss +72 -72
  16. package/assets/Dropdown.scss +42 -42
  17. package/assets/FormControls.scss +14 -14
  18. package/assets/HelperText.scss +11 -11
  19. package/assets/Icon.scss +30 -30
  20. package/assets/Interval.scss +34 -34
  21. package/assets/Link.scss +96 -96
  22. package/assets/ListItem.scss +76 -76
  23. package/assets/Loader.scss +56 -56
  24. package/assets/Logo.scss +28 -28
  25. package/assets/Modal.scss +103 -103
  26. package/assets/Pagination.scss +3 -3
  27. package/assets/Paper.scss +22 -22
  28. package/assets/Period.scss +8 -8
  29. package/assets/Popper.scss +2 -2
  30. package/assets/Rating.scss +26 -26
  31. package/assets/Select.scss +85 -85
  32. package/assets/Skeleton.scss +25 -25
  33. package/assets/Slider.scss +5 -5
  34. package/assets/Stack.scss +27 -27
  35. package/assets/Status.scss +69 -69
  36. package/assets/StepItem.scss +89 -89
  37. package/assets/StepItemIcon.scss +47 -47
  38. package/assets/Stepper.scss +30 -30
  39. package/assets/Switch.scss +67 -67
  40. package/assets/Table.scss +52 -52
  41. package/assets/TextArea.scss +23 -18
  42. package/assets/TextField.scss +206 -198
  43. package/assets/Tooltip.scss +17 -17
  44. package/assets/classes.scss +422 -422
  45. package/assets/fonts.scss +24 -24
  46. package/assets/global.scss +222 -222
  47. package/assets/styles.min.css +1 -1
  48. package/assets/styles.min.css.map +1 -1
  49. package/assets/styles.scss +46 -46
  50. package/assets/variables.scss +13 -13
  51. package/lib/helpers/helpers.d.ts +1 -1
  52. package/lib/helpers/helpers.js +1 -1
  53. package/lib/hooks/useEnhancedEffect.js +6 -6
  54. package/lib/hooks/useTimeout.js +2 -2
  55. package/package.json +1 -1
  56. package/ui/Avatar/Avatar.d.ts +10 -1
  57. package/ui/Avatar/Avatar.js +4 -2
  58. package/ui/ButtonIcon/ButtonIcon.js +5 -2
  59. package/ui/Card/Card.d.ts +1 -1
  60. package/ui/Card/Card.js +4 -2
  61. package/ui/Chip/Chip.d.ts +3 -2
  62. package/ui/Chip/Chip.js +4 -2
  63. package/ui/Form/DateField/DateField.js +2 -2
  64. package/ui/Form/DatePicker/styles.css +802 -802
  65. package/ui/Form/Password/Password.d.ts +4 -0
  66. package/ui/Form/TextArea/TextArea.d.ts +11 -1
  67. package/ui/Form/TextArea/TextArea.js +15 -7
  68. package/ui/Form/TextField/TextField.d.ts +11 -0
  69. package/ui/Form/TextField/TextField.js +53 -4
  70. package/ui/Icon/Mi.d.ts +17 -1
  71. package/ui/Icon/Mi.js +5 -3
  72. package/ui/Icon/Mis.d.ts +1 -1
  73. package/ui/Icon/Mis.js +4 -3
  74. package/ui/Link/Link.d.ts +3 -2
  75. package/ui/Link/Link.js +4 -2
  76. package/ui/Popper/Popper.d.ts +1 -1
  77. package/ui/Popper/Popper.js +4 -3
  78. package/ui/Popper/PopperBase.d.ts +1 -1
  79. package/ui/Popper/PopperBase.js +5 -4
  80. package/ui/Slider/style.scss +346 -346
  81. package/ui/Stack/Stack.d.ts +1 -1
  82. package/ui/Stack/Stack.js +3 -2
  83. package/ui/Status/Status.d.ts +4 -3
  84. package/ui/Status/Status.js +4 -2
package/assets/ButtonGroup.scss CHANGED
@@ -1,38 +1,38 @@
1
-
2
- .arm-button-group{
3
- display: flex;
4
- align-items: center;
5
- }
6
- .arm-button-group_inline{
7
- flex-direction: row;
8
- & > * {
9
- border-radius: 0;
10
- &:first-child{
11
- border-top-left-radius: var(--border-radius);
12
- border-bottom-left-radius: var(--border-radius);
13
- }
14
- &:last-child{
15
- border-top-right-radius: var(--border-radius);
16
- border-bottom-right-radius: var(--border-radius);
17
- }
18
- }
19
- }
20
- .arm-button-group_column{
21
- flex-direction: column;
22
- display: inline-block;
23
- & > * {
24
- border-radius: 0;
25
- width: 100%;
26
- &:not(:first-child){
27
- border-top-color: transparent;
28
- }
29
- &:first-child{
30
- border-top-left-radius: var(--border-radius);
31
- border-top-right-radius: var(--border-radius);
32
- }
33
- &:last-child{
34
- border-bottom-left-radius: var(--border-radius);
35
- border-bottom-right-radius: var(--border-radius);
36
- }
37
- }
1
+
2
+ .arm-button-group{
3
+ display: flex;
4
+ align-items: center;
5
+ }
6
+ .arm-button-group_inline{
7
+ flex-direction: row;
8
+ & > * {
9
+ border-radius: 0;
10
+ &:first-child{
11
+ border-top-left-radius: var(--border-radius);
12
+ border-bottom-left-radius: var(--border-radius);
13
+ }
14
+ &:last-child{
15
+ border-top-right-radius: var(--border-radius);
16
+ border-bottom-right-radius: var(--border-radius);
17
+ }
18
+ }
19
+ }
20
+ .arm-button-group_column{
21
+ flex-direction: column;
22
+ display: inline-block;
23
+ & > * {
24
+ border-radius: 0;
25
+ width: 100%;
26
+ &:not(:first-child){
27
+ border-top-color: transparent;
28
+ }
29
+ &:first-child{
30
+ border-top-left-radius: var(--border-radius);
31
+ border-top-right-radius: var(--border-radius);
32
+ }
33
+ &:last-child{
34
+ border-bottom-left-radius: var(--border-radius);
35
+ border-bottom-right-radius: var(--border-radius);
36
+ }
37
+ }
38
38
  }
package/assets/ButtonIcon.scss CHANGED
@@ -1,32 +1,59 @@
1
- @use "variables";
2
-
3
- .arm-button-icon{
4
- padding: var(--size-step);
5
- width: var(--size-elarge);
6
- border-radius: 50%;
7
- display: flex;
8
- align-items: center;
9
- justify-content: center;
10
- font-size: 30px;
11
- position: relative;
12
-
13
- }
14
- .arm-button-icon_large{
15
- width: var(--size-large);
16
- font-size: 24px;
17
- & .material_icon {font-size: 24px}
18
- }
19
- .arm-button-icon_medium{
20
- width: var(--size-medium);
21
- font-size: 20px;
22
- & .material_icon {font-size: 20px}
23
- }
24
- .arm-button-icon_small{
25
- width: var(--size-small);
26
- padding: calc(var(--size-step) / 2);
27
- font-size: 16px;
28
- & .material_icon {font-size: 16px}
29
- }
30
- .arm-button-icon_square{
31
- border-radius: 0;
32
- }
1
+ @use "variables";
2
+
3
+ .arm-button-icon{
4
+ padding: var(--size-step);
5
+ width: var(--size-elarge);
6
+ border-radius: 50%;
7
+ display: flex;
8
+ align-items: center;
9
+ justify-content: center;
10
+ font-size: 30px;
11
+ position: relative;
12
+
13
+ }
14
+ .arm-button-icon_with-icon{
15
+ & .arm-icon,
16
+ & .mi,
17
+ & .mis,
18
+ & .material_icon,
19
+ & .material_icon_solid {
20
+ font-size: 24px;
21
+ }
22
+ }
23
+ .arm-button-icon_large{
24
+ width: var(--size-large);
25
+ font-size: 24px;
26
+ }
27
+ .arm-button-icon_large.arm-button-icon_with-icon{
28
+ & .arm-icon,
29
+ & .mi,
30
+ & .mis,
31
+ & .material_icon,
32
+ & .material_icon_solid {font-size: 20px}
33
+ }
34
+ .arm-button-icon_medium{
35
+ width: var(--size-medium);
36
+ font-size: 20px;
37
+ }
38
+ .arm-button-icon_medium.arm-button-icon_with-icon{
39
+ & .arm-icon,
40
+ & .mi,
41
+ & .mis,
42
+ & .material_icon,
43
+ & .material_icon_solid {font-size: 18px}
44
+ }
45
+ .arm-button-icon_small{
46
+ width: var(--size-small);
47
+ padding: calc(var(--size-step) / 2);
48
+ font-size: 16px;
49
+ }
50
+ .arm-button-icon_small.arm-button-icon_with-icon{
51
+ & .arm-icon,
52
+ & .mi,
53
+ & .mis,
54
+ & .material_icon,
55
+ & .material_icon_solid {font-size: 16px}
56
+ }
57
+ .arm-button-icon_square{
58
+ border-radius: 0;
59
+ }
package/assets/Card.scss CHANGED
@@ -1,14 +1,14 @@
1
-
2
- .arm-card{
3
- padding: var(--size-step);
4
- box-shadow: var(--box-shadow);
5
- border-radius: var(--border-radius);
6
- background-color: var(--color-white);
7
- }
8
-
9
- .arm-theme-dark {
10
- .arm-card {
11
- background-color: var(--color-gray-800);
12
- color: #fff;
13
- }
1
+
2
+ .arm-card{
3
+ padding: var(--size-step);
4
+ box-shadow: var(--box-shadow);
5
+ border-radius: var(--border-radius);
6
+ background-color: var(--color-white);
7
+ }
8
+
9
+ .arm-theme-dark {
10
+ .arm-card {
11
+ background-color: var(--color-gray-800);
12
+ color: #fff;
13
+ }
14
14
  }