@muonic/muon 0.0.2-beta.0

package/.nycrc

@@ -0,0 +1,17 @@
+{
+  "report-dir": "./coverage/scripts-coverage",
+  "reporter": [
+    "html",
+    "text"
+  ],
+  "exclude": [
+    "**/modular-scale.js",
+    "tests",
+    "tokens/**/string.js"
+  ],
+  "check-coverage": true,
+  "lines": 99,
+  "branches": 99,
+  "functions":99,
+  "statements": 99
+}

package/.versionrc

@@ -0,0 +1,3 @@
+{
+  "path": "."
+}

package/CHANGELOG.md

@@ -0,0 +1,389 @@
+# Changelog
+
+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.2-beta.0](https://github.com/centrica-engineering/muon/compare/v0.0.2-alpha.2...v0.0.2-beta.0) (2022-10-04)
+
+
+### Features
+
+* form comp ([8dd5fb6](https://github.com/centrica-engineering/muon/commit/8dd5fb66caeb0c3ed53a18497b6d4d00006d73a8))
+* layout-row tokens and styles ([e221d8a](https://github.com/centrica-engineering/muon/commit/e221d8a7677be49a24f7e3974b46c672d863171e))
+
+
+### Bug Fixes
+
+* analyzer ([018a59a](https://github.com/centrica-engineering/muon/commit/018a59a9f8e92b72f18a8d1f605dc8500aefeba0))
+* analyzer rollup ([ef8c7aa](https://github.com/centrica-engineering/muon/commit/ef8c7aaef0fe15cc0bbbb78945f0137ba89ee321))
+* analyzer to include components from node_modules ([32bace4](https://github.com/centrica-engineering/muon/commit/32bace4403dc007b84bb49bc59aa580351558c78))
+* automation failures ([238d9bf](https://github.com/centrica-engineering/muon/commit/238d9bf0c70576ef9a24ab8984fc7176656c2c23))
+* ava version ([1851f5e](https://github.com/centrica-engineering/muon/commit/1851f5e10c9a119a81e17e9afffdd14436f028ae))
+* browserstack test failure ([a471e5c](https://github.com/centrica-engineering/muon/commit/a471e5c7995a5564d034460b0dcca39aa344db07))
+* build error ([25b6a9d](https://github.com/centrica-engineering/muon/commit/25b6a9d166b5ab9f4e8aa5d67ab13f9fcd7d2551))
+* clean rollup output path ([7d37480](https://github.com/centrica-engineering/muon/commit/7d37480bbc770b790a47ea246956a25a83bffa7b))
+* cleanup dist before rollup ([24cb36a](https://github.com/centrica-engineering/muon/commit/24cb36a6a9a5fb6c823ceaa5e05a9cf3f0024f64))
+* cleanup muon files for every build & serve ([e8b76c3](https://github.com/centrica-engineering/muon/commit/e8b76c3d2d372dd54e00969d4598e7b7694f61a6))
+* cleanup util ([67b0e34](https://github.com/centrica-engineering/muon/commit/67b0e349fe9c06bc0310f9b0e7810a08477a9de5))
+* command injection ([8f529aa](https://github.com/centrica-engineering/muon/commit/8f529aa095b8ec1d64c8abf2ea5b3d42ba3813d8))
+* deplicate tag check ([7acd409](https://github.com/centrica-engineering/muon/commit/7acd4090a4e1ed3c352e3e3605c6308ea6f52f13))
+* **deps:** fixing build and tests ([388eea8](https://github.com/centrica-engineering/muon/commit/388eea8956d24bfedf1d54959ed912ec22ba61c7))
+* **deps:** packages ([a42388e](https://github.com/centrica-engineering/muon/commit/a42388e49a04c402d0aa8e5f34bab7c4109d1d51))
+* **deps:** update dependencies ([19f8736](https://github.com/centrica-engineering/muon/commit/19f8736f06fb1e48e7af41a6a40c02e1f19885ff))
+* **deps:** update vulnerabilities ([c0aad11](https://github.com/centrica-engineering/muon/commit/c0aad11e69d18a12cedf04927ed29247d3972648))
+* eslint warning ([789b296](https://github.com/centrica-engineering/muon/commit/789b2961c56365a7c01e2ea3b0d3141fb2aa41dc))
+* examples story path ([aa53050](https://github.com/centrica-engineering/muon/commit/aa530500a34b0c9fe50a0afa4c17926967033b7d))
+* lint errors ([5938f65](https://github.com/centrica-engineering/muon/commit/5938f6566c71217553f557428d107bc0eb8a59ab))
+* missing resolve dep ([f026873](https://github.com/centrica-engineering/muon/commit/f02687382dbf03d7f40f5a89835a5c488b9cd410))
+* remove redundent code ([a414686](https://github.com/centrica-engineering/muon/commit/a414686ccb33016c1c2101ce20df33252fab69b7))
+* remove staticHTML from template ([23196a3](https://github.com/centrica-engineering/muon/commit/23196a32b42652a726a0c82e7884e78f9790ab58))
+* remove test ([41e7bbb](https://github.com/centrica-engineering/muon/commit/41e7bbb5e3127ca8a00c97a110986677be787a71))
+* reset test fixtures ([1bf64f4](https://github.com/centrica-engineering/muon/commit/1bf64f4bc15c36396027a402d14eefbc277a0ff8))
+* reset value ([b8682ee](https://github.com/centrica-engineering/muon/commit/b8682ee9b3deb7022cd49040f1264f417223c30f))
+* reset web component values ([40da965](https://github.com/centrica-engineering/muon/commit/40da9653e76474d973e766951c5ddf9c6249df6e))
+* test failure ([694fc36](https://github.com/centrica-engineering/muon/commit/694fc360c4db676b649aa64eb508fe30adf51b46))
+* test failure ([16d0075](https://github.com/centrica-engineering/muon/commit/16d00750d5383755025e41e49adba5cc01b834cf))
+* test failures ([c6fd411](https://github.com/centrica-engineering/muon/commit/c6fd41117c5201218721bc0c2501a5e4fca3fb93))
+* tmp directory skip ([58e9333](https://github.com/centrica-engineering/muon/commit/58e9333db57dac6400e2e612232125d8dcf56331))
+
+### [0.0.2-alpha.2](https://github.com/centrica-engineering/muon/compare/v0.0.2-alpha.1...v0.0.2-alpha.2) (2022-04-07)
+
+
+### Features
+
+* card mixin ([b6ffca6](https://github.com/centrica-engineering/muon/commit/b6ffca6df8ecef677c2d40c8fbf8d7f7423b411d))
+* card mixins, component and stories ([14abfd5](https://github.com/centrica-engineering/muon/commit/14abfd5fd897c6452c97a36cb923bbbabc28a839))
+* config disabled form element state ([7f1163c](https://github.com/centrica-engineering/muon/commit/7f1163c6746c9d14ed453ca586682a0ac16e80c7))
+* find stories based on config ([c3e38cf](https://github.com/centrica-engineering/muon/commit/c3e38cf1d7ac363713e068065adf3c6bc1679207))
+* include media template ([68228ca](https://github.com/centrica-engineering/muon/commit/68228cae09cadb417ef188184f37a686e2bdc527))
+* initial card styles ([4ebfd65](https://github.com/centrica-engineering/muon/commit/4ebfd65319387405b7441ad377a5d33bf1589fd3))
+* radio and checkbox styles to use ::slotted() ([1089a2e](https://github.com/centrica-engineering/muon/commit/1089a2e11455059c51a1c3e28d7b981110032321))
+
+
+### Bug Fixes
+
+* add null check and documentation ([bf1c9ea](https://github.com/centrica-engineering/muon/commit/bf1c9ea2dd77aff41a3ac5cb7c12974d3fde6bd1))
+* **deps:** update dependency @rollup/plugin-replace to v4 ([89c2905](https://github.com/centrica-engineering/muon/commit/89c29051d155ea1ea6c74c108143c6450ef651ae))
+* footer content ([c968ebe](https://github.com/centrica-engineering/muon/commit/c968ebeb95bb39cba712a452da422d207eef72d6))
+* getter templates and tests ([8aac023](https://github.com/centrica-engineering/muon/commit/8aac0232dd9c04b48d692cbb76096b6211fae78e))
+* inputter native validation ([e93715e](https://github.com/centrica-engineering/muon/commit/e93715e0bcc66e4ae2912d9a56f61a1bad48da35))
+* multiple validations ([594f848](https://github.com/centrica-engineering/muon/commit/594f848b2d757d437daee4d95c52ca6e87fe75c0))
+* prefix as string ([5564bb6](https://github.com/centrica-engineering/muon/commit/5564bb66b0116f9428c3b4be13b782aa91238cf7))
+* refactor action slot and card types ([b3e71a2](https://github.com/centrica-engineering/muon/commit/b3e71a2957702cf52996e36b938f21b1a51396db))
+* remove html entity ([f132b31](https://github.com/centrica-engineering/muon/commit/f132b316956bbe9c9c9502b1e28a483b02f440be))
+* remove html entity ([ab59174](https://github.com/centrica-engineering/muon/commit/ab59174fe4821dc1c776657c9f5c8c7f505c63b2))
+* remove placholder for card-image ([4a7019d](https://github.com/centrica-engineering/muon/commit/4a7019d4926f1358433ce57c019801a111822c74))
+* revert the change ([f61a5a9](https://github.com/centrica-engineering/muon/commit/f61a5a9413f649ce545e347584cd23149e366026))
+* sync value property to input element value ([cf440d3](https://github.com/centrica-engineering/muon/commit/cf440d389fb5c460130a0ade8b93d53e292be462))
+* typo ([cd61ec4](https://github.com/centrica-engineering/muon/commit/cd61ec466db20f7b115e70f970ecdb3cd9e8839b))
+
+### 0.0.2-alpha.1 (2022-03-07)
+
+
+### Features
+
+* add custom validation ([b6635e6](https://github.com/centrica-engineering/muon/commit/b6635e660224e9b53541c6efe82f002766d46e4d))
+* add default cta tokens ([5c7dc75](https://github.com/centrica-engineering/muon/commit/5c7dc75993718f9554d25d94a730c5476dec2a14))
+* add icon component and svg directive ([6297ffc](https://github.com/centrica-engineering/muon/commit/6297ffce1c9f92fdd9c1fbe86cbaf5b2ce5ca16e))
+* add initial components ([8bcca96](https://github.com/centrica-engineering/muon/commit/8bcca96db28678c17a178a22ee79c6fc5f340cba))
+* add initial image component and image loader directives ([b0426ee](https://github.com/centrica-engineering/muon/commit/b0426ee7fdb175d5c78415a43a1b5ca86dcdcf2e))
+* add light dom method ([a85e5da](https://github.com/centrica-engineering/muon/commit/a85e5da383668644a90fa01596f93f6613141bcc))
+* add loading class to classMap ([e8ae0c3](https://github.com/centrica-engineering/muon/commit/e8ae0c3dd9fa04ae7a71c538c29ee0cf9692360a))
+* add loading class to test ([0451b60](https://github.com/centrica-engineering/muon/commit/0451b60e572e3b0bbbc7277b1c30167a74017c3c))
+* add size tokens ([df04da1](https://github.com/centrica-engineering/muon/commit/df04da192e300a149c944f71ca8d0cac4ee401a5))
+* allow fill in high contrast ([c6fc8eb](https://github.com/centrica-engineering/muon/commit/c6fc8eb0c421cb77da4f4e660c0c5b51b0a4d66b))
+* apply hover to inputter detail ([80939a7](https://github.com/centrica-engineering/muon/commit/80939a79486a10d300fc1097a8db5b40ee9b2916))
+* blur event ([bc73210](https://github.com/centrica-engineering/muon/commit/bc73210fc8f8da1eea6ead7520f04a32ae6d7645))
+* change ICON token to ICON_NAME ([26b3930](https://github.com/centrica-engineering/muon/commit/26b393002961a6f6116e0d5ef65a94427b965354))
+* change link url to be `#!` ([ab7a9de](https://github.com/centrica-engineering/muon/commit/ab7a9de8af53889f41329b167594d73a2489892f))
+* checked and disabled for checkbox and radio ([30f3366](https://github.com/centrica-engineering/muon/commit/30f3366829c20f404836478c154913f89e9399f3))
+* chroma modify theme.color.text.dark ([a769feb](https://github.com/centrica-engineering/muon/commit/a769feb5faf35e7f3446e1e95e6a6c5c669c6587))
+* color tokens ([ee2439a](https://github.com/centrica-engineering/muon/commit/ee2439a7bc1a3f9e5860567a578d65633c744457))
+* content indent for toggle-start ([bb2d542](https://github.com/centrica-engineering/muon/commit/bb2d54289b0be819fbf98330f1abdc904abe4aa6))
+* css selector ([438f7c0](https://github.com/centrica-engineering/muon/commit/438f7c05f730c14da57971c7b4fcc4b0cb058e11))
+* cta styles ([44f5b2f](https://github.com/centrica-engineering/muon/commit/44f5b2f9e20e8f1a9009558482bb91559decc339))
+* deploy storybook ([b245cbe](https://github.com/centrica-engineering/muon/commit/b245cbe282b5bb4851adddbb88535d8c94623ed2))
+* detail icon ([7b6c0ef](https://github.com/centrica-engineering/muon/commit/7b6c0ef4e72c06c4ecdc803511525043fdca0b23))
+* detail mixin ([17b3f4b](https://github.com/centrica-engineering/muon/commit/17b3f4bb685ddb8a2982709666a23b8a7d11f804))
+* dispatch event for failed image ([933783d](https://github.com/centrica-engineering/muon/commit/933783dee9f7b7f7c10bc7806528e80d9d7c1cc7))
+* dynamically assign input type ([cc2f62f](https://github.com/centrica-engineering/muon/commit/cc2f62f82381b87691a065f9041f39a432843eb9))
+* es6 module ([9914cc3](https://github.com/centrica-engineering/muon/commit/9914cc37ae5bc99c767e7f072a4785a822a4a012))
+* fine tuning browser pseudo elements ([ddd958b](https://github.com/centrica-engineering/muon/commit/ddd958b87c190e102a26ed858fcf27e1d490acc1))
+* font tokens ([289cda4](https://github.com/centrica-engineering/muon/commit/289cda42143e64bf1923b2f9da2e48e32d135020))
+* form element mixin test coverage ([388eae5](https://github.com/centrica-engineering/muon/commit/388eae5d4133df5da744fc373f931d52cf20968d))
+* form element mixin test coverage ([04fe9d3](https://github.com/centrica-engineering/muon/commit/04fe9d34cf596511c47e2205e5a26a856582ed75))
+* formelement mixin ([f3a62c5](https://github.com/centrica-engineering/muon/commit/f3a62c514d924c4d36849814d1449520c100206e))
+* formelement mixin ([7d4d9ba](https://github.com/centrica-engineering/muon/commit/7d4d9ba124ee47c75f1c426fe112d0cdf889b601))
+* further cta styling ([85036b7](https://github.com/centrica-engineering/muon/commit/85036b757d6e8ae1d1772a96da9ee61d25e1e7a5))
+* global styles for checkbox and radio ([c26f4c3](https://github.com/centrica-engineering/muon/commit/c26f4c3fdc81fd56477a12ffe648e563785eb30b))
+* helper component ([03bf245](https://github.com/centrica-engineering/muon/commit/03bf2456960b9588440bb4ef0e838760b9e0dc82))
+* hide the details marker in Safari ([9758007](https://github.com/centrica-engineering/muon/commit/9758007dca98e0f53ca70ecc221838732b6871fa))
+* html and class name changes ([611b056](https://github.com/centrica-engineering/muon/commit/611b056054623c1e5240124dd55ce62e340f423e))
+* icon position ([6858520](https://github.com/centrica-engineering/muon/commit/68585200ef85c946f937af60b8c46e81e893ec78))
+* include cta spacer tokens ([e1d7d5f](https://github.com/centrica-engineering/muon/commit/e1d7d5fd66592464c9a3c59b65ef02a6b91be456))
+* include details icon and toggle size token ([f7a3643](https://github.com/centrica-engineering/muon/commit/f7a3643acc53a5642926be19112919d7974f98ce))
+* include disabled and e.g. to placeholder ([ff1ac80](https://github.com/centrica-engineering/muon/commit/ff1ac805f4a9703055c5cbd09cca7ccbdd2ca441))
+* include icons for date, search, select ([6ddc9d2](https://github.com/centrica-engineering/muon/commit/6ddc9d2b86cd151260248178540d0dc7a0b25b6e))
+* include inputter detail styles ([22115b8](https://github.com/centrica-engineering/muon/commit/22115b8c6177b786e9fedf22a81181bdaa6ea4ee))
+* include size token for cta icon ([f6ce21e](https://github.com/centrica-engineering/muon/commit/f6ce21ee07591a97b44ae3818bcd2f1b2b22461a))
+* include size token for validation icon ([4d34b16](https://github.com/centrica-engineering/muon/commit/4d34b1623cfa5b185f49d5a284c25c54373d0ec1))
+* include styles for details ([8b662ff](https://github.com/centrica-engineering/muon/commit/8b662ff3c2d49ee8df3cbd79043811ebea776ec6))
+* including autocomplete attribute ([88663cd](https://github.com/centrica-engineering/muon/commit/88663cd0b8ad07d19e935d2ab1de5d7cd91f44b2))
+* initial inputter styles ([6c948a1](https://github.com/centrica-engineering/muon/commit/6c948a1bb07a711dd8e2ae34b82e6da32dbcb557))
+* initial tokens for cta ([db945d4](https://github.com/centrica-engineering/muon/commit/db945d4a2bc5c8193cd044ff7b41982f0a007492))
+* initialise properties in constructor ([6fe8d20](https://github.com/centrica-engineering/muon/commit/6fe8d20f829ef98731022fd24f55c4aea8c27bd2))
+* input type icon ([3ad5848](https://github.com/centrica-engineering/muon/commit/3ad584883ecc23a370572cc742bdb264fd29f244))
+* introduce a default state token ([4364be6](https://github.com/centrica-engineering/muon/commit/4364be6316623d956c3cdc8489f21dc37af38ad3))
+* introduce colours ([fdef9f7](https://github.com/centrica-engineering/muon/commit/fdef9f759a04c343aebee4d63cc7e9a4802bc87f))
+* introduce disabled variant ([d938ee7](https://github.com/centrica-engineering/muon/commit/d938ee71ca19886e920fc8c33e949e501f7b543f))
+* introduce global styles for slotted content ([620bc6b](https://github.com/centrica-engineering/muon/commit/620bc6b4aa2ede9f42b80c044c1a79a1ea5bcc9f))
+* label and textarea display ([2c58aac](https://github.com/centrica-engineering/muon/commit/2c58aac3751227b2994f0e5b772df04c293be2e1))
+* mask and separator ([8d74ffc](https://github.com/centrica-engineering/muon/commit/8d74ffcc0b00812a1beed7a46d694b6498b492ce))
+* mask mixin ([d82ab59](https://github.com/centrica-engineering/muon/commit/d82ab59384f3b138b38adced40142c51dd02cec0))
+* mask separator controller and directive ([4372c68](https://github.com/centrica-engineering/muon/commit/4372c68f97288a896462fb0541f2aa4144f7fad8))
+* muon wrapper elements ([d9f1608](https://github.com/centrica-engineering/muon/commit/d9f16088f5eb1cc3241dbd987be642336afb38ba))
+* muonelement as mixin ([59726db](https://github.com/centrica-engineering/muon/commit/59726db84b33ba798431e5a8218dc95437dbdadc))
+* open close icon tokens ([0876cf5](https://github.com/centrica-engineering/muon/commit/0876cf5b95d60d7eba0a7947aab74cb6709eae4b))
+* property name typo ([c066055](https://github.com/centrica-engineering/muon/commit/c0660552825beaa3e3bc6cb3362d6f6dcaf9b81a))
+* radio and checkbox slotted base style ([d5728a5](https://github.com/centrica-engineering/muon/commit/d5728a505cb4b7b7d58f52e37f446347a3e63e9f))
+* reduce dom depth ([1666614](https://github.com/centrica-engineering/muon/commit/166661439d230646783e750a6a26fca4c3237af5))
+* remove global inputter styles ([eb11e35](https://github.com/centrica-engineering/muon/commit/eb11e358eded387ad354cb5d41c4ed990c4bb779))
+* rename toggle-icon to toggle ([9fb4b9a](https://github.com/centrica-engineering/muon/commit/9fb4b9ae6e6c1a0e32d8ac06d80bbb943c0907e8))
+* review changes ([6f1fb35](https://github.com/centrica-engineering/muon/commit/6f1fb3539736437f7bc629071cba53ec353ae30b))
+* separator spacing and tests ([51a8a42](https://github.com/centrica-engineering/muon/commit/51a8a42d7aa4cd709c2dc33438919d840885123c))
+* size token for inputter detail icon ([3992edc](https://github.com/centrica-engineering/muon/commit/3992edce826a8c755319dd035a2b3f8fe182a4ed))
+* size token for inputter icon ([a9fd723](https://github.com/centrica-engineering/muon/commit/a9fd723e7890f8a451e039d1e94c4c4391dc13be))
+* size token for multiple inputter icon ([fb1942f](https://github.com/centrica-engineering/muon/commit/fb1942f6fde17c12c273c5a481b4a6a3056d7eee))
+* spacer tokens ([51b8cb2](https://github.com/centrica-engineering/muon/commit/51b8cb2c6ab5dba8655e81f0a97793905e626573))
+* spacer tokens for inputter ([42f4dd0](https://github.com/centrica-engineering/muon/commit/42f4dd00ec9901799c44d9166c02c8fa08fc764c))
+* story for disabled input ([dc97895](https://github.com/centrica-engineering/muon/commit/dc9789544447ba7ea0380ec2e7d3990dff4123b6))
+* styles and tokens for detail component ([0e400c4](https://github.com/centrica-engineering/muon/commit/0e400c44582c1accdbdf47b7c483abd13460cbba))
+* styles and tokens for inputter ([ad40f9c](https://github.com/centrica-engineering/muon/commit/ad40f9c81a3691ca2290a1155d966125bc2487eb))
+* styling mask, separator, radio and checkbox ([d8083db](https://github.com/centrica-engineering/muon/commit/d8083db99c90659f1bfbe85ef44977a8f2712aea))
+* test fixes ([688cbae](https://github.com/centrica-engineering/muon/commit/688cbae2d9d0343d193e584c9b9417ec9ad46180))
+* test fixes ([4c304b4](https://github.com/centrica-engineering/muon/commit/4c304b4386888f77c9769f4faa6e1070d81e7c00))
+* toggle icon position css ([6222dbf](https://github.com/centrica-engineering/muon/commit/6222dbfc727c9d1c753d74ea1b8d3bcdcb314ea6))
+* token storybook ([9e11667](https://github.com/centrica-engineering/muon/commit/9e11667b946f1a3e3ff7aa24d52a9e7b3e9d99e1))
+* update snapshot ([3155828](https://github.com/centrica-engineering/muon/commit/3155828e4b1c8ee7c1e856809f4e1d649b0d755c))
+* update stories ([4525c0d](https://github.com/centrica-engineering/muon/commit/4525c0db91ed9ae21c5cfd8ec01be8811ea576d6))
+* update to use latest tokens ([c12004a](https://github.com/centrica-engineering/muon/commit/c12004aa283077839322b8d2d222e10cb95d5502))
+* use CanvasText for fill value ([1b1f68e](https://github.com/centrica-engineering/muon/commit/1b1f68ed421cf78620c2caf1690954bfc7058d9f))
+* validation icon and helper styles ([03b61ad](https://github.com/centrica-engineering/muon/commit/03b61ad898e2ef1498e7fe9bb487f7e84167febe))
+* validation mixin ([6ecbd6e](https://github.com/centrica-engineering/muon/commit/6ecbd6e4b91ae9f69627d2549ecfcf1878d79c09))
+* validation state ([13aec96](https://github.com/centrica-engineering/muon/commit/13aec969c57f41e9bf3eff4ac09702d0e48f1cf1))
+* whitespace tweaks ([ca1ec3e](https://github.com/centrica-engineering/muon/commit/ca1ec3e80ee9b5504d5a43472e04e895d341f1b1))
+
+
+### Bug Fixes
+
+* [@muon](https://github.com/muons) ([46c3146](https://github.com/centrica-engineering/muon/commit/46c3146d7a44d168ca40cc72589c0f400722d41f))
+* add inputter snapshot ([6f48488](https://github.com/centrica-engineering/muon/commit/6f48488e2fb3468e341ea5d6ecb57cbf4b341344))
+* add inputter test ([d551b57](https://github.com/centrica-engineering/muon/commit/d551b576957a8ef71207363d06dee5637983426d))
+* add missing catches and default values ([40141d4](https://github.com/centrica-engineering/muon/commit/40141d45fa46e5ea23e20fb248b0aa007c2d5f4b))
+* add missing deps ([da9ad60](https://github.com/centrica-engineering/muon/commit/da9ad600def70549cf10c3fbfeb1421ca0441e46))
+* addlightdom private ([a552c91](https://github.com/centrica-engineering/muon/commit/a552c91dde6763d3ec752f77c800f294e0581386))
+* adoptedstyles not working ([5d6d20b](https://github.com/centrica-engineering/muon/commit/5d6d20bee3ba4ed7c95b6c54624e5c1e156d9292))
+* async default check ([634c679](https://github.com/centrica-engineering/muon/commit/634c679c05ff390686311f8a545eafd39e22ca86))
+* async snapshot call ([7769330](https://github.com/centrica-engineering/muon/commit/77693304a267c49d4394b92aa11f400f9e49360e))
+* broken location for tokens and stories ([6f8b899](https://github.com/centrica-engineering/muon/commit/6f8b899ce58e8ed9e42725710c26922db4b9da06))
+* change input type state to getter ([e835d62](https://github.com/centrica-engineering/muon/commit/e835d622b7b32f1a53485633541b74046beac296))
+* change scope name ([5412ddb](https://github.com/centrica-engineering/muon/commit/5412ddbba12bbf6b3fa4d63b9f57ab44ffb96e56))
+* console error ([8e8fec7](https://github.com/centrica-engineering/muon/commit/8e8fec7c0919063c17d12668189eda3032cc8ca6))
+* contrain svg to bounds of icon size ([42cc9d0](https://github.com/centrica-engineering/muon/commit/42cc9d059741e7d2583cc1bf6487a434c7458562))
+* css linting ([510d5e1](https://github.com/centrica-engineering/muon/commit/510d5e12c3c02d12f217e9c7a0356f8e2c86de48))
+* dedupeMixin for FormElementMixin ([149e93e](https://github.com/centrica-engineering/muon/commit/149e93e669edf330f97256fd9b9a7902d85fb560))
+* **deps:** update dependency rollup-plugin-styles to v4 ([a57ec09](https://github.com/centrica-engineering/muon/commit/a57ec09576f625454dbab3635f318749460e644e))
+* disabled state for cta and to work within button ([7864117](https://github.com/centrica-engineering/muon/commit/78641173744e964e57f2da9cbde43ba81c7ab7ec))
+* duplicate custom element names error ([61efab2](https://github.com/centrica-engineering/muon/commit/61efab225a53495eef7352c4cc56042cf47e4571))
+* execsync ([c34dba0](https://github.com/centrica-engineering/muon/commit/c34dba09eb1c7f75f4d18fa019dc86d88bc28f5b))
+* filter stories ([6a14864](https://github.com/centrica-engineering/muon/commit/6a1486462a65324894ae4e616d8d79c99b836f87))
+* fix tab index for child element and add attribute for loading message ([6479c57](https://github.com/centrica-engineering/muon/commit/6479c570d166e07780af933ee8f82cc3ba93de17))
+* form element snapshot changes ([48221c2](https://github.com/centrica-engineering/muon/commit/48221c24df1622842f7bc1d7c80a0d34ccbebae3))
+* icon for validation message ([1e761b5](https://github.com/centrica-engineering/muon/commit/1e761b5564c0252d931e327b934b06c174fc00e7))
+* icon in mixin ([a3889f7](https://github.com/centrica-engineering/muon/commit/a3889f72073c4b8aead6df46bb8a1842a383d29c))
+* icon position for detail component ([17610c3](https://github.com/centrica-engineering/muon/commit/17610c387d5e3217312a197e1a9b2387616d63be))
+* included type ([2d43767](https://github.com/centrica-engineering/muon/commit/2d4376782d53e7fe1881abb5e9de935bbbc88f78))
+* issue with postcss not allowing start|end values ([54884e6](https://github.com/centrica-engineering/muon/commit/54884e6e7bef476a7e00dca190a98040b26e63e1))
+* linting and Merge branch 'main' ([e6f70ae](https://github.com/centrica-engineering/muon/commit/e6f70ae1327f4f15af51c04e26b15289a98a2685))
+* linting warnings ([9089546](https://github.com/centrica-engineering/muon/commit/90895467be4a220780fe2f2cb823e911a96636c4))
+* lowercase CSS value ([5520296](https://github.com/centrica-engineering/muon/commit/55202961a5f5e070e98c5ce2235a4f83a66ce7e6))
+* lowercase directive ([abfbcb0](https://github.com/centrica-engineering/muon/commit/abfbcb0cc2be9059d4d22d42e9b39f4caa31e3ca))
+* mask contrast ratio ([2a6c24c](https://github.com/centrica-engineering/muon/commit/2a6c24cf2e96477377e2e143af508ec15913e373))
+* mask template merge issue ([a9a06d4](https://github.com/centrica-engineering/muon/commit/a9a06d49b53389e15b054379008e3ae1324c42ed))
+* mixin import path ([094c306](https://github.com/centrica-engineering/muon/commit/094c3066cf85cc708d3018c568707c844f753939))
+* move component definer to util ([1b619c3](https://github.com/centrica-engineering/muon/commit/1b619c3d41e7855474a60c4eebcfde89e89f7267))
+* namespace from config ([131209a](https://github.com/centrica-engineering/muon/commit/131209a51fbd78bda365a0df181f8588ffa00525))
+* package path ([e833485](https://github.com/centrica-engineering/muon/commit/e8334852a7e687fb2581da8e5be2b52a9ed56b96))
+* path to component definer ([11d7742](https://github.com/centrica-engineering/muon/commit/11d7742e4b1525b87e968d66582f166915f285b8))
+* postcss working with light dom styles ([43ce030](https://github.com/centrica-engineering/muon/commit/43ce030bdd6b5ba5988b88b5c9d4588d812a2990))
+* prefix config ([504ee8c](https://github.com/centrica-engineering/muon/commit/504ee8c3be265dcd9a63c476dd64e1b948667037))
+* radio and checkbox vertical alignment ([e0b4998](https://github.com/centrica-engineering/muon/commit/e0b499828011f484afa8571652831447358cded3))
+* remove console ([ee08614](https://github.com/centrica-engineering/muon/commit/ee08614d34473e0c2c84f648f3323c5189a0d367))
+* remove console log ([f7897b3](https://github.com/centrica-engineering/muon/commit/f7897b3f1d42f7f25c2f144c419c178f76d2caf7))
+* remove console log ([0f165f7](https://github.com/centrica-engineering/muon/commit/0f165f764f9048e0572391de2b1879faddefca1e))
+* remove duplicate property type for cta ([2a1ce13](https://github.com/centrica-engineering/muon/commit/2a1ce13f1eac624280d662a77627782eb586fa53))
+* remove muon script ([287531e](https://github.com/centrica-engineering/muon/commit/287531e677ad12ead1734742f527a6bc0e0f4a6d))
+* remove node resolve ([b1511c5](https://github.com/centrica-engineering/muon/commit/b1511c5b5827db16a44bcf7263c92828f07c79f3))
+* remove private for library ([03e6701](https://github.com/centrica-engineering/muon/commit/03e67011cdc4e5f2c045b73d647cb470a27a47eb))
+* remove puppeteer ([8fa1a66](https://github.com/centrica-engineering/muon/commit/8fa1a662daec93766318fb1e8be71cf04d0d4ee3))
+* remove unused state ([0335f7f](https://github.com/centrica-engineering/muon/commit/0335f7ff43a67e66269bc0c3d56ca64f7c435e6b))
+* rename error keyword ([9aed69c](https://github.com/centrica-engineering/muon/commit/9aed69c282c492fc8e7101e6b2a66fb260eae490))
+* rename inputType assign logic ([fab84e0](https://github.com/centrica-engineering/muon/commit/fab84e05ba6e0e446f2bd0721cba03666f5d0d5f))
+* rename mixin ([272f47a](https://github.com/centrica-engineering/muon/commit/272f47a20a545ed71c0abbde102ac1e27b3f02fd))
+* resolve node and input ([45baf89](https://github.com/centrica-engineering/muon/commit/45baf89a061f3a0424e8431de5dc4fb9673d0538))
+* snapshot changes ([79b715d](https://github.com/centrica-engineering/muon/commit/79b715db7a114adf80aab228f536784449fdd0dd))
+* stop icon from shrinking ([aa77818](https://github.com/centrica-engineering/muon/commit/aa77818d6c1ea4b5f3b7c46fc5aad4bd989ea2c9))
+* styles for disabled ([05a626c](https://github.com/centrica-engineering/muon/commit/05a626c30c230e58d4725f0cb03875db49dbfa71))
+* test context issue ([82335f6](https://github.com/centrica-engineering/muon/commit/82335f6e74423391d2118fbbca3e381dc7d666d8))
+* test failures ([b51e46e](https://github.com/centrica-engineering/muon/commit/b51e46e5924719b90ab160dc657138ab216bc47a))
+* test failures ([2577e81](https://github.com/centrica-engineering/muon/commit/2577e8131cade40102a6cbfd4faa2ef312c30aa4))
+* test fixtures ([0f18c41](https://github.com/centrica-engineering/muon/commit/0f18c41ecedab92d8c81d15c457bd39956bf1e67))
+* test runner library change ([e1428e6](https://github.com/centrica-engineering/muon/commit/e1428e6bcb92ab3ec5f5d17419090c812942815d))
+* test-runner-path ([9e2d490](https://github.com/centrica-engineering/muon/commit/9e2d490f771668ad2379f52ba552ce77cc05c7b6))
+* to dist dir ([280f25b](https://github.com/centrica-engineering/muon/commit/280f25b5059969021a63fb710fdb2a059e918af8))
+* token dependency ([672039d](https://github.com/centrica-engineering/muon/commit/672039d73871044b1dba95ef8aa95989de9e83a0))
+* use .mjs ([33be8b0](https://github.com/centrica-engineering/muon/commit/33be8b040990d93a92fd586aa438353d2ec25cc5))
+
+### 0.0.2-alpha.0 (2022-01-31)
+
+
+### Features
+
+* add custom validation ([b6635e6](https://github.com/centrica-engineering/muon/commit/b6635e660224e9b53541c6efe82f002766d46e4d))
+* add default cta tokens ([5c7dc75](https://github.com/centrica-engineering/muon/commit/5c7dc75993718f9554d25d94a730c5476dec2a14))
+* add icon component and svg directive ([6297ffc](https://github.com/centrica-engineering/muon/commit/6297ffce1c9f92fdd9c1fbe86cbaf5b2ce5ca16e))
+* add initial components ([8bcca96](https://github.com/centrica-engineering/muon/commit/8bcca96db28678c17a178a22ee79c6fc5f340cba))
+* add initial image component and image loader directives ([b0426ee](https://github.com/centrica-engineering/muon/commit/b0426ee7fdb175d5c78415a43a1b5ca86dcdcf2e))
+* add light dom method ([a85e5da](https://github.com/centrica-engineering/muon/commit/a85e5da383668644a90fa01596f93f6613141bcc))
+* add loading class to classMap ([e8ae0c3](https://github.com/centrica-engineering/muon/commit/e8ae0c3dd9fa04ae7a71c538c29ee0cf9692360a))
+* add loading class to test ([0451b60](https://github.com/centrica-engineering/muon/commit/0451b60e572e3b0bbbc7277b1c30167a74017c3c))
+* allow fill in high contrast ([c6fc8eb](https://github.com/centrica-engineering/muon/commit/c6fc8eb0c421cb77da4f4e660c0c5b51b0a4d66b))
+* apply hover to inputter detail ([80939a7](https://github.com/centrica-engineering/muon/commit/80939a79486a10d300fc1097a8db5b40ee9b2916))
+* blur event ([bc73210](https://github.com/centrica-engineering/muon/commit/bc73210fc8f8da1eea6ead7520f04a32ae6d7645))
+* change ICON token to ICON_NAME ([26b3930](https://github.com/centrica-engineering/muon/commit/26b393002961a6f6116e0d5ef65a94427b965354))
+* change link url to be `#!` ([ab7a9de](https://github.com/centrica-engineering/muon/commit/ab7a9de8af53889f41329b167594d73a2489892f))
+* checked and disabled for checkbox and radio ([30f3366](https://github.com/centrica-engineering/muon/commit/30f3366829c20f404836478c154913f89e9399f3))
+* chroma modify theme.color.text.dark ([a769feb](https://github.com/centrica-engineering/muon/commit/a769feb5faf35e7f3446e1e95e6a6c5c669c6587))
+* color tokens ([ee2439a](https://github.com/centrica-engineering/muon/commit/ee2439a7bc1a3f9e5860567a578d65633c744457))
+* content indent for toggle-start ([bb2d542](https://github.com/centrica-engineering/muon/commit/bb2d54289b0be819fbf98330f1abdc904abe4aa6))
+* css selector ([438f7c0](https://github.com/centrica-engineering/muon/commit/438f7c05f730c14da57971c7b4fcc4b0cb058e11))
+* cta styles ([44f5b2f](https://github.com/centrica-engineering/muon/commit/44f5b2f9e20e8f1a9009558482bb91559decc339))
+* deploy storybook ([b245cbe](https://github.com/centrica-engineering/muon/commit/b245cbe282b5bb4851adddbb88535d8c94623ed2))
+* detail icon ([7b6c0ef](https://github.com/centrica-engineering/muon/commit/7b6c0ef4e72c06c4ecdc803511525043fdca0b23))
+* detail mixin ([17b3f4b](https://github.com/centrica-engineering/muon/commit/17b3f4bb685ddb8a2982709666a23b8a7d11f804))
+* dispatch event for failed image ([933783d](https://github.com/centrica-engineering/muon/commit/933783dee9f7b7f7c10bc7806528e80d9d7c1cc7))
+* dynamically assign input type ([cc2f62f](https://github.com/centrica-engineering/muon/commit/cc2f62f82381b87691a065f9041f39a432843eb9))
+* es6 module ([9914cc3](https://github.com/centrica-engineering/muon/commit/9914cc37ae5bc99c767e7f072a4785a822a4a012))
+* fine tuning browser pseudo elements ([ddd958b](https://github.com/centrica-engineering/muon/commit/ddd958b87c190e102a26ed858fcf27e1d490acc1))
+* font tokens ([289cda4](https://github.com/centrica-engineering/muon/commit/289cda42143e64bf1923b2f9da2e48e32d135020))
+* form element mixin test coverage ([388eae5](https://github.com/centrica-engineering/muon/commit/388eae5d4133df5da744fc373f931d52cf20968d))
+* form element mixin test coverage ([04fe9d3](https://github.com/centrica-engineering/muon/commit/04fe9d34cf596511c47e2205e5a26a856582ed75))
+* formelement mixin ([f3a62c5](https://github.com/centrica-engineering/muon/commit/f3a62c514d924c4d36849814d1449520c100206e))
+* formelement mixin ([7d4d9ba](https://github.com/centrica-engineering/muon/commit/7d4d9ba124ee47c75f1c426fe112d0cdf889b601))
+* further cta styling ([85036b7](https://github.com/centrica-engineering/muon/commit/85036b757d6e8ae1d1772a96da9ee61d25e1e7a5))
+* global styles for checkbox and radio ([c26f4c3](https://github.com/centrica-engineering/muon/commit/c26f4c3fdc81fd56477a12ffe648e563785eb30b))
+* helper component ([03bf245](https://github.com/centrica-engineering/muon/commit/03bf2456960b9588440bb4ef0e838760b9e0dc82))
+* hide the details marker in Safari ([9758007](https://github.com/centrica-engineering/muon/commit/9758007dca98e0f53ca70ecc221838732b6871fa))
+* html and class name changes ([611b056](https://github.com/centrica-engineering/muon/commit/611b056054623c1e5240124dd55ce62e340f423e))
+* icon position ([6858520](https://github.com/centrica-engineering/muon/commit/68585200ef85c946f937af60b8c46e81e893ec78))
+* include cta spacer tokens ([e1d7d5f](https://github.com/centrica-engineering/muon/commit/e1d7d5fd66592464c9a3c59b65ef02a6b91be456))
+* include disabled and e.g. to placeholder ([ff1ac80](https://github.com/centrica-engineering/muon/commit/ff1ac805f4a9703055c5cbd09cca7ccbdd2ca441))
+* include icons for date, search, select ([6ddc9d2](https://github.com/centrica-engineering/muon/commit/6ddc9d2b86cd151260248178540d0dc7a0b25b6e))
+* include inputter detail styles ([22115b8](https://github.com/centrica-engineering/muon/commit/22115b8c6177b786e9fedf22a81181bdaa6ea4ee))
+* include styles for details ([8b662ff](https://github.com/centrica-engineering/muon/commit/8b662ff3c2d49ee8df3cbd79043811ebea776ec6))
+* including autocomplete attribute ([88663cd](https://github.com/centrica-engineering/muon/commit/88663cd0b8ad07d19e935d2ab1de5d7cd91f44b2))
+* initial inputter styles ([6c948a1](https://github.com/centrica-engineering/muon/commit/6c948a1bb07a711dd8e2ae34b82e6da32dbcb557))
+* initial tokens for cta ([db945d4](https://github.com/centrica-engineering/muon/commit/db945d4a2bc5c8193cd044ff7b41982f0a007492))
+* initialise properties in constructor ([6fe8d20](https://github.com/centrica-engineering/muon/commit/6fe8d20f829ef98731022fd24f55c4aea8c27bd2))
+* input type icon ([3ad5848](https://github.com/centrica-engineering/muon/commit/3ad584883ecc23a370572cc742bdb264fd29f244))
+* introduce a default state token ([4364be6](https://github.com/centrica-engineering/muon/commit/4364be6316623d956c3cdc8489f21dc37af38ad3))
+* introduce colours ([fdef9f7](https://github.com/centrica-engineering/muon/commit/fdef9f759a04c343aebee4d63cc7e9a4802bc87f))
+* introduce disabled variant ([d938ee7](https://github.com/centrica-engineering/muon/commit/d938ee71ca19886e920fc8c33e949e501f7b543f))
+* introduce global styles for slotted content ([620bc6b](https://github.com/centrica-engineering/muon/commit/620bc6b4aa2ede9f42b80c044c1a79a1ea5bcc9f))
+* label and textarea display ([2c58aac](https://github.com/centrica-engineering/muon/commit/2c58aac3751227b2994f0e5b772df04c293be2e1))
+* mask and separator ([8d74ffc](https://github.com/centrica-engineering/muon/commit/8d74ffcc0b00812a1beed7a46d694b6498b492ce))
+* mask mixin ([d82ab59](https://github.com/centrica-engineering/muon/commit/d82ab59384f3b138b38adced40142c51dd02cec0))
+* mask separator controller and directive ([4372c68](https://github.com/centrica-engineering/muon/commit/4372c68f97288a896462fb0541f2aa4144f7fad8))
+* muon wrapper elements ([d9f1608](https://github.com/centrica-engineering/muon/commit/d9f16088f5eb1cc3241dbd987be642336afb38ba))
+* muonelement as mixin ([59726db](https://github.com/centrica-engineering/muon/commit/59726db84b33ba798431e5a8218dc95437dbdadc))
+* open close icon tokens ([0876cf5](https://github.com/centrica-engineering/muon/commit/0876cf5b95d60d7eba0a7947aab74cb6709eae4b))
+* property name typo ([c066055](https://github.com/centrica-engineering/muon/commit/c0660552825beaa3e3bc6cb3362d6f6dcaf9b81a))
+* radio and checkbox slotted base style ([d5728a5](https://github.com/centrica-engineering/muon/commit/d5728a505cb4b7b7d58f52e37f446347a3e63e9f))
+* reduce dom depth ([1666614](https://github.com/centrica-engineering/muon/commit/166661439d230646783e750a6a26fca4c3237af5))
+* remove global inputter styles ([eb11e35](https://github.com/centrica-engineering/muon/commit/eb11e358eded387ad354cb5d41c4ed990c4bb779))
+* rename toggle-icon to toggle ([9fb4b9a](https://github.com/centrica-engineering/muon/commit/9fb4b9ae6e6c1a0e32d8ac06d80bbb943c0907e8))
+* review changes ([6f1fb35](https://github.com/centrica-engineering/muon/commit/6f1fb3539736437f7bc629071cba53ec353ae30b))
+* separator spacing and tests ([51a8a42](https://github.com/centrica-engineering/muon/commit/51a8a42d7aa4cd709c2dc33438919d840885123c))
+* spacer tokens ([51b8cb2](https://github.com/centrica-engineering/muon/commit/51b8cb2c6ab5dba8655e81f0a97793905e626573))
+* spacer tokens for inputter ([42f4dd0](https://github.com/centrica-engineering/muon/commit/42f4dd00ec9901799c44d9166c02c8fa08fc764c))
+* story for disabled input ([dc97895](https://github.com/centrica-engineering/muon/commit/dc9789544447ba7ea0380ec2e7d3990dff4123b6))
+* styles and tokens for detail component ([0e400c4](https://github.com/centrica-engineering/muon/commit/0e400c44582c1accdbdf47b7c483abd13460cbba))
+* styles and tokens for inputter ([ad40f9c](https://github.com/centrica-engineering/muon/commit/ad40f9c81a3691ca2290a1155d966125bc2487eb))
+* styling mask, separator, radio and checkbox ([d8083db](https://github.com/centrica-engineering/muon/commit/d8083db99c90659f1bfbe85ef44977a8f2712aea))
+* test fixes ([688cbae](https://github.com/centrica-engineering/muon/commit/688cbae2d9d0343d193e584c9b9417ec9ad46180))
+* test fixes ([4c304b4](https://github.com/centrica-engineering/muon/commit/4c304b4386888f77c9769f4faa6e1070d81e7c00))
+* toggle icon position css ([6222dbf](https://github.com/centrica-engineering/muon/commit/6222dbfc727c9d1c753d74ea1b8d3bcdcb314ea6))
+* token storybook ([9e11667](https://github.com/centrica-engineering/muon/commit/9e11667b946f1a3e3ff7aa24d52a9e7b3e9d99e1))
+* update snapshot ([3155828](https://github.com/centrica-engineering/muon/commit/3155828e4b1c8ee7c1e856809f4e1d649b0d755c))
+* update stories ([4525c0d](https://github.com/centrica-engineering/muon/commit/4525c0db91ed9ae21c5cfd8ec01be8811ea576d6))
+* update to use latest tokens ([c12004a](https://github.com/centrica-engineering/muon/commit/c12004aa283077839322b8d2d222e10cb95d5502))
+* use CanvasText for fill value ([1b1f68e](https://github.com/centrica-engineering/muon/commit/1b1f68ed421cf78620c2caf1690954bfc7058d9f))
+* validation icon and helper styles ([03b61ad](https://github.com/centrica-engineering/muon/commit/03b61ad898e2ef1498e7fe9bb487f7e84167febe))
+* validation mixin ([6ecbd6e](https://github.com/centrica-engineering/muon/commit/6ecbd6e4b91ae9f69627d2549ecfcf1878d79c09))
+* validation state ([13aec96](https://github.com/centrica-engineering/muon/commit/13aec969c57f41e9bf3eff4ac09702d0e48f1cf1))
+* whitespace tweaks ([ca1ec3e](https://github.com/centrica-engineering/muon/commit/ca1ec3e80ee9b5504d5a43472e04e895d341f1b1))
+
+
+### Bug Fixes
+
+* [@muon](https://github.com/muons) ([46c3146](https://github.com/centrica-engineering/muon/commit/46c3146d7a44d168ca40cc72589c0f400722d41f))
+* add inputter snapshot ([6f48488](https://github.com/centrica-engineering/muon/commit/6f48488e2fb3468e341ea5d6ecb57cbf4b341344))
+* add inputter test ([d551b57](https://github.com/centrica-engineering/muon/commit/d551b576957a8ef71207363d06dee5637983426d))
+* add missing catches and default values ([40141d4](https://github.com/centrica-engineering/muon/commit/40141d45fa46e5ea23e20fb248b0aa007c2d5f4b))
+* add missing deps ([da9ad60](https://github.com/centrica-engineering/muon/commit/da9ad600def70549cf10c3fbfeb1421ca0441e46))
+* adoptedstyles not working ([5d6d20b](https://github.com/centrica-engineering/muon/commit/5d6d20bee3ba4ed7c95b6c54624e5c1e156d9292))
+* async default check ([634c679](https://github.com/centrica-engineering/muon/commit/634c679c05ff390686311f8a545eafd39e22ca86))
+* async snapshot call ([7769330](https://github.com/centrica-engineering/muon/commit/77693304a267c49d4394b92aa11f400f9e49360e))
+* change input type state to getter ([e835d62](https://github.com/centrica-engineering/muon/commit/e835d622b7b32f1a53485633541b74046beac296))
+* change scope name ([5412ddb](https://github.com/centrica-engineering/muon/commit/5412ddbba12bbf6b3fa4d63b9f57ab44ffb96e56))
+* contrain svg to bounds of icon size ([42cc9d0](https://github.com/centrica-engineering/muon/commit/42cc9d059741e7d2583cc1bf6487a434c7458562))
+* css linting ([510d5e1](https://github.com/centrica-engineering/muon/commit/510d5e12c3c02d12f217e9c7a0356f8e2c86de48))
+* dedupeMixin for FormElementMixin ([149e93e](https://github.com/centrica-engineering/muon/commit/149e93e669edf330f97256fd9b9a7902d85fb560))
+* **deps:** update dependency rollup-plugin-styles to v4 ([a57ec09](https://github.com/centrica-engineering/muon/commit/a57ec09576f625454dbab3635f318749460e644e))
+* disabled state for cta and to work within button ([7864117](https://github.com/centrica-engineering/muon/commit/78641173744e964e57f2da9cbde43ba81c7ab7ec))
+* duplicate custom element names error ([61efab2](https://github.com/centrica-engineering/muon/commit/61efab225a53495eef7352c4cc56042cf47e4571))
+* execsync ([c34dba0](https://github.com/centrica-engineering/muon/commit/c34dba09eb1c7f75f4d18fa019dc86d88bc28f5b))
+* filter stories ([6a14864](https://github.com/centrica-engineering/muon/commit/6a1486462a65324894ae4e616d8d79c99b836f87))
+* fix tab index for child element and add attribute for loading message ([6479c57](https://github.com/centrica-engineering/muon/commit/6479c570d166e07780af933ee8f82cc3ba93de17))
+* form element snapshot changes ([48221c2](https://github.com/centrica-engineering/muon/commit/48221c24df1622842f7bc1d7c80a0d34ccbebae3))
+* icon for validation message ([1e761b5](https://github.com/centrica-engineering/muon/commit/1e761b5564c0252d931e327b934b06c174fc00e7))
+* icon in mixin ([a3889f7](https://github.com/centrica-engineering/muon/commit/a3889f72073c4b8aead6df46bb8a1842a383d29c))
+* icon position for detail component ([17610c3](https://github.com/centrica-engineering/muon/commit/17610c387d5e3217312a197e1a9b2387616d63be))
+* included type ([2d43767](https://github.com/centrica-engineering/muon/commit/2d4376782d53e7fe1881abb5e9de935bbbc88f78))
+* issue with postcss not allowing start|end values ([54884e6](https://github.com/centrica-engineering/muon/commit/54884e6e7bef476a7e00dca190a98040b26e63e1))
+* linting and Merge branch 'main' ([e6f70ae](https://github.com/centrica-engineering/muon/commit/e6f70ae1327f4f15af51c04e26b15289a98a2685))
+* lowercase CSS value ([5520296](https://github.com/centrica-engineering/muon/commit/55202961a5f5e070e98c5ce2235a4f83a66ce7e6))
+* lowercase directive ([abfbcb0](https://github.com/centrica-engineering/muon/commit/abfbcb0cc2be9059d4d22d42e9b39f4caa31e3ca))
+* mask contrast ratio ([2a6c24c](https://github.com/centrica-engineering/muon/commit/2a6c24cf2e96477377e2e143af508ec15913e373))
+* mask template merge issue ([a9a06d4](https://github.com/centrica-engineering/muon/commit/a9a06d49b53389e15b054379008e3ae1324c42ed))
+* mixin import path ([094c306](https://github.com/centrica-engineering/muon/commit/094c3066cf85cc708d3018c568707c844f753939))
+* namespace from config ([131209a](https://github.com/centrica-engineering/muon/commit/131209a51fbd78bda365a0df181f8588ffa00525))
+* package path ([e833485](https://github.com/centrica-engineering/muon/commit/e8334852a7e687fb2581da8e5be2b52a9ed56b96))
+* remove console ([ee08614](https://github.com/centrica-engineering/muon/commit/ee08614d34473e0c2c84f648f3323c5189a0d367))
+* remove console log ([0f165f7](https://github.com/centrica-engineering/muon/commit/0f165f764f9048e0572391de2b1879faddefca1e))
+* remove duplicate property type for cta ([2a1ce13](https://github.com/centrica-engineering/muon/commit/2a1ce13f1eac624280d662a77627782eb586fa53))
+* remove muon script ([287531e](https://github.com/centrica-engineering/muon/commit/287531e677ad12ead1734742f527a6bc0e0f4a6d))
+* remove private for library ([03e6701](https://github.com/centrica-engineering/muon/commit/03e67011cdc4e5f2c045b73d647cb470a27a47eb))
+* remove puppeteer ([8fa1a66](https://github.com/centrica-engineering/muon/commit/8fa1a662daec93766318fb1e8be71cf04d0d4ee3))
+* remove unused state ([0335f7f](https://github.com/centrica-engineering/muon/commit/0335f7ff43a67e66269bc0c3d56ca64f7c435e6b))
+* rename error keyword ([9aed69c](https://github.com/centrica-engineering/muon/commit/9aed69c282c492fc8e7101e6b2a66fb260eae490))
+* rename inputType assign logic ([fab84e0](https://github.com/centrica-engineering/muon/commit/fab84e05ba6e0e446f2bd0721cba03666f5d0d5f))
+* rename mixin ([272f47a](https://github.com/centrica-engineering/muon/commit/272f47a20a545ed71c0abbde102ac1e27b3f02fd))
+* snapshot changes ([79b715d](https://github.com/centrica-engineering/muon/commit/79b715db7a114adf80aab228f536784449fdd0dd))
+* styles for disabled ([05a626c](https://github.com/centrica-engineering/muon/commit/05a626c30c230e58d4725f0cb03875db49dbfa71))
+* test failures ([b51e46e](https://github.com/centrica-engineering/muon/commit/b51e46e5924719b90ab160dc657138ab216bc47a))
+* test failures ([2577e81](https://github.com/centrica-engineering/muon/commit/2577e8131cade40102a6cbfd4faa2ef312c30aa4))
+* test fixtures ([0f18c41](https://github.com/centrica-engineering/muon/commit/0f18c41ecedab92d8c81d15c457bd39956bf1e67))
+* test runner library change ([e1428e6](https://github.com/centrica-engineering/muon/commit/e1428e6bcb92ab3ec5f5d17419090c812942815d))
+* test-runner-path ([9e2d490](https://github.com/centrica-engineering/muon/commit/9e2d490f771668ad2379f52ba552ce77cc05c7b6))
+* to dist dir ([280f25b](https://github.com/centrica-engineering/muon/commit/280f25b5059969021a63fb710fdb2a059e918af8))
+* use .mjs ([33be8b0](https://github.com/centrica-engineering/muon/commit/33be8b040990d93a92fd586aa438353d2ec25cc5))

package/components/card/index.js

@@ -0,0 +1 @@
+export { Card } from './src/card-component';

package/components/card/src/card-component.js

@@ -0,0 +1,43 @@
+import { MuonElement, html, ScopedElementsMixin } from '@muonic/muon';
+import { CardMixin } from '@muon/mixins/card-mixin';
+import { ImageHolderMixin } from '@muon/mixins/image-holder-mixin';
+import { Image } from '@muon/components/image';
+import styles from './card-styles.css';
+
+/**
+ * A card is a container for content.
+ *
+ * @element card
+ */
+export class Card extends ScopedElementsMixin(ImageHolderMixin(CardMixin(MuonElement))) {
+
+  static get scopedElements() {
+    return {
+      'card-image': Image
+    };
+  }
+
+  get _addImage() {
+    return this.image ? html`
+    <div class="media">
+      <card-image src=${this.image} alt=${this.alt} ?background=${this.background}></card-image>
+    </div>` : undefined;
+  }
+
+  get standardTemplate() {
+    return html`
+      <div class="card">
+        ${this._addImage}
+        <div class="body">
+          ${this._addHeader}
+          ${this._addContent}
+          ${this._addFooter}
+        </div>
+      </div>
+    `;
+  }
+
+  static get styles() {
+    return styles;
+  }
+}

package/components/card/src/card-styles.css

@@ -0,0 +1,25 @@
+@import "@muonic/muon/css/default.css";
+
+:host {
+  display: block;
+
+  & .card {
+    background-color: $CARD_BACKGROUND_COLOR;
+    border-width: 2px;
+    border-style: solid;
+    border-color: $CARD_BORDER_COLOR;
+    border-radius: 0;
+    overflow: hidden;
+  }
+
+  & .body {
+    display: flex;
+    flex-direction: column;
+    gap: $CARD_GAP;
+    color: $CARD_COLOR;
+    padding-block-start: $CARD_PADDING_BLOCK;
+    padding-block-end: $CARD_PADDING_BLOCK;
+    padding-inline-start: $CARD_PADDING_INLINE;
+    padding-inline-end: $CARD_PADDING_INLINE;
+  }
+}

package/components/card/src/config-tokens.json

@@ -0,0 +1,11 @@
+{
+  "card": {
+    "config": {
+      "type": {
+        "description": "Default value for `type` property which renders the template.",
+        "value": "standard",
+        "type": "string"
+      }
+    }
+  }
+}

package/components/card/src/design-tokens.json

@@ -0,0 +1,34 @@
+{
+  "card": {
+    "color": {
+      "description": "Text color. Defaults to the dark text color.",
+      "value": "{ theme.color.text.dark.value }"
+    },
+    "background": {
+      "color": {
+        "description": "Background color. Defaults to the base background color.",
+        "value": "{ theme.color.base.background.value }"
+      }
+    },
+    "gap": {
+      "description": "Gap between the header, content and footer.",
+      "value": "{ theme.spacer.md.value }"
+    },
+    "padding": {
+      "block": {
+        "description": "Padding space above and below the body. Equal values in the block axis.",
+        "value": "{ card.gap.value }"
+      },
+      "inline": {
+        "description": "Padding space left and right the body. Equal values in the inline axis.",
+        "value": "{ card.padding.block.value }"
+      }
+    },
+    "border": {
+      "color": {
+        "description": "Border color. Inherits the text color.",
+        "value": "{ card.color.value }"
+      }
+    }
+  }
+}

package/components/card/story.js

@@ -0,0 +1,52 @@
+import { Card } from '@muonic/muon/components/card';
+import setup from '@muonic/muon/storybook/stories';
+import { StandardLink as CTALink } from '../cta/story';
+import { staticHTML, unsafeStatic } from '@muonic/muon';
+
+const details = setup('card', Card);
+
+export default {
+  ...details.defaultValues,
+  parameters: {
+    controls: {
+      exclude: ['standardTemplate']
+    }
+  }
+};
+
+const innerDetail = (args) => staticHTML`
+  <h2 slot="header">${unsafeStatic(args.header)}</h2>
+  ${unsafeStatic(args.content)}
+  <div slot="footer">${unsafeStatic(args.footer)}</div>
+`;
+
+const StandardTemplate = (args) => details.template(args, innerDetail);
+export const Standard = StandardTemplate.bind({});
+Standard.args = {
+  header: 'Where can I buy an ice cream?',
+  content: `<p>We have the most wonderful shop just in town, that sells a whole variety of different ice creams. Just pop on in and we can get you sorted with your favourite flavour!</p>`,
+  footer: `We've even got a free <a href='#!'>smartphone app</a>.`
+};
+
+export const StandardWithImage = StandardTemplate.bind({});
+StandardWithImage.args = {
+  image: 'https://blog.nucleus.design/vanilla-first/vanilla-ice-cream-cone.jpg',
+  alt: '',
+  background: false,
+  header: 'Where can I buy an ice cream?',
+  content: `<p>We have the most wonderful shop just in town, that sells a whole variety of different ice creams. Just pop on in and we can get you sorted with your favourite flavour!</p>
+            <p>We have the most wonderful shop just in town, that sells a whole variety of different ice creams. Just pop on in and we can get you sorted with your favourite flavour!</p>`,
+  footer: `We've even got a free <a href='#!'>smartphone app</a>.`
+};
+
+const innerDetailWithCTA = (args) => staticHTML`
+  <h2 slot="header">${unsafeStatic(args.header)}</h2>
+  ${unsafeStatic(args.content)}
+  <div slot="footer">${CTALink(args.cta)}</div>
+`;
+export const StandardWithCTA = (args) => details.template(args, innerDetailWithCTA);
+StandardWithCTA.args = {
+  header: 'Where can I buy an ice cream?',
+  content: `<p>We have the most wonderful shop just in town, that sells a whole variety of different ice creams. Just pop on in and we can get you sorted with your favourite flavour!</p>`,
+  cta: { ...CTALink.args, text: 'Click Here', href: '#!' }
+};