armtek-uikit-react 1.0.242 → 1.0.244

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 (61) hide show
  1. package/assets/Accordion.scss +113 -113
  2. package/assets/Adornment.scss +22 -22
  3. package/assets/Alert.scss +56 -56
  4. package/assets/Avatar.scss +104 -104
  5. package/assets/AvatarGroup.scss +47 -47
  6. package/assets/BackDrop.scss +27 -27
  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 +32 -32
  11. package/assets/Card.scss +13 -13
  12. package/assets/Checkbox.scss +313 -313
  13. package/assets/Chip.scss +279 -279
  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 +72 -72
  23. package/assets/Loader.scss +56 -56
  24. package/assets/Logo.scss +28 -28
  25. package/assets/Modal.scss +97 -97
  26. package/assets/Pagination.scss +3 -3
  27. package/assets/Paper.scss +19 -19
  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 +50 -50
  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 -37
  41. package/assets/TextArea.scss +17 -17
  42. package/assets/TextField.scss +197 -197
  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 +221 -221
  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/hooks/useEnhancedEffect.js +6 -6
  52. package/lib/hooks/useTimeout.js +2 -2
  53. package/package.json +1 -1
  54. package/ui/Form/DateField/DateField.js +4 -0
  55. package/ui/Form/DatePicker/styles.css +802 -802
  56. package/ui/Form/FormControls/FormControls.js +1 -1
  57. package/ui/Form/FormControls/const.d.ts +1 -0
  58. package/ui/Form/FormControls/const.js +3 -2
  59. package/ui/Modal/Modal.js +1 -0
  60. package/ui/Slider/style.scss +346 -346
  61. package/ui/Table/Table.js +4 -1
package/assets/BackDrop.scss CHANGED
@@ -1,27 +1,27 @@
1
-
2
- .arm-backdrop {
3
- position: fixed;
4
- top:0;
5
- left: 0;
6
- width: 100%;
7
- height: 100%;
8
- z-index: 9000;
9
- display: flex;
10
- align-items: center;
11
- justify-content: center;
12
- }
13
- .arm-backdrop__overlay{
14
- width: 100%;
15
- height: 100%;
16
- left: 0;
17
- top: 0;
18
- position: absolute;
19
- max-height: 95%;
20
- overflow: auto;
21
- }
22
- .arm-backdrop__inner{
23
- //position: relative;
24
- z-index: 2;
25
- max-width: 500px;
26
- width: 100%;
27
- }
1
+
2
+ .arm-backdrop {
3
+ position: fixed;
4
+ top:0;
5
+ left: 0;
6
+ width: 100%;
7
+ height: 100%;
8
+ z-index: 9000;
9
+ display: flex;
10
+ align-items: center;
11
+ justify-content: center;
12
+ }
13
+ .arm-backdrop__overlay{
14
+ width: 100%;
15
+ height: 100%;
16
+ left: 0;
17
+ top: 0;
18
+ position: absolute;
19
+ max-height: 95%;
20
+ overflow: auto;
21
+ }
22
+ .arm-backdrop__inner{
23
+ //position: relative;
24
+ z-index: 2;
25
+ max-width: 500px;
26
+ width: 100%;
27
+ }
package/assets/Badge.scss CHANGED
@@ -1,97 +1,97 @@
1
- @use "variables" as v;
2
-
3
- .arm-badge{
4
- display: inline-block;
5
- position: relative;
6
- }
7
-
8
- $vertical_offset: calc(100% - 6px);
9
- $horizontal_offset: calc(100% - 6px);
10
-
11
- .arm-badge__item{
12
- background: var(--color-error);
13
- color: #fff;
14
- position: absolute;
15
- width: 8px;
16
- height: 8px;
17
- bottom: $vertical_offset;
18
- left: $horizontal_offset;
19
- border-radius: 50%;
20
- &_primary{
21
- background: var(--color-primary);
22
- }
23
- &_secondary{
24
- background: var(--color-primary);
25
- }
26
- &_neutral{
27
- background: var(--color-neutral);
28
- }
29
- &_error{
30
- background: var(--color-error);
31
- }
32
- &_info{
33
- background: var(--color-info);
34
- }
35
- &_warning{
36
- background: var(--color-warning);
37
- }
38
- &_success{
39
- background: var(--color-success);
40
- color: var(--color-gray-900);
41
- }
42
- }
43
- .arm-badge__item_content{
44
- width: 20px;
45
- height: 20px;
46
- @include v.flex(center);
47
- font-size: 12px;
48
- }
49
-
50
- .arm-badge__item_content_circle,
51
- .arm-badge__item_content_square{
52
- width: auto;
53
- height: auto;
54
- border-radius: var(--border-radius);
55
- font-size: 12px;
56
- font-weight: 500;
57
- line-height: 20px;
58
- padding:0 6px;
59
- }
60
- .arm-badge__item_content_circle{
61
- border-radius: 10px;
62
- }
63
-
64
- .arm-badge__item_top-right{
65
- bottom: $vertical_offset;
66
- left: $horizontal_offset;
67
- }
68
- .arm-badge__item_top-left{
69
- bottom: $vertical_offset;
70
- right: $horizontal_offset;
71
- left: auto;
72
- }
73
- .arm-badge__item_bottom-right{
74
- top: $vertical_offset;
75
- left: $horizontal_offset;
76
- bottom: auto;
77
- }
78
- .arm-badge__item_bottom-left{
79
- top: $vertical_offset;
80
- right: $horizontal_offset;
81
- left: auto;
82
- bottom: auto;
83
- }
84
- .arm-badge__item_center-right{
85
- top: 50%;
86
- transform: translateY(-50%);
87
- left: calc(100% + 6px);
88
- right: auto;
89
- bottom: auto;
90
- }
91
- .arm-badge__item_center-left{
92
- top: 50%;
93
- transform: translateY(-50%);
94
- right: calc(100% + 6px);
95
- left: auto;
96
- bottom: auto;
1
+ @use "variables" as v;
2
+
3
+ .arm-badge{
4
+ display: inline-block;
5
+ position: relative;
6
+ }
7
+
8
+ $vertical_offset: calc(100% - 6px);
9
+ $horizontal_offset: calc(100% - 6px);
10
+
11
+ .arm-badge__item{
12
+ background: var(--color-error);
13
+ color: #fff;
14
+ position: absolute;
15
+ width: 8px;
16
+ height: 8px;
17
+ bottom: $vertical_offset;
18
+ left: $horizontal_offset;
19
+ border-radius: 50%;
20
+ &_primary{
21
+ background: var(--color-primary);
22
+ }
23
+ &_secondary{
24
+ background: var(--color-primary);
25
+ }
26
+ &_neutral{
27
+ background: var(--color-neutral);
28
+ }
29
+ &_error{
30
+ background: var(--color-error);
31
+ }
32
+ &_info{
33
+ background: var(--color-info);
34
+ }
35
+ &_warning{
36
+ background: var(--color-warning);
37
+ }
38
+ &_success{
39
+ background: var(--color-success);
40
+ color: var(--color-gray-900);
41
+ }
42
+ }
43
+ .arm-badge__item_content{
44
+ width: 20px;
45
+ height: 20px;
46
+ @include v.flex(center);
47
+ font-size: 12px;
48
+ }
49
+
50
+ .arm-badge__item_content_circle,
51
+ .arm-badge__item_content_square{
52
+ width: auto;
53
+ height: auto;
54
+ border-radius: var(--border-radius);
55
+ font-size: 12px;
56
+ font-weight: 500;
57
+ line-height: 20px;
58
+ padding:0 6px;
59
+ }
60
+ .arm-badge__item_content_circle{
61
+ border-radius: 10px;
62
+ }
63
+
64
+ .arm-badge__item_top-right{
65
+ bottom: $vertical_offset;
66
+ left: $horizontal_offset;
67
+ }
68
+ .arm-badge__item_top-left{
69
+ bottom: $vertical_offset;
70
+ right: $horizontal_offset;
71
+ left: auto;
72
+ }
73
+ .arm-badge__item_bottom-right{
74
+ top: $vertical_offset;
75
+ left: $horizontal_offset;
76
+ bottom: auto;
77
+ }
78
+ .arm-badge__item_bottom-left{
79
+ top: $vertical_offset;
80
+ right: $horizontal_offset;
81
+ left: auto;
82
+ bottom: auto;
83
+ }
84
+ .arm-badge__item_center-right{
85
+ top: 50%;
86
+ transform: translateY(-50%);
87
+ left: calc(100% + 6px);
88
+ right: auto;
89
+ bottom: auto;
90
+ }
91
+ .arm-badge__item_center-left{
92
+ top: 50%;
93
+ transform: translateY(-50%);
94
+ right: calc(100% + 6px);
95
+ left: auto;
96
+ bottom: auto;
97
97
  }