feat: add vue custom radio button component #1126

AliKdhim87 · 2022-08-05T14:14:08Z

No description provided.

vercel · 2022-08-05T14:14:11Z

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

Name	Status	Preview	Updated
utrecht	✅ Ready (Inspect)	Visit Preview	Aug 15, 2022 at 8:29AM (UTC)

Robbert · 2022-08-08T12:56:41Z

packages/storybook-vue/src/stories/CustomRadioButton/argTypes.ts

+
+export const data = [
+  { id: 1, label: 'Publiekszaken', name: 'kies-locatie' },
+  { id: 2, label: 'Wijkservicecentrum Vleuten - De Meern', name: 'kies-locatie' },


The name would seem more appropriate as argument to the story / radio group. For the options I would expect each to have a unique value property.

packages/component-library-vue/src/CustomRadioButton.vue

Robbert · 2022-08-08T13:01:27Z

packages/component-library-vue/src/CustomRadioButton.vue

+    :class="[
+        { 'utrecht-custom-radio-button--invalid': invalid },
+        'utrecht-custom-radio-button',
+        'utrecht-custom-radio-button--html-input'


For consistency I do kinda wish we had a utrecht-custom-radio-button--html-input (to separate out the pseudo-class selectors), but we don't have one implemented yet.

I suggest we either implement utrecht-custom-radio-button--html-input or remove this class name for now.

Robbert · 2022-08-08T13:02:16Z

packages/storybook-vue/src/stories/CustomRadioButton/CustomRadioButton.stories.tsx

+  component: CustomRadioButton,
+  id: 'vue-custom-radio-button',
+  title: 'Vue.js Component/Custom Radio Button',
+  argTypes: argTypes,


argTypes: argTypes, → argTypes,

Robbert · 2022-08-08T13:05:04Z

packages/storybook-vue/src/stories/CustomRadioButton/CustomRadioButtonStates.stories.tsx

+Checked.parameters = {
+  docs: {
+    source: {
+      code: `<CustomRadioButton :checked="true" value="checked"/>`,


I wonder if these value attributes in the examples for CustomRadioButton might be more confusing than helpful. Especially this example, folks might think value="checked" is just as essential to copy as :checked="true".

I will remove them

Robbert · 2022-08-08T13:06:23Z

...orybook-vue/src/stories/CustomRadioButton/CustomRadioButtonWithFieldsetAndLegend.stories.tsx

+import { argTypes, data } from './argTypes';
+export default {
+  component: CustomRadioButton,
+  id: 'vue-custom-radio-button-with-field-set-and-legend',


field-set → fieldset

Robbert · 2022-08-08T13:07:12Z

...orybook-vue/src/stories/CustomRadioButton/CustomRadioButtonWithFieldsetAndLegend.stories.tsx

+  <form>
+  <FormFieldset>
+  <FormFieldsetLegend>Kies locatie</FormFieldsetLegend>
+  <FormField v-for="{id, label, name} in options" :key="id">


I think name should not be in this loop, because name needs to be the same for all custom radio buttons in the same group. Destructure value instead:

v-for="{id, label, value} in options"

Robbert · 2022-08-08T13:08:30Z

...orybook-vue/src/stories/CustomRadioButton/CustomRadioButtonWithFieldsetAndLegend.stories.tsx

+  <FormFieldsetLegend>Kies locatie</FormFieldsetLegend>
+  <FormField v-for="{id, label, name} in options" :key="id">
+    <FormLabel :for="id" type="radio" :checked="args.checked" :disabled="args.disabled">
+        <CustomRadioButton :name="name" v-bind="args" :id="id" :value="id" @update:nodeValue="action"/>


:value="id" → :value="value"

Robbert · 2022-08-08T13:09:05Z

...orybook-vue/src/stories/CustomRadioButton/CustomRadioButtonWithFieldsetAndLegend.stories.tsx

+  <FormFieldsetLegend>Kies locatie</FormFieldsetLegend>
+  <FormField v-for="{id, label, name} in options" :key="id">
+    <FormLabel :for="id" type="radio" :checked="args.checked" :disabled="args.disabled">
+        <CustomRadioButton :name="name" v-bind="args" :id="id" :value="id" @update:nodeValue="action"/>


Is nodeValue correct here, or should it be modelValue?

modelValue the correct one I will update it

Robbert · 2022-08-08T13:10:36Z

packages/storybook-vue/src/stories/CustomRadioButton/CustomRadioButton.stories.tsx

+      code: `<CustomRadioButton />`,
+    },
+  },
+};


The file name extension for these stories is .tsx, but shouldn't it be .ts?

Honestly, it should be .vue, but it's unfortunate I could not find an explanation about Vue.js and Typescript, I don't know if there is a difference between using .ts vs .tsx with Vuejs,
Should I change them to .ts What do you think?

# 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

# @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' },

# 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

# 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

# @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' },

# 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

# @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' },

# 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 requested a review from Robbert August 5, 2022 14:14

AliKdhim87 force-pushed the custom-radio-button-style-improvments branch from 48847d0 to c762674 Compare August 5, 2022 14:15

vercel bot deployed to Preview August 5, 2022 14:28 View deployment

AliKdhim87 force-pushed the custom-radio-button-style-improvments branch from c762674 to 484cf16 Compare August 8, 2022 09:26

vercel bot deployed to Preview August 8, 2022 09:31 View deployment

AliKdhim87 force-pushed the custom-radio-button-style-improvments branch from 484cf16 to d5f74bf Compare August 8, 2022 12:37

vercel bot deployed to Preview August 8, 2022 12:42 View deployment

Robbert reviewed Aug 8, 2022

View reviewed changes

AliKdhim87 force-pushed the custom-radio-button-style-improvments branch from d5f74bf to 8450ae3 Compare August 9, 2022 08:47

vercel bot deployed to Preview August 9, 2022 08:51 View deployment

AliKdhim87 force-pushed the custom-radio-button-style-improvments branch from 9b40c6e to 37e5412 Compare August 9, 2022 10:03

vercel bot deployed to Preview August 9, 2022 10:10 View deployment

vercel bot deployed to Preview August 9, 2022 10:59 View deployment

AliKdhim87 requested a review from Robbert August 10, 2022 11:47

Robbert force-pushed the custom-radio-button-style-improvments branch from 35ea7eb to 536fec6 Compare August 11, 2022 11:28

vercel bot deployed to Preview August 11, 2022 11:51 View deployment

AliKdhim87 and others added 8 commits August 15, 2022 10:20

feat: unable disabled, invalid css pseudo-class

2ede101

fix: fix disabled, invalid, focus styles

cbb5f2d

build: update design tokens value for custom radio button

70071c2

feat: add vue custom radio button component

54bd454

docs: add vue custom radio button stories

5093a34

feat: move all pseudo-class selectors under --html-input

333180e

build: use .ts extension instead of tsx for storybook-vue

258d179

refactor: use table.defaultValue.summary instead of defaultValue

0cc8153

Robbert force-pushed the custom-radio-button-style-improvments branch from 536fec6 to 0cc8153 Compare August 15, 2022 08:22

Robbert approved these changes Aug 15, 2022

View reviewed changes

Robbert merged commit 6790881 into main Aug 15, 2022

Robbert deleted the custom-radio-button-style-improvments branch August 15, 2022 08:22

vercel bot deployed to Preview August 15, 2022 08:29 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add vue custom radio button component #1126

feat: add vue custom radio button component #1126

AliKdhim87 commented Aug 5, 2022

vercel bot commented Aug 5, 2022 •

edited

Loading

Robbert Aug 8, 2022

Robbert Aug 8, 2022

Robbert Aug 8, 2022

Robbert Aug 8, 2022

AliKdhim87 Aug 9, 2022

Robbert Aug 8, 2022

Robbert Aug 8, 2022

AliKdhim87 Aug 9, 2022

Robbert Aug 8, 2022

Robbert Aug 8, 2022

AliKdhim87 Aug 9, 2022

Robbert Aug 8, 2022

AliKdhim87 Aug 9, 2022

feat: add vue custom radio button component #1126

feat: add vue custom radio button component #1126

Conversation

AliKdhim87 commented Aug 5, 2022

vercel bot commented Aug 5, 2022 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

vercel bot commented Aug 5, 2022 •

edited

Loading