Skip to content
New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in to your account

Jump to bottom

Bug? - Unsupported target "patch" #1268

Closed
3 tasks done
deleonio opened this issue Feb 9, 2023 · 1 comment
Closed
3 tasks done

Bug? - Unsupported target "patch" #1268

deleonio opened this issue Feb 9, 2023 · 1 comment
Labels
bug

Comments

@deleonio
Copy link

deleonio commented Feb 9, 2023 •
edited
Loading

  • I have searched for similar issues
  • I am using the latest version of npm-check-updates
  • I am using node >= 14.14

Steps to Reproduce

Dependencies:

	"devDependencies": {
		"npm-check-updates": "16.6.5"
	},

Steps:

Execute: npx ncu -t patch

Current Behavior

Error: Unsupported target "patch" for pnpm. Supported version targets are: latest, newest, greatest, minor and custom distribution tags, following "@" (example: @next)

Expected Behavior

No error.
raineorshine added a commit that referenced this issue Feb 9, 2023
@raineorshine
Re-add patch target for pnpm (#1268).
38c4053 
Regression: 8b38173
@raineorshine
Copy link
Owner

Yes! Good catch. This is a regression.

Fixed and published in v16.7.1.

Robbert added a commit to nl-design-system/utrecht that referenced this issue Apr 27, 2023
@Robbert
build: update npm-check-updates first
b375473 
raineorshine/npm-check-updates#1268
Robbert added a commit to nl-design-system/utrecht that referenced this issue May 2, 2023
@Robbert
build: update npm-check-updates first
8da7bb2 
raineorshine/npm-check-updates#1268
scar055 pushed a commit to nl-design-system/utrecht that referenced this issue May 3, 2023
@Robbert @scar055
build: update npm-check-updates first
aed2fa6 
raineorshine/npm-check-updates#1268
AndreaBusse29 added a commit to nl-design-system/utrecht that referenced this issue May 16, 2023
@AndreaBusse29
feat: add more vue components and stories
fe27536 
feat: add more vue components and stories

style: add secondary color tokens

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.450
 - @utrecht/icon@1.0.0-alpha.377
 - @utrecht/component-library-angular@1.0.0-alpha.268
 - @utrecht/component-library-css@1.0.0-alpha.489
 - @utrecht/component-library-formio@1.0.0-alpha.430
 - @utrecht/component-library-react@1.0.0-alpha.298
 - @utrecht/component-library-vue@1.0.0-alpha.266
 - @utrecht/web-component-library-angular@1.0.0-alpha.472
 - @utrecht/web-component-library-react@1.0.0-alpha.488
 - @utrecht/web-component-library-stencil@1.0.0-alpha.488
 - @utrecht/web-component-library-vue@1.0.0-alpha.434
 - @utrecht/assets@1.0.0-alpha.110
 - @utrecht/design-tokens@1.0.0-alpha.482

style: revert CSS overrides for Storybook doc pages

Essentially revert #1582, it is causing too many side effects

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.451
 - @utrecht/icon@1.0.0-alpha.378
 - @utrecht/component-library-angular@1.0.0-alpha.269
 - @utrecht/component-library-css@1.0.0-alpha.490
 - @utrecht/component-library-formio@1.0.0-alpha.431
 - @utrecht/component-library-react@1.0.0-alpha.299
 - @utrecht/component-library-vue@1.0.0-alpha.267
 - @utrecht/web-component-library-angular@1.0.0-alpha.473
 - @utrecht/web-component-library-react@1.0.0-alpha.489
 - @utrecht/web-component-library-stencil@1.0.0-alpha.489
 - @utrecht/web-component-library-vue@1.0.0-alpha.435
 - @utrecht/assets@1.0.0-alpha.111
 - @utrecht/design-tokens@1.0.0-alpha.483

build: update npm-check-updates first

raineorshine/npm-check-updates#1268

build: install patch updates

chore: `import-order` lint fixes

build: remove Stencil patch for CSP (Stencil 3 has out of the box support)

chore: fix markdown lint warnings

build: update minor versions

build: avoid `@vue/tsconfig` 0.2.0 and greater, requires TypeScript 5

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.452
 - @utrecht/icon@1.0.0-alpha.379
 - @utrecht/component-library-angular@1.0.0-alpha.270
 - @utrecht/component-library-css@1.0.0-alpha.491
 - @utrecht/component-library-formio@1.0.0-alpha.432
 - @utrecht/component-library-react@1.0.0-alpha.300
 - @utrecht/component-library-vue@1.0.0-alpha.268
 - @utrecht/web-component-library-angular@1.0.0-alpha.474
 - @utrecht/web-component-library-react@1.0.0-alpha.490
 - @utrecht/web-component-library-stencil@1.0.0-alpha.490
 - @utrecht/web-component-library-vue@1.0.0-alpha.436
 - @utrecht/assets@1.0.0-alpha.112
 - @utrecht/design-tokens@1.0.0-alpha.484

feat: new token voor line height

style: add `form-control` fallback for textbox line height

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.453
 - @utrecht/icon@1.0.0-alpha.380
 - @utrecht/component-library-angular@1.0.0-alpha.271
 - @utrecht/component-library-css@1.0.0-alpha.492
 - @utrecht/component-library-formio@1.0.0-alpha.433
 - @utrecht/component-library-react@1.0.0-alpha.301
 - @utrecht/component-library-vue@1.0.0-alpha.269
 - @utrecht/web-component-library-angular@1.0.0-alpha.475
 - @utrecht/web-component-library-react@1.0.0-alpha.491
 - @utrecht/web-component-library-stencil@1.0.0-alpha.491
 - @utrecht/web-component-library-vue@1.0.0-alpha.437
 - @utrecht/assets@1.0.0-alpha.113
 - @utrecht/design-tokens@1.0.0-alpha.485

feat: opencatalogi databadge designtokens

fix: linting voor data-badge

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.454
 - @utrecht/icon@1.0.0-alpha.381
 - @utrecht/component-library-angular@1.0.0-alpha.272
 - @utrecht/component-library-css@1.0.0-alpha.493
 - @utrecht/component-library-formio@1.0.0-alpha.434
 - @utrecht/component-library-react@1.0.0-alpha.302
 - @utrecht/component-library-vue@1.0.0-alpha.270
 - @utrecht/web-component-library-angular@1.0.0-alpha.476
 - @utrecht/web-component-library-react@1.0.0-alpha.492
 - @utrecht/web-component-library-stencil@1.0.0-alpha.492
 - @utrecht/web-component-library-vue@1.0.0-alpha.438
 - @utrecht/assets@1.0.0-alpha.114
 - @utrecht/design-tokens@1.0.0-alpha.486

docs: add WCAG 1280x1024px at 400% zoom viewport to Storybook

docs: improve skip link docs

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.455
 - @utrecht/icon@1.0.0-alpha.382
 - @utrecht/component-library-angular@1.0.0-alpha.273
 - @utrecht/component-library-css@1.0.0-alpha.494
 - @utrecht/component-library-formio@1.0.0-alpha.435
 - @utrecht/component-library-react@1.0.0-alpha.303
 - @utrecht/component-library-vue@1.0.0-alpha.271
 - @utrecht/web-component-library-angular@1.0.0-alpha.477
 - @utrecht/web-component-library-react@1.0.0-alpha.493
 - @utrecht/web-component-library-stencil@1.0.0-alpha.493
 - @utrecht/web-component-library-vue@1.0.0-alpha.439
 - @utrecht/assets@1.0.0-alpha.115
 - @utrecht/design-tokens@1.0.0-alpha.487

style: support design tokens in `::selection`

https://kilianvalkhof.com/2023/css-html/root-isnt-global/

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.456
 - @utrecht/icon@1.0.0-alpha.383
 - @utrecht/component-library-angular@1.0.0-alpha.274
 - @utrecht/component-library-css@1.0.0-alpha.495
 - @utrecht/component-library-formio@1.0.0-alpha.436
 - @utrecht/component-library-react@1.0.0-alpha.304
 - @utrecht/component-library-vue@1.0.0-alpha.272
 - @utrecht/web-component-library-angular@1.0.0-alpha.478
 - @utrecht/web-component-library-react@1.0.0-alpha.494
 - @utrecht/web-component-library-stencil@1.0.0-alpha.494
 - @utrecht/web-component-library-vue@1.0.0-alpha.440
 - @utrecht/assets@1.0.0-alpha.116
 - @utrecht/design-tokens@1.0.0-alpha.488

feat: allow unselected date and keep date when navigating months

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.457
 - @utrecht/icon@1.0.0-alpha.384
 - @utrecht/component-library-angular@1.0.0-alpha.275
 - @utrecht/component-library-css@1.0.0-alpha.496
 - @utrecht/component-library-formio@1.0.0-alpha.437
 - @utrecht/component-library-react@1.0.0-alpha.305
 - @utrecht/component-library-vue@1.0.0-alpha.273
 - @utrecht/web-component-library-angular@1.0.0-alpha.479
 - @utrecht/web-component-library-react@1.0.0-alpha.495
 - @utrecht/web-component-library-stencil@1.0.0-alpha.495
 - @utrecht/web-component-library-vue@1.0.0-alpha.441
 - @utrecht/assets@1.0.0-alpha.117
 - @utrecht/design-tokens@1.0.0-alpha.489

docs: make CSS tokens example simpler to uncomment one token at a time

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.458
 - @utrecht/icon@1.0.0-alpha.385
 - @utrecht/component-library-angular@1.0.0-alpha.276
 - @utrecht/component-library-css@1.0.0-alpha.497
 - @utrecht/component-library-formio@1.0.0-alpha.438
 - @utrecht/component-library-react@1.0.0-alpha.306
 - @utrecht/component-library-vue@1.0.0-alpha.274
 - @utrecht/web-component-library-angular@1.0.0-alpha.480
 - @utrecht/web-component-library-react@1.0.0-alpha.496
 - @utrecht/web-component-library-stencil@1.0.0-alpha.496
 - @utrecht/web-component-library-vue@1.0.0-alpha.442
 - @utrecht/assets@1.0.0-alpha.118
 - @utrecht/design-tokens@1.0.0-alpha.490

style: active state for buttons

style: use `:active` after `:focus` and avoid `:link`

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.459
 - @utrecht/icon@1.0.0-alpha.386
 - @utrecht/component-library-angular@1.0.0-alpha.277
 - @utrecht/component-library-css@1.0.0-alpha.498
 - @utrecht/component-library-formio@1.0.0-alpha.439
 - @utrecht/component-library-react@1.0.0-alpha.307
 - @utrecht/component-library-vue@1.0.0-alpha.275
 - @utrecht/web-component-library-angular@1.0.0-alpha.481
 - @utrecht/web-component-library-react@1.0.0-alpha.497
 - @utrecht/web-component-library-stencil@1.0.0-alpha.497
 - @utrecht/web-component-library-vue@1.0.0-alpha.443
 - @utrecht/assets@1.0.0-alpha.119
 - @utrecht/design-tokens@1.0.0-alpha.491

fix: revert "support design tokens in `::selection`"

This reverts commit fb62efe.

Unfortunately the following code makes the user selection invisible:

```
::selection {
    --color: red;
}
```

Somehow, only having a custom property, breaks `background-color` and
`color`. This totally works:

```
::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

However, the following would not be our intention:

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

Perhaps we could do the following, but I doubt it would be worth the complexity.

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
}

.utrecht-theme ::selection {
    background-color: Highlight;
    color: HighlightText;
}
```

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.460
 - @utrecht/icon@1.0.0-alpha.387
 - @utrecht/component-library-angular@1.0.0-alpha.278
 - @utrecht/component-library-css@1.0.0-alpha.499
 - @utrecht/component-library-formio@1.0.0-alpha.440
 - @utrecht/component-library-react@1.0.0-alpha.308
 - @utrecht/component-library-vue@1.0.0-alpha.276
 - @utrecht/web-component-library-angular@1.0.0-alpha.482
 - @utrecht/web-component-library-react@1.0.0-alpha.498
 - @utrecht/web-component-library-stencil@1.0.0-alpha.498
 - @utrecht/web-component-library-vue@1.0.0-alpha.444
 - @utrecht/assets@1.0.0-alpha.120
 - @utrecht/design-tokens@1.0.0-alpha.492

style: add `text-style-adjust: reset`

Inspired by: Your CSS reset needs text-size-adjust (probably)

https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

style: add `font-size: inherit` fallback to form inputs

style: explicitly use `user-select: none` on form components

feat: add selected state for table row and cells

style: use `Hightlight` and `HightlightText` as fallback selected style

style: `<th>` should be bold, even without design tokens

docs: add theme switcher to React Storybook

Dark mode is broken still, will look into it later

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.461
 - @utrecht/icon@1.0.0-alpha.388
 - @utrecht/component-library-angular@1.0.0-alpha.279
 - @utrecht/component-library-css@1.0.0-alpha.500
 - @utrecht/component-library-formio@1.0.0-alpha.441
 - @utrecht/component-library-react@1.0.0-alpha.309
 - @utrecht/component-library-vue@1.0.0-alpha.277
 - @utrecht/web-component-library-angular@1.0.0-alpha.483
 - @utrecht/web-component-library-react@1.0.0-alpha.499
 - @utrecht/web-component-library-stencil@1.0.0-alpha.499
 - @utrecht/web-component-library-vue@1.0.0-alpha.445
 - @utrecht/assets@1.0.0-alpha.121
 - @utrecht/design-tokens@1.0.0-alpha.493

fix: accordion tokens fixed

feat: add new interactive state tokens for checked radio

refactor: reuse radio button icon svg

fix: use `defaultChecked` instead of `checked`

feat: support styling radio button icon

docs: radio button design guidelines

fix: radio button group `name` and `id` attributes

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.462
 - @utrecht/icon@1.0.0-alpha.389
 - @utrecht/component-library-angular@1.0.0-alpha.280
 - @utrecht/component-library-css@1.0.0-alpha.501
 - @utrecht/component-library-formio@1.0.0-alpha.442
 - @utrecht/component-library-react@1.0.0-alpha.310
 - @utrecht/component-library-vue@1.0.0-alpha.278
 - @utrecht/web-component-library-angular@1.0.0-alpha.484
 - @utrecht/web-component-library-react@1.0.0-alpha.500
 - @utrecht/web-component-library-stencil@1.0.0-alpha.500
 - @utrecht/web-component-library-vue@1.0.0-alpha.446
 - @utrecht/assets@1.0.0-alpha.122
 - @utrecht/design-tokens@1.0.0-alpha.494

docs: color sample docs

feat: add `border-radius` token to color sample component

style: prevent selection in Safari too

feat: color sample web component

test: unit tests for React ColorSample component

feat: color sample component for Angular

feat: add size tokens to color sample

style: ensure color sample can be printed

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.463
 - @utrecht/icon@1.0.0-alpha.390
 - @utrecht/component-library-angular@1.0.0-alpha.281
 - @utrecht/component-library-css@1.0.0-alpha.502
 - @utrecht/component-library-formio@1.0.0-alpha.443
 - @utrecht/component-library-react@1.0.0-alpha.311
 - @utrecht/component-library-vue@1.0.0-alpha.279
 - @utrecht/web-component-library-angular@1.0.0-alpha.485
 - @utrecht/web-component-library-react@1.0.0-alpha.501
 - @utrecht/web-component-library-stencil@1.0.0-alpha.501
 - @utrecht/web-component-library-vue@1.0.0-alpha.447
 - @utrecht/assets@1.0.0-alpha.123
 - @utrecht/design-tokens@1.0.0-alpha.495

fix: use `aria-label` instead of `title` for links

docs: some more WCAG links

docs: examples of how to use form-field-description

ci: disable `react/no-unescaped-entities` lint rule

The suggestion might prevent a bug sometimes, but MDX docs become unreadable.

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.464
 - @utrecht/icon@1.0.0-alpha.391
 - @utrecht/component-library-angular@1.0.0-alpha.282
 - @utrecht/component-library-css@1.0.0-alpha.503
 - @utrecht/component-library-formio@1.0.0-alpha.444
 - @utrecht/component-library-react@1.0.0-alpha.312
 - @utrecht/component-library-vue@1.0.0-alpha.280
 - @utrecht/web-component-library-angular@1.0.0-alpha.486
 - @utrecht/web-component-library-react@1.0.0-alpha.502
 - @utrecht/web-component-library-stencil@1.0.0-alpha.502
 - @utrecht/web-component-library-vue@1.0.0-alpha.448
 - @utrecht/assets@1.0.0-alpha.124
 - @utrecht/design-tokens@1.0.0-alpha.496

feat: add min and max date bounds

docs: add story for limited range calendar

test: add calendar tests

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.465
 - @utrecht/icon@1.0.0-alpha.392
 - @utrecht/component-library-angular@1.0.0-alpha.283
 - @utrecht/component-library-css@1.0.0-alpha.504
 - @utrecht/component-library-formio@1.0.0-alpha.445
 - @utrecht/component-library-react@1.0.0-alpha.313
 - @utrecht/component-library-vue@1.0.0-alpha.281
 - @utrecht/web-component-library-angular@1.0.0-alpha.487
 - @utrecht/web-component-library-react@1.0.0-alpha.503
 - @utrecht/web-component-library-stencil@1.0.0-alpha.503
 - @utrecht/web-component-library-vue@1.0.0-alpha.449
 - @utrecht/assets@1.0.0-alpha.125
 - @utrecht/design-tokens@1.0.0-alpha.497

style: avoid oversized SVG icons

docs: icon story for CSS icon component

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.466
 - @utrecht/icon@1.0.0-alpha.393
 - @utrecht/component-library-angular@1.0.0-alpha.284
 - @utrecht/component-library-css@1.0.0-alpha.505
 - @utrecht/component-library-formio@1.0.0-alpha.446
 - @utrecht/component-library-react@1.0.0-alpha.314
 - @utrecht/component-library-vue@1.0.0-alpha.282
 - @utrecht/web-component-library-angular@1.0.0-alpha.488
 - @utrecht/web-component-library-react@1.0.0-alpha.504
 - @utrecht/web-component-library-stencil@1.0.0-alpha.504
 - @utrecht/web-component-library-vue@1.0.0-alpha.450
 - @utrecht/assets@1.0.0-alpha.126
 - @utrecht/design-tokens@1.0.0-alpha.498
AndreaBusse29 added a commit to nl-design-system/utrecht that referenced this issue May 16, 2023
@AndreaBusse29
feat: add more vue components and stories
42b528d 
feat: add more vue components and stories

style: add secondary color tokens

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.450
 - @utrecht/icon@1.0.0-alpha.377
 - @utrecht/component-library-angular@1.0.0-alpha.268
 - @utrecht/component-library-css@1.0.0-alpha.489
 - @utrecht/component-library-formio@1.0.0-alpha.430
 - @utrecht/component-library-react@1.0.0-alpha.298
 - @utrecht/component-library-vue@1.0.0-alpha.266
 - @utrecht/web-component-library-angular@1.0.0-alpha.472
 - @utrecht/web-component-library-react@1.0.0-alpha.488
 - @utrecht/web-component-library-stencil@1.0.0-alpha.488
 - @utrecht/web-component-library-vue@1.0.0-alpha.434
 - @utrecht/assets@1.0.0-alpha.110
 - @utrecht/design-tokens@1.0.0-alpha.482

style: revert CSS overrides for Storybook doc pages

Essentially revert #1582, it is causing too many side effects

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.451
 - @utrecht/icon@1.0.0-alpha.378
 - @utrecht/component-library-angular@1.0.0-alpha.269
 - @utrecht/component-library-css@1.0.0-alpha.490
 - @utrecht/component-library-formio@1.0.0-alpha.431
 - @utrecht/component-library-react@1.0.0-alpha.299
 - @utrecht/component-library-vue@1.0.0-alpha.267
 - @utrecht/web-component-library-angular@1.0.0-alpha.473
 - @utrecht/web-component-library-react@1.0.0-alpha.489
 - @utrecht/web-component-library-stencil@1.0.0-alpha.489
 - @utrecht/web-component-library-vue@1.0.0-alpha.435
 - @utrecht/assets@1.0.0-alpha.111
 - @utrecht/design-tokens@1.0.0-alpha.483

build: update npm-check-updates first

raineorshine/npm-check-updates#1268

build: install patch updates

chore: `import-order` lint fixes

build: remove Stencil patch for CSP (Stencil 3 has out of the box support)

chore: fix markdown lint warnings

build: update minor versions

build: avoid `@vue/tsconfig` 0.2.0 and greater, requires TypeScript 5

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.452
 - @utrecht/icon@1.0.0-alpha.379
 - @utrecht/component-library-angular@1.0.0-alpha.270
 - @utrecht/component-library-css@1.0.0-alpha.491
 - @utrecht/component-library-formio@1.0.0-alpha.432
 - @utrecht/component-library-react@1.0.0-alpha.300
 - @utrecht/component-library-vue@1.0.0-alpha.268
 - @utrecht/web-component-library-angular@1.0.0-alpha.474
 - @utrecht/web-component-library-react@1.0.0-alpha.490
 - @utrecht/web-component-library-stencil@1.0.0-alpha.490
 - @utrecht/web-component-library-vue@1.0.0-alpha.436
 - @utrecht/assets@1.0.0-alpha.112
 - @utrecht/design-tokens@1.0.0-alpha.484

feat: new token voor line height

style: add `form-control` fallback for textbox line height

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.453
 - @utrecht/icon@1.0.0-alpha.380
 - @utrecht/component-library-angular@1.0.0-alpha.271
 - @utrecht/component-library-css@1.0.0-alpha.492
 - @utrecht/component-library-formio@1.0.0-alpha.433
 - @utrecht/component-library-react@1.0.0-alpha.301
 - @utrecht/component-library-vue@1.0.0-alpha.269
 - @utrecht/web-component-library-angular@1.0.0-alpha.475
 - @utrecht/web-component-library-react@1.0.0-alpha.491
 - @utrecht/web-component-library-stencil@1.0.0-alpha.491
 - @utrecht/web-component-library-vue@1.0.0-alpha.437
 - @utrecht/assets@1.0.0-alpha.113
 - @utrecht/design-tokens@1.0.0-alpha.485

feat: opencatalogi databadge designtokens

fix: linting voor data-badge

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.454
 - @utrecht/icon@1.0.0-alpha.381
 - @utrecht/component-library-angular@1.0.0-alpha.272
 - @utrecht/component-library-css@1.0.0-alpha.493
 - @utrecht/component-library-formio@1.0.0-alpha.434
 - @utrecht/component-library-react@1.0.0-alpha.302
 - @utrecht/component-library-vue@1.0.0-alpha.270
 - @utrecht/web-component-library-angular@1.0.0-alpha.476
 - @utrecht/web-component-library-react@1.0.0-alpha.492
 - @utrecht/web-component-library-stencil@1.0.0-alpha.492
 - @utrecht/web-component-library-vue@1.0.0-alpha.438
 - @utrecht/assets@1.0.0-alpha.114
 - @utrecht/design-tokens@1.0.0-alpha.486

docs: add WCAG 1280x1024px at 400% zoom viewport to Storybook

docs: improve skip link docs

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.455
 - @utrecht/icon@1.0.0-alpha.382
 - @utrecht/component-library-angular@1.0.0-alpha.273
 - @utrecht/component-library-css@1.0.0-alpha.494
 - @utrecht/component-library-formio@1.0.0-alpha.435
 - @utrecht/component-library-react@1.0.0-alpha.303
 - @utrecht/component-library-vue@1.0.0-alpha.271
 - @utrecht/web-component-library-angular@1.0.0-alpha.477
 - @utrecht/web-component-library-react@1.0.0-alpha.493
 - @utrecht/web-component-library-stencil@1.0.0-alpha.493
 - @utrecht/web-component-library-vue@1.0.0-alpha.439
 - @utrecht/assets@1.0.0-alpha.115
 - @utrecht/design-tokens@1.0.0-alpha.487

style: support design tokens in `::selection`

https://kilianvalkhof.com/2023/css-html/root-isnt-global/

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.456
 - @utrecht/icon@1.0.0-alpha.383
 - @utrecht/component-library-angular@1.0.0-alpha.274
 - @utrecht/component-library-css@1.0.0-alpha.495
 - @utrecht/component-library-formio@1.0.0-alpha.436
 - @utrecht/component-library-react@1.0.0-alpha.304
 - @utrecht/component-library-vue@1.0.0-alpha.272
 - @utrecht/web-component-library-angular@1.0.0-alpha.478
 - @utrecht/web-component-library-react@1.0.0-alpha.494
 - @utrecht/web-component-library-stencil@1.0.0-alpha.494
 - @utrecht/web-component-library-vue@1.0.0-alpha.440
 - @utrecht/assets@1.0.0-alpha.116
 - @utrecht/design-tokens@1.0.0-alpha.488

feat: allow unselected date and keep date when navigating months

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.457
 - @utrecht/icon@1.0.0-alpha.384
 - @utrecht/component-library-angular@1.0.0-alpha.275
 - @utrecht/component-library-css@1.0.0-alpha.496
 - @utrecht/component-library-formio@1.0.0-alpha.437
 - @utrecht/component-library-react@1.0.0-alpha.305
 - @utrecht/component-library-vue@1.0.0-alpha.273
 - @utrecht/web-component-library-angular@1.0.0-alpha.479
 - @utrecht/web-component-library-react@1.0.0-alpha.495
 - @utrecht/web-component-library-stencil@1.0.0-alpha.495
 - @utrecht/web-component-library-vue@1.0.0-alpha.441
 - @utrecht/assets@1.0.0-alpha.117
 - @utrecht/design-tokens@1.0.0-alpha.489

docs: make CSS tokens example simpler to uncomment one token at a time

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.458
 - @utrecht/icon@1.0.0-alpha.385
 - @utrecht/component-library-angular@1.0.0-alpha.276
 - @utrecht/component-library-css@1.0.0-alpha.497
 - @utrecht/component-library-formio@1.0.0-alpha.438
 - @utrecht/component-library-react@1.0.0-alpha.306
 - @utrecht/component-library-vue@1.0.0-alpha.274
 - @utrecht/web-component-library-angular@1.0.0-alpha.480
 - @utrecht/web-component-library-react@1.0.0-alpha.496
 - @utrecht/web-component-library-stencil@1.0.0-alpha.496
 - @utrecht/web-component-library-vue@1.0.0-alpha.442
 - @utrecht/assets@1.0.0-alpha.118
 - @utrecht/design-tokens@1.0.0-alpha.490

style: active state for buttons

style: use `:active` after `:focus` and avoid `:link`

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.459
 - @utrecht/icon@1.0.0-alpha.386
 - @utrecht/component-library-angular@1.0.0-alpha.277
 - @utrecht/component-library-css@1.0.0-alpha.498
 - @utrecht/component-library-formio@1.0.0-alpha.439
 - @utrecht/component-library-react@1.0.0-alpha.307
 - @utrecht/component-library-vue@1.0.0-alpha.275
 - @utrecht/web-component-library-angular@1.0.0-alpha.481
 - @utrecht/web-component-library-react@1.0.0-alpha.497
 - @utrecht/web-component-library-stencil@1.0.0-alpha.497
 - @utrecht/web-component-library-vue@1.0.0-alpha.443
 - @utrecht/assets@1.0.0-alpha.119
 - @utrecht/design-tokens@1.0.0-alpha.491

fix: revert "support design tokens in `::selection`"

This reverts commit fb62efe.

Unfortunately the following code makes the user selection invisible:

```
::selection {
    --color: red;
}
```

Somehow, only having a custom property, breaks `background-color` and
`color`. This totally works:

```
::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

However, the following would not be our intention:

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

Perhaps we could do the following, but I doubt it would be worth the complexity.

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
}

.utrecht-theme ::selection {
    background-color: Highlight;
    color: HighlightText;
}
```

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.460
 - @utrecht/icon@1.0.0-alpha.387
 - @utrecht/component-library-angular@1.0.0-alpha.278
 - @utrecht/component-library-css@1.0.0-alpha.499
 - @utrecht/component-library-formio@1.0.0-alpha.440
 - @utrecht/component-library-react@1.0.0-alpha.308
 - @utrecht/component-library-vue@1.0.0-alpha.276
 - @utrecht/web-component-library-angular@1.0.0-alpha.482
 - @utrecht/web-component-library-react@1.0.0-alpha.498
 - @utrecht/web-component-library-stencil@1.0.0-alpha.498
 - @utrecht/web-component-library-vue@1.0.0-alpha.444
 - @utrecht/assets@1.0.0-alpha.120
 - @utrecht/design-tokens@1.0.0-alpha.492

style: add `text-style-adjust: reset`

Inspired by: Your CSS reset needs text-size-adjust (probably)

https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

style: add `font-size: inherit` fallback to form inputs

style: explicitly use `user-select: none` on form components

feat: add selected state for table row and cells

style: use `Hightlight` and `HightlightText` as fallback selected style

style: `<th>` should be bold, even without design tokens

docs: add theme switcher to React Storybook

Dark mode is broken still, will look into it later

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.461
 - @utrecht/icon@1.0.0-alpha.388
 - @utrecht/component-library-angular@1.0.0-alpha.279
 - @utrecht/component-library-css@1.0.0-alpha.500
 - @utrecht/component-library-formio@1.0.0-alpha.441
 - @utrecht/component-library-react@1.0.0-alpha.309
 - @utrecht/component-library-vue@1.0.0-alpha.277
 - @utrecht/web-component-library-angular@1.0.0-alpha.483
 - @utrecht/web-component-library-react@1.0.0-alpha.499
 - @utrecht/web-component-library-stencil@1.0.0-alpha.499
 - @utrecht/web-component-library-vue@1.0.0-alpha.445
 - @utrecht/assets@1.0.0-alpha.121
 - @utrecht/design-tokens@1.0.0-alpha.493

fix: accordion tokens fixed

feat: add new interactive state tokens for checked radio

refactor: reuse radio button icon svg

fix: use `defaultChecked` instead of `checked`

feat: support styling radio button icon

docs: radio button design guidelines

fix: radio button group `name` and `id` attributes

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.462
 - @utrecht/icon@1.0.0-alpha.389
 - @utrecht/component-library-angular@1.0.0-alpha.280
 - @utrecht/component-library-css@1.0.0-alpha.501
 - @utrecht/component-library-formio@1.0.0-alpha.442
 - @utrecht/component-library-react@1.0.0-alpha.310
 - @utrecht/component-library-vue@1.0.0-alpha.278
 - @utrecht/web-component-library-angular@1.0.0-alpha.484
 - @utrecht/web-component-library-react@1.0.0-alpha.500
 - @utrecht/web-component-library-stencil@1.0.0-alpha.500
 - @utrecht/web-component-library-vue@1.0.0-alpha.446
 - @utrecht/assets@1.0.0-alpha.122
 - @utrecht/design-tokens@1.0.0-alpha.494

docs: color sample docs

feat: add `border-radius` token to color sample component

style: prevent selection in Safari too

feat: color sample web component

test: unit tests for React ColorSample component

feat: color sample component for Angular

feat: add size tokens to color sample

style: ensure color sample can be printed

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.463
 - @utrecht/icon@1.0.0-alpha.390
 - @utrecht/component-library-angular@1.0.0-alpha.281
 - @utrecht/component-library-css@1.0.0-alpha.502
 - @utrecht/component-library-formio@1.0.0-alpha.443
 - @utrecht/component-library-react@1.0.0-alpha.311
 - @utrecht/component-library-vue@1.0.0-alpha.279
 - @utrecht/web-component-library-angular@1.0.0-alpha.485
 - @utrecht/web-component-library-react@1.0.0-alpha.501
 - @utrecht/web-component-library-stencil@1.0.0-alpha.501
 - @utrecht/web-component-library-vue@1.0.0-alpha.447
 - @utrecht/assets@1.0.0-alpha.123
 - @utrecht/design-tokens@1.0.0-alpha.495

fix: use `aria-label` instead of `title` for links

docs: some more WCAG links

docs: examples of how to use form-field-description

ci: disable `react/no-unescaped-entities` lint rule

The suggestion might prevent a bug sometimes, but MDX docs become unreadable.

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.464
 - @utrecht/icon@1.0.0-alpha.391
 - @utrecht/component-library-angular@1.0.0-alpha.282
 - @utrecht/component-library-css@1.0.0-alpha.503
 - @utrecht/component-library-formio@1.0.0-alpha.444
 - @utrecht/component-library-react@1.0.0-alpha.312
 - @utrecht/component-library-vue@1.0.0-alpha.280
 - @utrecht/web-component-library-angular@1.0.0-alpha.486
 - @utrecht/web-component-library-react@1.0.0-alpha.502
 - @utrecht/web-component-library-stencil@1.0.0-alpha.502
 - @utrecht/web-component-library-vue@1.0.0-alpha.448
 - @utrecht/assets@1.0.0-alpha.124
 - @utrecht/design-tokens@1.0.0-alpha.496

feat: add min and max date bounds

docs: add story for limited range calendar

test: add calendar tests

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.465
 - @utrecht/icon@1.0.0-alpha.392
 - @utrecht/component-library-angular@1.0.0-alpha.283
 - @utrecht/component-library-css@1.0.0-alpha.504
 - @utrecht/component-library-formio@1.0.0-alpha.445
 - @utrecht/component-library-react@1.0.0-alpha.313
 - @utrecht/component-library-vue@1.0.0-alpha.281
 - @utrecht/web-component-library-angular@1.0.0-alpha.487
 - @utrecht/web-component-library-react@1.0.0-alpha.503
 - @utrecht/web-component-library-stencil@1.0.0-alpha.503
 - @utrecht/web-component-library-vue@1.0.0-alpha.449
 - @utrecht/assets@1.0.0-alpha.125
 - @utrecht/design-tokens@1.0.0-alpha.497

style: avoid oversized SVG icons

docs: icon story for CSS icon component

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.466
 - @utrecht/icon@1.0.0-alpha.393
 - @utrecht/component-library-angular@1.0.0-alpha.284
 - @utrecht/component-library-css@1.0.0-alpha.505
 - @utrecht/component-library-formio@1.0.0-alpha.446
 - @utrecht/component-library-react@1.0.0-alpha.314
 - @utrecht/component-library-vue@1.0.0-alpha.282
 - @utrecht/web-component-library-angular@1.0.0-alpha.488
 - @utrecht/web-component-library-react@1.0.0-alpha.504
 - @utrecht/web-component-library-stencil@1.0.0-alpha.504
 - @utrecht/web-component-library-vue@1.0.0-alpha.450
 - @utrecht/assets@1.0.0-alpha.126
 - @utrecht/design-tokens@1.0.0-alpha.498
AndreaBusse29 added a commit to nl-design-system/utrecht that referenced this issue May 16, 2023
@AndreaBusse29
feat: add more vue components and stories
0a69cef 
feat: add more vue components and stories

style: add secondary color tokens

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.450
 - @utrecht/icon@1.0.0-alpha.377
 - @utrecht/component-library-angular@1.0.0-alpha.268
 - @utrecht/component-library-css@1.0.0-alpha.489
 - @utrecht/component-library-formio@1.0.0-alpha.430
 - @utrecht/component-library-react@1.0.0-alpha.298
 - @utrecht/component-library-vue@1.0.0-alpha.266
 - @utrecht/web-component-library-angular@1.0.0-alpha.472
 - @utrecht/web-component-library-react@1.0.0-alpha.488
 - @utrecht/web-component-library-stencil@1.0.0-alpha.488
 - @utrecht/web-component-library-vue@1.0.0-alpha.434
 - @utrecht/assets@1.0.0-alpha.110
 - @utrecht/design-tokens@1.0.0-alpha.482

style: revert CSS overrides for Storybook doc pages

Essentially revert #1582, it is causing too many side effects

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.451
 - @utrecht/icon@1.0.0-alpha.378
 - @utrecht/component-library-angular@1.0.0-alpha.269
 - @utrecht/component-library-css@1.0.0-alpha.490
 - @utrecht/component-library-formio@1.0.0-alpha.431
 - @utrecht/component-library-react@1.0.0-alpha.299
 - @utrecht/component-library-vue@1.0.0-alpha.267
 - @utrecht/web-component-library-angular@1.0.0-alpha.473
 - @utrecht/web-component-library-react@1.0.0-alpha.489
 - @utrecht/web-component-library-stencil@1.0.0-alpha.489
 - @utrecht/web-component-library-vue@1.0.0-alpha.435
 - @utrecht/assets@1.0.0-alpha.111
 - @utrecht/design-tokens@1.0.0-alpha.483

build: update npm-check-updates first

raineorshine/npm-check-updates#1268

build: install patch updates

chore: `import-order` lint fixes

build: remove Stencil patch for CSP (Stencil 3 has out of the box support)

chore: fix markdown lint warnings

build: update minor versions

build: avoid `@vue/tsconfig` 0.2.0 and greater, requires TypeScript 5

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.452
 - @utrecht/icon@1.0.0-alpha.379
 - @utrecht/component-library-angular@1.0.0-alpha.270
 - @utrecht/component-library-css@1.0.0-alpha.491
 - @utrecht/component-library-formio@1.0.0-alpha.432
 - @utrecht/component-library-react@1.0.0-alpha.300
 - @utrecht/component-library-vue@1.0.0-alpha.268
 - @utrecht/web-component-library-angular@1.0.0-alpha.474
 - @utrecht/web-component-library-react@1.0.0-alpha.490
 - @utrecht/web-component-library-stencil@1.0.0-alpha.490
 - @utrecht/web-component-library-vue@1.0.0-alpha.436
 - @utrecht/assets@1.0.0-alpha.112
 - @utrecht/design-tokens@1.0.0-alpha.484

feat: new token voor line height

style: add `form-control` fallback for textbox line height

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.453
 - @utrecht/icon@1.0.0-alpha.380
 - @utrecht/component-library-angular@1.0.0-alpha.271
 - @utrecht/component-library-css@1.0.0-alpha.492
 - @utrecht/component-library-formio@1.0.0-alpha.433
 - @utrecht/component-library-react@1.0.0-alpha.301
 - @utrecht/component-library-vue@1.0.0-alpha.269
 - @utrecht/web-component-library-angular@1.0.0-alpha.475
 - @utrecht/web-component-library-react@1.0.0-alpha.491
 - @utrecht/web-component-library-stencil@1.0.0-alpha.491
 - @utrecht/web-component-library-vue@1.0.0-alpha.437
 - @utrecht/assets@1.0.0-alpha.113
 - @utrecht/design-tokens@1.0.0-alpha.485

feat: opencatalogi databadge designtokens

fix: linting voor data-badge

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.454
 - @utrecht/icon@1.0.0-alpha.381
 - @utrecht/component-library-angular@1.0.0-alpha.272
 - @utrecht/component-library-css@1.0.0-alpha.493
 - @utrecht/component-library-formio@1.0.0-alpha.434
 - @utrecht/component-library-react@1.0.0-alpha.302
 - @utrecht/component-library-vue@1.0.0-alpha.270
 - @utrecht/web-component-library-angular@1.0.0-alpha.476
 - @utrecht/web-component-library-react@1.0.0-alpha.492
 - @utrecht/web-component-library-stencil@1.0.0-alpha.492
 - @utrecht/web-component-library-vue@1.0.0-alpha.438
 - @utrecht/assets@1.0.0-alpha.114
 - @utrecht/design-tokens@1.0.0-alpha.486

docs: add WCAG 1280x1024px at 400% zoom viewport to Storybook

docs: improve skip link docs

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.455
 - @utrecht/icon@1.0.0-alpha.382
 - @utrecht/component-library-angular@1.0.0-alpha.273
 - @utrecht/component-library-css@1.0.0-alpha.494
 - @utrecht/component-library-formio@1.0.0-alpha.435
 - @utrecht/component-library-react@1.0.0-alpha.303
 - @utrecht/component-library-vue@1.0.0-alpha.271
 - @utrecht/web-component-library-angular@1.0.0-alpha.477
 - @utrecht/web-component-library-react@1.0.0-alpha.493
 - @utrecht/web-component-library-stencil@1.0.0-alpha.493
 - @utrecht/web-component-library-vue@1.0.0-alpha.439
 - @utrecht/assets@1.0.0-alpha.115
 - @utrecht/design-tokens@1.0.0-alpha.487

style: support design tokens in `::selection`

https://kilianvalkhof.com/2023/css-html/root-isnt-global/

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.456
 - @utrecht/icon@1.0.0-alpha.383
 - @utrecht/component-library-angular@1.0.0-alpha.274
 - @utrecht/component-library-css@1.0.0-alpha.495
 - @utrecht/component-library-formio@1.0.0-alpha.436
 - @utrecht/component-library-react@1.0.0-alpha.304
 - @utrecht/component-library-vue@1.0.0-alpha.272
 - @utrecht/web-component-library-angular@1.0.0-alpha.478
 - @utrecht/web-component-library-react@1.0.0-alpha.494
 - @utrecht/web-component-library-stencil@1.0.0-alpha.494
 - @utrecht/web-component-library-vue@1.0.0-alpha.440
 - @utrecht/assets@1.0.0-alpha.116
 - @utrecht/design-tokens@1.0.0-alpha.488

feat: allow unselected date and keep date when navigating months

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.457
 - @utrecht/icon@1.0.0-alpha.384
 - @utrecht/component-library-angular@1.0.0-alpha.275
 - @utrecht/component-library-css@1.0.0-alpha.496
 - @utrecht/component-library-formio@1.0.0-alpha.437
 - @utrecht/component-library-react@1.0.0-alpha.305
 - @utrecht/component-library-vue@1.0.0-alpha.273
 - @utrecht/web-component-library-angular@1.0.0-alpha.479
 - @utrecht/web-component-library-react@1.0.0-alpha.495
 - @utrecht/web-component-library-stencil@1.0.0-alpha.495
 - @utrecht/web-component-library-vue@1.0.0-alpha.441
 - @utrecht/assets@1.0.0-alpha.117
 - @utrecht/design-tokens@1.0.0-alpha.489

docs: make CSS tokens example simpler to uncomment one token at a time

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.458
 - @utrecht/icon@1.0.0-alpha.385
 - @utrecht/component-library-angular@1.0.0-alpha.276
 - @utrecht/component-library-css@1.0.0-alpha.497
 - @utrecht/component-library-formio@1.0.0-alpha.438
 - @utrecht/component-library-react@1.0.0-alpha.306
 - @utrecht/component-library-vue@1.0.0-alpha.274
 - @utrecht/web-component-library-angular@1.0.0-alpha.480
 - @utrecht/web-component-library-react@1.0.0-alpha.496
 - @utrecht/web-component-library-stencil@1.0.0-alpha.496
 - @utrecht/web-component-library-vue@1.0.0-alpha.442
 - @utrecht/assets@1.0.0-alpha.118
 - @utrecht/design-tokens@1.0.0-alpha.490

style: active state for buttons

style: use `:active` after `:focus` and avoid `:link`

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.459
 - @utrecht/icon@1.0.0-alpha.386
 - @utrecht/component-library-angular@1.0.0-alpha.277
 - @utrecht/component-library-css@1.0.0-alpha.498
 - @utrecht/component-library-formio@1.0.0-alpha.439
 - @utrecht/component-library-react@1.0.0-alpha.307
 - @utrecht/component-library-vue@1.0.0-alpha.275
 - @utrecht/web-component-library-angular@1.0.0-alpha.481
 - @utrecht/web-component-library-react@1.0.0-alpha.497
 - @utrecht/web-component-library-stencil@1.0.0-alpha.497
 - @utrecht/web-component-library-vue@1.0.0-alpha.443
 - @utrecht/assets@1.0.0-alpha.119
 - @utrecht/design-tokens@1.0.0-alpha.491

fix: revert "support design tokens in `::selection`"

This reverts commit fb62efe.

Unfortunately the following code makes the user selection invisible:

```
::selection {
    --color: red;
}
```

Somehow, only having a custom property, breaks `background-color` and
`color`. This totally works:

```
::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

However, the following would not be our intention:

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

Perhaps we could do the following, but I doubt it would be worth the complexity.

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
}

.utrecht-theme ::selection {
    background-color: Highlight;
    color: HighlightText;
}
```

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.460
 - @utrecht/icon@1.0.0-alpha.387
 - @utrecht/component-library-angular@1.0.0-alpha.278
 - @utrecht/component-library-css@1.0.0-alpha.499
 - @utrecht/component-library-formio@1.0.0-alpha.440
 - @utrecht/component-library-react@1.0.0-alpha.308
 - @utrecht/component-library-vue@1.0.0-alpha.276
 - @utrecht/web-component-library-angular@1.0.0-alpha.482
 - @utrecht/web-component-library-react@1.0.0-alpha.498
 - @utrecht/web-component-library-stencil@1.0.0-alpha.498
 - @utrecht/web-component-library-vue@1.0.0-alpha.444
 - @utrecht/assets@1.0.0-alpha.120
 - @utrecht/design-tokens@1.0.0-alpha.492

style: add `text-style-adjust: reset`

Inspired by: Your CSS reset needs text-size-adjust (probably)

https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

style: add `font-size: inherit` fallback to form inputs

style: explicitly use `user-select: none` on form components

feat: add selected state for table row and cells

style: use `Hightlight` and `HightlightText` as fallback selected style

style: `<th>` should be bold, even without design tokens

docs: add theme switcher to React Storybook

Dark mode is broken still, will look into it later

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.461
 - @utrecht/icon@1.0.0-alpha.388
 - @utrecht/component-library-angular@1.0.0-alpha.279
 - @utrecht/component-library-css@1.0.0-alpha.500
 - @utrecht/component-library-formio@1.0.0-alpha.441
 - @utrecht/component-library-react@1.0.0-alpha.309
 - @utrecht/component-library-vue@1.0.0-alpha.277
 - @utrecht/web-component-library-angular@1.0.0-alpha.483
 - @utrecht/web-component-library-react@1.0.0-alpha.499
 - @utrecht/web-component-library-stencil@1.0.0-alpha.499
 - @utrecht/web-component-library-vue@1.0.0-alpha.445
 - @utrecht/assets@1.0.0-alpha.121
 - @utrecht/design-tokens@1.0.0-alpha.493

fix: accordion tokens fixed

feat: add new interactive state tokens for checked radio

refactor: reuse radio button icon svg

fix: use `defaultChecked` instead of `checked`

feat: support styling radio button icon

docs: radio button design guidelines

fix: radio button group `name` and `id` attributes

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.462
 - @utrecht/icon@1.0.0-alpha.389
 - @utrecht/component-library-angular@1.0.0-alpha.280
 - @utrecht/component-library-css@1.0.0-alpha.501
 - @utrecht/component-library-formio@1.0.0-alpha.442
 - @utrecht/component-library-react@1.0.0-alpha.310
 - @utrecht/component-library-vue@1.0.0-alpha.278
 - @utrecht/web-component-library-angular@1.0.0-alpha.484
 - @utrecht/web-component-library-react@1.0.0-alpha.500
 - @utrecht/web-component-library-stencil@1.0.0-alpha.500
 - @utrecht/web-component-library-vue@1.0.0-alpha.446
 - @utrecht/assets@1.0.0-alpha.122
 - @utrecht/design-tokens@1.0.0-alpha.494

docs: color sample docs

feat: add `border-radius` token to color sample component

style: prevent selection in Safari too

feat: color sample web component

test: unit tests for React ColorSample component

feat: color sample component for Angular

feat: add size tokens to color sample

style: ensure color sample can be printed

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.463
 - @utrecht/icon@1.0.0-alpha.390
 - @utrecht/component-library-angular@1.0.0-alpha.281
 - @utrecht/component-library-css@1.0.0-alpha.502
 - @utrecht/component-library-formio@1.0.0-alpha.443
 - @utrecht/component-library-react@1.0.0-alpha.311
 - @utrecht/component-library-vue@1.0.0-alpha.279
 - @utrecht/web-component-library-angular@1.0.0-alpha.485
 - @utrecht/web-component-library-react@1.0.0-alpha.501
 - @utrecht/web-component-library-stencil@1.0.0-alpha.501
 - @utrecht/web-component-library-vue@1.0.0-alpha.447
 - @utrecht/assets@1.0.0-alpha.123
 - @utrecht/design-tokens@1.0.0-alpha.495

fix: use `aria-label` instead of `title` for links

docs: some more WCAG links

docs: examples of how to use form-field-description

ci: disable `react/no-unescaped-entities` lint rule

The suggestion might prevent a bug sometimes, but MDX docs become unreadable.

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.464
 - @utrecht/icon@1.0.0-alpha.391
 - @utrecht/component-library-angular@1.0.0-alpha.282
 - @utrecht/component-library-css@1.0.0-alpha.503
 - @utrecht/component-library-formio@1.0.0-alpha.444
 - @utrecht/component-library-react@1.0.0-alpha.312
 - @utrecht/component-library-vue@1.0.0-alpha.280
 - @utrecht/web-component-library-angular@1.0.0-alpha.486
 - @utrecht/web-component-library-react@1.0.0-alpha.502
 - @utrecht/web-component-library-stencil@1.0.0-alpha.502
 - @utrecht/web-component-library-vue@1.0.0-alpha.448
 - @utrecht/assets@1.0.0-alpha.124
 - @utrecht/design-tokens@1.0.0-alpha.496

feat: add min and max date bounds

docs: add story for limited range calendar

test: add calendar tests

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.465
 - @utrecht/icon@1.0.0-alpha.392
 - @utrecht/component-library-angular@1.0.0-alpha.283
 - @utrecht/component-library-css@1.0.0-alpha.504
 - @utrecht/component-library-formio@1.0.0-alpha.445
 - @utrecht/component-library-react@1.0.0-alpha.313
 - @utrecht/component-library-vue@1.0.0-alpha.281
 - @utrecht/web-component-library-angular@1.0.0-alpha.487
 - @utrecht/web-component-library-react@1.0.0-alpha.503
 - @utrecht/web-component-library-stencil@1.0.0-alpha.503
 - @utrecht/web-component-library-vue@1.0.0-alpha.449
 - @utrecht/assets@1.0.0-alpha.125
 - @utrecht/design-tokens@1.0.0-alpha.497

style: avoid oversized SVG icons

docs: icon story for CSS icon component

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.466
 - @utrecht/icon@1.0.0-alpha.393
 - @utrecht/component-library-angular@1.0.0-alpha.284
 - @utrecht/component-library-css@1.0.0-alpha.505
 - @utrecht/component-library-formio@1.0.0-alpha.446
 - @utrecht/component-library-react@1.0.0-alpha.314
 - @utrecht/component-library-vue@1.0.0-alpha.282
 - @utrecht/web-component-library-angular@1.0.0-alpha.488
 - @utrecht/web-component-library-react@1.0.0-alpha.504
 - @utrecht/web-component-library-stencil@1.0.0-alpha.504
 - @utrecht/web-component-library-vue@1.0.0-alpha.450
 - @utrecht/assets@1.0.0-alpha.126
 - @utrecht/design-tokens@1.0.0-alpha.498
AndreaBusse29 added a commit to nl-design-system/utrecht that referenced this issue May 17, 2023
@AndreaBusse29
feat: add more vue components and stories
dac41ae 
feat: add more vue components and stories

style: add secondary color tokens

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.450
 - @utrecht/icon@1.0.0-alpha.377
 - @utrecht/component-library-angular@1.0.0-alpha.268
 - @utrecht/component-library-css@1.0.0-alpha.489
 - @utrecht/component-library-formio@1.0.0-alpha.430
 - @utrecht/component-library-react@1.0.0-alpha.298
 - @utrecht/component-library-vue@1.0.0-alpha.266
 - @utrecht/web-component-library-angular@1.0.0-alpha.472
 - @utrecht/web-component-library-react@1.0.0-alpha.488
 - @utrecht/web-component-library-stencil@1.0.0-alpha.488
 - @utrecht/web-component-library-vue@1.0.0-alpha.434
 - @utrecht/assets@1.0.0-alpha.110
 - @utrecht/design-tokens@1.0.0-alpha.482

style: revert CSS overrides for Storybook doc pages

Essentially revert #1582, it is causing too many side effects

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.451
 - @utrecht/icon@1.0.0-alpha.378
 - @utrecht/component-library-angular@1.0.0-alpha.269
 - @utrecht/component-library-css@1.0.0-alpha.490
 - @utrecht/component-library-formio@1.0.0-alpha.431
 - @utrecht/component-library-react@1.0.0-alpha.299
 - @utrecht/component-library-vue@1.0.0-alpha.267
 - @utrecht/web-component-library-angular@1.0.0-alpha.473
 - @utrecht/web-component-library-react@1.0.0-alpha.489
 - @utrecht/web-component-library-stencil@1.0.0-alpha.489
 - @utrecht/web-component-library-vue@1.0.0-alpha.435
 - @utrecht/assets@1.0.0-alpha.111
 - @utrecht/design-tokens@1.0.0-alpha.483

build: update npm-check-updates first

raineorshine/npm-check-updates#1268

build: install patch updates

chore: `import-order` lint fixes

build: remove Stencil patch for CSP (Stencil 3 has out of the box support)

chore: fix markdown lint warnings

build: update minor versions

build: avoid `@vue/tsconfig` 0.2.0 and greater, requires TypeScript 5

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.452
 - @utrecht/icon@1.0.0-alpha.379
 - @utrecht/component-library-angular@1.0.0-alpha.270
 - @utrecht/component-library-css@1.0.0-alpha.491
 - @utrecht/component-library-formio@1.0.0-alpha.432
 - @utrecht/component-library-react@1.0.0-alpha.300
 - @utrecht/component-library-vue@1.0.0-alpha.268
 - @utrecht/web-component-library-angular@1.0.0-alpha.474
 - @utrecht/web-component-library-react@1.0.0-alpha.490
 - @utrecht/web-component-library-stencil@1.0.0-alpha.490
 - @utrecht/web-component-library-vue@1.0.0-alpha.436
 - @utrecht/assets@1.0.0-alpha.112
 - @utrecht/design-tokens@1.0.0-alpha.484

feat: new token voor line height

style: add `form-control` fallback for textbox line height

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.453
 - @utrecht/icon@1.0.0-alpha.380
 - @utrecht/component-library-angular@1.0.0-alpha.271
 - @utrecht/component-library-css@1.0.0-alpha.492
 - @utrecht/component-library-formio@1.0.0-alpha.433
 - @utrecht/component-library-react@1.0.0-alpha.301
 - @utrecht/component-library-vue@1.0.0-alpha.269
 - @utrecht/web-component-library-angular@1.0.0-alpha.475
 - @utrecht/web-component-library-react@1.0.0-alpha.491
 - @utrecht/web-component-library-stencil@1.0.0-alpha.491
 - @utrecht/web-component-library-vue@1.0.0-alpha.437
 - @utrecht/assets@1.0.0-alpha.113
 - @utrecht/design-tokens@1.0.0-alpha.485

feat: opencatalogi databadge designtokens

fix: linting voor data-badge

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.454
 - @utrecht/icon@1.0.0-alpha.381
 - @utrecht/component-library-angular@1.0.0-alpha.272
 - @utrecht/component-library-css@1.0.0-alpha.493
 - @utrecht/component-library-formio@1.0.0-alpha.434
 - @utrecht/component-library-react@1.0.0-alpha.302
 - @utrecht/component-library-vue@1.0.0-alpha.270
 - @utrecht/web-component-library-angular@1.0.0-alpha.476
 - @utrecht/web-component-library-react@1.0.0-alpha.492
 - @utrecht/web-component-library-stencil@1.0.0-alpha.492
 - @utrecht/web-component-library-vue@1.0.0-alpha.438
 - @utrecht/assets@1.0.0-alpha.114
 - @utrecht/design-tokens@1.0.0-alpha.486

docs: add WCAG 1280x1024px at 400% zoom viewport to Storybook

docs: improve skip link docs

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.455
 - @utrecht/icon@1.0.0-alpha.382
 - @utrecht/component-library-angular@1.0.0-alpha.273
 - @utrecht/component-library-css@1.0.0-alpha.494
 - @utrecht/component-library-formio@1.0.0-alpha.435
 - @utrecht/component-library-react@1.0.0-alpha.303
 - @utrecht/component-library-vue@1.0.0-alpha.271
 - @utrecht/web-component-library-angular@1.0.0-alpha.477
 - @utrecht/web-component-library-react@1.0.0-alpha.493
 - @utrecht/web-component-library-stencil@1.0.0-alpha.493
 - @utrecht/web-component-library-vue@1.0.0-alpha.439
 - @utrecht/assets@1.0.0-alpha.115
 - @utrecht/design-tokens@1.0.0-alpha.487

style: support design tokens in `::selection`

https://kilianvalkhof.com/2023/css-html/root-isnt-global/

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.456
 - @utrecht/icon@1.0.0-alpha.383
 - @utrecht/component-library-angular@1.0.0-alpha.274
 - @utrecht/component-library-css@1.0.0-alpha.495
 - @utrecht/component-library-formio@1.0.0-alpha.436
 - @utrecht/component-library-react@1.0.0-alpha.304
 - @utrecht/component-library-vue@1.0.0-alpha.272
 - @utrecht/web-component-library-angular@1.0.0-alpha.478
 - @utrecht/web-component-library-react@1.0.0-alpha.494
 - @utrecht/web-component-library-stencil@1.0.0-alpha.494
 - @utrecht/web-component-library-vue@1.0.0-alpha.440
 - @utrecht/assets@1.0.0-alpha.116
 - @utrecht/design-tokens@1.0.0-alpha.488

feat: allow unselected date and keep date when navigating months

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.457
 - @utrecht/icon@1.0.0-alpha.384
 - @utrecht/component-library-angular@1.0.0-alpha.275
 - @utrecht/component-library-css@1.0.0-alpha.496
 - @utrecht/component-library-formio@1.0.0-alpha.437
 - @utrecht/component-library-react@1.0.0-alpha.305
 - @utrecht/component-library-vue@1.0.0-alpha.273
 - @utrecht/web-component-library-angular@1.0.0-alpha.479
 - @utrecht/web-component-library-react@1.0.0-alpha.495
 - @utrecht/web-component-library-stencil@1.0.0-alpha.495
 - @utrecht/web-component-library-vue@1.0.0-alpha.441
 - @utrecht/assets@1.0.0-alpha.117
 - @utrecht/design-tokens@1.0.0-alpha.489

docs: make CSS tokens example simpler to uncomment one token at a time

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.458
 - @utrecht/icon@1.0.0-alpha.385
 - @utrecht/component-library-angular@1.0.0-alpha.276
 - @utrecht/component-library-css@1.0.0-alpha.497
 - @utrecht/component-library-formio@1.0.0-alpha.438
 - @utrecht/component-library-react@1.0.0-alpha.306
 - @utrecht/component-library-vue@1.0.0-alpha.274
 - @utrecht/web-component-library-angular@1.0.0-alpha.480
 - @utrecht/web-component-library-react@1.0.0-alpha.496
 - @utrecht/web-component-library-stencil@1.0.0-alpha.496
 - @utrecht/web-component-library-vue@1.0.0-alpha.442
 - @utrecht/assets@1.0.0-alpha.118
 - @utrecht/design-tokens@1.0.0-alpha.490

style: active state for buttons

style: use `:active` after `:focus` and avoid `:link`

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.459
 - @utrecht/icon@1.0.0-alpha.386
 - @utrecht/component-library-angular@1.0.0-alpha.277
 - @utrecht/component-library-css@1.0.0-alpha.498
 - @utrecht/component-library-formio@1.0.0-alpha.439
 - @utrecht/component-library-react@1.0.0-alpha.307
 - @utrecht/component-library-vue@1.0.0-alpha.275
 - @utrecht/web-component-library-angular@1.0.0-alpha.481
 - @utrecht/web-component-library-react@1.0.0-alpha.497
 - @utrecht/web-component-library-stencil@1.0.0-alpha.497
 - @utrecht/web-component-library-vue@1.0.0-alpha.443
 - @utrecht/assets@1.0.0-alpha.119
 - @utrecht/design-tokens@1.0.0-alpha.491

fix: revert "support design tokens in `::selection`"

This reverts commit fb62efe.

Unfortunately the following code makes the user selection invisible:

```
::selection {
    --color: red;
}
```

Somehow, only having a custom property, breaks `background-color` and
`color`. This totally works:

```
::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

However, the following would not be our intention:

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

Perhaps we could do the following, but I doubt it would be worth the complexity.

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
}

.utrecht-theme ::selection {
    background-color: Highlight;
    color: HighlightText;
}
```

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.460
 - @utrecht/icon@1.0.0-alpha.387
 - @utrecht/component-library-angular@1.0.0-alpha.278
 - @utrecht/component-library-css@1.0.0-alpha.499
 - @utrecht/component-library-formio@1.0.0-alpha.440
 - @utrecht/component-library-react@1.0.0-alpha.308
 - @utrecht/component-library-vue@1.0.0-alpha.276
 - @utrecht/web-component-library-angular@1.0.0-alpha.482
 - @utrecht/web-component-library-react@1.0.0-alpha.498
 - @utrecht/web-component-library-stencil@1.0.0-alpha.498
 - @utrecht/web-component-library-vue@1.0.0-alpha.444
 - @utrecht/assets@1.0.0-alpha.120
 - @utrecht/design-tokens@1.0.0-alpha.492

style: add `text-style-adjust: reset`

Inspired by: Your CSS reset needs text-size-adjust (probably)

https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

style: add `font-size: inherit` fallback to form inputs

style: explicitly use `user-select: none` on form components

feat: add selected state for table row and cells

style: use `Hightlight` and `HightlightText` as fallback selected style

style: `<th>` should be bold, even without design tokens

docs: add theme switcher to React Storybook

Dark mode is broken still, will look into it later

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.461
 - @utrecht/icon@1.0.0-alpha.388
 - @utrecht/component-library-angular@1.0.0-alpha.279
 - @utrecht/component-library-css@1.0.0-alpha.500
 - @utrecht/component-library-formio@1.0.0-alpha.441
 - @utrecht/component-library-react@1.0.0-alpha.309
 - @utrecht/component-library-vue@1.0.0-alpha.277
 - @utrecht/web-component-library-angular@1.0.0-alpha.483
 - @utrecht/web-component-library-react@1.0.0-alpha.499
 - @utrecht/web-component-library-stencil@1.0.0-alpha.499
 - @utrecht/web-component-library-vue@1.0.0-alpha.445
 - @utrecht/assets@1.0.0-alpha.121
 - @utrecht/design-tokens@1.0.0-alpha.493

fix: accordion tokens fixed

feat: add new interactive state tokens for checked radio

refactor: reuse radio button icon svg

fix: use `defaultChecked` instead of `checked`

feat: support styling radio button icon

docs: radio button design guidelines

fix: radio button group `name` and `id` attributes

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.462
 - @utrecht/icon@1.0.0-alpha.389
 - @utrecht/component-library-angular@1.0.0-alpha.280
 - @utrecht/component-library-css@1.0.0-alpha.501
 - @utrecht/component-library-formio@1.0.0-alpha.442
 - @utrecht/component-library-react@1.0.0-alpha.310
 - @utrecht/component-library-vue@1.0.0-alpha.278
 - @utrecht/web-component-library-angular@1.0.0-alpha.484
 - @utrecht/web-component-library-react@1.0.0-alpha.500
 - @utrecht/web-component-library-stencil@1.0.0-alpha.500
 - @utrecht/web-component-library-vue@1.0.0-alpha.446
 - @utrecht/assets@1.0.0-alpha.122
 - @utrecht/design-tokens@1.0.0-alpha.494

docs: color sample docs

feat: add `border-radius` token to color sample component

style: prevent selection in Safari too

feat: color sample web component

test: unit tests for React ColorSample component

feat: color sample component for Angular

feat: add size tokens to color sample

style: ensure color sample can be printed

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.463
 - @utrecht/icon@1.0.0-alpha.390
 - @utrecht/component-library-angular@1.0.0-alpha.281
 - @utrecht/component-library-css@1.0.0-alpha.502
 - @utrecht/component-library-formio@1.0.0-alpha.443
 - @utrecht/component-library-react@1.0.0-alpha.311
 - @utrecht/component-library-vue@1.0.0-alpha.279
 - @utrecht/web-component-library-angular@1.0.0-alpha.485
 - @utrecht/web-component-library-react@1.0.0-alpha.501
 - @utrecht/web-component-library-stencil@1.0.0-alpha.501
 - @utrecht/web-component-library-vue@1.0.0-alpha.447
 - @utrecht/assets@1.0.0-alpha.123
 - @utrecht/design-tokens@1.0.0-alpha.495

fix: use `aria-label` instead of `title` for links

docs: some more WCAG links

docs: examples of how to use form-field-description

ci: disable `react/no-unescaped-entities` lint rule

The suggestion might prevent a bug sometimes, but MDX docs become unreadable.

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.464
 - @utrecht/icon@1.0.0-alpha.391
 - @utrecht/component-library-angular@1.0.0-alpha.282
 - @utrecht/component-library-css@1.0.0-alpha.503
 - @utrecht/component-library-formio@1.0.0-alpha.444
 - @utrecht/component-library-react@1.0.0-alpha.312
 - @utrecht/component-library-vue@1.0.0-alpha.280
 - @utrecht/web-component-library-angular@1.0.0-alpha.486
 - @utrecht/web-component-library-react@1.0.0-alpha.502
 - @utrecht/web-component-library-stencil@1.0.0-alpha.502
 - @utrecht/web-component-library-vue@1.0.0-alpha.448
 - @utrecht/assets@1.0.0-alpha.124
 - @utrecht/design-tokens@1.0.0-alpha.496

feat: add min and max date bounds

docs: add story for limited range calendar

test: add calendar tests

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.465
 - @utrecht/icon@1.0.0-alpha.392
 - @utrecht/component-library-angular@1.0.0-alpha.283
 - @utrecht/component-library-css@1.0.0-alpha.504
 - @utrecht/component-library-formio@1.0.0-alpha.445
 - @utrecht/component-library-react@1.0.0-alpha.313
 - @utrecht/component-library-vue@1.0.0-alpha.281
 - @utrecht/web-component-library-angular@1.0.0-alpha.487
 - @utrecht/web-component-library-react@1.0.0-alpha.503
 - @utrecht/web-component-library-stencil@1.0.0-alpha.503
 - @utrecht/web-component-library-vue@1.0.0-alpha.449
 - @utrecht/assets@1.0.0-alpha.125
 - @utrecht/design-tokens@1.0.0-alpha.497

style: avoid oversized SVG icons

docs: icon story for CSS icon component

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.466
 - @utrecht/icon@1.0.0-alpha.393
 - @utrecht/component-library-angular@1.0.0-alpha.284
 - @utrecht/component-library-css@1.0.0-alpha.505
 - @utrecht/component-library-formio@1.0.0-alpha.446
 - @utrecht/component-library-react@1.0.0-alpha.314
 - @utrecht/component-library-vue@1.0.0-alpha.282
 - @utrecht/web-component-library-angular@1.0.0-alpha.488
 - @utrecht/web-component-library-react@1.0.0-alpha.504
 - @utrecht/web-component-library-stencil@1.0.0-alpha.504
 - @utrecht/web-component-library-vue@1.0.0-alpha.450
 - @utrecht/assets@1.0.0-alpha.126
 - @utrecht/design-tokens@1.0.0-alpha.498
AndreaBusse29 added a commit to nl-design-system/utrecht that referenced this issue May 17, 2023
@AndreaBusse29
feat: add more vue components and stories
56e8906 
feat: add more vue components and stories

style: add secondary color tokens

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.450
 - @utrecht/icon@1.0.0-alpha.377
 - @utrecht/component-library-angular@1.0.0-alpha.268
 - @utrecht/component-library-css@1.0.0-alpha.489
 - @utrecht/component-library-formio@1.0.0-alpha.430
 - @utrecht/component-library-react@1.0.0-alpha.298
 - @utrecht/component-library-vue@1.0.0-alpha.266
 - @utrecht/web-component-library-angular@1.0.0-alpha.472
 - @utrecht/web-component-library-react@1.0.0-alpha.488
 - @utrecht/web-component-library-stencil@1.0.0-alpha.488
 - @utrecht/web-component-library-vue@1.0.0-alpha.434
 - @utrecht/assets@1.0.0-alpha.110
 - @utrecht/design-tokens@1.0.0-alpha.482

style: revert CSS overrides for Storybook doc pages

Essentially revert #1582, it is causing too many side effects

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.451
 - @utrecht/icon@1.0.0-alpha.378
 - @utrecht/component-library-angular@1.0.0-alpha.269
 - @utrecht/component-library-css@1.0.0-alpha.490
 - @utrecht/component-library-formio@1.0.0-alpha.431
 - @utrecht/component-library-react@1.0.0-alpha.299
 - @utrecht/component-library-vue@1.0.0-alpha.267
 - @utrecht/web-component-library-angular@1.0.0-alpha.473
 - @utrecht/web-component-library-react@1.0.0-alpha.489
 - @utrecht/web-component-library-stencil@1.0.0-alpha.489
 - @utrecht/web-component-library-vue@1.0.0-alpha.435
 - @utrecht/assets@1.0.0-alpha.111
 - @utrecht/design-tokens@1.0.0-alpha.483

build: update npm-check-updates first

raineorshine/npm-check-updates#1268

build: install patch updates

chore: `import-order` lint fixes

build: remove Stencil patch for CSP (Stencil 3 has out of the box support)

chore: fix markdown lint warnings

build: update minor versions

build: avoid `@vue/tsconfig` 0.2.0 and greater, requires TypeScript 5

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.452
 - @utrecht/icon@1.0.0-alpha.379
 - @utrecht/component-library-angular@1.0.0-alpha.270
 - @utrecht/component-library-css@1.0.0-alpha.491
 - @utrecht/component-library-formio@1.0.0-alpha.432
 - @utrecht/component-library-react@1.0.0-alpha.300
 - @utrecht/component-library-vue@1.0.0-alpha.268
 - @utrecht/web-component-library-angular@1.0.0-alpha.474
 - @utrecht/web-component-library-react@1.0.0-alpha.490
 - @utrecht/web-component-library-stencil@1.0.0-alpha.490
 - @utrecht/web-component-library-vue@1.0.0-alpha.436
 - @utrecht/assets@1.0.0-alpha.112
 - @utrecht/design-tokens@1.0.0-alpha.484

feat: new token voor line height

style: add `form-control` fallback for textbox line height

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.453
 - @utrecht/icon@1.0.0-alpha.380
 - @utrecht/component-library-angular@1.0.0-alpha.271
 - @utrecht/component-library-css@1.0.0-alpha.492
 - @utrecht/component-library-formio@1.0.0-alpha.433
 - @utrecht/component-library-react@1.0.0-alpha.301
 - @utrecht/component-library-vue@1.0.0-alpha.269
 - @utrecht/web-component-library-angular@1.0.0-alpha.475
 - @utrecht/web-component-library-react@1.0.0-alpha.491
 - @utrecht/web-component-library-stencil@1.0.0-alpha.491
 - @utrecht/web-component-library-vue@1.0.0-alpha.437
 - @utrecht/assets@1.0.0-alpha.113
 - @utrecht/design-tokens@1.0.0-alpha.485

feat: opencatalogi databadge designtokens

fix: linting voor data-badge

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.454
 - @utrecht/icon@1.0.0-alpha.381
 - @utrecht/component-library-angular@1.0.0-alpha.272
 - @utrecht/component-library-css@1.0.0-alpha.493
 - @utrecht/component-library-formio@1.0.0-alpha.434
 - @utrecht/component-library-react@1.0.0-alpha.302
 - @utrecht/component-library-vue@1.0.0-alpha.270
 - @utrecht/web-component-library-angular@1.0.0-alpha.476
 - @utrecht/web-component-library-react@1.0.0-alpha.492
 - @utrecht/web-component-library-stencil@1.0.0-alpha.492
 - @utrecht/web-component-library-vue@1.0.0-alpha.438
 - @utrecht/assets@1.0.0-alpha.114
 - @utrecht/design-tokens@1.0.0-alpha.486

docs: add WCAG 1280x1024px at 400% zoom viewport to Storybook

docs: improve skip link docs

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.455
 - @utrecht/icon@1.0.0-alpha.382
 - @utrecht/component-library-angular@1.0.0-alpha.273
 - @utrecht/component-library-css@1.0.0-alpha.494
 - @utrecht/component-library-formio@1.0.0-alpha.435
 - @utrecht/component-library-react@1.0.0-alpha.303
 - @utrecht/component-library-vue@1.0.0-alpha.271
 - @utrecht/web-component-library-angular@1.0.0-alpha.477
 - @utrecht/web-component-library-react@1.0.0-alpha.493
 - @utrecht/web-component-library-stencil@1.0.0-alpha.493
 - @utrecht/web-component-library-vue@1.0.0-alpha.439
 - @utrecht/assets@1.0.0-alpha.115
 - @utrecht/design-tokens@1.0.0-alpha.487

style: support design tokens in `::selection`

https://kilianvalkhof.com/2023/css-html/root-isnt-global/

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.456
 - @utrecht/icon@1.0.0-alpha.383
 - @utrecht/component-library-angular@1.0.0-alpha.274
 - @utrecht/component-library-css@1.0.0-alpha.495
 - @utrecht/component-library-formio@1.0.0-alpha.436
 - @utrecht/component-library-react@1.0.0-alpha.304
 - @utrecht/component-library-vue@1.0.0-alpha.272
 - @utrecht/web-component-library-angular@1.0.0-alpha.478
 - @utrecht/web-component-library-react@1.0.0-alpha.494
 - @utrecht/web-component-library-stencil@1.0.0-alpha.494
 - @utrecht/web-component-library-vue@1.0.0-alpha.440
 - @utrecht/assets@1.0.0-alpha.116
 - @utrecht/design-tokens@1.0.0-alpha.488

feat: allow unselected date and keep date when navigating months

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.457
 - @utrecht/icon@1.0.0-alpha.384
 - @utrecht/component-library-angular@1.0.0-alpha.275
 - @utrecht/component-library-css@1.0.0-alpha.496
 - @utrecht/component-library-formio@1.0.0-alpha.437
 - @utrecht/component-library-react@1.0.0-alpha.305
 - @utrecht/component-library-vue@1.0.0-alpha.273
 - @utrecht/web-component-library-angular@1.0.0-alpha.479
 - @utrecht/web-component-library-react@1.0.0-alpha.495
 - @utrecht/web-component-library-stencil@1.0.0-alpha.495
 - @utrecht/web-component-library-vue@1.0.0-alpha.441
 - @utrecht/assets@1.0.0-alpha.117
 - @utrecht/design-tokens@1.0.0-alpha.489

docs: make CSS tokens example simpler to uncomment one token at a time

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.458
 - @utrecht/icon@1.0.0-alpha.385
 - @utrecht/component-library-angular@1.0.0-alpha.276
 - @utrecht/component-library-css@1.0.0-alpha.497
 - @utrecht/component-library-formio@1.0.0-alpha.438
 - @utrecht/component-library-react@1.0.0-alpha.306
 - @utrecht/component-library-vue@1.0.0-alpha.274
 - @utrecht/web-component-library-angular@1.0.0-alpha.480
 - @utrecht/web-component-library-react@1.0.0-alpha.496
 - @utrecht/web-component-library-stencil@1.0.0-alpha.496
 - @utrecht/web-component-library-vue@1.0.0-alpha.442
 - @utrecht/assets@1.0.0-alpha.118
 - @utrecht/design-tokens@1.0.0-alpha.490

style: active state for buttons

style: use `:active` after `:focus` and avoid `:link`

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.459
 - @utrecht/icon@1.0.0-alpha.386
 - @utrecht/component-library-angular@1.0.0-alpha.277
 - @utrecht/component-library-css@1.0.0-alpha.498
 - @utrecht/component-library-formio@1.0.0-alpha.439
 - @utrecht/component-library-react@1.0.0-alpha.307
 - @utrecht/component-library-vue@1.0.0-alpha.275
 - @utrecht/web-component-library-angular@1.0.0-alpha.481
 - @utrecht/web-component-library-react@1.0.0-alpha.497
 - @utrecht/web-component-library-stencil@1.0.0-alpha.497
 - @utrecht/web-component-library-vue@1.0.0-alpha.443
 - @utrecht/assets@1.0.0-alpha.119
 - @utrecht/design-tokens@1.0.0-alpha.491

fix: revert "support design tokens in `::selection`"

This reverts commit fb62efe.

Unfortunately the following code makes the user selection invisible:

```
::selection {
    --color: red;
}
```

Somehow, only having a custom property, breaks `background-color` and
`color`. This totally works:

```
::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

However, the following would not be our intention:

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

Perhaps we could do the following, but I doubt it would be worth the complexity.

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
}

.utrecht-theme ::selection {
    background-color: Highlight;
    color: HighlightText;
}
```

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.460
 - @utrecht/icon@1.0.0-alpha.387
 - @utrecht/component-library-angular@1.0.0-alpha.278
 - @utrecht/component-library-css@1.0.0-alpha.499
 - @utrecht/component-library-formio@1.0.0-alpha.440
 - @utrecht/component-library-react@1.0.0-alpha.308
 - @utrecht/component-library-vue@1.0.0-alpha.276
 - @utrecht/web-component-library-angular@1.0.0-alpha.482
 - @utrecht/web-component-library-react@1.0.0-alpha.498
 - @utrecht/web-component-library-stencil@1.0.0-alpha.498
 - @utrecht/web-component-library-vue@1.0.0-alpha.444
 - @utrecht/assets@1.0.0-alpha.120
 - @utrecht/design-tokens@1.0.0-alpha.492

style: add `text-style-adjust: reset`

Inspired by: Your CSS reset needs text-size-adjust (probably)

https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

style: add `font-size: inherit` fallback to form inputs

style: explicitly use `user-select: none` on form components

feat: add selected state for table row and cells

style: use `Hightlight` and `HightlightText` as fallback selected style

style: `<th>` should be bold, even without design tokens

docs: add theme switcher to React Storybook

Dark mode is broken still, will look into it later

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.461
 - @utrecht/icon@1.0.0-alpha.388
 - @utrecht/component-library-angular@1.0.0-alpha.279
 - @utrecht/component-library-css@1.0.0-alpha.500
 - @utrecht/component-library-formio@1.0.0-alpha.441
 - @utrecht/component-library-react@1.0.0-alpha.309
 - @utrecht/component-library-vue@1.0.0-alpha.277
 - @utrecht/web-component-library-angular@1.0.0-alpha.483
 - @utrecht/web-component-library-react@1.0.0-alpha.499
 - @utrecht/web-component-library-stencil@1.0.0-alpha.499
 - @utrecht/web-component-library-vue@1.0.0-alpha.445
 - @utrecht/assets@1.0.0-alpha.121
 - @utrecht/design-tokens@1.0.0-alpha.493

fix: accordion tokens fixed

feat: add new interactive state tokens for checked radio

refactor: reuse radio button icon svg

fix: use `defaultChecked` instead of `checked`

feat: support styling radio button icon

docs: radio button design guidelines

fix: radio button group `name` and `id` attributes

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.462
 - @utrecht/icon@1.0.0-alpha.389
 - @utrecht/component-library-angular@1.0.0-alpha.280
 - @utrecht/component-library-css@1.0.0-alpha.501
 - @utrecht/component-library-formio@1.0.0-alpha.442
 - @utrecht/component-library-react@1.0.0-alpha.310
 - @utrecht/component-library-vue@1.0.0-alpha.278
 - @utrecht/web-component-library-angular@1.0.0-alpha.484
 - @utrecht/web-component-library-react@1.0.0-alpha.500
 - @utrecht/web-component-library-stencil@1.0.0-alpha.500
 - @utrecht/web-component-library-vue@1.0.0-alpha.446
 - @utrecht/assets@1.0.0-alpha.122
 - @utrecht/design-tokens@1.0.0-alpha.494

docs: color sample docs

feat: add `border-radius` token to color sample component

style: prevent selection in Safari too

feat: color sample web component

test: unit tests for React ColorSample component

feat: color sample component for Angular

feat: add size tokens to color sample

style: ensure color sample can be printed

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.463
 - @utrecht/icon@1.0.0-alpha.390
 - @utrecht/component-library-angular@1.0.0-alpha.281
 - @utrecht/component-library-css@1.0.0-alpha.502
 - @utrecht/component-library-formio@1.0.0-alpha.443
 - @utrecht/component-library-react@1.0.0-alpha.311
 - @utrecht/component-library-vue@1.0.0-alpha.279
 - @utrecht/web-component-library-angular@1.0.0-alpha.485
 - @utrecht/web-component-library-react@1.0.0-alpha.501
 - @utrecht/web-component-library-stencil@1.0.0-alpha.501
 - @utrecht/web-component-library-vue@1.0.0-alpha.447
 - @utrecht/assets@1.0.0-alpha.123
 - @utrecht/design-tokens@1.0.0-alpha.495

fix: use `aria-label` instead of `title` for links

docs: some more WCAG links

docs: examples of how to use form-field-description

ci: disable `react/no-unescaped-entities` lint rule

The suggestion might prevent a bug sometimes, but MDX docs become unreadable.

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.464
 - @utrecht/icon@1.0.0-alpha.391
 - @utrecht/component-library-angular@1.0.0-alpha.282
 - @utrecht/component-library-css@1.0.0-alpha.503
 - @utrecht/component-library-formio@1.0.0-alpha.444
 - @utrecht/component-library-react@1.0.0-alpha.312
 - @utrecht/component-library-vue@1.0.0-alpha.280
 - @utrecht/web-component-library-angular@1.0.0-alpha.486
 - @utrecht/web-component-library-react@1.0.0-alpha.502
 - @utrecht/web-component-library-stencil@1.0.0-alpha.502
 - @utrecht/web-component-library-vue@1.0.0-alpha.448
 - @utrecht/assets@1.0.0-alpha.124
 - @utrecht/design-tokens@1.0.0-alpha.496

feat: add min and max date bounds

docs: add story for limited range calendar

test: add calendar tests

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.465
 - @utrecht/icon@1.0.0-alpha.392
 - @utrecht/component-library-angular@1.0.0-alpha.283
 - @utrecht/component-library-css@1.0.0-alpha.504
 - @utrecht/component-library-formio@1.0.0-alpha.445
 - @utrecht/component-library-react@1.0.0-alpha.313
 - @utrecht/component-library-vue@1.0.0-alpha.281
 - @utrecht/web-component-library-angular@1.0.0-alpha.487
 - @utrecht/web-component-library-react@1.0.0-alpha.503
 - @utrecht/web-component-library-stencil@1.0.0-alpha.503
 - @utrecht/web-component-library-vue@1.0.0-alpha.449
 - @utrecht/assets@1.0.0-alpha.125
 - @utrecht/design-tokens@1.0.0-alpha.497

style: avoid oversized SVG icons

docs: icon story for CSS icon component

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.466
 - @utrecht/icon@1.0.0-alpha.393
 - @utrecht/component-library-angular@1.0.0-alpha.284
 - @utrecht/component-library-css@1.0.0-alpha.505
 - @utrecht/component-library-formio@1.0.0-alpha.446
 - @utrecht/component-library-react@1.0.0-alpha.314
 - @utrecht/component-library-vue@1.0.0-alpha.282
 - @utrecht/web-component-library-angular@1.0.0-alpha.488
 - @utrecht/web-component-library-react@1.0.0-alpha.504
 - @utrecht/web-component-library-stencil@1.0.0-alpha.504
 - @utrecht/web-component-library-vue@1.0.0-alpha.450
 - @utrecht/assets@1.0.0-alpha.126
 - @utrecht/design-tokens@1.0.0-alpha.498
Robbert pushed a commit to nl-design-system/utrecht that referenced this issue May 27, 2023
@AndreaBusse29 @Robbert
feat: add more vue components and stories
a81abd2 
feat: add more vue components and stories

style: add secondary color tokens

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.450
 - @utrecht/icon@1.0.0-alpha.377
 - @utrecht/component-library-angular@1.0.0-alpha.268
 - @utrecht/component-library-css@1.0.0-alpha.489
 - @utrecht/component-library-formio@1.0.0-alpha.430
 - @utrecht/component-library-react@1.0.0-alpha.298
 - @utrecht/component-library-vue@1.0.0-alpha.266
 - @utrecht/web-component-library-angular@1.0.0-alpha.472
 - @utrecht/web-component-library-react@1.0.0-alpha.488
 - @utrecht/web-component-library-stencil@1.0.0-alpha.488
 - @utrecht/web-component-library-vue@1.0.0-alpha.434
 - @utrecht/assets@1.0.0-alpha.110
 - @utrecht/design-tokens@1.0.0-alpha.482

style: revert CSS overrides for Storybook doc pages

Essentially revert #1582, it is causing too many side effects

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.451
 - @utrecht/icon@1.0.0-alpha.378
 - @utrecht/component-library-angular@1.0.0-alpha.269
 - @utrecht/component-library-css@1.0.0-alpha.490
 - @utrecht/component-library-formio@1.0.0-alpha.431
 - @utrecht/component-library-react@1.0.0-alpha.299
 - @utrecht/component-library-vue@1.0.0-alpha.267
 - @utrecht/web-component-library-angular@1.0.0-alpha.473
 - @utrecht/web-component-library-react@1.0.0-alpha.489
 - @utrecht/web-component-library-stencil@1.0.0-alpha.489
 - @utrecht/web-component-library-vue@1.0.0-alpha.435
 - @utrecht/assets@1.0.0-alpha.111
 - @utrecht/design-tokens@1.0.0-alpha.483

build: update npm-check-updates first

raineorshine/npm-check-updates#1268

build: install patch updates

chore: `import-order` lint fixes

build: remove Stencil patch for CSP (Stencil 3 has out of the box support)

chore: fix markdown lint warnings

build: update minor versions

build: avoid `@vue/tsconfig` 0.2.0 and greater, requires TypeScript 5

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.452
 - @utrecht/icon@1.0.0-alpha.379
 - @utrecht/component-library-angular@1.0.0-alpha.270
 - @utrecht/component-library-css@1.0.0-alpha.491
 - @utrecht/component-library-formio@1.0.0-alpha.432
 - @utrecht/component-library-react@1.0.0-alpha.300
 - @utrecht/component-library-vue@1.0.0-alpha.268
 - @utrecht/web-component-library-angular@1.0.0-alpha.474
 - @utrecht/web-component-library-react@1.0.0-alpha.490
 - @utrecht/web-component-library-stencil@1.0.0-alpha.490
 - @utrecht/web-component-library-vue@1.0.0-alpha.436
 - @utrecht/assets@1.0.0-alpha.112
 - @utrecht/design-tokens@1.0.0-alpha.484

feat: new token voor line height

style: add `form-control` fallback for textbox line height

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.453
 - @utrecht/icon@1.0.0-alpha.380
 - @utrecht/component-library-angular@1.0.0-alpha.271
 - @utrecht/component-library-css@1.0.0-alpha.492
 - @utrecht/component-library-formio@1.0.0-alpha.433
 - @utrecht/component-library-react@1.0.0-alpha.301
 - @utrecht/component-library-vue@1.0.0-alpha.269
 - @utrecht/web-component-library-angular@1.0.0-alpha.475
 - @utrecht/web-component-library-react@1.0.0-alpha.491
 - @utrecht/web-component-library-stencil@1.0.0-alpha.491
 - @utrecht/web-component-library-vue@1.0.0-alpha.437
 - @utrecht/assets@1.0.0-alpha.113
 - @utrecht/design-tokens@1.0.0-alpha.485

feat: opencatalogi databadge designtokens

fix: linting voor data-badge

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.454
 - @utrecht/icon@1.0.0-alpha.381
 - @utrecht/component-library-angular@1.0.0-alpha.272
 - @utrecht/component-library-css@1.0.0-alpha.493
 - @utrecht/component-library-formio@1.0.0-alpha.434
 - @utrecht/component-library-react@1.0.0-alpha.302
 - @utrecht/component-library-vue@1.0.0-alpha.270
 - @utrecht/web-component-library-angular@1.0.0-alpha.476
 - @utrecht/web-component-library-react@1.0.0-alpha.492
 - @utrecht/web-component-library-stencil@1.0.0-alpha.492
 - @utrecht/web-component-library-vue@1.0.0-alpha.438
 - @utrecht/assets@1.0.0-alpha.114
 - @utrecht/design-tokens@1.0.0-alpha.486

docs: add WCAG 1280x1024px at 400% zoom viewport to Storybook

docs: improve skip link docs

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.455
 - @utrecht/icon@1.0.0-alpha.382
 - @utrecht/component-library-angular@1.0.0-alpha.273
 - @utrecht/component-library-css@1.0.0-alpha.494
 - @utrecht/component-library-formio@1.0.0-alpha.435
 - @utrecht/component-library-react@1.0.0-alpha.303
 - @utrecht/component-library-vue@1.0.0-alpha.271
 - @utrecht/web-component-library-angular@1.0.0-alpha.477
 - @utrecht/web-component-library-react@1.0.0-alpha.493
 - @utrecht/web-component-library-stencil@1.0.0-alpha.493
 - @utrecht/web-component-library-vue@1.0.0-alpha.439
 - @utrecht/assets@1.0.0-alpha.115
 - @utrecht/design-tokens@1.0.0-alpha.487

style: support design tokens in `::selection`

https://kilianvalkhof.com/2023/css-html/root-isnt-global/

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.456
 - @utrecht/icon@1.0.0-alpha.383
 - @utrecht/component-library-angular@1.0.0-alpha.274
 - @utrecht/component-library-css@1.0.0-alpha.495
 - @utrecht/component-library-formio@1.0.0-alpha.436
 - @utrecht/component-library-react@1.0.0-alpha.304
 - @utrecht/component-library-vue@1.0.0-alpha.272
 - @utrecht/web-component-library-angular@1.0.0-alpha.478
 - @utrecht/web-component-library-react@1.0.0-alpha.494
 - @utrecht/web-component-library-stencil@1.0.0-alpha.494
 - @utrecht/web-component-library-vue@1.0.0-alpha.440
 - @utrecht/assets@1.0.0-alpha.116
 - @utrecht/design-tokens@1.0.0-alpha.488

feat: allow unselected date and keep date when navigating months

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.457
 - @utrecht/icon@1.0.0-alpha.384
 - @utrecht/component-library-angular@1.0.0-alpha.275
 - @utrecht/component-library-css@1.0.0-alpha.496
 - @utrecht/component-library-formio@1.0.0-alpha.437
 - @utrecht/component-library-react@1.0.0-alpha.305
 - @utrecht/component-library-vue@1.0.0-alpha.273
 - @utrecht/web-component-library-angular@1.0.0-alpha.479
 - @utrecht/web-component-library-react@1.0.0-alpha.495
 - @utrecht/web-component-library-stencil@1.0.0-alpha.495
 - @utrecht/web-component-library-vue@1.0.0-alpha.441
 - @utrecht/assets@1.0.0-alpha.117
 - @utrecht/design-tokens@1.0.0-alpha.489

docs: make CSS tokens example simpler to uncomment one token at a time

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.458
 - @utrecht/icon@1.0.0-alpha.385
 - @utrecht/component-library-angular@1.0.0-alpha.276
 - @utrecht/component-library-css@1.0.0-alpha.497
 - @utrecht/component-library-formio@1.0.0-alpha.438
 - @utrecht/component-library-react@1.0.0-alpha.306
 - @utrecht/component-library-vue@1.0.0-alpha.274
 - @utrecht/web-component-library-angular@1.0.0-alpha.480
 - @utrecht/web-component-library-react@1.0.0-alpha.496
 - @utrecht/web-component-library-stencil@1.0.0-alpha.496
 - @utrecht/web-component-library-vue@1.0.0-alpha.442
 - @utrecht/assets@1.0.0-alpha.118
 - @utrecht/design-tokens@1.0.0-alpha.490

style: active state for buttons

style: use `:active` after `:focus` and avoid `:link`

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.459
 - @utrecht/icon@1.0.0-alpha.386
 - @utrecht/component-library-angular@1.0.0-alpha.277
 - @utrecht/component-library-css@1.0.0-alpha.498
 - @utrecht/component-library-formio@1.0.0-alpha.439
 - @utrecht/component-library-react@1.0.0-alpha.307
 - @utrecht/component-library-vue@1.0.0-alpha.275
 - @utrecht/web-component-library-angular@1.0.0-alpha.481
 - @utrecht/web-component-library-react@1.0.0-alpha.497
 - @utrecht/web-component-library-stencil@1.0.0-alpha.497
 - @utrecht/web-component-library-vue@1.0.0-alpha.443
 - @utrecht/assets@1.0.0-alpha.119
 - @utrecht/design-tokens@1.0.0-alpha.491

fix: revert "support design tokens in `::selection`"

This reverts commit fb62efe.

Unfortunately the following code makes the user selection invisible:

```
::selection {
    --color: red;
}
```

Somehow, only having a custom property, breaks `background-color` and
`color`. This totally works:

```
::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

However, the following would not be our intention:

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

Perhaps we could do the following, but I doubt it would be worth the complexity.

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
}

.utrecht-theme ::selection {
    background-color: Highlight;
    color: HighlightText;
}
```

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.460
 - @utrecht/icon@1.0.0-alpha.387
 - @utrecht/component-library-angular@1.0.0-alpha.278
 - @utrecht/component-library-css@1.0.0-alpha.499
 - @utrecht/component-library-formio@1.0.0-alpha.440
 - @utrecht/component-library-react@1.0.0-alpha.308
 - @utrecht/component-library-vue@1.0.0-alpha.276
 - @utrecht/web-component-library-angular@1.0.0-alpha.482
 - @utrecht/web-component-library-react@1.0.0-alpha.498
 - @utrecht/web-component-library-stencil@1.0.0-alpha.498
 - @utrecht/web-component-library-vue@1.0.0-alpha.444
 - @utrecht/assets@1.0.0-alpha.120
 - @utrecht/design-tokens@1.0.0-alpha.492

style: add `text-style-adjust: reset`

Inspired by: Your CSS reset needs text-size-adjust (probably)

https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

style: add `font-size: inherit` fallback to form inputs

style: explicitly use `user-select: none` on form components

feat: add selected state for table row and cells

style: use `Hightlight` and `HightlightText` as fallback selected style

style: `<th>` should be bold, even without design tokens

docs: add theme switcher to React Storybook

Dark mode is broken still, will look into it later

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.461
 - @utrecht/icon@1.0.0-alpha.388
 - @utrecht/component-library-angular@1.0.0-alpha.279
 - @utrecht/component-library-css@1.0.0-alpha.500
 - @utrecht/component-library-formio@1.0.0-alpha.441
 - @utrecht/component-library-react@1.0.0-alpha.309
 - @utrecht/component-library-vue@1.0.0-alpha.277
 - @utrecht/web-component-library-angular@1.0.0-alpha.483
 - @utrecht/web-component-library-react@1.0.0-alpha.499
 - @utrecht/web-component-library-stencil@1.0.0-alpha.499
 - @utrecht/web-component-library-vue@1.0.0-alpha.445
 - @utrecht/assets@1.0.0-alpha.121
 - @utrecht/design-tokens@1.0.0-alpha.493

fix: accordion tokens fixed

feat: add new interactive state tokens for checked radio

refactor: reuse radio button icon svg

fix: use `defaultChecked` instead of `checked`

feat: support styling radio button icon

docs: radio button design guidelines

fix: radio button group `name` and `id` attributes

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.462
 - @utrecht/icon@1.0.0-alpha.389
 - @utrecht/component-library-angular@1.0.0-alpha.280
 - @utrecht/component-library-css@1.0.0-alpha.501
 - @utrecht/component-library-formio@1.0.0-alpha.442
 - @utrecht/component-library-react@1.0.0-alpha.310
 - @utrecht/component-library-vue@1.0.0-alpha.278
 - @utrecht/web-component-library-angular@1.0.0-alpha.484
 - @utrecht/web-component-library-react@1.0.0-alpha.500
 - @utrecht/web-component-library-stencil@1.0.0-alpha.500
 - @utrecht/web-component-library-vue@1.0.0-alpha.446
 - @utrecht/assets@1.0.0-alpha.122
 - @utrecht/design-tokens@1.0.0-alpha.494

docs: color sample docs

feat: add `border-radius` token to color sample component

style: prevent selection in Safari too

feat: color sample web component

test: unit tests for React ColorSample component

feat: color sample component for Angular

feat: add size tokens to color sample

style: ensure color sample can be printed

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.463
 - @utrecht/icon@1.0.0-alpha.390
 - @utrecht/component-library-angular@1.0.0-alpha.281
 - @utrecht/component-library-css@1.0.0-alpha.502
 - @utrecht/component-library-formio@1.0.0-alpha.443
 - @utrecht/component-library-react@1.0.0-alpha.311
 - @utrecht/component-library-vue@1.0.0-alpha.279
 - @utrecht/web-component-library-angular@1.0.0-alpha.485
 - @utrecht/web-component-library-react@1.0.0-alpha.501
 - @utrecht/web-component-library-stencil@1.0.0-alpha.501
 - @utrecht/web-component-library-vue@1.0.0-alpha.447
 - @utrecht/assets@1.0.0-alpha.123
 - @utrecht/design-tokens@1.0.0-alpha.495

fix: use `aria-label` instead of `title` for links

docs: some more WCAG links

docs: examples of how to use form-field-description

ci: disable `react/no-unescaped-entities` lint rule

The suggestion might prevent a bug sometimes, but MDX docs become unreadable.

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.464
 - @utrecht/icon@1.0.0-alpha.391
 - @utrecht/component-library-angular@1.0.0-alpha.282
 - @utrecht/component-library-css@1.0.0-alpha.503
 - @utrecht/component-library-formio@1.0.0-alpha.444
 - @utrecht/component-library-react@1.0.0-alpha.312
 - @utrecht/component-library-vue@1.0.0-alpha.280
 - @utrecht/web-component-library-angular@1.0.0-alpha.486
 - @utrecht/web-component-library-react@1.0.0-alpha.502
 - @utrecht/web-component-library-stencil@1.0.0-alpha.502
 - @utrecht/web-component-library-vue@1.0.0-alpha.448
 - @utrecht/assets@1.0.0-alpha.124
 - @utrecht/design-tokens@1.0.0-alpha.496

feat: add min and max date bounds

docs: add story for limited range calendar

test: add calendar tests

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.465
 - @utrecht/icon@1.0.0-alpha.392
 - @utrecht/component-library-angular@1.0.0-alpha.283
 - @utrecht/component-library-css@1.0.0-alpha.504
 - @utrecht/component-library-formio@1.0.0-alpha.445
 - @utrecht/component-library-react@1.0.0-alpha.313
 - @utrecht/component-library-vue@1.0.0-alpha.281
 - @utrecht/web-component-library-angular@1.0.0-alpha.487
 - @utrecht/web-component-library-react@1.0.0-alpha.503
 - @utrecht/web-component-library-stencil@1.0.0-alpha.503
 - @utrecht/web-component-library-vue@1.0.0-alpha.449
 - @utrecht/assets@1.0.0-alpha.125
 - @utrecht/design-tokens@1.0.0-alpha.497

style: avoid oversized SVG icons

docs: icon story for CSS icon component

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.466
 - @utrecht/icon@1.0.0-alpha.393
 - @utrecht/component-library-angular@1.0.0-alpha.284
 - @utrecht/component-library-css@1.0.0-alpha.505
 - @utrecht/component-library-formio@1.0.0-alpha.446
 - @utrecht/component-library-react@1.0.0-alpha.314
 - @utrecht/component-library-vue@1.0.0-alpha.282
 - @utrecht/web-component-library-angular@1.0.0-alpha.488
 - @utrecht/web-component-library-react@1.0.0-alpha.504
 - @utrecht/web-component-library-stencil@1.0.0-alpha.504
 - @utrecht/web-component-library-vue@1.0.0-alpha.450
 - @utrecht/assets@1.0.0-alpha.126
 - @utrecht/design-tokens@1.0.0-alpha.498
Robbert pushed a commit to nl-design-system/utrecht that referenced this issue May 27, 2023
@AndreaBusse29 @Robbert
feat: add more vue components and stories
8780887 
feat: add more vue components and stories

style: add secondary color tokens

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.450
 - @utrecht/icon@1.0.0-alpha.377
 - @utrecht/component-library-angular@1.0.0-alpha.268
 - @utrecht/component-library-css@1.0.0-alpha.489
 - @utrecht/component-library-formio@1.0.0-alpha.430
 - @utrecht/component-library-react@1.0.0-alpha.298
 - @utrecht/component-library-vue@1.0.0-alpha.266
 - @utrecht/web-component-library-angular@1.0.0-alpha.472
 - @utrecht/web-component-library-react@1.0.0-alpha.488
 - @utrecht/web-component-library-stencil@1.0.0-alpha.488
 - @utrecht/web-component-library-vue@1.0.0-alpha.434
 - @utrecht/assets@1.0.0-alpha.110
 - @utrecht/design-tokens@1.0.0-alpha.482

style: revert CSS overrides for Storybook doc pages

Essentially revert #1582, it is causing too many side effects

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.451
 - @utrecht/icon@1.0.0-alpha.378
 - @utrecht/component-library-angular@1.0.0-alpha.269
 - @utrecht/component-library-css@1.0.0-alpha.490
 - @utrecht/component-library-formio@1.0.0-alpha.431
 - @utrecht/component-library-react@1.0.0-alpha.299
 - @utrecht/component-library-vue@1.0.0-alpha.267
 - @utrecht/web-component-library-angular@1.0.0-alpha.473
 - @utrecht/web-component-library-react@1.0.0-alpha.489
 - @utrecht/web-component-library-stencil@1.0.0-alpha.489
 - @utrecht/web-component-library-vue@1.0.0-alpha.435
 - @utrecht/assets@1.0.0-alpha.111
 - @utrecht/design-tokens@1.0.0-alpha.483

build: update npm-check-updates first

raineorshine/npm-check-updates#1268

build: install patch updates

chore: `import-order` lint fixes

build: remove Stencil patch for CSP (Stencil 3 has out of the box support)

chore: fix markdown lint warnings

build: update minor versions

build: avoid `@vue/tsconfig` 0.2.0 and greater, requires TypeScript 5

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.452
 - @utrecht/icon@1.0.0-alpha.379
 - @utrecht/component-library-angular@1.0.0-alpha.270
 - @utrecht/component-library-css@1.0.0-alpha.491
 - @utrecht/component-library-formio@1.0.0-alpha.432
 - @utrecht/component-library-react@1.0.0-alpha.300
 - @utrecht/component-library-vue@1.0.0-alpha.268
 - @utrecht/web-component-library-angular@1.0.0-alpha.474
 - @utrecht/web-component-library-react@1.0.0-alpha.490
 - @utrecht/web-component-library-stencil@1.0.0-alpha.490
 - @utrecht/web-component-library-vue@1.0.0-alpha.436
 - @utrecht/assets@1.0.0-alpha.112
 - @utrecht/design-tokens@1.0.0-alpha.484

feat: new token voor line height

style: add `form-control` fallback for textbox line height

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.453
 - @utrecht/icon@1.0.0-alpha.380
 - @utrecht/component-library-angular@1.0.0-alpha.271
 - @utrecht/component-library-css@1.0.0-alpha.492
 - @utrecht/component-library-formio@1.0.0-alpha.433
 - @utrecht/component-library-react@1.0.0-alpha.301
 - @utrecht/component-library-vue@1.0.0-alpha.269
 - @utrecht/web-component-library-angular@1.0.0-alpha.475
 - @utrecht/web-component-library-react@1.0.0-alpha.491
 - @utrecht/web-component-library-stencil@1.0.0-alpha.491
 - @utrecht/web-component-library-vue@1.0.0-alpha.437
 - @utrecht/assets@1.0.0-alpha.113
 - @utrecht/design-tokens@1.0.0-alpha.485

feat: opencatalogi databadge designtokens

fix: linting voor data-badge

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.454
 - @utrecht/icon@1.0.0-alpha.381
 - @utrecht/component-library-angular@1.0.0-alpha.272
 - @utrecht/component-library-css@1.0.0-alpha.493
 - @utrecht/component-library-formio@1.0.0-alpha.434
 - @utrecht/component-library-react@1.0.0-alpha.302
 - @utrecht/component-library-vue@1.0.0-alpha.270
 - @utrecht/web-component-library-angular@1.0.0-alpha.476
 - @utrecht/web-component-library-react@1.0.0-alpha.492
 - @utrecht/web-component-library-stencil@1.0.0-alpha.492
 - @utrecht/web-component-library-vue@1.0.0-alpha.438
 - @utrecht/assets@1.0.0-alpha.114
 - @utrecht/design-tokens@1.0.0-alpha.486

docs: add WCAG 1280x1024px at 400% zoom viewport to Storybook

docs: improve skip link docs

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.455
 - @utrecht/icon@1.0.0-alpha.382
 - @utrecht/component-library-angular@1.0.0-alpha.273
 - @utrecht/component-library-css@1.0.0-alpha.494
 - @utrecht/component-library-formio@1.0.0-alpha.435
 - @utrecht/component-library-react@1.0.0-alpha.303
 - @utrecht/component-library-vue@1.0.0-alpha.271
 - @utrecht/web-component-library-angular@1.0.0-alpha.477
 - @utrecht/web-component-library-react@1.0.0-alpha.493
 - @utrecht/web-component-library-stencil@1.0.0-alpha.493
 - @utrecht/web-component-library-vue@1.0.0-alpha.439
 - @utrecht/assets@1.0.0-alpha.115
 - @utrecht/design-tokens@1.0.0-alpha.487

style: support design tokens in `::selection`

https://kilianvalkhof.com/2023/css-html/root-isnt-global/

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.456
 - @utrecht/icon@1.0.0-alpha.383
 - @utrecht/component-library-angular@1.0.0-alpha.274
 - @utrecht/component-library-css@1.0.0-alpha.495
 - @utrecht/component-library-formio@1.0.0-alpha.436
 - @utrecht/component-library-react@1.0.0-alpha.304
 - @utrecht/component-library-vue@1.0.0-alpha.272
 - @utrecht/web-component-library-angular@1.0.0-alpha.478
 - @utrecht/web-component-library-react@1.0.0-alpha.494
 - @utrecht/web-component-library-stencil@1.0.0-alpha.494
 - @utrecht/web-component-library-vue@1.0.0-alpha.440
 - @utrecht/assets@1.0.0-alpha.116
 - @utrecht/design-tokens@1.0.0-alpha.488

feat: allow unselected date and keep date when navigating months

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.457
 - @utrecht/icon@1.0.0-alpha.384
 - @utrecht/component-library-angular@1.0.0-alpha.275
 - @utrecht/component-library-css@1.0.0-alpha.496
 - @utrecht/component-library-formio@1.0.0-alpha.437
 - @utrecht/component-library-react@1.0.0-alpha.305
 - @utrecht/component-library-vue@1.0.0-alpha.273
 - @utrecht/web-component-library-angular@1.0.0-alpha.479
 - @utrecht/web-component-library-react@1.0.0-alpha.495
 - @utrecht/web-component-library-stencil@1.0.0-alpha.495
 - @utrecht/web-component-library-vue@1.0.0-alpha.441
 - @utrecht/assets@1.0.0-alpha.117
 - @utrecht/design-tokens@1.0.0-alpha.489

docs: make CSS tokens example simpler to uncomment one token at a time

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.458
 - @utrecht/icon@1.0.0-alpha.385
 - @utrecht/component-library-angular@1.0.0-alpha.276
 - @utrecht/component-library-css@1.0.0-alpha.497
 - @utrecht/component-library-formio@1.0.0-alpha.438
 - @utrecht/component-library-react@1.0.0-alpha.306
 - @utrecht/component-library-vue@1.0.0-alpha.274
 - @utrecht/web-component-library-angular@1.0.0-alpha.480
 - @utrecht/web-component-library-react@1.0.0-alpha.496
 - @utrecht/web-component-library-stencil@1.0.0-alpha.496
 - @utrecht/web-component-library-vue@1.0.0-alpha.442
 - @utrecht/assets@1.0.0-alpha.118
 - @utrecht/design-tokens@1.0.0-alpha.490

style: active state for buttons

style: use `:active` after `:focus` and avoid `:link`

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.459
 - @utrecht/icon@1.0.0-alpha.386
 - @utrecht/component-library-angular@1.0.0-alpha.277
 - @utrecht/component-library-css@1.0.0-alpha.498
 - @utrecht/component-library-formio@1.0.0-alpha.439
 - @utrecht/component-library-react@1.0.0-alpha.307
 - @utrecht/component-library-vue@1.0.0-alpha.275
 - @utrecht/web-component-library-angular@1.0.0-alpha.481
 - @utrecht/web-component-library-react@1.0.0-alpha.497
 - @utrecht/web-component-library-stencil@1.0.0-alpha.497
 - @utrecht/web-component-library-vue@1.0.0-alpha.443
 - @utrecht/assets@1.0.0-alpha.119
 - @utrecht/design-tokens@1.0.0-alpha.491

fix: revert "support design tokens in `::selection`"

This reverts commit fb62efe.

Unfortunately the following code makes the user selection invisible:

```
::selection {
    --color: red;
}
```

Somehow, only having a custom property, breaks `background-color` and
`color`. This totally works:

```
::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

However, the following would not be our intention:

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
    background-color: Highlight;
    color: HighlightText;
}
```

Perhaps we could do the following, but I doubt it would be worth the complexity.

```
.utrecht-theme,
.utrecht-theme ::selection {
    --color: red;
}

.utrecht-theme ::selection {
    background-color: Highlight;
    color: HighlightText;
}
```

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.460
 - @utrecht/icon@1.0.0-alpha.387
 - @utrecht/component-library-angular@1.0.0-alpha.278
 - @utrecht/component-library-css@1.0.0-alpha.499
 - @utrecht/component-library-formio@1.0.0-alpha.440
 - @utrecht/component-library-react@1.0.0-alpha.308
 - @utrecht/component-library-vue@1.0.0-alpha.276
 - @utrecht/web-component-library-angular@1.0.0-alpha.482
 - @utrecht/web-component-library-react@1.0.0-alpha.498
 - @utrecht/web-component-library-stencil@1.0.0-alpha.498
 - @utrecht/web-component-library-vue@1.0.0-alpha.444
 - @utrecht/assets@1.0.0-alpha.120
 - @utrecht/design-tokens@1.0.0-alpha.492

style: add `text-style-adjust: reset`

Inspired by: Your CSS reset needs text-size-adjust (probably)

https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

style: add `font-size: inherit` fallback to form inputs

style: explicitly use `user-select: none` on form components

feat: add selected state for table row and cells

style: use `Hightlight` and `HightlightText` as fallback selected style

style: `<th>` should be bold, even without design tokens

docs: add theme switcher to React Storybook

Dark mode is broken still, will look into it later

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.461
 - @utrecht/icon@1.0.0-alpha.388
 - @utrecht/component-library-angular@1.0.0-alpha.279
 - @utrecht/component-library-css@1.0.0-alpha.500
 - @utrecht/component-library-formio@1.0.0-alpha.441
 - @utrecht/component-library-react@1.0.0-alpha.309
 - @utrecht/component-library-vue@1.0.0-alpha.277
 - @utrecht/web-component-library-angular@1.0.0-alpha.483
 - @utrecht/web-component-library-react@1.0.0-alpha.499
 - @utrecht/web-component-library-stencil@1.0.0-alpha.499
 - @utrecht/web-component-library-vue@1.0.0-alpha.445
 - @utrecht/assets@1.0.0-alpha.121
 - @utrecht/design-tokens@1.0.0-alpha.493

fix: accordion tokens fixed

feat: add new interactive state tokens for checked radio

refactor: reuse radio button icon svg

fix: use `defaultChecked` instead of `checked`

feat: support styling radio button icon

docs: radio button design guidelines

fix: radio button group `name` and `id` attributes

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.462
 - @utrecht/icon@1.0.0-alpha.389
 - @utrecht/component-library-angular@1.0.0-alpha.280
 - @utrecht/component-library-css@1.0.0-alpha.501
 - @utrecht/component-library-formio@1.0.0-alpha.442
 - @utrecht/component-library-react@1.0.0-alpha.310
 - @utrecht/component-library-vue@1.0.0-alpha.278
 - @utrecht/web-component-library-angular@1.0.0-alpha.484
 - @utrecht/web-component-library-react@1.0.0-alpha.500
 - @utrecht/web-component-library-stencil@1.0.0-alpha.500
 - @utrecht/web-component-library-vue@1.0.0-alpha.446
 - @utrecht/assets@1.0.0-alpha.122
 - @utrecht/design-tokens@1.0.0-alpha.494

docs: color sample docs

feat: add `border-radius` token to color sample component

style: prevent selection in Safari too

feat: color sample web component

test: unit tests for React ColorSample component

feat: color sample component for Angular

feat: add size tokens to color sample

style: ensure color sample can be printed

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.463
 - @utrecht/icon@1.0.0-alpha.390
 - @utrecht/component-library-angular@1.0.0-alpha.281
 - @utrecht/component-library-css@1.0.0-alpha.502
 - @utrecht/component-library-formio@1.0.0-alpha.443
 - @utrecht/component-library-react@1.0.0-alpha.311
 - @utrecht/component-library-vue@1.0.0-alpha.279
 - @utrecht/web-component-library-angular@1.0.0-alpha.485
 - @utrecht/web-component-library-react@1.0.0-alpha.501
 - @utrecht/web-component-library-stencil@1.0.0-alpha.501
 - @utrecht/web-component-library-vue@1.0.0-alpha.447
 - @utrecht/assets@1.0.0-alpha.123
 - @utrecht/design-tokens@1.0.0-alpha.495

fix: use `aria-label` instead of `title` for links

docs: some more WCAG links

docs: examples of how to use form-field-description

ci: disable `react/no-unescaped-entities` lint rule

The suggestion might prevent a bug sometimes, but MDX docs become unreadable.

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.464
 - @utrecht/icon@1.0.0-alpha.391
 - @utrecht/component-library-angular@1.0.0-alpha.282
 - @utrecht/component-library-css@1.0.0-alpha.503
 - @utrecht/component-library-formio@1.0.0-alpha.444
 - @utrecht/component-library-react@1.0.0-alpha.312
 - @utrecht/component-library-vue@1.0.0-alpha.280
 - @utrecht/web-component-library-angular@1.0.0-alpha.486
 - @utrecht/web-component-library-react@1.0.0-alpha.502
 - @utrecht/web-component-library-stencil@1.0.0-alpha.502
 - @utrecht/web-component-library-vue@1.0.0-alpha.448
 - @utrecht/assets@1.0.0-alpha.124
 - @utrecht/design-tokens@1.0.0-alpha.496

feat: add min and max date bounds

docs: add story for limited range calendar

test: add calendar tests

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.465
 - @utrecht/icon@1.0.0-alpha.392
 - @utrecht/component-library-angular@1.0.0-alpha.283
 - @utrecht/component-library-css@1.0.0-alpha.504
 - @utrecht/component-library-formio@1.0.0-alpha.445
 - @utrecht/component-library-react@1.0.0-alpha.313
 - @utrecht/component-library-vue@1.0.0-alpha.281
 - @utrecht/web-component-library-angular@1.0.0-alpha.487
 - @utrecht/web-component-library-react@1.0.0-alpha.503
 - @utrecht/web-component-library-stencil@1.0.0-alpha.503
 - @utrecht/web-component-library-vue@1.0.0-alpha.449
 - @utrecht/assets@1.0.0-alpha.125
 - @utrecht/design-tokens@1.0.0-alpha.497

style: avoid oversized SVG icons

docs: icon story for CSS icon component

docs(release): design system packages

 - @utrecht/components@1.0.0-alpha.466
 - @utrecht/icon@1.0.0-alpha.393
 - @utrecht/component-library-angular@1.0.0-alpha.284
 - @utrecht/component-library-css@1.0.0-alpha.505
 - @utrecht/component-library-formio@1.0.0-alpha.446
 - @utrecht/component-library-react@1.0.0-alpha.314
 - @utrecht/component-library-vue@1.0.0-alpha.282
 - @utrecht/web-component-library-angular@1.0.0-alpha.488
 - @utrecht/web-component-library-react@1.0.0-alpha.504
 - @utrecht/web-component-library-stencil@1.0.0-alpha.504
 - @utrecht/web-component-library-vue@1.0.0-alpha.450
 - @utrecht/assets@1.0.0-alpha.126
 - @utrecht/design-tokens@1.0.0-alpha.498
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@raineorshine @deleonio