Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: improve the vue textarea component #1107

Merged
merged 3 commits into from
Aug 4, 2022
Merged

Conversation

AliKdhim87
Copy link
Contributor

No description provided.

@AliKdhim87 AliKdhim87 requested a review from Robbert August 1, 2022 10:00
@vercel
Copy link

vercel bot commented Aug 1, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
utrecht ✅ Ready (Inspect) Visit Preview Aug 4, 2022 at 7:42AM (UTC)

</FormField>
`,
methods: { action: action("modelValue") },
});
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The real-time binding doesn't seem to work for me, unfortunately. The next never updates, even though the action panel shows the change.

Screenshot 2022-08-02 at 13 01 34

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, that is correct, I tried to solve it by following this solution but it seems the binding will be not in sync with the modelValue field below in the controls.
Only the modelValue in the controls change the value
Screenshot 2022-08-02 at 14 17 23
e

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suspect having it out of sync like this will be quite confusing to folks. How about we remove this story for now, and include it once we have a syncing solution?

@Robbert Robbert merged commit 6cf0c99 into main Aug 4, 2022
@Robbert Robbert deleted the add-vue-textarea-stories branch August 4, 2022 08:05
nl-design-system-ci pushed a commit that referenced this pull request Aug 24, 2022
# 1.0.0 (2022-08-24)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
nl-design-system-ci pushed a commit that referenced this pull request Aug 24, 2022
# 1.0.0 (2022-08-24)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
nl-design-system-ci pushed a commit that referenced this pull request Aug 24, 2022
# 1.0.0 (2022-08-24)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
nl-design-system-ci pushed a commit that referenced this pull request Aug 25, 2022
# @utrecht/component-library-vue 1.0.0 (2022-08-25)

### Bug Fixes

* change the way of export the vue component from index ([8f9a8f9](8f9a8f9))
* enable build types for vuejs ([63f5be0](63f5be0))
* enable showing `select` even if  there is no options ([395922d](395922d))
* fix the test tesconfig ([a31b671](a31b671))
* remove utrecht prefix from vue components file ([d12153e](d12153e))
* the badge status vue component class name & add some vue stories ([#1072](#1072)) ([5773672](5773672))
* use "button" as default type for Vue UtrechtButton ([2663bb5](2663bb5))

### Features

* add vue custom radio button component ([#1126](#1126)) ([6790881](6790881))
* component library for Vue ([d26cfe5](d26cfe5))
* create heading component for vuejs ([78a7c18](78a7c18))
* export the vue table component ([cc8ba93](cc8ba93))
* improve the vue textarea component ([#1107](#1107)) ([6cf0c99](6cf0c99))
* improve the vue textbox component ([#1096](#1096)) ([d8e595a](d8e595a))
* refactor vue select component ([0646bbf](0646bbf)), closes [#1](#1) [#2](#2)
* table components for Vue ([1e766fe](1e766fe))

### BREAKING CHANGES

* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
nl-design-system-ci pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-25)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
nl-design-system-ci pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-25)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-24)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-24)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-24)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# @utrecht/component-library-vue 1.0.0 (2022-08-25)

### Bug Fixes

* change the way of export the vue component from index ([8f9a8f9](8f9a8f9))
* enable build types for vuejs ([63f5be0](63f5be0))
* enable showing `select` even if  there is no options ([395922d](395922d))
* fix the test tesconfig ([a31b671](a31b671))
* remove utrecht prefix from vue components file ([d12153e](d12153e))
* the badge status vue component class name & add some vue stories ([#1072](#1072)) ([5773672](5773672))
* use "button" as default type for Vue UtrechtButton ([2663bb5](2663bb5))

### Features

* add vue custom radio button component ([#1126](#1126)) ([6790881](6790881))
* component library for Vue ([d26cfe5](d26cfe5))
* create heading component for vuejs ([78a7c18](78a7c18))
* export the vue table component ([cc8ba93](cc8ba93))
* improve the vue textarea component ([#1107](#1107)) ([6cf0c99](6cf0c99))
* improve the vue textbox component ([#1096](#1096)) ([d8e595a](d8e595a))
* refactor vue select component ([0646bbf](0646bbf)), closes [#1](#1) [#2](#2)
* table components for Vue ([1e766fe](1e766fe))

### BREAKING CHANGES

* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-25)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-25)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# @utrecht/component-library-vue 1.0.0 (2022-08-25)

### Bug Fixes

* change the way of export the vue component from index ([8f9a8f9](8f9a8f9))
* enable build types for vuejs ([63f5be0](63f5be0))
* enable showing `select` even if  there is no options ([395922d](395922d))
* fix the test tesconfig ([a31b671](a31b671))
* remove utrecht prefix from vue components file ([d12153e](d12153e))
* the badge status vue component class name & add some vue stories ([#1072](#1072)) ([5773672](5773672))
* use "button" as default type for Vue UtrechtButton ([2663bb5](2663bb5))

### Features

* add vue custom radio button component ([#1126](#1126)) ([6790881](6790881))
* component library for Vue ([d26cfe5](d26cfe5))
* create heading component for vuejs ([78a7c18](78a7c18))
* export the vue table component ([cc8ba93](cc8ba93))
* improve the vue textarea component ([#1107](#1107)) ([6cf0c99](6cf0c99))
* improve the vue textbox component ([#1096](#1096)) ([d8e595a](d8e595a))
* refactor vue select component ([0646bbf](0646bbf)), closes [#1](#1) [#2](#2)
* table components for Vue ([1e766fe](1e766fe))

### BREAKING CHANGES

* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-25)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
AliKdhim87 pushed a commit that referenced this pull request Aug 25, 2022
# 1.0.0 (2022-08-25)

### Bug Fixes

*  fix web component library react ([3e94489](https://github.com/nl-design-system/utrecht/commit/3e944894c2c01a43e76c597ce9f4a59883314818))
* add .idea to .gitignore ([ae490ea](https://github.com/nl-design-system/utrecht/commit/ae490ea03add416d24310829c0e392fb6fce2db8))
* add fallback fonts to utrecht.typography.sans-serif ([8d8d8ee](https://github.com/nl-design-system/utrecht/commit/8d8d8eea236f38881ea8a70f99c3a1d3c2df33da))
* add HTML attributes to BEM templates of textarea/textbox ([704e1c7](https://github.com/nl-design-system/utrecht/commit/704e1c7847bc31adc8cef2228506044489d3f12e))
* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* add missing button disabled state to Storybook ([3851779](https://github.com/nl-design-system/utrecht/commit/3851779d7508e802ca7899ca3f8f7b636908e277))
* add missing components to CSS component library ([74ef6e1](https://github.com/nl-design-system/utrecht/commit/74ef6e1a4bc660a98641d2bdc634cf9b17c1baf6))
* add missing components to CSS component library ([e050f2a](https://github.com/nl-design-system/utrecht/commit/e050f2ae06f07dfe5ade8a69ef5adf7dd3c7d134))
* add missing imports to Storybook pages ([3b501c8](https://github.com/nl-design-system/utrecht/commit/3b501c8b1821d2ff5303ce3f99d11bb9282395da))
* add youtube icon on socialmedia story page ([#1156](https://github.com/nl-design-system/utrecht/issues/1156)) ([adb8878](https://github.com/nl-design-system/utrecht/commit/adb88783ab2f7c8e29745d241cdd98efaa31c627))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* allow React 17 as peer dependency ([bd9b14d](https://github.com/nl-design-system/utrecht/commit/bd9b14dbead2889d08078842aa4d4b8abe1c40f8))
* always indent blockquote, regardless of `distanced` ([9e23974](https://github.com/nl-design-system/utrecht/commit/9e23974f49517e43e52086791d15d9dfca4b0976))
* apply busy cursor to disabled buttons too ([12a5504](https://github.com/nl-design-system/utrecht/commit/12a550406c9712034a7e9046a48dc9a910cbbb57))
* apply Utrecht Theme to Storybook docs ([40801f4](https://github.com/nl-design-system/utrecht/commit/40801f42c2b6ecb8fcfc160a40fa9235bcd31ca5))
* avoid default `outset` border styling for button ([8f9ac28](https://github.com/nl-design-system/utrecht/commit/8f9ac28719042d66985b66a4dc6636e56bbc92d7))
* avoid setting React RadioButton `checked` directly ([adefcbd](https://github.com/nl-design-system/utrecht/commit/adefcbdcf8f233702d42e0c3a9bd486381d01051))
* avoid spinner instead of textbox in Firefox ([cfba37b](https://github.com/nl-design-system/utrecht/commit/cfba37bf625b67856b4a24e51c312fe40a3be4bb))
* Button appearance shorthands ([507ccaa](https://github.com/nl-design-system/utrecht/commit/507ccaa48c7dfcb0f0b67197b7f5a9a9886d9b81))
* button focus style ([03a061d](https://github.com/nl-design-system/utrecht/commit/03a061d118cb27d984b9219b2f9523a2f62737d4))
* calculate width for textarea and textbox in the same way ([8df426e](https://github.com/nl-design-system/utrecht/commit/8df426eb80a62d49a1baad512450d26084295f98))
* case-insensitive HTML attribute match in CSS selector ([ee758f9](https://github.com/nl-design-system/utrecht/commit/ee758f959317b2970b2b4505dfedc4ea9b3ed613))
* change the way of export the vue component from index ([8f9a8f9](https://github.com/nl-design-system/utrecht/commit/8f9a8f9f74625867153e00e6fe5488172cde8433))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* clean up code ([205c58a](https://github.com/nl-design-system/utrecht/commit/205c58a360be5eafb3f33cae9acc08a7192d33ea))
* comply with WCAG with 44x44px as minimum button size ([07f8037](https://github.com/nl-design-system/utrecht/commit/07f8037d06841835876c10d5e1cd2358dd3655ec))
* component status "UNSTABLE" has been renamed to "WORK IN PROGRESS" ([34f54bd](https://github.com/nl-design-system/utrecht/commit/34f54bdfab5c07e08f78fbbf3504efd6ae4df69b))
* configure static directory for CSS files ([#3](https://github.com/nl-design-system/utrecht/issues/3)) ([b988f2f](https://github.com/nl-design-system/utrecht/commit/b988f2f3570d487610c2ca93a53b30240d9868f2))
* consistently export types for React component props ([f49286c](https://github.com/nl-design-system/utrecht/commit/f49286c95d5d9911ad4a7ae95a7ec1c2f35c319b))
* constent naming in link-social component ([da4730a](https://github.com/nl-design-system/utrecht/commit/da4730a91cbfb5c1e8b4e1f3a98d1b75c88dd237))
* correct `heading-1-font-size` ([68578e4](https://github.com/nl-design-system/utrecht/commit/68578e4de06cf184d254c92e6c5a88f2a03664ef))
* correct argtypes for button and link component ([2983a5d](https://github.com/nl-design-system/utrecht/commit/2983a5ddc017166ef61d2522bacc0a36e632346f))
* correct closing tag for Page Footer BEM template ([915bf7a](https://github.com/nl-design-system/utrecht/commit/915bf7acdec43c5fc8a31355b2b160fa8bf1a60b))
* correct font-weight for headings ([215cc07](https://github.com/nl-design-system/utrecht/commit/215cc0713016a0b2af35c9c7399849ba67e05a8a))
* correct the iconset name on web-component-library-angular ([c7e2291](https://github.com/nl-design-system/utrecht/commit/c7e22919a74019ae764df78ea4b0ceb4a25123cb))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* correct title for page footer readme ([5fcdecf](https://github.com/nl-design-system/utrecht/commit/5fcdecff5c9d46468190fae079491d9e88ba9d2d))
* defaultType and ArgsTable of Checkbox in Storybook Vue ([d62681c](https://github.com/nl-design-system/utrecht/commit/d62681c53464b365846c40c5d7b7002771740779))
* disabled cursor for disabled form input labels ([27d4624](https://github.com/nl-design-system/utrecht/commit/27d4624a9be9fe2af6ce02de6be48b6a25baeca6))
* disabled HTML buttons must not have active/hover/focus appearance ([180324b](https://github.com/nl-design-system/utrecht/commit/180324bf86e261ee6d67095e9c24ca4398e8010b))
* display focus-visible and focus styles together ([e463d41](https://github.com/nl-design-system/utrecht/commit/e463d41185e779aad06b56a7fa1ed0be982505da))
* do not define focus `background-color` ([866e2ef](https://github.com/nl-design-system/utrecht/commit/866e2ef9cd7a4a21cf1808027c367a337205c580))
* do not output `syntax: *` because those properties are ignored ([bf37e4c](https://github.com/nl-design-system/utrecht/commit/bf37e4c474f50c43857a3f7a45bb47b1a6132d15))
* empty ARIA attributes in web component ([0ad018c](https://github.com/nl-design-system/utrecht/commit/0ad018c867b27d61c44309f5f84a4f5051e98049))
* enable build types for vuejs ([63f5be0](https://github.com/nl-design-system/utrecht/commit/63f5be077b22e01fab8ed1fbe717936a836911cc))
* enable pseudo-classes from the style ([9d48b9d](https://github.com/nl-design-system/utrecht/commit/9d48b9de1936abaeecb57bc4fef3237ce0d2f5de))
* enable showing `select` even if  there is no options ([395922d](https://github.com/nl-design-system/utrecht/commit/395922da66fde4ddbdcc030095d5b8ff81d2c231))
* errors in CSS component code snippets ([6279b31](https://github.com/nl-design-system/utrecht/commit/6279b31a50853a3b30d6ea63591b2808bcc1eada))
* explicitly configure Storybook framework ([a8ac62a](https://github.com/nl-design-system/utrecht/commit/a8ac62a7eb5814a96875a2088f1b6c74c92be1eb))
* export index file for older TypeScript versions ([3e8e018](https://github.com/nl-design-system/utrecht/commit/3e8e0181aaec55b471ce39ffa4ad7b35af3349c7))
* fallback colors for textarea ([2772007](https://github.com/nl-design-system/utrecht/commit/27720071415c9abba7f874bb390db248703086f9))
* fallback to feedback colors for form field description ([ccb3bb1](https://github.com/nl-design-system/utrecht/commit/ccb3bb1ebbd834442c2d7eaab028b4599a3c8514))
* fallback values for paragraph font tokens ([a4dea82](https://github.com/nl-design-system/utrecht/commit/a4dea82b54860e37099b90fe19acf74a891492c1))
* fix the angular packages ([2ae5561](https://github.com/nl-design-system/utrecht/commit/2ae55613351cbc64dd2f028db064297975354234))
* fix the import issue on docusaurus ([a759d97](https://github.com/nl-design-system/utrecht/commit/a759d97f1baba5bd899ac288fc7a5ab0d84b7cee))
* fix the patch files and some typescript issues ([99b235a](https://github.com/nl-design-system/utrecht/commit/99b235a88a88b90641566d7d44007b09aef7c1d4))
* fix the test tesconfig ([a31b671](https://github.com/nl-design-system/utrecht/commit/a31b671730bffa5e32fc9da7e5db21d6ee69616c))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* implement `utrecht-focus-outline-offset` token in CSS ([cddcdb2](https://github.com/nl-design-system/utrecht/commit/cddcdb2823ad7ae7842df9cde3951a59b082ece8))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* improve styling of blockquote attribution ([aef6729](https://github.com/nl-design-system/utrecht/commit/aef672910fa8259b1671e9e9b63050b1938e25f0))
* include active button styling for HTML component ([2b76186](https://github.com/nl-design-system/utrecht/commit/2b76186fcab1820793a620f2284d707ad5706118))
* include all paths from style-dictionary.config.json in watcher ([5062ff6](https://github.com/nl-design-system/utrecht/commit/5062ff6dd766674160aeaf03adcce805c2136a60))
* include missing components in CSS component library ([5ba7c39](https://github.com/nl-design-system/utrecht/commit/5ba7c39311135008948d2461fbf712889f407a52))
* include recent HTML components in stylesheet collections ([c60d3c8](https://github.com/nl-design-system/utrecht/commit/c60d3c81092143e9977e12d6cdf08e1ffac76546))
* incorrect `:invalid` state in shadow DOM ([8f00377](https://github.com/nl-design-system/utrecht/commit/8f00377da9054c2311f88875f30be9f7f443cfd2))
* inert focus state of current page link in pagination ([a633510](https://github.com/nl-design-system/utrecht/commit/a6335100e92e703cca5bf10763d76ddceb519446))
* install web-component-library-stencil as dependency ([ccc2fbe](https://github.com/nl-design-system/utrecht/commit/ccc2fbea413be2037ca9a7dd21601f7765ba16f4))
* JS error in spacing design token docs ([5e779d5](https://github.com/nl-design-system/utrecht/commit/5e779d514f8479fed1e51fbb1615a2587237a017))
* link focus color ([b69ab90](https://github.com/nl-design-system/utrecht/commit/b69ab90f1b8d4d6d7802aa5373f50f54001cacb0))
* make `npm run storybook` available in the root package again ([ac1a994](https://github.com/nl-design-system/utrecht/commit/ac1a994b708f12ef2b0c82673dba775ad9779104))
* make interactive states work for CSS form components ([0a71c46](https://github.com/nl-design-system/utrecht/commit/0a71c46e17e13f9ac6c12fc0ea903c48cb974377))
* menulijst component use standard design tokens ([6d531d4](https://github.com/nl-design-system/utrecht/commit/6d531d4811b7480c5b8e8a3ce64ae7f7cc17a67d))
* menulijst font family ([1294d53](https://github.com/nl-design-system/utrecht/commit/1294d531417807a6e393aee3903d822ce62bcab0))
* more accurate connection length in sidenav component ([17f46fb](https://github.com/nl-design-system/utrecht/commit/17f46fbec0dbb05734a7d987adafab9bf1bcc36b))
* more better icons ([#1029](https://github.com/nl-design-system/utrecht/issues/1029)) ([69cd29a](https://github.com/nl-design-system/utrecht/commit/69cd29aef1ac35386de810ae5a10ef0b84cc286c))
* more icons added and icons fix ([#1151](https://github.com/nl-design-system/utrecht/issues/1151)) ([2759c29](https://github.com/nl-design-system/utrecht/commit/2759c2917a742b65e817729e886023aa50d3406e))
* move the pseudo-class `invalid`, `disabled` to html ([de5955c](https://github.com/nl-design-system/utrecht/commit/de5955c201eb81328c8c745061516dcce86c111f))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* no bold text for checkbox and radio label ([d144cf3](https://github.com/nl-design-system/utrecht/commit/d144cf3c34ec380b7ad6b1f92e380f583fbff85c))
* no focus background color ([6a8dccc](https://github.com/nl-design-system/utrecht/commit/6a8dcccab03657a60d74a8261e7e44c5ce22b085))
* no margins on headings and paragraphs by default ([eb4bb6c](https://github.com/nl-design-system/utrecht/commit/eb4bb6cd602658b16805777d7045e17bfff9a63b))
* only embed GitHub Pages in Docusaurus for production ([58bd3f1](https://github.com/nl-design-system/utrecht/commit/58bd3f122390c270c6e459d82fdb702137062d0e))
* patch Stencil to copy nonce for <style> elements ([c0ffce2](https://github.com/nl-design-system/utrecht/commit/c0ffce22ab2c03674e412dd7af8f4e3472ce9b43))
* patch Vue.js output library to not lowercase event names ([e3450da](https://github.com/nl-design-system/utrecht/commit/e3450dacb629b50d59d8c99dc61c1970bf25b8d9))
* provide design tokens to all Storybook pages ([c0a44d3](https://github.com/nl-design-system/utrecht/commit/c0a44d320c5239a9d5907613f53c99789d09bb8d))
* react radio button remove pseudo properties ([e402ed1](https://github.com/nl-design-system/utrecht/commit/e402ed17b1833334c54440fdfab709af87f18c8e))
* README story names ([0d8ae70](https://github.com/nl-design-system/utrecht/commit/0d8ae70087fbd837b743fd63703de06c00cdc25a))
* reggresions from recent refactoring in HTML component stories ([c38f38f](https://github.com/nl-design-system/utrecht/commit/c38f38f2457d2155c1c36382ca493fabb5578062))
* regressions from spacing updates ([aa2af3e](https://github.com/nl-design-system/utrecht/commit/aa2af3e91c6c0d8a82fbe82382a1454b52a533e3))
* remove `storybook-design-token` configuration ([6daf69b](https://github.com/nl-design-system/utrecht/commit/6daf69bb22ed7f616f8d010e86a6d164da00351b))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove accidentally included publish scripts ([549ec23](https://github.com/nl-design-system/utrecht/commit/549ec2319ed263a3ab5602abdd3014d9708e0fd8))
* remove incorect version number from Lerna config ([02964ca](https://github.com/nl-design-system/utrecht/commit/02964cace2e732b8f63f7fee6975e935e235b285))
* remove pseudo-classes properties ([b8315b6](https://github.com/nl-design-system/utrecht/commit/b8315b67e423ad2363f943686ff14dec659ab6c7))
* remove read-only state from form select component ([25a4752](https://github.com/nl-design-system/utrecht/commit/25a4752039b54b7eebd9f7ec99c754336e58d80a))
* remove the caret symbol (^) from the peer dependencies ([51aefce](https://github.com/nl-design-system/utrecht/commit/51aefcee8e092e666db8f1a53af35abb0f27ccfd))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove type modifier classes from the react textbox ([118fdeb](https://github.com/nl-design-system/utrecht/commit/118fdebb1080a90df404439cb0e069bacb8be0ec))
* remove unnecessarily tokens ([15c3234](https://github.com/nl-design-system/utrecht/commit/15c323492b883003c187aea02df23cc2a3e83814))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* remove utrecht prefix from vue components file ([d12153e](https://github.com/nl-design-system/utrecht/commit/d12153e5c1f5ef24797deb4cfe9ae5806f28eeb9))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename `table-heading` to `table-header-cell` ([a0d508a](https://github.com/nl-design-system/utrecht/commit/a0d508adc974e2a4f9610976b8ea42aac16d94f4))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* rename incorrect Blockquote design tokens ([7a569b7](https://github.com/nl-design-system/utrecht/commit/7a569b708940de864d0af12628aa32a00bbebd0f))
* rename intro paragraph to lead paragraph ([f374d26](https://github.com/nl-design-system/utrecht/commit/f374d265f8531a678ee0ac72cb020f34e33983ae))
* rename paragraph "intro" variant to "lead" ([d6ee6e5](https://github.com/nl-design-system/utrecht/commit/d6ee6e5ca44fe19f421b91a1121e2205dea9f627))
* rename separator `width` to `block-size` ([5b7a797](https://github.com/nl-design-system/utrecht/commit/5b7a7970d94b386b02118983cad978b97b06335e))
* rename Stories to avoid duplicate names ([06dee91](https://github.com/nl-design-system/utrecht/commit/06dee91f40eb3ebfdcf362b018d88f72c25670a5))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* replace form select focus `border-width` with `color` ([31c821b](https://github.com/nl-design-system/utrecht/commit/31c821bd9df92040a7e696cfed4f743fec5128ce))
* resolve SCSS linting errors ([2fe5e1e](https://github.com/nl-design-system/utrecht/commit/2fe5e1e2b9ca7ae1a992271591993cfefe7b40c5))
* resolve Style Dictionary build warnings ([0b51cc9](https://github.com/nl-design-system/utrecht/commit/0b51cc9bea38113c57a7d2b8ce367595b03e6f43))
* restore "Lucida Grande" as default font ([95450bb](https://github.com/nl-design-system/utrecht/commit/95450bbd7fe2ca5b61b6a6e823d0f17c3a26831f))
* start Storybook from root of monorepo for mdx support ([c0e00cd](https://github.com/nl-design-system/utrecht/commit/c0e00cd4234708067ab7240508b34dfb2d5f2809))
* storybook deps ([73a62c0](https://github.com/nl-design-system/utrecht/commit/73a62c0cc206f75ff8c3cddf72046b1d2056414b))
* style <input> element buttons too ([c227449](https://github.com/nl-design-system/utrecht/commit/c227449f8aa235681c5345a4955d23fc1c673e36))
* style date and time inputs too ([ed1cbb7](https://github.com/nl-design-system/utrecht/commit/ed1cbb7b2cbc998ac3d2c111f797a7934eca2faf))
* submit button story ([f4198aa](https://github.com/nl-design-system/utrecht/commit/f4198aa66703991f3b99581a0dd64f473eaa8d76))
* support `hidden` attribute on web components ([3586756](https://github.com/nl-design-system/utrecht/commit/35867565e1e860e7241b46deaa28e0af0558cd90))
* switch from font-size to with and height ([15666a4](https://github.com/nl-design-system/utrecht/commit/15666a4cf7310296e7cd0a6c2c750a3e3a9463d8))
* syntax error in design token JSON ([51cbaf8](https://github.com/nl-design-system/utrecht/commit/51cbaf834b71a904d0e1f2f776fa3944453a486c))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* temporarily disable documentation decorator ([720995c](https://github.com/nl-design-system/utrecht/commit/720995ca519de7b46b48feccdf8a09b554168116))
* the badge status vue component class name & add some vue stories ([#1072](https://github.com/nl-design-system/utrecht/issues/1072)) ([5773672](https://github.com/nl-design-system/utrecht/commit/5773672171ad24decfce1dcf2008ce18389fbe6d))
* toptask icon size ([#1041](https://github.com/nl-design-system/utrecht/issues/1041)) ([9249332](https://github.com/nl-design-system/utrecht/commit/92493323865a1b6c6c04f06700285dfacb06bc10))
* TypeScript compatibility of type exports ([e4214f2](https://github.com/nl-design-system/utrecht/commit/e4214f2f76c3b05e51bac395f7eff5aef5d7111a))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))
* update to new React component paths ([c863dbc](https://github.com/nl-design-system/utrecht/commit/c863dbce1c0cb48bf569ac8d4dd8302bc76aa471))
* update to renamed radio-button class name ([c9adce4](https://github.com/nl-design-system/utrecht/commit/c9adce41b71f75cd08de4a1870700df2e0819c89))
* use "button" as default type for Vue UtrechtButton ([2663bb5](https://github.com/nl-design-system/utrecht/commit/2663bb5921737d483dfe21b64f338de4592f6f3b))
* use `rimraf` to clean up build artifacts ([84f5143](https://github.com/nl-design-system/utrecht/commit/84f5143909654510ce1b48dff25bae2524c07bcb))
* use `switch` role for form toggle component, not `checkbox` ([73cdea3](https://github.com/nl-design-system/utrecht/commit/73cdea32378b85ed3905c1ce2280eb5dd7b3ffd8))
* use component name as display name ([26c32db](https://github.com/nl-design-system/utrecht/commit/26c32dbe24792d96ccfcd60988a82372e71e07fe))
* use correct casing in form.io package ([8ba73ff](https://github.com/nl-design-system/utrecht/commit/8ba73ff86f54ebd10b33636bb8d21a2b5000bfb9))
* use kebab-casing for all `displayName` values ([84c68fe](https://github.com/nl-design-system/utrecht/commit/84c68feb79d9b3551abe7cdf64a714a0e5f53468))
* use Prop instead of State to fix form bindings ([5ce11d7](https://github.com/nl-design-system/utrecht/commit/5ce11d7965511d1de12bcee906f8f7167075929a))
* use same build settings for both Storybook configs ([76209cb](https://github.com/nl-design-system/utrecht/commit/76209cbfdeef6731e968fdf4fe69c17e7175209c))
* web component focus styles ([91e5dbd](https://github.com/nl-design-system/utrecht/commit/91e5dbd189c9eb0aa86f61e59e67be719c26e6c3))
* web component library vue ([8325305](https://github.com/nl-design-system/utrecht/commit/83253056140be55c9956687064b3053ae108c06c))
* workaround for required pages/ directory for `next/jest` ([0d9c71a](https://github.com/nl-design-system/utrecht/commit/0d9c71a1e22d7a654e589a503c70c41b79d743f4))

### Code Refactoring

* change the way of register your web components ([6b6b4cd](https://github.com/nl-design-system/utrecht/commit/6b6b4cdd259010ae7403c7045e8c7c666f0059fb))

### Features

* `<utrecht-logo>` web component ([1dde7fa](https://github.com/nl-design-system/utrecht/commit/1dde7fa32da926020aed614d121413fea698b652))
* image component ([d48cc69](https://github.com/nl-design-system/utrecht/commit/d48cc69429c4100bdfe7655bd085a2d906a8009d))
* **button-link:** support primary/secondary/subtle appearance ([2e1ddbe](https://github.com/nl-design-system/utrecht/commit/2e1ddbe904149b1083a9dd4cc5356e610088d785))
* `icon.size` token for social media link ([b7c699f](https://github.com/nl-design-system/utrecht/commit/b7c699fdc78ec23052f3f571b51c418f25d1cd2e))
* `text-decoration-thickness` design tokens for Link ([cf643da](https://github.com/nl-design-system/utrecht/commit/cf643da436be8db0fcd88a9fa3ff04428ea8bf3e))
* add `inline` variant to "Button that looks like link" ([d9ef98b](https://github.com/nl-design-system/utrecht/commit/d9ef98b8cce3bb2f0bbffea8503a52d3c7db2ebf))
* add Button appearance shorthands to index ([72c19c4](https://github.com/nl-design-system/utrecht/commit/72c19c4c81eed5ad0275a1963e4b94a063bc73d2))
* add docusaurus as main documentation framework ([ace53c2](https://github.com/nl-design-system/utrecht/commit/ace53c261602e25b5555ea778face261ed2d5611))
* add html-select css class ([1b734c9](https://github.com/nl-design-system/utrecht/commit/1b734c98d7cf15af34c77f2072169f40e5738771))
* add local search ([da0c855](https://github.com/nl-design-system/utrecht/commit/da0c8558f2431b5cde7b5d4c8870bbe80c86ddfb))
* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* add the new icons to @utrecht/web-component-library-angular ([15238d9](https://github.com/nl-design-system/utrecht/commit/15238d9099f155e1a79b7ca6dcc0645fb8dd4a90))
* add vue custom radio button component ([#1126](https://github.com/nl-design-system/utrecht/issues/1126)) ([6790881](https://github.com/nl-design-system/utrecht/commit/67908818b285d8aed7684a838bc247a72d457d34))
* avoid ligatures in password inputs too ([d85451a](https://github.com/nl-design-system/utrecht/commit/d85451a1f3820473d260d554ee7b6d1db799db94))
* avoid ligatures in URL input ([4120e05](https://github.com/nl-design-system/utrecht/commit/4120e059d9cb3980df0453cc1f55fd30bcc643b8))
* backdrop component ([231df2b](https://github.com/nl-design-system/utrecht/commit/231df2b8f09bc7bca89e03002039f2684f06048a))
* Button group ([b309f02](https://github.com/nl-design-system/utrecht/commit/b309f025f842aa46442f510a51622ce3bd7ac0dc))
* Button link - link that looks like a button ([0bd1472](https://github.com/nl-design-system/utrecht/commit/0bd1472e36d8a7ab4ec5a72d3a1a995ce8d8396a))
* component library for Angular ([61948ba](https://github.com/nl-design-system/utrecht/commit/61948baef659ab0aa5cba7187f1d66f40bd94927))
* component library for Vue ([d26cfe5](https://github.com/nl-design-system/utrecht/commit/d26cfe55ef509552fc4f86d61fa1e28aa128ee04))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* create custom radio button react ([643856c](https://github.com/nl-design-system/utrecht/commit/643856c49079071085c825d669d7f0c6857af442))
* create heading component for vuejs ([78a7c18](https://github.com/nl-design-system/utrecht/commit/78a7c1876bda5f6871d62b2fccefe69396fba823))
* data list component ([511b5e5](https://github.com/nl-design-system/utrecht/commit/511b5e55faed13a9efc485b547065c12fd9c8900))
* date time value component ([5a2f199](https://github.com/nl-design-system/utrecht/commit/5a2f1992421c21fba22f2bda3870508a1aff028f))
* design token for the cursor of navigate actions ([d20251d](https://github.com/nl-design-system/utrecht/commit/d20251d8b4915987bd1cf56e81203fc84d166598))
* disabled but focusable HTML button ([25cb45a](https://github.com/nl-design-system/utrecht/commit/25cb45a4208af5e2664dc1f27e14e41aed1382f4))
* disabled state for HTML checkbox and radio button ([6f7432b](https://github.com/nl-design-system/utrecht/commit/6f7432bbb892ec52727a3bf1db89426d1274f91b))
* enable tree-shaking by using rollupjs to build react libraries ([e3d1800](https://github.com/nl-design-system/utrecht/commit/e3d1800f7d171be0fafd3d02170bf2dbc9fea955))
* experimental table web components ([d1cb0cc](https://github.com/nl-design-system/utrecht/commit/d1cb0cc7bc786b838e83c2d6733d89ba113498ab))
* export the vue table component ([cc8ba93](https://github.com/nl-design-system/utrecht/commit/cc8ba93c37116a346a6b7c0a5a1f741c94b66f85))
* first batch of React components ([22807f5](https://github.com/nl-design-system/utrecht/commit/22807f5e2b6cd6dcff819a0bbb1176cedabcd5ca))
* improve link social component ([228952f](https://github.com/nl-design-system/utrecht/commit/228952fb25be0cd0b6aa11b7c81acff911dbaf97))
* improve the vue textarea component ([#1107](https://github.com/nl-design-system/utrecht/issues/1107)) ([6cf0c99](https://github.com/nl-design-system/utrecht/commit/6cf0c996f57faef067c77ae1abf69e9953c56c13))
* improve the vue textbox component ([#1096](https://github.com/nl-design-system/utrecht/issues/1096)) ([d8e595a](https://github.com/nl-design-system/utrecht/commit/d8e595aa22092d360d3eec94df5e32e2d78f0b63))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* introduce `@utrecht/component-library-react` package ([7636b9d](https://github.com/nl-design-system/utrecht/commit/7636b9dc2fbbf73cb7308df626e1918b55adeed1))
* Link button - button that looks like a link ([e3672c9](https://github.com/nl-design-system/utrecht/commit/e3672c9fc887ede0eb67dc49b10e8ca7624daa6f))
* number value component ([4c6998d](https://github.com/nl-design-system/utrecht/commit/4c6998d04e57651974e376ac11ae20fc750c93fb))
* process steps component ([1f693cd](https://github.com/nl-design-system/utrecht/commit/1f693cd18891ebc2195c1eff5785fae04d35a05c))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* provide compiled CSS files for component BEM class names ([a5f5a61](https://github.com/nl-design-system/utrecht/commit/a5f5a61d11680a199bec6512a8dc6e4af84b9e66))
* refactor vue select component ([0646bbf](https://github.com/nl-design-system/utrecht/commit/0646bbf70b230e87337ef21fce2be0f12dd45027)), closes [#1](https://github.com/nl-design-system/utrecht/issues/1) [#2](https://github.com/nl-design-system/utrecht/issues/2)
* script to generate stylelint rule to find undocumented CSS variables ([ab7c626](https://github.com/nl-design-system/utrecht/commit/ab7c6262f75f0529bd551fecb521b383537a36a5))
* story that shows link inside multi-line paragraph ([3b035f2](https://github.com/nl-design-system/utrecht/commit/3b035f25b017070279c5379bc3e3419b08a8b0ac))
* support both `:focus` and `:focus-visible` ([62bfcbc](https://github.com/nl-design-system/utrecht/commit/62bfcbc43bc3a3d6c5e025fe8be4a3b8e7738450))
* table components for Vue ([1e766fe](https://github.com/nl-design-system/utrecht/commit/1e766fecc51619823b3d9edd2ca766bd595199ed))
* textbox support `type` and `inputmode` attrs ([5b8c693](https://github.com/nl-design-system/utrecht/commit/5b8c693ce874448ac24c79b70f0b557fdc6849d9))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))
* unable pseudo-classes from style on button-link react ([bb802bd](https://github.com/nl-design-system/utrecht/commit/bb802bd7aed0ea91f1ef40285efb302ec812500e))
* upgrade react lib dev dependencies & support react 18 ([53111bc](https://github.com/nl-design-system/utrecht/commit/53111bc2eee49315d4f275249812a2b7057a673f))
* **button:** border-color design token ([8473b68](https://github.com/nl-design-system/utrecht/commit/8473b68e60b13c6fd8ace344d7f5d6e5a58360f5))
* **button:** improve token documentation ([9fe43ec](https://github.com/nl-design-system/utrecht/commit/9fe43ec322101e1f41ed90e10af83a8906c81ee8))
* **button:** separate primary-action tokens from default button ([9a5f8b1](https://github.com/nl-design-system/utrecht/commit/9a5f8b1dca984bacbdfca7a69d071b343cb16f9e))
* `font-weight` design token for document component ([0862d20](https://github.com/nl-design-system/utrecht/commit/0862d208b60866c36f0dce20fa22544b98b48e5a))
* `line-height` token for badges ([f871341](https://github.com/nl-design-system/utrecht/commit/f871341d643876bd7f4a8457190feecf9d371b27))
* `min-block-size` for textarea ([c418563](https://github.com/nl-design-system/utrecht/commit/c418563d476e6de63f5c09b73d3285440bf60cc0))
* `min-inline-size` for button ([a35cb57](https://github.com/nl-design-system/utrecht/commit/a35cb573b547f5b400d6357dca2041944cd6f06f))
* abstract badge component ([152938e](https://github.com/nl-design-system/utrecht/commit/152938eecc7f2a61c4aa34c9dbba85f69ff368dd))
* active state for button component ([09283e0](https://github.com/nl-design-system/utrecht/commit/09283e0adfc60ecbf26a58851490a13417bb9cbd))
* add `@utrecht/web-component-library-vue` to workspace ([fe19da2](https://github.com/nl-design-system/utrecht/commit/fe19da24731b2fdd29d9697cfcf2a04940a7ff4e))
* add `text-transform` design tokens for headings ([45531c5](https://github.com/nl-design-system/utrecht/commit/45531c54778ab6cad5ce70bea2b681999f4cd4d2))
* add autocomplete/required/type properties to form-field-textbox ([a190636](https://github.com/nl-design-system/utrecht/commit/a1906365fecad8a1bb893d23b4d1ba995658a57e))
* add component library package ([b32d652](https://github.com/nl-design-system/utrecht/commit/b32d652653a6dd20a4b93eed24f837dedbae6af4))
* add form.io components package ([2042a1d](https://github.com/nl-design-system/utrecht/commit/2042a1dcecb7eb3e76ac6e576df09307532f279b))
* add page in Storybook listing all design tokens ([598afe8](https://github.com/nl-design-system/utrecht/commit/598afe8e2c8a7d79d72289dd2b1ec099c429ed53))
* add placeholder design tokens ([0d71278](https://github.com/nl-design-system/utrecht/commit/0d71278b496b3e8df2c635519d14003a20e83c9f))
* add three design tokens to button component ([104c4a4](https://github.com/nl-design-system/utrecht/commit/104c4a469c618f20d65f7d49158228db16345d2a))
* add TypeScript definitions for `index.js` and `tree.js` ([54440b3](https://github.com/nl-design-system/utrecht/commit/54440b3aa73a15e5cbf1fcadcefc338b39ecaf96))
* add web component library to Storybook ([93986e2](https://github.com/nl-design-system/utrecht/commit/93986e27d8b589f9a2fd29e2cefac380337a5578))
* allow explanatory text of input placeholder to be italic like form-field-description ([ccb9204](https://github.com/nl-design-system/utrecht/commit/ccb9204acf12e4c1d157732d6822f3d2b42426d9))
* alternate language link component ([8e688f9](https://github.com/nl-design-system/utrecht/commit/8e688f9a60f7eeee50476610cb9ff27614579e90))
* alternate language navigation component ([63efd40](https://github.com/nl-design-system/utrecht/commit/63efd40f043957dd11e06511aae2242d18708830))
* Angular components README ([b44ad3a](https://github.com/nl-design-system/utrecht/commit/b44ad3afe8a5662ef322a7ad36b17033e6c9400b))
* Angular package for web components ([36c3e34](https://github.com/nl-design-system/utrecht/commit/36c3e34b1d2ab1f39bc61d42b4241e6baf6289d6))
* article component ([7e3a9c6](https://github.com/nl-design-system/utrecht/commit/7e3a9c636d18aaf18c9b11234aa5922153765053))
* avoid `letter-spacing` for Arabic text ([a2f3416](https://github.com/nl-design-system/utrecht/commit/a2f34160b4a498e8a8ac5c8f43e0faef9dd31768))
* badge font-size ([685e129](https://github.com/nl-design-system/utrecht/commit/685e129c9be2a7f5e90b6282a89cb5a25bdc7fac))
* basic textarea component ([de16c98](https://github.com/nl-design-system/utrecht/commit/de16c982c489f103890ce47a6821329cb3c859db))
* blockquote ([24f5a41](https://github.com/nl-design-system/utrecht/commit/24f5a41ba03c6af9240889169031c6a88baaa8f2))
* breadcrumb navigation component ([ee5833f](https://github.com/nl-design-system/utrecht/commit/ee5833ff15a0b5224ef9b4e03f2d5728f1f8c1ea))
* busy state for button ([48c5a17](https://github.com/nl-design-system/utrecht/commit/48c5a177c201bd2d0c2aae23ba6cc80bd1d94327))
* button border-radius ([ab68aa7](https://github.com/nl-design-system/utrecht/commit/ab68aa7dd4aa47ae408451640cf0996c3673324c))
* button web component ([c3a714e](https://github.com/nl-design-system/utrecht/commit/c3a714eb88f722dd068fd34c32037970f57d7e6e))
* button-font-family token and fallback values for button ([4b23ff7](https://github.com/nl-design-system/utrecht/commit/4b23ff7a7297f52ae823667e6b06be74a0404f4e))
* checkbox ([40d0562](https://github.com/nl-design-system/utrecht/commit/40d0562423bf5c4459b3f32e421c35107533cf3f))
* checkbox template ([486e4ec](https://github.com/nl-design-system/utrecht/commit/486e4ec1772ebabd39f82c1ca42b5d8b0725e1da))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* color for lead paragraph ([1808c9d](https://github.com/nl-design-system/utrecht/commit/1808c9ded8898e5116077f32538f8e7b99bc9d1f))
* color tokens ([#7](https://github.com/nl-design-system/utrecht/issues/7)) ([c40aef4](https://github.com/nl-design-system/utrecht/commit/c40aef4328db84f30a89d42e3c2062e8503406a3))
* color/background-color for default button ([1eac16c](https://github.com/nl-design-system/utrecht/commit/1eac16c69308c06aeebfe064b556d147c42f8890))
* common design tokens for select/textbox/textarea ([193545d](https://github.com/nl-design-system/utrecht/commit/193545dd497c967ce4a3b405cbefd8e832376634))
* common document design tokens ([336a6f1](https://github.com/nl-design-system/utrecht/commit/336a6f1b9e6c9dc9305381327ae99404ae9601ef))
* component-library-stencil ([d389527](https://github.com/nl-design-system/utrecht/commit/d389527b052579cd7556d58ed81f86fb4bed355e))
* configure `optimizeLegibility` on the root ([42d648a](https://github.com/nl-design-system/utrecht/commit/42d648a2c05e96fe2caf33c5d799524c3bd81032))
* configure text-underline offset to improve Arabic links ([6d1c69a](https://github.com/nl-design-system/utrecht/commit/6d1c69a891401b4ab9badd42d8ffd21783fb0e6b))
* contact card template ([2fe3f91](https://github.com/nl-design-system/utrecht/commit/2fe3f91873d19fed123f916a9afb98f024d07716))
* counter badge ([853b932](https://github.com/nl-design-system/utrecht/commit/853b932f9d9cf3d061b7fb755017f425b57f5fbd))
* create `@utrecht/components` npm package ([ac24f15](https://github.com/nl-design-system/utrecht/commit/ac24f159b1838604634f762119ae2c29cabc3924))
* CSS property definitions in Style Dictionary JSON ([870bab2](https://github.com/nl-design-system/utrecht/commit/870bab2af6568dcdcde111934b58f10f58346c38))
* cursor for submit buttons ([b69b853](https://github.com/nl-design-system/utrecht/commit/b69b85341a7c820550c706baa9858d3881d75c15))
* custom checkbox component ([9fe5980](https://github.com/nl-design-system/utrecht/commit/9fe5980ad31dda8daf52886b39b29ec6b650c6af))
* custom checkbox web component ([5c3d795](https://github.com/nl-design-system/utrecht/commit/5c3d795d424b14f8e57d3fba4951ea8d84179df7))
* data badge ([1ce1e17](https://github.com/nl-design-system/utrecht/commit/1ce1e17fb795957bb44eed078c210b051cad5df5))
* default maximum logo sizes ([4ab7171](https://github.com/nl-design-system/utrecht/commit/4ab7171515adf7e9f38b099e9cdcb7da16c73079))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* define common design tokens in Style Dictionary ([eebdf13](https://github.com/nl-design-system/utrecht/commit/eebdf1313aabb3f31eb828adfb414057072e8bd0))
* define design tokens in Style Dictionary per component ([7e4dd8a](https://github.com/nl-design-system/utrecht/commit/7e4dd8a84d32a1a8a06fa172d087bafc87aafd87))
* define theme per component in Style Dictionary JSON ([71b985a](https://github.com/nl-design-system/utrecht/commit/71b985a2cec45f7916bf033d4c43bfed0838da25))
* define Utrecht Brand Design Tokens in Style Dictionary ([000c340](https://github.com/nl-design-system/utrecht/commit/000c3400a5139187e980f4f45de283125d060cd1))
* design token for form field width ([73ff511](https://github.com/nl-design-system/utrecht/commit/73ff511023a5fb1b0f6339a415f3644f84eaee84))
* design tokens get CSS `[@property](https://github.com/property)` output from Style Dictionary ([48dcf1c](https://github.com/nl-design-system/utrecht/commit/48dcf1ca3db827c5b9208a607eee3b0b449e9baf))
* DigiD button component ([9b8e950](https://github.com/nl-design-system/utrecht/commit/9b8e950c758f6534e65f2b0d12645ba88e7ae9b8))
* DigiD logo web component ([3c77b02](https://github.com/nl-design-system/utrecht/commit/3c77b02be019469245295663903c43e9fd3697df))
* disabled cursor for form inputs ([0f5ada6](https://github.com/nl-design-system/utrecht/commit/0f5ada651c724c8bfb83fac3919547df008a4773))
* disabled state for button ([4e145ca](https://github.com/nl-design-system/utrecht/commit/4e145ca89feaf915e0a2f630507a01964167f5ee))
* distanced option for paragraph template ([f15f23e](https://github.com/nl-design-system/utrecht/commit/f15f23ed34ee37cf57f5785781ec9a9707297467))
* distanced variant of separator ([3035d12](https://github.com/nl-design-system/utrecht/commit/3035d126e9ed73ddc89efbb2d772ec53a13edb63))
* document color as default for heading and paragraph ([5ab9428](https://github.com/nl-design-system/utrecht/commit/5ab94280fbc61965019fc4a7570a3704a72e1aef))
* document web component ([85033a1](https://github.com/nl-design-system/utrecht/commit/85033a10216b513e2183f7d59de16d444ab6a779))
* e-mail link modifier class name ([ea8b376](https://github.com/nl-design-system/utrecht/commit/ea8b376e60667cd154e7ac13991b9262ae589868))
* emphasis component ([d9f9be5](https://github.com/nl-design-system/utrecht/commit/d9f9be5e767f686a30f8fc8fa0f78058be78f224))
* enable CSS Houdini in Storybook ([ad6afda](https://github.com/nl-design-system/utrecht/commit/ad6afda46425c1b4386e10e6c1a1d0fe28e236e8))
* example design tokens ([02345f5](https://github.com/nl-design-system/utrecht/commit/02345f59f131167b086fa1a370bbb56156f637cd))
* extended feedback color design tokens ([40ea00c](https://github.com/nl-design-system/utrecht/commit/40ea00c0858ce9d16c125aa9cd143271af404a41))
* external link ([8bee8e4](https://github.com/nl-design-system/utrecht/commit/8bee8e43a3344e5c72a4c13fcec2d0b3bee3d6cf))
* extra form-label tokens ([1b36c06](https://github.com/nl-design-system/utrecht/commit/1b36c06838b8bf419138a1fad1f2fd4f5fd2ee18))
* fallback colors for button hover and disabled state ([9724a5f](https://github.com/nl-design-system/utrecht/commit/9724a5feb2937a3a4af2ca9ce6c27df6480ae494))
* favicon component ([00171d2](https://github.com/nl-design-system/utrecht/commit/00171d271b9ea6648b9e8710c6dee7575b1a0b74))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* fieldset and legend styling ([#371](https://github.com/nl-design-system/utrecht/issues/371)) ([85e18e1](https://github.com/nl-design-system/utrecht/commit/85e18e1ddbf7f9ccc4f2dcfc807b6e43a18d8090))
* fieldset component ([93652a7](https://github.com/nl-design-system/utrecht/commit/93652a77a05497bd1804ebcbe7219a0108518ac2))
* focus styles for form-input/select/textarea/textbox ([a9a0528](https://github.com/nl-design-system/utrecht/commit/a9a0528d4fde4df3099c6b52f2f79bfa493b2132))
* focus styles for Textbox and Textarea components ([a51a17e](https://github.com/nl-design-system/utrecht/commit/a51a17eebfd993482866bdbcf830d12e7a3c6bea))
* form field description component ([1cc36b7](https://github.com/nl-design-system/utrecht/commit/1cc36b7497a13b22b3c0b77b1b69499192fe8d58))
* form field with checkbox ([fd7a03c](https://github.com/nl-design-system/utrecht/commit/fd7a03ca159e882255208e277dc11bd5824d5b0d))
* form label component ([ec69478](https://github.com/nl-design-system/utrecht/commit/ec694785bbf646b070b708199a5bfb6da05fda68))
* form labels for radio button and checkbox ([3ede2f7](https://github.com/nl-design-system/utrecht/commit/3ede2f72e10d19c1fe1fb0c3bbf2c2d5dfa4f079))
* form toggle component ([5175dac](https://github.com/nl-design-system/utrecht/commit/5175dac98388b7782860c44f235e33f4308946a6))
* form-field-textarea web component ([3c7d809](https://github.com/nl-design-system/utrecht/commit/3c7d809766c25fdbd2fbd3cc4357b6e1aefb2478))
* heading ([47baa5c](https://github.com/nl-design-system/utrecht/commit/47baa5c3e45703a248f9d48dab9d5d1014567550))
* heading letter-spacing design token ([59e5b25](https://github.com/nl-design-system/utrecht/commit/59e5b25a23ce12dec3583836a284366d5f889cf7))
* heading stencil component ([097ac47](https://github.com/nl-design-system/utrecht/commit/097ac473eb7aaf6d7472d5ad3cc70ceddf938b43))
* HTML Content web component ([793911d](https://github.com/nl-design-system/utrecht/commit/793911d759c57124bc0e9be5a9467e792a35e621))
* improve Storybook configuration ([46b3f3a](https://github.com/nl-design-system/utrecht/commit/46b3f3a42d6f326ee985c907419a9778234feaf5))
* improved heading design tokens ([fa86179](https://github.com/nl-design-system/utrecht/commit/fa86179a6874ecc404913debb42efd46f7d6b61a))
* improved link component design tokens ([17d8e35](https://github.com/nl-design-system/utrecht/commit/17d8e3556789d75ee50ca5780939c4aaae74f7bf))
* include `sanitizeConfig` in form.io package ([50fd4af](https://github.com/nl-design-system/utrecht/commit/50fd4af785e0be92ee3f1b69b89966153784b357))
* include distanced option in Storybook ([1263bbf](https://github.com/nl-design-system/utrecht/commit/1263bbf89bb6c07301d9bfcc97caf001dbeea500))
* include search bar in component library collection ([400c883](https://github.com/nl-design-system/utrecht/commit/400c883598483860bcf26b942a4b7a5de9a39879))
* inline SVG logo ([#6](https://github.com/nl-design-system/utrecht/issues/6)) ([353f7d8](https://github.com/nl-design-system/utrecht/commit/353f7d8ade5a7afcca0a65d20fcb47c6ae16cde5))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* link component ([37c012a](https://github.com/nl-design-system/utrecht/commit/37c012a8a45941379465480a879dd73553bc7284))
* link has underline by default ([#181](https://github.com/nl-design-system/utrecht/issues/181)) ([7477c93](https://github.com/nl-design-system/utrecht/commit/7477c93525f63ede33a586c4f6e0a191293a62d2))
* link list component ([3ca2ff5](https://github.com/nl-design-system/utrecht/commit/3ca2ff559fb7cc4c796b8266731ebfcab1559b97))
* make components package public ([aaba8ab](https://github.com/nl-design-system/utrecht/commit/aaba8abc150f0efe22c48f011551f37792b7e23b))
* more states for `form-field-checkbox` component ([18f7447](https://github.com/nl-design-system/utrecht/commit/18f7447ab001dcd8d3b9cef299a87127686ebff4))
* neutral badge ([9dd2f2c](https://github.com/nl-design-system/utrecht/commit/9dd2f2ccf4fbf258b07e1fe9ae40253a9e836f30))
* new design tokens for form-field-description ([0294576](https://github.com/nl-design-system/utrecht/commit/029457620a1ea7cb2ae94d5d21b2482bf9e4eb25))
* no-JavaScript template for Form toggle ([26fc12e](https://github.com/nl-design-system/utrecht/commit/26fc12e6cb70053a084ace98bd0522c87f79cb77))
* only allow vertical resizing of textarea ([1ede710](https://github.com/nl-design-system/utrecht/commit/1ede710e54762484a8482d0a4df4152c2883e59a))
* optional design tokens to configure button width or height ([db34838](https://github.com/nl-design-system/utrecht/commit/db34838ed891a59d86534f41548c05b4ce1d6641))
* options argument for radio group template ([ef4327b](https://github.com/nl-design-system/utrecht/commit/ef4327bd955f874918e0f08ee8c769d803503722))
* ordered list component ([e43c3ed](https://github.com/nl-design-system/utrecht/commit/e43c3ed53519b2fe2229c57bd19917794fe67d71))
* ordered list design tokens for padding and distanced variant ([037e13d](https://github.com/nl-design-system/utrecht/commit/037e13d384261ccdfe4eb152821e18040f6ad081))
* ordered list in Arabic ([d0c106d](https://github.com/nl-design-system/utrecht/commit/d0c106d2efbcb0bb4e8df2e9c4aa4920e8ea97a4))
* output design tokens in flat JSON file with custom formatter ([d6fb74e](https://github.com/nl-design-system/utrecht/commit/d6fb74e1bc32e7e3324650acf89a7fb0d1954f53))
* output design tokens theme `.utrecht-theme` ([b0149d3](https://github.com/nl-design-system/utrecht/commit/b0149d30e667e89d7b811cccd7d6e88f9b5586e7))
* page component ([c577496](https://github.com/nl-design-system/utrecht/commit/c577496d5472268950204bb7215258fb7fd82f8c))
* page content component ([8530af7](https://github.com/nl-design-system/utrecht/commit/8530af7790763b771df0d3555be25d89d8853f27))
* page footer component ([32d921e](https://github.com/nl-design-system/utrecht/commit/32d921e2f55cddf58cf0d7997dc9770943cd9229))
* page header component ([df9befb](https://github.com/nl-design-system/utrecht/commit/df9befbad816ec4cfa8339666af537409670682f))
* pagination ([7c749ba](https://github.com/nl-design-system/utrecht/commit/7c749baf2adfeedc2a2b559f7d0145a7a1407bdb))
* paragraph component ([c4bc18f](https://github.com/nl-design-system/utrecht/commit/c4bc18f4313a69dae418100bfaf557b6d1e77b99))
* paragraph web component ([3ed0f0c](https://github.com/nl-design-system/utrecht/commit/3ed0f0c32390652643a7dad90f46832c4308d476))
* placeholder option for textbox template ([74fb95d](https://github.com/nl-design-system/utrecht/commit/74fb95de82383a1c5f7c96bd336c99b57b4120bb))
* pre-heading component ([3f9c541](https://github.com/nl-design-system/utrecht/commit/3f9c541d6161a47f3ba10efca0d41edf73ad69f4))
* publish component library packages ([298af12](https://github.com/nl-design-system/utrecht/commit/298af120f4356d1eb03e90414bcc568d400c420d))
* radio button template ([a623804](https://github.com/nl-design-system/utrecht/commit/a62380480aa0588c024afe113c254bc31a50d112))
* reset `font-smoothing` for root element ([dd93855](https://github.com/nl-design-system/utrecht/commit/dd93855dbaafc41dd5ee3dfafa62bea4c4436183))
* reset and submit support for `<utrecht-button>` ([e1319e5](https://github.com/nl-design-system/utrecht/commit/e1319e5046e61da456b7247e71142d6fdbbaf455))
* separate heading-1 to heading-6 components ([b998a8a](https://github.com/nl-design-system/utrecht/commit/b998a8ad54c81c6ab5fa7f2a609e0aa27b195e20))
* separator component ([2406056](https://github.com/nl-design-system/utrecht/commit/240605699bea719d32a7cc68e35f49c99da04c17))
* separator component design tokens ([a743647](https://github.com/nl-design-system/utrecht/commit/a743647f6af1d743b59be9ed070dff7d41dda06c))
* separator web component ([27ee3d8](https://github.com/nl-design-system/utrecht/commit/27ee3d83ebf567bc79e9164165dbd1bee15252f9))
* status badge ([b9efcc0](https://github.com/nl-design-system/utrecht/commit/b9efcc0f805eec75cfa806f037722796260481a5))
* stencil ([0c4007c](https://github.com/nl-design-system/utrecht/commit/0c4007ce72abb9f279d1e28cea2ecb80b347edb8))
* styling for custom checkbox ([53bf7a9](https://github.com/nl-design-system/utrecht/commit/53bf7a9e26f994ac838451a14ede86584da1ee39))
* submit button ([433ee94](https://github.com/nl-design-system/utrecht/commit/433ee94d6c88e108cb090093d3a94082e7b1c4a3))
* support `autocomplete` attribute for textbox component ([edf2235](https://github.com/nl-design-system/utrecht/commit/edf2235936d59e66988d04ed6563a20cf1ae1e2b))
* support `type="password"` for textbox component ([2a1b0a0](https://github.com/nl-design-system/utrecht/commit/2a1b0a0eac5641607b32c3699822dfbed8c6e624))
* support more properties for textbox ([9c38921](https://github.com/nl-design-system/utrecht/commit/9c38921452c40f559c37ae8449431dcbe15cc753))
* surface component ([aef8983](https://github.com/nl-design-system/utrecht/commit/aef898397696e2630b73b31d47b7a3ce47f2ffb5))
* table cells and number inputs more readable using numeric font variants ([cd63b9e](https://github.com/nl-design-system/utrecht/commit/cd63b9eb9269266dd7cbe1b6e30a570122b80bdb))
* table component ([7659912](https://github.com/nl-design-system/utrecht/commit/76599122f4dbe466c289cb60433a5b23e35a77d1))
* table heading background color design token ([b4677c8](https://github.com/nl-design-system/utrecht/commit/b4677c81fb0ce7d4a1e629f66f0c80fe6248a814))
* table tokens ([cfa36d4](https://github.com/nl-design-system/utrecht/commit/cfa36d48f6ee4d20f1ad00c16f40f46f37c1abce))
* telephone link ([7657742](https://github.com/nl-design-system/utrecht/commit/76577425e478296660f56f52b67ad1f8919daef6))
* templates for textarea component ([1d07129](https://github.com/nl-design-system/utrecht/commit/1d07129628a7d638908b10864c5fcc9584e414ae))
* text input component ([26b52f2](https://github.com/nl-design-system/utrecht/commit/26b52f281025b129aba90edad30d6d8a75f1960f))
* theme switcher addon for Storybook ([27ba886](https://github.com/nl-design-system/utrecht/commit/27ba8868ff68632416b4c1fde21f88edfd46f596))
* unordered list ([4c3aa0e](https://github.com/nl-design-system/utrecht/commit/4c3aa0e39e6e41587ee4d93126d40193735cd4d3))
* unordered list design tokens for padding and distanced variant ([39f7aab](https://github.com/nl-design-system/utrecht/commit/39f7aab20c721dee2a873398ed64dce0625541d4))
* update CSS collections with new components ([87343af](https://github.com/nl-design-system/utrecht/commit/87343af68b19d9c04ab6a42b7fa3cf1fcf14f211))
* update existing logo with CSS variables ([8da7dbc](https://github.com/nl-design-system/utrecht/commit/8da7dbcd75557e6bc38bfe59825b267ec653d0d3))
* update scripts ([3a5b395](https://github.com/nl-design-system/utrecht/commit/3a5b39530cd7492361ae93a53c804493480f90f4))
* URL component ([54e3e1e](https://github.com/nl-design-system/utrecht/commit/54e3e1e34c8fd94db640799454bb48f3f843882b))
* use document component as wrapper for all stories ([8b48e02](https://github.com/nl-design-system/utrecht/commit/8b48e02065bd0ecf37fe561eb006894f090b29c4))
* use slashed zeroes for password inputs when the font supports it ([ea93a38](https://github.com/nl-design-system/utrecht/commit/ea93a38c32a869bba4307737c84b0b5c883561e2))
* value accessor definitions to support `@angular/forms` ([10e4457](https://github.com/nl-design-system/utrecht/commit/10e4457db65d5ef5a22f71398fa507c5689e01e6))
* Vue.js 3 web component library ([630ffda](https://github.com/nl-design-system/utrecht/commit/630ffdaea51203b1f6edd72e26c9a3e892893031))
* warning variant of form-field-description ([e047a94](https://github.com/nl-design-system/utrecht/commit/e047a94ebeea031eab998278a898bcec8f57d8a8))
* web components for textbox and checkbox ([51b92d8](https://github.com/nl-design-system/utrecht/commit/51b92d88f0bb9763b22057593d802634f3fd2cd6))

### Reverts

* Revert "docs: moved Checkbox documentation from Figma to Github" ([4146c52](https://github.com/nl-design-system/utrecht/commit/4146c52167a018dc15c7b3fdcd363d15aa11432a))

### BREAKING CHANGES

* deprecated pseudo properties

- `focusStyle`
- `focusVisibleStyle`
- `hoverStyle`
- `visitedStyle`
* keep option part of the select component

- [x] add new property `options` to render the options elements
    example:
    ```js
    [
    { value: '', label: 'Select an option' },
* upgrade angular to version 14 and support from 12 to 14

> note
- [x] the `@utrecht/component-library-angular` stile do not render the component
content
 - [x] `@utrecht/web-component-library-angular` has issue with using the stencil's
 `<slot>` we need to figure out how to make it working, currently we can only use
stencil `@Prop` to make the components render text
* no need to install @utrecht/web-component-library-stencil"

it can be done by following this

```ts
import { createApp } from "vue";
import { UtrechtComponentLibrary } from "@utrecht/web-component-library-vue";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

app.use(UtrechtComponentLibrary as any)
app.use(router);
app.mount("#app");

```
this update base on the stencil docs https://stenciljs.com/docs/vue

> Note it still not working on vue it need some research
* use rol="image"& aria-labelledby intead of svg title

- [x] use SVGO as an optimizer
- [x] add test
- [x] improve accessibility by remove hardcoded title from SVG and
use rol="image"& aria-labelledby intead
- [x] use `font-size` instead of `width, height` to control size
- [x] auto generate icons component, names
- [x] add new icons
- [x] update storybook with the new icons
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants