# Changelog ## [5.1.0](https://github.com/moodlehq/design-system/compare/design-system-v5.0.0...design-system-v5.1.0) (2026-07-02) ### Features * **Avatar:** Introduce the Avatar component ([#268](https://github.com/moodlehq/design-system/issues/268)) ([ee365c1](https://github.com/moodlehq/design-system/commit/ee365c19fe991066087a5775268df71cd805e183)) * **Tokens:** Add new tokens for avatars ([#270](https://github.com/moodlehq/design-system/issues/270)) ([22101af](https://github.com/moodlehq/design-system/commit/22101afb678de7e05073fe13b88469117c13c1fc)) ### Bug Fixes * **Button:** Update border radius tokens for md & lg variants ([#273](https://github.com/moodlehq/design-system/issues/273)) ([2ea27bc](https://github.com/moodlehq/design-system/commit/2ea27bcb2f85fcb1d3e3d5eab86d851dd88582b0)) * **Link:** Prevent Storybook iframe navigation in play tests ([#267](https://github.com/moodlehq/design-system/issues/267)) ([73b36a2](https://github.com/moodlehq/design-system/commit/73b36a2ebad1931858c0087e300b0532af9e1895)) * **SVG:** Resolve missing SVGs in the production build ([#269](https://github.com/moodlehq/design-system/issues/269)) ([e3690ed](https://github.com/moodlehq/design-system/commit/e3690ed3dc35c9c8d30fa32715ffb4eb08814dab)) ## [5.0.0](https://github.com/moodlehq/design-system/compare/design-system-v4.1.0...design-system-v5.0.0) (2026-06-24) ### ⚠ BREAKING CHANGES * **Components:** Built token files moved from /tokens to /dist/tokens * **ActivityIcon:** `variant` prop is now renamed to `container` to be more reflective of its purpose. ### Features * **AI:** Improve AI Agent context window usage ([#252](https://github.com/moodlehq/design-system/issues/252)) ([210d428](https://github.com/moodlehq/design-system/commit/210d428bed134eaf98f5cdb01315af34817c4e87)) * **Choicebox:** Introduce Choicebox as a detailed radio input type ([#263](https://github.com/moodlehq/design-system/issues/263)) ([7c8ddd9](https://github.com/moodlehq/design-system/commit/7c8ddd942df53ac3abf67fff4c8ae94e3fa286c2)) * **Components:** Entrypoint for the component-only styling assets ([#253](https://github.com/moodlehq/design-system/issues/253)) ([524bde6](https://github.com/moodlehq/design-system/commit/524bde6b65ce52ea3936b211956259e8a7494826)) * **FavouriteButton:** Add new FavouriteButton component ([#259](https://github.com/moodlehq/design-system/issues/259)) ([36d2f74](https://github.com/moodlehq/design-system/commit/36d2f748e74a8260f44043047c9447f751591f2c)) * **Link:** Add new link component ([#256](https://github.com/moodlehq/design-system/issues/256)) ([6b0c226](https://github.com/moodlehq/design-system/commit/6b0c226ac09473b92727f58d6c094cf33ffa1e0e)) * **NavPill:** Add new NavPill component ([#261](https://github.com/moodlehq/design-system/issues/261)) ([88d9008](https://github.com/moodlehq/design-system/commit/88d9008d0850ac1f29b6eed6bf94d321be72d667)) * **Pagination:** Introduce pagination component ([#241](https://github.com/moodlehq/design-system/issues/241)) ([ecc325c](https://github.com/moodlehq/design-system/commit/ecc325c11ffdc52e75730e51a3e4bbc746723cac)) * **ProgressBar:** Add new ProgressBar component ([#243](https://github.com/moodlehq/design-system/issues/243)) ([b855b6e](https://github.com/moodlehq/design-system/commit/b855b6e898a3d78f5062e9f4a0b5945bcc1eb7b5)) ### Documentation * **ActivityIcon:** Improve stories listing in Storybook ([#232](https://github.com/moodlehq/design-system/issues/232)) ([a7a6553](https://github.com/moodlehq/design-system/commit/a7a65534bb9d523d64f9965c10332a37980a4877)) ## [4.1.0](https://github.com/moodlehq/design-system/compare/design-system-v4.0.0...design-system-v4.1.0) (2026-06-11) ### Features * **fonts:** Update from Roboto to Noto Sans ([#248](https://github.com/moodlehq/design-system/issues/248)) ([6a621bd](https://github.com/moodlehq/design-system/commit/6a621bdb492261e1e89304ac69b7c1cf0b5ee9f6)) * **Storybook:** Enable the MCP addon for storybook ([#249](https://github.com/moodlehq/design-system/issues/249)) ([0ed4900](https://github.com/moodlehq/design-system/commit/0ed490069b5f351432b438681d3034d5d5c71bb6)) ### Bug Fixes * **Badge:** Remove accidental import of css within component file ([#244](https://github.com/moodlehq/design-system/issues/244)) ([b6a7f89](https://github.com/moodlehq/design-system/commit/b6a7f89d6e48f33f2c53607e968f7cf123ee0e80)) ## [4.0.0](https://github.com/moodlehq/design-system/compare/design-system-v3.2.0...design-system-v4.0.0) (2026-05-27) ### ⚠ BREAKING CHANGES * **Button:** Button icons must be or ; use startIcon or endIcon, not both. ### Features * **Badge:** Add new Badge component ([#213](https://github.com/moodlehq/design-system/issues/213)) ([d8dba76](https://github.com/moodlehq/design-system/commit/d8dba76b190764694a297287a673b953fb84a670)) * **Button:** Revamped the Button for production use ([#208](https://github.com/moodlehq/design-system/issues/208)) ([69500f9](https://github.com/moodlehq/design-system/commit/69500f93a3f6a10961ebc17f6a662f6559945ec3)) * **Checkbox:** Add Checkbox component ([#216](https://github.com/moodlehq/design-system/issues/216)) ([e163e41](https://github.com/moodlehq/design-system/commit/e163e414fded11ef57c4c62059e6417f60d557ee)) * **Tokens:** Build CSS variables at run-time from SCSS ([#222](https://github.com/moodlehq/design-system/issues/222)) ([a9c5987](https://github.com/moodlehq/design-system/commit/a9c5987a2462a656efdbe7a23dec03048b8758ea)) ### Bug Fixes * **Tokens:** Darken info default color for a11y ([#233](https://github.com/moodlehq/design-system/issues/233)) ([d841e56](https://github.com/moodlehq/design-system/commit/d841e5636fad32a340da46bf97de38b22776b904)) ## [3.2.0](https://github.com/moodlehq/design-system/compare/design-system-v3.1.0...design-system-v3.2.0) (2026-05-20) ### Features * **Tokens:** Add new typography tokens for extra-small line heights ([#229](https://github.com/moodlehq/design-system/issues/229)) ([4d4a4df](https://github.com/moodlehq/design-system/commit/4d4a4df9d6ea25c90473f4cabfb0d34bd86d94ed)) * **Tokens:** Update primitives & color tokens ([#220](https://github.com/moodlehq/design-system/issues/220)) ([1c62a0b](https://github.com/moodlehq/design-system/commit/1c62a0b0546e2734ee0c873b45fb91461be0df25)) ## [3.1.0](https://github.com/moodlehq/design-system/compare/design-system-v3.0.0...design-system-v3.1.0) (2026-05-13) ### Features * **activity-icon:** Add new ActivityIcon component ([#205](https://github.com/moodlehq/design-system/issues/205)) ([197e55f](https://github.com/moodlehq/design-system/commit/197e55fbb53d79cb7b374a77e875a90186533989)) ## [3.0.0](https://github.com/moodlehq/design-system/compare/design-system-v2.1.1...design-system-v3.0.0) (2026-05-06) ### ⚠ BREAKING CHANGES * **components:** ButtonProps.variant is now typed as ButtonVariant instead of string. Consumers passing an arbitrary string will get a type error. Runtime behaviour is unchanged — invalid values still fall back to "primary". ### Features * Add automated ZeroHeight design system docs sync ([#194](https://github.com/moodlehq/design-system/issues/194)) ([1e6196f](https://github.com/moodlehq/design-system/commit/1e6196f806c16f2f49d04a6af4d0a7ad0032808c)) * Add status marker for components on storybook ([#169](https://github.com/moodlehq/design-system/issues/169)) ([53ff6c3](https://github.com/moodlehq/design-system/commit/53ff6c31d7ce9218367f1ce243122385f8737a9a)) * **AI:** Add AI agent tooling for streamlined co-working ([#154](https://github.com/moodlehq/design-system/issues/154)) ([a8b10f5](https://github.com/moodlehq/design-system/commit/a8b10f52937c3f969a08d097c32626dd5f819000)) * **close-button:** Add new CloseButton component ([#191](https://github.com/moodlehq/design-system/issues/191)) ([6fdfc77](https://github.com/moodlehq/design-system/commit/6fdfc77584359f86fec1882962dd27adef5d220b)) * **components:** Component library foundations — build, Button API, and authoring guidelines ([#177](https://github.com/moodlehq/design-system/issues/177)) ([42322f7](https://github.com/moodlehq/design-system/commit/42322f721414937d13bef9cc21287cfbfdd5a8a3)) * **icons:** Add fontawesome for storybook ([#178](https://github.com/moodlehq/design-system/issues/178)) ([fd8b04e](https://github.com/moodlehq/design-system/commit/fd8b04e9d368a3fc5802af15d4ae5a837b2da927)) * **Radio:** Include new Radio input component ([#185](https://github.com/moodlehq/design-system/issues/185)) ([c4c3750](https://github.com/moodlehq/design-system/commit/c4c3750eef692e1da92b2789932212859c82e77a)) * **tokens:** Add breakpoints and adjust shadow colour opacities ([#171](https://github.com/moodlehq/design-system/issues/171)) ([584be7f](https://github.com/moodlehq/design-system/commit/584be7fa6c95f5fad5506efc3cb03dbeb7c70d0b)) * **Tokens:** Add color tokens & spacing tokens ([#193](https://github.com/moodlehq/design-system/issues/193)) ([b7a86a6](https://github.com/moodlehq/design-system/commit/b7a86a62162b94f840942eba273c43b831b9fa93)) * **Tokens:** Add new activity icon tokens and modify sizing values ([#179](https://github.com/moodlehq/design-system/issues/179)) ([713a63f](https://github.com/moodlehq/design-system/commit/713a63f0f3c3233fcd9e0b93092207e71d55d361)) ### Bug Fixes * **AI:** Add i18n guidance to instructions ([#157](https://github.com/moodlehq/design-system/issues/157)) ([bd21822](https://github.com/moodlehq/design-system/commit/bd21822fec34f9d63dad8fa2f1c8cc9ac9d84d58)) * **Radio:** Align build output with other components ([#207](https://github.com/moodlehq/design-system/issues/207)) ([ebb149e](https://github.com/moodlehq/design-system/commit/ebb149e4fd8bdb7634e46769e568cd5703d7216c)) ## [2.1.1](https://github.com/moodlehq/design-system/compare/design-system-v2.1.0...design-system-v2.1.1) (2026-03-12) ### Bug Fixes * **Build:** Publish the correct build ([#148](https://github.com/moodlehq/design-system/issues/148)) ([0c0dc44](https://github.com/moodlehq/design-system/commit/0c0dc44912cbf08ce1a1811d2765dcfef37a17bd)) ## [2.1.0](https://github.com/moodlehq/design-system/compare/design-system-v2.0.0...design-system-v2.1.0) (2026-03-11) ### Features * **Button:** Update example component no longer need React-BS ([#145](https://github.com/moodlehq/design-system/issues/145)) ([670a1f3](https://github.com/moodlehq/design-system/commit/670a1f3dea47bd48d0e6c1828d91cafcbf08465c)) * **tokens:** SCSS tokens are now themeable with the !default feature ([#144](https://github.com/moodlehq/design-system/issues/144)) ([759e34b](https://github.com/moodlehq/design-system/commit/759e34b12b4b015c4fd857746129f55d693b75da)) ## [2.0.0](https://github.com/moodlehq/design-system/compare/design-system-v1.0.0...design-system-v2.0.0) (2026-03-06) ### ⚠ BREAKING CHANGES * **Build:** Core LMS compatibility improvements ([#141](https://github.com/moodlehq/design-system/issues/141)) * **fonts:** Several font tokens are removed and replaced. Consumers must update their consumption on typography tokens. New guides added in the README of how to setup fonts properly ### Bug Fixes * **fonts:** Rework font tokens to be usable for css attributes ([#130](https://github.com/moodlehq/design-system/issues/130)) ([196f245](https://github.com/moodlehq/design-system/commit/196f2450f91becd62909e64b480ada2323a3a98a)) ### Miscellaneous Chores * **Build:** Core LMS compatibility improvements ([#141](https://github.com/moodlehq/design-system/issues/141)) ([a024d30](https://github.com/moodlehq/design-system/commit/a024d30d39e577ec17710736e3f756bb413ad8f1)) ## [1.0.0](https://github.com/moodlehq/design-system/compare/design-system-v0.1.0...design-system-v1.0.0) (2026-02-06) ### ⚠ BREAKING CHANGES * **tokens:** brand colors tokens no longer exists ### Features * **tokens:** First release of tokens for standalone consumptions ([#103](https://github.com/moodlehq/design-system/issues/103)) ([6f48a7c](https://github.com/moodlehq/design-system/commit/6f48a7cf46da980eee26ed6bb18d93bb10c1cbc8)) ### Bug Fixes * **button:** Adjust css to the renamed tokens ([#108](https://github.com/moodlehq/design-system/issues/108)) ([870b421](https://github.com/moodlehq/design-system/commit/870b421416e06cdccbd61b95803c7d526f7d90e7)) * **tokens:** Typo fix on a token group name ([#101](https://github.com/moodlehq/design-system/issues/101)) ([31e81da](https://github.com/moodlehq/design-system/commit/31e81da242af3a36b3db0fe2da24a7fa88491f41)) ### Miscellaneous Chores * **tokens:** Removed brand colors from tokens ([#111](https://github.com/moodlehq/design-system/issues/111)) ([74f34f0](https://github.com/moodlehq/design-system/commit/74f34f0ef3b3c333a8431940bd421f8258f9d471)) ## [0.1.0](https://github.com/moodlehq/design-system/compare/design-system-v0.0.2...design-system-v0.1.0) (2025-12-22) ### Features * Add and relocate community insight files ([#69](https://github.com/moodlehq/design-system/issues/69)) ([1fdd1b2](https://github.com/moodlehq/design-system/commit/1fdd1b2e09ec0db54d7ba188821e1e8eea6300f6)) * **button:** Improve variant restriction and tidy up unit tests ([#56](https://github.com/moodlehq/design-system/issues/56)) ([465cb7b](https://github.com/moodlehq/design-system/commit/465cb7be3d37e9db2ba3727713a8e8f1ecdbadb8)) * **Security:** Improvements suggested by OSSF Scorecard ([#55](https://github.com/moodlehq/design-system/issues/55)) ([89b3d37](https://github.com/moodlehq/design-system/commit/89b3d37e236aa8b89981d2fb31b6d30fcc51bb70)) ### Bug Fixes * **button:** Remove the border from bootstrap when clicked (MDS-263) ([#49](https://github.com/moodlehq/design-system/issues/49)) ([d2346ae](https://github.com/moodlehq/design-system/commit/d2346aeed0bf0dd40b13c3fefe1c8f5e4d4638b0)) * **GHA:** Add id-token permission to the StoryBook deploy ([#63](https://github.com/moodlehq/design-system/issues/63)) ([0655a78](https://github.com/moodlehq/design-system/commit/0655a78feb35adb884091cf8329bce76625ee8b1)) ### Reverts * **#48:** Revert the previous merge due to merge message([#52](https://github.com/moodlehq/design-system/issues/52)) ([15b4af1](https://github.com/moodlehq/design-system/commit/15b4af19c440144964ae14f214d90e9638cbd35c)) ### Miscellaneous Chores * release 0.0.1 ([c82de7a](https://github.com/moodlehq/design-system/commit/c82de7af2849bbd3620350ba573ea89bfc29ab29)) * Release 0.1.0 ([#78](https://github.com/moodlehq/design-system/issues/78)) ([3a91749](https://github.com/moodlehq/design-system/commit/3a91749c95a62c14667aa74b5bb4f14a642b9998)) ## [0.0.2](https://github.com/moodlehq/design-system/compare/v0.0.1...v0.0.2) (2025-12-03) ### Bug Fixes * **button:** Remove the border from bootstrap when clicked (MDS-263) ([#49](https://github.com/moodlehq/design-system/issues/49)) ([d2346ae](https://github.com/moodlehq/design-system/commit/d2346aeed0bf0dd40b13c3fefe1c8f5e4d4638b0)) ### Reverts * **#48:** Revert the previous merge due to merge message([#52](https://github.com/moodlehq/design-system/issues/52)) ([15b4af1](https://github.com/moodlehq/design-system/commit/15b4af19c440144964ae14f214d90e9638cbd35c)) ## 0.0.1 (2025-12-02) ### Miscellaneous Chores * release 0.0.1 ([c82de7a](https://github.com/moodlehq/design-system/commit/c82de7af2849bbd3620350ba573ea89bfc29ab29))