@primer/react-brand 0.65.0-rc.dd3b4470 → 0.65.0

package/lib/EyebrowText/EyebrowText.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+export type EyebrowTextProps = BaseProps<HTMLSpanElement> & {
+    ['data-testid']?: string;
+} & React.ComponentPropsWithoutRef<'span'>;
+/**
+ * EyebrowText is a simple text component that should be used above Headings.
+ */
+export declare const EyebrowText: React.ForwardRefExoticComponent<Omit<EyebrowTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>> & {
+    testIds: {
+        root: string;
+    };
+};

package/lib/EyebrowText/index.d.ts

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

package/lib/Hero/HeroContext.d.ts

@@ -4,7 +4,7 @@ export type HeroAlign = (typeof HeroAlignOptions)[number];
 export declare const HeroVariantOptions: readonly ["default", "gridline", "gridline-expressive"];
 export type HeroVariant = (typeof HeroVariantOptions)[number];
 export declare const heroMediaPositions: readonly ["block-end", "block-end-padded", "inline-start", "inline-end", "inline-end-padded", "inline-start-padded"];
-export declare const heroMediaInlinePositions: ("block-end" | "block-end-padded" | "inline-start" | "inline-end" | "inline-end-padded" | "inline-start-padded")[];
+export declare const heroMediaInlinePositions: ("inline-end" | "inline-start" | "block-end" | "block-end-padded" | "inline-end-padded" | "inline-start-padded")[];
 export type HeroMediaPositions = (typeof heroMediaPositions)[number];
 export type HeroMediaInlinePositions = (typeof heroMediaInlinePositions)[number];
 type HeroContextType = {

package/lib/IDE/IDE.d.ts

@@ -5,6 +5,9 @@ import type { BaseProps } from '../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/ide/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css';
+/**
+ * @deprecated IDEProps is deprecated and will be removed in a future release.
+ */
 export type IDEProps = {
     /**
      * Test id for the IDE
@@ -52,6 +55,9 @@ type IDEChatMessageUser = {
 type IDEChatMessageAssistant = {
     role: 'assistant';
 };
+/**
+ * @deprecated IDEChatMessage is deprecated and will be removed in a future release.
+ */
 export type IDEChatMessage = {
     handle: string;
     message: string;
@@ -99,6 +105,9 @@ type IDEEditorProps = {
      */
     setAnimationIsDone?: (isDone: boolean) => void;
 } & BaseProps<HTMLDivElement>;
+/**
+ * @deprecated IDEEditorFile is deprecated and will be removed in a future release.
+ */
 export type IDEEditorFile = {
     name: string;
     /**
@@ -120,6 +129,7 @@ type IDEEditorHandle = HTMLElement & {
 };
 /**
  * Use IDE to display a decorative editor component
+ * @deprecated IDE is deprecated and will be removed in a future release.
  * @see https://primer.style/brand/components/IDE
  */
 export declare const IDE: React.NamedExoticComponent<{

package/lib/Tiles/Tiles.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+/** * Design Tokens */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css';
+type TilesVariant = 'default' | 'gridlines';
+type TilesLayout = 'default' | 'compact';
+export type TilesProps = {
+    /**
+     * The visual variant of the Tiles component.
+     */
+    variant?: TilesVariant;
+    /**
+     * The layout density of the Tiles grid.
+     */
+    layout?: TilesLayout;
+    /**
+     * Test id for the root Tiles element.
+     */
+    'data-testid'?: string;
+} & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
+export type TilesItemProps = {
+    /**
+     * The accessible name for the tile item.
+     */
+    name: string;
+    /**
+     * Optional URL to link the tile to.
+     */
+    href?: string;
+    /**
+     * Test id for the tile item element.
+     */
+    'data-testid'?: string;
+} & BaseProps<HTMLLIElement> & Omit<React.HTMLAttributes<HTMLLIElement>, 'children'> & {
+    children: React.ReactNode;
+};
+/**
+ * Use Tiles to display a grid of logos or icons with optional links.
+ * @see https://primer.style/brand/components/Tiles
+ */
+export declare const Tiles: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<TilesProps>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<TilesItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    testIds: {
+        root: string;
+        readonly grid: string;
+        readonly item: string;
+    };
+};
+export {};

package/lib/Tiles/Tiles.fixtures.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const tileItems: Array<{
+    name: string;
+    href?: string;
+    icon: React.ReactNode;
+}>;

package/lib/Tiles/index.d.ts

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