property-practice-ui 0.3.1 → 0.4.1
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/CHANGELOG.md +12 -0
- package/dist/Button-DSs1nCzw.d.cts +22 -0
- package/dist/Button-DSs1nCzw.d.ts +22 -0
- package/dist/{FileButton-zPIyC3gQ.d.ts → FileButton-C5ihIfp2.d.ts} +1 -1
- package/dist/{FileButton-C_ITD9MA.d.cts → FileButton-zG8s-td_.d.cts} +1 -1
- package/dist/{Textarea-COarrHSa.d.ts → Textarea-BALpKeZd.d.ts} +1 -1
- package/dist/{Textarea-DP0HgLAn.d.cts → Textarea-BSdiNkgw.d.cts} +1 -1
- package/dist/atoms.d.cts +4 -3
- package/dist/atoms.d.ts +4 -3
- package/dist/colors-CSsV0X7j.d.cts +8 -0
- package/dist/colors-CSsV0X7j.d.ts +8 -0
- package/dist/index.cjs +249 -788
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -124
- package/dist/index.d.ts +6 -124
- package/dist/index.js +251 -781
- package/dist/index.js.map +1 -1
- package/dist/molecules.d.cts +5 -3
- package/dist/molecules.d.ts +5 -3
- package/dist/organisms.cjs +2859 -0
- package/dist/organisms.cjs.map +1 -0
- package/dist/organisms.d.cts +127 -0
- package/dist/organisms.d.ts +127 -0
- package/dist/organisms.js +2845 -0
- package/dist/organisms.js.map +1 -0
- package/dist/{toast-CvZfLJrO.d.cts → tableListItem-irbfqxnQ.d.cts} +1 -3
- package/dist/{toast-CvZfLJrO.d.ts → tableListItem-irbfqxnQ.d.ts} +1 -3
- package/dist/toast-JPCqJveR.d.cts +3 -0
- package/dist/toast-JPCqJveR.d.ts +3 -0
- package/dist/types-CkS-Mlp9.d.cts +19 -0
- package/dist/types-CkS-Mlp9.d.ts +19 -0
- package/dist/types.d.cts +2 -1
- package/dist/types.d.ts +2 -1
- package/package.json +5 -5
- package/src/index.ts +0 -1
- package/src/molecules/ContentCard/ContentCard.tsx +1 -1
- package/src/molecules/SideNav/SideNav.tsx +1 -1
- package/src/organisms/FeatureCarousel/FeatureCarousel.tsx +3 -1
- package/src/organisms/Header/Header.tsx +27 -2
- package/tsup.config.ts +1 -0
- package/dist/Button-BT32YGe5.d.cts +0 -46
- package/dist/Button-BT32YGe5.d.ts +0 -46
package/dist/index.d.cts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { O as Option
|
|
3
|
-
import { M as MenuItem, O as OrderType, T as TableListItemType
|
|
4
|
-
import { ReactElement
|
|
5
|
-
import {
|
|
2
|
+
import { O as Option } from './types-CkS-Mlp9.cjs';
|
|
3
|
+
import { M as MenuItem, O as OrderType, T as TableListItemType } from './tableListItem-irbfqxnQ.cjs';
|
|
4
|
+
import { ReactElement } from 'react';
|
|
5
|
+
import { T as ToastType } from './toast-JPCqJveR.cjs';
|
|
6
|
+
import { c as colors } from './colors-CSsV0X7j.cjs';
|
|
6
7
|
import 'react-hook-form';
|
|
7
8
|
|
|
8
9
|
interface FilterProps<T extends string | number> {
|
|
@@ -117,125 +118,6 @@ interface Props {
|
|
|
117
118
|
}
|
|
118
119
|
declare function TopMenu({ logoUrl, children }: Props): react_jsx_runtime.JSX.Element;
|
|
119
120
|
|
|
120
|
-
interface ContactFormProps {
|
|
121
|
-
}
|
|
122
|
-
declare const ContactForm: ({}: ContactFormProps) => react_jsx_runtime.JSX.Element;
|
|
123
|
-
|
|
124
|
-
interface DocumentListAccordionProps extends Pick<ComponentProps<typeof FileButton>, 'accept' | 'onFileSelect'> {
|
|
125
|
-
title: string;
|
|
126
|
-
files: DocumentListAccordionFileType[];
|
|
127
|
-
onViewDetail: (id: string) => void;
|
|
128
|
-
onSortBy?: (accessor: keyof DocumentListAccordionFileType) => void;
|
|
129
|
-
}
|
|
130
|
-
declare const DocumentListAccordion: ({ title, files, onSortBy, onViewDetail, accept, onFileSelect, }: DocumentListAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
131
|
-
|
|
132
|
-
type TextColor$5 = keyof typeof colors.text;
|
|
133
|
-
type BackgroundColor$2 = keyof typeof colors.background;
|
|
134
|
-
interface CarouselCard {
|
|
135
|
-
thumbnail: React.ReactNode;
|
|
136
|
-
title: string;
|
|
137
|
-
description: string;
|
|
138
|
-
onArrowClick?: () => void;
|
|
139
|
-
}
|
|
140
|
-
interface CarouselProps {
|
|
141
|
-
cards: CarouselCard[];
|
|
142
|
-
cardTitleColor?: TextColor$5;
|
|
143
|
-
cardDescriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
|
|
144
|
-
cardArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
145
|
-
cardThumbnailBgColor?: BackgroundColor$2;
|
|
146
|
-
navButtonColor?: TextColor$5;
|
|
147
|
-
indicatorColor?: TextColor$5;
|
|
148
|
-
}
|
|
149
|
-
declare const FeatureCarousel: ({ cards, cardTitleColor, cardDescriptionVariant, cardArrowVariant, cardThumbnailBgColor, navButtonColor, indicatorColor, }: CarouselProps) => react_jsx_runtime.JSX.Element;
|
|
150
|
-
|
|
151
|
-
declare const variants: readonly ["primary", "secondary"];
|
|
152
|
-
type Variant = (typeof variants)[number];
|
|
153
|
-
interface AddressData {
|
|
154
|
-
title: string;
|
|
155
|
-
phone?: string;
|
|
156
|
-
email?: string;
|
|
157
|
-
addressLines: string[];
|
|
158
|
-
}
|
|
159
|
-
interface SocialLink {
|
|
160
|
-
icon: React.ReactNode;
|
|
161
|
-
url: string;
|
|
162
|
-
ariaLabel: string;
|
|
163
|
-
}
|
|
164
|
-
interface LegalLinkData {
|
|
165
|
-
text: string;
|
|
166
|
-
url: string;
|
|
167
|
-
}
|
|
168
|
-
interface FooterProps {
|
|
169
|
-
logo: string;
|
|
170
|
-
primaryButtonText: string;
|
|
171
|
-
secondaryButtonText: string;
|
|
172
|
-
onPrimaryClick?: () => void;
|
|
173
|
-
onSecondaryClick?: () => void;
|
|
174
|
-
addresses: AddressData[];
|
|
175
|
-
socialLinks: SocialLink[];
|
|
176
|
-
legalLinks: LegalLinkData[];
|
|
177
|
-
copyrightText: string;
|
|
178
|
-
variant?: Variant;
|
|
179
|
-
primaryArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
180
|
-
primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
181
|
-
primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
182
|
-
secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
183
|
-
secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
184
|
-
}
|
|
185
|
-
declare const Footer: {
|
|
186
|
-
({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, addresses, socialLinks, legalLinks, copyrightText, variant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
187
|
-
variants: readonly ["primary", "secondary"];
|
|
188
|
-
};
|
|
189
|
-
|
|
190
|
-
type BorderColor = keyof typeof colors.border;
|
|
191
|
-
interface HeaderProps {
|
|
192
|
-
logo: string;
|
|
193
|
-
primaryButtonText: string;
|
|
194
|
-
secondaryButtonText: string;
|
|
195
|
-
onPrimaryClick?: () => void;
|
|
196
|
-
onSecondaryClick?: () => void;
|
|
197
|
-
isMobileMenuOpen?: boolean;
|
|
198
|
-
onMobileMenuToggle?: () => void;
|
|
199
|
-
burgerVariant?: BorderColor;
|
|
200
|
-
primaryArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
201
|
-
primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
202
|
-
primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
203
|
-
secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
204
|
-
secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
205
|
-
}
|
|
206
|
-
declare const Header: ({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, isMobileMenuOpen, onMobileMenuToggle, burgerVariant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
207
|
-
|
|
208
|
-
type OverviewItem = {
|
|
209
|
-
title: string;
|
|
210
|
-
isComplete: boolean;
|
|
211
|
-
};
|
|
212
|
-
type Overview = {
|
|
213
|
-
header: string;
|
|
214
|
-
overviewItems: OverviewItem[];
|
|
215
|
-
};
|
|
216
|
-
interface OverviewListProps {
|
|
217
|
-
overviews: Overview[];
|
|
218
|
-
}
|
|
219
|
-
declare const OverviewList: ({ overviews }: OverviewListProps) => react_jsx_runtime.JSX.Element;
|
|
220
|
-
|
|
221
|
-
type ShowToastInput = {
|
|
222
|
-
type?: ToastType;
|
|
223
|
-
message: string;
|
|
224
|
-
};
|
|
225
|
-
type ToastContextProps = {
|
|
226
|
-
showToast: (input: ShowToastInput) => void;
|
|
227
|
-
};
|
|
228
|
-
declare const useToast: () => ToastContextProps;
|
|
229
|
-
interface ToastProvider {
|
|
230
|
-
children: ReactNode;
|
|
231
|
-
}
|
|
232
|
-
declare const ToastProvider: ({ children }: ToastProvider) => react_jsx_runtime.JSX.Element;
|
|
233
|
-
|
|
234
|
-
interface VersionLabelProps {
|
|
235
|
-
versionNumber: string;
|
|
236
|
-
}
|
|
237
|
-
declare const VersionLabel: ({ versionNumber }: VersionLabelProps) => react_jsx_runtime.JSX.Element;
|
|
238
|
-
|
|
239
121
|
type TextColor$4 = keyof typeof colors.text;
|
|
240
122
|
interface AboutUsProps {
|
|
241
123
|
image: string;
|
|
@@ -366,4 +248,4 @@ interface OtherProductsProps {
|
|
|
366
248
|
}
|
|
367
249
|
declare const OtherProducts: ({ headerText, headerVariant, products, headerColor, productTitleColor, productButtonArrowVariant, productButtonTextBgVariant, productButtonTextVariant, }: OtherProductsProps) => react_jsx_runtime.JSX.Element;
|
|
368
250
|
|
|
369
|
-
export { AboutUs, Contact,
|
|
251
|
+
export { AboutUs, Contact, FAQ, Features, Filter, Hero, NavMenu, OtherProducts, Search, SortBy, Spinner, Table, TableHeader, type TableHeaderConfig, TableInner, TableListItem, TableRow, Tabs, Toast, TopMenu };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { O as Option
|
|
3
|
-
import { M as MenuItem, O as OrderType, T as TableListItemType
|
|
4
|
-
import { ReactElement
|
|
5
|
-
import {
|
|
2
|
+
import { O as Option } from './types-CkS-Mlp9.js';
|
|
3
|
+
import { M as MenuItem, O as OrderType, T as TableListItemType } from './tableListItem-irbfqxnQ.js';
|
|
4
|
+
import { ReactElement } from 'react';
|
|
5
|
+
import { T as ToastType } from './toast-JPCqJveR.js';
|
|
6
|
+
import { c as colors } from './colors-CSsV0X7j.js';
|
|
6
7
|
import 'react-hook-form';
|
|
7
8
|
|
|
8
9
|
interface FilterProps<T extends string | number> {
|
|
@@ -117,125 +118,6 @@ interface Props {
|
|
|
117
118
|
}
|
|
118
119
|
declare function TopMenu({ logoUrl, children }: Props): react_jsx_runtime.JSX.Element;
|
|
119
120
|
|
|
120
|
-
interface ContactFormProps {
|
|
121
|
-
}
|
|
122
|
-
declare const ContactForm: ({}: ContactFormProps) => react_jsx_runtime.JSX.Element;
|
|
123
|
-
|
|
124
|
-
interface DocumentListAccordionProps extends Pick<ComponentProps<typeof FileButton>, 'accept' | 'onFileSelect'> {
|
|
125
|
-
title: string;
|
|
126
|
-
files: DocumentListAccordionFileType[];
|
|
127
|
-
onViewDetail: (id: string) => void;
|
|
128
|
-
onSortBy?: (accessor: keyof DocumentListAccordionFileType) => void;
|
|
129
|
-
}
|
|
130
|
-
declare const DocumentListAccordion: ({ title, files, onSortBy, onViewDetail, accept, onFileSelect, }: DocumentListAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
131
|
-
|
|
132
|
-
type TextColor$5 = keyof typeof colors.text;
|
|
133
|
-
type BackgroundColor$2 = keyof typeof colors.background;
|
|
134
|
-
interface CarouselCard {
|
|
135
|
-
thumbnail: React.ReactNode;
|
|
136
|
-
title: string;
|
|
137
|
-
description: string;
|
|
138
|
-
onArrowClick?: () => void;
|
|
139
|
-
}
|
|
140
|
-
interface CarouselProps {
|
|
141
|
-
cards: CarouselCard[];
|
|
142
|
-
cardTitleColor?: TextColor$5;
|
|
143
|
-
cardDescriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
|
|
144
|
-
cardArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
145
|
-
cardThumbnailBgColor?: BackgroundColor$2;
|
|
146
|
-
navButtonColor?: TextColor$5;
|
|
147
|
-
indicatorColor?: TextColor$5;
|
|
148
|
-
}
|
|
149
|
-
declare const FeatureCarousel: ({ cards, cardTitleColor, cardDescriptionVariant, cardArrowVariant, cardThumbnailBgColor, navButtonColor, indicatorColor, }: CarouselProps) => react_jsx_runtime.JSX.Element;
|
|
150
|
-
|
|
151
|
-
declare const variants: readonly ["primary", "secondary"];
|
|
152
|
-
type Variant = (typeof variants)[number];
|
|
153
|
-
interface AddressData {
|
|
154
|
-
title: string;
|
|
155
|
-
phone?: string;
|
|
156
|
-
email?: string;
|
|
157
|
-
addressLines: string[];
|
|
158
|
-
}
|
|
159
|
-
interface SocialLink {
|
|
160
|
-
icon: React.ReactNode;
|
|
161
|
-
url: string;
|
|
162
|
-
ariaLabel: string;
|
|
163
|
-
}
|
|
164
|
-
interface LegalLinkData {
|
|
165
|
-
text: string;
|
|
166
|
-
url: string;
|
|
167
|
-
}
|
|
168
|
-
interface FooterProps {
|
|
169
|
-
logo: string;
|
|
170
|
-
primaryButtonText: string;
|
|
171
|
-
secondaryButtonText: string;
|
|
172
|
-
onPrimaryClick?: () => void;
|
|
173
|
-
onSecondaryClick?: () => void;
|
|
174
|
-
addresses: AddressData[];
|
|
175
|
-
socialLinks: SocialLink[];
|
|
176
|
-
legalLinks: LegalLinkData[];
|
|
177
|
-
copyrightText: string;
|
|
178
|
-
variant?: Variant;
|
|
179
|
-
primaryArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
180
|
-
primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
181
|
-
primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
182
|
-
secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
183
|
-
secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
184
|
-
}
|
|
185
|
-
declare const Footer: {
|
|
186
|
-
({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, addresses, socialLinks, legalLinks, copyrightText, variant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
187
|
-
variants: readonly ["primary", "secondary"];
|
|
188
|
-
};
|
|
189
|
-
|
|
190
|
-
type BorderColor = keyof typeof colors.border;
|
|
191
|
-
interface HeaderProps {
|
|
192
|
-
logo: string;
|
|
193
|
-
primaryButtonText: string;
|
|
194
|
-
secondaryButtonText: string;
|
|
195
|
-
onPrimaryClick?: () => void;
|
|
196
|
-
onSecondaryClick?: () => void;
|
|
197
|
-
isMobileMenuOpen?: boolean;
|
|
198
|
-
onMobileMenuToggle?: () => void;
|
|
199
|
-
burgerVariant?: BorderColor;
|
|
200
|
-
primaryArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
201
|
-
primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
202
|
-
primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
203
|
-
secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
204
|
-
secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
205
|
-
}
|
|
206
|
-
declare const Header: ({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, isMobileMenuOpen, onMobileMenuToggle, burgerVariant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
207
|
-
|
|
208
|
-
type OverviewItem = {
|
|
209
|
-
title: string;
|
|
210
|
-
isComplete: boolean;
|
|
211
|
-
};
|
|
212
|
-
type Overview = {
|
|
213
|
-
header: string;
|
|
214
|
-
overviewItems: OverviewItem[];
|
|
215
|
-
};
|
|
216
|
-
interface OverviewListProps {
|
|
217
|
-
overviews: Overview[];
|
|
218
|
-
}
|
|
219
|
-
declare const OverviewList: ({ overviews }: OverviewListProps) => react_jsx_runtime.JSX.Element;
|
|
220
|
-
|
|
221
|
-
type ShowToastInput = {
|
|
222
|
-
type?: ToastType;
|
|
223
|
-
message: string;
|
|
224
|
-
};
|
|
225
|
-
type ToastContextProps = {
|
|
226
|
-
showToast: (input: ShowToastInput) => void;
|
|
227
|
-
};
|
|
228
|
-
declare const useToast: () => ToastContextProps;
|
|
229
|
-
interface ToastProvider {
|
|
230
|
-
children: ReactNode;
|
|
231
|
-
}
|
|
232
|
-
declare const ToastProvider: ({ children }: ToastProvider) => react_jsx_runtime.JSX.Element;
|
|
233
|
-
|
|
234
|
-
interface VersionLabelProps {
|
|
235
|
-
versionNumber: string;
|
|
236
|
-
}
|
|
237
|
-
declare const VersionLabel: ({ versionNumber }: VersionLabelProps) => react_jsx_runtime.JSX.Element;
|
|
238
|
-
|
|
239
121
|
type TextColor$4 = keyof typeof colors.text;
|
|
240
122
|
interface AboutUsProps {
|
|
241
123
|
image: string;
|
|
@@ -366,4 +248,4 @@ interface OtherProductsProps {
|
|
|
366
248
|
}
|
|
367
249
|
declare const OtherProducts: ({ headerText, headerVariant, products, headerColor, productTitleColor, productButtonArrowVariant, productButtonTextBgVariant, productButtonTextVariant, }: OtherProductsProps) => react_jsx_runtime.JSX.Element;
|
|
368
250
|
|
|
369
|
-
export { AboutUs, Contact,
|
|
251
|
+
export { AboutUs, Contact, FAQ, Features, Filter, Hero, NavMenu, OtherProducts, Search, SortBy, Spinner, Table, TableHeader, type TableHeaderConfig, TableInner, TableListItem, TableRow, Tabs, Toast, TopMenu };
|