Skip to content

Commit

Permalink
chore(release): set package.json to 1.0.0 [skip ci]
Browse files Browse the repository at this point in the history
# 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
  • Loading branch information
semantic-release-bot committed Aug 24, 2022
1 parent 20a7bd8 commit b8886f8
Show file tree
Hide file tree
Showing 2 changed files with 517 additions and 0 deletions.
51 changes: 51 additions & 0 deletions components/icon/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
# @utrecht/icon 1.0.0 (2022-08-24)


### Bug Fixes

* add line-height to the icon container ([eed7f4c](https://github.com/nl-design-system/utrecht/commit/eed7f4c8949382aded1bccc866fa94f834b0c680))
* allow inheritance of icon color, ignore document-color token ([67a9446](https://github.com/nl-design-system/utrecht/commit/67a94461f049b82b063c244ead895974b6b6c383))
* checkmark icon ([f0e6f80](https://github.com/nl-design-system/utrecht/commit/f0e6f804d7b6ac5b3df4fca6cdcb9b0df69da1fa))
* correct the svgs name & remove unnecessarily .gitignore ([2113bd9](https://github.com/nl-design-system/utrecht/commit/2113bd9930aa12561abbfaf2596e92e2a4ecb746))
* icon title for Zoom Out icon ([63fb83c](https://github.com/nl-design-system/utrecht/commit/63fb83c8d35107984130dc287df00e85f49e37b4))
* improve social media icons (by [@olling](https://github.com/olling)) ([45f182f](https://github.com/nl-design-system/utrecht/commit/45f182fa1e5623b31b6a3d5faed0931e5b9a0610))
* 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))
* new brach with icons ([#1040](https://github.com/nl-design-system/utrecht/issues/1040)) ([c51f903](https://github.com/nl-design-system/utrecht/commit/c51f90332727800854b49eb02aaedf32f0babf57))
* remove `style` attributes from SVG icons ([f5fa25e](https://github.com/nl-design-system/utrecht/commit/f5fa25e7f075089584d1898238ac4045374075a7))
* remove the svg initial size ([716beaa](https://github.com/nl-design-system/utrecht/commit/716beaa18dc7a0413d584919a0f49d51b840b3e9))
* remove unused svgs and update package.json ([80cca1d](https://github.com/nl-design-system/utrecht/commit/80cca1d1672b568fec19339108eaea0280738ee0))
* removed svg dir ([#1032](https://github.com/nl-design-system/utrecht/issues/1032)) ([4fc66d7](https://github.com/nl-design-system/utrecht/commit/4fc66d74b1a435d10c1fd3c6d5a58b01b67167ff))
* rename icon with incorrect name to `blad` ([175600f](https://github.com/nl-design-system/utrecht/commit/175600fbd364c1e2ef2d2d1daccfb37922d6bec3))
* renamed some icons ([dd38fb2](https://github.com/nl-design-system/utrecht/commit/dd38fb2906e722dd2ce8863c4c4338d41ebf6089))
* 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))
* take the svgo config back and remove unused stencil config ([bdc4dda](https://github.com/nl-design-system/utrecht/commit/bdc4dda3b2c3a0cc9829e788a1fafa543924b8cb))
* update the the svgs ([40670ff](https://github.com/nl-design-system/utrecht/commit/40670ffa3581f0173f1f1cf09f818f339ef0171b))


### Features

* add new iconset ([5e2215e](https://github.com/nl-design-system/utrecht/commit/5e2215ec5b515151d0184d24aeeecd0c0d497748))
* checkmark icon ([36087bb](https://github.com/nl-design-system/utrecht/commit/36087bbca05246480060adcd7d539c2538732015))
* create `@utrecht/icon` package ([78fde4e](https://github.com/nl-design-system/utrecht/commit/78fde4e85a54f310eac52982635b65e93b93f9f4))
* define `display` type for web component `:host` elements ([e3bbe84](https://github.com/nl-design-system/utrecht/commit/e3bbe848fd38bc9d129408291ca70d58f6175fd5))
* feedback icons ([628173c](https://github.com/nl-design-system/utrecht/commit/628173c4b7011f9dfd41e55ddb59d4523cde1836))
* include `dist/index.json` in icons build ([4621a7d](https://github.com/nl-design-system/utrecht/commit/4621a7d342ad59e2506b1d90d0f0389b61f2c3f8))
* label for map control button ([b4368b3](https://github.com/nl-design-system/utrecht/commit/b4368b3b3340f7da3a407ee9fef411d28aceed92))
* provide `.svg` files for every icon ([7d3f22c](https://github.com/nl-design-system/utrecht/commit/7d3f22caa00675c4c27ebf21d063a85a9727db1c))
* toptask icons ([51f458c](https://github.com/nl-design-system/utrecht/commit/51f458c8e391218d8b993905f215b09ff42fdf57))


### BREAKING CHANGES

* 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

0 comments on commit b8886f8

Please sign in to comment.