greenole-design-system 1.1.26 → 1.1.28
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/base-components/RangeSlider/RangeSlider.d.ts +4 -0
- package/dist/base-components/RangeSlider/RangeSlider.stories.d.ts +18 -0
- package/dist/base-components/RangeSlider/RangeSlider.styles.d.ts +7 -0
- package/dist/base-components/RangeSlider/RangeSlider.types.d.ts +11 -0
- package/dist/base-components/SwitchButton/SwitchButton.d.ts +4 -0
- package/dist/base-components/SwitchButton/SwitchButton.stories.d.ts +6 -0
- package/dist/base-components/SwitchButton/SwitchButton.styles.d.ts +7 -0
- package/dist/base-components/SwitchButton/SwitchButton.types.d.ts +9 -0
- package/dist/components/Drawer/Drawer.d.ts +4 -0
- package/dist/components/Drawer/Drawer.stories.d.ts +10 -0
- package/dist/components/Drawer/Drawer.styles.d.ts +23 -0
- package/dist/components/Drawer/Drawer.types.d.ts +16 -0
- package/dist/components/Drawer/index.d.ts +1 -0
- package/dist/greenole-design-system.cjs.js +267 -60
- package/dist/greenole-design-system.es.js +1996 -1660
- package/dist/greenole.css +4 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/package.json +6 -3
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as RangeSlider } from './RangeSlider';
|
|
3
|
+
declare const meta: Meta<typeof RangeSlider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof RangeSlider>;
|
|
6
|
+
/** Base editável e controlada */
|
|
7
|
+
export declare const Playground: Story;
|
|
8
|
+
/** Sem exibição de valor */
|
|
9
|
+
export declare const WithoutValue: Story;
|
|
10
|
+
/** Diferentes cores e valores */
|
|
11
|
+
export declare const BlueMid: Story;
|
|
12
|
+
export declare const RedHigh: Story;
|
|
13
|
+
export declare const YellowLow: Story;
|
|
14
|
+
export declare const CustomRange: Story;
|
|
15
|
+
/** Caixinha com borda */
|
|
16
|
+
export declare const WithBorder: Story;
|
|
17
|
+
/** Somente número puro */
|
|
18
|
+
export declare const WithoutBorder: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const SliderWrapper: 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 ValueBox: 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 ValueText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
4
|
+
export declare const SliderInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
5
|
+
percent: number;
|
|
6
|
+
color: string;
|
|
7
|
+
}>> & string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as SwitchButton } from './SwitchButton';
|
|
3
|
+
declare const meta: Meta<typeof SwitchButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SwitchButton>;
|
|
6
|
+
export declare const Playground: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const SwitchWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
2
|
+
checked: boolean;
|
|
3
|
+
color: string;
|
|
4
|
+
variant: "filled" | "outline";
|
|
5
|
+
thumbVariant: "filled" | "outline";
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}>> & string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { DrawerProps } from './Drawer.types';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
|
|
6
|
+
export declare const DirectionLeft: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
|
|
7
|
+
export declare const ShowOverlay: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
|
|
8
|
+
export declare const HeaderAndFooterWithout: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
|
|
9
|
+
export declare const HeaderWithout: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
|
|
10
|
+
export declare const FooterWithout: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
$show: boolean;
|
|
3
|
+
}>> & string;
|
|
4
|
+
export declare const DrawerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$show: boolean;
|
|
6
|
+
$isMobile: boolean;
|
|
7
|
+
$width?: string;
|
|
8
|
+
$direction: "left" | "right";
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
$direction: "left" | "right";
|
|
12
|
+
}>> & string;
|
|
13
|
+
export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
14
|
+
export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
15
|
+
export declare const Body: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
16
|
+
$direction: "left" | "right";
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
19
|
+
$direction: "left" | "right";
|
|
20
|
+
}>> & string;
|
|
21
|
+
export declare const Close: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
22
|
+
$direction: "left" | "right";
|
|
23
|
+
}>> & string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface DrawerProps {
|
|
3
|
+
show: boolean;
|
|
4
|
+
title?: string | ReactNode;
|
|
5
|
+
subtitle?: string | ReactNode;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
width?: string;
|
|
8
|
+
isMobile?: boolean;
|
|
9
|
+
showOverlay?: boolean;
|
|
10
|
+
cancelButtonText?: string;
|
|
11
|
+
confirmButtonText?: string;
|
|
12
|
+
direction?: 'left' | 'right';
|
|
13
|
+
onCancel?: () => void;
|
|
14
|
+
onConfirm?: () => void;
|
|
15
|
+
onClose?: () => void;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Drawer } from './Drawer';
|