style: use design system component CSS for Storybook docs #1582
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Robbert
force-pushed
the
style/storybook-docs
branch
from
50b9fcc to
dc750d8
Compare
Robbert
added a commit
that referenced
this pull request
May 2, 2023
Essentially revert #1582, it is causing too many side effects
Robbert
added a commit
that referenced
this pull request
May 2, 2023
Essentially revert #1582, it is causing too many side effects
AndreaBusse29
added a commit
that referenced
this pull request
May 16, 2023
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
that referenced
this pull request
May 16, 2023
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
that referenced
this pull request
May 16, 2023
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
that referenced
this pull request
May 17, 2023
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
that referenced
this pull request
May 17, 2023
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
that referenced
this pull request
May 27, 2023
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
that referenced
this pull request
May 27, 2023
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
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.