@transferwise/neptune-css 0.0.0-experimental-5e97558 → 0.0.0-experimental-3f8e4fe

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 (66) hide show
  1. package/dist/css/accordion.css +2 -4
  2. package/dist/css/alerts.css +5 -0
  3. package/dist/css/border-radius.css +0 -8
  4. package/dist/css/button-groups.css +1 -4
  5. package/dist/css/buttons.css +2 -0
  6. package/dist/css/circles.css +2 -0
  7. package/dist/css/decision.css +1 -4
  8. package/dist/css/dropdowns.css +13 -8
  9. package/dist/css/droppable.css +1 -0
  10. package/dist/css/flex.css +253 -417
  11. package/dist/css/footer.css +1 -8
  12. package/dist/css/grid.css +4 -0
  13. package/dist/css/input-groups.css +13 -8
  14. package/dist/css/list-group.css +1 -0
  15. package/dist/css/navbar-base.css +343 -167
  16. package/dist/css/navbar.css +125 -49
  17. package/dist/css/neptune-addons.css +893 -421
  18. package/dist/css/neptune-core.css +210 -231
  19. package/dist/css/neptune-social-media.css +1 -0
  20. package/dist/css/neptune.css +16267 -14993
  21. package/dist/css/popovers.css +8 -8
  22. package/dist/css/tooltip.css +1 -4
  23. package/dist/css/utilities.css +72 -1202
  24. package/package.json +1 -1
  25. package/src/less/addons/_display-utilities.less +159 -0
  26. package/src/less/addons/_spacing-utilities.less +26 -3
  27. package/src/less/addons/_utilities.less +147 -0
  28. package/src/less/border-radius.less +3 -1
  29. package/src/less/core/_scaffolding.less +27 -7
  30. package/src/less/core/_typography-utilities.less +237 -17
  31. package/src/less/core/_typography.less +9 -65
  32. package/src/less/flex.less +18 -9
  33. package/src/less/{addons → mixins}/_center-block.less +4 -2
  34. package/src/less/mixins/_flex.less +105 -0
  35. package/src/less/navbar.less +2 -10
  36. package/src/less/neptune-addons.less +1 -4
  37. package/src/less/neptune.bundle.less +1 -3
  38. package/src/less/utilities.less +141 -29
  39. package/src/less/utilities/align-items.less +0 -107
  40. package/src/less/utilities/align-self.less +0 -107
  41. package/src/less/utilities/border-radius.less +0 -11
  42. package/src/less/utilities/color.less +0 -70
  43. package/src/less/utilities/cursor.less +0 -3
  44. package/src/less/utilities/display.less +0 -178
  45. package/src/less/utilities/flex-direction.less +0 -47
  46. package/src/less/utilities/flex-grow.less +0 -27
  47. package/src/less/utilities/flex-wrap.less +0 -47
  48. package/src/less/utilities/float.less +0 -77
  49. package/src/less/utilities/font-weight.less +0 -11
  50. package/src/less/utilities/gap.less +0 -3
  51. package/src/less/utilities/justify-content.less +0 -107
  52. package/src/less/utilities/margin.less +0 -192
  53. package/src/less/utilities/max-width.less +0 -3
  54. package/src/less/utilities/order.less +0 -87
  55. package/src/less/utilities/outline-style.less +0 -8
  56. package/src/less/utilities/overflow-wrap.less +0 -3
  57. package/src/less/utilities/padding.less +0 -179
  58. package/src/less/utilities/position.less +0 -3
  59. package/src/less/utilities/rotate.less +0 -12
  60. package/src/less/utilities/screen-reader.less +0 -24
  61. package/src/less/utilities/text-align.less +0 -87
  62. package/src/less/utilities/text-decoration-line.less +0 -8
  63. package/src/less/utilities/text-overflow.less +0 -7
  64. package/src/less/utilities/text-transform.less +0 -11
  65. package/src/less/utilities/visibility.less +0 -3
  66. package/src/less/utilities/white-space.less +0 -27
package/dist/css/accordion.css CHANGED
@@ -35,6 +35,8 @@
35
35
  }
36
36
  @media (min-width: 768px) {
37
37
  }
38
+ @media (min-width: 768px) {
39
+ }
38
40
  .decision {
39
41
  cursor: pointer;
40
42
  margin-bottom: 0 !important;
@@ -72,10 +74,6 @@
72
74
  margin-top: var(--size-8);
73
75
  }
74
76
  .decision__content {
75
- line-height: 1.5;
76
- line-height: var(--line-height-body);
77
- font-size: 1rem;
78
- font-size: var(--font-size-16);
79
77
  font-size: 0.875rem;
80
78
  font-size: var(--font-size-14);
81
79
  line-height: 155%;
package/dist/css/alerts.css CHANGED
@@ -11,6 +11,7 @@
11
11
  margin-bottom: var(--size-16);
12
12
  }
13
13
  .np-theme-personal .alert {
14
+ padding: 24px;
14
15
  padding: var(--padding-medium);
15
16
  border-radius: 16px;
16
17
  border-radius: var(--radius-medium);
@@ -100,6 +101,7 @@
100
101
  }
101
102
  [dir="rtl"] .arrow.arrow-left::before {
102
103
  right: 20px;
104
+ left: auto;
103
105
  left: initial;
104
106
  }
105
107
  [dir="rtl"] .arrow.arrow-left::before {
@@ -112,6 +114,7 @@
112
114
  right: 20px;
113
115
  }
114
116
  [dir="rtl"] .arrow.arrow-right::before {
117
+ right: auto;
115
118
  left: auto;
116
119
  left: initial;
117
120
  }
@@ -185,6 +188,7 @@
185
188
  }
186
189
  [dir="rtl"] .form-group .alert.arrow-left::before {
187
190
  right: 20px;
191
+ left: auto;
188
192
  left: initial;
189
193
  }
190
194
  [dir="rtl"] .form-group .alert.arrow-left::before {
@@ -197,6 +201,7 @@
197
201
  right: 20px;
198
202
  }
199
203
  [dir="rtl"] .form-group .alert.arrow-right::before {
204
+ right: auto;
200
205
  left: auto;
201
206
  left: initial;
202
207
  }
package/dist/css/border-radius.css CHANGED
@@ -1,11 +1,3 @@
1
1
  .rounded-sm {
2
2
  border-radius: 2px;
3
3
  }
4
- .rounded {
5
- border-radius: 10px;
6
- border-radius: var(--radius-small);
7
- }
8
- .rounded-full {
9
- border-radius: 9999px;
10
- border-radius: var(--radius-full);
11
- }
package/dist/css/button-groups.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @media (min-width: 768px) {
2
+ }@media (min-width: 768px) {
2
3
  }.btn-group,
3
4
  .btn-group-vertical {
4
5
  position: relative;
@@ -396,10 +397,6 @@ html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .dr
396
397
  max-height: 592px;
397
398
  }
398
399
  }.btn-group .secondary {
399
- line-height: 1.5;
400
- line-height: var(--line-height-body);
401
- font-size: 1rem;
402
- font-size: var(--font-size-16);
403
400
  font-size: 0.875rem;
404
401
  font-size: var(--font-size-14);
405
402
  line-height: 155%;
package/dist/css/buttons.css CHANGED
@@ -3,6 +3,8 @@
3
3
  }
4
4
  @media (min-width: 768px) {
5
5
  }
6
+ @media (min-width: 768px) {
7
+ }
6
8
  .btn {
7
9
  line-height: 150%;
8
10
  letter-spacing: -0.011em;
package/dist/css/circles.css CHANGED
@@ -272,6 +272,8 @@ a.circle.active:hover {
272
272
  }
273
273
  [dir="rtl"] .btn .circle .tw-icon,
274
274
  [dir="rtl"] .dropdown-menu li .circle .tw-icon {
275
+ margin-right: 0;
276
+ margin-left: 0;
275
277
  margin-left: initial;
276
278
  }
277
279
  [dir="rtl"] .btn .circle .tw-icon,
package/dist/css/decision.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @media (min-width: 768px) {
2
+ }@media (min-width: 768px) {
2
3
  }.decision {
3
4
  cursor: pointer;
4
5
  margin-bottom: 0 !important;
@@ -32,10 +33,6 @@
32
33
  margin-top: 8px;
33
34
  margin-top: var(--size-8);
34
35
  }.decision__content {
35
- line-height: 1.5;
36
- line-height: var(--line-height-body);
37
- font-size: 1rem;
38
- font-size: var(--font-size-16);
39
36
  font-size: 0.875rem;
40
37
  font-size: var(--font-size-14);
41
38
  line-height: 155%;
package/dist/css/dropdowns.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @media (min-width: 768px) {
2
+ }@media (min-width: 768px) {
2
3
  }.dropup,
3
4
  .dropdown {
4
5
  position: relative;
@@ -11,10 +12,6 @@
11
12
  padding: 8px ;
12
13
  margin: 0;
13
14
  list-style: none;
14
- line-height: 1.5;
15
- line-height: var(--line-height-body);
16
- font-size: 1rem;
17
- font-size: var(--font-size-16);
18
15
  font-size: 0.875rem;
19
16
  font-size: var(--font-size-14);
20
17
  line-height: 155%;
@@ -74,10 +71,6 @@
74
71
  padding: var(--dropdown-link-padding);
75
72
  clear: both;
76
73
  border-radius: 3px;
77
- line-height: 1.5;
78
- line-height: var(--line-height-body);
79
- font-size: 1rem;
80
- font-size: var(--font-size-16);
81
74
  font-size: 0.875rem;
82
75
  font-size: var(--font-size-14);
83
76
  line-height: 155%;
@@ -195,6 +188,7 @@
195
188
  right: 0;
196
189
  }[dir="rtl"] .dropdown-menu-right,
197
190
  [dir="rtl"] .dropdown-menu-xs-right {
191
+ right: auto;
198
192
  left: auto;
199
193
  left: initial;
200
194
  }[dir="rtl"] .dropdown-menu-right,
@@ -209,6 +203,7 @@
209
203
  }[dir="rtl"] .dropdown-menu-left,
210
204
  [dir="rtl"] .dropdown-menu-xs-left {
211
205
  right: 0;
206
+ left: auto;
212
207
  left: initial;
213
208
  }[dir="rtl"] .dropdown-menu-left,
214
209
  [dir="rtl"] .dropdown-menu-xs-left {
@@ -221,6 +216,7 @@
221
216
  right: 0;
222
217
  }
223
218
  [dir="rtl"] .dropdown-menu-sm-right {
219
+ right: auto;
224
220
  left: auto;
225
221
  left: initial;
226
222
  }
@@ -235,6 +231,7 @@
235
231
  }
236
232
  [dir="rtl"] .dropdown-menu-sm-left {
237
233
  right: 0;
234
+ left: auto;
238
235
  left: initial;
239
236
  }
240
237
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -248,6 +245,7 @@
248
245
  right: 0;
249
246
  }
250
247
  [dir="rtl"] .dropdown-menu-md-right {
248
+ right: auto;
251
249
  left: auto;
252
250
  left: initial;
253
251
  }
@@ -262,6 +260,7 @@
262
260
  }
263
261
  [dir="rtl"] .dropdown-menu-md-left {
264
262
  right: 0;
263
+ left: auto;
265
264
  left: initial;
266
265
  }
267
266
  [dir="rtl"] .dropdown-menu-md-left {
@@ -275,6 +274,7 @@
275
274
  right: 0;
276
275
  }
277
276
  [dir="rtl"] .dropdown-menu-lg-right {
277
+ right: auto;
278
278
  left: auto;
279
279
  left: initial;
280
280
  }
@@ -289,6 +289,7 @@
289
289
  }
290
290
  [dir="rtl"] .dropdown-menu-lg-left {
291
291
  right: 0;
292
+ left: auto;
292
293
  left: initial;
293
294
  }
294
295
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -302,6 +303,7 @@
302
303
  right: 0;
303
304
  }
304
305
  [dir="rtl"] .dropdown-menu-xl-right {
306
+ right: auto;
305
307
  left: auto;
306
308
  left: initial;
307
309
  }
@@ -316,6 +318,7 @@
316
318
  }
317
319
  [dir="rtl"] .dropdown-menu-xl-left {
318
320
  right: 0;
321
+ left: auto;
319
322
  left: initial;
320
323
  }
321
324
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -374,6 +377,7 @@
374
377
  right: 0;
375
378
  }
376
379
  [dir="rtl"] .navbar-right .dropdown-menu {
380
+ right: auto;
377
381
  left: auto;
378
382
  left: initial;
379
383
  }
@@ -388,6 +392,7 @@
388
392
  }
389
393
  [dir="rtl"] .navbar-right .dropdown-menu-left {
390
394
  right: 0;
395
+ left: auto;
391
396
  left: initial;
392
397
  }
393
398
  [dir="rtl"] .navbar-right .dropdown-menu-left {
package/dist/css/droppable.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @media (min-width: 768px) {
2
+ }@media (min-width: 768px) {
2
3
  }.droppable {
3
4
  position: relative;
4
5
  font-weight: 400;