@formixru/b2b-ui 2.5.1 → 2.5.3

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/CHANGELOG.md +10 -1
  2. package/package.json +1 -1
  3. package/src/components/link/index.scss +32 -16
  4. package/src/components/warning-message/index.scss +1 -1
  5. package/src/variables.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ ## v2.5.3
2
+
3
+ - Доработки по `.link`
4
+ - Исправление стилей для disabled-полей
5
+
6
+ ## v2.5.2
7
+
8
+ - Исправление стилей `.warning-message`
9
+
1
10
  ## v2.5.1
2
11
 
3
12
  - Исправление стилей `WarningMessage`
@@ -9,7 +18,7 @@
9
18
  ## v2.4.0
10
19
 
11
20
  - `@advdominion/tooltip` обновлён до 5-й версии
12
- - Исправдение стилей `.warning-message`
21
+ - Исправление стилей `.warning-message`
13
22
 
14
23
  ## v2.3.0
15
24
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@formixru/b2b-ui",
3
- "version": "2.5.1",
3
+ "version": "2.5.3",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
package/src/components/link/index.scss CHANGED
@@ -15,7 +15,8 @@ $b: '.link';
15
15
  @include transform;
16
16
 
17
17
  &:any-link,
18
- &:enabled {
18
+ &:enabled,
19
+ &[tabindex] {
19
20
  color: $color;
20
21
  cursor: pointer;
21
22
 
@@ -30,7 +31,8 @@ $b: '.link';
30
31
  @include link;
31
32
 
32
33
  &_solid:any-link,
33
- &_solid:enabled {
34
+ &_solid:enabled,
35
+ &_solid[tabindex] {
34
36
  &:not(#{$b}_partial),
35
37
  & #{$b}__text {
36
38
  @include ul-solid($link-color);
@@ -46,7 +48,8 @@ $b: '.link';
46
48
  }
47
49
 
48
50
  &_dashed:any-link,
49
- &_dashed:enabled {
51
+ &_dashed:enabled,
52
+ &_dashed[tabindex] {
50
53
  &:not(#{$b}_partial),
51
54
  & #{$b}__text {
52
55
  @include ul-dashed($link-color);
@@ -62,7 +65,8 @@ $b: '.link';
62
65
  }
63
66
 
64
67
  &_dotted:any-link,
65
- &_dotted:enabled {
68
+ &_dotted:enabled,
69
+ &_dotted[tabindex] {
66
70
  &:not(#{$b}_partial),
67
71
  & #{$b}__text {
68
72
  @include ul-dotted($link-color);
@@ -79,7 +83,8 @@ $b: '.link';
79
83
 
80
84
  &_alt {
81
85
  &:any-link,
82
- &:enabled {
86
+ &:enabled,
87
+ &[tabindex] {
83
88
  color: $link-alt-color;
84
89
 
85
90
  &:hover,
@@ -89,7 +94,8 @@ $b: '.link';
89
94
  }
90
95
 
91
96
  &#{$b}_solid:any-link,
92
- &#{$b}_solid:enabled {
97
+ &#{$b}_solid:enabled,
98
+ &#{$b}_solid[tabindex] {
93
99
  &:not(#{$b}_partial),
94
100
  & #{$b}__text {
95
101
  @include ul-solid($link-alt-color);
@@ -105,7 +111,8 @@ $b: '.link';
105
111
  }
106
112
 
107
113
  &#{$b}_dashed:any-link,
108
- &#{$b}_dashed:enabled {
114
+ &#{$b}_dashed:enabled,
115
+ &#{$b}_dashed[tabindex] {
109
116
  &:not(#{$b}_partial),
110
117
  & #{$b}__text {
111
118
  @include ul-dashed($link-alt-color);
@@ -121,7 +128,8 @@ $b: '.link';
121
128
  }
122
129
 
123
130
  &#{$b}_dotted:any-link,
124
- &#{$b}_dotted:enabled {
131
+ &#{$b}_dotted:enabled,
132
+ &#{$b}_dotted[tabindex] {
125
133
  &:not(#{$b}_partial),
126
134
  & #{$b}__text {
127
135
  @include ul-dotted($link-alt-color);
@@ -139,7 +147,8 @@ $b: '.link';
139
147
 
140
148
  &_grey {
141
149
  &:any-link,
142
- &:enabled {
150
+ &:enabled,
151
+ &[tabindex] {
143
152
  color: $link-grey-color;
144
153
 
145
154
  &:hover,
@@ -149,7 +158,8 @@ $b: '.link';
149
158
  }
150
159
 
151
160
  &#{$b}_solid:any-link,
152
- &#{$b}_solid:enabled {
161
+ &#{$b}_solid:enabled,
162
+ &#{$b}_solid[tabindex] {
153
163
  &:not(#{$b}_partial),
154
164
  & #{$b}__text {
155
165
  @include ul-solid($link-grey-color);
@@ -165,7 +175,8 @@ $b: '.link';
165
175
  }
166
176
 
167
177
  &#{$b}_dashed:any-link,
168
- &#{$b}_dashed:enabled {
178
+ &#{$b}_dashed:enabled,
179
+ &#{$b}_dashed[tabindex] {
169
180
  &:not(#{$b}_partial),
170
181
  & #{$b}__text {
171
182
  @include ul-dashed($link-grey-color);
@@ -181,7 +192,8 @@ $b: '.link';
181
192
  }
182
193
 
183
194
  &#{$b}_dotted:any-link,
184
- &#{$b}_dotted:enabled {
195
+ &#{$b}_dotted:enabled,
196
+ &#{$b}_dotted[tabindex] {
185
197
  &:not(#{$b}_partial),
186
198
  & #{$b}__text {
187
199
  @include ul-dotted($link-grey-color);
@@ -199,7 +211,8 @@ $b: '.link';
199
211
 
200
212
  &_inverted {
201
213
  &:any-link,
202
- &:enabled {
214
+ &:enabled,
215
+ &[tabindex] {
203
216
  color: $link-inverted-color;
204
217
 
205
218
  &:hover,
@@ -209,7 +222,8 @@ $b: '.link';
209
222
  }
210
223
 
211
224
  &#{$b}_solid:any-link,
212
- &#{$b}_solid:enabled {
225
+ &#{$b}_solid:enabled,
226
+ &#{$b}_solid[tabindex] {
213
227
  &:not(#{$b}_partial),
214
228
  & #{$b}__text {
215
229
  @include ul-solid($link-inverted-color);
@@ -225,7 +239,8 @@ $b: '.link';
225
239
  }
226
240
 
227
241
  &#{$b}_dashed:any-link,
228
- &#{$b}_dashed:enabled {
242
+ &#{$b}_dashed:enabled,
243
+ &#{$b}_dashed[tabindex] {
229
244
  &:not(#{$b}_partial),
230
245
  & #{$b}__text {
231
246
  @include ul-dashed($link-inverted-color);
@@ -241,7 +256,8 @@ $b: '.link';
241
256
  }
242
257
 
243
258
  &#{$b}_dotted:any-link,
244
- &#{$b}_dotted:enabled {
259
+ &#{$b}_dotted:enabled,
260
+ &#{$b}_dotted[tabindex] {
245
261
  &:not(#{$b}_partial),
246
262
  & #{$b}__text {
247
263
  @include ul-dotted($link-inverted-color);
package/src/components/warning-message/index.scss CHANGED
@@ -22,7 +22,7 @@ $b: '.warning-message';
22
22
  padding: 16px 16px 24px;
23
23
 
24
24
  &:has(#{$b}__content:last-child #{$b}__descr:first-child) {
25
- padding-bottom: 16px;
25
+ padding-bottom: 20px;
26
26
  }
27
27
  }
28
28
 
package/src/variables.scss CHANGED
@@ -561,7 +561,7 @@ $input-active-outline-color: $input-active-border-color !default;
561
561
  $input-active-color: $input-color !default;
562
562
 
563
563
  $input-disabled-bg: rgba($color-primary-20, 7%) !default;
564
- $input-disabled-border-color: $color-grey-90 !default;
564
+ $input-disabled-border-color: rgba($color-primary-20, 14%) !default;
565
565
  $input-disabled-color: rgba($input-color, 50%) !default;
566
566
  $input-disabled-placeholder-color: rgba($input-color, 25%) !default;
567
567