• popover: new component popover (#672)

🩹 Fixes​

• combobox: select the previous value on click (b2440e9d2b)

💅 Refactors​

• ♻️ checkbox (#640)

📖 Documentation changes​

• add release notes for 10.2.0 (c1b525fdf0)
• edit changelog autoformatting (bfefac35fe)
• typo on numbers in grid sizing table (#671)
• select: add docs on controlled selection for single select (9ea323915d)

🧪 Tests updated​

• remove storybook background transiton (a7b633dca8)
• opt-in for chromatic on PRs (#675)
• grid: remove a11y test bypass (ca09acfd1c)

• calendar: extend calendar with state for disabled (#635)
• grid: new grid v2 📏 (#656)
• skeleton: add prop for use on layer01 backgrounds (#655)
• table: add size prop (6f3cc36071)
• theme: new color tokens for skeleton (#663)

🩹 Fixes​

• css syntax errors for media queries (d4935c1e57)
• calendar: change text color for day button on hover (#651)
• textfield: remove height:100% on wrapper (dccd5bdd09)

💅 Refactors​

• field-error: make component usable without context (9ce07e9444)

📖 Documentation changes​

• add release notes for 10.1.1 (154ab05ae6)
• add new UI kit (0badda2287)
• new get started pages (fc4eb7851c)
• update broken link (32b4b1c989)
• remove installation section for each component (3adb73710e)
• add info about Midas (9f6971737c)
• add page with info for designers (1c76d8d6c8)
• change name and remove designer info (6f3f1be254)
• reorder pages so that about is last (3097601775)
• add info about how to access Storybook (9a247f5c65)
• change casing in sidebar (3287d39e5d)
• typo (d2cf059412)
• various small improvements (b8c4029051)
• grid improvements (5b0db59cd0)
• easy copy paste tokens (9655569def)
• rename page use -> install (e36bb14ebb)
• fix broken link (f1a786bf98)
• move release notes (dc846215e4)
• new get started pages (#660)
• add validation pattern (06f7d43a96)
• radio: use null as empty value in controlled example (e876ab159c)
• table: update docs on medium size (c70a1ff4df)
• table: change 'striped' description (49005eea58)

🔧 Maintenance​

• run storybook tests in pipeline temporary (730680d696)
• format css (9c9e48254f)
• remove unused imports (52ccf17256)
• chunk bundle with rollup (80e3b0c949)
• lint (ceeceb12ce)
• components: add command to watch for typescript errors (aeebaffc55)
• deps-dev: bump brace-expansion (4cdfd0e167)
• search-field: add column id type to story (12a8b9af66)

🧪 Tests updated​

• calendar: bypass a11y tests on disabled stories (d1ce956cb5)
• table: test medium size prop (073b317cc8)
• table: await queries (7e18645ead)
• table: add chromatic modes (7081f8adac)

🎨 Styles​

• link-button: change chevron icon to arrow icon (#647)
• table: adjust paddings and heights (b84828bfd7)

• replace invalid token --blue-140 (#620)
• combobox: virtualize the listbox (14745432fc)
• combobox: remove label element in ListBoxSection (#631)
• date-picker: fix height issue with button in field (#623)
• link: better icon logic on links, support for external and download (#617)
• link-button: add support for medium size (#618)

💅 Refactors​

• combobox: extract shared listbox components (bfe30e237e)
• combobox: add explicit id prop to sections (57b0df3264)
• select: move list item class to list box (a3a3a6f2e1)
• select: separate code (01926124ee)
• select: merge select and combobox list item types (ed6bbf4d50)

📖 Documentation changes​

• link to latest major release notes (f5ed23dc93)
• improvements to link pages (#612)
• update form pattern with guidelines (bb56ecce84)
• re-add example borders (#615)
• add new UI-kit for XD (096bf9bac3)
• no bg on proptable accordions (#622)
• remove broken anchor (e2dd1e0766)
• combobox: update sectioned example (c32d5db3e6)
• release-notes: add release notes for 10.1.0 (a912e097bc)

🔧 Maintenance​

• test chromatic build (8613c3cded)
• update test files with changed props (fd165fa775)
• deps: bump tar-fs in the npm_and_yarn group across 1 directory (f3b185c8e6)
• deps-dev: bump next in the npm_and_yarn group across 1 directory (2b6d2af5e7)
• docs: add jest globals for test files (b804836261)
• docs: update docusaurus (64d69a5239)
• link-button: remove the story icon from the storybook (251945d26f)

• accordion: add new variant hasBackground (1022bcc58a)
• accordion: add variant hasBackground (2b429a73b3)
• select: use midas checkbox (94c2cdb61d)
• select: allow for option id to be string or number (b9f31bac6b)
• tag: add new prop (82a0998769)
• tag: add dark mode style (408be2acb7)

🩹 Fixes​

• link-button: add disabled styling (143f708127)
• radio: remove interactions with radiogroup items outside the label and button (0b9f197971)
• select: virtualize the scroll box (523b138e17)
• skeleton: dont overwrite className and style props (155a8ff437)
• tag: fix the missing nesting selector (87ac33ab1c)
• tag: change token on button hover and pressed (0f2ff1c422)
• tag: unset border to make button the right width/height (769cfa8ec5)
• tag: fix the hover and fix the disabled style (3a21642715)

💅 Refactors​

• tag: move render function to meta data (48d9f9b126)

📖 Documentation changes​

• add usage example (c25a9cafc5)
• control size globally in storybook + new dark mode control (#596)
• tag: add new tag page (f3f7506d18)
• tag: fix description text (979a879bb3)

🔧 Maintenance​

• change react import statement (efe3c867f0)
• update eslint rule to handle major versions > 9 (ba85178773)
• extend commitlint conventional commits config (4daa47926d)
• changelog: group and display more commit types in changelog (d86d18ae94)
• deps: update RAC (20da285b9e)

• ⚠️ accordion: remove deprecated prop type='multiple', use allowsMultipleExpanded instead (8c82cbd681)
• button: add size property, a story and style (946bd9aa7d)
• button: add back the small variant (2112557050)
• ⚠️ button: remove small size variant from button (06430f2df2)
• combobox: add size prop (e64826ab11)
• date-field: ✨ medium size (#558)
• date-picker: add size prop (c1e1a04444)
• file-upload: use button size medium instead of small (c4351ff469)
• ⚠️ label: remove deprecated variants (36c893a748)
• ⚠️ modal: remove deprecated ModalTrigger and Dialog (9789773886)
• progress-bar: use button size medium instead of small (24dad8eb80)
• search-field: add size prop (4dab7eea96)
• search-field: use button size medium instead of small (a5f6020bbd)
• select: add size property (b1519f00cd)
• select: add medium size variant (f66c23929e)
• skeleton: allow for more semantically correct props (703237ec04)
• ⚠️ skeleton: remove deprecated props (cf5b52095c)
• ⚠️ spinner: remove deprecated prop dark (309da278c9)
• ⚠️ table: remove deprecated prop narrow from table (2b61d27b75)
• table: remove deprecation of prop narrow and update documentation (4cbbb8efd9)
• ⚠️ tabs: remove deprecated prop defaultSelected (5271e93984)
• tag: use button size medium instead of small (731df78796)
• theme: add full scale of signal-red tokens (abdca1e267)
• ⚠️ theme: remove deprecated tokens borderInvalid and textInvalid (d2f1620dc4)
• ⚠️ tokens: rename tokens blue140 & blue170 and add new tokens blue110, blue120, rename purple140 to purple110 (b79d586d53)
• tokens: add new tokens blue50 and blue70, update link colors (d814a4c961)

🩹 Fixes​

• replace unsupported characters in chromatic permalink (d653d10e69)
• accordion: set correct height on uncontained variant (#557)
• calendar: add cursor: not-allowed on disabled dates (6592b4fb15)
• select: increase the margin top to give more space between tag group and select (5514f642b0)

📖 Documentation changes​

• truly responsive propstable (#554)
• swizzle admonitions (#538)
• add language page (60497665a3)
• add untracked changelog files and update tsconfig (9527e80ac0)
• add migration guide from 8 to 9 (777e92b2f0)
• add Ui-kit for Adobe XD (version 22) (8a28a6012f)
• add migration guides (c523716e06)
• fix various typos + minor fixes to wording and styling of docs ✏️ (3eb230305f)
• render jsdoc links as markdown in component api description field (c2699b66a1)
• add migration guide for v8.3.0 (#585)
• changelog: add docusaurus style changelog and release notes (cba214be09)
• layout: update docs on clientSideHref prop (6f1e0807ad)
• release: update release notes for 10.0.0 with migrations for button (44a6347896)
• release: update release notes for 10.0.0 with migrations for accordion (ac9007c8d1)
• release: update release notes for migrations of modals (748bbcb298)
• release: add migrations for deprecated prop for spinner (e042b919ed)
• release: update release notes for deprecated props for Tabs (d83ad7cb6c)
• release: update release notes for <Table> (823dc5526c)
• release: update release notes for token removal (2f9b8314c5)
• release: migration information for removal of useMessageStringFormatter (0f18dd9824)
• release: add migration info for Label (b0f79ef73b)
• release: add migration info for skeleton component (afeab9f602)
• release: link to changelog instead of specific version to avoid broken links while developing (ada5d715b3)
• release: remove reference to table and fix minor issues (810321bbf3)
• release: update release notes with info on medium size components (d6e70a99b5)
• release: update release notes with tokens breaking changes (a45ef9cbf6)
• release: update release notes with breaking changes purple140 -> purple110 (22f685ae97)
• tokens: fix typo (d55e6f224b)

🔧 Maintenance​

• update version in eslint config (93edc05f7c)
• add new eslint rules (#545)
• add npm provenance flag (039f1daa0d)
• remove max height from card-guidelines (02a65e19bf)
• use medium sized buttons (7d55406881)
• disable snapshots for duplicate states (52197ad135)
• button: fix code documentation (28974126de)
• deps: bump vite in the npm_and_yarn group across 1 directory (193b8d80b5)
• deps: bump undici in the npm_and_yarn group across 1 directory (63e9f61a23)
• ⚠️ useMessageFormatter: remove useMessageFormatter since deprecation (01d94a8d75)

🧪 Tests updated​

• button: add a test in primary story (53f4fe042e)
• button: add a test to stories (0348794fc7)
• button: add await to expect tests (6a72c8d05b)
• docs: add test baseline and chromatic tests (57d6255477)
• select: add test to check the size (2c692d9ea0)
• select: fix the test (f41535787b)

⚠️ Breaking Changes​

• ⚠️ tokens: rename tokens blue140 & blue170 and add new tokens blue110, blue120, rename purple140 to purple110 (b79d586d53)
• skeleton: variant rectangular is no longer available, use rectangle instead. Animation is now a boolean and the prop to use is isAnimated
• label: label variants are no longer available, use component Text instead
• useMessageFormatter: Adobe has deprecated this hook in favour of useLocalizedStringFormatter. Use that instead!
• theme: use supportBorderWarning and textWarning instead
• table: prop narrow is no longer available
• tabs: defaultSelected no longer works, use defaultSelectedKey instead
• spinner: prop dark no longer works, use isOnColor instead
• modal: ModalTrigger and Dialog no longer works, use DialogTrigger and Modal instead
• accordion: API now conforms to React Aria standard. Same behavior is accomplished using allowsMultipleExpanded
• button: size='small' no longer has any effect on button size. Allowed sizes are 'medium' | 'large'

• grid: prevent midas classnames to get overwritten (#541)
• info-banner: add correct line-height (#540)
• textfield: merge textfield and input/textarea native dom props (#499)

Documentation Changes​

• toast: fix local example in storybook (#542)

• layout: change background color for menu item (d9ffc16bb6)
• layout: change font weight for active menu item (57e2485234)
• textfield: add medium size variant (#520)
• theme: use --support-border-warning instead of --border-invalid (#518)

🩹 Fixes​

• accordion: remove padding bottom for last uncontained accordionitem (463a7fa29e)
• accordion: add a minimal padding to allow items with margin-bottom (e0b2d8058b)
• combobox: add disabled color to the icon in disabled state (9cd5657149)
• modal: adjust modal header when content is scollable (#527)
• select: change invalid border from 3px to 2 px (834f1f8fdc)
• select: add disabled styling to description (4cabb0c8ae)
• textfield: add border bottom in disabled and change ivalid border to 2px (2bcd1d5beb)
• textfield: remove opacity from disabled (0332d83cb6)

Documentation Changes​

• improvements to preview 💅 🔍 ✨ (#530)
• radio: update Radio button guidelines (6c5038fff1)

• label: deprecate prop variant and add new css class (42e33be662)
• theme: add --icon-tertiary, new color for --icon-secondary (f0ef381472)
• tooltip: allow locale agnostic tooltip placement (#492)

🩹 Fixes​

• accordion: remove disabled styling if component has disabled children (1c704b714d)
• checkbox: set correct line-height and adjust high contrast visibility (6ca7ea9ba9)

Documentation Changes​

• add test docs (af6540ff7c)
• move test instructions to a separate file (33fe370e2d)
• forms: add developer instructions for integrating midas components in forms (ecc081d78e)
• label: remove label docs (#506)
• modal: change arg types in storybook (f9588f170b)
• propstable: add support for enums in table (#511)
• radio: remove radio button guideline (d314a1d2cb)

• accordion: accordion status ✅ / 🚨 (#485)

🩹 Fixes​

• accordion: rename invalid token (e4b13c928)
• modal: make text in modal selectable (#490)
• select: change checkbox size to prevent disappearing border (3ab520633)
• select: remove explicit size for indeterminate symbol (5f805c134)
• theme: add dark mode focus (#483)

Documentation Changes​

• clarify use of global.css and disable switch functionality (#489)
• link: remove invalid dom nesting (38a742db5)

• ✨💄 add semantic z-index tokens (#401)
• ✨ add errorPosition to form fields (#416)
• layout: new navbar component and external variant of layout (ad54f5955)
• spinner: change prop dark to isOnColor (#443)

🩹 Fixes​

• accordion: fix responsive content hiding when changing screen size (#446)
• button: add cursor styling for disabled state (1ab3f6c55)
• calendar: add border for high contrast mode (7ed989df8)
• calendar: sync calendars (3e7b4fb06)
• calendar: add high contrast styling for selected date (a5af1cafe)
• combobox: fix background color to input (6ec2c1d3e)
• date-picker: add missing disabled styles (492a1b789)
• heading: set correct styles for heading and affected components (#394)
• link: remove active styling in disabled state (71c1e1400)
• radio: add support for horizontal orientation (e5c9ad3eb)
• theme: replace invalid text and border colors in dark mode (a6259f46c)

Documentation Changes​

• use markdown links (f1fb5714b)
• update link docs with new code and examples (a25a2def3)
• add github icon to navbar (c31c8313d)
• 📝 add example for errorPosition property (#425)
• add margin to card and sibling code blocks (8e0e328fe)
• define error types at component level (14dc2b8da)
• new page explaining tokens and use of color + removed and updated tokens (c970f0eb5)
• remove live code from template (b86abb7bc)
• remove live code from loading indicator page (301fdcdd9)
• accordion: remove live-code and general docs update (#430)
• badge: remove live code examples (0f58ad894)
• button: remove live code examples (1f2f08980)
• calendar: update docs (#469)
• calendar: fix broken anchor (338d6e907)
• calendar: move import example (ac738a65a)
• card: remove the live code block (#467)
• checkbox: remove live code block and add examples (#456)
• combobox: remove live code block and update examples (#458)
• contribute: update release process and general guidelines (8dc21e5ca)
• date-field: update documentation 📅 (#455)
• datepicker: update documentation (#457)
• dropdown: remove livecode from documentation 🔽 (#460)
• file-upload: remove live code block (ce7e140e8)
• file-upload: move a text and add variant (46dba413a)
• file-upload: add controlled example (3135c5826)
• file-upload: add API table (6c99aae48)
• flex: remove live code block (#463)
• grid: remove livecode from documentation (#466)
• heading: remove live code block (284a86c6c)
• heading: expose ElementType (79b85f4e4)
• info-banner: remove live code (b6540b9ba)
• info-banner: highlight the types and dismissable (2805914e8)
• label: remove live code and update documentation (1803a3ee1)
• label: typo (21386e830)
• layout: remove live code examples (cf7c8b7d0)
• link: fix broken url address (#403)
• link-button: remove live-code from docs (#451)
• logo: remove live code block (#447)
• modal: 📝 add examples with form elements (#399)
• modal: update modal guidelines (4b4966ca6)
• progress-bar: remove live code block (#444)
• radio: remove live code block and update examples (#449)
• search-field: remove the live code block (23ebad9bf)
• skeleton: remove live code block (bbe03cb4e)
• skeleton: change the palce between the code and the component (6b4b1dadb)
• skeleton: remove live code block (9f61b7cfa)
• spinner: remove live code block (#441)
• table: add prop comment (6089593a4)
• table: add examples (8a2803373)
• table: remove live code (aabbddd06)
• tabs: remove live code and update documentation (c4b2c2e47)
• tabs: remove generic in prop interface (d8bcf2b92)
• text: remove union type for documentation visibility (675b94795)
• text: remove live code and add form usage example (38672f286)
• textfield: remove live code example (43476df57)
• textfield: remove live code example (13f59adc6)
• tooltip: update tooltip documentation 🔧 (#439)

• ✨💄 add semantic z-index tokens (#401)

🩹 Fixes​

• combobox: fix background color to input (997eac80b)
• date-picker: add missing disabled styles (10b394897)
• theme: replace invalid text and border colors in dark mode (3291a9cbd)

Documentation Changes​

• link: fix broken url address (#403)
• modal: 📝 add examples with form elements (#399)

• remove april fools (4bcdaa31c)
• remove april fools (#381)
• ♿️💄ensure that markdown links use midas styling (b79ce1b36)

• badge: 🆕 new component - badge to indicate user of unread items
• badge: 🆕 new component - badge to indicate user of unread items

🩹 Fixes​

• date-picker: add disabled style to divider
• link-button: fix secondary border and icon color in dark mode
• link-button: fix secondary border and icon color in dark mode
• tabs: fix dark mode on tabs and example on docweb
• tabs: fix dark mode on tabs and example on docweb
• theme: change the token value to icon secondary
• theme: update some tokens to new naming convention
• theme: update more tokens in tokens.ts
• theme: update icon-secondary with new value for dark mode
• theme: update some tokens to new naming convention

Documentation Changes​

• april fools
• a bit longer april fools joke
• fixes on badge page
• april fools
• add clarification on when to use which loader
• docs: add new UI-kit
• docs: change wording on dark mode guide page
• docs: add clarification on when to use which loader
• docs: add new UI-kit

• text: add description slot (73d308a13)

🩹 Fixes​

• link-button: add pseudo-classes in CSS link-button (#385)
• textfield: fix token on input value (e79f935e3)
• textfield: fix token on input value (#388)

• select: 🐛 Selected values doesn't match selected IDs

• use cursor: not-allowed for disabled elements
• modal: add boilerplate code for new modal implementation
• modal: add styles and clean up types
• modal: add focustrap to modal
• modal: increase z-index on overlay
• modal: fix overlay position to avoid moving the modal when y-overflow
• ⚠️ modal: deprecate ModalTrigger and Dialog
• modal: replace h2 with heading component

🩹 Fixes​

• remove test setup from build
• add react types to dependencies
• change button variant to icon
• button: clarify use of labels on button groups
• button: clarify use of labels on button groups
• button: tokenize icon button for better dark mode support
• button: tokenize icon button for better dark mode support
• button: clarify use of labels on button groups
• button: change iconbtn color token
• layout: change minimize menu button to icon variant

Documentation Changes​

• modal: update instructions with new modal API

⚠️ Breaking Changes​

• modal: Use the new DialogTrigger and Modal instead of ModalTrigger and Dialog. New API will apply.

• checkbox: swap old tokens
• checkbox: swap old focus token
• link-button: fix colors on hover state
• link-button: fix colors on hover state
• radio: remove old tokens
• toast: add temporary implementation of useToastState
• toast: update react-aria deps
• toast: remove explicit dep
• toast: re-organize animations and breakpoints

Documentation Changes​

• add strict mode to docs
• add strict mode to docs
• add additional prism languages
• update release instructions and styleguide
• run dark mode image switch on client
• run dark mode image switch on client
• display project changelog on docweb

• ⚠️ support for dark mode across all components

🩹 Fixes​

• button: deprecate small version
• card: deprecate card background
• date-picker: change selected date color to blue150
• date-picker: resize button in invalid state, fixes #312
• date-picker: change cursor to pointer
• layout: design adjustments
• search-field: use aria-label instead of hidden label
• select: remove unsupported attribute
• select: change direct element selector
• table: deprecate narrow version

Documentation Changes​

• dark mode support for storybook and docusaurus
• add instructions for bug reporting
• dark mode page on docweb
• add security disclaimers
• update select docs
• fix new tokens
• fix local dark mode on portals in SB
• updated docs with tokens
• dark mode header image
• docs: add new UIkit
• localization: add dev instructions for localization

⚠️ Breaking Changes​

• dark mode 🌇

• ⚠️ updated select, multi-select and modal components

🩹 Fixes​

• layout: design adjustments
• radio: change cursor to pointer

Documentation Changes​

• date-picker: add style unavailable and code example for Unavailable Date in docs
• docs: add new UIkit

⚠️ Breaking Changes​

• Select, MultiSelect and Modal now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading.

• button: set primary border to 2px when in high-contrast mode (fdcf32e1d)

🩹 Fixes​

• calendar set default weekday style to short (#303)
• checkbox: change cursor to pointer (d5ce18403)
• date-picker: change selected date color to blue150 (6a7e856a9)
• date-picker: resize button in invalid state, fixes #312 (#312)
• datepicker: change cursor to pointer (5425f7282)
• radio: change cursor to pointer (c18ec8f4e)

Documentation Changes​

• add new UIkit (a47947b63)
• add instructions for bug reporting (93205ee30)
• date-picker: add style unavailable and code example for Unavailable Date in docs (469da9424)