@transferwise/neptune-css 0.0.0-experimental-4c688cd → 0.0.0-experimental-5405b30

package/dist/css/link-callout.css

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

package/dist/css/list-group.css

@@ -1,267 +1 @@
-@media (min-width: 768px) {
-}@media (min-width: 768px) {
-}.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: 576px) {
-  .list-group-item {
-    padding: 24px 24px 24px 22px;
-  }
-  [dir="rtl"] .list-group-item {
-    padding: 24px 22px 24px 24px;
-  }
-}@media (min-width: 992px) {
-  .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);
-}.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: 768px) {
-  .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: 576px) {
-  .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: 767px) {
-  .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;
-  }
-}
+.list-group{border-left:1px solid #0000001a;border-left:1px solid var(--color-border-neutral);border-right:1px solid #0000001a;border-right:1px solid var(--color-border-neutral);list-style-type:none;margin-bottom:20px;padding-left:0}[dir=rtl] .list-group{padding-left:0;padding-right:0}.list-group-item{background-color:#fff;background-color:var(--color-background-screen);display:block;line-height:1.5;line-height:var(--line-height-body);margin-top:1px;padding:16px 16px 16px 14px;transition:all .15s ease}[dir=rtl] .list-group-item{border-right:2px solid transparent;padding:16px 14px 16px 16px}html:not([dir=rtl]) .list-group-item{border-left:2px solid transparent}.panel-group .list-group-item{margin-top:0}@media (min-width:576px){.list-group-item{padding:24px 24px 24px 22px}[dir=rtl] .list-group-item{padding:24px 22px 24px 24px}}@media (min-width:992px){.list-group-item{padding:32px 32px 32px 30px}[dir=rtl] .list-group-item{padding:32px 30px 32px 32px}}.list-group-item-heading{color:#37517e;color:var(--color-content-primary);font-size:.875rem;font-size:var(--font-size-14);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:0;letter-spacing:-.006em;line-height:1.2;line-height:var(--line-height-title);line-height:140%;margin:0}.list-group-item-heading+ol:not(.list-unstyled),.list-group-item-heading+p,.list-group-item-heading+ul:not(.list-unstyled){margin-top:8px;margin-top:var(--size-8)}.list-group-item-text{color:#5d7079;color:var(--color-content-secondary);margin-bottom:0}a.list-group-item{text-decoration:none}a.list-group-item,a.list-group-item .list-group-item-heading{color:#0097c7;color:var(--color-content-accent)}a.list-group-item:not(.disabled,:disabled):focus,a.list-group-item:not(.disabled,:disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#0084b3;color:var(--color-content-accent-hover);text-decoration:none}.list-group-item[ng-click]{cursor:pointer}.list-group-item[ng-click]:hover{will-change:margin,contents}.list-group-item.active{background-color:#fff;background-color:var(--color-background-elevated);box-shadow:0 1px 10px #0000001a;box-shadow:0 1px 10px var(--color-border-neutral);margin-bottom:24px;margin-bottom:var(--size-24);margin-top:24px;margin-top:var(--size-24);z-index:2}.list-group-item.active:first-child{margin-top:1px}.list-group-item.active:last-child{margin-bottom:0}.np-theme-personal--bright-green .list-group-item.active,.np-theme-personal--dark .list-group-item.active,.np-theme-personal--forest-green .list-group-item.active{box-shadow:none}@media (min-width:768px){.list-group-item.active{margin-left:-12px;margin-right:-12px}.list-group-item .media-body{transition:padding .15s ease}}.list-group-inactive .list-group-item{background-color:transparent;margin-top:0}.list-group-inactive .list-group-item.active,.list-group-inactive .list-group-item:hover{background-color:#fff;background-color:var(--color-background-screen)}@media (min-width:576px){.list-group-inactive .list-group-item.active .circle,.list-group-inactive .list-group-item:hover .circle{background-color:#86a7bd1a;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:#fff;background-color:var(--color-background-screen)}.list-group-item-success .list-group-item-text,a.list-group-item-success,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:#fff;background-color:var(--color-background-screen)}.list-group-item-info .list-group-item-text,a.list-group-item-info,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:#fff;background-color:var(--color-background-screen)}.list-group-item-warning .list-group-item-text,a.list-group-item-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:#fff;background-color:var(--color-background-screen)}.list-group-item-danger .list-group-item-text,a.list-group-item-danger,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:.94}.list-group:hover .list-group-item:hover{background-color:#fff;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:#86a7bd1a;background-color:var(--color-background-neutral)}.list-group-inactive:hover .list-group-item:hover{background-color:#fff;background-color:var(--color-background-screen)}@keyframes listSlideOver{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@media (max-width:767px){.list-group-slide-out .list-group-item .collapse{animation:listSlideOver .15s ease-out forwards;background-color:#fff;height:100vh;height:100dvh;left:0;margin:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:3}[dir=rtl] .list-group-slide-out .list-group-item .collapse{left:auto;right:0}.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-inactive .list-group-item.active,.list-group-slide-out .list-group-item.active{box-shadow:none!important;margin-bottom:0;margin-top:1px}.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{margin-bottom:-72px;padding-bottom:72px}}

package/dist/css/loaders.css

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

package/dist/css/media.css

@@ -1,74 +1 @@
-.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;
-}
+.media{align-items:center;display:flex}.media-body{flex:1}.media-body>:last-child{margin-bottom:0}.media-middle{align-self:center}.media-bottom{align-self:flex-end}.media-object{display:block}.media-right{padding-left:16px;padding-left:var(--size-16)}[dir=rtl] .media-right{padding-left:0}.media-left,[dir=rtl] .media-right{padding-right:16px;padding-right:var(--size-16)}[dir=rtl] .media-left{padding-left:16px;padding-left:var(--size-16);padding-right:0}@media (max-width:320px){.media-left,.media-right{padding-left:32px;padding-left:var(--size-32)}[dir=rtl] .media-left,[dir=rtl] .media-right{padding-left:0;padding-right:32px;padding-right:var(--size-32)}}.media-heading{margin-bottom:0;margin-top:0}.media-list{list-style:none;padding-left:0}[dir=rtl] .media-list{padding-left:0;padding-right:0}.dropdown-menu .media-body{overflow:hidden}

package/dist/css/modals.css

@@ -1,185 +1 @@
-.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: 576px) {
-  .modal-dialog {
-    width: 540px;
-    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: 576px) {
-  .modal-sm,
-  .modal-lg {
-    width: auto;
-    margin: 32px 24px;
-  }
-}
-@media (min-width: 332px) {
-  .modal-sm {
-    width: 300px;
-    margin: 32px auto;
-  }
-}
-@media (min-width: 768px) {
-  .modal-lg {
-    width: 720px;
-    margin: 32px auto;
-  }
-}
+.modal,.modal-open{overflow:hidden}.modal{-webkit-overflow-scrolling:touch;bottom:0;display:none;left:0;outline:0;position:fixed;right:0;top:0;z-index:1050}.modal.fade .modal-dialog{transform:translateY(-25%);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate(0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{margin:16px;margin:var(--size-16);position:relative;width:auto}.modal-content{background-clip:padding-box;background-color:#fff;background-color:var(--color-background-screen);border:1px solid #86a7bd1a;border:1px solid var(--color-background-neutral);border-radius:3px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;position:relative}.np-theme-personal--bright-green .modal-content,.np-theme-personal--dark .modal-content,.np-theme-personal--forest-green .modal-content{box-shadow:none}.np-theme-personal .modal-content{border-radius:10px;border-radius:var(--radius-small)}.modal-backdrop{background-color:#37517e;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.8}.np-theme-personal .modal-backdrop{background-color:rgba(14,15,12,.4)}.np-theme-personal--dark .modal-backdrop{background-color:hsla(90,17%,95%,.25)}.np-theme-personal--bright-green .modal-backdrop,.np-theme-personal--forest-green .modal-backdrop{background-color:hsla(0,0%,100%,.25)}.modal-header{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);min-height:48px;min-height:calc(24px + var(--size-24));padding:24px}.modal-header .close{margin-top:-2px}.modal-title{line-height:1.2;line-height:var(--line-height-title);margin:0}.modal-body{padding:24px;position:relative}.modal-footer{border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral);padding:16px 24px;padding:var(--size-16) 24px;text-align:right}[dir=rtl] .modal-footer{text-align:left}.modal-footer .btn+.btn{margin-bottom:0;margin-left:8px;margin-left:var(--size-8)}[dir=rtl] .modal-footer .btn+.btn{margin-left:0;margin-right:8px;margin-right:var(--size-8)}.modal-footer .btn-group .btn+.btn{margin-left:-1px}[dir=rtl] .modal-footer .btn-group .btn+.btn{margin-left:0;margin-right:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}[dir=rtl] .modal-footer .btn-block+.btn-block{margin-left:0;margin-right:0}.modal-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}@media (min-width:576px){.modal-dialog{margin:32px auto;width:540px}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.np-theme-personal--bright-green .modal-content,.np-theme-personal--dark .modal-content,.np-theme-personal--forest-green .modal-content{box-shadow:none}.modal-header{min-height:52px;min-height:calc(28px + var(--size-24));padding:28px 32px}.modal-body{padding:32px}.modal-footer{padding:16px 32px;padding:var(--size-16) 32px}.modal-lg,.modal-sm{margin:32px 24px;width:auto}}@media (min-width:332px){.modal-sm{margin:32px auto;width:300px}}@media (min-width:768px){.modal-lg{margin:32px auto;width:720px}}