@primer/react-brand 0.67.0-rc.f47a3983 → 0.67.0

package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.content.d.ts

@@ -0,0 +1,99 @@
+type FlexSuiteAIOverviewCardContent = {
+    heading: string;
+    description: string;
+};
+type FlexSuiteAIOverviewTaggedCardContent = FlexSuiteAIOverviewCardContent & {
+    tag: string;
+};
+type FlexSuiteAIOverviewRiverContent = {
+    eyebrow: string;
+    heading: string;
+    description: string;
+    linkText: string;
+    imageAlt: string;
+};
+type FlexSuiteAIOverviewPricingPlanContent = {
+    heading: string;
+    label?: string;
+    description: string;
+    price: string;
+    trailingText?: string;
+    primaryAction: string;
+    secondaryAction?: string;
+    featureListHeading?: string;
+    features: string[];
+    footnote?: string;
+    footnoteLinkText?: string;
+};
+type FlexSuiteAIOverviewFAQItemContent = {
+    question: string;
+    answer: string;
+};
+type FlexSuiteAIOverviewFAQGroupContent = {
+    heading: string;
+    items: FlexSuiteAIOverviewFAQItemContent[];
+};
+export type FlexSuiteAIOverviewContent = {
+    common: {
+        learnMore: string;
+        brandDividerAlt: string;
+    };
+    subNav: {
+        heading: string;
+        links: string[];
+    };
+    hero: {
+        label: string;
+        headingLine1: string;
+        headingLine2: string;
+        description: string;
+        primaryAction: string;
+        secondaryAction: string;
+        trailingText: string;
+        trailingLinkText: string;
+        peekAlt: string;
+        imageAlt: string;
+    };
+    logoSuiteHeading: string;
+    resourceCards: FlexSuiteAIOverviewCardContent[];
+    workflow: {
+        label: string;
+        heading: string;
+        description: string;
+    };
+    rivers: FlexSuiteAIOverviewRiverContent[];
+    bento: {
+        heading: string;
+        linkText: string;
+        imageAlt: string;
+    };
+    organization: {
+        heading: string;
+        description: string;
+        cards: FlexSuiteAIOverviewTaggedCardContent[];
+    };
+    plans: {
+        label: string;
+        heading: string;
+        tabsAriaLabel: string;
+        tabs: string[];
+    };
+    pricing: {
+        free: FlexSuiteAIOverviewPricingPlanContent;
+        pro: FlexSuiteAIOverviewPricingPlanContent;
+        proPlus: FlexSuiteAIOverviewPricingPlanContent;
+    };
+    resources: {
+        heading: string;
+        cards: FlexSuiteAIOverviewTaggedCardContent[];
+    };
+    faq: {
+        headingLine1: string;
+        headingLine2: string;
+        groups: FlexSuiteAIOverviewFAQGroupContent[];
+    };
+};
+export declare const defaultFlexSuiteAIOverviewContent: FlexSuiteAIOverviewContent;
+type Translate = (key: string) => string;
+export declare function getLocalizedFlexSuiteAIOverviewContent(t: Translate): FlexSuiteAIOverviewContent;
+export {};

package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.d.ts

@@ -0,0 +1,6 @@
+import { type FlexSuiteAIOverviewContent } from './FlexSuiteAIOverview.content';
+export type FlexSuiteAIOverviewTemplateProps = {
+    content: FlexSuiteAIOverviewContent;
+};
+export declare function FlexSuiteAIOverview(): import("react/jsx-runtime").JSX.Element;
+export declare function FlexSuiteAIOverviewTemplate({ content }: FlexSuiteAIOverviewTemplateProps): import("react/jsx-runtime").JSX.Element;

package/lib/recipes/Flexsuite/Overview/FlexSuiteOverview.content.d.ts

@@ -0,0 +1,4 @@
+import { getLocalizedFlexSuiteAIOverviewContent } from './FlexSuiteAIOverview.content';
+export type { FlexSuiteAIOverviewContent as FlexSuiteOverviewContent } from './FlexSuiteAIOverview.content';
+export declare const defaultFlexSuiteOverviewContent: import("./FlexSuiteAIOverview.content").FlexSuiteAIOverviewContent;
+export declare const getLocalizedFlexSuiteOverviewContent: typeof getLocalizedFlexSuiteAIOverviewContent;

package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.content.d.ts

@@ -0,0 +1,58 @@
+type FlexSuiteSecurityOverviewCardContent = {
+    tag?: string;
+    heading: string;
+    description: string;
+};
+type FlexSuiteSecurityOverviewTestimonialContent = {
+    quoteLead: string;
+    quoteEmphasis: string;
+    quoteTrailing: string;
+    linkText: string;
+    avatarAlt: string;
+    name: string;
+    position: string;
+};
+export type FlexSuiteSecurityOverviewContent = {
+    common: {
+        learnMore: string;
+        heroImageAlt: string;
+    };
+    subNav: {
+        heading: string;
+        links: string[];
+    };
+    hero: {
+        label: string;
+        heading: string;
+        primaryAction: string;
+        secondaryAction: string;
+    };
+    logoSuiteHeading: string;
+    highlights: FlexSuiteSecurityOverviewCardContent[];
+    workflow: {
+        label: string;
+        heading: string;
+    };
+    capabilities: FlexSuiteSecurityOverviewCardContent[];
+    customerStories: {
+        label: string;
+        heading: string;
+        cards: FlexSuiteSecurityOverviewCardContent[];
+    };
+    testimonial: FlexSuiteSecurityOverviewTestimonialContent;
+    resources: {
+        heading: string;
+        cards: FlexSuiteSecurityOverviewCardContent[];
+    };
+    cta: {
+        label: string;
+        heading: string;
+        description: string;
+        primaryAction: string;
+        secondaryAction: string;
+    };
+};
+export declare const defaultFlexSuiteSecurityOverviewContent: FlexSuiteSecurityOverviewContent;
+type Translate = (key: string) => string;
+export declare function getLocalizedFlexSuiteSecurityOverviewContent(t: Translate): FlexSuiteSecurityOverviewContent;
+export {};

package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.d.ts

@@ -0,0 +1,6 @@
+import { type FlexSuiteSecurityOverviewContent } from './FlexSuiteSecurityOverview.content';
+export type FlexSuiteSecurityOverviewTemplateProps = {
+    content: FlexSuiteSecurityOverviewContent;
+};
+export declare function FlexSuiteSecurityOverview(): import("react/jsx-runtime").JSX.Element;
+export declare function FlexSuiteSecurityOverviewTemplate({ content }: FlexSuiteSecurityOverviewTemplateProps): import("react/jsx-runtime").JSX.Element;

package/lib/recipes/Flexsuite/Overview/index.d.ts

@@ -0,0 +1,4 @@
+import { FlexSuiteAIOverview } from './FlexSuiteAIOverview';
+import { FlexSuiteSecurityOverview } from './FlexSuiteSecurityOverview';
+declare const FlexSuiteOverview: typeof FlexSuiteAIOverview;
+export { FlexSuiteAIOverview, FlexSuiteOverview, FlexSuiteSecurityOverview };

package/lib/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { type HeadingProps } from '../..';
+import { type IconProps } from '../../Icon';
+import { type RiverVisualProps } from '../River/River';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css';
+export type RiverBreakoutTabsProps = React.PropsWithChildren<{
+    defaultSelectedIndex?: number;
+    selectedIndex?: number;
+    onChange?: (selectedIndex: number) => void;
+}> & Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>;
+export type RiverBreakoutTabsItemProps = React.PropsWithChildren<{
+    className?: string;
+}>;
+export type RiverBreakoutTabsA11yHeadingProps = React.PropsWithChildren<{
+    as?: 'h2' | 'h3';
+    id?: string;
+}>;
+export type RiverBreakoutTabsHeadingProps = HeadingProps;
+export type RiverBreakoutTabsContentProps = React.HTMLAttributes<HTMLDivElement>;
+export type RiverBreakoutTabsIconProps = IconProps;
+/**
+ * Use RiverBreakoutTabs to showcase multiple feature stories within a single immersive surface.
+ */
+export declare const RiverBreakoutTabs: React.ForwardRefExoticComponent<{
+    defaultSelectedIndex?: number;
+    selectedIndex?: number;
+    onChange?: (selectedIndex: number) => void;
+} & {
+    children?: React.ReactNode | undefined;
+} & Omit<React.HTMLAttributes<HTMLElement>, "onChange"> & React.RefAttributes<HTMLElement>> & {
+    A11yHeading: ({ as, children, id }: RiverBreakoutTabsA11yHeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...props }: RiverBreakoutTabsContentProps) => import("react/jsx-runtime").JSX.Element;
+    Heading: ({ as, children, className, size, weight, ...props }: RiverBreakoutTabsHeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ color, ...props }: RiverBreakoutTabsIconProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ children }: RiverBreakoutTabsItemProps) => import("react/jsx-runtime").JSX.Element;
+    Visual: React.ForwardRefExoticComponent<Omit<RiverVisualProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};

package/lib/river/RiverBreakoutTabs/index.d.ts

@@ -0,0 +1 @@
+export * from './RiverBreakoutTabs';

package/lib/river/index.d.ts

@@ -1,4 +1,5 @@
 export * from './RiverAccordion';
 export * from './River';
 export * from './RiverBreakout';
+export * from './RiverBreakoutTabs';
 export * from './RiverStoryScroll';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/react-brand",
-  "version": "0.67.0-rc.f47a3983",
+  "version": "0.67.0",
   "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.",
   "keywords": [
     "primer",
@@ -48,6 +48,7 @@
     "@figma/code-connect": "^1.4.3",
     "@juggle/resize-observer": "^3.4.0",
     "@primer/octicons-react": "19.23.1",
+    "@primer/octovisuals-react": "0.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",