@transferwise/neptune-css 14.3.4 → 14.3.5

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/package.json +2 -2
  2. package/src/less/addons/_background-utilities.less +6 -3
  3. package/src/less/alerts.less +5 -0
  4. package/src/less/core/_scaffolding.less +2 -0
  5. package/src/less/core/_typography-utilities.less +5 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.3.4",
4
+ "version": "14.3.5",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -53,5 +53,5 @@
53
53
  "bin": {
54
54
  "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
55
55
  },
56
- "gitHead": "2bff1a60850ef74b54fecd3d83d1680c4c6e031a"
56
+ "gitHead": "422385e170c801418f48ab8e6fa7c2bd058d1d18"
57
57
  }
package/src/less/addons/_background-utilities.less CHANGED
@@ -9,29 +9,31 @@
9
9
  color: var(--color-content-secondary);
10
10
  }
11
11
 
12
- // @DEPRECATED: .bg-info use .bg-accent instead
12
+ // @DEPRECATED: .bg-info, .bg-accent use .bg-neutral instead
13
13
  .bg-accent,
14
14
  .bg-info {
15
15
  background-color: var(--color-background-accent) !important;
16
16
  }
17
17
 
18
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
18
19
  .bg-primary {
19
20
  background-color: @color-navy-background-elevated !important;
20
21
  color: @color-navy-content-primary;
21
22
  }
22
23
 
23
- // @DEPRECATED: .bg-success use .bg-positive instead
24
+ // @DEPRECATED: .bg-success, .bg-positive use .bg-neutral instead
24
25
  .bg-positive,
25
26
  .bg-success {
26
27
  background-color: var(--color-background-positive) !important;
27
28
  }
28
29
 
29
- // @DEPRECATED: .bg-danger use .bg-negative instead
30
+ // @DEPRECATED: .bg-danger, .bg-negative use .bg-neutral instead
30
31
  .bg-negative,
31
32
  .bg-danger {
32
33
  background-color: var(--color-background-negative) !important;
33
34
  }
34
35
 
36
+ // @DEPRECATED: .bg-warning use .bg-neutral instead
35
37
  .bg-warning {
36
38
  background-color: var(--color-background-warning) !important;
37
39
  }
@@ -48,6 +50,7 @@
48
50
  background-color: var(--color-background-overlay) !important;
49
51
  }
50
52
 
53
+ // @DEPRECATED: .bg-primary, .bg-info, .bg-accent use .bg-neutral or .bg-elevated or ThemeProvider with theme="forest-green" instead
51
54
  .bg-primary,
52
55
  .bg-info,
53
56
  .bg-accent {
package/src/less/alerts.less CHANGED
@@ -97,6 +97,7 @@
97
97
  var(--color-content-positive-hover);
98
98
  );
99
99
 
100
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
100
101
  .bg-primary & {
101
102
  .alert-variant(
102
103
  @color-navy-background-positive;
@@ -114,6 +115,7 @@
114
115
  var(--color-content-primary);
115
116
  );
116
117
 
118
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
117
119
  .bg-primary & {
118
120
  .alert-variant(
119
121
  @color-navy-background-neutral;
@@ -130,6 +132,7 @@
130
132
  var(--color-content-warning-hover);
131
133
  );
132
134
 
135
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
133
136
  .bg-primary & {
134
137
  .alert-variant(
135
138
  @color-navy-background-warning;
@@ -147,6 +150,7 @@
147
150
  var(--color-content-negative-hover);
148
151
  );
149
152
 
153
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
150
154
  .bg-primary & {
151
155
  .alert-variant(
152
156
  @color-navy-background-negative;
@@ -228,6 +232,7 @@ input:focus ~ .alert-focus,
228
232
  .alert-danger,
229
233
  .alert-negative {
230
234
  &,
235
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
231
236
  .bg-primary & {
232
237
  .alert-variant(
233
238
  var(--color-background-neutral);
package/src/less/core/_scaffolding.less CHANGED
@@ -119,6 +119,7 @@ a,
119
119
  color: var(--color-content-link);
120
120
  }
121
121
 
122
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
122
123
  .bg-primary & {
123
124
  color: @color-navy-content-accent;
124
125
 
@@ -389,6 +390,7 @@ hr {
389
390
  border: 0;
390
391
  border-top: 1px solid var(--color-border-neutral);
391
392
 
393
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
392
394
  .bg-primary & {
393
395
  border-top: 1px solid @color-navy-border-neutral;
394
396
  }
package/src/less/core/_typography-utilities.less CHANGED
@@ -172,6 +172,7 @@
172
172
  .text-primary {
173
173
  .text-emphasis-variant(var(--color-content-primary), var(--color-content-primary), var(--color-content-primary));
174
174
 
175
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
175
176
  .bg-primary & {
176
177
  color: @color-navy-content-primary !important;
177
178
  }
@@ -189,6 +190,7 @@
189
190
  var(--color-content-positive-hover)
190
191
  );
191
192
 
193
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
192
194
  .bg-primary & {
193
195
  color: @color-navy-content-positive !important;
194
196
  }
@@ -198,6 +200,7 @@
198
200
  .text-info {
199
201
  .text-emphasis-variant(var(--color-content-accent), var(--color-content-accent), var(--color-content-accent-hover));
200
202
 
203
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
201
204
  .bg-primary & {
202
205
  color: @color-navy-content-accent !important;
203
206
  }
@@ -210,6 +213,7 @@
210
213
  var(--color-content-warning-hover),
211
214
  );
212
215
 
216
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
213
217
  .bg-primary & {
214
218
  color: @color-navy-content-warning !important;
215
219
  }
@@ -223,6 +227,7 @@
223
227
  var(--color-content-negative-hover)
224
228
  );
225
229
 
230
+ // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
226
231
  .bg-primary & {
227
232
  color: @color-navy-content-negative !important;
228
233
  }