@primer/react-brand 0.6.0-rc.e989738 → 0.7.0-rc.e007fdb

package/lib/ComparisonTable/ComparisonTable.d.ts

@@ -0,0 +1,42 @@
+import React, { PropsWithChildren } from 'react';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css';
+export declare type ComparisonTableProps<C extends React.ElementType> = BaseProps<C> & {
+    as?: C;
+    heading?: string;
+    variant?: 'default' | 'minimal';
+    featuredColumn?: number;
+} & React.ComponentPropsWithoutRef<C>;
+export declare const _ComparisonTable: React.ForwardRefExoticComponent<Pick<BaseProps<React.ElementType<any>> & {
+    as?: React.ElementType<any> | undefined;
+    heading?: string | undefined;
+    variant?: "default" | "minimal" | undefined;
+    featuredColumn?: number | undefined;
+} & Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+declare type RowProps = {
+    header?: boolean;
+};
+export declare type CellProps = BaseProps<HTMLTableCellElement> & {
+    as?: 'td' | 'th';
+};
+export declare type FootnoteProps = BaseProps<HTMLParagraphElement>;
+/**
+ * @description
+ *  Comparison tables are used to aid decision-making by displaying a list of features and their associated qualities side-by-side.
+ *  They are useful for comparing products, plans, or features in marketing pages.
+ * @see https://primer.style/brand/components/ComparisonTable
+ */
+export declare const ComparisonTable: React.ForwardRefExoticComponent<Pick<BaseProps<React.ElementType<any>> & {
+    as?: React.ElementType<any> | undefined;
+    heading?: string | undefined;
+    variant?: "default" | "minimal" | undefined;
+    featuredColumn?: number | undefined;
+} & Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<HTMLDivElement>> & {
+    Row: ({ children, ...rest }: PropsWithChildren<RowProps>) => JSX.Element;
+    Cell: ({ as, children, ...props }: PropsWithChildren<CellProps>) => JSX.Element;
+    Footnote: ({ children, ...props }: PropsWithChildren<FootnoteProps>) => JSX.Element;
+};
+export {};

package/lib/ComparisonTable/ComparisonTable.visual.spec.d.ts

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

package/lib/ComparisonTable/index.d.ts

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

package/lib/LayoutExamples/LayoutExamples.visual.spec.d.ts

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

package/lib/Stack/Stack.d.ts

@@ -4,9 +4,9 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/si
 export declare const StackDirectionVariants: readonly ["horizontal", "vertical"];
 declare type StackDirectionVariants = typeof StackDirectionVariants[number];
 export declare const defaultStackDirection: "vertical";
-export declare const StackSpacingVariants: readonly ["condensed", "normal", "spacious"];
+export declare const StackSpacingVariants: readonly ["none", "condensed", "normal", "spacious"];
 declare type StackSpacingVariants = typeof StackSpacingVariants[number];
-export declare const defaultStackSpacing: "normal";
+export declare const defaultStackSpacing: "condensed";
 export declare const StackAlignItemVariants: readonly ["center", "flex-start", "flex-end"];
 declare type StackAlignItemVariants = typeof StackAlignItemVariants[number];
 export declare const StackJustifyContentVariants: readonly ["center", "flex-start", "flex-end", "space-between", "space-around", "space-evenly"];
@@ -85,7 +85,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    gap?: "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
+    gap?: "none" | "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
     /**
      * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
      * A string value will be applied to all viewports.
@@ -97,7 +97,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    padding?: "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
+    padding?: "none" | "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
     /**
      * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
      * A string value will be applied to all viewports.