@primer/react 38.0.0-rc.0 → 38.0.0-rc.09f015db1

package/lib-esm/internal/components/UnderlineTabbedInterface.js

@@ -1,216 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef } from 'react';
-import { isElement } from 'react-is';
-import classes from './UnderlineTabbedInterface.module.css.js';
-import { clsx } from 'clsx';
-import { BoxWithFallback } from './BoxWithFallback.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import CounterLabel from '../../CounterLabel/CounterLabel.js';
-
-const GAP = 8;
-const UnderlineWrapper = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(11);
-  let children;
-  let className;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-  }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx(classes.UnderlineWrapper, className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      className: t1,
-      ref: forwardedRef,
-      ...rest,
-      children: children
-    });
-    $[6] = children;
-    $[7] = forwardedRef;
-    $[8] = rest;
-    $[9] = t1;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  return t2;
-});
-const UnderlineItemList = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(7);
-  let children;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      children,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = rest;
-  } else {
-    children = $[1];
-    rest = $[2];
-  }
-  let t1;
-  if ($[3] !== children || $[4] !== forwardedRef || $[5] !== rest) {
-    t1 = /*#__PURE__*/jsx("ul", {
-      className: classes.UnderlineItemList,
-      ref: forwardedRef,
-      ...rest,
-      children: children
-    });
-    $[3] = children;
-    $[4] = forwardedRef;
-    $[5] = rest;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
-});
-const LoadingCounter = () => {
-  const $ = c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/jsx("span", {
-      className: classes.LoadingCounter
-    });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-};
-const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(27);
-  let Icon;
-  let children;
-  let className;
-  let counter;
-  let iconsVisible;
-  let loadingCounters;
-  let rest;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      as: t1,
-      children,
-      counter,
-      icon: Icon,
-      iconsVisible,
-      loadingCounters,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = Icon;
-    $[2] = children;
-    $[3] = className;
-    $[4] = counter;
-    $[5] = iconsVisible;
-    $[6] = loadingCounters;
-    $[7] = rest;
-    $[8] = t1;
-  } else {
-    Icon = $[1];
-    children = $[2];
-    className = $[3];
-    counter = $[4];
-    iconsVisible = $[5];
-    loadingCounters = $[6];
-    rest = $[7];
-    t1 = $[8];
-  }
-  const as = t1 === undefined ? "a" : t1;
-  let t2;
-  if ($[9] !== className) {
-    t2 = clsx(classes.UnderlineItem, className);
-    $[9] = className;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  let t3;
-  if ($[11] !== Icon || $[12] !== iconsVisible) {
-    t3 = iconsVisible && Icon && /*#__PURE__*/jsx("span", {
-      "data-component": "icon",
-      children: isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {})
-    });
-    $[11] = Icon;
-    $[12] = iconsVisible;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  let t4;
-  if ($[14] !== children) {
-    t4 = children && /*#__PURE__*/jsx("span", {
-      "data-component": "text",
-      "data-content": children,
-      children: children
-    });
-    $[14] = children;
-    $[15] = t4;
-  } else {
-    t4 = $[15];
-  }
-  let t5;
-  if ($[16] !== counter || $[17] !== loadingCounters) {
-    t5 = counter !== undefined ? loadingCounters ? /*#__PURE__*/jsx("span", {
-      "data-component": "counter",
-      children: /*#__PURE__*/jsx(LoadingCounter, {})
-    }) : /*#__PURE__*/jsx("span", {
-      "data-component": "counter",
-      children: /*#__PURE__*/jsx(CounterLabel, {
-        children: counter
-      })
-    }) : null;
-    $[16] = counter;
-    $[17] = loadingCounters;
-    $[18] = t5;
-  } else {
-    t5 = $[18];
-  }
-  let t6;
-  if ($[19] !== as || $[20] !== forwardedRef || $[21] !== rest || $[22] !== t2 || $[23] !== t3 || $[24] !== t4 || $[25] !== t5) {
-    t6 = /*#__PURE__*/jsxs(BoxWithFallback, {
-      ref: forwardedRef,
-      as: as,
-      className: t2,
-      ...rest,
-      children: [t3, t4, t5]
-    });
-    $[19] = as;
-    $[20] = forwardedRef;
-    $[21] = rest;
-    $[22] = t2;
-    $[23] = t3;
-    $[24] = t4;
-    $[25] = t5;
-    $[26] = t6;
-  } else {
-    t6 = $[26];
-  }
-  return t6;
-});
-
-export { GAP, LoadingCounter, UnderlineItem, UnderlineItemList, UnderlineWrapper };

package/lib-esm/internal/components/UnstyledTextInput.d.ts

@@ -1,5 +0,0 @@
-import { type SxProp } from '../../sx';
-import React from 'react';
-declare const UnstyledTextInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & SxProp & React.RefAttributes<HTMLInputElement>>;
-export default UnstyledTextInput;
-//# sourceMappingURL=UnstyledTextInput.d.ts.map

package/lib-esm/internal/components/UnstyledTextInput.js

@@ -1,51 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import styles from './UnstyledTextInput.module.css.js';
-import { clsx } from 'clsx';
-import { BoxWithFallback } from './BoxWithFallback.js';
-import { jsx } from 'react/jsx-runtime';
-
-const UnstyledTextInput = /*#__PURE__*/React.forwardRef(function UnstyledTextInput(t0, forwardRef) {
-  const $ = c(9);
-  let className;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = rest;
-  } else {
-    className = $[1];
-    rest = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, styles.Input);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "input",
-      ref: forwardRef,
-      ...rest,
-      className: t1
-    });
-    $[5] = forwardRef;
-    $[6] = rest;
-    $[7] = t1;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  return t2;
-});
-UnstyledTextInput.displayName = 'UnstyledTextInput';
-
-export { UnstyledTextInput as default };

package/lib-esm/internal/components/ValidationAnimationContainer.js

@@ -1,72 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useEffect } from 'react';
-import styled, { keyframes, css } from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-import Box from '../../Box/Box.js';
-
-const fadeIn = keyframes(["0%{opacity:0;transform:translateY(-100%);}100%{opacity:1;transform:translateY(0);}"]);
-// using easeOutQuint easing fn https://easings.net/#easeOutQuint
-const AnimatedElement = styled.div.withConfig({
-  displayName: "ValidationAnimationContainer__AnimatedElement",
-  componentId: "sc-8z5a3g-0"
-})(["animation:", ";@media (prefers-reduced-motion){animation:none;}"], props => props.show && css(["170ms ", " cubic-bezier(0.44,0.74,0.36,1);"], fadeIn));
-const ValidationAnimationContainer = t0 => {
-  const $ = c(10);
-  const {
-    show,
-    children
-  } = t0;
-  const [shouldRender, setRender] = useState(show);
-  let t1;
-  let t2;
-  if ($[0] !== show) {
-    t1 = () => {
-      if (show) {
-        setRender(true);
-      }
-    };
-    t2 = [show];
-    $[0] = show;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[3] !== show) {
-    t3 = () => {
-      if (!show) {
-        setRender(false);
-      }
-    };
-    $[3] = show;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const onAnimationEnd = t3;
-  let t4;
-  if ($[5] !== children || $[6] !== onAnimationEnd || $[7] !== shouldRender || $[8] !== show) {
-    t4 = shouldRender ? /*#__PURE__*/jsx(Box, {
-      height: show ? "auto" : 0,
-      overflow: "hidden",
-      children: /*#__PURE__*/jsx(AnimatedElement, {
-        show: show,
-        onAnimationEnd: onAnimationEnd,
-        children: children
-      })
-    }) : null;
-    $[5] = children;
-    $[6] = onAnimationEnd;
-    $[7] = shouldRender;
-    $[8] = show;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
-};
-
-export { ValidationAnimationContainer as default };

package/lib-esm/internal/utils/getGlobalFocusStyles.d.ts

@@ -1,4 +0,0 @@
-import type { CSSProperties } from 'react';
-declare const getGlobalFocusStyles: (outlineOffset?: CSSProperties["outlineOffset"]) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export default getGlobalFocusStyles;
-//# sourceMappingURL=getGlobalFocusStyles.d.ts.map

package/lib-esm/internal/utils/getGlobalFocusStyles.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-import { get } from '../../constants.js';
-
-const globalFocusStyle = css(["box-shadow:none;outline:2px solid ", ";"], get('colors.accent.fg'));
-const getGlobalFocusStyles = outlineOffset => css(["&:focus:not(:disabled){", ";outline-offset:", ";&:not(:focus-visible){outline:solid 1px transparent;}}&:focus-visible:not(:disabled){", ";outline-offset:", ";}"], globalFocusStyle, typeof outlineOffset === 'undefined' ? '2px' : outlineOffset, globalFocusStyle, typeof outlineOffset === 'undefined' ? '2px' : outlineOffset);
-
-export { getGlobalFocusStyles as default };

package/lib-esm/internal/utils/sharedCheckboxAndRadioStyles.d.ts

@@ -1,2 +0,0 @@
-export declare const sharedCheckboxAndRadioStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-//# sourceMappingURL=sharedCheckboxAndRadioStyles.d.ts.map

package/lib-esm/live-region/Announce.d.ts

@@ -1,32 +0,0 @@
-import type React from 'react';
-import Box from '../Box';
-export type AnnounceProps = React.ComponentPropsWithoutRef<typeof Box> & {
-    /**
-     * Specify if the content of the element should be announced when this
-     * component is rendered and is not hidden
-     * @default false
-     */
-    announceOnShow?: boolean;
-    /**
-     * Specify if the element is hidden
-     * @default false
-     */
-    hidden?: boolean;
-    /**
-     * Provide a delay in milliseconds before the announcement is made. This will
-     * only work with `polite` announcements
-     */
-    delayMs?: number;
-    /**
-     * The politeness level to use for the announcement
-     * @default 'polite'
-     */
-    politeness?: 'assertive' | 'polite';
-};
-/**
- * `Announce` is a component that will announce the text content of the
- * `children` passed in to screen readers using the given politeness level. It
- * will also announce any changes to the text content of `children`
- */
-export declare function Announce({ announceOnShow, children, delayMs, hidden, politeness, ...rest }: AnnounceProps): React.JSX.Element;
-//# sourceMappingURL=Announce.d.ts.map

package/lib-esm/live-region/Announce.js

@@ -1,181 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { announceFromElement } from '@primer/live-region-element';
-import { useRef, useState, useEffect } from 'react';
-import { useEffectOnce } from '../internal/hooks/useEffectOnce.js';
-import { useEffectCallback } from '../internal/hooks/useEffectCallback.js';
-import { jsx } from 'react/jsx-runtime';
-import Box from '../Box/Box.js';
-
-/**
- * `Announce` is a component that will announce the text content of the
- * `children` passed in to screen readers using the given politeness level. It
- * will also announce any changes to the text content of `children`
- */
-function Announce(t0) {
-  const $ = c(23);
-  let children;
-  let delayMs;
-  let rest;
-  let t1;
-  let t2;
-  let t3;
-  if ($[0] !== t0) {
-    ({
-      announceOnShow: t1,
-      children,
-      delayMs,
-      hidden: t2,
-      politeness: t3,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = delayMs;
-    $[3] = rest;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    children = $[1];
-    delayMs = $[2];
-    rest = $[3];
-    t1 = $[4];
-    t2 = $[5];
-    t3 = $[6];
-  }
-  const announceOnShow = t1 === undefined ? true : t1;
-  const hidden = t2 === undefined ? false : t2;
-  const politeness = t3 === undefined ? "polite" : t3;
-  const ref = useRef(null);
-  const [previousAnnouncementText, setPreviousAnnouncementText] = useState(null);
-  const savedAnnouncement = useRef(null);
-  let t4;
-  if ($[7] !== delayMs || $[8] !== hidden || $[9] !== politeness || $[10] !== previousAnnouncementText) {
-    t4 = () => {
-      var _savedAnnouncement$cu;
-      const {
-        current: element
-      } = ref;
-      if (!element) {
-        return;
-      }
-      if (hidden) {
-        return;
-      }
-      const style = window.getComputedStyle(element);
-      if (style.display === "none") {
-        return;
-      }
-      if (style.visibility === "hidden") {
-        return;
-      }
-      const textContent = getTextContent(element);
-      if (textContent === previousAnnouncementText) {
-        return;
-      }
-      (_savedAnnouncement$cu = savedAnnouncement.current) === null || _savedAnnouncement$cu === void 0 ? void 0 : _savedAnnouncement$cu.cancel();
-      savedAnnouncement.current = announceFromElement(element, politeness === "assertive" ? {
-        politeness
-      } : {
-        politeness,
-        delayMs
-      });
-      setPreviousAnnouncementText(textContent);
-    };
-    $[7] = delayMs;
-    $[8] = hidden;
-    $[9] = politeness;
-    $[10] = previousAnnouncementText;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  const announce = useEffectCallback(t4);
-  let t5;
-  if ($[12] !== announce || $[13] !== announceOnShow) {
-    t5 = () => {
-      if (announceOnShow) {
-        announce();
-      }
-    };
-    $[12] = announce;
-    $[13] = announceOnShow;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  useEffectOnce(t5);
-  let t6;
-  let t7;
-  if ($[15] !== announce) {
-    t6 = () => {
-      const {
-        current: container
-      } = ref;
-      if (container === null) {
-        return;
-      }
-      const observer = new MutationObserver(() => {
-        announce();
-      });
-      observer.observe(container, {
-        subtree: true,
-        childList: true,
-        characterData: true
-      });
-      return () => {
-        observer.disconnect();
-      };
-    };
-    t7 = [announce];
-    $[15] = announce;
-    $[16] = t6;
-    $[17] = t7;
-  } else {
-    t6 = $[16];
-    t7 = $[17];
-  }
-  useEffect(t6, t7);
-  let t8;
-  let t9;
-  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = () => () => {
-      if (savedAnnouncement.current !== null) {
-        savedAnnouncement.current.cancel();
-        savedAnnouncement.current = null;
-      }
-    };
-    t9 = [];
-    $[18] = t8;
-    $[19] = t9;
-  } else {
-    t8 = $[18];
-    t9 = $[19];
-  }
-  useEffect(t8, t9);
-  let t10;
-  if ($[20] !== children || $[21] !== rest) {
-    t10 = /*#__PURE__*/jsx(Box, {
-      ...rest,
-      ref: ref,
-      children: children
-    });
-    $[20] = children;
-    $[21] = rest;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  return t10;
-}
-function getTextContent(element) {
-  let value = '';
-  if (element.hasAttribute('aria-label')) {
-    value = element.getAttribute('aria-label');
-  } else if (element.textContent) {
-    value = element.textContent;
-  }
-  return value ? value.trim() : '';
-}
-
-export { Announce };

package/lib-esm/live-region/AriaAlert.d.ts

@@ -1,22 +0,0 @@
-import type React from 'react';
-import { type ElementType } from 'react';
-import type { SxProp } from '../sx';
-export type AriaAlertProps<As extends ElementType> = React.PropsWithChildren<{
-    /**
-     * Customize the element type of the rendered container
-     */
-    as?: As;
-    /**
-     * Specify if the content of the element should be announced when this
-     * component is rendered and is not hidden
-     * @default true
-     */
-    announceOnShow?: boolean;
-    /**
-     * Specify if the element is hidden
-     * @default false
-     */
-    hidden?: boolean;
-} & SxProp>;
-export declare function AriaAlert<As extends ElementType>({ announceOnShow, children, ...rest }: AriaAlertProps<As> & React.ComponentPropsWithoutRef<ElementType extends As ? As : 'div'>): React.JSX.Element;
-//# sourceMappingURL=AriaAlert.d.ts.map

package/lib-esm/live-region/AriaAlert.js

@@ -1,44 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { Announce } from './Announce.js';
-import { jsx } from 'react/jsx-runtime';
-
-function AriaAlert(t0) {
-  const $ = c(8);
-  let children;
-  let rest;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      announceOnShow: t1,
-      children,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = rest;
-    $[3] = t1;
-  } else {
-    children = $[1];
-    rest = $[2];
-    t1 = $[3];
-  }
-  const announceOnShow = t1 === undefined ? true : t1;
-  let t2;
-  if ($[4] !== announceOnShow || $[5] !== children || $[6] !== rest) {
-    t2 = /*#__PURE__*/jsx(Announce, {
-      ...rest,
-      announceOnShow: announceOnShow,
-      politeness: "assertive",
-      children: children
-    });
-    $[4] = announceOnShow;
-    $[5] = children;
-    $[6] = rest;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
-}
-
-export { AriaAlert };

package/lib-esm/live-region/AriaStatus.d.ts

@@ -1,26 +0,0 @@
-import type React from 'react';
-import { type ElementType } from 'react';
-import type { SxProp } from '../sx';
-export type AriaStatusProps<As extends ElementType> = React.PropsWithChildren<{
-    /**
-     * Customize the element type of the rendered container
-     */
-    as?: As;
-    /**
-     * Specify if the content of the element should be announced when this
-     * component is rendered and is not hidden
-     * @default false
-     */
-    announceOnShow?: boolean;
-    /**
-     * Specify if the element is hidden
-     * @default false
-     */
-    hidden?: boolean;
-    /**
-     * Provide a delay in milliseconds before the announcement is made
-     */
-    delayMs?: number;
-} & SxProp>;
-export declare function AriaStatus<As extends ElementType>({ announceOnShow, children, ...rest }: AriaStatusProps<As> & React.ComponentPropsWithoutRef<ElementType extends As ? As : 'div'>): React.JSX.Element;
-//# sourceMappingURL=AriaStatus.d.ts.map