@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/theme.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var theme$1 = require('./utils/theme.js');
-var colorSchemes = require('./legacy-theme/ts/color-schemes.js');
-
-const animation = {
-  easeOutCubic: 'cubic-bezier(0.33, 1, 0.68, 1)'
-};
-const breakpoints = ['544px', '768px', '1012px', '1280px'];
-const fonts = {
-  normal: theme$1.fontStack(['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Noto Sans', 'Helvetica', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji']),
-  mono: `var(--fontStack-monospace, ${theme$1.fontStack(['SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier', 'monospace'])})`
-};
-const lineHeights = {
-  condensedUltra: 1,
-  condensed: 1.25,
-  default: 1.5
-};
-const fontWeights = {
-  light: 300,
-  normal: 400,
-  semibold: 500,
-  bold: 600
-};
-const borderWidths = [0, '1px'];
-const radii = ['0', '3px', '6px', '100px'];
-const sizes = {
-  small: '544px',
-  medium: '768px',
-  large: '1012px',
-  xlarge: '1280px'
-};
-const fontSizes = ['12px', '14px', '16px', '20px', '24px', '32px', '40px', '48px', '56px'];
-const space = ['0', '4px', '8px', '16px', '24px', '32px', '40px', '48px', '64px', '80px', '96px', '112px', '128px'];
-const theme = {
-  animation,
-  borderWidths,
-  breakpoints,
-  fonts,
-  fontSizes,
-  fontWeights,
-  lineHeights,
-  radii,
-  sizes,
-  space,
-  colorSchemes: colorSchemes.colorSchemes
-};
-
-// NOTE: for now, ThemeColors and ThemeShadows are handcrafted types. It would be nice if these
-// were exports from primitives (or a different shape but derived from those exports).
-
-module.exports = theme;

package/lib/utils/StressTest.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-export interface StressTestProps {
-    componentName: string;
-    title: string;
-    description: string;
-    totalIterations: number;
-    renderIteration: (count: number, totalIterations: number) => React.ReactNode;
-}
-export declare const StressTest: React.FC<StressTestProps>;
-//# sourceMappingURL=StressTest.d.ts.map

package/lib/utils/__tests__/invariant.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=invariant.test.d.ts.map

package/lib/utils/__tests__/warning.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=warning.test.d.ts.map

package/lib/utils/create-component.d.ts

@@ -1,7 +0,0 @@
-import type { EventName } from '@lit-labs/react';
-type EventNames = Record<string, EventName | string>;
-export declare const createComponent: <I extends HTMLElement, E extends EventNames = {}>(elementClass: new () => I, tagName: string, events?: E | undefined) => string & import("styled-components").StyledComponentBase<import("@lit-labs/react").ReactWebComponent<I, E>, any, import("..").SxProp, never> & import("hoist-non-react-statics").NonReactStatics<import("@lit-labs/react").ReactWebComponent<I, E>, {}> & {
-    displayName: string;
-};
-export default createComponent;
-//# sourceMappingURL=create-component.d.ts.map

package/lib/utils/create-component.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var styled = require('styled-components');
-var createComponent$1 = require('../node_modules/@lit-labs/react/create-component.js');
-var sx = require('../sx.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const rename = str => str[0].toUpperCase() + str.slice(1).replace(/(-\w)/g, s => s[1].toUpperCase());
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-const createComponent = (elementClass, tagName, events = undefined) => {
-  const output = Object.assign(Object.assign(styled__default.default(createComponent$1.createComponent({
-    tagName,
-    elementClass,
-    react: React__default.default,
-    events
-  })), {
-    displayName: rename(tagName)
-  })(sx.default), {
-    displayName: rename(tagName)
-  });
-  return output;
-};
-
-exports.createComponent = createComponent;
-exports.default = createComponent;

package/lib/utils/defaultSxProp.d.ts

@@ -1,3 +0,0 @@
-import type { BetterSystemStyleObject } from '../sx';
-export declare const defaultSxProp: Readonly<BetterSystemStyleObject>;
-//# sourceMappingURL=defaultSxProp.d.ts.map

package/lib/utils/defaultSxProp.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const defaultSxProp = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
-
-exports.defaultSxProp = defaultSxProp;

package/lib/utils/deprecate.d.ts

@@ -1,19 +0,0 @@
-type DeprecationType = {
-    name: string;
-    message: string;
-    version: string;
-};
-declare let deprecate: ({ name, message, version }: DeprecationType) => void | (() => void);
-export { deprecate };
-declare let useDeprecation: null;
-export { useDeprecation };
-export declare class Deprecations {
-    static instance: Deprecations | null;
-    deprecations: Array<DeprecationType>;
-    static get(): Deprecations;
-    constructor();
-    static deprecate({ name, message, version }: DeprecationType): void;
-    static getDeprecations(): DeprecationType[];
-    static clearDeprecations(): void;
-}
-//# sourceMappingURL=deprecate.d.ts.map

package/lib/utils/environment.d.ts

@@ -1,7 +0,0 @@
-/**
- * Indicate whether current execution environment can access the DOM.
- *
- * @see https://github.com/facebook/fbjs/blob/4d1751311d3f67af2dcce2e40df8512a23c7b9c6/packages/fbjs/src/core/ExecutionEnvironment.js#L12
- */
-export const canUseDOM: boolean;
-//# sourceMappingURL=environment.d.ts.map

package/lib/utils/environment.js

@@ -1,11 +0,0 @@
-'use strict';
-
-/**
- * Indicate whether current execution environment can access the DOM.
- *
- * @see https://github.com/facebook/fbjs/blob/4d1751311d3f67af2dcce2e40df8512a23c7b9c6/packages/fbjs/src/core/ExecutionEnvironment.js#L12
- */
-// eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-const canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-
-exports.canUseDOM = canUseDOM;

package/lib/utils/form-story-helpers.d.ts

@@ -1,62 +0,0 @@
-import type React from 'react';
-import type { CheckboxGroup, FormControl } from '../index';
-import type { ComponentProps } from './types';
-import type { ArgTypes } from '@storybook/react';
-import type { InputType } from 'storybook/internal/csf';
-type CheckboxOrRadioGroupWrapperArgs = ComponentProps<typeof CheckboxGroup>;
-type CheckboxOrRadioGroupLabelArgs = ComponentProps<typeof CheckboxGroup.Label> & {
-    labelChildren?: React.ReactNode;
-};
-type CheckboxOrRadioGroupCaptionArgs = ComponentProps<typeof CheckboxGroup.Caption> & {
-    captionChildren?: React.ReactNode;
-};
-type CheckboxOrRadioGroupValidationMessageArgs = ComponentProps<typeof CheckboxGroup.Validation> & {
-    validationChildren?: React.ReactNode;
-};
-export type CheckboxOrRadioGroupArgs = CheckboxOrRadioGroupWrapperArgs & CheckboxOrRadioGroupLabelArgs & CheckboxOrRadioGroupCaptionArgs & CheckboxOrRadioGroupValidationMessageArgs;
-type FormControlParentArgs = Pick<ComponentProps<typeof FormControl>, 'required' | 'disabled'>;
-type FormControlLabelArgs = Omit<ComponentProps<typeof FormControl.Label>, 'as'> & {
-    labelChildren?: React.ReactNode;
-};
-type FormControlCaptionArgs = ComponentProps<typeof FormControl.Caption> & {
-    captionChildren?: React.ReactNode;
-};
-type FormControlValidationMessageArgs = ComponentProps<typeof FormControl.Validation> & {
-    validationChildren?: React.ReactNode;
-};
-export type FormControlArgs<TInputProps = unknown> = FormControlParentArgs & FormControlLabelArgs & FormControlCaptionArgs & Partial<FormControlValidationMessageArgs> & // partial because we don't pass use validation for checkbox or radio
-TInputProps;
-export declare const inputWrapperArgTypes: ArgTypes;
-export declare const getTextInputArgTypes: (category?: string) => Record<string, unknown>;
-export declare const textInputExcludedControlKeys: string[];
-export declare const textInputWithTokensArgTypes: ArgTypes;
-export declare const formControlArgs: {
-    required: boolean;
-    disabled: boolean;
-    labelChildren: string;
-    visuallyHidden: boolean;
-    captionChildren: string;
-    validationChildren: string;
-    variant: string;
-};
-export declare const formControlArgTypes: ArgTypes;
-export declare const formControlArgTypesWithoutValidation: Partial<Record<string | number, InputType>>;
-export declare const getFormControlArgsByChildComponent: ({ captionChildren, disabled, labelChildren, required, validationChildren, variant, visuallyHidden, }: FormControlArgs) => {
-    parentArgs: {
-        disabled: boolean | undefined;
-        required: boolean | undefined;
-    };
-    labelArgs: {
-        visuallyHidden: boolean | undefined;
-        children: React.ReactNode;
-    };
-    captionArgs: {
-        children: React.ReactNode;
-    };
-    validationArgs: {
-        children: React.ReactNode;
-        variant: import("./types/FormValidationStatus").FormValidationStatus | undefined;
-    };
-};
-export {};
-//# sourceMappingURL=form-story-helpers.d.ts.map

package/lib/utils/getBreakpointDeclarations.d.ts

@@ -1,4 +0,0 @@
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-export declare function areAllValuesTheSame(responsiveValue: ResponsiveValue<boolean | number | string>): boolean;
-export declare function haveRegularAndWideSameValue(responsiveValue: ResponsiveValue<boolean | number | string>): boolean;
-//# sourceMappingURL=getBreakpointDeclarations.d.ts.map

package/lib/utils/getBreakpointDeclarations.js

@@ -1,18 +0,0 @@
-'use strict';
-
-function areAllValuesTheSame(responsiveValue) {
-  if ('narrow' in responsiveValue && 'regular' in responsiveValue && 'wide' in responsiveValue) {
-    const values = Object.values(responsiveValue);
-    return values.every(value => value === values[0]);
-  }
-  return false;
-}
-function haveRegularAndWideSameValue(responsiveValue) {
-  if ('regular' in responsiveValue && 'wide' in responsiveValue) {
-    return responsiveValue.regular === responsiveValue.wide;
-  }
-  return false;
-}
-
-exports.areAllValuesTheSame = areAllValuesTheSame;
-exports.haveRegularAndWideSameValue = haveRegularAndWideSameValue;

package/lib/utils/includeSystemProps.d.ts

@@ -1,7 +0,0 @@
-import { type SystemCommonProps, type SystemTypographyProps } from '../constants';
-import type { SxProp } from '../sx';
-declare const includesSystemProps: (props: SxProp) => boolean;
-type TypographyAndCommonProp = SystemTypographyProps & SystemCommonProps;
-declare const getTypographyAndCommonProps: (props: TypographyAndCommonProp) => TypographyAndCommonProp;
-export { includesSystemProps, getTypographyAndCommonProps };
-//# sourceMappingURL=includeSystemProps.d.ts.map

package/lib/utils/includeSystemProps.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var constants = require('../constants.js');
-
-const COMMON_PROP_NAMES = new Set(Object.keys(constants.COMMON));
-const TYPOGRAPHY_PROP_NAMES = new Set(Object.keys(constants.TYPOGRAPHY));
-const includesSystemProps = props => {
-  if (props.sx) {
-    return true;
-  }
-  return Object.keys(props).some(prop => {
-    return TYPOGRAPHY_PROP_NAMES.has(prop) || COMMON_PROP_NAMES.has(prop);
-  });
-};
-
-exports.includesSystemProps = includesSystemProps;

package/lib/utils/invariant.d.ts

@@ -1,3 +0,0 @@
-declare const invariant: (condition: any, format?: string, ...args: Array<any>) => void;
-export { invariant };
-//# sourceMappingURL=invariant.d.ts.map

package/lib/utils/invariant.js

@@ -1,26 +0,0 @@
-'use strict';
-
-function emptyFunction() {}
-
-// Inspired by invariant by fbjs
-// @see https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/__forks__/invariant.js
-const invariant = process.env.NODE_ENV !== "production" ?
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function invariant(condition, format, ...args) {
-  if (!condition) {
-    let error;
-    if (format === undefined) {
-      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
-    } else {
-      let index = 0;
-      const message = format.replace(/%s/g, () => {
-        return args[index++];
-      });
-      error = new Error(message);
-      error.name = 'Invariant Violation';
-    }
-    throw error;
-  }
-} : emptyFunction;
-
-exports.invariant = invariant;

package/lib/utils/isNumeric.d.ts

@@ -1,2 +0,0 @@
-export default function isNumeric(n: any): boolean;
-//# sourceMappingURL=isNumeric.d.ts.map

package/lib/utils/isNumeric.js

@@ -1,8 +0,0 @@
-'use strict';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function isNumeric(n) {
-  return !isNaN(parseFloat(n)) && isFinite(n);
-}
-
-module.exports = isNumeric;

package/lib/utils/layout.d.ts

@@ -1,21 +0,0 @@
-export declare const PrimerBreakpoints: {
-    xsmall: {
-        width: string;
-    };
-    small: {
-        width: string;
-    };
-    medium: {
-        width: string;
-    };
-    large: {
-        width: string;
-    };
-    xlarge: {
-        width: string;
-    };
-    xxlarge: {
-        width: string;
-    };
-};
-//# sourceMappingURL=layout.d.ts.map

package/lib/utils/polymorphic.d.ts

@@ -1,38 +0,0 @@
-/**
- * This file is originally from `@radix-ui/react-polymorphic` before the package
- * was deprecated. The original source for this lived in the URL below.
- *
- * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
- */
-import * as React from 'react';
-type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
-/**
- * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
- */
-type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
-/**
- * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
- */
-type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
-type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
-    as?: E;
-}>>;
-interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
-    /**
-     * When `as` prop is passed, use this overload.
-     * Merges original own props (without DOM props) and the inferred props
-     * from `as` element with the own props taking precedence.
-     *
-     * We explicitly avoid `React.ElementType` and manually narrow the prop types
-     * so that events are typed when using JSX.IntrinsicElements.
-     */
-    <As = IntrinsicElementString>(props: As extends '' ? {
-        as: keyof JSX.IntrinsicElements;
-    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
-        as: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
-        as: As;
-    }> : never): React.ReactElement | null;
-}
-export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };
-//# sourceMappingURL=polymorphic.d.ts.map

package/lib/utils/scroll.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns the nearest scrollable parent of the element or `null` if the element
- * is not contained in a scrollable element.
- */
-export declare function getScrollContainer(element: Element | null): Element | null;
-//# sourceMappingURL=scroll.d.ts.map

package/lib/utils/scroll.js

@@ -1,20 +0,0 @@
-'use strict';
-
-/**
- * Returns the nearest scrollable parent of the element or `null` if the element
- * is not contained in a scrollable element.
- */
-function getScrollContainer(element) {
-  if (!element || element === document.body) {
-    return null;
-  }
-  return isScrollable(element) ? element : getScrollContainer(element.parentElement);
-}
-
-/** Returns `true` if the element is scrollable */
-function isScrollable(element) {
-  const hasScrollableContent = element.scrollHeight > element.clientHeight;
-  return hasScrollableContent && !(window.getComputedStyle(element).overflowY.indexOf('hidden') !== -1);
-}
-
-exports.getScrollContainer = getScrollContainer;

package/lib/utils/theme.d.ts

@@ -1,20 +0,0 @@
-declare function fontStack(fonts: any): any;
-declare function isShadowValue(value: any): boolean;
-declare function isColorValue(value: any): boolean;
-declare function filterObject(obj: any, predicate: any): {};
-declare function partitionColors(colors: any): {
-    colors: {};
-    shadows: {};
-};
-declare function omitScale(obj: any): any;
-declare const themeUtils: {
-    fontStack: typeof fontStack;
-    isShadowValue: typeof isShadowValue;
-    isColorValue: typeof isColorValue;
-    filterObject: typeof filterObject;
-    partitionColors: typeof partitionColors;
-    omitScale: typeof omitScale;
-};
-export { fontStack, isShadowValue, isColorValue, filterObject, partitionColors, omitScale };
-export default themeUtils;
-//# sourceMappingURL=theme.d.ts.map

package/lib/utils/theme.js

@@ -1,15 +0,0 @@
-'use strict';
-
-require('lodash.isempty');
-require('lodash.isobject');
-
-// Temporarily disabling since this is originally a JavaScript that needed to be
-// migrated to TypeScript for exports to work as correctly in Vite.
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-
-function fontStack(fonts) {
-  return fonts.map(font => font.includes(' ') ? `"${font}"` : font).join(', ');
-}
-
-exports.fontStack = fontStack;

package/lib/utils/types/AriaRole.d.ts

@@ -1,2 +0,0 @@
-export type AriaRole = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
-//# sourceMappingURL=AriaRole.d.ts.map

package/lib/utils/types/ComponentProps.d.ts

@@ -1,9 +0,0 @@
-/**
- * Extract a component's props
- *
- * Source: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
- *
- * @example ComponentProps<typeof MyComponent>
- */
-export type ComponentProps<T> = T extends React.ComponentType<React.PropsWithChildren<infer Props>> ? (Props extends object ? Props : never) : never;
-//# sourceMappingURL=ComponentProps.d.ts.map

package/lib/utils/types/Flatten.d.ts

@@ -1,5 +0,0 @@
-/**
- * Construct a type describing the items in `T`, if `T` is an array.
- */
-export type Flatten<T> = T extends (infer U)[] ? U : never;
-//# sourceMappingURL=Flatten.d.ts.map

package/lib/utils/types/FormValidationStatus.d.ts

@@ -1,2 +0,0 @@
-export type FormValidationStatus = 'error' | 'success';
-//# sourceMappingURL=FormValidationStatus.d.ts.map

package/lib/utils/types/KeyPaths.d.ts

@@ -1,4 +0,0 @@
-export type KeyPaths<O> = {
-    [K in keyof O]: K extends string ? (O[K] extends Record<string, unknown> ? `${K}.${KeyPaths<O[K]>}` : `${K}`) : never;
-}[keyof O];
-//# sourceMappingURL=KeyPaths.d.ts.map

package/lib/utils/types/MandateProps.d.ts

@@ -1,4 +0,0 @@
-export type MandateProps<T, K extends keyof T> = Omit<T, K> & {
-    [MK in K]-?: NonNullable<T[MK]>;
-};
-//# sourceMappingURL=MandateProps.d.ts.map

package/lib/utils/types/Merge.d.ts

@@ -1,20 +0,0 @@
-/**
- * Given two object types A and B, return a type with all the properties of A that aren't also
- * properties of B, and all the properties of B.
- *
- * Useful when we have a component that spreads a "rest" of its props on a subcomponent:
- *
- * ```ts
- * interface OwnProps {
- *  foo: string
- * }
- *
- * type MyComponentProps = Merge<SubcomponentProps, OwnProps>
- * const MyComponent = ({foo, ...rest}: MyComponentProps) => {
- *   // ...
- *   return <SubComponent {...rest} />
- * }
- * ```
- */
-export type Merge<A = {}, B = {}> = Omit<A, keyof B> & B;
-//# sourceMappingURL=Merge.d.ts.map

package/lib/utils/types/ViewportRangeKeys.d.ts

@@ -1,3 +0,0 @@
-export type ViewportRangeKeys = 'narrow' | 'narrowLandscape' | 'regular' | 'wide' | 'portrait' | 'landscape';
-export type WidthOnlyViewportRangeKeys = Exclude<ViewportRangeKeys, 'narrowLandscape' | 'portrait' | 'landscape'>;
-//# sourceMappingURL=ViewportRangeKeys.d.ts.map

package/lib/utils/types/index.d.ts

@@ -1,6 +0,0 @@
-export * from './AriaRole';
-export * from './ComponentProps';
-export * from './Flatten';
-export * from './Merge';
-export * from './MandateProps';
-//# sourceMappingURL=index.d.ts.map

package/lib/utils/use-force-update.d.ts

@@ -1,2 +0,0 @@
-export declare const useForceUpdate: () => () => void;
-//# sourceMappingURL=use-force-update.d.ts.map

package/lib/utils/useIsomorphicLayoutEffect.d.ts

@@ -1,4 +0,0 @@
-import { useEffect } from 'react';
-declare const useIsomorphicLayoutEffect: typeof useEffect;
-export default useIsomorphicLayoutEffect;
-//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/lib/utils/useIsomorphicLayoutEffect.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-// eslint-disable-next-line no-restricted-imports
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' &&
-// eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-typeof window.document !== 'undefined' &&
-// eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-typeof window.document.createElement !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
-module.exports = useIsomorphicLayoutEffect;

package/lib/utils/warning.d.ts

@@ -1,4 +0,0 @@
-declare const warn: (message: string) => void;
-declare const warning: (condition: any, format: string, ...args: Array<any>) => void;
-export { warn, warning };
-//# sourceMappingURL=warning.d.ts.map

package/lib/utils/warning.js

@@ -1,24 +0,0 @@
-'use strict';
-
-function emptyFunction() {}
-const warn = process.env.NODE_ENV !== "production" ? function warn(message) {
-  // eslint-disable-next-line no-console
-  console.warn('Warning:', message);
-} : emptyFunction;
-
-// Inspired by warning by fbjs
-// @see https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/__forks__/warning.js
-const warning = process.env.NODE_ENV !== "production" ?
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function warning(condition, format, ...args) {
-  if (condition) {
-    let index = 0;
-    const message = format.replace(/%s/g, () => {
-      return args[index++];
-    });
-    warn(message);
-  }
-} : emptyFunction;
-
-exports.warn = warn;
-exports.warning = warning;

package/lib-esm/Banner/Banner-6396546f.css

@@ -1,2 +0,0 @@
-.prc-Banner-Banner-IR8eJ{align-items:start;background-color:var(--banner-bgColor);border:var(--borderWidth-thin,.0625rem) solid var(--banner-borderColor);border-radius:var(--borderRadius-medium,.375rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:var(--base-size-8,.5rem)}@supports (container-type:inline-size){.prc-Banner-Banner-IR8eJ{container:banner/inline-size}}.prc-Banner-Banner-IR8eJ[data-variant=critical]{--banner-bgColor:var(--bgColor-danger-muted,var(--color-danger-subtle));--banner-borderColor:var(--borderColor-danger-muted,var(--color-danger-muted));--banner-icon-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-Banner-Banner-IR8eJ[data-variant=info]{--banner-bgColor:var(--bgColor-accent-muted,var(--color-accent-subtle));--banner-borderColor:var(--borderColor-accent-muted,var(--color-accent-muted));--banner-icon-fgColor:var(--fgColor-accent,var(--color-accent-fg))}.prc-Banner-Banner-IR8eJ[data-variant=success]{--banner-bgColor:var(--bgColor-success-muted,var(--color-success-subtle));--banner-borderColor:var(--borderColor-success-muted,var(--color-success-muted));--banner-icon-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-Banner-Banner-IR8eJ[data-variant=upsell]{--banner-bgColor:var(--bgColor-upsell-muted,#fbefff);--banner-borderColor:var(--borderColor-upsell-muted,#c297ff66);--banner-icon-fgColor:var(--fgColor-upsell,#8250df)}.prc-Banner-Banner-IR8eJ[data-variant=warning]{--banner-bgColor:var(--bgColor-attention-muted,var(--color-attention-subtle));--banner-borderColor:var(--borderColor-attention-muted,var(--color-attention-muted));--banner-icon-fgColor:var(--fgColor-attention,var(--color-attention-fg))}.prc-Banner-BannerContainer-lbx3d{align-items:start;column-gap:var(--base-size-4,.25rem);font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-body-lineHeight-medium,1.4285);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ :where(.prc-Banner-BannerContainer-lbx3d){display:flex;flex-wrap:wrap;justify-content:space-between}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden=""]) .prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto;grid-template-rows:auto}.prc-Banner-BannerContent-zTITK{display:grid;grid-column-start:1;margin-block:var(--base-size-8,.5rem);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerContent-zTITK{margin-block:var(--base-size-6,.375rem)}@media screen and (min-width:544px){.prc-Banner-BannerContent-zTITK{flex:1 1 0%}}.prc-Banner-BannerTitle-TcuJl{font-size:inherit;font-weight:var(--base-text-weight-semibold,600);margin:0}.prc-Banner-BannerIcon-WuOyf{display:grid;padding:var(--base-size-8,.5rem);place-items:center}.prc-Banner-BannerIcon-WuOyf svg{color:var(--banner-icon-fgColor);height:var(--base-size-20,1.25rem);fill:var(--banner-icon-fgColor)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerIcon-WuOyf svg{height:var(--base-size-16,1rem)}.prc-Banner-BannerDismiss-uBZVm{display:grid;margin-inline-start:var(--base-size-4,.25rem);padding:var(--base-size-8,.5rem);place-items:center}:where(.prc-Banner-Banner-IR8eJ):has(.prc-Banner-BannerActions-XCfHL) .prc-Banner-BannerDismiss-uBZVm{margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerDismiss-uBZVm svg{color:var(--banner-icon-fgColor)}.prc-Banner-BannerActionsContainer-ukGMH{align-items:center;column-gap:var(--base-size-12,.75rem);display:flex;margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:none}@media screen and (min-width:48rem){.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:flex}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=leading]){display:none}}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]{display:none}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=leading]{display:flex}@container banner (max-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid}.prc-Banner-BannerContainer-lbx3d:has(.prc-Banner-BannerActionsContainer-ukGMH){grid-template-rows:auto auto}.prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:none}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:flex}}@container banner (min-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto auto}:where(.prc-Banner-Banner-IR8eJ):not([data-dismissible]) :where(.prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]) :where([data-variant=link]:only-child){padding-inline:0 var(--base-size-12,.75rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:flex;min-height:var(--base-size-32,2rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:none}}
-/*# sourceMappingURL=Banner-6396546f.css.map */

package/lib-esm/Banner/Banner-6396546f.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Banner/Banner.module.css"],"names":[],"mappings":"AAAA,yBASE,iBAAkB,CALlB,sCAAuC,CAEvC,uEAA+D,CAC/D,gDAAyC,CANzC,YAAa,CAOb,6CAA+C,CAN/C,gCA0CF,CAjCE,uCAXF,yBAYI,4BAgCJ,CA/BE,CAEA,gDACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,4CACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,+CACE,yEAA8C,CAC9C,gFAAsD,CACtD,oEACF,CAEA,8CACE,oDAA6C,CAC7C,8DAAqD,CACrD,mDACF,CAEA,+CACE,6EAAgD,CAChD,oFAAwD,CACxD,wEACF,CAKF,kCAEE,iBAAkB,CAGlB,oCAA8B,CAJ9B,8CAAuC,CAEvC,qDAA+C,CAC/C,iCAEF,CAEA,mEACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,yGACE,YAAa,CACb,0BAA2B,CAC3B,uBACF,CAIA,gCACE,YAAa,CAEb,mBAAoB,CACpB,qCAAgC,CAFhC,iCAGF,CAEA,uHACE,uCACF,CAEA,oCACE,gCACE,WACF,CACF,CAEA,8BAEE,iBAAkB,CAClB,gDAA6C,CAF7C,QAGF,CAIA,6BACE,YAAa,CAEb,gCAA2B,CAD3B,kBAEF,CAEA,iCAIE,gCAAiC,CAFjC,kCAA2B,CAI3B,+BACF,CAGA,wHACE,+BACF,CAIA,gCACE,YAAa,CAGb,6CAAuC,CADvC,gCAA2B,CAD3B,kBAGF,CAEA,sGACE,uCACF,CAEA,oCAEE,gCACF,CAIA,yCAGE,kBAAmB,CADnB,qCAA+B,CAD/B,YAAa,CAGb,uCACF,CAEA,uEACE,YACF,CAEA,oCACE,uEACE,YACF,CAEA,sEACE,YACF,CACF,CAEA,oGACE,2CACF,CAGA,2IACE,YACF,CAGA,0IACE,YACF,CAIA,qCACE,kCACE,YACF,CAEA,gFACE,4BACF,CAEA,gCACE,2CACF,CAEA,+DACE,YACF,CAEA,8DACE,YACF,CACF,CAEA,qCACE,kCACE,YAAa,CACb,+BACF,CAEA,+KAGE,2CACF,CAEA,+DACE,YAAa,CACb,mCACF,CAEA,8DACE,YACF,CACF","file":"Banner-6396546f.css","sourcesContent":[".Banner {\n  display: grid;\n  padding: var(--base-size-8);\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--banner-bgColor);\n  /* stylelint-disable-next-line primer/colors */\n  border: var(--borderWidth-thin) solid var(--banner-borderColor);\n  border-radius: var(--borderRadius-medium);\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: start;\n\n  @supports (container-type: inline-size) {\n    container: banner / inline-size;\n  }\n\n  &[data-variant='critical'] {\n    --banner-bgColor: var(--bgColor-danger-muted);\n    --banner-borderColor: var(--borderColor-danger-muted);\n    --banner-icon-fgColor: var(--fgColor-danger);\n  }\n\n  &[data-variant='info'] {\n    --banner-bgColor: var(--bgColor-accent-muted);\n    --banner-borderColor: var(--borderColor-accent-muted);\n    --banner-icon-fgColor: var(--fgColor-accent);\n  }\n\n  &[data-variant='success'] {\n    --banner-bgColor: var(--bgColor-success-muted);\n    --banner-borderColor: var(--borderColor-success-muted);\n    --banner-icon-fgColor: var(--fgColor-success);\n  }\n\n  &[data-variant='upsell'] {\n    --banner-bgColor: var(--bgColor-upsell-muted);\n    --banner-borderColor: var(--borderColor-upsell-muted);\n    --banner-icon-fgColor: var(--fgColor-upsell);\n  }\n\n  &[data-variant='warning'] {\n    --banner-bgColor: var(--bgColor-attention-muted);\n    --banner-borderColor: var(--borderColor-attention-muted);\n    --banner-icon-fgColor: var(--fgColor-attention);\n  }\n}\n\n/* BannerContainer -------------------------------------------------------- */\n\n.BannerContainer {\n  font-size: var(--text-body-size-medium);\n  align-items: start;\n  line-height: var(--text-body-lineHeight-medium);\n  row-gap: var(--base-size-4);\n  column-gap: var(--base-size-4);\n}\n\n.Banner :where(.BannerContainer) {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.Banner[data-dismissible]:not([data-title-hidden='']) .BannerContainer {\n  display: grid;\n  grid-template-columns: auto;\n  grid-template-rows: auto;\n}\n\n/* BannerContent ---------------------------------------------------------- */\n\n.BannerContent {\n  display: grid;\n  row-gap: var(--base-size-4);\n  grid-column-start: 1;\n  margin-block: var(--base-size-8);\n}\n\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerContent {\n  margin-block: var(--base-size-6);\n}\n\n@media screen and (min-width: 544px) {\n  .BannerContent {\n    flex: 1 1 0%;\n  }\n}\n\n.BannerTitle {\n  margin: 0;\n  font-size: inherit;\n  font-weight: var(--base-text-weight-semibold);\n}\n\n/* BannerIcon ------------------------------------------------------------- */\n\n.BannerIcon {\n  display: grid;\n  place-items: center;\n  padding: var(--base-size-8);\n}\n\n.BannerIcon svg {\n  /* 20px is the line box height of the trailing action buttons */\n  height: var(--base-size-20);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--banner-icon-fgColor);\n  /* stylelint-disable-next-line primer/colors */\n  fill: var(--banner-icon-fgColor);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerIcon svg {\n  height: var(--base-size-16);\n}\n\n/* BannerDismiss ---------------------------------------------------------- */\n\n.BannerDismiss {\n  display: grid;\n  place-items: center;\n  padding: var(--base-size-8);\n  margin-inline-start: var(--base-size-4);\n}\n\n:where(.Banner):has(.BannerActions) .BannerDismiss {\n  margin-block: var(--base-size-2);\n}\n\n.BannerDismiss svg {\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--banner-icon-fgColor);\n}\n\n/* BannerActions ---------------------------------------------------------- */\n\n.BannerActionsContainer {\n  display: flex;\n  column-gap: var(--base-size-12);\n  align-items: center;\n  margin-block: var(--base-size-2);\n}\n\n.BannerActions :where([data-primary-action='trailing']) {\n  display: none;\n}\n\n@media screen and (--viewportRange-regular) {\n  .BannerActions :where([data-primary-action='trailing']) {\n    display: flex;\n  }\n\n  .BannerActions :where([data-primary-action='leading']) {\n    display: none;\n  }\n}\n\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActions {\n  margin-block-end: var(--base-size-6);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActionsContainer[data-primary-action='trailing'] {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActionsContainer[data-primary-action='leading'] {\n  display: flex;\n}\n\n/* Layout ------------------------------------------------------------------- */\n\n@container banner (max-width: 500px) {\n  .BannerContainer {\n    display: grid;\n  }\n\n  .BannerContainer:has(.BannerActionsContainer) {\n    grid-template-rows: auto auto;\n  }\n\n  .BannerActions {\n    margin-block-end: var(--base-size-6);\n  }\n\n  .BannerActions [data-primary-action='trailing'] {\n    display: none;\n  }\n\n  .BannerActions [data-primary-action='leading'] {\n    display: flex;\n  }\n}\n\n@container banner (min-width: 500px) {\n  .BannerContainer {\n    display: grid;\n    grid-template-columns: auto auto;\n  }\n\n  :where(.Banner):not([data-dismissible])\n    :where(.BannerActionsContainer[data-primary-action='trailing'])\n    :where([data-variant='link']:only-child) {\n    padding-inline: 0 var(--base-size-12);\n  }\n\n  .BannerActions [data-primary-action='trailing'] {\n    display: flex;\n    min-height: var(--base-size-32, 2rem);\n  }\n\n  .BannerActions [data-primary-action='leading'] {\n    display: none;\n  }\n}\n"]}