mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
git cache cleared
This commit is contained in:
Junior Garcia
parent
f641c12bed
commit
282ba1757e
@ -14,6 +14,7 @@ coverage
|
||||
.next
|
||||
build
|
||||
!.storybook
|
||||
/**/.storybook/**
|
||||
!.commitlintrc.cjs
|
||||
!.lintstagedrc.cjs
|
||||
!jest.config.js
|
||||
|
||||
2
.gitignore
vendored
2
.gitignore
vendored
@ -20,7 +20,7 @@ types
|
||||
/build
|
||||
dist/
|
||||
storybook-static
|
||||
|
||||
/packages/components/storybook/public/tailwind.css
|
||||
# misc
|
||||
.DS_Store
|
||||
.env
|
||||
|
||||
@ -1,38 +0,0 @@
|
||||
const path = require("path");
|
||||
const fs = require("fs");
|
||||
|
||||
// [Workaround] This logic means `"../packages/components/*/stories/*.stories.tsx"` but it's much faster.
|
||||
function getStories(pkg) {
|
||||
const scope = pkg ? [pkg] : fs.readdirSync("packages/components");
|
||||
|
||||
return scope
|
||||
.map((package) => `packages/components/${package}/stories`)
|
||||
.filter((storyDir) => fs.existsSync(storyDir))
|
||||
.map((storyDir) => `../${storyDir}/*.stories.tsx`);
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
core: {
|
||||
builder: "webpack5",
|
||||
disableTelemetry: true,
|
||||
},
|
||||
addons: [
|
||||
"storybook-dark-mode",
|
||||
"@storybook/addon-a11y",
|
||||
"@storybook/addon-essentials",
|
||||
"@storybook/addon-storysource",
|
||||
],
|
||||
stories: getStories(),
|
||||
webpackFinal: async (config) => {
|
||||
config.resolve.alias = {
|
||||
...config.resolve.alias,
|
||||
"@nextui-org/react": path.resolve(__dirname, "../packages/core/react/src"),
|
||||
};
|
||||
config.resolve.extensions.push(".ts", ".tsx");
|
||||
|
||||
return config;
|
||||
},
|
||||
typescript: {
|
||||
reactDocgen: false,
|
||||
},
|
||||
};
|
||||
@ -1,7 +0,0 @@
|
||||
import {addons} from "@storybook/addons";
|
||||
|
||||
import theme from "./theme";
|
||||
|
||||
addons.setConfig({
|
||||
theme: theme,
|
||||
});
|
||||
@ -1,126 +0,0 @@
|
||||
import React from "react";
|
||||
import {themes} from "@storybook/theming";
|
||||
import {useDarkMode} from "storybook-dark-mode";
|
||||
import {DocsContainer} from "@storybook/addon-docs";
|
||||
import {createTheme, NextUIProvider, styled} from "@nextui-org/react";
|
||||
|
||||
const lightTheme = createTheme({
|
||||
type: "light",
|
||||
className: "light-theme",
|
||||
});
|
||||
|
||||
const darkTheme = createTheme({
|
||||
type: "dark",
|
||||
className: "dark-theme",
|
||||
});
|
||||
|
||||
const Box = styled("div", {
|
||||
size: "100%",
|
||||
color: "$text",
|
||||
bg: "$background",
|
||||
variants: {
|
||||
mode: {
|
||||
docs: {
|
||||
".sbdocs": {
|
||||
bg: "$accents0",
|
||||
},
|
||||
".sbdocs-title, .sbdocs-h2, .sbdocs-h3": {
|
||||
color: "$text",
|
||||
},
|
||||
".docblock-emptyblock": {
|
||||
border: "none",
|
||||
color: "$text",
|
||||
bg: "$accents1",
|
||||
borderRadius: "$xs",
|
||||
},
|
||||
".os-host-foreign": {
|
||||
bg: "$accents1",
|
||||
},
|
||||
".sbdocs-preview": {
|
||||
boxShadow: "$sm",
|
||||
borderRadius: "$xs",
|
||||
},
|
||||
"div.docs-story": {
|
||||
bg: "none !important",
|
||||
"div:has(button.docblock-code-toggle)": {
|
||||
us: "none",
|
||||
bg: "$accents1",
|
||||
overflow: "hidden",
|
||||
borderTopLeftRadius: "$xs",
|
||||
},
|
||||
},
|
||||
},
|
||||
canvas: {
|
||||
display: "flex",
|
||||
flexFlow: "row wrap",
|
||||
alignItems: "center",
|
||||
justifyContent: "flex-start",
|
||||
padding: "$md $lg",
|
||||
},
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
mode: "canvas",
|
||||
},
|
||||
});
|
||||
|
||||
const DocsContainerTheme = (props) => {
|
||||
return (
|
||||
<NextUIProvider theme={useDarkMode() ? darkTheme : lightTheme}>
|
||||
<Box mode="docs">
|
||||
<DocsContainer {...props} />
|
||||
</Box>
|
||||
</NextUIProvider>
|
||||
);
|
||||
};
|
||||
|
||||
export const decorators = [
|
||||
(Story) => (
|
||||
<NextUIProvider theme={useDarkMode() ? darkTheme : lightTheme}>
|
||||
<Box>
|
||||
<Story />
|
||||
</Box>
|
||||
</NextUIProvider>
|
||||
),
|
||||
];
|
||||
|
||||
export const parameters = {
|
||||
layout: "fullscreen",
|
||||
actions: {argTypesRegex: "^on[A-Z].*"},
|
||||
darkMode: {
|
||||
stylePreview: true,
|
||||
darkClass: darkTheme.className,
|
||||
lightClass: lightTheme.className,
|
||||
light: {
|
||||
...themes.normal,
|
||||
appBg: "#F1F3F5",
|
||||
barBg: "#ECEEF0",
|
||||
background: "#F1F3F5",
|
||||
appContentBg: "#F1F3F5",
|
||||
appBorderRadius: 7,
|
||||
},
|
||||
dark: {
|
||||
...themes.dark,
|
||||
appBg: "#16181A",
|
||||
barBg: "#26292B",
|
||||
background: "#16181A",
|
||||
appContentBg: "#16181A",
|
||||
appBorderRadius: 7,
|
||||
},
|
||||
},
|
||||
backgrounds: {
|
||||
disable: true,
|
||||
grid: {
|
||||
disable: true,
|
||||
},
|
||||
},
|
||||
controls: {
|
||||
matchers: {
|
||||
color: /(background|color)$/i,
|
||||
date: /Date$/,
|
||||
},
|
||||
},
|
||||
docs: {
|
||||
container: (props) => <DocsContainerTheme {...props} />,
|
||||
},
|
||||
};
|
||||
@ -1,8 +0,0 @@
|
||||
import {create} from "@storybook/theming";
|
||||
|
||||
export default create({
|
||||
base: "light",
|
||||
brandTitle: "NextUI",
|
||||
brandUrl: "https://nextui.org",
|
||||
// brandImage: 'https://nextui.org/logotipo.svg',
|
||||
});
|
||||
@ -9,7 +9,7 @@
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nextui-org/react": "1.0.0-beta.11",
|
||||
"@nextui-org/react": "2.0.0-beta.1",
|
||||
"next": "11.0.0",
|
||||
"react": "17.0.2",
|
||||
"react-dom": "17.0.2"
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@nextui-org/react": "1.0.0-beta.11",
|
||||
"@nextui-org/react": "2.0.0-beta.1",
|
||||
"@testing-library/jest-dom": "^5.11.4",
|
||||
"@testing-library/react": "^11.1.0",
|
||||
"@testing-library/user-event": "^12.1.10",
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nextui-org/react": "1.0.0-beta.11",
|
||||
"@nextui-org/react": "2.0.0-beta.1",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2"
|
||||
},
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@nextui-org/react": "^1.0.0-beta.11",
|
||||
"@nextui-org/react": "^2.0.0-beta.1",
|
||||
"@testing-library/jest-dom": "^5.16.4",
|
||||
"@testing-library/react": "^13.1.1",
|
||||
"@testing-library/user-event": "^13.5.0",
|
||||
|
||||
16
package.json
16
package.json
@ -20,10 +20,9 @@
|
||||
"start:docs": "turbo start --filter=@nextui-org/docs",
|
||||
"deploy:docs": "pnpm --filter @nextui-org/docs deploy",
|
||||
"deploy:stage-docs": "pnpm --filter @nextui-org/docs deploy:stage",
|
||||
"sb": "pnpm dev:sb",
|
||||
"dev:sb": "start-storybook -p 6006",
|
||||
"build:sb": "pnpm build-storybook",
|
||||
"start:sb": "pnpx serve storybook-static",
|
||||
"sb": "pnpm --filter @nextui-org/storybook watch:storybook",
|
||||
"build:sb": "pnpm --filter @nextui-org/storybook build:storybook",
|
||||
"start:sb": "pnpx serve --filter @nextui-org/storybook start:storybook",
|
||||
"test": "jest --verbose",
|
||||
"typecheck": "turbo typecheck",
|
||||
"lint": "eslint -c .eslintrc.json ./packages/**/**/*.{ts,tsx}",
|
||||
@ -60,14 +59,6 @@
|
||||
"@react-bootstrap/babel-preset": "^2.1.0",
|
||||
"@react-types/link": "^3.3.3",
|
||||
"@react-types/shared": "^3.15.0",
|
||||
"@storybook/addon-a11y": "^6.5.13",
|
||||
"@storybook/addon-actions": "^6.5.13",
|
||||
"@storybook/addon-essentials": "^6.5.13",
|
||||
"@storybook/addon-links": "^6.5.13",
|
||||
"@storybook/addon-storysource": "^6.5.13",
|
||||
"@storybook/builder-webpack5": "^6.5.13",
|
||||
"@storybook/manager-webpack5": "^6.5.13",
|
||||
"@storybook/react": "^6.5.13",
|
||||
"@swc-node/jest": "^1.5.2",
|
||||
"@swc/core": "^1.2.177",
|
||||
"@testing-library/dom": "^8.1.0",
|
||||
@ -126,7 +117,6 @@
|
||||
"react-dom": "17.0.2",
|
||||
"rimraf": "^3.0.2",
|
||||
"shelljs": "^0.8.4",
|
||||
"storybook-dark-mode": "^1.1.0",
|
||||
"tsup": "6.4.0",
|
||||
"turbo": "1.6.3",
|
||||
"typescript": "4.6.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/avatar",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
|
||||
"keywords": [
|
||||
"avatar"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/badge",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Badges are used as a small numerical value or status descriptor for UI elements.",
|
||||
"keywords": [
|
||||
"badge"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/button",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Buttons allow users to perform actions and choose with a single tap.",
|
||||
"keywords": [
|
||||
"button"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/card",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
|
||||
"keywords": [
|
||||
"card"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/checkbox",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
|
||||
"keywords": [
|
||||
"checkbox"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/code",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Code is a component used to display inline code.",
|
||||
"keywords": [
|
||||
"code"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/col",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The column component is part of the NextUI's Grid system that uses a series of containers, rows and columns",
|
||||
"keywords": [
|
||||
"col"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/collapse",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
|
||||
"keywords": [
|
||||
"collapse"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/container",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "A component for fixing an element's width to the current breakpoint.",
|
||||
"keywords": [
|
||||
"container"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/divider",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Dividers are used to visually separate content in a list or group.",
|
||||
"keywords": [
|
||||
"divider"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/drip",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
|
||||
"keywords": [
|
||||
"drip"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/grid",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The layout Grid adapts to screen size and orientation, ensuring consistency across layouts.",
|
||||
"keywords": [
|
||||
"grid"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/image",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The Image component is used to display images with support for fallback.",
|
||||
"keywords": [
|
||||
"image"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/link",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>",
|
||||
"keywords": [
|
||||
"link"
|
||||
@ -42,6 +42,7 @@
|
||||
"@nextui-org/shared-utils": "workspace:*",
|
||||
"@nextui-org/system": "workspace:*",
|
||||
"@nextui-org/use-is-mounted": "workspace:*",
|
||||
"@nextui-org/theme": "workspace:*",
|
||||
"@react-aria/link": "^3.3.4",
|
||||
"@react-aria/utils": "^3.14.0",
|
||||
"@react-aria/focus": "^3.9.0"
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
import React from "react";
|
||||
import {useLink as useAriaLink} from "@react-aria/link";
|
||||
import {mergeProps} from "@react-aria/utils";
|
||||
import {forwardRef} from "@nextui-org/system";
|
||||
import {useDOMRef} from "@nextui-org/dom-utils";
|
||||
import {clsx, __DEV__} from "@nextui-org/shared-utils";
|
||||
import {link} from "@nextui-org/theme";
|
||||
|
||||
import {StyledLink} from "./link.styles";
|
||||
import {UseLinkProps, useLink} from "./use-link";
|
||||
@ -18,21 +20,23 @@ const Link = forwardRef<LinkProps, "a">((props, ref) => {
|
||||
|
||||
const {linkProps} = useAriaLink({...otherProps, elementType: `${as}`}, domRef);
|
||||
|
||||
console.log(link());
|
||||
|
||||
return (
|
||||
<StyledLink
|
||||
<a
|
||||
ref={domRef}
|
||||
className={clsx("nextui-link", className)}
|
||||
css={{
|
||||
...linkCss,
|
||||
...css,
|
||||
}}
|
||||
className="font-semibold text-blue-500 hover:underline focus:underline active:underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 focus:ring-offset-2 focus:ring-offset-blue-50"
|
||||
// css={{
|
||||
// ...linkCss,
|
||||
// ...css,
|
||||
// }}
|
||||
{...mergeProps(linkProps, focusProps, otherProps)}
|
||||
>
|
||||
<>
|
||||
{children}
|
||||
{isExternal && <LinkIcon />}
|
||||
</>
|
||||
</StyledLink>
|
||||
</a>
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/loading",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Loaders express an unspecified wait time or display the length of a process.",
|
||||
"keywords": [
|
||||
"loading"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/pagination",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The Pagination component allows you to display active page and navigate between multiple pages.",
|
||||
"keywords": [
|
||||
"pagination"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/radio",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Radios allow users to select a single option from a list of mutually exclusive options.",
|
||||
"keywords": [
|
||||
"radio"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/row",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The row component is part of the NextUI's Grid system that uses a series of containers, rows and columns",
|
||||
"keywords": [
|
||||
"row"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/snippet",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Display a snippet of copyable code for the command line.",
|
||||
"keywords": [
|
||||
"snippet"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spacer",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The Spacer component provides a vertically or horizontally empty space",
|
||||
"keywords": [
|
||||
"spacer"
|
||||
|
||||
@ -1,14 +0,0 @@
|
||||
const fs = require("fs");
|
||||
|
||||
function getStories(pkg) {
|
||||
const scope = pkg ? [pkg] : fs.readdirSync("../../../components");
|
||||
|
||||
const map = scope
|
||||
.map((package) => `../../../components/${package}/stories`)
|
||||
.filter((storyDir) => fs.existsSync(storyDir))
|
||||
.map((storyDir) => `../${storyDir}/*.stories.tsx`);
|
||||
|
||||
console.log(map);
|
||||
}
|
||||
|
||||
getStories();
|
||||
@ -1,535 +0,0 @@
|
||||
/*
|
||||
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
|
||||
*/
|
||||
|
||||
/*
|
||||
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
||||
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
||||
*/
|
||||
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
border-width: 0;
|
||||
/* 2 */
|
||||
border-style: solid;
|
||||
/* 2 */
|
||||
border-color: #e5e7eb;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
::before,
|
||||
::after {
|
||||
--tw-content: '';
|
||||
}
|
||||
|
||||
/*
|
||||
1. Use a consistent sensible line-height in all browsers.
|
||||
2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
3. Use a more readable tab size.
|
||||
4. Use the user's configured `sans` font-family by default.
|
||||
5. Use the user's configured `sans` font-feature-settings by default.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.5;
|
||||
/* 1 */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* 2 */
|
||||
-moz-tab-size: 4;
|
||||
/* 3 */
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
/* 3 */
|
||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
/* 4 */
|
||||
font-feature-settings: normal;
|
||||
/* 5 */
|
||||
}
|
||||
|
||||
/*
|
||||
1. Remove the margin in all browsers.
|
||||
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
/* 1 */
|
||||
line-height: inherit;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
1. Add the correct height in Firefox.
|
||||
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
||||
3. Ensure horizontal rules are visible by default.
|
||||
*/
|
||||
|
||||
hr {
|
||||
height: 0;
|
||||
/* 1 */
|
||||
color: inherit;
|
||||
/* 2 */
|
||||
border-top-width: 1px;
|
||||
/* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct text decoration in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
abbr:where([title]) {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the default font size and weight for headings.
|
||||
*/
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
Reset links to optimize for opt-in styling instead of opt-out.
|
||||
*/
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct font weight in Edge and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Use the user's configured `mono` font family by default.
|
||||
2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp,
|
||||
pre {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/*
|
||||
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
||||
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
||||
3. Remove gaps between table borders by default.
|
||||
*/
|
||||
|
||||
table {
|
||||
text-indent: 0;
|
||||
/* 1 */
|
||||
border-color: inherit;
|
||||
/* 2 */
|
||||
border-collapse: collapse;
|
||||
/* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
1. Change the font styles in all browsers.
|
||||
2. Remove the margin in Firefox and Safari.
|
||||
3. Remove default padding in all browsers.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
/* 1 */
|
||||
font-size: 100%;
|
||||
/* 1 */
|
||||
font-weight: inherit;
|
||||
/* 1 */
|
||||
line-height: inherit;
|
||||
/* 1 */
|
||||
color: inherit;
|
||||
/* 1 */
|
||||
margin: 0;
|
||||
/* 2 */
|
||||
padding: 0;
|
||||
/* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the inheritance of text transform in Edge and Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Correct the inability to style clickable types in iOS and Safari.
|
||||
2. Remove default button styles.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type='button'],
|
||||
[type='reset'],
|
||||
[type='submit'] {
|
||||
-webkit-appearance: button;
|
||||
/* 1 */
|
||||
background-color: transparent;
|
||||
/* 2 */
|
||||
background-image: none;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Use the modern Firefox focus style for all focusable elements.
|
||||
*/
|
||||
|
||||
:-moz-focusring {
|
||||
outline: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
||||
*/
|
||||
|
||||
:-moz-ui-invalid {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct vertical alignment in Chrome and Firefox.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/*
|
||||
Correct the cursor style of increment and decrement buttons in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-inner-spin-button,
|
||||
::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Correct the odd appearance in Chrome and Safari.
|
||||
2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type='search'] {
|
||||
-webkit-appearance: textfield;
|
||||
/* 1 */
|
||||
outline-offset: -2px;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Correct the inability to style clickable types in iOS and Safari.
|
||||
2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
/* 1 */
|
||||
font: inherit;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct display in Chrome and Safari.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/*
|
||||
Removes the default spacing and border for appropriate elements.
|
||||
*/
|
||||
|
||||
blockquote,
|
||||
dl,
|
||||
dd,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
hr,
|
||||
figure,
|
||||
p,
|
||||
pre {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
Prevent resizing textareas horizontally by default.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
||||
2. Set the default placeholder color to the user's configured gray 400 color.
|
||||
*/
|
||||
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
opacity: 1;
|
||||
/* 1 */
|
||||
color: #9ca3af;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
opacity: 1;
|
||||
/* 1 */
|
||||
color: #9ca3af;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Set the default cursor for buttons.
|
||||
*/
|
||||
|
||||
button,
|
||||
[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*
|
||||
Make sure disabled buttons don't get the pointer cursor.
|
||||
*/
|
||||
|
||||
:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
||||
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
||||
This can trigger a poorly considered lint error in some tools but is included by design.
|
||||
*/
|
||||
|
||||
img,
|
||||
svg,
|
||||
video,
|
||||
canvas,
|
||||
audio,
|
||||
iframe,
|
||||
embed,
|
||||
object {
|
||||
display: block;
|
||||
/* 1 */
|
||||
vertical-align: middle;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
||||
*/
|
||||
|
||||
img,
|
||||
video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Make elements with the HTML hidden attribute stay hidden by default */
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
*, ::before, ::after {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
--tw-skew-x: 0;
|
||||
--tw-skew-y: 0;
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-pan-x: ;
|
||||
--tw-pan-y: ;
|
||||
--tw-pinch-zoom: ;
|
||||
--tw-scroll-snap-strictness: proximity;
|
||||
--tw-ordinal: ;
|
||||
--tw-slashed-zero: ;
|
||||
--tw-numeric-figure: ;
|
||||
--tw-numeric-spacing: ;
|
||||
--tw-numeric-fraction: ;
|
||||
--tw-ring-inset: ;
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgb(59 130 246 / 0.5);
|
||||
--tw-ring-offset-shadow: 0 0 #0000;
|
||||
--tw-ring-shadow: 0 0 #0000;
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
--tw-blur: ;
|
||||
--tw-brightness: ;
|
||||
--tw-contrast: ;
|
||||
--tw-grayscale: ;
|
||||
--tw-hue-rotate: ;
|
||||
--tw-invert: ;
|
||||
--tw-saturate: ;
|
||||
--tw-sepia: ;
|
||||
--tw-drop-shadow: ;
|
||||
--tw-backdrop-blur: ;
|
||||
--tw-backdrop-brightness: ;
|
||||
--tw-backdrop-contrast: ;
|
||||
--tw-backdrop-grayscale: ;
|
||||
--tw-backdrop-hue-rotate: ;
|
||||
--tw-backdrop-invert: ;
|
||||
--tw-backdrop-opacity: ;
|
||||
--tw-backdrop-saturate: ;
|
||||
--tw-backdrop-sepia: ;
|
||||
}
|
||||
|
||||
::backdrop {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
--tw-skew-x: 0;
|
||||
--tw-skew-y: 0;
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-pan-x: ;
|
||||
--tw-pan-y: ;
|
||||
--tw-pinch-zoom: ;
|
||||
--tw-scroll-snap-strictness: proximity;
|
||||
--tw-ordinal: ;
|
||||
--tw-slashed-zero: ;
|
||||
--tw-numeric-figure: ;
|
||||
--tw-numeric-spacing: ;
|
||||
--tw-numeric-fraction: ;
|
||||
--tw-ring-inset: ;
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgb(59 130 246 / 0.5);
|
||||
--tw-ring-offset-shadow: 0 0 #0000;
|
||||
--tw-ring-shadow: 0 0 #0000;
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
--tw-blur: ;
|
||||
--tw-brightness: ;
|
||||
--tw-contrast: ;
|
||||
--tw-grayscale: ;
|
||||
--tw-hue-rotate: ;
|
||||
--tw-invert: ;
|
||||
--tw-saturate: ;
|
||||
--tw-sepia: ;
|
||||
--tw-drop-shadow: ;
|
||||
--tw-backdrop-blur: ;
|
||||
--tw-backdrop-brightness: ;
|
||||
--tw-backdrop-contrast: ;
|
||||
--tw-backdrop-grayscale: ;
|
||||
--tw-backdrop-hue-rotate: ;
|
||||
--tw-backdrop-invert: ;
|
||||
--tw-backdrop-opacity: ;
|
||||
--tw-backdrop-saturate: ;
|
||||
--tw-backdrop-sepia: ;
|
||||
}
|
||||
|
||||
html[data-mode="dark"] {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/text",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Text component is the used to render text and paragraphs within an interface using well-defined typographic styles. It renders a <p> tag by default.",
|
||||
"keywords": [
|
||||
"text"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/user",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Flexible User Profile Component.",
|
||||
"keywords": [
|
||||
"user"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/react",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "🚀 Beautiful and modern React UI library.",
|
||||
"author": "Junior Garcia <jrgarciadev@gmail.com>",
|
||||
"homepage": "https://nextui.org",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/system",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "NextUI system primitives",
|
||||
"keywords": [
|
||||
"system"
|
||||
|
||||
24
packages/core/theme/README.md
Normal file
24
packages/core/theme/README.md
Normal file
@ -0,0 +1,24 @@
|
||||
# @nextui-org/theme
|
||||
|
||||
A Quick description of the component
|
||||
|
||||
> This is an internal utility, not intended for public usage.
|
||||
|
||||
## Installation
|
||||
|
||||
```sh
|
||||
yarn add @nextui-org/theme
|
||||
# or
|
||||
npm i @nextui-org/theme
|
||||
```
|
||||
|
||||
## Contribution
|
||||
|
||||
Yes please! See the
|
||||
[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
|
||||
for details.
|
||||
|
||||
## Licence
|
||||
|
||||
This project is licensed under the terms of the
|
||||
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
|
||||
11
packages/core/theme/clean-package.config.json
Normal file
11
packages/core/theme/clean-package.config.json
Normal file
@ -0,0 +1,11 @@
|
||||
{
|
||||
"replace": {
|
||||
"main": "dist/index.cjs.js",
|
||||
"module": "dist/index.esm.js",
|
||||
"types": "dist/index.d.ts",
|
||||
"exports": {
|
||||
".": {"import": "./dist/index.esm.js", "require": "./dist/index.cjs.js"},
|
||||
"./package.json": "./package.json"
|
||||
}
|
||||
}
|
||||
}
|
||||
48
packages/core/theme/package.json
Normal file
48
packages/core/theme/package.json
Normal file
@ -0,0 +1,48 @@
|
||||
{
|
||||
"name": "@nextui-org/theme",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "The default theme for NextUI components",
|
||||
"keywords": [
|
||||
"theme",
|
||||
"theming",
|
||||
"design",
|
||||
"ui",
|
||||
"components",
|
||||
"styles",
|
||||
"css"
|
||||
],
|
||||
"author": "Junior Garcia <jrgarciadev@gmail.com>",
|
||||
"homepage": "https://nextui.org",
|
||||
"license": "MIT",
|
||||
"main": "src/index.ts",
|
||||
"sideEffects": false,
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/nextui-org/nextui.git",
|
||||
"directory": "packages/core/theme"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/nextui-org/nextui/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "tsup src/index.ts --format=esm,cjs --dts",
|
||||
"dev": "yarn build:fast -- --watch",
|
||||
"clean": "rimraf dist .turbo",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build:fast": "tsup src/index.ts --format=esm,cjs",
|
||||
"prepack": "clean-package",
|
||||
"postpack": "clean-package restore"
|
||||
},
|
||||
"devDependencies": {
|
||||
"clean-package": "2.1.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"class-variance-authority": "0.4.0"
|
||||
}
|
||||
}
|
||||
1
packages/core/theme/src/components/index.ts
Normal file
1
packages/core/theme/src/components/index.ts
Normal file
@ -0,0 +1 @@
|
||||
export * from "./link";
|
||||
17
packages/core/theme/src/components/link/index.ts
Normal file
17
packages/core/theme/src/components/link/index.ts
Normal file
@ -0,0 +1,17 @@
|
||||
import {styled, type VariantProps} from "../../utils";
|
||||
|
||||
export const link = styled([
|
||||
"font-semibold",
|
||||
"text-blue-500",
|
||||
"hover:underline",
|
||||
"focus:underline",
|
||||
"active:underline",
|
||||
"focus:outline-none",
|
||||
"focus:ring-2",
|
||||
"focus:ring-blue-500",
|
||||
"focus:ring-opacity-50",
|
||||
"focus:ring-offset-2",
|
||||
"focus:ring-offset-blue-50",
|
||||
]);
|
||||
|
||||
export type StyledLinkProps = VariantProps<typeof link>;
|
||||
2
packages/core/theme/src/index.ts
Normal file
2
packages/core/theme/src/index.ts
Normal file
@ -0,0 +1,2 @@
|
||||
export * from "./components";
|
||||
export * from "./utils";
|
||||
3
packages/core/theme/src/utils/cva.ts
Normal file
3
packages/core/theme/src/utils/cva.ts
Normal file
@ -0,0 +1,3 @@
|
||||
export {cva, cx} from "class-variance-authority";
|
||||
export {cva as styled} from "class-variance-authority";
|
||||
export type {VariantProps} from "class-variance-authority";
|
||||
1
packages/core/theme/src/utils/index.ts
Normal file
1
packages/core/theme/src/utils/index.ts
Normal file
@ -0,0 +1 @@
|
||||
export * from "./cva";
|
||||
4
packages/core/theme/tsconfig.json
Normal file
4
packages/core/theme/tsconfig.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"extends": "../../../tsconfig.json",
|
||||
"include": ["src", "index.ts"]
|
||||
}
|
||||
13
packages/core/theme/tsup.config.ts
Normal file
13
packages/core/theme/tsup.config.ts
Normal file
@ -0,0 +1,13 @@
|
||||
import {defineConfig} from "tsup";
|
||||
import {findUpSync} from "find-up";
|
||||
|
||||
export default defineConfig({
|
||||
clean: true,
|
||||
minify: false,
|
||||
treeshake: true,
|
||||
format: ["cjs", "esm"],
|
||||
outExtension(ctx) {
|
||||
return {js: `.${ctx.format}.js`};
|
||||
},
|
||||
inject: process.env.JSX ? [findUpSync("react-shim.js")!] : undefined,
|
||||
});
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-clipboard",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Wrapper around navigator.clipboard with feedback timeout",
|
||||
"keywords": [
|
||||
"use-clipboard"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-is-mounted",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "This hook can be used to render client-based components or run client logic",
|
||||
"keywords": [
|
||||
"use-is-mounted"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-pagination",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "State management hook for Pagination component, it lets you manage pagination with controlled and uncontrolled state",
|
||||
"keywords": [
|
||||
"use-pagination"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-real-shape",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Hook that returns the real dimensions of an element",
|
||||
"keywords": [
|
||||
"use-real-shape"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-ref-state",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Hook for saving the state in a ref value",
|
||||
"keywords": [
|
||||
"use-ref-state"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-resize",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Hook that adds an event listener to the resize window event",
|
||||
"keywords": [
|
||||
"use-resize"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-ssr",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"use-ssr"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/aria-utils",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "A package for managing @react-aria nextui utils.",
|
||||
"keywords": [
|
||||
"aria-utils"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/dom-utils",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "NextUI DOM Utilities",
|
||||
"keywords": [
|
||||
"dom-utils"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/react-utils",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "A package for sharing react components and utilities",
|
||||
"keywords": [
|
||||
"react-utils"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/shared-css",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "NextUI package for Stitches CSS Utilities",
|
||||
"keywords": [
|
||||
"shared-css"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/shared-icons",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "Internal icons set, commonly used in the components stories",
|
||||
"keywords": [
|
||||
"icons-utils"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/shared-utils",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "NextUI system primitives",
|
||||
"keywords": [
|
||||
"system"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/{{componentName}}",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "{{description}}",
|
||||
"keywords": [
|
||||
"{{componentName}}"
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
import React from "react";
|
||||
import {forwardRef} from "@nextui-org/system";
|
||||
import {useDOMRef} from "@nextui-org/dom-utils";
|
||||
import {clsx, __DEV__} from "@nextui-org/shared-utils";
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/{{hookName}}",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "{{description}}",
|
||||
"keywords": [
|
||||
"{{hookName}}"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/{{packageName}}",
|
||||
"version": "1.0.0-beta.11",
|
||||
"version": "2.0.0-beta.1",
|
||||
"description": "{{description}}",
|
||||
"keywords": [
|
||||
"{{packageName}}"
|
||||
|
||||
7880
pnpm-lock.yaml
generated
7880
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user