@transferwise/neptune-css 0.0.0-experimental-bb7ed4a → 0.0.0-experimental-7cfec48

package/dist/css/wells.css

@@ -1,73 +1,53 @@
 .well,
 .well-xs {
-  min-height: 24px;
   min-height: var(--size-24);
-  margin-bottom: 24px;
   margin-bottom: var(--size-24);
-  border-radius: 10px;
   border-radius: var(--radius-small);
-  border: solid 1px rgba(0,0,0,0.10196);
+  border: solid 1px rgba(14,15,12,0.12157);
   border: solid 1px var(--color-border-neutral);
-  padding: 24px;
   padding: var(--size-24);
   box-shadow: none;
 }
 @media only screen and (min-width: 576px) {
   .well-sm {
-    min-height: 24px;
     min-height: var(--size-24);
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
-    border-radius: 10px;
     border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
+    border: solid 1px rgba(14,15,12,0.12157);
     border: solid 1px var(--color-border-neutral);
-    padding: 24px;
     padding: var(--size-24);
     box-shadow: none;
   }
 }
 @media only screen and (min-width: 768px) {
   .well-md {
-    min-height: 24px;
     min-height: var(--size-24);
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
-    border-radius: 10px;
     border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
+    border: solid 1px rgba(14,15,12,0.12157);
     border: solid 1px var(--color-border-neutral);
-    padding: 24px;
     padding: var(--size-24);
     box-shadow: none;
   }
 }
 @media only screen and (min-width: 992px) {
   .well-lg {
-    min-height: 24px;
     min-height: var(--size-24);
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
-    border-radius: 10px;
     border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
+    border: solid 1px rgba(14,15,12,0.12157);
     border: solid 1px var(--color-border-neutral);
-    padding: 24px;
     padding: var(--size-24);
     box-shadow: none;
   }
 }
 @media only screen and (min-width: 1200px) {
   .well-xl {
-    min-height: 24px;
     min-height: var(--size-24);
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
-    border-radius: 10px;
     border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
+    border: solid 1px rgba(14,15,12,0.12157);
     border: solid 1px var(--color-border-neutral);
-    padding: 24px;
     padding: var(--size-24);
     box-shadow: none;
   }

package/dist/less/neptune-tokens.less

@@ -1,272 +1,161 @@
 
 // Do not edit directly
-// Generated on Tue, 07 May 2024 15:39:58 GMT
+// Generated on Fri, 10 May 2024 10:53:52 GMT
 
-@color-dark-content-primary: #e2e6e8;
-@color-dark-content-secondary: #c9cbce;
-@color-dark-content-tertiary: #a8aaac;
-@color-dark-content-accent: #00b9ff;
-@color-dark-content-accent-hover: #00a6ea;
-@color-dark-content-accent-active: #0097db;
-@color-dark-content-positive: #6fd698;
-@color-dark-content-positive-hover: #5ac285;
-@color-dark-content-positive-active: #4bb377;
-@color-dark-content-negative: #ffa6a9;
-@color-dark-content-negative-hover: #ea9396;
-@color-dark-content-negative-active: #da8488;
-@color-dark-content-warning: #ffd184;
-@color-dark-content-warning-hover: #e9bd71;
-@color-dark-content-warning-active: #daae63;
-@color-dark-interactive-accent: #00a2dd;
-@color-dark-interactive-accent-hover: #008fc9;
-@color-dark-interactive-accent-active: #0081ba;
-@color-dark-interactive-positive: #2ead4b;
-@color-dark-interactive-positive-hover: #069939;
-@color-dark-interactive-positive-active: #008b2b;
-@color-dark-interactive-negative: #e74848;
-@color-dark-interactive-negative-hover: #d03238;
-@color-dark-interactive-negative-active: #bf1e2c;
-@color-dark-interactive-warning: #df8700;
-@color-dark-interactive-warning-hover: #c97500;
-@color-dark-interactive-warning-active: #b86700;
-@color-dark-interactive-secondary: #a8aaac;
-@color-dark-interactive-secondary-hover: #959799;
-@color-dark-interactive-secondary-active: #87898b;
-@color-dark-background-screen: #181818;
-@color-dark-background-elevated: #202020;
-@color-dark-background-neutral: #86a7bd1a;
-@color-dark-background-accent: #38c8ff1a;
-@color-dark-background-positive: #36c7971a;
-@color-dark-background-negative: #ff87871a;
-@color-dark-background-warning: #ffac001a;
-@color-dark-background-overlay: #ffffff1a;
-@color-dark-border-neutral: #ffffff1a;
-@color-dark-border-overlay: #ffffff1a;
-@color-dark-core-contrast: #ffffff;
-@color-content-primary: #37517e;
-@color-content-secondary: #5d7079;
-@color-content-tertiary: #768e9c;
-@color-content-accent: #0097c7;
-@color-content-accent-hover: #0084b3;
-@color-content-accent-active: #0077a5;
-@color-content-positive: #008026;
-@color-content-positive-hover: #006d13;
-@color-content-positive-active: #006002;
-@color-content-negative: #cf2929;
-@color-content-negative-hover: #b80419;
-@color-content-negative-active: #a7000d;
-@color-content-warning: #9a6500;
-@color-content-warning-hover: #855400;
-@color-content-warning-active: #764700;
-@color-interactive-accent: #00a2dd;
-@color-interactive-accent-hover: #008fc9;
-@color-interactive-accent-active: #0081ba;
-@color-interactive-positive: #2ead4b;
-@color-interactive-positive-hover: #069939;
-@color-interactive-positive-active: #008b2b;
-@color-interactive-negative: #e74848;
-@color-interactive-negative-hover: #d03238;
-@color-interactive-negative-active: #bf1e2c;
-@color-interactive-warning: #df8700;
-@color-interactive-warning-hover: #c97500;
-@color-interactive-warning-active: #b86700;
-@color-interactive-secondary: #c9cbce;
-@color-interactive-secondary-hover: #b5b7ba;
-@color-interactive-secondary-active: #a7a9ab;
+@color-bright-yellow: #ffeb69;
+@color-bright-orange: #ffc091;
+@color-dark-purple: #260a2f;
+@color-dark-gold: #3a341c;
+@color-bright-blue: #a0e1e1;
+@color-dark-charcoal: #21231d;
+@color-white: #ffffff;
+@color-black: #000000;
+@color-bright-green: #9fe870;
+@color-forest-green: #163300;
+@color-bright-pink: #ffd7ef;
+@color-dark-maroon: #320707;
+@color-content-primary: #0e0f0c;
+@color-content-secondary: #454745;
+@color-content-tertiary: #6a6c6a;
+@color-content-link: #163300;
+@color-content-link-hover: #0d1f00;
+@color-content-link-active: #0e0f0c;
+@color-interactive-primary: #163300;
+@color-interactive-primary-hover: #0d1f00;
+@color-interactive-primary-active: #0e0f0c;
+@color-interactive-secondary: #868685;
+@color-interactive-secondary-hover: #6c6c6b;
+@color-interactive-secondary-active: #525251;
+@color-interactive-accent: #9fe870;
+@color-interactive-accent-hover: #80e142;
+@color-interactive-accent-active: #65cf21;
+@color-interactive-control: #163300;
+@color-interactive-control-hover: #0d1f00;
+@color-interactive-control-active: #0e0f0c;
+@color-interactive-contrast: #9fe870;
+@color-interactive-contrast-hover: #cdffad;
+@color-interactive-contrast-active: #ecffe0;
+@color-border-neutral: #0e0f0c1f;
+@color-border-overlay: #0e0f0c1f;
 @color-background-screen: #ffffff;
+@color-background-screen-hover: #16330014;
+@color-background-screen-active: #16330021;
 @color-background-elevated: #ffffff;
-@color-background-neutral: #86a7bd1a;
-@color-background-accent: #38c8ff1a;
-@color-background-positive: #36c7971a;
-@color-background-negative: #ff87871a;
-@color-background-warning: #ffac001a;
-@color-background-overlay: #0000001a;
-@color-border-neutral: #0000001a;
-@color-border-overlay: #0000001a;
-@color-core-contrast: #000000;
-@color-navy-content-primary: #ffffff;
-@color-navy-content-secondary: #c9cbce;
-@color-navy-content-tertiary: #a8aaac;
-@color-navy-content-accent: #00b9ff;
-@color-navy-content-accent-hover: #00a6ea;
-@color-navy-content-accent-active: #0097db;
-@color-navy-content-positive: #6fd698;
-@color-navy-content-positive-hover: #5ac285;
-@color-navy-content-positive-active: #4bb377;
-@color-navy-content-negative: #ffa6a9;
-@color-navy-content-negative-hover: #ea9396;
-@color-navy-content-negative-active: #da8488;
-@color-navy-content-warning: #ffd184;
-@color-navy-content-warning-hover: #e9bd71;
-@color-navy-content-warning-active: #daae63;
-@color-navy-interactive-accent: #00a2dd;
-@color-navy-interactive-accent-hover: #008fc9;
-@color-navy-interactive-accent-active: #0081ba;
-@color-navy-interactive-positive: #2ead4b;
-@color-navy-interactive-positive-hover: #069939;
-@color-navy-interactive-positive-active: #008b2b;
-@color-navy-interactive-negative: #e74848;
-@color-navy-interactive-negative-hover: #d03238;
-@color-navy-interactive-negative-active: #bf1e2c;
-@color-navy-interactive-warning: #df8700;
-@color-navy-interactive-warning-hover: #c97500;
-@color-navy-interactive-warning-active: #b86700;
-@color-navy-interactive-secondary: #a8aaac;
-@color-navy-interactive-secondary-hover: #959799;
-@color-navy-interactive-secondary-active: #87898b;
-@color-navy-background-screen: #2e4369;
-@color-navy-background-elevated: #37517e;
-@color-navy-background-neutral: #86a7bd1a;
-@color-navy-background-accent: #38c8ff1a;
-@color-navy-background-positive: #36c7971a;
-@color-navy-background-negative: #ff87871a;
-@color-navy-background-warning: #ffac001a;
-@color-navy-background-overlay: #ffffff1a;
-@color-navy-border-neutral: #ffffff1a;
-@color-navy-border-overlay: #ffffff1a;
-@color-navy-core-contrast: #ffffff;
-@padding-x-small: 8px;
-@padding-small: 16px;
-@padding-medium: 24px;
-@padding-large: 32px;
-@radius-full: 9999px;
-@radius-small: 10px;
-@radius-medium: 16px;
-@radius-large: 24px;
-@size-4: 4px;
-@size-8: 8px;
-@size-10: 10px;
-@size-12: 12px;
-@size-14: 14px;
-@size-16: 16px;
-@size-24: 24px;
-@size-32: 32px;
-@size-40: 40px;
-@size-48: 48px;
-@size-52: 52px;
-@size-56: 56px;
-@size-60: 60px;
-@size-64: 64px;
-@size-72: 72px;
-@size-80: 80px;
-@size-88: 88px;
-@size-96: 96px;
-@size-104: 104px;
-@size-112: 112px;
-@size-120: 120px;
-@size-126: 126px;
-@size-128: 128px;
-@size-146: 146px;
-@size-154: 154px;
-@size-x-small: 24px;
-@size-small: 32px;
-@size-medium: 40px;
-@size-large: 48px;
-@size-x-large: 56px;
-@size-2x-large: 72px;
-@space-content-horizontal: 16px;
-@space-small: 16px;
-@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
-// Generated on Tue, 07 May 2024 15:39:58 GMT
-
-@color-base-blue-light: #00b9ff;
-@color-base-blue-mid: #00a2dd;
-@color-base-blue-dark: #0097c7;
-@color-base-blue-fade: #38c8ff1a;
-@color-base-green-light: #6fd698;
-@color-base-green-mid: #2ead4b;
-@color-base-green-dark: #008026;
-@color-base-green-fade: #36c7971a;
-@color-base-red-light: #ffa6a9;
-@color-base-red-mid: #e74848;
-@color-base-red-dark: #cf2929;
-@color-base-red-fade: #ff87871a;
-@color-base-orange-light: #ffd184;
-@color-base-orange-mid: #df8700;
-@color-base-orange-dark: #9a6500;
-@color-base-orange-fade: #ffac001a;
-@color-base-smoke-light: #e2e6e8;
-@color-base-smoke-mid: #c9cbce;
-@color-base-smoke-dark: #a8aaac;
-@color-base-smoke-fade: #86a7bd1a;
-@color-base-navy-light: #37517e;
-@color-base-navy-mid: #2e4369;
-@color-base-navy-dark: #253655;
-@color-base-navy-fade: #849cc51a;
-@color-base-grey-light: #829ca9;
-@color-base-grey-mid: #768e9c;
-@color-base-grey-dark: #5d7079;
-@color-base-grey-fade: #829ca91a;
-@color-base-white-light: #ffffff;
-@color-base-white-mid: #ebebeb;
-@color-base-white-fade: #ffffff1a;
-@color-base-black-light: #202020;
-@color-base-black-mid: #181818;
-@color-base-black-dark: #000000;
-@color-base-black-fade: #0000001a;
-@color-base-brand-blue: #00b9ff;
-@color-base-brand-purple: #485cc7;
-@color-base-brand-amber: #ffb619;
-@color-base-brand-borderless: #44ee70;
+@color-background-neutral: #16330014;
+@color-background-neutral-hover: #16330021;
+@color-background-neutral-active: #1633002e;
+@color-background-overlay: #16330014;
+@color-sentiment-negative: #a8200d;
+@color-sentiment-negative-hover: #8e1b0b;
+@color-sentiment-negative-active: #761709;
+@color-sentiment-positive: #2f5711;
+@color-sentiment-warning: #edc843;
+@color-base-contrast: #ffffff;
+@color-base-light: #ffffff;
+@color-base-dark: #121511;
+@color-contrast-overlay: #ffffff;
+@color-contrast-theme: #121511;
+@padding-base-x-small: 8px;
+@padding-base-small: 16px;
+@padding-base-medium: 24px;
+@padding-base-large: 32px;
+@radius-base-full: 9999px;
+@radius-base-small: 10px;
+@radius-base-medium: 16px;
+@radius-base-large: 24px;
+@size-base-4: 4px;
+@size-base-8: 8px;
+@size-base-10: 10px;
+@size-base-12: 12px;
+@size-base-14: 14px;
+@size-base-16: 16px;
+@size-base-24: 24px;
+@size-base-32: 32px;
+@size-base-40: 40px;
+@size-base-48: 48px;
+@size-base-52: 52px;
+@size-base-56: 56px;
+@size-base-60: 60px;
+@size-base-64: 64px;
+@size-base-72: 72px;
+@size-base-80: 80px;
+@size-base-88: 88px;
+@size-base-96: 96px;
+@size-base-104: 104px;
+@size-base-112: 112px;
+@size-base-120: 120px;
+@size-base-126: 126px;
+@size-base-128: 128px;
+@size-base-146: 146px;
+@size-base-154: 154px;
+@size-base-160: 160px;
+@size-base-x-small: 24px;
+@size-base-small: 32px;
+@size-base-medium: 40px;
+@size-base-large: 48px;
+@size-base-x-large: 56px;
+@size-base-2x-large: 72px;
+@space-base-content-horizontal: 16px;
+@space-base-small: 16px;
+@space-base-medium: 32px;
+@space-base-large: 40px;
+@space-base-x-large: 56px;
+@font-base-size-12: 0.75rem;
+@font-base-size-14: 0.875rem;
+@font-base-size-16: 1rem;
+@font-base-size-18: 1.125rem;
+@font-base-size-20: 1.25rem;
+@font-base-size-22: 1.375rem;
+@font-base-size-24: 1.5rem;
+@font-base-size-26: 1.625rem;
+@font-base-size-28: 1.75rem;
+@font-base-size-30: 1.875rem;
+@font-base-size-32: 2rem;
+@letter-spacing-base-xxs: 0.005em;
+@letter-spacing-base-xs: 0.01em;
+@letter-spacing-base-sm: 0.0125em;
+@letter-spacing-base-md: 0.015em;
+@letter-spacing-base-lg: 0.02em;
+@letter-spacing-base-xl: 0.025em;
+@letter-spacing-base-negative-xxs: -0.005em;
+@letter-spacing-base-negative-xs: -0.01em;
+@letter-spacing-base-negative-sm: -0.0125em;
+@letter-spacing-base-negative-md: -0.015em;
+@letter-spacing-base-negative-lg: -0.02em;
+@letter-spacing-base-negative-xl: -0.025em;
+@letter-spacing-base-negative-xxl: -0.03em;
+@letter-spacing-base-negative-xxxl: -0.04em;
+@letter-spacing-base-negative-xxxxl: -0.05em;
+@line-height-base-18: 1.125rem;
+@line-height-base-20: 1.25rem;
+@line-height-base-22: 1.375rem;
+@line-height-base-24: 1.5rem;
+@line-height-base-28: 1.75rem;
+@line-height-base-30: 1.875rem;
+@line-height-base-32: 2rem;
+@line-height-base-34: 2.125rem;
+@line-height-base-36: 2.25rem;
+@line-height-base-42: 2.625rem;
+@line-height-base-48: 3rem;
+@line-height-base-title: 0.075rem;
+@line-height-base-body: 0.09375rem;
+@line-height-base-control: 0.075rem;
+@font-weight-base-light: 300;
+@font-weight-base-regular: 400;
+@font-weight-base-medium: 500;
+@font-weight-base-semi-bold: 600;
+@font-weight-base-bold: 700;
+@font-weight-base-black: 900;
+@font-family-base-regular: 'Inter', Helvetica, Arial, sans-serif;
+@font-family-base-display: 'Wise Sans', 'Inter', sans-serif;
+// @import "@transferwise/neptune-tokens/colors-base.less";
 
 // DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors
-@color-primary: #37517e;
-@color-secondary: #5d7079;
-@color-accent: #00b9ff;
-@color-positive: #2ed06e;
-@color-negative: #f53636;
-@color-warning: #ffa600;
+// @color-primary: #37517e;
+// @color-secondary: #5d7079;
+// @color-accent: #00b9ff;
+// @color-positive: #2ed06e;
+// @color-negative: #f53636;
+// @color-warning: #ffa600;
 
-@color-base-white: @color-base-white-light;
+// @color-base-white: @color-base-white-light;