Profile name spoofing dialog

stylesheets/components/ContactSpoofingReviewDialog.scss

@@ -0,0 +1,40 @@
+.module-ContactSpoofingReviewDialog {
+  user-select: none;
+
+  p {
+    @include font-body-2;
+
+    @include light-theme {
+      color: $color-gray-60;
+    }
+
+    @include dark-theme {
+      color: $color-gray-05;
+    }
+  }
+
+  h2 {
+    @include font-body-1-bold;
+  }
+
+  hr {
+    border: 0;
+    height: 1px;
+    margin: 16px 0;
+
+    @include light-theme {
+      background: $color-gray-05;
+    }
+    @include dark-theme {
+      background: $color-gray-90;
+    }
+  }
+
+  &__buttons {
+    margin-top: 8px;
+
+    .module-Button:not(:last-child) {
+      margin-right: 12px;
+    }
+  }
+}

stylesheets/components/ContactSpoofingReviewDialogPerson.scss

@@ -0,0 +1,27 @@
+.module-ContactSpoofingReviewDialogPerson {
+  display: flex;
+
+  &:is(button) {
+    @include button-reset;
+  }
+
+  &__info {
+    margin-left: 12px;
+
+    &__contact-name {
+      @include font-body-1;
+    }
+
+    &__property {
+      @include font-body-2;
+
+      @include light-theme {
+        color: $color-gray-60;
+      }
+
+      @include dark-theme {
+        color: $color-gray-05;
+      }
+    }
+  }
+}

stylesheets/components/TimelineWarning.scss

@@ -0,0 +1,76 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+.module-TimelineWarning {
+  @mixin icon($icon) {
+    @include light-theme {
+      @include color-svg($icon, $color-gray-60);
+    }
+    @include dark-theme {
+      @include color-svg($icon, $color-gray-20);
+    }
+  }
+
+  align-items: center;
+  display: flex;
+  padding: 16px;
+  user-select: none;
+
+  border-top-width: 1px;
+  border-top-style: solid;
+  &:last-child {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+  }
+
+  @include light-theme {
+    color: $color-gray-65;
+    background: $color-gray-02;
+    border-color: $color-gray-15;
+  }
+
+  @include dark-theme {
+    color: $color-gray-15;
+    background: $color-gray-80;
+    border-color: $color-gray-65;
+  }
+
+  &__generic-icon {
+    @include icon('../images/icons/v2/info-outline-24.svg');
+    width: 20px;
+    height: 20px;
+  }
+
+  &__text {
+    @include font-body-2;
+    flex-grow: 1;
+    margin-left: 12px;
+    margin-right: 12px;
+
+    &__link {
+      @include button-reset;
+      display: inline;
+      font-weight: bold;
+      text-decoration: none;
+
+      @include light-theme {
+        color: $ultramarine-brand-light;
+      }
+      @include dark-theme {
+        color: $color-ios-blue-tint;
+      }
+    }
+  }
+
+  &__close-button {
+    @include button-reset;
+
+    &::after {
+      @include icon('../images/icons/v2/x-24.svg');
+      content: '';
+      display: block;
+      height: 20px;
+      width: 20px;
+    }
+  }
+}

stylesheets/components/TimelineWarnings.scss

@@ -0,0 +1,13 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+.module-TimelineWarnings {
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+
+  display: flex;
+  flex-direction: column;
+}