mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
feat(docs): input docs done
This commit is contained in:
Junior Garcia
parent
2e4f54a06b
commit
e8dbcab525
@ -65,7 +65,7 @@ export const MusicPlayer: FC<MusicPlayerProps> = ({className, ...otherProps}) =>
|
||||
<Progress
|
||||
aria-label="Music progress"
|
||||
classNames={{
|
||||
filler: "bg-default-800 dark:bg-white",
|
||||
indicator: "bg-default-800 dark:bg-white",
|
||||
track: "bg-default-500/30",
|
||||
}}
|
||||
color="default"
|
||||
|
||||
@ -33,6 +33,7 @@ interface CodeDemoProps extends UseCodeDemoProps {
|
||||
initialEditorOpen?: boolean;
|
||||
enableResize?: boolean;
|
||||
showPreview?: boolean;
|
||||
showOpenInCodeSandbox?: boolean;
|
||||
defaultExpanded?: boolean;
|
||||
showWindowActions?: boolean;
|
||||
iframeSrc?: string;
|
||||
@ -49,6 +50,7 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
|
||||
showPreview = true,
|
||||
asIframe = false,
|
||||
showSandpackPreview = false,
|
||||
showOpenInCodeSandbox,
|
||||
showWindowActions = false,
|
||||
enableResize = false,
|
||||
defaultExpanded = false,
|
||||
@ -82,7 +84,7 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
|
||||
files={files}
|
||||
highlightedLines={highlightedLines}
|
||||
showEditor={showEditor}
|
||||
showOpenInCodeSandbox={showPreview}
|
||||
showOpenInCodeSandbox={showOpenInCodeSandbox || showPreview}
|
||||
showPreview={showSandpackPreview}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -57,7 +57,7 @@ const MyAvatar = forwardRef((props, ref) => {
|
||||
);
|
||||
});
|
||||
|
||||
Avatar.displayName = "MyAvatar";
|
||||
MyAvatar.displayName = "MyAvatar";
|
||||
|
||||
export default MyAvatar;`;
|
||||
|
||||
|
||||
25
apps/docs/content/components/input/controlled.ts
Normal file
25
apps/docs/content/components/input/controlled.ts
Normal file
@ -0,0 +1,25 @@
|
||||
const App = `import {Input} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
const [value, setValue] = React.useState("");
|
||||
|
||||
return (
|
||||
<div className="w-full flex flex-col gap-2 max-w-[240px]">
|
||||
<Input
|
||||
label="Email"
|
||||
placeholder="Enter your email"
|
||||
value={value}
|
||||
onValueChange={setValue}
|
||||
/>
|
||||
<p className="text-default-500 text-sm">Input value: {value}</p>
|
||||
</div>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
168
apps/docs/content/components/input/custom-impl.ts
Normal file
168
apps/docs/content/components/input/custom-impl.ts
Normal file
@ -0,0 +1,168 @@
|
||||
const SearchIcon = `export const SearchIcon = (props) => (
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
focusable="false"
|
||||
height="1em"
|
||||
role="presentation"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
/>
|
||||
<path
|
||||
d="M22 22L20 20"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
/>
|
||||
</svg>
|
||||
);`;
|
||||
|
||||
const CloseFilledIcon = `export const CloseFilledIcon = (props) => (
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
height="1em"
|
||||
role="presentation"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
);`;
|
||||
|
||||
const App = `import React, {forwardRef} from "react";
|
||||
import {useInput} from "@nextui-org/react";
|
||||
|
||||
|
||||
import {SearchIcon} from "./SearchIcon";
|
||||
import {CloseFilledIcon} from "./CloseFilledIcon";
|
||||
|
||||
const styles = {
|
||||
label: "text-black/50 dark:text-white/90",
|
||||
input: [
|
||||
"bg-transparent",
|
||||
"text-black/90 dark:text-white/90",
|
||||
"placeholder:text-default-700/50 dark:placeholder:text-white/60",
|
||||
],
|
||||
innerWrapper: "bg-transparent",
|
||||
inputWrapper: [
|
||||
"shadow-xl",
|
||||
"bg-default-200/50",
|
||||
"dark:bg-default/60",
|
||||
"backdrop-blur-xl",
|
||||
"backdrop-saturate-200",
|
||||
"hover:bg-default-200/70",
|
||||
"focus-within:!bg-default-200/50",
|
||||
"dark:hover:bg-default/70",
|
||||
"dark:focus-within:!bg-default/60",
|
||||
"!cursor-text",
|
||||
],
|
||||
};
|
||||
|
||||
const MyInput = forwardRef((props, ref) => {
|
||||
const {
|
||||
Component,
|
||||
label,
|
||||
domRef,
|
||||
description,
|
||||
isClearable,
|
||||
startContent,
|
||||
endContent,
|
||||
shouldLabelBeOutside,
|
||||
shouldLabelBeInside,
|
||||
errorMessage,
|
||||
getBaseProps,
|
||||
getLabelProps,
|
||||
getInputProps,
|
||||
getInnerWrapperProps,
|
||||
getInputWrapperProps,
|
||||
getDescriptionProps,
|
||||
getErrorMessageProps,
|
||||
getClearButtonProps,
|
||||
} = useInput({
|
||||
...props,
|
||||
ref,
|
||||
// this is just for the example, the props bellow should be passed by the parent component
|
||||
label: "Search",
|
||||
type: "search",
|
||||
placeholder: "Type to search...",
|
||||
startContent: (
|
||||
<SearchIcon className="text-black/50 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
|
||||
),
|
||||
// custom styles
|
||||
classNames: {
|
||||
...styles,
|
||||
},
|
||||
});
|
||||
|
||||
const labelContent = <label {...getLabelProps()}>{label}</label>;
|
||||
|
||||
const end = React.useMemo(() => {
|
||||
if (isClearable) {
|
||||
return <span {...getClearButtonProps()}>{endContent || <CloseFilledIcon />}</span>;
|
||||
}
|
||||
|
||||
return endContent;
|
||||
}, [isClearable, getClearButtonProps]);
|
||||
|
||||
const innerWrapper = React.useMemo(() => {
|
||||
if (startContent || end) {
|
||||
return (
|
||||
<div {...getInnerWrapperProps()}>
|
||||
{startContent}
|
||||
<input {...getInputProps()} />
|
||||
{end}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return <input {...getInputProps()} />;
|
||||
}, [startContent, end, getInputProps, getInnerWrapperProps]);
|
||||
|
||||
return (
|
||||
<div className="w-[340px] h-[300px] px-8 rounded-2xl flex justify-center items-center bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg">
|
||||
<Component {...getBaseProps()}>
|
||||
{shouldLabelBeOutside ? labelContent : null}
|
||||
<div
|
||||
{...getInputWrapperProps()}
|
||||
role="button"
|
||||
onClick={() => {
|
||||
domRef.current?.focus();
|
||||
}}
|
||||
>
|
||||
{shouldLabelBeInside ? labelContent : null}
|
||||
{innerWrapper}
|
||||
</div>
|
||||
{description && <div {...getDescriptionProps()}>{description}</div>}
|
||||
{errorMessage && <div {...getErrorMessageProps()}>{errorMessage}</div>}
|
||||
</Component>
|
||||
</div>
|
||||
);
|
||||
});
|
||||
|
||||
MyInput.displayName = "MyInput";
|
||||
|
||||
export default MyInput;`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
"/SearchIcon.jsx": SearchIcon,
|
||||
"/CloseFilledIcon.jsx": CloseFilledIcon,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
76
apps/docs/content/components/input/custom-styles.ts
Normal file
76
apps/docs/content/components/input/custom-styles.ts
Normal file
@ -0,0 +1,76 @@
|
||||
const SearchIcon = `export const SearchIcon = (props) => (
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
focusable="false"
|
||||
height="1em"
|
||||
role="presentation"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
/>
|
||||
<path
|
||||
d="M22 22L20 20"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
/>
|
||||
</svg>
|
||||
);`;
|
||||
|
||||
const App = `import {Input} from "@nextui-org/react";
|
||||
import {SearchIcon} from "./SearchIcon";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<div className="w-[340px] h-[240px] px-8 rounded-2xl flex justify-center items-center bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg">
|
||||
<Input
|
||||
label="Search"
|
||||
isClearable
|
||||
radius="xl"
|
||||
classNames={{
|
||||
label: "text-black/50 dark:text-white/90",
|
||||
input: [
|
||||
"bg-transparent",
|
||||
"text-black/90 dark:text-white/90",
|
||||
"placeholder:text-default-700/50 dark:placeholder:text-white/60",
|
||||
],
|
||||
innerWrapper: "bg-transparent",
|
||||
inputWrapper: [
|
||||
"shadow-xl",
|
||||
"bg-default-200/50",
|
||||
"dark:bg-default/60",
|
||||
"backdrop-blur-xl",
|
||||
"backdrop-saturate-200",
|
||||
"hover:bg-default-200/70",
|
||||
"dark:hover:bg-default/70",
|
||||
"group-data-[focused=true]:bg-default-200/50",
|
||||
"dark:group-data-[focused=true]:bg-default/60",
|
||||
"!cursor-text",
|
||||
],
|
||||
}}
|
||||
placeholder="Type to search..."
|
||||
startContent={
|
||||
<SearchIcon className="text-black/50 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
"/SearchIcon.jsx": SearchIcon,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
@ -12,6 +12,10 @@ import password from "./password";
|
||||
import clearButton from "./clear-button";
|
||||
import startEndContent from "./start-end-content";
|
||||
import errorMessage from "./error-message";
|
||||
import regexValidation from "./regex-validation";
|
||||
import controlled from "./controlled";
|
||||
import customStyles from "./custom-styles";
|
||||
import customImpl from "./custom-impl";
|
||||
|
||||
export const inputContent = {
|
||||
usage,
|
||||
@ -28,4 +32,8 @@ export const inputContent = {
|
||||
clearButton,
|
||||
startEndContent,
|
||||
errorMessage,
|
||||
regexValidation,
|
||||
controlled,
|
||||
customStyles,
|
||||
customImpl,
|
||||
};
|
||||
|
||||
35
apps/docs/content/components/input/regex-validation.ts
Normal file
35
apps/docs/content/components/input/regex-validation.ts
Normal file
@ -0,0 +1,35 @@
|
||||
const App = `import {Input} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
const [value, setValue] = React.useState("junior2nextui.org");
|
||||
|
||||
const validateEmail = (value) => value.match(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,4}$/i);
|
||||
|
||||
const validationState = React.useMemo(() => {
|
||||
if (value === "") return undefined;
|
||||
|
||||
return validateEmail(value) ? "valid" : "invalid";
|
||||
}, [value]);
|
||||
|
||||
return (
|
||||
<Input
|
||||
value={value}
|
||||
type="email"
|
||||
label="Email"
|
||||
variant="bordered"
|
||||
color={validationState === "invalid" ? "danger" : "success"}
|
||||
errorMessage={validationState === "invalid" && "Please enter a valid email"}
|
||||
validationState={validationState}
|
||||
onValueChange={setValue}
|
||||
className="max-w-xs"
|
||||
/>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
@ -130,11 +130,10 @@ In case you need to customize the checkbox even further, you can use the `useChe
|
||||
| lineThrough | `boolean` | Whether the label should be crossed out. | `false` |
|
||||
| isSelected | `boolean` | Whether the element should be selected (controlled). | |
|
||||
| defaultSelected | `boolean` | Whether the element should be selected (uncontrolled). | |
|
||||
| validationState | `valid` \| `invalid` | Whether the input should display its "valid" or "invalid" visual styling. | `false` |
|
||||
| isDisabled | `boolean` | Whether the checkbox is disabled. | `false` |
|
||||
| validationState | `valid` \| `invalid` | Whether the input should display its "valid" or "invalid" visual styling. | - |
|
||||
| isRequired | `boolean` | Whether user input is required on the input before form submission. | `false` |
|
||||
| isReadOnly | `boolean` | Whether the input can be selected but not changed by the user. | |
|
||||
| isDisabled | `boolean` | Whether the input is disabled. | |
|
||||
| isDisabled | `boolean` | Whether the checkbox is disabled. | `false` |
|
||||
| isIndeterminate | `boolean` | Indeterminism is presentational only. The indeterminate visual representation remains regardless of user interaction. | |
|
||||
| disableAnimation | `boolean` | Whether the animation should be disabled. | `false` |
|
||||
| classNames | `Record<"base"｜ "wrapper"｜ "icon"｜ "label", string>` | Allows to set custom class names for the checkbox slots. | - |
|
||||
|
||||
@ -35,7 +35,7 @@ Input is a component that allows users to enter text. It can be used to get user
|
||||
|
||||
### Required
|
||||
|
||||
If you pass the `isRequired` property to the input, it will have a `danger` asterisk at
|
||||
If you pass the `isRequired` property to the input, it will have a `danger` asterisk at
|
||||
the end of the label and the input will be required.
|
||||
|
||||
<CodeDemo title="Required" files={inputContent.required} />
|
||||
@ -62,7 +62,6 @@ You can change the position of the label by setting the `labelPosition` property
|
||||
|
||||
<CodeDemo title="Label Positions" files={inputContent.labelPositions} />
|
||||
|
||||
|
||||
### With Description
|
||||
|
||||
You can add a description to the input by passing the `description` property.
|
||||
@ -77,10 +76,10 @@ You can use the `type` property to change the input type to `password`.
|
||||
|
||||
### Clear Button
|
||||
|
||||
If you pass the `isClearable` property to the input, it will have a clear button at the
|
||||
If you pass the `isClearable` property to the input, it will have a clear button at the
|
||||
end of the input, it will be visible when the input has a value.
|
||||
|
||||
<CodeDemo title="Clear Button" highlightedLines="6" files={inputContent.clearButton} />
|
||||
<CodeDemo title="Clear Button" highlightedLines="6" files={inputContent.clearButton} />
|
||||
|
||||
### Start & End Content
|
||||
|
||||
@ -92,4 +91,106 @@ You can use the `startContent` and `endContent` properties to add content to the
|
||||
|
||||
You can combine the `validationState="invalid"` and `errorMessage` properties to show an invalid input.
|
||||
|
||||
<CodeDemo title="With Error Message" files={inputContent.errorMessage} />
|
||||
<CodeDemo title="With Error Message" files={inputContent.errorMessage} />
|
||||
|
||||
Example with `regex` email validation:
|
||||
|
||||
<CodeDemo title="With Regex Validation" files={inputContent.regexValidation} />
|
||||
|
||||
### Controlled
|
||||
|
||||
You can use the `value` and `onValueChange` properties to control the input value.
|
||||
|
||||
<CodeDemo title="Controlled" files={inputContent.controlled} />
|
||||
|
||||
> **Note**: NextUI `Input` also supports native events like `onChange`, useful for form libraries
|
||||
> such as [Formik](https://formik.org/) and [React Hook Form](https://react-hook-form.com/).
|
||||
|
||||
## Slots
|
||||
|
||||
- **base**: Input wrapper, it handles alignment, placement, and general appearance.
|
||||
- **label**: Label of the input, it is the one that is displayed above, inside or left of the input.
|
||||
- **inputWrapper**: Wraps the `label` (when it is inside) and the `innerWrapper`.
|
||||
- **innerWrapper**: Wraps the `input`, the `startContent` and the `endContent`.
|
||||
- **input**: The input element.
|
||||
- **clearButton**: The clear button, it is at the end of the input.
|
||||
- **description**: The description of the input.
|
||||
- **errorMessage**: The error message of the input.
|
||||
|
||||
### Custom Styles
|
||||
|
||||
<CodeDemo title="Custom Styles" highlightedLines="14-32" files={inputContent.customStyles} />
|
||||
|
||||
### Custom Implementation
|
||||
|
||||
In case you need to customize the input even further, you can use the `useInput` hook to create your own implementation.
|
||||
|
||||
<CodeDemo
|
||||
showPreview={false}
|
||||
showOpenInCodeSandbox={true}
|
||||
title="Custom Implementation"
|
||||
files={inputContent.customImpl}
|
||||
/>
|
||||
|
||||
## Data Attributes
|
||||
|
||||
`Input` has the following attributes on the `root` element:
|
||||
|
||||
- **data-invalid**:
|
||||
When the input is invalid. Based on `validationState` prop.
|
||||
- **data-required**:
|
||||
When the input is required. Based on `isRequired` prop.
|
||||
- **data-readonly**:
|
||||
When the input is readonly. Based on `isReadOnly` prop.
|
||||
- **data-hover**:
|
||||
When the input is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html)
|
||||
- **data-focus**:
|
||||
When the input is being focused. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
|
||||
- **data-focus-visible**:
|
||||
When the input is being focused with the keyboard. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
|
||||
- **data-disabled**:
|
||||
When the input is disabled. Based on `isDisabled` prop.
|
||||
|
||||
## Accessibility
|
||||
|
||||
- Built with a native `<input>` element
|
||||
- Visual and ARIA labeling support
|
||||
- Change, clipboard, composition, selection, and input event support
|
||||
- Required and invalid states exposed to assistive technology via ARIA
|
||||
- Support for description and error message help text linked to the input via ARIA
|
||||
|
||||
## API
|
||||
|
||||
### Input Props
|
||||
|
||||
| Attribute | Type | Description | Default |
|
||||
| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | --------- |
|
||||
| children | `ReactNode` | The content of the input. | - |
|
||||
| variant | `flat` \| `bordered` \| `faded` \| `underlined` | The variant of the input. | `flat` |
|
||||
| size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | The size of the input. | `md` |
|
||||
| color | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The color of the input. | `default` |
|
||||
| radius | `none` \| `base` \| `xs` \| `sm` \| `md` \| `lg` \| `xl` \| `full` | The radius of the input. | `lg` |
|
||||
| label | `ReactNode` | The content to display as the label. | - |
|
||||
| value | `string` | The current value of the input (controlled). | - |
|
||||
| defaultValue | `string` | The default value of the input (uncontrolled). | - |
|
||||
| placeholder | `string` | The placeholder of the input. | - |
|
||||
| description | `ReactNode` | A description for the input. Provides a hint such as specific requirements for what to choose. | - |
|
||||
| errorMessage | `ReactNode` | An error message for the input. | - |
|
||||
| labelPosition | `inside` \| `outside` \| `outside-left` | The position of the label. | `inside` |
|
||||
| fullWidth | `boolean` | Whether the input should take up the width of its parent. | `true` |
|
||||
| validationState | `valid` \| `invalid` | Whether the input should display its "valid" or "invalid" visual styling. | - |
|
||||
| isRequired | `boolean` | Whether user input is required on the input before form submission. | `false` |
|
||||
| isReadOnly | `boolean` | Whether the input can be selected but not changed by the user. | |
|
||||
| isDisabled | `boolean` | Whether the input is disabled. | `false` |
|
||||
| startContent | `ReactNode` | Element to be rendered in the left side of the input. | - |
|
||||
| endContent | `ReactNode` | Element to be rendered in the right side of the input. | - |
|
||||
| disableAnimation | `boolean` | Whether the input should be animated. | `false` |
|
||||
| classNames | `Record<"base"｜ "label"｜ "inputWrapper"｜ "innerWrapper"｜ "input" ｜ "clearButton" ｜ "description" ｜ "errorMessage", string>` | Allows to set custom class names for the checkbox slots. | - |
|
||||
|
||||
### Input Events
|
||||
|
||||
| Attribute | Type | Description |
|
||||
| ------------- | -------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| onChange | `React.ChangeEvent <HTMLInputElement>` | Handler that is called when the element's value changes. You can pull out the new value by accessing `event.target.value` (string). |
|
||||
| onValueChange | `(value: string) => void` | Handler that is called when the element's value changes. |
|
||||
| onClear | `() => void` | Handler that is called when the clear button is clicked. |
|
||||
|
||||
@ -86,6 +86,9 @@ In case you need to customize the link even further, you can use the `useLink` h
|
||||
When the link is being focused. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html)
|
||||
- **data-focus-visible**:
|
||||
When the link is being focused with the keyboard. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html)
|
||||
- **data-disabled**:
|
||||
When the link is disabled. Based on `isDisabled` prop.
|
||||
|
||||
|
||||
## Accessibility
|
||||
|
||||
|
||||
@ -52,7 +52,7 @@ export const Head: React.FC<HeaderProps> = ({
|
||||
<meta content={isDark ? "#000000" : "#FFFFFF"} name="theme-color" />
|
||||
<meta
|
||||
key="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
|
||||
content="viewport-fit=cover, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
||||
name="viewport"
|
||||
/>
|
||||
<link href="/favicon.ico" rel="icon" />
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/accordion
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/accordion",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/avatar",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/badge",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/button",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/card",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
|
||||
"keywords": [
|
||||
"card"
|
||||
@ -8,7 +8,7 @@
|
||||
"author": "Junior Garcia <jrgarciadev@gmail.com>",
|
||||
"homepage": "https://nextui.org",
|
||||
"license": "MIT",
|
||||
"main": "src/index.ts",
|
||||
"main": "dist/index.js",
|
||||
"sideEffects": false,
|
||||
"files": [
|
||||
"dist"
|
||||
@ -58,5 +58,15 @@
|
||||
"clean-package": "2.2.0",
|
||||
"react": "^18.0.0"
|
||||
},
|
||||
"clean-package": "../../../clean-package.config.json"
|
||||
"clean-package": "../../../clean-package.config.json",
|
||||
"module": "dist/index.mjs",
|
||||
"types": "dist/index.d.ts",
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/index.d.ts",
|
||||
"import": "./dist/index.mjs",
|
||||
"require": "./dist/index.js"
|
||||
},
|
||||
"./package.json": "./package.json"
|
||||
}
|
||||
}
|
||||
|
||||
62
packages/components/card/package.json.backup
Normal file
62
packages/components/card/package.json.backup
Normal file
@ -0,0 +1,62 @@
|
||||
{
|
||||
"name": "@nextui-org/card",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
|
||||
"keywords": [
|
||||
"card"
|
||||
],
|
||||
"author": "Junior Garcia <jrgarciadev@gmail.com>",
|
||||
"homepage": "https://nextui.org",
|
||||
"license": "MIT",
|
||||
"main": "src/index.ts",
|
||||
"sideEffects": false,
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/nextui-org/nextui.git",
|
||||
"directory": "packages/components/card"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/nextui-org/nextui/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "tsup src --dts",
|
||||
"dev": "yarn build:fast -- --watch",
|
||||
"clean": "rimraf dist .turbo",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build:fast": "tsup src",
|
||||
"prepack": "clean-package",
|
||||
"postpack": "clean-package restore"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=18"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nextui-org/theme": "workspace:*",
|
||||
"@nextui-org/system": "workspace:*",
|
||||
"@nextui-org/shared-utils": "workspace:*",
|
||||
"@nextui-org/use-aria-button": "workspace:*",
|
||||
"@nextui-org/dom-utils": "workspace:*",
|
||||
"@nextui-org/drip": "workspace:*",
|
||||
"@react-aria/focus": "^3.12.0",
|
||||
"@react-aria/utils": "^3.16.0",
|
||||
"@react-aria/interactions": "^3.15.0",
|
||||
"@react-aria/button": "^3.7.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@react-types/shared": "^3.18.0",
|
||||
"@nextui-org/code": "workspace:*",
|
||||
"@nextui-org/link": "workspace:*",
|
||||
"@nextui-org/button": "workspace:*",
|
||||
"@nextui-org/avatar": "workspace:*",
|
||||
"@nextui-org/image": "workspace:*",
|
||||
"clean-package": "2.2.0",
|
||||
"react": "^18.0.0"
|
||||
},
|
||||
"clean-package": "../../../clean-package.config.json"
|
||||
}
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/checkbox
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/checkbox",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/chip",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/code",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "Code is a component used to display inline code.",
|
||||
"keywords": [
|
||||
"code"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/divider
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/divider",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/drip",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/dropdown",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/image",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "A simple image component",
|
||||
"keywords": [
|
||||
"image"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/input
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/input",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "The input component is designed for capturing user input within a text field.",
|
||||
"keywords": [
|
||||
"input"
|
||||
|
||||
@ -150,8 +150,12 @@ export function useInput(originalProps: UseInputProps) {
|
||||
return {
|
||||
className: slots.base({class: baseStyles}),
|
||||
"data-focus-visible": dataAttr(isFocusVisible),
|
||||
"data-focused": dataAttr(isFocused),
|
||||
"data-readonly": dataAttr(originalProps.isReadOnly),
|
||||
"data-focus": dataAttr(isFocused),
|
||||
"data-hover": dataAttr(isHovered),
|
||||
"data-required": dataAttr(originalProps.isRequired),
|
||||
"data-invalid": dataAttr(isInvalid),
|
||||
"data-disabled": dataAttr(originalProps.isDisabled),
|
||||
"data-has-elements": dataAttr(hasElements),
|
||||
...props,
|
||||
};
|
||||
@ -195,35 +199,36 @@ export function useInput(originalProps: UseInputProps) {
|
||||
|
||||
const getInnerWrapperProps: PropGetter = (props = {}) => {
|
||||
return {
|
||||
className: slots.innerWrapper({
|
||||
class: classNames?.innerWrapper,
|
||||
}),
|
||||
...props,
|
||||
className: slots.innerWrapper({
|
||||
class: clsx(classNames?.innerWrapper, props?.className),
|
||||
}),
|
||||
};
|
||||
};
|
||||
|
||||
const getDescriptionProps: PropGetter = (props = {}) => {
|
||||
return {
|
||||
className: slots.description({class: classNames?.description}),
|
||||
...descriptionProps,
|
||||
...props,
|
||||
...descriptionProps,
|
||||
className: slots.description({class: clsx(classNames?.description, props?.className)}),
|
||||
};
|
||||
};
|
||||
|
||||
const getErrorMessageProps: PropGetter = (props = {}) => {
|
||||
return {
|
||||
className: slots.errorMessage({class: classNames?.errorMessage}),
|
||||
...errorMessageProps,
|
||||
...props,
|
||||
...errorMessageProps,
|
||||
className: slots.errorMessage({class: clsx(classNames?.errorMessage, props?.className)}),
|
||||
};
|
||||
};
|
||||
|
||||
const getClearButtonProps: PropGetter = () => {
|
||||
const getClearButtonProps: PropGetter = (props = {}) => {
|
||||
return {
|
||||
...props,
|
||||
role: "button",
|
||||
tabIndex: 0,
|
||||
className: slots.clearButton({class: classNames?.clearButton}),
|
||||
"data-focus-visible": dataAttr(isClearButtonFocusVisible),
|
||||
className: slots.clearButton({class: clsx(classNames?.clearButton, props?.className)}),
|
||||
...mergeProps(clearPressProps, clearFocusProps),
|
||||
};
|
||||
};
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/kbd
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/kbd",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/link",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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"
|
||||
|
||||
@ -93,7 +93,8 @@ export function useLink(originalProps: UseLinkProps) {
|
||||
return {
|
||||
ref: domRef,
|
||||
className: classNames,
|
||||
"data-focused": dataAttr(isFocused),
|
||||
"data-focus": dataAttr(isFocused),
|
||||
"data-disabled": dataAttr(originalProps.isDisabled),
|
||||
"data-focus-visible": dataAttr(isFocusVisible),
|
||||
...mergeProps(focusProps, linkProps, otherProps),
|
||||
};
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/modal
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/modal",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/navbar",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-pagination@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/pagination",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/popover",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/progress",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
|
||||
"keywords": [
|
||||
"progress"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/radio
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/radio",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/skeleton",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/snippet",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spacer",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spinner",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/switch",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/table",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tabs",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tooltip",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "A React Component for rendering dynamically positioned Tooltips",
|
||||
"keywords": [
|
||||
"tooltip"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/user
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dom-utils@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/user",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "Flexible User Profile Component.",
|
||||
"keywords": [
|
||||
"user"
|
||||
|
||||
@ -83,7 +83,7 @@ export function useUser(props: UseUserProps) {
|
||||
ref: domRef,
|
||||
tabIndex: canBeFocused ? 0 : -1,
|
||||
"data-focus-visible": dataAttr(isFocusVisible),
|
||||
"data-focused": dataAttr(isFocused),
|
||||
"data-focus": dataAttr(isFocused),
|
||||
className: slots.base({
|
||||
class: baseStyles,
|
||||
}),
|
||||
|
||||
@ -1,5 +1,44 @@
|
||||
# @nextui-org/react
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/pagination@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/accordion@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/dropdown@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/progress@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/skeleton@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/divider@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/snippet@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/navbar@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/switch@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/badge@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/image@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/input@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/modal@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/radio@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/table@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/card@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/chip@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/code@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/link@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/tabs@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/user@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/kbd@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/react",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/system",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "NextUI system primitives",
|
||||
"keywords": [
|
||||
"system"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/theme
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/theme",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "The default theme for NextUI components",
|
||||
"keywords": [
|
||||
"theme",
|
||||
|
||||
@ -26,7 +26,7 @@ const input = tv({
|
||||
label: "block text-sm font-medium text-default-600",
|
||||
inputWrapper: "relative w-full inline-flex flex-row items-center shadow-sm px-3 gap-3",
|
||||
innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
|
||||
input: "w-full h-full !bg-transparent outline-none placeholder:text-default-500",
|
||||
input: "w-full h-full font-normal !bg-transparent outline-none placeholder:text-default-500",
|
||||
clearButton: [
|
||||
"z-10",
|
||||
"hidden",
|
||||
@ -57,7 +57,7 @@ const input = tv({
|
||||
inputWrapper: [
|
||||
"bg-default-100",
|
||||
"data-[hover=true]:bg-default-200",
|
||||
"focus-within:!bg-default-100",
|
||||
"group-data-[focused=true]:bg-default-100",
|
||||
],
|
||||
},
|
||||
faded: {
|
||||
@ -73,7 +73,7 @@ const input = tv({
|
||||
"border-2",
|
||||
"border-default-200",
|
||||
"data-[hover=true]:border-default-400",
|
||||
"focus-within:!border-foreground",
|
||||
"group-data-[focused=true]:border-foreground",
|
||||
],
|
||||
},
|
||||
underlined: {
|
||||
@ -97,7 +97,7 @@ const input = tv({
|
||||
"after:-translate-x-1/2",
|
||||
"after:-bottom-[2px]",
|
||||
"after:h-[2px]",
|
||||
"focus-within:after:w-full",
|
||||
"group-data-[focused=true]:after:w-full",
|
||||
],
|
||||
},
|
||||
},
|
||||
@ -262,7 +262,7 @@ const input = tv({
|
||||
"bg-primary-50",
|
||||
"data-[hover=true]:bg-primary-100",
|
||||
"text-primary",
|
||||
"focus-within:!bg-primary-50",
|
||||
"group-data-[focused=true]:bg-primary-50",
|
||||
"placeholder:text-primary",
|
||||
],
|
||||
input: "placeholder:text-primary",
|
||||
@ -274,9 +274,9 @@ const input = tv({
|
||||
class: {
|
||||
inputWrapper: [
|
||||
"bg-secondary-50",
|
||||
"data-[hover=true]:bg-secondary-100",
|
||||
"text-secondary",
|
||||
"focus-within:!bg-secondary-50",
|
||||
"data-[hover=true]:bg-secondary-100",
|
||||
"group-data-[focused=true]:bg-secondary-50",
|
||||
"placeholder:text-secondary",
|
||||
],
|
||||
input: "placeholder:text-secondary",
|
||||
@ -290,7 +290,7 @@ const input = tv({
|
||||
"bg-success-50",
|
||||
"data-[hover=true]:bg-success-100",
|
||||
"text-success",
|
||||
"focus-within:!bg-success-50",
|
||||
"group-data-[focused=true]:bg-success-50",
|
||||
"placeholder:text-success",
|
||||
],
|
||||
input: "placeholder:text-success",
|
||||
@ -304,7 +304,7 @@ const input = tv({
|
||||
"bg-warning-50",
|
||||
"data-[hover=true]:bg-warning-100",
|
||||
"text-warning",
|
||||
"focus-within:!bg-warning-50",
|
||||
"group-data-[focused=true]:bg-warning-50",
|
||||
"placeholder:text-warning",
|
||||
],
|
||||
input: "placeholder:text-warning",
|
||||
@ -318,7 +318,7 @@ const input = tv({
|
||||
"bg-danger-50",
|
||||
"data-[hover=true]:bg-danger-100",
|
||||
"text-danger",
|
||||
"focus-within:!bg-danger-50",
|
||||
"group-data-[focused=true]:bg-danger-50",
|
||||
"placeholder:text-danger",
|
||||
],
|
||||
input: "placeholder:text-danger",
|
||||
@ -406,35 +406,35 @@ const input = tv({
|
||||
variant: "bordered",
|
||||
color: "primary",
|
||||
class: {
|
||||
inputWrapper: "focus-within:!border-primary",
|
||||
inputWrapper: "group-data-[focused=true]:border-primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "bordered",
|
||||
color: "secondary",
|
||||
class: {
|
||||
inputWrapper: "focus-within:!border-secondary",
|
||||
inputWrapper: "group-data-[focused=true]:border-secondary",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "bordered",
|
||||
color: "success",
|
||||
class: {
|
||||
inputWrapper: "focus-within:!border-success",
|
||||
inputWrapper: "group-data-[focused=true]:border-success",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "bordered",
|
||||
color: "warning",
|
||||
class: {
|
||||
inputWrapper: "focus-within:!border-warning",
|
||||
inputWrapper: "group-data-[focused=true]:border-warning",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "bordered",
|
||||
color: "danger",
|
||||
class: {
|
||||
inputWrapper: "focus-within:!border-danger",
|
||||
inputWrapper: "group-data-[focused=true]:border-danger",
|
||||
},
|
||||
},
|
||||
// radius-full & size
|
||||
@ -504,7 +504,7 @@ const input = tv({
|
||||
inputWrapper: [
|
||||
"bg-danger-50",
|
||||
"data-[hover=true]:bg-danger-100",
|
||||
"focus-within:!bg-danger-50",
|
||||
"group-data-[focused=true]:bg-danger-50",
|
||||
],
|
||||
},
|
||||
},
|
||||
@ -512,7 +512,7 @@ const input = tv({
|
||||
isInvalid: true,
|
||||
variant: "bordered",
|
||||
class: {
|
||||
inputWrapper: "!border-danger focus-within:!border-danger",
|
||||
inputWrapper: "!border-danger group-data-[focused=true]:border-danger",
|
||||
},
|
||||
},
|
||||
{
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-accordion-item
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-accordion-item",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-button",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230529224901
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-field",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-label",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-slot-id",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-toggle-button",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-callback-ref",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"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-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-clipboard",
|
||||
"version": "0.0.0-dev-v2-20230528191554",
|
||||
"version": "0.0.0-dev-v2-20230529224901",
|
||||
"description": "Wrapper around navigator.clipboard with feedback timeout",
|
||||
"keywords": [
|
||||
"use-clipboard"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-disclosure
|
||||
|
||||
## 0.0.0-dev-v2-20230529224901
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Input styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-callback-ref@0.0.0-dev-v2-20230529224901
|
||||
|
||||
## 0.0.0-dev-v2-20230528191554
|
||||
|
||||
### 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