@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
package/dist/css/popovers.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.close {
4
3
  float: right;
5
4
  color: #0097c7;
@@ -181,7 +180,6 @@
181
180
  margin-left: -7px;
182
181
  }[dir="rtl"] .popover.top-left::before {
183
182
  left: 29px;
184
- right: auto;
185
183
  right: initial;
186
184
  }[dir="rtl"] .popover.top-left::before {
187
185
  right: auto;
@@ -199,7 +197,6 @@
199
197
  margin-left: -7px;
200
198
  }[dir="rtl"] .popover.top-right::before {
201
199
  right: 29px;
202
- left: auto;
203
200
  left: initial;
204
201
  }[dir="rtl"] .popover.top-right::before {
205
202
  left: auto;
@@ -254,7 +251,6 @@
254
251
  margin-left: -7px;
255
252
  }[dir="rtl"] .popover.bottom-left::before {
256
253
  left: 29px;
257
- right: auto;
258
254
  right: initial;
259
255
  }[dir="rtl"] .popover.bottom-left::before {
260
256
  right: auto;
@@ -272,7 +268,6 @@
272
268
  margin-left: -7px;
273
269
  }[dir="rtl"] .popover.bottom-right::before {
274
270
  left: 29px;
275
- right: auto;
276
271
  right: initial;
277
272
  }[dir="rtl"] .popover.bottom-right::before {
278
273
  right: auto;
@@ -288,7 +283,6 @@
288
283
  left: auto;
289
284
  right: -7px;
290
285
  }[dir="rtl"] .popover.left::before {
291
- right: auto;
292
286
  left: auto;
293
287
  left: initial;
294
288
  }[dir="rtl"] .popover.left::before {
@@ -301,7 +295,6 @@
301
295
  left: auto;
302
296
  right: -7px;
303
297
  }[dir="rtl"] .popover.left-top::before {
304
- right: auto;
305
298
  left: auto;
306
299
  left: initial;
307
300
  }[dir="rtl"] .popover.left-top::before {
@@ -314,7 +307,6 @@
314
307
  left: auto;
315
308
  right: -7px;
316
309
  }[dir="rtl"] .popover.left-bottom::before {
317
- right: auto;
318
310
  left: auto;
319
311
  left: initial;
320
312
  }[dir="rtl"] .popover.left-bottom::before {
package/dist/css/progress-bars.css CHANGED
@@ -1,18 +1,18 @@
1
1
  .progress {
2
- --progress-bar-height: 4px;
2
+ --progress-bar-height: 8px;
3
3
  --progress-bar-border-width: 4px;
4
4
  --progress-bar-start-shift: calc(var(--progress-bar-border-width) * 2);
5
- height: 4px;
5
+ height: 8px;
6
6
  height: var(--progress-bar-height);
7
7
  overflow: hidden;
8
- margin-top: calc((24px - 4px) / 2);
8
+ margin-top: calc((24px - 8px) / 2);
9
9
  margin-top: calc((var(--size-24) - var(--progress-bar-height)) / 2);
10
- margin-bottom: calc((24px - 4px) / 2);
10
+ margin-bottom: calc((24px - 8px) / 2);
11
11
  margin-bottom: calc((var(--size-24) - var(--progress-bar-height)) / 2);
12
12
  background-color: #c9cbce;
13
13
  background-color: var(--color-interactive-secondary);
14
- border-radius: calc(4px + 4px);
15
- border-radius: calc(var(--progress-bar-border-width) + var(--progress-bar-height));
14
+ border-radius: 8px;
15
+ border-radius: var(--progress-bar-height);
16
16
  }
17
17
  .progress-bar {
18
18
  float: left;
package/dist/css/tooltip.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.tooltip {
4
3
  position: absolute;
5
4
  z-index: 1070;