feat(docs): skeleton docs in progress

This commit is contained in:
Junior Garcia 2023-05-28 01:17:12 -03:00
parent e8fb0c7a09
commit e7f9579389
126 changed files with 812 additions and 65 deletions

View File

@ -15,3 +15,4 @@ export * from "./spinner";
export * from "./link";
export * from "./progress";
export * from "./user";
export * from "./skeleton";

View File

@ -0,0 +1,9 @@
import usage from "./usage";
import standalone from "./standalone";
import loaded from "./loaded";
export const skeletonContent = {
usage,
standalone,
loaded,
};

View File

@ -0,0 +1,41 @@
const App = `import {Card, Skeleton, Button} from "@nextui-org/react";
export default function App() {
const [isLoaded, setIsLoaded] = React.useState(false);
const toggleLoad = () => {
setIsLoaded(!isLoaded);
};
return (
<div className="flex flex-col gap-3">
<Card className="w-[200px] space-y-5 p-4" radius="2xl">
<Skeleton isLoaded={isLoaded} className="rounded-lg">
<div className="h-24 rounded-lg bg-secondary"></div>
</Skeleton>
<div className="space-y-3">
<Skeleton isLoaded={isLoaded} className="w-3/5 rounded-lg">
<div className="h-3 w-full rounded-lg bg-secondary"></div>
</Skeleton>
<Skeleton isLoaded={isLoaded} className="w-4/5 rounded-lg">
<div className="h-3 w-full rounded-lg bg-secondary-300"></div>
</Skeleton>
<Skeleton isLoaded={isLoaded} className="w-2/5 rounded-lg">
<div className="h-3 w-full rounded-lg bg-secondary-200"></div>
</Skeleton>
</div>
</Card>
<Button size="sm" variant="flat" color="secondary" onPress={toggleLoad}>
{isLoaded ? "Show" : "Hide"} Skeleton
</Button>
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,23 @@
const App = `import {Card, Skeleton} from "@nextui-org/react";
export default function App() {
return (
<div className="max-w-[300px] w-full flex items-center gap-3">
<div>
<Skeleton className="flex rounded-full w-12 h-12"/>
</div>
<div className="w-full flex flex-col gap-2">
<Skeleton className="h-3 w-3/5 rounded-lg"/>
<Skeleton className="h-3 w-4/5 rounded-lg"/>
</div>
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,30 @@
const App = `import {Card, Skeleton} from "@nextui-org/react";
export default function App() {
return (
<Card className="w-[200px] space-y-5 p-4" radius="2xl">
<Skeleton className="rounded-lg">
<div className="h-24 rounded-lg bg-default-300"></div>
</Skeleton>
<div className="space-y-3">
<Skeleton className="w-3/5 rounded-lg">
<div className="h-3 w-3/5 rounded-lg bg-default-200"></div>
</Skeleton>
<Skeleton className="w-4/5 rounded-lg">
<div className="h-3 w-4/5 rounded-lg bg-default-200"></div>
</Skeleton>
<Skeleton className="w-2/5 rounded-lg">
<div className="h-3 w-2/5 rounded-lg bg-default-300"></div>
</Skeleton>
</div>
</Card>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,40 @@
---
title: "Skeleton"
description: "Skeleton is a placeholder to show a loading state and the expected shape of a component."
url: https://nextui.org/docs/components/user
---
# Skeleton
Skeleton is a placeholder to show a loading state and the expected shape of a component.
<ComponentLinks component="skeleton" />
---
## Import
<ImportTabs
commands={{
global: 'import {Skeleton} from "@nextui-org/react";',
individual: 'import {Skeleton} from "@nextui-org/skeleton";',
}}
/>
## Usage
<CodeDemo title="Usage" files={skeletonContent.usage} />
### Standalone
Skeleton takes the shape of its `children` component by default, but you can also use
it as a standalone component.
<CodeDemo title="Standalone" files={skeletonContent.standalone} />
### Loaded State
You can use the `isLoaded` prop to stop the skeleton animation and show the children component.
<CodeDemo title="Loaded State" files={skeletonContent.loaded} />

View File

@ -1,5 +1,20 @@
# @nextui-org/accordion
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230528041548
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/accordion",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
"keywords": [
"react",

View File

@ -1,5 +1,17 @@
# @nextui-org/avatar
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-image@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/avatar",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
"keywords": [
"avatar"

View File

@ -1,5 +1,16 @@
# @nextui-org/badge
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/badge",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Badges are used as a small numerical value or status descriptor for UI elements.",
"keywords": [
"badge"

View File

@ -1,5 +1,19 @@
# @nextui-org/button
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/spinner@0.0.0-dev-v2-20230528041548
- @nextui-org/drip@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/button",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Buttons allow users to perform actions and choose with a single tap.",
"keywords": [
"button"

View File

@ -1,5 +1,18 @@
# @nextui-org/card
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/drip@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/card",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
"keywords": [
"card"

View File

@ -1,5 +1,16 @@
# @nextui-org/checkbox
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/checkbox",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
"keywords": [
"checkbox"

View File

@ -1,5 +1,17 @@
# @nextui-org/chip
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/chip",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Chips help people enter information, make selections, filter content, or trigger actions.",
"keywords": [
"chip"

View File

@ -1,5 +1,16 @@
# @nextui-org/code
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/code",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Code is a component used to display inline code.",
"keywords": [
"code"

View File

@ -1,5 +1,16 @@
# @nextui-org/divider
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/divider",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": ". A separator is a visual divider between two groups of content",
"keywords": [
"divider"

View File

@ -1,5 +1,16 @@
# @nextui-org/drip
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/drip",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
"keywords": [
"drip"

View File

@ -1,5 +1,19 @@
# @nextui-org/dropdown
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/popover@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/dropdown",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A dropdown displays a list of actions or options that a user can choose.",
"keywords": [
"dropdown"

View File

@ -1,5 +1,17 @@
# @nextui-org/image
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-image@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/image",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A simple image component",
"keywords": [
"image"

View File

@ -1,5 +1,18 @@
# @nextui-org/input
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/input",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "The input component is designed for capturing user input within a text field.",
"keywords": [
"input"

View File

@ -1,5 +1,16 @@
# @nextui-org/kbd
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/kbd",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "The keyboard key components indicates which key or set of keys used to execute a specificv action",
"keywords": [
"kbd"

View File

@ -1,5 +1,17 @@
# @nextui-org/link
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/link",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"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": [
"link"

View File

@ -1,5 +1,20 @@
# @nextui-org/modal
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528041548
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/modal",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Displays a dialog with a custom content that requires attention or provides additional information.",
"keywords": [
"modal"

View File

@ -1,5 +1,19 @@
# @nextui-org/navbar
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230528041548
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528041548
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/navbar",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
"keywords": [
"navbar"

View File

@ -1,5 +1,18 @@
# @nextui-org/pagination
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-pagination@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/pagination",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "The Pagination component allows you to display active page and navigate between multiple pages.",
"keywords": [
"pagination"

View File

@ -1,5 +1,20 @@
# @nextui-org/popover
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528041548
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/button@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/popover",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A popover is an overlay element positioned relative to a trigger.",
"keywords": [
"popover"

View File

@ -1,5 +1,18 @@
# @nextui-org/progress
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230528041548
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/progress",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
"keywords": [
"progress"

View File

@ -1,5 +1,16 @@
# @nextui-org/radio
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/radio",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Radios allow users to select a single option from a list of mutually exclusive options.",
"keywords": [
"radio"

View File

@ -1,5 +1,16 @@
# @nextui-org/skeleton
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/skeleton",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Skeleton is used to display the loading state of some component.",
"keywords": [
"skeleton"

View File

@ -45,7 +45,7 @@ export function useSkeleton(originalProps: UseSkeletonProps) {
skeleton({
...variantProps,
}),
[...Object.values(variantProps)],
[...Object.values(variantProps), children],
);
const baseStyles = clsx(className, classNames?.base);

View File

@ -1,5 +1,20 @@
# @nextui-org/snippet
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/tooltip@0.0.0-dev-v2-20230528041548
- @nextui-org/button@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/snippet",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Display a snippet of copyable code for the command line.",
"keywords": [
"snippet"

View File

@ -1,5 +1,16 @@
# @nextui-org/spacer
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/spacer",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
"keywords": [
"spacer"

View File

@ -1,5 +1,16 @@
# @nextui-org/spinner
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/spinner",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Loaders express an unspecified wait time or display the length of a process.",
"keywords": [
"loading",

View File

@ -1,5 +1,16 @@
# @nextui-org/switch
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/switch",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
"keywords": [
"switch"

View File

@ -1,5 +1,19 @@
# @nextui-org/table
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/checkbox@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/spacer@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/table",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Tables are used to display tabular data using rows and columns. ",
"keywords": [
"table"

View File

@ -1,5 +1,19 @@
# @nextui-org/tabs
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230528041548
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/tabs",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Tabs organize content into multiple sections and allow users to navigate between them.",
"keywords": [
"tabs"

View File

@ -1,5 +1,18 @@
# @nextui-org/tooltip
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528041548
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/tooltip",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A React Component for rendering dynamically positioned Tooltips",
"keywords": [
"tooltip"

View File

@ -1,5 +1,17 @@
# @nextui-org/user
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528041548
- @nextui-org/avatar@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/user",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Flexible User Profile Component.",
"keywords": [
"user"

View File

@ -1,5 +1,44 @@
# @nextui-org/react
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/pagination@0.0.0-dev-v2-20230528041548
- @nextui-org/accordion@0.0.0-dev-v2-20230528041548
- @nextui-org/checkbox@0.0.0-dev-v2-20230528041548
- @nextui-org/dropdown@0.0.0-dev-v2-20230528041548
- @nextui-org/progress@0.0.0-dev-v2-20230528041548
- @nextui-org/skeleton@0.0.0-dev-v2-20230528041548
- @nextui-org/divider@0.0.0-dev-v2-20230528041548
- @nextui-org/popover@0.0.0-dev-v2-20230528041548
- @nextui-org/snippet@0.0.0-dev-v2-20230528041548
- @nextui-org/spinner@0.0.0-dev-v2-20230528041548
- @nextui-org/tooltip@0.0.0-dev-v2-20230528041548
- @nextui-org/avatar@0.0.0-dev-v2-20230528041548
- @nextui-org/button@0.0.0-dev-v2-20230528041548
- @nextui-org/navbar@0.0.0-dev-v2-20230528041548
- @nextui-org/spacer@0.0.0-dev-v2-20230528041548
- @nextui-org/switch@0.0.0-dev-v2-20230528041548
- @nextui-org/badge@0.0.0-dev-v2-20230528041548
- @nextui-org/image@0.0.0-dev-v2-20230528041548
- @nextui-org/input@0.0.0-dev-v2-20230528041548
- @nextui-org/modal@0.0.0-dev-v2-20230528041548
- @nextui-org/radio@0.0.0-dev-v2-20230528041548
- @nextui-org/table@0.0.0-dev-v2-20230528041548
- @nextui-org/card@0.0.0-dev-v2-20230528041548
- @nextui-org/chip@0.0.0-dev-v2-20230528041548
- @nextui-org/code@0.0.0-dev-v2-20230528041548
- @nextui-org/drip@0.0.0-dev-v2-20230528041548
- @nextui-org/link@0.0.0-dev-v2-20230528041548
- @nextui-org/tabs@0.0.0-dev-v2-20230528041548
- @nextui-org/user@0.0.0-dev-v2-20230528041548
- @nextui-org/kbd@0.0.0-dev-v2-20230528041548
- @nextui-org/system@0.0.0-dev-v2-20230528041548
- @nextui-org/theme@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/react",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "🚀 Beautiful and modern React UI library.",
"author": "Junior Garcia <jrgarciadev@gmail.com>",
"homepage": "https://nextui.org",

View File

@ -1,5 +1,11 @@
# @nextui-org/system
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/system",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "NextUI system primitives",
"keywords": [
"system"

View File

@ -1,5 +1,11 @@
# @nextui-org/theme
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/theme",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "The default theme for NextUI components",
"keywords": [
"theme",

View File

@ -17,9 +17,8 @@ const skeleton = tv({
base: [
"group",
"relative",
"space-y-5",
"overflow-hidden",
"bg-white/5",
"bg-content3 dark:bg-content2",
// before
"before:opacity-100",
"before:absolute",
@ -27,7 +26,7 @@ const skeleton = tv({
"before:-translate-x-full",
"before:animate-[shimmer_2s_infinite]",
"before:border-t",
"before:border-content4/70",
"before:border-content4/30",
"before:bg-gradient-to-r",
"before:from-transparent",
"before:via-content4",
@ -41,7 +40,8 @@ const skeleton = tv({
"after:bg-content3",
"dark:after:bg-content2",
// state
"data-[loaded=true]:before:opacity-0",
"data-[loaded=true]:bg-transparent",
"data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none",
"data-[loaded=true]:after:opacity-0",
],
content: ["opacity-0", "group-data-[loaded=true]:opacity-100"],
@ -54,7 +54,7 @@ const skeleton = tv({
content: "transition-none",
},
false: {
base: "before:transition-opacity before:!duration-300",
base: "transition-background !duration-300 before:transition-opacity before:!duration-300",
content: "transition-opacity motion-reduce:transition-none !duration-300",
},
},

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-accordion-item
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-accordion-item",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Internal impl for react aria accordion item",
"keywords": [
"use-aria-accordion-item"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-button
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-button",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
"keywords": [
"use-aria-button"

View File

@ -1,5 +1,14 @@
# @nextui-org/use-aria-field
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230528041548
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-field",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
"keywords": [
"use-aria-field"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-label
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-label",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Based on react-aria label hook, it provides the accessibility implementation for labels and their associated elements. Labels provide context for user inputs.",
"keywords": [
"use-aria-label"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-slot-id
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-slot-id",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Based on react-aria useSlotId, used to generate an id, and after render check if that id is rendered",
"keywords": [
"use-aria-slot-id"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-aria-toggle-button
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-toggle-button",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
"keywords": [
"use-aria-toggle-button"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-callback-ref
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-callback-ref",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.",
"keywords": [
"use-callback-ref"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-clipboard
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-clipboard",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "Wrapper around navigator.clipboard with feedback timeout",
"keywords": [
"use-clipboard"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-disclosure
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/use-callback-ref@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-disclosure",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "The hook in charge of managing modals",
"keywords": [
"use-disclosure"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-image
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
- Updated dependencies
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230528041548
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-image",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "React hook for progressing image loading",
"keywords": [
"use-image"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-infinite-scroll
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-infinite-scroll",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A hook for handling infinity scroll based on the IntersectionObserver API",
"keywords": [
"use-infinite-scroll"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-is-mobile
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-is-mobile",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "A hook that returns whether the device is mobile or not",
"keywords": [
"use-is-mobile"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-is-mounted
## 0.0.0-dev-v2-20230528041548
### Patch Changes
- Skeleton styles improved
## 0.0.0-dev-v2-20230528022407
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-is-mounted",
"version": "0.0.0-dev-v2-20230528022407",
"version": "0.0.0-dev-v2-20230528041548",
"description": "This hook can be used to render client-based components or run client logic",
"keywords": [
"use-is-mounted"

Some files were not shown because too many files have changed in this diff Show More