@amsterdam/design-system-css
Version:
Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.
452 lines (306 loc) • 75 kB
Markdown
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [4.1.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v4.0.0...design-system-css-v4.1.0) (2026-04-24)
### Features
* **Table:** Align Header Cells to the bottom ([#2583](https://github.com/Amsterdam/design-system/issues/2583)) ([27f5d26](https://github.com/Amsterdam/design-system/commit/27f5d261eed92b444e4c1a708a105146aa76ed82))
* **Table:** Allow centering or right-aligning content of a Cell or Header Cell ([#2587](https://github.com/Amsterdam/design-system/issues/2587)) ([636eae7](https://github.com/Amsterdam/design-system/commit/636eae78d7e095f6af32911921c40337c87a3b7e))
### Bug Fixes
* **Field Set:** Don’t grow beyond container width for wide inputs or textareas ([#2581](https://github.com/Amsterdam/design-system/issues/2581)) ([3cb786a](https://github.com/Amsterdam/design-system/commit/3cb786a390a1d695f987aeb1889f197a665a169b))
## [4.0.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v3.3.0...design-system-css-v4.0.0) (2026-04-20)
### ⚠ BREAKING CHANGES
* Remove deprecated tokens, classes and components for v4.0.0 ([#2549](https://github.com/Amsterdam/design-system/issues/2549))
* **Grid, Page:** Make Page grey and Grid Cell white in Compact Mode ([#2398](https://github.com/Amsterdam/design-system/issues/2398))
### Features
* Add utility class for vertical space in prose ([#2563](https://github.com/Amsterdam/design-system/issues/2563)) ([ddca6ce](https://github.com/Amsterdam/design-system/commit/ddca6cead210b03dce395221f793a3e21c08d774))
* **Grid, Page:** Make Page grey and Grid Cell white in Compact Mode ([#2398](https://github.com/Amsterdam/design-system/issues/2398)) ([6b5bb5b](https://github.com/Amsterdam/design-system/commit/6b5bb5b2f7c273d35e25e18e29cfa6557d20c38f))
* **Grid:** Add ‘flush’ appearance to Grid Cell ([#2536](https://github.com/Amsterdam/design-system/issues/2536)) ([75bdb6b](https://github.com/Amsterdam/design-system/commit/75bdb6b3a46be08ebce4050d96c140f9b463abad))
* **Grid:** Align cells to the top of the grid row ([#2535](https://github.com/Amsterdam/design-system/issues/2535)) ([294c119](https://github.com/Amsterdam/design-system/commit/294c119f8a17c1492a122916f56605b14cc8ae10))
* **Grid:** Allow cells to span multiple rows ([#2537](https://github.com/Amsterdam/design-system/issues/2537)) ([a6c8ce0](https://github.com/Amsterdam/design-system/commit/a6c8ce0cb5f3cdf58832f2b37349ca345f7f2540))
* Introduce Tab Navigation component ([#2552](https://github.com/Amsterdam/design-system/issues/2552)) ([1d6e0a3](https://github.com/Amsterdam/design-system/commit/1d6e0a32e856775e6d42879c71902d0aa5ddace8))
* **Progress List:** Make collapsing and expanding steps optional ([#2538](https://github.com/Amsterdam/design-system/issues/2538)) ([9b4f489](https://github.com/Amsterdam/design-system/commit/9b4f4899881ee2bcfa46275d34194d3470d00446))
* **Table:** Add whitespace below Caption ([#2515](https://github.com/Amsterdam/design-system/issues/2515)) ([092c0ff](https://github.com/Amsterdam/design-system/commit/092c0fff4ebfd9e395caee721cb55732e57d7cc5))
* **tokens:** Introduce `vi-` prefix for viewport-dependent component tokens ([#2502](https://github.com/Amsterdam/design-system/issues/2502)) ([90c19da](https://github.com/Amsterdam/design-system/commit/90c19da8f309eedb926bbd3f65f52990b880b661))
### Deprecations
The following deprecated CSS classes have been removed:
- `.ams-page-heading` and `.ams-page-heading--inverse`. Use `.ams-heading` instead.
- `.ams-heading--6`. Use `.ams-heading--5` instead.
- `.ams-icon--heading-0` and `.ams-icon--heading-6`. Use `.ams-icon--heading-1` and `.ams-icon--heading-5` instead.
- `.ams-menu__link--contrast` and `.ams-menu__link--inverse`.
- `.ams-accordion__header`.
- `.ams-standalone-link--with-icon`.
- `.ams-image-slider--controls`, `.ams-image-slider__item`, and `.ams-image-slider__item--in-view`.
## [3.3.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v3.2.1...design-system-css-v3.3.0) (2026-04-03)
### Features
* **Description List:** Apply heading 4 typography to terms ([#2486](https://github.com/Amsterdam/design-system/issues/2486)) ([e624ae4](https://github.com/Amsterdam/design-system/commit/e624ae4cd348736f5f32f0fea4609652f22e8753))
* **Description List:** Balance multiple lines of text in term ([#2485](https://github.com/Amsterdam/design-system/issues/2485)) ([a77a62e](https://github.com/Amsterdam/design-system/commit/a77a62e8c2f11666f1c6a3a132fe4f14654d9268))
* **Progress List:** Make steps collapsible ([#2482](https://github.com/Amsterdam/design-system/issues/2482)) ([1fc3e39](https://github.com/Amsterdam/design-system/commit/1fc3e39644cce6a0299ba9bb08cc861c9b4155d7))
### Bug Fixes
* **Checkbox, Radio, Switch:** Remove superfluous focus outline from hidden input in Firefox ([#2510](https://github.com/Amsterdam/design-system/issues/2510)) ([16a0fdf](https://github.com/Amsterdam/design-system/commit/16a0fdf146aa36fa33cdf56cae8897520d166ce1))
* **css:** Use appropriate layout for print output ([#2469](https://github.com/Amsterdam/design-system/issues/2469)) ([669f81f](https://github.com/Amsterdam/design-system/commit/669f81fef32867ea4393eb2c71b6710c40430ad6))
* **Pagination:** Remove duplicate visible texts before CSS loads ([#2473](https://github.com/Amsterdam/design-system/issues/2473)) ([07d7dfc](https://github.com/Amsterdam/design-system/commit/07d7dfc3404c4af096bef58b3bb5a1d2065eb532))
* **print:** Make browsers print components exactly as designed ([#2470](https://github.com/Amsterdam/design-system/issues/2470)) ([0cbdfe0](https://github.com/Amsterdam/design-system/commit/0cbdfe02c98e15e5b8c5fa1a5125a6a9c00f8a9e))
## [3.2.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v3.2.0...design-system-css-v3.2.1) (2026-03-17)
### Bug Fixes
* **Description List:** Let terms contribute to vertical space ([#2460](https://github.com/Amsterdam/design-system/issues/2460)) ([1ecbdad](https://github.com/Amsterdam/design-system/commit/1ecbdadad4994b50dd22cfac39bfb3932a5b2f91))
## [3.2.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v3.1.0...design-system-css-v3.2.0) (2026-03-13)
### Features
* **Description List:** Vary spacing within and between groups, remove indentation of descriptions ([#2448](https://github.com/Amsterdam/design-system/issues/2448)) ([f8c4fa0](https://github.com/Amsterdam/design-system/commit/f8c4fa00795b4d9012e9e81f4d3311db83109cb5))
* **Dialog:** Add design tokens for border radius and box shadow ([#2435](https://github.com/Amsterdam/design-system/issues/2435)) ([2b8b28a](https://github.com/Amsterdam/design-system/commit/2b8b28a5b163c68746924b42467904f0a281551f))
* **Image Slider:** Allow adding captions to images ([#2436](https://github.com/Amsterdam/design-system/issues/2436)) ([a48f585](https://github.com/Amsterdam/design-system/commit/a48f5852157392f0cdcf74f8637c42a2d4ed0c77))
* **Page Header:** Allow providing a short brand name for narrow windows ([#2449](https://github.com/Amsterdam/design-system/issues/2449)) ([ee8919f](https://github.com/Amsterdam/design-system/commit/ee8919f095605f422a4a58a9936b4cbc9d390825))
* **Page Header:** Make menu button blue ([#2408](https://github.com/Amsterdam/design-system/issues/2408)) ([3915f84](https://github.com/Amsterdam/design-system/commit/3915f84f97df2f9d915704a99eae6f05f69be8f6))
## [3.1.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v3.0.0...design-system-css-v3.1.0) (2026-01-28)
### Features
* **Badge:** Add option to include an icon ([#2385](https://github.com/Amsterdam/design-system/issues/2385)) ([698c776](https://github.com/Amsterdam/design-system/commit/698c7762f9bc0c844598e71c45165f472d03c185))
* Introduce Progress List component ([#2373](https://github.com/Amsterdam/design-system/issues/2373)) ([7309159](https://github.com/Amsterdam/design-system/commit/730915911eb28dff40137ff15063cf33c21f26fc))
### Bug Fixes
* **DateInput, TimeInput:** Prevent focus on picker icon when input is disabled ([#2378](https://github.com/Amsterdam/design-system/issues/2378)) ([e3fff0f](https://github.com/Amsterdam/design-system/commit/e3fff0fcf7fea144663342493a83afd4e73da7e8))
* **Error Message:** Prevent adjacent elements from rendering inline ([#2389](https://github.com/Amsterdam/design-system/issues/2389)) ([112d76c](https://github.com/Amsterdam/design-system/commit/112d76c7dc1fd6f72d5c09dd5bca3d248e8b60ee))
* **Image Slider:** Refactor and add tests ([#2375](https://github.com/Amsterdam/design-system/issues/2375)) ([0d01f0b](https://github.com/Amsterdam/design-system/commit/0d01f0b83c7f3b4b44765b0a9ccfe8ba287bb8aa))
## [3.0.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v2.2.0...design-system-css-v3.0.0) (2026-01-09)
### ⚠ BREAKING CHANGES
* **Field, Field Set:** Change spacing between elements ([#2358](https://github.com/Amsterdam/design-system/issues/2358))
* Although his change does not change the technical API, it may make spacing in your website incorrect.
**How to update**: Remove the utility classes (`ams-mb-*`) from children of Field and Field Set that we previously recommended. This now gets handled by the components.
* **Page Header:** Add vertical space to Mega Menu in Spacious Mode ([#2298](https://github.com/Amsterdam/design-system/issues/2298))
* Although his change does not change the technical API, it may make spacing in your website incorrect.
**How to update**: Remove vertical white space from the children of Page Header.
### Features
* **Field, Field Set:** Change spacing between elements ([#2358](https://github.com/Amsterdam/design-system/issues/2358)) ([6bcace7](https://github.com/Amsterdam/design-system/commit/6bcace7930b1e1247601380a4e5bff1c318bbbcf))
* **Page Footer:** Automatically render visually hidden heading before menu ([#2359](https://github.com/Amsterdam/design-system/issues/2359)) ([9019a78](https://github.com/Amsterdam/design-system/commit/9019a7891b7b2e31d9faab238317c34753bf7870))
* **Page Header:** Add vertical space to Mega Menu in Spacious Mode ([#2298](https://github.com/Amsterdam/design-system/issues/2298)) ([3ae1729](https://github.com/Amsterdam/design-system/commit/3ae17299853fc6f35e639dfc8d9f7f97476bdbac))
* **Page Header:** Add visually hidden description to menu button, hide menu button when CSS does not load ([#2340](https://github.com/Amsterdam/design-system/issues/2340)) ([f19ef3a](https://github.com/Amsterdam/design-system/commit/f19ef3a646ce18447a5f34382acd1eab5f7b82bb))
* **Page Header:** Hide duplicate content of ‘narrow window only Grid Cell’ until CSS loads ([#2305](https://github.com/Amsterdam/design-system/issues/2305)) ([991252d](https://github.com/Amsterdam/design-system/commit/991252dc02e98012e278bae8c9376d2c8060c948))
* **Paragraph:** Balance line lengths of lead paragraphs ([#2309](https://github.com/Amsterdam/design-system/issues/2309)) ([afeab6e](https://github.com/Amsterdam/design-system/commit/afeab6ebe7da883fb984e23cd9d0661f3524bb60))
* **Paragraph:** Distinguish large and small variants without CSS ([#2315](https://github.com/Amsterdam/design-system/issues/2315)) ([c3bb5f7](https://github.com/Amsterdam/design-system/commit/c3bb5f74b1ffb8895b825a64f2fef704129b5e12))
## [2.2.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v2.1.0...design-system-css-v2.2.0) (2025-11-21)
### Features
* **Label, Field Set:** Add a lighter variant to Label and Legend to clarify form hierarchy in nested Field Sets ([#2291](https://github.com/Amsterdam/design-system/issues/2291)) ([3bcc039](https://github.com/Amsterdam/design-system/commit/3bcc03901cbe1b37183d774b26367a914e3bda79))
* **Page Header:** Allow adding an icon to a menu item ([#2285](https://github.com/Amsterdam/design-system/issues/2285)) ([15a830b](https://github.com/Amsterdam/design-system/commit/15a830b6068bb98c405da0013e90ac6697b20f5b))
* **Page:** Add support for a layout with a Menu ([#2263](https://github.com/Amsterdam/design-system/issues/2263)) ([51a289f](https://github.com/Amsterdam/design-system/commit/51a289fe3012981fff1bfc223a0689b9be3760a7))
### Bug Fixes
* **Avatar:** Prevent a rendering issue in Safari from distorting the image ([#2286](https://github.com/Amsterdam/design-system/issues/2286)) ([42bccd4](https://github.com/Amsterdam/design-system/commit/42bccd478f11995cf98f9115badfb66ecc7c8c08))
* **Page Header:** Use correct icon for menu button ([#2284](https://github.com/Amsterdam/design-system/issues/2284)) ([f76dec6](https://github.com/Amsterdam/design-system/commit/f76dec61800de00e2c1d3f516cb6ac36420af116))
## [2.1.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v2.0.1...design-system-css-v2.1.0) (2025-10-31)
### Deprecations
The following class names have been removed in release 4.0.0.
- `ams-menu__link--contrast`
- `ams-menu__link--inverse`
### Features
* **Fieldset, Label:** Allow Heading in Fieldset Legend and Label ([#2223](https://github.com/Amsterdam/design-system/issues/2223)) ([e1eabd2](https://github.com/Amsterdam/design-system/commit/e1eabd2d00f1e7412edae6affd8423c13630fdf2))
* **Menu:** Make background blue and add prop to toggle appearance ([#2244](https://github.com/Amsterdam/design-system/issues/2244)) ([f1cf29b](https://github.com/Amsterdam/design-system/commit/f1cf29b8db185d7bea50a63f287dd736d848eafe))
### Bug Fixes
* **Breakout:** Prevent horizontal overflow in narrow and medium-wide windows ([#2235](https://github.com/Amsterdam/design-system/issues/2235)) ([7703bd8](https://github.com/Amsterdam/design-system/commit/7703bd845f55e6056cd38a5d6b0ceef74bb5e4b1))
* **Date Input, Time Input:** Add and use tokens that spell ‘calendar’ correctly ([#2229](https://github.com/Amsterdam/design-system/issues/2229)) ([9a1d432](https://github.com/Amsterdam/design-system/commit/9a1d432a0f2e726093a3cafabbf525f4734cc403))
## [2.0.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v2.0.0...design-system-css-v2.0.1) (2025-09-26)
### Bug Fixes
* **Image Slider:** Slide scrolling behaviour across different layouts ([#2212](https://github.com/Amsterdam/design-system/issues/2212)) ([88f7d2b](https://github.com/Amsterdam/design-system/commit/88f7d2b857263ee171e9f487db815a3ead0f88a4))
## [2.0.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v1.0.1...design-system-css-v2.0.0) (2025-09-17)
### ⚠ BREAKING CHANGES
* Changed breakpoint widths from `36rem` to `37.5rem` and `68rem` to `72.5rem`. Update to these values if your application uses breakpoints. ([#2205](https://github.com/Amsterdam/design-system/issues/2205))
* Decreased font sizes and line heights of Headings. You should not need the `size` prop very often anymore. Try removing instances, but verify the visual result. See the [example pages in Storybook](https://designsystem.amsterdam/?path=/docs/pages-introduction--docs) for the approach we recommend. ([#2173](https://github.com/Amsterdam/design-system/issues/2173))
### Deprecations
The following class names have been removed in release 4.0.0.
* `ams-accordion__header`
* `ams-icon--heading-0`
* `ams-page-heading` and related classes
* `ams-standalone-link--with-icon`
* `ams-table-of-contents__heading`
### Features
* **Accordion:** Display Headings in the size that matches their levels ([#2193](https://github.com/Amsterdam/design-system/issues/2193)) ([a3e373f](https://github.com/Amsterdam/design-system/commit/a3e373f5351fcd3a45227506a438d3a4d9ba2d54))
* Add Call to Action Link component ([#2132](https://github.com/Amsterdam/design-system/issues/2132)) ([908fc5d](https://github.com/Amsterdam/design-system/commit/908fc5d107ded55c344d9d8c40feeb8c2071a1c7))
* Add Menu component for applications ([#2129](https://github.com/Amsterdam/design-system/issues/2129)) ([886c052](https://github.com/Amsterdam/design-system/commit/886c052164be28a6cea9ed029465a81604841aec))
* Allow pairing an Icon with Headings 0–2 ([#2131](https://github.com/Amsterdam/design-system/issues/2131)) ([922ded9](https://github.com/Amsterdam/design-system/commit/922ded95c5e18ffeff4cee48e1d27b9bde4b1bf1))
* Decrease font sizes and grid width in Spacious Mode, and increase Heading sizes in Compact Mode ([#2119](https://github.com/Amsterdam/design-system/issues/2119)) ([d60f487](https://github.com/Amsterdam/design-system/commit/d60f4873e7b2e198a8abae14c67fbc13cc98f7a0))
* Decrease font sizes and line heights of Headings ([#2173](https://github.com/Amsterdam/design-system/issues/2173)) ([a70e945](https://github.com/Amsterdam/design-system/commit/a70e94503a524e97493ecffd4d3b005308307d3e))
* Decrease offset between link underlines and text baseline ([#2134](https://github.com/Amsterdam/design-system/issues/2134)) ([bf5a69c](https://github.com/Amsterdam/design-system/commit/bf5a69cd9f6a8fe01c651edab73029a43f37999c))
* Ensure that Checkbox, Icon, Image, Logo, and Radio still look acceptable if CSS fails to load ([#2159](https://github.com/Amsterdam/design-system/issues/2159)) ([95e4d1a](https://github.com/Amsterdam/design-system/commit/95e4d1a975b5798b63fa8fb8f96bea95db7f1252))
* **Heading:** Make sizing consistent in various components and examples ([#2160](https://github.com/Amsterdam/design-system/issues/2160)) ([82184bf](https://github.com/Amsterdam/design-system/commit/82184bfc4b317cb2f219ba5975250b23c7dc8fa9))
* **Inputs, Text Area, Select, Button:** Improve line height of entered text ([#2161](https://github.com/Amsterdam/design-system/issues/2161)) ([18d9a7d](https://github.com/Amsterdam/design-system/commit/18d9a7d5010a54a6e08893dfbf72f1e7b9434e69))
* **Ordered List, Unordered List:** Visually group nested list with parent item ([#2133](https://github.com/Amsterdam/design-system/issues/2133)) ([cf6a28f](https://github.com/Amsterdam/design-system/commit/cf6a28f1e9a340e4cf3b3e9a442d470c7f9e4f61))
* **Standalone Link:** Deprecate the variation with only an underline ([#2136](https://github.com/Amsterdam/design-system/issues/2136)) ([d5059da](https://github.com/Amsterdam/design-system/commit/d5059da21009d608346e68526d7b468e693fbc60))
* Update breakpoint widths in Sass ([#2205](https://github.com/Amsterdam/design-system/issues/2205)) ([1034679](https://github.com/Amsterdam/design-system/commit/10346793f0c5891cc080ade4433939937a08edfb))
### Bug Fixes
* **Alert:** Restore horizontal centering of icon ([#2098](https://github.com/Amsterdam/design-system/issues/2098)) ([df87c0b](https://github.com/Amsterdam/design-system/commit/df87c0b08e3fbbee0ae255f6b8e2d4ecc00899ad))
* **Checkbox:** Refactor CSS, reorder tokens, add input state documentation ([#2058](https://github.com/Amsterdam/design-system/issues/2058)) ([a13ea6d](https://github.com/Amsterdam/design-system/commit/a13ea6d65a54b06120ce4d43ea4b1dd67d562496))
* **Date Input, Time Input:** Equalise height to that of other Inputs and Select ([#2143](https://github.com/Amsterdam/design-system/issues/2143)) ([3593bd8](https://github.com/Amsterdam/design-system/commit/3593bd88363e2e5a2d8a69e9b2df31a813c60e92))
* **Invalid Form Alert:** Remove outline offset hack ([#2189](https://github.com/Amsterdam/design-system/issues/2189)) ([660e0a1](https://github.com/Amsterdam/design-system/commit/660e0a1e946c82cc32b03ad0a5a589e333f9716d))
* **Select:** Use intrisic size instead of 100% ([#2142](https://github.com/Amsterdam/design-system/issues/2142)) ([e71f40e](https://github.com/Amsterdam/design-system/commit/e71f40ef60a404d072e78e3ab7505da752fb5f7b))
* **Switch:** Remove phantom whitespace below ([#2155](https://github.com/Amsterdam/design-system/issues/2155)) ([ad0108e](https://github.com/Amsterdam/design-system/commit/ad0108efa5a9421b425eabfc73dbeadde624e5a6))
* Use correct styling for disabled and / or invalid inputs ([#2168](https://github.com/Amsterdam/design-system/issues/2168)) ([af42723](https://github.com/Amsterdam/design-system/commit/af427237eb54cf805eead4925b2e98a49d21c652))
* Use correct underline width for Standalone Link with icon ([#2096](https://github.com/Amsterdam/design-system/issues/2096)) ([a87b5a8](https://github.com/Amsterdam/design-system/commit/a87b5a82636bed3c4e20fa0a7113f7cfca20efe0))
## [1.0.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v1.0.0...design-system-css-v1.0.1) (2025-06-06)
### Bug Fixes
* **Button:** Restore missing border for secondary button ([#2087](https://github.com/Amsterdam/design-system/issues/2087)) ([18b7a70](https://github.com/Amsterdam/design-system/commit/18b7a70bebe368bba83ce492862ffca70cff11a0))
## [1.0.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.16.0...design-system-css-v1.0.0) (2025-05-28)
### ⚠ BREAKING CHANGES
* **Checkbox:** Use SVG for icon ([#2039](https://github.com/Amsterdam/design-system/issues/2039))
### Features
* **Checkbox:** Use SVG for icon ([#2039](https://github.com/Amsterdam/design-system/issues/2039)) ([713ec04](https://github.com/Amsterdam/design-system/commit/713ec04575e9bbcc59aedad1f93e2ea25c2996ed))
* **Label:** Change design for (optional) hint ([#2048](https://github.com/Amsterdam/design-system/issues/2048)) ([971757c](https://github.com/Amsterdam/design-system/commit/971757c1ba3f5aef401c0f589ea40815907ab7ac))
* **Page Header:** Show logo link in `LinkText` system color in forced colors mode ([#2024](https://github.com/Amsterdam/design-system/issues/2024)) ([b03f899](https://github.com/Amsterdam/design-system/commit/b03f89911578ffba55214fb6b8409c79a21c6e80))
* **Page Header:** Use heading level 2 for brandname in compact theme ([#2044](https://github.com/Amsterdam/design-system/issues/2044)) ([c5530df](https://github.com/Amsterdam/design-system/commit/c5530df647c84578aba9b8f258f84cd36d1b81e6))
* Use border property for borders and box shadows only for hovers ([#1998](https://github.com/Amsterdam/design-system/issues/1998)) ([f91c2e3](https://github.com/Amsterdam/design-system/commit/f91c2e39294c4b1e48f443ccbba5605c5d2dcfa2))
* Use medium border width for Inputs, Select and Switch thumb ([#2054](https://github.com/Amsterdam/design-system/issues/2054)) ([8cedce5](https://github.com/Amsterdam/design-system/commit/8cedce5728cbfc47df01d000f7a349ad946cee17))
### Bug Fixes
* **Date Input, Select, Time Input:** Use correct colors for icons ([#2020](https://github.com/Amsterdam/design-system/issues/2020)) ([a49c3d2](https://github.com/Amsterdam/design-system/commit/a49c3d2b5d4337fab812a274dceff1ce926b34ea))
* **Image:** Set inline size to 100% ([#2045](https://github.com/Amsterdam/design-system/issues/2045)) ([7b1a29d](https://github.com/Amsterdam/design-system/commit/7b1a29d2556df8885084f1db41afb877e18e9c80))
* **Radio:** Add missing forced colors styling ([#2036](https://github.com/Amsterdam/design-system/issues/2036)) ([c60dae6](https://github.com/Amsterdam/design-system/commit/c60dae6897ae4cc40fae3672fdfcbeceb6ccb9f0))
* **TextInput, PasswordInput:** Restore `size` attribute functionality ([#2028](https://github.com/Amsterdam/design-system/issues/2028)) ([c885e2f](https://github.com/Amsterdam/design-system/commit/c885e2fb4cf989549ac1718c337ee858f27734a4))
### Miscellaneous Chores
* Release 1.0.0 ([247375d](https://github.com/Amsterdam/design-system/commit/247375df3a0dfd5109726aaf2bb71b56ef62fdd1))
## [0.16.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.15.0...design-system-css-v0.16.0) (2025-04-25)
### ⚠ BREAKING CHANGES
* **Screen:** Delete component (use Page instead) ([#2018](https://github.com/Amsterdam/design-system/issues/2018))
* **Grid:** Match values for padding and gap with Space sizes ([#1993](https://github.com/Amsterdam/design-system/issues/1993))
* **Link:** Remove ‘variant’ prop, make inline the default ([#1994](https://github.com/Amsterdam/design-system/issues/1994))
* **Top Task Link:** Remove component ([#1988](https://github.com/Amsterdam/design-system/issues/1988))
* **Footer:** Rename component to Page Footer ([#1971](https://github.com/Amsterdam/design-system/issues/1971))
* **Header:** Rename component to Page Header ([#1970](https://github.com/Amsterdam/design-system/issues/1970))
* **MegaMenu:** Remove deprecated component ([#1963](https://github.com/Amsterdam/design-system/issues/1963))
* **PageMenu:** Remove deprecated component ([#1964](https://github.com/Amsterdam/design-system/issues/1964))
### Features
* Add Standalone Link ([#1979](https://github.com/Amsterdam/design-system/issues/1979)) ([b5d57bb](https://github.com/Amsterdam/design-system/commit/b5d57bbd34c7817e436f7b28d5dc675213394bfb))
* **Avatar, Badge, Spotlight:** Use inverse text on azure background, add guidelines to pair colours ([#1965](https://github.com/Amsterdam/design-system/issues/1965)) ([772b0dd](https://github.com/Amsterdam/design-system/commit/772b0dd0828fc492108bd19ab9726da1d42b67d9))
* Balance text wrapping in all kinds of Headings ([#1968](https://github.com/Amsterdam/design-system/issues/1968)) ([ecc87a0](https://github.com/Amsterdam/design-system/commit/ecc87a091b356aaffaa8d0a11f1e7014c4f48f41))
* **Card:** Replace gap with margins and introduce subcomponents ([#1972](https://github.com/Amsterdam/design-system/issues/1972)) ([85e34d4](https://github.com/Amsterdam/design-system/commit/85e34d4ec3da1589c95925a677e5800fb071dc32))
* **Dialog:** Decrease amounts of inner and outer whitespace ([#1975](https://github.com/Amsterdam/design-system/issues/1975)) ([b47526f](https://github.com/Amsterdam/design-system/commit/b47526f24e5c6c9ce94f8280f93e6273d16a8640))
* Do not copy visually hidden text ([#1956](https://github.com/Amsterdam/design-system/issues/1956)) ([6488bc3](https://github.com/Amsterdam/design-system/commit/6488bc3ba271166a3fa0a973df85b8641f8b5227))
* **Footer:** Rename component to Page Footer ([#1971](https://github.com/Amsterdam/design-system/issues/1971)) ([d0f7edc](https://github.com/Amsterdam/design-system/commit/d0f7edc1bd3dcbba0973d4494fd6c9e90a158cd2))
* **Grid:** Match values for padding and gap with Space sizes ([#1993](https://github.com/Amsterdam/design-system/issues/1993)) ([f161152](https://github.com/Amsterdam/design-system/commit/f161152292f86770ffda0d60c3448f8d20b7b775))
* **Header:** Rename component to Page Header ([#1970](https://github.com/Amsterdam/design-system/issues/1970)) ([17172e4](https://github.com/Amsterdam/design-system/commit/17172e4fd89c630be6eb604d12058214a075a82b))
* **Link:** Remove ‘variant’ prop, make inline the default ([#1994](https://github.com/Amsterdam/design-system/issues/1994)) ([75b07b8](https://github.com/Amsterdam/design-system/commit/75b07b8bbdc758da26ce0319e2b989d079744065))
* **MegaMenu:** Remove deprecated component ([#1963](https://github.com/Amsterdam/design-system/issues/1963)) ([d385c83](https://github.com/Amsterdam/design-system/commit/d385c83d3b6e0a7b7d7c70b5729f33ace19832cf))
* **Page:** Add Page component ([#1982](https://github.com/Amsterdam/design-system/issues/1982)) ([813033c](https://github.com/Amsterdam/design-system/commit/813033c93be66dabccae3ff5f32484487dffc1aa))
* **PageMenu:** Remove deprecated component ([#1964](https://github.com/Amsterdam/design-system/issues/1964)) ([0149640](https://github.com/Amsterdam/design-system/commit/0149640ca9d88b45af0223b26cd22680d65b601f))
* **Screen:** Delete component (use Page instead) ([#2018](https://github.com/Amsterdam/design-system/issues/2018)) ([0c59f6d](https://github.com/Amsterdam/design-system/commit/0c59f6dccffa7eda745a3b34554c86b646d514ba))
* **Tabs:** Change `tab` prop to `id` and `aria-controls` attributes ([#2011](https://github.com/Amsterdam/design-system/issues/2011)) ([5079ad2](https://github.com/Amsterdam/design-system/commit/5079ad20b72b75d50bbc3d09c052a27935e6f4cf))
* **Top Task Link:** Remove component ([#1988](https://github.com/Amsterdam/design-system/issues/1988)) ([6da8a9b](https://github.com/Amsterdam/design-system/commit/6da8a9bdf47648a3ff0e18f89ed722092d0dad18))
### Bug Fixes
* **Icon:** Center align SVG ([#1978](https://github.com/Amsterdam/design-system/issues/1978)) ([0340149](https://github.com/Amsterdam/design-system/commit/0340149d99f488a9581c5928e724f0126e0b0695))
* **Page Footer:** Set correct inline padding ([#2004](https://github.com/Amsterdam/design-system/issues/2004)) ([cb2e70c](https://github.com/Amsterdam/design-system/commit/cb2e70ce04e05aed64299e1df8c40b9d8873ca83))
* **Page Header:** Restore alignment with edges of Grid ([#1976](https://github.com/Amsterdam/design-system/issues/1976)) ([723a757](https://github.com/Amsterdam/design-system/commit/723a757511c921e8e5a4181c348ebd2077527a44))
## [0.15.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.14.1...design-system-css-v0.15.0) (2025-03-28)
### ⚠ BREAKING CHANGES
* Shorten size labels in prop values for Row and Column, space tokens and classes ([#1940](https://github.com/Amsterdam/design-system/issues/1940), [#1951](https://github.com/Amsterdam/design-system/issues/1951))
* **Description List:** Rename values for terms column widths ([#1942](https://github.com/Amsterdam/design-system/issues/1942))
* **Aspect Ratio, Gap, Margin:** Use single dash in utility classes ([#1938](https://github.com/Amsterdam/design-system/issues/1938))
* Update aspect ratio tokens and CSS utility classes ([#1913](https://github.com/Amsterdam/design-system/issues/1913))
* **Header:** Add responsive version of Amsterdam Logo, remove Heading level 1 ([#1880](https://github.com/Amsterdam/design-system/issues/1880))
* **Heading:** Remove ‘level’ from class name ([#1904](https://github.com/Amsterdam/design-system/issues/1904))
* **Icon:** Rename size classes ([#1890](https://github.com/Amsterdam/design-system/issues/1890))
* **Footer:** add FooterMenu component to replace PageMenu in Footer ([#1871](https://github.com/Amsterdam/design-system/issues/1871))
* **Avatar:** Use updated color names for azure, lime and green ([#1867](https://github.com/Amsterdam/design-system/issues/1867))
* **Badge:** Use updated color names for azure and lime ([#1866](https://github.com/Amsterdam/design-system/issues/1866))
* **Spotlight:** Use updated color names for lime and green and remove purple as an explicit option ([#1865](https://github.com/Amsterdam/design-system/issues/1865))
### Features
* Add missing hyphenation behaviour to all text components ([#1864](https://github.com/Amsterdam/design-system/issues/1864)) ([6e933a6](https://github.com/Amsterdam/design-system/commit/6e933a6b9610ab76c187ae1d42c3e8817b9b7e66))
* **Aspect Ratio, Gap, Margin:** Use single dash in utility classes ([#1938](https://github.com/Amsterdam/design-system/issues/1938)) ([4762cdb](https://github.com/Amsterdam/design-system/commit/4762cdb05aa66b0afa89da264e84987e1d4b3e16))
* **Avatar:** Use updated color names for azure, lime and green ([#1867](https://github.com/Amsterdam/design-system/issues/1867)) ([e8a2638](https://github.com/Amsterdam/design-system/commit/e8a2638882b95141c5e5e345bb7656f1f9968253))
* **Badge:** Use updated color names for azure and lime ([#1866](https://github.com/Amsterdam/design-system/issues/1866)) ([fd25778](https://github.com/Amsterdam/design-system/commit/fd25778db56eeeecf2e716a72d25b91c49193fa1))
* Consolidate Grid Space and Component Space into one set of spacing tokens ([#1910](https://github.com/Amsterdam/design-system/issues/1910)) ([f36e985](https://github.com/Amsterdam/design-system/commit/f36e9855c78f582df95fa0906f0849c2832c25a3))
* **Description List:** Rename values for terms column widths ([#1942](https://github.com/Amsterdam/design-system/issues/1942)) ([e1a9669](https://github.com/Amsterdam/design-system/commit/e1a9669925927f1608433a4ae68676b925ba8bd2))
* **Dialog:** Change background colour of backdrop and add token for it ([#1876](https://github.com/Amsterdam/design-system/issues/1876)) ([d071bb4](https://github.com/Amsterdam/design-system/commit/d071bb4149d2789d967abcdb84ccdfa4d5b7aecc))
* **Footer:** add FooterMenu component to replace PageMenu in Footer ([#1871](https://github.com/Amsterdam/design-system/issues/1871)) ([85e0f0f](https://github.com/Amsterdam/design-system/commit/85e0f0f8c7fd9c281ba68155999e835921e4443d))
* **Header:** Add responsive version of Amsterdam Logo, remove Heading level 1 ([#1880](https://github.com/Amsterdam/design-system/issues/1880)) ([7de8138](https://github.com/Amsterdam/design-system/commit/7de813861a565da89fee246731dc1525bc5d2643))
* **Icon:** Add invisble text content to simplify baseline alignment ([#1905](https://github.com/Amsterdam/design-system/issues/1905)) ([190b588](https://github.com/Amsterdam/design-system/commit/190b58865dee4552cf2c304cbc4d193cf7e14036))
* Remove action tokens, add and implement cursor tokens ([#1860](https://github.com/Amsterdam/design-system/issues/1860)) ([40a04a8](https://github.com/Amsterdam/design-system/commit/40a04a88e8c5829df54eb3a6ca338557249aec5d))
* Rename and document common tokens for links ([#1870](https://github.com/Amsterdam/design-system/issues/1870)) ([551743d](https://github.com/Amsterdam/design-system/commit/551743d11436ff2363f8dd1187afe166e6c4a02b))
* Shorten size labels in border tokens ([#1941](https://github.com/Amsterdam/design-system/issues/1941)) ([fa154a6](https://github.com/Amsterdam/design-system/commit/fa154a6c96a11a43623f959a51f782abae27449e))
* Shorten size labels in prop values for Row and Column, space tokens and utility classes ([#1940](https://github.com/Amsterdam/design-system/issues/1940)) ([694987c](https://github.com/Amsterdam/design-system/commit/694987c88773983e4cd12d518cc957d34ec29d7e))
* **Icon:** Rename size classes ([#1890](https://github.com/Amsterdam/design-system/issues/1890)) ([3126aa2](https://github.com/Amsterdam/design-system/commit/3126aa29d5aebccfca272892d55f140783a94d43))
* **Spotlight:** Use updated color names for lime and green and remove purple as an explicit option ([#1865](https://github.com/Amsterdam/design-system/issues/1865)) ([387ae45](https://github.com/Amsterdam/design-system/commit/387ae45ce263ae3b6a12fc9a3b22a37dc0aed997))
* Update and document focus tokens ([#1919](https://github.com/Amsterdam/design-system/issues/1919)) ([4c85170](https://github.com/Amsterdam/design-system/commit/4c85170f2b8eec5ce956cecdbb41430ce2c37639))
* Update aspect ratio tokens and CSS utility classes ([#1913](https://github.com/Amsterdam/design-system/issues/1913)) ([968ef2b](https://github.com/Amsterdam/design-system/commit/968ef2bf053803c356e36424836fd9934da123fd))
* Update hyphenation tokens ([#1914](https://github.com/Amsterdam/design-system/issues/1914)) ([0c7f359](https://github.com/Amsterdam/design-system/commit/0c7f359ff094e281022441d171bd617047c660b2))
### Bug Fixes
* **Action Group:** Align content to center instead of baseline ([#1931](https://github.com/Amsterdam/design-system/issues/1931)) ([2ad1739](https://github.com/Amsterdam/design-system/commit/2ad17397009438d0d39a03a6fda5271e12e65e28))
* **Card:** Prevent other links than the Card Link from stretching ([#1898](https://github.com/Amsterdam/design-system/issues/1898)) ([a6d79b0](https://github.com/Amsterdam/design-system/commit/a6d79b01e50792c0c8a38629d4b403c1c63e1757))
* **Column, Row:** Do not use utility classes ([#1951](https://github.com/Amsterdam/design-system/issues/1951)) ([a5a74f8](https://github.com/Amsterdam/design-system/commit/a5a74f8bbb55ab54c7b179be29d4a804b088044a))
* **Dialog:** Prevent a focus indicator from being cut off ([#1879](https://github.com/Amsterdam/design-system/issues/1879)) ([336ff55](https://github.com/Amsterdam/design-system/commit/336ff554d2a4a213c1f62bd32b02219ca41a802c))
* **Gap:** Make sure grid display is always set ([#1945](https://github.com/Amsterdam/design-system/issues/1945)) ([cec37ae](https://github.com/Amsterdam/design-system/commit/cec37ae5482a3bace3afb59e903285aeb587396a))
* **Heading:** Remove ‘level’ from class name ([#1904](https://github.com/Amsterdam/design-system/issues/1904)) ([71ef1db](https://github.com/Amsterdam/design-system/commit/71ef1db68405455087065e73dadf90581173398d))
* **Icon:** Restore square appearance ([#1933](https://github.com/Amsterdam/design-system/issues/1933)) ([3237e9d](https://github.com/Amsterdam/design-system/commit/3237e9dda1536756d4202fb1e95489a39683ab13))
* **Tabs:** Remove unnecessary token, reuse color value ([#1932](https://github.com/Amsterdam/design-system/issues/1932)) ([cabfd59](https://github.com/Amsterdam/design-system/commit/cabfd5967a9c0cb17ab0bac627f19261f29bcf2e))
## [0.14.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.14.0...design-system-css-v0.14.1) (2025-02-12)
### Features
* **Tabs:** Scroll wide content of a Tab Panel horizontally ([#1855](https://github.com/Amsterdam/design-system/issues/1855)) ([8ece501](https://github.com/Amsterdam/design-system/commit/8ece501ad592728ef853a432b427b8b3b037e13e))
## [0.14.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.13.1...design-system-css-v0.14.0) (2025-01-10)
### ⚠ BREAKING CHANGES
* Add collapsible menu to Header ([#1784](https://github.com/Amsterdam/design-system/issues/1784))
* Disallow blue Spotlight and make purple the default ([#1798](https://github.com/Amsterdam/design-system/issues/1798))
* Replace Aspect Ratio component with utility classes and prop on Image ([#1593](https://github.com/Amsterdam/design-system/issues/1593))
* Use new Button features for SearchField ([#1695](https://github.com/Amsterdam/design-system/issues/1695))
### Features
* Add collapsible menu to Header ([#1784](https://github.com/Amsterdam/design-system/issues/1784)) ([44ce6d8](https://github.com/Amsterdam/design-system/commit/44ce6d8ac5a3fc48fd7de258c48fbafdd9928b9f))
* Add Figure component ([#1795](https://github.com/Amsterdam/design-system/issues/1795)) ([3505dcc](https://github.com/Amsterdam/design-system/commit/3505dcca183551dce318046f54ad4570cc6e6d2b))
* Add File List component to display below a File Input ([#1751](https://github.com/Amsterdam/design-system/issues/1751)) ([0192404](https://github.com/Amsterdam/design-system/commit/01924048c53805eb1536d2aa9b5454bcd44375b8))
* Add Icon to Error Message ([#1746](https://github.com/Amsterdam/design-system/issues/1746)) ([eca5fe4](https://github.com/Amsterdam/design-system/commit/eca5fe4ed0325b01860f816c70247c26e2158f9c))
* Allow an icon to display with an inverse color ([#1787](https://github.com/Amsterdam/design-system/issues/1787)) ([1f5d166](https://github.com/Amsterdam/design-system/commit/1f5d16697a1b332b6c1bbd830cda1220010a78d6))
* Disallow blue Spotlight and make purple the default ([#1798](https://github.com/Amsterdam/design-system/issues/1798)) ([8d1c266](https://github.com/Amsterdam/design-system/commit/8d1c266f3f7e90b02bcb240c41256578a80c7668))
* Let Footer set its own background colour ([#1797](https://github.com/Amsterdam/design-system/issues/1797)) ([310f595](https://github.com/Amsterdam/design-system/commit/310f59553a9ad057f3fe80b23bfda5acf108906d))
* Make active Tab look less like a primary Button ([#1773](https://github.com/Amsterdam/design-system/issues/1773)) ([2ec0102](https://github.com/Amsterdam/design-system/commit/2ec010286dd64ecebefa040a0ab18cf192542d0f))
* Make border of Radio thicker when hovering ([#1696](https://github.com/Amsterdam/design-system/issues/1696)) ([8839012](https://github.com/Amsterdam/design-system/commit/88390124aa5197f6c784dae4fc2a7c3e18d75ca6))
* Rename reset mixins to include element name ([#1738](https://github.com/Amsterdam/design-system/issues/1738)) ([92312fa](https://github.com/Amsterdam/design-system/commit/92312faf845fbb8d28494aa46a57bdc8f378f402))
* Replace Aspect Ratio component with utility classes and prop on Image ([#1593](https://github.com/Amsterdam/design-system/issues/1593)) ([766efba](https://github.com/Amsterdam/design-system/commit/766efbac45e8831a19f3e99bd9d0550028d8d4fd))
* Replace deprecated import statements in Sass with new API ([#1777](https://github.com/Amsterdam/design-system/issues/1777)) ([adcd819](https://github.com/Amsterdam/design-system/commit/adcd81962a757d5afd4864a5c79cfd99c141a065))
* Require an alt prop for every Image ([#1739](https://github.com/Amsterdam/design-system/issues/1739)) ([9145dff](https://github.com/Amsterdam/design-system/commit/9145dffd2a3767f5be19adc2683ba11c50dd9485))
* Stretch File Input to full width to match other inputs ([#1752](https://github.com/Amsterdam/design-system/issues/1752)) ([eeea7b6](https://github.com/Amsterdam/design-system/commit/eeea7b69df33d779ec9436113c3cba5aa11b7068))
* Use new Button features for SearchField ([#1695](https://github.com/Amsterdam/design-system/issues/1695)) ([7b275d0](https://github.com/Amsterdam/design-system/commit/7b275d0c803b309095ba7c425bb6bf04630775a9))
### Bug Fixes
* Correct layout of Description List if multiple terms share a description ([#1763](https://github.com/Amsterdam/design-system/issues/1763)) ([ca913af](https://github.com/Amsterdam/design-system/commit/ca913afd56aba3a8c2305479df9177bceea09804))
* Explicitly set row and column start and end in Overlap CSS ([#1776](https://github.com/Amsterdam/design-system/issues/1776)) ([efd2b99](https://github.com/Amsterdam/design-system/commit/efd2b99b353c92c2a95bae76d5f20802c144de50))
## [0.13.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.13.0...design-system-css-v0.13.1) (2024-11-04)
### Bug Fixes
* Broken link Dialog docs ([#1731](https://github.com/Amsterdam/design-system/issues/1731)) ([be0cf82](https://github.com/Amsterdam/design-system/commit/be0cf82a147ebdacc44903eb72a3840926f77886))
## [0.13.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.12.0...design-system-css-v0.13.0) (2024-10-28)
### ⚠ BREAKING CHANGES
* Rename Description List ‘details’ to ’description’ ([#1703](https://github.com/Amsterdam/design-system/issues/1703))
### Bug Fixes
* Rename Description List ‘details’ to ’description’ ([#1703](https://github.com/Amsterdam/design-system/issues/1703)) ([139d8cb](https://github.com/Amsterdam/design-system/commit/139d8cb5c8fc4ffc93a2283abeabda6b8364b7cc))
## [0.12.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.11.1...design-system-css-v0.12.0) (2024-10-25)
### ⚠ BREAKING CHANGES
* Add Action Group component, e.g. to wrap Dialog buttons in ([#1592](https://github.com/Amsterdam/design-system/issues/1592))
* Use inline SVG icon for Radio button ([#1460](https://github.com/Amsterdam/design-system/issues/1460))
* Remove unnecessary Dialog wrapper ([#1591](https://github.com/Amsterdam/design-system/issues/1591))
* Remove form from Dialog ([#1582](https://github.com/Amsterdam/design-system/issues/1582))
* Replace ‘on background’ props with ‘inverseColor’ and ‘contrastColor’ for Link, Link List Link, and Icon Button ([#1448](https://github.com/Amsterdam/design-system/issues/1448))
### Features
* Add Action Group component, e.g. to wrap Dialog buttons in ([#1592](https://github.com/Amsterdam/design-system/issues/1592)) ([d0ea054](https://github.com/Amsterdam/design-system/commit/d0ea054b98a7f2ee41bd9a8434b76a85e9b8c9f2))
* Add border to Avatar in forced colors mode ([#1578](https://github.com/Amsterdam/design-system/issues/1578)) ([1f29f35](https://github.com/Amsterdam/design-system/commit/1f29f358ab7b831c502e8fa2cbd284d1853ff6af))
* Add Breakout component that lets a figure stick out of a Spotlight ([#1397](https://github.com/Amsterdam/design-system/issues/1397)) ([715f4d6](https://github.com/Amsterdam/design-system/commit/715f4d6241353b9b9f1f68dad7b7773b9c618492))
* Add Hint as component and Label and FieldSet props ([#1499](https://github.com/Amsterdam/design-system/issues/1499)) ([3d86882](https://github.com/Amsterdam/design-system/commit/3d86882f22e4629a17a98cbbf96f03ad56620be9))
* Add initial Password Input component ([#1449](https://github.com/Amsterdam/design-system/issues/1449)) ([3cc863](https://github.com/Amsterdam/design-system/commit/3cc863ec8f1f2b50f79a426fd41676ab05838768))
* Add utility functions as methods to Dialog ([#1576](https://github.com/Amsterdam/design-system/issues/1576)) ([f25bc01](https://github.com/Amsterdam/design-system/commit/f25bc016f1cea8c81e4b341af515fcad2f00a416))
* Allow Button to display an icon without a label ([#1654](https://github.com/Amsterdam/design-system/issues/1654), [#1700](https://github.com/Amsterdam/design-system/issues/1700)) ([2d347b6](https://github.com/Amsterdam/design-system/commit/2d347b654b701cd6cce9182d5b6837960f41b551), [33c4c0e](https://github.com/Amsterdam/design-system/commit/33c4c0edefdf9c785bb828b0c61f0a120d697b02))
* Image slider ([#1595](https://github.com/Amsterdam/design-system/issues/1595)) ([58e7766](https://github.com/Amsterdam/design-system/commit/58e77661ad99acb5d3f6e10cbfca981345dc8704))
* Make terms bold instead of descriptions in Description List ([#1693](https://github.com/Amsterdam/design-system/issues/1693)) ([cc8f40e](https://github.com/Amsterdam/design-system/commit/cc8f40e631669a2f3423b7f55b8b129c025efcf9))
* Replace ‘on background’ props with ‘inverseColor’ and ‘contrastColor’ for Link, Link List Link, and Icon Button ([#1448](https://github.com/Amsterdam/design-system/issues/1448)) ([f5176b1](https://github.com/Amsterdam/design-system/commit/f5176b1e2c85c166fa2b6cb67d11ce0b1f9727a3))
* Remove form from Dialog ([#1582](https://github.com/Amsterdam/design-system/issues/1582)) ([4fb6e53](https://github.com/Amsterdam/design-system/commit/4fb6e53441f3bae914eb483da2f0537a65273fd2))
* Remove margin Safari sets on buttons ([#1529](https://github.com/Amsterdam/design-system/issues/1529)) ([2ccc1b](https://github.com/Amsterdam/design-system/commit/2ccc1bc4eba83a49c37213582fae5d9e7ee6fc98))
* Remove unnecessary Dialog wrapper ([#1591](https://github.com/Amsterdam/design-system/issues/1591)) ([450b0c3](https://github.com/Amsterdam/design-system/commit/450b0c3e9adf5bdd9fb868400e17aaaea4b2c545))
* Show selected and disabled Tabs in forced colors mode ([#1517](https://github.com/Amsterdam/design-system/issues/1517)) ([339bd1](https://github.com/Amsterdam/design-system/commit/339bd1eff89e095a96be048ea6f6311bbf3e7980))
* Show Switch in forced colors mode ([#1528](https://github.com/Amsterdam/design-system/issues/1528)) ([302ae7](https://github.com/Amsterdam/design-system/commit/302ae75ecc5de23cbb0f371d169daa9ed0a1a61c))
* Support various column widths for Description List ([#1697](https://github.com/Amsterdam/design-system/issues/1697)) ([5a98c07](https://github.com/Amsterdam/design-system/commit/5a98c07cad19eea38a2ff299378dc4dc5b80018c))
* Update spacing in Ordered and Unordered List ([#1632](https://github.com/Amsterdam/design-system/issues/1632)) ([986e023](https://github.com/Amsterdam/design-system/commit/986e023b83007560911724e819f54fb18c97f1dc))
* Use inline SVG icon for Radio button ([#1460](https://github.com/Amsterdam/design-system/issues/1460)) ([c19055b](https://github.com/Amsterdam/design-system/commit/c19055bd6453ce40ca43b31d599f14ec65d6037a))
## [0.11.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.11.0...design-system-css-v0.11.1) (2024-08-29)
### Bug Fixes
* Close Dialog without submit ([#1547](https://github.com/Amsterdam/design-system/issues/1547)) ([d9cc107](https://github.com/Amsterdam/design-system/commit/d9cc1079e2f784fd7002b7f785fcfdaa750cb240))
## [0.11.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.10.0...design-system-css-v0.11.0) (2024-07-25)
### ⚠ BREAKING CHANGES
* Apply default gap in Row and Column without extra class ([#1422](https://github.com/Amsterdam/design-system/issues/1422))
* Include ‘gap-’ in class names for Row and Column gap ([#1421](https://github.com/Amsterdam/design-system/issues/1421))
* Rename Form Field Character Counter to Character Count ([#1363](https://github.com/Amsterdam/design-system/issues/1363))
* Change CSS classes for Heading level for consistency with token names ([#1355](https://github.com/Amsterdam/design-system/issues/1355))
### Features
* Add documention for Gap and Margin utility classes ([#1427](https://github.com/Amsterdam/design-system/issues/1427)) ([6adbd13](https://github.com/Amsterdam/design-system/commit/6adbd13f2437c017e379caf315b0546d052ffd6d))
* Add focus on initial render to Form Error List ([#1328](https://github.com/Amsterdam/design-system/issues/1328)) ([09387b7](https://github.com/Amsterdam/design-system/commit/09387b7b7d5f03a7422910314de4ae4d0ccbb983))
* Add horizontal and vertical alignment options to Column ([#1428](https://github.com/Amsterdam/design-system/issues/1428)) ([d5a7766](https://github.com/Amsterdam/design-system/commit/d5a7766bfd60f62e4a9b69e369bfa08bbd425fa6))
* Add horizontal and vertical alignment options to Row ([#1330](https://github.com/Amsterdam/design-system/issues/1330)) ([1b9c269](https://github.com/Amsterdam/design-system/commit/1b9c269f10392d1ab6503e6b047849a586d56502))
* Allow a row to wrap its items onto multiple lines ([#1319](https://github.com/Amsterdam/design-system/issues/1319)) ([42424eb](https://github.com/Amsterdam/design-system/commit/42424ebb413b9976958883a7b03f5b0d31225c39))
* Apply default gap in Row and Column without extra class ([#1422](https://github.com/Amsterdam/design-system/issues/1422)) ([3af0b1f](https://github.com/Amsterdam/design-system/commit/3af0b1fb40ca941fd3966d08e6afe18995e6d02f))
* Improve sizing behaviour of Dialog ([#1329](https://github.com/Amsterdam/design-system/issues/1329)) ([a54d239](https://github.com/Amsterdam/design-system/commit/a54d239e2aff832bc15f8f90ea8880c02fa0d6ce))
* Let Form Error List add the error count to the document title ([#1309](https://github.com/Amsterdam/design-system/issues/1309)) ([f18f03b](https://github.com/Amsterdam/design-system/commit/f18f03bc3ce582099ec120176ea5c6abe265451e))
* Merge ‘stack’ and ‘inside’ space categories and update components ([#1267](https://github.com/Amsterdam/design-system/issues/