@chromatic-com/tetra 2.0.2 → 2.0.3--canary.9b16765.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/dist/index.d.mts +13 -35
- package/dist/index.d.ts +13 -35
- package/dist/index.js +469 -469
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +415 -415
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- /package/dist/public/{frontend-testing-guide.jpg → guides/frontend-testing-guide-thumbnail.jpg} +0 -0
package/dist/index.d.mts
CHANGED
|
@@ -601,56 +601,34 @@ declare const Grid: FC<GridProps> & {
|
|
|
601
601
|
Column: FC<ColumnProps>;
|
|
602
602
|
};
|
|
603
603
|
|
|
604
|
-
interface
|
|
605
|
-
name?: string;
|
|
606
|
-
maxItems?: number;
|
|
607
|
-
collapsible?: boolean;
|
|
608
|
-
content: {
|
|
609
|
-
title: string;
|
|
610
|
-
href: string;
|
|
611
|
-
linkWrapper?: any;
|
|
612
|
-
icon?: Icons;
|
|
613
|
-
iconColor?: keyof typeof color;
|
|
614
|
-
customIcon?: ReactNode;
|
|
615
|
-
}[];
|
|
616
|
-
}
|
|
617
|
-
interface HeaderDesktopItemContent {
|
|
618
|
-
type: 'link' | 'separator' | 'card';
|
|
604
|
+
interface HeaderLink {
|
|
619
605
|
title: string;
|
|
620
|
-
description?: string;
|
|
621
|
-
href?: string;
|
|
622
|
-
linkWrapper?: any;
|
|
623
606
|
icon?: Icons;
|
|
624
607
|
iconColor?: keyof typeof color;
|
|
625
|
-
customIcon?: ReactNode;
|
|
626
|
-
|
|
627
|
-
}
|
|
628
|
-
interface HeaderDesktopItem {
|
|
629
|
-
id: string;
|
|
630
|
-
name: string;
|
|
631
|
-
href?: string;
|
|
608
|
+
customIcon?: React__default.ReactNode;
|
|
609
|
+
href: string;
|
|
632
610
|
linkWrapper?: any;
|
|
633
|
-
leftPosition?: number;
|
|
634
|
-
menu?: {
|
|
635
|
-
content: HeaderDesktopItemContent[];
|
|
636
|
-
backgroundColor?: keyof typeof color;
|
|
637
|
-
}[];
|
|
638
611
|
}
|
|
612
|
+
declare const defaultLinks: {
|
|
613
|
+
[key: string]: HeaderLink;
|
|
614
|
+
};
|
|
615
|
+
type HeaderLinkKeys = keyof typeof defaultLinks;
|
|
616
|
+
type HeaderLinks = Record<HeaderLinkKeys, HeaderLink>;
|
|
617
|
+
|
|
639
618
|
interface HeaderProps {
|
|
640
619
|
theme?: 'light' | 'dark';
|
|
641
|
-
logo?: 'chromatic' | 'storybook';
|
|
642
|
-
logoHref?: string;
|
|
643
620
|
logoLinkWrapper?: any;
|
|
644
|
-
desktopData: HeaderDesktopItem[];
|
|
645
621
|
desktopRight?: ReactNode;
|
|
646
622
|
desktopActiveId?: string;
|
|
647
|
-
mobileData: HeaderMobileSection[];
|
|
648
623
|
mobileTop?: ReactNode;
|
|
649
624
|
mobileBottom?: ReactNode;
|
|
650
625
|
fullWidth?: boolean;
|
|
626
|
+
loggedIn?: boolean;
|
|
627
|
+
maintenanceMode?: boolean;
|
|
628
|
+
links: HeaderLinks;
|
|
651
629
|
}
|
|
652
630
|
|
|
653
|
-
declare const Header:
|
|
631
|
+
declare const Header: ({ theme, logoLinkWrapper, desktopRight, desktopActiveId, mobileBottom, mobileTop, fullWidth, links, }: HeaderProps) => JSX.Element;
|
|
654
632
|
|
|
655
633
|
declare const CollectiveIcon: () => JSX.Element;
|
|
656
634
|
|
package/dist/index.d.ts
CHANGED
|
@@ -601,56 +601,34 @@ declare const Grid: FC<GridProps> & {
|
|
|
601
601
|
Column: FC<ColumnProps>;
|
|
602
602
|
};
|
|
603
603
|
|
|
604
|
-
interface
|
|
605
|
-
name?: string;
|
|
606
|
-
maxItems?: number;
|
|
607
|
-
collapsible?: boolean;
|
|
608
|
-
content: {
|
|
609
|
-
title: string;
|
|
610
|
-
href: string;
|
|
611
|
-
linkWrapper?: any;
|
|
612
|
-
icon?: Icons;
|
|
613
|
-
iconColor?: keyof typeof color;
|
|
614
|
-
customIcon?: ReactNode;
|
|
615
|
-
}[];
|
|
616
|
-
}
|
|
617
|
-
interface HeaderDesktopItemContent {
|
|
618
|
-
type: 'link' | 'separator' | 'card';
|
|
604
|
+
interface HeaderLink {
|
|
619
605
|
title: string;
|
|
620
|
-
description?: string;
|
|
621
|
-
href?: string;
|
|
622
|
-
linkWrapper?: any;
|
|
623
606
|
icon?: Icons;
|
|
624
607
|
iconColor?: keyof typeof color;
|
|
625
|
-
customIcon?: ReactNode;
|
|
626
|
-
|
|
627
|
-
}
|
|
628
|
-
interface HeaderDesktopItem {
|
|
629
|
-
id: string;
|
|
630
|
-
name: string;
|
|
631
|
-
href?: string;
|
|
608
|
+
customIcon?: React__default.ReactNode;
|
|
609
|
+
href: string;
|
|
632
610
|
linkWrapper?: any;
|
|
633
|
-
leftPosition?: number;
|
|
634
|
-
menu?: {
|
|
635
|
-
content: HeaderDesktopItemContent[];
|
|
636
|
-
backgroundColor?: keyof typeof color;
|
|
637
|
-
}[];
|
|
638
611
|
}
|
|
612
|
+
declare const defaultLinks: {
|
|
613
|
+
[key: string]: HeaderLink;
|
|
614
|
+
};
|
|
615
|
+
type HeaderLinkKeys = keyof typeof defaultLinks;
|
|
616
|
+
type HeaderLinks = Record<HeaderLinkKeys, HeaderLink>;
|
|
617
|
+
|
|
639
618
|
interface HeaderProps {
|
|
640
619
|
theme?: 'light' | 'dark';
|
|
641
|
-
logo?: 'chromatic' | 'storybook';
|
|
642
|
-
logoHref?: string;
|
|
643
620
|
logoLinkWrapper?: any;
|
|
644
|
-
desktopData: HeaderDesktopItem[];
|
|
645
621
|
desktopRight?: ReactNode;
|
|
646
622
|
desktopActiveId?: string;
|
|
647
|
-
mobileData: HeaderMobileSection[];
|
|
648
623
|
mobileTop?: ReactNode;
|
|
649
624
|
mobileBottom?: ReactNode;
|
|
650
625
|
fullWidth?: boolean;
|
|
626
|
+
loggedIn?: boolean;
|
|
627
|
+
maintenanceMode?: boolean;
|
|
628
|
+
links: HeaderLinks;
|
|
651
629
|
}
|
|
652
630
|
|
|
653
|
-
declare const Header:
|
|
631
|
+
declare const Header: ({ theme, logoLinkWrapper, desktopRight, desktopActiveId, mobileBottom, mobileTop, fullWidth, links, }: HeaderProps) => JSX.Element;
|
|
654
632
|
|
|
655
633
|
declare const CollectiveIcon: () => JSX.Element;
|
|
656
634
|
|