@transferwise/components 0.0.0-experimental-74e7404 → 0.0.0-experimental-4560f77

package/build/styles/Accordion/Accordion.css

@@ -9,7 +9,8 @@
   background-color: transparent;
 }
 .np-accordion-item.np-accordion-item--dark .media-body,
-.np-accordion-item.np-accordion-item--dark .np-text-title-body {
+.np-accordion-item.np-accordion-item--dark .np-text-title-body,
+.np-accordion-item.np-accordion-item--dark .wds-text-title-body {
   color: #ffffff;
 }
 .np-accordion-item__content {

package/build/styles/Body/Body.css

@@ -1,3 +1,3 @@
-.np-text--pre-line {
+.wds-text--pre-line {
   white-space: pre-line;
 }

package/build/styles/Chips/Chip/Chip.css

@@ -134,12 +134,14 @@
 .np-theme-personal .np-chip.np-chip--removable {
   position: relative;
 }
-.np-theme-personal .np-chip.np-chip--removable .np-text-body-default-bold {
+.np-theme-personal .np-chip.np-chip--removable .np-text-body-default-bold,
+.np-theme-personal .np-chip.np-chip--removable .wds-text-body-default-bold {
   padding-inline-end: 24px;
   padding-inline-end: var(--size-24);
 }
 @media (max-width: 320px) {
-  .np-theme-personal .np-chip.np-chip--removable .np-text-body-default-bold {
+  .np-theme-personal .np-chip.np-chip--removable .np-text-body-default-bold,
+  .np-theme-personal .np-chip.np-chip--removable .wds-text-body-default-bold {
     padding-inline-end: 48px;
     padding-inline-end: var(--size-48);
   }

package/build/styles/Decision/Decision.css

@@ -1,7 +1,8 @@
 .np-decision .decision {
   display: flex;
 }
-.np-decision__tile--small .np-text-title-subsection {
+.np-decision__tile--small .np-text-title-subsection,
+.np-decision__tile--small .wds-text-title-subsection {
   font-size: 1rem;
   font-size: var(--font-size-16);
   line-height: 1.2;

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

@@ -1,4 +1,65 @@
-.np-form-control {
+.np-form-control--size-lg {
+  margin-block-end: initial;
+}
+.np-form-control--size-sm {
+  word-wrap: break-word;
+}
+@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;
+    }
+  }
+}.np-form-control--size-auto,
+.np-form-control--size-md {
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .np-form-control--size-auto,
+  .np-form-control--size-md {
+    hyphens: auto;hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .np-form-control--size-auto,
+    .np-form-control--size-md {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .np-form-control--size-auto,
+    .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-auto,
+  .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-auto,
+    .np-form-control--size-md {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}.np-form-control {
   --ring-width: 1px;
   --ring-color: var(--color-interactive-secondary);
   border: none;
@@ -39,12 +100,6 @@
   --ring-color: var(--color-interactive-primary);
 }
 .np-form-control--size-auto {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-  line-height: 150%;
-  letter-spacing: -0.011em;
   word-wrap: break-word;
   padding-block-start: 12px;
   padding-block-start: var(--size-12);
@@ -86,12 +141,6 @@
   padding-block-end: 0 !important;
 }
 .np-form-control--size-sm {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-  line-height: 155%;
-  letter-spacing: -0.006em;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
   block-size: 32px !important;
   block-size: var(--size-32) !important;
@@ -131,12 +180,6 @@
   }
 }
 .np-form-control--size-md {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-  line-height: 150%;
-  letter-spacing: -0.011em;
   word-wrap: break-word;
   block-size: 48px !important;
   block-size: var(--size-48) !important;
@@ -176,57 +219,10 @@
   }
 }
 .np-form-control--size-lg {
-  margin: 0;
-  color: #37517e;
-  color: var(--color-content-primary);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
-  letter-spacing: 0;
-  word-wrap: break-word;
   margin-block-end: initial;
-  font-size: 1.375rem;
-  font-size: var(--font-size-22);
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: -0.018em;
-  line-height: 125%;
   block-size: 72px !important;
   block-size: var(--size-72) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-lg {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-lg {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-lg {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-lg {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-lg {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
-.np-form-control--size-lg + p,
-.np-form-control--size-lg + ul:not(.list-unstyled),
-.np-form-control--size-lg + ol:not(.list-unstyled) {
-  margin-block-start: 8px;
-  margin-block-start: var(--size-8);
-}
 .np-input::-moz-placeholder {
   color: #768e9c;
   color: var(--color-content-tertiary);

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

@@ -1,4 +1,65 @@
-.np-form-control {
+.np-form-control--size-lg {
+  margin-block-end: initial;
+}
+.np-form-control--size-sm {
+  word-wrap: break-word;
+}
+@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;
+    }
+  }
+}.np-form-control--size-auto,
+.np-form-control--size-md {
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .np-form-control--size-auto,
+  .np-form-control--size-md {
+    hyphens: auto;hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .np-form-control--size-auto,
+    .np-form-control--size-md {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .np-form-control--size-auto,
+    .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-auto,
+  .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-auto,
+    .np-form-control--size-md {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}.np-form-control {
   --ring-width: 1px;
   --ring-color: var(--color-interactive-secondary);
   border: none;
@@ -39,12 +100,6 @@
   --ring-color: var(--color-interactive-primary);
 }
 .np-form-control--size-auto {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-  line-height: 150%;
-  letter-spacing: -0.011em;
   word-wrap: break-word;
   padding-block-start: 12px;
   padding-block-start: var(--size-12);
@@ -86,12 +141,6 @@
   padding-block-end: 0 !important;
 }
 .np-form-control--size-sm {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-  line-height: 155%;
-  letter-spacing: -0.006em;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
   block-size: 32px !important;
   block-size: var(--size-32) !important;
@@ -131,12 +180,6 @@
   }
 }
 .np-form-control--size-md {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-  line-height: 150%;
-  letter-spacing: -0.011em;
   word-wrap: break-word;
   block-size: 48px !important;
   block-size: var(--size-48) !important;
@@ -176,57 +219,10 @@
   }
 }
 .np-form-control--size-lg {
-  margin: 0;
-  color: #37517e;
-  color: var(--color-content-primary);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
-  letter-spacing: 0;
-  word-wrap: break-word;
   margin-block-end: initial;
-  font-size: 1.375rem;
-  font-size: var(--font-size-22);
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: -0.018em;
-  line-height: 125%;
   block-size: 72px !important;
   block-size: var(--size-72) !important;
 }
-@supports (hyphenate-limit-chars: 1) {
-  .np-form-control--size-lg {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-form-control--size-lg {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-lg {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-form-control--size-lg {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-form-control--size-lg {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
-.np-form-control--size-lg + p,
-.np-form-control--size-lg + ul:not(.list-unstyled),
-.np-form-control--size-lg + ol:not(.list-unstyled) {
-  margin-block-start: 8px;
-  margin-block-start: var(--size-8);
-}
 .np-text-area {
   min-block-size: 72px;
   min-block-size: var(--size-72);

package/build/styles/MoneyInput/MoneyInput.css

@@ -4,7 +4,8 @@
 .tw-money-input .tw-money-input__fixed-currency {
   padding-inline-start: 0 !important;
 }
-.tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection {
+.tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection,
+.tw-money-input .tw-money-input__fixed-currency .wds-text-title-subsection {
   color: #768e9c;
   color: var(--color-content-tertiary);
   font-weight: 600;
@@ -20,14 +21,16 @@
 .tw-money-input.input-group-sm .form-control {
   min-block-size: 34px;
 }
-.tw-money-input.input-group-sm .np-text-title-subsection {
+.tw-money-input.input-group-sm .np-text-title-subsection,
+.tw-money-input.input-group-sm .wds-text-title-subsection {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
 }
 .tw-money-input.input-group-md .form-control {
   min-block-size: 53px;
 }
-.tw-money-input.input-group-md .np-text-title-subsection {
+.tw-money-input.input-group-md .np-text-title-subsection,
+.tw-money-input.input-group-md .wds-text-title-subsection {
   font-size: 1rem;
   font-size: var(--font-size-16);
 }

package/build/styles/Popover/Popover.css

@@ -1,3 +1,6 @@
+.np-popover__container.np-bottom-sheet .np-popover__title {
+  margin-block-end: initial;
+}
 .np-theme-personal .np-popover__container {
   border-radius: 16px;
   border-radius: var(--radius-medium);
@@ -23,54 +26,7 @@
   padding: var(--size-24);
 }
 .np-popover__container.np-bottom-sheet .np-popover__title {
-  margin: 0;
-  color: #37517e;
-  color: var(--color-content-primary);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
-  letter-spacing: 0;
-  word-wrap: break-word;
   margin-block-end: initial;
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-size: 1.625rem;
-  font-size: var(--font-size-26);
-  letter-spacing: -0.02em;
-  line-height: 122%;
-}
-@supports (hyphenate-limit-chars: 1) {
-  .np-popover__container.np-bottom-sheet .np-popover__title {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .np-popover__container.np-bottom-sheet .np-popover__title {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .np-popover__container.np-bottom-sheet .np-popover__title {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .np-popover__container.np-bottom-sheet .np-popover__title {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .np-popover__container.np-bottom-sheet .np-popover__title {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
-.np-popover__container.np-bottom-sheet .np-popover__title + p,
-.np-popover__container.np-bottom-sheet .np-popover__title + ul:not(.list-unstyled),
-.np-popover__container.np-bottom-sheet .np-popover__title + ol:not(.list-unstyled) {
-  margin-block-start: 8px;
-  margin-block-start: var(--size-8);
 }
 .np-popover__container.np-bottom-sheet .np-popover__content {
   padding-block: 32px;

package/build/styles/ProgressBar/ProgressBar.css

@@ -1,4 +1,5 @@
-.np-progress-bar__title .h4 {
+.np-progress-bar__title .h4,
+.np-progress-bar__title .wds-text-title-body {
   color: #37517e;
   color: var(--color-content-primary);
   margin-block-end: 4px;

package/build/styles/Table/Table.css

@@ -40,10 +40,16 @@
 }
 .np-table-inner-container {
   background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
-  background-position: left center, right center, left center, right center;
+  background-position: left center,
+      right center,
+      left center,
+      right center;
   background-repeat: no-repeat;
   background-color: var(--color-contrast-overlay);
-  background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
+  background-size: 15px 100%,
+      15px 100%,
+      15px 100%,
+      15px 100%;
   background-attachment: local, local, scroll, scroll;
   overflow-x: auto;
   border-radius: 10px;
@@ -138,7 +144,9 @@
   padding-inline-end: 0;
 }
 .np-table-header.np-table-header--right > .np-text-body-default,
-.np-table-cell.np-table-cell--right > .np-text-body-default {
+.np-table-cell.np-table-cell--right > .np-text-body-default,
+.np-table-header.np-table-header--right > .wds-text-body-default,
+.np-table-cell.np-table-cell--right > .wds-text-body-default {
   text-align: end;
 }
 .np-table-header.np-table-header--right + .np-table-header:not(.np-table-header--right),
@@ -197,7 +205,8 @@
 .np-table-cell--primary {
   min-inline-size: 200px;
 }
-.np-table-cell--currency .np-text-body-default {
+.np-table-cell--currency .np-text-body-default,
+.np-table-cell--currency .wds-text-body-default {
   white-space: nowrap;
 }
 .np-table-cell .tw-chevron {
@@ -214,7 +223,8 @@
   background-color: var(--color-background-neutral);
   padding: 0;
 }
-.np-table-cell .np-text-body-default-bold {
+.np-table-cell .np-text-body-default-bold,
+.np-table-cell .wds-text-body-default-bold {
   display: flex;
   align-items: center;
   color: #37517e;

package/build/styles/Tile/Tile.css

@@ -25,7 +25,8 @@
 .np-theme-personal .np-tile.decision:active {
   background-color: var(--color-background-neutral-active);
 }
-.np-theme-personal .np-tile.decision .np-text-body-default {
+.np-theme-personal .np-tile.decision .np-text-body-default,
+.np-theme-personal .np-tile.decision .wds-text-body-default {
   color: #5d7079;
   color: var(--color-content-secondary);
 }

package/build/styles/Typeahead/Typeahead.css

@@ -180,12 +180,14 @@
 .np-theme-personal .typeahead .np-chip {
   margin-block-start: 9px !important;
 }
-.np-theme-personal .typeahead .np-chip--removable .np-text-body-default-bold {
+.np-theme-personal .typeahead .np-chip--removable .np-text-body-default-bold,
+.np-theme-personal .typeahead .np-chip--removable .wds-text-body-default-bold {
   padding-inline-end: 16px;
   padding-inline-end: var(--size-16);
 }
 @media (max-width: 320px) {
-  .np-theme-personal .typeahead .np-chip--removable .np-text-body-default-bold {
+  .np-theme-personal .typeahead .np-chip--removable .np-text-body-default-bold,
+  .np-theme-personal .typeahead .np-chip--removable .wds-text-body-default-bold {
     padding-inline-end: 32px;
     padding-inline-end: var(--size-32);
   }

package/build/styles/_deprecated/CriticalBanner/CriticalCommsBanner.css

@@ -8,7 +8,8 @@
   color: var(--color-sentiment-content-primary);
   margin-block-end: 0;
 }
-.critical-comms .alert .np-text-title-body {
+.critical-comms .alert .np-text-title-body,
+.critical-comms .alert .wds-text-title-body {
   color: var(--color-sentiment-content-primary);
 }
 .critical-comms .status-circle.negative {

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

@@ -1,4 +1,30 @@
-.np-select .np-dropdown-toggle {
+.np-dropdown-menu > li > a {
+  word-wrap: break-word;
+}
+@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-select .np-dropdown-toggle {
   background-color: #ffffff;
   background-color: var(--color-background-screen);
   border: 1px solid #c9cbce;
@@ -146,12 +172,6 @@
   border-radius: var(--radius-small);
   color: #37517e;
   color: var(--color-content-primary);
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-  line-height: 155%;
-  letter-spacing: -0.006em;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
 }
 .np-theme-personal .np-dropdown-menu > li > a {
@@ -230,8 +250,12 @@
 .np-dropdown-menu > .selected > a strong {
   color: inherit;
 }
+.np-dropdown-menu > .active > a .body-2,
+.np-dropdown-menu > .selected > a .body-2,
 .np-dropdown-menu > .active > a .np-text-body-default,
-.np-dropdown-menu > .selected > a .np-text-body-default {
+.np-dropdown-menu > .selected > a .np-text-body-default,
+.np-dropdown-menu > .active > a .wds-text-body-default,
+.np-dropdown-menu > .selected > a .wds-text-body-default {
   color: #c9cbce;
 }
 .np-dropdown-menu .np-select-filter,
@@ -271,7 +295,9 @@
   vertical-align: middle;
 }
 .np-select .np-text-body-default,
-.np-dropdown-menu .np-text-body-default {
+.np-dropdown-menu .np-text-body-default,
+.np-select .wds-text-body-default,
+.np-dropdown-menu .wds-text-body-default {
   color: #5d7079;
   color: var(--color-content-secondary);
 }
@@ -332,7 +358,13 @@
 .np-theme-personal .np-dropdown-menu .active a:focus .np-text-body-default,
 .np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,
 .np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,
-.np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default {
+.np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default,
+.np-theme-personal .np-dropdown-menu .active a .wds-text-body-default,
+.np-theme-personal .np-dropdown-menu .selected a .wds-text-body-default,
+.np-theme-personal .np-dropdown-menu .active a:focus .wds-text-body-default,
+.np-theme-personal .np-dropdown-menu .selected a:focus .wds-text-body-default,
+.np-theme-personal .np-dropdown-menu .active a:hover .wds-text-body-default,
+.np-theme-personal .np-dropdown-menu .selected a:hover .wds-text-body-default {
   color: var(--color-interactive-primary);
 }
 .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active {
@@ -340,7 +372,8 @@
   background-color: var(--color-background-neutral-active) !important;
 }
 .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .body-2,
-.np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .np-text-body-default {
+.np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .np-text-body-default,
+.np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .wds-text-body-default {
   color: var(--color-interactive-primary);
 }
 .np-theme-personal .np-dropdown-menu .np-dropdown-item {