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

package/build/styles/Inputs/Input/Input.css

@@ -50,34 +50,6 @@
   padding-block-end: 12px;
   padding-block-end: var(--size-12);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-auto {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-auto {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-auto {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-auto {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-auto {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .np-form-control--size-sm,
 .np-form-control--size-md,
 .np-form-control--size-lg {
@@ -94,34 +66,6 @@
   block-size: 32px !important;
   block-size: var(--size-32) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-sm {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-sm {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-sm {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-sm {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-sm {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 @media (max-width: 320px) {
   .np-form-control--size-sm {
     block-size: 64px !important;
@@ -138,34 +82,6 @@
   block-size: 48px !important;
   block-size: var(--size-48) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-md {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-md {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-md {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-md {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-md {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 @media (max-width: 320px) {
   .np-form-control--size-md {
     block-size: 72px !important;

package/build/styles/Inputs/TextArea/TextArea.css

@@ -50,34 +50,6 @@
   padding-block-end: 12px;
   padding-block-end: var(--size-12);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-auto {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-auto {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-auto {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-auto {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-auto {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .np-form-control--size-sm,
 .np-form-control--size-md,
 .np-form-control--size-lg {
@@ -94,34 +66,6 @@
   block-size: 32px !important;
   block-size: var(--size-32) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-sm {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-sm {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-sm {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-sm {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-sm {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 @media (max-width: 320px) {
   .np-form-control--size-sm {
     block-size: 64px !important;
@@ -138,34 +82,6 @@
   block-size: 48px !important;
   block-size: var(--size-48) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-md {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-md {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-md {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-md {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-md {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 @media (max-width: 320px) {
   .np-form-control--size-md {
     block-size: 72px !important;

package/build/styles/Tag/Tag.css

@@ -0,0 +1,35 @@
+.wds-tag {
+  align-items: center;
+  display: inline-flex;
+  gap: 1px;
+  max-inline-size: 240px;
+  min-inline-size: 0;
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+}
+.wds-tag--small {
+  border-radius: 6px;
+  padding-block: 1px;
+  padding-inline: 3px 4px;
+  padding-inline: 3px var(--size-4);
+}
+.wds-tag--small .wds-tag__text {
+  font-size: 0.75rem;
+  font-size: var(--font-size-12);
+}
+.wds-tag--large {
+  border-radius: 8px;
+  border-radius: var(--size-8);
+  padding-block: 1px;
+  padding-inline: 5px 6px;
+  padding-inline: var(--size-5) 6px;
+}
+.wds-tag__text {
+  overflow: hidden;
+  padding-inline-start: 1px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.wds-tag.wds-tag--proposition {
+  color: var(--color-sentiment-interactive-primary);
+}

package/build/styles/_deprecated/Select/Select.css

@@ -157,34 +157,6 @@
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-dropdown-menu > li > a {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-dropdown-menu > li > a {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-dropdown-menu > li > a {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-dropdown-menu > li > a {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-dropdown-menu > li > a {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
 .np-dropdown-menu > li:first-child > a {
   border-start-end-radius: 3px;
   border-start-start-radius: 3px;

package/build/styles/css/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/build/styles/css/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/build/styles/css/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/build/styles/css/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/build/styles/css/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/build/styles/css/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/build/styles/css/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,