@transferwise/neptune-css 0.0.0-experimental-2d03128 → 0.0.0-experimental-e6f7234

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 (68) 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.css +172 -88
  16. package/dist/css/neptune-addons.css +893 -421
  17. package/dist/css/neptune-core.css +201 -163
  18. package/dist/css/neptune-social-media.css +1 -0
  19. package/dist/css/neptune.css +15832 -14449
  20. package/dist/css/popovers.css +8 -0
  21. package/dist/css/progress-bars.css +6 -6
  22. package/dist/css/tooltip.css +1 -0
  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/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 +1338 -11
  35. package/src/less/neptune-addons.less +1 -4
  36. package/src/less/neptune.bundle.less +1 -3
  37. package/src/less/progress-bars.less +2 -2
  38. package/src/less/utilities.less +141 -29
  39. package/dist/css/navbar-base.css +0 -1209
  40. package/src/less/navbar-base.less +0 -1338
  41. package/src/less/utilities/align-items.less +0 -107
  42. package/src/less/utilities/align-self.less +0 -107
  43. package/src/less/utilities/border-radius.less +0 -11
  44. package/src/less/utilities/color.less +0 -70
  45. package/src/less/utilities/cursor.less +0 -3
  46. package/src/less/utilities/display.less +0 -178
  47. package/src/less/utilities/flex-direction.less +0 -47
  48. package/src/less/utilities/flex-grow.less +0 -27
  49. package/src/less/utilities/flex-wrap.less +0 -47
  50. package/src/less/utilities/float.less +0 -77
  51. package/src/less/utilities/font-weight.less +0 -11
  52. package/src/less/utilities/gap.less +0 -3
  53. package/src/less/utilities/justify-content.less +0 -107
  54. package/src/less/utilities/margin.less +0 -192
  55. package/src/less/utilities/max-width.less +0 -3
  56. package/src/less/utilities/order.less +0 -87
  57. package/src/less/utilities/outline-style.less +0 -8
  58. package/src/less/utilities/overflow-wrap.less +0 -3
  59. package/src/less/utilities/padding.less +0 -179
  60. package/src/less/utilities/position.less +0 -3
  61. package/src/less/utilities/rotate.less +0 -12
  62. package/src/less/utilities/screen-reader.less +0 -24
  63. package/src/less/utilities/text-align.less +0 -87
  64. package/src/less/utilities/text-decoration-line.less +0 -8
  65. package/src/less/utilities/text-overflow.less +0 -7
  66. package/src/less/utilities/text-transform.less +0 -11
  67. package/src/less/utilities/visibility.less +0 -3
  68. package/src/less/utilities/white-space.less +0 -27
@@ -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;
@@ -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);
@@ -99,6 +100,7 @@
99
100
  }
100
101
  [dir="rtl"] .arrow.arrow-left::before {
101
102
  right: 20px;
103
+ left: auto;
102
104
  left: initial;
103
105
  }
104
106
  [dir="rtl"] .arrow.arrow-left::before {
@@ -111,6 +113,7 @@
111
113
  right: 20px;
112
114
  }
113
115
  [dir="rtl"] .arrow.arrow-right::before {
116
+ right: auto;
114
117
  left: auto;
115
118
  left: initial;
116
119
  }
@@ -183,6 +186,7 @@
183
186
  }
184
187
  [dir="rtl"] .form-group .alert.arrow-left::before {
185
188
  right: 20px;
189
+ left: auto;
186
190
  left: initial;
187
191
  }
188
192
  [dir="rtl"] .form-group .alert.arrow-left::before {
@@ -195,6 +199,7 @@
195
199
  right: 20px;
196
200
  }
197
201
  [dir="rtl"] .form-group .alert.arrow-right::before {
202
+ right: auto;
198
203
  left: auto;
199
204
  left: initial;
200
205
  }
@@ -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
- }
@@ -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;
@@ -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;
@@ -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,
@@ -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;
@@ -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;
@@ -182,6 +183,7 @@
182
183
  right: 0;
183
184
  }[dir="rtl"] .dropdown-menu-right,
184
185
  [dir="rtl"] .dropdown-menu-xs-right {
186
+ right: auto;
185
187
  left: auto;
186
188
  left: initial;
187
189
  }[dir="rtl"] .dropdown-menu-right,
@@ -196,6 +198,7 @@
196
198
  }[dir="rtl"] .dropdown-menu-left,
197
199
  [dir="rtl"] .dropdown-menu-xs-left {
198
200
  right: 0;
201
+ left: auto;
199
202
  left: initial;
200
203
  }[dir="rtl"] .dropdown-menu-left,
201
204
  [dir="rtl"] .dropdown-menu-xs-left {
@@ -208,6 +211,7 @@
208
211
  right: 0;
209
212
  }
210
213
  [dir="rtl"] .dropdown-menu-sm-right {
214
+ right: auto;
211
215
  left: auto;
212
216
  left: initial;
213
217
  }
@@ -222,6 +226,7 @@
222
226
  }
223
227
  [dir="rtl"] .dropdown-menu-sm-left {
224
228
  right: 0;
229
+ left: auto;
225
230
  left: initial;
226
231
  }
227
232
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -235,6 +240,7 @@
235
240
  right: 0;
236
241
  }
237
242
  [dir="rtl"] .dropdown-menu-md-right {
243
+ right: auto;
238
244
  left: auto;
239
245
  left: initial;
240
246
  }
@@ -249,6 +255,7 @@
249
255
  }
250
256
  [dir="rtl"] .dropdown-menu-md-left {
251
257
  right: 0;
258
+ left: auto;
252
259
  left: initial;
253
260
  }
254
261
  [dir="rtl"] .dropdown-menu-md-left {
@@ -262,6 +269,7 @@
262
269
  right: 0;
263
270
  }
264
271
  [dir="rtl"] .dropdown-menu-lg-right {
272
+ right: auto;
265
273
  left: auto;
266
274
  left: initial;
267
275
  }
@@ -276,6 +284,7 @@
276
284
  }
277
285
  [dir="rtl"] .dropdown-menu-lg-left {
278
286
  right: 0;
287
+ left: auto;
279
288
  left: initial;
280
289
  }
281
290
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -289,6 +298,7 @@
289
298
  right: 0;
290
299
  }
291
300
  [dir="rtl"] .dropdown-menu-xl-right {
301
+ right: auto;
292
302
  left: auto;
293
303
  left: initial;
294
304
  }
@@ -303,6 +313,7 @@
303
313
  }
304
314
  [dir="rtl"] .dropdown-menu-xl-left {
305
315
  right: 0;
316
+ left: auto;
306
317
  left: initial;
307
318
  }
308
319
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -361,6 +372,7 @@
361
372
  right: 0;
362
373
  }
363
374
  [dir="rtl"] .navbar-right .dropdown-menu {
375
+ right: auto;
364
376
  left: auto;
365
377
  left: initial;
366
378
  }
@@ -375,6 +387,7 @@
375
387
  }
376
388
  [dir="rtl"] .navbar-right .dropdown-menu-left {
377
389
  right: 0;
390
+ left: auto;
378
391
  left: initial;
379
392
  }
380
393
  [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -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;