Comparing changes

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@mantine/core](https://mantine.dev/) ([source](https://togithub.com/mantinedev/mantine)) | [`6.0.10` -> `6.0.21`](https://renovatebot.com/diffs/npm/@mantine%2fcore/6.0.10/6.0.21) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@mantine%2fcore/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@mantine%2fcore/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@mantine%2fcore/6.0.10/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@mantine%2fcore/6.0.10/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [@mantine/prism](https://mantine.dev/others/prism/) ([source](https://togithub.com/mantinedev/mantine)) | [`6.0.10` -> `6.0.21`](https://renovatebot.com/diffs/npm/@mantine%2fprism/6.0.10/6.0.21) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@mantine%2fprism/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@mantine%2fprism/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@mantine%2fprism/6.0.10/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@mantine%2fprism/6.0.10/6.0.21?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>mantinedev/mantine (@mantine/core)</summary> ### [`v6.0.21`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.21) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.20...6.0.21) ##### Last 6.x patch This is the last patch for 6.x (at least for a while), next version that will be released is 7.0.0. If you haven't checked v7 yet, you can review it here – https://v7.mantine.dev/ ##### What's Changed - `[@mantine/core]` Fix Radio and Checkbox components do not receive padding when a value of 0 is passed into the label prop ([#4755](https://togithub.com/mantinedev/mantine/issues/4755)) - `[@mantine/dates]` Fix incorrect accessible name set on DatePickerInput and other similar components ([#4750](https://togithub.com/mantinedev/mantine/issues/4750)) ##### New Contributors - [@qaynam](https://togithub.com/qaynam) made their first contribution in [https://github.com/mantinedev/mantine/pull/4755](https://togithub.com/mantinedev/mantine/pull/4755) **Full Changelog**: mantinedev/mantine@6.0.20...6.0.21 ### [`v6.0.20`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.20) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.19...6.0.20) ##### What's Changed - `[@mantine/dates]` Calendar: Fix incorrect `hasNextLevel` prop type ([#4682](https://togithub.com/mantinedev/mantine/issues/4682)) - `[@mantine/core]` PasswordInput: Set `autocomplete="off"` to prevent passwords logging in console ([#4564](https://togithub.com/mantinedev/mantine/issues/4564)) - `[@mantine/core]` BackgroundImage: Fix image not loading if given image url contains whitespace ([#4715](https://togithub.com/mantinedev/mantine/issues/4715)) - `[@mantine/dates]` Fix: DatePickerInput and DateTimePicker label click does not focusing the input ([#4634](https://togithub.com/mantinedev/mantine/issues/4634)) - `[@mantine/core]` PinInput: Fix OTP paste not working from Google Keyboard on Android ([#4641](https://togithub.com/mantinedev/mantine/issues/4641)) - `[@mantine/core]` Grid: Fix `id` prop not being passed to the root element ([#4666](https://togithub.com/mantinedev/mantine/issues/4666)) - `[@mantine/tiptap]` Fix incorrect color displayed in ColorPickerControl ([#4667](https://togithub.com/mantinedev/mantine/issues/4667)) - `[@mantine/core]` Anchor: Fix incorrect inherited types from Text ([#4695](https://togithub.com/mantinedev/mantine/issues/4695)) ##### New Contributors - [@hiddenLadder](https://togithub.com/hiddenLadder) made their first contribution in [https://github.com/mantinedev/mantine/pull/4642](https://togithub.com/mantinedev/mantine/pull/4642) - [@HarshitDoshi](https://togithub.com/HarshitDoshi) made their first contribution in [https://github.com/mantinedev/mantine/pull/4692](https://togithub.com/mantinedev/mantine/pull/4692) - [@marwinburesch](https://togithub.com/marwinburesch) made their first contribution in [https://github.com/mantinedev/mantine/pull/4703](https://togithub.com/mantinedev/mantine/pull/4703) - [@HoHieuLuc](https://togithub.com/HoHieuLuc) made their first contribution in [https://github.com/mantinedev/mantine/pull/4667](https://togithub.com/mantinedev/mantine/pull/4667) - [@lscheibel](https://togithub.com/lscheibel) made their first contribution in [https://github.com/mantinedev/mantine/pull/4666](https://togithub.com/mantinedev/mantine/pull/4666) - [@saeidalidadi](https://togithub.com/saeidalidadi) made their first contribution in [https://github.com/mantinedev/mantine/pull/4641](https://togithub.com/mantinedev/mantine/pull/4641) - [@rommelmamedov](https://togithub.com/rommelmamedov) made their first contribution in [https://github.com/mantinedev/mantine/pull/4634](https://togithub.com/mantinedev/mantine/pull/4634) - [@blueagler](https://togithub.com/blueagler) made their first contribution in [https://github.com/mantinedev/mantine/pull/4715](https://togithub.com/mantinedev/mantine/pull/4715) - [@yeana-dev](https://togithub.com/yeana-dev) made their first contribution in [https://github.com/mantinedev/mantine/pull/4712](https://togithub.com/mantinedev/mantine/pull/4712) **Full Changelog**: mantinedev/mantine@6.0.19...6.0.20 ### [`v6.0.19`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.19) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.18...6.0.19) ##### What's Changed - `[@mantine/dates]` DateTimePicker: Add option to get time input ref with `timeInputProps` - `[@mantine/hooks]` Fix unexpected breaking change introduced in `useResizeObserver` in the previous patch ([#4632](https://togithub.com/mantinedev/mantine/issues/4632)) - `[@mantine/dates]` Fix incorrect Calendar prop types definition ([#4638](https://togithub.com/mantinedev/mantine/issues/4638)) ##### New Contributors - [@raul-repos](https://togithub.com/raul-repos) made their first contribution in [https://github.com/mantinedev/mantine/pull/4630](https://togithub.com/mantinedev/mantine/pull/4630) **Full Changelog**: mantinedev/mantine@6.0.18...6.0.19 ### [`v6.0.18`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.18) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.17...6.0.18) ##### What's Changed - `[@mantine/core]` Spoiler: Fix control button flickering on rerender ([#4512](https://togithub.com/mantinedev/mantine/issues/4512)) - `[@mantine/tiptap]` Fix incorrect color displayed in color control in dark color scheme ([#4560](https://togithub.com/mantinedev/mantine/issues/4560)) - `[@mantine/core]` Pagination: Fix incorrect disabled styles when control node is changed to link ([#4578](https://togithub.com/mantinedev/mantine/issues/4578)) - `[@mantine/core]` Modal: Make body's zIndex same as overlay's to allow modals stacking ([#4587](https://togithub.com/mantinedev/mantine/issues/4587)) - `[@mantine/core]` Avatar: Fix incorrect placeholder icon dimensions ([#4600](https://togithub.com/mantinedev/mantine/issues/4600)) - `[@mantine/dates]` Fix `defaultDate` overriding `value` prop ([#4624](https://togithub.com/mantinedev/mantine/issues/4624)) ##### New Contributors - [@mattaningram](https://togithub.com/mattaningram) made their first contribution in [https://github.com/mantinedev/mantine/pull/4600](https://togithub.com/mantinedev/mantine/pull/4600) - [@ItaiAxelrad](https://togithub.com/ItaiAxelrad) made their first contribution in [https://github.com/mantinedev/mantine/pull/4578](https://togithub.com/mantinedev/mantine/pull/4578) - [@hellolol2016](https://togithub.com/hellolol2016) made their first contribution in [https://github.com/mantinedev/mantine/pull/4560](https://togithub.com/mantinedev/mantine/pull/4560) - [@KurtGokhan](https://togithub.com/KurtGokhan) made their first contribution in [https://github.com/mantinedev/mantine/pull/4512](https://togithub.com/mantinedev/mantine/pull/4512) **Full Changelog**: mantinedev/mantine@6.0.17...6.0.18 ### [`v6.0.17`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.17) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.16...6.0.17) #### What's Changed - `[@mantine/carousel]` Remove x.clickAllowed to support embla 8.x ([#4357](https://togithub.com/mantinedev/mantine/issues/4357), [#4174](https://togithub.com/mantinedev/mantine/issues/4174)) - `[@mantine/core]` PasswordInput: Remove rightSection associated props to avoid confusion ([#4436](https://togithub.com/mantinedev/mantine/issues/4436)) - `[@mantine/core]` Menu: Fix up and down keys not working when first Menu.Item is disabled ([#4411](https://togithub.com/mantinedev/mantine/issues/4411)) - `[@mantine/spotlight]` Fix `target` prop not working ([#4494](https://togithub.com/mantinedev/mantine/issues/4494)) - `[@mantine/core]` Switch: Fix incorrect label styles in RTL ([#4515](https://togithub.com/mantinedev/mantine/issues/4515)) - `[@mantine/core]` Slider: Fix decimal step without precision prop not working ([#4538](https://togithub.com/mantinedev/mantine/issues/4538)) - `[@mantine/core]` Rating: Fix `readOnly` prop not working with `defaultValue` ([#4525](https://togithub.com/mantinedev/mantine/issues/4525)) - `[@mantine/core]` Modal: Migrate to dvh units to fix incorrect styles in mobile Safari ([#4517](https://togithub.com/mantinedev/mantine/issues/4517)) - `[@mantine/dates]` DateInput: Decouple `clearable` and `allowDeselect` logic, allow disabling `allowDeselect` if `clearable` is set ([#4527](https://togithub.com/mantinedev/mantine/issues/4527)) - `[@mantine/dates]` DatePickerInput: Fix `defaultDate` prop not working ([#4532](https://togithub.com/mantinedev/mantine/issues/4532)) #### New Contributors - [@connershoop](https://togithub.com/connershoop) made their first contribution in [https://github.com/mantinedev/mantine/pull/4517](https://togithub.com/mantinedev/mantine/pull/4517) **Full Changelog**: mantinedev/mantine@6.0.16...6.0.17 ### [`v6.0.16`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.16) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.15...6.0.16) #### What's Changed - `[@mantine/dates]` DatePicker: Fix `onMonthSelect` not passed down to Calendar component ([#4441](https://togithub.com/mantinedev/mantine/issues/4441)) - `[@mantine/prism]` Fix unexpected code margin when used within `TypographyStylesProvider` ([#4452](https://togithub.com/mantinedev/mantine/issues/4452)) - `[@mantine/dates]` DateTimePicker: Fix `onClick` function from `submitButtonProps` overriding default behavior ([#4465](https://togithub.com/mantinedev/mantine/issues/4465)) - `[@mantine/dates]` Fix date pickers placeholders not having correct color when parent input has error ([#4469](https://togithub.com/mantinedev/mantine/issues/4469)) - `[@mantine/core]` MultiSelect: Fix `portalProps` prop not working ([#4485](https://togithub.com/mantinedev/mantine/issues/4485)) - `[@mantine/core]` Fix rem units errors with svg elements in all components ([#4491](https://togithub.com/mantinedev/mantine/issues/4491)) - `[@mantine/dates]` DateInput: Fix stale calendar UI after clear button was clicked ([#4486](https://togithub.com/mantinedev/mantine/issues/4486)) - `[@mantine/core]` Slider: Fix `onChange` prop updates being ignored ([#4497](https://togithub.com/mantinedev/mantine/issues/4497)) #### New Contributors - [@Bastian](https://togithub.com/Bastian) made their first contribution in [https://github.com/mantinedev/mantine/pull/4497](https://togithub.com/mantinedev/mantine/pull/4497) - [@aschenkuttel](https://togithub.com/aschenkuttel) made their first contribution in [https://github.com/mantinedev/mantine/pull/4491](https://togithub.com/mantinedev/mantine/pull/4491) - [@alessandroaw](https://togithub.com/alessandroaw) made their first contribution in [https://github.com/mantinedev/mantine/pull/4469](https://togithub.com/mantinedev/mantine/pull/4469) - [@wojonet](https://togithub.com/wojonet) made their first contribution in [https://github.com/mantinedev/mantine/pull/4465](https://togithub.com/mantinedev/mantine/pull/4465) - [@thascoet](https://togithub.com/thascoet) made their first contribution in [https://github.com/mantinedev/mantine/pull/4441](https://togithub.com/mantinedev/mantine/pull/4441) **Full Changelog**: mantinedev/mantine@6.0.15...6.0.16 ### [`v6.0.15`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.15) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.14...6.0.15) #### What's Changed - `[@mantine/core]` Alert: Fix incorrect close button styles in filled variant - `[@mantine/core]` Fix incorrect Slider and RangeSlider precision with keyboard events - `[@mantine/core]` PinInput: Fix incorrect focus behavior when `Backspace` key is pressed ([#4438](https://togithub.com/mantinedev/mantine/issues/4438)) - `[@mantine/core]` Table: Fix `withColumnBorders` prop not working ([#4443](https://togithub.com/mantinedev/mantine/issues/4443)) - `[@mantine/spotlight]` Improve search performance for large actions lists ([#4457](https://togithub.com/mantinedev/mantine/issues/4457)) #### New Contributors - [@Asipita](https://togithub.com/Asipita) made their first contribution in [https://github.com/mantinedev/mantine/pull/4444](https://togithub.com/mantinedev/mantine/pull/4444) - [@mrbnclt](https://togithub.com/mrbnclt) made their first contribution in [https://github.com/mantinedev/mantine/pull/4438](https://togithub.com/mantinedev/mantine/pull/4438) **Full Changelog**: mantinedev/mantine@6.0.14...6.0.15 ### [`v6.0.14`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.14) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.13...6.0.14) #### What's Changed - `[@mantine/hooks]` use-window-event: Improve events type ([#4423](https://togithub.com/mantinedev/mantine/issues/4423)) - `[@mantine/core]` MultiSelect: Fix `hoverOnSearchChange` not working correctly when `creatable` prop is set ([#4344](https://togithub.com/mantinedev/mantine/issues/4344)) - `[@mantine/tiptap]` Add option to configure initial state of external link control ([#4373](https://togithub.com/mantinedev/mantine/issues/4373)) - `[@mantine/core]` PinInput: Fix incorrect Backspace key handling ([#4379](https://togithub.com/mantinedev/mantine/issues/4379)) - `[@mantine/core]` Table: Fix table styles applied to the nested table elements, for example in dropdowns ([#4393](https://togithub.com/mantinedev/mantine/issues/4393)) - `[@mantine/core]` Image: Fix image alt overflow in Firefox ([#4410](https://togithub.com/mantinedev/mantine/issues/4410)) #### New Contributors - [@comphonia](https://togithub.com/comphonia) made their first contribution in [https://github.com/mantinedev/mantine/pull/4410](https://togithub.com/mantinedev/mantine/pull/4410) - [@skyt-a](https://togithub.com/skyt-a) made their first contribution in [https://github.com/mantinedev/mantine/pull/4373](https://togithub.com/mantinedev/mantine/pull/4373) - [@vadimkiryanov](https://togithub.com/vadimkiryanov) made their first contribution in [https://github.com/mantinedev/mantine/pull/4423](https://togithub.com/mantinedev/mantine/pull/4423) **Full Changelog**: mantinedev/mantine@6.0.13...6.0.14 ### [`v6.0.13`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.13) #### What's Changed - `[@mantine/dates]` Fix `nextIcon` and `previousIcon` props not passed to Calendar component ([#4273](https://togithub.com/mantinedev/mantine/issues/4273)) - `[@mantine/core]` AppShell: Fix wrong padding when `navbarOffsetBreakpoint` and `asideOffsetBreakpoint` have the same value ([#4281](https://togithub.com/mantinedev/mantine/issues/4281)) - `[@mantine/core]` Select: Fix unexpected horizontal scrollbar in items with long text ([#4296](https://togithub.com/mantinedev/mantine/issues/4296)) - `[@mantine/core]` NumberInput: Fix missing disabled controls styles ([#4314](https://togithub.com/mantinedev/mantine/issues/4314)) - `[@mantine/core]` Fix Select/MultiSelect scrolling page when `transitionProps` are set ([#4327](https://togithub.com/mantinedev/mantine/issues/4327)) - `[@mantine/core]` Chip: Fix unexpected line break when children are not a plain string ([#4328](https://togithub.com/mantinedev/mantine/issues/4328)) #### New Contributors - [@omegahm](https://togithub.com/omegahm) made their first contribution in [https://github.com/mantinedev/mantine/pull/4280](https://togithub.com/mantinedev/mantine/pull/4280) - [@ot07](https://togithub.com/ot07) made their first contribution in [https://github.com/mantinedev/mantine/pull/4290](https://togithub.com/mantinedev/mantine/pull/4290) - [@richardboehme](https://togithub.com/richardboehme) made their first contribution in [https://github.com/mantinedev/mantine/pull/4314](https://togithub.com/mantinedev/mantine/pull/4314) - [@andremonteiro95](https://togithub.com/andremonteiro95) made their first contribution in [https://github.com/mantinedev/mantine/pull/4273](https://togithub.com/mantinedev/mantine/pull/4273) **Full Changelog**: mantinedev/mantine@6.0.11...6.0.13 ### [`v6.0.11`](https://togithub.com/mantinedev/mantine/releases/tag/6.0.11) [Compare Source](https://togithub.com/mantinedev/mantine/compare/6.0.10...6.0.11) ##### What's Changed - `[@mantine/core]` Improve inputs disabled styles handling inside `fieldset` elements ([#4152](https://togithub.com/mantinedev/mantine/issues/4152)) - `[@mantine/core]` Badge: Expose `BadgeVariant` type ([#4215](https://togithub.com/mantinedev/mantine/issues/4215)) - `[@mantine/core]` ThemeIcon: Expose `ThemeIconVariant` type ([#4216](https://togithub.com/mantinedev/mantine/issues/4216)) - `[@mantine/core]` ColorInput: Add option to set eye dropper aria-label though prop ([#4227](https://togithub.com/mantinedev/mantine/issues/4227)) - `[@mantine/core]` ColorPicker: Fix inaccurate numbers rounding in rgba and hex colors converters ([#4238](https://togithub.com/mantinedev/mantine/issues/4238)) - `[@mantine/core]` MultiSelect: Fix layout shifts in Safari when input is focused ([#4249](https://togithub.com/mantinedev/mantine/issues/4249)) - `[@mantine/core]` Rating: Add CSS color values support in `color` prop ([#4251](https://togithub.com/mantinedev/mantine/issues/4251)) - `[@mantine/dates]` Add missing `nextIcon`/`previousIcon` types to all components ([#4180](https://togithub.com/mantinedev/mantine/issues/4180)) ##### New Contributors - [@thatanjan](https://togithub.com/thatanjan) made their first contribution in [https://github.com/mantinedev/mantine/pull/4248](https://togithub.com/mantinedev/mantine/pull/4248) - [@agong-coveo](https://togithub.com/agong-coveo) made their first contribution in [https://github.com/mantinedev/mantine/pull/4152](https://togithub.com/mantinedev/mantine/pull/4152) **Full Changelog**: mantinedev/mantine@6.0.10...6.0.11 </details> --- ### Configuration 📅 **Schedule**: Branch creation - "before 4am on Monday" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about these updates again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/kivra/toybox).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Marcus Tisäter <77273035+marcustisater-kivra@users.noreply.github.com>

- Upgrade node - Upgrade vite - Change target to esnext (we will downgrade the code in the apps) - Removing snapshots feature (we dont use that anymore)

BREAKING CHANGE: This updates the ui parts of toybox, and introduces new properties to present stories in another way! ### Startpage You can now create a start page story. You can specify this in `toybox.config.js`. ```ts const config: Config = { startpageComponentPath: "startpage.story.md", }; ``` ### Story header properties - Each story can now include a status type, which displays a Badge indicating the current status of a component. - If you wish to change the background display of your story render, `variant` has a couple of styles that you can try! - By using `hideControls`, codeTemplates spans the full width by hiding the property toolbar. - A new type named `import` has been added, which illustrates how to import a component. Optionally, you can name another npm package in your story, otherwise it will default to what you specify the `npmPackageName` field in `toybox.config.js`. Here is a breakdown of the new changes in the story file ```tsx header: { title: 'Button', // Title of story description: 'Buttons communicate actions that users can take. Button labels express what action will occur when the user interacts with it.', // Description of the story. storyButtons: [ // Demonstrates component import. Package name defaults to toybox.config.ts setting. { type: 'import' value: 'Button', }, // Status of the component. { type: 'status', value: 'core' | 'not-supported' | 'deprecated'; }, // For 'github' type, URL is optional. It can be auto-generated from the component name or manually provided. { type: 'github' }, // For figma `url` is a link to the design of the component. { type: 'figma', url: 'https://www.figma.com/', }, ], }, stories: [ { name: 'How to use the Button component', // The name of this story center: true, // Should the component be in center or not hideControls: true, // Hides the prop toolbar /** * The code template will show how to use the component. * `props` is a string representation of all stings in a single line. * If you want to show the props on multi lines you can use `props.asMultiline(indentSpace)` instead. */ codeTemplate: (props, children) => ` <Button${props}> ${children} </Button>`, variant: "filled" | "transparent", // Optionally, you can switch to another background on the codeTemplate. render(},) { return ( <YourComponent /> ); }, }; ] }; ``` ### Preview: ![ui-update-toybox](https://github.com/kivra/toybox/assets/77273035/8c696731-79e0-447b-8923-535af19d686d)

Sets all navbar items open by default.

Roll backs react-router-dom from v6 to v5.

Updates depedencies and fixes broken lock file.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Comparing changes

Open a pull request

Commits on Oct 23, 2023

Commits on May 14, 2024

Commits on Jul 3, 2024

Commits on Jul 10, 2024

Commits on Jul 12, 2024

Commits on Jul 15, 2024

This comparison is taking too long to generate.