ros.grant.common 2.0.1577 → 2.0.1579

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 (5) hide show
  1. package/Shared/Styles/myrtex-lib/components/button/button-colors.less +6 -6
  2. package/Shared/Styles/myrtex-lib/components/button/button-secondary.less +5 -5
  3. package/Shared/Styles/myrtex-lib/components/button/button-tertiary.less +5 -5
  4. package/Shared/Styles/myrtex-lib/components/input-phone/input-phone.less +14 -4
  5. package/package.json +1 -1
package/Shared/Styles/myrtex-lib/components/button/button-colors.less CHANGED
@@ -1,7 +1,7 @@
1
1
  // Цвет кнопок
2
2
  .mrx-btn.mrx-btn {
3
3
  &.mrx-btn-primary {
4
- &.green, &.color-positive {
4
+ &.green, &.mrx-btn-color-positive {
5
5
  background-color: var(--system-bg-controls-positive-default);
6
6
  border-color: var(--system-bg-controls-positive-default);
7
7
  color: var(--neutral-text-inverse);
@@ -12,7 +12,7 @@
12
12
  }
13
13
  }
14
14
 
15
- &.red, &.color-negative {
15
+ &.red, &.mrx-btn-color-negative {
16
16
  background-color: var(--system-bg-controls-negative-default);
17
17
  border-color: var(--system-bg-controls-negative-default);
18
18
  color: var(--neutral-text-inverse);
@@ -23,7 +23,7 @@
23
23
  }
24
24
  }
25
25
 
26
- &.yellow, &.color-attention {
26
+ &.yellow, &.mrx-btn-color-attention {
27
27
  background-color: var(--system-bg-controls-attention-default);
28
28
  border-color: var(--system-bg-controls-attention-default);
29
29
  color: var(--neutral-text-inverse);
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
  &.mrx-btn-secondary {
39
- &.green, &.color-positive {
39
+ &.green, &.mrx-btn-color-positive {
40
40
  background-color: transparent;
41
41
  border-color: var(--system-bg-controls-positive-default);
42
42
  color: var(--system-bg-controls-positive-default);
@@ -116,7 +116,7 @@
116
116
  }
117
117
  }
118
118
 
119
- &.red, &.color-negative {
119
+ &.red, &.mrx-btn-color-negative {
120
120
  background-color: transparent;
121
121
  border-color: var(--system-bg-controls-negative-default);
122
122
  color: var(--system-bg-controls-negative-default);
@@ -196,7 +196,7 @@
196
196
  }
197
197
  }
198
198
 
199
- &.yellow, &.color-attention {
199
+ &.yellow, &.mrx-btn-color-attention {
200
200
  background-color: transparent;
201
201
  border-color: var(--system-bg-controls-attention-default);
202
202
  color: var(--system-bg-controls-attention-default);
package/Shared/Styles/myrtex-lib/components/button/button-secondary.less CHANGED
@@ -4,7 +4,7 @@
4
4
  border: var(--border-width-default) solid var(--brand-bg-primary-default);
5
5
  color: var(--brand-text-controls-default);
6
6
 
7
- &:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
7
+ &:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
8
8
  .icon-loading {
9
9
  path {
10
10
  stroke: var(--brand-text-controls-default);
@@ -54,7 +54,7 @@
54
54
  }
55
55
  }
56
56
 
57
- &.red, &.color-negative {
57
+ &.red, &.mrx-btn-color-negative {
58
58
  .icon-loading {
59
59
  path {
60
60
  stroke: var(--system-bg-controls-negative-default);
@@ -70,7 +70,7 @@
70
70
  }
71
71
  }
72
72
 
73
- &.green, &.color-positive {
73
+ &.green, &.mrx-btn-color-positive {
74
74
  .icon-loading {
75
75
  path {
76
76
  stroke: var(--system-bg-controls-positive-default);
@@ -86,7 +86,7 @@
86
86
  }
87
87
  }
88
88
 
89
- &.yellow, &.color-attention {
89
+ &.yellow, &.mrx-btn-color-attention {
90
90
  .icon-loading {
91
91
  path {
92
92
  stroke: var(--Orange);
@@ -107,7 +107,7 @@
107
107
  border-color: var(--brand-bg-primary-default);
108
108
  color: var(--brand-text-controls-hover);
109
109
 
110
- &:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
110
+ &:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
111
111
  .icon-loading {
112
112
  path {
113
113
  stroke: var(--brand-text-controls-hover);
package/Shared/Styles/myrtex-lib/components/button/button-tertiary.less CHANGED
@@ -4,7 +4,7 @@
4
4
  color: var(--brand-text-controls-default);
5
5
  border: var(--border-width-default) solid transparent;
6
6
 
7
- &:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
7
+ &:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
8
8
  .icon-loading {
9
9
  path {
10
10
  stroke: var(--brand-text-controls-default);
@@ -54,7 +54,7 @@
54
54
  }
55
55
  }
56
56
 
57
- &.red, &.color-negative {
57
+ &.red, &.mrx-btn-color-negative {
58
58
  .icon-loading {
59
59
  path {
60
60
  stroke: var(--system-bg-controls-negative-default);
@@ -70,7 +70,7 @@
70
70
  }
71
71
  }
72
72
 
73
- &.green, &.color-positive {
73
+ &.green, &.mrx-btn-color-positive {
74
74
  .icon-loading {
75
75
  path {
76
76
  stroke: var(--system-bg-controls-positive-default);
@@ -86,7 +86,7 @@
86
86
  }
87
87
  }
88
88
 
89
- &.yellow, &.color-attention {
89
+ &.yellow, &.mrx-btn-color-attention {
90
90
  .icon-loading {
91
91
  path {
92
92
  stroke: var(--Orange);
@@ -105,7 +105,7 @@
105
105
  &:hover, &.active {
106
106
  color: var(--brand-text-controls-hover);
107
107
 
108
- &:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
108
+ &:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
109
109
  .icon-loading {
110
110
  path {
111
111
  stroke: var(--brand-text-controls-hover);
package/Shared/Styles/myrtex-lib/components/input-phone/input-phone.less CHANGED
@@ -4,13 +4,23 @@
4
4
  }
5
5
 
6
6
  input[type=tel] {
7
+ box-sizing: border-box;
8
+ border: var(--border-width-default) solid var(--neutral-bg-stroke-default);
9
+ border-radius: var(--border-radius-1);
7
10
  width: 100%;
8
- border: 1px solid var(--Stroke);
9
11
  outline: none;
10
- transition: 0.2s;
12
+ transition: outline-width 0.2s, border 0.2s;
11
13
 
12
- &:focus {
13
- box-shadow: 0px 0px 0px 4px var(--Bg1);
14
+ &:focus, &:active {
15
+ outline: var(--neutral-bg-island-default) solid var(--border-width-focused);
16
+ }
17
+
18
+ &:hover {
19
+ border: var(--border-width-default) solid var(--neutral-bg-stroke-hover);
20
+ }
21
+
22
+ &:disabled {
23
+ background-color: var(--neutral-bg-disabled);
14
24
  }
15
25
  }
16
26
 
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1577",
2
+ "version": "2.0.1579",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "scripts": {