@transferwise/neptune-css 14.9.2 → 14.9.3

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 (49) hide show
  1. package/dist/css/border-radius.css +0 -8
  2. package/dist/css/flex.css +253 -417
  3. package/dist/css/navbar-base.css +339 -168
  4. package/dist/css/navbar.css +107 -41
  5. package/dist/css/neptune-addons.css +893 -421
  6. package/dist/css/neptune-core.css +200 -163
  7. package/dist/css/neptune.css +15471 -14675
  8. package/dist/css/utilities.css +72 -1202
  9. package/package.json +1 -1
  10. package/src/less/addons/_display-utilities.less +159 -0
  11. package/src/less/addons/_spacing-utilities.less +26 -3
  12. package/src/less/addons/_utilities.less +147 -0
  13. package/src/less/border-radius.less +3 -1
  14. package/src/less/core/_scaffolding.less +27 -7
  15. package/src/less/core/_typography-utilities.less +237 -17
  16. package/src/less/flex.less +18 -9
  17. package/src/less/{addons → mixins}/_center-block.less +4 -2
  18. package/src/less/mixins/_flex.less +105 -0
  19. package/src/less/navbar.less +2 -10
  20. package/src/less/neptune-addons.less +1 -4
  21. package/src/less/utilities.less +141 -29
  22. package/src/less/utilities/align-items.less +0 -107
  23. package/src/less/utilities/align-self.less +0 -107
  24. package/src/less/utilities/border-radius.less +0 -11
  25. package/src/less/utilities/color.less +0 -70
  26. package/src/less/utilities/cursor.less +0 -3
  27. package/src/less/utilities/display.less +0 -178
  28. package/src/less/utilities/flex-direction.less +0 -47
  29. package/src/less/utilities/flex-grow.less +0 -27
  30. package/src/less/utilities/flex-wrap.less +0 -47
  31. package/src/less/utilities/float.less +0 -77
  32. package/src/less/utilities/font-weight.less +0 -11
  33. package/src/less/utilities/gap.less +0 -3
  34. package/src/less/utilities/justify-content.less +0 -107
  35. package/src/less/utilities/margin.less +0 -192
  36. package/src/less/utilities/max-width.less +0 -3
  37. package/src/less/utilities/order.less +0 -87
  38. package/src/less/utilities/outline-style.less +0 -8
  39. package/src/less/utilities/overflow-wrap.less +0 -3
  40. package/src/less/utilities/padding.less +0 -179
  41. package/src/less/utilities/position.less +0 -3
  42. package/src/less/utilities/rotate.less +0 -12
  43. package/src/less/utilities/screen-reader.less +0 -24
  44. package/src/less/utilities/text-align.less +0 -87
  45. package/src/less/utilities/text-decoration-line.less +0 -8
  46. package/src/less/utilities/text-overflow.less +0 -7
  47. package/src/less/utilities/text-transform.less +0 -11
  48. package/src/less/utilities/visibility.less +0 -3
  49. package/src/less/utilities/white-space.less +0 -27
@@ -1,87 +0,0 @@
1
- .order-1 {
2
- order: 1;
3
- }
4
-
5
- .order-2 {
6
- order: 2;
7
- }
8
-
9
- .order-3 {
10
- order: 3;
11
- }
12
-
13
- .order-0 {
14
- order: 0;
15
- }
16
-
17
- @media (--screen-sm) {
18
- .order-1--sm {
19
- order: 1;
20
- }
21
-
22
- .order-2--sm {
23
- order: 2;
24
- }
25
-
26
- .order-3--sm {
27
- order: 3;
28
- }
29
-
30
- .order-0--sm {
31
- order: 0;
32
- }
33
- }
34
-
35
- @media (--screen-md) {
36
- .order-1--md {
37
- order: 1;
38
- }
39
-
40
- .order-2--md {
41
- order: 2;
42
- }
43
-
44
- .order-3--md {
45
- order: 3;
46
- }
47
-
48
- .order-0--md {
49
- order: 0;
50
- }
51
- }
52
-
53
- @media (--screen-lg) {
54
- .order-1--lg {
55
- order: 1;
56
- }
57
-
58
- .order-2--lg {
59
- order: 2;
60
- }
61
-
62
- .order-3--lg {
63
- order: 3;
64
- }
65
-
66
- .order-0--lg {
67
- order: 0;
68
- }
69
- }
70
-
71
- @media (--screen-xl) {
72
- .order-1--xl {
73
- order: 1;
74
- }
75
-
76
- .order-2--xl {
77
- order: 2;
78
- }
79
-
80
- .order-3--xl {
81
- order: 3;
82
- }
83
-
84
- .order-0--xl {
85
- order: 0;
86
- }
87
- }
@@ -1,8 +0,0 @@
1
- .outline-none {
2
- outline: none;
3
- /*
4
- TODO: Support Windows High Contrast mode
5
- outline: 2px solid transparent;
6
- outline-offset: 2px;
7
- */
8
- }
@@ -1,3 +0,0 @@
1
- .text-word-break {
2
- overflow-wrap: break-word;
3
- }
@@ -1,179 +0,0 @@
1
- .p-a-0 {
2
- padding: 0px !important;
3
- }
4
-
5
- .p-a-1 {
6
- padding: var(--size-8) !important;
7
- }
8
-
9
- .p-a-2 {
10
- padding: var(--size-16) !important;
11
- }
12
-
13
- .p-a-3 {
14
- padding: var(--size-24) !important;
15
- }
16
-
17
- .p-a-4 {
18
- padding: var(--size-32) !important;
19
- }
20
-
21
- .p-a-5 {
22
- padding: var(--size-40) !important;
23
- }
24
-
25
- .p-x-0 {
26
- padding-left: 0px !important;
27
- padding-right: 0px !important;
28
- }
29
-
30
- .p-x-1 {
31
- padding-left: var(--size-8) !important;
32
- padding-right: var(--size-8) !important;
33
- }
34
-
35
- .p-x-2 {
36
- padding-left: var(--size-16) !important;
37
- padding-right: var(--size-16) !important;
38
- }
39
-
40
- .p-x-3 {
41
- padding-left: var(--size-24) !important;
42
- padding-right: var(--size-24) !important;
43
- }
44
-
45
- .p-x-4 {
46
- padding-left: var(--size-32) !important;
47
- padding-right: var(--size-32) !important;
48
- }
49
-
50
- .p-x-5 {
51
- padding-left: var(--size-40) !important;
52
- padding-right: var(--size-40) !important;
53
- }
54
-
55
- .p-y-0 {
56
- padding-top: 0px !important;
57
- padding-bottom: 0px !important;
58
- }
59
-
60
- .p-y-1 {
61
- padding-top: var(--size-8) !important;
62
- padding-bottom: var(--size-8) !important;
63
- }
64
-
65
- .p-y-2 {
66
- padding-top: var(--size-16) !important;
67
- padding-bottom: var(--size-16) !important;
68
- }
69
-
70
- .p-y-3 {
71
- padding-top: var(--size-24) !important;
72
- padding-bottom: var(--size-24) !important;
73
- }
74
-
75
- .p-y-4 {
76
- padding-top: var(--size-32) !important;
77
- padding-bottom: var(--size-32) !important;
78
- }
79
-
80
- .p-y-5 {
81
- padding-top: var(--size-40) !important;
82
- padding-bottom: var(--size-40) !important;
83
- }
84
-
85
- .p-l-0 {
86
- padding-inline-start: 0px !important;
87
- }
88
-
89
- .p-l-1 {
90
- padding-inline-start: var(--size-8) !important;
91
- }
92
-
93
- .p-l-2 {
94
- padding-inline-start: var(--size-16) !important;
95
- }
96
-
97
- .p-l-3 {
98
- padding-inline-start: var(--size-24) !important;
99
- }
100
-
101
- .p-l-4 {
102
- padding-inline-start: var(--size-32) !important;
103
- }
104
-
105
- .p-l-5 {
106
- padding-inline-start: var(--size-40) !important;
107
- }
108
-
109
- .p-r-0 {
110
- padding-inline-end: 0px !important;
111
- }
112
-
113
- .p-r-1 {
114
- padding-inline-end: var(--size-8) !important;
115
- }
116
-
117
- .p-r-2 {
118
- padding-inline-end: var(--size-16) !important;
119
- }
120
-
121
- .p-r-3 {
122
- padding-inline-end: var(--size-24) !important;
123
- }
124
-
125
- .p-r-4 {
126
- padding-inline-end: var(--size-32) !important;
127
- }
128
-
129
- .p-r-5 {
130
- padding-inline-end: var(--size-40) !important;
131
- }
132
-
133
- .p-t-0 {
134
- padding-top: 0px !important;
135
- }
136
-
137
- .p-t-1 {
138
- padding-top: var(--size-8) !important;
139
- }
140
-
141
- .p-t-2 {
142
- padding-top: var(--size-16) !important;
143
- }
144
-
145
- .p-t-3 {
146
- padding-top: var(--size-24) !important;
147
- }
148
-
149
- .p-t-4 {
150
- padding-top: var(--size-32) !important;
151
- }
152
-
153
- .p-t-5 {
154
- padding-top: var(--size-40) !important;
155
- }
156
-
157
- .p-b-0 {
158
- padding-bottom: 0px !important;
159
- }
160
-
161
- .p-b-1 {
162
- padding-bottom: var(--size-8) !important;
163
- }
164
-
165
- .p-b-2 {
166
- padding-bottom: var(--size-16) !important;
167
- }
168
-
169
- .p-b-3 {
170
- padding-bottom: var(--size-24) !important;
171
- }
172
-
173
- .p-b-4 {
174
- padding-bottom: var(--size-32) !important;
175
- }
176
-
177
- .p-b-5 {
178
- padding-bottom: var(--size-40) !important;
179
- }
@@ -1,3 +0,0 @@
1
- .affix {
2
- position: fixed;
3
- }
@@ -1,12 +0,0 @@
1
- .rotate90 {
2
- transform: rotate(90deg);
3
- }
4
-
5
- .rotate180 {
6
- transform: rotate(180deg);
7
- }
8
-
9
- .rotate270,
10
- .rotate-90 {
11
- transform: rotate(-90deg);
12
- }
@@ -1,24 +0,0 @@
1
- // Only display content to screen readers
2
- .sr-only {
3
- position: absolute;
4
- width: 1px;
5
- height: 1px;
6
- padding: 0;
7
- margin: -1px;
8
- overflow: hidden;
9
- clip: rect(0, 0, 0, 0);
10
- white-space: nowrap;
11
- border-width: 0;
12
- }
13
-
14
- // Use in conjunction with `.sr-only` to only display content when it's focused.
15
- .sr-only-focusable:focus {
16
- position: static;
17
- width: auto;
18
- height: auto;
19
- padding: 0;
20
- margin: 0;
21
- overflow: visible;
22
- clip: auto;
23
- white-space: normal;
24
- }
@@ -1,87 +0,0 @@
1
- .text-xs-center {
2
- text-align: center;
3
- }
4
-
5
- .text-xs-justify {
6
- text-align: justify;
7
- }
8
-
9
- .text-xs-left {
10
- text-align: start;
11
- }
12
-
13
- .text-xs-right {
14
- text-align: end;
15
- }
16
-
17
- @media (--screen-sm) {
18
- .text-sm-center {
19
- text-align: center;
20
- }
21
-
22
- .text-sm-justify {
23
- text-align: justify;
24
- }
25
-
26
- .text-sm-left {
27
- text-align: start;
28
- }
29
-
30
- .text-sm-right {
31
- text-align: end;
32
- }
33
- }
34
-
35
- @media (--screen-md) {
36
- .text-md-center {
37
- text-align: center;
38
- }
39
-
40
- .text-md-justify {
41
- text-align: justify;
42
- }
43
-
44
- .text-md-left {
45
- text-align: start;
46
- }
47
-
48
- .text-md-right {
49
- text-align: end;
50
- }
51
- }
52
-
53
- @media (--screen-lg) {
54
- .text-lg-center {
55
- text-align: center;
56
- }
57
-
58
- .text-lg-justify {
59
- text-align: justify;
60
- }
61
-
62
- .text-lg-left {
63
- text-align: start;
64
- }
65
-
66
- .text-lg-right {
67
- text-align: end;
68
- }
69
- }
70
-
71
- @media (--screen-xl) {
72
- .text-xl-center {
73
- text-align: center;
74
- }
75
-
76
- .text-xl-justify {
77
- text-align: justify;
78
- }
79
-
80
- .text-xl-left {
81
- text-align: start;
82
- }
83
-
84
- .text-xl-right {
85
- text-align: end;
86
- }
87
- }
@@ -1,8 +0,0 @@
1
- .text-underline {
2
- text-decoration-line: underline !important;
3
- text-underline-offset: 2px;
4
- }
5
-
6
- .text-no-decoration {
7
- text-decoration-line: none !important;
8
- }
@@ -1,7 +0,0 @@
1
- .text-ellipsis,
2
- .text-ellipses {
3
- display: block;
4
- overflow: hidden;
5
- text-overflow: ellipsis;
6
- white-space: nowrap;
7
- }
@@ -1,11 +0,0 @@
1
- .text-uppercase {
2
- text-transform: uppercase;
3
- }
4
-
5
- .text-lowercase {
6
- text-transform: lowercase;
7
- }
8
-
9
- .text-capitalize {
10
- text-transform: capitalize;
11
- }
@@ -1,3 +0,0 @@
1
- .invisible {
2
- visibility: hidden;
3
- }
@@ -1,27 +0,0 @@
1
- .text-xs-nowrap {
2
- white-space: nowrap;
3
- }
4
-
5
- @media (--screen-sm) {
6
- .text-sm-nowrap {
7
- white-space: nowrap;
8
- }
9
- }
10
-
11
- @media (--screen-md) {
12
- .text-md-nowrap {
13
- white-space: nowrap;
14
- }
15
- }
16
-
17
- @media (--screen-lg) {
18
- .text-lg-nowrap {
19
- white-space: nowrap;
20
- }
21
- }
22
-
23
- @media (--screen-xl) {
24
- .text-xl-nowrap {
25
- white-space: nowrap;
26
- }
27
- }