@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/footer.css CHANGED
@@ -1,41 +1,31 @@
1
1
  @media (min-width: 768px) {
2
2
  }@media (min-width: 768px) {
3
3
  }.footer {
4
- background-color: rgba(134,167,189,0.10196);
4
+ background-color: rgba(22,51,0,0.07843);
5
5
  background-color: var(--color-background-neutral);
6
- font-size: 0.875rem;
7
6
  font-size: var(--font-size-14);
8
7
  line-height: 155%;
9
8
  letter-spacing: -0.006em;
10
- font-weight: 400;
11
9
  font-weight: var(--font-weight-regular);
12
- padding-top: calc(8px * 10);
13
10
  padding-top: calc(var(--size-8) * 10);
14
- padding-bottom: calc(8px * 10);
15
11
  padding-bottom: calc(var(--size-8) * 10);
16
12
  }@media (min-width: 576px) {
17
13
  .footer {
18
- padding-top: calc(8px * 15);
19
14
  padding-top: calc(var(--size-8) * 15);
20
- padding-bottom: calc(8px * 15);
21
15
  padding-bottom: calc(var(--size-8) * 15);
22
16
  }
23
17
  }@media (min-width: 992px) {
24
18
  .footer {
25
- padding-top: calc(8px * 20);
26
19
  padding-top: calc(var(--size-8) * 20);
27
- padding-bottom: calc(8px * 20);
28
20
  padding-bottom: calc(var(--size-8) * 20);
29
21
  }
30
22
  }.footer .footer-link,
31
23
  .footer .link-icon {
32
- color: #5d7079;
24
+ color: #454745;
33
25
  color: var(--color-content-secondary);
34
- font-size: 0.875rem;
35
26
  font-size: var(--font-size-14);
36
27
  line-height: 155%;
37
28
  letter-spacing: -0.006em;
38
- font-weight: 400;
39
29
  font-weight: var(--font-weight-regular);
40
30
  }.footer .footer-link:hover,
41
31
  .footer .link-icon:hover,
@@ -43,18 +33,18 @@
43
33
  .footer .link-icon:active,
44
34
  .footer .footer-link:focus,
45
35
  .footer .link-icon:focus {
46
- color: #5d7079;
36
+ color: #454745;
47
37
  color: var(--color-content-secondary);
48
38
  }.footer .footer-title {
49
- color: #37517e;
39
+ color: #0e0f0c;
50
40
  color: var(--color-content-primary);
51
41
  }.footer .footer-title .footer-link {
52
- color: #37517e;
42
+ color: #0e0f0c;
53
43
  color: var(--color-content-primary);
54
44
  }.footer .footer-title .footer-link:hover,
55
45
  .footer .footer-title .footer-link:active,
56
46
  .footer .footer-title .footer-link:focus {
57
- color: #37517e;
47
+ color: #0e0f0c;
58
48
  color: var(--color-content-primary);
59
49
  }.footer .logo {
60
50
  color: transparent;
@@ -66,43 +56,15 @@
66
56
  -webkit-text-decoration: none;
67
57
  text-decoration: none;
68
58
  }.footer .link-icon svg {
69
- fill: #5d7079;
59
+ fill: #454745;
70
60
  fill: var(--color-content-secondary);
71
61
  }.footer .link-icon svg:hover,
72
62
  .footer .link-icon svg:active,
73
63
  .footer .link-icon svg:focus {
74
- fill: #5d7079;
64
+ fill: #454745;
75
65
  fill: var(--color-content-secondary);
76
- }.footer.footer-inverse {
77
- background: #37517e;
78
- }.footer.footer-inverse .footer-link,
79
- .footer.footer-inverse .link-icon {
80
- color: #ffffff;
81
- }.footer.footer-inverse .footer-link:hover,
82
- .footer.footer-inverse .link-icon:hover,
83
- .footer.footer-inverse .footer-link:active,
84
- .footer.footer-inverse .link-icon:active,
85
- .footer.footer-inverse .footer-link:focus,
86
- .footer.footer-inverse .link-icon:focus {
87
- color: #ffffff;
88
- }.footer.footer-inverse .footer-link svg,
89
- .footer.footer-inverse .link-icon svg {
90
- fill: #ffffff;
91
- }.footer.footer-inverse .footer-link svg:hover,
92
- .footer.footer-inverse .link-icon svg:hover,
93
- .footer.footer-inverse .footer-link svg:active,
94
- .footer.footer-inverse .link-icon svg:active,
95
- .footer.footer-inverse .footer-link svg:focus,
96
- .footer.footer-inverse .link-icon svg:focus {
97
- fill: #ffffff;
98
- }.footer.footer-inverse .footer-title {
99
- color: #ffffff;
100
66
  }.footer.footer-inverse hr {
101
67
  opacity: 0.1;
102
- }.footer.footer-inverse .tiny,
103
- .footer.footer-inverse .body-3,
104
- .footer.footer-inverse .np-text-body-default {
105
- color: #ffffff;
106
68
  }@media (max-width: 575px) {
107
69
  .footer {
108
70
  position: relative;
package/dist/css/grid.css CHANGED
@@ -2266,7 +2266,6 @@
2266
2266
  [class*="col-md"],
2267
2267
  [class*="col-lg"],
2268
2268
  [class*="col-xl"] {
2269
- margin-bottom: calc(8px * 2);
2270
2269
  margin-bottom: calc(var(--size-8) * 2);
2271
2270
  }
2272
2271
  [class*="col-xs"] {
@@ -2301,21 +2300,16 @@
2301
2300
  }
2302
2301
  @media (max-width: 575px) {
2303
2302
  .row-equal-height .col-xs-12 {
2304
- margin-bottom: 12px;
2305
2303
  margin-bottom: var(--size-12);
2306
2304
  }
2307
2305
  }
2308
2306
  @media (max-width: 575px) {
2309
2307
  .row {
2310
- margin-right: calc(8px * -1);
2311
2308
  margin-right: calc(var(--size-8) * -1);
2312
- margin-left: calc(8px * -1);
2313
2309
  margin-left: calc(var(--size-8) * -1);
2314
2310
  }
2315
2311
  [class*="col-"] {
2316
- padding-right: 8px;
2317
2312
  padding-right: var(--size-8);
2318
- padding-left: 8px;
2319
2313
  padding-left: var(--size-8);
2320
2314
  }
2321
2315
  }