@hellobetterdigitalnz/selwynui 0.0.1-38 → 0.0.1-39
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/DataDisplay/ChatItenaryBlock/ChatItenaryBlockProps.d.ts +8 -1
- package/dist/Components/DataDisplay/PathwayBlock/PathwayBlockProps.d.ts +9 -0
- package/dist/Components/Form/Checkbox/Checkbox.d.ts +3 -0
- package/dist/Components/Form/Checkbox/CheckboxProps.d.ts +22 -0
- package/dist/Components/Form/EmailField/EmailField.d.ts +3 -0
- package/dist/Components/Form/EmailField/EmailField.stories.d.ts +13 -0
- package/dist/Components/Form/FormFieldHolder/FormFieldHolder.d.ts +3 -0
- package/dist/Components/Form/FormFieldHolder/FormFieldHolderProps.d.ts +13 -0
- package/dist/Components/Form/InputProps.d.ts +27 -0
- package/dist/Components/Form/LoadingInput/LoadingInput.d.ts +2 -0
- package/dist/Components/Form/SimpleForm/SimpleForm.d.ts +3 -0
- package/dist/Components/Form/SimpleForm/SimpleFormProps.d.ts +9 -0
- package/dist/Components/Form/SimpleForm/simple-form-bg-design.d.ts +2 -0
- package/dist/Components/Form/TextField/TextField.d.ts +3 -0
- package/dist/Components/Form/TextField/TextField.stories.d.ts +13 -0
- package/dist/Components/Form/TextField/TextFieldProps.d.ts +6 -0
- package/dist/Components/Form/Textarea/Textarea.d.ts +3 -0
- package/dist/Components/Form/Textarea/Textarea.stories.d.ts +14 -0
- package/dist/Components/Form/Textarea/TextareaProps.d.ts +26 -0
- package/dist/Components/Form/index.d.ts +3 -0
- package/dist/Components/Layout/Footer/FooterProps.d.ts +1 -1
- package/dist/index.cjs.js +12 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +1515 -1407
- package/dist/index.es.js.map +1 -1
- package/dist/selwynui.css +1 -1
- package/package.json +3 -1
- package/src/Components/DataDisplay/Accordion/accordion.module.scss +49 -36
- package/src/Components/DataDisplay/ChatItenaryBlock/ChatItenaryBlock.stories.tsx +36 -6
- package/src/Components/DataDisplay/ChatItenaryBlock/ChatItenaryBlock.tsx +39 -20
- package/src/Components/DataDisplay/ChatItenaryBlock/ChatItenaryBlockProps.tsx +8 -1
- package/src/Components/DataDisplay/ChatItenaryBlock/chatItenaryBlock.module.scss +98 -41
- package/src/Components/DataDisplay/KPIBlock/kpiBlock.module.scss +96 -7
- package/src/Components/DataDisplay/ListingDetailBlock/ListingDetailBlock.tsx +5 -2
- package/src/Components/DataDisplay/ListingDetailBlock/listingDetailBlock.module.scss +130 -15
- package/src/Components/DataDisplay/PathwayBlock/PathwayBlock.stories.tsx +6 -0
- package/src/Components/DataDisplay/PathwayBlock/PathwayBlock.tsx +4 -1
- package/src/Components/DataDisplay/PathwayBlock/PathwayBlockProps.tsx +9 -0
- package/src/Components/DataDisplay/TestimonyCard/TestimonyCard.stories.tsx +2 -1
- package/src/Components/DataDisplay/TestimonyCard/TestimonyCard.tsx +1 -1
- package/src/Components/DataDisplay/TestimonyCard/testimonyCard.module.scss +1 -3
- package/src/Components/Form/Checkbox/Checkbox.stories.tsx +51 -0
- package/src/Components/Form/Checkbox/Checkbox.tsx +111 -0
- package/src/Components/Form/Checkbox/CheckboxProps.tsx +24 -0
- package/src/Components/Form/Checkbox/checkbox.module.scss +105 -0
- package/src/Components/Form/EmailField/EmailField.stories.ts +23 -0
- package/src/Components/Form/EmailField/EmailField.tsx +56 -0
- package/src/Components/Form/FormFieldHolder/FormFieldHolder.stories.tsx +31 -0
- package/src/Components/Form/FormFieldHolder/FormFieldHolder.tsx +55 -0
- package/src/Components/Form/FormFieldHolder/FormFieldHolderProps.tsx +15 -0
- package/src/Components/Form/FormFieldHolder/formHolder.module.scss +68 -0
- package/src/Components/Form/InputProps.tsx +30 -0
- package/src/Components/Form/LoadingInput/LoadingInput.tsx +12 -0
- package/src/Components/Form/LoadingInput/loadingInput.module.scss +15 -0
- package/src/Components/Form/SimpleForm/SimpleForm.stories.tsx +54 -0
- package/src/Components/Form/SimpleForm/SimpleForm.tsx +55 -0
- package/src/Components/Form/SimpleForm/SimpleFormProps.tsx +11 -0
- package/src/Components/Form/SimpleForm/simple-form-bg-design.svg +14 -0
- package/src/Components/Form/SimpleForm/simple-form-bg-design.tsx +21 -0
- package/src/Components/Form/SimpleForm/simpleForm.module.scss +36 -0
- package/src/Components/Form/TextField/TextField.stories.ts +22 -0
- package/src/Components/Form/TextField/TextField.tsx +62 -0
- package/src/Components/Form/TextField/TextFieldProps.tsx +8 -0
- package/src/Components/Form/Textarea/Textarea.stories.ts +31 -0
- package/src/Components/Form/Textarea/Textarea.tsx +74 -0
- package/src/Components/Form/Textarea/TextareaProps.tsx +28 -0
- package/src/Components/Form/Textarea/textarea.module.scss +48 -0
- package/src/Components/Form/index.ts +6 -1
- package/src/Components/Form/inputs.module.scss +172 -0
- package/src/Components/Layout/Footer/Footer.tsx +0 -1
- package/src/Components/Layout/Footer/FooterProps.tsx +1 -1
- package/src/Components/Shared/Container/container.module.scss +1 -1
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
export interface Activity {
|
|
2
2
|
image: string;
|
|
3
3
|
title: string;
|
|
4
|
-
|
|
4
|
+
description: string;
|
|
5
|
+
link: {
|
|
6
|
+
title?: string | undefined;
|
|
7
|
+
href?: string | undefined;
|
|
8
|
+
target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
|
|
9
|
+
rel?: string | undefined;
|
|
10
|
+
};
|
|
11
|
+
category: 'all' | 'adventure' | 'ski' | 'nature';
|
|
5
12
|
date?: string;
|
|
6
13
|
}
|
|
7
14
|
export interface Day {
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
export interface PathwayCard {
|
|
2
|
+
title: string;
|
|
2
3
|
date: string;
|
|
3
4
|
description: string;
|
|
4
5
|
image: string;
|
|
6
|
+
link?: {
|
|
7
|
+
title?: string;
|
|
8
|
+
href?: string;
|
|
9
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
10
|
+
rel?: string;
|
|
11
|
+
} | undefined;
|
|
12
|
+
category?: "all" | "adventure" | "ski" | "nature";
|
|
13
|
+
variation: 'long' | 'short';
|
|
5
14
|
}
|
|
6
15
|
interface PathwayBlockProps {
|
|
7
16
|
title?: string;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ChangeEvent, FocusEvent, MouseEvent } from 'react';
|
|
2
|
+
interface CheckboxProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
name?: string;
|
|
5
|
+
id?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
extraClass?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
error?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readonly?: boolean;
|
|
12
|
+
checked?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
ariaLabeledby?: string;
|
|
16
|
+
ariaDescribedby?: string;
|
|
17
|
+
onClick?: (e: MouseEvent, checked?: boolean) => void;
|
|
18
|
+
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
19
|
+
onFocus?: (e: FocusEvent) => void;
|
|
20
|
+
onBlur?: (e: FocusEvent) => void;
|
|
21
|
+
}
|
|
22
|
+
export default CheckboxProps;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as EmailField } from './EmailField.tsx';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import('../InputProps.tsx').default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof EmailField>;
|
|
13
|
+
export declare const Example: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface FormFieldHolderProps {
|
|
3
|
+
label?: string | any;
|
|
4
|
+
bilingualLabel?: string;
|
|
5
|
+
description?: string | ReactNode;
|
|
6
|
+
extraClass?: string;
|
|
7
|
+
error?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
require?: boolean;
|
|
11
|
+
optional?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export default FormFieldHolderProps;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FocusEvent, ChangeEvent, MouseEvent, KeyboardEvent } from 'react';
|
|
2
|
+
interface InputProps {
|
|
3
|
+
name?: string;
|
|
4
|
+
id?: string;
|
|
5
|
+
value?: string | number | bigint | any;
|
|
6
|
+
extraClass?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
readonly?: boolean;
|
|
11
|
+
autoComplete?: boolean;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
min?: string;
|
|
15
|
+
max?: string;
|
|
16
|
+
minLength?: number;
|
|
17
|
+
maxLength?: number;
|
|
18
|
+
ariaLabeledby?: string;
|
|
19
|
+
ariaDescribedby?: string;
|
|
20
|
+
onClick?: (e: MouseEvent) => void;
|
|
21
|
+
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
22
|
+
onFocus?: (e: FocusEvent) => void;
|
|
23
|
+
onBlur?: (e: FocusEvent) => void;
|
|
24
|
+
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
25
|
+
loading?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export default InputProps;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as TextField } from './TextField.tsx';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import('./TextFieldProps.tsx').default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof TextField>;
|
|
13
|
+
export declare const Example: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Textarea } from './Textarea.tsx';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import('./TextareaProps.tsx').default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof Textarea>;
|
|
13
|
+
export declare const Example: Story;
|
|
14
|
+
export declare const MaxLength: Story;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { FocusEvent, MouseEvent, ChangeEvent } from 'react';
|
|
2
|
+
interface TextareaProps {
|
|
3
|
+
name?: string;
|
|
4
|
+
id?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
extraClass?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
readonly?: boolean;
|
|
11
|
+
autoComplete?: boolean;
|
|
12
|
+
minLength?: number;
|
|
13
|
+
maxLength?: number;
|
|
14
|
+
required?: boolean;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
ariaLabeledby?: string;
|
|
17
|
+
ariaDescribedby?: string;
|
|
18
|
+
rows?: number;
|
|
19
|
+
displayChars?: boolean;
|
|
20
|
+
onClick?: (e: MouseEvent) => void;
|
|
21
|
+
onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
22
|
+
onFocus?: (e: FocusEvent) => void;
|
|
23
|
+
onBlur?: (e: FocusEvent) => void;
|
|
24
|
+
loading?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export default TextareaProps;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
export { default as Button } from './Button/Button';
|
|
2
2
|
export type { default as ButtonProps } from './Button/ButtonProps';
|
|
3
|
+
export { default as TextField } from './TextField/TextField';
|
|
4
|
+
export type { default as TextFieldProps } from './TextField/TextFieldProps';
|
|
5
|
+
export { default as LoadingInput } from './LoadingInput/LoadingInput';
|