@transferwise/neptune-css 0.0.0-experimental-2ccb16f → 0.0.0-experimental-492a9d3

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 +0 -2
  2. package/dist/css/alerts.css +0 -5
  3. package/dist/css/border-radius.css +8 -0
  4. package/dist/css/button-groups.css +0 -1
  5. package/dist/css/buttons.css +0 -2
  6. package/dist/css/circles.css +0 -2
  7. package/dist/css/decision.css +0 -1
  8. package/dist/css/dropdowns.css +0 -13
  9. package/dist/css/droppable.css +0 -1
  10. package/dist/css/flex.css +417 -253
  11. package/dist/css/footer.css +0 -1
  12. package/dist/css/grid.css +0 -4
  13. package/dist/css/input-groups.css +0 -13
  14. package/dist/css/list-group.css +0 -1
  15. package/dist/css/navbar-base.css +167 -343
  16. package/dist/css/navbar.css +41 -125
  17. package/dist/css/neptune-addons.css +423 -895
  18. package/dist/css/neptune-core.css +163 -203
  19. package/dist/css/neptune-social-media.css +0 -1
  20. package/dist/css/neptune.css +14400 -15785
  21. package/dist/css/popovers.css +0 -8
  22. package/dist/css/tooltip.css +0 -1
  23. package/dist/css/utilities.css +1202 -72
  24. package/package.json +1 -9
  25. package/src/less/{mixins → addons}/_center-block.less +2 -4
  26. package/src/less/addons/_spacing-utilities.less +3 -26
  27. package/src/less/border-radius.less +1 -3
  28. package/src/less/core/_scaffolding.less +7 -27
  29. package/src/less/core/_typography-utilities.less +17 -237
  30. package/src/less/flex.less +9 -18
  31. package/src/less/navbar.less +10 -2
  32. package/src/less/neptune-addons.less +4 -1
  33. package/src/less/neptune.bundle.less +3 -1
  34. package/src/less/utilities/align-items.less +107 -0
  35. package/src/less/utilities/align-self.less +107 -0
  36. package/src/less/utilities/border-radius.less +11 -0
  37. package/src/less/utilities/color.less +70 -0
  38. package/src/less/utilities/cursor.less +3 -0
  39. package/src/less/utilities/display.less +178 -0
  40. package/src/less/utilities/flex-direction.less +47 -0
  41. package/src/less/utilities/flex-grow.less +27 -0
  42. package/src/less/utilities/flex-wrap.less +47 -0
  43. package/src/less/utilities/float.less +77 -0
  44. package/src/less/utilities/font-weight.less +11 -0
  45. package/src/less/utilities/gap.less +3 -0
  46. package/src/less/utilities/justify-content.less +107 -0
  47. package/src/less/utilities/margin.less +192 -0
  48. package/src/less/utilities/max-width.less +3 -0
  49. package/src/less/utilities/order.less +87 -0
  50. package/src/less/utilities/outline-style.less +8 -0
  51. package/src/less/utilities/overflow-wrap.less +3 -0
  52. package/src/less/utilities/padding.less +179 -0
  53. package/src/less/utilities/position.less +3 -0
  54. package/src/less/utilities/rotate.less +12 -0
  55. package/src/less/utilities/screen-reader.less +24 -0
  56. package/src/less/utilities/text-align.less +87 -0
  57. package/src/less/utilities/text-decoration-line.less +8 -0
  58. package/src/less/utilities/text-overflow.less +7 -0
  59. package/src/less/utilities/text-transform.less +11 -0
  60. package/src/less/utilities/visibility.less +3 -0
  61. package/src/less/utilities/white-space.less +27 -0
  62. package/src/less/utilities.less +29 -141
  63. package/src/less/addons/_display-utilities.less +0 -159
  64. package/src/less/addons/_utilities.less +0 -147
  65. package/src/less/mixins/_flex.less +0 -105
@@ -35,8 +35,6 @@
35
35
  }
36
36
  @media (min-width: 768px) {
37
37
  }
38
- @media (min-width: 768px) {
39
- }
40
38
  .decision {
41
39
  cursor: pointer;
42
40
  margin-bottom: 0 !important;
@@ -11,7 +11,6 @@
11
11
  margin-bottom: var(--size-16);
12
12
  }
13
13
  .np-theme-personal .alert {
14
- padding: 24px;
15
14
  padding: var(--padding-medium);
16
15
  border-radius: 16px;
17
16
  border-radius: var(--radius-medium);
@@ -101,7 +100,6 @@
101
100
  }
102
101
  [dir="rtl"] .arrow.arrow-left::before {
103
102
  right: 20px;
104
- left: auto;
105
103
  left: initial;
106
104
  }
107
105
  [dir="rtl"] .arrow.arrow-left::before {
@@ -114,7 +112,6 @@
114
112
  right: 20px;
115
113
  }
116
114
  [dir="rtl"] .arrow.arrow-right::before {
117
- right: auto;
118
115
  left: auto;
119
116
  left: initial;
120
117
  }
@@ -188,7 +185,6 @@
188
185
  }
189
186
  [dir="rtl"] .form-group .alert.arrow-left::before {
190
187
  right: 20px;
191
- left: auto;
192
188
  left: initial;
193
189
  }
194
190
  [dir="rtl"] .form-group .alert.arrow-left::before {
@@ -201,7 +197,6 @@
201
197
  right: 20px;
202
198
  }
203
199
  [dir="rtl"] .form-group .alert.arrow-right::before {
204
- right: auto;
205
200
  left: auto;
206
201
  left: initial;
207
202
  }
@@ -1,3 +1,11 @@
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
+ }
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.btn-group,
4
3
  .btn-group-vertical {
5
4
  position: relative;
@@ -3,8 +3,6 @@
3
3
  }
4
4
  @media (min-width: 768px) {
5
5
  }
6
- @media (min-width: 768px) {
7
- }
8
6
  .btn {
9
7
  line-height: 150%;
10
8
  letter-spacing: -0.011em;
@@ -272,8 +272,6 @@ 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;
277
275
  margin-left: initial;
278
276
  }
279
277
  [dir="rtl"] .btn .circle .tw-icon,
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.decision {
4
3
  cursor: pointer;
5
4
  margin-bottom: 0 !important;
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.dropup,
4
3
  .dropdown {
5
4
  position: relative;
@@ -196,7 +195,6 @@
196
195
  right: 0;
197
196
  }[dir="rtl"] .dropdown-menu-right,
198
197
  [dir="rtl"] .dropdown-menu-xs-right {
199
- right: auto;
200
198
  left: auto;
201
199
  left: initial;
202
200
  }[dir="rtl"] .dropdown-menu-right,
@@ -211,7 +209,6 @@
211
209
  }[dir="rtl"] .dropdown-menu-left,
212
210
  [dir="rtl"] .dropdown-menu-xs-left {
213
211
  right: 0;
214
- left: auto;
215
212
  left: initial;
216
213
  }[dir="rtl"] .dropdown-menu-left,
217
214
  [dir="rtl"] .dropdown-menu-xs-left {
@@ -224,7 +221,6 @@
224
221
  right: 0;
225
222
  }
226
223
  [dir="rtl"] .dropdown-menu-sm-right {
227
- right: auto;
228
224
  left: auto;
229
225
  left: initial;
230
226
  }
@@ -239,7 +235,6 @@
239
235
  }
240
236
  [dir="rtl"] .dropdown-menu-sm-left {
241
237
  right: 0;
242
- left: auto;
243
238
  left: initial;
244
239
  }
245
240
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -253,7 +248,6 @@
253
248
  right: 0;
254
249
  }
255
250
  [dir="rtl"] .dropdown-menu-md-right {
256
- right: auto;
257
251
  left: auto;
258
252
  left: initial;
259
253
  }
@@ -268,7 +262,6 @@
268
262
  }
269
263
  [dir="rtl"] .dropdown-menu-md-left {
270
264
  right: 0;
271
- left: auto;
272
265
  left: initial;
273
266
  }
274
267
  [dir="rtl"] .dropdown-menu-md-left {
@@ -282,7 +275,6 @@
282
275
  right: 0;
283
276
  }
284
277
  [dir="rtl"] .dropdown-menu-lg-right {
285
- right: auto;
286
278
  left: auto;
287
279
  left: initial;
288
280
  }
@@ -297,7 +289,6 @@
297
289
  }
298
290
  [dir="rtl"] .dropdown-menu-lg-left {
299
291
  right: 0;
300
- left: auto;
301
292
  left: initial;
302
293
  }
303
294
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -311,7 +302,6 @@
311
302
  right: 0;
312
303
  }
313
304
  [dir="rtl"] .dropdown-menu-xl-right {
314
- right: auto;
315
305
  left: auto;
316
306
  left: initial;
317
307
  }
@@ -326,7 +316,6 @@
326
316
  }
327
317
  [dir="rtl"] .dropdown-menu-xl-left {
328
318
  right: 0;
329
- left: auto;
330
319
  left: initial;
331
320
  }
332
321
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -385,7 +374,6 @@
385
374
  right: 0;
386
375
  }
387
376
  [dir="rtl"] .navbar-right .dropdown-menu {
388
- right: auto;
389
377
  left: auto;
390
378
  left: initial;
391
379
  }
@@ -400,7 +388,6 @@
400
388
  }
401
389
  [dir="rtl"] .navbar-right .dropdown-menu-left {
402
390
  right: 0;
403
- left: auto;
404
391
  left: initial;
405
392
  }
406
393
  [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.droppable {
4
3
  position: relative;
5
4
  font-weight: 400;