@transferwise/neptune-css 0.0.0-experimental-526a2be → 0.0.0-experimental-26ff56b

package/dist/css/tooltip.css

@@ -1,14 +1,38 @@
-.tooltip {
+.tooltip-inner {
+  word-wrap: break-word;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .tooltip-inner {
+    hyphens: auto;hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 840px) {
+    .tooltip-inner {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 1160px) {
+    .tooltip-inner {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .tooltip-inner {
+    hyphens: auto;-webkit-hyphenate-limit-before: 3;-webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 1160px) {
+    .tooltip-inner {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
-  font-family: 'Inter', Helvetica, Arial, sans-serif;
-  font-family: var(--font-family-regular);
+  font-family: var(--wds-font-family-regular);
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   line-break: auto;
-  line-height: 24px;
   line-height: var(--size-24);
   text-align: start;
   -webkit-text-decoration: none;
@@ -45,23 +69,13 @@
   padding-inline: 5px;
 }
 .tooltip-inner {
-  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;
   max-inline-size: 200px;
   min-inline-size: 120px;
-  padding-block: 16px;
   padding-block: var(--size-16);
-  padding-inline: 16px;
   padding-inline: var(--size-16);
-  color: #37517e;
   color: var(--color-content-primary);
   text-align: center;
-  background-color: #ffffff;
   background-color: var(--color-background-screen);
   border-radius: 3px;
   box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
@@ -112,7 +126,6 @@
   margin-inline-start: -5px;
   border-block-width: 5px 0;
   border-inline-width: 5px;
-  border-block-start-color: #ffffff;
   border-block-start-color: var(--color-background-screen);
 }
 .tooltip.right .tooltip-arrow {
@@ -121,7 +134,6 @@
   margin-block-start: -5px;
   border-block-width: 5px 5px;
   border-inline-width: 0 5px;
-  border-inline-end-color: #ffffff;
   border-inline-end-color: var(--color-background-screen);
 }
 .tooltip.left .tooltip-arrow {
@@ -130,7 +142,6 @@
   margin-block-start: -5px;
   border-block-width: 5px 5px;
   border-inline-width: 5px 0;
-  border-inline-start-color: #ffffff;
   border-inline-start-color: var(--color-background-screen);
 }
 .tooltip.bottom .tooltip-arrow {
@@ -139,7 +150,6 @@
   margin-inline-start: -5px;
   border-block-width: 0 5px;
   border-inline-width: 5px;
-  border-block-end-color: #ffffff;
   border-block-end-color: var(--color-background-screen);
 }
 [data-toggle="tooltip"]:not(.btn) {
@@ -147,7 +157,6 @@
 }
 [data-toggle="tooltip"]:not(.btn):hover,
 [data-toggle="tooltip"]:not(.btn):focus {
-  color: #0084b3 !important;
   color: var(--color-content-accent-hover) !important;
   outline: 0;
 }

package/dist/css/wells.css

@@ -1,43 +1,28 @@
 .well,
 .well-xs {
-  min-block-size: 24px;
   min-block-size: var(--size-24);
-  margin-block-end: 24px;
   margin-block-end: var(--size-24);
-  border-radius: 10px;
   border-radius: var(--radius-small);
-  border: solid 1px rgba(0,0,0,0.10196);
   border: solid 1px var(--color-border-neutral);
-  padding: 24px;
   padding: var(--size-24);
   box-shadow: none;
 }
 @media only screen and (min-width: 600px) {
   .well-sm {
-    min-block-size: 24px;
     min-block-size: var(--size-24);
-    margin-block-end: 24px;
     margin-block-end: var(--size-24);
-    border-radius: 10px;
     border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
     border: solid 1px var(--color-border-neutral);
-    padding: 24px;
     padding: var(--size-24);
     box-shadow: none;
   }
 }
 @media only screen and (min-width: 840px) {
   .well-md {
-    min-block-size: 24px;
     min-block-size: var(--size-24);
-    margin-block-end: 24px;
     margin-block-end: var(--size-24);
-    border-radius: 10px;
     border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
     border: solid 1px var(--color-border-neutral);
-    padding: 24px;
     padding: var(--size-24);
     box-shadow: none;
   }
@@ -45,15 +30,10 @@
 @media only screen and (min-width: 1160px) {
   .well-lg,
   .well-xl {
-    min-block-size: 24px;
     min-block-size: var(--size-24);
-    margin-block-end: 24px;
     margin-block-end: var(--size-24);
-    border-radius: 10px;
     border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
     border: solid 1px var(--color-border-neutral);
-    padding: 24px;
     padding: var(--size-24);
     box-shadow: none;
   }

package/dist/less/legacy-variables.less

@@ -157,7 +157,7 @@
 //
 //## Font, line-height, and color for body text, headings, and more.
 
-@font-family-sans-serif:  var(--font-family-regular);
+@font-family-sans-serif:  var(--wds-font-family-regular);
 @font-family-serif:       Georgia, "Times New Roman", Times, serif;
 //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
 @font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@@ -196,7 +196,7 @@
 @line-height-computed:    24px; // ~24px
 
 //** By default, this inherits from the `<body>`.
-@headings-font-family:    var(--font-family-regular);
+@headings-font-family:    var(--wds-font-family-regular);
 @headings-font-weight:    @font-weight-semi-bold;
 @headings-line-height:    1.2;              //1.1;
 @headings-color:          @brand-navy-minus-10;
@@ -221,7 +221,7 @@
 @display3-line-height: 88px;
 @display4-line-height: 72px;
 
-@buttons-font-family:     var(--font-family-regular);
+@buttons-font-family:     var(--wds-font-family-regular);
 
 //** Global textual link color.
 @link-color:            @brand-light-blue;

package/dist/less/neptune-tokens.less

@@ -171,54 +171,6 @@
 @space-medium: 32px;
 @space-large: 40px;
 @space-x-large: 56px;
-@font-size-12: 0.75rem;
-@font-size-14: 0.875rem;
-@font-size-16: 1rem;
-@font-size-18: 1.125rem;
-@font-size-20: 1.25rem;
-@font-size-22: 1.375rem;
-@font-size-24: 1.5rem;
-@font-size-26: 1.625rem;
-@font-size-28: 1.75rem;
-@font-size-30: 1.875rem;
-@font-size-32: 2rem;
-@letter-spacing-xxs: 0.005em;
-@letter-spacing-xs: 0.01em;
-@letter-spacing-sm: 0.0125em;
-@letter-spacing-md: 0.015em;
-@letter-spacing-lg: 0.02em;
-@letter-spacing-xl: 0.025em;
-@letter-spacing-negative-xxs: -0.005em;
-@letter-spacing-negative-xs: -0.01em;
-@letter-spacing-negative-sm: -0.0125em;
-@letter-spacing-negative-md: -0.015em;
-@letter-spacing-negative-lg: -0.02em;
-@letter-spacing-negative-xl: -0.025em;
-@letter-spacing-negative-xxl: -0.03em;
-@letter-spacing-negative-xxxl: -0.04em;
-@letter-spacing-negative-xxxxl: -0.05em;
-@line-height-18: 1.125rem;
-@line-height-20: 1.25rem;
-@line-height-22: 1.375rem;
-@line-height-24: 1.5rem;
-@line-height-28: 1.75rem;
-@line-height-30: 1.875rem;
-@line-height-32: 2rem;
-@line-height-34: 2.125rem;
-@line-height-36: 2.25rem;
-@line-height-42: 2.625rem;
-@line-height-48: 3rem;
-@line-height-title: 1.2;
-@line-height-body: 1.5;
-@line-height-control: 1.2;
-@font-weight-light: 300;
-@font-weight-regular: 400;
-@font-weight-medium: 500;
-@font-weight-semi-bold: 600;
-@font-weight-bold: 700;
-@font-weight-black: 900;
-@font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
-@font-family-display: 'Wise Sans', 'Inter', sans-serif;
 
 // Do not edit directly, this file was auto-generated.