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

package/lib/SelectPanel/SelectPanel.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./SelectPanel-e11ce210.css');
-
-var classes = {"Overlay":"prc-SelectPanel-Overlay-arLk6","Wrapper":"prc-SelectPanel-Wrapper-43Iz8","Header":"prc-SelectPanel-Header-4dLqk","Title":"prc-SelectPanel-Title--CZN1","Subtitle":"prc-SelectPanel-Subtitle-tMSzu","Notice":"prc-SelectPanel-Notice-xDTd4","Footer":"prc-SelectPanel-Footer-78rgp","FilteredActionList":"prc-SelectPanel-FilteredActionList-wzS7m","Message":"prc-SelectPanel-Message-CSpwI","MessageTitle":"prc-SelectPanel-MessageTitle-o6PpS","MessageBody":"prc-SelectPanel-MessageBody-89DEz","MessageIcon":"prc-SelectPanel-MessageIcon-GS8ry","MessageAction":"prc-SelectPanel-MessageAction-qwola","ResponsiveCloseButton":"prc-SelectPanel-ResponsiveCloseButton-3mdX2","ResponsiveFooter":"prc-SelectPanel-ResponsiveFooter-e-JSD","SecondaryAction":"prc-SelectPanel-SecondaryAction-aWzLU","CancelSaveButtons":"prc-SelectPanel-CancelSaveButtons-kk2cT","ResponsiveSaveButton":"prc-SelectPanel-ResponsiveSaveButton-Ooz4Y","Backdrop":"prc-SelectPanel-Backdrop-7XJa-","TextInput":"prc-SelectPanel-TextInput-TjXuJ"};
-
-module.exports = classes;

package/lib/SelectPanel/SelectPanelMessage.d.ts

@@ -1,22 +0,0 @@
-import type React from 'react';
-import { type IconProps } from '@primer/octicons-react';
-export type SelectPanelMessageProps = {
-    children: React.ReactNode;
-    title: string;
-    variant: 'empty' | 'error' | 'warning';
-    className?: string;
-    /**
-     * Custom icon to display above the title.
-     * When not provided, uses AlertIcon for error/warning states and no icon for empty state.
-     */
-    icon?: React.ComponentType<IconProps>;
-    /**
-     * Custom action element to display below the message body.
-     * This can be used to render interactive elements like buttons or links.
-     * Ensure the action element is accessible by providing appropriate ARIA attributes
-     * and making it keyboard-navigable.
-     */
-    action?: React.ReactElement;
-};
-export declare const SelectPanelMessage: React.FC<SelectPanelMessageProps>;
-//# sourceMappingURL=SelectPanelMessage.d.ts.map

package/lib/SelectPanel/SelectPanelMessage.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var octiconsReact = require('@primer/octicons-react');
-var SelectPanel_module = require('./SelectPanel.module.css.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-var Octicon = require('../Octicon/Octicon.js');
-var Text = require('../Text/Text.js');
-
-const SelectPanelMessage = ({
-  variant,
-  title,
-  children,
-  className,
-  icon: CustomIcon,
-  action
-}) => {
-  const IconComponent = CustomIcon || (variant !== 'empty' ? octiconsReact.AlertIcon : undefined);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: clsx.clsx(SelectPanel_module.Message, className),
-    children: [IconComponent && /*#__PURE__*/jsxRuntime.jsx(Octicon, {
-      icon: IconComponent,
-      className: SelectPanel_module.MessageIcon,
-      "data-variant": variant
-    }), /*#__PURE__*/jsxRuntime.jsx(Text, {
-      className: SelectPanel_module.MessageTitle,
-      children: title
-    }), /*#__PURE__*/jsxRuntime.jsx(Text, {
-      className: SelectPanel_module.MessageBody,
-      children: children
-    }), action && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: SelectPanel_module.MessageAction,
-      children: action
-    })]
-  });
-};
-SelectPanelMessage.displayName = "SelectPanelMessage";
-
-exports.SelectPanelMessage = SelectPanelMessage;

package/lib/SelectPanel/index.d.ts

@@ -1,4 +0,0 @@
-export { SelectPanel } from './SelectPanel';
-export type { SelectPanelProps } from './SelectPanel';
-export type { ItemProps, ItemInput, GroupedListProps, ListPropsBase } from '../FilteredActionList';
-//# sourceMappingURL=index.d.ts.map

package/lib/SideNav-baa2364d.css

@@ -1,2 +0,0 @@
-.prc-src-SideNav-aJOh-{background-color:var(--bgColor-muted,var(--color-canvas-subtle))}.prc-src-SideNavBordered-mEO0A{border-color:var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem)}.prc-src-SideNavBordered-mEO0A>.prc-src-SideNavBordered-mEO0A{border-bottom:0;border-left:0;border-right:0}.prc-src-SideNavLink-HpDo-{display:block;font-size:14px;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;width:100%}.prc-src-SideNavLink-HpDo->.prc-src-SideNav-aJOh-{border-bottom:none}.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-{border:0;border-top:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,var(--color-border-muted));color:var(--fgColor-default,var(--color-fg-default));padding:var(--base-size-16,1rem)}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):first-child{border-top:0;border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):last-child{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-bottom-right-radius:var(--borderRadius-medium,.375rem)}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:3px;z-index:1}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):hover{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-):focus{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));outline:solid 2px var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none;z-index:1}[aria-current=page]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-),[aria-selected=true]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-){background-color:var(--bgColor-default,var(--color-canvas-default))}:is([aria-current=page]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-),[aria-selected=true]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW>.prc-src-SideNavLink-HpDo-)):before{background-color:var(--underlineNav-borderColor-active,var(--color-primer-border-active,#fd8c73))}.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-{color:var(--fgColor-accent,var(--color-accent-fg));padding:var(--base-size-4,.25rem) 0}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-):hover{color:var(--fgColor-default,var(--color-fg-default));-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-):focus{color:var(--fgColor-default,var(--color-fg-default));outline:solid 1px var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none;z-index:1}[aria-current=page]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-),[aria-selected=true]:is(.prc-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR>.prc-src-SideNavLink-HpDo-){color:var(--fgColor-default,var(--color-fg-default));font-weight:var(--base-text-weight-medium,500)}.prc-src-SideNavLinkFull-HSWcY{align-items:center;display:flex;justify-content:space-between}
-/*# sourceMappingURL=SideNav-baa2364d.css.map */

package/lib/SideNav-baa2364d.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/SideNav.module.css"],"names":[],"mappings":"AAAA,uBACE,gEACF,CAEA,+BACE,mEAAwC,CAGxC,gDAAyC,CAFzC,kBAAmB,CACnB,6CASF,CALE,8DAEE,eAAgB,CAChB,aAAc,CAFd,cAGF,CAGF,2BAEE,aAAc,CAGd,cAAe,CAJf,iBAAkB,CAKlB,eAAgB,CAChB,4BAAqB,CAArB,oBAAqB,CAJrB,UAsFF,CAhFE,kDACE,kBACF,CAEA,uFAGE,QAAS,CACT,oGAAkE,CAFlE,oDAA6B,CAD7B,gCAmDF,CA9CE,wGACE,YAAa,CACb,yDAAkD,CAClD,0DACF,CAEA,uGAEE,4DAAqD,CADrD,6DAEF,CAGA,mGAGE,QAAS,CAKT,UAAW,CAJX,MAAO,CAGP,mBAAoB,CANpB,iBAAkB,CAClB,KAAM,CAIN,SAAU,CADV,SAIF,CAEA,kGAEE,yEAA8C,CAD9C,4BAAqB,CAArB,oBAEF,CAEA,kGAGE,yEAA8C,CAC9C,8DAAwC,CAFxC,4BAAqB,CAArB,oBAAqB,CADrB,SAIF,CAEA,+NAEE,mEAQF,CAJE,2OAEE,iGACF,CAIJ,4FAEE,kDAA4B,CAD5B,mCAoBF,CAjBE,uGACE,oDAA6B,CAC7B,4BAAqB,CAArB,oBACF,CAEA,uGAEE,oDAA6B,CAE7B,8DAAwC,CADxC,4BAAqB,CAArB,oBAAqB,CAFrB,SAIF,CAEA,yOAGE,oDAA6B,CAD7B,8CAEF,CAIJ,+BAEE,kBAAmB,CADnB,YAAa,CAEb,6BACF","file":"SideNav-baa2364d.css","sourcesContent":[".SideNav {\n  background-color: var(--bgColor-muted);\n}\n\n.SideNavBordered {\n  border-color: var(--borderColor-default);\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n  border-radius: var(--borderRadius-medium);\n\n  /*  Remove duplicate borders from nested SideNavs */\n  & > & {\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 0;\n  }\n}\n\n.SideNavLink {\n  position: relative;\n  display: block;\n  width: 100%;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: 14px;\n  text-align: left;\n  text-decoration: none;\n\n  & > .SideNav {\n    border-bottom: none;\n  }\n\n  .SideNav.SideNavVariant--normal > & {\n    padding: var(--base-size-16);\n    color: var(--fgColor-default);\n    border: 0;\n    border-top: var(--borderWidth-thin) solid var(--borderColor-muted);\n\n    &:first-child {\n      border-top: 0;\n      border-top-left-radius: var(--borderRadius-medium);\n      border-top-right-radius: var(--borderRadius-medium);\n    }\n\n    &:last-child {\n      border-bottom-right-radius: var(--borderRadius-medium);\n      border-bottom-left-radius: var(--borderRadius-medium);\n    }\n\n    /* Bar on the left */\n    &::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 1;\n      width: 3px;\n      pointer-events: none;\n      content: '';\n    }\n\n    &:hover {\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n    }\n\n    &:focus {\n      z-index: 1;\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n      outline: solid 2px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      background-color: var(--bgColor-default);\n\n      /* Bar on the left */\n      /* stylelint-disable-next-line selector-max-specificity */\n      &::before {\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active, #fd8c73));\n      }\n    }\n  }\n\n  .SideNav.SideNavVariant--lightweight > & {\n    padding: var(--base-size-4) 0;\n    color: var(--fgColor-accent);\n\n    &:hover {\n      color: var(--fgColor-default);\n      text-decoration: none;\n    }\n\n    &:focus {\n      z-index: 1;\n      color: var(--fgColor-default);\n      text-decoration: none;\n      outline: solid 1px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      font-weight: var(--base-text-weight-medium);\n      color: var(--fgColor-default);\n    }\n  }\n}\n\n.SideNavLinkFull {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n"]}

package/lib/SideNav.d.ts

@@ -1,34 +0,0 @@
-import type { To } from 'history';
-import type { ComponentProps } from './utils/types';
-import { type LinkProps } from './Link';
-import type React from 'react';
-import { type PropsWithChildren } from 'react';
-type SideNavBaseProps = {
-    as?: React.ElementType;
-    variant?: 'lightweight' | 'normal';
-    bordered?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-    'aria-label'?: string;
-};
-declare function SideNav({ as: Component, variant, className, bordered, children, 'aria-label': ariaLabel, }: SideNavBaseProps): React.JSX.Element;
-type StyledSideNavLinkProps = PropsWithChildren<{
-    to?: To;
-    selected?: boolean;
-    variant?: 'full' | 'normal';
-}> & LinkProps;
-declare const SideNavLink: {
-    ({ selected, to, variant, className, children, ...rest }: StyledSideNavLinkProps): React.JSX.Element;
-    displayName: string;
-};
-export type SideNavProps = ComponentProps<typeof SideNav>;
-export type SideNavLinkProps = ComponentProps<typeof SideNavLink>;
-/** @deprecated Use [NavList](https://primer.style/react/NavList) instead */
-declare const _default: typeof SideNav & {
-    Link: {
-        ({ selected, to, variant, className, children, ...rest }: StyledSideNavLinkProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=SideNav.d.ts.map

package/lib/SideNav.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var SideNav_module = require('./SideNav.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Link = require('./Link/Link.js');
-
-function SideNav({
-  as: Component = 'nav',
-  variant = 'normal',
-  className,
-  bordered,
-  children,
-  'aria-label': ariaLabel
-}) {
-  const variantClassName = variant === 'lightweight' ? 'lightweight' : 'normal';
-  const newClassName = clsx.clsx(SideNav_module.SideNav, SideNav_module[`SideNavVariant--${variantClassName}`], 'sidenav', `variant-${variantClassName}`, className, {
-    [SideNav_module.SideNavBordered]: bordered
-  });
-  return /*#__PURE__*/jsxRuntime.jsx(Component, {
-    className: newClassName,
-    "aria-label": ariaLabel,
-    children: children
-  });
-}
-SideNav.displayName = "SideNav";
-const SideNavLink = ({
-  selected,
-  to,
-  variant,
-  className,
-  children,
-  ...rest
-}) => {
-  const isReactRouter = typeof to === 'string';
-  const newClassName = clsx.clsx(SideNav_module.SideNavLink, className, {
-    [SideNav_module.SideNavLinkFull]: variant === 'full'
-  });
-  // according to their docs, NavLink supports aria-current:
-  // https://reacttraining.com/react-router/web/api/NavLink/aria-current-string
-  return /*#__PURE__*/jsxRuntime.jsx(Link, {
-    "aria-current": isReactRouter || selected ? 'page' : undefined,
-    className: newClassName,
-    ...rest,
-    children: children
-  });
-};
-SideNavLink.displayName = "SideNavLink";
-SideNavLink.displayName = 'SideNav.Link';
-/** @deprecated Use [NavList](https://primer.style/react/NavList) instead */
-var SideNav$1 = Object.assign(SideNav, {
-  Link: SideNavLink
-});
-
-module.exports = SideNav$1;

package/lib/SideNav.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./SideNav-baa2364d.css');
-
-var classes = {"SideNav":"prc-src-SideNav-aJOh-","SideNavBordered":"prc-src-SideNavBordered-mEO0A","SideNavLink":"prc-src-SideNavLink-HpDo-","SideNavVariant--normal":"prc-src-SideNavVariant--normal-ZqAVW","SideNavVariant--lightweight":"prc-src-SideNavVariant--lightweight-mcFtR","SideNavLinkFull":"prc-src-SideNavLinkFull-HSWcY"};
-
-module.exports = classes;

package/lib/Skeleton/SkeletonBox-248bfcc3.css

@@ -1,2 +0,0 @@
-@keyframes prc-Skeleton-shimmer-DB3-6{0%{mask-position:200%}to{mask-position:0}}.prc-Skeleton-SkeletonBox-nSZk3{animation:prc-Skeleton-shimmer-DB3-6;background-color:var(--skeletonLoader-bgColor,#818b981a);border-radius:var(--borderRadius-small,.1875rem);display:block;height:1rem}@media (prefers-reduced-motion:no-preference){.prc-Skeleton-SkeletonBox-nSZk3{animation:prc-Skeleton-shimmer-DB3-6;animation-duration:var(--base-duration-1000,1s);animation-iteration-count:infinite;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}@media (forced-colors:active){.prc-Skeleton-SkeletonBox-nSZk3{outline:1px solid transparent;outline-offset:-1px}}
-/*# sourceMappingURL=SkeletonBox-248bfcc3.css.map */

package/lib/Skeleton/SkeletonBox-248bfcc3.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Skeleton/SkeletonBox.module.css"],"names":[],"mappings":"AAAA,sCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,gCAKE,oCAAkB,CAFlB,wDAA+C,CAC/C,gDAAwC,CAHxC,aAAc,CACd,WAiBF,CAZE,8CAPF,gCAUI,oCAAkB,CAClB,+CAA6C,CAC7C,kCAAmC,CAJnC,8DAAqE,CACrE,cAUJ,CANE,CAEA,8BAfF,gCAgBI,6BAA8B,CAC9B,mBAEJ,CADE","file":"SkeletonBox-248bfcc3.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.SkeletonBox {\n  display: block;\n  height: 1rem;\n  background-color: var(--skeletonLoader-bgColor);\n  border-radius: var(--borderRadius-small);\n  animation: shimmer;\n\n  @media (prefers-reduced-motion: no-preference) {\n    mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n    mask-size: 200%;\n    animation: shimmer;\n    animation-duration: var(--base-duration-1000);\n    animation-iteration-count: infinite;\n  }\n\n  @media (forced-colors: active) {\n    outline: 1px solid transparent;\n    outline-offset: -1px;\n  }\n}\n"]}

package/lib/Skeleton/SkeletonBox.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type CSSProperties, type HTMLProps } from 'react';
-export type SkeletonBoxProps = {
-    /** Height of the skeleton "box". Accepts any valid CSS `height` value. */
-    height?: CSSProperties['height'];
-    /** Width of the skeleton "box". Accepts any valid CSS `width` value. */
-    width?: CSSProperties['width'];
-    /** The className of the skeleton box */
-    className?: string;
-} & HTMLProps<HTMLElement>;
-export declare const SkeletonBox: React.ForwardRefExoticComponent<Omit<SkeletonBoxProps, "ref"> & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=SkeletonBox.d.ts.map

package/lib/Skeleton/SkeletonBox.js

@@ -1,86 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var SkeletonBox_module = require('./SkeletonBox.module.css.js');
-require('@styled-system/css');
-var merge = require('deepmerge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var merge__default = /*#__PURE__*/_interopDefault(merge);
-
-const SkeletonBox = /*#__PURE__*/React__default.default.forwardRef(function SkeletonBox(t0, ref) {
-  const $ = reactCompilerRuntime.c(17);
-  let className;
-  let height;
-  let props;
-  let style;
-  let width;
-  if ($[0] !== t0) {
-    ({
-      height,
-      width,
-      className,
-      style,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = height;
-    $[3] = props;
-    $[4] = style;
-    $[5] = width;
-  } else {
-    className = $[1];
-    height = $[2];
-    props = $[3];
-    style = $[4];
-    width = $[5];
-  }
-  const t1 = ref;
-  let t2;
-  if ($[6] !== className) {
-    t2 = clsx.clsx(className, SkeletonBox_module.SkeletonBox);
-    $[6] = className;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const t3 = style;
-  let t4;
-  if ($[8] !== height || $[9] !== t3 || $[10] !== width) {
-    t4 = merge__default.default(t3, {
-      height,
-      width
-    });
-    $[8] = height;
-    $[9] = t3;
-    $[10] = width;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== props || $[13] !== t1 || $[14] !== t2 || $[15] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: t1,
-      className: t2,
-      style: t4,
-      ...props
-    });
-    $[12] = props;
-    $[13] = t1;
-    $[14] = t2;
-    $[15] = t4;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  return t5;
-});
-
-exports.SkeletonBox = SkeletonBox;

package/lib/Skeleton/SkeletonBox.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./SkeletonBox-248bfcc3.css');
-
-var classes = {"SkeletonBox":"prc-Skeleton-SkeletonBox-nSZk3"};
-
-module.exports = classes;

package/lib/Skeleton/index.d.ts

@@ -1,5 +0,0 @@
-import { SkeletonBox } from './SkeletonBox';
-export default SkeletonBox;
-export { SkeletonBox };
-export type { SkeletonBoxProps } from './SkeletonBox';
-//# sourceMappingURL=index.d.ts.map

package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css

@@ -1,2 +0,0 @@
-.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-component=SkeletonAvatar]){border-radius:50%;display:inline-block;height:var(--avatarSize-regular);line-height:1;width:var(--avatarSize-regular)}.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-square]){border-radius:clamp(4px,var(--avatarSize-regular) - 24px,var(--borderRadius-medium,.375rem))}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-narrow);width:var(--avatarSize-narrow)}}@media screen and (min-width:48rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-regular);width:var(--avatarSize-regular)}}@media screen and (min-width:87.5rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-wide);width:var(--avatarSize-wide)}}
-/*# sourceMappingURL=SkeletonAvatar-e00fff32.css.map */

package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/SkeletonAvatar/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,gFAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,8DAEE,4FACF,CAGE,mDADF,kEAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,kEAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,kEAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"SkeletonAvatar-e00fff32.css","sourcesContent":[".SkeletonAvatar {\n  &:where([data-component='SkeletonAvatar']) {\n    display: inline-block;\n    width: var(--avatarSize-regular);\n    height: var(--avatarSize-regular);\n    /* stylelint-disable-next-line primer/typography */\n    line-height: 1;\n    border-radius: 50%;\n  }\n\n  &:where([data-square]) {\n    /* stylelint-disable-next-line primer/borders */\n    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));\n  }\n\n  &:where([data-responsive]) {\n    @media screen and (--viewportRange-narrow) {\n      width: var(--avatarSize-narrow);\n      height: var(--avatarSize-narrow);\n    }\n\n    @media screen and (--viewportRange-regular) {\n      width: var(--avatarSize-regular);\n      height: var(--avatarSize-regular);\n    }\n\n    @media screen and (--viewportRange-wide) {\n      width: var(--avatarSize-wide);\n      height: var(--avatarSize-wide);\n    }\n  }\n}\n"]}

package/lib/SkeletonAvatar/SkeletonAvatar.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-import type { AvatarProps } from '../Avatar';
-interface SkeletonAvatarProps extends Omit<React.HTMLProps<HTMLElement>, 'size'> {
-    /** Class name for custom styling */
-    className?: string;
-    size?: AvatarProps['size'];
-    square?: AvatarProps['square'];
-}
-declare function SkeletonAvatar({ size, square, className, style, ...rest }: SkeletonAvatarProps): React.JSX.Element;
-export { SkeletonAvatar };
-export type { SkeletonAvatarProps };
-//# sourceMappingURL=SkeletonAvatar.d.ts.map

package/lib/SkeletonAvatar/SkeletonAvatar.js

@@ -1,130 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var useResponsiveValue = require('../hooks/useResponsiveValue.js');
-var Avatar = require('../Avatar/Avatar.js');
-var SkeletonBox = require('../Skeleton/SkeletonBox.js');
-var SkeletonAvatar_module = require('./SkeletonAvatar.module.css.js');
-var clsx = require('clsx');
-require('@styled-system/css');
-var merge = require('deepmerge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var merge__default = /*#__PURE__*/_interopDefault(merge);
-
-function SkeletonAvatar(t0) {
-  const $ = reactCompilerRuntime.c(31);
-  let className;
-  let rest;
-  let square;
-  let style;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      size: t1,
-      square,
-      className,
-      style,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = rest;
-    $[3] = square;
-    $[4] = style;
-    $[5] = t1;
-  } else {
-    className = $[1];
-    rest = $[2];
-    square = $[3];
-    style = $[4];
-    t1 = $[5];
-  }
-  const size = t1 === undefined ? Avatar.DEFAULT_AVATAR_SIZE : t1;
-  let t2;
-  if ($[6] !== size) {
-    t2 = useResponsiveValue.isResponsiveValue(size);
-    $[6] = size;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const responsive = t2;
-  let T0;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  let t7;
-  let t8;
-  if ($[8] !== className || $[9] !== responsive || $[10] !== rest || $[11] !== size || $[12] !== square || $[13] !== style) {
-    const cssSizeVars = {};
-    if (responsive) {
-      for (const [key, value] of Object.entries(size)) {
-        cssSizeVars[`--avatarSize-${key}`] = `${value}px`;
-      }
-    } else {
-      cssSizeVars["--avatarSize-regular"] = `${size}px`;
-    }
-    T0 = SkeletonBox.SkeletonBox;
-    if ($[21] !== className) {
-      t3 = clsx.clsx(className, SkeletonAvatar_module.SkeletonAvatar);
-      $[21] = className;
-      $[22] = t3;
-    } else {
-      t3 = $[22];
-    }
-    t4 = rest;
-    t5 = "SkeletonAvatar";
-    t6 = responsive ? "" : undefined;
-    t7 = square ? "" : undefined;
-    t8 = merge__default.default(style, cssSizeVars);
-    $[8] = className;
-    $[9] = responsive;
-    $[10] = rest;
-    $[11] = size;
-    $[12] = square;
-    $[13] = style;
-    $[14] = T0;
-    $[15] = t3;
-    $[16] = t4;
-    $[17] = t5;
-    $[18] = t6;
-    $[19] = t7;
-    $[20] = t8;
-  } else {
-    T0 = $[14];
-    t3 = $[15];
-    t4 = $[16];
-    t5 = $[17];
-    t6 = $[18];
-    t7 = $[19];
-    t8 = $[20];
-  }
-  let t9;
-  if ($[23] !== T0 || $[24] !== t3 || $[25] !== t4 || $[26] !== t5 || $[27] !== t6 || $[28] !== t7 || $[29] !== t8) {
-    t9 = /*#__PURE__*/jsxRuntime.jsx(T0, {
-      className: t3,
-      ...t4,
-      "data-component": t5,
-      "data-responsive": t6,
-      "data-square": t7,
-      style: t8
-    });
-    $[23] = T0;
-    $[24] = t3;
-    $[25] = t4;
-    $[26] = t5;
-    $[27] = t6;
-    $[28] = t7;
-    $[29] = t8;
-    $[30] = t9;
-  } else {
-    t9 = $[30];
-  }
-  return t9;
-}
-
-exports.SkeletonAvatar = SkeletonAvatar;

package/lib/SkeletonAvatar/SkeletonAvatar.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./SkeletonAvatar-e00fff32.css');
-
-var classes = {"SkeletonAvatar":"prc-SkeletonAvatar-SkeletonAvatar-inefu"};
-
-module.exports = classes;

package/lib/SkeletonAvatar/index.d.ts

@@ -1,3 +0,0 @@
-export { SkeletonAvatar } from './SkeletonAvatar';
-export type { SkeletonAvatarProps } from './SkeletonAvatar';
-//# sourceMappingURL=index.d.ts.map

package/lib/SkeletonText/SkeletonText-5cf908c1.css

@@ -1,2 +0,0 @@
-.prc-SkeletonText-SkeletonText-tW5nH{--font-size:var(--text-body-size-medium,0.875rem);--line-height:var(--text-body-lineHeight-medium,1.4285);--leading:calc(var(--font-size)*var(--line-height) - var(--font-size))}@supports (margin-block:mod(1px,1px)){.prc-SkeletonText-SkeletonText-tW5nH{--leading:mod(var(--font-size) * var(--line-height),var(--font-size))}}.prc-SkeletonText-SkeletonText-tW5nH{border-radius:var(--borderRadius-small,.1875rem);height:var(--font-size);margin-block:calc(var(--leading)/2)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-in-multiline]){margin-block-end:calc(var(--leading)*2)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-in-multiline]):last-child{margin-bottom:0;max-width:65%;min-width:50px}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=display]),.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleLarge]){border-radius:var(--borderRadius-medium,.375rem)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=display]){--font-size:var(--text-display-size,2.5rem);--line-height:var(--text-display-lineHeight,1.4)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleLarge]){--font-size:var(--text-title-size-large,2rem);--line-height:var(--text-title-lineHeight-large,1.5)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleMedium]){--font-size:var(--text-title-size-medium,1.25rem);--line-height:var(--text-title-lineHeight-medium,1.6)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleSmall]){--font-size:var(--text-title-size-small,1rem);--line-height:var(--text-title-lineHeight-small,1.5)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=subtitle]){--font-size:var(--text-subtitle-size,1.25rem);--line-height:var(--text-subtitle-lineHeight,1.6)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=bodyLarge]){--font-size:var(--text-body-size-large,1rem);--line-height:var(--text-body-lineHeight-large,1.5)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=bodySmall]){--font-size:var(--text-body-size-small,0.75rem);--line-height:var(--text-body-lineHeight-small,1.6666)}.prc-SkeletonText-SkeletonTextWrapper-3Z0sU{padding-block:.1px}
-/*# sourceMappingURL=SkeletonText-5cf908c1.css.map */

package/lib/SkeletonText/SkeletonText-5cf908c1.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/SkeletonText/SkeletonText.module.css"],"names":[],"mappings":"AAAA,qCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,qCAMI,qEA0DJ,CAzDE,CAPF,qCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,gEAEE,uCAOF,CALE,2EAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,+JAEE,gDACF,CAEA,8EACE,2CAAqC,CACrC,gDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,kFACE,iDAA0C,CAC1C,qDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,+EACE,6CAAsC,CACtC,iDACF,CAEA,gFACE,4CAAwC,CACxC,mDACF,CAEA,gFACE,+CAAwC,CACxC,sDACF,CAGF,4CAEE,kBACF","file":"SkeletonText-5cf908c1.css","sourcesContent":[".SkeletonText {\n  --font-size: var(--text-body-size-medium);\n  --line-height: var(--text-body-lineHeight-medium);\n  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));\n\n  @supports (margin-block: mod(1px, 1px)) {\n    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));\n  }\n\n  height: var(--font-size);\n  border-radius: var(--borderRadius-small);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: calc(var(--leading) / 2);\n\n  &:where([data-in-multiline]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-end: calc(var(--leading) * 2);\n\n    &:last-child {\n      min-width: 50px;\n      max-width: 65%;\n      margin-bottom: 0;\n    }\n  }\n\n  &:where([data-text-skeleton-size='display']),\n  &:where([data-text-skeleton-size='titleLarge']) {\n    border-radius: var(--borderRadius-medium);\n  }\n\n  &:where([data-text-skeleton-size='display']) {\n    --font-size: var(--text-display-size);\n    --line-height: var(--text-display-lineHeight);\n  }\n\n  &:where([data-text-skeleton-size='titleLarge']) {\n    --font-size: var(--text-title-size-large);\n    --line-height: var(--text-title-lineHeight-large);\n  }\n\n  &:where([data-text-skeleton-size='titleMedium']) {\n    --font-size: var(--text-title-size-medium);\n    --line-height: var(--text-title-lineHeight-medium);\n  }\n\n  &:where([data-text-skeleton-size='titleSmall']) {\n    --font-size: var(--text-title-size-small);\n    --line-height: var(--text-title-lineHeight-small);\n  }\n\n  &:where([data-text-skeleton-size='subtitle']) {\n    --font-size: var(--text-subtitle-size);\n    --line-height: var(--text-subtitle-lineHeight);\n  }\n\n  &:where([data-text-skeleton-size='bodyLarge']) {\n    --font-size: var(--text-body-size-large);\n    --line-height: var(--text-body-lineHeight-large);\n  }\n\n  &:where([data-text-skeleton-size='bodySmall']) {\n    --font-size: var(--text-body-size-small);\n    --line-height: var(--text-body-lineHeight-small);\n  }\n}\n\n.SkeletonTextWrapper {\n  /* stylelint-disable-next-line primer/spacing */\n  padding-block: 0.1px;\n}\n"]}

package/lib/SkeletonText/SkeletonText.d.ts

@@ -1,16 +0,0 @@
-import type React from 'react';
-import { type HTMLProps } from 'react';
-interface SkeletonTextProps extends Omit<HTMLProps<HTMLElement>, 'size'> {
-    /** Size of the text that the skeleton is replacing. */
-    size?: 'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle';
-    /** Number of lines of skeleton text to render. */
-    lines?: number;
-    /** Maximum width that the line(s) of skeleton text can take up.  Accepts any valid CSS `max-width` value. */
-    maxWidth?: React.CSSProperties['maxWidth'];
-    /** Class name for custom styling */
-    className?: string;
-}
-declare function SkeletonText({ lines, maxWidth, size, className, style, ...rest }: SkeletonTextProps): React.JSX.Element;
-export { SkeletonText };
-export type { SkeletonTextProps };
-//# sourceMappingURL=SkeletonText.d.ts.map