@transferwise/neptune-css 0.0.0-experimental-526a2be → 0.0.0-experimental-26ff56b

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 (96) hide show
  1. package/dist/css/accordion.css +22 -66
  2. package/dist/css/alerts.css +0 -39
  3. package/dist/css/background.css +0 -1
  4. package/dist/css/badge.css +2 -14
  5. package/dist/css/breadcrumbs.css +0 -2
  6. package/dist/css/button-groups.css +29 -12
  7. package/dist/css/buttons.css +35 -177
  8. package/dist/css/chevron.css +0 -1
  9. package/dist/css/circles.css +0 -19
  10. package/dist/css/close.css +0 -3
  11. package/dist/css/column-layout.css +0 -3
  12. package/dist/css/currency-flags.css +0 -3
  13. package/dist/css/decision.css +22 -61
  14. package/dist/css/dropdowns.css +39 -75
  15. package/dist/css/droppable.css +28 -26
  16. package/dist/css/flex.css +0 -16
  17. package/dist/css/footer.css +41 -28
  18. package/dist/css/grid.css +0 -6
  19. package/dist/css/input-groups.css +203 -361
  20. package/dist/css/link-callout.css +0 -1
  21. package/dist/css/list-group.css +1 -88
  22. package/dist/css/media.css +0 -3
  23. package/dist/css/modals.css +1 -15
  24. package/dist/css/navbar.css +66 -213
  25. package/dist/css/navs.css +8 -35
  26. package/dist/css/neptune-addons.css +15 -298
  27. package/dist/css/neptune-core.css +5935 -667
  28. package/dist/css/neptune.css +8492 -3482
  29. package/dist/css/panels.css +2 -6
  30. package/dist/css/popovers.css +39 -89
  31. package/dist/css/process.css +0 -9
  32. package/dist/css/progress-bars.css +2 -16
  33. package/dist/css/ring.css +0 -4
  34. package/dist/css/select.css +0 -8
  35. package/dist/css/sequences.css +14 -69
  36. package/dist/css/table.css +7 -54
  37. package/dist/css/tick.css +0 -2
  38. package/dist/css/tooltip.css +28 -19
  39. package/dist/css/wells.css +0 -20
  40. package/dist/less/legacy-variables.css +0 -0
  41. package/dist/less/legacy-variables.less +3 -3
  42. package/dist/less/neptune-tokens.css +0 -0
  43. package/dist/less/neptune-tokens.less +0 -48
  44. package/dist/less/zindex.css +0 -0
  45. package/dist/props/neptune-tokens.css +804 -3
  46. package/package.json +1 -1
  47. package/src/less/addons/_background-utilities.less +5 -0
  48. package/src/less/badge.less +2 -2
  49. package/src/less/button-groups.less +3 -2
  50. package/src/less/buttons.less +7 -7
  51. package/src/less/core/_fonts.less +7 -75
  52. package/src/less/core/_scaffolding.less +4 -4
  53. package/src/less/core/_typography-utilities.less +3 -3
  54. package/src/less/core/_typography.less +81 -235
  55. package/src/less/core/fonts/_fonts-ar.less +140 -0
  56. package/src/less/core/fonts/_fonts-en.less +99 -0
  57. package/src/less/core/fonts/_fonts-he.less +8 -0
  58. package/src/less/core/fonts/_fonts-ja.less +4247 -0
  59. package/src/less/core/fonts/_fonts-ko.less +1079 -0
  60. package/src/less/core/fonts/_fonts-th.less +8 -0
  61. package/src/less/core/fonts/_fonts-zh.less +872 -0
  62. package/src/less/decision.less +2 -2
  63. package/src/less/dropdowns.less +8 -7
  64. package/src/less/droppable.less +4 -4
  65. package/src/less/footer.less +4 -3
  66. package/src/less/forms/bootstrap-forms.less +85 -72
  67. package/src/less/forms/checkbox-radio.less +3 -3
  68. package/src/less/input-groups.less +23 -10
  69. package/src/less/list-group.less +8 -5
  70. package/src/less/mixins/_reset-text.less +1 -1
  71. package/src/less/mixins/_text-emphasis.less +7 -1
  72. package/src/less/modals.less +1 -1
  73. package/src/less/navbar.less +19 -19
  74. package/src/less/navs.less +8 -8
  75. package/src/less/neptune.bundle.less +4 -0
  76. package/src/less/panels.less +2 -2
  77. package/src/less/popovers.less +7 -7
  78. package/src/less/progress-bars.less +2 -2
  79. package/src/less/sequences.less +15 -10
  80. package/src/less/table.less +7 -7
  81. package/src/less/tooltip.less +1 -1
  82. package/src/variables/legacy-variables.less +3 -3
  83. package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  84. package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  85. package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  86. package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  87. package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  88. package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  89. package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  90. package/src/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  91. package/src/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  92. package/src/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  93. package/src/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  94. package/src/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  95. package/src/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  96. package/src/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
package/dist/css/navs.css CHANGED
@@ -13,37 +13,28 @@
13
13
  outline-offset: -1px;
14
14
  padding-block: 9px 7px;
15
15
  padding-inline: 24px;
16
- color: #37517e;
17
16
  color: var(--color-content-primary);
18
- font-weight: 400;
19
- font-weight: var(--font-weight-regular);
20
- font-size: 1rem;
21
- font-size: var(--font-size-16);
17
+ font-weight: var(--wds-font-weight-body-regular);
18
+ font-size: var(--wds-font-size-body-large);
22
19
  }
23
20
  .nav > li > a:hover,
24
21
  .nav > li > a:focus {
25
22
  -webkit-text-decoration: none;
26
23
  text-decoration: none;
27
- color: #0084b3;
28
24
  color: var(--color-content-accent-hover);
29
25
  }
30
26
  .nav > li > a:active {
31
- color: #0077a5;
32
27
  color: var(--color-content-accent-active);
33
28
  }
34
29
  .nav > .active > a {
35
- color: #0097c7;
36
30
  color: var(--color-content-accent);
37
- font-weight: 600;
38
- font-weight: var(--font-weight-semi-bold);
31
+ font-weight: var(--wds-font-weight-title-body);
39
32
  }
40
33
  .nav > .active > a:hover,
41
34
  .nav > .active > a:focus {
42
- color: #0084b3;
43
35
  color: var(--color-content-accent-hover);
44
36
  }
45
37
  .nav > .active > a:active {
46
- color: #0077a5;
47
38
  color: var(--color-content-accent-active);
48
39
  }
49
40
  .nav > .disabled > a:hover,
@@ -55,7 +46,6 @@
55
46
  .nav .open > a,
56
47
  .nav .open > a:hover,
57
48
  .nav .open > a:focus {
58
- background-color: rgba(134,167,189,0.10196);
59
49
  background-color: var(--color-background-neutral);
60
50
  }
61
51
  .nav .nav-divider {
@@ -74,8 +64,6 @@
74
64
  background-color: #2e4369;
75
65
  }
76
66
  .nav-tabs {
77
- border-block-end: 1px solid rgba(0,0,0,0.10196);
78
- border-block-end: 1px solid #0000001a;
79
67
  border-block-end: 1px solid var(--color-border-neutral);
80
68
  }
81
69
  .nav-tabs > li {
@@ -84,31 +72,24 @@
84
72
  }
85
73
  .nav-tabs > li > a {
86
74
  margin-inline-end: 2px;
87
- line-height: 1.5;
88
- line-height: var(--line-height-body);
75
+ line-height: var(--wds-line-height-body-large);
89
76
  border-block-end: 3px solid transparent;
90
- font-size: 1rem;
91
- font-size: var(--font-size-16);
77
+ font-size: var(--wds-font-size-body-large);
92
78
  }
93
79
  .nav-tabs > .active > a {
94
- border-block-end: 3px solid rgba(0,0,0,0.10196);
95
- border-block-end: 3px solid #0000001a;
96
80
  border-block-end: 3px solid var(--color-border-neutral);
97
81
  }
98
82
  .nav-tabs > .active > a:hover,
99
83
  .nav-tabs > .active > a:focus {
100
- color: #0097c7;
101
84
  color: var(--color-content-accent);
102
85
  cursor: default;
103
86
  }
104
87
  .nav-pills > li {
105
88
  float: inline-start;
106
- font-size: 0.875rem;
107
- font-size: var(--font-size-14);
89
+ font-size: var(--wds-font-size-body);
108
90
  }
109
91
  .nav-pills > li > a {
110
- font-size: 0.875rem;
111
- font-size: var(--font-size-14);
92
+ font-size: var(--wds-font-size-body);
112
93
  }
113
94
  .nav-stacked > li {
114
95
  float: none;
@@ -116,7 +97,6 @@
116
97
  .nav-stacked > li > a {
117
98
  border-inline-start: 3px solid transparent;
118
99
  padding-inline-start: 21px;
119
- padding-inline-end: 24px;
120
100
  padding-inline-end: var(--size-24);
121
101
  transition: color 0.2s ease-in-out;
122
102
  }
@@ -125,7 +105,6 @@
125
105
  }
126
106
  @media (min-width: 1160px) {
127
107
  .nav-stacked > li > a {
128
- padding-inline-end: 32px;
129
108
  padding-inline-end: var(--size-32);
130
109
  padding-inline-start: 29px !important;
131
110
  }
@@ -136,7 +115,6 @@
136
115
  .nav-stacked > li.active > a,
137
116
  .nav-stacked > li.active > a:hover,
138
117
  .nav-stacked > li.active > a:focus {
139
- border-inline-start: 3px solid #00a2dd;
140
118
  border-inline-start: 3px solid var(--color-interactive-accent);
141
119
  padding-inline-start: 21px;
142
120
  }
@@ -159,10 +137,8 @@
159
137
  }
160
138
  .nav-justified.nav-pills > li > a {
161
139
  padding-block: 0;
162
- padding-inline: 4px;
163
140
  padding-inline: var(--size-4);
164
- line-height: 1.5;
165
- line-height: var(--line-height-body);
141
+ line-height: var(--wds-line-height-body-large);
166
142
  }
167
143
  @media (min-width: 840px) {
168
144
  .nav-justified-2-p-x {
@@ -206,15 +182,12 @@
206
182
  }
207
183
  .nav-tabs-justified > li > a {
208
184
  margin-inline-end: 0;
209
- border-block-end: 1px solid rgba(0,0,0,0.10196);
210
- border-block-end: 1px solid #0000001a;
211
185
  border-block-end: 1px solid var(--color-border-neutral);
212
186
  border-radius: 3px;
213
187
  }
214
188
  .nav-tabs-justified > .active > a,
215
189
  .nav-tabs-justified > .active > a:hover,
216
190
  .nav-tabs-justified > .active > a:focus {
217
- border: 1px solid rgba(0,0,0,0.10196);
218
191
  border: 1px solid var(--color-border-neutral);
219
192
  border-block-end: 0;
220
193
  }