@transferwise/neptune-css 0.0.0-experimental-d2bbcaf → 0.0.0-experimental-6d4c9c1
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.
- package/dist/css/accordion.css +23 -40
- package/dist/css/button-groups.css +29 -2
- package/dist/css/buttons.css +26 -0
- package/dist/css/decision.css +23 -40
- package/dist/css/dropdowns.css +37 -44
- package/dist/css/droppable.css +28 -2
- package/dist/css/footer.css +41 -2
- package/dist/css/input-groups.css +170 -123
- package/dist/css/list-group.css +0 -39
- package/dist/css/navbar.css +37 -44
- package/dist/css/neptune-addons.css +15 -0
- package/dist/css/neptune-core.css +246 -11
- package/dist/css/neptune.css +921 -337
- package/dist/css/popovers.css +35 -42
- package/dist/css/sequences.css +6 -1
- package/dist/css/tooltip.css +27 -1
- package/package.json +1 -1
|
@@ -599,7 +599,7 @@ video {
|
|
|
599
599
|
clip: auto;
|
|
600
600
|
}
|
|
601
601
|
/* stylelint-disable selector-max-empty-lines */
|
|
602
|
-
/* DEPRECATED: use
|
|
602
|
+
/* DEPRECATED: use `.wds-text-*` instead */
|
|
603
603
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
604
604
|
.h1,
|
|
605
605
|
.h2,
|
|
@@ -833,35 +833,50 @@ h6 + ol:not(.list-unstyled),
|
|
|
833
833
|
margin-block-start: 8px;
|
|
834
834
|
margin-block-start: var(--size-8);
|
|
835
835
|
}
|
|
836
|
-
/* DEPRECATED: use
|
|
836
|
+
/* DEPRECATED: use `.wds-text-title-screen` instead */
|
|
837
837
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
838
838
|
.h1,
|
|
839
839
|
.title-1,
|
|
840
840
|
h1,
|
|
841
|
+
.np-text-title-screen,
|
|
842
|
+
.wds-text-title-screen,
|
|
843
|
+
.h1,
|
|
844
|
+
.title-1,
|
|
845
|
+
h1,
|
|
841
846
|
.np-text-title-screen {
|
|
842
847
|
margin-block-end: initial;
|
|
843
848
|
}
|
|
844
|
-
/* DEPRECATED: use
|
|
849
|
+
/* DEPRECATED: use `.wds-text-title-section` instead */
|
|
845
850
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
846
851
|
.h2,
|
|
847
852
|
.title-2,
|
|
848
853
|
h2,
|
|
854
|
+
.np-text-title-section,
|
|
855
|
+
.wds-text-title-section,
|
|
856
|
+
.h2,
|
|
857
|
+
.title-2,
|
|
858
|
+
h2,
|
|
849
859
|
.np-text-title-section {
|
|
850
860
|
margin-block-end: initial;
|
|
851
861
|
}
|
|
852
|
-
/* DEPRECATED: use
|
|
862
|
+
/* DEPRECATED: use `.wds-text-title-subsection` instead */
|
|
853
863
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
854
864
|
.h3,
|
|
855
865
|
.title-3,
|
|
856
866
|
h3,
|
|
867
|
+
.np-text-title-subsection,
|
|
868
|
+
.wds-text-title-subsection,
|
|
869
|
+
.h3,
|
|
870
|
+
.title-3,
|
|
871
|
+
h3,
|
|
857
872
|
.np-text-title-subsection {
|
|
858
873
|
margin-block-end: initial;
|
|
859
874
|
}
|
|
860
|
-
/* DEPRECATED: use
|
|
875
|
+
/* DEPRECATED: use `.wds-text-title-body` instead */
|
|
861
876
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
862
|
-
/* DEPRECATED: use
|
|
877
|
+
/* DEPRECATED: use `.wds-text-title-group` instead */
|
|
863
878
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
864
|
-
/* DEPRECATED: use
|
|
879
|
+
/* DEPRECATED: use `.wds-text-title-body` instead */
|
|
865
880
|
.lead {
|
|
866
881
|
margin-block-end: 24px;
|
|
867
882
|
margin-block-end: var(--size-24);
|
|
@@ -874,7 +889,7 @@ h3,
|
|
|
874
889
|
color: #5d7079;
|
|
875
890
|
color: var(--color-content-secondary);
|
|
876
891
|
}
|
|
877
|
-
/* DEPRECATED: use
|
|
892
|
+
/* DEPRECATED: use `.wds-text-body-default` instead */
|
|
878
893
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
879
894
|
.body-2,
|
|
880
895
|
.body-3,
|
|
@@ -882,10 +897,34 @@ h3,
|
|
|
882
897
|
.tiny,
|
|
883
898
|
body,
|
|
884
899
|
small,
|
|
900
|
+
.np-text-body-default,
|
|
901
|
+
.wds-text-body-default,
|
|
902
|
+
.body-2,
|
|
903
|
+
.body-3,
|
|
904
|
+
.small,
|
|
905
|
+
.tiny,
|
|
906
|
+
body,
|
|
907
|
+
small,
|
|
885
908
|
.np-text-body-default {
|
|
886
909
|
word-wrap: break-word;
|
|
887
910
|
}
|
|
888
911
|
@supports (hyphenate-limit-chars: 1) {
|
|
912
|
+
.body-2,
|
|
913
|
+
.body-3,
|
|
914
|
+
.small,
|
|
915
|
+
.tiny,
|
|
916
|
+
body,
|
|
917
|
+
small,
|
|
918
|
+
.np-text-body-default,
|
|
919
|
+
.wds-text-body-default,
|
|
920
|
+
.body-2,
|
|
921
|
+
.body-3,
|
|
922
|
+
.small,
|
|
923
|
+
.tiny,
|
|
924
|
+
body,
|
|
925
|
+
small,
|
|
926
|
+
.np-text-body-default,
|
|
927
|
+
.wds-text-body-default,
|
|
889
928
|
.body-2,
|
|
890
929
|
.body-3,
|
|
891
930
|
.small,
|
|
@@ -897,6 +936,22 @@ small,
|
|
|
897
936
|
hyphenate-limit-chars: 7 3;
|
|
898
937
|
}
|
|
899
938
|
@media (min-width: 840px) {
|
|
939
|
+
.body-2,
|
|
940
|
+
.body-3,
|
|
941
|
+
.small,
|
|
942
|
+
.tiny,
|
|
943
|
+
body,
|
|
944
|
+
small,
|
|
945
|
+
.np-text-body-default,
|
|
946
|
+
.wds-text-body-default,
|
|
947
|
+
.body-2,
|
|
948
|
+
.body-3,
|
|
949
|
+
.small,
|
|
950
|
+
.tiny,
|
|
951
|
+
body,
|
|
952
|
+
small,
|
|
953
|
+
.np-text-body-default,
|
|
954
|
+
.wds-text-body-default,
|
|
900
955
|
.body-2,
|
|
901
956
|
.body-3,
|
|
902
957
|
.small,
|
|
@@ -908,6 +963,22 @@ small,
|
|
|
908
963
|
}
|
|
909
964
|
}
|
|
910
965
|
@media (min-width: 1160px) {
|
|
966
|
+
.body-2,
|
|
967
|
+
.body-3,
|
|
968
|
+
.small,
|
|
969
|
+
.tiny,
|
|
970
|
+
body,
|
|
971
|
+
small,
|
|
972
|
+
.np-text-body-default,
|
|
973
|
+
.wds-text-body-default,
|
|
974
|
+
.body-2,
|
|
975
|
+
.body-3,
|
|
976
|
+
.small,
|
|
977
|
+
.tiny,
|
|
978
|
+
body,
|
|
979
|
+
small,
|
|
980
|
+
.np-text-body-default,
|
|
981
|
+
.wds-text-body-default,
|
|
911
982
|
.body-2,
|
|
912
983
|
.body-3,
|
|
913
984
|
.small,
|
|
@@ -920,6 +991,22 @@ small,
|
|
|
920
991
|
}
|
|
921
992
|
}
|
|
922
993
|
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
|
|
994
|
+
.body-2,
|
|
995
|
+
.body-3,
|
|
996
|
+
.small,
|
|
997
|
+
.tiny,
|
|
998
|
+
body,
|
|
999
|
+
small,
|
|
1000
|
+
.np-text-body-default,
|
|
1001
|
+
.wds-text-body-default,
|
|
1002
|
+
.body-2,
|
|
1003
|
+
.body-3,
|
|
1004
|
+
.small,
|
|
1005
|
+
.tiny,
|
|
1006
|
+
body,
|
|
1007
|
+
small,
|
|
1008
|
+
.np-text-body-default,
|
|
1009
|
+
.wds-text-body-default,
|
|
923
1010
|
.body-2,
|
|
924
1011
|
.body-3,
|
|
925
1012
|
.small,
|
|
@@ -932,6 +1019,22 @@ small,
|
|
|
932
1019
|
-webkit-hyphenate-limit-after: 3;
|
|
933
1020
|
}
|
|
934
1021
|
@media (min-width: 1160px) {
|
|
1022
|
+
.body-2,
|
|
1023
|
+
.body-3,
|
|
1024
|
+
.small,
|
|
1025
|
+
.tiny,
|
|
1026
|
+
body,
|
|
1027
|
+
small,
|
|
1028
|
+
.np-text-body-default,
|
|
1029
|
+
.wds-text-body-default,
|
|
1030
|
+
.body-2,
|
|
1031
|
+
.body-3,
|
|
1032
|
+
.small,
|
|
1033
|
+
.tiny,
|
|
1034
|
+
body,
|
|
1035
|
+
small,
|
|
1036
|
+
.np-text-body-default,
|
|
1037
|
+
.wds-text-body-default,
|
|
935
1038
|
.body-2,
|
|
936
1039
|
.body-3,
|
|
937
1040
|
.small,
|
|
@@ -943,15 +1046,30 @@ small,
|
|
|
943
1046
|
}
|
|
944
1047
|
}
|
|
945
1048
|
}
|
|
946
|
-
/* DEPRECATED: use
|
|
1049
|
+
/* DEPRECATED: use `.wds-text-body-default-bold` instead */
|
|
947
1050
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
948
1051
|
.control-2,
|
|
949
1052
|
.label,
|
|
950
1053
|
.control-label,
|
|
1054
|
+
.np-text-body-default-bold,
|
|
1055
|
+
.wds-text-body-default-bold,
|
|
1056
|
+
.control-2,
|
|
1057
|
+
.label,
|
|
1058
|
+
.control-label,
|
|
951
1059
|
.np-text-body-default-bold {
|
|
952
1060
|
word-wrap: break-word;
|
|
953
1061
|
}
|
|
954
1062
|
@supports (hyphenate-limit-chars: 1) {
|
|
1063
|
+
.control-2,
|
|
1064
|
+
.label,
|
|
1065
|
+
.control-label,
|
|
1066
|
+
.np-text-body-default-bold,
|
|
1067
|
+
.wds-text-body-default-bold,
|
|
1068
|
+
.control-2,
|
|
1069
|
+
.label,
|
|
1070
|
+
.control-label,
|
|
1071
|
+
.np-text-body-default-bold,
|
|
1072
|
+
.wds-text-body-default-bold,
|
|
955
1073
|
.control-2,
|
|
956
1074
|
.label,
|
|
957
1075
|
.control-label,
|
|
@@ -960,6 +1078,16 @@ small,
|
|
|
960
1078
|
hyphenate-limit-chars: 7 3;
|
|
961
1079
|
}
|
|
962
1080
|
@media (min-width: 840px) {
|
|
1081
|
+
.control-2,
|
|
1082
|
+
.label,
|
|
1083
|
+
.control-label,
|
|
1084
|
+
.np-text-body-default-bold,
|
|
1085
|
+
.wds-text-body-default-bold,
|
|
1086
|
+
.control-2,
|
|
1087
|
+
.label,
|
|
1088
|
+
.control-label,
|
|
1089
|
+
.np-text-body-default-bold,
|
|
1090
|
+
.wds-text-body-default-bold,
|
|
963
1091
|
.control-2,
|
|
964
1092
|
.label,
|
|
965
1093
|
.control-label,
|
|
@@ -968,6 +1096,16 @@ small,
|
|
|
968
1096
|
}
|
|
969
1097
|
}
|
|
970
1098
|
@media (min-width: 1160px) {
|
|
1099
|
+
.control-2,
|
|
1100
|
+
.label,
|
|
1101
|
+
.control-label,
|
|
1102
|
+
.np-text-body-default-bold,
|
|
1103
|
+
.wds-text-body-default-bold,
|
|
1104
|
+
.control-2,
|
|
1105
|
+
.label,
|
|
1106
|
+
.control-label,
|
|
1107
|
+
.np-text-body-default-bold,
|
|
1108
|
+
.wds-text-body-default-bold,
|
|
971
1109
|
.control-2,
|
|
972
1110
|
.label,
|
|
973
1111
|
.control-label,
|
|
@@ -977,6 +1115,16 @@ small,
|
|
|
977
1115
|
}
|
|
978
1116
|
}
|
|
979
1117
|
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
|
|
1118
|
+
.control-2,
|
|
1119
|
+
.label,
|
|
1120
|
+
.control-label,
|
|
1121
|
+
.np-text-body-default-bold,
|
|
1122
|
+
.wds-text-body-default-bold,
|
|
1123
|
+
.control-2,
|
|
1124
|
+
.label,
|
|
1125
|
+
.control-label,
|
|
1126
|
+
.np-text-body-default-bold,
|
|
1127
|
+
.wds-text-body-default-bold,
|
|
980
1128
|
.control-2,
|
|
981
1129
|
.label,
|
|
982
1130
|
.control-label,
|
|
@@ -986,6 +1134,16 @@ small,
|
|
|
986
1134
|
-webkit-hyphenate-limit-after: 3;
|
|
987
1135
|
}
|
|
988
1136
|
@media (min-width: 1160px) {
|
|
1137
|
+
.control-2,
|
|
1138
|
+
.label,
|
|
1139
|
+
.control-label,
|
|
1140
|
+
.np-text-body-default-bold,
|
|
1141
|
+
.wds-text-body-default-bold,
|
|
1142
|
+
.control-2,
|
|
1143
|
+
.label,
|
|
1144
|
+
.control-label,
|
|
1145
|
+
.np-text-body-default-bold,
|
|
1146
|
+
.wds-text-body-default-bold,
|
|
989
1147
|
.control-2,
|
|
990
1148
|
.label,
|
|
991
1149
|
.control-label,
|
|
@@ -994,14 +1152,26 @@ small,
|
|
|
994
1152
|
}
|
|
995
1153
|
}
|
|
996
1154
|
}
|
|
997
|
-
/* DEPRECATED: use
|
|
1155
|
+
/* DEPRECATED: use `.wds-text-body-large` instead */
|
|
998
1156
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
999
1157
|
.body-1,
|
|
1000
1158
|
.value,
|
|
1159
|
+
.np-text-body-large,
|
|
1160
|
+
.wds-text-body-large,
|
|
1161
|
+
.body-1,
|
|
1162
|
+
.value,
|
|
1001
1163
|
.np-text-body-large {
|
|
1002
1164
|
word-wrap: break-word;
|
|
1003
1165
|
}
|
|
1004
1166
|
@supports (hyphenate-limit-chars: 1) {
|
|
1167
|
+
.body-1,
|
|
1168
|
+
.value,
|
|
1169
|
+
.np-text-body-large,
|
|
1170
|
+
.wds-text-body-large,
|
|
1171
|
+
.body-1,
|
|
1172
|
+
.value,
|
|
1173
|
+
.np-text-body-large,
|
|
1174
|
+
.wds-text-body-large,
|
|
1005
1175
|
.body-1,
|
|
1006
1176
|
.value,
|
|
1007
1177
|
.np-text-body-large {
|
|
@@ -1009,6 +1179,14 @@ small,
|
|
|
1009
1179
|
hyphenate-limit-chars: 7 3;
|
|
1010
1180
|
}
|
|
1011
1181
|
@media (min-width: 840px) {
|
|
1182
|
+
.body-1,
|
|
1183
|
+
.value,
|
|
1184
|
+
.np-text-body-large,
|
|
1185
|
+
.wds-text-body-large,
|
|
1186
|
+
.body-1,
|
|
1187
|
+
.value,
|
|
1188
|
+
.np-text-body-large,
|
|
1189
|
+
.wds-text-body-large,
|
|
1012
1190
|
.body-1,
|
|
1013
1191
|
.value,
|
|
1014
1192
|
.np-text-body-large {
|
|
@@ -1016,6 +1194,14 @@ small,
|
|
|
1016
1194
|
}
|
|
1017
1195
|
}
|
|
1018
1196
|
@media (min-width: 1160px) {
|
|
1197
|
+
.body-1,
|
|
1198
|
+
.value,
|
|
1199
|
+
.np-text-body-large,
|
|
1200
|
+
.wds-text-body-large,
|
|
1201
|
+
.body-1,
|
|
1202
|
+
.value,
|
|
1203
|
+
.np-text-body-large,
|
|
1204
|
+
.wds-text-body-large,
|
|
1019
1205
|
.body-1,
|
|
1020
1206
|
.value,
|
|
1021
1207
|
.np-text-body-large {
|
|
@@ -1024,6 +1210,14 @@ small,
|
|
|
1024
1210
|
}
|
|
1025
1211
|
}
|
|
1026
1212
|
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
|
|
1213
|
+
.body-1,
|
|
1214
|
+
.value,
|
|
1215
|
+
.np-text-body-large,
|
|
1216
|
+
.wds-text-body-large,
|
|
1217
|
+
.body-1,
|
|
1218
|
+
.value,
|
|
1219
|
+
.np-text-body-large,
|
|
1220
|
+
.wds-text-body-large,
|
|
1027
1221
|
.body-1,
|
|
1028
1222
|
.value,
|
|
1029
1223
|
.np-text-body-large {
|
|
@@ -1032,6 +1226,14 @@ small,
|
|
|
1032
1226
|
-webkit-hyphenate-limit-after: 3;
|
|
1033
1227
|
}
|
|
1034
1228
|
@media (min-width: 1160px) {
|
|
1229
|
+
.body-1,
|
|
1230
|
+
.value,
|
|
1231
|
+
.np-text-body-large,
|
|
1232
|
+
.wds-text-body-large,
|
|
1233
|
+
.body-1,
|
|
1234
|
+
.value,
|
|
1235
|
+
.np-text-body-large,
|
|
1236
|
+
.wds-text-body-large,
|
|
1035
1237
|
.body-1,
|
|
1036
1238
|
.value,
|
|
1037
1239
|
.np-text-body-large {
|
|
@@ -1039,25 +1241,46 @@ small,
|
|
|
1039
1241
|
}
|
|
1040
1242
|
}
|
|
1041
1243
|
}
|
|
1042
|
-
/* DEPRECATED: use
|
|
1244
|
+
/* DEPRECATED: use `.wds-text-body-large-bold` instead */
|
|
1043
1245
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
1044
1246
|
.control-1,
|
|
1247
|
+
.np-text-body-large-bold,
|
|
1248
|
+
.wds-text-body-large-bold,
|
|
1249
|
+
.control-1,
|
|
1045
1250
|
.np-text-body-large-bold {
|
|
1046
1251
|
word-wrap: break-word;
|
|
1047
1252
|
}
|
|
1048
1253
|
@supports (hyphenate-limit-chars: 1) {
|
|
1254
|
+
.control-1,
|
|
1255
|
+
.np-text-body-large-bold,
|
|
1256
|
+
.wds-text-body-large-bold,
|
|
1257
|
+
.control-1,
|
|
1258
|
+
.np-text-body-large-bold,
|
|
1259
|
+
.wds-text-body-large-bold,
|
|
1049
1260
|
.control-1,
|
|
1050
1261
|
.np-text-body-large-bold {
|
|
1051
1262
|
hyphens: auto;
|
|
1052
1263
|
hyphenate-limit-chars: 7 3;
|
|
1053
1264
|
}
|
|
1054
1265
|
@media (min-width: 840px) {
|
|
1266
|
+
.control-1,
|
|
1267
|
+
.np-text-body-large-bold,
|
|
1268
|
+
.wds-text-body-large-bold,
|
|
1269
|
+
.control-1,
|
|
1270
|
+
.np-text-body-large-bold,
|
|
1271
|
+
.wds-text-body-large-bold,
|
|
1055
1272
|
.control-1,
|
|
1056
1273
|
.np-text-body-large-bold {
|
|
1057
1274
|
hyphenate-limit-chars: 8 3;
|
|
1058
1275
|
}
|
|
1059
1276
|
}
|
|
1060
1277
|
@media (min-width: 1160px) {
|
|
1278
|
+
.control-1,
|
|
1279
|
+
.np-text-body-large-bold,
|
|
1280
|
+
.wds-text-body-large-bold,
|
|
1281
|
+
.control-1,
|
|
1282
|
+
.np-text-body-large-bold,
|
|
1283
|
+
.wds-text-body-large-bold,
|
|
1061
1284
|
.control-1,
|
|
1062
1285
|
.np-text-body-large-bold {
|
|
1063
1286
|
hyphenate-limit-chars: 10 4 3;
|
|
@@ -1065,6 +1288,12 @@ small,
|
|
|
1065
1288
|
}
|
|
1066
1289
|
}
|
|
1067
1290
|
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
|
|
1291
|
+
.control-1,
|
|
1292
|
+
.np-text-body-large-bold,
|
|
1293
|
+
.wds-text-body-large-bold,
|
|
1294
|
+
.control-1,
|
|
1295
|
+
.np-text-body-large-bold,
|
|
1296
|
+
.wds-text-body-large-bold,
|
|
1068
1297
|
.control-1,
|
|
1069
1298
|
.np-text-body-large-bold {
|
|
1070
1299
|
hyphens: auto;
|
|
@@ -1072,6 +1301,12 @@ small,
|
|
|
1072
1301
|
-webkit-hyphenate-limit-after: 3;
|
|
1073
1302
|
}
|
|
1074
1303
|
@media (min-width: 1160px) {
|
|
1304
|
+
.control-1,
|
|
1305
|
+
.np-text-body-large-bold,
|
|
1306
|
+
.wds-text-body-large-bold,
|
|
1307
|
+
.control-1,
|
|
1308
|
+
.np-text-body-large-bold,
|
|
1309
|
+
.wds-text-body-large-bold,
|
|
1075
1310
|
.control-1,
|
|
1076
1311
|
.np-text-body-large-bold {
|
|
1077
1312
|
-webkit-hyphenate-limit-before: 4;
|