formica-ui-lib 1.0.14 → 1.0.19

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.
Files changed (28) hide show
  1. package/dist/componentProps/atoms/button/ButtonProps.d.ts +13 -0
  2. package/dist/componentProps/atoms/icon/IconProps.d.ts +6 -0
  3. package/dist/componentProps/atoms/image/ImageProps.d.ts +7 -0
  4. package/dist/componentProps/atoms/text/TextProps.d.ts +8 -0
  5. package/dist/componentProps/molecules/card/featurecard/FeatureCardProps.d.ts +8 -0
  6. package/dist/componentProps/molecules/selectors/CountrySelectorProps.d.ts +8 -0
  7. package/dist/componentProps/organisms/banner/featurebanner/FeatureBannerProps.d.ts +10 -0
  8. package/dist/componentProps/organisms/banner/herobanner/HeroBannerProps.d.ts +6 -0
  9. package/dist/componentProps/organisms/footer/FooterProps.d.ts +24 -0
  10. package/dist/componentProps/organisms/menu/GlobalNavBarProps.d.ts +29 -0
  11. package/dist/componentProps/organisms/menu/TopNavBarProps.d.ts +21 -0
  12. package/dist/index.cjs +565 -0
  13. package/dist/index.d.ts +20 -0
  14. package/dist/index.js +4619 -0
  15. package/dist/stories/atoms/button/Button.d.ts +4 -0
  16. package/dist/stories/atoms/icon/Icon.d.ts +4 -0
  17. package/dist/stories/atoms/image/Image.d.ts +4 -0
  18. package/dist/stories/atoms/text/Text.d.ts +4 -0
  19. package/dist/stories/molecules/card/featurecard/FeatureCard.d.ts +4 -0
  20. package/dist/stories/molecules/selectors/CountrySelector.d.ts +4 -0
  21. package/dist/stories/organisms/banner/featurebanner/FeatureBanner.d.ts +4 -0
  22. package/dist/stories/organisms/banner/herobanner/HeroBanner.d.ts +4 -0
  23. package/dist/stories/organisms/footer/Footer.d.ts +4 -0
  24. package/dist/stories/organisms/menu/GlobalNavBar/GlobalNavBar.d.ts +4 -0
  25. package/dist/stories/organisms/menu/TopNavBar/TopNavBar.d.ts +4 -0
  26. package/dist/stories/page/v1/home/HomePage.d.ts +42 -0
  27. package/dist/vite.svg +1 -0
  28. package/package.json +59 -58
@@ -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,6 @@
1
+ export interface IconProps {
2
+ src: string;
3
+ alt?: string;
4
+ size?: number;
5
+ className?: string;
6
+ }
@@ -0,0 +1,7 @@
1
+ export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
2
+ src: string;
3
+ alt: string;
4
+ width?: string | number;
5
+ height?: string | number;
6
+ className?: string;
7
+ };
@@ -0,0 +1,8 @@
1
+ export type TextVariant = 'h1' | 'h2' | 'h3' | 'nav' | 'standard' | 'navlink' | 'free' | 'body' | 'bold' | 'caption';
2
+ export type TextTag = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
3
+ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
4
+ as?: TextTag;
5
+ variant?: TextVariant;
6
+ className?: string;
7
+ children: React.ReactNode;
8
+ }
@@ -0,0 +1,8 @@
1
+ export interface FeatureCardProps {
2
+ imageSrc: string;
3
+ imageAlt: string;
4
+ title: string;
5
+ description: string;
6
+ buttonLabel: string;
7
+ buttonHref: string;
8
+ }
@@ -0,0 +1,8 @@
1
+ export interface Country {
2
+ label: string;
3
+ locale: string;
4
+ href: string;
5
+ }
6
+ export interface Props {
7
+ countries?: Country[];
8
+ }
@@ -0,0 +1,10 @@
1
+ type AlignOption = 'left' | 'right';
2
+ export interface FeatureBannerProps {
3
+ imageSrc: string;
4
+ imageAlt?: string;
5
+ headline: string;
6
+ body: string;
7
+ buttonLabel: string;
8
+ align?: AlignOption;
9
+ }
10
+ export {};
@@ -0,0 +1,6 @@
1
+ export interface HeroBannerProps {
2
+ imageSrc: string;
3
+ heading: string;
4
+ subheading: string;
5
+ body: string;
6
+ }
@@ -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,29 @@
1
+ export interface CustomerType {
2
+ label: string;
3
+ href: string;
4
+ }
5
+ export interface BannerAd {
6
+ message: string;
7
+ href?: string;
8
+ }
9
+ export interface WhereToBuyItem {
10
+ label: string;
11
+ href: string;
12
+ }
13
+ export interface Login {
14
+ label: string;
15
+ icon: string;
16
+ href: string;
17
+ }
18
+ export interface Country {
19
+ label: string;
20
+ locale: string;
21
+ href: string;
22
+ }
23
+ export interface GlobalNavBarProps {
24
+ CustomerTypes: CustomerType[];
25
+ BannerAd: BannerAd;
26
+ WhereToBuy: WhereToBuyItem[];
27
+ Countries: Country[];
28
+ Login: Login;
29
+ }
@@ -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
+ }