@transferwise/neptune-css 12.1.3 → 12.1.4-beta-ef9e9fd33f.2

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 (52) hide show
  1. package/CHANGELOG.md +101 -3
  2. package/dist/css/accordion.css +1 -1
  3. package/dist/css/alerts.css +1 -1
  4. package/dist/css/buttons.css +1 -1
  5. package/dist/css/chevron.css +1 -1
  6. package/dist/css/circles.css +1 -1
  7. package/dist/css/decision.css +1 -1
  8. package/dist/css/dropdowns.css +1 -1
  9. package/dist/css/footer.css +1 -1
  10. package/dist/css/forms.css +1 -1
  11. package/dist/css/input-groups.css +1 -1
  12. package/dist/css/list-group.css +1 -1
  13. package/dist/css/navbar-base.css +1 -1
  14. package/dist/css/navbar.css +1 -1
  15. package/dist/css/navs.css +1 -1
  16. package/dist/css/neptune-core.css +1 -1
  17. package/dist/css/neptune-social-media.css +1 -1
  18. package/dist/css/neptune.css +1 -1
  19. package/dist/css/popovers.css +1 -1
  20. package/dist/css/process.css +1 -1
  21. package/dist/css/table.css +1 -1
  22. package/dist/css/tick.css +1 -1
  23. package/dist/css/tooltip.css +1 -1
  24. package/dist/less/neptune-tokens.less +2 -8
  25. package/dist/props/neptune-tokens.css +1 -3
  26. package/package.json +3 -3
  27. package/src/less/addons/_background-utilities.less +1 -0
  28. package/src/less/alerts.less +6 -2
  29. package/src/less/background.less +2 -0
  30. package/src/less/buttons.less +25 -44
  31. package/src/less/chevron.less +0 -4
  32. package/src/less/circles.less +0 -1
  33. package/src/less/core/_scaffolding.less +9 -9
  34. package/src/less/core/_typography-utilities.less +6 -1
  35. package/src/less/decision.less +0 -5
  36. package/src/less/dropdowns.less +0 -20
  37. package/src/less/footer.less +0 -38
  38. package/src/less/forms/bootstrap-forms.less +15 -73
  39. package/src/less/forms/checkbox-radio.less +18 -60
  40. package/src/less/input-groups.less +3 -14
  41. package/src/less/list-group.less +2 -16
  42. package/src/less/mixins/_alerts.less +3 -45
  43. package/src/less/mixins/_buttons.less +9 -31
  44. package/src/less/mixins/_forms.less +7 -7
  45. package/src/less/navbar-base.less +9 -52
  46. package/src/less/navs.less +0 -4
  47. package/src/less/neptune.bundle.less +3 -0
  48. package/src/less/popovers.less +1 -0
  49. package/src/less/process.less +0 -4
  50. package/src/less/table.less +1 -1
  51. package/src/less/tick.less +0 -9
  52. package/src/less/tooltip.less +1 -0
package/src/less/navbar-base.less CHANGED
@@ -681,15 +681,6 @@
681
681
  }
682
682
  }
683
683
  }
684
-
685
- > .disabled > a {
686
- &,
687
- &:hover,
688
- &:focus {
689
- color: var(--color-content-disabled);
690
- background-color: transparent;
691
- }
692
- }
693
684
  }
694
685
 
695
686
  // Dropdown menu items
@@ -731,15 +722,6 @@
731
722
  background-color: transparent;
732
723
  }
733
724
  }
734
-
735
- > .disabled > a {
736
- &,
737
- &:hover,
738
- &:focus {
739
- color: var(--color-content-disabled);
740
- background-color: transparent;
741
- }
742
- }
743
725
  }
744
726
  }
745
727
  }
@@ -763,14 +745,6 @@
763
745
  &:focus {
764
746
  color: var(--color-content-accent-hover);
765
747
  }
766
-
767
- &[disabled],
768
- fieldset[disabled] & {
769
- &:hover,
770
- &:focus {
771
- color: var(--color-content-disabled);
772
- }
773
- }
774
748
  }
775
749
  }
776
750
 
@@ -828,15 +802,6 @@
828
802
  }
829
803
  }
830
804
 
831
- > .disabled > a {
832
- &,
833
- &:hover,
834
- &:focus {
835
- color: var(--color-content-disabled);
836
- background-color: transparent;
837
- }
838
- }
839
-
840
805
  > .open > a,
841
806
  .dropdown:focus-within > a {
842
807
  &,
@@ -869,14 +834,6 @@
869
834
  &:focus {
870
835
  color: var(--color-content-accent-hover);
871
836
  }
872
-
873
- &[disabled],
874
- fieldset[disabled] & {
875
- &:hover,
876
- &:focus {
877
- color: var(--color-content-disabled);
878
- }
879
- }
880
837
  }
881
838
  }
882
839
 
@@ -1204,16 +1161,16 @@
1204
1161
  }
1205
1162
  }
1206
1163
 
1207
- .btn-info:not([disabled]),
1208
- .btn-warning:not([disabled]),
1209
- .btn-danger:not([disabled]) {
1164
+ .btn-info:not(.disabled, :disabled),
1165
+ .btn-warning:not(.disabled, :disabled),
1166
+ .btn-danger:not(.disabled, :disabled) {
1210
1167
  color: var(--color-content-accent);
1211
1168
  border-color: var(--color-interactive-accent);
1212
1169
  }
1213
1170
 
1214
- .btn-info:not([disabled]):hover,
1215
- .btn-warning:not([disabled]):hover,
1216
- .btn-danger:not([disabled]):hover {
1171
+ .btn-info:not(.disabled, :disabled):hover,
1172
+ .btn-warning:not(.disabled, :disabled):hover,
1173
+ .btn-danger:not(.disabled, :disabled):hover {
1217
1174
  color: @color-navy-content-primary;
1218
1175
  }
1219
1176
 
@@ -1296,9 +1253,9 @@
1296
1253
  .simple-nav .navbar-nav > li > a {
1297
1254
  color: @color-navy-content-primary;
1298
1255
 
1299
- &:focus,
1300
- &:hover,
1301
- &:active {
1256
+ &:not(.disabled, :disabled):focus,
1257
+ &:not(.disabled, :disabled):hover,
1258
+ &:not(.disabled, :disabled):active {
1302
1259
  color: var(--color-content-accent-hover);
1303
1260
  }
1304
1261
  }
package/src/less/navs.less CHANGED
@@ -64,14 +64,10 @@
64
64
  // Disabled state sets text to gray and nukes hover/tab effects
65
65
 
66
66
  > .disabled > a {
67
- color: var(--color-content-disabled);
68
-
69
67
  &:hover,
70
68
  &:focus,
71
69
  &:active {
72
70
  text-decoration: none;
73
- background-color: transparent;
74
- cursor: @cursor-default;
75
71
  }
76
72
  }
77
73
 
package/src/less/neptune.bundle.less CHANGED
@@ -1,4 +1,7 @@
1
1
  @import '@transferwise/neptune-tokens/tokens.css';
2
+ @import '@transferwise/neptune-tokens/themes/dark/tokens.css';
3
+ @import '@transferwise/neptune-tokens/themes/light/tokens.css';
4
+ @import '@transferwise/neptune-tokens/themes/navy/tokens.css';
2
5
  @import './neptune-core.less';
3
6
  @import './neptune-addons.less';
4
7
 
package/src/less/popovers.less CHANGED
@@ -245,6 +245,7 @@
245
245
  color: inherit !important;
246
246
  font-weight: inherit !important;
247
247
  text-decoration: none !important;
248
+ border-bottom: 1px dotted var(--color-content-accent) !important;
248
249
  cursor: pointer;
249
250
 
250
251
  &:hover,
package/src/less/process.less CHANGED
@@ -348,10 +348,6 @@
348
348
  }
349
349
 
350
350
  .btn[disabled] {
351
- .process-circle {
352
- stroke: var(--color-interactive-disabled);
353
- }
354
-
355
351
  .process-icon-horizontal,
356
352
  .process-icon-vertical {
357
353
  background-color: #fff;
package/src/less/table.less CHANGED
@@ -27,7 +27,7 @@ table {
27
27
  caption {
28
28
  padding-top: @table-cell-padding;
29
29
  padding-bottom: @table-cell-padding;
30
- color: var(--color-content-disabled);
30
+ color: var(--color-content-secondary);
31
31
  .text-align(left);
32
32
  }
33
33
 
package/src/less/tick.less CHANGED
@@ -14,15 +14,6 @@
14
14
  transform: translateX(0.5px) rotate(-45deg);
15
15
  transform-origin: left bottom;
16
16
  left: var(--size-8);
17
-
18
- .tw-checkbox-button[disabled] &,
19
- input[type='checkbox']:disabled + .tw-checkbox-button & {
20
- background-color: var(--color-interactive-disabled);
21
- }
22
-
23
- .tw-checkbox-button + .tw-checkbox-button & {
24
- background-color: var(--color-interactive-disabled);
25
- }
26
17
  }
27
18
 
28
19
  .has-error {
package/src/less/tooltip.less CHANGED
@@ -52,6 +52,7 @@
52
52
  .tooltip-inner {
53
53
  font-size: var(--font-size-14);
54
54
  max-width: @tooltip-max-width;
55
+ min-width: 120px;
55
56
  padding: var(--size-16) var(--size-16);
56
57
  color: var(--color-content-primary);
57
58
  text-align: center;