@apolitical/component-library 3.4.1 → 3.5.1-1.ac.0
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/banners/marketing-block/marketing-block.d.ts +1 -1
- package/cards/card/card.d.ts +1 -1
- package/cards/cards.types.d.ts +2 -0
- package/cards/carousel/components/carousel/carousel.d.ts +1 -1
- package/form/components/form/components/fields/input-autocomplete/input-autocomplete.d.ts +1 -1
- package/form/types/signup-form/signup-form.d.ts +7 -1
- package/form/types/signup-form/signup-form.helpers.get-fields.d.ts +7 -1
- package/helpers/intl.d.ts +4 -0
- package/index.js +19 -19
- package/index.mjs +1940 -1864
- package/layout/content-layout/columns/columns.d.ts +3 -1
- package/package.json +1 -1
- package/style.css +1 -1
- package/styles/base/_lists.scss +5 -0
- package/styles/variables/colors/theme/_banners.scss +2 -0
- package/styles/variables/colors/theme/_base.scss +2 -0
- package/styles/variables/colors/theme/_text.scss +1 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
interface Props {
|
|
2
2
|
/** The colour variant to use */
|
|
3
|
-
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
3
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
4
4
|
/** If `button` is provided, with `link` and `text` strings, a button will be rendered on the component */
|
|
5
5
|
button?: {
|
|
6
6
|
link: string;
|
package/cards/card/card.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { CardProps } from './../cards.types';
|
|
2
|
-
declare const Card: ({ id, card, buildCardData, cta, gtmContext, className, }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const Card: ({ id, card, buildCardData, cta, gtmContext, className, handleCardClick, }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Card;
|
package/cards/cards.types.d.ts
CHANGED
|
@@ -86,6 +86,8 @@ export interface CardProps {
|
|
|
86
86
|
gtmContext?: string;
|
|
87
87
|
/** Additional classes */
|
|
88
88
|
className?: string;
|
|
89
|
+
/** A callback to run when the user clicks on the card CTA */
|
|
90
|
+
handleCardClick?: (card: CardType) => Promise<string>;
|
|
89
91
|
}
|
|
90
92
|
export interface CarouselTitleProps {
|
|
91
93
|
/** The title text */
|
|
@@ -4,5 +4,5 @@ export declare const breakpoints: {
|
|
|
4
4
|
threeCards: number;
|
|
5
5
|
twoCards: number;
|
|
6
6
|
};
|
|
7
|
-
declare const Carousel: ({ id, cards, cardTypes, buildCardData, title, className, gtmContext, }: IndividualCarouselProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const Carousel: ({ id, cards, cardTypes, buildCardData, title, className, gtmContext, ...props }: IndividualCarouselProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default Carousel;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IField } from '../../../form.types';
|
|
2
|
-
declare const PlacesAutocomplete: ({ value, placeholder, functions, }: IField) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const PlacesAutocomplete: ({ id, name, value, placeholder, functions, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default PlacesAutocomplete;
|
|
@@ -7,6 +7,12 @@ export interface IShouldShowProps {
|
|
|
7
7
|
}
|
|
8
8
|
interface ISignupForm {
|
|
9
9
|
className?: string;
|
|
10
|
+
labels?: {
|
|
11
|
+
expectation?: string;
|
|
12
|
+
};
|
|
13
|
+
placeholders?: {
|
|
14
|
+
expectation?: string;
|
|
15
|
+
};
|
|
10
16
|
functions: {
|
|
11
17
|
validateEmail: () => Promise<any>;
|
|
12
18
|
createAccount: (arg: any) => Promise<any>;
|
|
@@ -21,5 +27,5 @@ interface ISignupForm {
|
|
|
21
27
|
};
|
|
22
28
|
submitButton: string;
|
|
23
29
|
}
|
|
24
|
-
declare const SignupForm: ({ className, functions, shouldShow: shouldShowProps, submitButton, dataToSubmit, ...props }: ISignupForm) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare const SignupForm: ({ className, labels, placeholders, functions, shouldShow: shouldShowProps, submitButton, dataToSubmit, ...props }: ISignupForm) => import("react/jsx-runtime").JSX.Element;
|
|
25
31
|
export default SignupForm;
|
|
@@ -2,6 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import { IField } from '../../../form/components/form/form.types';
|
|
3
3
|
import { IShouldShowProps } from './signup-form';
|
|
4
4
|
interface Props {
|
|
5
|
+
labels?: {
|
|
6
|
+
expectation?: string;
|
|
7
|
+
};
|
|
8
|
+
placeholders?: {
|
|
9
|
+
expectation?: string;
|
|
10
|
+
};
|
|
5
11
|
shouldShow: IShouldShowProps;
|
|
6
12
|
functions: {
|
|
7
13
|
validateEmail: (arg: any) => Promise<any>;
|
|
@@ -45,5 +51,5 @@ interface Props {
|
|
|
45
51
|
}) => string;
|
|
46
52
|
};
|
|
47
53
|
}
|
|
48
|
-
declare const _default: ({ shouldShow, functions: { validateEmail, resendVerificationCode }, refs, state, dispatch, dataToSubmit, intl, }: Props) => IField[];
|
|
54
|
+
declare const _default: ({ shouldShow, placeholders, labels, functions: { validateEmail, resendVerificationCode }, refs, state, dispatch, dataToSubmit, intl, }: Props) => IField[];
|
|
49
55
|
export default _default;
|
package/helpers/intl.d.ts
CHANGED
|
@@ -27,10 +27,13 @@ export declare const checkIntlPathExists: (path: string, language?: {
|
|
|
27
27
|
card_member_type_member: string;
|
|
28
28
|
card_member_count: string;
|
|
29
29
|
card_cta_people: string;
|
|
30
|
+
card_cta_communityPage: string;
|
|
30
31
|
card_cta_event: string;
|
|
31
32
|
card_cta_microcourse: string;
|
|
33
|
+
card_cta_communityPage_loading: string;
|
|
32
34
|
card_cta_event_loading: string;
|
|
33
35
|
card_cta_microcourse_loading: string;
|
|
36
|
+
card_cta_communityPage_done: string;
|
|
34
37
|
card_cta_event_done: string;
|
|
35
38
|
card_cta_microcourse_done: string;
|
|
36
39
|
carousel_pagination_previous: string;
|
|
@@ -385,6 +388,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
|
|
|
385
388
|
contentTypeLabel_microcourse: string;
|
|
386
389
|
contentTypeLabel_qaQuestion: string;
|
|
387
390
|
contentTypeLabel_solutionArticle: string;
|
|
391
|
+
contentTypeLabel_communityPage: string;
|
|
388
392
|
hideShowTextBox_hide: string;
|
|
389
393
|
hideShowTextBox_show: string;
|
|
390
394
|
markdown_collapsibleSection_summary: string;
|