@codarmais/ui 0.1.19 → 0.1.20
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.stories.d.ts +10 -0
- package/dist/components/Layout/Container/Container.d.ts +6 -3
- package/dist/components/Modal/Modal.stories.d.ts +8 -0
- package/dist/components/Typography/Heading.stories.d.ts +11 -0
- package/dist/components/Typography/Text.stories.d.ts +13 -0
- package/dist/index.cjs.js +3 -3
- package/dist/index.esm.js +3 -3
- package/package.json +2 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Button } from "./Button";
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Outlined: Story;
|
|
8
|
+
export declare const WithIcon: Story;
|
|
9
|
+
export declare const FullWidth: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import type { LayoutProps } from "../types/Layout.types";
|
|
2
2
|
export interface ContainerProps extends LayoutProps {
|
|
3
|
-
flexColumn
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
/** Transient: use $flexColumn to avoid forwarding to DOM */
|
|
4
|
+
$flexColumn?: boolean;
|
|
5
|
+
/** Transient: use $flexWrapper to avoid forwarding to DOM */
|
|
6
|
+
$flexWrapper?: boolean;
|
|
7
|
+
/** Transient: use $flexGrow to avoid forwarding to DOM */
|
|
8
|
+
$flexGrow?: boolean;
|
|
6
9
|
}
|
|
7
10
|
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,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Modal } from "./Modal";
|
|
3
|
+
declare const meta: Meta<typeof Modal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Modal>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Danger: Story;
|
|
8
|
+
export declare const Success: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Heading } from "./Heading";
|
|
3
|
+
declare const meta: Meta<typeof Heading>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Heading>;
|
|
6
|
+
export declare const Level1: Story;
|
|
7
|
+
export declare const Level2: Story;
|
|
8
|
+
export declare const Level3: Story;
|
|
9
|
+
export declare const Level4: Story;
|
|
10
|
+
export declare const Center: Story;
|
|
11
|
+
export declare const CustomColor: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Text } from "./Text";
|
|
3
|
+
declare const meta: Meta<typeof Text>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Text>;
|
|
6
|
+
export declare const Small: Story;
|
|
7
|
+
export declare const Medium: Story;
|
|
8
|
+
export declare const Large: Story;
|
|
9
|
+
export declare const ExtraLarge: Story;
|
|
10
|
+
export declare const Muted: Story;
|
|
11
|
+
export declare const Bold: Story;
|
|
12
|
+
export declare const Center: Story;
|
|
13
|
+
export declare const Paragraph: Story;
|
package/dist/index.cjs.js
CHANGED
|
@@ -220,9 +220,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
220
220
|
padding-left: ${({py:t})=>t??"initial"};
|
|
221
221
|
padding-right: ${({py:t})=>t??"initial"};
|
|
222
222
|
`,j2=n.div`
|
|
223
|
-
display: ${({flexWrapper:t})=>t?"flex":"block"};
|
|
224
|
-
flex-direction: ${({flexColumn:t})=>t?"column":"row"};
|
|
225
|
-
flex-grow: ${({flexGrow:t})=>t?1:"initial"};
|
|
223
|
+
display: ${({$flexWrapper:t})=>t?"flex":"block"};
|
|
224
|
+
flex-direction: ${({$flexColumn:t})=>t?"column":"row"};
|
|
225
|
+
flex-grow: ${({$flexGrow:t})=>t?1:"initial"};
|
|
226
226
|
|
|
227
227
|
background-color: ${({backgroundColor:t})=>t??"transparent"};
|
|
228
228
|
background-image: ${({backgroundImage:t})=>t?`url(${t})`:"none"};
|
package/dist/index.esm.js
CHANGED
|
@@ -857,9 +857,9 @@ const O2 = ({ items: t, logo: r, backgroundColor: a }) => {
|
|
|
857
857
|
padding-left: ${({ py: t }) => t ?? "initial"};
|
|
858
858
|
padding-right: ${({ py: t }) => t ?? "initial"};
|
|
859
859
|
`, W2 = u.div`
|
|
860
|
-
display: ${({ flexWrapper: t }) => t ? "flex" : "block"};
|
|
861
|
-
flex-direction: ${({ flexColumn: t }) => t ? "column" : "row"};
|
|
862
|
-
flex-grow: ${({ flexGrow: t }) => t ? 1 : "initial"};
|
|
860
|
+
display: ${({ $flexWrapper: t }) => t ? "flex" : "block"};
|
|
861
|
+
flex-direction: ${({ $flexColumn: t }) => t ? "column" : "row"};
|
|
862
|
+
flex-grow: ${({ $flexGrow: t }) => t ? 1 : "initial"};
|
|
863
863
|
|
|
864
864
|
background-color: ${({ backgroundColor: t }) => t ?? "transparent"};
|
|
865
865
|
background-image: ${({ backgroundImage: t }) => t ? `url(${t})` : "none"};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codarmais/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.20",
|
|
4
4
|
"description": "Codar Mais UI - Biblioteca de componentes React corporativos",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
@@ -80,4 +80,4 @@
|
|
|
80
80
|
"dependencies": {
|
|
81
81
|
"react-icons": "^4.10.1"
|
|
82
82
|
}
|
|
83
|
-
}
|
|
83
|
+
}
|