@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
@@ -2939,64 +2939,6 @@ small,
2939
2939
  font-weight: 400;
2940
2940
  font-weight: var(--font-weight-regular);
2941
2941
  }
2942
- @supports (hyphenate-limit-chars: 1) {
2943
- .body-2,
2944
- .body-3,
2945
- .small,
2946
- .tiny,
2947
- body,
2948
- small,
2949
- .np-text-body-default {
2950
- hyphens: auto;
2951
- hyphenate-limit-chars: 7 3;
2952
- }
2953
- @media (min-width: 840px) {
2954
- .body-2,
2955
- .body-3,
2956
- .small,
2957
- .tiny,
2958
- body,
2959
- small,
2960
- .np-text-body-default {
2961
- hyphenate-limit-chars: 8 3;
2962
- }
2963
- }
2964
- @media (min-width: 1160px) {
2965
- .body-2,
2966
- .body-3,
2967
- .small,
2968
- .tiny,
2969
- body,
2970
- small,
2971
- .np-text-body-default {
2972
- hyphenate-limit-chars: 10 4 3;
2973
- }
2974
- }
2975
- }
2976
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2977
- .body-2,
2978
- .body-3,
2979
- .small,
2980
- .tiny,
2981
- body,
2982
- small,
2983
- .np-text-body-default {
2984
- hyphens: auto;
2985
- -webkit-hyphenate-limit-before: 3;
2986
- -webkit-hyphenate-limit-after: 3;
2987
- }
2988
- @media (min-width: 1160px) {
2989
- .body-2,
2990
- .body-3,
2991
- .small,
2992
- .tiny,
2993
- body,
2994
- small,
2995
- .np-text-body-default {
2996
- -webkit-hyphenate-limit-before: 4;
2997
- }
2998
- }
2999
- }
3000
2942
  /* DEPRECATED: use .np-text-body-default-bold instead */
3001
2943
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3002
2944
  .control-2,
@@ -3010,49 +2952,6 @@ small,
3010
2952
  font-weight: 600;
3011
2953
  font-weight: var(--font-weight-semi-bold);
3012
2954
  }
3013
- @supports (hyphenate-limit-chars: 1) {
3014
- .control-2,
3015
- .label,
3016
- .control-label,
3017
- .np-text-body-default-bold {
3018
- hyphens: auto;
3019
- hyphenate-limit-chars: 7 3;
3020
- }
3021
- @media (min-width: 840px) {
3022
- .control-2,
3023
- .label,
3024
- .control-label,
3025
- .np-text-body-default-bold {
3026
- hyphenate-limit-chars: 8 3;
3027
- }
3028
- }
3029
- @media (min-width: 1160px) {
3030
- .control-2,
3031
- .label,
3032
- .control-label,
3033
- .np-text-body-default-bold {
3034
- hyphenate-limit-chars: 10 4 3;
3035
- }
3036
- }
3037
- }
3038
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3039
- .control-2,
3040
- .label,
3041
- .control-label,
3042
- .np-text-body-default-bold {
3043
- hyphens: auto;
3044
- -webkit-hyphenate-limit-before: 3;
3045
- -webkit-hyphenate-limit-after: 3;
3046
- }
3047
- @media (min-width: 1160px) {
3048
- .control-2,
3049
- .label,
3050
- .control-label,
3051
- .np-text-body-default-bold {
3052
- -webkit-hyphenate-limit-before: 4;
3053
- }
3054
- }
3055
- }
3056
2955
  /* DEPRECATED: use .np-text-body-large instead */
3057
2956
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3058
2957
  .body-1,
@@ -3065,44 +2964,6 @@ small,
3065
2964
  line-height: 150%;
3066
2965
  letter-spacing: -0.011em;
3067
2966
  }
3068
- @supports (hyphenate-limit-chars: 1) {
3069
- .body-1,
3070
- .value,
3071
- .np-text-body-large {
3072
- hyphens: auto;
3073
- hyphenate-limit-chars: 7 3;
3074
- }
3075
- @media (min-width: 840px) {
3076
- .body-1,
3077
- .value,
3078
- .np-text-body-large {
3079
- hyphenate-limit-chars: 8 3;
3080
- }
3081
- }
3082
- @media (min-width: 1160px) {
3083
- .body-1,
3084
- .value,
3085
- .np-text-body-large {
3086
- hyphenate-limit-chars: 10 4 3;
3087
- }
3088
- }
3089
- }
3090
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3091
- .body-1,
3092
- .value,
3093
- .np-text-body-large {
3094
- hyphens: auto;
3095
- -webkit-hyphenate-limit-before: 3;
3096
- -webkit-hyphenate-limit-after: 3;
3097
- }
3098
- @media (min-width: 1160px) {
3099
- .body-1,
3100
- .value,
3101
- .np-text-body-large {
3102
- -webkit-hyphenate-limit-before: 4;
3103
- }
3104
- }
3105
- }
3106
2967
  /* DEPRECATED: use np-text-body-large-bold instead */
3107
2968
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3108
2969
  .control-1,
@@ -3114,39 +2975,6 @@ small,
3114
2975
  line-height: 150%;
3115
2976
  letter-spacing: -0.011em;
3116
2977
  }
3117
- @supports (hyphenate-limit-chars: 1) {
3118
- .control-1,
3119
- .np-text-body-large-bold {
3120
- hyphens: auto;
3121
- hyphenate-limit-chars: 7 3;
3122
- }
3123
- @media (min-width: 840px) {
3124
- .control-1,
3125
- .np-text-body-large-bold {
3126
- hyphenate-limit-chars: 8 3;
3127
- }
3128
- }
3129
- @media (min-width: 1160px) {
3130
- .control-1,
3131
- .np-text-body-large-bold {
3132
- hyphenate-limit-chars: 10 4 3;
3133
- }
3134
- }
3135
- }
3136
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3137
- .control-1,
3138
- .np-text-body-large-bold {
3139
- hyphens: auto;
3140
- -webkit-hyphenate-limit-before: 3;
3141
- -webkit-hyphenate-limit-after: 3;
3142
- }
3143
- @media (min-width: 1160px) {
3144
- .control-1,
3145
- .np-text-body-large-bold {
3146
- -webkit-hyphenate-limit-before: 4;
3147
- }
3148
- }
3149
- }
3150
2978
  a,
3151
2979
  .np-text-link-default,
3152
2980
  .np-text-link-large {
@@ -3340,13 +3168,6 @@ a,
3340
3168
  font-weight: 400;
3341
3169
  font-weight: var(--font-weight-regular);
3342
3170
  }
3343
- /* Disable hyphenation for Japanese, Thai, and Chinese — these languages use character-level breaks and should never insert hyphens. */
3344
- :lang(ja),
3345
- :lang(th),
3346
- :lang(zh-CN),
3347
- :lang(zh-HK) {
3348
- hyphens: none;
3349
- }
3350
3171
  :lang(af) .np-text-display-extra-large,
3351
3172
  :lang(sq) .np-text-display-extra-large,
3352
3173
  :lang(eu) .np-text-display-extra-large,
@@ -6422,34 +6243,6 @@ a.badge:focus {
6422
6243
  -moz-user-select: none;
6423
6244
  user-select: none;
6424
6245
  }
6425
- @supports (hyphenate-limit-chars: 1) {
6426
- .btn {
6427
- hyphens: auto;
6428
- hyphenate-limit-chars: 7 3;
6429
- }
6430
- @media (min-width: 840px) {
6431
- .btn {
6432
- hyphenate-limit-chars: 8 3;
6433
- }
6434
- }
6435
- @media (min-width: 1160px) {
6436
- .btn {
6437
- hyphenate-limit-chars: 10 4 3;
6438
- }
6439
- }
6440
- }
6441
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
6442
- .btn {
6443
- hyphens: auto;
6444
- -webkit-hyphenate-limit-before: 3;
6445
- -webkit-hyphenate-limit-after: 3;
6446
- }
6447
- @media (min-width: 1160px) {
6448
- .btn {
6449
- -webkit-hyphenate-limit-before: 4;
6450
- }
6451
- }
6452
- }
6453
6246
  .btn .dropdown-menu > li > a {
6454
6247
  font-size: 1rem;
6455
6248
  font-size: var(--font-size-16);
@@ -8201,34 +7994,6 @@ a.btn {
8201
7994
  color: #5d7079;
8202
7995
  color: var(--color-content-secondary);
8203
7996
  }
8204
- @supports (hyphenate-limit-chars: 1) {
8205
- .btn-group .secondary {
8206
- hyphens: auto;
8207
- hyphenate-limit-chars: 7 3;
8208
- }
8209
- @media (min-width: 840px) {
8210
- .btn-group .secondary {
8211
- hyphenate-limit-chars: 8 3;
8212
- }
8213
- }
8214
- @media (min-width: 1160px) {
8215
- .btn-group .secondary {
8216
- hyphenate-limit-chars: 10 4 3;
8217
- }
8218
- }
8219
- }
8220
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8221
- .btn-group .secondary {
8222
- hyphens: auto;
8223
- -webkit-hyphenate-limit-before: 3;
8224
- -webkit-hyphenate-limit-after: 3;
8225
- }
8226
- @media (min-width: 1160px) {
8227
- .btn-group .secondary {
8228
- -webkit-hyphenate-limit-before: 4;
8229
- }
8230
- }
8231
- }
8232
7997
  form {
8233
7998
  margin-block-end: 0;
8234
7999
  }
@@ -8338,34 +8103,6 @@ textarea.form-control,
8338
8103
  select[multiple].form-control {
8339
8104
  block-size: auto;
8340
8105
  }
8341
- @supports (hyphenate-limit-chars: 1) {
8342
- .form-control {
8343
- hyphens: auto;
8344
- hyphenate-limit-chars: 7 3;
8345
- }
8346
- @media (min-width: 840px) {
8347
- .form-control {
8348
- hyphenate-limit-chars: 8 3;
8349
- }
8350
- }
8351
- @media (min-width: 1160px) {
8352
- .form-control {
8353
- hyphenate-limit-chars: 10 4 3;
8354
- }
8355
- }
8356
- }
8357
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8358
- .form-control {
8359
- hyphens: auto;
8360
- -webkit-hyphenate-limit-before: 3;
8361
- -webkit-hyphenate-limit-after: 3;
8362
- }
8363
- @media (min-width: 1160px) {
8364
- .form-control {
8365
- -webkit-hyphenate-limit-before: 4;
8366
- }
8367
- }
8368
- }
8369
8106
  .form-control:not(.disabled):not(:disabled):focus {
8370
8107
  border-color: #0081ba;
8371
8108
  border-color: var(--color-interactive-accent-active);
@@ -8559,34 +8296,6 @@ textarea.input-sm,
8559
8296
  select[multiple].input-sm {
8560
8297
  block-size: auto;
8561
8298
  }
8562
- @supports (hyphenate-limit-chars: 1) {
8563
- .input-sm {
8564
- hyphens: auto;
8565
- hyphenate-limit-chars: 7 3;
8566
- }
8567
- @media (min-width: 840px) {
8568
- .input-sm {
8569
- hyphenate-limit-chars: 8 3;
8570
- }
8571
- }
8572
- @media (min-width: 1160px) {
8573
- .input-sm {
8574
- hyphenate-limit-chars: 10 4 3;
8575
- }
8576
- }
8577
- }
8578
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8579
- .input-sm {
8580
- hyphens: auto;
8581
- -webkit-hyphenate-limit-before: 3;
8582
- -webkit-hyphenate-limit-after: 3;
8583
- }
8584
- @media (min-width: 1160px) {
8585
- .input-sm {
8586
- -webkit-hyphenate-limit-before: 4;
8587
- }
8588
- }
8589
- }
8590
8299
  .form-group-sm .form-control,
8591
8300
  .navbar .form-control {
8592
8301
  block-size: 32px;
@@ -8641,34 +8350,6 @@ textarea.input-lg,
8641
8350
  select[multiple].input-lg {
8642
8351
  block-size: auto;
8643
8352
  }
8644
- @supports (hyphenate-limit-chars: 1) {
8645
- .input-lg {
8646
- hyphens: auto;
8647
- hyphenate-limit-chars: 7 3;
8648
- }
8649
- @media (min-width: 840px) {
8650
- .input-lg {
8651
- hyphenate-limit-chars: 8 3;
8652
- }
8653
- }
8654
- @media (min-width: 1160px) {
8655
- .input-lg {
8656
- hyphenate-limit-chars: 10 4 3;
8657
- }
8658
- }
8659
- }
8660
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8661
- .input-lg {
8662
- hyphens: auto;
8663
- -webkit-hyphenate-limit-before: 3;
8664
- -webkit-hyphenate-limit-after: 3;
8665
- }
8666
- @media (min-width: 1160px) {
8667
- .input-lg {
8668
- -webkit-hyphenate-limit-before: 4;
8669
- }
8670
- }
8671
- }
8672
8353
  .form-group-lg {
8673
8354
  position: relative;
8674
8355
  }
@@ -10275,34 +9956,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10275
9956
  color: #768e9c;
10276
9957
  color: var(--color-content-tertiary);
10277
9958
  }
10278
- @supports (hyphenate-limit-chars: 1) {
10279
- .form-control-placeholder {
10280
- hyphens: auto;
10281
- hyphenate-limit-chars: 7 3;
10282
- }
10283
- @media (min-width: 840px) {
10284
- .form-control-placeholder {
10285
- hyphenate-limit-chars: 8 3;
10286
- }
10287
- }
10288
- @media (min-width: 1160px) {
10289
- .form-control-placeholder {
10290
- hyphenate-limit-chars: 10 4 3;
10291
- }
10292
- }
10293
- }
10294
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10295
- .form-control-placeholder {
10296
- hyphens: auto;
10297
- -webkit-hyphenate-limit-before: 3;
10298
- -webkit-hyphenate-limit-after: 3;
10299
- }
10300
- @media (min-width: 1160px) {
10301
- .form-control-placeholder {
10302
- -webkit-hyphenate-limit-before: 4;
10303
- }
10304
- }
10305
- }
10306
9959
  .np-theme-personal .btn-input,
10307
9960
  .np-theme-personal .input-group,
10308
9961
  .np-theme-personal .form-control,
@@ -10588,44 +10241,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
10588
10241
  }
10589
10242
  }
10590
10243
  }
10591
- @supports (hyphenate-limit-chars: 1) {
10592
- .input-group-lg > .form-control,
10593
- .input-group-lg > .input-group-addon,
10594
- .input-group-lg > .input-group-btn .btn {
10595
- hyphens: auto;
10596
- hyphenate-limit-chars: 7 3;
10597
- }
10598
- @media (min-width: 840px) {
10599
- .input-group-lg > .form-control,
10600
- .input-group-lg > .input-group-addon,
10601
- .input-group-lg > .input-group-btn .btn {
10602
- hyphenate-limit-chars: 8 3;
10603
- }
10604
- }
10605
- @media (min-width: 1160px) {
10606
- .input-group-lg > .form-control,
10607
- .input-group-lg > .input-group-addon,
10608
- .input-group-lg > .input-group-btn .btn {
10609
- hyphenate-limit-chars: 10 4 3;
10610
- }
10611
- }
10612
- }
10613
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10614
- .input-group-lg > .form-control,
10615
- .input-group-lg > .input-group-addon,
10616
- .input-group-lg > .input-group-btn .btn {
10617
- hyphens: auto;
10618
- -webkit-hyphenate-limit-before: 3;
10619
- -webkit-hyphenate-limit-after: 3;
10620
- }
10621
- @media (min-width: 1160px) {
10622
- .input-group-lg > .form-control,
10623
- .input-group-lg > .input-group-addon,
10624
- .input-group-lg > .input-group-btn .btn {
10625
- -webkit-hyphenate-limit-before: 4;
10626
- }
10627
- }
10628
- }
10629
10244
  .input-group-lg > .form-control + p,
10630
10245
  .input-group-lg > .input-group-addon + p,
10631
10246
  .input-group-lg > .input-group-btn .btn + p,
@@ -10664,39 +10279,6 @@ select[multiple].input-group-sm > .form-control,
10664
10279
  select[multiple].input-group-sm > .input-group-addon {
10665
10280
  block-size: auto;
10666
10281
  }
10667
- @supports (hyphenate-limit-chars: 1) {
10668
- .input-group-sm > .form-control,
10669
- .input-group-sm > .input-group-addon {
10670
- hyphens: auto;
10671
- hyphenate-limit-chars: 7 3;
10672
- }
10673
- @media (min-width: 840px) {
10674
- .input-group-sm > .form-control,
10675
- .input-group-sm > .input-group-addon {
10676
- hyphenate-limit-chars: 8 3;
10677
- }
10678
- }
10679
- @media (min-width: 1160px) {
10680
- .input-group-sm > .form-control,
10681
- .input-group-sm > .input-group-addon {
10682
- hyphenate-limit-chars: 10 4 3;
10683
- }
10684
- }
10685
- }
10686
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10687
- .input-group-sm > .form-control,
10688
- .input-group-sm > .input-group-addon {
10689
- hyphens: auto;
10690
- -webkit-hyphenate-limit-before: 3;
10691
- -webkit-hyphenate-limit-after: 3;
10692
- }
10693
- @media (min-width: 1160px) {
10694
- .input-group-sm > .form-control,
10695
- .input-group-sm > .input-group-addon {
10696
- -webkit-hyphenate-limit-before: 4;
10697
- }
10698
- }
10699
- }
10700
10282
  .input-group-sm > .form-control .icon,
10701
10283
  .input-group-sm > .input-group-addon .icon {
10702
10284
  font-size: 1.25rem;
@@ -11378,34 +10960,6 @@ li > a > .currency-flag:first-child {
11378
10960
  margin-block-start: 4px;
11379
10961
  margin-block-start: var(--size-4);
11380
10962
  }
11381
- @supports (hyphenate-limit-chars: 1) {
11382
- .decision__content {
11383
- hyphens: auto;
11384
- hyphenate-limit-chars: 7 3;
11385
- }
11386
- @media (min-width: 840px) {
11387
- .decision__content {
11388
- hyphenate-limit-chars: 8 3;
11389
- }
11390
- }
11391
- @media (min-width: 1160px) {
11392
- .decision__content {
11393
- hyphenate-limit-chars: 10 4 3;
11394
- }
11395
- }
11396
- }
11397
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11398
- .decision__content {
11399
- hyphens: auto;
11400
- -webkit-hyphenate-limit-before: 3;
11401
- -webkit-hyphenate-limit-after: 3;
11402
- }
11403
- @media (min-width: 1160px) {
11404
- .decision__content {
11405
- -webkit-hyphenate-limit-before: 4;
11406
- }
11407
- }
11408
- }
11409
10963
  .decision + .decision {
11410
10964
  margin-block-start: -1px;
11411
10965
  }
@@ -11503,34 +11057,6 @@ li > a > .currency-flag:first-child {
11503
11057
  transform: translateY(-10px) scale(0.95, 0.95);
11504
11058
  visibility: hidden;
11505
11059
  }
11506
- @supports (hyphenate-limit-chars: 1) {
11507
- .dropdown-menu {
11508
- hyphens: auto;
11509
- hyphenate-limit-chars: 7 3;
11510
- }
11511
- @media (min-width: 840px) {
11512
- .dropdown-menu {
11513
- hyphenate-limit-chars: 8 3;
11514
- }
11515
- }
11516
- @media (min-width: 1160px) {
11517
- .dropdown-menu {
11518
- hyphenate-limit-chars: 10 4 3;
11519
- }
11520
- }
11521
- }
11522
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11523
- .dropdown-menu {
11524
- hyphens: auto;
11525
- -webkit-hyphenate-limit-before: 3;
11526
- -webkit-hyphenate-limit-after: 3;
11527
- }
11528
- @media (min-width: 1160px) {
11529
- .dropdown-menu {
11530
- -webkit-hyphenate-limit-before: 4;
11531
- }
11532
- }
11533
- }
11534
11060
  .np-theme-personal .dropdown-menu,
11535
11061
  .np-theme-personal--forest-green .dropdown-menu,
11536
11062
  .np-theme-personal--dark .dropdown-menu {
@@ -11578,34 +11104,6 @@ li > a > .currency-flag:first-child {
11578
11104
  color: var(--color-content-primary);
11579
11105
  white-space: nowrap;
11580
11106
  }
11581
- @supports (hyphenate-limit-chars: 1) {
11582
- .dropdown-menu > li > a {
11583
- hyphens: auto;
11584
- hyphenate-limit-chars: 7 3;
11585
- }
11586
- @media (min-width: 840px) {
11587
- .dropdown-menu > li > a {
11588
- hyphenate-limit-chars: 8 3;
11589
- }
11590
- }
11591
- @media (min-width: 1160px) {
11592
- .dropdown-menu > li > a {
11593
- hyphenate-limit-chars: 10 4 3;
11594
- }
11595
- }
11596
- }
11597
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11598
- .dropdown-menu > li > a {
11599
- hyphens: auto;
11600
- -webkit-hyphenate-limit-before: 3;
11601
- -webkit-hyphenate-limit-after: 3;
11602
- }
11603
- @media (min-width: 1160px) {
11604
- .dropdown-menu > li > a {
11605
- -webkit-hyphenate-limit-before: 4;
11606
- }
11607
- }
11608
- }
11609
11107
  .dropdown-menu > li > a .secondary {
11610
11108
  display: block;
11611
11109
  white-space: normal;
@@ -11864,34 +11362,6 @@ li > a > .currency-flag:first-child {
11864
11362
  overflow: auto;
11865
11363
  transition: border-color 0.15s linear;
11866
11364
  }
11867
- @supports (hyphenate-limit-chars: 1) {
11868
- .droppable {
11869
- hyphens: auto;
11870
- hyphenate-limit-chars: 7 3;
11871
- }
11872
- @media (min-width: 840px) {
11873
- .droppable {
11874
- hyphenate-limit-chars: 8 3;
11875
- }
11876
- }
11877
- @media (min-width: 1160px) {
11878
- .droppable {
11879
- hyphenate-limit-chars: 10 4 3;
11880
- }
11881
- }
11882
- }
11883
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11884
- .droppable {
11885
- hyphens: auto;
11886
- -webkit-hyphenate-limit-before: 3;
11887
- -webkit-hyphenate-limit-after: 3;
11888
- }
11889
- @media (min-width: 1160px) {
11890
- .droppable {
11891
- -webkit-hyphenate-limit-before: 4;
11892
- }
11893
- }
11894
- }
11895
11365
  .droppable:hover {
11896
11366
  border-color: #b5b7ba;
11897
11367
  border-color: var(--color-interactive-secondary-hover);
@@ -12617,34 +12087,6 @@ li > a > .currency-flag:first-child {
12617
12087
  padding-block-end: calc(8px * 10);
12618
12088
  padding-block-end: calc(var(--size-8) * 10);
12619
12089
  }
12620
- @supports (hyphenate-limit-chars: 1) {
12621
- .footer {
12622
- hyphens: auto;
12623
- hyphenate-limit-chars: 7 3;
12624
- }
12625
- @media (min-width: 840px) {
12626
- .footer {
12627
- hyphenate-limit-chars: 8 3;
12628
- }
12629
- }
12630
- @media (min-width: 1160px) {
12631
- .footer {
12632
- hyphenate-limit-chars: 10 4 3;
12633
- }
12634
- }
12635
- }
12636
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12637
- .footer {
12638
- hyphens: auto;
12639
- -webkit-hyphenate-limit-before: 3;
12640
- -webkit-hyphenate-limit-after: 3;
12641
- }
12642
- @media (min-width: 1160px) {
12643
- .footer {
12644
- -webkit-hyphenate-limit-before: 4;
12645
- }
12646
- }
12647
- }
12648
12090
  @media (min-width: 600px) {
12649
12091
  .footer {
12650
12092
  padding-block-start: calc(8px * 15);
@@ -12672,39 +12114,6 @@ li > a > .currency-flag:first-child {
12672
12114
  font-weight: 400;
12673
12115
  font-weight: var(--font-weight-regular);
12674
12116
  }
12675
- @supports (hyphenate-limit-chars: 1) {
12676
- .footer .footer-link,
12677
- .footer .link-icon {
12678
- hyphens: auto;
12679
- hyphenate-limit-chars: 7 3;
12680
- }
12681
- @media (min-width: 840px) {
12682
- .footer .footer-link,
12683
- .footer .link-icon {
12684
- hyphenate-limit-chars: 8 3;
12685
- }
12686
- }
12687
- @media (min-width: 1160px) {
12688
- .footer .footer-link,
12689
- .footer .link-icon {
12690
- hyphenate-limit-chars: 10 4 3;
12691
- }
12692
- }
12693
- }
12694
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12695
- .footer .footer-link,
12696
- .footer .link-icon {
12697
- hyphens: auto;
12698
- -webkit-hyphenate-limit-before: 3;
12699
- -webkit-hyphenate-limit-after: 3;
12700
- }
12701
- @media (min-width: 1160px) {
12702
- .footer .footer-link,
12703
- .footer .link-icon {
12704
- -webkit-hyphenate-limit-before: 4;
12705
- }
12706
- }
12707
- }
12708
12117
  .footer .footer-link:hover,
12709
12118
  .footer .link-icon:hover,
12710
12119
  .footer .footer-link:active,
@@ -17101,34 +16510,6 @@ button.close {
17101
16510
  box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
17102
16511
  position: absolute;
17103
16512
  }
17104
- @supports (hyphenate-limit-chars: 1) {
17105
- .popover {
17106
- hyphens: auto;
17107
- hyphenate-limit-chars: 7 3;
17108
- }
17109
- @media (min-width: 840px) {
17110
- .popover {
17111
- hyphenate-limit-chars: 8 3;
17112
- }
17113
- }
17114
- @media (min-width: 1160px) {
17115
- .popover {
17116
- hyphenate-limit-chars: 10 4 3;
17117
- }
17118
- }
17119
- }
17120
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17121
- .popover {
17122
- hyphens: auto;
17123
- -webkit-hyphenate-limit-before: 3;
17124
- -webkit-hyphenate-limit-after: 3;
17125
- }
17126
- @media (min-width: 1160px) {
17127
- .popover {
17128
- -webkit-hyphenate-limit-before: 4;
17129
- }
17130
- }
17131
- }
17132
16513
  .np-theme-personal--forest-green .popover,
17133
16514
  .np-theme-personal--bright-green .popover,
17134
16515
  .np-theme-personal--dark .popover {
@@ -17346,34 +16727,6 @@ button.close {
17346
16727
  color: #5d7079;
17347
16728
  color: var(--color-content-secondary);
17348
16729
  }
17349
- @supports (hyphenate-limit-chars: 1) {
17350
- .popover-content {
17351
- hyphens: auto;
17352
- hyphenate-limit-chars: 7 3;
17353
- }
17354
- @media (min-width: 840px) {
17355
- .popover-content {
17356
- hyphenate-limit-chars: 8 3;
17357
- }
17358
- }
17359
- @media (min-width: 1160px) {
17360
- .popover-content {
17361
- hyphenate-limit-chars: 10 4 3;
17362
- }
17363
- }
17364
- }
17365
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17366
- .popover-content {
17367
- hyphens: auto;
17368
- -webkit-hyphenate-limit-before: 3;
17369
- -webkit-hyphenate-limit-after: 3;
17370
- }
17371
- @media (min-width: 1160px) {
17372
- .popover-content {
17373
- -webkit-hyphenate-limit-before: 4;
17374
- }
17375
- }
17376
- }
17377
16730
  .popover-content > :last-child {
17378
16731
  margin-block-end: 0;
17379
16732
  }
@@ -19400,34 +18753,6 @@ table col[class*="col-"] {
19400
18753
  border-radius: 3px;
19401
18754
  box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
19402
18755
  }
19403
- @supports (hyphenate-limit-chars: 1) {
19404
- .tooltip-inner {
19405
- hyphens: auto;
19406
- hyphenate-limit-chars: 7 3;
19407
- }
19408
- @media (min-width: 840px) {
19409
- .tooltip-inner {
19410
- hyphenate-limit-chars: 8 3;
19411
- }
19412
- }
19413
- @media (min-width: 1160px) {
19414
- .tooltip-inner {
19415
- hyphenate-limit-chars: 10 4 3;
19416
- }
19417
- }
19418
- }
19419
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
19420
- .tooltip-inner {
19421
- hyphens: auto;
19422
- -webkit-hyphenate-limit-before: 3;
19423
- -webkit-hyphenate-limit-after: 3;
19424
- }
19425
- @media (min-width: 1160px) {
19426
- .tooltip-inner {
19427
- -webkit-hyphenate-limit-before: 4;
19428
- }
19429
- }
19430
- }
19431
18756
  .np-theme-personal--forest-green .tooltip-inner,
19432
18757
  .np-theme-personal--bright-green .tooltip-inner,
19433
18758
  .np-theme-personal--dark .tooltip-inner {