armtek-uikit-react 1.0.245 → 1.0.252

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 (60) hide show
  1. package/assets/Accordion.scss +123 -113
  2. package/assets/Adornment.scss +22 -22
  3. package/assets/Alert.scss +56 -56
  4. package/assets/Avatar.scss +111 -105
  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 +73 -73
  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 +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 -51
  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 +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 +222 -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/Avatar/Avatar.d.ts +1 -0
  55. package/ui/Avatar/Avatar.js +2 -1
  56. package/ui/Form/DateField/DateField.js +2 -2
  57. package/ui/Form/DatePicker/styles.css +802 -802
  58. package/ui/Form/Period/Period.d.ts +11 -0
  59. package/ui/Form/Period/Period.js +16 -4
  60. package/ui/Slider/style.scss +346 -346
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,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_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_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
+ }
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
  }