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

package/lib/Banner/Banner.js

@@ -1,358 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var octiconsReact = require('@primer/octicons-react');
-var IconButton = require('../Button/IconButton.js');
-var Button = require('../Button/Button.js');
-var useMergedRefs = require('../internal/hooks/useMergedRefs.js');
-var Banner_module = require('./Banner.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const iconForVariant = {
-  critical: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.StopIcon, {}),
-  info: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.InfoIcon, {}),
-  success: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.CheckCircleIcon, {}),
-  upsell: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.InfoIcon, {}),
-  warning: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.AlertIcon, {})
-};
-const labels = {
-  critical: 'Critical',
-  info: 'Information',
-  success: 'Success',
-  upsell: 'Recommendation',
-  warning: 'Warning'
-};
-const Banner = /*#__PURE__*/React__default.default.forwardRef(function Banner({
-  'aria-label': label,
-  'aria-labelledby': labelledBy,
-  children,
-  className,
-  description,
-  hideTitle,
-  icon,
-  onDismiss,
-  primaryAction,
-  secondaryAction,
-  title,
-  variant = 'info',
-  ...rest
-}, forwardRef) {
-  const dismissible = !!onDismiss;
-  const hasActions = primaryAction || secondaryAction;
-  const bannerRef = React__default.default.useRef(null);
-  const ref = useMergedRefs.useMergedRefs(forwardRef, bannerRef);
-  const supportsCustomIcon = variant === 'info' || variant === 'upsell';
-  if (process.env.NODE_ENV !== "production") {
-    // This hook is called consistently depending on the environment
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useEffect(() => {
-      if (title) {
-        return;
-      }
-      const {
-        current: banner
-      } = bannerRef;
-      if (!banner) {
-        return;
-      }
-      const hasTitle = banner.querySelector('[data-banner-title]');
-      if (!hasTitle) {
-        throw new Error('Expected a title to be provided to the <Banner> component with the `title` prop or through `<Banner.Title>` but no title was found');
-      }
-    }, [title]);
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("section", {
-    ...rest,
-    "aria-labelledby": labelledBy,
-    "aria-label": labelledBy ? undefined : label !== null && label !== void 0 ? label : labels[variant],
-    className: clsx.clsx(className, Banner_module.Banner),
-    "data-dismissible": onDismiss ? '' : undefined,
-    "data-title-hidden": hideTitle ? '' : undefined,
-    "data-variant": variant,
-    tabIndex: -1,
-    ref: ref,
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: Banner_module.BannerIcon,
-      children: icon && supportsCustomIcon ? icon : iconForVariant[variant]
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: Banner_module.BannerContainer,
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: Banner_module.BannerContent,
-        children: [title ? hideTitle ? /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-          children: /*#__PURE__*/jsxRuntime.jsx(BannerTitle, {
-            children: title
-          })
-        }) : /*#__PURE__*/jsxRuntime.jsx(BannerTitle, {
-          children: title
-        }) : null, description ? /*#__PURE__*/jsxRuntime.jsx(BannerDescription, {
-          children: description
-        }) : null, children]
-      }), hasActions ? /*#__PURE__*/jsxRuntime.jsx(BannerActions, {
-        primaryAction: primaryAction,
-        secondaryAction: secondaryAction
-      }) : null]
-    }), dismissible ? /*#__PURE__*/jsxRuntime.jsx(IconButton.IconButton, {
-      "aria-label": "Dismiss banner",
-      onClick: onDismiss,
-      className: Banner_module.BannerDismiss,
-      icon: octiconsReact.XIcon,
-      variant: "invisible"
-    }) : null]
-  });
-});
-function BannerTitle(props) {
-  const $ = reactCompilerRuntime.c(12);
-  let children;
-  let className;
-  let rest;
-  let t0;
-  if ($[0] !== props) {
-    ({
-      as: t0,
-      className,
-      children,
-      ...rest
-    } = props);
-    $[0] = props;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-    $[4] = t0;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-    t0 = $[4];
-  }
-  const Heading = t0 === undefined ? "h2" : t0;
-  let t1;
-  if ($[5] !== className) {
-    t1 = clsx.clsx(className, Banner_module.BannerTitle);
-    $[5] = className;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  let t2;
-  if ($[7] !== Heading || $[8] !== children || $[9] !== rest || $[10] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(Heading, {
-      ...rest,
-      className: t1,
-      "data-banner-title": "",
-      children: children
-    });
-    $[7] = Heading;
-    $[8] = children;
-    $[9] = rest;
-    $[10] = t1;
-    $[11] = t2;
-  } else {
-    t2 = $[11];
-  }
-  return t2;
-}
-function BannerDescription(t0) {
-  const $ = reactCompilerRuntime.c(10);
-  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.clsx("BannerDescription", className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      ...rest,
-      className: t1,
-      children: children
-    });
-    $[6] = children;
-    $[7] = rest;
-    $[8] = t1;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
-}
-function BannerActions(t0) {
-  const $ = reactCompilerRuntime.c(9);
-  const {
-    primaryAction,
-    secondaryAction
-  } = t0;
-  const t1 = secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null;
-  const t2 = primaryAction !== null && primaryAction !== void 0 ? primaryAction : null;
-  let t3;
-  if ($[0] !== t1 || $[1] !== t2) {
-    t3 = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: Banner_module.BannerActionsContainer,
-      "data-primary-action": "trailing",
-      children: [t1, t2]
-    });
-    $[0] = t1;
-    $[1] = t2;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  const t4 = primaryAction !== null && primaryAction !== void 0 ? primaryAction : null;
-  const t5 = secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null;
-  let t6;
-  if ($[3] !== t4 || $[4] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: Banner_module.BannerActionsContainer,
-      "data-primary-action": "leading",
-      children: [t4, t5]
-    });
-    $[3] = t4;
-    $[4] = t5;
-    $[5] = t6;
-  } else {
-    t6 = $[5];
-  }
-  let t7;
-  if ($[6] !== t3 || $[7] !== t6) {
-    t7 = /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: Banner_module.BannerActions,
-      children: [t3, t6]
-    });
-    $[6] = t3;
-    $[7] = t6;
-    $[8] = t7;
-  } else {
-    t7 = $[8];
-  }
-  return t7;
-}
-const BannerPrimaryAction = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.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.clsx("BannerPrimaryAction", className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(Button.ButtonComponent, {
-      ref: forwardedRef,
-      className: t1,
-      variant: "default",
-      ...rest,
-      children: children
-    });
-    $[6] = children;
-    $[7] = forwardedRef;
-    $[8] = rest;
-    $[9] = t1;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  return t2;
-});
-BannerPrimaryAction.displayName = 'BannerPrimaryAction';
-const BannerSecondaryAction = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.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.clsx("BannerPrimaryAction", className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(Button.ButtonComponent, {
-      ref: forwardedRef,
-      className: t1,
-      variant: "link",
-      ...rest,
-      children: children
-    });
-    $[6] = children;
-    $[7] = forwardedRef;
-    $[8] = rest;
-    $[9] = t1;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  return t2;
-});
-BannerSecondaryAction.displayName = 'BannerSecondaryAction';
-
-exports.Banner = Banner;
-exports.BannerActions = BannerActions;
-exports.BannerDescription = BannerDescription;
-exports.BannerPrimaryAction = BannerPrimaryAction;
-exports.BannerSecondaryAction = BannerSecondaryAction;
-exports.BannerTitle = BannerTitle;

package/lib/Banner/Banner.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Banner-6396546f.css');
-
-var classes = {"Banner":"prc-Banner-Banner-IR8eJ","BannerContainer":"prc-Banner-BannerContainer-lbx3d","BannerContent":"prc-Banner-BannerContent-zTITK","BannerActions":"prc-Banner-BannerActions-XCfHL","BannerTitle":"prc-Banner-BannerTitle-TcuJl","BannerIcon":"prc-Banner-BannerIcon-WuOyf","BannerDismiss":"prc-Banner-BannerDismiss-uBZVm","BannerActionsContainer":"prc-Banner-BannerActionsContainer-ukGMH"};
-
-module.exports = classes;

package/lib/Banner/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var Banner$1 = require('./Banner.js');
-
-const Banner = Object.assign(Banner$1.Banner, {
-  Title: Banner$1.BannerTitle,
-  Description: Banner$1.BannerDescription,
-  PrimaryAction: Banner$1.BannerPrimaryAction,
-  SecondaryAction: Banner$1.BannerSecondaryAction
-});
-
-exports.Banner = Banner;

package/lib/BaseStyles-79fd37c4.css

@@ -1,2 +0,0 @@
-*{box-sizing:border-box}body{margin:0}table{border-collapse:collapse}[data-color-mode=light] input{--csstools-color-scheme--light:initial;color-scheme:light}[data-color-mode=dark] input{--csstools-color-scheme--light: ;color-scheme:dark}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light]{--csstools-color-scheme--light:initial;color-scheme:light}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=dark]{--csstools-color-scheme--light: ;color-scheme:dark}}[role=button]:focus:not(:focus-visible):not(.focus-visible),[role=tabpanel][tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),a:focus:not(:focus-visible):not(.focus-visible),button:focus:not(:focus-visible):not(.focus-visible),summary:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}[tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),details-dialog:focus:not(:focus-visible):not(.focus-visible){outline:none}.prc-src-BaseStyles-dl-St{color:var(--BaseStyles-fgColor,var(--fgColor-default,var(--color-fg-default)));font-family:var(--BaseStyles-fontFamily,var(--fontStack-system,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"));line-height:var(--BaseStyles-lineHeight,1.5)}input .prc-src-BaseStyles-dl-St:has([data-color-mode=light]){--csstools-color-scheme--light:initial;color-scheme:light}input .prc-src-BaseStyles-dl-St:has([data-color-mode=dark]){--csstools-color-scheme--light: ;color-scheme:dark}.prc-src-BaseStyles-dl-St :where(a:not([class*=prc-]):not([class*=PRC-]):not([class*=Primer_Brand__])){color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-BaseStyles-dl-St :where(a:not([class*=prc-]):not([class*=PRC-]):not([class*=Primer_Brand__]))):hover{-webkit-text-decoration:underline;text-decoration:underline}
-/*# sourceMappingURL=BaseStyles-79fd37c4.css.map */

package/lib/BaseStyles-79fd37c4.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/BaseStyles.module.css"],"names":[],"mappings":"AAMA,EACE,qBACF,CAEA,KACE,QACF,CAEA,MAEE,wBACF,CAEA,8BACE,sCAAmB,CAAnB,kBACF,CAEA,6BACE,gCAAkB,CAAlB,iBACF,CAEA,oCACE,gDACE,sCAAmB,CAAnB,kBACF,CACF,CAEA,mCACE,8CACE,gCAAkB,CAAlB,iBACF,CACF,CAEA,mSAME,eAAgB,CADhB,YAEF,CAEA,0HAEE,YACF,CAIA,0BAKE,8EAAwD,CAJxD,wLAAkE,CAElE,4CA2BF,CArBI,6DACE,sCAAmB,CAAnB,kBACF,CAKA,4DACE,gCAAkB,CAAlB,iBACF,CAIF,uGACE,kDAAoD,CACpD,4BAAqB,CAArB,oBAKF,CAHE,kHACE,iCAA0B,CAA1B,yBACF","file":"BaseStyles-79fd37c4.css","sourcesContent":["/* stylelint-disable selector-max-specificity */\n/* stylelint-disable selector-type-no-unknown */\n\n/* -------------------------------- \n *           Global Styles         \n *--------------------------------- */\n* {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n}\n\ntable {\n  /* stylelint-disable-next-line primer/borders */\n  border-collapse: collapse;\n}\n\n[data-color-mode='light'] input {\n  color-scheme: light;\n}\n\n[data-color-mode='dark'] input {\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: light) {\n  [data-color-mode='auto'][data-light-theme*='light'] {\n    color-scheme: light;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'][data-dark-theme*='dark'] {\n    color-scheme: dark;\n  }\n}\n\n[role='button']:focus:not(:focus-visible):not(:global(.focus-visible)),\n[role='tabpanel'][tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),\nbutton:focus:not(:focus-visible):not(:global(.focus-visible)),\nsummary:focus:not(:focus-visible):not(:global(.focus-visible)),\na:focus:not(:focus-visible):not(:global(.focus-visible)) {\n  outline: none;\n  box-shadow: none;\n}\n\n[tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),\ndetails-dialog:focus:not(:focus-visible):not(:global(.focus-visible)) {\n  outline: none;\n}\n\n/* -------------------------------------------------------------------------- */\n\n.BaseStyles {\n  font-family: var(--BaseStyles-fontFamily, var(--fontStack-system));\n  /* stylelint-disable-next-line primer/typography */\n  line-height: var(--BaseStyles-lineHeight, 1.5);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--BaseStyles-fgColor, var(--fgColor-default));\n\n  /* Global styles for light mode */\n  &:has([data-color-mode='light']) {\n    input & {\n      color-scheme: light;\n    }\n  }\n\n  /* Global styles for dark mode */\n  &:has([data-color-mode='dark']) {\n    input & {\n      color-scheme: dark;\n    }\n  }\n\n  /* Low-specificity default link styling */\n  :where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])) {\n    color: var(--fgColor-accent, var(--color-accent-fg));\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n"]}

package/lib/BaseStyles.d.ts

@@ -1,14 +0,0 @@
-import type React from 'react';
-import { type CSSProperties, type PropsWithChildren } from 'react';
-import type { SystemCommonProps, SystemTypographyProps } from './constants';
-import type { SxProp } from './sx';
-import 'focus-visible';
-export type BaseStylesProps = PropsWithChildren & {
-    as?: React.ComponentType<any> | keyof JSX.IntrinsicElements;
-    className?: string;
-    style?: CSSProperties;
-    color?: string;
-} & SystemTypographyProps & SystemCommonProps & SxProp;
-declare function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Component, style, ...rest }: BaseStylesProps): React.JSX.Element;
-export default BaseStyles;
-//# sourceMappingURL=BaseStyles.d.ts.map

package/lib/BaseStyles.js

@@ -1,123 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var ThemeProvider = require('./ThemeProvider.js');
-var BaseStyles_module = require('./BaseStyles.module.css.js');
-require('focus-visible');
-var BoxWithFallback = require('./internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function BaseStyles(t0) {
-  const $ = reactCompilerRuntime.c(27);
-  let children;
-  let className;
-  let color;
-  let fontFamily;
-  let lineHeight;
-  let rest;
-  let style;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      children,
-      color,
-      fontFamily,
-      lineHeight,
-      className,
-      as: t1,
-      style,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = color;
-    $[4] = fontFamily;
-    $[5] = lineHeight;
-    $[6] = rest;
-    $[7] = style;
-    $[8] = t1;
-  } else {
-    children = $[1];
-    className = $[2];
-    color = $[3];
-    fontFamily = $[4];
-    lineHeight = $[5];
-    rest = $[6];
-    style = $[7];
-    t1 = $[8];
-  }
-  const Component = t1 === undefined ? "div" : t1;
-  const {
-    colorMode,
-    colorScheme,
-    dayScheme,
-    nightScheme
-  } = ThemeProvider.useTheme();
-  let t2;
-  if ($[9] !== className) {
-    t2 = clsx.clsx(BaseStyles_module.BaseStyles, className);
-    $[9] = className;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  const newClassName = t2;
-  let t3;
-  if ($[11] !== color || $[12] !== fontFamily || $[13] !== lineHeight) {
-    t3 = {
-      "--BaseStyles-fgColor": color,
-      "--BaseStyles-fontFamily": fontFamily,
-      "--BaseStyles-lineHeight": lineHeight
-    };
-    $[11] = color;
-    $[12] = fontFamily;
-    $[13] = lineHeight;
-    $[14] = t3;
-  } else {
-    t3 = $[14];
-  }
-  const baseStyles = t3;
-  const t4 = colorMode === "auto" ? "auto" : colorScheme !== null && colorScheme !== void 0 && colorScheme.includes("dark") ? "dark" : "light";
-  let t5;
-  if ($[15] !== baseStyles || $[16] !== style) {
-    t5 = {
-      ...baseStyles,
-      ...style
-    };
-    $[15] = baseStyles;
-    $[16] = style;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  let t6;
-  if ($[18] !== Component || $[19] !== children || $[20] !== dayScheme || $[21] !== newClassName || $[22] !== nightScheme || $[23] !== rest || $[24] !== t4 || $[25] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: Component,
-      className: newClassName,
-      "data-portal-root": true,
-      "data-color-mode": t4,
-      "data-light-theme": dayScheme,
-      "data-dark-theme": nightScheme,
-      style: t5,
-      ...rest,
-      children: children
-    });
-    $[18] = Component;
-    $[19] = children;
-    $[20] = dayScheme;
-    $[21] = newClassName;
-    $[22] = nightScheme;
-    $[23] = rest;
-    $[24] = t4;
-    $[25] = t5;
-    $[26] = t6;
-  } else {
-    t6 = $[26];
-  }
-  return t6;
-}
-
-module.exports = BaseStyles;

package/lib/BaseStyles.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./BaseStyles-79fd37c4.css');
-
-var classes = {"BaseStyles":"prc-src-BaseStyles-dl-St"};
-
-module.exports = classes;

package/lib/Blankslate/Blankslate-2be5efdc.css

@@ -1,2 +0,0 @@
-.prc-Blankslate-Container-XATLP{container:blankslate/inline-size}.prc-Blankslate-Blankslate-7GPW-{display:grid;justify-items:center;padding:var(--blankslate-padding)}.prc-Blankslate-Blankslate-7GPW-:where([data-border]){border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-narrow]){margin:0 auto;max-width:485px}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium]){--blankslate-heading-text:var(--text-title-shorthand-medium,600 1.25rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small]){--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.4285 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem) var(--base-size-20,1.25rem);--blankslate-action-margin-block-end:var(--base-size-12,0.75rem);--blankslate-visual-size:var(--base-size-24,1.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small][data-spacious]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large]){--blankslate-heading-text:var(--text-title-shorthand-large,600 2rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:var(--base-size-8,0.5rem) var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-margin-block:0 var(--base-size-8,0.5rem);--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Heading-H4xby{margin:0}.prc-Blankslate-Heading-H4xby{font:var(--blankslate-heading-text);margin-block:var(--blankslate-heading-margin-block)}.prc-Blankslate-Description-OGHRk{font:var(--blankslate-description-text);margin-block:var(--blankslate-description-margin-block)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-Blankslate-Visual-PeTD-{display:inline-flex;margin-block-end:var(--base-size-8,.5rem);max-width:var(--blankslate-visual-size)}.prc-Blankslate-Visual-PeTD- svg{width:100%}.prc-Blankslate-Action-SK5XS{font:var(--blankslate-description-text);margin-block-start:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:where(:last-of-type){margin-block-end:var(--blankslate-action-margin-block-end)}@container blankslate (max-width: 34rem){.prc-Blankslate-Blankslate-7GPW-{--blankslate-padding:var(--base-size-20,1.25rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-spacious=true]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-{--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.4285 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")}.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted));margin-bottom:var(--base-size-8,.5rem);max-width:var(--base-size-24,1.5rem)}.prc-Blankslate-Action-SK5XS{margin-top:var(--base-size-8,.5rem)}.prc-Blankslate-Action-SK5XS:first-of-type{margin-top:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:last-of-type{margin-bottom:calc(var(--base-size-8,.5rem)/2)}}
-/*# sourceMappingURL=Blankslate-2be5efdc.css.map */

package/lib/Blankslate/Blankslate-2be5efdc.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Blankslate/Blankslate.module.css"],"names":[],"mappings":"AAAA,gCACE,gCACF,CAEA,iCACE,YAAa,CACb,oBAAqB,CAErB,iCAiDF,CA/CE,sDACE,oGAAgE,CAChE,gDACF,CAEA,sDAEE,aAAc,CADd,eAEF,CAEA,2DACE,oMAA6D,CAC7D,8DAAuD,CACvD,mMAA+D,CAC/D,6CAAyC,CACzC,6DACF,CAEA,0EACE,wEACF,CAEA,0DACE,gMAA4D,CAC5D,8DAAuD,CACvD,2MAAgE,CAChE,yEAA6D,CAC7D,gEAAyD,CACzD,mDACF,CAEA,yEACE,4EACF,CAEA,0DACE,gMAA4D,CAC5D,sFAAwE,CACxE,mMAA+D,CAC/D,iEAA2D,CAC3D,6CAAyC,CACzC,6DACF,CAEA,yEACE,wEACF,CAGF,gEAEE,QACF,CAEA,8BAEE,mCAAoC,CAEpC,mDACF,CAEA,kCAEE,uCAAwC,CAGxC,uDACF,CAEA,+DALE,gDAeF,CAVA,6BAGE,mBAAoB,CACpB,yCAAoC,CACpC,uCAKF,CAHE,iCACE,UACF,CAGF,6BAEE,uCAAwC,CACxC,2CAMF,CAJE,kDAEE,0DACF,CAIF,yCACE,iCACE,gDAQF,CANE,6DACE,4EACF,CALF,iCAOE,gMAA4D,CAC5D,2MACF,CAEA,6BAGE,gDAA2B,CAD3B,sCAAiC,CADjC,oCAGF,CAEA,6BACE,mCASF,CAPE,2CACE,mCACF,CAEA,0CACE,8CACF,CAEJ","file":"Blankslate-2be5efdc.css","sourcesContent":[".Container {\n  container: blankslate / inline-size;\n}\n\n.Blankslate {\n  display: grid;\n  justify-items: center;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--blankslate-padding);\n\n  &:where([data-border]) {\n    border: var(--borderWidth-thin) solid var(--borderColor-default);\n    border-radius: var(--borderRadius-medium);\n  }\n\n  &:where([data-narrow]) {\n    max-width: 485px;\n    margin: 0 auto;\n  }\n\n  &:where([data-size='medium']) {\n    --blankslate-heading-text: var(--text-title-shorthand-medium);\n    --blankslate-heading-margin-block: 0 var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-large);\n    --blankslate-padding: var(--base-size-32);\n    --blankslate-action-margin-block-end: var(--base-size-16);\n  }\n\n  &:where([data-size='medium'][data-spacious]) {\n    --blankslate-padding: var(--base-size-80) var(--base-size-40);\n  }\n\n  &:where([data-size='small']) {\n    --blankslate-heading-text: var(--text-title-shorthand-small);\n    --blankslate-heading-margin-block: 0 var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-medium);\n    --blankslate-padding: var(--base-size-32) var(--base-size-20);\n    --blankslate-action-margin-block-end: var(--base-size-12);\n    --blankslate-visual-size: var(--base-size-24);\n  }\n\n  &:where([data-size='small'][data-spacious]) {\n    --blankslate-padding: var(--base-size-44) var(--base-size-28);\n  }\n\n  &:where([data-size='large']) {\n    --blankslate-heading-text: var(--text-title-shorthand-large);\n    --blankslate-heading-margin-block: var(--base-size-8) var(--base-size-4);\n    --blankslate-description-text: var(--text-body-shorthand-large);\n    --blankslate-description-margin-block: 0 var(--base-size-8);\n    --blankslate-padding: var(--base-size-32);\n    --blankslate-action-margin-block-end: var(--base-size-16);\n  }\n\n  &:where([data-size='large'][data-spacious]) {\n    --blankslate-padding: var(--base-size-80) var(--base-size-40);\n  }\n}\n\n.Heading,\n.Description {\n  margin: 0;\n}\n\n.Heading {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-heading-text);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: var(--blankslate-heading-margin-block);\n}\n\n.Description {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-description-text);\n  color: var(--fgColor-muted);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: var(--blankslate-description-margin-block);\n}\n\n.Visual {\n  color: var(--fgColor-muted);\n  /* This display property exists so that the container matches the size of the inner svg element */\n  display: inline-flex;\n  margin-block-end: var(--base-size-8);\n  max-width: var(--blankslate-visual-size);\n\n  & svg {\n    width: 100%;\n  }\n}\n\n.Action {\n  /* stylelint-disable-next-line primer/typography */\n  font: var(--blankslate-description-text);\n  margin-block-start: var(--base-size-16);\n\n  &:where(:last-of-type) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-end: var(--blankslate-action-margin-block-end);\n  }\n}\n\n/* At the time these styles were written, 34rem was our \"small\" breakpoint width */\n@container blankslate (max-width: 34rem) {\n  .Blankslate {\n    --blankslate-padding: var(--base-size-20);\n\n    &:where([data-spacious='true']) {\n      --blankslate-padding: var(--base-size-44) var(--base-size-28);\n    }\n\n    --blankslate-heading-text: var(--text-title-shorthand-small);\n    --blankslate-description-text: var(--text-body-shorthand-medium);\n  }\n\n  .Visual {\n    max-width: var(--base-size-24);\n    margin-bottom: var(--base-size-8);\n    color: var(--fgColor-muted);\n  }\n\n  .Action {\n    margin-top: var(--base-size-8);\n\n    &:first-of-type {\n      margin-top: var(--base-size-16);\n    }\n\n    &:last-of-type {\n      margin-bottom: calc(var(--base-size-8) / 2);\n    }\n  }\n}\n"]}

package/lib/Blankslate/Blankslate.d.ts

@@ -1,45 +0,0 @@
-import type React from 'react';
-type BlankslateProps = React.HTMLAttributes<HTMLElement> & {
-    /**
-     * Add a border around this component
-     */
-    border?: boolean;
-    /**
-     * Provide an optional class name to be applied to the container element
-     */
-    className?: string;
-    /**
-     * Constrain the maximum width of this component
-     */
-    narrow?: boolean;
-    /**
-     * Increase the padding of this component
-     */
-    spacious?: boolean;
-    /**
-     * Specify the size of this component
-     */
-    size?: 'small' | 'medium' | 'large';
-};
-declare function Blankslate({ border, children, narrow, spacious, className, size, ...rest }: BlankslateProps): React.JSX.Element;
-type BlankslateVisualProps = React.HTMLAttributes<HTMLElement>;
-declare function Visual({ children, className, ...rest }: BlankslateVisualProps): React.JSX.Element;
-type BlankslateHeadingProps = React.HTMLAttributes<HTMLElement> & {
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-};
-declare function Heading({ as: Component, children, className, ...rest }: BlankslateHeadingProps): React.JSX.Element;
-type BlankslateDescriptionProps = React.HTMLAttributes<HTMLElement>;
-declare function Description({ children, className, ...rest }: BlankslateDescriptionProps): React.JSX.Element;
-type BlankslatePrimaryActionProps = (React.PropsWithChildren<{
-    href?: never;
-}> & React.ComponentPropsWithoutRef<'button'>) | React.PropsWithChildren<{
-    href: string;
-}>;
-declare function PrimaryAction({ children, href, ...props }: BlankslatePrimaryActionProps): React.JSX.Element;
-type BlankslateSecondaryActionProps = React.PropsWithChildren<{
-    href: string;
-}>;
-declare function SecondaryAction({ children, href }: BlankslateSecondaryActionProps): React.JSX.Element;
-export { Blankslate, Visual, Heading, Description, PrimaryAction, SecondaryAction };
-export type { BlankslateProps, BlankslateVisualProps, BlankslateHeadingProps, BlankslateDescriptionProps, BlankslatePrimaryActionProps, BlankslateSecondaryActionProps, };
-//# sourceMappingURL=Blankslate.d.ts.map