archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

git cache cleared

Browse Source
This commit is contained in:
Junior Garcia 2023-01-07 21:52:46 -03:00
parent f641c12bed
commit 282ba1757e
66 changed files with 4196 additions and 4663 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.eslintignore
View File

@ -14,6 +14,7 @@ coverage
.next .next
build build
!.storybook !.storybook
/**/.storybook/**
!.commitlintrc.cjs !.commitlintrc.cjs
!.lintstagedrc.cjs !.lintstagedrc.cjs
!jest.config.js !jest.config.js

2
.gitignore vendored
View File

@ -20,7 +20,7 @@ types
/build /build
dist/ dist/
storybook-static storybook-static
/packages/components/storybook/public/tailwind.css
# misc # misc
.DS_Store .DS_Store
.env .env

38
.storybook/main.js
View File

@ -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,
},
};

7
.storybook/manager.js
View File

@ -1,7 +0,0 @@
import {addons} from "@storybook/addons";
import theme from "./theme";
addons.setConfig({
theme: theme,
});

126
.storybook/preview.js
View File

@ -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} />,
},
};

8
.storybook/theme.js
View File

@ -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',
});

2
examples/create-next-app/package.json
View File

@ -9,7 +9,7 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"@nextui-org/react": "1.0.0-beta.11", "@nextui-org/react": "2.0.0-beta.1",
"next": "11.0.0", "next": "11.0.0",
"react": "17.0.2", "react": "17.0.2",
"react-dom": "17.0.2" "react-dom": "17.0.2"

2
examples/create-react-app/package.json
View File

@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "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/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0", "@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10", "@testing-library/user-event": "^12.1.10",

2
examples/vite-react-typescript/package.json
View File

@ -8,7 +8,7 @@
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"@nextui-org/react": "1.0.0-beta.11", "@nextui-org/react": "2.0.0-beta.1",
"react": "^17.0.2", "react": "^17.0.2",
"react-dom": "^17.0.2" "react-dom": "^17.0.2"
}, },

2
examples/with-tailwindcss/package.json
View File

@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "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/jest-dom": "^5.16.4",
"@testing-library/react": "^13.1.1", "@testing-library/react": "^13.1.1",
"@testing-library/user-event": "^13.5.0", "@testing-library/user-event": "^13.5.0",

16
package.json
View File

@ -20,10 +20,9 @@
"start:docs": "turbo start --filter=@nextui-org/docs", "start:docs": "turbo start --filter=@nextui-org/docs",
"deploy:docs": "pnpm --filter @nextui-org/docs deploy", "deploy:docs": "pnpm --filter @nextui-org/docs deploy",
"deploy:stage-docs": "pnpm --filter @nextui-org/docs deploy:stage", "deploy:stage-docs": "pnpm --filter @nextui-org/docs deploy:stage",
"sb": "pnpm dev:sb", "sb": "pnpm --filter @nextui-org/storybook watch:storybook",
"dev:sb": "start-storybook -p 6006", "build:sb": "pnpm --filter @nextui-org/storybook build:storybook",
"build:sb": "pnpm build-storybook", "start:sb": "pnpx serve --filter @nextui-org/storybook start:storybook",
"start:sb": "pnpx serve storybook-static",
"test": "jest --verbose", "test": "jest --verbose",
"typecheck": "turbo typecheck", "typecheck": "turbo typecheck",
"lint": "eslint -c .eslintrc.json ./packages/**/**/*.{ts,tsx}", "lint": "eslint -c .eslintrc.json ./packages/**/**/*.{ts,tsx}",
@ -60,14 +59,6 @@
"@react-bootstrap/babel-preset": "^2.1.0", "@react-bootstrap/babel-preset": "^2.1.0",
"@react-types/link": "^3.3.3", "@react-types/link": "^3.3.3",
"@react-types/shared": "^3.15.0", "@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-node/jest": "^1.5.2",
"@swc/core": "^1.2.177", "@swc/core": "^1.2.177",
"@testing-library/dom": "^8.1.0", "@testing-library/dom": "^8.1.0",
@ -126,7 +117,6 @@
"react-dom": "17.0.2", "react-dom": "17.0.2",
"rimraf": "^3.0.2", "rimraf": "^3.0.2",
"shelljs": "^0.8.4", "shelljs": "^0.8.4",
"storybook-dark-mode": "^1.1.0",
"tsup": "6.4.0", "tsup": "6.4.0",
"turbo": "1.6.3", "turbo": "1.6.3",
"typescript": "4.6.2", "typescript": "4.6.2",

2
packages/components/avatar/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/avatar", "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.", "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
"keywords": [ "keywords": [
"avatar" "avatar"

2
packages/components/badge/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/badge", "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.", "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
"keywords": [ "keywords": [
"badge" "badge"

2
packages/components/button/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/button", "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.", "description": "Buttons allow users to perform actions and choose with a single tap.",
"keywords": [ "keywords": [
"button" "button"

2
packages/components/card/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/card", "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.", "description": "Card is a container for text, photos, and actions in the context of a single subject.",
"keywords": [ "keywords": [
"card" "card"

2
packages/components/checkbox/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/checkbox", "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.", "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
"keywords": [ "keywords": [
"checkbox" "checkbox"

2
packages/components/code/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/code", "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.", "description": "Code is a component used to display inline code.",
"keywords": [ "keywords": [
"code" "code"

2
packages/components/col/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/col", "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", "description": "The column component is part of the NextUI's Grid system that uses a series of containers, rows and columns",
"keywords": [ "keywords": [
"col" "col"

2
packages/components/collapse/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/collapse", "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.", "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
"keywords": [ "keywords": [
"collapse" "collapse"

2
packages/components/container/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/container", "name": "@nextui-org/container",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "A component for fixing an element&#x27;s width to the current breakpoint.", "description": "A component for fixing an element&#x27;s width to the current breakpoint.",
"keywords": [ "keywords": [
"container" "container"

2
packages/components/divider/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/divider", "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.", "description": "Dividers are used to visually separate content in a list or group.",
"keywords": [ "keywords": [
"divider" "divider"

2
packages/components/drip/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/drip", "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", "description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
"keywords": [ "keywords": [
"drip" "drip"

2
packages/components/grid/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/grid", "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.", "description": "The layout Grid adapts to screen size and orientation, ensuring consistency across layouts.",
"keywords": [ "keywords": [
"grid" "grid"

2
packages/components/image/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/image", "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.", "description": "The Image component is used to display images with support for fallback.",
"keywords": [ "keywords": [
"image" "image"

3
packages/components/link/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/link", "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 &lt;a&gt;", "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;",
"keywords": [ "keywords": [
"link" "link"
@ -42,6 +42,7 @@
"@nextui-org/shared-utils": "workspace:*", "@nextui-org/shared-utils": "workspace:*",
"@nextui-org/system": "workspace:*", "@nextui-org/system": "workspace:*",
"@nextui-org/use-is-mounted": "workspace:*", "@nextui-org/use-is-mounted": "workspace:*",
"@nextui-org/theme": "workspace:*",
"@react-aria/link": "^3.3.4", "@react-aria/link": "^3.3.4",
"@react-aria/utils": "^3.14.0", "@react-aria/utils": "^3.14.0",
"@react-aria/focus": "^3.9.0" "@react-aria/focus": "^3.9.0"

18
packages/components/link/src/link.tsx
View File

@ -1,8 +1,10 @@
import React from "react";
import {useLink as useAriaLink} from "@react-aria/link"; import {useLink as useAriaLink} from "@react-aria/link";
import {mergeProps} from "@react-aria/utils"; import {mergeProps} from "@react-aria/utils";
import {forwardRef} from "@nextui-org/system"; import {forwardRef} from "@nextui-org/system";
import {useDOMRef} from "@nextui-org/dom-utils"; import {useDOMRef} from "@nextui-org/dom-utils";
import {clsx, __DEV__} from "@nextui-org/shared-utils"; import {clsx, __DEV__} from "@nextui-org/shared-utils";
import {link} from "@nextui-org/theme";
import {StyledLink} from "./link.styles"; import {StyledLink} from "./link.styles";
import {UseLinkProps, useLink} from "./use-link"; import {UseLinkProps, useLink} from "./use-link";
@ -18,21 +20,23 @@ const Link = forwardRef<LinkProps, "a">((props, ref) => {
const {linkProps} = useAriaLink({...otherProps, elementType: `${as}`}, domRef); const {linkProps} = useAriaLink({...otherProps, elementType: `${as}`}, domRef);
console.log(link());
return ( return (
<StyledLink <a
ref={domRef} ref={domRef}
className={clsx("nextui-link", className)} 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={{ // css={{
...linkCss, // ...linkCss,
...css, // ...css,
}} // }}
{...mergeProps(linkProps, focusProps, otherProps)} {...mergeProps(linkProps, focusProps, otherProps)}
> >
<> <>
{children} {children}
{isExternal && <LinkIcon />} {isExternal && <LinkIcon />}
</> </>
</StyledLink> </a>
); );
}); });

2
packages/components/loading/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/loading", "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.", "description": "Loaders express an unspecified wait time or display the length of a process.",
"keywords": [ "keywords": [
"loading" "loading"

2
packages/components/pagination/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/pagination", "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.", "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
"keywords": [ "keywords": [
"pagination" "pagination"

2
packages/components/radio/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/radio", "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.", "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
"keywords": [ "keywords": [
"radio" "radio"

2
packages/components/row/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/row", "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&#x27;s Grid system that uses a series of containers, rows and columns", "description": "The row component is part of the NextUI&#x27;s Grid system that uses a series of containers, rows and columns",
"keywords": [ "keywords": [
"row" "row"

2
packages/components/snippet/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/snippet", "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.", "description": "Display a snippet of copyable code for the command line.",
"keywords": [ "keywords": [
"snippet" "snippet"

2
packages/components/spacer/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/spacer", "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", "description": "The Spacer component provides a vertically or horizontally empty space",
"keywords": [ "keywords": [
"spacer" "spacer"

14
packages/components/storybook/.storybook/util.js
View File

@ -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();

535
packages/components/storybook/public/tailwind.css
View File

@ -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;
}

2
packages/components/text/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/text", "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 &lt;p&gt; tag by default.", "description": "Text component is the used to render text and paragraphs within an interface using well-defined typographic styles. It renders a &lt;p&gt; tag by default.",
"keywords": [ "keywords": [
"text" "text"

2
packages/components/user/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/user", "name": "@nextui-org/user",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "Flexible User Profile Component.", "description": "Flexible User Profile Component.",
"keywords": [ "keywords": [
"user" "user"

2
packages/core/react/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/react", "name": "@nextui-org/react",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "🚀 Beautiful and modern React UI library.", "description": "🚀 Beautiful and modern React UI library.",
"author": "Junior Garcia <jrgarciadev@gmail.com>", "author": "Junior Garcia <jrgarciadev@gmail.com>",
"homepage": "https://nextui.org", "homepage": "https://nextui.org",

2
packages/core/system/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/system", "name": "@nextui-org/system",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "NextUI system primitives", "description": "NextUI system primitives",
"keywords": [ "keywords": [
"system" "system"

24
packages/core/theme/README.md Normal file
View 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
View 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
View 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
View File

@ -0,0 +1 @@
export * from "./link";

17
packages/core/theme/src/components/link/index.ts Normal file
View 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
View File

@ -0,0 +1,2 @@
export * from "./components";
export * from "./utils";

3
packages/core/theme/src/utils/cva.ts Normal file
View 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
View File

@ -0,0 +1 @@
export * from "./cva";

4
packages/core/theme/tsconfig.json Normal file
View File

@ -0,0 +1,4 @@
{
"extends": "../../../tsconfig.json",
"include": ["src", "index.ts"]
}

13
packages/core/theme/tsup.config.ts Normal file
View 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,
});

2
packages/hooks/use-clipboard/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-clipboard", "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", "description": "Wrapper around navigator.clipboard with feedback timeout",
"keywords": [ "keywords": [
"use-clipboard" "use-clipboard"

2
packages/hooks/use-is-mounted/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-is-mounted", "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", "description": "This hook can be used to render client-based components or run client logic",
"keywords": [ "keywords": [
"use-is-mounted" "use-is-mounted"

2
packages/hooks/use-pagination/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-pagination", "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", "description": "State management hook for Pagination component, it lets you manage pagination with controlled and uncontrolled state",
"keywords": [ "keywords": [
"use-pagination" "use-pagination"

2
packages/hooks/use-real-shape/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-real-shape", "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", "description": "Hook that returns the real dimensions of an element",
"keywords": [ "keywords": [
"use-real-shape" "use-real-shape"

2
packages/hooks/use-ref-state/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-ref-state", "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", "description": "Hook for saving the state in a ref value",
"keywords": [ "keywords": [
"use-ref-state" "use-ref-state"

2
packages/hooks/use-resize/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-resize", "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", "description": "Hook that adds an event listener to the resize window event",
"keywords": [ "keywords": [
"use-resize" "use-resize"

2
packages/hooks/use-ssr/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-ssr", "name": "@nextui-org/use-ssr",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "", "description": "",
"keywords": [ "keywords": [
"use-ssr" "use-ssr"

2
packages/utilities/aria-utils/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/aria-utils", "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.", "description": "A package for managing @react-aria nextui utils.",
"keywords": [ "keywords": [
"aria-utils" "aria-utils"

2
packages/utilities/dom-utils/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/dom-utils", "name": "@nextui-org/dom-utils",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "NextUI DOM Utilities", "description": "NextUI DOM Utilities",
"keywords": [ "keywords": [
"dom-utils" "dom-utils"

2
packages/utilities/react-utils/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/react-utils", "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", "description": "A package for sharing react components and utilities",
"keywords": [ "keywords": [
"react-utils" "react-utils"

2
packages/utilities/shared-css/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/shared-css", "name": "@nextui-org/shared-css",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "NextUI package for Stitches CSS Utilities", "description": "NextUI package for Stitches CSS Utilities",
"keywords": [ "keywords": [
"shared-css" "shared-css"

2
packages/utilities/shared-icons/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/shared-icons", "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", "description": "Internal icons set, commonly used in the components stories",
"keywords": [ "keywords": [
"icons-utils" "icons-utils"

2
packages/utilities/shared-utils/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/shared-utils", "name": "@nextui-org/shared-utils",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "NextUI system primitives", "description": "NextUI system primitives",
"keywords": [ "keywords": [
"system" "system"

2
plop/component/package.json.hbs
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/{{componentName}}", "name": "@nextui-org/{{componentName}}",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "{{description}}", "description": "{{description}}",
"keywords": [ "keywords": [
"{{componentName}}" "{{componentName}}"

1
plop/component/src/{{componentName}}.tsx.hbs
View File

@ -1,3 +1,4 @@
import React from "react";
import {forwardRef} from "@nextui-org/system"; import {forwardRef} from "@nextui-org/system";
import {useDOMRef} from "@nextui-org/dom-utils"; import {useDOMRef} from "@nextui-org/dom-utils";
import {clsx, __DEV__} from "@nextui-org/shared-utils"; import {clsx, __DEV__} from "@nextui-org/shared-utils";

2
plop/hook/package.json.hbs
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/{{hookName}}", "name": "@nextui-org/{{hookName}}",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "{{description}}", "description": "{{description}}",
"keywords": [ "keywords": [
"{{hookName}}" "{{hookName}}"

2
plop/package/package.json.hbs
View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/{{packageName}}", "name": "@nextui-org/{{packageName}}",
"version": "1.0.0-beta.11", "version": "2.0.0-beta.1",
"description": "{{description}}", "description": "{{description}}",
"keywords": [ "keywords": [
"{{packageName}}" "{{packageName}}"

7880
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff