@primer/react-brand 0.25.0-rc.f38bf41 → 0.25.0

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelOne/FeaturePreviewLevelOne.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ColorModesEnum } from '../../..';
+import { Themes } from '../helpers';
+type FeaturePreviewLevelOneProps = {
+    colorMode?: ColorModesEnum.LIGHT | ColorModesEnum.DARK;
+    accentColor: Themes;
+    heroLabel: string;
+    heroTitle: string;
+    heroDescription: string;
+};
+export declare function FeaturePreviewLevelOne({ accentColor, colorMode, ...args }: FeaturePreviewLevelOneProps): JSX.Element;
+export {};

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelOne/FeaturePreviewLevelOne.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelOne/FeaturePreviewLevelOneSideBySide.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ColorModesEnum } from '../../..';
+import { Themes } from '../helpers';
+type FeaturePreviewLevelOneSideBySideProps = {
+    colorMode?: ColorModesEnum.LIGHT | ColorModesEnum.DARK;
+    accentColor: Themes;
+    heroLabel: string;
+    heroTitle: string;
+    heroDescription: string;
+};
+export declare function FeaturePreviewLevelOneSideBySide({ accentColor, colorMode, ...args }: FeaturePreviewLevelOneSideBySideProps): JSX.Element;
+export {};

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelOne/components/FormExample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function FormExample(): JSX.Element;

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelOne/index.d.ts

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

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelTwo/FeaturePreviewLevelTwo.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { ColorModesEnum } from '../../..';
+import { Themes } from '../helpers';
+type FeaturePreviewLevelTwoProps = {
+    colorMode?: ColorModesEnum.LIGHT | ColorModesEnum.DARK;
+    accentColor: Themes;
+    heroAlign: 'start' | 'center';
+    showHeroVisual: boolean;
+    heroLabel: string;
+    heroTitle: string;
+    heroDescription: string;
+    heroCtaTextPrimary: string;
+    heroCtaTextSecondary: string;
+    sectionIntroAlign: 'start' | 'center';
+    sectionIntroText: string | React.ReactElement[];
+    sectionIntroVisible: boolean;
+    pillarVisibile: boolean;
+    pillarBackground: boolean;
+    riverOneVisible: boolean;
+    riverOneType: 'start' | 'end' | 'breakout';
+    riverOneTitle: string;
+    riverOneDescription: string;
+    riverOneCtaText: string;
+    riverTwoVisible: boolean;
+    riverTwoType: 'start' | 'end' | 'breakout';
+    riverTwoTitle: string;
+    riverTwoDescription: string;
+    riverTwoCtaText: string;
+    riverThreeVisible: boolean;
+    riverThreeType: 'start' | 'end' | 'breakout';
+    riverThreeTitle: string;
+    riverThreeDescription: string;
+    riverThreeCtaText: string;
+    testimonialVisible: boolean;
+    testimonialQuantity: number;
+    ctaBannerVisible: boolean;
+    ctaBannerShowBg: boolean;
+    faqVisible: boolean;
+    faqType: 'group' | 'single';
+    cardsVisible: boolean;
+};
+export declare function FeaturePreviewLevelTwo({ accentColor, colorMode, ...args }: FeaturePreviewLevelTwoProps): JSX.Element;
+export {};

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelTwo/FeaturePreviewLevelTwo.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelTwo/index.d.ts

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

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelZero/FeaturePreviewLevelZero.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ColorModesEnum } from '../../..';
+import { Themes } from '../helpers';
+type FeaturePreviewLevelZeroProps = {
+    colorMode?: ColorModesEnum.LIGHT | ColorModesEnum.DARK;
+    accentColor: Themes;
+    heroAlign: 'start' | 'center';
+    heroVisualPosition: 'block-end' | 'inline-end';
+    showHeroVisual: boolean;
+    heroLabel: string;
+    heroTitle: string;
+    heroDescription: string;
+    heroCtaTextPrimary: string;
+    heroCtaTextSecondary: string;
+};
+export declare function FeaturePreviewLevelZero({ accentColor, colorMode, ...args }: FeaturePreviewLevelZeroProps): JSX.Element;
+export {};

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelZero/FeaturePreviewLevelZero.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/recipes/FeaturePreviewLPs/FeaturePreviewLevelZero/index.d.ts

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

package/lib/recipes/FeaturePreviewLPs/helpers.d.ts

@@ -0,0 +1,27 @@
+import { ColorModesEnum } from '../../ThemeProvider';
+export type Themes = 'ai' | 'collaboration' | 'security' | 'productivity';
+export type ThemeDetailsMap = {
+    [theme in Themes]: {
+        [ColorModesEnum.LIGHT]: {
+            color: string;
+            images: {
+                heroBg: string;
+                heroVisualBg: string;
+                riverVisualBgs: string[];
+                ctaBannerBg: string;
+                testimonialBg: string;
+            };
+        };
+        [ColorModesEnum.DARK]: {
+            color: string;
+            images: {
+                heroBg: string;
+                heroVisualBg: string;
+                riverVisualBgs: string[];
+                ctaBannerBg: string;
+                testimonialBg: string;
+            };
+        };
+    };
+};
+export declare const themeDetailsMap: ThemeDetailsMap;

package/lib/river/River/River.d.ts

@@ -52,7 +52,7 @@ type RiverContentProps = BaseProps<HTMLDivElement> & {
      */
     children: React.ReactElement<TextProps> | React.ReactElement<HeadingProps | TextProps | LinkProps>[];
 } & React.HTMLAttributes<HTMLDivElement>;
-type RiverVisualProps = BaseProps<HTMLDivElement> & PropsWithChildren<{
+type RiverVisualProps = BaseProps<HTMLDivElement> & React.HtmlHTMLAttributes<HTMLDivElement> & PropsWithChildren<{
     /**
      * Applies automatic size constraints to child images and video.
      * This can be disabled by setting this prop to `false`.

package/lib/river/RiverBreakout/RiverBreakout.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { RiverProps } from '../River';
 type RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'>;
 export declare const RiverBreakout: React.ForwardRefExoticComponent<Omit<RiverBreakoutProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Visual: React.ForwardRefExoticComponent<Omit<import("../../component-helpers").BaseProps<HTMLDivElement> & {
+    Visual: React.ForwardRefExoticComponent<Omit<import("../../component-helpers").BaseProps<HTMLDivElement> & React.HtmlHTMLAttributes<HTMLDivElement> & {
         fillMedia?: boolean | undefined;
         hasShadow?: boolean | undefined;
         rounded?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/react-brand",
-  "version": "0.25.0-rc.f38bf41",
+  "version": "0.25.0",
   "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.",
   "keywords": [
     "primer",

package/lib/LayoutExamples/KitchenSink.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-type KitchenSinkProps = React.HTMLAttributes<HTMLDivElement>;
-export declare function KitchenSink(props: KitchenSinkProps): JSX.Element;
-export {};

package/lib/LayoutExamples/Resources.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-type ResourcesHubExampleProps = React.HTMLAttributes<HTMLDivElement>;
-export declare function ResourcesHubExample(props: ResourcesHubExampleProps): JSX.Element;
-export {};