@transferwise/neptune-css 0.0.0-experimental-92f9701 → 0.0.0-experimental-2d03128

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