mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
feat(docs): progress done, internal APi improved
This commit is contained in:
parent
0ac5a339f4
commit
90e76df87d
@ -13,3 +13,4 @@ export * from "./kbd";
|
||||
export * from "./spacer";
|
||||
export * from "./spinner";
|
||||
export * from "./link";
|
||||
export * from "./progress";
|
||||
|
||||
@ -3,7 +3,7 @@ const App = `import {Link} from "@nextui-org/react";
|
||||
export default function App() {
|
||||
return (
|
||||
<div className="flex gap-4">
|
||||
<Link isExternal aria-visible={true} href="https://github.com/nextui-org/nextui">
|
||||
<Link isExternal href="https://github.com/nextui-org/nextui">
|
||||
External Link
|
||||
</Link>
|
||||
<Link
|
||||
|
||||
22
apps/docs/content/components/progress/colors.ts
Normal file
22
apps/docs/content/components/progress/colors.ts
Normal file
@ -0,0 +1,22 @@
|
||||
const App = `import {Progress} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<div className="flex flex-col gap-6 w-full max-w-md">
|
||||
<Progress color="default" aria-label="Loading..." value={70} />
|
||||
<Progress color="primary" aria-label="Loading..." value={70} />
|
||||
<Progress color="secondary" aria-label="Loading..." value={70} />
|
||||
<Progress color="success" aria-label="Loading..." value={70} />
|
||||
<Progress color="warning" aria-label="Loading..." value={70} />
|
||||
<Progress color="danger" aria-label="Loading..." value={70} />
|
||||
</div>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
28
apps/docs/content/components/progress/custom-styles.ts
Normal file
28
apps/docs/content/components/progress/custom-styles.ts
Normal file
@ -0,0 +1,28 @@
|
||||
const App = `import { Progress } from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Progress
|
||||
size="sm"
|
||||
radius="sm"
|
||||
classNames={{
|
||||
base: "max-w-md",
|
||||
track: "drop-shadow-md border border-default",
|
||||
indicator: "bg-gradient-to-r from-pink-500 to-yellow-500",
|
||||
label: "tracking-wider font-medium text-default-600",
|
||||
value: "text-foreground/60",
|
||||
}}
|
||||
label="Lose weight"
|
||||
value={65}
|
||||
showValueLabel={true}
|
||||
/>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
20
apps/docs/content/components/progress/indeterminate.ts
Normal file
20
apps/docs/content/components/progress/indeterminate.ts
Normal file
@ -0,0 +1,20 @@
|
||||
const App = `import { Progress } from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Progress
|
||||
size="xs"
|
||||
isIndeterminate
|
||||
aria-label="Loading..."
|
||||
className="max-w-md"
|
||||
/>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
21
apps/docs/content/components/progress/index.ts
Normal file
21
apps/docs/content/components/progress/index.ts
Normal file
@ -0,0 +1,21 @@
|
||||
import usage from "./usage";
|
||||
import sizes from "./sizes";
|
||||
import colors from "./colors";
|
||||
import indeterminate from "./indeterminate";
|
||||
import striped from "./striped";
|
||||
import label from "./label";
|
||||
import value from "./value";
|
||||
import valueFormatting from "./value-formatting";
|
||||
import customStyles from "./custom-styles";
|
||||
|
||||
export const progressContent = {
|
||||
usage,
|
||||
sizes,
|
||||
colors,
|
||||
indeterminate,
|
||||
striped,
|
||||
label,
|
||||
value,
|
||||
valueFormatting,
|
||||
customStyles,
|
||||
};
|
||||
15
apps/docs/content/components/progress/label.ts
Normal file
15
apps/docs/content/components/progress/label.ts
Normal file
@ -0,0 +1,15 @@
|
||||
const App = `import {Progress} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Progress label="Loading..." value={55} className="max-w-md" />
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
21
apps/docs/content/components/progress/sizes.ts
Normal file
21
apps/docs/content/components/progress/sizes.ts
Normal file
@ -0,0 +1,21 @@
|
||||
const App = `import {Progress} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<div className="flex flex-col gap-6 w-full max-w-md">
|
||||
<Progress size="xs" aria-label="Loading..." value={30} />
|
||||
<Progress size="sm" aria-label="Loading..." value={40} />
|
||||
<Progress size="md" aria-label="Loading..." value={50} />
|
||||
<Progress size="lg" aria-label="Loading..." value={60} />
|
||||
<Progress size="xl" aria-label="Loading..." value={70} />
|
||||
</div>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
22
apps/docs/content/components/progress/striped.ts
Normal file
22
apps/docs/content/components/progress/striped.ts
Normal file
@ -0,0 +1,22 @@
|
||||
const App = `import { Progress } from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Progress
|
||||
isStriped
|
||||
aria-label="Loading..."
|
||||
color="secondary"
|
||||
value={60}
|
||||
className="max-w-md"
|
||||
/>
|
||||
);
|
||||
}
|
||||
`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
15
apps/docs/content/components/progress/usage.ts
Normal file
15
apps/docs/content/components/progress/usage.ts
Normal file
@ -0,0 +1,15 @@
|
||||
const App = `import {Progress} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Progress aria-label="Loading..." value={60} className="max-w-md"/>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
24
apps/docs/content/components/progress/value-formatting.ts
Normal file
24
apps/docs/content/components/progress/value-formatting.ts
Normal file
@ -0,0 +1,24 @@
|
||||
const App = `import {Progress} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Progress
|
||||
label="Monthly expenses"
|
||||
size="sm"
|
||||
value={4000}
|
||||
maxValue={10000}
|
||||
color="warning"
|
||||
formatOptions={{style: "currency", currency: "ARS"}}
|
||||
showValueLabel={true}
|
||||
className="max-w-md"
|
||||
/>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
32
apps/docs/content/components/progress/value.ts
Normal file
32
apps/docs/content/components/progress/value.ts
Normal file
@ -0,0 +1,32 @@
|
||||
const App = `import {Progress} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
const [value, setValue] = React.useState(0);
|
||||
|
||||
React.useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
setValue((v) => (v >= 100 ? 0 : v + 10));
|
||||
}, 500);
|
||||
|
||||
return () => clearInterval(interval);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Progress
|
||||
aria-label="Downloading..."
|
||||
size="md"
|
||||
value={value}
|
||||
color="success"
|
||||
showValueLabel={true}
|
||||
className="max-w-md"
|
||||
/>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
@ -88,6 +88,7 @@ option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs
|
||||
- Labeling support for accessibility.
|
||||
- Internationalized number formatting as a percentage or value.
|
||||
- Determinate and indeterminate progress support.
|
||||
- Exposes the `aria-valuenow`, `aria-valuemin`, `aria-valuemax` and `aria-valuetext` attributes.
|
||||
|
||||
## API
|
||||
|
||||
@ -96,12 +97,12 @@ option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs
|
||||
| Attribute | Type | Description | Default |
|
||||
| ---------------- | ----------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | -------------------- |
|
||||
| label | `ReactNode` | The content to display as the label. | - |
|
||||
| value | `number` | The current value (controlled). | - |
|
||||
| size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | The size of the indicator. | `md` |
|
||||
| color | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The color of the indicator. | `primary` |
|
||||
| value | `number` | The current value (controlled). | - |
|
||||
| valueLabel | `ReactNode` | The content to display as the value's label (e.g. 1 of 4). | - |
|
||||
| minValue | `number` | The smallest value allowed for the input. | `0` |
|
||||
| maxValue | `number` | The largest value allowed for the input. | `100` |
|
||||
| valueLabel | `ReactNode` | The content to display as the value's label (e.g. 1 of 4). | - |
|
||||
| formatOptions | [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) | The options to format the value. | `{style: 'percent'}` |
|
||||
| isIndeterminate | `boolean` | Whether the progress is indeterminate. | `true` |
|
||||
| showValueLabel | `boolean` | Whether to show the value label. | `true` |
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: 'Progress'
|
||||
description: 'The Progress component allows you to view the progress of any activity.'
|
||||
title: "Progress"
|
||||
description: "The Progress component allows you to view the progress of any activity."
|
||||
url: https://nextui.org/docs/components/progress
|
||||
---
|
||||
|
||||
@ -8,6 +8,110 @@ url: https://nextui.org/docs/components/progress
|
||||
|
||||
The Progress component allows you to view the progress of any activity.
|
||||
|
||||
```jsx
|
||||
import {Progress} from '@nextui-org/react';
|
||||
```
|
||||
<ComponentLinks component="progress" reactAriaHook="useProgressBar" />
|
||||
|
||||
---
|
||||
|
||||
## Import
|
||||
|
||||
<ImportTabs
|
||||
commands={{
|
||||
global: 'import {Progress} from "@nextui-org/react";',
|
||||
individual: 'import {Progress} from "@nextui-org/progress";',
|
||||
}}
|
||||
/>
|
||||
|
||||
## Usage
|
||||
|
||||
<CodeDemo title="Usage" files={progressContent.usage} />
|
||||
|
||||
> **Note**: Make sure to pass the `aria-label` prop when the `label` prop is not provided. This is required for accessibility.
|
||||
|
||||
### Sizes
|
||||
|
||||
<CodeDemo title="Sizes" files={progressContent.sizes} />
|
||||
|
||||
### Colors
|
||||
|
||||
<CodeDemo title="Colors" files={progressContent.colors} />
|
||||
|
||||
### Indeterminate
|
||||
|
||||
You can use the `isIndeterminate` prop to display an indeterminate progress bar.
|
||||
This is useful when you don't know how long an operation will take.
|
||||
|
||||
<CodeDemo title="Indeterminate" highlightedLines={7} files={progressContent.indeterminate} />
|
||||
|
||||
### Striped
|
||||
|
||||
<CodeDemo title="Striped" highlightedLines={6} files={progressContent.striped} />
|
||||
|
||||
### With Label
|
||||
|
||||
<CodeDemo title="With Label" files={progressContent.label} />
|
||||
|
||||
> **Note**: If you pass the `label` prop you don't need to pass `aria-label` prop anymore.
|
||||
|
||||
### With Value
|
||||
|
||||
<CodeDemo title="With Value" files={progressContent.value} />
|
||||
|
||||
### Value Formatting
|
||||
|
||||
Values are formatted as a percentage by default, but this can be modified by using the
|
||||
`formatOptions` prop to specify a different format. `formatOptions` is compatible with the
|
||||
option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) and is applied based on the current locale.
|
||||
|
||||
<CodeDemo title="Value Formatting" files={progressContent.valueFormatting} highlightedLines="10" />
|
||||
|
||||
## Slots
|
||||
|
||||
- **base**: The base slot of the progress, it is the main container.
|
||||
- **labelWrapper**: The label and value label wrapper.
|
||||
- **label**: The label of the progress.
|
||||
- **value**: The value label of the progress.
|
||||
- **track**: The track is the background bar of the progress.
|
||||
- **indicator**: The indicator is the bar that is filled according to the `value`.
|
||||
|
||||
### Custom Styles
|
||||
|
||||
<CodeDemo title="Custom Styles" files={progressContent.customStyles} highlightedLines="9-13" />
|
||||
|
||||
## Data Attributes
|
||||
|
||||
`CircularProgress` has the following attributes on the `root` element:
|
||||
|
||||
- **data-indeterminate**:
|
||||
Indicates whether the progress is indeterminate.
|
||||
- **data-disabled**:
|
||||
Indicates whether the progress is disabled. Based on `isDisabled` prop.
|
||||
|
||||
## Accessibility
|
||||
|
||||
- Exposed to assistive technology as a progress bar via ARIA.
|
||||
- Labeling support for accessibility.
|
||||
- Internationalized number formatting as a percentage or value.
|
||||
- Determinate and indeterminate progress support.
|
||||
- Exposes the `aria-valuenow`, `aria-valuemin`, `aria-valuemax` and `aria-valuetext` attributes.
|
||||
|
||||
## API
|
||||
|
||||
### Circular Progress Props
|
||||
|
||||
| Attribute | Type | Description | Default |
|
||||
| ---------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | -------------------- |
|
||||
| label | `ReactNode` | The content to display as the label. | - |
|
||||
| size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | The size of the indicator. | `md` |
|
||||
| color | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The color of the indicator. | `primary` |
|
||||
| radius | `none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `full` | The progress border radius. | `full` |
|
||||
| value | `number` | The current value (controlled). | - |
|
||||
| valueLabel | `ReactNode` | The content to display as the value's label (e.g. 1 of 4). | - |
|
||||
| minValue | `number` | The smallest value allowed for the input. | `0` |
|
||||
| maxValue | `number` | The largest value allowed for the input. | `100` |
|
||||
| formatOptions | [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) | The options to format the value. | `{style: 'percent'}` |
|
||||
| isIndeterminate | `boolean` | Whether the progress is indeterminate. | `false` |
|
||||
| isStriped | `boolean` | Whether the progress is striped. | `false` |
|
||||
| showValueLabel | `boolean` | Whether to show the value label. | `true` |
|
||||
| isDisabled | `boolean` | Whether the progress is disabled. | `false` |
|
||||
| disableAnimation | `boolean` | Whether to disable the animation. | `false` |
|
||||
| classNames | `Record<"base"|"labelWrapper"|"label"|"track"|"value"|"track"|"indicator", string>` | Allows to set custom class names for the progress slots. | - |
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/accordion
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/accordion",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
|
||||
"keywords": [
|
||||
"react",
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/avatar
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/avatar",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
|
||||
"keywords": [
|
||||
"avatar"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/badge
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/badge",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Badges are used as a small numerical value or status descriptor for UI elements.",
|
||||
"keywords": [
|
||||
"badge"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/button
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/button",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Buttons allow users to perform actions and choose with a single tap.",
|
||||
"keywords": [
|
||||
"button"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/card
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/card",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
|
||||
"keywords": [
|
||||
"card"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/checkbox
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/checkbox",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"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,5 +1,17 @@
|
||||
# @nextui-org/chip
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/chip",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Chips help people enter information, make selections, filter content, or trigger actions.",
|
||||
"keywords": [
|
||||
"chip"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/code
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/code",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Code is a component used to display inline code.",
|
||||
"keywords": [
|
||||
"code"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/divider
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/divider",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": ". A separator is a visual divider between two groups of content",
|
||||
"keywords": [
|
||||
"divider"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/drip
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/drip",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
|
||||
"keywords": [
|
||||
"drip"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/dropdown
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/dropdown",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A dropdown displays a list of actions or options that a user can choose.",
|
||||
"keywords": [
|
||||
"dropdown"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/image
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/image",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A simple image component",
|
||||
"keywords": [
|
||||
"image"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/input
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/input",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "The input component is designed for capturing user input within a text field.",
|
||||
"keywords": [
|
||||
"input"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/kbd
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/kbd",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "The keyboard key components indicates which key or set of keys used to execute a specificv action",
|
||||
"keywords": [
|
||||
"kbd"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/link
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/link",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"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"
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/modal
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/modal",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Displays a dialog with a custom content that requires attention or provides additional information.",
|
||||
"keywords": [
|
||||
"modal"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/navbar
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/navbar",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
|
||||
"keywords": [
|
||||
"navbar"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/pagination
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-pagination@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/pagination",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "The Pagination component allows you to display active page and navigate between multiple pages.",
|
||||
"keywords": [
|
||||
"pagination"
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/popover
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/popover",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A popover is an overlay element positioned relative to a trigger.",
|
||||
"keywords": [
|
||||
"popover"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/progress
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/progress",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
|
||||
"keywords": [
|
||||
"progress"
|
||||
|
||||
@ -33,7 +33,7 @@ const Progress = forwardRef<ProgressProps, "div">((props, ref) => {
|
||||
) : null}
|
||||
<div className={slots.track({class: classNames?.track})}>
|
||||
<div
|
||||
className={slots.filler({class: classNames?.filler})}
|
||||
className={slots.indicator({class: classNames?.indicator})}
|
||||
style={{
|
||||
transform: `translateX(-${100 - (percentage || 0)}%)`,
|
||||
}}
|
||||
|
||||
@ -34,7 +34,7 @@ interface Props extends HTMLNextUIProps<"div"> {
|
||||
* label: "label-classes",
|
||||
* value: "value-classes",
|
||||
* track: "track-classes",
|
||||
* filler: "filler-classes",
|
||||
* indicator: "indicator-classes",
|
||||
* }} />
|
||||
* ```
|
||||
*/
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/radio
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/radio",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Radios allow users to select a single option from a list of mutually exclusive options.",
|
||||
"keywords": [
|
||||
"radio"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/skeleton
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/skeleton",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Skeleton is used to display the loading state of some component.",
|
||||
"keywords": [
|
||||
"skeleton"
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/snippet
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/snippet",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Display a snippet of copyable code for the command line.",
|
||||
"keywords": [
|
||||
"snippet"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/spacer
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spacer",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
|
||||
"keywords": [
|
||||
"spacer"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/spinner
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spinner",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Loaders express an unspecified wait time or display the length of a process.",
|
||||
"keywords": [
|
||||
"loading",
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/switch
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/switch",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
|
||||
"keywords": [
|
||||
"switch"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/table
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/table",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Tables are used to display tabular data using rows and columns. ",
|
||||
"keywords": [
|
||||
"table"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/tabs
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tabs",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Tabs organize content into multiple sections and allow users to navigate between them.",
|
||||
"keywords": [
|
||||
"tabs"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/tooltip
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tooltip",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "A React Component for rendering dynamically positioned Tooltips",
|
||||
"keywords": [
|
||||
"tooltip"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/user
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/user",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Flexible User Profile Component.",
|
||||
"keywords": [
|
||||
"user"
|
||||
|
||||
@ -1,5 +1,44 @@
|
||||
# @nextui-org/react
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/pagination@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/accordion@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/dropdown@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/progress@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/skeleton@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/divider@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/snippet@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/navbar@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/switch@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/badge@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/image@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/input@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/modal@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/radio@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/table@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/card@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/chip@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/code@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/link@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/tabs@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/user@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/kbd@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/react",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "🚀 Beautiful and modern React UI library.",
|
||||
"author": "Junior Garcia <jrgarciadev@gmail.com>",
|
||||
"homepage": "https://nextui.org",
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/system
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/system",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "NextUI system primitives",
|
||||
"keywords": [
|
||||
"system"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/theme
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/theme",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "The default theme for NextUI components",
|
||||
"keywords": [
|
||||
"theme",
|
||||
|
||||
@ -7,7 +7,7 @@ import {tv} from "tailwind-variants";
|
||||
*
|
||||
* @example
|
||||
* ```js
|
||||
* const {base, labelWrapper, label, value, track, filler} = progress({...})
|
||||
* const {base, labelWrapper, label, value, track, indicator} = progress({...})
|
||||
*
|
||||
* <div className={base()} aria-label="progress" role="progressbar" aria-valuenow={value} aria-valuemin={min} aria-valuemax={max}>
|
||||
* <div className={labelWrapper()}>
|
||||
@ -15,7 +15,7 @@ import {tv} from "tailwind-variants";
|
||||
* <span className={value()}>{value}</span>
|
||||
* </div>
|
||||
* <div className={track()}>
|
||||
* <div className={filler()} style={{width: `${value}%`}} />
|
||||
* <div className={indicator()} style={{width: `${value}%`}} />
|
||||
* </div>
|
||||
* </div>
|
||||
* ```
|
||||
@ -28,27 +28,27 @@ const progress = tv(
|
||||
labelWrapper: "flex justify-between",
|
||||
value: "",
|
||||
track: "z-0 relative bg-default-300/50 overflow-hidden",
|
||||
filler: "h-full",
|
||||
indicator: "h-full",
|
||||
},
|
||||
variants: {
|
||||
color: {
|
||||
default: {
|
||||
filler: "bg-default-400",
|
||||
indicator: "bg-default-400",
|
||||
},
|
||||
primary: {
|
||||
filler: "bg-primary",
|
||||
indicator: "bg-primary",
|
||||
},
|
||||
secondary: {
|
||||
filler: "bg-secondary",
|
||||
indicator: "bg-secondary",
|
||||
},
|
||||
success: {
|
||||
filler: "bg-success",
|
||||
indicator: "bg-success",
|
||||
},
|
||||
warning: {
|
||||
filler: "bg-warning",
|
||||
indicator: "bg-warning",
|
||||
},
|
||||
danger: {
|
||||
filler: "bg-danger",
|
||||
indicator: "bg-danger",
|
||||
},
|
||||
},
|
||||
size: {
|
||||
@ -81,41 +81,41 @@ const progress = tv(
|
||||
radius: {
|
||||
none: {
|
||||
track: "rounded-none",
|
||||
filler: "rounded-none",
|
||||
indicator: "rounded-none",
|
||||
},
|
||||
base: {
|
||||
track: "rounded",
|
||||
filler: "rounded",
|
||||
indicator: "rounded",
|
||||
},
|
||||
sm: {
|
||||
track: "rounded-sm",
|
||||
filler: "rounded-sm",
|
||||
indicator: "rounded-sm",
|
||||
},
|
||||
md: {
|
||||
track: "rounded-md",
|
||||
filler: "rounded-md",
|
||||
indicator: "rounded-md",
|
||||
},
|
||||
lg: {
|
||||
track: "rounded-lg",
|
||||
filler: "rounded-lg",
|
||||
indicator: "rounded-lg",
|
||||
},
|
||||
xl: {
|
||||
track: "rounded-xl",
|
||||
filler: "rounded-xl",
|
||||
indicator: "rounded-xl",
|
||||
},
|
||||
full: {
|
||||
track: "rounded-full",
|
||||
filler: "rounded-full",
|
||||
indicator: "rounded-full",
|
||||
},
|
||||
},
|
||||
isStriped: {
|
||||
true: {
|
||||
filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]",
|
||||
indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]",
|
||||
},
|
||||
},
|
||||
isIndeterminate: {
|
||||
true: {
|
||||
filler: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"],
|
||||
indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"],
|
||||
},
|
||||
},
|
||||
isDisabled: {
|
||||
@ -126,7 +126,7 @@ const progress = tv(
|
||||
disableAnimation: {
|
||||
true: {},
|
||||
false: {
|
||||
filler: "transition-transform !duration-500",
|
||||
indicator: "transition-transform !duration-500",
|
||||
},
|
||||
},
|
||||
},
|
||||
@ -145,7 +145,7 @@ const progress = tv(
|
||||
disableAnimation: true,
|
||||
isIndeterminate: false,
|
||||
class: {
|
||||
filler: "!transition-none motion-reduce:transition-none",
|
||||
indicator: "!transition-none motion-reduce:transition-none",
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-accordion-item
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-accordion-item",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Internal impl for react aria accordion item",
|
||||
"keywords": [
|
||||
"use-aria-accordion-item"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-button
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-button",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"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"
|
||||
|
||||
@ -1,5 +1,14 @@
|
||||
# @nextui-org/use-aria-field
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230528022407
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-field",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
|
||||
"keywords": [
|
||||
"use-aria-field"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-label
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-label",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"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"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-slot-id
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-slot-id",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"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"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-aria-toggle-button
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-toggle-button",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"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"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-callback-ref
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-callback-ref",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.",
|
||||
"keywords": [
|
||||
"use-callback-ref"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-clipboard
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-clipboard",
|
||||
"version": "0.0.0-dev-v2-20230527161625",
|
||||
"version": "0.0.0-dev-v2-20230528022407",
|
||||
"description": "Wrapper around navigator.clipboard with feedback timeout",
|
||||
"keywords": [
|
||||
"use-clipboard"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-disclosure
|
||||
|
||||
## 0.0.0-dev-v2-20230528022407
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Progress API improved
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-callback-ref@0.0.0-dev-v2-20230528022407
|
||||
|
||||
## 0.0.0-dev-v2-20230527161625
|
||||
|
||||
### Patch Changes
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user