@formixru/b2b-ui 2.5.2 → 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.
- package/CHANGELOG.md +5 -0
- package/package.json +1 -1
- package/src/components/link/index.scss +32 -16
- package/src/variables.scss +1 -1
package/CHANGELOG.md
CHANGED
package/package.json
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/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-
|
|
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
|
|