@transferwise/components 0.0.0-experimental-5e2f01a → 0.0.0-experimental-d8ad171

package/build/styles/flowNavigation/backButton/BackButton.css

@@ -1,28 +1 @@
-.np-back-button {
-  color: var(--color-interactive-accent);
-  display: flex !important;
-}
-.np-back-button:hover {
-  color: var(--color-interactive-accent-hover);
-}
-.np-back-button:active {
-  color: var(--color-interactive-accent-active);
-}
-.np-theme-personal .np-back-button {
-  color: var(--color-content-primary);
-}
-.np-theme-personal .np-back-button:hover {
-  color: var(--color-content-primary-hover);
-}
-.np-theme-personal .np-back-button:active {
-  color: var(--color-content-primary-active);
-}
-.np-theme-personal .np-back-button .tw-icon {
-  color: var(--color-interactive-primary);
-}
-.np-theme-personal .np-back-button .tw-icon:hover {
-  color: var(--color-interactive-primary-hover);
-}
-.np-theme-personal .np-back-button .tw-icon:active {
-  color: var(--color-interactive-primary-active);
-}
+.np-back-button{color:#00a2dd;color:var(--color-interactive-accent);display:flex!important}.np-back-button:hover{color:#008fc9;color:var(--color-interactive-accent-hover)}.np-back-button:active{color:#0081ba;color:var(--color-interactive-accent-active)}.np-theme-personal .np-back-button{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .np-back-button:hover{color:var(--color-content-primary-hover)}.np-theme-personal .np-back-button:active{color:var(--color-content-primary-active)}.np-theme-personal .np-back-button .tw-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-back-button .tw-icon:hover{color:var(--color-interactive-primary-hover)}.np-theme-personal .np-back-button .tw-icon:active{color:var(--color-interactive-primary-active)}

package/build/styles/header/Header.css

@@ -1,20 +1 @@
-.np-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-  max-width: 100%;
-  padding: var(--size-8) 0;
-  border-bottom: 1px solid var(--color-border-neutral);
-  margin-bottom: var(--size-8);
-}
-.np-header__title {
-  color: var(--color-content-secondary);
-}
-.np-theme-personal .np-header {
-  -moz-column-gap: var(--size-24);
-       column-gap: var(--size-24);
-}
-.np-theme-personal .np-header__button {
-  margin-inline: calc(var(--size-16) * -1);
-  margin-bottom: calc(var(--size-4) * -1);
-}
+.np-header{align-items:flex-end;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--size-8);max-width:100%;padding:8px 0;padding:var(--size-8) 0}.np-header__title{color:#5d7079;color:var(--color-content-secondary)}.np-theme-personal .np-header{column-gap:24px;column-gap:var(--size-24)}.np-theme-personal .np-header__button{margin-inline:-16px;margin-inline:calc(var(--size-16)*-1);margin-bottom:-4px;margin-bottom:calc(var(--size-4)*-1)}

package/build/styles/image/Image.css

@@ -1,12 +1 @@
-.tw-image {
-  max-width: none;
-  width: auto;
-  min-width: min-content;
-}
-.tw-image__shrink {
-  max-width: 100%;
-  min-width: auto;
-}
-.tw-image__stretch {
-  width: 100%;
-}
+.tw-image{max-width:none;min-width:-webkit-min-content;min-width:min-content;width:auto}.tw-image__shrink{max-width:100%;min-width:auto}.tw-image__stretch{width:100%}

package/build/styles/info/Info.css

@@ -1,37 +1 @@
-.np-info {
-  height: 16px;
-  line-height: 1;
-  vertical-align: middle;
-}
-.np-info button,
-.np-info [data-toggle="popover"]:not(.btn) {
-  --ring-outline-offset: 0;
-  height: 16px;
-  overflow: hidden;
-  display: inline-block;
-}
-.np-info__large {
-  height: 24px;
-}
-.np-info__large button,
-.np-info__large [data-toggle="popover"]:not(.btn) {
-  height: 24px;
-  display: inline-block;
-}
-.np-info .tw-icon {
-  cursor: pointer;
-  color: var(--color-content-accent);
-  display: inline-block;
-}
-.np-theme-personal .np-info {
-  color: var(--color-interactive-primary);
-}
-.np-theme-personal .np-info .tw-icon {
-  color: var(--color-interactive-primary);
-}
-.np-info [data-toggle="popover"]:not(.btn) {
-  border-bottom: none !important;
-}
-.np-info [data-toggle="popover"]:not(.btn):focus {
-  outline: revert;
-}
+.np-info{height:16px;line-height:1;vertical-align:middle}.np-info [data-toggle=popover]:not(.btn),.np-info button{--ring-outline-offset:0;display:inline-block;height:16px;overflow:hidden}.np-info__large{height:24px}.np-info__large [data-toggle=popover]:not(.btn),.np-info__large button{display:inline-block;height:24px}.np-info .tw-icon{color:#0097c7;color:var(--color-content-accent);cursor:pointer;display:inline-block}.np-theme-personal .np-info,.np-theme-personal .np-info .tw-icon{color:var(--color-interactive-primary)}.np-info [data-toggle=popover]:not(.btn){border-bottom:none!important}.np-info [data-toggle=popover]:not(.btn):focus{outline:revert}

package/build/styles/inputs/Input.css

@@ -1,53 +1 @@
-.np-form-control {
-  --ring-width: 1px;
-  --ring-color: var(--color-interactive-secondary);
-  border: none;
-  background-color: transparent;
-  min-height: 0;
-  /* TODO: Remove this override once `.form-control` isn’t used anymore */
-  padding-left: var(--size-16);
-  padding-right: var(--size-16);
-  color: var(--color-content-primary);
-  box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
-  transition-property: color, opacity, box-shadow;
-  transition-timing-function: ease-in-out;
-  transition-duration: 300ms;
-  /* TODO: Remove these overrides once `.form-control` isn’t used anymore */
-}
-.np-form-control:focus-visible {
-  outline: none;
-}
-.np-form-control[aria-invalid="true"] {
-  --ring-width: 2px;
-  --ring-color: var(--color-sentiment-negative) !important;
-}
-.np-form-control:hover:enabled {
-  --ring-width: 2px;
-  --ring-color: var(--color-interactive-secondary-hover);
-}
-.np-form-control:focus:enabled {
-  --ring-width: 3px;
-  --ring-color: var(--color-interactive-primary);
-}
-.np-form-control--size-auto {
-  padding-top: var(--size-12);
-  padding-bottom: var(--size-12);
-}
-.np-form-control--size-sm,
-.np-form-control--size-md,
-.np-form-control--size-lg {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-}
-.np-form-control--size-sm {
-  height: var(--size-32) !important;
-}
-.np-form-control--size-md {
-  height: var(--size-48) !important;
-}
-.np-form-control--size-lg {
-  height: var(--size-72) !important;
-}
-.np-form-control--shape-rectangle {
-  border-radius: var(--radius-small);
-}
+.np-form-control{--ring-width:1px;--ring-color:var(--color-interactive-secondary);background-color:transparent;border:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color);color:#37517e;color:var(--color-content-primary);min-height:0;padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16);transition-duration:.3s;transition-property:color,opacity,box-shadow;transition-timing-function:ease-in-out}.np-form-control:focus-visible{outline:none}.np-form-control[aria-invalid=true]{--ring-width:2px;--ring-color:var(--color-sentiment-negative)!important}.np-form-control:hover:enabled{--ring-width:2px;--ring-color:var(--color-interactive-secondary-hover)}.np-form-control:focus:enabled{--ring-width:3px;--ring-color:var(--color-interactive-primary)}.np-form-control--size-auto{padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-form-control--size-lg,.np-form-control--size-md,.np-form-control--size-sm{padding-bottom:0!important;padding-top:0!important}.np-form-control--size-sm{height:32px!important;height:var(--size-32)!important}.np-form-control--size-md{height:48px!important;height:var(--size-48)!important}.np-form-control--size-lg{height:72px!important;height:var(--size-72)!important}.np-form-control--shape-rectangle{border-radius:10px;border-radius:var(--radius-small)}

package/build/styles/inputs/TextArea.css

@@ -1,59 +1 @@
-.np-form-control {
-  --ring-width: 1px;
-  --ring-color: var(--color-interactive-secondary);
-  border: none;
-  background-color: transparent;
-  min-height: 0;
-  /* TODO: Remove this override once `.form-control` isn’t used anymore */
-  padding-left: var(--size-16);
-  padding-right: var(--size-16);
-  color: var(--color-content-primary);
-  box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
-  transition-property: color, opacity, box-shadow;
-  transition-timing-function: ease-in-out;
-  transition-duration: 300ms;
-  /* TODO: Remove these overrides once `.form-control` isn’t used anymore */
-}
-.np-form-control:focus-visible {
-  outline: none;
-}
-.np-form-control[aria-invalid="true"] {
-  --ring-width: 2px;
-  --ring-color: var(--color-sentiment-negative) !important;
-}
-.np-form-control:hover:enabled {
-  --ring-width: 2px;
-  --ring-color: var(--color-interactive-secondary-hover);
-}
-.np-form-control:focus:enabled {
-  --ring-width: 3px;
-  --ring-color: var(--color-interactive-primary);
-}
-.np-form-control--size-auto {
-  padding-top: var(--size-12);
-  padding-bottom: var(--size-12);
-}
-.np-form-control--size-sm,
-.np-form-control--size-md,
-.np-form-control--size-lg {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-}
-.np-form-control--size-sm {
-  height: var(--size-32) !important;
-}
-.np-form-control--size-md {
-  height: var(--size-48) !important;
-}
-.np-form-control--size-lg {
-  height: var(--size-72) !important;
-}
-.np-form-control--shape-rectangle {
-  border-radius: var(--radius-small);
-}
-.np-text-area {
-  min-height: var(--size-72);
-  scroll-padding-top: var(--size-8);
-  scroll-padding-bottom: var(--size-8);
-  overscroll-behavior: none;
-}
+.np-form-control{--ring-width:1px;--ring-color:var(--color-interactive-secondary);background-color:transparent;border:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color);color:#37517e;color:var(--color-content-primary);min-height:0;padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16);transition-duration:.3s;transition-property:color,opacity,box-shadow;transition-timing-function:ease-in-out}.np-form-control:focus-visible{outline:none}.np-form-control[aria-invalid=true]{--ring-width:2px;--ring-color:var(--color-sentiment-negative)!important}.np-form-control:hover:enabled{--ring-width:2px;--ring-color:var(--color-interactive-secondary-hover)}.np-form-control:focus:enabled{--ring-width:3px;--ring-color:var(--color-interactive-primary)}.np-form-control--size-auto{padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-form-control--size-lg,.np-form-control--size-md,.np-form-control--size-sm{padding-bottom:0!important;padding-top:0!important}.np-form-control--size-sm{height:32px!important;height:var(--size-32)!important}.np-form-control--size-md{height:48px!important;height:var(--size-48)!important}.np-form-control--size-lg{height:72px!important;height:var(--size-72)!important}.np-form-control--shape-rectangle{border-radius:10px;border-radius:var(--radius-small)}.np-text-area{-ms-scroll-chaining:none;min-height:72px;min-height:var(--size-72);overscroll-behavior:none;scroll-padding-bottom:8px;scroll-padding-bottom:var(--size-8);scroll-padding-top:8px;scroll-padding-top:var(--size-8)}

package/build/styles/instructionsList/InstructionsList.css

@@ -1,30 +1 @@
-.tw-instructions {
-  display: flex;
-  flex-direction: column;
-}
-.tw-instructions .instruction {
-  display: flex;
-  margin-top: var(--padding-x-small);
-}
-.tw-instructions .instruction .do,
-.tw-instructions .instruction .dont {
-  flex-shrink: 0;
-  margin-right: var(--padding-small);
-  margin-bottom: 0;
-}
-.np-theme-personal .tw-instructions .instruction .do,
-.np-theme-personal .tw-instructions .instruction .dont {
-  margin-right: var(--padding-x-small);
-}
-.tw-instructions .instruction .do {
-  color: var(--color-content-positive);
-}
-.np-theme-personal .tw-instructions .instruction .do {
-  color: var(--color-sentiment-positive);
-}
-.tw-instructions .instruction .dont {
-  color: var(--color-content-negative);
-}
-.np-theme-personal .tw-instructions .instruction .dont {
-  color: var(--color-sentiment-negative);
-}
+.tw-instructions{display:flex;flex-direction:column}.tw-instructions .instruction{display:flex;margin-top:8px;margin-top:var(--padding-x-small)}.tw-instructions .instruction .do,.tw-instructions .instruction .dont{flex-shrink:0;margin-bottom:0;margin-right:16px;margin-right:var(--padding-small)}.np-theme-personal .tw-instructions .instruction .do,.np-theme-personal .tw-instructions .instruction .dont{margin-right:8px;margin-right:var(--padding-x-small)}.tw-instructions .instruction .do{color:#008026;color:var(--color-content-positive)}.np-theme-personal .tw-instructions .instruction .do{color:var(--color-sentiment-positive)}.tw-instructions .instruction .dont{color:#cf2929;color:var(--color-content-negative)}.np-theme-personal .tw-instructions .instruction .dont{color:var(--color-sentiment-negative)}

package/build/styles/link/Link.css

@@ -1,12 +1 @@
-a {
-  border-radius: 2px;
-}
-.np-link .tw-icon {
-  display: flex;
-  align-items: center;
-  margin-left: var(--size-4);
-}
-[dir="rtl"] .np-link .tw-icon {
-  margin-right: var(--size-4);
-  margin-left: initial;
-}
+a{border-radius:2px}.np-link .tw-icon{align-items:center;display:flex;margin-left:4px;margin-left:var(--size-4)}[dir=rtl] .np-link .tw-icon{margin-left:0;margin-right:4px;margin-right:var(--size-4)}

package/build/styles/listItem/ListItem.css

@@ -1,6 +1 @@
-.np-list-item {
-  width: 100%;
-}
-.np-list-item__action {
-  flex-shrink: 0;
-}
+.np-list-item{width:100%}.np-list-item__action{flex-shrink:0}