indicator-ui 0.0.229 → 0.0.231

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 (44) hide show
  1. package/dist/index.css +595 -289
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +52 -36
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/styles/adaptive/_breakpoints.scss +37 -0
  6. package/dist/scss/styles/adaptive/_variables.scss +5 -0
  7. package/dist/scss/styles/adaptive/index.scss +2 -0
  8. package/dist/scss/styles/index.scss +2 -1
  9. package/dist/scss/test/global.scss +6 -0
  10. package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +16 -12
  11. package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +19 -5
  12. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +16 -12
  13. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +11 -6
  14. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +12 -9
  15. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +21 -15
  16. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +23 -15
  17. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +18 -14
  18. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +15 -12
  19. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +17 -12
  20. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +15 -12
  21. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-link-color.scss +19 -5
  22. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +17 -7
  23. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +12 -8
  24. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +5 -2
  25. package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +28 -25
  26. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +4 -2
  27. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +8 -4
  28. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +4 -2
  29. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +4 -2
  30. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +8 -4
  31. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +4 -2
  32. package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss +10 -2
  33. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +12 -3
  34. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +12 -3
  35. package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +12 -3
  36. package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +10 -2
  37. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +12 -3
  38. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +12 -3
  39. package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +12 -3
  40. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +12 -3
  41. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +12 -3
  42. package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts +1 -1
  43. package/dist/types/src/ui/PaginationBar/lib/index.d.ts +2 -0
  44. package/package.json +1 -1
package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use 'base';
2
2
  @use 'properties';
3
+ @use '../../../../styles' as *;
3
4
 
4
5
  @mixin checkbox-mark() {
5
6
  .checkboxMark {
@@ -50,41 +51,43 @@
50
51
  }
51
52
  }
52
53
 
53
- &.hover {
54
- @include base.checkbox-mark-base-hover();
54
+ @include tablet-plus {
55
+ &.hover {
56
+ @include base.checkbox-mark-base-hover();
55
57
 
56
- &.checked {
57
- @include properties.checked-hover();
58
- }
58
+ &.checked {
59
+ @include properties.checked-hover();
60
+ }
59
61
 
60
- &.indeterminate {
61
- @include properties.indeterminate-hover();
62
- }
62
+ &.indeterminate {
63
+ @include properties.indeterminate-hover();
64
+ }
63
65
 
64
- &.error {
65
- @include properties.error-hover();
66
- }
66
+ &.error {
67
+ @include properties.error-hover();
68
+ }
67
69
 
68
- &.disabled {
69
- @include properties.disabled-hover();
70
- }
70
+ &.disabled {
71
+ @include properties.disabled-hover();
72
+ }
71
73
 
72
- &.correct {
73
- &.checked {
74
- @include properties.correct-checked-hover();
74
+ &.correct {
75
+ &.checked {
76
+ @include properties.correct-checked-hover();
75
77
 
76
- &.disabled {
77
- @include properties.correct-disabled-hover();
78
+ &.disabled {
79
+ @include properties.correct-disabled-hover();
80
+ }
78
81
  }
79
82
  }
80
- }
81
83
 
82
- &.incorrect {
83
- &.checked {
84
- @include properties.incorrect-checked-hover();
84
+ &.incorrect {
85
+ &.checked {
86
+ @include properties.incorrect-checked-hover();
85
87
 
86
- &.disabled {
87
- @include properties.incorrect-disabled-hover();
88
+ &.disabled {
89
+ @include properties.incorrect-disabled-hover();
90
+ }
88
91
  }
89
92
  }
90
93
  }
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss CHANGED
@@ -14,7 +14,9 @@
14
14
  display: block;
15
15
  }
16
16
 
17
- &:hover {
18
- @include checked-hover();
17
+ @include tablet-plus {
18
+ &:hover {
19
+ @include checked-hover();
20
+ }
19
21
  }
20
22
  }
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss CHANGED
@@ -23,8 +23,10 @@
23
23
  display: none;
24
24
  }
25
25
 
26
- &:hover {
27
- @include correct-checked-hover();
26
+ @include tablet-plus {
27
+ &:hover {
28
+ @include correct-checked-hover();
29
+ }
28
30
  }
29
31
  }
30
32
 
@@ -39,7 +41,9 @@
39
41
  display: none;
40
42
  }
41
43
 
42
- &:hover {
43
- @include correct-disabled-hover();
44
+ @include tablet-plus {
45
+ &:hover {
46
+ @include correct-disabled-hover();
47
+ }
44
48
  }
45
49
  }
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss CHANGED
@@ -21,7 +21,9 @@
21
21
  @include modify-svg($stroke: var(--gray-300));
22
22
  @include fnt-flex($color: var(--gray-300));
23
23
 
24
- &:hover {
25
- @include disabled-hover();
24
+ @include tablet-plus {
25
+ &:hover {
26
+ @include disabled-hover();
27
+ }
26
28
  }
27
29
  }
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss CHANGED
@@ -16,7 +16,9 @@
16
16
  background-color: var(--error-500);
17
17
  }
18
18
 
19
- &:hover {
20
- @include error-hover();
19
+ @include tablet-plus {
20
+ &:hover {
21
+ @include error-hover();
22
+ }
21
23
  }
22
24
  }
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss CHANGED
@@ -23,8 +23,10 @@
23
23
  display: none;
24
24
  }
25
25
 
26
- &:hover {
27
- @include incorrect-checked-hover();
26
+ @include tablet-plus {
27
+ &:hover {
28
+ @include incorrect-checked-hover();
29
+ }
28
30
  }
29
31
  }
30
32
 
@@ -39,7 +41,9 @@
39
41
  display: none;
40
42
  }
41
43
 
42
- &:hover {
43
- @include incorrect-disabled-hover();
44
+ @include tablet-plus {
45
+ &:hover {
46
+ @include incorrect-disabled-hover();
47
+ }
44
48
  }
45
49
  }
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss CHANGED
@@ -11,7 +11,9 @@
11
11
  @include modify-svg($stroke: var(--blue-dark-500));
12
12
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));
13
13
 
14
- &:hover {
15
- @include indeterminate-hover();
14
+ @include tablet-plus {
15
+ &:hover {
16
+ @include indeterminate-hover();
17
+ }
16
18
  }
17
19
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss CHANGED
@@ -5,7 +5,15 @@
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--blue-dark-50));
7
7
 
8
- &:hover {
9
- @include modify-svg($stroke: var(--blue-dark-200));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ @include modify-svg($stroke: var(--blue-dark-200));
11
+ }
12
+ }
13
+
14
+ @include tablet {
15
+ &:active {
16
+ @include modify-svg($stroke: var(--blue-dark-200));
17
+ }
10
18
  }
11
19
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid var(--blue-dark-200);
6
6
  @include modify-svg($stroke: var(--blue-dark-500));
7
7
 
8
- &:hover {
9
- background: var(--blue-dark-50);
10
- @include modify-svg($stroke: var(--blue-dark-500));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background: var(--blue-dark-50);
11
+ @include modify-svg($stroke: var(--blue-dark-500));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background: var(--blue-dark-50);
18
+ @include modify-svg($stroke: var(--blue-dark-500));
19
+ }
11
20
  }
12
21
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--blue-dark-400));
7
7
 
8
- &:hover {
9
- background-color: var(--blue-dark-100);
10
- @include modify-svg($stroke: var(--blue-dark-500));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background-color: var(--blue-dark-100);
11
+ @include modify-svg($stroke: var(--blue-dark-500));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--blue-dark-100);
18
+ @include modify-svg($stroke: var(--blue-dark-500));
19
+ }
11
20
  }
12
21
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--blue-dark-500));
7
7
 
8
- &:hover {
9
- background-color: var(--base-white);
10
- @include modify-svg($stroke: var(--blue-dark-600));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background-color: var(--base-white);
11
+ @include modify-svg($stroke: var(--blue-dark-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--base-white);
18
+ @include modify-svg($stroke: var(--blue-dark-600));
19
+ }
11
20
  }
12
21
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss CHANGED
@@ -5,7 +5,15 @@
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--base-white));
7
7
 
8
- &:hover {
9
- background-color: #0C111DCC;
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background-color: #0C111DCC;
11
+ }
12
+ }
13
+
14
+ @include tablet {
15
+ &:active {
16
+ background-color: #0C111DCC;
17
+ }
10
18
  }
11
19
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid var(--gray-300);
6
6
  @include modify-svg($stroke: var(--gray-700));
7
7
 
8
- &:hover {
9
- background: var(--gray-50);
10
- @include modify-svg($stroke: var(--gray-900));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background: var(--gray-50);
11
+ @include modify-svg($stroke: var(--gray-900));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background: var(--gray-50);
18
+ @include modify-svg($stroke: var(--gray-900));
19
+ }
11
20
  }
12
21
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--gray-500));
7
7
 
8
- &:hover {
9
- background-color: var(--base-white);
10
- @include modify-svg($stroke: var(--gray-600));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background-color: var(--base-white);
11
+ @include modify-svg($stroke: var(--gray-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--base-white);
18
+ @include modify-svg($stroke: var(--gray-600));
19
+ }
11
20
  }
12
21
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--gray-400));
7
7
 
8
- &:hover {
9
- background-color: var(--gray-200);
10
- @include modify-svg($stroke: var(--gray-600));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background-color: var(--gray-200);
11
+ @include modify-svg($stroke: var(--gray-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--gray-200);
18
+ @include modify-svg($stroke: var(--gray-600));
19
+ }
11
20
  }
12
21
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid var(--error-300);
6
6
  @include modify-svg($stroke: var(--error-500));
7
7
 
8
- &:hover {
9
- background: var(--error-50);
10
- @include modify-svg($stroke: var(--error-600));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background: var(--error-50);
11
+ @include modify-svg($stroke: var(--error-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background: var(--error-50);
18
+ @include modify-svg($stroke: var(--error-600));
19
+ }
11
20
  }
12
21
  }
package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss CHANGED
@@ -5,8 +5,17 @@
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--error-400));
7
7
 
8
- &:hover {
9
- background-color: var(--error-100);
10
- @include modify-svg($stroke: var(--error-500));
8
+ @include tablet-plus {
9
+ &:hover {
10
+ background-color: var(--error-100);
11
+ @include modify-svg($stroke: var(--error-500));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--error-100);
18
+ @include modify-svg($stroke: var(--error-500));
19
+ }
11
20
  }
12
21
  }
package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { FORM_BUILDER_SCHEMA } from "../schemes";
2
2
  import { AdditionPropsType } from "../types";
3
- declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment)[];
3
+ declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => import("react").ReactNode[];
4
4
  export default formBuilder;
package/dist/types/src/ui/PaginationBar/lib/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const getNumberList: (curPage: number, numPage: number) => (string | number)[];
2
+ export declare const getNumberListSmall: (curPage: number, numPage: number) => (string | number)[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.0.229",
3
+ "version": "0.0.231",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",