@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
@@ -3534,64 +3534,6 @@ small,
3534
3534
  font-weight: 400;
3535
3535
  font-weight: var(--font-weight-regular);
3536
3536
  }
3537
- @supports (hyphenate-limit-chars: 1) {
3538
- .body-2,
3539
- .body-3,
3540
- .small,
3541
- .tiny,
3542
- body,
3543
- small,
3544
- .np-text-body-default {
3545
- hyphens: auto;
3546
- hyphenate-limit-chars: 7 3;
3547
- }
3548
- @media (min-width: 840px) {
3549
- .body-2,
3550
- .body-3,
3551
- .small,
3552
- .tiny,
3553
- body,
3554
- small,
3555
- .np-text-body-default {
3556
- hyphenate-limit-chars: 8 3;
3557
- }
3558
- }
3559
- @media (min-width: 1160px) {
3560
- .body-2,
3561
- .body-3,
3562
- .small,
3563
- .tiny,
3564
- body,
3565
- small,
3566
- .np-text-body-default {
3567
- hyphenate-limit-chars: 10 4 3;
3568
- }
3569
- }
3570
- }
3571
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3572
- .body-2,
3573
- .body-3,
3574
- .small,
3575
- .tiny,
3576
- body,
3577
- small,
3578
- .np-text-body-default {
3579
- hyphens: auto;
3580
- -webkit-hyphenate-limit-before: 3;
3581
- -webkit-hyphenate-limit-after: 3;
3582
- }
3583
- @media (min-width: 1160px) {
3584
- .body-2,
3585
- .body-3,
3586
- .small,
3587
- .tiny,
3588
- body,
3589
- small,
3590
- .np-text-body-default {
3591
- -webkit-hyphenate-limit-before: 4;
3592
- }
3593
- }
3594
- }
3595
3537
  /* DEPRECATED: use .np-text-body-default-bold instead */
3596
3538
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3597
3539
  .control-2,
@@ -3605,49 +3547,6 @@ small,
3605
3547
  font-weight: 600;
3606
3548
  font-weight: var(--font-weight-semi-bold);
3607
3549
  }
3608
- @supports (hyphenate-limit-chars: 1) {
3609
- .control-2,
3610
- .label,
3611
- .control-label,
3612
- .np-text-body-default-bold {
3613
- hyphens: auto;
3614
- hyphenate-limit-chars: 7 3;
3615
- }
3616
- @media (min-width: 840px) {
3617
- .control-2,
3618
- .label,
3619
- .control-label,
3620
- .np-text-body-default-bold {
3621
- hyphenate-limit-chars: 8 3;
3622
- }
3623
- }
3624
- @media (min-width: 1160px) {
3625
- .control-2,
3626
- .label,
3627
- .control-label,
3628
- .np-text-body-default-bold {
3629
- hyphenate-limit-chars: 10 4 3;
3630
- }
3631
- }
3632
- }
3633
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3634
- .control-2,
3635
- .label,
3636
- .control-label,
3637
- .np-text-body-default-bold {
3638
- hyphens: auto;
3639
- -webkit-hyphenate-limit-before: 3;
3640
- -webkit-hyphenate-limit-after: 3;
3641
- }
3642
- @media (min-width: 1160px) {
3643
- .control-2,
3644
- .label,
3645
- .control-label,
3646
- .np-text-body-default-bold {
3647
- -webkit-hyphenate-limit-before: 4;
3648
- }
3649
- }
3650
- }
3651
3550
  /* DEPRECATED: use .np-text-body-large instead */
3652
3551
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3653
3552
  .body-1,
@@ -3660,44 +3559,6 @@ small,
3660
3559
  line-height: 150%;
3661
3560
  letter-spacing: -0.011em;
3662
3561
  }
3663
- @supports (hyphenate-limit-chars: 1) {
3664
- .body-1,
3665
- .value,
3666
- .np-text-body-large {
3667
- hyphens: auto;
3668
- hyphenate-limit-chars: 7 3;
3669
- }
3670
- @media (min-width: 840px) {
3671
- .body-1,
3672
- .value,
3673
- .np-text-body-large {
3674
- hyphenate-limit-chars: 8 3;
3675
- }
3676
- }
3677
- @media (min-width: 1160px) {
3678
- .body-1,
3679
- .value,
3680
- .np-text-body-large {
3681
- hyphenate-limit-chars: 10 4 3;
3682
- }
3683
- }
3684
- }
3685
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3686
- .body-1,
3687
- .value,
3688
- .np-text-body-large {
3689
- hyphens: auto;
3690
- -webkit-hyphenate-limit-before: 3;
3691
- -webkit-hyphenate-limit-after: 3;
3692
- }
3693
- @media (min-width: 1160px) {
3694
- .body-1,
3695
- .value,
3696
- .np-text-body-large {
3697
- -webkit-hyphenate-limit-before: 4;
3698
- }
3699
- }
3700
- }
3701
3562
  /* DEPRECATED: use np-text-body-large-bold instead */
3702
3563
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3703
3564
  .control-1,
@@ -3709,39 +3570,6 @@ small,
3709
3570
  line-height: 150%;
3710
3571
  letter-spacing: -0.011em;
3711
3572
  }
3712
- @supports (hyphenate-limit-chars: 1) {
3713
- .control-1,
3714
- .np-text-body-large-bold {
3715
- hyphens: auto;
3716
- hyphenate-limit-chars: 7 3;
3717
- }
3718
- @media (min-width: 840px) {
3719
- .control-1,
3720
- .np-text-body-large-bold {
3721
- hyphenate-limit-chars: 8 3;
3722
- }
3723
- }
3724
- @media (min-width: 1160px) {
3725
- .control-1,
3726
- .np-text-body-large-bold {
3727
- hyphenate-limit-chars: 10 4 3;
3728
- }
3729
- }
3730
- }
3731
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3732
- .control-1,
3733
- .np-text-body-large-bold {
3734
- hyphens: auto;
3735
- -webkit-hyphenate-limit-before: 3;
3736
- -webkit-hyphenate-limit-after: 3;
3737
- }
3738
- @media (min-width: 1160px) {
3739
- .control-1,
3740
- .np-text-body-large-bold {
3741
- -webkit-hyphenate-limit-before: 4;
3742
- }
3743
- }
3744
- }
3745
3573
  a,
3746
3574
  .np-text-link-default,
3747
3575
  .np-text-link-large {
@@ -3935,13 +3763,6 @@ a,
3935
3763
  font-weight: 400;
3936
3764
  font-weight: var(--font-weight-regular);
3937
3765
  }
3938
- /* Disable hyphenation for Japanese, Thai, and Chinese — these languages use character-level breaks and should never insert hyphens. */
3939
- :lang(ja),
3940
- :lang(th),
3941
- :lang(zh-CN),
3942
- :lang(zh-HK) {
3943
- hyphens: none;
3944
- }
3945
3766
  :lang(af) .np-text-display-extra-large,
3946
3767
  :lang(sq) .np-text-display-extra-large,
3947
3768
  :lang(eu) .np-text-display-extra-large,
@@ -7017,34 +6838,6 @@ a.badge:focus {
7017
6838
  -moz-user-select: none;
7018
6839
  user-select: none;
7019
6840
  }
7020
- @supports (hyphenate-limit-chars: 1) {
7021
- .btn {
7022
- hyphens: auto;
7023
- hyphenate-limit-chars: 7 3;
7024
- }
7025
- @media (min-width: 840px) {
7026
- .btn {
7027
- hyphenate-limit-chars: 8 3;
7028
- }
7029
- }
7030
- @media (min-width: 1160px) {
7031
- .btn {
7032
- hyphenate-limit-chars: 10 4 3;
7033
- }
7034
- }
7035
- }
7036
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
7037
- .btn {
7038
- hyphens: auto;
7039
- -webkit-hyphenate-limit-before: 3;
7040
- -webkit-hyphenate-limit-after: 3;
7041
- }
7042
- @media (min-width: 1160px) {
7043
- .btn {
7044
- -webkit-hyphenate-limit-before: 4;
7045
- }
7046
- }
7047
- }
7048
6841
  .btn .dropdown-menu > li > a {
7049
6842
  font-size: 1rem;
7050
6843
  font-size: var(--font-size-16);
@@ -8796,34 +8589,6 @@ a.btn {
8796
8589
  color: #5d7079;
8797
8590
  color: var(--color-content-secondary);
8798
8591
  }
8799
- @supports (hyphenate-limit-chars: 1) {
8800
- .btn-group .secondary {
8801
- hyphens: auto;
8802
- hyphenate-limit-chars: 7 3;
8803
- }
8804
- @media (min-width: 840px) {
8805
- .btn-group .secondary {
8806
- hyphenate-limit-chars: 8 3;
8807
- }
8808
- }
8809
- @media (min-width: 1160px) {
8810
- .btn-group .secondary {
8811
- hyphenate-limit-chars: 10 4 3;
8812
- }
8813
- }
8814
- }
8815
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8816
- .btn-group .secondary {
8817
- hyphens: auto;
8818
- -webkit-hyphenate-limit-before: 3;
8819
- -webkit-hyphenate-limit-after: 3;
8820
- }
8821
- @media (min-width: 1160px) {
8822
- .btn-group .secondary {
8823
- -webkit-hyphenate-limit-before: 4;
8824
- }
8825
- }
8826
- }
8827
8592
  form {
8828
8593
  margin-block-end: 0;
8829
8594
  }
@@ -8933,34 +8698,6 @@ textarea.form-control,
8933
8698
  select[multiple].form-control {
8934
8699
  block-size: auto;
8935
8700
  }
8936
- @supports (hyphenate-limit-chars: 1) {
8937
- .form-control {
8938
- hyphens: auto;
8939
- hyphenate-limit-chars: 7 3;
8940
- }
8941
- @media (min-width: 840px) {
8942
- .form-control {
8943
- hyphenate-limit-chars: 8 3;
8944
- }
8945
- }
8946
- @media (min-width: 1160px) {
8947
- .form-control {
8948
- hyphenate-limit-chars: 10 4 3;
8949
- }
8950
- }
8951
- }
8952
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8953
- .form-control {
8954
- hyphens: auto;
8955
- -webkit-hyphenate-limit-before: 3;
8956
- -webkit-hyphenate-limit-after: 3;
8957
- }
8958
- @media (min-width: 1160px) {
8959
- .form-control {
8960
- -webkit-hyphenate-limit-before: 4;
8961
- }
8962
- }
8963
- }
8964
8701
  .form-control:not(.disabled):not(:disabled):focus {
8965
8702
  border-color: #0081ba;
8966
8703
  border-color: var(--color-interactive-accent-active);
@@ -9154,34 +8891,6 @@ textarea.input-sm,
9154
8891
  select[multiple].input-sm {
9155
8892
  block-size: auto;
9156
8893
  }
9157
- @supports (hyphenate-limit-chars: 1) {
9158
- .input-sm {
9159
- hyphens: auto;
9160
- hyphenate-limit-chars: 7 3;
9161
- }
9162
- @media (min-width: 840px) {
9163
- .input-sm {
9164
- hyphenate-limit-chars: 8 3;
9165
- }
9166
- }
9167
- @media (min-width: 1160px) {
9168
- .input-sm {
9169
- hyphenate-limit-chars: 10 4 3;
9170
- }
9171
- }
9172
- }
9173
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
9174
- .input-sm {
9175
- hyphens: auto;
9176
- -webkit-hyphenate-limit-before: 3;
9177
- -webkit-hyphenate-limit-after: 3;
9178
- }
9179
- @media (min-width: 1160px) {
9180
- .input-sm {
9181
- -webkit-hyphenate-limit-before: 4;
9182
- }
9183
- }
9184
- }
9185
8894
  .form-group-sm .form-control,
9186
8895
  .navbar .form-control {
9187
8896
  block-size: 32px;
@@ -9236,34 +8945,6 @@ textarea.input-lg,
9236
8945
  select[multiple].input-lg {
9237
8946
  block-size: auto;
9238
8947
  }
9239
- @supports (hyphenate-limit-chars: 1) {
9240
- .input-lg {
9241
- hyphens: auto;
9242
- hyphenate-limit-chars: 7 3;
9243
- }
9244
- @media (min-width: 840px) {
9245
- .input-lg {
9246
- hyphenate-limit-chars: 8 3;
9247
- }
9248
- }
9249
- @media (min-width: 1160px) {
9250
- .input-lg {
9251
- hyphenate-limit-chars: 10 4 3;
9252
- }
9253
- }
9254
- }
9255
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
9256
- .input-lg {
9257
- hyphens: auto;
9258
- -webkit-hyphenate-limit-before: 3;
9259
- -webkit-hyphenate-limit-after: 3;
9260
- }
9261
- @media (min-width: 1160px) {
9262
- .input-lg {
9263
- -webkit-hyphenate-limit-before: 4;
9264
- }
9265
- }
9266
- }
9267
8948
  .form-group-lg {
9268
8949
  position: relative;
9269
8950
  }
@@ -10870,34 +10551,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10870
10551
  color: #768e9c;
10871
10552
  color: var(--color-content-tertiary);
10872
10553
  }
10873
- @supports (hyphenate-limit-chars: 1) {
10874
- .form-control-placeholder {
10875
- hyphens: auto;
10876
- hyphenate-limit-chars: 7 3;
10877
- }
10878
- @media (min-width: 840px) {
10879
- .form-control-placeholder {
10880
- hyphenate-limit-chars: 8 3;
10881
- }
10882
- }
10883
- @media (min-width: 1160px) {
10884
- .form-control-placeholder {
10885
- hyphenate-limit-chars: 10 4 3;
10886
- }
10887
- }
10888
- }
10889
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10890
- .form-control-placeholder {
10891
- hyphens: auto;
10892
- -webkit-hyphenate-limit-before: 3;
10893
- -webkit-hyphenate-limit-after: 3;
10894
- }
10895
- @media (min-width: 1160px) {
10896
- .form-control-placeholder {
10897
- -webkit-hyphenate-limit-before: 4;
10898
- }
10899
- }
10900
- }
10901
10554
  .np-theme-personal .btn-input,
10902
10555
  .np-theme-personal .input-group,
10903
10556
  .np-theme-personal .form-control,
@@ -11183,44 +10836,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
11183
10836
  }
11184
10837
  }
11185
10838
  }
11186
- @supports (hyphenate-limit-chars: 1) {
11187
- .input-group-lg > .form-control,
11188
- .input-group-lg > .input-group-addon,
11189
- .input-group-lg > .input-group-btn .btn {
11190
- hyphens: auto;
11191
- hyphenate-limit-chars: 7 3;
11192
- }
11193
- @media (min-width: 840px) {
11194
- .input-group-lg > .form-control,
11195
- .input-group-lg > .input-group-addon,
11196
- .input-group-lg > .input-group-btn .btn {
11197
- hyphenate-limit-chars: 8 3;
11198
- }
11199
- }
11200
- @media (min-width: 1160px) {
11201
- .input-group-lg > .form-control,
11202
- .input-group-lg > .input-group-addon,
11203
- .input-group-lg > .input-group-btn .btn {
11204
- hyphenate-limit-chars: 10 4 3;
11205
- }
11206
- }
11207
- }
11208
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11209
- .input-group-lg > .form-control,
11210
- .input-group-lg > .input-group-addon,
11211
- .input-group-lg > .input-group-btn .btn {
11212
- hyphens: auto;
11213
- -webkit-hyphenate-limit-before: 3;
11214
- -webkit-hyphenate-limit-after: 3;
11215
- }
11216
- @media (min-width: 1160px) {
11217
- .input-group-lg > .form-control,
11218
- .input-group-lg > .input-group-addon,
11219
- .input-group-lg > .input-group-btn .btn {
11220
- -webkit-hyphenate-limit-before: 4;
11221
- }
11222
- }
11223
- }
11224
10839
  .input-group-lg > .form-control + p,
11225
10840
  .input-group-lg > .input-group-addon + p,
11226
10841
  .input-group-lg > .input-group-btn .btn + p,
@@ -11259,39 +10874,6 @@ select[multiple].input-group-sm > .form-control,
11259
10874
  select[multiple].input-group-sm > .input-group-addon {
11260
10875
  block-size: auto;
11261
10876
  }
11262
- @supports (hyphenate-limit-chars: 1) {
11263
- .input-group-sm > .form-control,
11264
- .input-group-sm > .input-group-addon {
11265
- hyphens: auto;
11266
- hyphenate-limit-chars: 7 3;
11267
- }
11268
- @media (min-width: 840px) {
11269
- .input-group-sm > .form-control,
11270
- .input-group-sm > .input-group-addon {
11271
- hyphenate-limit-chars: 8 3;
11272
- }
11273
- }
11274
- @media (min-width: 1160px) {
11275
- .input-group-sm > .form-control,
11276
- .input-group-sm > .input-group-addon {
11277
- hyphenate-limit-chars: 10 4 3;
11278
- }
11279
- }
11280
- }
11281
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11282
- .input-group-sm > .form-control,
11283
- .input-group-sm > .input-group-addon {
11284
- hyphens: auto;
11285
- -webkit-hyphenate-limit-before: 3;
11286
- -webkit-hyphenate-limit-after: 3;
11287
- }
11288
- @media (min-width: 1160px) {
11289
- .input-group-sm > .form-control,
11290
- .input-group-sm > .input-group-addon {
11291
- -webkit-hyphenate-limit-before: 4;
11292
- }
11293
- }
11294
- }
11295
10877
  .input-group-sm > .form-control .icon,
11296
10878
  .input-group-sm > .input-group-addon .icon {
11297
10879
  font-size: 1.25rem;
@@ -11973,34 +11555,6 @@ li > a > .currency-flag:first-child {
11973
11555
  margin-block-start: 4px;
11974
11556
  margin-block-start: var(--size-4);
11975
11557
  }
11976
- @supports (hyphenate-limit-chars: 1) {
11977
- .decision__content {
11978
- hyphens: auto;
11979
- hyphenate-limit-chars: 7 3;
11980
- }
11981
- @media (min-width: 840px) {
11982
- .decision__content {
11983
- hyphenate-limit-chars: 8 3;
11984
- }
11985
- }
11986
- @media (min-width: 1160px) {
11987
- .decision__content {
11988
- hyphenate-limit-chars: 10 4 3;
11989
- }
11990
- }
11991
- }
11992
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11993
- .decision__content {
11994
- hyphens: auto;
11995
- -webkit-hyphenate-limit-before: 3;
11996
- -webkit-hyphenate-limit-after: 3;
11997
- }
11998
- @media (min-width: 1160px) {
11999
- .decision__content {
12000
- -webkit-hyphenate-limit-before: 4;
12001
- }
12002
- }
12003
- }
12004
11558
  .decision + .decision {
12005
11559
  margin-block-start: -1px;
12006
11560
  }
@@ -12098,34 +11652,6 @@ li > a > .currency-flag:first-child {
12098
11652
  transform: translateY(-10px) scale(0.95, 0.95);
12099
11653
  visibility: hidden;
12100
11654
  }
12101
- @supports (hyphenate-limit-chars: 1) {
12102
- .dropdown-menu {
12103
- hyphens: auto;
12104
- hyphenate-limit-chars: 7 3;
12105
- }
12106
- @media (min-width: 840px) {
12107
- .dropdown-menu {
12108
- hyphenate-limit-chars: 8 3;
12109
- }
12110
- }
12111
- @media (min-width: 1160px) {
12112
- .dropdown-menu {
12113
- hyphenate-limit-chars: 10 4 3;
12114
- }
12115
- }
12116
- }
12117
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12118
- .dropdown-menu {
12119
- hyphens: auto;
12120
- -webkit-hyphenate-limit-before: 3;
12121
- -webkit-hyphenate-limit-after: 3;
12122
- }
12123
- @media (min-width: 1160px) {
12124
- .dropdown-menu {
12125
- -webkit-hyphenate-limit-before: 4;
12126
- }
12127
- }
12128
- }
12129
11655
  .np-theme-personal .dropdown-menu,
12130
11656
  .np-theme-personal--forest-green .dropdown-menu,
12131
11657
  .np-theme-personal--dark .dropdown-menu {
@@ -12173,34 +11699,6 @@ li > a > .currency-flag:first-child {
12173
11699
  color: var(--color-content-primary);
12174
11700
  white-space: nowrap;
12175
11701
  }
12176
- @supports (hyphenate-limit-chars: 1) {
12177
- .dropdown-menu > li > a {
12178
- hyphens: auto;
12179
- hyphenate-limit-chars: 7 3;
12180
- }
12181
- @media (min-width: 840px) {
12182
- .dropdown-menu > li > a {
12183
- hyphenate-limit-chars: 8 3;
12184
- }
12185
- }
12186
- @media (min-width: 1160px) {
12187
- .dropdown-menu > li > a {
12188
- hyphenate-limit-chars: 10 4 3;
12189
- }
12190
- }
12191
- }
12192
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12193
- .dropdown-menu > li > a {
12194
- hyphens: auto;
12195
- -webkit-hyphenate-limit-before: 3;
12196
- -webkit-hyphenate-limit-after: 3;
12197
- }
12198
- @media (min-width: 1160px) {
12199
- .dropdown-menu > li > a {
12200
- -webkit-hyphenate-limit-before: 4;
12201
- }
12202
- }
12203
- }
12204
11702
  .dropdown-menu > li > a .secondary {
12205
11703
  display: block;
12206
11704
  white-space: normal;
@@ -12435,58 +11933,30 @@ li > a > .currency-flag:first-child {
12435
11933
  inset-inline-start: auto;
12436
11934
  inset-inline-end: 0;
12437
11935
  }
12438
- .navbar-right .dropdown-menu-left {
12439
- inset-inline-start: 0;
12440
- inset-inline-end: auto;
12441
- }
12442
- }
12443
- .bootstrap-select .dropdown-menu {
12444
- margin-block: -8px -6px;
12445
- margin-inline: 0;
12446
- }
12447
- .droppable {
12448
- position: relative;
12449
- font-weight: 400;
12450
- font-weight: var(--font-weight-regular);
12451
- font-size: 1rem;
12452
- font-size: var(--font-size-16);
12453
- line-height: 150%;
12454
- letter-spacing: -0.011em;
12455
- text-align: center;
12456
- border: 1px solid #c9cbce;
12457
- border: 1px solid var(--color-interactive-secondary);
12458
- border-radius: 3px;
12459
- overflow: auto;
12460
- transition: border-color 0.15s linear;
12461
- }
12462
- @supports (hyphenate-limit-chars: 1) {
12463
- .droppable {
12464
- hyphens: auto;
12465
- hyphenate-limit-chars: 7 3;
12466
- }
12467
- @media (min-width: 840px) {
12468
- .droppable {
12469
- hyphenate-limit-chars: 8 3;
12470
- }
12471
- }
12472
- @media (min-width: 1160px) {
12473
- .droppable {
12474
- hyphenate-limit-chars: 10 4 3;
12475
- }
12476
- }
12477
- }
12478
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12479
- .droppable {
12480
- hyphens: auto;
12481
- -webkit-hyphenate-limit-before: 3;
12482
- -webkit-hyphenate-limit-after: 3;
12483
- }
12484
- @media (min-width: 1160px) {
12485
- .droppable {
12486
- -webkit-hyphenate-limit-before: 4;
12487
- }
11936
+ .navbar-right .dropdown-menu-left {
11937
+ inset-inline-start: 0;
11938
+ inset-inline-end: auto;
12488
11939
  }
12489
11940
  }
11941
+ .bootstrap-select .dropdown-menu {
11942
+ margin-block: -8px -6px;
11943
+ margin-inline: 0;
11944
+ }
11945
+ .droppable {
11946
+ position: relative;
11947
+ font-weight: 400;
11948
+ font-weight: var(--font-weight-regular);
11949
+ font-size: 1rem;
11950
+ font-size: var(--font-size-16);
11951
+ line-height: 150%;
11952
+ letter-spacing: -0.011em;
11953
+ text-align: center;
11954
+ border: 1px solid #c9cbce;
11955
+ border: 1px solid var(--color-interactive-secondary);
11956
+ border-radius: 3px;
11957
+ overflow: auto;
11958
+ transition: border-color 0.15s linear;
11959
+ }
12490
11960
  .droppable:hover {
12491
11961
  border-color: #b5b7ba;
12492
11962
  border-color: var(--color-interactive-secondary-hover);
@@ -13212,34 +12682,6 @@ li > a > .currency-flag:first-child {
13212
12682
  padding-block-end: calc(8px * 10);
13213
12683
  padding-block-end: calc(var(--size-8) * 10);
13214
12684
  }
13215
- @supports (hyphenate-limit-chars: 1) {
13216
- .footer {
13217
- hyphens: auto;
13218
- hyphenate-limit-chars: 7 3;
13219
- }
13220
- @media (min-width: 840px) {
13221
- .footer {
13222
- hyphenate-limit-chars: 8 3;
13223
- }
13224
- }
13225
- @media (min-width: 1160px) {
13226
- .footer {
13227
- hyphenate-limit-chars: 10 4 3;
13228
- }
13229
- }
13230
- }
13231
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
13232
- .footer {
13233
- hyphens: auto;
13234
- -webkit-hyphenate-limit-before: 3;
13235
- -webkit-hyphenate-limit-after: 3;
13236
- }
13237
- @media (min-width: 1160px) {
13238
- .footer {
13239
- -webkit-hyphenate-limit-before: 4;
13240
- }
13241
- }
13242
- }
13243
12685
  @media (min-width: 600px) {
13244
12686
  .footer {
13245
12687
  padding-block-start: calc(8px * 15);
@@ -13267,39 +12709,6 @@ li > a > .currency-flag:first-child {
13267
12709
  font-weight: 400;
13268
12710
  font-weight: var(--font-weight-regular);
13269
12711
  }
13270
- @supports (hyphenate-limit-chars: 1) {
13271
- .footer .footer-link,
13272
- .footer .link-icon {
13273
- hyphens: auto;
13274
- hyphenate-limit-chars: 7 3;
13275
- }
13276
- @media (min-width: 840px) {
13277
- .footer .footer-link,
13278
- .footer .link-icon {
13279
- hyphenate-limit-chars: 8 3;
13280
- }
13281
- }
13282
- @media (min-width: 1160px) {
13283
- .footer .footer-link,
13284
- .footer .link-icon {
13285
- hyphenate-limit-chars: 10 4 3;
13286
- }
13287
- }
13288
- }
13289
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
13290
- .footer .footer-link,
13291
- .footer .link-icon {
13292
- hyphens: auto;
13293
- -webkit-hyphenate-limit-before: 3;
13294
- -webkit-hyphenate-limit-after: 3;
13295
- }
13296
- @media (min-width: 1160px) {
13297
- .footer .footer-link,
13298
- .footer .link-icon {
13299
- -webkit-hyphenate-limit-before: 4;
13300
- }
13301
- }
13302
- }
13303
12712
  .footer .footer-link:hover,
13304
12713
  .footer .link-icon:hover,
13305
12714
  .footer .footer-link:active,
@@ -17696,34 +17105,6 @@ button.close {
17696
17105
  box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
17697
17106
  position: absolute;
17698
17107
  }
17699
- @supports (hyphenate-limit-chars: 1) {
17700
- .popover {
17701
- hyphens: auto;
17702
- hyphenate-limit-chars: 7 3;
17703
- }
17704
- @media (min-width: 840px) {
17705
- .popover {
17706
- hyphenate-limit-chars: 8 3;
17707
- }
17708
- }
17709
- @media (min-width: 1160px) {
17710
- .popover {
17711
- hyphenate-limit-chars: 10 4 3;
17712
- }
17713
- }
17714
- }
17715
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17716
- .popover {
17717
- hyphens: auto;
17718
- -webkit-hyphenate-limit-before: 3;
17719
- -webkit-hyphenate-limit-after: 3;
17720
- }
17721
- @media (min-width: 1160px) {
17722
- .popover {
17723
- -webkit-hyphenate-limit-before: 4;
17724
- }
17725
- }
17726
- }
17727
17108
  .np-theme-personal--forest-green .popover,
17728
17109
  .np-theme-personal--bright-green .popover,
17729
17110
  .np-theme-personal--dark .popover {
@@ -17941,34 +17322,6 @@ button.close {
17941
17322
  color: #5d7079;
17942
17323
  color: var(--color-content-secondary);
17943
17324
  }
17944
- @supports (hyphenate-limit-chars: 1) {
17945
- .popover-content {
17946
- hyphens: auto;
17947
- hyphenate-limit-chars: 7 3;
17948
- }
17949
- @media (min-width: 840px) {
17950
- .popover-content {
17951
- hyphenate-limit-chars: 8 3;
17952
- }
17953
- }
17954
- @media (min-width: 1160px) {
17955
- .popover-content {
17956
- hyphenate-limit-chars: 10 4 3;
17957
- }
17958
- }
17959
- }
17960
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17961
- .popover-content {
17962
- hyphens: auto;
17963
- -webkit-hyphenate-limit-before: 3;
17964
- -webkit-hyphenate-limit-after: 3;
17965
- }
17966
- @media (min-width: 1160px) {
17967
- .popover-content {
17968
- -webkit-hyphenate-limit-before: 4;
17969
- }
17970
- }
17971
- }
17972
17325
  .popover-content > :last-child {
17973
17326
  margin-block-end: 0;
17974
17327
  }
@@ -19995,34 +19348,6 @@ table col[class*="col-"] {
19995
19348
  border-radius: 3px;
19996
19349
  box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
19997
19350
  }
19998
- @supports (hyphenate-limit-chars: 1) {
19999
- .tooltip-inner {
20000
- hyphens: auto;
20001
- hyphenate-limit-chars: 7 3;
20002
- }
20003
- @media (min-width: 840px) {
20004
- .tooltip-inner {
20005
- hyphenate-limit-chars: 8 3;
20006
- }
20007
- }
20008
- @media (min-width: 1160px) {
20009
- .tooltip-inner {
20010
- hyphenate-limit-chars: 10 4 3;
20011
- }
20012
- }
20013
- }
20014
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
20015
- .tooltip-inner {
20016
- hyphens: auto;
20017
- -webkit-hyphenate-limit-before: 3;
20018
- -webkit-hyphenate-limit-after: 3;
20019
- }
20020
- @media (min-width: 1160px) {
20021
- .tooltip-inner {
20022
- -webkit-hyphenate-limit-before: 4;
20023
- }
20024
- }
20025
- }
20026
19351
  .np-theme-personal--forest-green .tooltip-inner,
20027
19352
  .np-theme-personal--bright-green .tooltip-inner,
20028
19353
  .np-theme-personal--dark .tooltip-inner {
@@ -23185,34 +22510,6 @@ button.np-option {
23185
22510
  padding-block-end: 12px;
23186
22511
  padding-block-end: var(--size-12);
23187
22512
  }
23188
- @supports (hyphenate-limit-chars: 1) {
23189
- .np-form-control--size-auto {
23190
- hyphens: auto;
23191
- hyphenate-limit-chars: 7 3;
23192
- }
23193
- @media (min-width: 840px) {
23194
- .np-form-control--size-auto {
23195
- hyphenate-limit-chars: 8 3;
23196
- }
23197
- }
23198
- @media (min-width: 1160px) {
23199
- .np-form-control--size-auto {
23200
- hyphenate-limit-chars: 10 4 3;
23201
- }
23202
- }
23203
- }
23204
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
23205
- .np-form-control--size-auto {
23206
- hyphens: auto;
23207
- -webkit-hyphenate-limit-before: 3;
23208
- -webkit-hyphenate-limit-after: 3;
23209
- }
23210
- @media (min-width: 1160px) {
23211
- .np-form-control--size-auto {
23212
- -webkit-hyphenate-limit-before: 4;
23213
- }
23214
- }
23215
- }
23216
22513
  .np-form-control--size-sm,
23217
22514
  .np-form-control--size-md,
23218
22515
  .np-form-control--size-lg {
@@ -23229,34 +22526,6 @@ button.np-option {
23229
22526
  block-size: 32px !important;
23230
22527
  block-size: var(--size-32) !important;
23231
22528
  }
23232
- @supports (hyphenate-limit-chars: 1) {
23233
- .np-form-control--size-sm {
23234
- hyphens: auto;
23235
- hyphenate-limit-chars: 7 3;
23236
- }
23237
- @media (min-width: 840px) {
23238
- .np-form-control--size-sm {
23239
- hyphenate-limit-chars: 8 3;
23240
- }
23241
- }
23242
- @media (min-width: 1160px) {
23243
- .np-form-control--size-sm {
23244
- hyphenate-limit-chars: 10 4 3;
23245
- }
23246
- }
23247
- }
23248
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
23249
- .np-form-control--size-sm {
23250
- hyphens: auto;
23251
- -webkit-hyphenate-limit-before: 3;
23252
- -webkit-hyphenate-limit-after: 3;
23253
- }
23254
- @media (min-width: 1160px) {
23255
- .np-form-control--size-sm {
23256
- -webkit-hyphenate-limit-before: 4;
23257
- }
23258
- }
23259
- }
23260
22529
  @media (max-width: 320px) {
23261
22530
  .np-form-control--size-sm {
23262
22531
  block-size: 64px !important;
@@ -23273,34 +22542,6 @@ button.np-option {
23273
22542
  block-size: 48px !important;
23274
22543
  block-size: var(--size-48) !important;
23275
22544
  }
23276
- @supports (hyphenate-limit-chars: 1) {
23277
- .np-form-control--size-md {
23278
- hyphens: auto;
23279
- hyphenate-limit-chars: 7 3;
23280
- }
23281
- @media (min-width: 840px) {
23282
- .np-form-control--size-md {
23283
- hyphenate-limit-chars: 8 3;
23284
- }
23285
- }
23286
- @media (min-width: 1160px) {
23287
- .np-form-control--size-md {
23288
- hyphenate-limit-chars: 10 4 3;
23289
- }
23290
- }
23291
- }
23292
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
23293
- .np-form-control--size-md {
23294
- hyphens: auto;
23295
- -webkit-hyphenate-limit-before: 3;
23296
- -webkit-hyphenate-limit-after: 3;
23297
- }
23298
- @media (min-width: 1160px) {
23299
- .np-form-control--size-md {
23300
- -webkit-hyphenate-limit-before: 4;
23301
- }
23302
- }
23303
- }
23304
22545
  @media (max-width: 320px) {
23305
22546
  .np-form-control--size-md {
23306
22547
  block-size: 72px !important;
@@ -26507,34 +25748,6 @@ button.np-link {
26507
25748
  border-radius: 10px;
26508
25749
  border-radius: var(--radius-small);
26509
25750
  }
26510
- @supports (hyphenate-limit-chars: 1) {
26511
- .np-dropdown-menu > li > a {
26512
- hyphens: auto;
26513
- hyphenate-limit-chars: 7 3;
26514
- }
26515
- @media (min-width: 840px) {
26516
- .np-dropdown-menu > li > a {
26517
- hyphenate-limit-chars: 8 3;
26518
- }
26519
- }
26520
- @media (min-width: 1160px) {
26521
- .np-dropdown-menu > li > a {
26522
- hyphenate-limit-chars: 10 4 3;
26523
- }
26524
- }
26525
- }
26526
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
26527
- .np-dropdown-menu > li > a {
26528
- hyphens: auto;
26529
- -webkit-hyphenate-limit-before: 3;
26530
- -webkit-hyphenate-limit-after: 3;
26531
- }
26532
- @media (min-width: 1160px) {
26533
- .np-dropdown-menu > li > a {
26534
- -webkit-hyphenate-limit-before: 4;
26535
- }
26536
- }
26537
- }
26538
25751
  .np-dropdown-menu > li:first-child > a {
26539
25752
  border-start-end-radius: 3px;
26540
25753
  border-start-start-radius: 3px;
@@ -27351,6 +26564,41 @@ button.np-link {
27351
26564
  margin-inline-end: 12px;
27352
26565
  margin-inline-end: var(--size-12);
27353
26566
  }
26567
+ .wds-tag {
26568
+ align-items: center;
26569
+ display: inline-flex;
26570
+ gap: 1px;
26571
+ max-inline-size: 240px;
26572
+ min-inline-size: 0;
26573
+ inline-size: -moz-fit-content;
26574
+ inline-size: fit-content;
26575
+ }
26576
+ .wds-tag--small {
26577
+ border-radius: 6px;
26578
+ padding-block: 1px;
26579
+ padding-inline: 3px 4px;
26580
+ padding-inline: 3px var(--size-4);
26581
+ }
26582
+ .wds-tag--small .wds-tag__text {
26583
+ font-size: 0.75rem;
26584
+ font-size: var(--font-size-12);
26585
+ }
26586
+ .wds-tag--large {
26587
+ border-radius: 8px;
26588
+ border-radius: var(--size-8);
26589
+ padding-block: 1px;
26590
+ padding-inline: 5px 6px;
26591
+ padding-inline: var(--size-5) 6px;
26592
+ }
26593
+ .wds-tag__text {
26594
+ overflow: hidden;
26595
+ padding-inline-start: 1px;
26596
+ text-overflow: ellipsis;
26597
+ white-space: nowrap;
26598
+ }
26599
+ .wds-tag.wds-tag--proposition {
26600
+ color: var(--color-sentiment-interactive-primary);
26601
+ }
27354
26602
  .np-tile {
27355
26603
  min-inline-size: 120px;
27356
26604
  border-radius: 10px;