Skip to content

Update dependency @nextui-org/react to v1.0.0-beta.9-dbg2#2

Open
renovate[bot] wants to merge 1 commit intomainfrom
renovate/nextui-org-react-1.x-lockfile
Open

Update dependency @nextui-org/react to v1.0.0-beta.9-dbg2#2
renovate[bot] wants to merge 1 commit intomainfrom
renovate/nextui-org-react-1.x-lockfile

Conversation

@renovate
Copy link

@renovate renovate bot commented Jan 26, 2024

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.9-dbg2 age adoption passing confidence

Release Notes

nextui-org/nextui (@​nextui-org/react)

v1.0.0-beta.9-dbg2

Compare Source

v1.0.0-beta.9-dbg1

Compare Source

v1.0.0-beta.11-dbg1

Compare Source

v1.0.0-beta.13

Compare Source

v1.0.0-beta.12

Compare Source

What's Changed

🐛 Fixes

Closes #​649 PR: #​965 (Dropdown trigger issue on mobile 🚨)
Closes #​969 PR: #​965 (Dropdown trigger issue on mobile 🚨)
Closes #​920 PR: #​923
Closes #​958 PR: #​961

🚀 Features

PR: #​934 Focus indicator added to shadow buttons

⚙️ Refactors

PR: #​966

New Contributors

Full Changelog: heroui-inc/heroui@v1.0.0-beta.11...v1.0.0-beta.12

v1.0.0-beta.11

Compare Source

What's Changed

🐛 Fixes

⚙️ Refactors

📚 Docs

📦 Repo

New Contributors

Full Changelog: heroui-inc/heroui@v1.0.0-beta.10...v1.0.0-beta.11

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: heroui-inc/heroui@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, check this box

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

@renovate
Copy link
Author

renovate bot commented Jan 26, 2024

⚠ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

  • any of the package files in this branch needs updating, or
  • the branch becomes conflicted, or
  • you click the rebase/retry checkbox if found above, or
  • you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: anime_news_v2@0.1.0
npm ERR! Found: react@18.1.0
npm ERR! node_modules/react
npm ERR!   react@"18.1.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.12.0" from react-flexible-sliding-menu@0.1.9
npm ERR! node_modules/react-flexible-sliding-menu
npm ERR!   react-flexible-sliding-menu@"^0.1.9" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /tmp/renovate/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/renovate/cache/others/npm/_logs/2024-01-26T03_45_15_879Z-debug-0.log

@vercel
Copy link

vercel bot commented Jan 26, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
movie-libraryv2 ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 26, 2024 3:50am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

0 participants