@apolitical/component-library 2.1.2-ac.1 → 2.1.3
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/banner/banner.d.ts +11 -0
- package/banners/banner/index.d.ts +1 -0
- package/banners/banner-section/banner-section.d.ts +1 -1
- package/banners/index.d.ts +1 -0
- package/banners/marketing-block/index.d.ts +1 -1
- package/cards/cards.types.d.ts +0 -2
- package/form/components/index.d.ts +1 -0
- package/form/components/toggle/index.d.ts +1 -0
- package/form/components/toggle/toggle.d.ts +26 -0
- package/general/index.d.ts +0 -1
- package/index.js +26 -20
- package/index.mjs +6625 -5515
- package/layout/content-layout/columns/columns.d.ts +1 -1
- package/layout/page-layout/page-layout.d.ts +0 -2
- package/package.json +3 -1
- package/sections/full-width-section/full-width-section.d.ts +6 -1
- package/style.css +1 -1
- package/styles/base/_layout.scss +4 -0
- package/styles/base/_table.scss +2 -0
- package/styles/base/_text.scss +1 -1
- package/styles/base/_titles.scss +10 -0
- package/styles/functions/_maps.scss +18 -2
- package/styles/variables/colors/theme/_banners.scss +3 -0
- package/styles/variables/colors/theme/_form.scss +3 -0
- package/styles/variables/colors/theme/_index.scss +2 -2
- package/styles/variables/colors/theme/_pages.scss +2 -0
- package/styles/variables/colors/theme/_sections.scss +7 -0
- package/styles/variables/colors/theme/_user.scss +1 -0
- package/testing/__mocks__/tabbable.d.ts +2 -0
- package/user/directory/directory.d.ts +18 -0
- package/user/directory/index.d.ts +1 -0
- package/user/index.d.ts +1 -0
- package/general/navigation-dots/index.d.ts +0 -1
- package/general/navigation-dots/navigation-dots.d.ts +0 -9
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ResponsiveImageType } from '../../general';
|
|
2
|
+
export interface BannerSectionType {
|
|
3
|
+
/** Additional className */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** The image to display */
|
|
6
|
+
image?: string | ResponsiveImageType;
|
|
7
|
+
/** Optional data test ID */
|
|
8
|
+
testId?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const Banner: ({ className, image, ...props }: BannerSectionType) => import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export default Banner;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Banner } from './banner';
|
|
@@ -24,7 +24,7 @@ export interface BannerSectionType {
|
|
|
24
24
|
/** The image to display */
|
|
25
25
|
image?: ResponsiveImageType;
|
|
26
26
|
/** The colour variant (when there's no image) */
|
|
27
|
-
variant?: 'default' | 'light';
|
|
27
|
+
variant?: 'default' | 'light' | 'gradient';
|
|
28
28
|
/** How to handle spacing on the banner */
|
|
29
29
|
spacing?: 'normal' | 'slim';
|
|
30
30
|
/** Whether or not to show the ContentType.text, eyebrow or title */
|
package/banners/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as MarketingBlock } from './marketing-block';
|
package/cards/cards.types.d.ts
CHANGED
|
@@ -92,8 +92,6 @@ export interface CarouselTitleProps {
|
|
|
92
92
|
size?: 'medium' | 'large';
|
|
93
93
|
/** The `href` to point the 'view all' link to; it won't show unless this is defined */
|
|
94
94
|
link?: string;
|
|
95
|
-
/** Whether the title should be hidden */
|
|
96
|
-
hidden?: boolean;
|
|
97
95
|
}
|
|
98
96
|
export interface BaseCarouselProps {
|
|
99
97
|
/** A function to parse and build the card data - this is especially needed in carousels to hydrate the cards */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Toggle } from './toggle';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
/** The ID of the toggle */
|
|
3
|
+
id?: string;
|
|
4
|
+
/** The label to show next to the toggle */
|
|
5
|
+
label: string;
|
|
6
|
+
/** The options for the toggle */
|
|
7
|
+
options: {
|
|
8
|
+
/** The text for the option, used for screen readers */
|
|
9
|
+
label: string;
|
|
10
|
+
/** The value for the option */
|
|
11
|
+
value: boolean | string;
|
|
12
|
+
}[];
|
|
13
|
+
/** The initial value of the toggle */
|
|
14
|
+
initialValue?: boolean | string;
|
|
15
|
+
/** Functions to call when something changes */
|
|
16
|
+
functions: {
|
|
17
|
+
/** Callback function to run when the toggle is clicked */
|
|
18
|
+
onChange: (value: boolean | string) => void;
|
|
19
|
+
};
|
|
20
|
+
/** Whether the toggle is disabled */
|
|
21
|
+
isDisabled?: boolean;
|
|
22
|
+
/** Additional class names */
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
declare const Toggle: ({ id, label, options, initialValue, functions: { onChange }, isDisabled, className, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export default Toggle;
|
package/general/index.d.ts
CHANGED