diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png index e4fc0bc139..af55106c20 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png index 9d18af3a51..bc36a27eda 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png index 9ec4176522..4a727da162 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png index 4c54ec6ba2..53d56ed29f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png index fe6dc2985a..82ef3b9738 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png index 7f67b2abb1..cb16e6e42f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png index cd0caebcfc..23a81fcd5a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png index 747e1fcfd7..77a65b7be9 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png index ad16c9ec5d..c92c7ef38d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png index ff4d95e378..e9ed38138c 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png index 4c54ec6ba2..53d56ed29f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png index fe6dc2985a..82ef3b9738 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png index bff2d87eed..f441210680 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png index cd0caebcfc..23a81fcd5a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png index 747e1fcfd7..77a65b7be9 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png index ad16c9ec5d..c92c7ef38d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png index 2ea60234b2..eef1387136 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png index 4c54ec6ba2..53d56ed29f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png index fe6dc2985a..82ef3b9738 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png index e769f9786c..522daa4191 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png index cd0caebcfc..23a81fcd5a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png index 747e1fcfd7..77a65b7be9 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png index ad16c9ec5d..c92c7ef38d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png index 49e755d811..9d7d6cb306 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png index 4c54ec6ba2..53d56ed29f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png index fe6dc2985a..82ef3b9738 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png index 1fa80a7c88..48a7b4c579 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png index 258a1249b7..bdf3845dc6 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png index 55f6e81ab3..3dada3edb5 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png index ac5f521aee..06cc4180d7 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png index c3089100cd..21bbba18dd 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png index 5c467049b5..f558e109a1 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png index 81f024acbf..af806ef387 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png index 258a1249b7..bdf3845dc6 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png index 1a22f057d1..7ab8eede41 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png index 8fd08d9b5d..0de28e82b1 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png index 445b46c733..c8bc0b03f4 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png index 749e7afb55..ef8ea105e9 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png index ba1eca3546..87df38682b 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png index ffac8432ba..27aead377f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png index cd0caebcfc..23a81fcd5a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png index 747e1fcfd7..77a65b7be9 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png index ad16c9ec5d..c92c7ef38d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png index a7f90be1b7..0b7e538a74 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png index 4c54ec6ba2..53d56ed29f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png index fe6dc2985a..82ef3b9738 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png index 775776db45..e22b2f4da7 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png index 4a2a043ca4..81e5e2d2fe 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png index 7c490d0493..55d969a1be 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png index e5e03397f2..0e238785b5 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png index 3972bfc4ce..c05eb2e1a4 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png index 4c54ec6ba2..77f62ba871 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png index 4fb0459f54..e8584db4f0 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png index d712149933..329ee7cc5a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png index cd0caebcfc..23a81fcd5a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png index 747e1fcfd7..77a65b7be9 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png index ad16c9ec5d..c92c7ef38d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png index 5338c7940a..faf5441f37 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png index 4c54ec6ba2..53d56ed29f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png index fe6dc2985a..82ef3b9738 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png index e4fc0bc139..af55106c20 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png index cd0caebcfc..23a81fcd5a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png index 747e1fcfd7..77a65b7be9 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png index ad16c9ec5d..c92c7ef38d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png index c3ae49e6ab..8ec4989596 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png index 4c54ec6ba2..53d56ed29f 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png index fe6dc2985a..82ef3b9738 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png index 5103f4b1b6..c5a0ae4efc 100644 Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png index f9370647a3..9b437a3e6b 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png index 604d9cf938..3d2f6463df 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png index 36d232be6b..93239e8705 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png index 10eb360486..ff28be8529 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png index ce25704380..4e2838af1a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png index c2097d0f23..1288ab1557 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png index deecac693a..f9d93cdb93 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png index 10c1140a41..eb850b4e5d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png index 09141f3529..b4096d9e68 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png index 48be4b03ae..d83a67ce34 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png index 10eb360486..ff28be8529 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png index ce25704380..4e2838af1a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png index a81bcd2fa5..40736b7860 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png index deecac693a..f9d93cdb93 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png index 10c1140a41..eb850b4e5d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png index 09141f3529..b4096d9e68 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png index 0de9c6c1c3..da0598630e 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png index 10eb360486..ff28be8529 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png index ce25704380..4e2838af1a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png index f3bb37a3b2..9ecde9bbd2 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png index deecac693a..f9d93cdb93 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png index 10c1140a41..eb850b4e5d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png index 09141f3529..b4096d9e68 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png index c4323a4ce4..f24273856b 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png index 10eb360486..ff28be8529 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png index ce25704380..4e2838af1a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png index c4ae05772f..92e02ceb8e 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png index 355dc4c840..4e62c87592 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png index 7f4a771b70..82c63b3eda 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png index 75ecc73353..58f2c6ae73 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png index 72f84039d5..0a3ba7a52c 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png index 260e5df970..1dd0eb5946 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png index 64a486c0ea..3cf18fdecc 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png index 355dc4c840..4e62c87592 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png index 70ee6523da..9b646f82a3 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png index 8c04f4dbd7..3a53267506 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png index c7a8c9a702..a3c32ed10a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png index 3981975122..4da4198281 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png index 9c910469e8..d98b77ad68 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png index 7f811e2457..83a6cc39ee 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png index deecac693a..f9d93cdb93 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png index 10c1140a41..eb850b4e5d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png index 09141f3529..b4096d9e68 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png index 42f8cd3213..96ffdff9df 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png index 10eb360486..ff28be8529 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png index ce25704380..4e2838af1a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png index 009249eabc..1b0d93248a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png index b6e9779c17..bb3cbf919b 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png index 0bf3467928..81157674e3 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png index 76d29a80a7..bd608766bf 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png index 1485f9b37d..329c67d291 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png index 10eb360486..0db991c4bb 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png index 2d1847f731..934649804c 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png index 7097afbf72..144a393204 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png index deecac693a..f9d93cdb93 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png index 10c1140a41..eb850b4e5d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png index 09141f3529..b4096d9e68 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png index 878d5e76af..e200268ef4 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png index 10eb360486..ff28be8529 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png index ce25704380..4e2838af1a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png index f9370647a3..9b437a3e6b 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png index deecac693a..f9d93cdb93 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png index 10c1140a41..eb850b4e5d 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png index 09141f3529..b4096d9e68 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png index 1d0ee9d477..eb46e4a259 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png index 10eb360486..ff28be8529 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png index ce25704380..4e2838af1a 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png differ diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png index d5bc114f10..61bf027fd8 100644 Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png differ diff --git a/packages/fuselage/src/components/InputBox/index.js b/packages/fuselage/src/components/InputBox/index.js index 2128dc46c3..446ed7f3ad 100644 --- a/packages/fuselage/src/components/InputBox/index.js +++ b/packages/fuselage/src/components/InputBox/index.js @@ -3,14 +3,13 @@ import { useMergedRefs } from '@rocket.chat/fuselage-hooks'; import PropTypes from 'prop-types'; import React, { forwardRef, useCallback, useLayoutEffect, useRef } from 'react'; -import { Box, Flex } from '../Box'; +import { Box } from '../Box'; +import { Label } from '../Label'; import { Option } from './Option'; import { Placeholder } from './Placeholder'; import { Skeleton } from '../Skeleton'; -const Wrapper = (props) => - -; +const Wrapper = (props) => ; const Input = Box.extend('rcx-input-box', 'input'); const Addon = Box.extend('rcx-input-box__addon', 'span'); @@ -18,7 +17,6 @@ export const InputBox = forwardRef(function InputBox({ className, addon, error, - floatingAddon, hidden, invisible, multiple, @@ -105,10 +103,9 @@ export const InputBox = forwardRef(function InputBox({ mod-placeholder-visible={placeholderVisible} mod-type={type} mod-undecorated - mod-under-addon={floatingAddon} {...props} /> - + ; }); @@ -122,7 +119,6 @@ InputBox.propTypes = { addon: PropTypes.element, input: PropTypes.element, error: PropTypes.string, - floatingAddon: PropTypes.bool, type: PropTypes.oneOf([ 'button', 'checkbox', diff --git a/packages/fuselage/src/components/InputBox/styles.scss b/packages/fuselage/src/components/InputBox/styles.scss index e4bef2d400..d9721b138c 100644 --- a/packages/fuselage/src/components/InputBox/styles.scss +++ b/packages/fuselage/src/components/InputBox/styles.scss @@ -8,10 +8,7 @@ min-width: 8rem; - padding: - calc(#{ $spaces-x12 } - #{ $borders-width-x2 }) - calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); - padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 }); + padding-block: #{ $spaces-x8 }; padding-inline: calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); vertical-align: baseline; @@ -20,6 +17,8 @@ outline: 0; + align-items: flex-start; + flex-flow: row nowrap; @extend %input; @@ -42,31 +41,8 @@ display: flex; flex: 0 0 auto; - padding-top: calc(#{ $spaces-x12 } - #{ $borders-width-x2 }); - padding-right: calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); - padding-bottom: calc(#{ $spaces-x12 } - #{ $borders-width-x2 }); - padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 }); - padding-inline-end: calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); align-items: flex-start; flex-flow: row nowrap; - - &--over-input { - position: absolute; - top: 0; - right: 0; - bottom: 0; - - pointer-events: none; - inset-block: 0; - inset-inline-end: 0; - - .rtl &, - &.rtl, - [dir=rtl] & { - right: unset; - left: 0; - } - } } @mixin with-colors( @@ -182,10 +158,7 @@ min-width: 8rem; min-height: #{ $sizes-x40 }; - padding: - calc(#{ $spaces-x12 } - #{ $borders-width-x2 }) - calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); - padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 }); + padding-block: #{ $spaces-x8 }; padding-inline: calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); @extend %input; @@ -241,11 +214,6 @@ pointer-events: none; } - &--under-addon { - padding-right: calc(#{ $spaces-x16 } + #{ $sizes-x40 } - 2 * #{ $spaces-x12 }); - padding-inline-end: calc(#{ $spaces-x16 } + #{ $sizes-x40 } - 2 * #{ $spaces-x12 }); - } - .rcx-input-box__wrapper > & { width: 0; min-width: 0; @@ -276,9 +244,6 @@ min-width: 8rem; min-height: #{ $sizes-x40 }; - padding: - calc(#{ $spaces-x12 } - #{ $borders-width-x2 }) - calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 }); padding-inline: calc(#{ $spaces-x16 } - #{ $borders-width-x2 }); diff --git a/packages/fuselage/src/components/SelectInput/index.js b/packages/fuselage/src/components/SelectInput/index.js index b2d3dc277a..ce2ad88aa5 100644 --- a/packages/fuselage/src/components/SelectInput/index.js +++ b/packages/fuselage/src/components/SelectInput/index.js @@ -38,7 +38,6 @@ export const SelectInput = forwardRef(function SelectInput({ ref={ref} {...props} addon={} - floatingAddon type='select' onChange={handleChange} >