@transferwise/neptune-css 11.0.1-beta-66e6490bc3.13 → 11.0.1

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 (119) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/css/accordion.css +1 -1
  3. package/dist/css/alerts.css +1 -1
  4. package/dist/css/background.css +1 -1
  5. package/dist/css/badge.css +1 -1
  6. package/dist/css/breadcrumbs.css +1 -1
  7. package/dist/css/button-groups.css +1 -1
  8. package/dist/css/buttons.css +1 -1
  9. package/dist/css/chevron.css +1 -1
  10. package/dist/css/circles.css +1 -1
  11. package/dist/css/close.css +1 -1
  12. package/dist/css/column-layout.css +1 -1
  13. package/dist/css/currency-flags.css +1 -1
  14. package/dist/css/decision.css +1 -1
  15. package/dist/css/droppable.css +1 -1
  16. package/dist/css/flex.css +1 -1
  17. package/dist/css/footer.css +1 -1
  18. package/dist/css/forms.css +1 -1
  19. package/dist/css/grid.css +1 -1
  20. package/dist/css/input-groups.css +1 -1
  21. package/dist/css/link-callout.css +1 -1
  22. package/dist/css/list-group.css +1 -1
  23. package/dist/css/loaders.css +1 -1
  24. package/dist/css/media.css +1 -1
  25. package/dist/css/modals.css +1 -1
  26. package/dist/css/navbar.css +1 -1
  27. package/dist/css/navs.css +1 -1
  28. package/dist/css/neptune-addons.css +1 -1
  29. package/dist/css/neptune-core.css +1 -1
  30. package/dist/css/neptune-social-media.css +1 -1
  31. package/dist/css/neptune.css +1 -1
  32. package/dist/css/panels.css +1 -0
  33. package/dist/css/popovers.css +1 -1
  34. package/dist/css/process.css +1 -1
  35. package/dist/css/progress-bars.css +1 -1
  36. package/dist/css/select.css +1 -1
  37. package/dist/css/sequences.css +1 -1
  38. package/dist/css/table.css +1 -1
  39. package/dist/css/tick.css +1 -1
  40. package/dist/css/tooltip.css +1 -1
  41. package/dist/css/utilities.css +1 -1
  42. package/dist/css/wells.css +1 -1
  43. package/dist/less/legacy-variables.less +712 -23
  44. package/dist/less/neptune-tokens.less +78 -84
  45. package/dist/props/legacy-custom-props.css +65 -0
  46. package/dist/props/neptune-tokens.css +41 -84
  47. package/package.json +3 -3
  48. package/src/less/addons/_background-utilities.less +7 -32
  49. package/src/less/addons/_spacing-utilities.less +4 -4
  50. package/src/less/alerts.less +16 -16
  51. package/src/less/background.less +1 -1
  52. package/src/less/badge.less +4 -65
  53. package/src/less/breadcrumbs.less +4 -25
  54. package/src/less/button-groups.less +38 -46
  55. package/src/less/buttons.less +175 -111
  56. package/src/less/chevron.less +1 -5
  57. package/src/less/circles.less +19 -206
  58. package/src/less/close.less +6 -38
  59. package/src/less/column-layout.less +3 -160
  60. package/src/less/core/_scaffolding.less +31 -39
  61. package/src/less/core/_typography-utilities.less +46 -59
  62. package/src/less/core/_typography.less +114 -130
  63. package/src/less/currency-flags.less +4 -4
  64. package/src/less/decision.less +14 -6
  65. package/src/less/droppable.less +3 -202
  66. package/src/less/flex.less +16 -17
  67. package/src/less/footer.less +20 -20
  68. package/src/less/forms/bootstrap-forms.less +110 -122
  69. package/src/less/forms/checkbox-radio.less +54 -54
  70. package/src/less/grid.less +22 -23
  71. package/src/less/input-groups.less +50 -50
  72. package/src/less/link-callout.less +1 -4
  73. package/src/less/list-group.less +4 -281
  74. package/src/less/loaders.less +3 -90
  75. package/src/less/media.less +3 -6
  76. package/src/less/mixins/_alerts.less +7 -15
  77. package/src/less/mixins/_arrows.less +7 -13
  78. package/src/less/mixins/_border-radius.less +8 -1
  79. package/src/less/mixins/_buttons.less +5 -5
  80. package/src/less/mixins/_forms.less +10 -16
  81. package/src/less/mixins/_grid-framework.less +8 -11
  82. package/src/less/mixins/_grid.less +36 -52
  83. package/src/less/mixins/_spacing.less +10 -20
  84. package/src/less/mixins/_table-row.less +1 -1
  85. package/src/less/mixins/_text-emphasis.less +1 -7
  86. package/src/less/modals.less +27 -57
  87. package/src/less/navbar.less +20 -16
  88. package/src/less/navs.less +3 -338
  89. package/src/less/neptune-social-media.less +8 -13
  90. package/src/less/neptune.bundle.less +1 -1
  91. package/src/less/panels.less +6 -0
  92. package/src/less/popovers.less +5 -368
  93. package/src/less/process.less +3 -358
  94. package/src/less/progress-bars.less +15 -18
  95. package/src/less/select.less +7 -9
  96. package/src/less/sequences.less +8 -505
  97. package/src/less/table.less +56 -42
  98. package/src/less/tick.less +1 -14
  99. package/src/less/tooltip.less +4 -123
  100. package/src/less/utilities.less +4 -134
  101. package/src/less/variables/_typography.less +21 -0
  102. package/src/props/legacy-custom-props.css +65 -0
  103. package/src/variables/legacy-variables.less +712 -23
  104. package/src/variables/neptune-tokens.less +3 -0
  105. package/dist/css/dropdowns.css +0 -1
  106. package/dist/css/navbar-base.css +0 -1
  107. package/src/less/addons/_utilities.less +0 -141
  108. package/src/less/dropdowns.less +0 -363
  109. package/src/less/mixins/_center-block.less +0 -7
  110. package/src/less/mixins/_circle.less +0 -11
  111. package/src/less/mixins/_hide-text.less +0 -20
  112. package/src/less/mixins/_list-group.less +0 -23
  113. package/src/less/mixins/_logical-properties-IE-friendly.less +0 -365
  114. package/src/less/mixins/_logical-properties-modern-browsers.less +0 -226
  115. package/src/less/mixins/_logical-properties.less +0 -5
  116. package/src/less/mixins/_physical-properties.less +0 -111
  117. package/src/less/mixins/_reset-text.less +0 -22
  118. package/src/less/mixins/_sequence.less +0 -197
  119. package/src/less/navbar-base.less +0 -1381
package/src/less/footer.less CHANGED
@@ -1,9 +1,10 @@
1
1
  @import (reference) '../variables/neptune-tokens.less';
2
+ @import (reference) './variables/_typography.less';
2
3
 
3
4
  .footer {
4
- background-color: var(--color-background-neutral);
5
- font-size: var(--font-size-14);
6
- line-height: var(--line-height-body);
5
+ background-color: @color-base-smoke-fade;
6
+ font-size: @font-size-small;
7
+ line-height: @line-height-small;
7
8
  padding-top: calc(var(--size-8) * 10);
8
9
  padding-bottom: calc(var(--size-8) * 10);
9
10
 
@@ -19,29 +20,29 @@
19
20
 
20
21
  .footer-link,
21
22
  .link-icon {
22
- color: var(--color-content-secondary);
23
+ color: @color-base-smoke-fade;
23
24
  font-weight: normal;
24
25
  text-decoration: underline;
25
26
 
26
27
  &:hover,
27
28
  &:active,
28
29
  &:focus {
29
- color: var(--color-content-secondary);
30
+ color: #384347;
30
31
  }
31
32
  }
32
33
 
33
34
  .footer-title {
34
- font-size: var(--font-size-14);
35
- color: var(--color-content-primary);
35
+ font-size: @font-size-small;
36
+ color: var(--color-text-primary);
36
37
 
37
38
  .footer-link {
38
- color: var(--color-content-primary);
39
+ color: var(--color-text-primary);
39
40
  font-weight: bold;
40
41
 
41
42
  &:hover,
42
43
  &:active,
43
44
  &:focus {
44
- color: var(--color-content-primary);
45
+ color: @color-base-grey-mid;
45
46
  }
46
47
  }
47
48
  }
@@ -60,51 +61,50 @@
60
61
  text-decoration: none;
61
62
 
62
63
  svg {
63
- fill: var(--color-content-primary);
64
+ fill: @color-base-grey-mid;
64
65
 
65
66
  &:hover,
66
67
  &:active,
67
68
  &:focus {
68
- fill: var(--color-content-primary);
69
+ fill: #384347;
69
70
  }
70
71
  }
71
72
  }
72
73
 
73
74
  &.footer-inverse {
74
- background: var(--color-navy-background-elevated);
75
+ background: @color-base-navy-light;
75
76
 
76
77
  .footer-link,
77
78
  .link-icon {
78
- color: var(--color-navy-content-primary);
79
+ color: @color-base-smoke-fade;
79
80
 
80
81
  &:hover,
81
82
  &:active,
82
83
  &:focus {
83
- color: var(--color-navy-content-primary);
84
+ color: @color-base-smoke-dark;
84
85
  }
85
86
 
86
87
  svg {
87
- fill: var(--color-navy-content-primary);
88
+ fill: @color-base-smoke-fade;
88
89
 
89
90
  &:hover,
90
91
  &:active,
91
92
  &:focus {
92
- fill: var(--color-navy-content-primary);
93
+ fill: @color-base-smoke-dark;
93
94
  }
94
95
  }
95
96
  }
96
97
 
97
98
  .footer-title {
98
- color: var(--color-navy-content-primary);
99
+ color: @color-base-smoke-fade;
99
100
  }
100
101
 
101
102
  hr {
102
103
  opacity: 0.1;
103
104
  }
104
105
 
105
- .tiny,
106
- .body-3 {
107
- color: var(--color-navy-content-primary);
106
+ .tiny {
107
+ color: @color-base-white;
108
108
  }
109
109
  }
110
110