@transferwise/neptune-css 14.8.2 → 14.9.1

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 (51) hide show
  1. package/dist/css/border-radius.css +8 -0
  2. package/dist/css/currency-flags.css +1 -0
  3. package/dist/css/flex.css +417 -253
  4. package/dist/css/navbar-base.css +168 -339
  5. package/dist/css/navbar.css +41 -107
  6. package/dist/css/neptune-addons.css +426 -898
  7. package/dist/css/neptune-core.css +163 -200
  8. package/dist/css/neptune.css +13978 -14772
  9. package/dist/css/utilities.css +1202 -72
  10. package/package.json +1 -1
  11. package/src/less/{mixins → addons}/_center-block.less +2 -4
  12. package/src/less/addons/_spacing-utilities.less +3 -26
  13. package/src/less/border-radius.less +1 -3
  14. package/src/less/core/_scaffolding.less +7 -27
  15. package/src/less/core/_typography-utilities.less +17 -237
  16. package/src/less/currency-flags.less +1 -0
  17. package/src/less/flex.less +9 -18
  18. package/src/less/navbar.less +10 -2
  19. package/src/less/neptune-addons.less +4 -1
  20. package/src/less/utilities/align-items.less +107 -0
  21. package/src/less/utilities/align-self.less +107 -0
  22. package/src/less/utilities/border-radius.less +11 -0
  23. package/src/less/utilities/color.less +70 -0
  24. package/src/less/utilities/cursor.less +3 -0
  25. package/src/less/utilities/display.less +178 -0
  26. package/src/less/utilities/flex-direction.less +47 -0
  27. package/src/less/utilities/flex-grow.less +27 -0
  28. package/src/less/utilities/flex-wrap.less +47 -0
  29. package/src/less/utilities/float.less +77 -0
  30. package/src/less/utilities/font-weight.less +11 -0
  31. package/src/less/utilities/gap.less +3 -0
  32. package/src/less/utilities/justify-content.less +107 -0
  33. package/src/less/utilities/margin.less +192 -0
  34. package/src/less/utilities/max-width.less +3 -0
  35. package/src/less/utilities/order.less +87 -0
  36. package/src/less/utilities/outline-style.less +8 -0
  37. package/src/less/utilities/overflow-wrap.less +3 -0
  38. package/src/less/utilities/padding.less +179 -0
  39. package/src/less/utilities/position.less +3 -0
  40. package/src/less/utilities/rotate.less +12 -0
  41. package/src/less/utilities/screen-reader.less +24 -0
  42. package/src/less/utilities/text-align.less +87 -0
  43. package/src/less/utilities/text-decoration-line.less +8 -0
  44. package/src/less/utilities/text-overflow.less +7 -0
  45. package/src/less/utilities/text-transform.less +11 -0
  46. package/src/less/utilities/visibility.less +3 -0
  47. package/src/less/utilities/white-space.less +27 -0
  48. package/src/less/utilities.less +29 -141
  49. package/src/less/addons/_display-utilities.less +0 -159
  50. package/src/less/addons/_utilities.less +0 -147
  51. package/src/less/mixins/_flex.less +0 -105
package/dist/css/navbar.css CHANGED
@@ -1,59 +1,32 @@
1
- .clearfix::before,
2
- .clearfix::after,
3
- .nav::before,
4
- .nav::after,
5
- .navbar::before,
6
- .navbar::after,
7
- .navbar-header::before,
8
- .navbar-header::after,
9
- .navbar-collapse::before,
10
- .navbar-collapse::after {
11
- content: " ";
12
- display: table;
13
- }
14
- .clearfix::after,
15
- .nav::after,
16
- .navbar::after,
17
- .navbar-header::after,
18
- .navbar-collapse::after {
19
- clear: both;
20
- }
1
+ /* TODO: Remove utility imports to prevent duplicates */
21
2
  .center-block {
22
- display: block;
23
3
  margin-left: auto;
24
4
  margin-right: auto;
5
+ display: block;
6
+ }
7
+ .pull-left,
8
+ .pull-xs-left {
9
+ float: inline-start !important;
25
10
  }
26
11
  .pull-right,
27
12
  .pull-xs-right {
28
- float: right !important;
13
+ float: inline-end !important;
29
14
  }
30
- [dir="rtl"] .pull-right,
31
- [dir="rtl"] .pull-xs-right {
32
- float: left !important;
15
+ .pull-right-single-direction {
16
+ float: right !important;
33
17
  }
34
- .pull-left,
35
- .pull-xs-left {
18
+ .pull-left-single-direction {
36
19
  float: left !important;
37
20
  }
38
- [dir="rtl"] .pull-left,
39
- [dir="rtl"] .pull-xs-left {
40
- float: right !important;
41
- }
42
21
  .pull-xs-none {
43
22
  float: none !important;
44
23
  }
45
24
  @media (min-width: 576px) {
46
25
  .pull-sm-left {
47
- float: left !important;
48
- }
49
- [dir="rtl"] .pull-sm-left {
50
- float: right !important;
26
+ float: inline-start !important;
51
27
  }
52
28
  .pull-sm-right {
53
- float: right !important;
54
- }
55
- [dir="rtl"] .pull-sm-right {
56
- float: left !important;
29
+ float: inline-end !important;
57
30
  }
58
31
  .pull-sm-none {
59
32
  float: none !important;
@@ -61,16 +34,10 @@
61
34
  }
62
35
  @media (min-width: 768px) {
63
36
  .pull-md-left {
64
- float: left !important;
65
- }
66
- [dir="rtl"] .pull-md-left {
67
- float: right !important;
37
+ float: inline-start !important;
68
38
  }
69
39
  .pull-md-right {
70
- float: right !important;
71
- }
72
- [dir="rtl"] .pull-md-right {
73
- float: left !important;
40
+ float: inline-end !important;
74
41
  }
75
42
  .pull-md-none {
76
43
  float: none !important;
@@ -78,16 +45,10 @@
78
45
  }
79
46
  @media (min-width: 992px) {
80
47
  .pull-lg-left {
81
- float: left !important;
82
- }
83
- [dir="rtl"] .pull-lg-left {
84
- float: right !important;
48
+ float: inline-start !important;
85
49
  }
86
50
  .pull-lg-right {
87
- float: right !important;
88
- }
89
- [dir="rtl"] .pull-lg-right {
90
- float: left !important;
51
+ float: inline-end !important;
91
52
  }
92
53
  .pull-lg-none {
93
54
  float: none !important;
@@ -95,57 +56,15 @@
95
56
  }
96
57
  @media (min-width: 1200px) {
97
58
  .pull-xl-left {
98
- float: left !important;
99
- }
100
- [dir="rtl"] .pull-xl-left {
101
- float: right !important;
59
+ float: inline-start !important;
102
60
  }
103
61
  .pull-xl-right {
104
- float: right !important;
105
- }
106
- [dir="rtl"] .pull-xl-right {
107
- float: left !important;
62
+ float: inline-end !important;
108
63
  }
109
64
  .pull-xl-none {
110
65
  float: none !important;
111
66
  }
112
67
  }
113
- .hide {
114
- display: none !important;
115
- }
116
- .show {
117
- display: block !important;
118
- }
119
- .invisible {
120
- visibility: hidden;
121
- }
122
- .text-hide {
123
- color: transparent;
124
- text-shadow: none;
125
- background-color: transparent;
126
- border: 0;
127
- }
128
- .hidden {
129
- display: none !important;
130
- }
131
- .affix {
132
- position: fixed;
133
- }
134
- .rotate90 {
135
- transform: rotate(90deg);
136
- }
137
- .rotate180 {
138
- transform: rotate(180deg);
139
- }
140
- .rotate270 {
141
- transform: rotate(270deg);
142
- }
143
- .rotate-90 {
144
- transform: rotate(-90deg);
145
- }
146
- .clickable {
147
- cursor: pointer !important;
148
- }
149
68
  @media (min-width: 768px) {
150
69
  }
151
70
  @media (min-width: 768px) {
@@ -1555,16 +1474,10 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1555
1474
  }
1556
1475
  @media (min-width: 768px) {
1557
1476
  .navbar-left {
1558
- float: left !important;
1559
- }
1560
- [dir="rtl"] .navbar-left {
1561
- float: right !important;
1477
+ float: inline-start !important;
1562
1478
  }
1563
1479
  .navbar-right {
1564
- float: right !important;
1565
- }
1566
- [dir="rtl"] .navbar-right {
1567
- float: left !important;
1480
+ float: inline-end !important;
1568
1481
  }
1569
1482
  .navbar-right li > .dropdown-menu::before {
1570
1483
  right: calc((8px * 2) + (8px / 2));
@@ -2395,3 +2308,24 @@ button.close {
2395
2308
  .navbar-background--inverse {
2396
2309
  background-color: #37517e;
2397
2310
  }
2311
+ /* TODO: Remove to prefer direct utility imports */
2312
+ .clearfix::before,
2313
+ .clearfix::after,
2314
+ .nav::before,
2315
+ .nav::after,
2316
+ .navbar::before,
2317
+ .navbar::after,
2318
+ .navbar-header::before,
2319
+ .navbar-header::after,
2320
+ .navbar-collapse::before,
2321
+ .navbar-collapse::after {
2322
+ content: " ";
2323
+ display: table;
2324
+ }
2325
+ .clearfix::after,
2326
+ .nav::after,
2327
+ .navbar::after,
2328
+ .navbar-header::after,
2329
+ .navbar-collapse::after {
2330
+ clear: both;
2331
+ }