npm - @primer/react-brand - Versions diffs - 0.46.0 → 0.47.0-rc.92f76d23 - Mend

@primer/react-brand 0.46.0 → 0.47.0-rc.92f76d23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (426) hide show

package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/prose/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/river/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/river/river.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/section/section.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/size/border.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/size/border.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/size/size-fine.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:21 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/size/size.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/size/viewport.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */

package/lib/design-tokens/ts/tokens/functional/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Jan 2025 15:14:20 GMT
+ * Generated on Wed, 22 Jan 2025 14:48:52 GMT
  */
 module.exports = {

package/lib/forms/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -28,30 +28,4 @@ export type CheckboxProps = {
      */
     value?: string;
 } & Exclude<InputHTMLAttributes<HTMLInputElement>, 'value'> & BaseProps<HTMLInputElement>;
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Apply indeterminate visual appearance to the checkbox
-     */
-    indeterminate?: boolean;
-    /**
-     * Apply inactive visual appearance to the checkbox
-     */
-    disabled?: boolean;
-    /**
-     * Forward a ref to the underlying input element
-     */
-    ref?: React.RefObject<HTMLInputElement>;
-    /**
-     * Indicates whether the checkbox must be checked
-     */
-    required?: boolean;
-    /**
-     * Only used to inform ARIA attributes. Individual checkboxes do not have validation styles.
-     */
-    validationStatus?: FormValidationStatus;
-    /**
-     * A unique value that is never shown to the user.
-     * Used during form submission and to identify which checkbox inputs are selected
-     */
-    value?: string;
-} & React.InputHTMLAttributes<HTMLInputElement> & BaseProps<HTMLInputElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/forms/FormControl/FormControl.d.ts CHANGED Viewed

@@ -46,9 +46,9 @@ type FormControlHintProps = PropsWithChildren<BaseProps<HTMLSpanElement>>;
  * FormControl
  * {@link https://primer.style/brand/components/FormControl/ See usage examples}.
  */
-export declare const FormControl: (({ children, className, hasBorder, fullWidth, id, required, size, validationStatus, ...rest }: PropsWithChildren<FormControlProps>) => JSX.Element) & {
-    Label: ({ children, className, htmlFor, required, showRequiredIndicator, size, validationStatus, visuallyHidden, ...rest }: PropsWithChildren<FormControlLabelProps>) => JSX.Element;
-    Validation: ({ children, validationStatus, className, ...props }: FormControlValidationProps) => JSX.Element;
-    Hint: ({ className, ...rest }: FormControlHintProps) => JSX.Element;
+export declare const FormControl: (({ children, className, hasBorder, fullWidth, id, required, size, validationStatus, ...rest }: PropsWithChildren<FormControlProps>) => import("react/jsx-runtime").JSX.Element) & {
+    Label: ({ children, className, htmlFor, required, showRequiredIndicator, size, validationStatus, visuallyHidden, ...rest }: PropsWithChildren<FormControlLabelProps>) => import("react/jsx-runtime").JSX.Element;
+    Validation: ({ children, validationStatus, className, ...props }: FormControlValidationProps) => import("react/jsx-runtime").JSX.Element;
+    Hint: ({ className, ...rest }: FormControlHintProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/lib/forms/Radio/Radio.d.ts CHANGED Viewed

@@ -19,22 +19,4 @@ export type RadioProps = {
      */
     value?: string;
 } & Exclude<InputHTMLAttributes<HTMLInputElement>, 'value'> & BaseProps<HTMLInputElement>;
-export declare const Radio: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Apply inactive visual appearance to the Radio
-     */
-    disabled?: boolean;
-    /**
-     * Forward a ref to the underlying input element
-     */
-    ref?: React.RefObject<HTMLInputElement>;
-    /**
-     * Indicates whether the Radio must be checked
-     */
-    required?: boolean;
-    /**
-     * A unique value that is never shown to the user.
-     * Used during form submission and to identify which Radio inputs are selected
-     */
-    value?: string;
-} & React.InputHTMLAttributes<HTMLInputElement> & BaseProps<HTMLInputElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/forms/Select/Select.d.ts CHANGED Viewed

@@ -14,6 +14,10 @@ export type SelectProps = {
      * Applies alternative sizing to the input
      */
     size?: FormInputSizes;
+    /**
+     * Placeholder text to display when no value is selected
+     */
+    placeholder?: string;
     /**
      *
      */
@@ -35,24 +39,7 @@ export type OptGroupProps = {
 /**
  * Select
  */
-export declare const Select: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Applies full width styling.
-     */
-    fullWidth?: boolean;
-    /**
-     * Applies a required attribute to the input
-     */
-    required?: boolean;
-    /**
-     * Applies alternative sizing to the input
-     */
-    size?: FormInputSizes;
-    /**
-     *
-     */
-    validationStatus?: FormValidationStatus;
-} & Omit<React.InputHTMLAttributes<HTMLSelectElement>, "size"> & BaseProps<HTMLSelectElement>, "ref"> & React.RefAttributes<unknown>> & {
-    Option: ({ children, value, ...rest }: OptionProps) => JSX.Element;
-    OptGroup: ({ children, label, ...rest }: OptGroupProps) => JSX.Element;
+export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<unknown>> & {
+    Option: ({ children, value, ...rest }: OptionProps) => import("react/jsx-runtime").JSX.Element;
+    OptGroup: ({ children, label, ...rest }: OptGroupProps) => import("react/jsx-runtime").JSX.Element;
 };

package/lib/forms/TextInput/TextInput.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { BaseProps } from '../../component-helpers';
 import type { FormInputSizes, FormValidationStatus } from '../form-types';
-type VisualType = React.ReactElement | React.ReactNode;
+import { Icon } from '@primer/octicons-react';
+type VisualType = React.ReactElement | React.ReactNode | Icon;
 export type TextInputProps = {
     /**
      * Applies full width styling.
@@ -48,50 +49,5 @@ export type TextInputProps = {
      */
     validationStatus?: FormValidationStatus;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> & BaseProps<HTMLInputElement>;
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Applies full width styling.
-     */
-    fullWidth?: boolean;
-    /**
-     * Removes border
-     */
-    invisible?: boolean;
-    /**
-     * Applies non-interactive text to start of input.
-     */
-    leadingText?: string;
-    /**
-     * Applies non-interactive iconography to start of input.
-     */
-    leadingVisual?: VisualType;
-    /**
-     * Applies monospace styling.
-     */
-    monospace?: boolean;
-    /**
-     * Applies alternative sizing to the input
-     */
-    size?: FormInputSizes;
-    /**
-     * Applies non-interactive text to end of input.
-     */
-    trailingText?: string;
-    /**
-     * Applies non-interactive iconography to end of input.
-     */
-    trailingVisual?: VisualType;
-    /**
-     * Constrains the input type to single line inputs.
-     */
-    type?: "text" | "number" | "email" | "password" | "search" | "tel" | "url" | "date" | "time" | "datetime-local";
-    /**
-     * Applies a required attribute to the input
-     */
-    required?: boolean;
-    /**
-     *
-     */
-    validationStatus?: FormValidationStatus;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & BaseProps<HTMLInputElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/forms/Textarea/Textarea.d.ts CHANGED Viewed

@@ -34,33 +34,4 @@ export type TextareaProps = {
      */
     resize?: 'none' | 'both' | 'horizontal' | 'vertical';
 } & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & BaseProps<HTMLTextAreaElement>;
-export declare const Textarea: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Applies full width styling.
-     */
-    fullWidth?: boolean;
-    /**
-     * Removes border
-     */
-    invisible?: boolean;
-    /**
-     * Applies monospace styling.
-     */
-    monospace?: boolean;
-    /**
-     * Applies alternative sizing to the input
-     */
-    size?: FormInputSizes;
-    /**
-     * Applies a required attribute to the input
-     */
-    required?: boolean;
-    /**
-     *
-     */
-    validationStatus?: FormValidationStatus;
-    /**
-     * Allows resizing of the textarea
-     */
-    resize?: "none" | "both" | "horizontal" | "vertical";
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & BaseProps<HTMLTextAreaElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/hooks/useId.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export type UseId = (id?: string) => string;
2	+ export declare const useId: UseId;