karsten-design-system 1.1.86 → 1.1.88
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/README.md +208 -208
- package/dist/index.js +4 -9
- package/dist/index.js.map +1 -1
- package/dist/types/assets/icons/bell.d.ts +1 -0
- package/dist/types/assets/icons/cart.d.ts +1 -0
- package/dist/types/assets/icons/check.d.ts +1 -0
- package/dist/types/assets/icons/circleCheck.d.ts +1 -0
- package/dist/types/assets/icons/clock.d.ts +1 -0
- package/dist/types/assets/icons/close.d.ts +1 -0
- package/dist/types/assets/icons/dashboard.d.ts +1 -0
- package/dist/types/assets/icons/grayInfo.d.ts +1 -0
- package/dist/types/assets/icons/home/account.d.ts +1 -0
- package/dist/types/assets/icons/home/accountsReceivable.d.ts +1 -0
- package/dist/types/assets/icons/home/box.d.ts +1 -0
- package/dist/types/assets/icons/home/circleWithDollarSign.d.ts +1 -0
- package/dist/types/assets/icons/home/computer.d.ts +1 -0
- package/dist/types/assets/icons/home/credit.d.ts +1 -0
- package/dist/types/assets/icons/home/payments.d.ts +1 -0
- package/dist/types/assets/icons/home/pieChart.d.ts +1 -0
- package/dist/types/assets/icons/home/profitability.d.ts +1 -0
- package/dist/types/assets/icons/home.d.ts +1 -0
- package/dist/types/assets/icons/menu.d.ts +1 -0
- package/dist/types/assets/icons/trash.d.ts +1 -0
- package/dist/types/assets/logo.d.ts +1 -0
- package/dist/types/mock/internalMenu.d.ts +2 -0
- package/dist/types/mock/mockedComponente/mockedChart.d.ts +5 -0
- package/dist/types/mock/mockedComponente/mockedInternalMenu.d.ts +1 -0
- package/dist/types/mock/mockedComponente/notificationMocked.d.ts +5 -0
- package/dist/types/mock/mockedComponente/screenContainer.d.ts +5 -0
- package/dist/types/mock/notifications.d.ts +2 -0
- package/dist/types/mock/tableItems.d.ts +8 -0
- package/dist/types/stories/components/button.stories.d.ts +85 -0
- package/dist/types/stories/components/iconButton.stories.d.ts +44 -0
- package/dist/types/stories/components/icons.d.ts +1 -0
- package/dist/types/stories/components/spinner.stories.d.ts +41 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function BellIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function Cart(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CheckIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CircleCheckIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function ClockIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CloseIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function DashboardIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function GrayInfo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function AccountIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function AccountsReceivable(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function BoxIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CircleWithDollarSignIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function ComputerIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CreditIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function Paymentsicon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function PieChartIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function ProfitabilityIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function HomeICon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function MenuIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function TrashIcon(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function Logo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function MockedInternalMenu(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from './button';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Button;
|
|
6
|
+
parameters: {
|
|
7
|
+
componentSubtitle: string;
|
|
8
|
+
layout: string;
|
|
9
|
+
docs: {
|
|
10
|
+
source: {
|
|
11
|
+
language: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
argTypes: {
|
|
17
|
+
variant: {
|
|
18
|
+
type: {
|
|
19
|
+
name: "string";
|
|
20
|
+
};
|
|
21
|
+
control: "select";
|
|
22
|
+
options: string[];
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
size: {
|
|
26
|
+
type: {
|
|
27
|
+
name: "string";
|
|
28
|
+
};
|
|
29
|
+
control: "select";
|
|
30
|
+
options: string[];
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
selected: {
|
|
34
|
+
control: "boolean";
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
label: {
|
|
38
|
+
control: "text";
|
|
39
|
+
description: string;
|
|
40
|
+
};
|
|
41
|
+
onClick: {
|
|
42
|
+
action: string;
|
|
43
|
+
description: string;
|
|
44
|
+
};
|
|
45
|
+
icon: {
|
|
46
|
+
control: string[];
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
rightIcon: {
|
|
50
|
+
control: string[];
|
|
51
|
+
description: string;
|
|
52
|
+
};
|
|
53
|
+
disabled: {
|
|
54
|
+
control: "boolean";
|
|
55
|
+
description: string;
|
|
56
|
+
};
|
|
57
|
+
loading: {
|
|
58
|
+
control: "boolean";
|
|
59
|
+
description: string;
|
|
60
|
+
};
|
|
61
|
+
className: {
|
|
62
|
+
control: string[];
|
|
63
|
+
description: string;
|
|
64
|
+
};
|
|
65
|
+
width: {
|
|
66
|
+
control: string[];
|
|
67
|
+
description: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
export default meta;
|
|
72
|
+
type Story = StoryObj<typeof meta>;
|
|
73
|
+
export declare const Padrao: Story;
|
|
74
|
+
export declare const VarianteOutline: Story;
|
|
75
|
+
export declare const VarianteSecondary: Story;
|
|
76
|
+
export declare const VarianteSecondaryOutline: Story;
|
|
77
|
+
export declare const VarianteGray: Story;
|
|
78
|
+
export declare const VarianteGrayOutline: Story;
|
|
79
|
+
export declare const VarianteTab: Story;
|
|
80
|
+
export declare const ComIcone: Story;
|
|
81
|
+
export declare const ComIcones: Story;
|
|
82
|
+
export declare const TamanhoPequeno: Story;
|
|
83
|
+
export declare const TamanhoGrande: Story;
|
|
84
|
+
export declare const Desabilitado: Story;
|
|
85
|
+
export declare const Carregando: Story;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { IconButton } from './iconButton';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof IconButton;
|
|
6
|
+
parameters: {
|
|
7
|
+
componentSubtitle: string;
|
|
8
|
+
layout: string;
|
|
9
|
+
docs: {
|
|
10
|
+
source: {
|
|
11
|
+
language: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
argTypes: {
|
|
17
|
+
variant: {
|
|
18
|
+
type: {
|
|
19
|
+
name: "string";
|
|
20
|
+
};
|
|
21
|
+
control: "select";
|
|
22
|
+
options: string[];
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
icon: {
|
|
26
|
+
control: string[];
|
|
27
|
+
description: string;
|
|
28
|
+
};
|
|
29
|
+
onClick: {
|
|
30
|
+
action: string;
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
disabled: {
|
|
34
|
+
control: "boolean";
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export default meta;
|
|
40
|
+
type Story = StoryObj<typeof meta>;
|
|
41
|
+
export declare const VarianteBorder: Story;
|
|
42
|
+
export declare const VarianteBorderDesabilitado: Story;
|
|
43
|
+
export declare const varianteShadow: Story;
|
|
44
|
+
export declare const VarianteShadowDesabilitado: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function IconCatalog(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Spinner } from './spinner';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Spinner;
|
|
6
|
+
parameters: {
|
|
7
|
+
componentSubtitle: string;
|
|
8
|
+
layout: string;
|
|
9
|
+
docs: {
|
|
10
|
+
source: {
|
|
11
|
+
language: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
argTypes: {
|
|
17
|
+
color: {
|
|
18
|
+
type: {
|
|
19
|
+
name: "string";
|
|
20
|
+
};
|
|
21
|
+
control: "select";
|
|
22
|
+
options: string[];
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
size: {
|
|
26
|
+
type: {
|
|
27
|
+
name: "string";
|
|
28
|
+
};
|
|
29
|
+
control: "select";
|
|
30
|
+
options: string[];
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export default meta;
|
|
36
|
+
type Story = StoryObj<typeof meta>;
|
|
37
|
+
export declare const Padrao: Story;
|
|
38
|
+
export declare const CorSecondary: Story;
|
|
39
|
+
export declare const TamanhoPequeno: Story;
|
|
40
|
+
export declare const TamanhoMedio: Story;
|
|
41
|
+
export declare const TamanhoGrande: Story;
|