mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
feat(root): plop templates improved, column & spacer components added
This commit is contained in:
Junior Garcia
parent
56bfa2d123
commit
9ac4dc3710
@ -79,7 +79,7 @@ https://www.conventionalcommits.org/ or check out the
|
||||
3. Make and commit your changes following the
|
||||
[commit convention](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.md#commit-convention).
|
||||
As you develop, you can run `pnpm build --filter=<module>` and
|
||||
`pnpm test --filter=<module>` e.g. `pnpm build --filter=avatar` to make sure everything works as expected.
|
||||
`pnpm test packages/<module>/<pkg>` e.g. `pnpm build --filter=avatar & pnpm test packages/components/avatar` to make sure everything works as expected.
|
||||
|
||||
> To know more about the `--filter` option, please check the turborepo [docs](https://turborepo.org/docs/core-concepts/filtering).
|
||||
|
||||
|
||||
@ -44,6 +44,8 @@
|
||||
"@nextui-org/dom-utils": "workspace:*"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@nextui-org/spacer": "workspace:*",
|
||||
"@nextui-org/icons-utils": "workspace:*",
|
||||
"react-aria": "3.18.0",
|
||||
"clean-package": "2.1.1",
|
||||
"react": "^17.0.2"
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import {styled, VariantProps} from "@nextui-org/system";
|
||||
import {styled} from "@nextui-org/system";
|
||||
|
||||
import {StyledAvatar} from "./avatar.styles";
|
||||
|
||||
@ -40,7 +40,3 @@ export const StyledAvatarGroup = styled("div", {
|
||||
animated: true,
|
||||
},
|
||||
});
|
||||
|
||||
export type AvatarGroupVariants = VariantProps<typeof StyledAvatarGroup>;
|
||||
|
||||
export default StyledAvatarGroup;
|
||||
|
||||
@ -3,24 +3,23 @@ import {HTMLNextUIProps, forwardRef} from "@nextui-org/system";
|
||||
import {useDOMRef} from "@nextui-org/dom-utils";
|
||||
import {clsx, __DEV__} from "@nextui-org/shared-utils";
|
||||
|
||||
import StyledAvatarGroup, {
|
||||
StyledAvatarGroupCount,
|
||||
AvatarGroupVariants,
|
||||
} from "./avatar-group.styles";
|
||||
import {StyledAvatarGroup, StyledAvatarGroupCount} from "./avatar-group.styles";
|
||||
|
||||
export interface AvatarGroupProps extends HTMLNextUIProps<"div", AvatarGroupVariants> {
|
||||
export interface AvatarGroupProps extends HTMLNextUIProps<"div"> {
|
||||
count?: number;
|
||||
animated?: boolean;
|
||||
children?: ReactNode;
|
||||
}
|
||||
|
||||
const AvatarGroup = forwardRef<AvatarGroupProps, "div">((props, ref) => {
|
||||
const {count, children, className, ...otherProps} = props;
|
||||
const {count, animated, children, className, ...otherProps} = props;
|
||||
|
||||
const domRef = useDOMRef(ref);
|
||||
|
||||
return (
|
||||
<StyledAvatarGroup
|
||||
ref={domRef}
|
||||
animated={animated}
|
||||
className={clsx("nextui-avatar-group", className)}
|
||||
{...otherProps}
|
||||
>
|
||||
|
||||
@ -306,13 +306,6 @@ export const StyledAvatar = styled(
|
||||
},
|
||||
},
|
||||
],
|
||||
defaultVariants: {
|
||||
size: "md",
|
||||
rounded: true,
|
||||
color: "default",
|
||||
textColor: "default",
|
||||
borderWeight: "normal",
|
||||
},
|
||||
},
|
||||
cssFocusVisible,
|
||||
);
|
||||
|
||||
@ -1,22 +1,60 @@
|
||||
import type {
|
||||
ReactRef,
|
||||
NormalColors,
|
||||
SimpleColors,
|
||||
NormalSizes,
|
||||
NormalWeights,
|
||||
} from "@nextui-org/shared-utils";
|
||||
|
||||
import {useState, useEffect, useMemo} from "react";
|
||||
import {useFocusRing, mergeProps} from "react-aria";
|
||||
import {HTMLNextUIProps, forwardRef} from "@nextui-org/system";
|
||||
import {useDOMRef, IFocusRingAria} from "@nextui-org/dom-utils";
|
||||
import {clsx, ReactRef, safeText, __DEV__} from "@nextui-org/shared-utils";
|
||||
import {clsx, safeText, __DEV__} from "@nextui-org/shared-utils";
|
||||
|
||||
import {StyledAvatar, AvatarVariantsProps} from "./avatar.styles";
|
||||
import {StyledAvatar} from "./avatar.styles";
|
||||
import AvatarGroup from "./avatar-group";
|
||||
|
||||
export interface AvatarProps extends HTMLNextUIProps<"span", AvatarVariantsProps> {
|
||||
export interface AvatarProps extends HTMLNextUIProps<"span"> {
|
||||
bordered?: boolean;
|
||||
rounded?: boolean;
|
||||
stacked?: boolean;
|
||||
pointer?: boolean;
|
||||
squared?: boolean;
|
||||
zoomed?: boolean;
|
||||
text?: string;
|
||||
src?: string;
|
||||
alt?: string;
|
||||
color?: NormalColors;
|
||||
textColor?: SimpleColors;
|
||||
size?: NormalSizes;
|
||||
borderWeight?: NormalWeights;
|
||||
icon?: React.ReactNode;
|
||||
imgRef?: ReactRef<HTMLImageElement>;
|
||||
}
|
||||
|
||||
const Avatar = forwardRef<AvatarProps, "span">((props, ref) => {
|
||||
const {as, src, css, text, icon, alt, className, imgRef: imgRefProp, ...otherProps} = props;
|
||||
const {
|
||||
as,
|
||||
src,
|
||||
css,
|
||||
text,
|
||||
icon,
|
||||
alt,
|
||||
bordered,
|
||||
stacked,
|
||||
pointer,
|
||||
squared,
|
||||
zoomed,
|
||||
color = "default",
|
||||
textColor = "default",
|
||||
size = "md",
|
||||
borderWeight = "normal",
|
||||
rounded = true,
|
||||
className,
|
||||
imgRef: imgRefProp,
|
||||
...otherProps
|
||||
} = props;
|
||||
|
||||
const domRef = useDOMRef(ref);
|
||||
const imgRef = useDOMRef(imgRefProp);
|
||||
@ -34,10 +72,35 @@ const Avatar = forwardRef<AvatarProps, "span">((props, ref) => {
|
||||
return !ready && src ? "loading" : "ready";
|
||||
}, [src, ready]);
|
||||
|
||||
const getCss = useMemo(() => {
|
||||
if (as === "button") {
|
||||
return {
|
||||
// reset button styles
|
||||
appearance: "none",
|
||||
outline: "none",
|
||||
border: "none",
|
||||
cursor: "pointer",
|
||||
...css,
|
||||
};
|
||||
}
|
||||
|
||||
return css;
|
||||
}, [as, css]);
|
||||
|
||||
return (
|
||||
<StyledAvatar
|
||||
ref={domRef}
|
||||
as={as}
|
||||
borderWeight={borderWeight}
|
||||
bordered={bordered}
|
||||
color={color}
|
||||
pointer={pointer}
|
||||
rounded={rounded}
|
||||
size={size}
|
||||
squared={squared}
|
||||
stacked={stacked}
|
||||
textColor={textColor}
|
||||
zoomed={zoomed}
|
||||
{...mergeProps(otherProps, focusProps)}
|
||||
className={clsx(
|
||||
"nextui-avatar",
|
||||
@ -46,18 +109,7 @@ const Avatar = forwardRef<AvatarProps, "span">((props, ref) => {
|
||||
},
|
||||
className,
|
||||
)}
|
||||
css={
|
||||
as === "button"
|
||||
? {
|
||||
// reset button styles
|
||||
appearance: "none",
|
||||
outline: "none",
|
||||
border: "none",
|
||||
cursor: "pointer",
|
||||
...css,
|
||||
}
|
||||
: css
|
||||
}
|
||||
css={getCss}
|
||||
data-state={getState}
|
||||
isFocusVisible={isFocusVisible}
|
||||
>
|
||||
@ -90,4 +142,8 @@ if (__DEV__) {
|
||||
|
||||
Avatar.toString = () => ".nextui-avatar";
|
||||
|
||||
export default Avatar as AvatarComponent<AvatarProps>;
|
||||
const AvatarWithGroup = Avatar as AvatarComponent<AvatarProps>;
|
||||
|
||||
AvatarWithGroup.Group = AvatarGroup;
|
||||
|
||||
export default AvatarWithGroup;
|
||||
|
||||
@ -1,15 +1,9 @@
|
||||
import Avatar from "./avatar";
|
||||
import AvatarGroup from "./avatar-group";
|
||||
|
||||
// export styled components
|
||||
export * from "./avatar.styles";
|
||||
export * from "./avatar-group.styles";
|
||||
|
||||
// export types
|
||||
export type {AvatarProps} from "./avatar";
|
||||
export type {AvatarGroupProps} from "./avatar-group";
|
||||
|
||||
Avatar.Group = AvatarGroup;
|
||||
|
||||
// export component
|
||||
export {Avatar, AvatarGroup};
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import React from "react";
|
||||
import {Meta} from "@storybook/react";
|
||||
import {Spacer} from "@nextui-org/spacer";
|
||||
import {Lock, User, VolumeUp, Camera, Activity} from "@nextui-org/icons-utils";
|
||||
|
||||
// import Spacer from "../spacer";
|
||||
// import {Lock, User, VolumeUp, Camera, Activity} from "../utils/icons";
|
||||
import {Avatar} from "../src";
|
||||
|
||||
export default {
|
||||
@ -19,6 +19,21 @@ const pictureUsers = [
|
||||
"https://i.pravatar.cc/300?u=a042581f4f29026709d",
|
||||
];
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const Container = ({children}: any) => (
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
justifyContent: "space-between",
|
||||
flexWrap: "wrap",
|
||||
width: "100%",
|
||||
maxWidth: `${children.length * 45}px`,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
|
||||
export const Simple = () => <Avatar text="Hello" />;
|
||||
|
||||
export const Default = () => {
|
||||
@ -34,128 +49,128 @@ export const Default = () => {
|
||||
);
|
||||
};
|
||||
|
||||
// export const Colors = () => {
|
||||
// return (
|
||||
// <>
|
||||
// <Container>
|
||||
// <Avatar bordered pointer color="primary" src={pictureUsers[0]} />
|
||||
// <Avatar bordered pointer color="secondary" src={pictureUsers[1]} />
|
||||
// <Avatar bordered squared color="success" src={pictureUsers[2]} />
|
||||
// <Avatar bordered squared color="warning" src={pictureUsers[3]} />
|
||||
// <Avatar bordered squared color="error" src={pictureUsers[4]} />
|
||||
// <Avatar bordered squared color="gradient" src={pictureUsers[1]} />
|
||||
// <Avatar
|
||||
// bordered
|
||||
// squared
|
||||
// css={{".nextui-avatar-bg": {bg: "#ff4ecd"}}}
|
||||
// src={pictureUsers[2]}
|
||||
// />
|
||||
// </Container>
|
||||
// <Spacer y={2} />
|
||||
// <Container>
|
||||
// <Avatar pointer color="primary" text={nameUsers[0]} />
|
||||
// <Avatar pointer color="secondary" text={nameUsers[1]} />
|
||||
// <Avatar squared color="success" text={nameUsers[2]} />
|
||||
// <Avatar squared color="warning" text={nameUsers[3]} />
|
||||
// <Avatar squared color="error" text={nameUsers[0]} />
|
||||
// <Avatar squared color="gradient" text={nameUsers[2]} />
|
||||
// </Container>
|
||||
// </>
|
||||
// );
|
||||
// };
|
||||
export const Colors = () => {
|
||||
return (
|
||||
<>
|
||||
<Container>
|
||||
<Avatar bordered pointer color="primary" src={pictureUsers[0]} />
|
||||
<Avatar bordered pointer color="secondary" src={pictureUsers[1]} />
|
||||
<Avatar bordered squared color="success" src={pictureUsers[2]} />
|
||||
<Avatar bordered squared color="warning" src={pictureUsers[3]} />
|
||||
<Avatar bordered squared color="error" src={pictureUsers[4]} />
|
||||
<Avatar bordered squared color="gradient" src={pictureUsers[1]} />
|
||||
<Avatar
|
||||
bordered
|
||||
squared
|
||||
css={{".nextui-avatar-bg": {bg: "#ff4ecd"}}}
|
||||
src={pictureUsers[2]}
|
||||
/>
|
||||
</Container>
|
||||
<Spacer y={2} />
|
||||
<Container>
|
||||
<Avatar pointer color="primary" text={nameUsers[0]} />
|
||||
<Avatar pointer color="secondary" text={nameUsers[1]} />
|
||||
<Avatar squared color="success" text={nameUsers[2]} />
|
||||
<Avatar squared color="warning" text={nameUsers[3]} />
|
||||
<Avatar squared color="error" text={nameUsers[0]} />
|
||||
<Avatar squared color="gradient" text={nameUsers[2]} />
|
||||
</Container>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
// export const Bordered = () => {
|
||||
// return (
|
||||
// <Container>
|
||||
// {pictureUsers.map((url, index) => (
|
||||
// <Avatar key={index} bordered pointer squared={index % 2 > 0} src={url} />
|
||||
// ))}
|
||||
// </Container>
|
||||
// );
|
||||
// };
|
||||
export const Bordered = () => {
|
||||
return (
|
||||
<Container>
|
||||
{pictureUsers.map((url, index) => (
|
||||
<Avatar key={index} bordered pointer squared={index % 2 > 0} src={url} />
|
||||
))}
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
// export const BorderWeights = () => {
|
||||
// return (
|
||||
// <Container>
|
||||
// <Avatar bordered pointer borderWeight="light" color="primary" src={pictureUsers[0]} />
|
||||
// <Avatar bordered pointer borderWeight="normal" color="secondary" src={pictureUsers[1]} />
|
||||
// <Avatar bordered squared borderWeight="bold" color="success" src={pictureUsers[2]} />
|
||||
// <Avatar bordered squared borderWeight="extrabold" color="warning" src={pictureUsers[3]} />
|
||||
// <Avatar bordered squared borderWeight="black" color="error" src={pictureUsers[4]} />
|
||||
// <Avatar bordered squared borderWeight="black" color="gradient" src={pictureUsers[1]} />
|
||||
// </Container>
|
||||
// );
|
||||
// };
|
||||
export const BorderWeights = () => {
|
||||
return (
|
||||
<Container>
|
||||
<Avatar bordered pointer borderWeight="light" color="primary" src={pictureUsers[0]} />
|
||||
<Avatar bordered pointer borderWeight="normal" color="secondary" src={pictureUsers[1]} />
|
||||
<Avatar bordered squared borderWeight="bold" color="success" src={pictureUsers[2]} />
|
||||
<Avatar bordered squared borderWeight="extrabold" color="warning" src={pictureUsers[3]} />
|
||||
<Avatar bordered squared borderWeight="black" color="error" src={pictureUsers[4]} />
|
||||
<Avatar bordered squared borderWeight="black" color="gradient" src={pictureUsers[1]} />
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
// export const Sizes = () => {
|
||||
// return (
|
||||
// <div
|
||||
// style={{
|
||||
// width: "100%",
|
||||
// display: "flex",
|
||||
// flexDirection: "column",
|
||||
// }}
|
||||
// >
|
||||
// <Container>
|
||||
// <Avatar size="xs" src={pictureUsers[0]} />
|
||||
// <Avatar size="sm" src={pictureUsers[1]} />
|
||||
// <Avatar size="md" src={pictureUsers[2]} />
|
||||
// <Avatar size="lg" src={pictureUsers[3]} />
|
||||
// <Avatar size="xl" src={pictureUsers[4]} />
|
||||
// </Container>
|
||||
// <Spacer />
|
||||
// <Container>
|
||||
// <Avatar squared size="xs" text={nameUsers[4]} />
|
||||
// <Avatar squared size="sm" text={nameUsers[1]} />
|
||||
// <Avatar squared size="md" text={nameUsers[2]} />
|
||||
// <Avatar squared size="lg" text={nameUsers[3]} />
|
||||
// <Avatar squared size="xl" text={nameUsers[0]} />
|
||||
// </Container>
|
||||
// </div>
|
||||
// );
|
||||
// };
|
||||
export const Sizes = () => {
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
width: "100%",
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
}}
|
||||
>
|
||||
<Container>
|
||||
<Avatar size="xs" src={pictureUsers[0]} />
|
||||
<Avatar size="sm" src={pictureUsers[1]} />
|
||||
<Avatar size="md" src={pictureUsers[2]} />
|
||||
<Avatar size="lg" src={pictureUsers[3]} />
|
||||
<Avatar size="xl" src={pictureUsers[4]} />
|
||||
</Container>
|
||||
<Spacer />
|
||||
<Container>
|
||||
<Avatar squared size="xs" text={nameUsers[4]} />
|
||||
<Avatar squared size="sm" text={nameUsers[1]} />
|
||||
<Avatar squared size="md" text={nameUsers[2]} />
|
||||
<Avatar squared size="lg" text={nameUsers[3]} />
|
||||
<Avatar squared size="xl" text={nameUsers[0]} />
|
||||
</Container>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
// export const Zoomed = () => {
|
||||
// return (
|
||||
// <Container>
|
||||
// {pictureUsers.map((url, index) => (
|
||||
// <Avatar key={index} bordered pointer zoomed size="md" src={url} />
|
||||
// ))}
|
||||
// </Container>
|
||||
// );
|
||||
// };
|
||||
export const Zoomed = () => {
|
||||
return (
|
||||
<Container>
|
||||
{pictureUsers.map((url, index) => (
|
||||
<Avatar key={index} bordered pointer zoomed size="md" src={url} />
|
||||
))}
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
// export const Icons = () => {
|
||||
// return (
|
||||
// <Container>
|
||||
// <Avatar squared icon={<Lock fill="currentColor" size={20} />} />
|
||||
// <Avatar squared icon={<Camera fill="currentColor" size={20} />} />
|
||||
// <Avatar squared icon={<User fill="currentColor" size={20} />} />
|
||||
// <Avatar squared icon={<VolumeUp fill="currentColor" size={20} />} />
|
||||
// <Avatar squared icon={<Activity fill="currentColor" size={20} />} />
|
||||
// </Container>
|
||||
// );
|
||||
// };
|
||||
export const Icons = () => {
|
||||
return (
|
||||
<Container>
|
||||
<Avatar squared icon={<Lock fill="currentColor" size={20} />} />
|
||||
<Avatar squared icon={<Camera fill="currentColor" size={20} />} />
|
||||
<Avatar squared icon={<User fill="currentColor" size={20} />} />
|
||||
<Avatar squared icon={<VolumeUp fill="currentColor" size={20} />} />
|
||||
<Avatar squared icon={<Activity fill="currentColor" size={20} />} />
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
// export const Group = () => {
|
||||
// return (
|
||||
// <Container>
|
||||
// <Avatar.Group count={12}>
|
||||
// {pictureUsers.map((url, index) => (
|
||||
// <Avatar key={index} bordered stacked src={url} />
|
||||
// ))}
|
||||
// </Avatar.Group>
|
||||
// <Spacer y={2} />
|
||||
// <Avatar.Group count={12}>
|
||||
// {nameUsers.map((name, index) => (
|
||||
// <Avatar key={index} bordered stacked text={name} />
|
||||
// ))}
|
||||
// </Avatar.Group>
|
||||
// <Spacer y={2} />
|
||||
// <Avatar.Group>
|
||||
// <Avatar text="1" />
|
||||
// <Avatar text="2" />
|
||||
// </Avatar.Group>
|
||||
// </Container>
|
||||
// );
|
||||
// };
|
||||
export const Group = () => {
|
||||
return (
|
||||
<Container>
|
||||
<Avatar.Group count={12}>
|
||||
{pictureUsers.map((url, index) => (
|
||||
<Avatar key={index} bordered stacked src={url} />
|
||||
))}
|
||||
</Avatar.Group>
|
||||
<Spacer y={2} />
|
||||
<Avatar.Group count={12}>
|
||||
{nameUsers.map((name, index) => (
|
||||
<Avatar key={index} bordered stacked text={name} />
|
||||
))}
|
||||
</Avatar.Group>
|
||||
<Spacer y={2} />
|
||||
<Avatar.Group>
|
||||
<Avatar text="1" />
|
||||
<Avatar text="2" />
|
||||
</Avatar.Group>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
@ -3,8 +3,8 @@ import {findUpSync} from "find-up";
|
||||
|
||||
export default defineConfig({
|
||||
clean: true,
|
||||
minify: true,
|
||||
treeshake: false,
|
||||
minify: false,
|
||||
treeshake: true,
|
||||
format: ["cjs", "esm"],
|
||||
outExtension(ctx) {
|
||||
return {js: `.${ctx.format}.js`};
|
||||
|
||||
24
packages/components/col/README.md
Normal file
24
packages/components/col/README.md
Normal file
@ -0,0 +1,24 @@
|
||||
# @nextui-org/col
|
||||
|
||||
A Quick description of the component
|
||||
|
||||
> This is an internal utility, not intended for public usage.
|
||||
|
||||
## Installation
|
||||
|
||||
```sh
|
||||
yarn add @nextui-org/col
|
||||
# or
|
||||
npm i @nextui-org/col
|
||||
```
|
||||
|
||||
## Contribution
|
||||
|
||||
Yes please! See the
|
||||
[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
|
||||
for details.
|
||||
|
||||
## Licence
|
||||
|
||||
This project is licensed under the terms of the
|
||||
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
|
||||
58
packages/components/col/__tests__/col.test.tsx
Normal file
58
packages/components/col/__tests__/col.test.tsx
Normal file
@ -0,0 +1,58 @@
|
||||
import * as React from "react";
|
||||
import {render} from "@testing-library/react";
|
||||
|
||||
import {Col} from "../src";
|
||||
|
||||
describe("Col", () => {
|
||||
test("should render correctly", () => {
|
||||
const wrapper = render(<Col />);
|
||||
|
||||
expect(() => wrapper.unmount()).not.toThrow();
|
||||
});
|
||||
|
||||
it("should work with span and offset", () => {
|
||||
const wrapper = render(
|
||||
<div>
|
||||
<Col span={2}>col</Col>
|
||||
<Col offset={2} span={2}>
|
||||
col
|
||||
</Col>
|
||||
</div>,
|
||||
);
|
||||
|
||||
expect(() => wrapper.unmount()).not.toThrow();
|
||||
});
|
||||
|
||||
it("should render correctly when nested", () => {
|
||||
const wrapper = render(
|
||||
<Col>
|
||||
<Col>
|
||||
<Col />
|
||||
col
|
||||
</Col>
|
||||
</Col>,
|
||||
);
|
||||
|
||||
expect(() => wrapper.unmount()).not.toThrow();
|
||||
});
|
||||
|
||||
it("should render different components", () => {
|
||||
let wrapper = render(<Col as="p" data-testid="p-col-test" />);
|
||||
|
||||
let p = wrapper.getByTestId("p-col-test");
|
||||
|
||||
expect(p).toBeTruthy();
|
||||
|
||||
wrapper = render(<Col as="details" data-testid="details-col-test" />);
|
||||
|
||||
let details = wrapper.getByTestId("details-col-test");
|
||||
|
||||
expect(details).toBeTruthy();
|
||||
|
||||
wrapper = render(<Col as="h1" data-testid="h1-col-test" />);
|
||||
|
||||
let h1 = wrapper.getByTestId("h1-col-test");
|
||||
|
||||
expect(h1).toBeTruthy();
|
||||
});
|
||||
});
|
||||
3
packages/components/col/clean-package.config.json
Normal file
3
packages/components/col/clean-package.config.json
Normal file
@ -0,0 +1,3 @@
|
||||
{ "replace": { "main": "dist/index.cjs.js", "module": "dist/index.esm.js",
|
||||
"types": "dist/index.d.ts", "exports": { ".": { "import": "./dist/index.esm.js",
|
||||
"require": "./dist/index.cjs.js" }, "./package.json": "./package.json" } } }
|
||||
50
packages/components/col/package.json
Normal file
50
packages/components/col/package.json
Normal file
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "@nextui-org/col",
|
||||
"version": "1.0.0-beta.11",
|
||||
"description": "The column component is part of the NextUI's Grid system that uses a series of containers, rows and columns ",
|
||||
"keywords": [
|
||||
"col"
|
||||
],
|
||||
"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/col"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/nextui-org/nextui/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "tsup src/index.ts --format=esm,cjs --dts",
|
||||
"dev": "yarn build:fast -- --watch",
|
||||
"clean": "rimraf dist .turbo",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build:fast": "tsup src/index.ts --format=esm,cjs",
|
||||
"prepack": "clean-package",
|
||||
"postpack": "clean-package restore"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nextui-org/system": "workspace:*",
|
||||
"@nextui-org/shared-utils": "workspace:*",
|
||||
"@nextui-org/dom-utils": "workspace:*",
|
||||
"clean-package": "2.1.1",
|
||||
"react": "^17.0.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"clean-package": "2.1.1",
|
||||
"react": "^17.0.2"
|
||||
}
|
||||
}
|
||||
10
packages/components/col/src/col.styles.ts
Normal file
10
packages/components/col/src/col.styles.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import {styled, VariantProps} from "@nextui-org/system";
|
||||
|
||||
export const StyledCol = styled("div", {
|
||||
float: "left",
|
||||
boxSizing: "border-box",
|
||||
pl: "calc($$rowGap / 2)",
|
||||
pr: "calc($$rowGap / 2)",
|
||||
});
|
||||
|
||||
export type ColVariantsProps = VariantProps<typeof StyledCol>;
|
||||
37
packages/components/col/src/col.tsx
Normal file
37
packages/components/col/src/col.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
import {HTMLNextUIProps, forwardRef} from "@nextui-org/system";
|
||||
import {useDOMRef} from "@nextui-org/dom-utils";
|
||||
import {__DEV__} from "@nextui-org/shared-utils";
|
||||
|
||||
import {StyledCol} from "./col.styles";
|
||||
|
||||
export interface ColProps extends HTMLNextUIProps<"div"> {
|
||||
span?: number;
|
||||
offset?: number;
|
||||
}
|
||||
|
||||
const Col = forwardRef<ColProps, "div">((props, ref) => {
|
||||
const {span = 12, offset = 0, css, children} = props;
|
||||
const domRef = useDOMRef(ref);
|
||||
|
||||
return (
|
||||
<StyledCol
|
||||
ref={domRef}
|
||||
css={{
|
||||
width: `${(100 / 12) * span}%`,
|
||||
marginLeft: `${(100 / 12) * offset}%`,
|
||||
...css,
|
||||
}}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
</StyledCol>
|
||||
);
|
||||
});
|
||||
|
||||
if (__DEV__) {
|
||||
Col.displayName = "NextUI.Col";
|
||||
}
|
||||
|
||||
Col.toString = () => ".nextui-col";
|
||||
|
||||
export default Col;
|
||||
5
packages/components/col/src/index.ts
Normal file
5
packages/components/col/src/index.ts
Normal file
@ -0,0 +1,5 @@
|
||||
// export types
|
||||
export type {ColProps} from "./col";
|
||||
|
||||
// export component
|
||||
export {default as Col} from "./col";
|
||||
10
packages/components/col/src/use-col.ts
Normal file
10
packages/components/col/src/use-col.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import * as React from "react";
|
||||
|
||||
export interface UseColProps {}
|
||||
|
||||
export function useCol(props: UseColProps) {
|
||||
return {};
|
||||
}
|
||||
|
||||
export type UseColReturn = ReturnType<typeof useCol>;
|
||||
|
||||
9
packages/components/col/tsconfig.json
Normal file
9
packages/components/col/tsconfig.json
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"extends": "../../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"paths": {
|
||||
"@stitches/react": ["../../../node_modules/@stitches/react"]
|
||||
}
|
||||
},
|
||||
"include": ["src", "index.ts"]
|
||||
}
|
||||
13
packages/components/col/tsup.config.ts
Normal file
13
packages/components/col/tsup.config.ts
Normal file
@ -0,0 +1,13 @@
|
||||
import {defineConfig} from "tsup";
|
||||
import {findUpSync} from "find-up";
|
||||
|
||||
export default defineConfig({
|
||||
clean: true,
|
||||
minify: false,
|
||||
treeshake: true,
|
||||
format: ["cjs", "esm"],
|
||||
outExtension(ctx) {
|
||||
return {js: `.${ctx.format}.js`};
|
||||
},
|
||||
inject: process.env.JSX ? [findUpSync("react-shim.js")!] : undefined,
|
||||
});
|
||||
24
packages/components/spacer/README.md
Normal file
24
packages/components/spacer/README.md
Normal file
@ -0,0 +1,24 @@
|
||||
# @nextui-org/spacer
|
||||
|
||||
A Quick description of the component
|
||||
|
||||
> This is an internal utility, not intended for public usage.
|
||||
|
||||
## Installation
|
||||
|
||||
```sh
|
||||
yarn add @nextui-org/spacer
|
||||
# or
|
||||
npm i @nextui-org/spacer
|
||||
```
|
||||
|
||||
## Contribution
|
||||
|
||||
Yes please! See the
|
||||
[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
|
||||
for details.
|
||||
|
||||
## Licence
|
||||
|
||||
This project is licensed under the terms of the
|
||||
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
|
||||
44
packages/components/spacer/__tests__/spacer.test.tsx
Normal file
44
packages/components/spacer/__tests__/spacer.test.tsx
Normal file
@ -0,0 +1,44 @@
|
||||
import * as React from "react";
|
||||
import {render} from "@testing-library/react";
|
||||
|
||||
import {Spacer} from "../src";
|
||||
|
||||
describe("Spacer", () => {
|
||||
test("should render correctly", () => {
|
||||
const wrapper = render(<Spacer />);
|
||||
|
||||
expect(() => wrapper.unmount()).not.toThrow();
|
||||
});
|
||||
|
||||
it("should support x and y props", () => {
|
||||
const wrapper = render(
|
||||
<div>
|
||||
<Spacer x={5} />
|
||||
<Spacer x={15} />
|
||||
<Spacer y={15} />
|
||||
<Spacer y={2} />
|
||||
</div>,
|
||||
);
|
||||
|
||||
expect(() => wrapper.unmount()).not.toThrow();
|
||||
});
|
||||
|
||||
it("should work with float numbers", () => {
|
||||
const wrapper = render(
|
||||
<div>
|
||||
<Spacer x={2.2} />
|
||||
<Spacer x={1.5} />
|
||||
<Spacer y={0.1} />
|
||||
<Spacer y={1.8} />
|
||||
</div>,
|
||||
);
|
||||
|
||||
expect(() => wrapper.unmount()).not.toThrow();
|
||||
});
|
||||
|
||||
it("should support inline prop", () => {
|
||||
const wrapper = render(<Spacer inline />);
|
||||
|
||||
expect(() => wrapper.unmount()).not.toThrow();
|
||||
});
|
||||
});
|
||||
3
packages/components/spacer/clean-package.config.json
Normal file
3
packages/components/spacer/clean-package.config.json
Normal file
@ -0,0 +1,3 @@
|
||||
{ "replace": { "main": "dist/index.cjs.js", "module": "dist/index.esm.js",
|
||||
"types": "dist/index.d.ts", "exports": { ".": { "import": "./dist/index.esm.js",
|
||||
"require": "./dist/index.cjs.js" }, "./package.json": "./package.json" } } }
|
||||
48
packages/components/spacer/package.json
Normal file
48
packages/components/spacer/package.json
Normal file
@ -0,0 +1,48 @@
|
||||
{
|
||||
"name": "@nextui-org/spacer",
|
||||
"version": "1.0.0-beta.11",
|
||||
"description": "The Spacer component provides a vertically or horizontally empty space",
|
||||
"keywords": [
|
||||
"spacer"
|
||||
],
|
||||
"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/spacer"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/nextui-org/nextui/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "tsup src/index.ts --format=esm,cjs --dts",
|
||||
"dev": "yarn build:fast -- --watch",
|
||||
"clean": "rimraf dist .turbo",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build:fast": "tsup src/index.ts --format=esm,cjs",
|
||||
"prepack": "clean-package",
|
||||
"postpack": "clean-package restore"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nextui-org/system": "workspace:*",
|
||||
"@nextui-org/shared-utils": "workspace:*",
|
||||
"@nextui-org/dom-utils": "workspace:*"
|
||||
},
|
||||
"devDependencies": {
|
||||
"clean-package": "2.1.1",
|
||||
"react": "^17.0.2"
|
||||
}
|
||||
}
|
||||
7
packages/components/spacer/src/index.ts
Normal file
7
packages/components/spacer/src/index.ts
Normal file
@ -0,0 +1,7 @@
|
||||
export * from "./use-spacer";
|
||||
|
||||
// export types
|
||||
export type {SpacerProps} from "./spacer";
|
||||
|
||||
// export component
|
||||
export {default as Spacer} from "./spacer";
|
||||
15
packages/components/spacer/src/spacer.styles.ts
Normal file
15
packages/components/spacer/src/spacer.styles.ts
Normal file
@ -0,0 +1,15 @@
|
||||
import {styled} from "@nextui-org/system";
|
||||
|
||||
export const StyledSpacer = styled("span", {
|
||||
size: "1px",
|
||||
variants: {
|
||||
inline: {
|
||||
true: {
|
||||
display: "inline-block",
|
||||
},
|
||||
false: {
|
||||
display: "block",
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
42
packages/components/spacer/src/spacer.tsx
Normal file
42
packages/components/spacer/src/spacer.tsx
Normal file
@ -0,0 +1,42 @@
|
||||
import {HTMLNextUIProps, forwardRef} from "@nextui-org/system";
|
||||
import {useDOMRef} from "@nextui-org/dom-utils";
|
||||
import {__DEV__} from "@nextui-org/shared-utils";
|
||||
|
||||
import {StyledSpacer} from "./spacer.styles";
|
||||
import {useSpacer, UseSpacerProps} from "./use-spacer";
|
||||
|
||||
export interface SpacerProps extends HTMLNextUIProps<"span", UseSpacerProps> {
|
||||
/**
|
||||
* Whether should have inline space
|
||||
*/
|
||||
inline?: boolean;
|
||||
}
|
||||
|
||||
const Spacer = forwardRef<SpacerProps, "span">((props, ref) => {
|
||||
const domRef = useDOMRef(ref);
|
||||
|
||||
const {x, y, inline = false, css, ...otherProps} = props;
|
||||
|
||||
const {getSpacerCss} = useSpacer({x, y});
|
||||
|
||||
return (
|
||||
<StyledSpacer
|
||||
ref={domRef}
|
||||
aria-hidden="true"
|
||||
css={{
|
||||
...getSpacerCss(),
|
||||
...css,
|
||||
}}
|
||||
inline={inline}
|
||||
{...otherProps}
|
||||
/>
|
||||
);
|
||||
});
|
||||
|
||||
if (__DEV__) {
|
||||
Spacer.displayName = "NextUI.Spacer";
|
||||
}
|
||||
|
||||
Spacer.toString = () => ".nextui-spacer";
|
||||
|
||||
export default Spacer;
|
||||
46
packages/components/spacer/src/use-spacer.ts
Normal file
46
packages/components/spacer/src/use-spacer.ts
Normal file
@ -0,0 +1,46 @@
|
||||
import {useCallback} from "react";
|
||||
|
||||
export interface UseSpacerProps {
|
||||
/**
|
||||
* x-axis spacing
|
||||
*/
|
||||
x?: number;
|
||||
/**
|
||||
* y-axis spacing
|
||||
*/
|
||||
y?: number;
|
||||
}
|
||||
|
||||
const getMargin = (num: number): string => {
|
||||
return `calc(${num * 15.25}pt + 1px * ${num - 1})`;
|
||||
};
|
||||
|
||||
export function useSpacer(props: UseSpacerProps) {
|
||||
const {x, y} = props;
|
||||
|
||||
const getSpacerCss = useCallback(() => {
|
||||
let css = {};
|
||||
|
||||
if (x) {
|
||||
css = {
|
||||
...css,
|
||||
marginLeft: getMargin(x),
|
||||
};
|
||||
}
|
||||
|
||||
if (y) {
|
||||
css = {
|
||||
...css,
|
||||
marginTop: getMargin(y),
|
||||
};
|
||||
}
|
||||
|
||||
return css;
|
||||
}, [x, y]);
|
||||
|
||||
return {
|
||||
getSpacerCss,
|
||||
};
|
||||
}
|
||||
|
||||
export type UseSpacerReturn = ReturnType<typeof useSpacer>;
|
||||
64
packages/components/spacer/stories/spacer.stories.tsx
Normal file
64
packages/components/spacer/stories/spacer.stories.tsx
Normal file
@ -0,0 +1,64 @@
|
||||
import React from "react";
|
||||
import {Meta} from "@storybook/react";
|
||||
import {styled} from "@nextui-org/system";
|
||||
|
||||
import {Spacer} from "../src";
|
||||
|
||||
export default {
|
||||
title: "Layout/Spacer",
|
||||
component: Spacer,
|
||||
} as Meta;
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const Container = ({children, vertical}: any) => (
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
flexDirection: vertical ? "column" : "row",
|
||||
justifyContent: "space-between",
|
||||
width: "100%",
|
||||
maxWidth: "50%",
|
||||
minWidth: "50%",
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
|
||||
const SpacerContainer = styled("div", {
|
||||
width: "100%",
|
||||
background: "$primary",
|
||||
borderRadius: "8px",
|
||||
});
|
||||
|
||||
export const Vertical = () => (
|
||||
<Container vertical>
|
||||
<SpacerContainer>
|
||||
<Spacer y={1} />
|
||||
</SpacerContainer>
|
||||
<Spacer y={1} />
|
||||
<SpacerContainer>
|
||||
<Spacer y={2} />
|
||||
</SpacerContainer>
|
||||
<Spacer y={1} />
|
||||
<SpacerContainer>
|
||||
<Spacer y={3} />
|
||||
</SpacerContainer>
|
||||
</Container>
|
||||
);
|
||||
|
||||
export const Horizontal = () => (
|
||||
<Container>
|
||||
<SpacerContainer css={{minHeight: "100px"}}>
|
||||
<Spacer x={5} />
|
||||
</SpacerContainer>
|
||||
<Spacer x={2} />
|
||||
<SpacerContainer css={{minHeight: "100px"}}>
|
||||
<Spacer x={5} />
|
||||
</SpacerContainer>
|
||||
<Spacer x={2} />
|
||||
<SpacerContainer css={{minHeight: "100px"}}>
|
||||
<Spacer x={5} />
|
||||
</SpacerContainer>
|
||||
</Container>
|
||||
);
|
||||
9
packages/components/spacer/tsconfig.json
Normal file
9
packages/components/spacer/tsconfig.json
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"extends": "../../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"paths": {
|
||||
"@stitches/react": ["../../../node_modules/@stitches/react"]
|
||||
}
|
||||
},
|
||||
"include": ["src", "index.ts"]
|
||||
}
|
||||
13
packages/components/spacer/tsup.config.ts
Normal file
13
packages/components/spacer/tsup.config.ts
Normal file
@ -0,0 +1,13 @@
|
||||
import {defineConfig} from "tsup";
|
||||
import {findUpSync} from "find-up";
|
||||
|
||||
export default defineConfig({
|
||||
clean: true,
|
||||
minify: false,
|
||||
treeshake: false,
|
||||
format: ["cjs", "esm"],
|
||||
outExtension(ctx) {
|
||||
return {js: `.${ctx.format}.js`};
|
||||
},
|
||||
inject: process.env.JSX ? [findUpSync("react-shim.js")!] : undefined,
|
||||
});
|
||||
@ -41,7 +41,8 @@
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.6.2",
|
||||
"@nextui-org/system": "workspace:*",
|
||||
"@nextui-org/avatar": "workspace:*"
|
||||
"@nextui-org/avatar": "workspace:*",
|
||||
"@nextui-org/col": "workspace:*"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8.0",
|
||||
|
||||
@ -1,2 +1,3 @@
|
||||
export * from "@nextui-org/system";
|
||||
export * from "@nextui-org/avatar";
|
||||
export * from "@nextui-org/col";
|
||||
|
||||
24
packages/utilities/icons-utils/README.md
Normal file
24
packages/utilities/icons-utils/README.md
Normal file
@ -0,0 +1,24 @@
|
||||
# @nextui-org/icons-utils
|
||||
|
||||
A Quick description of the component
|
||||
|
||||
> This is an internal utility, not intended for public usage.
|
||||
|
||||
## Installation
|
||||
|
||||
```sh
|
||||
yarn add @nextui-org/icons-utils
|
||||
# or
|
||||
npm i @nextui-org/icons-utils
|
||||
```
|
||||
|
||||
## Contribution
|
||||
|
||||
Yes please! See the
|
||||
[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
|
||||
for details.
|
||||
|
||||
## Licence
|
||||
|
||||
This project is licensed under the terms of the
|
||||
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
|
||||
3
packages/utilities/icons-utils/clean-package.config.json
Normal file
3
packages/utilities/icons-utils/clean-package.config.json
Normal file
@ -0,0 +1,3 @@
|
||||
{ "replace": { "main": "dist/index.cjs.js", "module": "dist/index.esm.js",
|
||||
"types": "dist/index.d.ts", "exports": { ".": { "import": "./dist/index.esm.js",
|
||||
"require": "./dist/index.cjs.js" }, "./package.json": "./package.json" } } }
|
||||
43
packages/utilities/icons-utils/package.json
Normal file
43
packages/utilities/icons-utils/package.json
Normal file
@ -0,0 +1,43 @@
|
||||
{
|
||||
"name": "@nextui-org/icons-utils",
|
||||
"version": "1.0.0-beta.11",
|
||||
"description": "Internal icons set, commonly used in the components stories",
|
||||
"keywords": [
|
||||
"icons-utils"
|
||||
],
|
||||
"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/utilities/icons-utils"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/nextui-org/nextui/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "tsup src/index.ts --format=esm,cjs --dts",
|
||||
"dev": "yarn build:fast -- --watch",
|
||||
"clean": "rimraf dist .turbo",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build:fast": "tsup src/index.ts --format=esm,cjs",
|
||||
"prepack": "clean-package",
|
||||
"postpack": "clean-package restore"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"clean-package": "2.1.1",
|
||||
"react": "^17.0.2"
|
||||
}
|
||||
}
|
||||
852
packages/utilities/icons-utils/src/icons.tsx
Normal file
852
packages/utilities/icons-utils/src/icons.tsx
Normal file
@ -0,0 +1,852 @@
|
||||
import * as React from "react";
|
||||
|
||||
interface IconProps {
|
||||
fill?: string;
|
||||
filled?: boolean;
|
||||
size?: string | number;
|
||||
height?: string | number;
|
||||
width?: string | number;
|
||||
label?: string;
|
||||
}
|
||||
|
||||
export const Sun: React.FC<IconProps> = ({fill, filled, size, height, width, ...props}) => {
|
||||
if (filled) {
|
||||
return (
|
||||
<svg
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 512 512"
|
||||
width={size || width || 24}
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M256 118a22 22 0 01-22-22V48a22 22 0 0144 0v48a22 22 0 01-22 22zM256 486a22 22 0 01-22-22v-48a22 22 0 0144 0v48a22 22 0 01-22 22zM369.14 164.86a22 22 0 01-15.56-37.55l33.94-33.94a22 22 0 0131.11 31.11l-33.94 33.94a21.93 21.93 0 01-15.55 6.44zM108.92 425.08a22 22 0 01-15.55-37.56l33.94-33.94a22 22 0 1131.11 31.11l-33.94 33.94a21.94 21.94 0 01-15.56 6.45zM464 278h-48a22 22 0 010-44h48a22 22 0 010 44zM96 278H48a22 22 0 010-44h48a22 22 0 010 44zM403.08 425.08a21.94 21.94 0 01-15.56-6.45l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.55 37.56zM142.86 164.86a21.89 21.89 0 01-15.55-6.44l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.56 37.55zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z"
|
||||
fill={fill}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<svg height={size || height || 24} viewBox="0 0 512 512" width={size || width || 24} {...props}>
|
||||
<path
|
||||
d="M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94"
|
||||
fill="none"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={32}
|
||||
/>
|
||||
<circle
|
||||
cx={256}
|
||||
cy={256}
|
||||
fill="none"
|
||||
r={80}
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={32}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Mail: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg height={size || height || 24} viewBox="0 0 24 24" width={size || width || 24} {...props}>
|
||||
<g fill="none" stroke={fill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5}>
|
||||
<path d="M12 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v3" />
|
||||
<path d="M17 9l-3.13 2.5a3.166 3.166 0 01-3.75 0L7 9M19.21 14.77l-3.539 3.54a1.232 1.232 0 00-.3.59l-.19 1.35a.635.635 0 00.76.76l1.35-.19a1.189 1.189 0 00.59-.3l3.54-3.54a1.365 1.365 0 000-2.22 1.361 1.361 0 00-2.211.01zM18.7 15.28a3.185 3.185 0 002.22 2.22" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Moon: React.FC<IconProps> = ({fill, filled, size, height, width, ...props}) => {
|
||||
if (filled) {
|
||||
return (
|
||||
<svg
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 512 512"
|
||||
width={size || width || 24}
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M152.62 126.77c0-33 4.85-66.35 17.23-94.77C87.54 67.83 32 151.89 32 247.38 32 375.85 136.15 480 264.62 480c95.49 0 179.55-55.54 215.38-137.85-28.42 12.38-61.8 17.23-94.77 17.23-128.47 0-232.61-104.14-232.61-232.61z"
|
||||
fill={fill}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<svg height={size || height || 24} viewBox="0 0 512 512" width={size || width || 24} {...props}>
|
||||
<path
|
||||
d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z"
|
||||
fill="none"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={32}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Lock: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
const color = fill;
|
||||
|
||||
return (
|
||||
<svg
|
||||
data-name="Iconly/Curved/Lock"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<g transform="translate(3.5 2)">
|
||||
<path
|
||||
d="M9.121,6.653V4.5A4.561,4.561,0,0,0,0,4.484V6.653"
|
||||
fill="none"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit="10"
|
||||
strokeWidth={1.5}
|
||||
transform="translate(3.85 0.75)"
|
||||
/>
|
||||
<path
|
||||
d="M.5,0V2.221"
|
||||
fill="none"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit="10"
|
||||
strokeWidth={1.5}
|
||||
transform="translate(7.91 12.156)"
|
||||
/>
|
||||
<path
|
||||
d="M7.66,0C1.915,0,0,1.568,0,6.271s1.915,6.272,7.66,6.272,7.661-1.568,7.661-6.272S13.4,0,7.66,0Z"
|
||||
fill="none"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit="10"
|
||||
strokeWidth={1.5}
|
||||
transform="translate(0.75 6.824)"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Unlock: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
const color = fill;
|
||||
|
||||
return (
|
||||
<svg
|
||||
data-name="Iconly/Curved/Lock"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<g transform="translate(3.5 2)">
|
||||
<path
|
||||
d="M8.927,3.237A4.562,4.562,0,0,0,0,4.484V6.653"
|
||||
fill="none"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit="10"
|
||||
strokeWidth={1.5}
|
||||
transform="translate(3.849 0.75)"
|
||||
/>
|
||||
<path
|
||||
d="M.5,0V2.221"
|
||||
fill="none"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit="10"
|
||||
strokeWidth={1.5}
|
||||
transform="translate(7.91 12.156)"
|
||||
/>
|
||||
<path
|
||||
d="M7.66,0C1.915,0,0,1.568,0,6.271s1.915,6.272,7.66,6.272,7.661-1.568,7.661-6.272S13.406,0,7.66,0Z"
|
||||
fill="none"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit="10"
|
||||
strokeWidth={1.5}
|
||||
transform="translate(0.75 6.824)"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Password: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg height={size || height || 24} viewBox="0 0 24 24" width={size || width || 24} {...props}>
|
||||
<g fill={fill}>
|
||||
<path d="M18.75 8v2.1a12.984 12.984 0 00-1.5-.1V8c0-3.15-.89-5.25-5.25-5.25S6.75 4.85 6.75 8v2a12.984 12.984 0 00-1.5.1V8c0-2.9.7-6.75 6.75-6.75S18.75 5.1 18.75 8z" />
|
||||
<path d="M18.75 10.1a12.984 12.984 0 00-1.5-.1H6.75a12.984 12.984 0 00-1.5.1C2.7 10.41 2 11.66 2 15v2c0 4 1 5 5 5h10c4 0 5-1 5-5v-2c0-3.34-.7-4.59-3.25-4.9zM8.71 16.71A1.052 1.052 0 018 17a1 1 0 01-.38-.08 1.032 1.032 0 01-.33-.21A1.052 1.052 0 017 16a1 1 0 01.08-.38 1.155 1.155 0 01.21-.33 1.032 1.032 0 01.33-.21 1 1 0 011.09.21 1.155 1.155 0 01.21.33A1 1 0 019 16a1.052 1.052 0 01-.29.71zm4.21-.33a1.155 1.155 0 01-.21.33A1.052 1.052 0 0112 17a1.033 1.033 0 01-.71-.29 1.155 1.155 0 01-.21-.33A1 1 0 0111 16a1.033 1.033 0 01.29-.71 1.047 1.047 0 011.42 0A1.033 1.033 0 0113 16a1 1 0 01-.08.38zm3.79.33a1.014 1.014 0 01-1.42 0 1.014 1.014 0 010-1.42 1.047 1.047 0 011.42 0c.04.05.08.1.12.16a.556.556 0 01.09.17.636.636 0 01.06.18 1.5 1.5 0 01.02.2 1.052 1.052 0 01-.29.71z" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Notification: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
clipRule="evenodd"
|
||||
d="M18.707 8.796c0 1.256.332 1.997 1.063 2.85.553.628.73 1.435.73 2.31 0 .874-.287 1.704-.863 2.378a4.537 4.537 0 01-2.9 1.413c-1.571.134-3.143.247-4.736.247-1.595 0-3.166-.068-4.737-.247a4.532 4.532 0 01-2.9-1.413 3.616 3.616 0 01-.864-2.378c0-.875.178-1.682.73-2.31.754-.854 1.064-1.594 1.064-2.85V8.37c0-1.682.42-2.781 1.283-3.858C7.861 2.942 9.919 2 11.956 2h.09c2.08 0 4.204.987 5.466 2.625.82 1.054 1.195 2.108 1.195 3.745v.426zM9.074 20.061c0-.504.462-.734.89-.833.5-.106 3.545-.106 4.045 0 .428.099.89.33.89.833-.025.48-.306.904-.695 1.174a3.635 3.635 0 01-1.713.731 3.795 3.795 0 01-1.008 0 3.618 3.618 0 01-1.714-.732c-.39-.269-.67-.694-.695-1.173z"
|
||||
fill={fill}
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const User: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
data-name="Iconly/Curved/Profile"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<g
|
||||
fill="none"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
>
|
||||
<path
|
||||
d="M11.845 21.662C8.153 21.662 5 21.088 5 18.787s3.133-4.425 6.845-4.425c3.692 0 6.845 2.1 6.845 4.4s-3.134 2.9-6.845 2.9z"
|
||||
data-name="Stroke 1"
|
||||
/>
|
||||
<path d="M11.837 11.174a4.372 4.372 0 10-.031 0z" data-name="Stroke 3" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const VolumeUp: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
clipRule="evenodd"
|
||||
d="M13.357 6.45c-.05-.486-.103-.99-.232-1.494C12.775 3.752 11.801 3 10.758 3c-.582-.002-1.318.356-1.736.72l-3.46 2.897h-1.81c-1.333 0-2.404 1.027-2.607 2.51-.172 1.424-.214 4.11 0 5.677.186 1.567 1.21 2.579 2.607 2.579h1.81l3.527 2.94c.362.315 1 .676 1.588.676l.105.001c1.063 0 2-.78 2.35-1.98.133-.509.18-.985.224-1.445l.001-.008.047-.459c.18-1.487.18-8.739 0-10.215l-.047-.442zm4.05.045a.907.907 0 00-1.279-.237.957.957 0 00-.228 1.308c.802 1.182 1.243 2.756 1.243 4.434 0 1.677-.441 3.252-1.243 4.434a.956.956 0 00.23 1.308.905.905 0 001.277-.237c1.012-1.492 1.571-3.447 1.571-5.505s-.559-4.013-1.571-5.505zM19.29 3.22a.905.905 0 011.277.236C22.136 5.767 23 8.802 23 12c0 3.2-.864 6.234-2.433 8.544a.902.902 0 01-1.276.236.957.957 0 01-.23-1.308c1.356-1.999 2.104-4.653 2.104-7.472 0-2.818-.748-5.472-2.105-7.471a.958.958 0 01.23-1.308z"
|
||||
fill={fill}
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Camera: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
clipRule="evenodd"
|
||||
d="M17.44 6.236c.04.07.11.12.2.12 2.4 0 4.36 1.958 4.36 4.355v5.934A4.368 4.368 0 0117.64 21H6.36A4.361 4.361 0 012 16.645V10.71a4.361 4.361 0 014.36-4.355c.08 0 .16-.04.19-.12l.06-.12.106-.222a97.79 97.79 0 01.714-1.486C7.89 3.51 8.67 3.01 9.64 3h4.71c.97.01 1.76.51 2.22 1.408.157.315.397.822.629 1.31l.141.299.1.22zm-.73 3.836c0 .5.4.9.9.9s.91-.4.91-.9-.41-.909-.91-.909-.9.41-.9.91zm-6.44 1.548c.47-.47 1.08-.719 1.73-.719.65 0 1.26.25 1.72.71.46.459.71 1.068.71 1.717A2.438 2.438 0 0112 15.756c-.65 0-1.26-.25-1.72-.71a2.408 2.408 0 01-.71-1.717v-.01c-.01-.63.24-1.24.7-1.699zm4.5 4.485a3.91 3.91 0 01-2.77 1.15 3.921 3.921 0 01-3.93-3.926 3.865 3.865 0 011.14-2.767A3.921 3.921 0 0112 9.402c1.05 0 2.04.41 2.78 1.15.74.749 1.15 1.738 1.15 2.777a3.958 3.958 0 01-1.16 2.776z"
|
||||
fill={fill}
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Activity: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
data-name="Iconly/Curved/Activity"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<g
|
||||
fill="none"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
>
|
||||
<path d="M6.918 14.854l2.993-3.889 3.414 2.68 2.929-3.78" />
|
||||
<path d="M19.668 2.35a1.922 1.922 0 11-1.922 1.922 1.921 1.921 0 011.922-1.922z" />
|
||||
<path d="M20.756 9.269a20.809 20.809 0 01.194 3.034c0 6.938-2.312 9.25-9.25 9.25s-9.25-2.312-9.25-9.25 2.313-9.25 9.25-9.25a20.931 20.931 0 012.983.187" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Plus: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<g fill="none" stroke={fill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5}>
|
||||
<path d="M6 12h12" />
|
||||
<path d="M12 18V6" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Minus: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M6 12h12"
|
||||
fill="none"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Eye: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 20 20"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M12.9833 10C12.9833 11.65 11.65 12.9833 10 12.9833C8.35 12.9833 7.01666 11.65 7.01666 10C7.01666 8.35 8.35 7.01666 10 7.01666C11.65 7.01666 12.9833 8.35 12.9833 10Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M9.99999 16.8916C12.9417 16.8916 15.6833 15.1583 17.5917 12.1583C18.3417 10.9833 18.3417 9.00831 17.5917 7.83331C15.6833 4.83331 12.9417 3.09998 9.99999 3.09998C7.05833 3.09998 4.31666 4.83331 2.40833 7.83331C1.65833 9.00831 1.65833 10.9833 2.40833 12.1583C4.31666 15.1583 7.05833 16.8916 9.99999 16.8916Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Edit: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 20 20"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M11.05 3.00002L4.20835 10.2417C3.95002 10.5167 3.70002 11.0584 3.65002 11.4334L3.34169 14.1334C3.23335 15.1084 3.93335 15.775 4.90002 15.6084L7.58335 15.15C7.95835 15.0834 8.48335 14.8084 8.74168 14.525L15.5834 7.28335C16.7667 6.03335 17.3 4.60835 15.4583 2.86668C13.625 1.14168 12.2334 1.75002 11.05 3.00002Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M9.90833 4.20831C10.2667 6.50831 12.1333 8.26665 14.45 8.49998"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M2.5 18.3333H17.5"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Delete: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 20 20"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M17.5 4.98332C14.725 4.70832 11.9333 4.56665 9.15 4.56665C7.5 4.56665 5.85 4.64998 4.2 4.81665L2.5 4.98332"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M7.08331 4.14169L7.26665 3.05002C7.39998 2.25835 7.49998 1.66669 8.90831 1.66669H11.0916C12.5 1.66669 12.6083 2.29169 12.7333 3.05835L12.9166 4.14169"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M15.7084 7.61664L15.1667 16.0083C15.075 17.3166 15 18.3333 12.675 18.3333H7.32502C5.00002 18.3333 4.92502 17.3166 4.83335 16.0083L4.29169 7.61664"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M8.60834 13.75H11.3833"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M7.91669 10.4167H12.0834"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const ChevronDown: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="m19.92 8.95-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const ChevronDownBold: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M17.9188 8.17969H11.6888H6.07877C5.11877 8.17969 4.63877 9.33969 5.31877 10.0197L10.4988 15.1997C11.3288 16.0297 12.6788 16.0297 13.5088 15.1997L15.4788 13.2297L18.6888 10.0197C19.3588 9.33969 18.8788 8.17969 17.9188 8.17969Z"
|
||||
fill={fill}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const NewFile: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M8 2V5"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M16 2V5"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M21 8.5V13.63C20.11 12.92 18.98 12.5 17.75 12.5C16.52 12.5 15.37 12.93 14.47 13.66C13.26 14.61 12.5 16.1 12.5 17.75C12.5 18.73 12.78 19.67 13.26 20.45C13.63 21.06 14.11 21.59 14.68 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M7 11H13"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M7 16H9.62"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M23 17.75C23 18.73 22.72 19.67 22.24 20.45C21.96 20.93 21.61 21.35 21.2 21.69C20.28 22.51 19.08 23 17.75 23C16.6 23 15.54 22.63 14.68 22C14.11 21.59 13.63 21.06 13.26 20.45C12.78 19.67 12.5 18.73 12.5 17.75C12.5 16.1 13.26 14.61 14.47 13.66C15.37 12.93 16.52 12.5 17.75 12.5C18.98 12.5 20.11 12.92 21 13.63C22.22 14.59 23 16.08 23 17.75Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M17.75 20.25C17.75 18.87 18.87 17.75 20.25 17.75C18.87 17.75 17.75 16.63 17.75 15.25C17.75 16.63 16.63 17.75 15.25 17.75C16.63 17.75 17.75 18.87 17.75 20.25Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const AddNoteBulk: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M7.37 22h9.25a4.87 4.87 0 0 0 4.87-4.87V8.37a4.87 4.87 0 0 0-4.87-4.87H7.37A4.87 4.87 0 0 0 2.5 8.37v8.75c0 2.7 2.18 4.88 4.87 4.88Z"
|
||||
fill={fill}
|
||||
opacity={0.4}
|
||||
/>
|
||||
<path
|
||||
d="M8.29 6.29c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76ZM15.71 6.29c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76ZM12 14.75h-1.69V13c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.75H7c-.41 0-.75.34-.75.75s.34.75.75.75h1.81V18c0 .41.34.75.75.75s.75-.34.75-.75v-1.75H12c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z"
|
||||
fill={fill}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const CopyDocumentBulk: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M15.5 13.15h-2.17c-1.78 0-3.23-1.44-3.23-3.23V7.75c0-.41-.33-.75-.75-.75H6.18C3.87 7 2 8.5 2 11.18v6.64C2 20.5 3.87 22 6.18 22h5.89c2.31 0 4.18-1.5 4.18-4.18V13.9c0-.42-.34-.75-.75-.75Z"
|
||||
fill={fill}
|
||||
opacity={0.4}
|
||||
/>
|
||||
<path
|
||||
d="M17.82 2H11.93C9.67 2 7.84 3.44 7.76 6.01c.06 0 .11-.01.17-.01h5.89C16.13 6 18 7.5 18 10.18V16.83c0 .06-.01.11-.01.16 2.23-.07 4.01-1.55 4.01-4.16V6.18C22 3.5 20.13 2 17.82 2Z"
|
||||
fill={fill}
|
||||
/>
|
||||
<path
|
||||
d="M11.98 7.15c-.31-.31-.84-.1-.84.33v2.62c0 1.1.93 2 2.07 2 .71.01 1.7.01 2.55.01.43 0 .65-.5.35-.8-1.09-1.09-3.03-3.04-4.13-4.16Z"
|
||||
fill={fill}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const EditDocumentBulk: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M15.48 3H7.52C4.07 3 2 5.06 2 8.52v7.95C2 19.94 4.07 22 7.52 22h7.95c3.46 0 5.52-2.06 5.52-5.52V8.52C21 5.06 18.93 3 15.48 3Z"
|
||||
fill={fill}
|
||||
opacity={0.4}
|
||||
/>
|
||||
<path
|
||||
d="M21.02 2.98c-1.79-1.8-3.54-1.84-5.38 0L14.51 4.1c-.1.1-.13.24-.09.37.7 2.45 2.66 4.41 5.11 5.11.03.01.08.01.11.01.1 0 .2-.04.27-.11l1.11-1.12c.91-.91 1.36-1.78 1.36-2.67 0-.9-.45-1.79-1.36-2.71ZM17.86 10.42c-.27-.13-.53-.26-.77-.41-.2-.12-.4-.25-.59-.39-.16-.1-.34-.25-.52-.4-.02-.01-.08-.06-.16-.14-.31-.25-.64-.59-.95-.96-.02-.02-.08-.08-.13-.17-.1-.11-.25-.3-.38-.51-.11-.14-.24-.34-.36-.55-.15-.25-.28-.5-.4-.76-.13-.28-.23-.54-.32-.79L7.9 10.72c-.35.35-.69 1.01-.76 1.5l-.43 2.98c-.09.63.08 1.22.47 1.61.33.33.78.5 1.28.5.11 0 .22-.01.33-.02l2.97-.42c.49-.07 1.15-.4 1.5-.76l5.38-5.38c-.25-.08-.5-.19-.78-.31Z"
|
||||
fill={fill}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const DeleteDocumentBulk: React.FC<IconProps> = ({fill, size, height, width, ...props}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M21.07 5.23c-1.61-.16-3.22-.28-4.84-.37v-.01l-.22-1.3c-.15-.92-.37-2.3-2.71-2.3h-2.62c-2.33 0-2.55 1.32-2.71 2.29l-.21 1.28c-.93.06-1.86.12-2.79.21l-2.04.2c-.42.04-.72.41-.68.82.04.41.4.71.82.67l2.04-.2c5.24-.52 10.52-.32 15.82.21h.08c.38 0 .71-.29.75-.68a.766.766 0 0 0-.69-.82Z"
|
||||
fill={fill}
|
||||
/>
|
||||
<path
|
||||
d="M19.23 8.14c-.24-.25-.57-.39-.91-.39H5.68c-.34 0-.68.14-.91.39-.23.25-.36.59-.34.94l.62 10.26c.11 1.52.25 3.42 3.74 3.42h6.42c3.49 0 3.63-1.89 3.74-3.42l.62-10.25c.02-.36-.11-.7-.34-.95Z"
|
||||
fill={fill}
|
||||
opacity={0.399}
|
||||
/>
|
||||
<path
|
||||
clipRule="evenodd"
|
||||
d="M9.58 17a.75.75 0 0 1 .75-.75h3.33a.75.75 0 0 1 0 1.5h-3.33a.75.75 0 0 1-.75-.75ZM8.75 13a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75Z"
|
||||
fill={fill}
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const CartIcon: React.FC<IconProps> = ({
|
||||
fill = "currentColor",
|
||||
size,
|
||||
height,
|
||||
width,
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height || 24}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width || 24}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M16.25 22.5C17.2165 22.5 18 21.7165 18 20.75C18 19.7835 17.2165 19 16.25 19C15.2835 19 14.5 19.7835 14.5 20.75C14.5 21.7165 15.2835 22.5 16.25 22.5Z"
|
||||
fill={fill}
|
||||
/>
|
||||
<path
|
||||
d="M8.25 22.5C9.2165 22.5 10 21.7165 10 20.75C10 19.7835 9.2165 19 8.25 19C7.2835 19 6.5 19.7835 6.5 20.75C6.5 21.7165 7.2835 22.5 8.25 22.5Z"
|
||||
fill={fill}
|
||||
/>
|
||||
<path
|
||||
d="M4.84 3.94L4.64 6.39C4.6 6.86 4.97 7.25 5.44 7.25H20.75C21.17 7.25 21.52 6.93 21.55 6.51C21.68 4.74 20.33 3.3 18.56 3.3H6.27C6.17 2.86 5.97 2.44 5.66 2.09C5.16 1.56 4.46 1.25 3.74 1.25H2C1.59 1.25 1.25 1.59 1.25 2C1.25 2.41 1.59 2.75 2 2.75H3.74C4.05 2.75 4.34 2.88 4.55 3.1C4.76 3.33 4.86 3.63 4.84 3.94Z"
|
||||
fill={fill}
|
||||
/>
|
||||
<path
|
||||
d="M20.5101 8.75H5.17005C4.75005 8.75 4.41005 9.07 4.37005 9.48L4.01005 13.83C3.87005 15.54 5.21005 17 6.92005 17H18.0401C19.5401 17 20.8601 15.77 20.9701 14.27L21.3001 9.6C21.3401 9.14 20.9801 8.75 20.5101 8.75Z"
|
||||
fill={fill}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Flash: React.FC<IconProps> = ({
|
||||
fill = "currentColor",
|
||||
size,
|
||||
height,
|
||||
width,
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M6.09 13.28h3.09v7.2c0 1.68.91 2.02 2.02.76l7.57-8.6c.93-1.05.54-1.92-.87-1.92h-3.09v-7.2c0-1.68-.91-2.02-2.02-.76l-7.57 8.6c-.92 1.06-.53 1.92.87 1.92Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Server: React.FC<IconProps> = ({
|
||||
fill = "currentColor",
|
||||
size,
|
||||
height,
|
||||
width,
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M19.32 10H4.69c-1.48 0-2.68-1.21-2.68-2.68V4.69c0-1.48 1.21-2.68 2.68-2.68h14.63C20.8 2.01 22 3.22 22 4.69v2.63C22 8.79 20.79 10 19.32 10ZM19.32 22H4.69c-1.48 0-2.68-1.21-2.68-2.68v-2.63c0-1.48 1.21-2.68 2.68-2.68h14.63c1.48 0 2.68 1.21 2.68 2.68v2.63c0 1.47-1.21 2.68-2.68 2.68ZM6 5v2M10 5v2M6 17v2M10 17v2M14 6h4M14 18h4"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const TagUser: React.FC<IconProps> = ({
|
||||
fill = "currentColor",
|
||||
size,
|
||||
height,
|
||||
width,
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M18 18.86h-.76c-.8 0-1.56.31-2.12.87l-1.71 1.69c-.78.77-2.05.77-2.83 0l-1.71-1.69c-.56-.56-1.33-.87-2.12-.87H6c-1.66 0-3-1.33-3-2.97V4.98c0-1.64 1.34-2.97 3-2.97h12c1.66 0 3 1.33 3 2.97v10.91c0 1.63-1.34 2.97-3 2.97Z"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M12 10a2.33 2.33 0 1 0 0-4.66A2.33 2.33 0 0 0 12 10ZM16 15.66c0-1.8-1.79-3.26-4-3.26s-4 1.46-4 3.26"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Scale: React.FC<IconProps> = ({
|
||||
fill = "currentColor",
|
||||
size,
|
||||
height,
|
||||
width,
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
fill="none"
|
||||
height={size || height}
|
||||
viewBox="0 0 24 24"
|
||||
width={size || width}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7ZM18 6 6 18"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
<path
|
||||
d="M18 10V6h-4M6 14v4h4"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={1.5}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export const Search: React.FC<IconProps> = ({size, fill, width = 24, height = 24, ...props}) => {
|
||||
return (
|
||||
<svg fill="none" height={size || height} viewBox="0 0 24 24" width={size || width} {...props}>
|
||||
<path
|
||||
d="M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19ZM22 22l-2-2"
|
||||
stroke={fill}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
1
packages/utilities/icons-utils/src/index.ts
Normal file
1
packages/utilities/icons-utils/src/index.ts
Normal file
@ -0,0 +1 @@
|
||||
export * from "./icons";
|
||||
4
packages/utilities/icons-utils/tsconfig.json
Normal file
4
packages/utilities/icons-utils/tsconfig.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"extends": "../../../tsconfig.json",
|
||||
"include": ["src", "index.ts"]
|
||||
}
|
||||
13
packages/utilities/icons-utils/tsup.config.ts
Normal file
13
packages/utilities/icons-utils/tsup.config.ts
Normal file
@ -0,0 +1,13 @@
|
||||
import {defineConfig} from "tsup";
|
||||
import {findUpSync} from "find-up";
|
||||
|
||||
export default defineConfig({
|
||||
clean: true,
|
||||
minify: false,
|
||||
treeshake: false,
|
||||
format: ["cjs", "esm"],
|
||||
outExtension(ctx) {
|
||||
return {js: `.${ctx.format}.js`};
|
||||
},
|
||||
inject: process.env.JSX ? [findUpSync("react-shim.js")!] : undefined,
|
||||
});
|
||||
@ -1,7 +1,7 @@
|
||||
import * as React from "react";
|
||||
import {render} from "@testing-library/react";
|
||||
import userEvent from "@testing-library/user-event";
|
||||
import {{capitalize componentName}} from "../src";
|
||||
import { {{capitalize componentName}} } from "../src";
|
||||
|
||||
describe("{{capitalize componentName}}", () => {
|
||||
test("should render correctly", () => {
|
||||
|
||||
@ -36,11 +36,13 @@
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"dependencies": {
|
||||
"@nextui-org/system": "workspace:*",
|
||||
"@nextui-org/shared-utils": "workspace:*",
|
||||
"@nextui-org/shared-css": "workspace:*",
|
||||
"@nextui-org/dom-utils": "workspace:*",
|
||||
"@nextui-org/dom-utils": "workspace:*"
|
||||
},
|
||||
"devDependencies": {
|
||||
"clean-package": "2.1.1",
|
||||
"react": "^17.0.2"
|
||||
}
|
||||
|
||||
@ -1,8 +1,5 @@
|
||||
export * from "./use-{{componentName}}";
|
||||
|
||||
// export styled components
|
||||
export { Styled{{capitalize componentName}} } from "./{{componentName}}.styles";
|
||||
|
||||
// export types
|
||||
export type { {{capitalize componentName}}Props } from "./{{componentName}}";
|
||||
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
import {styled, VariantProps} from "@nextui-org/system";
|
||||
import {styled} from "@nextui-org/system";
|
||||
import {cssFocusVisible, cssHideShowIn} from "@nextui-org/shared-css";
|
||||
|
||||
export const Styled{{capitalize componentName}} = styled("div", {});
|
||||
|
||||
export type {{capitalize componentName}}VariantsProps = VariantProps<typeof Styled{{capitalize componentName}}>;
|
||||
export const Styled{{capitalize componentName}} = styled("div", {});
|
||||
@ -1,4 +1,3 @@
|
||||
import * as React from "react";
|
||||
import {HTMLNextUIProps, forwardRef} from "@nextui-org/system";
|
||||
import {useDOMRef} from "@nextui-org/dom-utils";
|
||||
import {__DEV__} from "@nextui-org/shared-utils";
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import React from "react";
|
||||
import {Meta} from "@storybook/react";
|
||||
|
||||
import { Styled{{capitalize componentName}} } from "./index";
|
||||
import { {{capitalize componentName}} } from "../src";
|
||||
|
||||
export default {
|
||||
title: "{{capitalize componentName}}",
|
||||
|
||||
285
pnpm-lock.yaml
generated
285
pnpm-lock.yaml
generated
@ -104,18 +104,18 @@ importers:
|
||||
'@changesets/cli': 2.24.1
|
||||
'@changesets/get-release-plan': 3.0.12
|
||||
'@changesets/types': 5.1.0
|
||||
'@docusaurus/utils': 2.0.0-beta.3_ywxg4qeemlevj5g2lmog3ge44y
|
||||
'@docusaurus/utils': 2.0.0-beta.3_cxgt5hwiwgacztvwocsya4465q
|
||||
'@react-bootstrap/babel-preset': 2.1.0
|
||||
'@storybook/addon-a11y': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/addon-actions': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/addon-essentials': 6.5.12_ekvsmtdrng24vr6exv7osytnem
|
||||
'@storybook/addon-links': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/addon-storysource': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/builder-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/manager-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/react': 6.5.12_kekyks43xl2iamyptn3uveowia
|
||||
'@swc-node/jest': 1.5.3_jzv3ktkz7lj5ld3c2mjbm5lpgy
|
||||
'@swc/core': 1.3.3
|
||||
'@storybook/builder-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/manager-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/react': 6.5.12_lpqyaigquin6l6wfbummyvn3h4
|
||||
'@swc-node/jest': 1.5.3_m2jalmljmmv7bjs4g4oqermo6y
|
||||
'@swc/core': 1.3.4
|
||||
'@testing-library/dom': 8.18.1
|
||||
'@testing-library/jest-dom': 5.16.5
|
||||
'@testing-library/react': 12.1.5_sfoxds7t5ydpegc3knd667wn6m
|
||||
@ -170,11 +170,11 @@ importers:
|
||||
rimraf: 3.0.2
|
||||
shelljs: 0.8.5
|
||||
storybook-dark-mode: 1.1.2_sfoxds7t5ydpegc3knd667wn6m
|
||||
tsup: 6.1.3_jzv3ktkz7lj5ld3c2mjbm5lpgy
|
||||
tsup: 6.1.3_m2jalmljmmv7bjs4g4oqermo6y
|
||||
turbo: 1.3.4
|
||||
typescript: 4.6.2
|
||||
uuid: 8.3.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
webpack-bundle-analyzer: 4.6.1
|
||||
webpack-cli: 3.3.12_webpack@5.74.0
|
||||
webpack-merge: 5.8.0
|
||||
@ -301,8 +301,10 @@ importers:
|
||||
packages/components/avatar:
|
||||
specifiers:
|
||||
'@nextui-org/dom-utils': workspace:*
|
||||
'@nextui-org/icons-utils': workspace:*
|
||||
'@nextui-org/shared-css': workspace:*
|
||||
'@nextui-org/shared-utils': workspace:*
|
||||
'@nextui-org/spacer': workspace:*
|
||||
'@nextui-org/system': workspace:*
|
||||
clean-package: 2.1.1
|
||||
react: ^17.0.2
|
||||
@ -313,14 +315,46 @@ importers:
|
||||
'@nextui-org/shared-utils': link:../../utilities/shared-utils
|
||||
'@nextui-org/system': link:../../core/system
|
||||
devDependencies:
|
||||
'@nextui-org/icons-utils': link:../../utilities/icons-utils
|
||||
'@nextui-org/spacer': link:../spacer
|
||||
clean-package: 2.1.1
|
||||
react: 17.0.2
|
||||
react-aria: 3.18.0_react@17.0.2
|
||||
|
||||
packages/components/col:
|
||||
specifiers:
|
||||
'@nextui-org/dom-utils': workspace:*
|
||||
'@nextui-org/shared-utils': workspace:*
|
||||
'@nextui-org/system': workspace:*
|
||||
clean-package: 2.1.1
|
||||
react: ^17.0.2
|
||||
dependencies:
|
||||
'@nextui-org/dom-utils': link:../../utilities/dom-utils
|
||||
'@nextui-org/shared-utils': link:../../utilities/shared-utils
|
||||
'@nextui-org/system': link:../../core/system
|
||||
clean-package: 2.1.1
|
||||
react: 17.0.2
|
||||
|
||||
packages/components/spacer:
|
||||
specifiers:
|
||||
'@nextui-org/dom-utils': workspace:*
|
||||
'@nextui-org/shared-utils': workspace:*
|
||||
'@nextui-org/system': workspace:*
|
||||
clean-package: 2.1.1
|
||||
react: ^17.0.2
|
||||
dependencies:
|
||||
'@nextui-org/dom-utils': link:../../utilities/dom-utils
|
||||
'@nextui-org/shared-utils': link:../../utilities/shared-utils
|
||||
'@nextui-org/system': link:../../core/system
|
||||
devDependencies:
|
||||
clean-package: 2.1.1
|
||||
react: 17.0.2
|
||||
|
||||
packages/core/react:
|
||||
specifiers:
|
||||
'@babel/runtime': ^7.6.2
|
||||
'@nextui-org/avatar': workspace:*
|
||||
'@nextui-org/col': workspace:*
|
||||
'@nextui-org/system': workspace:*
|
||||
'@stitches/react': 1.2.8
|
||||
clean-package: 2.1.1
|
||||
@ -330,6 +364,7 @@ importers:
|
||||
dependencies:
|
||||
'@babel/runtime': 7.19.0
|
||||
'@nextui-org/avatar': link:../../components/avatar
|
||||
'@nextui-org/col': link:../../components/col
|
||||
'@nextui-org/system': link:../system
|
||||
devDependencies:
|
||||
'@stitches/react': 1.2.8_react@17.0.2
|
||||
@ -376,6 +411,14 @@ importers:
|
||||
react: 17.0.2
|
||||
react-aria: 3.18.0_react@17.0.2
|
||||
|
||||
packages/utilities/icons-utils:
|
||||
specifiers:
|
||||
clean-package: 2.1.1
|
||||
react: ^17.0.2
|
||||
devDependencies:
|
||||
clean-package: 2.1.1
|
||||
react: 17.0.2
|
||||
|
||||
packages/utilities/shared-css:
|
||||
specifiers:
|
||||
'@nextui-org/system': workspace:*
|
||||
@ -2470,13 +2513,13 @@ packages:
|
||||
engines: {node: '>=10.0.0'}
|
||||
dev: false
|
||||
|
||||
/@docusaurus/types/2.0.0-beta.3_ywxg4qeemlevj5g2lmog3ge44y:
|
||||
/@docusaurus/types/2.0.0-beta.3_cxgt5hwiwgacztvwocsya4465q:
|
||||
resolution: {integrity: sha512-ivQ6L1ahju06ldTvFsZLQxcN6DP32iIB7DscxWVRqP0eyuyX2xAy+jrASqih3lB8lyw0JJaaDEeVE5fjroAQ/Q==}
|
||||
dependencies:
|
||||
commander: 5.1.0
|
||||
joi: 17.6.2
|
||||
querystring: 0.2.0
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
webpack-merge: 5.8.0
|
||||
transitivePeerDependencies:
|
||||
- '@swc/core'
|
||||
@ -2485,11 +2528,11 @@ packages:
|
||||
- webpack-cli
|
||||
dev: false
|
||||
|
||||
/@docusaurus/utils/2.0.0-beta.3_ywxg4qeemlevj5g2lmog3ge44y:
|
||||
/@docusaurus/utils/2.0.0-beta.3_cxgt5hwiwgacztvwocsya4465q:
|
||||
resolution: {integrity: sha512-DApc6xcb3CvvsBCfRU6Zk3KoZa4mZfCJA4XRv5zhlhaSb0GFuAo7KQ353RUu6d0eYYylY3GGRABXkxRE1SEClA==}
|
||||
engines: {node: '>=12.13.0'}
|
||||
dependencies:
|
||||
'@docusaurus/types': 2.0.0-beta.3_ywxg4qeemlevj5g2lmog3ge44y
|
||||
'@docusaurus/types': 2.0.0-beta.3_cxgt5hwiwgacztvwocsya4465q
|
||||
'@types/github-slugger': 1.3.0
|
||||
chalk: 4.1.2
|
||||
escape-string-regexp: 4.0.0
|
||||
@ -4221,7 +4264,7 @@ packages:
|
||||
react-refresh: 0.11.0
|
||||
schema-utils: 3.1.1
|
||||
source-map: 0.7.4
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/@polka/url/1.0.0-next.21:
|
||||
@ -5713,7 +5756,7 @@ packages:
|
||||
'@storybook/addon-viewport': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/addons': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/api': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/builder-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/builder-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/core-common': 6.5.12_cima6w5nhv347slcqx5mgz6eyy
|
||||
'@storybook/node-logger': 6.5.12
|
||||
core-js: 3.25.3
|
||||
@ -5721,7 +5764,7 @@ packages:
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
regenerator-runtime: 0.13.9
|
||||
ts-dedent: 2.2.0
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
transitivePeerDependencies:
|
||||
- '@storybook/mdx2-csf'
|
||||
- eslint
|
||||
@ -6000,7 +6043,7 @@ packages:
|
||||
- webpack-command
|
||||
dev: false
|
||||
|
||||
/@storybook/builder-webpack5/6.5.12_ugkippgpr6tsqtzmsbahezvnbe:
|
||||
/@storybook/builder-webpack5/6.5.12_yfqaazeklgwsjlcznxhycavjk4:
|
||||
resolution: {integrity: sha512-jK5jWxhSbMAM/onPB6WN7xVqwZnAmzJljOG24InO/YIjW8pQof7MeAXCYBM4rYM+BbK61gkZ/RKxwlkqXBWv+Q==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
@ -6043,11 +6086,11 @@ packages:
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
stable: 0.1.8
|
||||
style-loader: 2.0.0_webpack@5.74.0
|
||||
terser-webpack-plugin: 5.3.6_xdvabriyv7brq7oph47eyljh7i
|
||||
terser-webpack-plugin: 5.3.6_pvaa6vmx4gcwl5i7lyje4o3ljy
|
||||
ts-dedent: 2.2.0
|
||||
typescript: 4.6.2
|
||||
util-deprecate: 1.0.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
webpack-dev-middleware: 4.3.0_webpack@5.74.0
|
||||
webpack-hot-middleware: 2.25.2
|
||||
webpack-virtual-modules: 0.4.5
|
||||
@ -6218,7 +6261,7 @@ packages:
|
||||
typescript: 4.6.2
|
||||
unfetch: 4.2.0
|
||||
util-deprecate: 1.0.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/@storybook/core-common/6.5.12_cima6w5nhv347slcqx5mgz6eyy:
|
||||
@ -6316,14 +6359,14 @@ packages:
|
||||
dependencies:
|
||||
'@discoveryjs/json-ext': 0.5.7
|
||||
'@storybook/builder-webpack4': 6.5.12_cima6w5nhv347slcqx5mgz6eyy
|
||||
'@storybook/builder-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/builder-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/core-client': 6.5.12_rhk7yz6mn2gv7fnythy2x7dhkm
|
||||
'@storybook/core-common': 6.5.12_cima6w5nhv347slcqx5mgz6eyy
|
||||
'@storybook/core-events': 6.5.12
|
||||
'@storybook/csf': 0.0.2--canary.4566f4d.1
|
||||
'@storybook/csf-tools': 6.5.12
|
||||
'@storybook/manager-webpack4': 6.5.12_cima6w5nhv347slcqx5mgz6eyy
|
||||
'@storybook/manager-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/manager-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/node-logger': 6.5.12
|
||||
'@storybook/semver': 7.3.2
|
||||
'@storybook/store': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
@ -6394,14 +6437,14 @@ packages:
|
||||
typescript:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@storybook/builder-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/builder-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/core-client': 6.5.12_vjlcp4mp2ck2rsfp47aqa5dz5i
|
||||
'@storybook/core-server': 6.5.12_cjzoun63xnks5f33itzvayhqxa
|
||||
'@storybook/manager-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/manager-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
react: 17.0.2
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
typescript: 4.6.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
transitivePeerDependencies:
|
||||
- '@storybook/mdx2-csf'
|
||||
- bluebird
|
||||
@ -6521,7 +6564,7 @@ packages:
|
||||
- webpack-command
|
||||
dev: false
|
||||
|
||||
/@storybook/manager-webpack5/6.5.12_ugkippgpr6tsqtzmsbahezvnbe:
|
||||
/@storybook/manager-webpack5/6.5.12_yfqaazeklgwsjlcznxhycavjk4:
|
||||
resolution: {integrity: sha512-F+KgoINhfo1ArbirCc9L+EyADYD8Z4t0LyZYDVcBiZ8DlRIMIoUSye6tDsnyEm+OPloLVAcGwRMYgFhuHB70Lg==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
@ -6559,11 +6602,11 @@ packages:
|
||||
resolve-from: 5.0.0
|
||||
style-loader: 2.0.0_webpack@5.74.0
|
||||
telejson: 6.0.8
|
||||
terser-webpack-plugin: 5.3.6_xdvabriyv7brq7oph47eyljh7i
|
||||
terser-webpack-plugin: 5.3.6_pvaa6vmx4gcwl5i7lyje4o3ljy
|
||||
ts-dedent: 2.2.0
|
||||
typescript: 4.6.2
|
||||
util-deprecate: 1.0.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
webpack-dev-middleware: 4.3.0_webpack@5.74.0
|
||||
webpack-virtual-modules: 0.4.5
|
||||
transitivePeerDependencies:
|
||||
@ -6653,12 +6696,12 @@ packages:
|
||||
react-docgen-typescript: 2.2.2_typescript@4.6.2
|
||||
tslib: 2.4.0
|
||||
typescript: 4.6.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: false
|
||||
|
||||
/@storybook/react/6.5.12_kekyks43xl2iamyptn3uveowia:
|
||||
/@storybook/react/6.5.12_lpqyaigquin6l6wfbummyvn3h4:
|
||||
resolution: {integrity: sha512-1tG8EdSfp+OZAKAWPT2UrexF4o007jEMwQFFXw1atIQrQOADzSnZ7lTYJ08o5TyJwksswtr18tH3oJJ9sG3KPw==}
|
||||
engines: {node: '>=10.13.0'}
|
||||
hasBin: true
|
||||
@ -6691,13 +6734,13 @@ packages:
|
||||
'@babel/preset-react': 7.18.6_@babel+core@7.19.3
|
||||
'@pmmmwh/react-refresh-webpack-plugin': 0.5.7_metx475lqcp4j5c75za4zf7xbi
|
||||
'@storybook/addons': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/builder-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/builder-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/client-logger': 6.5.12
|
||||
'@storybook/core': 6.5.12_q5nxqhkkpqtqc4r5bkjfj37loy
|
||||
'@storybook/core-common': 6.5.12_cima6w5nhv347slcqx5mgz6eyy
|
||||
'@storybook/csf': 0.0.2--canary.4566f4d.1
|
||||
'@storybook/docs-tools': 6.5.12_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/manager-webpack5': 6.5.12_ugkippgpr6tsqtzmsbahezvnbe
|
||||
'@storybook/manager-webpack5': 6.5.12_yfqaazeklgwsjlcznxhycavjk4
|
||||
'@storybook/node-logger': 6.5.12
|
||||
'@storybook/react-docgen-typescript-plugin': 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0_qxndzzrt2rolqo43hhutx3e3sy
|
||||
'@storybook/semver': 7.3.2
|
||||
@ -6726,7 +6769,7 @@ packages:
|
||||
ts-dedent: 2.2.0
|
||||
typescript: 4.6.2
|
||||
util-deprecate: 1.0.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
transitivePeerDependencies:
|
||||
- '@storybook/mdx2-csf'
|
||||
- '@swc/core'
|
||||
@ -6883,35 +6926,35 @@ packages:
|
||||
resolve-from: 5.0.0
|
||||
dev: false
|
||||
|
||||
/@swc-node/core/1.9.1_@swc+core@1.3.3:
|
||||
/@swc-node/core/1.9.1_@swc+core@1.3.4:
|
||||
resolution: {integrity: sha512-Mh4T/PmQOpPtqw1BNvU38uWzsXbd5RJji17YBXnj7JDDE5KlTR9sSo2RKxWKDVtHbdcD1S+CtyZXA93aEWlfGQ==}
|
||||
engines: {node: '>= 10'}
|
||||
peerDependencies:
|
||||
'@swc/core': '>= 1.3'
|
||||
dependencies:
|
||||
'@swc/core': 1.3.3
|
||||
'@swc/core': 1.3.4
|
||||
dev: false
|
||||
|
||||
/@swc-node/jest/1.5.3_jzv3ktkz7lj5ld3c2mjbm5lpgy:
|
||||
/@swc-node/jest/1.5.3_m2jalmljmmv7bjs4g4oqermo6y:
|
||||
resolution: {integrity: sha512-p0RZG1qYEbX11oNzKNooYLpAsotMqCQHflSuq+E4XYqHxxUB4pg4AQj7pn04vnX/VMhN0OQ6FTP02KW6eFbwMg==}
|
||||
peerDependencies:
|
||||
'@swc/core': '>= 1.3'
|
||||
dependencies:
|
||||
'@node-rs/xxhash': 1.2.1
|
||||
'@swc-node/core': 1.9.1_@swc+core@1.3.3
|
||||
'@swc-node/register': 1.5.2_jzv3ktkz7lj5ld3c2mjbm5lpgy
|
||||
'@swc/core': 1.3.3
|
||||
'@swc-node/core': 1.9.1_@swc+core@1.3.4
|
||||
'@swc-node/register': 1.5.2_m2jalmljmmv7bjs4g4oqermo6y
|
||||
'@swc/core': 1.3.4
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
- typescript
|
||||
dev: false
|
||||
|
||||
/@swc-node/register/1.5.2_jzv3ktkz7lj5ld3c2mjbm5lpgy:
|
||||
/@swc-node/register/1.5.2_m2jalmljmmv7bjs4g4oqermo6y:
|
||||
resolution: {integrity: sha512-uXgAWEmbrg1zFxv6x/0rTQuToEuCxxZDaA7KyJi5+FwRcBTS79tBYEqUROH8otcTnHdh4njAbWdETFPRD4Pogw==}
|
||||
peerDependencies:
|
||||
typescript: '>= 4.3'
|
||||
dependencies:
|
||||
'@swc-node/core': 1.9.1_@swc+core@1.3.3
|
||||
'@swc-node/core': 1.9.1_@swc+core@1.3.4
|
||||
'@swc-node/sourcemap-support': 0.2.1
|
||||
colorette: 2.0.19
|
||||
debug: 4.3.4
|
||||
@ -6929,8 +6972,8 @@ packages:
|
||||
source-map-support: 0.5.21
|
||||
dev: false
|
||||
|
||||
/@swc/core-android-arm-eabi/1.3.3:
|
||||
resolution: {integrity: sha512-R6MpKXvNx/T/8a0wUTiX1THxfRbURSCmYlSi/JnUaqLYUclQK1N8aCMWz7EYSz6FE0VZBREJYDJcdnfP88E/1Q==}
|
||||
/@swc/core-android-arm-eabi/1.3.4:
|
||||
resolution: {integrity: sha512-aq+CAebSQMtdrIR4+v/JBfykK/daD+so2gPHm4wgLaTR+xwziQAsBBI5iq5sinhIg4FGnmljtO75QolcNLmpvw==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm]
|
||||
os: [android]
|
||||
@ -6940,8 +6983,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-android-arm64/1.3.3:
|
||||
resolution: {integrity: sha512-yZlku4ypVKykwHTS8CETxw2PH23UBeM6VhNB8efF4A4gVWtRZjv1PfjsSqh/X0vjgVTrs2zSaQ+eF6GLVbWrgA==}
|
||||
/@swc/core-android-arm64/1.3.4:
|
||||
resolution: {integrity: sha512-E5z6ribiEzDqrq5Kv5xOLdWcTzHWlzGuqDSxTQNz9GCC94qSVzXp5Df+egVEKE/4t7u2P6nO46BUKweYMb9TJg==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [android]
|
||||
@ -6951,8 +6994,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-darwin-arm64/1.3.3:
|
||||
resolution: {integrity: sha512-/T8vyikY7t/be6bHd1D9J/bmXYMDMkBo9NA3auDT/hmouzawhJ6E7OqRE4HLuLTflnRw8WmEWgpeRIzMHvNjBQ==}
|
||||
/@swc/core-darwin-arm64/1.3.4:
|
||||
resolution: {integrity: sha512-JNBFQKtaUdsq0Sv6N29++Q6xrvZDn1bQ7pbMvr8t7kBNXaYCDmupbwPGT725MrGVs72N4qKee5Z0OIvmnLCQfw==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [darwin]
|
||||
@ -6960,8 +7003,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-darwin-x64/1.3.3:
|
||||
resolution: {integrity: sha512-hw4o1If986In5m3y3/OimgiBKJh49kbTG9MRWo8msqTic2aBlrtfHjSecMn1g+oP7pdaUUCTkovmT7OpvvQ/Tw==}
|
||||
/@swc/core-darwin-x64/1.3.4:
|
||||
resolution: {integrity: sha512-A6KMZsUJ3j5TVxAizbv+UEjCNvMgWBm9jw4R3biaw8kbgu3XUWHdkiheXO+c2kjjjgwr1jhkHcLgRjffwpLYFA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [darwin]
|
||||
@ -6969,8 +7012,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-freebsd-x64/1.3.3:
|
||||
resolution: {integrity: sha512-JFDu3uLa0WMw77o+QNR5D1uErQ5s18HmEwJr5ndOQoDlS+XO2qUG6AxU5LdwLEl5qMf2C99t7gkfzcCZG1PRsw==}
|
||||
/@swc/core-freebsd-x64/1.3.4:
|
||||
resolution: {integrity: sha512-C5FCXHebcHwPJtEhgRShumXvcdPO5Cqiwd7GDNBav1IZribs3+ZqrTkCaz2hY7gb5NvyFIxkJ5HhpS4Pxafhuw==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [freebsd]
|
||||
@ -6980,8 +7023,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-linux-arm-gnueabihf/1.3.3:
|
||||
resolution: {integrity: sha512-kJoyNP/ury9KmZnjhpj0QApY6VxC9S4hkgsycm8yTJ23O8WrUbgeDOlgAgFJNyHszhR5CnlssDv7ErCwMZtkgw==}
|
||||
/@swc/core-linux-arm-gnueabihf/1.3.4:
|
||||
resolution: {integrity: sha512-vawHUhUcS//xNvGzL0zZ3vZ1YnsjgyvWQXB5PF4bhM5Y0/rmcrEdpkSId1qTfaMpcL7l2QSy9/DM7ucjlSpK6w==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm]
|
||||
os: [linux]
|
||||
@ -6991,8 +7034,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-linux-arm64-gnu/1.3.3:
|
||||
resolution: {integrity: sha512-Y+10o78O2snKnrNTbasT9S3Out0wlOyAkLZvq5zqzW1cz2K2Yzm04zQdKQOCRHlfTF0XSmZ++qRWVNol49WsNA==}
|
||||
/@swc/core-linux-arm64-gnu/1.3.4:
|
||||
resolution: {integrity: sha512-p60RoYaDS8zrqp/cGkcJryk9HobJvrL+Ox/iz8ivDrV4IS0LXvqW5/5YTSzLo93/+blvG/M0hdaokoMhWhDnwA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
@ -7000,8 +7043,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-linux-arm64-musl/1.3.3:
|
||||
resolution: {integrity: sha512-y6ErPP6Sk0f8exoanUxXeFALvPraTjyoVr8pitpfTqoUd9YcxwOTpPbR5WXI3FWnQ7GS86iH0LvaFDCgHQ1fjg==}
|
||||
/@swc/core-linux-arm64-musl/1.3.4:
|
||||
resolution: {integrity: sha512-F9hW6g5l4YesJJH/JMznaLGdLeCV4FKq5MN5DaZfuB8qrCZGLmAasGgvSNbXh1oZnDu1PD2ZxMYivkf2n8/4OA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
@ -7009,8 +7052,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-linux-x64-gnu/1.3.3:
|
||||
resolution: {integrity: sha512-sqyvNJkPHKHlK/XLIoMNLiux8YxsCJpAk3UreS0NO+sRNRru2AMyrRwX6wxmnJybhEek9SPKF0pXi+GfcaFKYA==}
|
||||
/@swc/core-linux-x64-gnu/1.3.4:
|
||||
resolution: {integrity: sha512-rRqDtxktiVaxO8NQeEZSX0kNSFkI5Ft+4fZcFTbWhDO0vknC0+ZYbWpverfQ8yAwo7aA9jKWupwc3I7iZ1EQQQ==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
@ -7018,8 +7061,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-linux-x64-musl/1.3.3:
|
||||
resolution: {integrity: sha512-5fjwHdMv+DOgEp7sdNVmvS4Hr2rDaewa0BpDW8RefcjHoJnDpFVButLDMkwv/Yd+v4YN+99kyX/lOI+/OTD99w==}
|
||||
/@swc/core-linux-x64-musl/1.3.4:
|
||||
resolution: {integrity: sha512-stVnU7KXQxSbh67UiIVxZsgjkRSXApPTEU3CYnwsdH7G+ynfO1WocSatzjIKpJfhcY2Nss8/33yDaOKZXVhbIA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
@ -7027,8 +7070,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-win32-arm64-msvc/1.3.3:
|
||||
resolution: {integrity: sha512-JxcfG89GieqCFXkRl/mtFds/ME6ncEtLRIQ0+RBIREIGisA9ZgJ8EryBzGZyPu5+7kE0vXGVB6A2cfrv4SNW4A==}
|
||||
/@swc/core-win32-arm64-msvc/1.3.4:
|
||||
resolution: {integrity: sha512-qc3UIdAQfLTA1mJsFkX3ISqJDU02qtcjUbnLI8sl6oedCAOFF66TcecJvwl4iO+BTO04+KoZc5rJovSTOb3eQA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [win32]
|
||||
@ -7038,8 +7081,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-win32-ia32-msvc/1.3.3:
|
||||
resolution: {integrity: sha512-yqZjTn5V7wYCxMCC5Rg8u87SmGeRSlqYAafHL3IgiFe8hSxOykc2dR1MYNc4WZumYiMlU15VSa6mW8A0pj37FA==}
|
||||
/@swc/core-win32-ia32-msvc/1.3.4:
|
||||
resolution: {integrity: sha512-FxuDGn60VrnYBcpH0CeR9+pCnPUaVvZ20CO6o/oNYHSfIhqPc76o3zFYYEFswYodExjCCYwsuPYgi+stvKZroA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [ia32]
|
||||
os: [win32]
|
||||
@ -7049,8 +7092,8 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core-win32-x64-msvc/1.3.3:
|
||||
resolution: {integrity: sha512-CIuxz9wiHkgG7m3kjgptgO3iHOmrybvLf0rUNGbVTTHwTcrpjznAnS/MnMPiaIQPlxz70KSXAR2QJjw7fGtfbA==}
|
||||
/@swc/core-win32-x64-msvc/1.3.4:
|
||||
resolution: {integrity: sha512-9/bSvgjV31u1G2slRFPgK85ohJdo8KtWJ0f4CPp2LdVtIJHbFGd0pWjnMfiPJeodSxSGGWrgUNQtajqIIsrbqA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [win32]
|
||||
@ -7058,25 +7101,25 @@ packages:
|
||||
dev: false
|
||||
optional: true
|
||||
|
||||
/@swc/core/1.3.3:
|
||||
resolution: {integrity: sha512-OGx3Qpw+czNSaea1ojP2X2wxrGtYicQxH1QnzX4F3rXGEcSUFIllmrae6iJHW91zS4SNcOocnQoRz1IYnrILYw==}
|
||||
/@swc/core/1.3.4:
|
||||
resolution: {integrity: sha512-W1AvQImfF2T+7dzWdg/GqFpcMJ24lyXGQ/kPKHL/FGPZbf0Q1ExD7wp3eQ2PQMgHTLe28qWonxicm2DPfprx3g==}
|
||||
engines: {node: '>=10'}
|
||||
hasBin: true
|
||||
requiresBuild: true
|
||||
optionalDependencies:
|
||||
'@swc/core-android-arm-eabi': 1.3.3
|
||||
'@swc/core-android-arm64': 1.3.3
|
||||
'@swc/core-darwin-arm64': 1.3.3
|
||||
'@swc/core-darwin-x64': 1.3.3
|
||||
'@swc/core-freebsd-x64': 1.3.3
|
||||
'@swc/core-linux-arm-gnueabihf': 1.3.3
|
||||
'@swc/core-linux-arm64-gnu': 1.3.3
|
||||
'@swc/core-linux-arm64-musl': 1.3.3
|
||||
'@swc/core-linux-x64-gnu': 1.3.3
|
||||
'@swc/core-linux-x64-musl': 1.3.3
|
||||
'@swc/core-win32-arm64-msvc': 1.3.3
|
||||
'@swc/core-win32-ia32-msvc': 1.3.3
|
||||
'@swc/core-win32-x64-msvc': 1.3.3
|
||||
'@swc/core-android-arm-eabi': 1.3.4
|
||||
'@swc/core-android-arm64': 1.3.4
|
||||
'@swc/core-darwin-arm64': 1.3.4
|
||||
'@swc/core-darwin-x64': 1.3.4
|
||||
'@swc/core-freebsd-x64': 1.3.4
|
||||
'@swc/core-linux-arm-gnueabihf': 1.3.4
|
||||
'@swc/core-linux-arm64-gnu': 1.3.4
|
||||
'@swc/core-linux-arm64-musl': 1.3.4
|
||||
'@swc/core-linux-x64-gnu': 1.3.4
|
||||
'@swc/core-linux-x64-musl': 1.3.4
|
||||
'@swc/core-win32-arm64-msvc': 1.3.4
|
||||
'@swc/core-win32-ia32-msvc': 1.3.4
|
||||
'@swc/core-win32-x64-msvc': 1.3.4
|
||||
dev: false
|
||||
|
||||
/@swc/helpers/0.4.11:
|
||||
@ -8593,7 +8636,7 @@ packages:
|
||||
loader-utils: 2.0.2
|
||||
make-dir: 3.1.0
|
||||
schema-utils: 2.7.1
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/babel-plugin-add-module-exports/1.0.4:
|
||||
@ -9072,7 +9115,7 @@ packages:
|
||||
hasBin: true
|
||||
dependencies:
|
||||
caniuse-lite: 1.0.30001414
|
||||
electron-to-chromium: 1.4.268
|
||||
electron-to-chromium: 1.4.269
|
||||
node-releases: 2.0.6
|
||||
update-browserslist-db: 1.0.9_browserslist@4.21.4
|
||||
dev: false
|
||||
@ -9527,7 +9570,6 @@ packages:
|
||||
hasBin: true
|
||||
dependencies:
|
||||
dot-object: 2.1.4
|
||||
dev: true
|
||||
|
||||
/clean-stack/2.2.0:
|
||||
resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
|
||||
@ -10070,17 +10112,17 @@ packages:
|
||||
peerDependencies:
|
||||
webpack: ^4.27.0 || ^5.0.0
|
||||
dependencies:
|
||||
icss-utils: 5.1.0_postcss@8.4.16
|
||||
icss-utils: 5.1.0_postcss@8.4.17
|
||||
loader-utils: 2.0.2
|
||||
postcss: 8.4.16
|
||||
postcss-modules-extract-imports: 3.0.0_postcss@8.4.16
|
||||
postcss-modules-local-by-default: 4.0.0_postcss@8.4.16
|
||||
postcss-modules-scope: 3.0.0_postcss@8.4.16
|
||||
postcss-modules-values: 4.0.0_postcss@8.4.16
|
||||
postcss: 8.4.17
|
||||
postcss-modules-extract-imports: 3.0.0_postcss@8.4.17
|
||||
postcss-modules-local-by-default: 4.0.0_postcss@8.4.17
|
||||
postcss-modules-scope: 3.0.0_postcss@8.4.17
|
||||
postcss-modules-values: 4.0.0_postcss@8.4.17
|
||||
postcss-value-parser: 4.2.0
|
||||
schema-utils: 3.1.1
|
||||
semver: 7.3.7
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/css-select/4.3.0:
|
||||
@ -10542,7 +10584,6 @@ packages:
|
||||
dependencies:
|
||||
commander: 4.1.1
|
||||
glob: 7.2.3
|
||||
dev: true
|
||||
|
||||
/dotenv-expand/5.1.0:
|
||||
resolution: {integrity: sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==}
|
||||
@ -10588,8 +10629,8 @@ packages:
|
||||
resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
|
||||
dev: false
|
||||
|
||||
/electron-to-chromium/1.4.268:
|
||||
resolution: {integrity: sha512-PO90Bv++vEzdln+eA9qLg1IRnh0rKETus6QkTzcFm5P3Wg3EQBZud5dcnzkpYXuIKWBjKe5CO8zjz02cicvn1g==}
|
||||
/electron-to-chromium/1.4.269:
|
||||
resolution: {integrity: sha512-7mHFONwp7MNvdyto1v70fCwk28NJMFgsK79op+iYHzz1BLE8T66a1B2qW5alb8XgE0yi3FL3ZQjSYZpJpF6snw==}
|
||||
dev: false
|
||||
|
||||
/element-resize-detector/1.2.4:
|
||||
@ -11257,7 +11298,7 @@ packages:
|
||||
loader-utils: 2.0.2
|
||||
object-hash: 2.2.0
|
||||
schema-utils: 2.7.1
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/eslint-module-utils/2.7.4_cxs53d2pj2pwcxog434vw6hm6e:
|
||||
@ -12392,7 +12433,7 @@ packages:
|
||||
semver: 7.3.7
|
||||
tapable: 1.1.3
|
||||
typescript: 4.6.2
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/form-data/3.0.1:
|
||||
@ -13206,7 +13247,7 @@ packages:
|
||||
lodash: 4.17.21
|
||||
pretty-error: 4.0.0
|
||||
tapable: 2.2.1
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/htmlnano/2.0.2_svgo@2.8.0:
|
||||
@ -13328,13 +13369,13 @@ packages:
|
||||
postcss: 7.0.39
|
||||
dev: false
|
||||
|
||||
/icss-utils/5.1.0_postcss@8.4.16:
|
||||
/icss-utils/5.1.0_postcss@8.4.17:
|
||||
resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
|
||||
engines: {node: ^10 || ^12 || >= 14}
|
||||
peerDependencies:
|
||||
postcss: ^8.1.0
|
||||
dependencies:
|
||||
postcss: 8.4.16
|
||||
postcss: 8.4.17
|
||||
dev: false
|
||||
|
||||
/ieee754/1.2.1:
|
||||
@ -14214,7 +14255,7 @@ packages:
|
||||
'@jest/fake-timers': 28.1.3
|
||||
'@jest/types': 28.1.3
|
||||
'@types/jsdom': 16.2.15
|
||||
'@types/node': 16.11.62
|
||||
'@types/node': 15.14.9
|
||||
jest-mock: 28.1.3
|
||||
jest-util: 28.1.3
|
||||
jsdom: 19.0.0
|
||||
@ -16913,13 +16954,13 @@ packages:
|
||||
postcss: 7.0.39
|
||||
dev: false
|
||||
|
||||
/postcss-modules-extract-imports/3.0.0_postcss@8.4.16:
|
||||
/postcss-modules-extract-imports/3.0.0_postcss@8.4.17:
|
||||
resolution: {integrity: sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==}
|
||||
engines: {node: ^10 || ^12 || >= 14}
|
||||
peerDependencies:
|
||||
postcss: ^8.1.0
|
||||
dependencies:
|
||||
postcss: 8.4.16
|
||||
postcss: 8.4.17
|
||||
dev: false
|
||||
|
||||
/postcss-modules-local-by-default/3.0.3:
|
||||
@ -16932,14 +16973,14 @@ packages:
|
||||
postcss-value-parser: 4.2.0
|
||||
dev: false
|
||||
|
||||
/postcss-modules-local-by-default/4.0.0_postcss@8.4.16:
|
||||
/postcss-modules-local-by-default/4.0.0_postcss@8.4.17:
|
||||
resolution: {integrity: sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==}
|
||||
engines: {node: ^10 || ^12 || >= 14}
|
||||
peerDependencies:
|
||||
postcss: ^8.1.0
|
||||
dependencies:
|
||||
icss-utils: 5.1.0_postcss@8.4.16
|
||||
postcss: 8.4.16
|
||||
icss-utils: 5.1.0_postcss@8.4.17
|
||||
postcss: 8.4.17
|
||||
postcss-selector-parser: 6.0.10
|
||||
postcss-value-parser: 4.2.0
|
||||
dev: false
|
||||
@ -16952,13 +16993,13 @@ packages:
|
||||
postcss-selector-parser: 6.0.10
|
||||
dev: false
|
||||
|
||||
/postcss-modules-scope/3.0.0_postcss@8.4.16:
|
||||
/postcss-modules-scope/3.0.0_postcss@8.4.17:
|
||||
resolution: {integrity: sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==}
|
||||
engines: {node: ^10 || ^12 || >= 14}
|
||||
peerDependencies:
|
||||
postcss: ^8.1.0
|
||||
dependencies:
|
||||
postcss: 8.4.16
|
||||
postcss: 8.4.17
|
||||
postcss-selector-parser: 6.0.10
|
||||
dev: false
|
||||
|
||||
@ -16969,14 +17010,14 @@ packages:
|
||||
postcss: 7.0.39
|
||||
dev: false
|
||||
|
||||
/postcss-modules-values/4.0.0_postcss@8.4.16:
|
||||
/postcss-modules-values/4.0.0_postcss@8.4.17:
|
||||
resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
|
||||
engines: {node: ^10 || ^12 || >= 14}
|
||||
peerDependencies:
|
||||
postcss: ^8.1.0
|
||||
dependencies:
|
||||
icss-utils: 5.1.0_postcss@8.4.16
|
||||
postcss: 8.4.16
|
||||
icss-utils: 5.1.0_postcss@8.4.17
|
||||
postcss: 8.4.17
|
||||
dev: false
|
||||
|
||||
/postcss-selector-parser/6.0.10:
|
||||
@ -17007,8 +17048,8 @@ packages:
|
||||
picocolors: 1.0.0
|
||||
source-map-js: 1.0.2
|
||||
|
||||
/postcss/8.4.16:
|
||||
resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==}
|
||||
/postcss/8.4.17:
|
||||
resolution: {integrity: sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==}
|
||||
engines: {node: ^10 || ^12 || >=14}
|
||||
dependencies:
|
||||
nanoid: 3.3.4
|
||||
@ -19230,7 +19271,7 @@ packages:
|
||||
dependencies:
|
||||
loader-utils: 2.0.2
|
||||
schema-utils: 3.1.1
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/style-mod/4.0.0:
|
||||
@ -19485,7 +19526,7 @@ packages:
|
||||
- bluebird
|
||||
dev: false
|
||||
|
||||
/terser-webpack-plugin/5.3.6_xdvabriyv7brq7oph47eyljh7i:
|
||||
/terser-webpack-plugin/5.3.6_pvaa6vmx4gcwl5i7lyje4o3ljy:
|
||||
resolution: {integrity: sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ==}
|
||||
engines: {node: '>= 10.13.0'}
|
||||
peerDependencies:
|
||||
@ -19502,12 +19543,12 @@ packages:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@jridgewell/trace-mapping': 0.3.15
|
||||
'@swc/core': 1.3.3
|
||||
'@swc/core': 1.3.4
|
||||
jest-worker: 27.5.1
|
||||
schema-utils: 3.1.1
|
||||
serialize-javascript: 6.0.0
|
||||
terser: 5.15.0
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/terser/4.8.1:
|
||||
@ -19760,7 +19801,7 @@ packages:
|
||||
/tslib/2.4.0:
|
||||
resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
|
||||
|
||||
/tsup/6.1.3_jzv3ktkz7lj5ld3c2mjbm5lpgy:
|
||||
/tsup/6.1.3_m2jalmljmmv7bjs4g4oqermo6y:
|
||||
resolution: {integrity: sha512-eRpBnbfpDFng+EJNTQ90N7QAf4HAGGC7O3buHIjroKWK7D1ibk9/YnR/3cS8HsMU5T+6Oi+cnF+yU5WmCnB//Q==}
|
||||
engines: {node: '>=14'}
|
||||
hasBin: true
|
||||
@ -19776,7 +19817,7 @@ packages:
|
||||
typescript:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@swc/core': 1.3.3
|
||||
'@swc/core': 1.3.4
|
||||
bundle-require: 3.1.0_esbuild@0.14.54
|
||||
cac: 6.7.14
|
||||
chokidar: 3.5.3
|
||||
@ -20571,7 +20612,7 @@ packages:
|
||||
loader-utils: 1.4.0
|
||||
supports-color: 6.1.0
|
||||
v8-compile-cache: 2.3.0
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
yargs: 13.3.2
|
||||
dev: false
|
||||
|
||||
@ -20601,7 +20642,7 @@ packages:
|
||||
mime-types: 2.1.35
|
||||
range-parser: 1.2.1
|
||||
schema-utils: 3.1.1
|
||||
webpack: 5.74.0_ywxg4qeemlevj5g2lmog3ge44y
|
||||
webpack: 5.74.0_cxgt5hwiwgacztvwocsya4465q
|
||||
dev: false
|
||||
|
||||
/webpack-filter-warnings-plugin/1.2.1_webpack@4.46.0:
|
||||
@ -20702,7 +20743,7 @@ packages:
|
||||
- supports-color
|
||||
dev: false
|
||||
|
||||
/webpack/5.74.0_ywxg4qeemlevj5g2lmog3ge44y:
|
||||
/webpack/5.74.0_cxgt5hwiwgacztvwocsya4465q:
|
||||
resolution: {integrity: sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==}
|
||||
engines: {node: '>=10.13.0'}
|
||||
hasBin: true
|
||||
@ -20733,7 +20774,7 @@ packages:
|
||||
neo-async: 2.6.2
|
||||
schema-utils: 3.1.1
|
||||
tapable: 2.2.1
|
||||
terser-webpack-plugin: 5.3.6_xdvabriyv7brq7oph47eyljh7i
|
||||
terser-webpack-plugin: 5.3.6_pvaa6vmx4gcwl5i7lyje4o3ljy
|
||||
watchpack: 2.4.0
|
||||
webpack-cli: 3.3.12_webpack@5.74.0
|
||||
webpack-sources: 3.2.3
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user