indicator-ui 0.0.95 → 0.0.97

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.
@@ -3,7 +3,7 @@
3
3
  @mixin primaryButton {
4
4
  border-radius: 8px;
5
5
  background-color: var(--blue-dark-500);
6
- border: 1px solid var(--blue-dark-500);
6
+ border: 1px solid transparent;
7
7
  box-shadow: 0 1px 2px 0 #1018280D;
8
8
 
9
9
  .icon {
@@ -15,7 +15,6 @@
15
15
  }
16
16
 
17
17
  &:hover {
18
- border: 1px solid var(--blue-dark-600);
19
18
  background-color: var(--blue-dark-600);
20
19
  }
21
20
 
@@ -3,7 +3,7 @@
3
3
  @mixin tabActiveButton {
4
4
  border-radius: 6px;
5
5
  background-color: var(--base-white);
6
- border: 1px solid var(--base-white);
6
+ border: 1px solid transparent;
7
7
  box-shadow: 0 1px 2px 0 #1018280D;
8
8
 
9
9
  .icon {
@@ -3,7 +3,7 @@
3
3
  @mixin tabButton {
4
4
  border-radius: 6px;
5
5
  background-color: var(--gray-100);
6
- border: 1px solid var(--gray-100);
6
+ border: 1px solid transparent;
7
7
  box-shadow: 0 1px 2px 0 #1018280D;
8
8
 
9
9
  .icon {
@@ -16,7 +16,6 @@
16
16
 
17
17
  &:hover {
18
18
  background-color: var(--gray-200);
19
- border: 1px solid var(--gray-200);
20
19
 
21
20
  .icon {
22
21
  @include modify-svg($stroke: var(--gray-800));
@@ -3,11 +3,10 @@
3
3
  @mixin warningPrimaryButton {
4
4
  border-radius: 8px;
5
5
  background-color: var(--error-500);
6
- border: 1px solid var(--error-500);
6
+ border: 1px solid transparent;
7
7
  box-shadow: 0 1px 2px 0 #1018280D;
8
8
 
9
9
  &:hover {
10
- background-color: var(--error-600);
11
10
  border: 1px solid var(--error-600);
12
11
  }
13
12
 
@@ -4,7 +4,7 @@
4
4
  width: fit-content;
5
5
  height: fit-content;
6
6
  cursor: pointer;
7
- transition: all ease-out 0.2s;
7
+ transition: all ease-out 200ms;
8
8
  @include modify-flex(row, center, center);
9
9
  @include modify-svg() {
10
10
  flex: none;
@@ -7,7 +7,6 @@
7
7
 
8
8
  &:hover {
9
9
  background-color: var(--blue-dark-100);
10
- border: 1px solid var(--blue-dark-100);
11
10
  @include modify-svg($stroke: var(--blue-dark-500));
12
11
  }
13
12
  }
@@ -7,7 +7,6 @@
7
7
 
8
8
  &:hover {
9
9
  background-color: var(--base-white);
10
- border: 1px solid var(--base-white);
11
10
  @include modify-svg($stroke: var(--blue-dark-600));
12
11
  }
13
12
  }
@@ -1,13 +1,12 @@
1
1
  @use '../../../../../styles' as *;
2
2
 
3
3
  @mixin gray() {
4
- background: none;
4
+ background-color: transparent;
5
5
  border: 1px solid transparent;
6
6
  @include modify-svg($stroke: var(--gray-500));
7
7
 
8
8
  &:hover {
9
9
  background-color: var(--base-white);
10
- border: 1px solid var(--base-white);
11
10
  @include modify-svg($stroke: var(--gray-600));
12
11
  }
13
12
  }
@@ -7,7 +7,6 @@
7
7
 
8
8
  &:hover {
9
9
  background-color: var(--gray-200);
10
- border: 1px solid var(--gray-200);
11
10
  @include modify-svg($stroke: var(--gray-600));
12
11
  }
13
12
  }
@@ -7,7 +7,6 @@
7
7
 
8
8
  &:hover {
9
9
  background-color: var(--error-100);
10
- border: 1px solid var(--error-100);
11
10
  @include modify-svg($stroke: var(--error-500));
12
11
  }
13
12
  }
@@ -17,12 +17,13 @@ export type FlexFieldClassNameType = {
17
17
  gray?: string;
18
18
  red?: string;
19
19
  };
20
+ type BlocksType = any;
21
+ type PatternType = any;
20
22
  export type FlexFieldPropsType = {
21
23
  value?: any;
22
24
  /**
23
25
  * unmask="typed" // Возвращает данные без маски
24
26
  * */
25
- unmask?: any;
26
27
  type?: string;
27
28
  onChange?: (value: any) => void;
28
29
  /**
@@ -32,6 +33,18 @@ export type FlexFieldPropsType = {
32
33
  * то при изменение строка не пройдет валидацию и функция не будет вызвана.
33
34
  */
34
35
  mask?: any;
36
+ /**
37
+ * Откидывает маску при передаче значений
38
+ * */
39
+ unmask?: any;
40
+ /**
41
+ * Сверяйте тип с пропсом ```IMaskInput``` **blocks**
42
+ * */
43
+ blocks?: BlocksType;
44
+ /**
45
+ * Сверяйте тип с пропсом ```IMaskInput``` **pattern**
46
+ * */
47
+ pattern?: PatternType;
35
48
  placeholder?: string;
36
49
  required?: boolean;
37
50
  disabled?: boolean;
@@ -75,3 +88,4 @@ export type FlexFieldPropsType = {
75
88
  onButtonClick?: () => void;
76
89
  className?: FlexFieldClassNameType;
77
90
  };
91
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.0.95",
3
+ "version": "0.0.97",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",