@primer/react-brand 0.0.0-20260212175019 → 0.0.0-20260212181732

package/lib/Grid/Grid.d.ts

@@ -52,7 +52,7 @@ export declare const Grid: React.NamedExoticComponent<React.HTMLAttributes<"div"
     /**
      * The HTML element used to render the grid.
      */
-    as?: "span" | "div" | "section" | undefined;
+    as?: "div" | "span" | "section" | undefined;
     /**
      * Visual aid to help with alignment.
      */

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: ("inline-end" | "inline-start" | "block-end" | "block-end-padded" | "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 type HeroMediaPositions = (typeof heroMediaPositions)[number];
 export type HeroMediaInlinePositions = (typeof heroMediaInlinePositions)[number];
 type HeroContextType = {

package/lib/SubNav/SubNav.d.ts

@@ -13,9 +13,6 @@ type SubNavContextType = {
 };
 export declare const useSubNavContext: () => SubNavContextType;
 export type SubNavProps = {
-    /**
-     * @deprecated The hasShadow prop is deprecated and will be removed in a future release.
-     */
     hasShadow?: boolean;
     /**
      * Allows the SubNav to be used at full width,

package/lib/Tiles/Tiles.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+/** * Design Tokens */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/tiles/base.css';
+type TilesVariant = 'default' | 'gridlines';
+type TilesLayout = 'default' | 'compact';
+export type TilesProps = {
+    /**
+     * The visual variant of the Tiles component.
+     * - `default`: No gridlines
+     * - `gridlines`: Includes gridlines between tiles
+     */
+    variant?: TilesVariant;
+    /**
+     * The layout density of the Tiles grid.
+     * - `default`: 6 items per row on large viewports
+     * - `compact`: 8 items per row on large viewports
+     */
+    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';