feat: Modify prebuilt UI designs (#844)

* Modify providerButton styles

* Modify provider btn animation keyframe

* Auth form typography

* Update prebuilt ui styles

* Undo changes to App js in example app

* Remove console log in App js

* Update version and changelog

* Update prop names for JSX compatibility

* Update props in build folder

* Undo change to test file

* Revert redundant diff

* Change secondaryText to primaryText

* Update Changelog md

* Update changelog

* Update passwordless prebuiltUI size limit

* Update providerButton animation to use CSS only

* Update changelog

* Reduce animation start delay

* Update provider button fontsize

* Add spacing between text and arrow

* Revert test changes

* Minor change

* Update secondaryLinkWithLeftArrow styles

* ci: make the chromatic job manually triggerable

* Update header title font weight

* Update provider button styles

---------

Co-authored-by: Mihaly Lengyel <mihaly@lengyel.tech>

Author: ohansFavour

.github/workflows/chromatic.yml

@@ -3,7 +3,7 @@ name: "Chromatic"
 on:
     push:
         branches: [master, "[0-9]*.[0-9]*"]
-    workflow_call:
+    workflow_dispatch:
 
 jobs:
     chromatic:

CHANGELOG.md

@@ -7,6 +7,35 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [unreleased]
 
+## [0.47.0] - 2024-08-28
+
+### Breaking changes
+
+Redesigned the pre-built UI with a modern monochrome aesthetic, creating a cleaner and more unified visual experience.
+
+### Details
+
+#### The value of the following palette variables have changed
+
+-   **--palette-textTitle** changed from `rgb(34, 34, 34)` to `rgb(0, 0, 0)`
+-   **--palette-textLabel** changed from rgb`(34, 34, 34)` to `rgb(0, 0, 0)`
+-   **--palette-textInput** changed from `rgb(34, 34, 34)` to `rgb(0, 0, 0)`
+-   **--palette-textPrimary** changed from `rgb(101, 101, 101)` to `rgb(128, 128, 128)`
+-   **--palette-textLink** changed from `rgb(0, 118, 255)` to `rgb(0, 122, 255)`
+-   **--palette-textGray** changed from `rgb(128, 128, 128)` to `rgb(54, 54, 54)`
+
+#### Provider Button Style has changed
+
+-   Adjusted the layout of the provider buttons. Previously, the logo and text had fixed spacing and were centered within the button. Now, the logo is aligned to the left, and the text is centered within the remaining space, enhancing visual balance and consistency across different button text lengths.
+
+#### Icon updates
+
+-   Changed the Email Icon used in the "Verify Email" UI
+
+-   Changed the SMS Icon used in the "Link sent to phone" UI
+
+-   Changed the button arrow icons
+
 ## [0.46.0] - 2024-08-26
 
 ### Breaking changes