Bump the mantine group with 4 updates

[dependabot[bot]]

Bumps the mantine group with 4 updates: @mantine/core, @mantine/hooks, @mantine/notifications and @mantine/carousel.

Updates @mantine/core from 7.1.7 to 7.3.0

Release notes

Sourced from @​mantine/core's releases.

7.3.0 🌟

View changelog with demos on mantine.dev website

smaller-than and larger-than mixins

smaller-than and larger-than mixins can be used to create styles that will be applied only when the screen is smaller or larger than specified breakpoint. Note that to use these mixins, you need to update postcss-preset-mantine to version 1.11.0 or higher.

.demo {
  @mixin smaller-than 320px {
    color: red;
  }
@​mixin larger-than 320px {
color: blue;
}
}

Will be transformed to:

// Breakpoint values are converted to em units
// In smaller-than mixin 0.1px is subtracted from breakpoint value
// to avoid intersection with larger-than mixin
@media (max-width: 19.99375em) {
  .demo {
    color: red;
  }
}
@​media (min-width: 20em) {
.demo {
color: blue;
}
}

You can also use smaller-than and larger-than mixins with mantine breakpoints:

.demo {
  @mixin smaller-than $mantine-breakpoint-sm {
    color: red;
  }
@​mixin larger-than $mantine-breakpoint-sm {
color: blue;
}
</tr></table>

... (truncated)

Commits

• See full diff in compare view

Updates @mantine/hooks from 7.1.7 to 7.3.0

Release notes

Sourced from @​mantine/hooks's releases.

7.3.0 🌟

View changelog with demos on mantine.dev website

smaller-than and larger-than mixins

smaller-than and larger-than mixins can be used to create styles that will be applied only when the screen is smaller or larger than specified breakpoint. Note that to use these mixins, you need to update postcss-preset-mantine to version 1.11.0 or higher.

.demo {
  @mixin smaller-than 320px {
    color: red;
  }
@​mixin larger-than 320px {
color: blue;
}
}

Will be transformed to:

// Breakpoint values are converted to em units
// In smaller-than mixin 0.1px is subtracted from breakpoint value
// to avoid intersection with larger-than mixin
@media (max-width: 19.99375em) {
  .demo {
    color: red;
  }
}
@​media (min-width: 20em) {
.demo {
color: blue;
}
}

You can also use smaller-than and larger-than mixins with mantine breakpoints:

.demo {
  @mixin smaller-than $mantine-breakpoint-sm {
    color: red;
  }
@​mixin larger-than $mantine-breakpoint-sm {
color: blue;
}
</tr></table>

... (truncated)

Commits

• See full diff in compare view

Updates @mantine/notifications from 7.1.7 to 7.3.0

Release notes

Sourced from @​mantine/notifications's releases.

7.3.0 🌟

View changelog with demos on mantine.dev website

smaller-than and larger-than mixins

smaller-than and larger-than mixins can be used to create styles that will be applied only when the screen is smaller or larger than specified breakpoint. Note that to use these mixins, you need to update postcss-preset-mantine to version 1.11.0 or higher.

.demo {
  @mixin smaller-than 320px {
    color: red;
  }
@​mixin larger-than 320px {
color: blue;
}
}

Will be transformed to:

// Breakpoint values are converted to em units
// In smaller-than mixin 0.1px is subtracted from breakpoint value
// to avoid intersection with larger-than mixin
@media (max-width: 19.99375em) {
  .demo {
    color: red;
  }
}
@​media (min-width: 20em) {
.demo {
color: blue;
}
}

You can also use smaller-than and larger-than mixins with mantine breakpoints:

.demo {
  @mixin smaller-than $mantine-breakpoint-sm {
    color: red;
  }
@​mixin larger-than $mantine-breakpoint-sm {
color: blue;
}
</tr></table>

... (truncated)

Commits

• See full diff in compare view

Updates @mantine/carousel from 7.1.7 to 7.3.0

Release notes

Sourced from @​mantine/carousel's releases.

7.3.0 🌟

View changelog with demos on mantine.dev website

smaller-than and larger-than mixins

smaller-than and larger-than mixins can be used to create styles that will be applied only when the screen is smaller or larger than specified breakpoint. Note that to use these mixins, you need to update postcss-preset-mantine to version 1.11.0 or higher.

.demo {
  @mixin smaller-than 320px {
    color: red;
  }
@​mixin larger-than 320px {
color: blue;
}
}

Will be transformed to:

// Breakpoint values are converted to em units
// In smaller-than mixin 0.1px is subtracted from breakpoint value
// to avoid intersection with larger-than mixin
@media (max-width: 19.99375em) {
  .demo {
    color: red;
  }
}
@​media (min-width: 20em) {
.demo {
color: blue;
}
}

You can also use smaller-than and larger-than mixins with mantine breakpoints:

.demo {
  @mixin smaller-than $mantine-breakpoint-sm {
    color: red;
  }
@​mixin larger-than $mantine-breakpoint-sm {
color: blue;
}
</tr></table>

... (truncated)

Commits

• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore major version` will close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself) - `@dependabot ignore minor version` will close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself) - `@dependabot ignore ` will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself) - `@dependabot unignore ` will remove all of the ignore conditions of the specified dependency - `@dependabot unignore ` will remove the ignore condition of the specified dependency and ignore conditions

[cloudflare-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	2b8c8d3
Status:	✅  Deploy successful!
Preview URL:	https://7387482f.emojiperanto-auto.pages.dev
Branch Preview URL:	https://dependabot-npm-and-yarn-mant-1igu.emojiperanto-auto.pages.dev

View logs

[dependabot[bot]]

Superseded by #125.