@primer/react-brand 0.36.0 → 0.36.1-rc.386e2d86

package/lib/list/listContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ListContext: import("react").Context<{
     variant: string;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../..';
 import { Themes } from '../helpers';
 type FeaturePreviewLevelOneProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../..';
 import { Themes } from '../helpers';
 type FeaturePreviewLevelOneSideBySideProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../../../ThemeProvider';
 type FormExampleProps = {
     colorMode?: ColorModesEnum.LIGHT | ColorModesEnum.DARK;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../..';
 import { Themes } from '../helpers';
 type FeaturePreviewLevelZeroProps = {

package/lib/recipes/SolutionTemplates/CategoryPage/CategoryPage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../../ThemeProvider';
 type CategoryPageProps = {
     variant: 'size' | 'industry' | 'use-case';

package/lib/recipes/SolutionTemplates/SolutionPage/SolutionPage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../../ThemeProvider';
 type SolutionPageProps = {
     variant: 'size' | 'industry' | 'use-case';

package/lib/recipes/SolutionTemplates/SolutionsOverview/SolutionsOverview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../../ThemeProvider';
 type SolutionsOverviewProps = {
     variant: 'size' | 'industry' | 'use-case';

package/lib/recipes/seo/Article/Article.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../../ThemeProvider';
 import { Themes } from '../helpers';
 type ArticleProps = {

package/lib/recipes/seo/Article/useWrapLines.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useWrapLines: (text?: string) => {
     ref: import("react").RefObject<HTMLHeadingElement>;
     lines: string[] | undefined;

package/lib/recipes/seo/Category/CategoryPage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorModesEnum } from '../../../ThemeProvider';
 export declare function CategoryPage({ accentColor, variant, gridOverlay, colorMode, ...args }: {
     [x: string]: any;

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

@@ -59,18 +59,18 @@ export declare const RiverContent: React.ForwardRefExoticComponent<Omit<BaseProp
      *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
      *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
      */
-    trailingComponent?: React.FunctionComponent<{}> | undefined;
+    trailingComponent?: React.FunctionComponent;
     /**
      * When `true`, a divider will be rendered between the standard river and optional trailing content.
      */
-    trailingComponentDivider?: boolean | undefined;
+    trailingComponentDivider?: boolean;
     /**
      * Escape-hatch for inserting custom React components.
      * Warning:
      *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
      *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
      */
-    leadingComponent?: React.FunctionComponent<{}> | undefined;
+    leadingComponent?: React.FunctionComponent;
     /**
      * Only valid children are allowed.
      * These include: `Heading`, `Text` and `Link`.
@@ -110,11 +110,11 @@ export declare const River: React.ForwardRefExoticComponent<Omit<{
     /**
      * Apply an alternative image to text column ratio. The default is `50:50`.
      */
-    imageTextRatio?: "60:40" | "50:50" | undefined;
+    imageTextRatio?: "60:40" | "50:50";
     /**
      * Adjust the order of the `Content` column. The default is `start`.
      */
-    align?: "start" | "center" | "end" | undefined;
+    align?: "start" | "end" | "center";
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>> & {
     Visual: React.ForwardRefExoticComponent<Omit<RiverVisualProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLDivElement> & {
@@ -124,18 +124,18 @@ export declare const River: React.ForwardRefExoticComponent<Omit<{
          *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
          *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
          */
-        trailingComponent?: React.FunctionComponent<{}> | undefined;
+        trailingComponent?: React.FunctionComponent;
         /**
          * When `true`, a divider will be rendered between the standard river and optional trailing content.
          */
-        trailingComponentDivider?: boolean | undefined;
+        trailingComponentDivider?: boolean;
         /**
          * Escape-hatch for inserting custom React components.
          * Warning:
          *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
          *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
          */
-        leadingComponent?: React.FunctionComponent<{}> | undefined;
+        leadingComponent?: React.FunctionComponent;
         /**
          * Only valid children are allowed.
          * These include: `Heading`, `Text` and `Link`.

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

@@ -4,13 +4,13 @@ type RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'>;
 export declare const RiverBreakout: React.ForwardRefExoticComponent<Omit<RiverBreakoutProps, "ref"> & React.RefAttributes<HTMLElement>> & {
     Visual: React.ForwardRefExoticComponent<Omit<import("../River").RiverVisualProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<import("../../component-helpers").BaseProps<HTMLDivElement> & {
-        trailingComponent?: React.FunctionComponent<{}> | undefined;
-        trailingComponentDivider?: boolean | undefined;
-        leadingComponent?: React.FunctionComponent<{}> | undefined;
-        children: React.ReactElement<import("../..").TextProps, string | React.JSXElementConstructor<any>> | React.ReactElement<import("../..").TextProps | import("../../Heading").HeadingProps | import("../..").LinkProps, string | React.JSXElementConstructor<any>>[];
+        trailingComponent?: React.FunctionComponent;
+        trailingComponentDivider?: boolean;
+        leadingComponent?: React.FunctionComponent;
+        children: React.ReactElement<import("../..").TextProps> | React.ReactElement<import("../../Heading").HeadingProps | import("../..").TextProps | import("../..").LinkProps>[];
     } & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     A11yHeading: ({ as, children }: React.PropsWithChildren<{
-        as?: "h2" | "h3" | undefined;
+        as?: "h2" | "h3";
     }>) => JSX.Element;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/react-brand",
-  "version": "0.36.0",
+  "version": "0.36.1-rc.386e2d86",
   "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.",
   "keywords": [
     "primer",
@@ -42,8 +42,8 @@
     "test": "jest"
   },
   "dependencies": {
-    "@primer/behaviors": "^1.3.4",
     "@oddbird/popover-polyfill": "0.4.3",
+    "@primer/behaviors": "^1.3.4",
     "clsx": "^1.2.1"
   },
   "devDependencies": {
@@ -65,6 +65,7 @@
     "css-loader": "^6.7.4",
     "identity-obj-proxy": "^3.0.0",
     "jest-axe": "^6.0.1",
+    "jest-environment-jsdom": "^29.7.0",
     "mini-css-extract-plugin": "^2.7.6",
     "postcss": "^8.4.23",
     "postcss-loader": "^6.2.1",