@transferwise/neptune-css 0.0.0-experimental-0ddfdc3 → 0.0.0-experimental-2ccb16f

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 (65) hide show
  1. package/dist/css/accordion.css +2 -0
  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 -0
  5. package/dist/css/buttons.css +2 -0
  6. package/dist/css/circles.css +2 -0
  7. package/dist/css/decision.css +1 -0
  8. package/dist/css/dropdowns.css +13 -0
  9. package/dist/css/droppable.css +1 -0
  10. package/dist/css/flex.css +253 -417
  11. package/dist/css/footer.css +1 -0
  12. package/dist/css/grid.css +4 -0
  13. package/dist/css/input-groups.css +13 -0
  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 -41
  17. package/dist/css/neptune-addons.css +893 -421
  18. package/dist/css/neptune-core.css +203 -163
  19. package/dist/css/neptune-social-media.css +1 -0
  20. package/dist/css/neptune.css +16160 -14775
  21. package/dist/css/popovers.css +8 -0
  22. package/dist/css/tooltip.css +1 -0
  23. package/dist/css/utilities.css +72 -1202
  24. package/package.json +9 -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/flex.less +18 -9
  32. package/src/less/{addons → mixins}/_center-block.less +4 -2
  33. package/src/less/mixins/_flex.less +105 -0
  34. package/src/less/navbar.less +2 -10
  35. package/src/less/neptune-addons.less +1 -4
  36. package/src/less/neptune.bundle.less +1 -3
  37. package/src/less/utilities.less +141 -29
  38. package/src/less/utilities/align-items.less +0 -107
  39. package/src/less/utilities/align-self.less +0 -107
  40. package/src/less/utilities/border-radius.less +0 -11
  41. package/src/less/utilities/color.less +0 -70
  42. package/src/less/utilities/cursor.less +0 -3
  43. package/src/less/utilities/display.less +0 -178
  44. package/src/less/utilities/flex-direction.less +0 -47
  45. package/src/less/utilities/flex-grow.less +0 -27
  46. package/src/less/utilities/flex-wrap.less +0 -47
  47. package/src/less/utilities/float.less +0 -77
  48. package/src/less/utilities/font-weight.less +0 -11
  49. package/src/less/utilities/gap.less +0 -3
  50. package/src/less/utilities/justify-content.less +0 -107
  51. package/src/less/utilities/margin.less +0 -192
  52. package/src/less/utilities/max-width.less +0 -3
  53. package/src/less/utilities/order.less +0 -87
  54. package/src/less/utilities/outline-style.less +0 -8
  55. package/src/less/utilities/overflow-wrap.less +0 -3
  56. package/src/less/utilities/padding.less +0 -179
  57. package/src/less/utilities/position.less +0 -3
  58. package/src/less/utilities/rotate.less +0 -12
  59. package/src/less/utilities/screen-reader.less +0 -24
  60. package/src/less/utilities/text-align.less +0 -87
  61. package/src/less/utilities/text-decoration-line.less +0 -8
  62. package/src/less/utilities/text-overflow.less +0 -7
  63. package/src/less/utilities/text-transform.less +0 -11
  64. package/src/less/utilities/visibility.less +0 -3
  65. 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;
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;
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;
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;
@@ -195,6 +196,7 @@
195
196
  right: 0;
196
197
  }[dir="rtl"] .dropdown-menu-right,
197
198
  [dir="rtl"] .dropdown-menu-xs-right {
199
+ right: auto;
198
200
  left: auto;
199
201
  left: initial;
200
202
  }[dir="rtl"] .dropdown-menu-right,
@@ -209,6 +211,7 @@
209
211
  }[dir="rtl"] .dropdown-menu-left,
210
212
  [dir="rtl"] .dropdown-menu-xs-left {
211
213
  right: 0;
214
+ left: auto;
212
215
  left: initial;
213
216
  }[dir="rtl"] .dropdown-menu-left,
214
217
  [dir="rtl"] .dropdown-menu-xs-left {
@@ -221,6 +224,7 @@
221
224
  right: 0;
222
225
  }
223
226
  [dir="rtl"] .dropdown-menu-sm-right {
227
+ right: auto;
224
228
  left: auto;
225
229
  left: initial;
226
230
  }
@@ -235,6 +239,7 @@
235
239
  }
236
240
  [dir="rtl"] .dropdown-menu-sm-left {
237
241
  right: 0;
242
+ left: auto;
238
243
  left: initial;
239
244
  }
240
245
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -248,6 +253,7 @@
248
253
  right: 0;
249
254
  }
250
255
  [dir="rtl"] .dropdown-menu-md-right {
256
+ right: auto;
251
257
  left: auto;
252
258
  left: initial;
253
259
  }
@@ -262,6 +268,7 @@
262
268
  }
263
269
  [dir="rtl"] .dropdown-menu-md-left {
264
270
  right: 0;
271
+ left: auto;
265
272
  left: initial;
266
273
  }
267
274
  [dir="rtl"] .dropdown-menu-md-left {
@@ -275,6 +282,7 @@
275
282
  right: 0;
276
283
  }
277
284
  [dir="rtl"] .dropdown-menu-lg-right {
285
+ right: auto;
278
286
  left: auto;
279
287
  left: initial;
280
288
  }
@@ -289,6 +297,7 @@
289
297
  }
290
298
  [dir="rtl"] .dropdown-menu-lg-left {
291
299
  right: 0;
300
+ left: auto;
292
301
  left: initial;
293
302
  }
294
303
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -302,6 +311,7 @@
302
311
  right: 0;
303
312
  }
304
313
  [dir="rtl"] .dropdown-menu-xl-right {
314
+ right: auto;
305
315
  left: auto;
306
316
  left: initial;
307
317
  }
@@ -316,6 +326,7 @@
316
326
  }
317
327
  [dir="rtl"] .dropdown-menu-xl-left {
318
328
  right: 0;
329
+ left: auto;
319
330
  left: initial;
320
331
  }
321
332
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -374,6 +385,7 @@
374
385
  right: 0;
375
386
  }
376
387
  [dir="rtl"] .navbar-right .dropdown-menu {
388
+ right: auto;
377
389
  left: auto;
378
390
  left: initial;
379
391
  }
@@ -388,6 +400,7 @@
388
400
  }
389
401
  [dir="rtl"] .navbar-right .dropdown-menu-left {
390
402
  right: 0;
403
+ left: auto;
391
404
  left: initial;
392
405
  }
393
406
  [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;