formica-ui-lib 1.0.6 → 1.0.9
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/componentProps/atoms/button/ButtonProps.d.ts +13 -0
- package/dist/componentProps/atoms/icon/IconProps.d.ts +6 -0
- package/dist/componentProps/atoms/image/ImageProps.d.ts +7 -0
- package/dist/componentProps/molecules/card/featurecard/FeatureCardProps.d.ts +8 -0
- package/dist/componentProps/molecules/selectors/CountrySelectorProps.d.ts +8 -0
- package/dist/componentProps/organsims/banner/featurebanner/FeatureBannerProps.d.ts +10 -0
- package/dist/componentProps/organsims/banner/herobanner/HeroBannerProps.d.ts +6 -0
- package/dist/componentProps/organsims/footer/FooterProps.d.ts +24 -0
- package/dist/componentProps/organsims/menu/TopNavBarProps.d.ts +21 -0
- package/dist/index.d.ts +10 -10
- package/dist/stories/atoms/button/Button.d.ts +1 -13
- package/dist/stories/atoms/icon/Icon.d.ts +2 -7
- package/dist/stories/atoms/image/Image.d.ts +1 -7
- package/dist/stories/molecules/card/featurecard/FeatureCard.d.ts +1 -8
- package/dist/stories/molecules/selectors/CountrySelector.d.ts +1 -8
- package/dist/stories/organisms/banner/featurebanner/FeatureBanner.d.ts +1 -9
- package/dist/stories/organisms/banner/herobanner/HeroBanner.d.ts +1 -6
- package/dist/stories/organisms/footer/Footer.d.ts +1 -24
- package/dist/stories/organisms/menu/TopNavBar.d.ts +1 -21
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type ButtonVariant = 'nav' | 'standard' | 'text' | 'icon' | 'free';
|
|
2
|
+
export type IconPosition = 'left' | 'right';
|
|
3
|
+
export interface ButtonProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
iconSrc?: string;
|
|
6
|
+
iconAlt?: string;
|
|
7
|
+
iconPosition?: IconPosition;
|
|
8
|
+
variant?: ButtonVariant;
|
|
9
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
10
|
+
className?: string;
|
|
11
|
+
active?: boolean;
|
|
12
|
+
href?: string;
|
|
13
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
+
export interface SiteLinkGroup {
|
|
3
|
+
group: string;
|
|
4
|
+
links: {
|
|
5
|
+
label: string;
|
|
6
|
+
}[];
|
|
7
|
+
}
|
|
8
|
+
export interface SocialLink {
|
|
9
|
+
href: string;
|
|
10
|
+
icon: IconProp | string;
|
|
11
|
+
}
|
|
12
|
+
export interface Legal {
|
|
13
|
+
phone?: string;
|
|
14
|
+
disclaimerText: string;
|
|
15
|
+
footerLinks: {
|
|
16
|
+
label: string;
|
|
17
|
+
href: string;
|
|
18
|
+
}[];
|
|
19
|
+
}
|
|
20
|
+
export interface FooterProps {
|
|
21
|
+
siteLinks?: SiteLinkGroup[];
|
|
22
|
+
socialLinks?: SocialLink[];
|
|
23
|
+
legal?: Legal;
|
|
24
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface NavSubItem {
|
|
2
|
+
label: string;
|
|
3
|
+
href: string;
|
|
4
|
+
}
|
|
5
|
+
export interface NavGroup {
|
|
6
|
+
group: string;
|
|
7
|
+
items: NavSubItem[];
|
|
8
|
+
}
|
|
9
|
+
export interface NavItem {
|
|
10
|
+
label: string;
|
|
11
|
+
submenu?: NavGroup[];
|
|
12
|
+
}
|
|
13
|
+
export interface Country {
|
|
14
|
+
label: string;
|
|
15
|
+
locale: string;
|
|
16
|
+
href: string;
|
|
17
|
+
}
|
|
18
|
+
export interface TopNavBarProps {
|
|
19
|
+
NavMenuWithSubItems: NavItem[];
|
|
20
|
+
Countries: Country[];
|
|
21
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
1
|
+
export { default as Text } from './stories/atoms/text/Text';
|
|
2
|
+
export { default as Button } from './stories/atoms/button/Button';
|
|
3
|
+
export { default as Image } from './stories/atoms/image/Image';
|
|
4
|
+
export { default as Icon } from './stories/atoms/icon/Icon';
|
|
5
|
+
export { default as FeatureCard } from './stories/molecules/card/featurecard/FeatureCard';
|
|
6
|
+
export { default as CountrySelector } from './stories/molecules/selectors/CountrySelector';
|
|
7
|
+
export { default as Footer } from './stories/organisms/footer/Footer';
|
|
8
|
+
export { default as FeatureBanner } from './stories/organisms/banner/featurebanner/FeatureBanner';
|
|
9
|
+
export { default as HeroBanner } from './stories/organisms/banner/herobanner/HeroBanner';
|
|
10
|
+
export { default as TopNavBar } from './stories/organisms/menu/TopNavBar';
|
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
type IconPosition = 'left' | 'right';
|
|
4
|
-
type ButtonProps = {
|
|
5
|
-
label?: string;
|
|
6
|
-
iconSrc?: string;
|
|
7
|
-
iconAlt?: string;
|
|
8
|
-
iconPosition?: IconPosition;
|
|
9
|
-
variant?: ButtonVariant;
|
|
10
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
11
|
-
className?: string;
|
|
12
|
-
active?: boolean;
|
|
13
|
-
href?: string;
|
|
14
|
-
};
|
|
2
|
+
import { ButtonProps } from "../../../componentProps/atoms/button/ButtonProps";
|
|
15
3
|
export declare const Button: React.FC<ButtonProps>;
|
|
16
4
|
export default Button;
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
src: string;
|
|
4
|
-
alt?: string;
|
|
5
|
-
size?: number;
|
|
6
|
-
className?: string;
|
|
7
|
-
};
|
|
2
|
+
import { IconProps } from "../../../componentProps/atoms/icon/IconProps";
|
|
8
3
|
export declare const Icon: React.FC<IconProps>;
|
|
9
|
-
export
|
|
4
|
+
export default Icon;
|
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
src: string;
|
|
4
|
-
alt: string;
|
|
5
|
-
width?: string | number;
|
|
6
|
-
height?: string | number;
|
|
7
|
-
className?: string;
|
|
8
|
-
};
|
|
2
|
+
import { ImageProps } from "../../../componentProps/atoms/image/ImageProps";
|
|
9
3
|
declare const Image: React.FC<ImageProps>;
|
|
10
4
|
export default Image;
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
imageSrc: string;
|
|
4
|
-
imageAlt: string;
|
|
5
|
-
title: string;
|
|
6
|
-
description: string;
|
|
7
|
-
buttonLabel: string;
|
|
8
|
-
buttonHref: string;
|
|
9
|
-
};
|
|
2
|
+
import { FeatureCardProps } from "../../../../componentProps/molecules/card/featurecard/FeatureCardProps";
|
|
10
3
|
declare const FeatureCard: React.FC<FeatureCardProps>;
|
|
11
4
|
export default FeatureCard;
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
label: string;
|
|
4
|
-
locale: string;
|
|
5
|
-
href: string;
|
|
6
|
-
};
|
|
7
|
-
type Props = {
|
|
8
|
-
countries?: Country[];
|
|
9
|
-
};
|
|
2
|
+
import { Props } from "../../../componentProps/molecules/selectors/CountrySelectorProps";
|
|
10
3
|
declare const CountrySelector: React.FC<Props>;
|
|
11
4
|
export default CountrySelector;
|
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
type FeatureBannerProps = {
|
|
4
|
-
imageSrc: string;
|
|
5
|
-
imageAlt?: string;
|
|
6
|
-
headline: string;
|
|
7
|
-
body: string;
|
|
8
|
-
buttonLabel: string;
|
|
9
|
-
align?: AlignOption;
|
|
10
|
-
};
|
|
2
|
+
import { FeatureBannerProps } from "../../../../componentProps/organsims/banner/featurebanner/FeatureBannerProps";
|
|
11
3
|
declare const FeatureBanner: React.FC<FeatureBannerProps>;
|
|
12
4
|
export default FeatureBanner;
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
imageSrc: string;
|
|
4
|
-
heading: string;
|
|
5
|
-
subheading: string;
|
|
6
|
-
body: string;
|
|
7
|
-
};
|
|
2
|
+
import { HeroBannerProps } from "../../../../componentProps/organsims/banner/herobanner/HeroBannerProps";
|
|
8
3
|
declare const HeroBanner: React.FC<HeroBannerProps>;
|
|
9
4
|
export default HeroBanner;
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
type SiteLinkGroup = {
|
|
4
|
-
group: string;
|
|
5
|
-
links: {
|
|
6
|
-
label: string;
|
|
7
|
-
}[];
|
|
8
|
-
};
|
|
9
|
-
type SocialLink = {
|
|
10
|
-
href: string;
|
|
11
|
-
icon: IconProp | string;
|
|
12
|
-
};
|
|
13
|
-
type Legal = {
|
|
14
|
-
phone?: string;
|
|
15
|
-
disclaimerText: string;
|
|
16
|
-
footerLinks: {
|
|
17
|
-
label: string;
|
|
18
|
-
href: string;
|
|
19
|
-
}[];
|
|
20
|
-
};
|
|
21
|
-
type FooterProps = {
|
|
22
|
-
siteLinks?: SiteLinkGroup[];
|
|
23
|
-
socialLinks?: SocialLink[];
|
|
24
|
-
legal?: Legal;
|
|
25
|
-
};
|
|
2
|
+
import { FooterProps } from '../../../componentProps/organsims/footer/FooterProps';
|
|
26
3
|
declare const Footer: React.FC<FooterProps>;
|
|
27
4
|
export default Footer;
|
|
@@ -1,24 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
label: string;
|
|
4
|
-
href: string;
|
|
5
|
-
};
|
|
6
|
-
type NavGroup = {
|
|
7
|
-
group: string;
|
|
8
|
-
items: NavSubItem[];
|
|
9
|
-
};
|
|
10
|
-
type NavItem = {
|
|
11
|
-
label: string;
|
|
12
|
-
submenu?: NavGroup[];
|
|
13
|
-
};
|
|
14
|
-
type Country = {
|
|
15
|
-
label: string;
|
|
16
|
-
locale: string;
|
|
17
|
-
href: string;
|
|
18
|
-
};
|
|
19
|
-
type TopNavBarProps = {
|
|
20
|
-
NavMenuWithSubItems: NavItem[];
|
|
21
|
-
Countries: Country[];
|
|
22
|
-
};
|
|
2
|
+
import { TopNavBarProps } from "../../../componentProps/organsims/menu/TopNavBarProps";
|
|
23
3
|
declare const TopNavBar: React.FC<TopNavBarProps>;
|
|
24
4
|
export default TopNavBar;
|