@transferwise/neptune-css 14.10.0 → 14.12.0

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 (5) hide show
  1. package/dist/css/alerts.css +2 -4
  2. package/dist/css/input-groups.css +9 -7
  3. package/dist/css/neptune.css +12 -11
  4. package/package.json +2 -2
  5. package/src/less/forms/bootstrap-forms.less +12 -5
package/dist/css/alerts.css CHANGED
@@ -74,8 +74,7 @@
74
74
  left: initial;
75
75
  }
76
76
  .arrow::before {
77
- -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
78
- clip-path: polygon(0% 0%, 0 100%, 100% 0);
77
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
79
78
  }
80
79
  .arrow.arrow-center::before {
81
80
  left: 50%;
@@ -161,8 +160,7 @@
161
160
  left: initial;
162
161
  }
163
162
  .form-group .alert::before {
164
- -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
165
- clip-path: polygon(0% 0%, 0 100%, 100% 0);
163
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
166
164
  }
167
165
  .form-group .alert.arrow-center::before {
168
166
  left: 50%;
package/dist/css/input-groups.css CHANGED
@@ -2248,23 +2248,25 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
2248
2248
  .np-theme-personal .alert-detach {
2249
2249
  color: #5d7079;
2250
2250
  color: var(--color-content-secondary);
2251
- line-height: 1.2;
2252
- line-height: var(--line-height-control);
2253
2251
  margin: 8px 0;
2254
2252
  margin: var(--padding-x-small) 0;
2255
2253
  padding: 0;
2256
2254
  background-color: transparent;
2257
2255
  background-color: initial;
2258
2256
  }
2257
+ .np-theme-personal .alert-detach .status-circle {
2258
+ margin-top: 2px;
2259
+ margin-right: 4px;
2260
+ margin-right: var(--size-4);
2261
+ }
2259
2262
  .np-theme-personal .has-error .error-messages,
2260
2263
  .np-theme-personal .has-error .alert-detach.alert-danger {
2261
2264
  color: var(--color-sentiment-negative);
2262
- display: flex;
2263
2265
  }
2264
- .np-theme-personal .has-error .error-messages .tw-icon,
2265
- .np-theme-personal .has-error .alert-detach.alert-danger .tw-icon {
2266
- margin-right: 8px;
2267
- margin-right: var(--padding-x-small);
2266
+ .np-theme-personal .has-success .alert-detach.alert-positive,
2267
+ .np-theme-personal .has-warning .alert-detach.alert-warning,
2268
+ .np-theme-personal .has-error .alert-detach.alert-danger {
2269
+ display: flex;
2268
2270
  }
2269
2271
  .has-required::after {
2270
2272
  content: "\00a0*";
package/dist/css/neptune.css CHANGED
@@ -6098,8 +6098,7 @@ tbody.collapse.in {
6098
6098
  }
6099
6099
 
6100
6100
  .arrow::before {
6101
- -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
6102
- clip-path: polygon(0% 0%, 0 100%, 100% 0);
6101
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
6103
6102
  }
6104
6103
 
6105
6104
  .arrow.arrow-center::before {
@@ -6201,8 +6200,7 @@ tbody.collapse.in {
6201
6200
  }
6202
6201
 
6203
6202
  .form-group .alert::before {
6204
- -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
6205
- clip-path: polygon(0% 0%, 0 100%, 100% 0);
6203
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
6206
6204
  }
6207
6205
 
6208
6206
  .form-group .alert.arrow-center::before {
@@ -11812,8 +11810,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
11812
11810
  .np-theme-personal .alert-detach {
11813
11811
  color: #5d7079;
11814
11812
  color: var(--color-content-secondary);
11815
- line-height: 1.2;
11816
- line-height: var(--line-height-control);
11817
11813
  margin: 8px 0;
11818
11814
  margin: var(--padding-x-small) 0;
11819
11815
  padding: 0;
@@ -11821,16 +11817,21 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
11821
11817
  background-color: initial;
11822
11818
  }
11823
11819
 
11820
+ .np-theme-personal .alert-detach .status-circle {
11821
+ margin-top: 2px;
11822
+ margin-right: 4px;
11823
+ margin-right: var(--size-4);
11824
+ }
11825
+
11824
11826
  .np-theme-personal .has-error .error-messages,
11825
11827
  .np-theme-personal .has-error .alert-detach.alert-danger {
11826
11828
  color: var(--color-sentiment-negative);
11827
- display: flex;
11828
11829
  }
11829
11830
 
11830
- .np-theme-personal .has-error .error-messages .tw-icon,
11831
- .np-theme-personal .has-error .alert-detach.alert-danger .tw-icon {
11832
- margin-right: 8px;
11833
- margin-right: var(--padding-x-small);
11831
+ .np-theme-personal .has-success .alert-detach.alert-positive,
11832
+ .np-theme-personal .has-warning .alert-detach.alert-warning,
11833
+ .np-theme-personal .has-error .alert-detach.alert-danger {
11834
+ display: flex;
11834
11835
  }
11835
11836
 
11836
11837
  .has-required::after {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.10.0",
4
+ "version": "14.12.0",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "devDependencies": {
29
29
  "modern-normalize": "^2.0.0",
30
- "yargs": "^17.1.1",
30
+ "yargs": "^17.7.2",
31
31
  "@transferwise/less-config": "3.1.0"
32
32
  },
33
33
  "publishConfig": {
package/src/less/forms/bootstrap-forms.less CHANGED
@@ -1189,20 +1189,27 @@ input[type="password"] {
1189
1189
  .alert-detach {
1190
1190
  color: var(--color-content-secondary);
1191
1191
 
1192
- line-height: var(--line-height-control);
1193
1192
  margin: var(--padding-x-small) 0;
1194
1193
  padding: 0;
1195
1194
  background-color: unset;
1196
1195
  }
1197
1196
 
1197
+ .alert-detach {
1198
+ .status-circle {
1199
+ margin-top: 2px;
1200
+ margin-right: var(--size-4);
1201
+ }
1202
+ }
1203
+
1198
1204
  .has-error .error-messages,
1199
1205
  .has-error .alert-detach.alert-danger {
1200
1206
  color: var(--color-sentiment-negative);
1201
- display: flex;
1207
+ }
1202
1208
 
1203
- .tw-icon {
1204
- margin-right: var(--padding-x-small);
1205
- }
1209
+ .has-success .alert-detach.alert-positive,
1210
+ .has-warning .alert-detach.alert-warning,
1211
+ .has-error .alert-detach.alert-danger {
1212
+ display: flex;
1206
1213
  }
1207
1214
  }
1208
1215