@transferwise/neptune-css 12.4.2-beta-cd14a66a3c.7 → 12.4.3

package/src/less/sequences.less

@@ -1,14 +1,14 @@
 // TODO: remove bootstrap dependencies
 
-@import (reference) '../variables/neptune-tokens.less';
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_logical-properties.less';
-@import (reference) 'bootstrap/less/mixins/background-variant';
-@import (reference) 'bootstrap/less/mixins/gradients';
-@import (reference) './mixins/_sequence.less';
-@import (reference) './mixins/_text-emphasis';
-@import (reference) 'bootstrap/less/mixins/text-overflow';
-@import (reference) './core/_typography-utilities.less';
+@import (reference) "../variables/neptune-tokens.less";
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_logical-properties.less";
+@import (reference) "bootstrap/less/mixins/background-variant";
+@import (reference) "bootstrap/less/mixins/gradients";
+@import (reference) "./mixins/_sequence.less";
+@import (reference) "./mixins/_text-emphasis";
+@import (reference) "bootstrap/less/mixins/text-overflow";
+@import (reference) "./core/_typography-utilities.less";
 
 @pip-offset-sm: ((@sequence-step-height / 2) + @sequence-item-spacing-sm);
 @pip-offset-md: ((@sequence-step-height / 2) + @sequence-item-spacing-md);
@@ -205,11 +205,11 @@
   }
 }
 
-.sequence-variant('info', var(--color-interactive-accent));
-.sequence-variant('primary', @color-navy-background-elevated);
-.sequence-variant('success', var(--color-interactive-positive));
-.sequence-variant('warning', var(--color-interactive-warning));
-.sequence-variant('danger', var(--color-interactive-negative));
+.sequence-variant("info", var(--color-interactive-accent));
+.sequence-variant("primary", @color-navy-background-elevated);
+.sequence-variant("success", var(--color-interactive-positive));
+.sequence-variant("warning", var(--color-interactive-warning));
+.sequence-variant("danger", var(--color-interactive-negative));
 
 .sequence-hollow {
   > li::before {
@@ -425,19 +425,19 @@
   }
 
   &.sequence-info {
-    .sequence-animation-variant('info');
+    .sequence-animation-variant("info");
   }
 
   &.sequence-warning {
-    .sequence-animation-variant('warning');
+    .sequence-animation-variant("warning");
   }
 
   &.sequence-success {
-    .sequence-animation-variant('success');
+    .sequence-animation-variant("success");
   }
 
   &.sequence-danger {
-    .sequence-animation-variant('danger');
+    .sequence-animation-variant("danger");
   }
 
   .sequence-animation-delays(10);

package/src/less/table.less

@@ -1,10 +1,10 @@
 // variables
-@import (reference) '../variables/neptune-tokens.less';
-@import (reference) '../variables/legacy-variables.less';
+@import (reference) "../variables/neptune-tokens.less";
+@import (reference) "../variables/legacy-variables.less";
 
 // mixins
-@import './mixins/_table-row.less';
-@import (reference) './mixins/_logical-properties.less';
+@import "./mixins/_table-row.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 //
 // Tables
@@ -16,8 +16,9 @@ table {
 
   td,
   th {
-    &[class*='col-'] {
-      position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
+    &[class*="col-"] {
+      // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
+      position: static;
       float: none;
       display: table-cell;
     }
@@ -189,8 +190,9 @@ th {
 //
 // Reset default table behavior
 
-table col[class*='col-'] {
-  position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
+table col[class*="col-"] {
+  // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
+  position: static;
   float: none;
   display: table-column;
 }
@@ -201,7 +203,9 @@ table col[class*='col-'] {
 // inheritance to nested tables.
 
 // Generate the contextual variants
-.table-row-variant(primary; @color-navy-background-elevated; var(--color-border-neutral); var(--color-background-elevated));
+.table-row-variant(
+  primary; @color-navy-background-elevated; var(--color-border-neutral); var(--color-background-elevated)
+);
 .table-row-variant(active; var(--color-background-screen); var(--color-border-neutral));
 .table-row-variant(success; var(--color-background-positive); var(--color-interactive-positive));
 .table-row-variant(info; var(--color-background-accent); var(--color-interactive-accent));

package/src/less/tick.less

@@ -1,4 +1,4 @@
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "./mixins/_logical-properties.less";
 
 .tw-checkbox-check {
   position: relative;
@@ -8,7 +8,7 @@
 
   &::before,
   &::after {
-    content: '';
+    content: "";
     position: absolute;
     background: var(--color-background-screen);
     transform: translateX(0.5px) rotate(-45deg);

package/src/less/tooltip.less

@@ -1,8 +1,8 @@
 // TODO: remove bootstrap dependencies
 
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_logical-properties.less';
-@import (reference) './mixins/_reset-text.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_logical-properties.less";
+@import (reference) "./mixins/_reset-text.less";
 
 //
 // Tooltips
@@ -112,7 +112,7 @@
   }
 }
 
-[data-toggle=tooltip]:not(.btn) {
+[data-toggle="tooltip"]:not(.btn) {
   cursor: pointer;
 
   &:hover,
@@ -122,6 +122,6 @@
   }
 }
 
-a[data-toggle=tooltip] {
+a[data-toggle="tooltip"] {
   white-space: nowrap;
 }

package/src/less/utilities.less

@@ -1,8 +1,8 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_clearfix.less';
-@import (reference) './mixins/_center-block.less';
-@import (reference) './mixins/_hide-text.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_clearfix.less";
+@import (reference) "./mixins/_center-block.less";
+@import (reference) "./mixins/_hide-text.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 .d-inline-block {
   display: inline-block;

package/src/less/variables/_typography.less

@@ -1,6 +1,6 @@
 // Deprecated legacy variables. Use typography neptune-tokens instead
 
-@font-family-base: 'Averta', 'Avenir W02', 'Avenir', Helvetica, Arial, sans-serif;
+@font-family-base: "Averta", "Avenir W02", "Avenir", Helvetica, Arial, sans-serif;
 
 @font-weight-base: 500;
 @font-weight-semi-bold: 600;
@@ -15,9 +15,11 @@
 @font-size-x-small: 0.75rem; // 12px
 
 // We will be revisiting these soon, do not use directly
+/* stylelint-disable number-max-precision */
 @line-height-x-large: 1.1428571429; // 32/28
 @line-height-large: 1.3636363636; // 30/22
 @line-height-medium: 1.3333333333; // 24/18
 @line-height-base: 1.5; // 24/16
 @line-height-small: 1.7142857143; // 24/14
 @line-height-x-small: 2; // 24/12
+/* stylelint-enable number-max-precision */

package/src/props/legacy-custom-props.css

@@ -1,6 +1,7 @@
 /*
   DEPRECATED
-  Use neptune-tokens.css instead. If the token you want isn't available there, raise an issue in @transferwise/neptune-tokens.
+  Use neptune-tokens.css instead.
+  If the token you want isn't available there, raise an issue in @transferwise/neptune-tokens.
 */
 :root {
   --border-radius: 3px;
@@ -42,10 +43,13 @@
   --body-bg: #fff;
   --text-bold-color: #2e4369;
   --font-size-xx-large: 2.8rem; /* 42px */
+  /* stylelint-disable-next-line number-max-precision */
   --font-size-x-large: 1.8666666667rem; /* 28px */
+  /* stylelint-disable-next-line number-max-precision */
   --font-size-large: 1.4666666667rem; /* 22px */
   --font-size-medium: 1.2rem; /* 18px */
   --font-size: 0.9375rem; /* 15px */
+  /* stylelint-disable-next-line number-max-precision */
   --font-size-small: 0.9333333333rem; /* 14px */
   --font-size-x-small: 0.8rem; /* 12px */
   --line-height: 1.6; /* 24/15 */

package/src/props/neptune-tokens.css

@@ -1,4 +1,4 @@
-@import '@transferwise/neptune-tokens/tokens.css';
+@import "@transferwise/neptune-tokens/tokens.css";
 
 /* DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors */
 :root {

package/src/variables/neptune-tokens.less

@@ -1,5 +1,5 @@
-@import '@transferwise/neptune-tokens/tokens.less';
-@import '@transferwise/neptune-tokens/colors-base.less';
+@import "@transferwise/neptune-tokens/tokens.less";
+@import "@transferwise/neptune-tokens/colors-base.less";
 
 // DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors
 @color-primary: #37517e;

package/src/less/core/_fonts_old.less

@@ -1,26 +0,0 @@
-@font-face {
-  font-weight: var(--font-weight-regular);
-  font-family: 'Averta';
-  src:
-    url('../fonts/TW-Averta-Regular.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Regular.woff') format('woff');
-  font-display: swap;
-}
-
-@font-face {
-  font-weight: var(--font-weight-semi-bold);
-  font-family: 'Averta';
-  src:
-    url('../fonts/TW-Averta-Semibold.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Semibold.woff') format('woff');
-  font-display: swap;
-}
-
-@font-face {
-  font-weight: var(--font-weight-bold);
-  font-family: 'Averta';
-  src:
-    url('../fonts/TW-Averta-Bold.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Bold.woff') format('woff');
-  font-display: swap;
-}