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

package/src/styles/less/input-groups.css

@@ -106,34 +106,6 @@ textarea.form-control,
 select[multiple].form-control {
   block-size: auto;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .form-control {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .form-control {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .form-control {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .form-control {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .form-control {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .form-control:not(.disabled):not(:disabled):focus {
   border-color: #0081ba;
   border-color: var(--color-interactive-accent-active);
@@ -323,34 +295,6 @@ textarea.input-sm,
 select[multiple].input-sm {
   block-size: auto;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .input-sm {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .input-sm {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .input-sm {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .input-sm {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .input-sm {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .form-group-sm .form-control,
 .navbar .form-control {
   block-size: 32px;
@@ -399,34 +343,6 @@ textarea.input-lg,
 select[multiple].input-lg {
   block-size: auto;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .input-lg {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .input-lg {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .input-lg {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .input-lg {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .input-lg {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .form-group-lg {
   position: relative;
 }
@@ -2027,34 +1943,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   color: #768e9c;
   color: var(--color-content-tertiary);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .form-control-placeholder {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .form-control-placeholder {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .form-control-placeholder {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .form-control-placeholder {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .form-control-placeholder {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .np-theme-personal .btn-input,
 .np-theme-personal .input-group,
 .np-theme-personal .form-control,
@@ -2338,44 +2226,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
     }
   }
 }
-@supports (hyphenate-limit-chars: 1) {
-  .input-group-lg > .form-control,
-  .input-group-lg > .input-group-addon,
-  .input-group-lg > .input-group-btn .btn {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .input-group-lg > .form-control,
-    .input-group-lg > .input-group-addon,
-    .input-group-lg > .input-group-btn .btn {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .input-group-lg > .form-control,
-    .input-group-lg > .input-group-addon,
-    .input-group-lg > .input-group-btn .btn {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .input-group-lg > .form-control,
-  .input-group-lg > .input-group-addon,
-  .input-group-lg > .input-group-btn .btn {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .input-group-lg > .form-control,
-    .input-group-lg > .input-group-addon,
-    .input-group-lg > .input-group-btn .btn {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .input-group-lg > .form-control + p,
 .input-group-lg > .input-group-addon + p,
 .input-group-lg > .input-group-btn .btn + p,
@@ -2412,39 +2262,6 @@ select[multiple].input-group-sm > .form-control,
 select[multiple].input-group-sm > .input-group-addon {
   block-size: auto;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .input-group-sm > .form-control,
-  .input-group-sm > .input-group-addon {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .input-group-sm > .form-control,
-    .input-group-sm > .input-group-addon {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .input-group-sm > .form-control,
-    .input-group-sm > .input-group-addon {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .input-group-sm > .form-control,
-  .input-group-sm > .input-group-addon {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .input-group-sm > .form-control,
-    .input-group-sm > .input-group-addon {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .input-group-sm > .form-control .icon,
 .input-group-sm > .input-group-addon .icon {
   font-size: 1.25rem;

package/src/styles/less/navbar.css

@@ -147,34 +147,6 @@
   transform: translateY(-10px) scale(0.95, 0.95);
   visibility: hidden;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .dropdown-menu {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .dropdown-menu {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .dropdown-menu {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .dropdown-menu {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .dropdown-menu {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .np-theme-personal .dropdown-menu,
 .np-theme-personal--forest-green .dropdown-menu,
 .np-theme-personal--dark .dropdown-menu {
@@ -220,34 +192,6 @@
   color: var(--color-content-primary);
   white-space: nowrap;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .dropdown-menu > li > a {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .dropdown-menu > li > a {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .dropdown-menu > li > a {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .dropdown-menu > li > a {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .dropdown-menu > li > a {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .dropdown-menu > li > a .secondary {
   display: block;
   white-space: normal;

package/src/styles/less/neptune-core.css

@@ -962,64 +962,6 @@ small,
   font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .body-2,
-  .body-3,
-  .small,
-  .tiny,
-  body,
-  small,
-  .np-text-body-default {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .body-2,
-    .body-3,
-    .small,
-    .tiny,
-    body,
-    small,
-    .np-text-body-default {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .body-2,
-    .body-3,
-    .small,
-    .tiny,
-    body,
-    small,
-    .np-text-body-default {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .body-2,
-  .body-3,
-  .small,
-  .tiny,
-  body,
-  small,
-  .np-text-body-default {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .body-2,
-    .body-3,
-    .small,
-    .tiny,
-    body,
-    small,
-    .np-text-body-default {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 /* DEPRECATED: use .np-text-body-default-bold instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-2,
@@ -1033,49 +975,6 @@ small,
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .control-2,
-  .label,
-  .control-label,
-  .np-text-body-default-bold {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .control-2,
-    .label,
-    .control-label,
-    .np-text-body-default-bold {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .control-2,
-    .label,
-    .control-label,
-    .np-text-body-default-bold {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .control-2,
-  .label,
-  .control-label,
-  .np-text-body-default-bold {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .control-2,
-    .label,
-    .control-label,
-    .np-text-body-default-bold {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 /* DEPRECATED: use .np-text-body-large instead  */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-1,
@@ -1088,44 +987,6 @@ small,
   line-height: 150%;
   letter-spacing: -0.011em;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .body-1,
-  .value,
-  .np-text-body-large {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .body-1,
-    .value,
-    .np-text-body-large {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .body-1,
-    .value,
-    .np-text-body-large {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .body-1,
-  .value,
-  .np-text-body-large {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .body-1,
-    .value,
-    .np-text-body-large {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 /* DEPRECATED: use np-text-body-large-bold instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-1,
@@ -1137,39 +998,6 @@ small,
   line-height: 150%;
   letter-spacing: -0.011em;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .control-1,
-  .np-text-body-large-bold {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .control-1,
-    .np-text-body-large-bold {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .control-1,
-    .np-text-body-large-bold {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .control-1,
-  .np-text-body-large-bold {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .control-1,
-    .np-text-body-large-bold {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 a,
 .np-text-link-default,
 .np-text-link-large {
@@ -1363,13 +1191,6 @@ a,
   font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
-/* Disable hyphenation for Japanese, Thai, and Chinese — these languages use character-level breaks and should never insert hyphens. */
-:lang(ja),
-:lang(th),
-:lang(zh-CN),
-:lang(zh-HK) {
-  hyphens: none;
-}
 :lang(af) .np-text-display-extra-large,
 :lang(sq) .np-text-display-extra-large,
 :lang(eu) .np-text-display-extra-large,