@transferwise/neptune-css 0.0.0-experimental-b2666ac → 0.0.0-experimental-d2bc8ee

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 (72) hide show
  1. package/dist/css/accordion.css +6 -5
  2. package/dist/css/alerts.css +14 -142
  3. package/dist/css/background.css +2 -2
  4. package/dist/css/badge.css +1 -3
  5. package/dist/css/breadcrumbs.css +1 -1
  6. package/dist/css/button-groups.css +2 -6
  7. package/dist/css/buttons.css +151 -176
  8. package/dist/css/chevron.css +1 -1
  9. package/dist/css/circles.css +10 -11
  10. package/dist/css/close.css +2 -3
  11. package/dist/css/column-layout.css +0 -1
  12. package/dist/css/currency-flags.css +1 -1
  13. package/dist/css/decision.css +5 -4
  14. package/dist/css/dropdowns.css +8 -26
  15. package/dist/css/droppable.css +12 -9
  16. package/dist/css/footer.css +8 -43
  17. package/dist/css/input-groups.css +142 -137
  18. package/dist/css/list-group.css +8 -31
  19. package/dist/css/modals.css +3 -4
  20. package/dist/css/navbar.css +37 -142
  21. package/dist/css/navs.css +8 -20
  22. package/dist/css/neptune-addons.css +4 -83
  23. package/dist/css/neptune-core.css +33 -119
  24. package/dist/css/neptune.css +655 -1245
  25. package/dist/css/popovers.css +6 -10
  26. package/dist/css/process.css +8 -8
  27. package/dist/css/progress-bars.css +2 -7
  28. package/dist/css/ring.css +2 -2
  29. package/dist/css/select.css +2 -2
  30. package/dist/css/sequences.css +39 -95
  31. package/dist/css/table.css +14 -48
  32. package/dist/css/tick.css +0 -1
  33. package/dist/css/tooltip.css +1 -2
  34. package/dist/css/wells.css +5 -5
  35. package/dist/less/neptune-tokens.less +82 -174
  36. package/dist/props/neptune-tokens.css +80 -40
  37. package/package.json +2 -2
  38. package/src/less/addons/_background-utilities.less +0 -37
  39. package/src/less/alerts.less +0 -36
  40. package/src/less/background.less +0 -1
  41. package/src/less/buttons.less +0 -22
  42. package/src/less/column-layout.less +0 -1
  43. package/src/less/core/_fonts.less +0 -26
  44. package/src/less/core/_scaffolding.less +2 -31
  45. package/src/less/core/_typography-utilities.less +0 -29
  46. package/src/less/dropdowns.less +0 -18
  47. package/src/less/footer.less +0 -33
  48. package/src/less/mixins/_sequence.less +2 -2
  49. package/src/less/modals.less +0 -1
  50. package/src/less/navbar.less +0 -35
  51. package/src/less/navs.less +0 -10
  52. package/src/less/sequences.less +0 -26
  53. package/src/less/table.less +0 -8
  54. package/src/variables/neptune-tokens.less +2 -9
  55. package/dist/fonts/TW-Averta-Bold.woff +0 -0
  56. package/dist/fonts/TW-Averta-Bold.woff2 +0 -0
  57. package/dist/fonts/TW-Averta-Regular.woff +0 -0
  58. package/dist/fonts/TW-Averta-Regular.woff2 +0 -0
  59. package/dist/fonts/TW-Averta-Semibold.woff +0 -0
  60. package/dist/fonts/TW-Averta-Semibold.woff2 +0 -0
  61. package/dist/fonts/TransferWise-IconFont.svg +0 -81
  62. package/dist/fonts/TransferWise-IconFont.woff +0 -0
  63. package/dist/props/legacy-custom-props.css +0 -69
  64. package/src/fonts/TW-Averta-Bold.woff +0 -0
  65. package/src/fonts/TW-Averta-Bold.woff2 +0 -0
  66. package/src/fonts/TW-Averta-Regular.woff +0 -0
  67. package/src/fonts/TW-Averta-Regular.woff2 +0 -0
  68. package/src/fonts/TW-Averta-Semibold.woff +0 -0
  69. package/src/fonts/TW-Averta-Semibold.woff2 +0 -0
  70. package/src/fonts/TransferWise-IconFont.svg +0 -81
  71. package/src/fonts/TransferWise-IconFont.woff +0 -0
  72. package/src/props/legacy-custom-props.css +0 -69
package/dist/css/list-group.css CHANGED
@@ -2,9 +2,9 @@
2
2
  list-style-type: none;
3
3
  margin-bottom: 20px;
4
4
  padding-left: 0;
5
- border-left: 1px solid rgba(0,0,0,0.10196);
5
+ border-left: 1px solid rgba(14,15,12,0.12157);
6
6
  border-left: 1px solid var(--color-border-neutral);
7
- border-right: 1px solid rgba(0,0,0,0.10196);
7
+ border-right: 1px solid rgba(14,15,12,0.12157);
8
8
  border-right: 1px solid var(--color-border-neutral);
9
9
  }
10
10
  [dir="rtl"] .list-group {
@@ -62,7 +62,7 @@ html:not([dir="rtl"]) .list-group-item {
62
62
  font-size: var(--font-size-14);
63
63
  letter-spacing: -0.006em;
64
64
  line-height: 140%;
65
- color: #37517e;
65
+ color: #0e0f0c;
66
66
  color: var(--color-content-primary);
67
67
  }
68
68
  @supports (hyphenate-limit-chars: 1) {
@@ -103,26 +103,23 @@ html:not([dir="rtl"]) .list-group-item {
103
103
  }
104
104
  .list-group-item-text {
105
105
  margin-bottom: 0;
106
- color: #5d7079;
106
+ color: #454745;
107
107
  color: var(--color-content-secondary);
108
108
  }
109
109
  a.list-group-item {
110
- color: #0097c7;
111
110
  color: var(--color-content-accent);
112
111
  -webkit-text-decoration: none;
113
112
  text-decoration: none;
114
113
  }
115
114
  a.list-group-item .list-group-item-heading {
116
- color: #0097c7;
117
115
  color: var(--color-content-accent);
118
116
  }
119
117
  a.list-group-item:not(.disabled):not(:disabled):hover,
120
118
  a.list-group-item:not(.disabled):not(:disabled):focus {
121
119
  -webkit-text-decoration: none;
122
120
  text-decoration: none;
123
- color: #0084b3;
124
121
  color: var(--color-content-accent-hover);
125
- background-color: rgba(134,167,189,0.10196);
122
+ background-color: rgba(22,51,0,0.07843);
126
123
  background-color: var(--color-background-neutral);
127
124
  }
128
125
  .list-group-item[ng-click] {
@@ -135,7 +132,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
135
132
  z-index: 2;
136
133
  background-color: #ffffff;
137
134
  background-color: var(--color-background-elevated);
138
- box-shadow: 0 1px 10px rgba(0,0,0,0.10196);
135
+ box-shadow: 0 1px 10px rgba(14,15,12,0.12157);
139
136
  box-shadow: 0 1px 10px var(--color-border-neutral);
140
137
  margin-top: 24px;
141
138
  margin-top: var(--size-24);
@@ -174,7 +171,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
174
171
  @media (min-width: 576px) {
175
172
  .list-group-inactive .list-group-item:hover .circle,
176
173
  .list-group-inactive .list-group-item.active .circle {
177
- background-color: rgba(134,167,189,0.10196);
174
+ background-color: rgba(22,51,0,0.07843);
178
175
  background-color: var(--color-background-neutral);
179
176
  }
180
177
  }
@@ -183,11 +180,9 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
183
180
  margin-top: var(--size-24);
184
181
  }
185
182
  [dir="rtl"] .list-group-item-success {
186
- border-right: 3px solid #008026;
187
183
  border-right: 3px solid var(--color-content-positive);
188
184
  }
189
185
  html:not([dir="rtl"]) .list-group-item-success {
190
- border-left: 3px solid #008026;
191
186
  border-left: 3px solid var(--color-content-positive);
192
187
  }
193
188
  .list-group-item.list-group-item-success {
@@ -195,23 +190,18 @@ html:not([dir="rtl"]) .list-group-item-success {
195
190
  background-color: var(--color-background-screen);
196
191
  }
197
192
  .list-group-item-success .list-group-item-text {
198
- color: #008026;
199
193
  color: var(--color-content-positive);
200
194
  }
201
195
  a.list-group-item-success {
202
- color: #008026;
203
196
  color: var(--color-content-positive);
204
197
  }
205
198
  a.list-group-item-success:hover {
206
- color: #008026;
207
199
  color: var(--color-content-positive);
208
200
  }
209
201
  [dir="rtl"] .list-group-item-info {
210
- border-right: 3px solid #0097c7;
211
202
  border-right: 3px solid var(--color-content-accent);
212
203
  }
213
204
  html:not([dir="rtl"]) .list-group-item-info {
214
- border-left: 3px solid #0097c7;
215
205
  border-left: 3px solid var(--color-content-accent);
216
206
  }
217
207
  .list-group-item.list-group-item-info {
@@ -219,23 +209,18 @@ html:not([dir="rtl"]) .list-group-item-info {
219
209
  background-color: var(--color-background-screen);
220
210
  }
221
211
  .list-group-item-info .list-group-item-text {
222
- color: #0097c7;
223
212
  color: var(--color-content-accent);
224
213
  }
225
214
  a.list-group-item-info {
226
- color: #0097c7;
227
215
  color: var(--color-content-accent);
228
216
  }
229
217
  a.list-group-item-info:hover {
230
- color: #0097c7;
231
218
  color: var(--color-content-accent);
232
219
  }
233
220
  [dir="rtl"] .list-group-item-warning {
234
- border-right: 3px solid #9a6500;
235
221
  border-right: 3px solid var(--color-content-warning);
236
222
  }
237
223
  html:not([dir="rtl"]) .list-group-item-warning {
238
- border-left: 3px solid #9a6500;
239
224
  border-left: 3px solid var(--color-content-warning);
240
225
  }
241
226
  .list-group-item.list-group-item-warning {
@@ -243,23 +228,18 @@ html:not([dir="rtl"]) .list-group-item-warning {
243
228
  background-color: var(--color-background-screen);
244
229
  }
245
230
  .list-group-item-warning .list-group-item-text {
246
- color: #9a6500;
247
231
  color: var(--color-content-warning);
248
232
  }
249
233
  a.list-group-item-warning {
250
- color: #9a6500;
251
234
  color: var(--color-content-warning);
252
235
  }
253
236
  a.list-group-item-warning:hover {
254
- color: #9a6500;
255
237
  color: var(--color-content-warning);
256
238
  }
257
239
  [dir="rtl"] .list-group-item-danger {
258
- border-right: 3px solid #cf2929;
259
240
  border-right: 3px solid var(--color-content-negative);
260
241
  }
261
242
  html:not([dir="rtl"]) .list-group-item-danger {
262
- border-left: 3px solid #cf2929;
263
243
  border-left: 3px solid var(--color-content-negative);
264
244
  }
265
245
  .list-group-item.list-group-item-danger {
@@ -267,15 +247,12 @@ html:not([dir="rtl"]) .list-group-item-danger {
267
247
  background-color: var(--color-background-screen);
268
248
  }
269
249
  .list-group-item-danger .list-group-item-text {
270
- color: #cf2929;
271
250
  color: var(--color-content-negative);
272
251
  }
273
252
  a.list-group-item-danger {
274
- color: #cf2929;
275
253
  color: var(--color-content-negative);
276
254
  }
277
255
  a.list-group-item-danger:hover {
278
- color: #cf2929;
279
256
  color: var(--color-content-negative);
280
257
  }
281
258
  .list-group:hover .list-group-item:not(.active) {
@@ -292,7 +269,7 @@ a.list-group-item-danger:hover {
292
269
  opacity: 1;
293
270
  }
294
271
  .list-group-inactive:hover .list-group-item:not(.active) {
295
- background-color: rgba(134,167,189,0.10196);
272
+ background-color: rgba(22,51,0,0.07843);
296
273
  background-color: var(--color-background-neutral);
297
274
  }
298
275
  .list-group-inactive:hover .list-group-item:hover {
package/dist/css/modals.css CHANGED
@@ -34,7 +34,7 @@
34
34
  position: relative;
35
35
  background-color: #ffffff;
36
36
  background-color: var(--color-background-screen);
37
- border: 1px solid rgba(134,167,189,0.10196);
37
+ border: 1px solid rgba(22,51,0,0.07843);
38
38
  border: 1px solid var(--color-background-neutral);
39
39
  border-radius: 3px;
40
40
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
@@ -57,7 +57,6 @@
57
57
  bottom: 0;
58
58
  left: 0;
59
59
  z-index: 1040;
60
- background-color: #37517e;
61
60
  }
62
61
  .modal-backdrop.fade {
63
62
  opacity: 0;
@@ -77,7 +76,7 @@
77
76
  }
78
77
  .modal-header {
79
78
  padding: 24px;
80
- border-bottom: 1px solid rgba(0,0,0,0.10196);
79
+ border-bottom: 1px solid rgba(14,15,12,0.12157);
81
80
  border-bottom: 1px solid var(--color-border-neutral);
82
81
  min-height: calc(24px + 24px);
83
82
  min-height: calc(24px + var(--size-24));
@@ -98,7 +97,7 @@
98
97
  padding: 16px 24px;
99
98
  padding: var(--size-16) 24px;
100
99
  text-align: right;
101
- border-top: 1px solid rgba(0,0,0,0.10196);
100
+ border-top: 1px solid rgba(14,15,12,0.12157);
102
101
  border-top: 1px solid var(--color-border-neutral);
103
102
  }
104
103
  [dir="rtl"] .modal-footer {