diff --git a/core/src/theme-ionic/test/assets/check-circle.svg b/core/src/theme-ionic/test/assets/check-circle.svg
new file mode 100644
index 0000000000..2d264ffacd
--- /dev/null
+++ b/core/src/theme-ionic/test/assets/check-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/core/src/theme-ionic/test/assets/lock.svg b/core/src/theme-ionic/test/assets/lock.svg
new file mode 100644
index 0000000000..0891f51dfc
--- /dev/null
+++ b/core/src/theme-ionic/test/assets/lock.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/core/src/theme-ionic/test/dear-designer-input/index.html b/core/src/theme-ionic/test/dear-designer-input/index.html
new file mode 100644
index 0000000000..028f4ba357
--- /dev/null
+++ b/core/src/theme-ionic/test/dear-designer-input/index.html
@@ -0,0 +1,481 @@
+
+
+
+
+ Ionic Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dear Designer
+ Input
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Input types:
+
+
+
+
+
+
+
+
+
+ Text
+
+
+ Number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Email
+
+
+ Phone number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Date
+
+
+ Search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Password
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Size
+ Default input come in 3 sizes.
+ The default Size is medium (40px).
+
+
+
+
+
+
+
+
+
+ md
+
+
+ lg
+
+
+ xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Shape
+ Default input come in 3 shapes: Rounded, Soft and Rectangular.
+ The default Shape is Round.
+
+
+
+
+
+
+
+
+
+ Round
+
+
+ Soft
+
+
+ Rectangular
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Clear Icon
+ Inputs can have a clear action that is displayed when the input has a value.
+ The default is false.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Icon with icon
+ Inputs can have icons on slot Start and/or slot End.
+
+
+
+
+
+
+
+
+
+ Slot Start
+
+
+ Slot End
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Helper Message
+ Inputs can have a message below the input box.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Character Counter
+ Inputs can have a character counter.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Error Message
+ Inputs can have the state invalid.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/core/src/theme-ionic/test/dear-designer-tag/index.html b/core/src/theme-ionic/test/dear-designer-tag/index.html
index 458589c607..b2b0dd91bf 100644
--- a/core/src/theme-ionic/test/dear-designer-tag/index.html
+++ b/core/src/theme-ionic/test/dear-designer-tag/index.html
@@ -55,7 +55,7 @@
-
+
Info tag
Non-interactive tags that serve uniquely to provide contextual information regarding a specific part of the screen, such as an image or a card.