Discord-MusicBot icon indicating copy to clipboard operation
Discord-MusicBot copied to clipboard

Published 20 hours ago • verified publisher icon SudhanPlayz

fix(deps): update dependency @nextui-org/react to v1.0.0-beta.10

Open renovate[bot] opened this issue 1 year ago • 0 comments

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@nextui-org/react (source) 1.0.0-beta.9 -> 1.0.0-beta.10 age adoption passing confidence

Release Notes

nextui-org/nextui

v1.0.0-beta.10

Compare Source

What's Changed

🚀 Features

🐛 Fixes

⚙️ Refactors

📚 Docs

📦 Repo

🚀 New behavior

Typography units changes:
  • New space units were added to the common theme 2xl...9xl, min: "min-content", max: "max-content", fit: "fit-content", screen: "100vw", full: "100%"
  • Text component now supports any value from fontSizes (e.g. "3xl") theme in addition to number (e.g. 14) and string (e.g. "20px")

e.g.

import {Text} from "@​nextui-org/react";

function App({ Component }) {
  return (
    <Text size="4xl">Hello World</Text> 
  );
}

The idea is to implement the same Text size behaviour in the future in other components like Grid, Row etc. to take advantage of the theme tokens

Breakpoints Media
export const media = {
    xs: `(min-width: ${defaultTokens.breakpoints.xs})`,
    sm: `(min-width: ${defaultTokens.breakpoints.sm})`,
    md: `(min-width: ${defaultTokens.breakpoints.md})`,
    lg: `(min-width: ${defaultTokens.breakpoints.lg})`,
    xl: `(min-width: ${defaultTokens.breakpoints.xl})`,
+  xsMin: `(min-width: ${defaultTokens.breakpoints.xs})`,
+  smMin: `(min-width: ${defaultTokens.breakpoints.sm})`,
+  mdMin: `(min-width: ${defaultTokens.breakpoints.md})`,
+  lgMin: `(min-width: ${defaultTokens.breakpoints.lg})`,
+  xlMin: `(min-width: ${defaultTokens.breakpoints.xl})`,
    xsMax: `(max-width: ${defaultTokens.breakpoints.xs})`,
    smMax: `(max-width: ${defaultTokens.breakpoints.sm})`,
    mdMax: `(max-width: ${defaultTokens.breakpoints.md})`,
    lgMax: `(max-width: ${defaultTokens.breakpoints.lg})`,
    xlMax: `(max-width: ${defaultTokens.breakpoints.xl})`,
    motion: '(prefers-reduced-motion)',
    safari: 'not all and (min-resolution:.001dpcm)',
    hover: '(any-hover: hover)',
    dark: '(prefers-color-scheme: dark)',
    light: '(prefers-color-scheme: light)'
};

e.g.

import {Text} from "@&#8203;nextui-org/react";

function App({ Component }) {
  return (
    <Text css={{
      "@&#8203;xsMin": { 
         color: "red"
      }
   }}>Hello World</Text> 
  );
}
Dropdown API
  • disableTriggerPressedAnimation prop added to the Dropdown - Whether the trigger should show a pressed animation when the menu is open.
  • showFullDescription prop added to the Dropdown.Item - Whether the item description should be truncated or not.
Text API
  • hideIn prop added - Whether the Text should be hidden from selected breakpoint.
  • showIn prop added - Whether the Text should be visible only from the selected breakpoint.

💣 Breaking changes:

Link API

OLD APIs NEW APIs
icon isExternal

The margin of some HTML primitives has been removed from the CssBaseline

-  "dl, dd, hr, figure, p": {
-    margin: 0,
-  },

Typography units changes:

  • Some fontSizes were renamed from xl2...xl9 to 2xl...9xl
  • Some lineHeights were renamed from xl2...xl9 to 2xl...9xl

New Contributors

Huge thanks to all contributors 🙏🏻

Full Changelog: https://github.com/nextui-org/nextui/compare/v1.0.0-beta.9...v1.0.0-beta.10

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), 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 this update again.

  • [ ] If you want to rebase/retry this PR, click this checkbox.

This PR has been generated by Mend Renovate. View repository job log here.

renovate[bot] avatar Sep 18 '22 04:09 renovate[bot]