@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/footer.css CHANGED
@@ -1,16 +1,45 @@
1
- .footer {
2
- background-color: rgba(134,167,189,0.10196);
1
+ .footer,
2
+ .footer .footer-link,
3
+ .footer .link-icon {
4
+ word-wrap: break-word;
5
+ }
6
+ @supports (hyphenate-limit-chars: 1) {
7
+ .footer,
8
+ .footer .footer-link,
9
+ .footer .link-icon {
10
+ hyphens: auto;hyphenate-limit-chars: 7 3;
11
+ }
12
+ @media (min-width: 840px) {
13
+ .footer,
14
+ .footer .footer-link,
15
+ .footer .link-icon {
16
+ hyphenate-limit-chars: 8 3;
17
+ }
18
+ }
19
+ @media (min-width: 1160px) {
20
+ .footer,
21
+ .footer .footer-link,
22
+ .footer .link-icon {
23
+ hyphenate-limit-chars: 10 4 3;
24
+ }
25
+ }
26
+ }@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
27
+ .footer,
28
+ .footer .footer-link,
29
+ .footer .link-icon {
30
+ hyphens: auto;-webkit-hyphenate-limit-before: 3;-webkit-hyphenate-limit-after: 3;
31
+ }
32
+ @media (min-width: 1160px) {
33
+ .footer,
34
+ .footer .footer-link,
35
+ .footer .link-icon {
36
+ -webkit-hyphenate-limit-before: 4;
37
+ }
38
+ }
39
+ }.footer {
3
40
  background-color: var(--color-background-neutral);
4
- font-size: 0.875rem;
5
- font-size: var(--font-size-14);
6
- line-height: 155%;
7
- letter-spacing: -0.006em;
8
- font-weight: 400;
9
- font-weight: var(--font-weight-regular);
10
41
  word-wrap: break-word;
11
- padding-block-start: calc(8px * 10);
12
42
  padding-block-start: calc(var(--size-8) * 10);
13
- padding-block-end: calc(8px * 10);
14
43
  padding-block-end: calc(var(--size-8) * 10);
15
44
  }
16
45
  @supports (hyphenate-limit-chars: 1) {
@@ -43,30 +72,19 @@
43
72
  }
44
73
  @media (min-width: 600px) {
45
74
  .footer {
46
- padding-block-start: calc(8px * 15);
47
75
  padding-block-start: calc(var(--size-8) * 15);
48
- padding-block-end: calc(8px * 15);
49
76
  padding-block-end: calc(var(--size-8) * 15);
50
77
  }
51
78
  }
52
79
  @media (min-width: 1160px) {
53
80
  .footer {
54
- padding-block-start: calc(8px * 20);
55
81
  padding-block-start: calc(var(--size-8) * 20);
56
- padding-block-end: calc(8px * 20);
57
82
  padding-block-end: calc(var(--size-8) * 20);
58
83
  }
59
84
  }
60
85
  .footer .footer-link,
61
86
  .footer .link-icon {
62
- color: #5d7079;
63
87
  color: var(--color-content-secondary);
64
- font-size: 0.875rem;
65
- font-size: var(--font-size-14);
66
- line-height: 155%;
67
- letter-spacing: -0.006em;
68
- font-weight: 400;
69
- font-weight: var(--font-weight-regular);
70
88
  word-wrap: break-word;
71
89
  }
72
90
  @supports (hyphenate-limit-chars: 1) {
@@ -108,21 +126,17 @@
108
126
  .footer .link-icon:active,
109
127
  .footer .footer-link:focus,
110
128
  .footer .link-icon:focus {
111
- color: #5d7079;
112
129
  color: var(--color-content-secondary);
113
130
  }
114
131
  .footer .footer-title {
115
- color: #37517e;
116
132
  color: var(--color-content-primary);
117
133
  }
118
134
  .footer .footer-title .footer-link {
119
- color: #37517e;
120
135
  color: var(--color-content-primary);
121
136
  }
122
137
  .footer .footer-title .footer-link:hover,
123
138
  .footer .footer-title .footer-link:active,
124
139
  .footer .footer-title .footer-link:focus {
125
- color: #37517e;
126
140
  color: var(--color-content-primary);
127
141
  }
128
142
  .footer .logo {
@@ -139,13 +153,11 @@
139
153
  text-decoration: none;
140
154
  }
141
155
  .footer .link-icon svg {
142
- fill: #5d7079;
143
156
  fill: var(--color-content-secondary);
144
157
  }
145
158
  .footer .link-icon svg:hover,
146
159
  .footer .link-icon svg:active,
147
160
  .footer .link-icon svg:focus {
148
- fill: #5d7079;
149
161
  fill: var(--color-content-secondary);
150
162
  }
151
163
  .footer.footer-inverse {
@@ -183,7 +195,8 @@
183
195
  }
184
196
  .footer.footer-inverse .tiny,
185
197
  .footer.footer-inverse .body-3,
186
- .footer.footer-inverse .np-text-body-default {
198
+ .footer.footer-inverse .np-text-body-default,
199
+ .footer.footer-inverse .wds-text-body-default {
187
200
  color: #ffffff;
188
201
  }
189
202
  @media (max-width: 599.98px) {
package/dist/css/grid.css CHANGED
@@ -1219,7 +1219,6 @@
1219
1219
  [class*="col-md"],
1220
1220
  [class*="col-lg"],
1221
1221
  [class*="col-xl"] {
1222
- margin-block-end: calc(8px * 2);
1223
1222
  margin-block-end: calc(var(--size-8) * 2);
1224
1223
  }
1225
1224
  [class*="col-xs"] {
@@ -1254,21 +1253,16 @@
1254
1253
  }
1255
1254
  @media (max-width: 599.98px) {
1256
1255
  .row-equal-height .col-xs-12 {
1257
- margin-block-end: 12px;
1258
1256
  margin-block-end: var(--size-12);
1259
1257
  }
1260
1258
  }
1261
1259
  @media (max-width: 599.98px) {
1262
1260
  .row {
1263
- margin-inline-end: calc(8px * -1);
1264
1261
  margin-inline-end: calc(var(--size-8) * -1);
1265
- margin-inline-start: calc(8px * -1);
1266
1262
  margin-inline-start: calc(var(--size-8) * -1);
1267
1263
  }
1268
1264
  [class*="col-"] {
1269
- padding-inline-end: 8px;
1270
1265
  padding-inline-end: var(--size-8);
1271
- padding-inline-start: 8px;
1272
1266
  padding-inline-start: var(--size-8);
1273
1267
  }
1274
1268
  }