@codarmais/ui 0.1.18 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/Button.d.ts +8 -0
- package/dist/components/Button/Button.styles.d.ts +7 -0
- package/dist/components/Button/index.d.ts +3 -0
- package/dist/components/Layout/Column/Column.d.ts +5 -0
- package/dist/components/Layout/Column/Column.stories.d.ts +7 -0
- package/dist/components/Layout/Column/index.d.ts +2 -0
- package/dist/components/Layout/Container/Container.d.ts +7 -0
- package/dist/components/Layout/Container/Container.stories.d.ts +7 -0
- package/dist/components/Layout/Container/index.d.ts +2 -0
- package/dist/components/Layout/Row/Row.d.ts +2 -0
- package/dist/components/Layout/Row/Row.stories.d.ts +7 -0
- package/dist/components/Layout/Row/index.d.ts +1 -0
- package/dist/components/Layout/index.d.ts +6 -0
- package/dist/components/Layout/types/Layout.types.d.ts +10 -0
- package/dist/components/Modal/Modal.d.ts +11 -0
- package/dist/components/Modal/Modal.styles.d.ts +4 -0
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Typography/Heading.d.ts +8 -0
- package/dist/components/Typography/Text.d.ts +8 -0
- package/dist/components/Typography/index.d.ts +4 -0
- package/dist/components/index.d.ts +8 -0
- package/dist/index.cjs.js +212 -27
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +619 -341
- package/dist/theme/Gradients.stories.d.ts +5 -0
- package/dist/theme/Icons.stories.d.ts +5 -0
- package/dist/theme/colors.d.ts +9 -3
- package/dist/theme/colors.stories.d.ts +5 -0
- package/dist/theme/theme.d.ts +9 -3
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import { type ButtonVariant } from "./Button.styles";
|
|
3
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: ButtonVariant;
|
|
5
|
+
fullWidth?: boolean;
|
|
6
|
+
iconLeft?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const Button: ({ variant, children, fullWidth, iconLeft, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type ButtonVariant = "primary" | "outlined" | "secondary" | "danger" | "alert" | "text";
|
|
2
|
+
export interface ButtonStyleProps {
|
|
3
|
+
$variant: ButtonVariant;
|
|
4
|
+
$fullWidth?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonStyleProps>> & string;
|
|
7
|
+
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { LayoutProps } from "../types/Layout.types";
|
|
2
|
+
export interface ColumnProps extends LayoutProps {
|
|
3
|
+
size?: number;
|
|
4
|
+
}
|
|
5
|
+
export declare const Column: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColumnProps>> & string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Column } from "./Column";
|
|
3
|
+
declare const meta: Meta<typeof Column>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Column>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithBackgroundImage: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { LayoutProps } from "../types/Layout.types";
|
|
2
|
+
export interface ContainerProps extends LayoutProps {
|
|
3
|
+
flexColumn?: boolean;
|
|
4
|
+
flexWrapper?: boolean;
|
|
5
|
+
flexGrow?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Container } from "./Container";
|
|
3
|
+
declare const meta: Meta<typeof Container>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Container>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithBackgroundImage: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { LayoutProps } from "../types/Layout.types";
|
|
2
|
+
export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LayoutProps>> & string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Row } from "./Row";
|
|
3
|
+
declare const meta: Meta<typeof Row>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Row>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ThreeColumns: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Row } from "./Row";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export interface ModalProps {
|
|
3
|
+
icon: ReactNode;
|
|
4
|
+
title: string;
|
|
5
|
+
message: string;
|
|
6
|
+
onConfirm: () => void;
|
|
7
|
+
onCancel: () => void;
|
|
8
|
+
confirmText?: string;
|
|
9
|
+
cancelText?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Modal: ({ icon, title, message, onConfirm, onCancel, confirmText, cancelText, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const ModalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const ButtonsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type HeadingLevel = 1 | 2 | 3 | 4;
|
|
2
|
+
export interface HeadingProps {
|
|
3
|
+
$level?: HeadingLevel;
|
|
4
|
+
color?: string;
|
|
5
|
+
$weight?: "normal" | "medium" | "bold";
|
|
6
|
+
$align?: "left" | "center" | "right";
|
|
7
|
+
}
|
|
8
|
+
export declare const Heading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, HeadingProps>> & string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface TextProps {
|
|
2
|
+
size?: "sm" | "md" | "lg" | "xlg";
|
|
3
|
+
weight?: "light" | "normal" | "bold";
|
|
4
|
+
color?: string;
|
|
5
|
+
$align?: "left" | "center" | "right";
|
|
6
|
+
muted?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;
|
|
@@ -4,9 +4,17 @@ export { ToggleButton } from "./ToggleButton";
|
|
|
4
4
|
export { Logo } from "./Logo";
|
|
5
5
|
export { Navbar } from "./Navbar";
|
|
6
6
|
export { BackBtn } from "./BackBtn";
|
|
7
|
+
export { Container, Row, Column } from "./Layout";
|
|
8
|
+
export { Heading, Text } from "./Typography";
|
|
9
|
+
export { Button } from "./Button";
|
|
10
|
+
export { Modal } from "./Modal";
|
|
7
11
|
export type { NavBarProps } from "./Navbar";
|
|
8
12
|
export type { MenuItemData, MenuProps } from "./Menu";
|
|
9
13
|
export type { MenuItemProps } from "./MenuItem";
|
|
10
14
|
export type { ToggleButtonProps } from "./ToggleButton";
|
|
11
15
|
export type { LogoProps, Variant } from "./Logo";
|
|
12
16
|
export type { BackBtnProps } from "./BackBtn";
|
|
17
|
+
export type { ContainerProps, ColumnProps, LayoutProps } from "./Layout";
|
|
18
|
+
export type { HeadingProps, HeadingLevel, TextProps } from "./Typography";
|
|
19
|
+
export type { ButtonProps, ButtonVariant } from "./Button";
|
|
20
|
+
export type { ModalProps } from "./Modal";
|