mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
feat(theme): palette improved, link styles done
This commit is contained in:
Junior Garcia
parent
fd5a815500
commit
95084d6271
@ -14,9 +14,10 @@ const Link = forwardRef<LinkProps, "a">((props, ref) => {
|
||||
const {
|
||||
children,
|
||||
as,
|
||||
color,
|
||||
size,
|
||||
isUnderline,
|
||||
isBlock,
|
||||
color,
|
||||
disableAnimation,
|
||||
isExternal,
|
||||
focusProps,
|
||||
@ -35,6 +36,7 @@ const Link = forwardRef<LinkProps, "a">((props, ref) => {
|
||||
className={cx(
|
||||
link({
|
||||
color,
|
||||
size,
|
||||
isUnderline,
|
||||
isBlock,
|
||||
disableAnimation,
|
||||
|
||||
@ -12,10 +12,39 @@ const text = `"First solve the problem. Then, write the code." - Jon Johnson.`;
|
||||
|
||||
export const Default = () => <Link href="#">{text}</Link>;
|
||||
|
||||
export const Underline = () => (
|
||||
<Link isUnderline color="primary" href="#">
|
||||
{text}
|
||||
</Link>
|
||||
export const Sizes = () => (
|
||||
<Grid.Container gap={1}>
|
||||
<Grid xs={12}>
|
||||
<Link color="primary" href="#" size="xs">
|
||||
{text}
|
||||
</Link>
|
||||
</Grid>
|
||||
<Grid xs={12}>
|
||||
<Link color="secondary" href="#" size="sm">
|
||||
{text}
|
||||
</Link>
|
||||
</Grid>
|
||||
<Grid xs={12}>
|
||||
<Link color="success" href="#" size="md">
|
||||
{text}
|
||||
</Link>
|
||||
</Grid>
|
||||
<Grid xs={12}>
|
||||
<Link color="warning" href="#" size="xl">
|
||||
{text}
|
||||
</Link>
|
||||
</Grid>
|
||||
<Grid xs={12}>
|
||||
<Link className="text-2xl" color="error" href="#">
|
||||
{text}
|
||||
</Link>
|
||||
</Grid>
|
||||
<Grid xs={12}>
|
||||
<Link className="text-3xl text-pink-500" href="#">
|
||||
{text}
|
||||
</Link>
|
||||
</Grid>
|
||||
</Grid.Container>
|
||||
);
|
||||
|
||||
export const Colors = () => (
|
||||
@ -53,6 +82,12 @@ export const Colors = () => (
|
||||
</Grid.Container>
|
||||
);
|
||||
|
||||
export const isUnderline = () => (
|
||||
<Link isUnderline color="primary" href="#">
|
||||
{text}
|
||||
</Link>
|
||||
);
|
||||
|
||||
export const isExternal = () => (
|
||||
<Grid.Container gap={1}>
|
||||
<Grid xs={12}>
|
||||
@ -68,7 +103,7 @@ export const isExternal = () => (
|
||||
</Grid.Container>
|
||||
);
|
||||
|
||||
export const Block = () => (
|
||||
export const isBlock = () => (
|
||||
<Grid.Container gap={1}>
|
||||
<Grid xs={12}>
|
||||
<Link isBlock color="primary" href="#">
|
||||
@ -96,7 +131,7 @@ export const Block = () => (
|
||||
</Link>
|
||||
</Grid>
|
||||
<Grid xs={12}>
|
||||
<Link isBlock className="text-pink-600" href="#">
|
||||
<Link isBlock className="text-pink-600 hover:after:bg-pink-600/25" href="#">
|
||||
{text}
|
||||
</Link>
|
||||
</Grid>
|
||||
|
||||
@ -5,6 +5,7 @@ module.exports = {
|
||||
"@storybook/addon-essentials",
|
||||
"@storybook/preset-create-react-app",
|
||||
"@storybook/addon-interactions",
|
||||
"storybook-dark-mode"
|
||||
],
|
||||
framework: {
|
||||
name: "@storybook/react-webpack5",
|
||||
|
||||
@ -3,11 +3,12 @@
|
||||
@tailwind utilities;
|
||||
|
||||
html[data-mode="dark"] {
|
||||
@apply bg-slate-800 text-white;
|
||||
@apply bg-black text-black;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
|
||||
@ -57,7 +57,7 @@
|
||||
"prop-types": "^15.8.1",
|
||||
"storybook": "^7.0.0-beta.20",
|
||||
"concurrently": "^7.6.0",
|
||||
"storybook-dark-mode": "^1.1.0",
|
||||
"storybook-dark-mode": "^2.0.5",
|
||||
"tailwindcss": "^3.2.4",
|
||||
"webpack": "^5.75.0"
|
||||
}
|
||||
|
||||
@ -1,146 +1,74 @@
|
||||
module.exports = {
|
||||
blue: {
|
||||
50: "#EDF5FF",
|
||||
100: "#E1EFFF",
|
||||
200: "#CEE4FE",
|
||||
300: "#B7D5F8",
|
||||
400: "#96C1F2",
|
||||
500: "#5EA2EF",
|
||||
600: "#0072F5",
|
||||
700: "#005FCC",
|
||||
800: "#004799",
|
||||
900: "#00254D",
|
||||
},
|
||||
blueDark: {
|
||||
50: "#10253E",
|
||||
100: "#102C4C",
|
||||
200: "#0F3158",
|
||||
300: "#0D3868",
|
||||
400: "#0A4281",
|
||||
500: "#0952A5",
|
||||
600: "#0072F5",
|
||||
700: "#3694FF",
|
||||
800: "#3694FF",
|
||||
900: "#EAF4FF",
|
||||
50: "#e6f1fe",
|
||||
100: "#cce3fd",
|
||||
200: "#99c7fb",
|
||||
300: "#66aaf9",
|
||||
400: "#338ef7",
|
||||
500: "#0072f5",
|
||||
600: "#005bc4",
|
||||
700: "#004493",
|
||||
800: "#002e62",
|
||||
900: "#001731",
|
||||
},
|
||||
green: {
|
||||
50: "#F1FDF7",
|
||||
100: "#E8FCF1",
|
||||
200: "#DAFBE8",
|
||||
300: "#C8F9DD",
|
||||
400: "#ADF5CC",
|
||||
500: "#88F1B6",
|
||||
600: "#17C964",
|
||||
700: "#13A452",
|
||||
800: "#108944",
|
||||
900: "#06371B",
|
||||
},
|
||||
greenDark: {
|
||||
50: "#042F14",
|
||||
100: "#06381B",
|
||||
200: "#074A24",
|
||||
300: "#0A6130",
|
||||
400: "#0B7439",
|
||||
500: "#0F9549",
|
||||
600: "#17C964",
|
||||
700: "#41EC8B",
|
||||
800: "#78F2AD",
|
||||
900: "#ECFDF4",
|
||||
50: "#e8faf0",
|
||||
100: "#d1f4e0",
|
||||
200: "#a2e9c1",
|
||||
300: "#74dfa2",
|
||||
400: "#45d483",
|
||||
500: "#17c964",
|
||||
600: "#12a150",
|
||||
700: "#0e793c",
|
||||
800: "#095028",
|
||||
900: "#052814",
|
||||
},
|
||||
pink: {
|
||||
50: "#FFF0FB",
|
||||
100: "#FFE5F8",
|
||||
200: "#FFD6F3",
|
||||
300: "#FFC2EE",
|
||||
400: "#FFA3E5",
|
||||
500: "#FF7AD9",
|
||||
600: "#FF4ECD",
|
||||
700: "#D6009A",
|
||||
800: "#B80084",
|
||||
900: "#4D0037",
|
||||
},
|
||||
pinkDark: {
|
||||
50: "#330025",
|
||||
100: "#470033",
|
||||
200: "#5C0042",
|
||||
300: "#750054",
|
||||
400: "#8A0063",
|
||||
500: "#AD007C",
|
||||
600: "#FF4ECD",
|
||||
700: "#FF2EC4",
|
||||
800: "#FF6BD5",
|
||||
900: "#FFEBF9",
|
||||
50: "#ffedfa",
|
||||
100: "#ffdcf5",
|
||||
200: "#ffb8eb",
|
||||
300: "#ff95e1",
|
||||
400: "#ff71d7",
|
||||
500: "#ff4ecd",
|
||||
600: "#cc3ea4",
|
||||
700: "#992f7b",
|
||||
800: "#661f52",
|
||||
900: "#331029",
|
||||
},
|
||||
purple: {
|
||||
50: "#F7F2FD",
|
||||
100: "#F1E8FB",
|
||||
200: "#EADCF8",
|
||||
300: "#E0CBF5",
|
||||
400: "#D1B1F0",
|
||||
500: "#BC8EE9",
|
||||
600: "#7828C8",
|
||||
700: "#6622AA",
|
||||
800: "#4D1980",
|
||||
900: "#290E44",
|
||||
},
|
||||
purpleDark: {
|
||||
50: "#1F0A33",
|
||||
100: "#240C3C",
|
||||
200: "#2E0F4D",
|
||||
300: "#3B1362",
|
||||
400: "#451773",
|
||||
500: "#571D91",
|
||||
600: "#7828C8",
|
||||
700: "#9750DD",
|
||||
800: "#B583E7",
|
||||
900: "#F7ECFC",
|
||||
50: "#f2eafa",
|
||||
100: "#e4d4f4",
|
||||
200: "#c9a9e9",
|
||||
300: "#ae7ede",
|
||||
400: "#9353d3",
|
||||
500: "#7828c8",
|
||||
600: "#6020a0",
|
||||
700: "#481878",
|
||||
800: "#301050",
|
||||
900: "#180828",
|
||||
},
|
||||
red: {
|
||||
50: "#FEF0F5",
|
||||
100: "#FEE7EF",
|
||||
200: "#FDD8E5",
|
||||
300: "#FCC5D8",
|
||||
400: "#FAA8C5",
|
||||
500: "#F881AB",
|
||||
600: "#F31260",
|
||||
700: "#B80A47",
|
||||
800: "#910838",
|
||||
900: "#4E041E",
|
||||
},
|
||||
redDark: {
|
||||
50: "#300313",
|
||||
100: "#300313",
|
||||
200: "#44041A",
|
||||
300: "#5C0523",
|
||||
400: "#6F062B",
|
||||
500: "#910838",
|
||||
600: "#F31260",
|
||||
700: "#F4256D",
|
||||
800: "#F75F94",
|
||||
900: "#FDD8E5",
|
||||
50: "#fee7ef",
|
||||
100: "#fdd0df",
|
||||
200: "#faa0bf",
|
||||
300: "#f871a0",
|
||||
400: "#f54180",
|
||||
500: "#f31260",
|
||||
600: "#c20e4d",
|
||||
700: "#920b3a",
|
||||
800: "#610726",
|
||||
900: "#310413",
|
||||
},
|
||||
yellow: {
|
||||
50: "#FEF9F0",
|
||||
100: "#FEF5E7",
|
||||
200: "#FDEFD8",
|
||||
300: "#FCE7C5",
|
||||
400: "#FBDBA7",
|
||||
500: "#F9CB80",
|
||||
600: "#F5A524",
|
||||
700: "#B97509",
|
||||
800: "#925D07",
|
||||
900: "#4E3104",
|
||||
},
|
||||
yellowDark: {
|
||||
50: "#3A2503",
|
||||
100: "#442B03",
|
||||
200: "#583804",
|
||||
300: "#704705",
|
||||
400: "#845306",
|
||||
500: "#A66908",
|
||||
600: "#F5A524",
|
||||
700: "#F6AD37",
|
||||
800: "#F8C572",
|
||||
900: "#FEF7EC",
|
||||
50: "#fef6e9",
|
||||
100: "#fdedd3",
|
||||
200: "#fbdba7",
|
||||
300: "#f9c97c",
|
||||
400: "#f7b750",
|
||||
500: "#f5a524",
|
||||
600: "#c4841d",
|
||||
700: "#936316",
|
||||
800: "#62420e",
|
||||
900: "#312107",
|
||||
},
|
||||
};
|
||||
|
||||
@ -5,6 +5,9 @@ const colors = require("./colors.js");
|
||||
module.exports = plugin(
|
||||
function ({addUtilities}) {
|
||||
addUtilities({
|
||||
/**
|
||||
* Custom utilities
|
||||
*/
|
||||
".leading-inherit": {
|
||||
"line-height": "inherit",
|
||||
},
|
||||
@ -17,6 +20,48 @@ module.exports = plugin(
|
||||
".text-fill-inherit": {
|
||||
"-webkit-text-fill-color": "inherit",
|
||||
},
|
||||
".transition-background": {
|
||||
"transition-property": "background",
|
||||
"transition-timing-function": "ease",
|
||||
"transition-duration": "250ms",
|
||||
},
|
||||
/**
|
||||
* Tailwind utilities
|
||||
*/
|
||||
".transition-all": {
|
||||
"transition-property": "all",
|
||||
"transition-timing-function": "ease",
|
||||
"transition-duration": "250ms",
|
||||
},
|
||||
".transition": {
|
||||
"transition-property":
|
||||
"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
|
||||
"transition-timing-function": "ease",
|
||||
"transition-duration": "250ms",
|
||||
},
|
||||
".transition-colors": {
|
||||
"transition-property":
|
||||
"color, background-color, border-color, text-decoration-color, fill, stroke",
|
||||
"transition-timing-function": "ease",
|
||||
"transition-duration": "250ms",
|
||||
},
|
||||
".transition-opacity": {
|
||||
"transition-property": "opacity",
|
||||
"transition-timing-function": "ease",
|
||||
"transition-duration": "250ms",
|
||||
},
|
||||
|
||||
".transition-shadow": {
|
||||
"transition-property": "box-shadow",
|
||||
"transition-timing-function": "ease",
|
||||
"transition-duration": "250ms",
|
||||
},
|
||||
|
||||
".transition-transform": {
|
||||
"transition-property": "transform",
|
||||
"transition-timing-function": "ease",
|
||||
"transition-duration": "250ms",
|
||||
},
|
||||
});
|
||||
},
|
||||
{
|
||||
@ -33,29 +78,29 @@ module.exports = plugin(
|
||||
dark: "#697177",
|
||||
},
|
||||
primary: {
|
||||
light: colors.blue[400],
|
||||
DEFAULT: colors.blue[600],
|
||||
dark: colors.blue[700],
|
||||
light: colors.blue[200],
|
||||
DEFAULT: colors.blue[500],
|
||||
dark: colors.blue[500],
|
||||
},
|
||||
secondary: {
|
||||
light: colors.purple[400],
|
||||
DEFAULT: colors.purple[600],
|
||||
dark: colors.purple[700],
|
||||
light: colors.purple[200],
|
||||
DEFAULT: colors.purple[500],
|
||||
dark: colors.purple[400],
|
||||
},
|
||||
success: {
|
||||
light: colors.green[400],
|
||||
DEFAULT: colors.green[600],
|
||||
dark: colors.green[700],
|
||||
light: colors.green[200],
|
||||
DEFAULT: colors.green[500],
|
||||
dark: colors.green[500],
|
||||
},
|
||||
warning: {
|
||||
light: colors.yellow[400],
|
||||
DEFAULT: colors.yellow[600],
|
||||
DEFAULT: colors.yellow[500],
|
||||
dark: colors.yellow[700],
|
||||
},
|
||||
error: {
|
||||
light: colors.red[400],
|
||||
DEFAULT: colors.red[600],
|
||||
dark: colors.red[700],
|
||||
light: colors.red[200],
|
||||
DEFAULT: colors.red[500],
|
||||
dark: colors.red[500],
|
||||
},
|
||||
text: {
|
||||
light: "#11181C",
|
||||
@ -64,27 +109,27 @@ module.exports = plugin(
|
||||
},
|
||||
red: {
|
||||
...colors.red,
|
||||
DEFAULT: "#F31260",
|
||||
DEFAULT: colors.red[500],
|
||||
},
|
||||
yellow: {
|
||||
...colors.yellow,
|
||||
DEFAULT: "#F5A524",
|
||||
DEFAULT: colors.yellow[500],
|
||||
},
|
||||
green: {
|
||||
...colors.green,
|
||||
DEFAULT: "#17C964",
|
||||
DEFAULT: colors.green[500],
|
||||
},
|
||||
blue: {
|
||||
...colors.blue,
|
||||
DEFAULT: "#0072F5",
|
||||
DEFAULT: colors.blue[500],
|
||||
},
|
||||
purple: {
|
||||
...colors.purple,
|
||||
DEFAULT: "#7828C8",
|
||||
DEFAULT: colors.purple[500],
|
||||
},
|
||||
pink: {
|
||||
...colors.pink,
|
||||
DEFAULT: "#FF4ECD",
|
||||
DEFAULT: colors.pink[500],
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
@ -3,22 +3,30 @@ import {styled, type VariantProps} from "../../utils";
|
||||
export const link = styled(
|
||||
[
|
||||
"inline-flex",
|
||||
"relative",
|
||||
"items-center",
|
||||
"leading-inherit",
|
||||
"text-current",
|
||||
"w-fit",
|
||||
"outline-0",
|
||||
"bg-transparent",
|
||||
"bg-img-inherit",
|
||||
"bg-clip-inherit",
|
||||
"text-fill-inherit",
|
||||
"transition-opacity",
|
||||
"hover:opacity-80",
|
||||
],
|
||||
{
|
||||
variants: {
|
||||
size: {
|
||||
xs: "text-xs",
|
||||
sm: "text-sm",
|
||||
md: "text-base",
|
||||
lg: "text-lg",
|
||||
xl: "text-xl",
|
||||
},
|
||||
color: {
|
||||
primary: "text-primary",
|
||||
secondary: "text-secondary",
|
||||
secondary: "text-secondary dark:text-secondary-dark",
|
||||
success: "text-success",
|
||||
warning: "text-warning",
|
||||
error: "text-error",
|
||||
@ -28,41 +36,43 @@ export const link = styled(
|
||||
false: "no-underline",
|
||||
},
|
||||
isBlock: {
|
||||
true: "px-2 py-4 rounded transition-background transition-shadow",
|
||||
true: "px-2 py-1 hover:after:opacity-100 after:content-[' '] after:inset-0 after:opacity-0 after:w-full after:h-full after:rounded-xl after:transition-background after:absolute",
|
||||
false: "hover:opacity-80",
|
||||
},
|
||||
disableAnimation: {
|
||||
true: "transition-none",
|
||||
true: "after:transition-none",
|
||||
},
|
||||
},
|
||||
compoundVariants: [
|
||||
{
|
||||
isBlock: true,
|
||||
color: "primary",
|
||||
class: "hover:bg-primary-light",
|
||||
class: "hover:after:bg-primary/25",
|
||||
},
|
||||
{
|
||||
isBlock: true,
|
||||
color: "secondary",
|
||||
class: "hover:bg-secondary-light",
|
||||
class: "hover:after:bg-secondary/25 dark:hover:after:bg-secondary-dark/25",
|
||||
},
|
||||
{
|
||||
isBlock: true,
|
||||
color: "success",
|
||||
class: "hover:bg-success-light",
|
||||
class: "hover:after:bg-success/25",
|
||||
},
|
||||
{
|
||||
isBlock: true,
|
||||
color: "warning",
|
||||
class: "hover:bg-warning-light",
|
||||
class: "hover:after:bg-warning/25",
|
||||
},
|
||||
{
|
||||
isBlock: true,
|
||||
color: "error",
|
||||
class: "hover:bg-error-light",
|
||||
class: "hover:after:bg-error/25",
|
||||
},
|
||||
],
|
||||
defaultVariants: {
|
||||
color: "primary",
|
||||
size: "md",
|
||||
isBlock: false,
|
||||
isUnderline: false,
|
||||
disableAnimation: false,
|
||||
|
||||
134
pnpm-lock.yaml
generated
134
pnpm-lock.yaml
generated
@ -802,7 +802,7 @@ importers:
|
||||
react: ^17.0.2
|
||||
react-dom: ^17.0.2
|
||||
storybook: ^7.0.0-beta.20
|
||||
storybook-dark-mode: ^1.1.0
|
||||
storybook-dark-mode: ^2.0.5
|
||||
tailwindcss: ^3.2.4
|
||||
webpack: ^5.75.0
|
||||
devDependencies:
|
||||
@ -829,7 +829,7 @@ importers:
|
||||
react: 17.0.2
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
storybook: 7.0.0-beta.20_sfoxds7t5ydpegc3knd667wn6m
|
||||
storybook-dark-mode: 1.1.2_sfoxds7t5ydpegc3knd667wn6m
|
||||
storybook-dark-mode: 2.0.5_sfoxds7t5ydpegc3knd667wn6m
|
||||
tailwindcss: 3.2.4_postcss@8.4.21
|
||||
webpack: 5.75.0
|
||||
|
||||
@ -9012,6 +9012,27 @@ packages:
|
||||
regenerator-runtime: 0.13.10
|
||||
dev: true
|
||||
|
||||
/@storybook/addons/6.5.15_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-xT31SuSX+kYGyxCNK2nqL7WTxucs3rSmhiCLovJcUjYk+QquV3c2c53Ki7lwwdDbzfXFcNAe0HJ4hoTN4jhn0Q==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
dependencies:
|
||||
'@storybook/api': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/channels': 6.5.15
|
||||
'@storybook/client-logger': 6.5.15
|
||||
'@storybook/core-events': 6.5.15
|
||||
'@storybook/csf': 0.0.2--canary.4566f4d.1
|
||||
'@storybook/router': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/theming': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@types/webpack-env': 1.18.0
|
||||
core-js: 3.26.0
|
||||
global: 4.4.0
|
||||
react: 17.0.2
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
regenerator-runtime: 0.13.10
|
||||
dev: true
|
||||
|
||||
/@storybook/addons/7.0.0-beta.20_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-aIBH2Y0lbLNh9y78LhULPygIFIW2sVxHD9JxAZcXJlzXSoudeGacRrRhtajcH4oPT0McrDsJwv/PxLRqJGj65Q==}
|
||||
peerDependencies:
|
||||
@ -9054,6 +9075,33 @@ packages:
|
||||
util-deprecate: 1.0.2
|
||||
dev: true
|
||||
|
||||
/@storybook/api/6.5.15_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-BBE0KXKvj1/3jTghbIoWfrcDM0t+xO7EYtWWAXD6XlhGsZVD2Dy82Z52ONyLulMDRpMWl0OYy3h6A1YnFUH25w==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
dependencies:
|
||||
'@storybook/channels': 6.5.15
|
||||
'@storybook/client-logger': 6.5.15
|
||||
'@storybook/core-events': 6.5.15
|
||||
'@storybook/csf': 0.0.2--canary.4566f4d.1
|
||||
'@storybook/router': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/semver': 7.3.2
|
||||
'@storybook/theming': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
core-js: 3.26.0
|
||||
fast-deep-equal: 3.1.3
|
||||
global: 4.4.0
|
||||
lodash: 4.17.21
|
||||
memoizerific: 1.11.3
|
||||
react: 17.0.2
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
regenerator-runtime: 0.13.10
|
||||
store2: 2.14.2
|
||||
telejson: 6.0.8
|
||||
ts-dedent: 2.2.0
|
||||
util-deprecate: 1.0.2
|
||||
dev: true
|
||||
|
||||
/@storybook/api/7.0.0-beta.20_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-7olOosnlMKoW4A2uDVSGcbLIIXpR/R2F1we6iUDuzy19BHAGdi5rtGDRZCtwr7ZwJy0cU/xqhIwpv/IVophd5Q==}
|
||||
dependencies:
|
||||
@ -9226,6 +9274,14 @@ packages:
|
||||
util-deprecate: 1.0.2
|
||||
dev: true
|
||||
|
||||
/@storybook/channels/6.5.15:
|
||||
resolution: {integrity: sha512-gPpsBgirv2NCXbH4WbYqdkI0JLE96aiVuu7UEWfn9yu071pQ9CLHbhXGD9fSFNrfOkyBBY10ppSE7uCXw3Wexg==}
|
||||
dependencies:
|
||||
core-js: 3.26.0
|
||||
ts-dedent: 2.2.0
|
||||
util-deprecate: 1.0.2
|
||||
dev: true
|
||||
|
||||
/@storybook/channels/7.0.0-beta.20:
|
||||
resolution: {integrity: sha512-D2XsdINQIJZT3W067sh5e17Tgt96qIrLLGiykFXJvXEVSb2jy5uFTPJR5LNI0DCF6o653i3FoYonvryGkr6bFw==}
|
||||
dev: true
|
||||
@ -9301,6 +9357,13 @@ packages:
|
||||
global: 4.4.0
|
||||
dev: true
|
||||
|
||||
/@storybook/client-logger/6.5.15:
|
||||
resolution: {integrity: sha512-0uyxKvodq+FycGv6aUwC1wUR6suXf2+7ywMFAOlYolI4UvNj8NyU/5AfgKT5XnxYAgPmoCiAjOE700TrfHrosw==}
|
||||
dependencies:
|
||||
core-js: 3.26.0
|
||||
global: 4.4.0
|
||||
dev: true
|
||||
|
||||
/@storybook/client-logger/7.0.0-beta.20:
|
||||
resolution: {integrity: sha512-XQhgr347ytzDWmsprXmTwP7lUxNuf6Yuy92WwAhMlg2OGaJ2uVHLzkKevNlfVwdbHxP1UQlVxuezu83zNP9/aA==}
|
||||
dependencies:
|
||||
@ -9352,6 +9415,24 @@ packages:
|
||||
util-deprecate: 1.0.2
|
||||
dev: true
|
||||
|
||||
/@storybook/components/6.5.15_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-bHTT0Oa3s4g+MBMaLBbX9ofMtb1AW59AzIUNGrfqW1XqJMGuUHMiJ7TSo+i5dRSFpbFygnwMEG9LfHxpR2Z0Dw==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
dependencies:
|
||||
'@storybook/client-logger': 6.5.15
|
||||
'@storybook/csf': 0.0.2--canary.4566f4d.1
|
||||
'@storybook/theming': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
core-js: 3.26.0
|
||||
memoizerific: 1.11.3
|
||||
qs: 6.11.0
|
||||
react: 17.0.2
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
regenerator-runtime: 0.13.10
|
||||
util-deprecate: 1.0.2
|
||||
dev: true
|
||||
|
||||
/@storybook/components/7.0.0-beta.20_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-pCQS9W0f1Xl+IZMUEf0/OVp8x0CdKXabV5So1uK47svalY6Fkn0zEslaDVl7akwmJQqUZWv3ISYGdTlDdVJUnw==}
|
||||
peerDependencies:
|
||||
@ -9416,6 +9497,12 @@ packages:
|
||||
core-js: 3.26.0
|
||||
dev: true
|
||||
|
||||
/@storybook/core-events/6.5.15:
|
||||
resolution: {integrity: sha512-B1Ba6l5W7MeNclclqMMTMHgYgfdpB5SIhNCQFnzIz8blynzRhNFMdxvbAl6Je5G0S4xydYYd7Lno2kXQebs7HA==}
|
||||
dependencies:
|
||||
core-js: 3.26.0
|
||||
dev: true
|
||||
|
||||
/@storybook/core-events/7.0.0-beta.20:
|
||||
resolution: {integrity: sha512-Ag/M1UvxtR5iewwrpFJ8/1Ba5MPigdFp6LPQdlCUFJ1ALRfFx434ij8UYYk9AbyFuaHchHiJ3zN0tbFwVr8xWw==}
|
||||
dev: true
|
||||
@ -9885,6 +9972,21 @@ packages:
|
||||
regenerator-runtime: 0.13.10
|
||||
dev: true
|
||||
|
||||
/@storybook/router/6.5.15_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-9t8rI8t7/Krolau29gsdjdbRQ66orONIyP0efp0EukVgv6reNFzb/U14ARrl0uHys6Tl5Xyece9FoakQUdn8Kg==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
dependencies:
|
||||
'@storybook/client-logger': 6.5.15
|
||||
core-js: 3.26.0
|
||||
memoizerific: 1.11.3
|
||||
qs: 6.11.0
|
||||
react: 17.0.2
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
regenerator-runtime: 0.13.10
|
||||
dev: true
|
||||
|
||||
/@storybook/router/7.0.0-beta.20_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-D19EIBzGUFhihgA2tJRh2hT4/d73D8tfQd1VJlJkHCJ1ORo1UR47wSudsAwVF8elq1n6jicnl69TE3m50wFiGg==}
|
||||
peerDependencies:
|
||||
@ -9979,6 +10081,20 @@ packages:
|
||||
regenerator-runtime: 0.13.10
|
||||
dev: true
|
||||
|
||||
/@storybook/theming/6.5.15_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-pgdW0lVZKKXQ4VhIfLHycMmwFSVOY7vLTKnytag4Y8Yz+aXm0bwDN/QxPntFzDH47F1Rcy2ywNnvty8ooDTvuA==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
dependencies:
|
||||
'@storybook/client-logger': 6.5.15
|
||||
core-js: 3.26.0
|
||||
memoizerific: 1.11.3
|
||||
react: 17.0.2
|
||||
react-dom: 17.0.2_react@17.0.2
|
||||
regenerator-runtime: 0.13.10
|
||||
dev: true
|
||||
|
||||
/@storybook/theming/7.0.0-beta.20_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-XJukrCz7wsVQGczK0DN1ATxBlETEDZwjJJI8z/LDV52rJ4zb0PfrKCV4oXuX8fyIhq3pI4QjEKYB2bq3pUDcLA==}
|
||||
peerDependencies:
|
||||
@ -21756,8 +21872,8 @@ packages:
|
||||
resolution: {integrity: sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==}
|
||||
dev: true
|
||||
|
||||
/storybook-dark-mode/1.1.2_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-L5QjJN49bl+ktprM6faMkTeW+LCvuMYWQaRo8/JGSMmzomIjLT7Yo20UiTsnMgMYyYWYF5O4EK/F3OvjDNp8tQ==}
|
||||
/storybook-dark-mode/2.0.5_sfoxds7t5ydpegc3knd667wn6m:
|
||||
resolution: {integrity: sha512-egOMu2tgGttGAMtFZcDLZobs1xc7LzFOh+pRVqaW59AVp05ABdQ3Hj6IX2Pz7tYGmF9AmaK+nBv0hDFxPe7Hfg==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
|
||||
@ -21767,11 +21883,11 @@ packages:
|
||||
react-dom:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@storybook/addons': 6.5.13_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/api': 6.5.13_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/components': 6.5.13_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/core-events': 6.5.13
|
||||
'@storybook/theming': 6.5.13_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/addons': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/api': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/components': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
'@storybook/core-events': 6.5.15
|
||||
'@storybook/theming': 6.5.15_sfoxds7t5ydpegc3knd667wn6m
|
||||
fast-deep-equal: 3.1.3
|
||||
global: 4.4.0
|
||||
memoizerific: 1.11.3
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user