@spaced-out/ui-design-system 0.0.6 → 0.0.8

package/.storybook/manager-head.html

@@ -63,4 +63,8 @@
   #root > div:first-child {
     background: #17172a;
   }
+
+  .sidebar-item svg {
+    color: #b4a2e8;
+  }
 </style>

package/.storybook/preview.js

@@ -68,32 +68,7 @@ export const parameters = {
         'Design Tokens',
         'Tokens',
         'Components',
-        [
-          'Button',
-          'Icon',
-          'Search Input',
-          'Menu',
-          'Button Dropdown',
-          'Modal',
-          'Dialog',
-          'Panel',
-          'Tooltip',
-          'Linear Loader',
-          'Circular Loader',
-        ],
         'Form Components',
-        [
-          'Input',
-          'Textarea',
-          'Checkbox',
-          'Checkbox Group',
-          'Radio Button',
-          'Radio Group',
-          'Toggle',
-          'Dropdown',
-          'Typeahead',
-        ],
-
         '*',
       ],
       locales: 'en-US',

package/CHANGELOG.md

@@ -2,101 +2,106 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [0.0.6](https://github.com/spaced-out/ui-design-system/compare/v0.0.6-beta.2...v0.0.6) (2022-11-29)
+### [0.0.8](https://github.com/spaced-out/ui-design-system/compare/v0.0.7...v0.0.8) (2022-12-12)
 
 
 ### Features
 
-* fetch complete history of repo in publish action ([09ea18b](https://github.com/spaced-out/ui-design-system/commit/09ea18b9df507e1e51a6161e2300c5e09c62bdb4))
+* **tabs:** [GDS-121] tab and tablist ([#41](https://github.com/spaced-out/ui-design-system/issues/41)) ([af1d639](https://github.com/spaced-out/ui-design-system/commit/af1d6392d3a8a553906879d85e7d08cb356ba2dd))
 
 
 ### Bug Fixes
 
-* added comment to fetch complete history of repo in publish action ([94e5ae1](https://github.com/spaced-out/ui-design-system/commit/94e5ae146742e6e70c88a8cf428a974e7e8faaf3))
+* avatar text and icon fix ([49a4c78](https://github.com/spaced-out/ui-design-system/commit/49a4c7802f5e14ea662494e3791792663f571513))
+* updated changelog ([5400aa5](https://github.com/spaced-out/ui-design-system/commit/5400aa53cfb8d1a4838d1e4f7e74492fbfbe8add))
 
-### 0.0.6-beta.2 (2022-11-29)
+### [0.0.7](https://github.com/spaced-out/ui-design-system/compare/v0.0.6...v0.0.7) (2022-11-30)
+
+### Features
+
+- **docs:** documentation upodate ([#40](https://github.com/spaced-out/ui-design-system/issues/40)) ([1207236](https://github.com/spaced-out/ui-design-system/commit/120723696a4669db12d700c46e59fc73d867c962))
+
+### [0.0.6](https://github.com/spaced-out/ui-design-system/compare/v0.0.6-beta.2...v0.0.6) (2022-11-29)
 
+### Features
+
+- fetch complete history of repo in publish action ([09ea18b](https://github.com/spaced-out/ui-design-system/commit/09ea18b9df507e1e51a6161e2300c5e09c62bdb4))
+
+### Bug Fixes
+
+- added comment to fetch complete history of repo in publish action ([94e5ae1](https://github.com/spaced-out/ui-design-system/commit/94e5ae146742e6e70c88a8cf428a974e7e8faaf3))
+
+### 0.0.6-beta.2 (2022-11-29)
 
 ### Features
 
-* git fix ([16e034a](https://github.com/spaced-out/ui-design-system/commit/16e034a9ea9fb7b4a0e0d3938e17d4a3cdaa86ff))
+- git fix ([16e034a](https://github.com/spaced-out/ui-design-system/commit/16e034a9ea9fb7b4a0e0d3938e17d4a3cdaa86ff))
 
 ### 0.0.6-beta.1 (2022-11-29)
 
 ### 0.0.6-beta.0 (2022-11-29)
 
-
 ### Features
 
-* script change to fetch all commits ([53a08cd](https://github.com/spaced-out/ui-design-system/commit/53a08cdbab66c32784bf672934ac6faa712d3996))
+- script change to fetch all commits ([53a08cd](https://github.com/spaced-out/ui-design-system/commit/53a08cdbab66c32784bf672934ac6faa712d3996))
 
 ### 0.0.5 (2022-11-29)
 
-
 ### Features
 
-* **avatar:** [GDS-116] avatar and avatar group ([#36](https://github.com/spaced-out/ui-design-system/issues/36)) ([d326415](https://github.com/spaced-out/ui-design-system/commit/d326415371d96ff6a3dcaf9cd068b1a3468d87ed))
+- **avatar:** [GDS-116] avatar and avatar group ([#36](https://github.com/spaced-out/ui-design-system/issues/36)) ([d326415](https://github.com/spaced-out/ui-design-system/commit/d326415371d96ff6a3dcaf9cd068b1a3468d87ed))
 
 ### 0.0.4 (2022-11-24)
 
-
 ### Features
 
-* pr template ([#35](https://github.com/Spaced-Out/ui-design-system/issues/35)) ([c18e112](https://github.com/Spaced-Out/ui-design-system/commit/c18e1123730acaad77e1334a949573ac0cfd3708))
+- pr template ([#35](https://github.com/Spaced-Out/ui-design-system/issues/35)) ([c18e112](https://github.com/Spaced-Out/ui-design-system/commit/c18e1123730acaad77e1334a949573ac0cfd3708))
 
 ### 0.0.3 (2022-11-22)
 
-
 ### Bug Fixes
 
-* added new storybook pages ([2844a5e](https://github.com/Spaced-Out/ui-design-system/commit/2844a5e90cfa479268374bc8bfd4f46bc8458149))
+- added new storybook pages ([2844a5e](https://github.com/Spaced-Out/ui-design-system/commit/2844a5e90cfa479268374bc8bfd4f46bc8458149))
 
 ### 0.0.3-beta.1 (2022-11-21)
 
-
 ### Bug Fixes
 
-* rename showBackdrop in modal to hideBackdrop and releated changes ([303c4d8](https://github.com/Spaced-Out/ui-design-system/commit/303c4d8c95aa75219cf5eca682ebdecf53c27e7c))
+- rename showBackdrop in modal to hideBackdrop and releated changes ([303c4d8](https://github.com/Spaced-Out/ui-design-system/commit/303c4d8c95aa75219cf5eca682ebdecf53c27e7c))
 
 ### 0.0.3-beta.0 (2022-11-21)
 
-
 ### Bug Fixes
 
-* documentation fixes and modal semantics ([45770ab](https://github.com/Spaced-Out/ui-design-system/commit/45770ab7e7a04ffa78c962fdef7bfc8971b54b3e))
+- documentation fixes and modal semantics ([45770ab](https://github.com/Spaced-Out/ui-design-system/commit/45770ab7e7a04ffa78c962fdef7bfc8971b54b3e))
 
 ### 0.0.2 (2022-11-16)
 
-
 ### Features
 
-* documentation changes, storybook sidepanel redesign ([eb93ac3](https://github.com/Spaced-Out/ui-design-system/commit/eb93ac3ff1ffce7ab163f382633997a5c9999f6d))
+- documentation changes, storybook sidepanel redesign ([eb93ac3](https://github.com/Spaced-Out/ui-design-system/commit/eb93ac3ff1ffce7ab163f382633997a5c9999f6d))
 
 ### 0.0.2-beta.2 (2022-11-16)
 
-
 ### Bug Fixes
 
-* textarea scrollbar fix ([53fc94c](https://github.com/Spaced-Out/ui-design-system/commit/53fc94cc58cfe6767f90b255584ad24e28044194))
+- textarea scrollbar fix ([53fc94c](https://github.com/Spaced-Out/ui-design-system/commit/53fc94cc58cfe6767f90b255584ad24e28044194))
 
 ### 0.0.2-beta.1 (2022-11-16)
 
-
 ### Bug Fixes
 
-* added todo block ([f0c3e44](https://github.com/Spaced-Out/ui-design-system/commit/f0c3e440ca349539d5a7bdce9d28a1c1b0be7cdb))
+- added todo block ([f0c3e44](https://github.com/Spaced-Out/ui-design-system/commit/f0c3e440ca349539d5a7bdce9d28a1c1b0be7cdb))
 
 ### [0.0.2-beta.0](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.1-beta.3...v0.0.2-beta.0) (2022-11-16)
 
-
 ### Features
 
-* automated npm relases through github actions ([dd14a5d](https://github.com/Spaced-Out/ui-design-system/commit/dd14a5d43a56a2b4a91993dff49706182ff2d373))
-
+- automated npm relases through github actions ([dd14a5d](https://github.com/Spaced-Out/ui-design-system/commit/dd14a5d43a56a2b4a91993dff49706182ff2d373))
 
 ### Bug Fixes
 
-* fixed build script ([26e7765](https://github.com/Spaced-Out/ui-design-system/commit/26e77655f9409006a4195ddae695d0ba3746e8c1))
+- fixed build script ([26e7765](https://github.com/Spaced-Out/ui-design-system/commit/26e77655f9409006a4195ddae695d0ba3746e8c1))
 
 ### 0.0.1 (2022-11-16)
 
@@ -110,77 +115,74 @@ All notable changes to this project will be documented in this file. See [standa
 
 ### [0.0.1-alpha.1](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.1-alpha.0...v0.0.1-alpha.1) (2022-11-16)
 
-
 ### Bug Fixes
 
-* revert babel change ([7ef81e9](https://github.com/Spaced-Out/ui-design-system/commit/7ef81e92a65a296f7eedebed0f3234038d63118c))
+- revert babel change ([7ef81e9](https://github.com/Spaced-Out/ui-design-system/commit/7ef81e92a65a296f7eedebed0f3234038d63118c))
 
 ### [0.0.1-alpha.0](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.0...v0.0.1-alpha.0) (2022-11-16)
 
-
 ### Features
 
-* action and enter press ([359e652](https://github.com/Spaced-Out/ui-design-system/commit/359e65243e68885c43bb8fe9cf58ba34c8ab2998))
-* added Commitlint ([017a1ad](https://github.com/Spaced-Out/ui-design-system/commit/017a1adfd4a78ff1d41f55b697f73d68395f8954))
-* added font-awesome css ([8adad02](https://github.com/Spaced-Out/ui-design-system/commit/8adad023b27394196c9db1b43963eb9e6a26ce16))
-* Added standard version ([29ee01c](https://github.com/Spaced-Out/ui-design-system/commit/29ee01c795d84ba86f50b63d1927f00d91585735))
-* added tokens and used css vars ([12f5767](https://github.com/Spaced-Out/ui-design-system/commit/12f5767a4d1088dab09981da04e174a900ceacc1))
-* **checkbox:** [GDS-34] Checkbox and checkbox group ([#12](https://github.com/Spaced-Out/ui-design-system/issues/12)) ([5c4604a](https://github.com/Spaced-Out/ui-design-system/commit/5c4604a5585ee31ce5200fef8cac0ea4548c4848))
-* **docs:** [GDS-113] docs for form components and grid ([#32](https://github.com/Spaced-Out/ui-design-system/issues/32)) ([2337fd1](https://github.com/Spaced-Out/ui-design-system/commit/2337fd13a08f1a6754a25c382eab89bfe55768b7))
-* **docs:** tokens doc ([#33](https://github.com/Spaced-Out/ui-design-system/issues/33)) ([7df345c](https://github.com/Spaced-Out/ui-design-system/commit/7df345c64690940730d36d15c92a880c61508a30))
-* dropdown component ([#19](https://github.com/Spaced-Out/ui-design-system/issues/19)) ([8c8cf59](https://github.com/Spaced-Out/ui-design-system/commit/8c8cf59363034a568d45e7b98eaf8962462f82e0))
-* error case for radio and group ([88afa2b](https://github.com/Spaced-Out/ui-design-system/commit/88afa2b4750a62521ef6319ee3bf8d5711354663))
-* **grid:** [GDS-26] grid row and col + Import order lint rule ([#26](https://github.com/Spaced-Out/ui-design-system/issues/26)) ([02b988e](https://github.com/Spaced-Out/ui-design-system/commit/02b988e0f85de6a42022729c65cda09ade02cedb))
-* icon Menu ([#9](https://github.com/Spaced-Out/ui-design-system/issues/9)) ([6819536](https://github.com/Spaced-Out/ui-design-system/commit/68195362130e7cb587a7316611575baed2244dd2))
-* **icon:** added default values ([#5](https://github.com/Spaced-Out/ui-design-system/issues/5)) ([b4a4401](https://github.com/Spaced-Out/ui-design-system/commit/b4a440122b7f975cde3ed24ca984204832dac71a))
-* **icon:** iconName prop changed to name ([#10](https://github.com/Spaced-Out/ui-design-system/issues/10)) ([42dc229](https://github.com/Spaced-Out/ui-design-system/commit/42dc22940b7a585a1245a9d75fde54c51a3cd329))
-* **InContextAlert:** [GDS-58] In-Context Alert and Truncate component ([#27](https://github.com/Spaced-Out/ui-design-system/issues/27)) ([bd9827c](https://github.com/Spaced-Out/ui-design-system/commit/bd9827c093dc39ae76f2dd5d59a11feda5ea9d20))
-* input component ([#15](https://github.com/Spaced-Out/ui-design-system/issues/15)) ([c78842e](https://github.com/Spaced-Out/ui-design-system/commit/c78842e5ce73613fac4eb3cc9f290537c5573e90))
-* **loader:** [GDS-78] linear loader and circular loader ([#21](https://github.com/Spaced-Out/ui-design-system/issues/21)) ([44fe9dc](https://github.com/Spaced-Out/ui-design-system/commit/44fe9dc76920b7c6eadf70ee320fa2a08121e8c1))
-* master merged ([6927f37](https://github.com/Spaced-Out/ui-design-system/commit/6927f372106250474fe3b660783dfd633767fc8d))
-* notification and semantic color changes ([#30](https://github.com/Spaced-Out/ui-design-system/issues/30)) ([1dd6814](https://github.com/Spaced-Out/ui-design-system/commit/1dd68143deccbc401caad44e989de8981bef6686))
-* radio group ([adae899](https://github.com/Spaced-Out/ui-design-system/commit/adae899d567463bacd7ad1857b0e25b596acec16))
-* **RadioButton:** radio button component and story done ([cb0f64e](https://github.com/Spaced-Out/ui-design-system/commit/cb0f64e95c35ec22d8f7e438a788aa228d31c253))
-* search component ([#20](https://github.com/Spaced-Out/ui-design-system/issues/20)) ([39c6560](https://github.com/Spaced-Out/ui-design-system/commit/39c65606508682a5aa448915295d7b7b99ace8c4))
-* storybook test ([#14](https://github.com/Spaced-Out/ui-design-system/issues/14)) ([08feede](https://github.com/Spaced-Out/ui-design-system/commit/08feede4f43b9cac046e49a5fff6f6929aab03c9))
-* **storybook:** [GDS-54] build and publish storybook to Github Pages ([#13](https://github.com/Spaced-Out/ui-design-system/issues/13)) ([93a4072](https://github.com/Spaced-Out/ui-design-system/commit/93a4072255f08ffd164b6076dd7f9edccf1a73ea))
-* textarea component ([#16](https://github.com/Spaced-Out/ui-design-system/issues/16)) ([d4f2d43](https://github.com/Spaced-Out/ui-design-system/commit/d4f2d434f54983adaad3686da869357f9a45c69a))
-* **toast:** [GDS-37] Toast and toast portal ([#29](https://github.com/Spaced-Out/ui-design-system/issues/29)) ([91e938b](https://github.com/Spaced-Out/ui-design-system/commit/91e938b9aa68845f5e806852dafd3d23260ddb8d))
-* **toggle:** [GDS-35] toggle component ([#18](https://github.com/Spaced-Out/ui-design-system/issues/18)) ([8434d96](https://github.com/Spaced-Out/ui-design-system/commit/8434d96142f8f1cad1d04d2b8b82784c5c5c4522))
-* tooltip and token stories ([#25](https://github.com/Spaced-Out/ui-design-system/issues/25)) ([8152db7](https://github.com/Spaced-Out/ui-design-system/commit/8152db76f6f284b0e8ad6acf70fea4f68993af07))
-* truncate type export ([#28](https://github.com/Spaced-Out/ui-design-system/issues/28)) ([9b6ff39](https://github.com/Spaced-Out/ui-design-system/commit/9b6ff39b7c648f083c2e0c4a9c50cc76928a4ebe))
-* typeahead component ([#23](https://github.com/Spaced-Out/ui-design-system/issues/23)) ([d7693bb](https://github.com/Spaced-Out/ui-design-system/commit/d7693bb832cb24e6eb01dbc109d4d2afb1b3d2e9))
-
+- action and enter press ([359e652](https://github.com/Spaced-Out/ui-design-system/commit/359e65243e68885c43bb8fe9cf58ba34c8ab2998))
+- added Commitlint ([017a1ad](https://github.com/Spaced-Out/ui-design-system/commit/017a1adfd4a78ff1d41f55b697f73d68395f8954))
+- added font-awesome css ([8adad02](https://github.com/Spaced-Out/ui-design-system/commit/8adad023b27394196c9db1b43963eb9e6a26ce16))
+- Added standard version ([29ee01c](https://github.com/Spaced-Out/ui-design-system/commit/29ee01c795d84ba86f50b63d1927f00d91585735))
+- added tokens and used css vars ([12f5767](https://github.com/Spaced-Out/ui-design-system/commit/12f5767a4d1088dab09981da04e174a900ceacc1))
+- **checkbox:** [GDS-34] Checkbox and checkbox group ([#12](https://github.com/Spaced-Out/ui-design-system/issues/12)) ([5c4604a](https://github.com/Spaced-Out/ui-design-system/commit/5c4604a5585ee31ce5200fef8cac0ea4548c4848))
+- **docs:** [GDS-113] docs for form components and grid ([#32](https://github.com/Spaced-Out/ui-design-system/issues/32)) ([2337fd1](https://github.com/Spaced-Out/ui-design-system/commit/2337fd13a08f1a6754a25c382eab89bfe55768b7))
+- **docs:** tokens doc ([#33](https://github.com/Spaced-Out/ui-design-system/issues/33)) ([7df345c](https://github.com/Spaced-Out/ui-design-system/commit/7df345c64690940730d36d15c92a880c61508a30))
+- dropdown component ([#19](https://github.com/Spaced-Out/ui-design-system/issues/19)) ([8c8cf59](https://github.com/Spaced-Out/ui-design-system/commit/8c8cf59363034a568d45e7b98eaf8962462f82e0))
+- error case for radio and group ([88afa2b](https://github.com/Spaced-Out/ui-design-system/commit/88afa2b4750a62521ef6319ee3bf8d5711354663))
+- **grid:** [GDS-26] grid row and col + Import order lint rule ([#26](https://github.com/Spaced-Out/ui-design-system/issues/26)) ([02b988e](https://github.com/Spaced-Out/ui-design-system/commit/02b988e0f85de6a42022729c65cda09ade02cedb))
+- icon Menu ([#9](https://github.com/Spaced-Out/ui-design-system/issues/9)) ([6819536](https://github.com/Spaced-Out/ui-design-system/commit/68195362130e7cb587a7316611575baed2244dd2))
+- **icon:** added default values ([#5](https://github.com/Spaced-Out/ui-design-system/issues/5)) ([b4a4401](https://github.com/Spaced-Out/ui-design-system/commit/b4a440122b7f975cde3ed24ca984204832dac71a))
+- **icon:** iconName prop changed to name ([#10](https://github.com/Spaced-Out/ui-design-system/issues/10)) ([42dc229](https://github.com/Spaced-Out/ui-design-system/commit/42dc22940b7a585a1245a9d75fde54c51a3cd329))
+- **InContextAlert:** [GDS-58] In-Context Alert and Truncate component ([#27](https://github.com/Spaced-Out/ui-design-system/issues/27)) ([bd9827c](https://github.com/Spaced-Out/ui-design-system/commit/bd9827c093dc39ae76f2dd5d59a11feda5ea9d20))
+- input component ([#15](https://github.com/Spaced-Out/ui-design-system/issues/15)) ([c78842e](https://github.com/Spaced-Out/ui-design-system/commit/c78842e5ce73613fac4eb3cc9f290537c5573e90))
+- **loader:** [GDS-78] linear loader and circular loader ([#21](https://github.com/Spaced-Out/ui-design-system/issues/21)) ([44fe9dc](https://github.com/Spaced-Out/ui-design-system/commit/44fe9dc76920b7c6eadf70ee320fa2a08121e8c1))
+- master merged ([6927f37](https://github.com/Spaced-Out/ui-design-system/commit/6927f372106250474fe3b660783dfd633767fc8d))
+- notification and semantic color changes ([#30](https://github.com/Spaced-Out/ui-design-system/issues/30)) ([1dd6814](https://github.com/Spaced-Out/ui-design-system/commit/1dd68143deccbc401caad44e989de8981bef6686))
+- radio group ([adae899](https://github.com/Spaced-Out/ui-design-system/commit/adae899d567463bacd7ad1857b0e25b596acec16))
+- **RadioButton:** radio button component and story done ([cb0f64e](https://github.com/Spaced-Out/ui-design-system/commit/cb0f64e95c35ec22d8f7e438a788aa228d31c253))
+- search component ([#20](https://github.com/Spaced-Out/ui-design-system/issues/20)) ([39c6560](https://github.com/Spaced-Out/ui-design-system/commit/39c65606508682a5aa448915295d7b7b99ace8c4))
+- storybook test ([#14](https://github.com/Spaced-Out/ui-design-system/issues/14)) ([08feede](https://github.com/Spaced-Out/ui-design-system/commit/08feede4f43b9cac046e49a5fff6f6929aab03c9))
+- **storybook:** [GDS-54] build and publish storybook to Github Pages ([#13](https://github.com/Spaced-Out/ui-design-system/issues/13)) ([93a4072](https://github.com/Spaced-Out/ui-design-system/commit/93a4072255f08ffd164b6076dd7f9edccf1a73ea))
+- textarea component ([#16](https://github.com/Spaced-Out/ui-design-system/issues/16)) ([d4f2d43](https://github.com/Spaced-Out/ui-design-system/commit/d4f2d434f54983adaad3686da869357f9a45c69a))
+- **toast:** [GDS-37] Toast and toast portal ([#29](https://github.com/Spaced-Out/ui-design-system/issues/29)) ([91e938b](https://github.com/Spaced-Out/ui-design-system/commit/91e938b9aa68845f5e806852dafd3d23260ddb8d))
+- **toggle:** [GDS-35] toggle component ([#18](https://github.com/Spaced-Out/ui-design-system/issues/18)) ([8434d96](https://github.com/Spaced-Out/ui-design-system/commit/8434d96142f8f1cad1d04d2b8b82784c5c5c4522))
+- tooltip and token stories ([#25](https://github.com/Spaced-Out/ui-design-system/issues/25)) ([8152db7](https://github.com/Spaced-Out/ui-design-system/commit/8152db76f6f284b0e8ad6acf70fea4f68993af07))
+- truncate type export ([#28](https://github.com/Spaced-Out/ui-design-system/issues/28)) ([9b6ff39](https://github.com/Spaced-Out/ui-design-system/commit/9b6ff39b7c648f083c2e0c4a9c50cc76928a4ebe))
+- typeahead component ([#23](https://github.com/Spaced-Out/ui-design-system/issues/23)) ([d7693bb](https://github.com/Spaced-Out/ui-design-system/commit/d7693bb832cb24e6eb01dbc109d4d2afb1b3d2e9))
 
 ### Bug Fixes
 
-* added changelog in cspell ignore paths ([723f0d4](https://github.com/Spaced-Out/ui-design-system/commit/723f0d4c874c6558f96a5d78e464d3099e90c30d))
-* added chromatic ([1685380](https://github.com/Spaced-Out/ui-design-system/commit/16853800d7e7ce8610f94b937a4e61bc26537018))
-* added dislog ([e2967c1](https://github.com/Spaced-Out/ui-design-system/commit/e2967c1cf58778e1d6b492f5db9c4be9aaa0d0fc))
-* added Elevation stories ([f0d5a0d](https://github.com/Spaced-Out/ui-design-system/commit/f0d5a0d2723ab60abaeb9a7dc33b7fe4d1f9695e))
-* Added introduction page ([36eb7fd](https://github.com/Spaced-Out/ui-design-system/commit/36eb7fd4006c1a4ed7e0a440b9b1ef6216e09a7c))
-* added more stories ([234b4c9](https://github.com/Spaced-Out/ui-design-system/commit/234b4c95df349db07864a20c10e632c4388cba48))
-* added more text colors ([3ff7117](https://github.com/Spaced-Out/ui-design-system/commit/3ff7117bc0d9f1948765b1af1022a355a3cdbf7f))
-* added spell check ([1fa6f08](https://github.com/Spaced-Out/ui-design-system/commit/1fa6f0890f17ff288d66abcf63e7480ac5fd1730))
-* added spellcheck for storybook ([0c29edd](https://github.com/Spaced-Out/ui-design-system/commit/0c29edd6ca0f54e23bcafb79556b1af0bb486896))
-* added standard version ([5146c63](https://github.com/Spaced-Out/ui-design-system/commit/5146c632fcc7cb499697b0968d4b8a0e51594fec))
-* added test suite ([7676ca7](https://github.com/Spaced-Out/ui-design-system/commit/7676ca7c81efc942b8cbab4bead1fcf0bbdd715c))
-* added text counter for input ([#17](https://github.com/Spaced-Out/ui-design-system/issues/17)) ([09544d2](https://github.com/Spaced-Out/ui-design-system/commit/09544d212547c6574a39b762345fc2eb0eaddf11))
-* added yarn lock ([4052517](https://github.com/Spaced-Out/ui-design-system/commit/405251755d70d140c28fffbd138b2744f7ccb0cd))
-* backdrop fix ([e680a6a](https://github.com/Spaced-Out/ui-design-system/commit/e680a6ae18e598196fd3e5518294ea1e2fba2ccc))
-* color fix for panel ([5b9a9be](https://github.com/Spaced-Out/ui-design-system/commit/5b9a9be55d416129262f3f71a8fb805cbcfb288d))
-* Deleted publish script ([a11cb77](https://github.com/Spaced-Out/ui-design-system/commit/a11cb77cf9b93e248187ca9e6b2eccd73de1aecd))
-* design comments ([9718754](https://github.com/Spaced-Out/ui-design-system/commit/9718754b9a9293d5523f70bdc700e50503589866))
-* design qa fixes ([052058b](https://github.com/Spaced-Out/ui-design-system/commit/052058baf72206f2c04e551f8d1e538c74bb571e))
-* docs fix ([b001ed9](https://github.com/Spaced-Out/ui-design-system/commit/b001ed9613a2e5cd93dde72e81f4112114e30eff))
-* Fixed indentation for Design Tokens ([417934b](https://github.com/Spaced-Out/ui-design-system/commit/417934b5105a4377449870d95152392068fa49d8))
-* **icon:** icon center align ([#6](https://github.com/Spaced-Out/ui-design-system/issues/6)) ([f22ce7d](https://github.com/Spaced-Out/ui-design-system/commit/f22ce7d9eda9dfeaad7b15afd19c19f5e52a4d7e))
-* linear loader fluid width ([#24](https://github.com/Spaced-Out/ui-design-system/issues/24)) ([e943d5f](https://github.com/Spaced-Out/ui-design-system/commit/e943d5fcd56a3bf9a4edaf29ed624c8bce931fb1))
-* modal arch init ([71d8ce1](https://github.com/Spaced-Out/ui-design-system/commit/71d8ce1c42697cf3a3ba039d826db6fb672b5074))
-* panel footer fixes ([11be4d9](https://github.com/Spaced-Out/ui-design-system/commit/11be4d99f11fec1acb67fffebcb59ea128593530))
-* panel init ([5438d93](https://github.com/Spaced-Out/ui-design-system/commit/5438d9340f5796d5cc64902321ef9ee020738400))
-* renamed folder ([931f139](https://github.com/Spaced-Out/ui-design-system/commit/931f13928337cda26db94d21bb5c15c0e57669a6))
-* Selected option fix ([fac75f7](https://github.com/Spaced-Out/ui-design-system/commit/fac75f75588919903d85cfbe4f8df63f8826cb95))
-* spell checks everywhere ([f81b8d4](https://github.com/Spaced-Out/ui-design-system/commit/f81b8d4cdbe7eccdb8b9a626edf057f66cdfe3b4))
-* storybook upgrade ([78f0d84](https://github.com/Spaced-Out/ui-design-system/commit/78f0d84fd3ed73c0424f86c10c6b9100fbe7e18b))
-* tooltip fixes ([b8b0bd0](https://github.com/Spaced-Out/ui-design-system/commit/b8b0bd0514af32c4f31dab1dbea99e70d221d5b5))
+- added changelog in cspell ignore paths ([723f0d4](https://github.com/Spaced-Out/ui-design-system/commit/723f0d4c874c6558f96a5d78e464d3099e90c30d))
+- added chromatic ([1685380](https://github.com/Spaced-Out/ui-design-system/commit/16853800d7e7ce8610f94b937a4e61bc26537018))
+- added dislog ([e2967c1](https://github.com/Spaced-Out/ui-design-system/commit/e2967c1cf58778e1d6b492f5db9c4be9aaa0d0fc))
+- added Elevation stories ([f0d5a0d](https://github.com/Spaced-Out/ui-design-system/commit/f0d5a0d2723ab60abaeb9a7dc33b7fe4d1f9695e))
+- Added introduction page ([36eb7fd](https://github.com/Spaced-Out/ui-design-system/commit/36eb7fd4006c1a4ed7e0a440b9b1ef6216e09a7c))
+- added more stories ([234b4c9](https://github.com/Spaced-Out/ui-design-system/commit/234b4c95df349db07864a20c10e632c4388cba48))
+- added more text colors ([3ff7117](https://github.com/Spaced-Out/ui-design-system/commit/3ff7117bc0d9f1948765b1af1022a355a3cdbf7f))
+- added spell check ([1fa6f08](https://github.com/Spaced-Out/ui-design-system/commit/1fa6f0890f17ff288d66abcf63e7480ac5fd1730))
+- added spellcheck for storybook ([0c29edd](https://github.com/Spaced-Out/ui-design-system/commit/0c29edd6ca0f54e23bcafb79556b1af0bb486896))
+- added standard version ([5146c63](https://github.com/Spaced-Out/ui-design-system/commit/5146c632fcc7cb499697b0968d4b8a0e51594fec))
+- added test suite ([7676ca7](https://github.com/Spaced-Out/ui-design-system/commit/7676ca7c81efc942b8cbab4bead1fcf0bbdd715c))
+- added text counter for input ([#17](https://github.com/Spaced-Out/ui-design-system/issues/17)) ([09544d2](https://github.com/Spaced-Out/ui-design-system/commit/09544d212547c6574a39b762345fc2eb0eaddf11))
+- added yarn lock ([4052517](https://github.com/Spaced-Out/ui-design-system/commit/405251755d70d140c28fffbd138b2744f7ccb0cd))
+- backdrop fix ([e680a6a](https://github.com/Spaced-Out/ui-design-system/commit/e680a6ae18e598196fd3e5518294ea1e2fba2ccc))
+- color fix for panel ([5b9a9be](https://github.com/Spaced-Out/ui-design-system/commit/5b9a9be55d416129262f3f71a8fb805cbcfb288d))
+- Deleted publish script ([a11cb77](https://github.com/Spaced-Out/ui-design-system/commit/a11cb77cf9b93e248187ca9e6b2eccd73de1aecd))
+- design comments ([9718754](https://github.com/Spaced-Out/ui-design-system/commit/9718754b9a9293d5523f70bdc700e50503589866))
+- design qa fixes ([052058b](https://github.com/Spaced-Out/ui-design-system/commit/052058baf72206f2c04e551f8d1e538c74bb571e))
+- docs fix ([b001ed9](https://github.com/Spaced-Out/ui-design-system/commit/b001ed9613a2e5cd93dde72e81f4112114e30eff))
+- Fixed indentation for Design Tokens ([417934b](https://github.com/Spaced-Out/ui-design-system/commit/417934b5105a4377449870d95152392068fa49d8))
+- **icon:** icon center align ([#6](https://github.com/Spaced-Out/ui-design-system/issues/6)) ([f22ce7d](https://github.com/Spaced-Out/ui-design-system/commit/f22ce7d9eda9dfeaad7b15afd19c19f5e52a4d7e))
+- linear loader fluid width ([#24](https://github.com/Spaced-Out/ui-design-system/issues/24)) ([e943d5f](https://github.com/Spaced-Out/ui-design-system/commit/e943d5fcd56a3bf9a4edaf29ed624c8bce931fb1))
+- modal arch init ([71d8ce1](https://github.com/Spaced-Out/ui-design-system/commit/71d8ce1c42697cf3a3ba039d826db6fb672b5074))
+- panel footer fixes ([11be4d9](https://github.com/Spaced-Out/ui-design-system/commit/11be4d99f11fec1acb67fffebcb59ea128593530))
+- panel init ([5438d93](https://github.com/Spaced-Out/ui-design-system/commit/5438d9340f5796d5cc64902321ef9ee020738400))
+- renamed folder ([931f139](https://github.com/Spaced-Out/ui-design-system/commit/931f13928337cda26db94d21bb5c15c0e57669a6))
+- Selected option fix ([fac75f7](https://github.com/Spaced-Out/ui-design-system/commit/fac75f75588919903d85cfbe4f8df63f8826cb95))
+- spell checks everywhere ([f81b8d4](https://github.com/Spaced-Out/ui-design-system/commit/f81b8d4cdbe7eccdb8b9a626edf057f66cdfe3b4))
+- storybook upgrade ([78f0d84](https://github.com/Spaced-Out/ui-design-system/commit/78f0d84fd3ed73c0424f86c10c6b9100fbe7e18b))
+- tooltip fixes ([b8b0bd0](https://github.com/Spaced-Out/ui-design-system/commit/b8b0bd0514af32c4f31dab1dbea99e70d221d5b5))

package/design-tokens/size/base-size.json

@@ -39,6 +39,9 @@
     "36": {
       "value": "36px"
     },
+    "38": {
+      "value": "38px"
+    },
     "40": {
       "value": "40px"
     },

package/lib/components/Avatar/Avatar.js

@@ -64,7 +64,7 @@ const AvatarConditionalContent = _ref2 => {
     imageSrc,
     text,
     iconName,
-    size = 'medium',
+    size,
     iconType,
     color = 'blue'
   } = _ref2;
@@ -89,7 +89,7 @@ const AvatarConditionalContent = _ref2 => {
 const Avatar = _ref3 => {
   let {
     classNames,
-    size = 'medium',
+    size = AVATAR_SIZE.medium,
     imageSrc,
     text,
     style,
@@ -114,20 +114,22 @@ const Avatar = _ref3 => {
     text: text,
     iconName: iconName,
     iconType: iconType,
-    color: color
+    color: color,
+    size: size
   }))) : /*#__PURE__*/React.createElement(AvatarConditionalContent, {
     imageSrc: imageSrc,
     text: text,
     iconName: iconName,
     iconType: iconType,
-    color: color
+    color: color,
+    size: size
   }));
 };
 exports.Avatar = Avatar;
 const BaseAvatar = _ref4 => {
   let {
     classNames,
-    size = 'medium',
+    size = AVATAR_SIZE.medium,
     text = '',
     style,
     color = 'blue'

package/lib/components/Avatar/Avatar.js.flow

@@ -31,7 +31,7 @@ export const AVATAR_SIZE = Object.freeze({
 });
 export const avatarSizeOptions: Array<mixed> = [...Object.keys(AVATAR_SIZE)];
 
-export type AvatarSize = $Keys<typeof AVATAR_SIZE>;
+export type AvatarSize = $Values<typeof AVATAR_SIZE>;
 export const AVATAR_COLOR = Object.freeze({
   red: colorDangerLightest,
   orange: colorWarningLightest,
@@ -88,14 +88,24 @@ const iconSize = Object.freeze({
   large: 'medium',
 });
 
+export type AvatarContentProps = {
+  imageSrc?: string,
+  text?: string,
+  iconName?: string,
+  iconType?: IconType,
+  size: AvatarSize,
+  color?: AvatarColorType,
+  ring?: boolean,
+};
+
 const AvatarConditionalContent = ({
   imageSrc,
   text,
   iconName,
-  size = 'medium',
+  size,
   iconType,
   color = 'blue',
-}) => (
+}: AvatarContentProps) => (
   <div className={css.innerContainer} style={{background: AVATAR_COLOR[color]}}>
     {imageSrc ? (
       <img src={imageSrc} alt="Avatar" className={css.avatar}></img>
@@ -109,7 +119,7 @@ const AvatarConditionalContent = ({
 
 export const Avatar = ({
   classNames,
-  size = 'medium',
+  size = AVATAR_SIZE.medium,
   imageSrc,
   text,
   style,
@@ -139,6 +149,7 @@ export const Avatar = ({
             iconName={iconName}
             iconType={iconType}
             color={color}
+            size={size}
           />
         </div>
       </div>
@@ -149,6 +160,7 @@ export const Avatar = ({
         iconName={iconName}
         iconType={iconType}
         color={color}
+        size={size}
       />
     )}
   </div>
@@ -156,7 +168,7 @@ export const Avatar = ({
 
 export const BaseAvatar = ({
   classNames,
-  size = 'medium',
+  size = AVATAR_SIZE.medium,
   text = '',
   style,
   color = 'blue',

package/lib/components/Icon/Icon.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Icon = void 0;
+exports.Icon = exports.ICON_SIZE = void 0;
 var React = _interopRequireWildcard(require("react"));
 require("./FontAwesomeLibrary");
 var _typography = require("../../types/typography");
@@ -15,6 +15,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // get our fontawesome imports
 
+const ICON_SIZE = Object.freeze({
+  small: 'small',
+  medium: 'medium'
+});
+exports.ICON_SIZE = ICON_SIZE;
 const Icon = _ref => {
   let {
     type = 'regular',

package/lib/components/Icon/Icon.js.flow

@@ -14,7 +14,12 @@ import typographyStyle from '../../styles/typography.module.css';
 
 export type IconType = 'regular' | 'solid';
 
-export type IconSize = 'small' | 'medium';
+export const ICON_SIZE = Object.freeze({
+  small: 'small',
+  medium: 'medium',
+});
+
+export type IconSize = $Keys<typeof ICON_SIZE>;
 
 export type IconProps = {
   type?: IconType,

package/lib/components/Menu/Menu.js

@@ -38,7 +38,9 @@ const Menu = props => {
       key,
       label,
       iconLeft,
+      iconLeftType,
       iconRight,
+      iconRightType,
       disabled
     } = _ref;
     return /*#__PURE__*/React.createElement(_Button.UnstyledButton, {
@@ -59,12 +61,14 @@ const Menu = props => {
       autoFocus: selectedOption?.key === key
     }, !!iconLeft && /*#__PURE__*/React.createElement(_Icon.Icon, {
       name: iconLeft,
+      type: iconLeftType,
       size: "small",
       className: _MenuModule.default.icon
     }), /*#__PURE__*/React.createElement("span", {
       className: _MenuModule.default.optionText
     }, label), !!iconRight && /*#__PURE__*/React.createElement(_Icon.Icon, {
       name: iconRight,
+      type: iconRightType,
       size: "small",
       className: (0, _classify.classify)(_MenuModule.default.icon, _MenuModule.default.rightIcon)
     }));

package/lib/components/Menu/Menu.js.flow

@@ -4,6 +4,7 @@ import * as React from 'react';
 import {classify} from '../../utils/classify';
 import {UnstyledButton} from '../Button';
 import {Icon} from '../Icon';
+import type {IconType} from '../Icon/Icon.js';
 
 import css from './Menu.module.css';
 
@@ -14,7 +15,9 @@ export type MenuOption = {
   key?: string,
   label: string,
   iconLeft?: string,
+  iconLeftType?: IconType,
   iconRight?: string,
+  iconRightType?: IconType,
   disabled?: boolean,
 };
 
@@ -50,36 +53,52 @@ export const Menu = (props: MenuProps): React.Node => {
       })}
       style={{width}}
     >
-      {options.map(({key, label, iconLeft, iconRight, disabled}) => (
-        <UnstyledButton
-          className={classify(css.option, {
-            [css.selected]: key === selectedOption?.key,
-            [css.optionSmall]: size === 'small',
-            [css.optionMedium]: size === 'medium',
-            [css.disabled]: menuDisabled || disabled,
-            [css.withIconLeft]: !!iconLeft,
-            [css.withIconRight]: !!iconRight,
-          })}
-          key={key}
-          disabled={menuDisabled || disabled}
-          onClick={() => onSelect && onSelect({key, label})}
-          autoFocus={selectedOption?.key === key}
-        >
-          {!!iconLeft && (
-            <Icon name={iconLeft} size="small" className={css.icon} />
-          )}
+      {options.map(
+        ({
+          key,
+          label,
+          iconLeft,
+          iconLeftType,
+          iconRight,
+          iconRightType,
+          disabled,
+        }) => (
+          <UnstyledButton
+            className={classify(css.option, {
+              [css.selected]: key === selectedOption?.key,
+              [css.optionSmall]: size === 'small',
+              [css.optionMedium]: size === 'medium',
+              [css.disabled]: menuDisabled || disabled,
+              [css.withIconLeft]: !!iconLeft,
+              [css.withIconRight]: !!iconRight,
+            })}
+            key={key}
+            disabled={menuDisabled || disabled}
+            onClick={() => onSelect && onSelect({key, label})}
+            autoFocus={selectedOption?.key === key}
+          >
+            {!!iconLeft && (
+              <Icon
+                name={iconLeft}
+                type={iconLeftType}
+                size="small"
+                className={css.icon}
+              />
+            )}
 
-          <span className={css.optionText}>{label}</span>
+            <span className={css.optionText}>{label}</span>
 
-          {!!iconRight && (
-            <Icon
-              name={iconRight}
-              size="small"
-              className={classify(css.icon, css.rightIcon)}
-            />
-          )}
-        </UnstyledButton>
-      ))}
+            {!!iconRight && (
+              <Icon
+                name={iconRight}
+                type={iconRightType}
+                size="small"
+                className={classify(css.icon, css.rightIcon)}
+              />
+            )}
+          </UnstyledButton>
+        ),
+      )}
     </div>
   );
 };