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