@transferwise/components 0.0.0-experimental-feef95e → 0.0.0-experimental-1bb5459

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 (95) hide show
  1. package/build/SentimentSurface/SentimentSurface.js +2 -1
  2. package/build/SentimentSurface/SentimentSurface.js.map +1 -1
  3. package/build/SentimentSurface/SentimentSurface.mjs +2 -1
  4. package/build/SentimentSurface/SentimentSurface.mjs.map +1 -1
  5. package/build/Tag/Tag.js +42 -0
  6. package/build/Tag/Tag.js.map +1 -0
  7. package/build/Tag/Tag.mjs +38 -0
  8. package/build/Tag/Tag.mjs.map +1 -0
  9. package/build/index.js +2 -0
  10. package/build/index.js.map +1 -1
  11. package/build/index.mjs +1 -0
  12. package/build/index.mjs.map +1 -1
  13. package/build/main.css +57 -809
  14. package/build/styles/Inputs/Input/Input.css +0 -84
  15. package/build/styles/Inputs/TextArea/TextArea.css +0 -84
  16. package/build/styles/Tag/Tag.css +35 -0
  17. package/build/styles/_deprecated/Select/Select.css +0 -28
  18. package/build/styles/css/accordion.css +0 -28
  19. package/build/styles/css/button-groups.css +0 -28
  20. package/build/styles/css/buttons.css +0 -28
  21. package/build/styles/css/decision.css +0 -28
  22. package/build/styles/css/dropdowns.css +0 -56
  23. package/build/styles/css/droppable.css +0 -28
  24. package/build/styles/css/footer.css +0 -61
  25. package/build/styles/css/input-groups.css +0 -183
  26. package/build/styles/css/navbar.css +0 -56
  27. package/build/styles/css/neptune-core.css +0 -179
  28. package/build/styles/css/neptune.css +0 -675
  29. package/build/styles/css/popovers.css +0 -56
  30. package/build/styles/css/tooltip.css +0 -28
  31. package/build/styles/main.css +57 -809
  32. package/build/styles/styles/less/accordion.css +0 -28
  33. package/build/styles/styles/less/button-groups.css +0 -28
  34. package/build/styles/styles/less/buttons.css +0 -28
  35. package/build/styles/styles/less/decision.css +0 -28
  36. package/build/styles/styles/less/dropdowns.css +0 -56
  37. package/build/styles/styles/less/droppable.css +0 -28
  38. package/build/styles/styles/less/footer.css +0 -61
  39. package/build/styles/styles/less/forms/bootstrap-forms.css +0 -112
  40. package/build/styles/styles/less/input-groups.css +0 -183
  41. package/build/styles/styles/less/navbar.css +0 -56
  42. package/build/styles/styles/less/neptune-core.css +0 -179
  43. package/build/styles/styles/less/neptune.css +0 -675
  44. package/build/styles/styles/less/popovers.css +0 -56
  45. package/build/styles/styles/less/tooltip.css +0 -28
  46. package/build/types/SentimentSurface/SentimentSurface.d.ts +1 -0
  47. package/build/types/SentimentSurface/SentimentSurface.d.ts.map +1 -1
  48. package/build/types/SentimentSurface/SentimentSurface.types.d.ts +9 -0
  49. package/build/types/SentimentSurface/SentimentSurface.types.d.ts.map +1 -1
  50. package/build/types/SentimentSurface/index.d.ts +1 -1
  51. package/build/types/SentimentSurface/index.d.ts.map +1 -1
  52. package/build/types/Tag/Tag.d.ts +24 -0
  53. package/build/types/Tag/Tag.d.ts.map +1 -0
  54. package/build/types/Tag/Tag.types.d.ts +39 -0
  55. package/build/types/Tag/Tag.types.d.ts.map +1 -0
  56. package/build/types/Tag/index.d.ts +3 -0
  57. package/build/types/Tag/index.d.ts.map +1 -0
  58. package/build/types/index.d.ts +3 -1
  59. package/build/types/index.d.ts.map +1 -1
  60. package/package.json +1 -1
  61. package/src/Inputs/Input/Input.css +0 -84
  62. package/src/Inputs/TextArea/TextArea.css +0 -84
  63. package/src/SentimentSurface/SentimentSurface.test.tsx +24 -0
  64. package/src/SentimentSurface/SentimentSurface.tsx +3 -1
  65. package/src/SentimentSurface/SentimentSurface.types.ts +11 -0
  66. package/src/SentimentSurface/_stories/SentimentSurface.story.tsx +10 -0
  67. package/src/SentimentSurface/index.ts +1 -0
  68. package/src/Tag/Tag.css +35 -0
  69. package/src/Tag/Tag.less +35 -0
  70. package/src/Tag/Tag.test.tsx +72 -0
  71. package/src/Tag/Tag.tsx +60 -0
  72. package/src/Tag/Tag.types.ts +46 -0
  73. package/src/Tag/_stories/Tag.story.tsx +245 -0
  74. package/src/Tag/_stories/Tag.test.story.tsx +120 -0
  75. package/src/Tag/index.ts +2 -0
  76. package/src/_deprecated/Select/Select.css +0 -28
  77. package/src/index.ts +3 -0
  78. package/src/main.css +57 -809
  79. package/src/main.less +1 -0
  80. package/src/styles/less/accordion.css +0 -28
  81. package/src/styles/less/button-groups.css +0 -28
  82. package/src/styles/less/buttons.css +0 -28
  83. package/src/styles/less/core/_typography.less +0 -12
  84. package/src/styles/less/decision.css +0 -28
  85. package/src/styles/less/dropdowns.css +0 -56
  86. package/src/styles/less/droppable.css +0 -28
  87. package/src/styles/less/footer.css +0 -61
  88. package/src/styles/less/forms/bootstrap-forms.css +0 -112
  89. package/src/styles/less/input-groups.css +0 -183
  90. package/src/styles/less/navbar.css +0 -56
  91. package/src/styles/less/neptune-core.css +0 -179
  92. package/src/styles/less/neptune.css +0 -675
  93. package/src/styles/less/popovers.css +0 -56
  94. package/src/styles/less/tooltip.css +0 -28
  95. package/src/test-utils/assets/card-payment-bakery.webp +0 -0
package/build/styles/styles/less/navbar.css CHANGED
@@ -147,34 +147,6 @@
147
147
  transform: translateY(-10px) scale(0.95, 0.95);
148
148
  visibility: hidden;
149
149
  }
150
- @supports (hyphenate-limit-chars: 1) {
151
- .dropdown-menu {
152
- hyphens: auto;
153
- hyphenate-limit-chars: 7 3;
154
- }
155
- @media (min-width: 840px) {
156
- .dropdown-menu {
157
- hyphenate-limit-chars: 8 3;
158
- }
159
- }
160
- @media (min-width: 1160px) {
161
- .dropdown-menu {
162
- hyphenate-limit-chars: 10 4 3;
163
- }
164
- }
165
- }
166
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
167
- .dropdown-menu {
168
- hyphens: auto;
169
- -webkit-hyphenate-limit-before: 3;
170
- -webkit-hyphenate-limit-after: 3;
171
- }
172
- @media (min-width: 1160px) {
173
- .dropdown-menu {
174
- -webkit-hyphenate-limit-before: 4;
175
- }
176
- }
177
- }
178
150
  .np-theme-personal .dropdown-menu,
179
151
  .np-theme-personal--forest-green .dropdown-menu,
180
152
  .np-theme-personal--dark .dropdown-menu {
@@ -220,34 +192,6 @@
220
192
  color: var(--color-content-primary);
221
193
  white-space: nowrap;
222
194
  }
223
- @supports (hyphenate-limit-chars: 1) {
224
- .dropdown-menu > li > a {
225
- hyphens: auto;
226
- hyphenate-limit-chars: 7 3;
227
- }
228
- @media (min-width: 840px) {
229
- .dropdown-menu > li > a {
230
- hyphenate-limit-chars: 8 3;
231
- }
232
- }
233
- @media (min-width: 1160px) {
234
- .dropdown-menu > li > a {
235
- hyphenate-limit-chars: 10 4 3;
236
- }
237
- }
238
- }
239
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
240
- .dropdown-menu > li > a {
241
- hyphens: auto;
242
- -webkit-hyphenate-limit-before: 3;
243
- -webkit-hyphenate-limit-after: 3;
244
- }
245
- @media (min-width: 1160px) {
246
- .dropdown-menu > li > a {
247
- -webkit-hyphenate-limit-before: 4;
248
- }
249
- }
250
- }
251
195
  .dropdown-menu > li > a .secondary {
252
196
  display: block;
253
197
  white-space: normal;
package/build/styles/styles/less/neptune-core.css CHANGED
@@ -962,64 +962,6 @@ small,
962
962
  font-weight: 400;
963
963
  font-weight: var(--font-weight-regular);
964
964
  }
965
- @supports (hyphenate-limit-chars: 1) {
966
- .body-2,
967
- .body-3,
968
- .small,
969
- .tiny,
970
- body,
971
- small,
972
- .np-text-body-default {
973
- hyphens: auto;
974
- hyphenate-limit-chars: 7 3;
975
- }
976
- @media (min-width: 840px) {
977
- .body-2,
978
- .body-3,
979
- .small,
980
- .tiny,
981
- body,
982
- small,
983
- .np-text-body-default {
984
- hyphenate-limit-chars: 8 3;
985
- }
986
- }
987
- @media (min-width: 1160px) {
988
- .body-2,
989
- .body-3,
990
- .small,
991
- .tiny,
992
- body,
993
- small,
994
- .np-text-body-default {
995
- hyphenate-limit-chars: 10 4 3;
996
- }
997
- }
998
- }
999
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1000
- .body-2,
1001
- .body-3,
1002
- .small,
1003
- .tiny,
1004
- body,
1005
- small,
1006
- .np-text-body-default {
1007
- hyphens: auto;
1008
- -webkit-hyphenate-limit-before: 3;
1009
- -webkit-hyphenate-limit-after: 3;
1010
- }
1011
- @media (min-width: 1160px) {
1012
- .body-2,
1013
- .body-3,
1014
- .small,
1015
- .tiny,
1016
- body,
1017
- small,
1018
- .np-text-body-default {
1019
- -webkit-hyphenate-limit-before: 4;
1020
- }
1021
- }
1022
- }
1023
965
  /* DEPRECATED: use .np-text-body-default-bold instead */
1024
966
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1025
967
  .control-2,
@@ -1033,49 +975,6 @@ small,
1033
975
  font-weight: 600;
1034
976
  font-weight: var(--font-weight-semi-bold);
1035
977
  }
1036
- @supports (hyphenate-limit-chars: 1) {
1037
- .control-2,
1038
- .label,
1039
- .control-label,
1040
- .np-text-body-default-bold {
1041
- hyphens: auto;
1042
- hyphenate-limit-chars: 7 3;
1043
- }
1044
- @media (min-width: 840px) {
1045
- .control-2,
1046
- .label,
1047
- .control-label,
1048
- .np-text-body-default-bold {
1049
- hyphenate-limit-chars: 8 3;
1050
- }
1051
- }
1052
- @media (min-width: 1160px) {
1053
- .control-2,
1054
- .label,
1055
- .control-label,
1056
- .np-text-body-default-bold {
1057
- hyphenate-limit-chars: 10 4 3;
1058
- }
1059
- }
1060
- }
1061
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1062
- .control-2,
1063
- .label,
1064
- .control-label,
1065
- .np-text-body-default-bold {
1066
- hyphens: auto;
1067
- -webkit-hyphenate-limit-before: 3;
1068
- -webkit-hyphenate-limit-after: 3;
1069
- }
1070
- @media (min-width: 1160px) {
1071
- .control-2,
1072
- .label,
1073
- .control-label,
1074
- .np-text-body-default-bold {
1075
- -webkit-hyphenate-limit-before: 4;
1076
- }
1077
- }
1078
- }
1079
978
  /* DEPRECATED: use .np-text-body-large instead */
1080
979
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1081
980
  .body-1,
@@ -1088,44 +987,6 @@ small,
1088
987
  line-height: 150%;
1089
988
  letter-spacing: -0.011em;
1090
989
  }
1091
- @supports (hyphenate-limit-chars: 1) {
1092
- .body-1,
1093
- .value,
1094
- .np-text-body-large {
1095
- hyphens: auto;
1096
- hyphenate-limit-chars: 7 3;
1097
- }
1098
- @media (min-width: 840px) {
1099
- .body-1,
1100
- .value,
1101
- .np-text-body-large {
1102
- hyphenate-limit-chars: 8 3;
1103
- }
1104
- }
1105
- @media (min-width: 1160px) {
1106
- .body-1,
1107
- .value,
1108
- .np-text-body-large {
1109
- hyphenate-limit-chars: 10 4 3;
1110
- }
1111
- }
1112
- }
1113
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1114
- .body-1,
1115
- .value,
1116
- .np-text-body-large {
1117
- hyphens: auto;
1118
- -webkit-hyphenate-limit-before: 3;
1119
- -webkit-hyphenate-limit-after: 3;
1120
- }
1121
- @media (min-width: 1160px) {
1122
- .body-1,
1123
- .value,
1124
- .np-text-body-large {
1125
- -webkit-hyphenate-limit-before: 4;
1126
- }
1127
- }
1128
- }
1129
990
  /* DEPRECATED: use np-text-body-large-bold instead */
1130
991
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1131
992
  .control-1,
@@ -1137,39 +998,6 @@ small,
1137
998
  line-height: 150%;
1138
999
  letter-spacing: -0.011em;
1139
1000
  }
1140
- @supports (hyphenate-limit-chars: 1) {
1141
- .control-1,
1142
- .np-text-body-large-bold {
1143
- hyphens: auto;
1144
- hyphenate-limit-chars: 7 3;
1145
- }
1146
- @media (min-width: 840px) {
1147
- .control-1,
1148
- .np-text-body-large-bold {
1149
- hyphenate-limit-chars: 8 3;
1150
- }
1151
- }
1152
- @media (min-width: 1160px) {
1153
- .control-1,
1154
- .np-text-body-large-bold {
1155
- hyphenate-limit-chars: 10 4 3;
1156
- }
1157
- }
1158
- }
1159
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1160
- .control-1,
1161
- .np-text-body-large-bold {
1162
- hyphens: auto;
1163
- -webkit-hyphenate-limit-before: 3;
1164
- -webkit-hyphenate-limit-after: 3;
1165
- }
1166
- @media (min-width: 1160px) {
1167
- .control-1,
1168
- .np-text-body-large-bold {
1169
- -webkit-hyphenate-limit-before: 4;
1170
- }
1171
- }
1172
- }
1173
1001
  a,
1174
1002
  .np-text-link-default,
1175
1003
  .np-text-link-large {
@@ -1363,13 +1191,6 @@ a,
1363
1191
  font-weight: 400;
1364
1192
  font-weight: var(--font-weight-regular);
1365
1193
  }
1366
- /* Disable hyphenation for Japanese, Thai, and Chinese — these languages use character-level breaks and should never insert hyphens. */
1367
- :lang(ja),
1368
- :lang(th),
1369
- :lang(zh-CN),
1370
- :lang(zh-HK) {
1371
- hyphens: none;
1372
- }
1373
1194
  :lang(af) .np-text-display-extra-large,
1374
1195
  :lang(sq) .np-text-display-extra-large,
1375
1196
  :lang(eu) .np-text-display-extra-large,