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

package/src/main.less

@@ -86,6 +86,7 @@
 @import "./_deprecated/SwitchOption/SwitchOption.less";
 @import "./Tabs/Tabs.less";
 @import "./Table/Table.less";
+@import "./Tag/Tag.less";
 @import "./Tile/Tile.less";
 @import "./Tooltip/Tooltip.less";
 @import "./Typeahead/Typeahead.less";

package/src/styles/less/accordion.css

@@ -110,34 +110,6 @@
   margin-block-start: 4px;
   margin-block-start: var(--size-4);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .decision__content {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .decision__content {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .decision__content {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .decision__content {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .decision__content {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .decision + .decision {
   margin-block-start: -1px;
 }

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

@@ -355,31 +355,3 @@
   color: #5d7079;
   color: var(--color-content-secondary);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .btn-group .secondary {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .btn-group .secondary {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .btn-group .secondary {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .btn-group .secondary {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .btn-group .secondary {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}

package/src/styles/less/buttons.css

@@ -27,34 +27,6 @@
      -moz-user-select: none;
           user-select: none;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .btn {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .btn {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .btn {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .btn {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .btn {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .btn .dropdown-menu > li > a {
   font-size: 1rem;
   font-size: var(--font-size-16);

package/src/styles/less/core/_typography.less

@@ -135,7 +135,6 @@ small,
   line-height: 155%;
   letter-spacing: -0.006em;
   font-weight: var(--font-weight-regular);
-  .np-text-hyphenated;
 }
 
 /* DEPRECATED: use .np-text-body-default-bold instead */
@@ -150,7 +149,6 @@ small,
   line-height: 155%;
   letter-spacing: -0.006em;
   font-weight: var(--font-weight-semi-bold);
-  .np-text-hyphenated;
 }
 
 /* DEPRECATED: use .np-text-body-large instead  */
@@ -162,7 +160,6 @@ small,
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
-  .np-text-hyphenated;
 }
 
 /* DEPRECATED: use np-text-body-large-bold instead */
@@ -173,7 +170,6 @@ small,
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
-  .np-text-hyphenated;
 }
 
 // LINK
@@ -284,14 +280,6 @@ a,
   }
 }
 
-/* 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),
 :lang(sq),
 :lang(eu),

package/src/styles/less/decision.css

@@ -72,34 +72,6 @@
   margin-block-start: 4px;
   margin-block-start: var(--size-4);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .decision__content {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .decision__content {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .decision__content {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .decision__content {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .decision__content {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .decision + .decision {
   margin-block-start: -1px;
 }

package/src/styles/less/dropdowns.css

@@ -31,34 +31,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 {
@@ -104,34 +76,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/droppable.css

@@ -13,34 +13,6 @@
   overflow: auto;
   transition: border-color 0.15s linear;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .droppable {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .droppable {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .droppable {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .droppable {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .droppable {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .droppable:hover {
   border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);

package/src/styles/less/footer.css

@@ -12,34 +12,6 @@
   padding-block-end: calc(8px * 10);
   padding-block-end: calc(var(--size-8) * 10);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .footer {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .footer {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .footer {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .footer {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 @media (min-width: 600px) {
   .footer {
     padding-block-start: calc(8px * 15);
@@ -67,39 +39,6 @@
   font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .footer .footer-link,
-  .footer .link-icon {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .footer .footer-link,
-    .footer .link-icon {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .footer .footer-link,
-    .footer .link-icon {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .footer .footer-link,
-  .footer .link-icon {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .footer .footer-link,
-    .footer .link-icon {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .footer .footer-link:hover,
 .footer .link-icon:hover,
 .footer .footer-link:active,

package/src/styles/less/forms/bootstrap-forms.css

@@ -103,34 +103,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);
@@ -320,34 +292,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;
@@ -396,34 +340,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;
 }
@@ -2024,34 +1940,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,