@transferwise/neptune-css 0.0.0-experimental-ff2b208 → 0.0.0-experimental-25d5b27

package/dist/css/neptune-core.css

@@ -74,6 +74,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
+  ascent-override: 90%;
+  descent-override: 20%;
+  line-gap-override: 0%;
   src: url(../fonts/vazirmatn/vazirmatn-arabic-wght-normal.woff2) format("woff2");
   unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
 }
@@ -82,6 +85,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
+  ascent-override: 90%;
+  descent-override: 20%;
+  line-gap-override: 0%;
   src: url(../fonts/vazirmatn/vazirmatn-latin-wght-normal.woff2) format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
@@ -90,6 +96,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
+  ascent-override: 90%;
+  descent-override: 20%;
+  line-gap-override: 0%;
   src: url(../fonts/vazirmatn/vazirmatn-latin-ext-wght-normal.woff2) format("woff2");
   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
@@ -5870,6 +5879,7 @@ summary {
   display: list-item;
 }
 :root {
+  --base-font-size: 16px;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -5886,7 +5896,6 @@ summary {
   --btn-lg-radius-base: 3px;
 }
 .np-theme-personal {
-  font-family: Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
   font-family: var(--wds-font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;
@@ -5910,19 +5919,13 @@ summary {
   --btn-radius-base: 9999px;
   --btn-sm-radius-base: var(--btn-radius-base);
   --btn-lg-radius-base: var(--btn-radius-base);
-  color: #5d7079;
   color: var(--color-content-secondary);
-  background-color: #ffffff;
   background-color: var(--color-background-screen);
 }
 html {
-  font-size: 0.875rem;
-  font-size: var(--wds-font-size-body);
-  font-family: Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+  font-size: var(--base-font-size);
   font-family: var(--wds-font-family-regular);
-  color: #5d7079;
   color: var(--color-content-secondary);
-  background-color: #ffffff;
   background-color: var(--color-background-screen);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -5938,12 +5941,10 @@ pre {
 }
 .np-theme-personal::-moz-selection {
   background-color: var(--color-background-neutral-active);
-  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal::selection {
   background-color: var(--color-background-neutral-active);
-  color: #37517e;
   color: var(--color-content-primary);
 }
 /* DEPRECATED: use `a` tag or .np-text-link-* instead */
@@ -5998,7 +5999,6 @@ a:active,
 a.secondary,
 .np-text-link-default.secondary,
 .np-text-link-large.secondary {
-  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .anchor.secondary:hover,
@@ -6009,14 +6009,12 @@ a.secondary:hover,
 a.secondary:focus,
 .np-text-link-default.secondary:focus,
 .np-text-link-large.secondary:focus {
-  color: #0084b3;
   color: var(--color-content-accent-hover);
 }
 .anchor.secondary:active,
 a.secondary:active,
 .np-text-link-default.secondary:active,
 .np-text-link-large.secondary:active {
-  color: #0077a5;
   color: var(--color-content-accent-active);
 }
 html.ios-click {
@@ -6049,21 +6047,17 @@ textarea {
   resize: vertical;
 }
 input::-moz-placeholder, textarea::-moz-placeholder {
-  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 input::placeholder,
 textarea::placeholder {
-  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 ol,
 ul {
-  margin-block: 0 24px;
   margin-block: 0 var(--size-24);
   margin-inline: 0;
   padding-block: 0 0;
-  padding-inline: calc(48px - 10px) 0;
   padding-inline: calc(var(--size-48) - var(--size-10)) 0;
 }
 ol ol,
@@ -6077,18 +6071,14 @@ ul ul {
   list-style: none;
 }
 .list-inline {
-  margin-inline-start: calc(4px * -1);
   margin-inline-start: calc(var(--size-4) * -1);
   padding-inline-start: 0;
   list-style: none;
 }
 .list-inline > li {
   display: inline-block;
-  padding-inline-end: 8px;
   padding-inline-end: var(--size-8);
-  padding-inline-start: 4px;
   padding-inline-start: var(--size-4);
-  border-inline-end: 1px solid rgba(0,0,0,0.10196);
   border-inline-end: 1px solid var(--color-border-neutral);
 }
 .list-inline > li:last-child {
@@ -6096,22 +6086,17 @@ ul ul {
 }
 dt,
 dd {
-  line-height: 1.5;
   line-height: var(--wds-line-height-body-large);
 }
 dt {
-  font-size: 0.875rem;
   font-size: var(--wds-font-size-body);
 }
 dd {
-  margin-block-end: 16px;
   margin-block-end: var(--size-16);
-  color: #37517e;
   color: var(--color-content-primary);
 }
 @media (min-width: 600px) {
   dd {
-    margin-block-end: 24px;
     margin-block-end: var(--size-24);
   }
 }
@@ -6135,7 +6120,6 @@ dd {
     text-overflow: ellipsis;
   }
   .dl-horizontal dd {
-    margin-block-end: 8px;
     margin-block-end: var(--size-8);
     margin-inline-start: 180px;
   }
@@ -6154,12 +6138,9 @@ dd {
   word-break: break-all;
 }
 hr {
-  margin-block: 16px;
   margin-block: var(--size-16);
   margin-inline: auto;
   border: 0;
-  border-block-start: 1px solid rgba(0,0,0,0.10196);
-  border-block-start: 1px solid #0000001a;
   border-block-start: 1px solid var(--color-border-neutral);
 }
 .bg-primary hr {
@@ -6167,14 +6148,12 @@ hr {
 }
 @media (min-width: 600px) {
   hr {
-    margin-block: 24px;
     margin-block: var(--size-24);
     margin-inline: auto;
   }
 }
 @media (min-width: 1160px) {
   hr {
-    margin-block: 32px;
     margin-block: var(--size-32);
     margin-inline: auto;
   }
@@ -6198,7 +6177,6 @@ video {
   vertical-align: middle;
 }
 .img-rounded {
-  border-radius: 10px;
   border-radius: var(--radius-small);
 }
 .img-circle {
@@ -6255,7 +6233,6 @@ h6,
 .np-text-title-body,
 .np-text-title-group {
   margin: 0;
-  color: #37517e;
   color: var(--color-content-primary);
   word-wrap: break-word;
 }
@@ -6458,7 +6435,6 @@ h6 + ol:not(.list-unstyled),
 .np-text-title-subsection + ol:not(.list-unstyled),
 .np-text-title-body + ol:not(.list-unstyled),
 .np-text-title-group + ol:not(.list-unstyled) {
-  margin-block-start: 8px;
   margin-block-start: var(--size-8);
 }
 /* DEPRECATED: use `.wds-text-title-screen` instead */
@@ -6506,15 +6482,11 @@ h3,
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 /* DEPRECATED: use `.wds-text-title-body` instead */
 .lead {
-  margin-block-end: 24px;
   margin-block-end: var(--size-24);
-  font-size: 1.125rem;
   font-size: var(--wds-font-size-title-body);
-  line-height: 1.35;
   line-height: var(--wds-line-height-title-body);
 }
 .tiny {
-  color: #5d7079;
   color: var(--color-content-secondary);
 }
 /* DEPRECATED: use `.wds-text-body-default` instead */
@@ -6944,20 +6916,17 @@ small,
 a,
 .np-text-link-default,
 .np-text-link-large {
-  font-weight: 600;
   font-weight: var(--wds-font-weight-title-body);
   -webkit-text-decoration: underline;
   text-decoration: underline;
   text-underline-offset: 0.3em;
 }
 .np-text-link-large {
-  font-size: 1rem;
   font-size: var(--wds-font-size-body-large);
   letter-spacing: -0.011em;
   line-height: 150%;
 }
 .np-text-link-default {
-  font-size: 0.875rem;
   font-size: var(--wds-font-size-body);
   letter-spacing: -0.006em;
   line-height: 155%;
@@ -6983,7 +6952,6 @@ a,
 .np-text-display-large--forced,
 .np-text-display-medium--forced,
 .np-text-display-small--forced {
-  font-family: 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
   font-family: var(--wds-font-family-display);
   font-synthesis: none;
 }
@@ -7048,75 +7016,64 @@ a,
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-1 {
-  margin-block-end: 24px;
   margin-block-end: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 3.73333333rem;
 }
 @media (min-width: 840px) {
   .display-1 {
-    margin-block-end: 8px;
     margin-block-end: var(--size-8);
     font-size: 6.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-2 {
-  margin-block-end: 24px;
   margin-block-end: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 3.73333333rem;
 }
 @media (min-width: 840px) {
   .display-2 {
-    margin-block-end: 16px;
     margin-block-end: var(--size-16);
     font-size: 5.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-3 {
-  margin-block-end: 8px;
   margin-block-end: var(--size-8);
   font-size: 2.8rem;
 }
 @media (min-width: 840px) {
   .display-3 {
-    margin-block-end: 24px;
     margin-block-end: var(--size-24);
     font-size: 4.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-4 {
-  margin-block-end: 4px;
   margin-block-end: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 1.86666667rem;
 }
 @media (min-width: 840px) {
   .display-4 {
-    margin-block-end: 24px;
     margin-block-end: var(--size-24);
     font-size: 3.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-5 {
-  margin-block-end: 4px;
   margin-block-end: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 1.86666667rem;
 }
 @media (min-width: 840px) {
   .display-5 {
-    margin-block-end: 8px;
     margin-block-end: var(--size-8);
     font-size: 2.625rem;
   }
 }
 p {
-  margin-block: 0 16px;
   margin-block: 0 var(--size-16);
   margin-inline: 0;
 }
@@ -7143,47 +7100,35 @@ p + .np-text-title-subsection,
 p + .np-text-title-body,
 p + .np-text-title-group {
   margin-block-start: 0;
-  margin-block-end: 8px;
   margin-block-end: var(--size-8);
 }
 .control-1,
 .control-2 {
-  color: #0097c7;
   color: var(--color-content-accent);
 }
 strong,
 b {
-  font-weight: 600;
   font-weight: var(--wds-font-weight-title-body);
-  color: #37517e;
   color: var(--color-content-primary);
 }
 mark,
 .mark {
-  padding: 4px;
   padding: var(--size-4);
-  background-color: rgba(255,172,0,0.10196);
   background-color: var(--color-background-warning);
 }
 address {
-  margin-block-end: 24px;
   margin-block-end: var(--size-24);
   font-style: normal;
 }
 blockquote {
-  margin-block: 16px;
   margin-block: var(--size-16);
   margin-inline: 0;
   padding-block: 0 0;
-  padding-inline: calc(16px - 2px) 16px;
   padding-inline: calc(var(--size-16) - 2px) var(--size-16);
-  font-size: 1rem;
   font-size: var(--wds-font-size-body-large);
-  border-inline-start: 2px solid #0097c7;
   border-inline-start: 2px solid var(--color-content-accent);
 }
 blockquote p {
-  margin-block-end: 8px;
   margin-block-end: var(--size-8);
 }
 blockquote p:last-child,
@@ -7193,11 +7138,8 @@ blockquote ul:last-child {
 }
 blockquote footer {
   display: block;
-  color: #5d7079;
   color: var(--color-content-secondary);
-  font-size: 0.875rem;
   font-size: var(--wds-font-size-body);
-  line-height: 1.5;
   line-height: var(--wds-line-height-body-large);
 }
 blockquote footer::before {
@@ -7205,15 +7147,12 @@ blockquote footer::before {
 }
 @media (min-width: 600px) {
   blockquote {
-    margin: 24px;
     margin: var(--size-24);
   }
 }
 @media (min-width: 1160px) {
   blockquote {
-    margin: 32px;
     margin: var(--size-32);
-    font-size: 1rem;
     font-size: var(--wds-font-size-body-large);
   }
 }
@@ -7221,7 +7160,6 @@ blockquote footer::before {
   padding-inline-end: 22px;
   padding-inline-start: 0;
   text-align: end;
-  border-inline-end: 2px solid #0097c7;
   border-inline-end: 2px solid var(--color-content-accent);
   border-inline-start: 0  ;
 }
@@ -7234,25 +7172,18 @@ blockquote footer::before {
 pre,
 code,
 kbd {
-  border-radius: 10px;
   border-radius: var(--radius-small);
 }
 pre {
-  margin-block: 0 24px;
   margin-block: 0 var(--size-24);
   margin-inline: 0;
-  padding: 16px;
   padding: var(--size-16);
   overflow: auto;
-  color: #5d7079;
   color: var(--color-content-secondary);
-  font-size: 0.875rem;
   font-size: var(--wds-font-size-body);
-  line-height: 1.5;
   line-height: var(--wds-line-height-body-large);
   word-wrap: break-word;
   word-break: break-all;
-  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 pre code {
@@ -7264,17 +7195,13 @@ pre code {
 }
 code {
   padding-block: 2px;
-  padding-inline: 4px;
   padding-inline: var(--size-4);
   font-size: 90%;
-  color: #5d7079;
   color: var(--color-content-secondary);
-  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 kbd {
   padding-block: 2px;
-  padding-inline: 4px;
   padding-inline: var(--size-4);
   font-size: 90%;
   color: #fff;
@@ -7282,7 +7209,6 @@ kbd {
 }
 kbd kbd {
   padding: 0;
-  font-weight: 600;
   font-weight: var(--wds-font-weight-title-body);
   font-size: 100%;
 }
@@ -7392,46 +7318,38 @@ kbd kbd {
   word-wrap: anywhere;
 }
 .font-weight-bold {
-  font-weight: 600 !important;
   font-weight: var(--wds-font-weight-title-screen) !important;
 }
 .font-weight-semi-bold {
-  font-weight: 500 !important;
   font-weight: var(--wds-font-weight-title-group) !important;
 }
 .font-weight-normal {
-  font-weight: 400 !important;
   font-weight: var(--wds-font-weight-body-regular) !important;
 }
 .font-italic {
   font-style: italic !important;
 }
 .text-primary {
-  color: #37517e !important;
   color: var(--color-content-primary) !important;
 }
 a.text-primary:hover,
 a.text-primary:focus {
-  color: #37517e !important;
   color: var(--color-content-primary) !important;
 }
 .bg-primary .text-primary {
   color: #ffffff !important;
 }
 .text-secondary {
-  color: #5d7079 !important;
   color: var(--color-content-secondary) !important;
 }
 .text-positive,
 .text-success {
-  color: #008026 !important;
   color: var(--color-content-positive) !important;
 }
 a.text-positive:hover,
 a.text-success:hover,
 a.text-positive:focus,
 a.text-success:focus {
-  color: #006d13 !important;
   color: var(--color-content-positive-hover) !important;
 }
 .bg-primary .text-positive,
@@ -7440,7 +7358,6 @@ a.text-success:focus {
 }
 .text-accent,
 .text-info {
-  color: #0097c7 !important;
   color: var(--color-content-accent) !important;
   color: var(--color-interactive-primary) !important;
 }
@@ -7448,7 +7365,6 @@ a.text-accent:hover,
 a.text-info:hover,
 a.text-accent:focus,
 a.text-info:focus {
-  color: #0084b3 !important;
   color: var(--color-content-accent-hover) !important;
 }
 .bg-primary .text-accent,
@@ -7456,12 +7372,10 @@ a.text-info:focus {
   color: #00b9ff !important;
 }
 .text-warning {
-  color: #9a6500 !important;
   color: var(--color-content-warning) !important;
 }
 a.text-warning:hover,
 a.text-warning:focus {
-  color: #855400 !important;
   color: var(--color-content-warning-hover) !important;
 }
 .bg-primary .text-warning {
@@ -7489,7 +7403,6 @@ a.text-inverse:focus {
   color: #c9cbce !important;
 }
 .text-muted {
-  color: #768e9c !important;
   color: var(--color-content-tertiary) !important;
 }
 .colored-dot::after {