@chromatic-com/tetra - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3--canary.113.01d068e.0

dist/index.d.ts

 import * as _emotion_react from '@emotion/react';
 import * as React from 'react';
-import React__default, { FC, ReactNode, ElementType, FunctionComponent } from 'react';
+import React__default, { FC, ReactNode, ComponentType, ElementType, FunctionComponent } from 'react';
 import * as _emotion_styled from '@emotion/styled';
@@ -410,2 +410,3 @@ import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
     readonly vscode: JSX.Element;
+    readonly bluesky: JSX.Element;
 };
@@ -522,3 +523,3 @@
     onClick?: () => void;
-    as?: 'button' | 'a';
+    as?: 'button' | 'a' | 'span';
 }
@@ -560,26 +561,16 @@ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
-interface FooterItem {
-    title: string;
+type LinkKeys = 'signin' | 'signup' | 'uiTest' | 'visualTest' | 'interactionTest' | 'storybook' | 'playwright' | 'cypress' | 'turboSnap' | 'uiReview' | 'publish' | 'figmaPlugin' | 'frontendTeams' | 'designSystems' | 'digitalAgencies' | 'aboutChromatic' | 'careers' | 'security' | 'enterprise' | 'netlify' | 'monday' | 'collective' | 'ezcater' | 'blog' | 'changelog' | 'frontendTestingGuide' | 'docs' | 'pricing' | 'sales';
+
+interface FooterLink {
     href: string;
-    LinkWrapper?: any;
+    linkWrapper?: any;
 }
-interface FooterColumn {
-    title: string;
-    links: FooterItem[];
-}
-interface FooterSocialItem extends FooterItem {
-    icon: IconProps['name'];
-}
-interface HomeItem {
-    href: string;
-    LinkWrapper?: any;
-}
+type FooterLinks = Record<LinkKeys, FooterLink>;
 
 interface FooterProps {
     theme: 'light' | 'dark';
-    columns: FooterColumn[];
-    socialLinks: FooterSocialItem[];
-    homeLink: HomeItem;
+    links: FooterLinks;
+    homeLinkWrapper?: any;
 }
-declare const Footer: ({ theme, columns, socialLinks, homeLink, ...props }: FooterProps) => JSX.Element;
+declare const Footer: ({ theme, links, homeLinkWrapper, ...props }: FooterProps) => JSX.Element;
 
@@ -607,52 +598,26 @@ interface ColumnProps {
 
-interface HeaderMobileSection {
-    name?: string;
-    maxItems?: number;
-    collapsible?: boolean;
-    content: {
-        title: string;
-        href: string;
-        linkWrapper?: any;
-        icon?: Icons;
-        iconColor?: keyof typeof color;
-        customIcon?: ReactNode;
-    }[];
-}
-interface HeaderDesktopItemContent {
-    type: 'link' | 'separator' | 'card';
+interface HeaderLink {
     title: string;
-    description?: string;
-    href?: string;
-    linkWrapper?: any;
     icon?: Icons;
     iconColor?: keyof typeof color;
-    customIcon?: ReactNode;
-    image?: string;
-}
-interface HeaderDesktopItem {
-    id: string;
-    name: string;
-    href?: string;
+    customIcon?: React__default.ReactNode;
+    href: string;
     linkWrapper?: any;
-    leftPosition?: number;
-    menu?: {
-        content: HeaderDesktopItemContent[];
-        backgroundColor?: keyof typeof color;
-    }[];
 }
+type HeaderLinks = Record<LinkKeys, HeaderLink>;
+
 interface HeaderProps {
     theme?: 'light' | 'dark';
-    logo?: 'chromatic' | 'storybook';
-    logoHref?: string;
     logoLinkWrapper?: any;
-    desktopData: HeaderDesktopItem[];
-    desktopRight?: ReactNode;
     desktopActiveId?: string;
-    mobileData: HeaderMobileSection[];
-    mobileTop?: ReactNode;
-    mobileBottom?: ReactNode;
     fullWidth?: boolean;
+    loggedIn?: boolean;
+    maintenanceMode?: boolean;
+    links: HeaderLinks;
+    TrackSignUp: ComponentType<{
+        children: ReactNode;
+    }>;
 }
 
-declare const Header: FC<HeaderProps>;
+declare const Header: ({ theme, links, logoLinkWrapper, desktopActiveId, fullWidth, loggedIn, maintenanceMode, TrackSignUp, }: HeaderProps) => JSX.Element;
 
@@ -701,2 +666,3 @@ declare const CollectiveIcon: () => JSX.Element;
     href: string;
+    noAnchor?: boolean;
 }
@@ -703,0 +669,0 @@ /**

package.json

 {
   "name": "@chromatic-com/tetra",
-  "version": "2.0.2",
+  "version": "2.0.3--canary.113.01d068e.0",
   "description": "Style Guide + UI library for Chromatic and Storybook marketing sites and docs",
@@ -5,0 +5,0 @@ "author": {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3977310

increased by2.22%

Lines of code

6263

increased by1.43%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes