@transferwise/neptune-css 0.0.0-experimental-bb7ed4a → 0.0.0-experimental-7cfec48

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 (59) hide show
  1. package/dist/css/accordion.css +6 -21
  2. package/dist/css/alerts.css +14 -159
  3. package/dist/css/background.css +2 -6
  4. package/dist/css/badge.css +1 -11
  5. package/dist/css/breadcrumbs.css +1 -2
  6. package/dist/css/button-groups.css +2 -8
  7. package/dist/css/buttons.css +142 -212
  8. package/dist/css/chevron.css +1 -1
  9. package/dist/css/circles.css +10 -22
  10. package/dist/css/close.css +2 -3
  11. package/dist/css/column-layout.css +0 -4
  12. package/dist/css/currency-flags.css +1 -5
  13. package/dist/css/decision.css +5 -14
  14. package/dist/css/dropdowns.css +8 -28
  15. package/dist/css/droppable.css +11 -18
  16. package/dist/css/flex.css +0 -32
  17. package/dist/css/footer.css +8 -46
  18. package/dist/css/grid.css +0 -6
  19. package/dist/css/input-groups.css +142 -188
  20. package/dist/css/link-callout.css +0 -2
  21. package/dist/css/list-group.css +8 -39
  22. package/dist/css/media.css +0 -6
  23. package/dist/css/modals.css +3 -13
  24. package/dist/css/navbar-base.css +19 -107
  25. package/dist/css/navbar.css +37 -175
  26. package/dist/css/navs.css +8 -33
  27. package/dist/css/neptune-addons.css +4 -466
  28. package/dist/css/neptune-core.css +32 -196
  29. package/dist/css/neptune.css +655 -2204
  30. package/dist/css/panels.css +0 -3
  31. package/dist/css/popovers.css +6 -30
  32. package/dist/css/process.css +8 -8
  33. package/dist/css/progress-bars.css +2 -11
  34. package/dist/css/ring.css +2 -2
  35. package/dist/css/select.css +2 -12
  36. package/dist/css/sequences.css +25 -173
  37. package/dist/css/table.css +18 -65
  38. package/dist/css/tick.css +0 -2
  39. package/dist/css/tooltip.css +1 -7
  40. package/dist/css/wells.css +5 -25
  41. package/dist/less/neptune-tokens.less +153 -264
  42. package/dist/props/neptune-tokens.css +145 -132
  43. package/package.json +2 -2
  44. package/src/less/addons/_background-utilities.less +33 -33
  45. package/src/less/alerts.less +28 -28
  46. package/src/less/background.less +0 -3
  47. package/src/less/buttons.less +19 -19
  48. package/src/less/column-layout.less +1 -1
  49. package/src/less/core/_scaffolding.less +13 -13
  50. package/src/less/core/_typography-utilities.less +18 -18
  51. package/src/less/dropdowns.less +7 -7
  52. package/src/less/footer.less +26 -26
  53. package/src/less/modals.less +1 -1
  54. package/src/less/navbar-base.less +25 -25
  55. package/src/less/navbar.less +3 -3
  56. package/src/less/navs.less +9 -9
  57. package/src/less/sequences.less +13 -13
  58. package/src/less/table.less +31 -31
  59. package/src/variables/neptune-tokens.less +8 -8
package/dist/css/navs.css CHANGED
@@ -17,37 +17,29 @@
17
17
  display: block;
18
18
  outline-offset: -1px;
19
19
  padding: 9px 24px 7px;
20
- color: #37517e;
20
+ color: #0e0f0c;
21
21
  color: var(--color-content-primary);
22
- font-weight: 400;
23
22
  font-weight: var(--font-weight-regular);
24
- font-size: 1rem;
25
23
  font-size: var(--font-size-16);
26
24
  }
27
25
  .nav > li > a:hover,
28
26
  .nav > li > a:focus {
29
27
  -webkit-text-decoration: none;
30
28
  text-decoration: none;
31
- color: #0084b3;
32
29
  color: var(--color-content-accent-hover);
33
30
  }
34
31
  .nav > li > a:active {
35
- color: #0077a5;
36
32
  color: var(--color-content-accent-active);
37
33
  }
38
34
  .nav > .active > a {
39
- color: #0097c7;
40
35
  color: var(--color-content-accent);
41
- font-weight: 600;
42
36
  font-weight: var(--font-weight-semi-bold);
43
37
  }
44
38
  .nav > .active > a:hover,
45
39
  .nav > .active > a:focus {
46
- color: #0084b3;
47
40
  color: var(--color-content-accent-hover);
48
41
  }
49
42
  .nav > .active > a:active {
50
- color: #0077a5;
51
43
  color: var(--color-content-accent-active);
52
44
  }
53
45
  .nav > .disabled > a:hover,
@@ -59,7 +51,7 @@
59
51
  .nav .open > a,
60
52
  .nav .open > a:hover,
61
53
  .nav .open > a:focus {
62
- background-color: rgba(134,167,189,0.10196);
54
+ background-color: rgba(22,51,0,0.07843);
63
55
  background-color: var(--color-background-neutral);
64
56
  }
65
57
  .nav .nav-divider {
@@ -71,14 +63,8 @@
71
63
  .nav > li > a > img {
72
64
  max-width: none;
73
65
  }
74
- .nav-inverse > li > a {
75
- color: #ffffff;
76
- }
77
- .nav-inverse > li.active > a {
78
- background-color: #2e4369;
79
- }
80
66
  .nav-tabs {
81
- border-bottom: 1px solid rgba(0,0,0,0.10196);
67
+ border-bottom: 1px solid rgba(14,15,12,0.12157);
82
68
  border-bottom: 1px solid var(--color-border-neutral);
83
69
  }
84
70
  .nav-tabs > li {
@@ -90,10 +76,8 @@
90
76
  }
91
77
  .nav-tabs > li > a {
92
78
  margin-right: 2px;
93
- line-height: 1.5;
94
79
  line-height: var(--line-height-body);
95
80
  border-bottom: 3px solid transparent;
96
- font-size: 1rem;
97
81
  font-size: var(--font-size-16);
98
82
  }
99
83
  [dir="rtl"] .nav-tabs > li > a {
@@ -102,25 +86,22 @@
102
86
  margin-right: initial;
103
87
  }
104
88
  .nav-tabs > .active > a {
105
- border-bottom: 3px solid rgba(0,0,0,0.10196);
89
+ border-bottom: 3px solid rgba(14,15,12,0.12157);
106
90
  border-bottom: 3px solid var(--color-border-neutral);
107
91
  }
108
92
  .nav-tabs > .active > a:hover,
109
93
  .nav-tabs > .active > a:focus {
110
- color: #0097c7;
111
94
  color: var(--color-content-accent);
112
95
  cursor: default;
113
96
  }
114
97
  .nav-pills > li {
115
98
  float: left;
116
- font-size: 0.875rem;
117
99
  font-size: var(--font-size-14);
118
100
  }
119
101
  [dir="rtl"] .nav-pills > li {
120
102
  float: right;
121
103
  }
122
104
  .nav-pills > li > a {
123
- font-size: 0.875rem;
124
105
  font-size: var(--font-size-14);
125
106
  }
126
107
  .nav-stacked > li {
@@ -128,7 +109,6 @@
128
109
  }
129
110
  .nav-stacked > li > a {
130
111
  padding-left: 21px;
131
- padding-right: 24px;
132
112
  padding-right: var(--size-24);
133
113
  transition: color 0.2s ease-in-out;
134
114
  }
@@ -144,7 +124,6 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
144
124
  padding-left: initial;
145
125
  }
146
126
  [dir="rtl"] .nav-stacked > li > a {
147
- padding-left: 24px;
148
127
  padding-left: var(--size-24);
149
128
  padding-right: 0;
150
129
  padding-right: initial;
@@ -154,12 +133,10 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
154
133
  }
155
134
  @media (min-width: 992px) {
156
135
  .nav-stacked > li > a {
157
- padding-right: 32px;
158
136
  padding-right: var(--size-32);
159
137
  padding-left: 29px !important;
160
138
  }
161
139
  [dir="rtl"] .nav-stacked > li > a {
162
- padding-left: 32px;
163
140
  padding-left: var(--size-32);
164
141
  padding-right: 0;
165
142
  padding-right: initial;
@@ -186,13 +163,13 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
186
163
  [dir="rtl"] .nav-stacked > li.active > a,
187
164
  [dir="rtl"] .nav-stacked > li.active > a:hover,
188
165
  [dir="rtl"] .nav-stacked > li.active > a:focus {
189
- border-right: 3px solid #00a2dd;
166
+ border-right: 3px solid #9fe870;
190
167
  border-right: 3px solid var(--color-interactive-accent);
191
168
  }
192
169
  html:not([dir="rtl"]) .nav-stacked > li.active > a,
193
170
  html:not([dir="rtl"]) .nav-stacked > li.active > a:hover,
194
171
  html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
195
- border-left: 3px solid #00a2dd;
172
+ border-left: 3px solid #9fe870;
196
173
  border-left: 3px solid var(--color-interactive-accent);
197
174
  }
198
175
  [dir="rtl"] .nav-stacked > li.active > a,
@@ -225,9 +202,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
225
202
  left: initial;
226
203
  }
227
204
  .nav-justified.nav-pills > li > a {
228
- padding: 0 4px;
229
205
  padding: 0 var(--size-4);
230
- line-height: 1.5;
231
206
  line-height: var(--line-height-body);
232
207
  }
233
208
  @media (min-width: 768px) {
@@ -272,14 +247,14 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
272
247
  }
273
248
  .nav-tabs-justified > li > a {
274
249
  margin-right: 0;
275
- border-bottom: 1px solid rgba(0,0,0,0.10196);
250
+ border-bottom: 1px solid rgba(14,15,12,0.12157);
276
251
  border-bottom: 1px solid var(--color-border-neutral);
277
252
  border-radius: 3px;
278
253
  }
279
254
  .nav-tabs-justified > .active > a,
280
255
  .nav-tabs-justified > .active > a:hover,
281
256
  .nav-tabs-justified > .active > a:focus {
282
- border: 1px solid rgba(0,0,0,0.10196);
257
+ border: 1px solid rgba(14,15,12,0.12157);
283
258
  border: 1px solid var(--color-border-neutral);
284
259
  border-bottom: 0;
285
260
  }