@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
@@ -110,34 +110,6 @@
110
110
  margin-block-start: 4px;
111
111
  margin-block-start: var(--size-4);
112
112
  }
113
- @supports (hyphenate-limit-chars: 1) {
114
- .decision__content {
115
- hyphens: auto;
116
- hyphenate-limit-chars: 7 3;
117
- }
118
- @media (min-width: 840px) {
119
- .decision__content {
120
- hyphenate-limit-chars: 8 3;
121
- }
122
- }
123
- @media (min-width: 1160px) {
124
- .decision__content {
125
- hyphenate-limit-chars: 10 4 3;
126
- }
127
- }
128
- }
129
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
130
- .decision__content {
131
- hyphens: auto;
132
- -webkit-hyphenate-limit-before: 3;
133
- -webkit-hyphenate-limit-after: 3;
134
- }
135
- @media (min-width: 1160px) {
136
- .decision__content {
137
- -webkit-hyphenate-limit-before: 4;
138
- }
139
- }
140
- }
141
113
  .decision + .decision {
142
114
  margin-block-start: -1px;
143
115
  }
@@ -355,31 +355,3 @@
355
355
  color: #5d7079;
356
356
  color: var(--color-content-secondary);
357
357
  }
358
- @supports (hyphenate-limit-chars: 1) {
359
- .btn-group .secondary {
360
- hyphens: auto;
361
- hyphenate-limit-chars: 7 3;
362
- }
363
- @media (min-width: 840px) {
364
- .btn-group .secondary {
365
- hyphenate-limit-chars: 8 3;
366
- }
367
- }
368
- @media (min-width: 1160px) {
369
- .btn-group .secondary {
370
- hyphenate-limit-chars: 10 4 3;
371
- }
372
- }
373
- }
374
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
375
- .btn-group .secondary {
376
- hyphens: auto;
377
- -webkit-hyphenate-limit-before: 3;
378
- -webkit-hyphenate-limit-after: 3;
379
- }
380
- @media (min-width: 1160px) {
381
- .btn-group .secondary {
382
- -webkit-hyphenate-limit-before: 4;
383
- }
384
- }
385
- }
@@ -27,34 +27,6 @@
27
27
  -moz-user-select: none;
28
28
  user-select: none;
29
29
  }
30
- @supports (hyphenate-limit-chars: 1) {
31
- .btn {
32
- hyphens: auto;
33
- hyphenate-limit-chars: 7 3;
34
- }
35
- @media (min-width: 840px) {
36
- .btn {
37
- hyphenate-limit-chars: 8 3;
38
- }
39
- }
40
- @media (min-width: 1160px) {
41
- .btn {
42
- hyphenate-limit-chars: 10 4 3;
43
- }
44
- }
45
- }
46
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
47
- .btn {
48
- hyphens: auto;
49
- -webkit-hyphenate-limit-before: 3;
50
- -webkit-hyphenate-limit-after: 3;
51
- }
52
- @media (min-width: 1160px) {
53
- .btn {
54
- -webkit-hyphenate-limit-before: 4;
55
- }
56
- }
57
- }
58
30
  .btn .dropdown-menu > li > a {
59
31
  font-size: 1rem;
60
32
  font-size: var(--font-size-16);
@@ -72,34 +72,6 @@
72
72
  margin-block-start: 4px;
73
73
  margin-block-start: var(--size-4);
74
74
  }
75
- @supports (hyphenate-limit-chars: 1) {
76
- .decision__content {
77
- hyphens: auto;
78
- hyphenate-limit-chars: 7 3;
79
- }
80
- @media (min-width: 840px) {
81
- .decision__content {
82
- hyphenate-limit-chars: 8 3;
83
- }
84
- }
85
- @media (min-width: 1160px) {
86
- .decision__content {
87
- hyphenate-limit-chars: 10 4 3;
88
- }
89
- }
90
- }
91
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
92
- .decision__content {
93
- hyphens: auto;
94
- -webkit-hyphenate-limit-before: 3;
95
- -webkit-hyphenate-limit-after: 3;
96
- }
97
- @media (min-width: 1160px) {
98
- .decision__content {
99
- -webkit-hyphenate-limit-before: 4;
100
- }
101
- }
102
- }
103
75
  .decision + .decision {
104
76
  margin-block-start: -1px;
105
77
  }
@@ -31,34 +31,6 @@
31
31
  transform: translateY(-10px) scale(0.95, 0.95);
32
32
  visibility: hidden;
33
33
  }
34
- @supports (hyphenate-limit-chars: 1) {
35
- .dropdown-menu {
36
- hyphens: auto;
37
- hyphenate-limit-chars: 7 3;
38
- }
39
- @media (min-width: 840px) {
40
- .dropdown-menu {
41
- hyphenate-limit-chars: 8 3;
42
- }
43
- }
44
- @media (min-width: 1160px) {
45
- .dropdown-menu {
46
- hyphenate-limit-chars: 10 4 3;
47
- }
48
- }
49
- }
50
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
51
- .dropdown-menu {
52
- hyphens: auto;
53
- -webkit-hyphenate-limit-before: 3;
54
- -webkit-hyphenate-limit-after: 3;
55
- }
56
- @media (min-width: 1160px) {
57
- .dropdown-menu {
58
- -webkit-hyphenate-limit-before: 4;
59
- }
60
- }
61
- }
62
34
  .np-theme-personal .dropdown-menu,
63
35
  .np-theme-personal--forest-green .dropdown-menu,
64
36
  .np-theme-personal--dark .dropdown-menu {
@@ -104,34 +76,6 @@
104
76
  color: var(--color-content-primary);
105
77
  white-space: nowrap;
106
78
  }
107
- @supports (hyphenate-limit-chars: 1) {
108
- .dropdown-menu > li > a {
109
- hyphens: auto;
110
- hyphenate-limit-chars: 7 3;
111
- }
112
- @media (min-width: 840px) {
113
- .dropdown-menu > li > a {
114
- hyphenate-limit-chars: 8 3;
115
- }
116
- }
117
- @media (min-width: 1160px) {
118
- .dropdown-menu > li > a {
119
- hyphenate-limit-chars: 10 4 3;
120
- }
121
- }
122
- }
123
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
124
- .dropdown-menu > li > a {
125
- hyphens: auto;
126
- -webkit-hyphenate-limit-before: 3;
127
- -webkit-hyphenate-limit-after: 3;
128
- }
129
- @media (min-width: 1160px) {
130
- .dropdown-menu > li > a {
131
- -webkit-hyphenate-limit-before: 4;
132
- }
133
- }
134
- }
135
79
  .dropdown-menu > li > a .secondary {
136
80
  display: block;
137
81
  white-space: normal;
@@ -13,34 +13,6 @@
13
13
  overflow: auto;
14
14
  transition: border-color 0.15s linear;
15
15
  }
16
- @supports (hyphenate-limit-chars: 1) {
17
- .droppable {
18
- hyphens: auto;
19
- hyphenate-limit-chars: 7 3;
20
- }
21
- @media (min-width: 840px) {
22
- .droppable {
23
- hyphenate-limit-chars: 8 3;
24
- }
25
- }
26
- @media (min-width: 1160px) {
27
- .droppable {
28
- hyphenate-limit-chars: 10 4 3;
29
- }
30
- }
31
- }
32
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
33
- .droppable {
34
- hyphens: auto;
35
- -webkit-hyphenate-limit-before: 3;
36
- -webkit-hyphenate-limit-after: 3;
37
- }
38
- @media (min-width: 1160px) {
39
- .droppable {
40
- -webkit-hyphenate-limit-before: 4;
41
- }
42
- }
43
- }
44
16
  .droppable:hover {
45
17
  border-color: #b5b7ba;
46
18
  border-color: var(--color-interactive-secondary-hover);
@@ -12,34 +12,6 @@
12
12
  padding-block-end: calc(8px * 10);
13
13
  padding-block-end: calc(var(--size-8) * 10);
14
14
  }
15
- @supports (hyphenate-limit-chars: 1) {
16
- .footer {
17
- hyphens: auto;
18
- hyphenate-limit-chars: 7 3;
19
- }
20
- @media (min-width: 840px) {
21
- .footer {
22
- hyphenate-limit-chars: 8 3;
23
- }
24
- }
25
- @media (min-width: 1160px) {
26
- .footer {
27
- hyphenate-limit-chars: 10 4 3;
28
- }
29
- }
30
- }
31
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
32
- .footer {
33
- hyphens: auto;
34
- -webkit-hyphenate-limit-before: 3;
35
- -webkit-hyphenate-limit-after: 3;
36
- }
37
- @media (min-width: 1160px) {
38
- .footer {
39
- -webkit-hyphenate-limit-before: 4;
40
- }
41
- }
42
- }
43
15
  @media (min-width: 600px) {
44
16
  .footer {
45
17
  padding-block-start: calc(8px * 15);
@@ -67,39 +39,6 @@
67
39
  font-weight: 400;
68
40
  font-weight: var(--font-weight-regular);
69
41
  }
70
- @supports (hyphenate-limit-chars: 1) {
71
- .footer .footer-link,
72
- .footer .link-icon {
73
- hyphens: auto;
74
- hyphenate-limit-chars: 7 3;
75
- }
76
- @media (min-width: 840px) {
77
- .footer .footer-link,
78
- .footer .link-icon {
79
- hyphenate-limit-chars: 8 3;
80
- }
81
- }
82
- @media (min-width: 1160px) {
83
- .footer .footer-link,
84
- .footer .link-icon {
85
- hyphenate-limit-chars: 10 4 3;
86
- }
87
- }
88
- }
89
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
90
- .footer .footer-link,
91
- .footer .link-icon {
92
- hyphens: auto;
93
- -webkit-hyphenate-limit-before: 3;
94
- -webkit-hyphenate-limit-after: 3;
95
- }
96
- @media (min-width: 1160px) {
97
- .footer .footer-link,
98
- .footer .link-icon {
99
- -webkit-hyphenate-limit-before: 4;
100
- }
101
- }
102
- }
103
42
  .footer .footer-link:hover,
104
43
  .footer .link-icon:hover,
105
44
  .footer .footer-link:active,
@@ -103,34 +103,6 @@ textarea.form-control,
103
103
  select[multiple].form-control {
104
104
  block-size: auto;
105
105
  }
106
- @supports (hyphenate-limit-chars: 1) {
107
- .form-control {
108
- hyphens: auto;
109
- hyphenate-limit-chars: 7 3;
110
- }
111
- @media (min-width: 840px) {
112
- .form-control {
113
- hyphenate-limit-chars: 8 3;
114
- }
115
- }
116
- @media (min-width: 1160px) {
117
- .form-control {
118
- hyphenate-limit-chars: 10 4 3;
119
- }
120
- }
121
- }
122
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
123
- .form-control {
124
- hyphens: auto;
125
- -webkit-hyphenate-limit-before: 3;
126
- -webkit-hyphenate-limit-after: 3;
127
- }
128
- @media (min-width: 1160px) {
129
- .form-control {
130
- -webkit-hyphenate-limit-before: 4;
131
- }
132
- }
133
- }
134
106
  .form-control:not(.disabled):not(:disabled):focus {
135
107
  border-color: #0081ba;
136
108
  border-color: var(--color-interactive-accent-active);
@@ -320,34 +292,6 @@ textarea.input-sm,
320
292
  select[multiple].input-sm {
321
293
  block-size: auto;
322
294
  }
323
- @supports (hyphenate-limit-chars: 1) {
324
- .input-sm {
325
- hyphens: auto;
326
- hyphenate-limit-chars: 7 3;
327
- }
328
- @media (min-width: 840px) {
329
- .input-sm {
330
- hyphenate-limit-chars: 8 3;
331
- }
332
- }
333
- @media (min-width: 1160px) {
334
- .input-sm {
335
- hyphenate-limit-chars: 10 4 3;
336
- }
337
- }
338
- }
339
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
340
- .input-sm {
341
- hyphens: auto;
342
- -webkit-hyphenate-limit-before: 3;
343
- -webkit-hyphenate-limit-after: 3;
344
- }
345
- @media (min-width: 1160px) {
346
- .input-sm {
347
- -webkit-hyphenate-limit-before: 4;
348
- }
349
- }
350
- }
351
295
  .form-group-sm .form-control,
352
296
  .navbar .form-control {
353
297
  block-size: 32px;
@@ -396,34 +340,6 @@ textarea.input-lg,
396
340
  select[multiple].input-lg {
397
341
  block-size: auto;
398
342
  }
399
- @supports (hyphenate-limit-chars: 1) {
400
- .input-lg {
401
- hyphens: auto;
402
- hyphenate-limit-chars: 7 3;
403
- }
404
- @media (min-width: 840px) {
405
- .input-lg {
406
- hyphenate-limit-chars: 8 3;
407
- }
408
- }
409
- @media (min-width: 1160px) {
410
- .input-lg {
411
- hyphenate-limit-chars: 10 4 3;
412
- }
413
- }
414
- }
415
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
416
- .input-lg {
417
- hyphens: auto;
418
- -webkit-hyphenate-limit-before: 3;
419
- -webkit-hyphenate-limit-after: 3;
420
- }
421
- @media (min-width: 1160px) {
422
- .input-lg {
423
- -webkit-hyphenate-limit-before: 4;
424
- }
425
- }
426
- }
427
343
  .form-group-lg {
428
344
  position: relative;
429
345
  }
@@ -2024,34 +1940,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
2024
1940
  color: #768e9c;
2025
1941
  color: var(--color-content-tertiary);
2026
1942
  }
2027
- @supports (hyphenate-limit-chars: 1) {
2028
- .form-control-placeholder {
2029
- hyphens: auto;
2030
- hyphenate-limit-chars: 7 3;
2031
- }
2032
- @media (min-width: 840px) {
2033
- .form-control-placeholder {
2034
- hyphenate-limit-chars: 8 3;
2035
- }
2036
- }
2037
- @media (min-width: 1160px) {
2038
- .form-control-placeholder {
2039
- hyphenate-limit-chars: 10 4 3;
2040
- }
2041
- }
2042
- }
2043
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2044
- .form-control-placeholder {
2045
- hyphens: auto;
2046
- -webkit-hyphenate-limit-before: 3;
2047
- -webkit-hyphenate-limit-after: 3;
2048
- }
2049
- @media (min-width: 1160px) {
2050
- .form-control-placeholder {
2051
- -webkit-hyphenate-limit-before: 4;
2052
- }
2053
- }
2054
- }
2055
1943
  .np-theme-personal .btn-input,
2056
1944
  .np-theme-personal .input-group,
2057
1945
  .np-theme-personal .form-control,
@@ -106,34 +106,6 @@ textarea.form-control,
106
106
  select[multiple].form-control {
107
107
  block-size: auto;
108
108
  }
109
- @supports (hyphenate-limit-chars: 1) {
110
- .form-control {
111
- hyphens: auto;
112
- hyphenate-limit-chars: 7 3;
113
- }
114
- @media (min-width: 840px) {
115
- .form-control {
116
- hyphenate-limit-chars: 8 3;
117
- }
118
- }
119
- @media (min-width: 1160px) {
120
- .form-control {
121
- hyphenate-limit-chars: 10 4 3;
122
- }
123
- }
124
- }
125
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
126
- .form-control {
127
- hyphens: auto;
128
- -webkit-hyphenate-limit-before: 3;
129
- -webkit-hyphenate-limit-after: 3;
130
- }
131
- @media (min-width: 1160px) {
132
- .form-control {
133
- -webkit-hyphenate-limit-before: 4;
134
- }
135
- }
136
- }
137
109
  .form-control:not(.disabled):not(:disabled):focus {
138
110
  border-color: #0081ba;
139
111
  border-color: var(--color-interactive-accent-active);
@@ -323,34 +295,6 @@ textarea.input-sm,
323
295
  select[multiple].input-sm {
324
296
  block-size: auto;
325
297
  }
326
- @supports (hyphenate-limit-chars: 1) {
327
- .input-sm {
328
- hyphens: auto;
329
- hyphenate-limit-chars: 7 3;
330
- }
331
- @media (min-width: 840px) {
332
- .input-sm {
333
- hyphenate-limit-chars: 8 3;
334
- }
335
- }
336
- @media (min-width: 1160px) {
337
- .input-sm {
338
- hyphenate-limit-chars: 10 4 3;
339
- }
340
- }
341
- }
342
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
343
- .input-sm {
344
- hyphens: auto;
345
- -webkit-hyphenate-limit-before: 3;
346
- -webkit-hyphenate-limit-after: 3;
347
- }
348
- @media (min-width: 1160px) {
349
- .input-sm {
350
- -webkit-hyphenate-limit-before: 4;
351
- }
352
- }
353
- }
354
298
  .form-group-sm .form-control,
355
299
  .navbar .form-control {
356
300
  block-size: 32px;
@@ -399,34 +343,6 @@ textarea.input-lg,
399
343
  select[multiple].input-lg {
400
344
  block-size: auto;
401
345
  }
402
- @supports (hyphenate-limit-chars: 1) {
403
- .input-lg {
404
- hyphens: auto;
405
- hyphenate-limit-chars: 7 3;
406
- }
407
- @media (min-width: 840px) {
408
- .input-lg {
409
- hyphenate-limit-chars: 8 3;
410
- }
411
- }
412
- @media (min-width: 1160px) {
413
- .input-lg {
414
- hyphenate-limit-chars: 10 4 3;
415
- }
416
- }
417
- }
418
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
419
- .input-lg {
420
- hyphens: auto;
421
- -webkit-hyphenate-limit-before: 3;
422
- -webkit-hyphenate-limit-after: 3;
423
- }
424
- @media (min-width: 1160px) {
425
- .input-lg {
426
- -webkit-hyphenate-limit-before: 4;
427
- }
428
- }
429
- }
430
346
  .form-group-lg {
431
347
  position: relative;
432
348
  }
@@ -2027,34 +1943,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
2027
1943
  color: #768e9c;
2028
1944
  color: var(--color-content-tertiary);
2029
1945
  }
2030
- @supports (hyphenate-limit-chars: 1) {
2031
- .form-control-placeholder {
2032
- hyphens: auto;
2033
- hyphenate-limit-chars: 7 3;
2034
- }
2035
- @media (min-width: 840px) {
2036
- .form-control-placeholder {
2037
- hyphenate-limit-chars: 8 3;
2038
- }
2039
- }
2040
- @media (min-width: 1160px) {
2041
- .form-control-placeholder {
2042
- hyphenate-limit-chars: 10 4 3;
2043
- }
2044
- }
2045
- }
2046
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2047
- .form-control-placeholder {
2048
- hyphens: auto;
2049
- -webkit-hyphenate-limit-before: 3;
2050
- -webkit-hyphenate-limit-after: 3;
2051
- }
2052
- @media (min-width: 1160px) {
2053
- .form-control-placeholder {
2054
- -webkit-hyphenate-limit-before: 4;
2055
- }
2056
- }
2057
- }
2058
1946
  .np-theme-personal .btn-input,
2059
1947
  .np-theme-personal .input-group,
2060
1948
  .np-theme-personal .form-control,
@@ -2338,44 +2226,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
2338
2226
  }
2339
2227
  }
2340
2228
  }
2341
- @supports (hyphenate-limit-chars: 1) {
2342
- .input-group-lg > .form-control,
2343
- .input-group-lg > .input-group-addon,
2344
- .input-group-lg > .input-group-btn .btn {
2345
- hyphens: auto;
2346
- hyphenate-limit-chars: 7 3;
2347
- }
2348
- @media (min-width: 840px) {
2349
- .input-group-lg > .form-control,
2350
- .input-group-lg > .input-group-addon,
2351
- .input-group-lg > .input-group-btn .btn {
2352
- hyphenate-limit-chars: 8 3;
2353
- }
2354
- }
2355
- @media (min-width: 1160px) {
2356
- .input-group-lg > .form-control,
2357
- .input-group-lg > .input-group-addon,
2358
- .input-group-lg > .input-group-btn .btn {
2359
- hyphenate-limit-chars: 10 4 3;
2360
- }
2361
- }
2362
- }
2363
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2364
- .input-group-lg > .form-control,
2365
- .input-group-lg > .input-group-addon,
2366
- .input-group-lg > .input-group-btn .btn {
2367
- hyphens: auto;
2368
- -webkit-hyphenate-limit-before: 3;
2369
- -webkit-hyphenate-limit-after: 3;
2370
- }
2371
- @media (min-width: 1160px) {
2372
- .input-group-lg > .form-control,
2373
- .input-group-lg > .input-group-addon,
2374
- .input-group-lg > .input-group-btn .btn {
2375
- -webkit-hyphenate-limit-before: 4;
2376
- }
2377
- }
2378
- }
2379
2229
  .input-group-lg > .form-control + p,
2380
2230
  .input-group-lg > .input-group-addon + p,
2381
2231
  .input-group-lg > .input-group-btn .btn + p,
@@ -2412,39 +2262,6 @@ select[multiple].input-group-sm > .form-control,
2412
2262
  select[multiple].input-group-sm > .input-group-addon {
2413
2263
  block-size: auto;
2414
2264
  }
2415
- @supports (hyphenate-limit-chars: 1) {
2416
- .input-group-sm > .form-control,
2417
- .input-group-sm > .input-group-addon {
2418
- hyphens: auto;
2419
- hyphenate-limit-chars: 7 3;
2420
- }
2421
- @media (min-width: 840px) {
2422
- .input-group-sm > .form-control,
2423
- .input-group-sm > .input-group-addon {
2424
- hyphenate-limit-chars: 8 3;
2425
- }
2426
- }
2427
- @media (min-width: 1160px) {
2428
- .input-group-sm > .form-control,
2429
- .input-group-sm > .input-group-addon {
2430
- hyphenate-limit-chars: 10 4 3;
2431
- }
2432
- }
2433
- }
2434
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2435
- .input-group-sm > .form-control,
2436
- .input-group-sm > .input-group-addon {
2437
- hyphens: auto;
2438
- -webkit-hyphenate-limit-before: 3;
2439
- -webkit-hyphenate-limit-after: 3;
2440
- }
2441
- @media (min-width: 1160px) {
2442
- .input-group-sm > .form-control,
2443
- .input-group-sm > .input-group-addon {
2444
- -webkit-hyphenate-limit-before: 4;
2445
- }
2446
- }
2447
- }
2448
2265
  .input-group-sm > .form-control .icon,
2449
2266
  .input-group-sm > .input-group-addon .icon {
2450
2267
  font-size: 1.25rem;