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

package/src/styles/less/decision.css

@@ -1,136 +0,0 @@
-.decision {
-  cursor: pointer;
-  margin-bottom: 0 !important;
-  border: 0;
-  align-items: center;
-  transition: background-color ease 350ms;
-  background-color: transparent;
-  display: block;
-}
-.decision:not(.np-option):focus-visible,
-.decision:not(.np-option):has(:focus-visible) {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 0;
-  outline-offset: var(--ring-outline-offset);
-  --ring-outline-offset: 0;
-}
-.decision__title {
-  margin: 0;
-  color: #37517e;
-  color: var(--color-content-primary);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
-  letter-spacing: 0;
-  font-size: 1.125rem;
-  font-size: var(--font-size-18);
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: -0.014em;
-  line-height: 135%;
-}
-@supports (hyphenate-limit-chars: 1) {
-  .decision__title {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .decision__title {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .decision__title {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .decision__title {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .decision__title {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
-.decision__title + p,
-.decision__title + ul:not(.list-unstyled),
-.decision__title + ol:not(.list-unstyled) {
-  margin-top: 8px;
-  margin-top: var(--size-8);
-}
-.decision__content {
-  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);
-  margin-top: 4px;
-  margin-top: var(--size-4);
-}
-.decision + .decision {
-  margin-top: -1px;
-}
-.decision dd:last-child {
-  margin-bottom: 0;
-}
-.decision dl {
-  margin-top: 8px;
-  margin-top: var(--size-8);
-}
-.decision .media,
-.decision.media {
-  width: 100%;
-  padding: 16px 12px;
-  padding: var(--size-16) var(--size-12);
-}
-.np-theme-personal .decision .media,
-.np-theme-personal .decision.media {
-  padding: 16px;
-  padding: var(--size-16);
-}
-.decision .media .media-left,
-.decision.media .media-left {
-  display: none;
-}
-.decision .media .media-body,
-.decision.media .media-body {
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-@media (min-width: 320.02px) {
-  .decision .media .media-left,
-  .decision.media .media-left {
-    display: block;
-  }
-}
-.decision:not(.disabled):hover {
-  background-color: rgba(134,167,189,0.07059);
-}
-.decision:not(.disabled):hover .circle-inverse {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.np-theme-personal .decision:not(.disabled):hover .circle-inverse {
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-}
-.decision:not(.disabled):hover .tw-checkbox-button,
-.decision:not(.disabled):hover .tw-radio-button {
-  border-color: #00a2dd;
-  border-color: var(--color-interactive-accent);
-}
-.np-theme-personal .decision:not(.disabled):hover .tw-checkbox-button,
-.np-theme-personal .decision:not(.disabled):hover .tw-radio-button {
-  border-color: transparent;
-}
-.decision.decision-complex {
-  align-items: initial;
-}
-.np-theme-personal .decision:not(.disabled):hover {
-  background-color: var(--color-background-screen-hover);
-}

package/src/styles/less/dropdowns.css

@@ -1,472 +0,0 @@
-.dropup,
-.dropdown {
-  position: relative;
-}
-.dropdown-menu {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1000;
-  float: left;
-  padding: 8px   ;
-  margin: 0;
-  list-style: none;
-  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);
-  text-align: left;
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-  border: 0 solid rgba(0,0,0,0.10196);
-  border: 0 solid var(--color-border-neutral);
-  border-radius: 3px;
-  box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
-  background-clip: padding-box;
-  min-width: 104px;
-  transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0.2s;
-  opacity: 0;
-  transform: translateY(-10px) scale(0.95, 0.95);
-  visibility: hidden;
-}
-[dir="rtl"] .dropdown-menu {
-  right: 0;
-  left: auto;
-  left: initial;
-}
-[dir="rtl"] .dropdown-menu {
-  float: right;
-}
-[dir="rtl"] .dropdown-menu {
-  padding: 8px   ;
-}
-[dir="rtl"] .dropdown-menu {
-  text-align: right;
-}
-.np-theme-personal .dropdown-menu,
-.np-theme-personal--forest-green .dropdown-menu,
-.np-theme-personal--dark .dropdown-menu {
-  background-color: #ffffff;
-  background-color: var(--color-background-elevated);
-  border-radius: 16px;
-  border-radius: var(--radius-medium);
-  box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
-}
-@media (min-width: 600px) {
-  .dropdown-menu {
-    min-width: 160px;
-  }
-}
-.np-theme-personal--forest-green .dropdown-menu,
-.np-theme-personal--bright-green .dropdown-menu,
-.np-theme-personal--dark .dropdown-menu {
-  box-shadow: none;
-}
-.dropdown-menu .divider {
-  height: 1px;
-  margin: 0;
-  overflow: hidden;
-  background-color: rgba(0,0,0,0.10196);
-  background-color: var(--color-border-neutral);
-}
-.dropdown-menu .text-primary {
-  color: #37517e !important;
-  color: var(--color-content-primary) !important;
-}
-.dropdown-menu > li > a {
-  display: block;
-  padding: var(--dropdown-link-padding);
-  clear: both;
-  border-radius: 3px;
-  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);
-  color: #37517e;
-  color: var(--color-content-primary);
-  white-space: nowrap;
-}
-.dropdown-menu > li > a .secondary {
-  display: block;
-  white-space: normal;
-}
-.np-theme-personal .dropdown-menu > li > a,
-.np-theme-personal--forest-green .dropdown-menu > li > a,
-.np-theme-personal--dark .dropdown-menu > li > a {
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-}
-.np-theme-light .dropdown-menu > li:first-child > a {
-  border-top-right-radius: 2px;
-  border-top-left-radius: 2px;
-}
-.np-theme-light .dropdown-menu > li:last-child > a {
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.dropdown-menu > .overlay-back-button,
-.dropdown-menu > .overlay-title {
-  display: none;
-}
-.dropdown-menu,
-.btn-group .dropdown-menu {
-  max-width: calc(100vw - 32px);
-}
-.dropdown-menu.dropdown-menu-sm,
-.btn-group .dropdown-menu.dropdown-menu-sm {
-  width: 220px;
-}
-.dropdown-menu.dropdown-menu-md,
-.btn-group .dropdown-menu.dropdown-menu-md {
-  width: 300px;
-}
-.dropdown-menu.dropdown-menu-lg,
-.btn-group .dropdown-menu.dropdown-menu-lg {
-  width: 420px;
-}
-.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):hover,
-.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus,
-.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #37517e;
-  color: var(--color-content-primary);
-  outline: 0;
-  box-shadow: inset 0 0 0 1px #c9cbce;
-  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
-}
-.dropdown-menu > .active > a,
-.dropdown-menu > .selected > a,
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .selected > a:hover,
-.dropdown-menu > .active > a:focus,
-.dropdown-menu > .selected > a:focus {
-  color: #ffffff;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  outline: 0;
-  background-color: #37517e;
-}
-.dropdown-menu > .active > a strong,
-.dropdown-menu > .selected > a strong {
-  color: inherit;
-}
-.dropdown-menu > .active > a .np-text-body-default,
-.dropdown-menu > .selected > a .np-text-body-default,
-.dropdown-menu > .active > a .small,
-.dropdown-menu > .selected > a .small,
-.dropdown-menu > .active > a .secondary,
-.dropdown-menu > .selected > a .secondary {
-  color: #c9cbce;
-}
-.dropdown-menu > .disabled > a:hover,
-.dropdown-menu > .disabled > a:focus {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: transparent;
-  background-image: none;
-}
-.open > .dropdown-menu {
-  transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
-  visibility: visible;
-  opacity: 1;
-  transform: none;
-}
-@media (max-width: 599.98px) {
-  .open > .dropdown-menu-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-    height: 100dvh;
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-    max-width: none;
-    overflow-y: auto;
-    animation: listSlideOver 0.15s ease-out forwards;
-  }
-  [dir="rtl"] .open > .dropdown-menu-overlay {
-    right: 0;
-    left: auto;
-    left: initial;
-  }
-  .open > .dropdown-menu-overlay > .overlay-back-button,
-  .open > .dropdown-menu-overlay > .overlay-title {
-    display: block;
-  }
-}
-.open > a {
-  outline: 0;
-}
-.dropdown-menu-right,
-.dropdown-menu-xs-right {
-  left: auto;
-  right: 0;
-}
-[dir="rtl"] .dropdown-menu-right,
-[dir="rtl"] .dropdown-menu-xs-right {
-  right: auto;
-  left: auto;
-  left: initial;
-}
-[dir="rtl"] .dropdown-menu-right,
-[dir="rtl"] .dropdown-menu-xs-right {
-  left: 0;
-  right: auto;
-  right: initial;
-}
-.dropdown-menu-left,
-.dropdown-menu-xs-left {
-  left: 0;
-  right: auto;
-}
-[dir="rtl"] .dropdown-menu-left,
-[dir="rtl"] .dropdown-menu-xs-left {
-  right: 0;
-  left: auto;
-  left: initial;
-}
-[dir="rtl"] .dropdown-menu-left,
-[dir="rtl"] .dropdown-menu-xs-left {
-  left: auto;
-  right: auto;
-  right: initial;
-}
-@media (min-width: 600px) {
-  .dropdown-menu-sm-right {
-    left: auto;
-    right: 0;
-  }
-  [dir="rtl"] .dropdown-menu-sm-right {
-    right: auto;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-sm-right {
-    left: 0;
-    right: auto;
-    right: initial;
-  }
-  .dropdown-menu-sm-left {
-    left: 0;
-    right: auto;
-  }
-  [dir="rtl"] .dropdown-menu-sm-left {
-    right: 0;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-sm-left {
-    left: auto;
-    right: auto;
-    right: initial;
-  }
-}
-@media (min-width: 840px) {
-  .dropdown-menu-md-right {
-    left: auto;
-    right: 0;
-  }
-  [dir="rtl"] .dropdown-menu-md-right {
-    right: auto;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-md-right {
-    left: 0;
-    right: auto;
-    right: initial;
-  }
-  .dropdown-menu-md-left {
-    left: 0;
-    right: auto;
-  }
-  [dir="rtl"] .dropdown-menu-md-left {
-    right: 0;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-md-left {
-    left: auto;
-    right: auto;
-    right: initial;
-  }
-}
-@media (min-width: 1160px) {
-  .dropdown-menu-lg-right {
-    left: auto;
-    right: 0;
-  }
-  [dir="rtl"] .dropdown-menu-lg-right {
-    right: auto;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-lg-right {
-    left: 0;
-    right: auto;
-    right: initial;
-  }
-  .dropdown-menu-lg-left {
-    left: 0;
-    right: auto;
-  }
-  [dir="rtl"] .dropdown-menu-lg-left {
-    right: 0;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-lg-left {
-    left: auto;
-    right: auto;
-    right: initial;
-  }
-}
-@media (min-width: 1160px) {
-  .dropdown-menu-xl-right {
-    left: auto;
-    right: 0;
-  }
-  [dir="rtl"] .dropdown-menu-xl-right {
-    right: auto;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-xl-right {
-    left: 0;
-    right: auto;
-    right: initial;
-  }
-  .dropdown-menu-xl-left {
-    left: 0;
-    right: auto;
-  }
-  [dir="rtl"] .dropdown-menu-xl-left {
-    right: 0;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .dropdown-menu-xl-left {
-    left: auto;
-    right: auto;
-    right: initial;
-  }
-}
-.dropdown-header {
-  display: block;
-  padding: 8px 16px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  color: #5d7079;
-  color: var(--color-content-secondary);
-  white-space: nowrap;
-  margin: 0;
-  color: #37517e;
-  color: var(--color-content-primary);
-  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%;
-}
-@supports (hyphenate-limit-chars: 1) {
-  .dropdown-header {
-    hyphens: auto;
-    hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .dropdown-header {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .dropdown-header {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}
-@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .dropdown-header {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .dropdown-header {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}
-.dropdown-header + p,
-.dropdown-header + ul:not(.list-unstyled),
-.dropdown-header + ol:not(.list-unstyled) {
-  margin-top: 8px;
-  margin-top: var(--size-8);
-}
-.dropdown-backdrop {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  z-index: 990;
-}
-[dir="rtl"] .dropdown-backdrop {
-  right: 0;
-  left: auto;
-  left: initial;
-}
-[dir="rtl"] .dropdown-backdrop {
-  left: 0;
-  right: auto;
-  right: initial;
-}
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
-  top: auto;
-  bottom: -2px;
-  margin-bottom: 2px;
-}
-@media (min-width: 840px) {
-  .navbar-right .dropdown-menu {
-    left: auto;
-    right: 0;
-  }
-  [dir="rtl"] .navbar-right .dropdown-menu {
-    right: auto;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .navbar-right .dropdown-menu {
-    left: 0;
-    right: auto;
-    right: initial;
-  }
-  .navbar-right .dropdown-menu-left {
-    left: 0;
-    right: auto;
-  }
-  [dir="rtl"] .navbar-right .dropdown-menu-left {
-    right: 0;
-    left: auto;
-    left: initial;
-  }
-  [dir="rtl"] .navbar-right .dropdown-menu-left {
-    left: auto;
-    right: auto;
-    right: initial;
-  }
-}
-.bootstrap-select .dropdown-menu {
-  margin: -8px 0 -6px;
-}