@transferwise/components 0.0.0-experimental-bd56e63 → 0.0.0-experimental-7d89ae8

package/src/styles/less/link-callout.css

@@ -1,20 +0,0 @@
-.link-callout > .tw-icon-chevron-up {
-  display: inline-block;
-  margin-left: 8px;
-  margin-left: var(--size-8);
-  pointer-events: none;
-  transition: transform 0.2s ease-in-out;
-  transform: rotate(90deg);
-}
-[dir="rtl"] .link-callout > .tw-icon-chevron-up {
-  margin-right: 8px;
-  margin-right: var(--size-8);
-  margin-left: 0;
-  margin-left: initial;
-}
-.link-callout:hover > .tw-icon-chevron-up,
-.link-callout:focus > .tw-icon-chevron-up,
-.callout-container:hover .link-callout > .tw-icon-chevron-up,
-.callout-container:focus .link-callout > .tw-icon-chevron-up {
-  transform: translateX(4px) rotate(90deg);
-}

package/src/styles/less/list-group.css

@@ -1,350 +0,0 @@
-.list-group {
-  list-style-type: none;
-  margin-bottom: 20px;
-  padding-left: 0;
-  border-left: 1px solid rgba(0,0,0,0.10196);
-  border-left: 1px solid var(--color-border-neutral);
-  border-right: 1px solid rgba(0,0,0,0.10196);
-  border-right: 1px solid var(--color-border-neutral);
-}
-[dir="rtl"] .list-group {
-  padding-right: 0;
-  padding-left: 0;
-  padding-left: initial;
-}
-.list-group-item {
-  display: block;
-  padding: 16px 16px 16px 14px;
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-  margin-top: 1px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  transition: all ease 0.15s;
-}
-[dir="rtl"] .list-group-item {
-  padding: 16px 14px 16px 16px;
-}
-[dir="rtl"] .list-group-item {
-  border-right: 2px solid transparent;
-}
-html:not([dir="rtl"]) .list-group-item {
-  border-left: 2px solid transparent;
-}
-.panel-group .list-group-item {
-  margin-top: 0;
-}
-@media (min-width: 600px) {
-  .list-group-item {
-    padding: 24px 24px 24px 22px;
-  }
-  [dir="rtl"] .list-group-item {
-    padding: 24px 22px 24px 24px;
-  }
-}
-@media (min-width: 1160px) {
-  .list-group-item {
-    padding: 32px 32px 32px 30px;
-  }
-  [dir="rtl"] .list-group-item {
-    padding: 32px 30px 32px 32px;
-  }
-}
-.list-group-item-heading {
-  margin-bottom: 0;
-  margin: 0;
-  line-height: 1.2;
-  line-height: var(--line-height-title);
-  letter-spacing: 0;
-  font-weight: 500;
-  font-weight: var(--font-weight-medium);
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-  letter-spacing: -0.006em;
-  line-height: 140%;
-  color: #37517e;
-  color: var(--color-content-primary);
-}
-@supports (hyphenate-limit-chars: 1) {
-  .list-group-item-heading {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .list-group-item-heading {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .list-group-item-heading {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .list-group-item-heading {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .list-group-item-heading {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
-.list-group-item-heading + p,
-.list-group-item-heading + ul:not(.list-unstyled),
-.list-group-item-heading + ol:not(.list-unstyled) {
-  margin-top: 8px;
-  margin-top: var(--size-8);
-}
-.list-group-item-text {
-  margin-bottom: 0;
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-a.list-group-item {
-  color: #0097c7;
-  color: var(--color-content-accent);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-a.list-group-item .list-group-item-heading {
-  color: #0097c7;
-  color: var(--color-content-accent);
-}
-a.list-group-item:not(.disabled):not(:disabled):hover,
-a.list-group-item:not(.disabled):not(:disabled):focus {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #0084b3;
-  color: var(--color-content-accent-hover);
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-}
-.list-group-item[ng-click] {
-  cursor: pointer;
-}
-.list-group-item[ng-click]:hover {
-  will-change: margin, contents;
-}
-.list-group-item.active {
-  z-index: 2;
-  background-color: #ffffff;
-  background-color: var(--color-background-elevated);
-  box-shadow: 0 1px 10px rgba(0,0,0,0.10196);
-  box-shadow: 0 1px 10px var(--color-border-neutral);
-  margin-top: 24px;
-  margin-top: var(--size-24);
-  margin-bottom: 24px;
-  margin-bottom: var(--size-24);
-}
-.list-group-item.active:first-child {
-  margin-top: 1px;
-}
-.list-group-item.active:last-child {
-  margin-bottom: 0;
-}
-.np-theme-personal--forest-green .list-group-item.active,
-.np-theme-personal--bright-green .list-group-item.active,
-.np-theme-personal--dark .list-group-item.active {
-  box-shadow: none;
-}
-@media (min-width: 840px) {
-  .list-group-item.active {
-    margin-left: -12px;
-    margin-right: -12px;
-  }
-  .list-group-item .media-body {
-    transition: padding ease 0.15s;
-  }
-}
-.list-group-inactive .list-group-item {
-  background-color: transparent;
-  margin-top: 0;
-}
-.list-group-inactive .list-group-item:hover,
-.list-group-inactive .list-group-item.active {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-@media (min-width: 600px) {
-  .list-group-inactive .list-group-item:hover .circle,
-  .list-group-inactive .list-group-item.active .circle {
-    background-color: rgba(134,167,189,0.10196);
-    background-color: var(--color-background-neutral);
-  }
-}
-.list-group-inactive .list-group-item.active {
-  margin-top: 24px;
-  margin-top: var(--size-24);
-}
-[dir="rtl"] .list-group-item-success {
-  border-right: 3px solid #008026;
-  border-right: 3px solid var(--color-content-positive);
-}
-html:not([dir="rtl"]) .list-group-item-success {
-  border-left: 3px solid #008026;
-  border-left: 3px solid var(--color-content-positive);
-}
-.list-group-item.list-group-item-success {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.list-group-item-success .list-group-item-text {
-  color: #008026;
-  color: var(--color-content-positive);
-}
-a.list-group-item-success {
-  color: #008026;
-  color: var(--color-content-positive);
-}
-a.list-group-item-success:hover {
-  color: #008026;
-  color: var(--color-content-positive);
-}
-[dir="rtl"] .list-group-item-info {
-  border-right: 3px solid #0097c7;
-  border-right: 3px solid var(--color-content-accent);
-}
-html:not([dir="rtl"]) .list-group-item-info {
-  border-left: 3px solid #0097c7;
-  border-left: 3px solid var(--color-content-accent);
-}
-.list-group-item.list-group-item-info {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.list-group-item-info .list-group-item-text {
-  color: #0097c7;
-  color: var(--color-content-accent);
-}
-a.list-group-item-info {
-  color: #0097c7;
-  color: var(--color-content-accent);
-}
-a.list-group-item-info:hover {
-  color: #0097c7;
-  color: var(--color-content-accent);
-}
-[dir="rtl"] .list-group-item-warning {
-  border-right: 3px solid #9a6500;
-  border-right: 3px solid var(--color-content-warning);
-}
-html:not([dir="rtl"]) .list-group-item-warning {
-  border-left: 3px solid #9a6500;
-  border-left: 3px solid var(--color-content-warning);
-}
-.list-group-item.list-group-item-warning {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.list-group-item-warning .list-group-item-text {
-  color: #9a6500;
-  color: var(--color-content-warning);
-}
-a.list-group-item-warning {
-  color: #9a6500;
-  color: var(--color-content-warning);
-}
-a.list-group-item-warning:hover {
-  color: #9a6500;
-  color: var(--color-content-warning);
-}
-[dir="rtl"] .list-group-item-danger {
-  border-right: 3px solid #cf2929;
-  border-right: 3px solid var(--color-content-negative);
-}
-html:not([dir="rtl"]) .list-group-item-danger {
-  border-left: 3px solid #cf2929;
-  border-left: 3px solid var(--color-content-negative);
-}
-.list-group-item.list-group-item-danger {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.list-group-item-danger .list-group-item-text {
-  color: #cf2929;
-  color: var(--color-content-negative);
-}
-a.list-group-item-danger {
-  color: #cf2929;
-  color: var(--color-content-negative);
-}
-a.list-group-item-danger:hover {
-  color: #cf2929;
-  color: var(--color-content-negative);
-}
-.list-group:hover .list-group-item:not(.active) {
-  background-color: #fbfcfd;
-}
-.list-group:hover .list-group-item:not(.active) .media {
-  opacity: 0.94;
-}
-.list-group:hover .list-group-item:hover {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.list-group:hover .list-group-item:hover .media {
-  opacity: 1;
-}
-.list-group-inactive:hover .list-group-item:not(.active) {
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-}
-.list-group-inactive:hover .list-group-item:hover {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-@keyframes listSlideOver {
-  0% {
-    transform: translateX(100vw);
-  }
-  100% {
-    transform: translateX(0);
-  }
-}
-@media (max-width: 839.98px) {
-  .list-group-slide-out .list-group-item .collapse {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-    height: 100dvh;
-    margin: 0;
-    overflow-y: auto;
-    background-color: #fff;
-    animation: listSlideOver 0.15s ease-out forwards;
-    z-index: 3;
-  }
-  [dir="rtl"] .list-group-slide-out .list-group-item .collapse {
-    right: 0;
-    left: auto;
-    left: initial;
-  }
-  .list-group-slide-out .list-group-item .collapse .media-left {
-    display: none;
-  }
-  .list-group-slide-out .list-group-item .collapse .well {
-    border-radius: 0;
-    margin-bottom: 0;
-  }
-  .list-group-slide-out .list-group-item.active,
-  .list-group-slide-out .list-group-inactive .list-group-item.active {
-    margin-top: 1px;
-    margin-bottom: 0;
-    box-shadow: none !important;
-  }
-  .list-group-slide-out .list-group-item.active .collapse {
-    height: 100vh;
-    height: 100dvh;
-    overflow-y: auto;
-    padding-bottom: 72px;
-  }
-  .list-group-slide-out .list-group-item.active .collapse .well {
-    padding-bottom: 72px;
-    margin-bottom: -72px;
-  }
-}

package/src/styles/less/loaders.css

@@ -1,76 +0,0 @@
-.loader {
-  position: relative;
-  display: inline-block;
-  height: 160px;
-  width: 160px;
-}
-.loader .loader-flag {
-  top: 58px;
-  left: 52px;
-  position: relative;
-  height: 52px;
-  width: 52px;
-}
-.loader .loader-flag-stroke {
-  animation: loaderStroke 3.5s infinite;
-}
-.loader .loader-flag-fill {
-  display: block;
-  position: absolute;
-  top: 1px;
-  opacity: 1;
-  animation: loaderFill 3.5s infinite;
-}
-.loader .loader-spinner {
-  width: 160px;
-  height: 160px;
-  position: absolute;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjU0IC01NCAxNjAgMTYwIj48bGluZWFyR3JhZGllbnQgaWQ9ImEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTA4LjY2MiIgeTE9IjUyLjE3NSIgeDI9IjEwNy42NjIiIHkyPSI1Mi4xNzUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTYwIDAgMCAtODAgLTE3MTcyIDQxNjApIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDk3YzciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDk3YzciIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTIxNCAyNmMwLTQ0LjItMzUuOC04MC04MC04MFM1NC0xOC4yIDU0IDI2aDJjMC00My4xIDM0LjktNzggNzgtNzhzNzggMzQuOSA3OCA3OGgyeiIvPjwvc3ZnPg==");
-  animation: rotating 1.4s linear infinite;
-}
-.loader .loader-flag-fill,
-.loader .loader-flag-outline {
-  width: 52px;
-  height: 52px;
-}
-/* Animations */
-@keyframes loaderStroke {
-  30% {
-    stroke-dashoffset: 300;
-    opacity: 0;
-  }
-  40% {
-    stroke-dashoffset: 300;
-    opacity: 1;
-  }
-  70% {
-    stroke-dashoffset: 0;
-    opacity: 1;
-  }
-  100% {
-    stroke-dashoffset: 0;
-    opacity: 0;
-  }
-}
-@keyframes loaderFill {
-  0% {
-    opacity: 1;
-  }
-  30% {
-    opacity: 0;
-  }
-  70% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes rotating {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

package/src/styles/less/media.css

@@ -1,74 +0,0 @@
-.media {
-  display: flex;
-  align-items: center;
-}
-.media-body {
-  flex: 1;
-}
-.media-body > *:last-child {
-  margin-bottom: 0;
-}
-.media-middle {
-  align-self: center;
-}
-.media-bottom {
-  align-self: flex-end;
-}
-/* Images/elements as the media anchor */
-.media-object {
-  display: block;
-}
-/* Alignment */
-.media-right {
-  padding-left: 16px;
-  padding-left: var(--size-16);
-}
-[dir="rtl"] .media-right {
-  padding-right: 16px;
-  padding-right: var(--size-16);
-  padding-left: 0;
-  padding-left: initial;
-}
-.media-left {
-  padding-right: 16px;
-  padding-right: var(--size-16);
-}
-[dir="rtl"] .media-left {
-  padding-left: 16px;
-  padding-left: var(--size-16);
-  padding-right: 0;
-  padding-right: initial;
-}
-@media (max-width: 320px) {
-  .media-right,
-  .media-left {
-    padding-left: 32px;
-    padding-left: var(--size-32);
-  }
-  [dir="rtl"] .media-right,
-  [dir="rtl"] .media-left {
-    padding-right: 32px;
-    padding-right: var(--size-32);
-    padding-left: 0;
-    padding-left: initial;
-  }
-}
-/* Headings */
-.media-heading {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-/* Media list variation */
-.media-list {
-  padding-left: 0;
-  list-style: none;
-}
-[dir="rtl"] .media-list {
-  padding-right: 0;
-  padding-left: 0;
-  padding-left: initial;
-}
-/* Fix text-ellipsis issue with text in dropdown */
-.dropdown-menu .media-body {
-  overflow: hidden;
-}

package/src/styles/less/modals.css

@@ -1,185 +0,0 @@
-.modal-open {
-  overflow: hidden;
-}
-.modal {
-  display: none;
-  overflow: hidden;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1050;
-  -webkit-overflow-scrolling: touch;
-  outline: 0;
-}
-.modal.fade .modal-dialog {
-  transform: translate(0, -25%);
-  transition: transform 0.3s ease-out;
-}
-.modal.in .modal-dialog {
-  transform: translate(0, 0);
-}
-.modal-open .modal {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 16px;
-  margin: var(--size-16);
-}
-.modal-content {
-  position: relative;
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-  border: 1px solid rgba(134,167,189,0.10196);
-  border: 1px solid var(--color-background-neutral);
-  border-radius: 3px;
-  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-  background-clip: padding-box;
-  outline: 0;
-}
-.np-theme-personal--forest-green .modal-content,
-.np-theme-personal--bright-green .modal-content,
-.np-theme-personal--dark .modal-content {
-  box-shadow: none;
-}
-.np-theme-personal .modal-content {
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-}
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1040;
-  background-color: #37517e;
-}
-.modal-backdrop.fade {
-  opacity: 0;
-}
-.modal-backdrop.in {
-  opacity: 0.8;
-}
-.np-theme-personal .modal-backdrop {
-  background-color: rgba(14, 15, 12, 0.4);
-}
-.np-theme-personal--dark .modal-backdrop {
-  background-color: rgba(243, 245, 241, 0.25);
-}
-.np-theme-personal--forest-green .modal-backdrop,
-.np-theme-personal--bright-green .modal-backdrop {
-  background-color: rgba(255, 255, 255, 0.25);
-}
-.modal-header {
-  padding: 24px;
-  border-bottom: 1px solid rgba(0,0,0,0.10196);
-  border-bottom: 1px solid var(--color-border-neutral);
-  min-height: calc(24px + 24px);
-  min-height: calc(24px + var(--size-24));
-}
-.modal-header .close {
-  margin-top: -2px;
-}
-.modal-title {
-  margin: 0;
-  line-height: 1.2;
-  line-height: var(--line-height-title);
-}
-.modal-body {
-  position: relative;
-  padding: 24px;
-}
-.modal-footer {
-  padding: 16px 24px;
-  padding: var(--size-16) 24px;
-  text-align: right;
-  border-top: 1px solid rgba(0,0,0,0.10196);
-  border-top: 1px solid var(--color-border-neutral);
-}
-[dir="rtl"] .modal-footer {
-  text-align: left;
-}
-.modal-footer .btn + .btn {
-  margin-left: 8px;
-  margin-left: var(--size-8);
-  margin-bottom: 0;
-}
-[dir="rtl"] .modal-footer .btn + .btn {
-  margin-right: 8px;
-  margin-right: var(--size-8);
-  margin-left: 0;
-  margin-left: initial;
-}
-.modal-footer .btn-group .btn + .btn {
-  margin-left: -1px;
-}
-[dir="rtl"] .modal-footer .btn-group .btn + .btn {
-  margin-right: -1px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.modal-footer .btn-block + .btn-block {
-  margin-left: 0;
-}
-[dir="rtl"] .modal-footer .btn-block + .btn-block {
-  margin-right: 0;
-  margin-left: 0;
-  margin-left: initial;
-}
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-@media (min-width: 600px) {
-  .modal-dialog {
-    width: 564px;
-    margin: 32px auto;
-  }
-  .modal-content {
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-  }
-  .np-theme-personal--forest-green .modal-content,
-  .np-theme-personal--bright-green .modal-content,
-  .np-theme-personal--dark .modal-content {
-    box-shadow: none;
-  }
-  .modal-header {
-    padding: 28px 32px;
-    min-height: calc(28px + 24px);
-    min-height: calc(28px + var(--size-24));
-  }
-  .modal-body {
-    padding: 32px;
-  }
-  .modal-footer {
-    padding: 16px 32px;
-    padding: var(--size-16) 32px;
-  }
-}
-@media (min-width: 600px) {
-  .modal-sm,
-  .modal-lg {
-    width: auto;
-    margin: 32px 24px;
-  }
-}
-@media (min-width: 320.02px) {
-  .modal-sm {
-    width: 300px;
-    margin: 32px auto;
-  }
-}
-@media (min-width: 840px) {
-  .modal-lg {
-    width: 824px;
-    margin: 32px auto;
-  }
-}