greenole-design-system 1.1.23 → 1.1.25
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/App.d.ts +3 -0
- package/dist/base-components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/base-components/Tooltip/Tooltip.stories.d.ts +1 -0
- package/dist/base-components/Tooltip/Tooltip.styles.d.ts +9 -0
- package/dist/base-components/Tooltip/Tooltip.types.d.ts +7 -6
- package/dist/components/Modal/Modal.d.ts +4 -0
- package/dist/components/Modal/Modal.stories.d.ts +12 -0
- package/dist/components/Modal/Modal.types.d.ts +17 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Tabs/Tabs.d.ts +5 -0
- package/dist/components/Tabs/Tabs.stories.d.ts +7 -0
- package/dist/components/Tabs/Tabs.types.d.ts +12 -0
- package/dist/components/Tabs/index.d.ts +1 -0
- package/dist/greenole-design-system.cjs.js +137 -17
- package/dist/greenole-design-system.es.js +3197 -1816
- package/dist/greenole.css +129 -99
- package/dist/index.css +1 -1
- package/dist/index.d.ts +6 -5
- package/package.json +5 -2
- package/dist/base-components/Avatar/Avatar.d.ts +0 -4
- package/dist/base-components/Avatar/Avatar.stories.d.ts +0 -11
- package/dist/base-components/Avatar/Avatar.types.d.ts +0 -13
package/dist/App.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TooltipPositionTypes } from './Tooltip.types';
|
|
2
|
+
declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const TooltipBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
position: TooltipPositionTypes;
|
|
5
|
+
}>> & string;
|
|
6
|
+
declare const TooltipArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
7
|
+
position: TooltipPositionTypes;
|
|
8
|
+
}>> & string;
|
|
9
|
+
export { TooltipArrow, TooltipBox, TooltipWrapper };
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import { TypographyVariant } from '../../components/Typography/Typography';
|
|
2
|
-
export type
|
|
3
|
-
export type
|
|
4
|
-
export interface
|
|
5
|
-
children: React.ReactNode;
|
|
3
|
+
export type TooltipPositionTypes = 'top' | 'bottom' | 'left' | 'right';
|
|
4
|
+
export type TooltipThemeTypes = 'light' | 'dark';
|
|
5
|
+
export interface TooltipTypes {
|
|
6
6
|
text: string;
|
|
7
|
-
position?:
|
|
7
|
+
position?: TooltipPositionTypes;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
show?: boolean;
|
|
8
10
|
variant?: TypographyVariant;
|
|
9
11
|
bgColor?: string;
|
|
10
12
|
textColor?: string;
|
|
11
13
|
darkMode?: boolean;
|
|
12
|
-
className?: string;
|
|
13
14
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as 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 WithActions: Story;
|
|
8
|
+
export declare const Error: Story;
|
|
9
|
+
export declare const Warning: Story;
|
|
10
|
+
export declare const Success: Story;
|
|
11
|
+
export declare const WithoutTitle: Story;
|
|
12
|
+
export declare const NoOverlay: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type ModalType = 'success' | 'error' | 'warning';
|
|
3
|
+
export type ModalTypeIcon = {
|
|
4
|
+
[key in ModalType]?: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export interface ModalProps {
|
|
7
|
+
content: ReactNode;
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
title?: ReactNode;
|
|
10
|
+
cancelButtonText?: string;
|
|
11
|
+
confirmButtonText?: string;
|
|
12
|
+
type?: ModalType;
|
|
13
|
+
showOverlay?: boolean;
|
|
14
|
+
onCancel?: () => void;
|
|
15
|
+
onConfirm?: () => void;
|
|
16
|
+
onClose?: () => void;
|
|
17
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Modal } from './Modal';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { default as Tabs } from './Tabs';
|
|
3
|
+
import { TabsType } from './Tabs.types';
|
|
4
|
+
declare const _default: Meta<typeof Tabs>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsType>;
|
|
7
|
+
export declare const MobileView: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsType>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface TabType {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export interface TabsType {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
defaultIndex?: number;
|
|
9
|
+
selectedIndex?: number;
|
|
10
|
+
isMobileOrTablet?: boolean;
|
|
11
|
+
onChange?: (index: number) => void;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tab, default as Tabs } from './Tabs';
|