diff --git a/.prettierrc b/.prettierrc
index 2be48cde..20c07ae6 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -5,6 +5,8 @@
   "singleQuote": true,
   "useTabs": false,
 
+  "plugins": ["prettier-plugin-svelte"],
+
   "svelteSortOrder": "options-scripts-styles-markup",
   "svelteAllowShorthand": true,
   "svelteIndentScriptAndStyle": false
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2e1a183f..eab742e2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,5 @@
 # Changelog
+
 All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html), enforced with [semantic-release](https://github.com/semantic-release/semantic-release).
 
@@ -11,532 +12,464 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 ## [10.3.0](https://github.com/silinternational/ui-components/compare/v10.2.0...v10.3.0) (2023-08-30)
 
-
 ### Added
 
-* **release:** trigger v10.3.0 release ([196c716](https://github.com/silinternational/ui-components/commit/196c716c6e15b52fb57c8f58f0969bde3c347edd))
-* **TextField:** Add all fields to default Storybook story ([96965f5](https://github.com/silinternational/ui-components/commit/96965f5f7943d60799f34513757fdb22604e2ed4))
-* **TextField:** Add Description as helper text ([2e22040](https://github.com/silinternational/ui-components/commit/2e22040057815a9e2a107e13bb088a2f57337179))
-* **TextField:** Description as helper text ([b6fd540](https://github.com/silinternational/ui-components/commit/b6fd540164d4f10d370a320d6c2416149d607eeb))
-* **TextField:** Description as helper text ([5d017c3](https://github.com/silinternational/ui-components/commit/5d017c38530af6124169d2eecf8b158d9282fc56))
+- **release:** trigger v10.3.0 release ([196c716](https://github.com/silinternational/ui-components/commit/196c716c6e15b52fb57c8f58f0969bde3c347edd))
+- **TextField:** Add all fields to default Storybook story ([96965f5](https://github.com/silinternational/ui-components/commit/96965f5f7943d60799f34513757fdb22604e2ed4))
+- **TextField:** Add Description as helper text ([2e22040](https://github.com/silinternational/ui-components/commit/2e22040057815a9e2a107e13bb088a2f57337179))
+- **TextField:** Description as helper text ([b6fd540](https://github.com/silinternational/ui-components/commit/b6fd540164d4f10d370a320d6c2416149d607eeb))
+- **TextField:** Description as helper text ([5d017c3](https://github.com/silinternational/ui-components/commit/5d017c38530af6124169d2eecf8b158d9282fc56))
 
 ## [10.2.0](https://github.com/silinternational/ui-components/compare/v10.1.1...v10.2.0) (2023-05-16)
 
-
 ### Added
 
-* **docs:** Update contribution section [release skip] ([ae8ae0c](https://github.com/silinternational/ui-components/commit/ae8ae0cb7672503fafec3565495babc2a24f95c8))
-* **TextArea:** Add input event dispatch to TextArea ([c10f29f](https://github.com/silinternational/ui-components/commit/c10f29fe59c6acb88f595a969b285e221a4bbe9b))
-* **TextField:** Add input event dispatch to TextField ([951221e](https://github.com/silinternational/ui-components/commit/951221ebf40aa0c7a33ff5cc741df0e3cf28ad3d))
+- **docs:** Update contribution section [release skip] ([ae8ae0c](https://github.com/silinternational/ui-components/commit/ae8ae0cb7672503fafec3565495babc2a24f95c8))
+- **TextArea:** Add input event dispatch to TextArea ([c10f29f](https://github.com/silinternational/ui-components/commit/c10f29fe59c6acb88f595a969b285e221a4bbe9b))
+- **TextField:** Add input event dispatch to TextField ([951221e](https://github.com/silinternational/ui-components/commit/951221ebf40aa0c7a33ff5cc741df0e3cf28ad3d))
 
 ### [10.1.1](https://github.com/silinternational/ui-components/compare/v10.1.0...v10.1.1) (2023-03-30)
 
-
 ### Fixed
 
-* **components:** fix undefined appearing in class ([51a6d28](https://github.com/silinternational/ui-components/commit/51a6d28a3c7f4bf7af05578082d89ffc56d8c255))
+- **components:** fix undefined appearing in class ([51a6d28](https://github.com/silinternational/ui-components/commit/51a6d28a3c7f4bf7af05578082d89ffc56d8c255))
 
 ## [10.1.0](https://github.com/silinternational/ui-components/compare/v10.0.1...v10.1.0) (2023-03-29)
 
-
 ### Added
 
-* **DatatableCheckbox:** Add class prop ([1959e3d](https://github.com/silinternational/ui-components/commit/1959e3d05792606a2c60a6d6e0a1f50d97ce3510))
-* **DatatableCheckboxHeader:** Add prop class ([8618a4f](https://github.com/silinternational/ui-components/commit/8618a4f156965fd67febf61516d7c814ed01b149))
-* **Divider:** Add class prop ([ae03e35](https://github.com/silinternational/ui-components/commit/ae03e35f4c3c9314b9be4813bae28fcfba30494e))
-* **List.Item:** Add class prop ([bfd35c1](https://github.com/silinternational/ui-components/commit/bfd35c1e5c90df30aa9f84317795ff24ebe63863))
-* **Subheader:** Add class prop ([af9990a](https://github.com/silinternational/ui-components/commit/af9990a46abeef3f884d1ae82ef2c5c6755b9a9c))
-* **Switch:** Add class prop ([4ca247d](https://github.com/silinternational/ui-components/commit/4ca247dfc807d7ff4835b00a45ad4c6b92b533ca))
-* **TabBar.Indicator:** Add class prop ([f60bf46](https://github.com/silinternational/ui-components/commit/f60bf4628ddf52ed179e26c1e462f23e48995702))
-* **TabBar.Scroller:** Add class prop ([1f4e7d5](https://github.com/silinternational/ui-components/commit/1f4e7d527c772b5a3d25611ae0b04d7eac3a7168))
-* **TabBar.Tab:** add class prop ([9ca980f](https://github.com/silinternational/ui-components/commit/9ca980fc4f0a6aad36563b34e74109a46b7347d1))
-* **TopAppBar:** Add class prop ([077363e](https://github.com/silinternational/ui-components/commit/077363e18ac9b3c5ddd0577ed254a2df952da152))
-
+- **DatatableCheckbox:** Add class prop ([1959e3d](https://github.com/silinternational/ui-components/commit/1959e3d05792606a2c60a6d6e0a1f50d97ce3510))
+- **DatatableCheckboxHeader:** Add prop class ([8618a4f](https://github.com/silinternational/ui-components/commit/8618a4f156965fd67febf61516d7c814ed01b149))
+- **Divider:** Add class prop ([ae03e35](https://github.com/silinternational/ui-components/commit/ae03e35f4c3c9314b9be4813bae28fcfba30494e))
+- **List.Item:** Add class prop ([bfd35c1](https://github.com/silinternational/ui-components/commit/bfd35c1e5c90df30aa9f84317795ff24ebe63863))
+- **Subheader:** Add class prop ([af9990a](https://github.com/silinternational/ui-components/commit/af9990a46abeef3f884d1ae82ef2c5c6755b9a9c))
+- **Switch:** Add class prop ([4ca247d](https://github.com/silinternational/ui-components/commit/4ca247dfc807d7ff4835b00a45ad4c6b92b533ca))
+- **TabBar.Indicator:** Add class prop ([f60bf46](https://github.com/silinternational/ui-components/commit/f60bf4628ddf52ed179e26c1e462f23e48995702))
+- **TabBar.Scroller:** Add class prop ([1f4e7d5](https://github.com/silinternational/ui-components/commit/1f4e7d527c772b5a3d25611ae0b04d7eac3a7168))
+- **TabBar.Tab:** add class prop ([9ca980f](https://github.com/silinternational/ui-components/commit/9ca980fc4f0a6aad36563b34e74109a46b7347d1))
+- **TopAppBar:** Add class prop ([077363e](https://github.com/silinternational/ui-components/commit/077363e18ac9b3c5ddd0577ed254a2df952da152))
 
 ### Changed
 
-* **release-config:** use conventionalcommits and custom release rules and notes with semantic release ([3537856](https://github.com/silinternational/ui-components/commit/3537856be3d599a89a6b054039c3965eb09b9c19))
-* **types:** update index.d.ts types ([edd3f87](https://github.com/silinternational/ui-components/commit/edd3f870f81da61a60bf9bc41b133a48cbd57abe))
+- **release-config:** use conventionalcommits and custom release rules and notes with semantic release ([3537856](https://github.com/silinternational/ui-components/commit/3537856be3d599a89a6b054039c3965eb09b9c19))
+- **types:** update index.d.ts types ([edd3f87](https://github.com/silinternational/ui-components/commit/edd3f870f81da61a60bf9bc41b133a48cbd57abe))
 
 ## [10.0.1](https://github.com/silinternational/ui-components/compare/v10.0.0...v10.0.1) (2023-03-23)
 
-
 ### Fixed
 
-* **exports:** fix broken DateInput export ([d841278](https://github.com/silinternational/ui-components/commit/d84127837248d2581b424b2fa1f36ce4f4f5f11a))
+- **exports:** fix broken DateInput export ([d841278](https://github.com/silinternational/ui-components/commit/d84127837248d2581b424b2fa1f36ce4f4f5f11a))
 
 # [10.0.0](https://github.com/silinternational/ui-components/compare/v9.1.1...v10.0.0) (2023-03-23)
 
-
 ### Fixed
 
-* **types:** fix Select and MoneyInput types ([f2c6f73](https://github.com/silinternational/ui-components/commit/f2c6f73b289d0277b99a5e51cba8778fbd49ddd8))
-* **types:** JSX.HTMLAttributes is deprecated ([f8c593b](https://github.com/silinternational/ui-components/commit/f8c593b91528ecf47c5fffd8652bd5bc357b70f3))
-
+- **types:** fix Select and MoneyInput types ([f2c6f73](https://github.com/silinternational/ui-components/commit/f2c6f73b289d0277b99a5e51cba8778fbd49ddd8))
+- **types:** JSX.HTMLAttributes is deprecated ([f8c593b](https://github.com/silinternational/ui-components/commit/f8c593b91528ecf47c5fffd8652bd5bc357b70f3))
 
 ### Added
 
-* **components:** Add DateInput components ([a83dc70](https://github.com/silinternational/ui-components/commit/a83dc7079d70a26fa1b2800b0fb909719e52ae8d))
+- **components:** Add DateInput components ([a83dc70](https://github.com/silinternational/ui-components/commit/a83dc7079d70a26fa1b2800b0fb909719e52ae8d))
 
 ### BREAKING CHANGES
 
 ### Removed
 
-* **Form:** remove success prop ([5f3537c](https://github.com/silinternational/ui-components/commit/5f3537c6fa8a41891d1f36a1f5ac3a697bf9fdbc))
+- **Form:** remove success prop ([5f3537c](https://github.com/silinternational/ui-components/commit/5f3537c6fa8a41891d1f36a1f5ac3a697bf9fdbc))
 
 To reset `Form` use `on:submit` and `event.target.reset()` instead of setting `success` to `true`
 
 ## [9.1.1](https://github.com/silinternational/ui-components/compare/v9.1.0...v9.1.1) (2023-02-22)
 
-
 ### Fixed
 
-* **TextArea:** fix text overlapping with counter ([c0bb58e](https://github.com/silinternational/ui-components/commit/c0bb58ef45a8d8ec83bf13bf16f89fedd0442e82))
+- **TextArea:** fix text overlapping with counter ([c0bb58e](https://github.com/silinternational/ui-components/commit/c0bb58ef45a8d8ec83bf13bf16f89fedd0442e82))
 
 # [9.1.0](https://github.com/silinternational/ui-components/compare/v9.0.0...v9.1.0) (2023-02-22)
 
-
 ### Added
 
-* **Components:** add target prop to Button, Fab, and IconButton ([d0e92bc](https://github.com/silinternational/ui-components/commit/d0e92bc6b052ad20ca2379dd26cfde2e7aff0f55))
+- **Components:** add target prop to Button, Fab, and IconButton ([d0e92bc](https://github.com/silinternational/ui-components/commit/d0e92bc6b052ad20ca2379dd26cfde2e7aff0f55))
 
 # [9.0.0](https://github.com/silinternational/ui-components/compare/v8.1.0...v9.0.0) (2023-02-08)
 
-
 ### Fixed
 
-* **Menu:** fix ssr for Menu using window ([e4b0b03](https://github.com/silinternational/ui-components/commit/e4b0b03fc6f2f9c9587008f826b5d6b3cdc0343f))
-
+- **Menu:** fix ssr for Menu using window ([e4b0b03](https://github.com/silinternational/ui-components/commit/e4b0b03fc6f2f9c9587008f826b5d6b3cdc0343f))
 
 ### Added
 
-* **Menu:** remove window & add currentUrl to props ([1e982ad](https://github.com/silinternational/ui-components/commit/1e982ade89b81e8a5a8e89e7c880e9e6d7a0efd3))
+- **Menu:** remove window & add currentUrl to props ([1e982ad](https://github.com/silinternational/ui-components/commit/1e982ade89b81e8a5a8e89e7c880e9e6d7a0efd3))
 
 ### Removed
 
-* **Menu:** remove focus of menuItem based on path. Add currentUrl story ([b0aca32](https://github.com/silinternational/ui-components/commit/b0aca3233d4c0aa0bbfa1df1830da44ff6ef72d9))
+- **Menu:** remove focus of menuItem based on path. Add currentUrl story ([b0aca32](https://github.com/silinternational/ui-components/commit/b0aca3233d4c0aa0bbfa1df1830da44ff6ef72d9))
 
 ### BREAKING CHANGES
 
-* **Menu:** remove checking of current path to focus menu item
+- **Menu:** remove checking of current path to focus menu item
 
 # [8.1.0](https://github.com/silinternational/ui-components/compare/v8.0.1...v8.1.0) (2022-12-12)
 
-
 ### Deprecated
 
-* **Form:** deprecate success and listen for reset to clear local storage ([38fad25](https://github.com/silinternational/ui-components/commit/38fad257bbb3056ea9132ba6f370d8d724d841fe))
+- **Form:** deprecate success and listen for reset to clear local storage ([38fad25](https://github.com/silinternational/ui-components/commit/38fad257bbb3056ea9132ba6f370d8d724d841fe))
 
 ### Changed
 
-* **Form:** listen for reset to clear local storage ([38fad25](https://github.com/silinternational/ui-components/commit/38fad257bbb3056ea9132ba6f370d8d724d841fe))
+- **Form:** listen for reset to clear local storage ([38fad25](https://github.com/silinternational/ui-components/commit/38fad257bbb3056ea9132ba6f370d8d724d841fe))
 
 ## [8.0.1](https://github.com/silinternational/ui-components/compare/v8.0.0...v8.0.1) (2022-12-03)
 
-
 ### Fixed
 
-* **components:** resolve A11y warning in that show up in rollup-plugin-svelte ([42229e2](https://github.com/silinternational/ui-components/commit/42229e2a047cf71ce526eb0db582757a845f0b7e))
+- **components:** resolve A11y warning in that show up in rollup-plugin-svelte ([42229e2](https://github.com/silinternational/ui-components/commit/42229e2a047cf71ce526eb0db582757a845f0b7e))
 
 # [8.0.0](https://github.com/silinternational/ui-components/compare/v7.0.0...v8.0.0) (2022-12-01)
 
-
 ### Fixed
 
-* **peerDependencies:** update material-components-web and sass to match devDependencies. Fixes an npm error for consumers using material and sass. ([7d929fd](https://github.com/silinternational/ui-components/commit/7d929fd82f9f08983c167c6595e4aaaf0b58215e))
-
+- **peerDependencies:** update material-components-web and sass to match devDependencies. Fixes an npm error for consumers using material and sass. ([7d929fd](https://github.com/silinternational/ui-components/commit/7d929fd82f9f08983c167c6595e4aaaf0b58215e))
 
 ### Changed
 
-* **peerDependencies:** update peerDependencies ([a524f48](https://github.com/silinternational/ui-components/commit/a524f4845e85e05c379b24593ca49312d6abebef))
-
+- **peerDependencies:** update peerDependencies ([a524f48](https://github.com/silinternational/ui-components/commit/a524f4845e85e05c379b24593ca49312d6abebef))
 
 ### BREAKING CHANGES
 
-* **peerDependencies:** update peerDependencies
+- **peerDependencies:** update peerDependencies
 
 Change material-components-web to 14 and sass to 1.55. If installed in your project you can now update them to these versions without an error or warning.
 
 # [7.0.0](https://github.com/silinternational/ui-components/compare/v6.7.0...v7.0.0) (2022-11-07)
 
-
 ### Changed
 
-* **dependencies:** update multiple deps ([4553e7f](https://github.com/silinternational/ui-components/commit/4553e7fcbe97003fa776bacd5ae2f17c5700f9ad))
-
+- **dependencies:** update multiple deps ([4553e7f](https://github.com/silinternational/ui-components/commit/4553e7fcbe97003fa776bacd5ae2f17c5700f9ad))
 
 ### Added
 
-* **Form:** change Form children top margin ([0ca845f](https://github.com/silinternational/ui-components/commit/0ca845fb8ec115d25d91dec6caa6b01e2052e6f1))
-
+- **Form:** change Form children top margin ([0ca845f](https://github.com/silinternational/ui-components/commit/0ca845fb8ec115d25d91dec6caa6b01e2052e6f1))
 
 ### BREAKING CHANGES
 
-* **dependencies:** update material-components-web to 15 and sass to 1.55
-* **Form:** Form children will now have 1rem instead of 2rem
+- **dependencies:** update material-components-web to 15 and sass to 1.55
+- **Form:** Form children will now have 1rem instead of 2rem
 
 # [6.7.0](https://github.com/silinternational/ui-components/compare/v6.6.0...v6.7.0) (2022-10-05)
 
-
 ### Fixed
 
-* **Form:** don't remove storage when restoring form values ([44ba3a9](https://github.com/silinternational/ui-components/commit/44ba3a9e2834f6687115441b05a1b87dd688d8a2))
-
+- **Form:** don't remove storage when restoring form values ([44ba3a9](https://github.com/silinternational/ui-components/commit/44ba3a9e2834f6687115441b05a1b87dd688d8a2))
 
 ### Added
 
-* **Form:** add success prop so Form can remove stored values internally ([8aedd72](https://github.com/silinternational/ui-components/commit/8aedd726d267ce5ce806a8f82b2bd4331f39da96))
+- **Form:** add success prop so Form can remove stored values internally ([8aedd72](https://github.com/silinternational/ui-components/commit/8aedd726d267ce5ce806a8f82b2bd4331f39da96))
 
 # [6.6.0](https://github.com/silinternational/ui-components/compare/v6.5.0...v6.6.0) (2022-10-04)
 
-
 ### Added
 
-* **components:** add name prop to MoneyInput, TextArea and TextField ([142b27e](https://github.com/silinternational/ui-components/commit/142b27e41751e635a4ef02745074c619fde10571))
-* **Form:** add id and saveToLocalStorage props to Form ([8216ae1](https://github.com/silinternational/ui-components/commit/8216ae10e82834ab7f3b1f0a775c12172daa171c))
+- **components:** add name prop to MoneyInput, TextArea and TextField ([142b27e](https://github.com/silinternational/ui-components/commit/142b27e41751e635a4ef02745074c619fde10571))
+- **Form:** add id and saveToLocalStorage props to Form ([8216ae1](https://github.com/silinternational/ui-components/commit/8216ae10e82834ab7f3b1f0a775c12172daa171c))
 
 # [6.5.0](https://github.com/silinternational/ui-components/compare/v6.4.2...v6.5.0) (2022-09-26)
 
-
 ### Added
 
-* **SearchableSelect:** add required prop ([053af32](https://github.com/silinternational/ui-components/commit/053af32385578630d8253f5feee9cf5097baa2ab))
+- **SearchableSelect:** add required prop ([053af32](https://github.com/silinternational/ui-components/commit/053af32385578630d8253f5feee9cf5097baa2ab))
 
 ## [6.4.2](https://github.com/silinternational/ui-components/compare/v6.4.1...v6.4.2) (2022-08-24)
 
-
 ### Fixed
 
-* **types:** fix Scroller type warning ([d867aa0](https://github.com/silinternational/ui-components/commit/d867aa0c95bc63fbd23172c61c44ab6840cc8762))
+- **types:** fix Scroller type warning ([d867aa0](https://github.com/silinternational/ui-components/commit/d867aa0c95bc63fbd23172c61c44ab6840cc8762))
 
 ## [6.4.1](https://github.com/silinternational/ui-components/compare/v6.4.0...v6.4.1) (2022-08-24)
 
-
 ### Fixed
 
-* **types:** Add Scroller and Tab to TabBar type ([dd08278](https://github.com/silinternational/ui-components/commit/dd0827884c38da7137c4831882f533e1269c1df1))
+- **types:** Add Scroller and Tab to TabBar type ([dd08278](https://github.com/silinternational/ui-components/commit/dd0827884c38da7137c4831882f533e1269c1df1))
 
 # [6.4.0](https://github.com/silinternational/ui-components/compare/v6.3.0...v6.4.0) (2022-08-18)
 
-
 ### Added
 
-* **components:** add type support ([c2abfbc](https://github.com/silinternational/ui-components/commit/c2abfbc22f37e9ac9c724fdf81d237a204d6c9fa))
+- **components:** add type support ([c2abfbc](https://github.com/silinternational/ui-components/commit/c2abfbc22f37e9ac9c724fdf81d237a204d6c9fa))
 
 # [6.3.0](https://github.com/silinternational/ui-components/compare/v6.2.0...v6.3.0) (2022-07-26)
 
-
 ### Added
 
-* **components:** Add FileDropArea ([475fbd9](https://github.com/silinternational/ui-components/commit/475fbd9787e1ca49e447535f5097fc065d3c39b4))
+- **components:** Add FileDropArea ([475fbd9](https://github.com/silinternational/ui-components/commit/475fbd9787e1ca49e447535f5097fc065d3c39b4))
 
 # [6.2.0](https://github.com/silinternational/ui-components/compare/v6.1.1...v6.2.0) (2022-07-05)
 
-
 ### Changed
 
-* **Datatable:** expose DataRow rowId as slot prop ([46aa49c](https://github.com/silinternational/ui-components/commit/46aa49c114aecf241a2fb91745986c17e76528a8))
+- **Datatable:** expose DataRow rowId as slot prop ([46aa49c](https://github.com/silinternational/ui-components/commit/46aa49c114aecf241a2fb91745986c17e76528a8))
 
 ### Fixed
 
-* **Datatable:** fix exception when using checkbox ([f4d3433](https://github.com/silinternational/ui-components/commit/f4d34338c9b3c5fb757eaee12a44707f89a8203f))
-
+- **Datatable:** fix exception when using checkbox ([f4d3433](https://github.com/silinternational/ui-components/commit/f4d34338c9b3c5fb757eaee12a44707f89a8203f))
 
 ### Added
 
-* **components:** add DatatableCheckbox and DatatableCheckboxHeader ([5c2da10](https://github.com/silinternational/ui-components/commit/5c2da10e8fe7e53b5b1e31531887c98dfa6a9560))
-* **Datatable:** add numberOfCheckboxes to register new Checkboxes ([01aa5d0](https://github.com/silinternational/ui-components/commit/01aa5d0e146216aa88d99b1a1dcd32f0e30f1881))
+- **components:** add DatatableCheckbox and DatatableCheckboxHeader ([5c2da10](https://github.com/silinternational/ui-components/commit/5c2da10e8fe7e53b5b1e31531887c98dfa6a9560))
+- **Datatable:** add numberOfCheckboxes to register new Checkboxes ([01aa5d0](https://github.com/silinternational/ui-components/commit/01aa5d0e146216aa88d99b1a1dcd32f0e30f1881))
 
 ## [6.1.1](https://github.com/silinternational/ui-components/compare/v6.1.0...v6.1.1) (2022-06-23)
 
-
 ### Fixed
 
-* **index.mjs:** Switch was not exported ([b3bb6ac](https://github.com/silinternational/ui-components/commit/b3bb6ac203c84eaed6b52dbe24a76042a1883f72))
+- **index.mjs:** Switch was not exported ([b3bb6ac](https://github.com/silinternational/ui-components/commit/b3bb6ac203c84eaed6b52dbe24a76042a1883f72))
 
 # [6.1.0](https://github.com/silinternational/ui-components/compare/v6.0.1...v6.1.0) (2022-06-16)
 
-
 ### Added
 
-* **components:** add Switch story ([8889e11](https://github.com/silinternational/ui-components/commit/8889e1197edad4ddaeae767a2508533f5cb220b4))
+- **components:** add Switch story ([8889e11](https://github.com/silinternational/ui-components/commit/8889e1197edad4ddaeae767a2508533f5cb220b4))
 
 ## [6.0.1](https://github.com/silinternational/ui-components/compare/v6.0.0...v6.0.1) (2022-05-23)
 
-
 ### Fixed
 
-* **Drawer:** fix find and replace typo ([11943d3](https://github.com/silinternational/ui-components/commit/11943d33bfd41a2e94f37afe58a825a63d7e29d0))
+- **Drawer:** fix find and replace typo ([11943d3](https://github.com/silinternational/ui-components/commit/11943d33bfd41a2e94f37afe58a825a63d7e29d0))
 
 # [6.0.0](https://github.com/silinternational/ui-components/compare/v5.1.1...v6.0.0) (2022-04-28)
 
-
 ### Fixed
 
-* **Dialog:** fix Alert titleIcon position ([be8bac7](https://github.com/silinternational/ui-components/commit/be8bac77c3b69cf82859bb2b5247bce168b7784f))
-* **MoneyInput:** fix 1x10e-n not being caught by step ([84a6cef](https://github.com/silinternational/ui-components/commit/84a6cefac85b34865283b4880c6ece0267ad41c6))
-* **Select:** fix floating label color ([12d120d](https://github.com/silinternational/ui-components/commit/12d120da7f8095a55de976a1a391260777c19cba))
-
+- **Dialog:** fix Alert titleIcon position ([be8bac7](https://github.com/silinternational/ui-components/commit/be8bac77c3b69cf82859bb2b5247bce168b7784f))
+- **MoneyInput:** fix 1x10e-n not being caught by step ([84a6cef](https://github.com/silinternational/ui-components/commit/84a6cefac85b34865283b4880c6ece0267ad41c6))
+- **Select:** fix floating label color ([12d120d](https://github.com/silinternational/ui-components/commit/12d120da7f8095a55de976a1a391260777c19cba))
 
 ### Changed
 
-* **deps:** update material-components-web and sass ([6e44b76](https://github.com/silinternational/ui-components/commit/6e44b7644e28083646bcaaedc9dbfedaf0f978b4))
+- **deps:** update material-components-web and sass ([6e44b76](https://github.com/silinternational/ui-components/commit/6e44b7644e28083646bcaaedc9dbfedaf0f978b4))
 
-* **Diaolog.Alert:** expose titleIcon color to --mdc-theme-icon-color ([f8c9ad0](https://github.com/silinternational/ui-components/commit/f8c9ad0c6c82872896baf6898488ee56aab901cb))
+- **Diaolog.Alert:** expose titleIcon color to --mdc-theme-icon-color ([f8c9ad0](https://github.com/silinternational/ui-components/commit/f8c9ad0c6c82872896baf6898488ee56aab901cb))
 
 ### Added
 
-* **components:** add SearchableSelect ([2de1351](https://github.com/silinternational/ui-components/commit/2de13515ac43d56a63ee0ed3092b01a146a689c4))
-
+- **components:** add SearchableSelect ([2de1351](https://github.com/silinternational/ui-components/commit/2de13515ac43d56a63ee0ed3092b01a146a689c4))
 
 ### BREAKING CHANGES
 
-* **deps:** Consumer must install sass@1.50.x and material-components-web@13. See https://github.com/material-components/material-components-web/blob/master/CHANGELOG.md
+- **deps:** Consumer must install sass@1.50.x and material-components-web@13. See https://github.com/material-components/material-components-web/blob/master/CHANGELOG.md
 
 ## [5.1.1](https://github.com/silinternational/ui-components/compare/v5.1.0...v5.1.1) (2022-04-04)
 
-
 ### Fixed
 
-* **imports:** fix circular dependency warnings ([81ca49f](https://github.com/silinternational/ui-components/commit/81ca49f171988be3882c78404d6a2b77f6c3c2d4))
-* **MoneyInput:** fix valueNotDivisibleByStep for most values ([d38c333](https://github.com/silinternational/ui-components/commit/d38c3335a42d04e764404718029ace1647212a21))
+- **imports:** fix circular dependency warnings ([81ca49f](https://github.com/silinternational/ui-components/commit/81ca49f171988be3882c78404d6a2b77f6c3c2d4))
+- **MoneyInput:** fix valueNotDivisibleByStep for most values ([d38c333](https://github.com/silinternational/ui-components/commit/d38c3335a42d04e764404718029ace1647212a21))
 
 # [5.1.0](https://github.com/silinternational/ui-components/compare/v5.0.1...v5.1.0) (2022-03-12)
 
-
 ### Added
 
-* **Tooltip:** add class prop to Wrapper ([38a9669](https://github.com/silinternational/ui-components/commit/38a9669cabc56804e78fc0a8869e12a1f53fb587))
+- **Tooltip:** add class prop to Wrapper ([38a9669](https://github.com/silinternational/ui-components/commit/38a9669cabc56804e78fc0a8869e12a1f53fb587))
 
 ## [5.0.1](https://github.com/silinternational/ui-components/compare/v5.0.0...v5.0.1) (2022-03-04)
 
-
 ### Fixed
 
-* **MoneyInput:** fix step bug when 2.01 is entered ([10b8f9c](https://github.com/silinternational/ui-components/commit/10b8f9c79d03640ebf3ce4f161c8a105be042f7d))
+- **MoneyInput:** fix step bug when 2.01 is entered ([10b8f9c](https://github.com/silinternational/ui-components/commit/10b8f9c79d03640ebf3ce4f161c8a105be042f7d))
 
 # [5.0.0](https://github.com/silinternational/ui-components/compare/v4.1.0...v5.0.0) (2022-02-24)
 
-
 ### Fixed
 
-* **Drawer:** use element to listen for closed ([111d0e4](https://github.com/silinternational/ui-components/commit/111d0e463d2525cd466960513717c13f3913ac7d))
-* **icons:** icons not loading in sveltekit SSR ([bfa8e19](https://github.com/silinternational/ui-components/commit/bfa8e19c72ab9b522c30cb7daa410a889991f942))
-* **index:** use index.mjs as entry point ([f4aec84](https://github.com/silinternational/ui-components/commit/f4aec84275a4015c1a2d913ef5de618f5a35021c))
-
+- **Drawer:** use element to listen for closed ([111d0e4](https://github.com/silinternational/ui-components/commit/111d0e463d2525cd466960513717c13f3913ac7d))
+- **icons:** icons not loading in sveltekit SSR ([bfa8e19](https://github.com/silinternational/ui-components/commit/bfa8e19c72ab9b522c30cb7daa410a889991f942))
+- **index:** use index.mjs as entry point ([f4aec84](https://github.com/silinternational/ui-components/commit/f4aec84275a4015c1a2d913ef5de618f5a35021c))
 
 ### Removed
 
-* **icons:** remove autoloading material icons ([e3c0483](https://github.com/silinternational/ui-components/commit/e3c0483c0a69a6859146c03834f07233d9b09edd))
-
+- **icons:** remove autoloading material icons ([e3c0483](https://github.com/silinternational/ui-components/commit/e3c0483c0a69a6859146c03834f07233d9b09edd))
 
 ### BREAKING CHANGES
 
-* **icons:** consumer now imports icons. see README.
+- **icons:** consumer now imports icons. see README.
 
 # [4.1.0](https://github.com/silinternational/ui-components/compare/v4.0.0...v4.1.0) (2022-02-21)
 
-
 ### Added
 
-* **Dialog.Alert:** add titleIcon prop ([13a9c41](https://github.com/silinternational/ui-components/commit/13a9c41280de3cce064d8a94db1a10be8268c5f1))
-* **Dialog.Alert:** allow modal to close itself ([d4df8e8](https://github.com/silinternational/ui-components/commit/d4df8e826f813f9c9a148fc5bfe1966466cf3822))
-* **Menu:** add subtitle to menuItems prop as splitters ([b23fab6](https://github.com/silinternational/ui-components/commit/b23fab6e349ad9c1fd8a397ee6cf54463db6d0b0))
+- **Dialog.Alert:** add titleIcon prop ([13a9c41](https://github.com/silinternational/ui-components/commit/13a9c41280de3cce064d8a94db1a10be8268c5f1))
+- **Dialog.Alert:** allow modal to close itself ([d4df8e8](https://github.com/silinternational/ui-components/commit/d4df8e826f813f9c9a148fc5bfe1966466cf3822))
+- **Menu:** add subtitle to menuItems prop as splitters ([b23fab6](https://github.com/silinternational/ui-components/commit/b23fab6e349ad9c1fd8a397ee6cf54463db6d0b0))
 
 # [4.0.0](https://github.com/silinternational/ui-components/compare/v3.12.1...v4.0.0) (2022-02-17)
 
-
 ### Fixed
 
-* **Tour:** resolve a11y warnings ([f4e3132](https://github.com/silinternational/ui-components/commit/f4e31324311ec3ec1b97678c9769168d045ec7f5))
-
+- **Tour:** resolve a11y warnings ([f4e3132](https://github.com/silinternational/ui-components/commit/f4e31324311ec3ec1b97678c9769168d045ec7f5))
 
 ### Added
 
-* **Drawer:** add currentUrl prop and remove roxi ([c38dfac](https://github.com/silinternational/ui-components/commit/c38dfac0f96e1c9ad243244c00f9db9d4353b327))
-* **IconButton:** add url and disabled props ([fba3e6b](https://github.com/silinternational/ui-components/commit/fba3e6bc13ab69fc199b35cda09b06206747669a))
+- **Drawer:** add currentUrl prop and remove roxi ([c38dfac](https://github.com/silinternational/ui-components/commit/c38dfac0f96e1c9ad243244c00f9db9d4353b327))
+- **IconButton:** add url and disabled props ([fba3e6b](https://github.com/silinternational/ui-components/commit/fba3e6bc13ab69fc199b35cda09b06206747669a))
 
 ### Removed
 
-* **Drawer:** remove beforeUrlChange ([2247b8c](https://github.com/silinternational/ui-components/commit/2247b8c4bfb2164605a9159cbf3ed75e1aff1471))
+- **Drawer:** remove beforeUrlChange ([2247b8c](https://github.com/silinternational/ui-components/commit/2247b8c4bfb2164605a9159cbf3ed75e1aff1471))
 
 ### BREAKING CHANGES
 
-* **Drawer:** The consumer must update the currentUrl as a prop
+- **Drawer:** The consumer must update the currentUrl as a prop
 
 ## [3.12.1](https://github.com/silinternational/ui-components/compare/v3.12.0...v3.12.1) (2022-02-17)
 
-
 ### Fixed
 
-* **deps:** add sass to peerDependencies ([08b09de](https://github.com/silinternational/ui-components/commit/08b09de76f7c281cf684f5f7a9da3544aaefffee))
+- **deps:** add sass to peerDependencies ([08b09de](https://github.com/silinternational/ui-components/commit/08b09de76f7c281cf684f5f7a9da3544aaefffee))
 
 # [3.12.0](https://github.com/silinternational/ui-components/compare/v3.11.0...v3.12.0) (2022-02-14)
 
-
 ### Added
 
-* **TextInput:** add description property ([a215a58](https://github.com/silinternational/ui-components/commit/a215a58e37d3bf57f2fdfc642c02adf5371dcb12))
-* **TextInput:** add description story ([a75efd6](https://github.com/silinternational/ui-components/commit/a75efd6e296aebdd4ba4514481ad07f5a688d8e1))
-* **utils:** add quarter/half margin & padding ([feeb42f](https://github.com/silinternational/ui-components/commit/feeb42f96d1d078cd914c61be41d196216fdc124))
+- **TextInput:** add description property ([a215a58](https://github.com/silinternational/ui-components/commit/a215a58e37d3bf57f2fdfc642c02adf5371dcb12))
+- **TextInput:** add description story ([a75efd6](https://github.com/silinternational/ui-components/commit/a75efd6e296aebdd4ba4514481ad07f5a688d8e1))
+- **utils:** add quarter/half margin & padding ([feeb42f](https://github.com/silinternational/ui-components/commit/feeb42f96d1d078cd914c61be41d196216fdc124))
 
 # [3.11.0](https://github.com/silinternational/ui-components/compare/v3.10.6...v3.11.0) (2022-02-10)
 
-
 ### Changed
 
-* **Button:** expose radius and outline color ([90b7fd1](https://github.com/silinternational/ui-components/commit/90b7fd1c0db231f605599a8fe493a8dbd0bd27b1))
-* **TextField:** expose radius var to consumer ([3757b15](https://github.com/silinternational/ui-components/commit/3757b15380d13655ed593e365e53e1473c677660))
+- **Button:** expose radius and outline color ([90b7fd1](https://github.com/silinternational/ui-components/commit/90b7fd1c0db231f605599a8fe493a8dbd0bd27b1))
+- **TextField:** expose radius var to consumer ([3757b15](https://github.com/silinternational/ui-components/commit/3757b15380d13655ed593e365e53e1473c677660))
 
 ## [3.10.6](https://github.com/silinternational/ui-components/compare/v3.10.5...v3.10.6) (2022-01-13)
 
-
 ### Fixed
 
-* **Drawer:** fix a11y warning ([3394ec3](https://github.com/silinternational/ui-components/commit/3394ec34e0fa535b761932d3be3b90dd574e4f73))
+- **Drawer:** fix a11y warning ([3394ec3](https://github.com/silinternational/ui-components/commit/3394ec34e0fa535b761932d3be3b90dd574e4f73))
 
 ## [3.10.5](https://github.com/silinternational/ui-components/compare/v3.10.4...v3.10.5) (2022-01-06)
 
-
 ### Fixed
 
-* **DataTable:** sort button should be on left side of numeric HeaderItem ([4376c56](https://github.com/silinternational/ui-components/commit/4376c567b53178ff868b242ac183b8bc2cd42c7f))
+- **DataTable:** sort button should be on left side of numeric HeaderItem ([4376c56](https://github.com/silinternational/ui-components/commit/4376c567b53178ff868b242ac183b8bc2cd42c7f))
 
 ## [3.10.4](https://github.com/silinternational/ui-components/compare/v3.10.3...v3.10.4) (2022-01-03)
 
-
 ### Fixed
 
-* **TextInputs:** fix circular dependencies ([cb73f9c](https://github.com/silinternational/ui-components/commit/cb73f9cebb1cb97ea054c599627c91f724ffaf41))
+- **TextInputs:** fix circular dependencies ([cb73f9c](https://github.com/silinternational/ui-components/commit/cb73f9cebb1cb97ea054c599627c91f724ffaf41))
 
 ## [3.10.3](https://github.com/silinternational/ui-components/compare/v3.10.2...v3.10.3) (2021-12-22)
 
-
 ### Fixed
 
-* **MoneyInput:** fix value two way binding ([7bbf8a5](https://github.com/silinternational/ui-components/commit/7bbf8a529b3abb04f5e548c6ff322823610445b1))
-* **TextInput:** fix offsetWidth error on undefined ([5d2ca72](https://github.com/silinternational/ui-components/commit/5d2ca72c73470a55351a397ef480451f0ef257d7))
+- **MoneyInput:** fix value two way binding ([7bbf8a5](https://github.com/silinternational/ui-components/commit/7bbf8a529b3abb04f5e548c6ff322823610445b1))
+- **TextInput:** fix offsetWidth error on undefined ([5d2ca72](https://github.com/silinternational/ui-components/commit/5d2ca72c73470a55351a397ef480451f0ef257d7))
 
 ## [3.10.2](https://github.com/silinternational/ui-components/compare/v3.10.1...v3.10.2) (2021-12-22)
 
-
 ### Fixed
 
-* **MoneyInput:** forgot to add MoneyInput to index ([fceb8e0](https://github.com/silinternational/ui-components/commit/fceb8e093461123f000c32905b26756635263b23))
-* **Textinput:** fix error on reading 'remove' ([1a209f9](https://github.com/silinternational/ui-components/commit/1a209f976abadaf9e5e8f6e543648278c75c1937))
+- **MoneyInput:** forgot to add MoneyInput to index ([fceb8e0](https://github.com/silinternational/ui-components/commit/fceb8e093461123f000c32905b26756635263b23))
+- **Textinput:** fix error on reading 'remove' ([1a209f9](https://github.com/silinternational/ui-components/commit/1a209f976abadaf9e5e8f6e543648278c75c1937))
 
 ## [3.10.1](https://github.com/silinternational/ui-components/compare/v3.10.0...v3.10.1) (2021-12-21)
 
-
 ### Fixed
 
-* **MoneyInput:** fix MoneyInput staying red ([2adc91c](https://github.com/silinternational/ui-components/commit/2adc91c73076af2a99c324a0b3b20b5c645ac343))
+- **MoneyInput:** fix MoneyInput staying red ([2adc91c](https://github.com/silinternational/ui-components/commit/2adc91c73076af2a99c324a0b3b20b5c645ac343))
 
 # [3.10.0](https://github.com/silinternational/ui-components/compare/v3.9.0...v3.10.0) (2021-12-21)
 
-
 ### Fixed
 
-* **MoneyInput:** fix label color for required ([dc9c3ba](https://github.com/silinternational/ui-components/commit/dc9c3ba6dcb273906974252eaf041f9bdcdf4976))
-* **MoneyInput:** remove error state on:focus for required ([3e6c2f5](https://github.com/silinternational/ui-components/commit/3e6c2f5f70ce3b26fb46d0dbd32bb16e566ce6f8))
-* **TextInput:** label not turning red for required ([b9d924a](https://github.com/silinternational/ui-components/commit/b9d924aaf13d7879c7a8bc96c40a0f54362e277e))
-* **TextInput:** Show *Required initially and change backup color ([b84548a](https://github.com/silinternational/ui-components/commit/b84548aed92d97fc0d3ace431866f2101acee5fd))
-* **TextInput:** show appropriate icons/colors ([925a6ac](https://github.com/silinternational/ui-components/commit/925a6accd712b09c7abb29fda3e042b6e5785bf7))
-
+- **MoneyInput:** fix label color for required ([dc9c3ba](https://github.com/silinternational/ui-components/commit/dc9c3ba6dcb273906974252eaf041f9bdcdf4976))
+- **MoneyInput:** remove error state on:focus for required ([3e6c2f5](https://github.com/silinternational/ui-components/commit/3e6c2f5f70ce3b26fb46d0dbd32bb16e566ce6f8))
+- **TextInput:** label not turning red for required ([b9d924a](https://github.com/silinternational/ui-components/commit/b9d924aaf13d7879c7a8bc96c40a0f54362e277e))
+- **TextInput:** Show \*Required initially and change backup color ([b84548a](https://github.com/silinternational/ui-components/commit/b84548aed92d97fc0d3ace431866f2101acee5fd))
+- **TextInput:** show appropriate icons/colors ([925a6ac](https://github.com/silinternational/ui-components/commit/925a6accd712b09c7abb29fda3e042b6e5785bf7))
 
 ### Added
 
-* **TextArea:** add required prop and story ([6045274](https://github.com/silinternational/ui-components/commit/60452747c39381f07efae67e9caf36e29ebdbd13))
+- **TextArea:** add required prop and story ([6045274](https://github.com/silinternational/ui-components/commit/60452747c39381f07efae67e9caf36e29ebdbd13))
 
 # [3.9.0](https://github.com/silinternational/ui-components/compare/v3.8.0...v3.9.0) (2021-12-20)
 
-
 ### Fixed
 
-* **TextArea:** typo and counter rendering "524288" ([94992b6](https://github.com/silinternational/ui-components/commit/94992b6485bd3931317ea3be9ee23d929ab28ca8))
-* **TextField:** *Required was hidden until focused ([d320bca](https://github.com/silinternational/ui-components/commit/d320bca567cf5af0c390eb8d0b15cc4eb22ecf93))
-* **TextField:** allow value to be > maxlengh ([c09def6](https://github.com/silinternational/ui-components/commit/c09def60f1a58948691668bcaf3ae54311cbc936))
-
+- **TextArea:** typo and counter rendering "524288" ([94992b6](https://github.com/silinternational/ui-components/commit/94992b6485bd3931317ea3be9ee23d929ab28ca8))
+- **TextField:** \*Required was hidden until focused ([d320bca](https://github.com/silinternational/ui-components/commit/d320bca567cf5af0c390eb8d0b15cc4eb22ecf93))
+- **TextField:** allow value to be > maxlengh ([c09def6](https://github.com/silinternational/ui-components/commit/c09def60f1a58948691668bcaf3ae54311cbc936))
 
 ### Added
 
-* **components:** add MoneyInput and story ([021d291](https://github.com/silinternational/ui-components/commit/021d2912e355de327153983f3c961624d5bbd7e6))
-* **MoneyInput:** add counter & icon on maxlength ([d22bda8](https://github.com/silinternational/ui-components/commit/d22bda8eb9889ec56c1b608ee08ffbaedf8c0f02))
-* **MoneyInput:** add maxlength warning, fix width ([6ce6458](https://github.com/silinternational/ui-components/commit/6ce6458111a987d4fa7f53d3f33a0bfb4500972b))
-* **MoneyInput:** add step, maxValue, minValue and helper text ([db5de95](https://github.com/silinternational/ui-components/commit/db5de959513fd1542fbb759a3f5c093efa9402af))
-* **TextArea:** allow value > maxlength & add warning ([6151b60](https://github.com/silinternational/ui-components/commit/6151b60883aa9e7354eb8bd42d567aa2eea1b00f))
-* **TextField:** add character counter ([eba6321](https://github.com/silinternational/ui-components/commit/eba6321dbd260d9e06deb88536706e29dbd406d1))
-* **TextField:** Add icon prop ([568f659](https://github.com/silinternational/ui-components/commit/568f6596feda14d1617a890e4ecd5ce6618837ce))
-* **TextField:** add maxlength warning, fix width ([67b145a](https://github.com/silinternational/ui-components/commit/67b145affb014b5c1ac978201be4bccd060490bd))
-* **TextField:** make outline red on maxlength ([44b52dc](https://github.com/silinternational/ui-components/commit/44b52dcca5df813c11a1429541a4dd1a4ca35bd8))
-* **textinput:** use error color on counter and label for maxlength ([364ddba](https://github.com/silinternational/ui-components/commit/364ddbacfab8cab8c1fc388f14ba71fa50f6070c))
-* **utils:** add min, max, height and width utils ([5d737f3](https://github.com/silinternational/ui-components/commit/5d737f3d6200dce6e81f65be42cdbba9f5f584e3))
-* **utils:** change margin and padding up to 50px ([fa3aa85](https://github.com/silinternational/ui-components/commit/fa3aa85d1099b43be47669d19135dfc363345736))
+- **components:** add MoneyInput and story ([021d291](https://github.com/silinternational/ui-components/commit/021d2912e355de327153983f3c961624d5bbd7e6))
+- **MoneyInput:** add counter & icon on maxlength ([d22bda8](https://github.com/silinternational/ui-components/commit/d22bda8eb9889ec56c1b608ee08ffbaedf8c0f02))
+- **MoneyInput:** add maxlength warning, fix width ([6ce6458](https://github.com/silinternational/ui-components/commit/6ce6458111a987d4fa7f53d3f33a0bfb4500972b))
+- **MoneyInput:** add step, maxValue, minValue and helper text ([db5de95](https://github.com/silinternational/ui-components/commit/db5de959513fd1542fbb759a3f5c093efa9402af))
+- **TextArea:** allow value > maxlength & add warning ([6151b60](https://github.com/silinternational/ui-components/commit/6151b60883aa9e7354eb8bd42d567aa2eea1b00f))
+- **TextField:** add character counter ([eba6321](https://github.com/silinternational/ui-components/commit/eba6321dbd260d9e06deb88536706e29dbd406d1))
+- **TextField:** Add icon prop ([568f659](https://github.com/silinternational/ui-components/commit/568f6596feda14d1617a890e4ecd5ce6618837ce))
+- **TextField:** add maxlength warning, fix width ([67b145a](https://github.com/silinternational/ui-components/commit/67b145affb014b5c1ac978201be4bccd060490bd))
+- **TextField:** make outline red on maxlength ([44b52dc](https://github.com/silinternational/ui-components/commit/44b52dcca5df813c11a1429541a4dd1a4ca35bd8))
+- **textinput:** use error color on counter and label for maxlength ([364ddba](https://github.com/silinternational/ui-components/commit/364ddbacfab8cab8c1fc388f14ba71fa50f6070c))
+- **utils:** add min, max, height and width utils ([5d737f3](https://github.com/silinternational/ui-components/commit/5d737f3d6200dce6e81f65be42cdbba9f5f584e3))
+- **utils:** change margin and padding up to 50px ([fa3aa85](https://github.com/silinternational/ui-components/commit/fa3aa85d1099b43be47669d19135dfc363345736))
 
 ### Changed
 
-* **TextArea:** make outline red on maxlength ([70d3920](https://github.com/silinternational/ui-components/commit/70d3920def943c3fea47a9b1cde7d113118793c2))
+- **TextArea:** make outline red on maxlength ([70d3920](https://github.com/silinternational/ui-components/commit/70d3920def943c3fea47a9b1cde7d113118793c2))
 
 # [3.8.0](https://github.com/silinternational/ui-components/compare/v3.7.0...v3.8.0) (2021-12-13)
 
-
-
 ### Added
 
-* **Page:** add $$props.class ([d292cf1](https://github.com/silinternational/ui-components/commit/d292cf13b1f091b39eb607fdb23cdd5fd69c8419))
-* **TextField:** add required field option ([2b594ae](https://github.com/silinternational/ui-components/commit/2b594ae8c0fde5ba509270d17be962484a4a89ca))
+- **Page:** add $$props.class ([d292cf1](https://github.com/silinternational/ui-components/commit/d292cf13b1f091b39eb607fdb23cdd5fd69c8419))
+- **TextField:** add required field option ([2b594ae](https://github.com/silinternational/ui-components/commit/2b594ae8c0fde5ba509270d17be962484a4a89ca))
 
 ### Changed
 
-* **Page:** unset height ([d292cf1](https://github.com/silinternational/ui-components/commit/d292cf13b1f091b39eb607fdb23cdd5fd69c8419))
+- **Page:** unset height ([d292cf1](https://github.com/silinternational/ui-components/commit/d292cf13b1f091b39eb607fdb23cdd5fd69c8419))
 
-* **Drawer:** use var to set main content height ([79c4a51](https://github.com/silinternational/ui-components/commit/79c4a51e77ffc2596f146b234fb959d910bdd882))
+- **Drawer:** use var to set main content height ([79c4a51](https://github.com/silinternational/ui-components/commit/79c4a51e77ffc2596f146b234fb959d910bdd882))
 
 # [3.7.0](https://github.com/silinternational/ui-components/compare/v3.6.0...v3.7.0) (2021-11-22)
 
-
 ### Added
 
-* **Drawer:** add url pattern matching ([4ad5821](https://github.com/silinternational/ui-components/commit/4ad5821d72a6eee282c0f3d2cf8529b1a54e9531))
+- **Drawer:** add url pattern matching ([4ad5821](https://github.com/silinternational/ui-components/commit/4ad5821d72a6eee282c0f3d2cf8529b1a54e9531))
 
 # [3.6.0](https://github.com/silinternational/ui-components/compare/v3.5.0...v3.6.0) (2021-11-05)
 
-
 ### Added
 
-* **TextField:** add keydown, keypress, and keyup events ([da1b1bd](https://github.com/silinternational/ui-components/commit/da1b1bd46782514b23a795bad12d11b049057be8))
+- **TextField:** add keydown, keypress, and keyup events ([da1b1bd](https://github.com/silinternational/ui-components/commit/da1b1bd46782514b23a795bad12d11b049057be8))
 
 # [3.5.0](https://github.com/silinternational/ui-components/compare/v3.4.0...v3.5.0) (2021-10-19)
 
-
 ### Added
 
-* **Drawer:** Add optional content slot above menu in Drawer ([6aa7ddb](https://github.com/silinternational/ui-components/commit/6aa7ddb98b11a97e19fd9fb0139ab1f9d9ee22bd))
+- **Drawer:** Add optional content slot above menu in Drawer ([6aa7ddb](https://github.com/silinternational/ui-components/commit/6aa7ddb98b11a97e19fd9fb0139ab1f9d9ee22bd))
 
 # [3.4.0](https://github.com/silinternational/ui-components/compare/v3.3.0...v3.4.0) (2021-10-18)
 
-
 ### Fixed
 
-* **Datatable:** Fix text-alignment in numeric Datatable cells ([8f733da](https://github.com/silinternational/ui-components/commit/8f733da8c46a059bfd7a98c40d82f94f9ce30366))
-
+- **Datatable:** Fix text-alignment in numeric Datatable cells ([8f733da](https://github.com/silinternational/ui-components/commit/8f733da8c46a059bfd7a98c40d82f94f9ce30366))
 
 ### Added
 
-* **Drawer:** Add support for tooltips on menu items ([27cd6f9](https://github.com/silinternational/ui-components/commit/27cd6f92e5de773054989cabbc3b2a272f59a801))
+- **Drawer:** Add support for tooltips on menu items ([27cd6f9](https://github.com/silinternational/ui-components/commit/27cd6f92e5de773054989cabbc3b2a272f59a801))
 
 # [3.3.0](https://github.com/silinternational/ui-components/compare/v3.2.0...v3.3.0) (2021-10-13)
 
-
-
-
 ### Added
 
-* **Menu:** add support for actions in MenuItems ([ce271f2](https://github.com/silinternational/ui-components/commit/ce271f22d444bfc6bb9e5e73605eb0079eca76c9))
+- **Menu:** add support for actions in MenuItems ([ce271f2](https://github.com/silinternational/ui-components/commit/ce271f22d444bfc6bb9e5e73605eb0079eca76c9))
 
 ### Removed
 
-* **TextInput:** remove Noto Sans ([3591a21](https://github.com/silinternational/ui-components/commit/3591a214ae96b722b0c1945676fe2a5df1e7ef74))
+- **TextInput:** remove Noto Sans ([3591a21](https://github.com/silinternational/ui-components/commit/3591a214ae96b722b0c1945676fe2a5df1e7ef74))
 
 ## [Unreleased]
 
diff --git a/README.md b/README.md
index 64415757..9d5c1e2a 100644
--- a/README.md
+++ b/README.md
@@ -131,7 +131,7 @@ A list of all components and their props can be found in our running instance of
 
 After installation and bundler configuration all of the components are ready to be imported.
 
-Just include `import { Button } from '@silintl/ui-components'` (~~Sveltekit/~~Vite only projects will need the full url: 	`import { Button } from '../../node_modules/@silintl/ui-components/index.mjs`
+Just include `import { Button } from '@silintl/ui-components'` (~~Sveltekit/~~Vite only projects will need the full url: `import { Button } from '../../node_modules/@silintl/ui-components/index.mjs`
 ) in your script section to import Button and any other components you want to use.
 
 ## overriding default sass variables
@@ -230,19 +230,19 @@ All commit messages must follow the format defined in our [release.config.js fil
 
 - `remove(Card): Removed secondary text padding` (major release)
 
-	`<BLANK LINE>`
+  `<BLANK LINE>`
 
-	`BREAKING CHANGE: The secondary text padding is now 0 by default. Use the secondary-text class to adjust padding as desired.`
+  `BREAKING CHANGE: The secondary text padding is now 0 by default. Use the secondary-text class to adjust padding as desired.`
 
 - `change(dependencies): updated to sass 1.58` (major release)
 
-	`<BLANK LINE>`
+  `<BLANK LINE>`
 
-	`BREAKING: update sass to match this version if installed`
+  `BREAKING: update sass to match this version if installed`
 
 - `security(dependencies): updated deps with npm update` (patch release)
 
--  `deprecate(CustomCard): Deprecated CustomCard as it will be removed` (minor release)
+- `deprecate(CustomCard): Deprecated CustomCard as it will be removed` (minor release)
 
 These will trigger a patch or minor release depending on the config. A major release can be triggered by including 'BREAKING CHANGE', 'BREAKING CHANGES', 'BREAKING' in the footer section followed by ': <description/instructions>' where <description/instructions> details what the breaking change is and/or how to migrate. If this is not done, an empty commit with the proper format can be pushed to trigger the release or by using `git rebase -i` to rewrite the commit messages. commits that contains '[skip release]' or '[release skip]' in their message will be excluded from the commit analysis and won't participate in the release type determination. See https://github.com/semantic-release/semantic-release, https://semantic-release.gitbook.io/semantic-release/support/faq and https://www.conventionalcommits.org/en/v1.0.0/#specification for more details.
 
diff --git a/components/custom/Badge/index.js b/components/custom/Badge/index.js
index 45991dde..8dff78f3 100644
--- a/components/custom/Badge/index.js
+++ b/components/custom/Badge/index.js
@@ -1,3 +1,3 @@
 import Badge from './Badge.svelte'
 
-export default Badge
\ No newline at end of file
+export default Badge
diff --git a/components/custom/FileDropArea/_index.scss b/components/custom/FileDropArea/_index.scss
index 7632f0ac..32ffcaa8 100644
--- a/components/custom/FileDropArea/_index.scss
+++ b/components/custom/FileDropArea/_index.scss
@@ -1,8 +1,8 @@
 @use '@material/button/styles';
-@use "@material/button";
+@use '@material/button';
 
 label.custom-text-button {
   --mdc-theme-primary: var(--mdc-theme-upload-button-color, hsla(214, 11%, 37%, 1));
 
-  @include button.ink-color(var(--mdc-theme-upload-button-ink-color, hsla(0,0%, 100%, 1)));
-}
\ No newline at end of file
+  @include button.ink-color(var(--mdc-theme-upload-button-ink-color, hsla(0, 0%, 100%, 1)));
+}
diff --git a/components/custom/Form/index.js b/components/custom/Form/index.js
index d99f2df2..748b2eb5 100644
--- a/components/custom/Form/index.js
+++ b/components/custom/Form/index.js
@@ -1,3 +1,3 @@
 import Form from './Form.svelte'
 
-export default Form
\ No newline at end of file
+export default Form
diff --git a/components/custom/SearchableSelect/SearchableSelect.svelte b/components/custom/SearchableSelect/SearchableSelect.svelte
index 0aa503bb..db0a2602 100644
--- a/components/custom/SearchableSelect/SearchableSelect.svelte
+++ b/components/custom/SearchableSelect/SearchableSelect.svelte
@@ -12,14 +12,12 @@ export let disabled = false
 export let required = false
 
 let element = {}
-
 let randomId = generateRandomID('dataList-')
 
-$: internalChoice = choice
-
 const dispatch = createEventDispatcher()
 
-const onChange = () => {
+const onChange = (e) => {
+  const internalChoice = e.target.value
   options[internalChoice] && dispatch('chosen', options[internalChoice])
   choice = internalChoice
   element.blur()
@@ -78,10 +76,10 @@ const onChange = () => {
     list={randomId}
     placeholder="&nbsp;"
     bind:this={element}
-    bind:value={internalChoice}
+    value={choice}
     on:change={onChange}
-    on:blur={() => dispatch('check', internalChoice)}
-    on:focus={() => (internalChoice = '')}
+    on:blur={(e) => dispatch('check', e.target.value)}
+    on:focus
   />
   <span class="placeholder">{placeholder}</span>
 </label>
diff --git a/components/custom/SearchableSelect/index.js b/components/custom/SearchableSelect/index.js
index 135121e2..96db18d9 100644
--- a/components/custom/SearchableSelect/index.js
+++ b/components/custom/SearchableSelect/index.js
@@ -1,3 +1,3 @@
 import SearchableSelect from './SearchableSelect.svelte'
 
-export default SearchableSelect
\ No newline at end of file
+export default SearchableSelect
diff --git a/components/custom/StaticChip/index.js b/components/custom/StaticChip/index.js
index e758bf91..9a4153df 100644
--- a/components/custom/StaticChip/index.js
+++ b/components/custom/StaticChip/index.js
@@ -1,3 +1,3 @@
 import StaticChip from './StaticChip.svelte'
 
-export default StaticChip
\ No newline at end of file
+export default StaticChip
diff --git a/components/global.scss b/components/global.scss
index f8368023..d04bfd32 100644
--- a/components/global.scss
+++ b/components/global.scss
@@ -144,7 +144,7 @@ $dimensions: (
   margin-left: 0.25rem !important;
 }
 .mb-quarter {
-  margin-bottom: .25rem !important;
+  margin-bottom: 0.25rem !important;
 }
 .mt-quarter {
   margin-top: 0.25rem !important;
diff --git a/components/mdc/CustomCard/index.js b/components/mdc/CustomCard/index.js
index 15d6369c..bccf6149 100644
--- a/components/mdc/CustomCard/index.js
+++ b/components/mdc/CustomCard/index.js
@@ -1,3 +1,3 @@
 import CustomCard from './CustomCard.svelte'
 
-export default CustomCard
\ No newline at end of file
+export default CustomCard
diff --git a/components/mdc/Datatable/_index.scss b/components/mdc/Datatable/_index.scss
index d98df5ad..f6a67fca 100644
--- a/components/mdc/Datatable/_index.scss
+++ b/components/mdc/Datatable/_index.scss
@@ -1,5 +1,5 @@
-@use "@material/checkbox"; // Required only for data table with row selection.
-@use "@material/data-table/data-table";
+@use '@material/checkbox'; // Required only for data table with row selection.
+@use '@material/data-table/data-table';
 
 @include checkbox.core-styles;
 @include data-table.core-styles;
diff --git a/components/mdc/IconButton/_index.scss b/components/mdc/IconButton/_index.scss
index 0541ea33..189c3ed7 100644
--- a/components/mdc/IconButton/_index.scss
+++ b/components/mdc/IconButton/_index.scss
@@ -1 +1 @@
-@use '@material/icon-button/styles';
\ No newline at end of file
+@use '@material/icon-button/styles';
diff --git a/components/mdc/Select/_index.scss b/components/mdc/Select/_index.scss
index 43f8df05..881464a1 100644
--- a/components/mdc/Select/_index.scss
+++ b/components/mdc/Select/_index.scss
@@ -4,6 +4,6 @@
 @use '@material/select/styles';
 
 /* MDC select floating label */
-.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{
+.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
   color: var(--mdc-theme-primary);
-}
\ No newline at end of file
+}
diff --git a/components/mdc/TextInput/MoneyInput.svelte b/components/mdc/TextInput/MoneyInput.svelte
index f4c8b041..c48ee4da 100644
--- a/components/mdc/TextInput/MoneyInput.svelte
+++ b/components/mdc/TextInput/MoneyInput.svelte
@@ -112,17 +112,24 @@ const focus = (node) => autofocus && node.focus()
   </span>
 </label>
 <div class="mdc-text-field-helper-line" style="width: {width};">
-  <div class="mdc-text-field-helper-text" class:opacity1={required} id="{labelID}-helper-id" aria-hidden="true">
-    {#if required && !internalValue}
-      <span class="required" class:error={hasFocused}>*Required</span>
+  <div
+    class="mdc-text-field-helper-text
+      mdc-text-field-helper-text--{error ? 'validation-msg' : 'persistent'}"
+    id="{labelID}-helper-id"
+    aria-hidden="true"
+  >
+    {#if !error && description}
+      {description}
+    {:else if required && !internalValue}
+      ✴Required
     {:else if hasExceededMaxValue}
-      <span class="error">Maximum value allowed is {maxValue}</span>
+      Maximum value allowed is {maxValue}
     {:else if isLowerThanMinValue}
-      <span class="error">Minimun value allowed is ({minValue})</span>
+      Minimun value allowed is ({minValue})
     {:else if valueNotDivisibleByStep}
-      <span class="error">{internalValue} is not divisible by {step}</span>
+      {internalValue} is not divisible by {step}
     {:else if hasExceededMaxLength}
-      <span class="error">Maximum {maxlength} characters</span>
+      Maximum {maxlength} characters
     {/if}
   </div>
   {#if showCounter}
@@ -131,6 +138,3 @@ const focus = (node) => autofocus && node.focus()
     </div>
   {/if}
 </div>
-{#if description}
-  <span class="d-block mdc-theme--neutral">{description}</span>
-{/if}
diff --git a/components/mdc/Tour/index.js b/components/mdc/Tour/index.js
index bafeaf96..dc5aa98c 100644
--- a/components/mdc/Tour/index.js
+++ b/components/mdc/Tour/index.js
@@ -1,3 +1,3 @@
 import Tour from './Tour.svelte'
 
-export default Tour
\ No newline at end of file
+export default Tour
diff --git a/index.d.ts b/index.d.ts
index d556ffeb..cc0a7fe5 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -289,6 +289,7 @@ declare module '@silintl/ui-components' {
     label?: string
     value?: string
     name?: string
+    icon?: string
     placeholder?: string
     maxlength?: number
     autofocus?: boolean
diff --git a/package-lock.json b/package-lock.json
index 98ec375f..f5b96966 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,8 +24,8 @@
         "conventional-changelog": "^3.1.25",
         "css-loader": "^6.7.3",
         "material-components-web": "^14.0.0",
-        "prettier": "^2.8.5",
-        "prettier-plugin-svelte": "^2.9.0",
+        "prettier": "^3.0.3",
+        "prettier-plugin-svelte": "^3.0.3",
         "sass": "1.55.x",
         "sass-loader": "^12.6.0",
         "semantic-release": "^19.0.5",
@@ -22759,28 +22759,28 @@
       }
     },
     "node_modules/prettier": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.5.tgz",
-      "integrity": "sha512-3gzuxrHbKUePRBB4ZeU08VNkUcqEHaUaouNt0m7LGP4Hti/NuB07C7PPTM/LkWqXoJYJn2McEo5+kxPNrtQkLQ==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
+      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
       "dev": true,
       "bin": {
-        "prettier": "bin-prettier.js"
+        "prettier": "bin/prettier.cjs"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=14"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
     "node_modules/prettier-plugin-svelte": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.9.0.tgz",
-      "integrity": "sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.0.3.tgz",
+      "integrity": "sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==",
       "dev": true,
       "peerDependencies": {
-        "prettier": "^1.16.4 || ^2.0.0",
-        "svelte": "^3.2.0"
+        "prettier": "^3.0.0",
+        "svelte": "^3.2.0 || ^4.0.0-next.0"
       }
     },
     "node_modules/pretty-error": {
@@ -45910,15 +45910,15 @@
       "dev": true
     },
     "prettier": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.5.tgz",
-      "integrity": "sha512-3gzuxrHbKUePRBB4ZeU08VNkUcqEHaUaouNt0m7LGP4Hti/NuB07C7PPTM/LkWqXoJYJn2McEo5+kxPNrtQkLQ==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
+      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
       "dev": true
     },
     "prettier-plugin-svelte": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.9.0.tgz",
-      "integrity": "sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.0.3.tgz",
+      "integrity": "sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==",
       "dev": true,
       "requires": {}
     },
diff --git a/package.json b/package.json
index 4207d220..ba76539e 100644
--- a/package.json
+++ b/package.json
@@ -50,8 +50,8 @@
     "conventional-changelog": "^3.1.25",
     "css-loader": "^6.7.3",
     "material-components-web": "^14.0.0",
-    "prettier": "^2.8.5",
-    "prettier-plugin-svelte": "^2.9.0",
+    "prettier": "^3.0.3",
+    "prettier-plugin-svelte": "^3.0.3",
     "sass": "1.55.x",
     "sass-loader": "^12.6.0",
     "semantic-release": "^19.0.5",
diff --git a/stories/MoneyInput.stories.svelte b/stories/MoneyInput.stories.svelte
index 0dee28ad..e47ae5f6 100644
--- a/stories/MoneyInput.stories.svelte
+++ b/stories/MoneyInput.stories.svelte
@@ -36,10 +36,9 @@ function setValues(max, step) {
 </script>
 
 <style>
-  .d-none {
+.d-none {
   display: none;
 }
-
 </style>
 
 <Meta title="Atoms/MoneyInput" component={MoneyInput} />
@@ -85,4 +84,3 @@ function setValues(max, step) {
 <Story name="Test step" args={{ ...args, label: '' }} />
 
 <Story name="Name" args={copyAndModifyArgs(args, { name: 'money' })} />
-
diff --git a/stories/SearchableSelect.stories.svelte b/stories/SearchableSelect.stories.svelte
index e1000dc2..38a1c4c9 100644
--- a/stories/SearchableSelect.stories.svelte
+++ b/stories/SearchableSelect.stories.svelte
@@ -1,8 +1,11 @@
 <script>
-import { Meta, Template, Story } from '@storybook/addon-svelte-csf'
-import { SearchableSelect } from '../components/custom'
-import { Button } from '../components/mdc'
+import { SearchableSelect, Form } from '../components/custom'
+import { Button, Progress, Snackbar, setNotice } from '../components/mdc'
 import { copyAndModifyArgs } from './helpers.js'
+import { Meta, Template, Story } from '@storybook/addon-svelte-csf'
+
+let choice
+let loading = true
 
 const args = {
   options: {
@@ -14,24 +17,34 @@ const args = {
   placeholder: 'choice 1',
   padding: '12px',
   required: false,
-  choice: 'choice 1',
   width: '232px',
   maxlength: 255,
-  'on:chosen': (e) => alert(e.detail + ' chosen (accessed by event.detail)'),
+  'on:chosen': (e) => setNotice(e.detail + ' chosen (accessed by event.detail)'),
   'on:check': (e) => {
-    !args.options[e.detail] && alert(e.detail + ' not available')
+    !args.options[e.detail] && setNotice(e.detail + ' not available')
   },
   class: '', //only works for global classes
 }
+
+setTimeout(() => {
+  choice = 'choice 2'
+  loading = false
+}, 1500)
 </script>
 
 <Meta title="Atoms/SearchableSelect" component={SearchableSelect} />
 
 <Template let:args>
-  <form on:submit={() => console.log('submitted')}>
-    <SearchableSelect {...args} on:chosen={args['on:chosen']} on:check={args['on:check']} />
+  <Form on:submit={() => setNotice('submitted')}>
+    <SearchableSelect {choice} {...args} on:chosen={args['on:chosen']} on:check={args['on:check']} />
     <Button>Submit</Button>
-  </form>
+  </Form>
+
+  {#if loading}
+    <Progress.Circular />
+  {/if}
+
+  <Snackbar />
 </Template>
 
 <Story name="Default" {args} />
diff --git a/stories/_index.scss b/stories/_index.scss
index 87c01a4e..ed3b04b8 100644
--- a/stories/_index.scss
+++ b/stories/_index.scss
@@ -19,4 +19,4 @@
 }
 .material-icons.md-48 {
   font-size: 48px;
-}
\ No newline at end of file
+}