@transferwise/components 0.0.0-experimental-6694223 → 0.0.0-experimental-63ebbfb

package/build/main.css

@@ -2246,7 +2246,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -2255,7 +2255,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -2264,7 +2264,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 
@@ -2273,7 +2273,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 
@@ -2282,7 +2282,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -2291,7 +2291,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -2300,7 +2300,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 
@@ -2308,7 +2308,7 @@
   font-weight: 400;
   font-weight: var(--font-weight-regular);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Regular.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Regular.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
   font-display: swap;
 }
 
@@ -2316,7 +2316,7 @@
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Semibold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
   font-display: swap;
 }
 
@@ -2324,14 +2324,14 @@
   font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Bold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Bold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
 }
 
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
   font-display: swap;
-  src: url("neptune-css/fonts/WiseSans-Heavy.woff2") format("woff2");
+  src: url("styles/fonts/WiseSans-Heavy.woff2") format("woff2");
 }
 
 /* stylelint-disable selector-max-empty-lines */
@@ -7728,7 +7728,7 @@ input:focus ~ .alert-focus,
 
 .bg--dark {
   background-color: rgba(134,167,189,0.10196);
-  background-image: url("neptune-css/img/bg-dark.svg");
+  background-image: url("styles/img/bg-dark.svg");
 }
 
 .np-theme-personal .bg--dark {
@@ -7740,7 +7740,7 @@ input:focus ~ .alert-focus,
 .bg--light {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  background-image: url("neptune-css/img/bg-light.svg");
+  background-image: url("styles/img/bg-light.svg");
 }
 
 .badge {
@@ -21026,17 +21026,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   outline-offset: var(--ring-outline-offset);
 }
 
-.close:focus {
-  outline: none;
-}
-
-.close:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .close:active {
   color: #0077a5;
   color: var(--color-content-accent-active);
@@ -22600,17 +22589,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   outline-offset: var(--ring-outline-offset);
 }
 
-.popover-close:focus {
-  outline: none;
-}
-
-.popover-close:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .popover-close:active {
   color: #0077a5;
   color: var(--color-content-accent-active);
@@ -23491,35 +23469,6 @@ textarea:focus-visible {
   outline-offset: var(--ring-outline-offset);
 }
 
-details:focus,
-summary:focus,
-a:focus,
-button:focus,
-input:focus,
-option:focus,
-dialog:focus,
-input:focus,
-select:focus,
-textarea:focus {
-  outline: none;
-}
-
-details:focus-visible,
-summary:focus-visible,
-a:focus-visible,
-button:focus-visible,
-input:focus-visible,
-option:focus-visible,
-dialog:focus-visible,
-input:focus-visible,
-select:focus-visible,
-textarea:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .ring-offset-0 {
   --ring-outline-offset: 0;
 }
@@ -27508,17 +27457,6 @@ a[data-toggle="tooltip"] {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-theme-personal .np-card__button:focus {
-  outline: none;
-}
-
-.np-theme-personal .np-card__button:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-card__content {
   padding: 24px 16px;
   padding: var(--size-24) var(--size-16);
@@ -27573,17 +27511,6 @@ a[data-toggle="tooltip"] {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-theme-personal .np-card__button:focus {
-  outline: none;
-}
-
-.np-theme-personal .np-card__button:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-theme-personal .np-card--expanded .np-card__button {
   border-radius: 16px 16px 0 0;
   border-radius: var(--radius-medium) var(--radius-medium) 0 0;
@@ -30622,17 +30549,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-select-input-listbox:focus {
-  outline: none;
-}
-
-.np-select-input-listbox:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-select-input-listbox-container--virtualized .np-select-input-listbox {
   /* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
   overflow-y: auto;
@@ -30694,17 +30610,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-select-input-addon--interactive:focus {
-  outline: none;
-}
-
-.np-select-input-addon--interactive:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-select-input-addon-separator {
   height: 24px;
   height: var(--size-24);
@@ -31406,17 +31311,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-navigation-option:focus {
-  outline: none;
-}
-
-.np-navigation-option:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-theme-personal .np-navigation-option {
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -33241,17 +33135,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-switch:focus {
-  outline: none;
-}
-
-.np-switch:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-switch--thumb {
   display: flex;
   transition: transform cubic-bezier(0, 0.94, 0.62, 1) 350ms;
@@ -33478,17 +33361,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-table-outer-container:focus {
-  outline: none;
-}
-
-.np-table-outer-container:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-table-outer-container:focus-visible {
   outline-offset: 0;
 }
@@ -33554,17 +33426,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-table-row:focus {
-  outline: none;
-}
-
-.np-table-row:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-table-row:focus-visible {
   outline-offset: -2px;
   border-radius: 6px;

package/{src/neptune-css/less → build/styles/css}/background.css

@@ -6,7 +6,7 @@
 }
 .bg--dark {
   background-color: rgba(134,167,189,0.10196);
-  background-image: url("neptune-css/img/bg-dark.svg");
+  background-image: url("styles/img/bg-dark.svg");
 }
 .np-theme-personal .bg--dark {
   background-color: var(--color-forest-green);
@@ -16,5 +16,5 @@
 .bg--light {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  background-image: url("neptune-css/img/bg-light.svg");
+  background-image: url("styles/img/bg-light.svg");
 }

package/build/{neptune-css → styles}/css/neptune.css

@@ -2246,7 +2246,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -2255,7 +2255,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -2264,7 +2264,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 
@@ -2273,7 +2273,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 
@@ -2282,7 +2282,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -2291,7 +2291,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -2300,7 +2300,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 
@@ -2308,7 +2308,7 @@
   font-weight: 400;
   font-weight: var(--font-weight-regular);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Regular.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Regular.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
   font-display: swap;
 }
 
@@ -2316,7 +2316,7 @@
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Semibold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
   font-display: swap;
 }
 
@@ -2324,14 +2324,14 @@
   font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Bold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Bold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
 }
 
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
   font-display: swap;
-  src: url("neptune-css/fonts/WiseSans-Heavy.woff2") format("woff2");
+  src: url("styles/fonts/WiseSans-Heavy.woff2") format("woff2");
 }
 
 /* stylelint-disable selector-max-empty-lines */
@@ -7728,7 +7728,7 @@ input:focus ~ .alert-focus,
 
 .bg--dark {
   background-color: rgba(134,167,189,0.10196);
-  background-image: url("neptune-css/img/bg-dark.svg");
+  background-image: url("styles/img/bg-dark.svg");
 }
 
 .np-theme-personal .bg--dark {
@@ -7740,7 +7740,7 @@ input:focus ~ .alert-focus,
 .bg--light {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  background-image: url("neptune-css/img/bg-light.svg");
+  background-image: url("styles/img/bg-light.svg");
 }
 
 .badge {

package/build/styles/inputs/SelectInput/SelectInput.css

@@ -313,13 +313,6 @@
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
 }
-.np-select-input-listbox:focus {
-  outline: none;
-}
-.np-select-input-listbox:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
 .np-select-input-listbox-container--virtualized .np-select-input-listbox {
   /* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
   overflow-y: auto;
@@ -370,13 +363,6 @@
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
 }
-.np-select-input-addon--interactive:focus {
-  outline: none;
-}
-.np-select-input-addon--interactive:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
 .np-select-input-addon-separator {
   height: 24px;
   height: var(--size-24);