@transferwise/neptune-css 0.0.0-experimental-4b0f089 → 0.0.0-experimental-526a2be

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 (43) hide show
  1. package/dist/css/accordion.css +22 -0
  2. package/dist/css/alerts.css +39 -0
  3. package/dist/css/background.css +1 -0
  4. package/dist/css/badge.css +12 -0
  5. package/dist/css/breadcrumbs.css +2 -0
  6. package/dist/css/button-groups.css +6 -0
  7. package/dist/css/buttons.css +166 -0
  8. package/dist/css/chevron.css +1 -0
  9. package/dist/css/circles.css +19 -0
  10. package/dist/css/close.css +3 -0
  11. package/dist/css/column-layout.css +3 -0
  12. package/dist/css/currency-flags.css +3 -0
  13. package/dist/css/decision.css +17 -0
  14. package/dist/css/dropdowns.css +21 -0
  15. package/dist/css/droppable.css +20 -0
  16. package/dist/css/flex.css +16 -0
  17. package/dist/css/footer.css +18 -0
  18. package/dist/css/grid.css +6 -0
  19. package/dist/css/input-groups.css +194 -0
  20. package/dist/css/link-callout.css +1 -0
  21. package/dist/css/list-group.css +46 -0
  22. package/dist/css/media.css +3 -0
  23. package/dist/css/modals.css +14 -0
  24. package/dist/css/navbar.css +132 -0
  25. package/dist/css/navs.css +27 -0
  26. package/dist/css/neptune-addons.css +298 -0
  27. package/dist/css/neptune-core.css +143 -0
  28. package/dist/css/neptune.css +1431 -0
  29. package/dist/css/panels.css +4 -0
  30. package/dist/css/popovers.css +33 -0
  31. package/dist/css/process.css +9 -0
  32. package/dist/css/progress-bars.css +14 -0
  33. package/dist/css/ring.css +4 -0
  34. package/dist/css/select.css +8 -0
  35. package/dist/css/sequences.css +60 -0
  36. package/dist/css/table.css +47 -0
  37. package/dist/css/tick.css +2 -0
  38. package/dist/css/tooltip.css +13 -0
  39. package/dist/css/wells.css +20 -0
  40. package/package.json +1 -1
  41. package/dist/less/legacy-variables.css +0 -0
  42. package/dist/less/neptune-tokens.css +0 -0
  43. package/dist/less/zindex.css +0 -0
package/dist/css/navs.css CHANGED
@@ -13,28 +13,37 @@
13
13
  outline-offset: -1px;
14
14
  padding-block: 9px 7px;
15
15
  padding-inline: 24px;
16
+ color: #37517e;
16
17
  color: var(--color-content-primary);
18
+ font-weight: 400;
17
19
  font-weight: var(--font-weight-regular);
20
+ font-size: 1rem;
18
21
  font-size: var(--font-size-16);
19
22
  }
20
23
  .nav > li > a:hover,
21
24
  .nav > li > a:focus {
22
25
  -webkit-text-decoration: none;
23
26
  text-decoration: none;
27
+ color: #0084b3;
24
28
  color: var(--color-content-accent-hover);
25
29
  }
26
30
  .nav > li > a:active {
31
+ color: #0077a5;
27
32
  color: var(--color-content-accent-active);
28
33
  }
29
34
  .nav > .active > a {
35
+ color: #0097c7;
30
36
  color: var(--color-content-accent);
37
+ font-weight: 600;
31
38
  font-weight: var(--font-weight-semi-bold);
32
39
  }
33
40
  .nav > .active > a:hover,
34
41
  .nav > .active > a:focus {
42
+ color: #0084b3;
35
43
  color: var(--color-content-accent-hover);
36
44
  }
37
45
  .nav > .active > a:active {
46
+ color: #0077a5;
38
47
  color: var(--color-content-accent-active);
39
48
  }
40
49
  .nav > .disabled > a:hover,
@@ -46,6 +55,7 @@
46
55
  .nav .open > a,
47
56
  .nav .open > a:hover,
48
57
  .nav .open > a:focus {
58
+ background-color: rgba(134,167,189,0.10196);
49
59
  background-color: var(--color-background-neutral);
50
60
  }
51
61
  .nav .nav-divider {
@@ -64,6 +74,8 @@
64
74
  background-color: #2e4369;
65
75
  }
66
76
  .nav-tabs {
77
+ border-block-end: 1px solid rgba(0,0,0,0.10196);
78
+ border-block-end: 1px solid #0000001a;
67
79
  border-block-end: 1px solid var(--color-border-neutral);
68
80
  }
69
81
  .nav-tabs > li {
@@ -72,23 +84,30 @@
72
84
  }
73
85
  .nav-tabs > li > a {
74
86
  margin-inline-end: 2px;
87
+ line-height: 1.5;
75
88
  line-height: var(--line-height-body);
76
89
  border-block-end: 3px solid transparent;
90
+ font-size: 1rem;
77
91
  font-size: var(--font-size-16);
78
92
  }
79
93
  .nav-tabs > .active > a {
94
+ border-block-end: 3px solid rgba(0,0,0,0.10196);
95
+ border-block-end: 3px solid #0000001a;
80
96
  border-block-end: 3px solid var(--color-border-neutral);
81
97
  }
82
98
  .nav-tabs > .active > a:hover,
83
99
  .nav-tabs > .active > a:focus {
100
+ color: #0097c7;
84
101
  color: var(--color-content-accent);
85
102
  cursor: default;
86
103
  }
87
104
  .nav-pills > li {
88
105
  float: inline-start;
106
+ font-size: 0.875rem;
89
107
  font-size: var(--font-size-14);
90
108
  }
91
109
  .nav-pills > li > a {
110
+ font-size: 0.875rem;
92
111
  font-size: var(--font-size-14);
93
112
  }
94
113
  .nav-stacked > li {
@@ -97,6 +116,7 @@
97
116
  .nav-stacked > li > a {
98
117
  border-inline-start: 3px solid transparent;
99
118
  padding-inline-start: 21px;
119
+ padding-inline-end: 24px;
100
120
  padding-inline-end: var(--size-24);
101
121
  transition: color 0.2s ease-in-out;
102
122
  }
@@ -105,6 +125,7 @@
105
125
  }
106
126
  @media (min-width: 1160px) {
107
127
  .nav-stacked > li > a {
128
+ padding-inline-end: 32px;
108
129
  padding-inline-end: var(--size-32);
109
130
  padding-inline-start: 29px !important;
110
131
  }
@@ -115,6 +136,7 @@
115
136
  .nav-stacked > li.active > a,
116
137
  .nav-stacked > li.active > a:hover,
117
138
  .nav-stacked > li.active > a:focus {
139
+ border-inline-start: 3px solid #00a2dd;
118
140
  border-inline-start: 3px solid var(--color-interactive-accent);
119
141
  padding-inline-start: 21px;
120
142
  }
@@ -137,7 +159,9 @@
137
159
  }
138
160
  .nav-justified.nav-pills > li > a {
139
161
  padding-block: 0;
162
+ padding-inline: 4px;
140
163
  padding-inline: var(--size-4);
164
+ line-height: 1.5;
141
165
  line-height: var(--line-height-body);
142
166
  }
143
167
  @media (min-width: 840px) {
@@ -182,12 +206,15 @@
182
206
  }
183
207
  .nav-tabs-justified > li > a {
184
208
  margin-inline-end: 0;
209
+ border-block-end: 1px solid rgba(0,0,0,0.10196);
210
+ border-block-end: 1px solid #0000001a;
185
211
  border-block-end: 1px solid var(--color-border-neutral);
186
212
  border-radius: 3px;
187
213
  }
188
214
  .nav-tabs-justified > .active > a,
189
215
  .nav-tabs-justified > .active > a:hover,
190
216
  .nav-tabs-justified > .active > a:focus {
217
+ border: 1px solid rgba(0,0,0,0.10196);
191
218
  border: 1px solid var(--color-border-neutral);
192
219
  border-block-end: 0;
193
220
  }