@zealicsolutions/web-ui 0.2.58 → 0.2.59
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/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Button.d.ts +6 -4
- package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts +3 -3
- package/dist/cjs/src/atoms/Buttons/{LinkButton.d.ts → TextButton.d.ts} +2 -2
- package/dist/cjs/src/atoms/index.d.ts +1 -1
- package/dist/cjs/src/molecules/Columns/Columns.d.ts +2 -2
- package/dist/cjs/src/molecules/Columns/useAnnotationCircle.d.ts +2 -2
- package/dist/cjs/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/esm/index.js +12 -12
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Button.d.ts +6 -4
- package/dist/esm/src/atoms/Buttons/Button.stories.d.ts +3 -3
- package/dist/esm/src/atoms/Buttons/{LinkButton.d.ts → TextButton.d.ts} +2 -2
- package/dist/esm/src/atoms/index.d.ts +1 -1
- package/dist/esm/src/molecules/Columns/Columns.d.ts +2 -2
- package/dist/esm/src/molecules/Columns/useAnnotationCircle.d.ts +2 -2
- package/dist/esm/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/index.d.ts +11 -10
- package/package.json +1 -1
@@ -1,11 +1,12 @@
|
|
1
|
-
|
1
|
+
import { PropsWithChildren } from 'react';
|
2
|
+
import { CSSProperties } from 'styled-components';
|
2
3
|
import type { Callback } from 'typescript';
|
3
|
-
export declare type BaseButtonProps = {
|
4
|
+
export declare type BaseButtonProps = PropsWithChildren<{
|
4
5
|
onClick?: Callback;
|
5
6
|
variant?: 'primary' | 'secondary';
|
6
7
|
disabled?: boolean;
|
7
8
|
fullWidth?: boolean;
|
8
|
-
}
|
9
|
+
}>;
|
9
10
|
export declare type ButtonProps = BaseButtonProps & {
|
10
11
|
fullWidth?: boolean;
|
11
12
|
text?: string;
|
@@ -13,5 +14,6 @@ export declare type ButtonProps = BaseButtonProps & {
|
|
13
14
|
elementId?: string;
|
14
15
|
loading?: boolean;
|
15
16
|
isRichText?: boolean;
|
17
|
+
containerStyle?: CSSProperties;
|
16
18
|
};
|
17
|
-
export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, }: ButtonProps) => JSX.Element | null;
|
19
|
+
export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, }: ButtonProps) => JSX.Element | null;
|
@@ -1,15 +1,15 @@
|
|
1
1
|
import type { ComponentStory } from '@storybook/react';
|
2
2
|
import { FC } from 'react';
|
3
|
+
import { TextButtonProps } from 'atoms/Buttons/TextButton';
|
3
4
|
import { Button as ButtonComponent } from './Button';
|
4
|
-
import { LinkButtonProps } from './LinkButton';
|
5
5
|
import { TouchableOpacityProps } from './TouchableOpacity';
|
6
6
|
import { IconButton as IconButtonComponent } from './IconButton';
|
7
7
|
declare const _default: {
|
8
8
|
title: string;
|
9
|
-
component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, }: import("
|
9
|
+
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, }: import("atoms").ButtonProps) => JSX.Element | null;
|
10
10
|
};
|
11
11
|
export default _default;
|
12
12
|
export declare const Button: ComponentStory<typeof ButtonComponent>;
|
13
13
|
export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
|
14
|
-
export declare const
|
14
|
+
export declare const TextButton: ComponentStory<FC<TextButtonProps>>;
|
15
15
|
export declare const IconButton: ComponentStory<typeof IconButtonComponent>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
2
2
|
import type { Callback } from 'typescript';
|
3
|
-
export declare type
|
3
|
+
export declare type TextButtonProps = PropsWithChildren<{
|
4
4
|
activeOpacity?: number;
|
5
5
|
withoutOpacityEffect?: boolean;
|
6
6
|
disabled?: boolean;
|
@@ -8,7 +8,7 @@ export declare type LinkButtonProps = PropsWithChildren<{
|
|
8
8
|
buttonLink?: string;
|
9
9
|
elementId?: string;
|
10
10
|
}>;
|
11
|
-
export declare const
|
11
|
+
export declare const TextButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
12
12
|
activeOpacity?: number | undefined;
|
13
13
|
withoutOpacityEffect?: boolean | undefined;
|
14
14
|
disabled?: boolean | undefined;
|
@@ -8,7 +8,7 @@ export * from './Icon/Icon';
|
|
8
8
|
export * from './Spacer/Spacer';
|
9
9
|
export * from './Spinner/Spinner';
|
10
10
|
export * from './Image/Image';
|
11
|
-
export * from './Buttons/
|
11
|
+
export * from './Buttons/TextButton';
|
12
12
|
export * from './ValidationTag/ValidationTag';
|
13
13
|
export * from './Video/Video';
|
14
14
|
export * from './Tooltip/Tooltip';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { CSSProperties } from 'react';
|
2
|
-
import {
|
2
|
+
import { TextButtonProps } from 'atoms';
|
3
3
|
import { ColumnsTemplateKeys } from './types';
|
4
4
|
export declare type ColumnsProps = {
|
5
5
|
type: 'columns';
|
@@ -10,7 +10,7 @@ export declare type ColumnsProps = {
|
|
10
10
|
export declare type ColumnItem = {
|
11
11
|
title?: string;
|
12
12
|
mainContent?: string;
|
13
|
-
button?:
|
13
|
+
button?: TextButtonProps;
|
14
14
|
icon: string;
|
15
15
|
};
|
16
16
|
export declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
3
|
-
export declare const useAnnotationCircle: (linkButton?:
|
2
|
+
import { TextButtonProps } from 'atoms';
|
3
|
+
export declare const useAnnotationCircle: (linkButton?: TextButtonProps) => {
|
4
4
|
circleJSX: false | JSX.Element;
|
5
5
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { ConsentProps } from 'organisms/Consent/Consent';
|
3
3
|
import type { Callback } from 'typescript';
|
4
|
-
import { UIFields } from '
|
4
|
+
import { UIFields } from 'fieldsConfiguration';
|
5
5
|
import { TwoFactorAuthProps } from '../TwoFactorAuth/TwoFactorAuth';
|
6
6
|
import { LoginFields } from './types';
|
7
7
|
export declare type LoginFormProps = {
|