cozy-sharing 10.2.0 → 10.3.0

package/dist/stylesheet.css

@@ -1,46 +1,18 @@
-/*  imported from publicBanner.styl  */
+/*  imported from CozyPassFingerprintDialogContent.styl  */
 
-.publicBanner__bannermarkdown___1EMSa img {
-  background-color: var(--paleGrey);
-  color: var(--silver);
-  position: relative;
-}
-.publicBanner__bannermarkdown___1EMSa img svg {
-  width: 50%;
-  height: 50%;
-}
-.publicBanner__bannermarkdown___1EMSa img {
-  --circleSize: 2.5rem;
-  width: var(--circleSize);
-  height: var(--circleSize);
-  min-width: var(--circleSize);
-  min-height: var(--circleSize);
-  font-size: calc(var(--circleSize) / 2.28);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  overflow: hidden;
-  background-color: var(--dodgerBlue);
-  color: var(--white);
-}
-.publicBanner__bannermarkdown___1EMSa {
-  font-weight: bold;
-  display: inline-block;
+.CozyPassFingerprintDialogContent__cozy-pass-fingerprint-modal__fingerprint___3qIGs {
+  padding: 16px;
+  margin: 24px 0;
+  text-align: center;
 }
-.publicBanner__bannermarkdown___1EMSa img {
-  width: 1rem;
-  height: 1rem;
-  min-width: 1rem;
-  min-height: 1rem;
-  font-size: 0.438rem;
-  vertical-align: text-bottom;
+.CozyPassFingerprintDialogContent__cozy-pass-fingerprint-modal__fingerprint___3qIGs p {
+  color: var(--secondaryColor);
 }
 /*
-     imported from share.styl 
+     imported from recipient.styl 
     */
 
-@-moz-keyframes share__spin___1P7nU {
+@-moz-keyframes recipient__spin___2tYv3 {
   from {
     transform: rotate(0deg);
   }
@@ -48,7 +20,7 @@
     transform: rotate(359deg);
   }
 }
-@-webkit-keyframes share__spin___1P7nU {
+@-webkit-keyframes recipient__spin___2tYv3 {
   from {
     transform: rotate(0deg);
   }
@@ -56,7 +28,7 @@
     transform: rotate(359deg);
   }
 }
-@-o-keyframes share__spin___1P7nU {
+@-o-keyframes recipient__spin___2tYv3 {
   from {
     transform: rotate(0deg);
   }
@@ -64,7 +36,7 @@
     transform: rotate(359deg);
   }
 }
-@keyframes share__spin___1P7nU {
+@keyframes recipient__spin___2tYv3 {
   from {
     transform: rotate(0deg);
   }
@@ -72,7 +44,7 @@
     transform: rotate(359deg);
   }
 }
-@-moz-keyframes share__shake___1EeCI {
+@-moz-keyframes recipient__shake___TGyPp {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -86,7 +58,7 @@
     transform: translate3d(4px, 0, 0);
   }
 }
-@-webkit-keyframes share__shake___1EeCI {
+@-webkit-keyframes recipient__shake___TGyPp {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -100,7 +72,7 @@
     transform: translate3d(4px, 0, 0);
   }
 }
-@-o-keyframes share__shake___1EeCI {
+@-o-keyframes recipient__shake___TGyPp {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -114,7 +86,7 @@
     transform: translate3d(4px, 0, 0);
   }
 }
-@keyframes share__shake___1EeCI {
+@keyframes recipient__shake___TGyPp {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -648,122 +620,11 @@
 }
 @media (pointer: coarse) {
 }
-.share__share-modal-content___XTtaK .share__coz-form___33NYF {
-  margin: 1rem 0 0.5rem;
-}
-.share__share-modal-content___XTtaK .share__coz-form___33NYF a,
-.share__share-modal-content___XTtaK .share__coz-form___33NYF a:visited {
-  color: var(--dodgerBlue);
-  text-decoration: none;
-}
-.share__share-modal-content___XTtaK .share__coz-form___33NYF a:hover,
-.share__share-modal-content___XTtaK .share__coz-form___33NYF a:active {
-  text-decoration: underline;
-}
-.share__share-modal-content___XTtaK .share__coz-form___33NYF,
-.share__share-modal-content___XTtaK .share__coz-form-group___1PLAZ {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-.share__share-modal-content___XTtaK .share__coz-form-desc___-pmK5 {
-  margin-bottom: 0.5rem;
-  line-height: 1.5;
-}
-.share__share-modal-content___XTtaK .share__coz-form-label___31jb0 {
-  display: block;
-  text-transform: uppercase;
-  color: var(--coolGrey);
-  font-size: 0.75rem;
-  padding: 0.563rem 0;
-  margin-top: 1rem;
-}
-.share__share-modal-content___XTtaK .share__coz-form-label--error___2EXCl {
-  display: none;
-  color: var(--pomegranate);
-}
-.share__share-modal-content___XTtaK .share__coz-form-errors___1rk2R {
-  color: var(--pomegranate);
-}
-.share__share-modal-content___XTtaK .share__coz-form-controls___39Uwg {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  margin: 1rem 0 0.5rem;
-}
-.share__share-modal-content___XTtaK .share__coz-form-controls___39Uwg a,
-.share__share-modal-content___XTtaK .share__coz-form-controls___39Uwg button,
-.share__share-modal-content___XTtaK .share__coz-form-controls___39Uwg input[type=submit] {
-  flex: 0 0 auto;
-  margin: 0 0 0.5rem 0.5rem;
-}
-.share__share-modal-content___XTtaK .share__coz-form-controls--full___1YpNp a,
-.share__share-modal-content___XTtaK .share__coz-form-controls--full___1YpNp button,
-.share__share-modal-content___XTtaK .share__coz-form-controls--full___1YpNp input[type=submit] {
-  flex: 0 0 100%;
-  margin-bottom: 0.5rem;
-}
-.share__share-modal-content___XTtaK .share__coz-form-controls--dispatch___3JXzz {
-  justify-content: space-between;
-}
-.share__share-modal-content___XTtaK .share__coz-form-controls--dispatch___3JXzz a,
-.share__share-modal-content___XTtaK .share__coz-form-controls--dispatch___3JXzz button,
-.share__share-modal-content___XTtaK .share__coz-form-controls--dispatch___3JXzz input[type=submit] {
-  flex: 0 0 49%;
-  margin: 0 0 0.5rem;
-}
-.share__share-modal-content___XTtaK .share__coz-form-controls--dispatch___3JXzz a:last-child,
-.share__share-modal-content___XTtaK .share__coz-form-controls--dispatch___3JXzz button:last-child,
-.share__share-modal-content___XTtaK .share__coz-form-controls--dispatch___3JXzz input[type=submit]:last-child {
-  margin-left: auto;
-}
-.share__share-modal-content___XTtaK input[type=text],
-.share__share-modal-content___XTtaK input[type=password],
-.share__share-modal-content___XTtaK input[type=email],
-.share__share-modal-content___XTtaK input[type=url] {
-  display: inline-block;
-  padding: 0.875rem 0.75rem 0.75rem 0.875rem;
-  box-sizing: border-box;
-  border-radius: 0.125rem;
-  background: var(--white);
-  border: 0.063rem solid var(--dividerColor);
-  color: var(--black);
-}
-.share__share-modal-content___XTtaK input[type=text]::placeholder,
-.share__share-modal-content___XTtaK input[type=password]::placeholder,
-.share__share-modal-content___XTtaK input[type=email]::placeholder,
-.share__share-modal-content___XTtaK input[type=url]::placeholder {
-  color: var(--coolGrey);
-  font-size: 1rem;
-}
-.share__share-modal-content___XTtaK input[type=text]:focus,
-.share__share-modal-content___XTtaK input[type=password]:focus,
-.share__share-modal-content___XTtaK input[type=email]:focus,
-.share__share-modal-content___XTtaK input[type=url]:focus {
-  border: 0.063rem solid var(--dodgerBlue);
-  outline: 0;
-}
-.share__share-modal-content___XTtaK input[type=text]:hover,
-.share__share-modal-content___XTtaK input[type=password]:hover,
-.share__share-modal-content___XTtaK input[type=email]:hover,
-.share__share-modal-content___XTtaK input[type=url]:hover {
-  border: 0.063rem solid var(--coolGrey);
-}
-.share__share-modal-content___XTtaK input[type=text].share__error___6Ycal,
-.share__share-modal-content___XTtaK input[type=password].share__error___6Ycal,
-.share__share-modal-content___XTtaK input[type=email].share__error___6Ycal,
-.share__share-modal-content___XTtaK input[type=url].share__error___6Ycal {
-  border: 0.063rem solid var(--pomegranate);
-}
-@media (max-width: 48rem) {
-}
-@media (max-width: 48rem) {
-}
 :root {
   --invertedBackgroundColor: #297ef2;
   --invertedContrastTextColor: #fff;
 }
-.share__CozyTheme--inverted___2pLD2 {
+.recipient__CozyTheme--inverted___21SPM {
   --primaryTextColor: #fff;
   --secondaryTextColor: rgba(255,255,255,0.64);
   --disabledTextColor: rgba(255,255,255,0.4);
@@ -935,7 +796,7 @@ html {
   --monza: #dd0505;
 }
 html,
-.share__CozyTheme--normal___qSFyr {
+.recipient__CozyTheme--normal___3ABO0 {
 /*
     Primary colors
 
@@ -1183,115 +1044,92 @@ html,
   --alertInfoColor: #fff;
   --alertInfoBackgroundColor: var(--slateGrey);
 }
-.share__share-byemail-onlybylink___C_7b_ {
-  background: var(--paleGrey);
-  padding: 1rem 2rem;
-  margin: -1.5rem -2rem 1rem;
+:root {
+  --genericRecipientBackground: var(--slateGrey);
+  --genericRecipientColor: var(--white);
+}
+.recipient__recipient___2DmZI {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
 @media (max-width: 48rem) {
-  .share__share-byemail-onlybylink___C_7b_ {
-    padding: 1rem;
-    margin: -1.5rem -1rem 1rem;
+  .recipient__recipient___2DmZI {
+    align-items: flex-start;
   }
 }
-.share__share-modal-content___XTtaK {
-  min-height: 15.625rem;
-}
-.share__share-modal-content___XTtaK .share__coz-form-group___1PLAZ {
-  flex-shrink: 0;
+.recipient__recipients-list-light___Vq4op .recipient__recipient___2DmZI {
+  margin: 1rem 0;
 }
-.share__aligned-dropdown-button___CeTDs {
-  margin-right: -1rem;
+.recipient__recipients-list-light___Vq4op + .recipient__recipient___2DmZI {
+  margin-top: 1rem;
 }
-.share__coz-form-group___1PLAZ {
-  margin: 0;
+.recipient__recipient-idents___3s7rw {
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.share__coz-form-group___1PLAZ h3 {
-  margin: 0.3rem 0 0;
+.recipient__recipient-status-icon___-liGw {
+  margin-right: 0.25rem;
 }
-.share__coz-form-group___1PLAZ h4 {
-  margin: 0 0 0.3rem 0;
+.recipient__recipient-user___1THIU,
+.recipient__recipient-details___2fZfc {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 1.3;
 }
-.share__coz-form-group___1PLAZ .share__coz-form___33NYF {
-  margin: 0;
+.recipient__recipient-user___1THIU {
+  font-size: 1rem;
+  font-weight: bold;
 }
-.share__coz-form-group___1PLAZ .share__coz-form-desc___-pmK5 {
+.recipient__recipient-details___2fZfc {
+  font-size: 0.875rem;
   color: var(--coolGrey);
 }
-.share__share-type-control___KcpDf {
+.recipient__avatar___2LnIV {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
-  padding: 0.5rem 0 0;
-}
-.share__share-type-control___KcpDf .share__select-wrapper___3FfiH {
-  flex: 0 0 49%;
-  position: relative;
-}
-.share__share-type-control___KcpDf .share__select-wrapper___3FfiH .share__select-option___13o6b {
-  padding: 0.5rem 1.5rem 0.5rem 3rem;
-  position: relative;
-}
-.share__share-type-control___KcpDf .share__select-wrapper___3FfiH .share__select-option___13o6b svg {
-  position: absolute;
-  left: 1rem;
-  top: 1rem;
-}
-.share__share-type-control___KcpDf .share__select-wrapper___3FfiH .share__select-option-label___Zj_RU {
-  line-height: 2;
-}
-.share__share-type-control___KcpDf .share__select-wrapper___3FfiH .share__select-option-desc___6uaQq {
-  line-height: 1.5;
-  font-size: 0.8125rem;
-  color: var(--coolGrey);
-}
-.share__share-type-control___KcpDf button {
-  flex: 0 0 49%;
-  margin: 0;
+  align-items: center;
 }
-.react-select__option:active {
-  background-color: var(--paleGrey) !important;
+.recipient__avatar___2LnIV .recipient__recipient-user___1THIU {
+  font-size: 1.125rem;
 }
-input[type=text] {
-  width: 100%;
+.recipient__link-recipient-icon-circle___3ZTU- {
+  border: 1px solid var(--borderMainColor);
+  background-color: unset;
+  color: unset;
 }
-.share__share-details-created___13BO0,
-.share__share-details-perm___23_VF {
-  font-size: 1rem;
-  margin: 0.5rem 0 0.5rem 3.5rem;
-  padding-left: 1.5rem;
-  background-position: 0 center;
-  background-repeat: no-repeat;
+.recipient__recipients-avatars___1npjD {
+  display: inline-flex;
+  flex-direction: row-reverse;
+  margin-right: 0.5rem;
 }
-.share__share-details-created___13BO0 {
-  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iMTZweCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNC4wMDAwMDAsIC0xOTIuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9InNsaWNlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIuMDAwMDAwLCAzMi4wMDAwMDApIj48L2c+CiAgICAgICAgPHBhdGggZD0iTTIzNywxOTMgTDI0MCwxOTMgTDI0MCwxOTUgTDIyNCwxOTUgTDIyNCwxOTMgTDIyNywxOTMgTDIyNywxOTIgTDIyOSwxOTIgTDIyOSwxOTMgTDIzNSwxOTMgTDIzNSwxOTIgTDIzNywxOTIgTDIzNywxOTMgWiBNMjI0LDE5NiBMMjQwLDE5NiBMMjQwLDIwNi45OTc1MjcgQzI0MCwyMDcuNTUxMTc3IDIzOS41NTUzNjksMjA4IDIzOC45OTkxMjgsMjA4IEwyMjUuMDAwODcyLDIwOCBDMjI0LjQ0ODEwNiwyMDggMjI0LDIwNy41NDQyMzkgMjI0LDIwNi45OTc1MjcgTDIyNCwxOTYgWiBNMjI2LDE5OCBMMjI2LDIwNiBMMjM4LDIwNiBMMjM4LDE5OCBMMjI2LDE5OCBaIE0yMzIsMjAxIEwyMzcsMjAxIEwyMzcsMjA1IEwyMzIsMjA1IEwyMzIsMjAxIFoiIGlkPSJjYWxlbmRhciIgZmlsbD0iIzk1OTk5RCI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=");
+.recipient__recipients-avatars___1npjD.recipient__--interactive___160Bp {
+  cursor: pointer;
 }
-.share__share-details-perm___23_VF {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsPSIjOTU5OTlEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMDEuNSw5OS41IEwxOTIsMTA5LjAyNTM5MSBMMTkyLDExMiBMMTk1LjAzNzcyLDExMiBMMjA0LjUsMTAyLjUgTDIwMS41LDk5LjUgWiBNMjA2LjkxMjE1NCw5Ni45MTIxNTQxIEMyMDYuMTMyMjQzLDk2LjEzMjI0MjkgMjA0Ljg2OTE0NCw5Ni4xMzA4NTU2IDIwNC4wODkyNjQsOTYuOTEwNzM2MSBMMjAzLDk4IEwyMDYuMDMwNzYyLDEwMSBMMjA3LjA5MjI3MSw5OS45MjUyNjYzIEMyMDcuODY5NzM4LDk5LjEzODExMzQgMjA3Ljg2Mzc3Nyw5Ny44NjM3NzcyIDIwNy4wODc4NDYsOTcuMDg3ODQ1OSBMMjA2LjkxMjE1NCw5Ni45MTIxNTQxIFogTTE5OSwxMTAgTDIwNC45OTcwNzEsMTEwIEMyMDUuNTUwOTczLDExMCAyMDYsMTEwLjQ0Mzg2NSAyMDYsMTExIEMyMDYsMTExLjU1MjI4NSAyMDUuNTUzNjg5LDExMiAyMDUuMDAyNDU1LDExMiBMMTk3LDExMiBMMTk5LDExMCBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkyIC05NikiLz4KPC9zdmc+Cg==");
-  margin-bottom: 0.2rem;
+.recipient__recipients-avatars--link___1qeON,
+.recipient__recipients-avatars--plusX___3-6_l,
+.recipient__recipients-avatars--avatar___-owjC {
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--white);
 }
-.share__share-details-perm-desc___tqfXx {
-  font-size: 0.875rem;
-  margin: 0 0 0.5rem 3.5rem;
-  padding-left: 1.5rem;
-  line-height: 1.5;
-  color: var(--coolGrey);
+.recipient__recipients-avatars--link___1qeON {
+  background-color: var(--genericRecipientBackground);
 }
-/*  imported from CozyPassFingerprintDialogContent.styl  */
-
-.CozyPassFingerprintDialogContent__cozy-pass-fingerprint-modal__fingerprint___2O7dO {
-  padding: 16px;
-  margin: 24px 0;
-  text-align: center;
+.recipient__recipients-avatars--link___1qeON svg {
+  fill: var(--genericRecipientColor);
 }
-.CozyPassFingerprintDialogContent__cozy-pass-fingerprint-modal__fingerprint___2O7dO p {
-  color: var(--secondaryColor);
+.recipient__recipients-avatars--plusX___3-6_l,
+.recipient__recipients-avatars--avatar___-owjC {
+  margin-right: -0.6rem;
 }
 /*
-     imported from recipient.styl 
+     imported from share.styl 
     */
 
-@-moz-keyframes recipient__spin___3_Uja {
+@-moz-keyframes share__spin___hhtoM {
   from {
     transform: rotate(0deg);
   }
@@ -1299,7 +1137,7 @@ input[type=text] {
     transform: rotate(359deg);
   }
 }
-@-webkit-keyframes recipient__spin___3_Uja {
+@-webkit-keyframes share__spin___hhtoM {
   from {
     transform: rotate(0deg);
   }
@@ -1307,7 +1145,7 @@ input[type=text] {
     transform: rotate(359deg);
   }
 }
-@-o-keyframes recipient__spin___3_Uja {
+@-o-keyframes share__spin___hhtoM {
   from {
     transform: rotate(0deg);
   }
@@ -1315,7 +1153,7 @@ input[type=text] {
     transform: rotate(359deg);
   }
 }
-@keyframes recipient__spin___3_Uja {
+@keyframes share__spin___hhtoM {
   from {
     transform: rotate(0deg);
   }
@@ -1323,7 +1161,7 @@ input[type=text] {
     transform: rotate(359deg);
   }
 }
-@-moz-keyframes recipient__shake___TrWC0 {
+@-moz-keyframes share__shake___2au1o {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -1337,7 +1175,7 @@ input[type=text] {
     transform: translate3d(4px, 0, 0);
   }
 }
-@-webkit-keyframes recipient__shake___TrWC0 {
+@-webkit-keyframes share__shake___2au1o {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -1351,7 +1189,7 @@ input[type=text] {
     transform: translate3d(4px, 0, 0);
   }
 }
-@-o-keyframes recipient__shake___TrWC0 {
+@-o-keyframes share__shake___2au1o {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -1365,7 +1203,7 @@ input[type=text] {
     transform: translate3d(4px, 0, 0);
   }
 }
-@keyframes recipient__shake___TrWC0 {
+@keyframes share__shake___2au1o {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -1899,11 +1737,122 @@ input[type=text] {
 }
 @media (pointer: coarse) {
 }
+.share__share-modal-content___1iqEq .share__coz-form___1ICST {
+  margin: 1rem 0 0.5rem;
+}
+.share__share-modal-content___1iqEq .share__coz-form___1ICST a,
+.share__share-modal-content___1iqEq .share__coz-form___1ICST a:visited {
+  color: var(--dodgerBlue);
+  text-decoration: none;
+}
+.share__share-modal-content___1iqEq .share__coz-form___1ICST a:hover,
+.share__share-modal-content___1iqEq .share__coz-form___1ICST a:active {
+  text-decoration: underline;
+}
+.share__share-modal-content___1iqEq .share__coz-form___1ICST,
+.share__share-modal-content___1iqEq .share__coz-form-group___VsQp7 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.share__share-modal-content___1iqEq .share__coz-form-desc___2mYN4 {
+  margin-bottom: 0.5rem;
+  line-height: 1.5;
+}
+.share__share-modal-content___1iqEq .share__coz-form-label___bogBw {
+  display: block;
+  text-transform: uppercase;
+  color: var(--coolGrey);
+  font-size: 0.75rem;
+  padding: 0.563rem 0;
+  margin-top: 1rem;
+}
+.share__share-modal-content___1iqEq .share__coz-form-label--error___3YPkf {
+  display: none;
+  color: var(--pomegranate);
+}
+.share__share-modal-content___1iqEq .share__coz-form-errors___2xYRz {
+  color: var(--pomegranate);
+}
+.share__share-modal-content___1iqEq .share__coz-form-controls___H8kGc {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  margin: 1rem 0 0.5rem;
+}
+.share__share-modal-content___1iqEq .share__coz-form-controls___H8kGc a,
+.share__share-modal-content___1iqEq .share__coz-form-controls___H8kGc button,
+.share__share-modal-content___1iqEq .share__coz-form-controls___H8kGc input[type=submit] {
+  flex: 0 0 auto;
+  margin: 0 0 0.5rem 0.5rem;
+}
+.share__share-modal-content___1iqEq .share__coz-form-controls--full___1oQXF a,
+.share__share-modal-content___1iqEq .share__coz-form-controls--full___1oQXF button,
+.share__share-modal-content___1iqEq .share__coz-form-controls--full___1oQXF input[type=submit] {
+  flex: 0 0 100%;
+  margin-bottom: 0.5rem;
+}
+.share__share-modal-content___1iqEq .share__coz-form-controls--dispatch___1zIxt {
+  justify-content: space-between;
+}
+.share__share-modal-content___1iqEq .share__coz-form-controls--dispatch___1zIxt a,
+.share__share-modal-content___1iqEq .share__coz-form-controls--dispatch___1zIxt button,
+.share__share-modal-content___1iqEq .share__coz-form-controls--dispatch___1zIxt input[type=submit] {
+  flex: 0 0 49%;
+  margin: 0 0 0.5rem;
+}
+.share__share-modal-content___1iqEq .share__coz-form-controls--dispatch___1zIxt a:last-child,
+.share__share-modal-content___1iqEq .share__coz-form-controls--dispatch___1zIxt button:last-child,
+.share__share-modal-content___1iqEq .share__coz-form-controls--dispatch___1zIxt input[type=submit]:last-child {
+  margin-left: auto;
+}
+.share__share-modal-content___1iqEq input[type=text],
+.share__share-modal-content___1iqEq input[type=password],
+.share__share-modal-content___1iqEq input[type=email],
+.share__share-modal-content___1iqEq input[type=url] {
+  display: inline-block;
+  padding: 0.875rem 0.75rem 0.75rem 0.875rem;
+  box-sizing: border-box;
+  border-radius: 0.125rem;
+  background: var(--white);
+  border: 0.063rem solid var(--dividerColor);
+  color: var(--black);
+}
+.share__share-modal-content___1iqEq input[type=text]::placeholder,
+.share__share-modal-content___1iqEq input[type=password]::placeholder,
+.share__share-modal-content___1iqEq input[type=email]::placeholder,
+.share__share-modal-content___1iqEq input[type=url]::placeholder {
+  color: var(--coolGrey);
+  font-size: 1rem;
+}
+.share__share-modal-content___1iqEq input[type=text]:focus,
+.share__share-modal-content___1iqEq input[type=password]:focus,
+.share__share-modal-content___1iqEq input[type=email]:focus,
+.share__share-modal-content___1iqEq input[type=url]:focus {
+  border: 0.063rem solid var(--dodgerBlue);
+  outline: 0;
+}
+.share__share-modal-content___1iqEq input[type=text]:hover,
+.share__share-modal-content___1iqEq input[type=password]:hover,
+.share__share-modal-content___1iqEq input[type=email]:hover,
+.share__share-modal-content___1iqEq input[type=url]:hover {
+  border: 0.063rem solid var(--coolGrey);
+}
+.share__share-modal-content___1iqEq input[type=text].share__error___pwqPO,
+.share__share-modal-content___1iqEq input[type=password].share__error___pwqPO,
+.share__share-modal-content___1iqEq input[type=email].share__error___pwqPO,
+.share__share-modal-content___1iqEq input[type=url].share__error___pwqPO {
+  border: 0.063rem solid var(--pomegranate);
+}
+@media (max-width: 48rem) {
+}
+@media (max-width: 48rem) {
+}
 :root {
   --invertedBackgroundColor: #297ef2;
   --invertedContrastTextColor: #fff;
 }
-.recipient__CozyTheme--inverted___2Hb9c {
+.share__CozyTheme--inverted___oxix3 {
   --primaryTextColor: #fff;
   --secondaryTextColor: rgba(255,255,255,0.64);
   --disabledTextColor: rgba(255,255,255,0.4);
@@ -2075,7 +2024,7 @@ html {
   --monza: #dd0505;
 }
 html,
-.recipient__CozyTheme--normal___3WdEw {
+.share__CozyTheme--normal___2PCy8 {
 /*
     Primary colors
 
@@ -2323,86 +2272,99 @@ html,
   --alertInfoColor: #fff;
   --alertInfoBackgroundColor: var(--slateGrey);
 }
-:root {
-  --genericRecipientBackground: var(--slateGrey);
-  --genericRecipientColor: var(--white);
-}
-.recipient__recipient___2zWmH {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
+.share__share-byemail-onlybylink___29W-t {
+  background: var(--paleGrey);
+  padding: 1rem 2rem;
+  margin: -1.5rem -2rem 1rem;
 }
 @media (max-width: 48rem) {
-  .recipient__recipient___2zWmH {
-    align-items: flex-start;
+  .share__share-byemail-onlybylink___29W-t {
+    padding: 1rem;
+    margin: -1.5rem -1rem 1rem;
   }
 }
-.recipient__recipients-list-light___1-dkI .recipient__recipient___2zWmH {
-  margin: 1rem 0;
+.share__share-modal-content___1iqEq {
+  min-height: 15.625rem;
 }
-.recipient__recipients-list-light___1-dkI + .recipient__recipient___2zWmH {
-  margin-top: 1rem;
+.share__share-modal-content___1iqEq .share__coz-form-group___VsQp7 {
+  flex-shrink: 0;
 }
-.recipient__recipient-idents___3F3zL {
-  flex: 1 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.share__aligned-dropdown-button___3crgG {
+  margin-right: -1rem;
 }
-.recipient__recipient-status-icon___1GvS9 {
-  margin-right: 0.25rem;
+.share__coz-form-group___VsQp7 {
+  margin: 0;
 }
-.recipient__recipient-user___3hOyK,
-.recipient__recipient-details___3fmFE {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  line-height: 1.3;
+.share__coz-form-group___VsQp7 h3 {
+  margin: 0.3rem 0 0;
 }
-.recipient__recipient-user___3hOyK {
-  font-size: 1rem;
-  font-weight: bold;
+.share__coz-form-group___VsQp7 h4 {
+  margin: 0 0 0.3rem 0;
 }
-.recipient__recipient-details___3fmFE {
-  font-size: 0.875rem;
+.share__coz-form-group___VsQp7 .share__coz-form___1ICST {
+  margin: 0;
+}
+.share__coz-form-group___VsQp7 .share__coz-form-desc___2mYN4 {
   color: var(--coolGrey);
 }
-.recipient__avatar___2NIEb {
+.share__share-type-control___1YoRr {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 0 0;
 }
-.recipient__avatar___2NIEb .recipient__recipient-user___3hOyK {
-  font-size: 1.125rem;
+.share__share-type-control___1YoRr .share__select-wrapper___3XBKC {
+  flex: 0 0 49%;
+  position: relative;
 }
-.recipient__link-recipient-icon-circle___3gmgy {
-  border: 1px solid var(--borderMainColor);
-  background-color: unset;
-  color: unset;
+.share__share-type-control___1YoRr .share__select-wrapper___3XBKC .share__select-option___3Jp8_ {
+  padding: 0.5rem 1.5rem 0.5rem 3rem;
+  position: relative;
 }
-.recipient__recipients-avatars___MXhiL {
-  display: inline-flex;
-  flex-direction: row-reverse;
-  margin-right: 0.5rem;
+.share__share-type-control___1YoRr .share__select-wrapper___3XBKC .share__select-option___3Jp8_ svg {
+  position: absolute;
+  left: 1rem;
+  top: 1rem;
 }
-.recipient__recipients-avatars___MXhiL.recipient__--interactive___1gDjM {
-  cursor: pointer;
+.share__share-type-control___1YoRr .share__select-wrapper___3XBKC .share__select-option-label___1BWz_ {
+  line-height: 2;
 }
-.recipient__recipients-avatars--link___2s02h,
-.recipient__recipients-avatars--plusX___WRllr,
-.recipient__recipients-avatars--avatar___3j3_A {
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--white);
+.share__share-type-control___1YoRr .share__select-wrapper___3XBKC .share__select-option-desc___3jOnr {
+  line-height: 1.5;
+  font-size: 0.8125rem;
+  color: var(--coolGrey);
 }
-.recipient__recipients-avatars--link___2s02h {
-  background-color: var(--genericRecipientBackground);
+.share__share-type-control___1YoRr button {
+  flex: 0 0 49%;
+  margin: 0;
 }
-.recipient__recipients-avatars--link___2s02h svg {
-  fill: var(--genericRecipientColor);
+.react-select__option:active {
+  background-color: var(--paleGrey) !important;
 }
-.recipient__recipients-avatars--plusX___WRllr,
-.recipient__recipients-avatars--avatar___3j3_A {
-  margin-right: -0.6rem;
+input[type=text] {
+  width: 100%;
+}
+.share__share-details-created___z3nvO,
+.share__share-details-perm___3HjxK {
+  font-size: 1rem;
+  margin: 0.5rem 0 0.5rem 3.5rem;
+  padding-left: 1.5rem;
+  background-position: 0 center;
+  background-repeat: no-repeat;
+}
+.share__share-details-created___z3nvO {
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iMTZweCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNC4wMDAwMDAsIC0xOTIuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9InNsaWNlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIuMDAwMDAwLCAzMi4wMDAwMDApIj48L2c+CiAgICAgICAgPHBhdGggZD0iTTIzNywxOTMgTDI0MCwxOTMgTDI0MCwxOTUgTDIyNCwxOTUgTDIyNCwxOTMgTDIyNywxOTMgTDIyNywxOTIgTDIyOSwxOTIgTDIyOSwxOTMgTDIzNSwxOTMgTDIzNSwxOTIgTDIzNywxOTIgTDIzNywxOTMgWiBNMjI0LDE5NiBMMjQwLDE5NiBMMjQwLDIwNi45OTc1MjcgQzI0MCwyMDcuNTUxMTc3IDIzOS41NTUzNjksMjA4IDIzOC45OTkxMjgsMjA4IEwyMjUuMDAwODcyLDIwOCBDMjI0LjQ0ODEwNiwyMDggMjI0LDIwNy41NDQyMzkgMjI0LDIwNi45OTc1MjcgTDIyNCwxOTYgWiBNMjI2LDE5OCBMMjI2LDIwNiBMMjM4LDIwNiBMMjM4LDE5OCBMMjI2LDE5OCBaIE0yMzIsMjAxIEwyMzcsMjAxIEwyMzcsMjA1IEwyMzIsMjA1IEwyMzIsMjAxIFoiIGlkPSJjYWxlbmRhciIgZmlsbD0iIzk1OTk5RCI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=");
+}
+.share__share-details-perm___3HjxK {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsPSIjOTU5OTlEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMDEuNSw5OS41IEwxOTIsMTA5LjAyNTM5MSBMMTkyLDExMiBMMTk1LjAzNzcyLDExMiBMMjA0LjUsMTAyLjUgTDIwMS41LDk5LjUgWiBNMjA2LjkxMjE1NCw5Ni45MTIxNTQxIEMyMDYuMTMyMjQzLDk2LjEzMjI0MjkgMjA0Ljg2OTE0NCw5Ni4xMzA4NTU2IDIwNC4wODkyNjQsOTYuOTEwNzM2MSBMMjAzLDk4IEwyMDYuMDMwNzYyLDEwMSBMMjA3LjA5MjI3MSw5OS45MjUyNjYzIEMyMDcuODY5NzM4LDk5LjEzODExMzQgMjA3Ljg2Mzc3Nyw5Ny44NjM3NzcyIDIwNy4wODc4NDYsOTcuMDg3ODQ1OSBMMjA2LjkxMjE1NCw5Ni45MTIxNTQxIFogTTE5OSwxMTAgTDIwNC45OTcwNzEsMTEwIEMyMDUuNTUwOTczLDExMCAyMDYsMTEwLjQ0Mzg2NSAyMDYsMTExIEMyMDYsMTExLjU1MjI4NSAyMDUuNTUzNjg5LDExMiAyMDUuMDAyNDU1LDExMiBMMTk3LDExMiBMMTk5LDExMCBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkyIC05NikiLz4KPC9zdmc+Cg==");
+  margin-bottom: 0.2rem;
+}
+.share__share-details-perm-desc___3HyHu {
+  font-size: 0.875rem;
+  margin: 0 0 0.5rem 3.5rem;
+  padding-left: 1.5rem;
+  line-height: 1.5;
+  color: var(--coolGrey);
 }
 /*
      imported from autosuggest.styl 
@@ -2412,7 +2374,7 @@ html,
   --invertedBackgroundColor: #297ef2;
   --invertedContrastTextColor: #fff;
 }
-.autosuggest__CozyTheme--inverted___QJCUa {
+.autosuggest__CozyTheme--inverted___3qp6I {
   --primaryTextColor: #fff;
   --secondaryTextColor: rgba(255,255,255,0.64);
   --disabledTextColor: rgba(255,255,255,0.4);
@@ -2584,7 +2546,7 @@ html {
   --monza: #dd0505;
 }
 html,
-.autosuggest__CozyTheme--normal___1-_dN {
+.autosuggest__CozyTheme--normal___3fMAz {
 /*
     Primary colors
 
@@ -2849,10 +2811,10 @@ html {
   --zIndex-modal-toolbar: 72;
   --zIndex-alert: 80;
 }
-.autosuggest__container___1dbB4 {
+.autosuggest__container___1Yro7 {
   position: relative;
 }
-.autosuggest__suggestionsContainer___-PUXu {
+.autosuggest__suggestionsContainer___3EDuG {
   box-sizing: border-box;
   position: absolute;
   top: 100%;
@@ -2865,23 +2827,23 @@ html {
   background: var(--white);
   display: none;
 }
-.autosuggest__suggestionsContainerOpen___LO5cw {
+.autosuggest__suggestionsContainerOpen___35OCI {
   display: block;
 }
-.autosuggest__input___3b74d {
+.autosuggest__input___1Ea-3 {
   width: 100%;
 }
-.autosuggest__suggestionsList___211Pt {
+.autosuggest__suggestionsList___3uRpV {
   max-height: 9rem;
   overflow: auto;
   margin: 0 -1px 0 0;
   padding: 0.5rem 0;
   list-style: none;
 }
-.autosuggest__suggestionHighlighted___MbW8F {
+.autosuggest__suggestionHighlighted___1vpXJ {
   background: var(--actionColorSelected);
 }
-.autosuggest__recipientsContainer___15b1_ {
+.autosuggest__recipientsContainer___1JYxA {
   display: flex;
   flex-wrap: wrap;
   padding: 0.25rem 0.5rem;
@@ -2891,103 +2853,141 @@ html {
   max-height: 6.75rem;
   overflow: auto;
 }
-.autosuggest__recipientsContainer___15b1_:hover {
+.autosuggest__recipientsContainer___1JYxA:hover {
   border: 1px solid var(--coolGrey);
 }
-.autosuggest__recipientsContainer___15b1_:focus-within {
+.autosuggest__recipientsContainer___1JYxA:focus-within {
   border: 1px solid var(--primaryColor);
 }
-.autosuggest__recipientsContainer___15b1_ input[type=email] {
+.autosuggest__recipientsContainer___1JYxA input[type=email] {
   width: auto;
   flex-grow: 1;
   padding: 0.5rem 0;
   margin: auto;
   border: none;
 }
-.autosuggest__recipientsContainer___15b1_ input[type=email]:hover,
-.autosuggest__recipientsContainer___15b1_ input[type=email]:focus {
+.autosuggest__recipientsContainer___1JYxA input[type=email]:hover,
+.autosuggest__recipientsContainer___1JYxA input[type=email]:focus {
   border: none;
 }
-.autosuggest__recipientsContainer___15b1_ input[type=email]:only-child {
+.autosuggest__recipientsContainer___1JYxA input[type=email]:only-child {
   padding: 0.25rem 0.5rem;
 }
-.autosuggest__recipientChip___oRxU- {
+.autosuggest__recipientChip___d5I3R {
   margin: 0.25rem 0.5rem 0.25rem 0;
 }
 /*  imported from button.styl  */
 
-.button__coz-btn-shared___2BoMk {
+.button__coz-btn-shared___9MFbY {
   border-color: #35ce68;
   background-color: #35ce68;
   color: var(--white);
   transition: all 0.2s ease-out;
 }
-.button__coz-btn-shared___2BoMk:focus,
-.button__coz-btn-shared___2BoMk:not([disabled]):not([aria-disabled=true]):hover {
+.button__coz-btn-shared___9MFbY:focus,
+.button__coz-btn-shared___9MFbY:not([disabled]):not([aria-disabled=true]):hover {
   border-color: #08b442;
   background-color: #08b442;
 }
-.button__coz-btn-sharedWithMe___2Vjfh {
+.button__coz-btn-sharedWithMe___25PBh {
   border-color: #b449e7;
   background-color: #b449e7;
   color: var(--white);
   transition: all 0.2s ease-out;
 }
-.button__coz-btn-sharedWithMe___2Vjfh:focus,
-.button__coz-btn-sharedWithMe___2Vjfh:not([disabled]):not([aria-disabled=true]):hover {
+.button__coz-btn-sharedWithMe___25PBh:focus,
+.button__coz-btn-sharedWithMe___25PBh:not([disabled]):not([aria-disabled=true]):hover {
   border-color: #922bc2;
   background-color: #922bc2;
 }
 /*  imported from badge.styl  */
 
-.badge__shared-badge___2QYc_ {
+.badge__shared-badge___2jGsy {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background-clip: padding-box;
 }
-.badge__shared-badge___2QYc_.badge__--small___3i2p8 {
+.badge__shared-badge___2jGsy.badge__--small___2VMyY {
   border: 0.125rem solid;
   border-color: var(--white);
   width: 1.5rem;
   height: 1.5rem;
 }
-.badge__shared-badge___2QYc_.badge__--small___3i2p8 .badge__shared-badge-icon___kngsy {
+.badge__shared-badge___2jGsy.badge__--small___2VMyY .badge__shared-badge-icon___3s9t1 {
   width: 0.75rem;
   height: 0.75rem;
 }
-.badge__shared-badge___2QYc_.badge__--xsmall___1SOfR {
+.badge__shared-badge___2jGsy.badge__--xsmall___2cEGG {
   border: 0.0625rem solid;
   border-color: var(--white);
   width: 0.75rem;
   height: 0.75rem;
 }
-.badge__shared-badge___2QYc_.badge__--xsmall___1SOfR .badge__shared-badge-icon___kngsy {
+.badge__shared-badge___2jGsy.badge__--xsmall___2cEGG .badge__shared-badge-icon___3s9t1 {
   width: 0.375rem;
   height: 0.375rem;
 }
-.badge__shared-badge___2QYc_.badge__--by-me___3zfDg {
+.badge__shared-badge___2jGsy.badge__--by-me___3aTHb {
   background-color: #35ce68;
 }
-.badge__shared-badge___2QYc_.badge__--with-me___30u7z {
+.badge__shared-badge___2jGsy.badge__--with-me___3jW7R {
   background-color: #9169f2;
 }
 /*  imported from status.styl  */
 
-.status__shared-status___J15Fy {
+.status__shared-status___2HpyL {
   display: flex;
 }
-.status__shared-status-label___2AWic {
+.status__shared-status-label___1-jvS {
   margin-right: 0.5rem;
 }
+/*  imported from publicBanner.styl  */
+
+.publicBanner__bannermarkdown___1dR1E img {
+  background-color: var(--paleGrey);
+  color: var(--silver);
+  position: relative;
+}
+.publicBanner__bannermarkdown___1dR1E img svg {
+  width: 50%;
+  height: 50%;
+}
+.publicBanner__bannermarkdown___1dR1E img {
+  --circleSize: 2.5rem;
+  width: var(--circleSize);
+  height: var(--circleSize);
+  min-width: var(--circleSize);
+  min-height: var(--circleSize);
+  font-size: calc(var(--circleSize) / 2.28);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  overflow: hidden;
+  background-color: var(--dodgerBlue);
+  color: var(--white);
+}
+.publicBanner__bannermarkdown___1dR1E {
+  font-weight: bold;
+  display: inline-block;
+}
+.publicBanner__bannermarkdown___1dR1E img {
+  width: 1rem;
+  height: 1rem;
+  min-width: 1rem;
+  min-height: 1rem;
+  font-size: 0.438rem;
+  vertical-align: text-bottom;
+}
 /*  imported from tooltip.styl  */
 
-.tooltip__shared-tooltip___33CoC {
+.tooltip__shared-tooltip___7Dys3 {
   padding: 0.5rem;
   font-weight: bold;
 }
-.tooltip__shared-tooltip-list___3gFkD {
+.tooltip__shared-tooltip-list___jD5hi {
   list-style: none;
   padding: 0;
   margin: 0;