@transferwise/neptune-css 0.0.0-experimental-5c27fb6 → 0.0.0-experimental-be43e77

package/src/img/bg-dark.svg

@@ -1,31 +0,0 @@
-<svg width="1440" height="750" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <path id="a" d="M0 0h1440v750H0z"/>
-    <linearGradient x1="44.248%" y1="75.156%" x2="61.919%" y2="-.312%" id="b">
-      <stop stop-color="#5643E5" offset="0%"/>
-      <stop stop-color="#5643E5" stop-opacity=".1" offset="100%"/>
-    </linearGradient>
-    <linearGradient x1="44.251%" y1="75.156%" x2="61.912%" y2="-.312%" id="d">
-      <stop stop-color="#5643E5" offset="0%"/>
-      <stop stop-color="#5643E5" stop-opacity=".1" offset="100%"/>
-    </linearGradient>
-    <linearGradient x1="56.26%" y1="23.838%" x2="38.365%" y2="100.312%" id="e">
-      <stop stop-color="#365080" stop-opacity=".1" offset="0%"/>
-      <stop stop-color="#365080" offset="100%"/>
-    </linearGradient>
-    <linearGradient x1="56.26%" y1="23.838%" x2="38.365%" y2="100.312%" id="f">
-      <stop stop-color="#365080" stop-opacity=".1" offset="0%"/>
-      <stop stop-color="#5643E5" offset="100%"/>
-    </linearGradient>
-  </defs>
-  <g fill="none" fill-rule="evenodd">
-    <mask id="c" fill="#fff">
-      <use xlink:href="#a"/>
-    </mask>
-    <use fill="#37517E" xlink:href="#a"/>
-    <path fill-opacity=".9" fill="url(#b)" fill-rule="nonzero" opacity=".652" mask="url(#c)" d="M874 1639.892L1542.214 63h306.662l-668.213 1576.892z"/>
-    <path fill-opacity=".5" fill="url(#d)" fill-rule="nonzero" opacity=".552" mask="url(#c)" d="M-980 4408.892L725.96 382h782.916l-1705.96 4026.892z"/>
-    <path fill="url(#e)" fill-rule="nonzero" opacity=".04" mask="url(#c)" d="M1554.978 74H1130l926.022-2186H2481z"/>
-    <path fill="url(#f)" fill-rule="nonzero" mask="url(#c)" d="M-571 1261L355.022-925H780l-926.022 2186z"/>
-  </g>
-</svg>

package/src/img/bg-light.svg

@@ -1,26 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 682">
-  <g transform="translate(-97 -5)">
-    <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="1579.967" y1="-1.607" x2="1579.364" y2="-.725" gradientTransform="matrix(285.8258 9.9814 -16.0191 458.7204 -451243.625 -15127.07)">
-      <stop offset="0" stop-color="#e2e6e8" stop-opacity=".1"/>
-      <stop offset="1" stop-color="#e2e6e8"/>
-    </linearGradient>
-    <path d="M356.4-149.1l91.2 3.2L237.1 306l-91.2-3.2 210.5-451.9z" fill="url(#a)"/>
-    <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="1580.086" y1="-.836" x2="1579.204" y2="-1.439" gradientTransform="matrix(285.8258 9.9814 -16.0191 458.7204 -451391.875 -15008.172)">
-      <stop offset="0" stop-color="#e2e6e8" stop-opacity=".1"/>
-      <stop offset="1" stop-color="#e2e6e8"/>
-    </linearGradient>
-    <path d="M189.8 10.1l91.2 3.2L70.4 465.2l-91.2-3.2L189.8 10.1z" fill="url(#b)"/>
-  </g>
-  <g transform="translate(1113 99)">
-    <linearGradient id="c" gradientUnits="userSpaceOnUse" x1="-840.145" y1="-1.258" x2="-840.748" y2="-.375" gradientTransform="matrix(285.8258 9.9814 -16.0191 458.7204 240450.375 9070.022)">
-      <stop offset="0" stop-color="#e2e6e8" stop-opacity=".1"/>
-      <stop offset="1" stop-color="#e2e6e8"/>
-    </linearGradient>
-    <path d="M314.5 51.8l91.2 3.2-210.5 451.9-91.2-3.2L314.5 51.8z" fill="url(#c)"/>
-    <linearGradient id="d" gradientUnits="userSpaceOnUse" x1="-839.966" y1="-.576" x2="-840.848" y2="-1.179" gradientTransform="matrix(285.8258 9.9814 -16.0191 458.7204 240302.125 9188.92)">
-      <stop offset="0" stop-color="#e2e6e8" stop-opacity=".1"/>
-      <stop offset="1" stop-color="#e2e6e8"/>
-    </linearGradient>
-    <path d="M166.3 170.7l91.2 3.2L46.9 625.8l-91.2-3.2 210.6-451.9z" fill="url(#d)"/>
-  </g>
-</svg>

package/src/less/accordion.less

@@ -1,15 +0,0 @@
-@import "./chevron.less";
-@import "./decision.less";
-@import "./media.less";
-
-.accordion-item {
-  display: block;
-
-  .chevron {
-    vertical-align: middle;
-  }
-
-  &.decision:not(.disabled):hover {
-    background-color: var(--color-background-elevated);
-  }
-}

package/src/less/addons/_background-utilities.less

@@ -1,82 +0,0 @@
-@import (reference) "../../variables/neptune-tokens.less";
-
-// Contextual backgrounds
-
-// @DEPRECATED: .bg-default use .bg-neutral instead
-.bg-default,
-.bg-neutral {
-  background-color: var(--color-background-neutral) !important;
-  color: var(--color-content-secondary);
-}
-
-// @DEPRECATED: .bg-info, .bg-accent use .bg-neutral instead
-.bg-accent,
-.bg-info {
-  background-color: var(--color-background-accent) !important;
-}
-
-// @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
-.bg-primary {
-  background-color: @color-navy-background-elevated !important;
-  color: @color-navy-content-primary;
-}
-
-// @DEPRECATED: .bg-success, .bg-positive use .bg-neutral instead
-.bg-positive,
-.bg-success {
-  background-color: var(--color-background-positive) !important;
-}
-
-// @DEPRECATED: .bg-danger, .bg-negative use .bg-neutral instead
-.bg-negative,
-.bg-danger {
-  background-color: var(--color-background-negative) !important;
-}
-
-// @DEPRECATED: .bg-warning use .bg-neutral instead
-.bg-warning {
-  background-color: var(--color-background-warning) !important;
-}
-
-.bg-elevated {
-  background-color: var(--color-background-elevated) !important;
-}
-
-.bg-screen {
-  background-color: var(--color-background-screen) !important;
-}
-
-.bg-overlay {
-  background-color: var(--color-background-overlay) !important;
-}
-
-// @DEPRECATED: .bg-primary, .bg-info, .bg-accent use .bg-neutral or .bg-elevated or ThemeProvider with theme="forest-green" instead
-.bg-primary,
-.bg-info,
-.bg-accent {
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  .h1,
-  .h2,
-  .h3,
-  .h4,
-  .h5,
-  .h6,
-  .title-1,
-  .title-2,
-  .title-3,
-  .title-4,
-  .title-5,
-  .np-text-title-screen,
-  .np-text-title-section,
-  .np-text-title-subsection,
-  .np-text-title-body,
-  .np-text-title-group,
-  strong {
-    color: @color-navy-content-primary;
-  }
-}

package/src/less/addons/_border.less

@@ -1,3 +0,0 @@
-.border-bottom {
-  border-bottom: 1px solid var(--color-background-neutral);
-}

package/src/less/addons/_display-utilities.less

@@ -1,145 +0,0 @@
-.d-block {
-  display: block !important;
-}
-
-.d-inline-block {
-  display: inline-block !important;
-}
-
-.visible-xs,
-.visible-xs-block,
-.visible-xs-inline,
-.visible-xs-inline-block,
-.visible-sm,
-.visible-sm-block,
-.visible-sm-inline,
-.visible-sm-inline-block,
-.visible-md,
-.visible-md-block,
-.visible-md-inline,
-.visible-md-inline-block,
-.visible-lg,
-.visible-lg-block,
-.visible-lg-inline,
-.visible-lg-inline-block,
-.visible-xl,
-.visible-xl-block,
-.visible-xl-inline,
-.visible-xl-inline-block {
-  display: none !important;
-}
-
-.visible-xs,
-.visible-xs-block {
-  @media (--screen-xs-max) {
-    display: block !important;
-  }
-}
-
-.visible-xs-inline {
-  @media (--screen-xs-max) {
-    display: inline !important;
-  }
-}
-
-.visible-xs-inline-block {
-  @media (--screen-xs-max) {
-    display: inline-block !important;
-  }
-}
-
-.visible-sm,
-.visible-sm-block {
-  @media (--screen-sm) and (--screen-sm-max) {
-    display: block !important;
-  }
-}
-
-.visible-sm-inline {
-  @media (--screen-sm) and (--screen-sm-max) {
-    display: inline !important;
-  }
-}
-
-.visible-sm-inline-block {
-  @media (--screen-sm) and (--screen-sm-max) {
-    display: inline-block !important;
-  }
-}
-
-.visible-md,
-.visible-md-block {
-  @media (--screen-md) and (--screen-md-max) {
-    display: block !important;
-  }
-}
-
-.visible-md-inline {
-  @media (--screen-md) and (--screen-md-max) {
-    display: inline !important;
-  }
-}
-
-.visible-md-inline-block {
-  @media (--screen-md) and (--screen-md-max) {
-    display: inline-block !important;
-  }
-}
-
-.visible-lg,
-.visible-lg-block,
-/// @deprecated
-.visible-xl,
-/// @deprecated
-.visible-xl-block {
-  @media (--screen-lg) {
-    display: block !important;
-  }
-}
-
-.visible-lg-inline,
-/// @deprecated
-.visible-xl-inline {
-  @media (--screen-lg) {
-    display: inline !important;
-  }
-}
-
-.visible-lg-inline-block,
-/// @deprecated
-.visible-xl-inline-block {
-  @media (--screen-lg) {
-    display: inline-block !important;
-  }
-}
-
-.hidden-xs {
-  @media (--screen-xs-max) {
-    display: none !important;
-  }
-}
-
-.hidden-sm {
-  @media (--screen-sm) and (--screen-sm-max) {
-    display: none !important;
-  }
-}
-
-.hidden-md {
-  @media (--screen-md) and (--screen-md-max) {
-    display: none !important;
-  }
-}
-
-
-.hidden-lg,
-/// @deprecated
-.hidden-xl {
-  @media (--screen-lg) {
-    display: none !important;
-  }
-}
-
-.outline-none {
-  outline: none;
-}

package/src/less/addons/_spacing-utilities.less

@@ -1,73 +0,0 @@
-@import "../mixins/_spacing.less";
-
-.spacing(0, 0);
-.spacing(1, var(--size-8));
-.spacing(2, var(--size-16));
-.spacing(3, var(--size-24));
-.spacing(4, var(--size-32));
-.spacing(5, var(--size-40));
-
-.spacing-vertical(4, var(--size-32));
-.spacing-vertical(5, var(--size-40));
-
-.gap-y-1 {
-  row-gap: var(--size-8);
-}
-
-.responsive-spacing(panel, var(--size-16), var(--size-24), var(--size-32));
-.responsive-spacing-vertical(section-1, var(--size-16), var(--size-24), var(--size-32));
-.responsive-spacing-vertical(section-2, var(--size-32), var(--size-48), var(--size-64));
-.responsive-spacing-vertical(section-3, var(--size-48), var(--size-72), var(--size-96));
-
-.m-x-auto {
-  .margin(right,auto) !important;
-  .margin(left, auto) !important;
-}
-
-.m-r-auto {
-  .margin(right,auto) !important;
-}
-
-.m-l-auto {
-  .margin(left, auto) !important;
-}
-
-.section {
-  padding-top: var(--size-48);
-  padding-bottom: var(--size-48);
-
-  @media (--screen-sm) {
-    padding-top: var(--size-72);
-    padding-bottom: var(--size-72);
-  }
-
-  @media (--screen-lg) {
-    padding-top: var(--size-96);
-    padding-bottom: var(--size-96);
-  }
-}
-
-.np-text-hyphenated {
-  @supports (hyphenate-limit-chars: 1) {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-
-    @media (--screen-md) {
-      hyphenate-limit-chars: 8 3;
-    }
-
-    @media (--screen-lg) {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-
-  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-
-    @media (--screen-lg) {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}

package/src/less/addons/_utilities.less

@@ -1,147 +0,0 @@
-@import (reference)
-  "../../variables/legacy-variables.less";
-@import (reference) "../mixins/_clearfix.less";
-@import (reference) "../mixins/_center-block.less";
-@import (reference) "../mixins/_hide-text.less";
-
-//
-// Utility classes
-// --------------------------------------------------
-
-// Floats
-// -------------------------
-
-.clearfix {
-  .clearfix();
-}
-
-.center-block {
-  .center-block();
-}
-
-.pull-right,
-.pull-xs-right {
-  .float(right) !important;
-}
-
-.pull-left,
-.pull-xs-left {
-  .float(left) !important;
-}
-
-.pull-xs-none {
-  float: none !important;
-}
-
-@media (min-width: @screen-sm-min) {
-  .pull-sm-left {
-    .float(left) !important;
-  }
-
-  .pull-sm-right {
-    .float(right) !important;
-  }
-
-  .pull-sm-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: @screen-md-min) {
-  .pull-md-left {
-    .float(left) !important;
-  }
-
-  .pull-md-right {
-    .float(right) !important;
-  }
-
-  .pull-md-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: @screen-lg-min) {
-  .pull-lg-left {
-    .float(left) !important;
-  }
-
-  .pull-lg-right {
-    .float(right) !important;
-  }
-
-  .pull-lg-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: @screen-xl-min) {
-  .pull-xl-left {
-    .float(left) !important;
-  }
-
-  .pull-xl-right {
-    .float(right) !important;
-  }
-
-  .pull-xl-none {
-    float: none !important;
-  }
-}
-
-// Toggling content
-// -------------------------
-
-// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
-.hide {
-  display: none !important;
-}
-
-.show {
-  display: block !important;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.text-hide {
-  .text-hide();
-}
-
-// Hide from screenreaders and browsers
-//
-// Credit: HTML5 Boilerplate
-
-.hidden {
-  display: none !important;
-}
-
-// For Affix plugin
-// -------------------------
-
-.affix {
-  position: fixed;
-}
-
-.rotate90 {
-  transform: rotate(90deg);
-}
-
-.rotate180 {
-  transform: rotate(180deg);
-}
-
-.rotate270 {
-  transform: rotate(270deg);
-}
-
-.rotate-90 {
-  transform: rotate(-90deg);
-}
-
-// Cursor
-
-.clickable {
-  cursor: pointer !important;
-}