@guardian/stand 0.0.40 → 0.0.41

package/dist/components/Link/Link.d.cts

@@ -0,0 +1,13 @@
+import { LinkProps } from "./types.cjs";
+
+//#region src/components/Link/Link.d.ts
+declare function Link({
+  children,
+  typography,
+  theme,
+  cssOverrides,
+  className,
+  ...props
+}: LinkProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Link };

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,13 @@
+import { LinkProps } from "./types.js";
+
+//#region src/components/Link/Link.d.ts
+declare function Link({
+  children,
+  typography,
+  theme,
+  cssOverrides,
+  className,
+  ...props
+}: LinkProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Link };

package/dist/components/Link/Link.js

@@ -1,17 +1,22 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Link as Link$1 } from 'react-aria-components';
-import { semanticColors } from '../../styleD/build/typescript/semantic/colors.js';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { typographyStyles } from '../Typography/styles.js';
-import { defaultLinkTheme, linkStyles } from './styles.js';
-
-function Link({ children, typography = "bodySm", theme = {}, cssOverrides, className, ...props }) {
-  const mergedTheme = mergeDeep(defaultLinkTheme, theme);
-  return jsx(Link$1, { css: [
-    typographyStyles({ color: semanticColors.text.strong }, { variant: typography }),
-    linkStyles(mergedTheme),
-    cssOverrides
-  ], className, ...props, children });
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { semanticColors } from "../../styleD/build/typescript/semantic/colors.js";
+import { typographyStyles } from "../Typography/styles.js";
+import { defaultLinkTheme, linkStyles } from "./styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Link } from "react-aria-components";
+//#region src/components/Link/Link.tsx
+function Link$1({ children, typography = "bodySm", theme = {}, cssOverrides, className, ...props }) {
+	const mergedTheme = mergeDeep(defaultLinkTheme, theme);
+	return /* @__PURE__ */ jsx(Link, {
+		css: [
+			typographyStyles({ color: semanticColors.text.strong }, { variant: typography }),
+			linkStyles(mergedTheme),
+			cssOverrides
+		],
+		className,
+		...props,
+		children
+	});
 }
-
-export { Link };
+//#endregion
+export { Link$1 as Link };

package/dist/components/Link/styles.cjs

@@ -1,11 +1,10 @@
-'use strict';
-
-var react = require('@emotion/react');
-var link = require('../../styleD/build/typescript/component/link.cjs');
-
-const defaultLinkTheme = link.componentLink;
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_link = require("../../styleD/build/typescript/component/link.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/Link/styles.ts
+const defaultLinkTheme = require_link.componentLink;
 const linkStyles = (theme) => {
-  return react.css`
+	return _emotion_react.css`
 		text-decoration: underline;
 		text-decoration-style: solid;
 		text-underline-offset: 8%;
@@ -26,6 +25,6 @@ const linkStyles = (theme) => {
 		}
 	`;
 };
-
+//#endregion
 exports.defaultLinkTheme = defaultLinkTheme;
 exports.linkStyles = linkStyles;

package/dist/components/Link/styles.d.cts

@@ -0,0 +1,9 @@
+import { DeepPartial, Prettify } from "../../util/types.cjs";
+import { ComponentLink } from "../../styleD/build/typescript/component/link.cjs";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/Link/styles.d.ts
+type LinkTheme = Prettify<ComponentLink>;
+type PartialLinkTheme = DeepPartial<LinkTheme>;
+//#endregion
+export { LinkTheme, PartialLinkTheme };

package/dist/components/Link/styles.d.ts

@@ -0,0 +1,9 @@
+import { DeepPartial, Prettify } from "../../util/types.js";
+import { ComponentLink } from "../../styleD/build/typescript/component/link.js";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/Link/styles.d.ts
+type LinkTheme = Prettify<ComponentLink>;
+type PartialLinkTheme = DeepPartial<LinkTheme>;
+//#endregion
+export { LinkTheme, PartialLinkTheme };

package/dist/components/Link/styles.js

@@ -1,9 +1,9 @@
-import { css } from '@emotion/react';
-import { componentLink } from '../../styleD/build/typescript/component/link.js';
-
+import { componentLink } from "../../styleD/build/typescript/component/link.js";
+import { css } from "@emotion/react";
+//#region src/components/Link/styles.ts
 const defaultLinkTheme = componentLink;
 const linkStyles = (theme) => {
-  return css`
+	return css`
 		text-decoration: underline;
 		text-decoration-style: solid;
 		text-underline-offset: 8%;
@@ -24,5 +24,5 @@ const linkStyles = (theme) => {
 		}
 	`;
 };
-
+//#endregion
 export { defaultLinkTheme, linkStyles };

package/dist/components/Link/types.d.cts

@@ -0,0 +1,15 @@
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { TypographyVariant } from "../Typography/types.cjs";
+import { LinkTheme } from "./styles.cjs";
+import { LinkProps } from "react-aria-components";
+
+//#region src/components/Link/types.d.ts
+interface LinkProps$1 extends Omit<LinkProps, 'children'>, DefaultPropsWithChildren<LinkTheme, LinkProps['className']> {
+  /**
+   * to change the typography of the link, you can pass a variant from semanticTypography.
+   * By default, it is set to "body-sm".
+   */
+  typography?: TypographyVariant;
+}
+//#endregion
+export { LinkProps$1 as LinkProps };

package/dist/components/Link/types.d.ts

@@ -0,0 +1,15 @@
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { TypographyVariant } from "../Typography/types.js";
+import { LinkTheme } from "./styles.js";
+import { LinkProps } from "react-aria-components";
+
+//#region src/components/Link/types.d.ts
+interface LinkProps$1 extends Omit<LinkProps, 'children'>, DefaultPropsWithChildren<LinkTheme, LinkProps['className']> {
+  /**
+   * to change the typography of the link, you can pass a variant from semanticTypography.
+   * By default, it is set to "body-sm".
+   */
+  typography?: TypographyVariant;
+}
+//#endregion
+export { LinkProps$1 as LinkProps };

package/dist/components/LinkButton/LinkButton.cjs

@@ -1,35 +1,24 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var reactAriaComponents = require('react-aria-components');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var Icon = require('../Icon/Icon.cjs');
-var styles = require('./styles.cjs');
-
-function LinkButton({
-  variant = "primary",
-  size = "md",
-  theme = {},
-  cssOverrides,
-  icon,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultLinkButtonTheme, theme);
-  const iconSize = size === "xs" ? "sm" : size;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Link,
-    {
-      ...props,
-      css: [
-        styles.linkButtonStyles(mergedTheme, { variant, size }, !!icon),
-        cssOverrides
-      ],
-      children: reactAriaComponents.composeRenderProps(props.children, (children) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { size: iconSize, children: icon }),
-        children
-      ] }))
-    }
-  );
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_Styles = require("./Styles.cjs");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+//#region src/components/LinkButton/LinkButton.tsx
+function LinkButton({ variant = "primary", size = "md", theme = {}, cssOverrides, icon, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_Styles.defaultLinkButtonTheme, theme);
+	const iconSize = size === "xs" ? "sm" : size;
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Link, {
+		...props,
+		css: [require_Styles.linkButtonStyles(mergedTheme, {
+			variant,
+			size
+		}, !!icon), cssOverrides],
+		children: (0, react_aria_components.composeRenderProps)(props.children, (children) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [icon && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+			size: iconSize,
+			children: icon
+		}), children] }))
+	});
 }
-
+//#endregion
 exports.LinkButton = LinkButton;

package/dist/components/LinkButton/LinkButton.d.cts

@@ -0,0 +1,13 @@
+import { LinkButtonProps } from "./types.cjs";
+
+//#region src/components/LinkButton/LinkButton.d.ts
+declare function LinkButton({
+  variant,
+  size,
+  theme,
+  cssOverrides,
+  icon,
+  ...props
+}: LinkButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { LinkButton };

package/dist/components/LinkButton/LinkButton.d.ts

@@ -0,0 +1,13 @@
+import { LinkButtonProps } from "./types.js";
+
+//#region src/components/LinkButton/LinkButton.d.ts
+declare function LinkButton({
+  variant,
+  size,
+  theme,
+  cssOverrides,
+  icon,
+  ...props
+}: LinkButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { LinkButton };

package/dist/components/LinkButton/LinkButton.js

@@ -1,16 +1,23 @@
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { Link, composeRenderProps } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { Icon } from '../Icon/Icon.js';
-import { defaultLinkButtonTheme, linkButtonStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { defaultLinkButtonTheme, linkButtonStyles } from "./Styles.js";
+import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Link, composeRenderProps } from "react-aria-components";
+//#region src/components/LinkButton/LinkButton.tsx
 function LinkButton({ variant = "primary", size = "md", theme = {}, cssOverrides, icon, ...props }) {
-  const mergedTheme = mergeDeep(defaultLinkButtonTheme, theme);
-  const iconSize = size === "xs" ? "sm" : size;
-  return jsx(Link, { ...props, css: [
-    linkButtonStyles(mergedTheme, { variant, size }, !!icon),
-    cssOverrides
-  ], children: composeRenderProps(props.children, (children) => jsxs(Fragment, { children: [icon && jsx(Icon, { size: iconSize, children: icon }), children] })) });
+	const mergedTheme = mergeDeep(defaultLinkButtonTheme, theme);
+	const iconSize = size === "xs" ? "sm" : size;
+	return /* @__PURE__ */ jsx(Link, {
+		...props,
+		css: [linkButtonStyles(mergedTheme, {
+			variant,
+			size
+		}, !!icon), cssOverrides],
+		children: composeRenderProps(props.children, (children) => /* @__PURE__ */ jsxs(Fragment, { children: [icon && /* @__PURE__ */ jsx(Icon, {
+			size: iconSize,
+			children: icon
+		}), children] }))
+	});
 }
-
+//#endregion
 export { LinkButton };

package/dist/components/LinkButton/Styles.cjs

@@ -0,0 +1,7 @@
+const require_styles = require("../Button/styles.cjs");
+//#region src/components/LinkButton/Styles.tsx
+const defaultLinkButtonTheme = require_styles.defaultButtonTheme;
+const linkButtonStyles = require_styles.buttonStyles;
+//#endregion
+exports.defaultLinkButtonTheme = defaultLinkButtonTheme;
+exports.linkButtonStyles = linkButtonStyles;

package/dist/components/LinkButton/Styles.d.cts

@@ -0,0 +1,6 @@
+import { ButtonTheme, PartialButtonTheme } from "../Button/styles.cjs";
+//#region src/components/LinkButton/Styles.d.ts
+type LinkButtonTheme = ButtonTheme;
+type PartialLinkButtonTheme = PartialButtonTheme;
+//#endregion
+export { LinkButtonTheme, PartialLinkButtonTheme };

package/dist/components/LinkButton/Styles.d.ts

@@ -0,0 +1,6 @@
+import { ButtonTheme, PartialButtonTheme } from "../Button/styles.js";
+//#region src/components/LinkButton/Styles.d.ts
+type LinkButtonTheme = ButtonTheme;
+type PartialLinkButtonTheme = PartialButtonTheme;
+//#endregion
+export { LinkButtonTheme, PartialLinkButtonTheme };

package/dist/components/LinkButton/{styles.js → Styles.js}

@@ -1,6 +1,6 @@
-import { defaultButtonTheme, buttonStyles } from '../Button/styles.js';
-
+import { buttonStyles, defaultButtonTheme } from "../Button/styles.js";
+//#region src/components/LinkButton/Styles.tsx
 const defaultLinkButtonTheme = defaultButtonTheme;
 const linkButtonStyles = buttonStyles;
-
+//#endregion
 export { defaultLinkButtonTheme, linkButtonStyles };

package/dist/components/LinkButton/types.d.cts

@@ -0,0 +1,22 @@
+import { DefaultProps } from "../../util/types.cjs";
+import { IconProps } from "../Icon/types.cjs";
+import { LinkButtonTheme } from "./Styles.cjs";
+import { LinkProps } from "react-aria-components";
+
+//#region src/components/LinkButton/types.d.ts
+interface LinkButtonProps extends DefaultProps<LinkButtonTheme, LinkProps['className']>, LinkProps {
+  /**
+   * Size variant of the link button
+   */
+  size?: keyof Omit<LinkButtonTheme['primary'], 'shared'>;
+  /**
+   * Variant of the button
+   */
+  variant?: keyof Omit<LinkButtonTheme, 'shared'>;
+  /**
+   * Icon to be rendered within the button. Passed to the Icon component, so can be either a string (for material symbols) or an SVG element.
+   */
+  icon?: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+}
+//#endregion
+export { LinkButtonProps };

package/dist/components/LinkButton/types.d.ts

@@ -0,0 +1,22 @@
+import { DefaultProps } from "../../util/types.js";
+import { IconProps } from "../Icon/types.js";
+import { LinkButtonTheme } from "./Styles.js";
+import { LinkProps } from "react-aria-components";
+
+//#region src/components/LinkButton/types.d.ts
+interface LinkButtonProps extends DefaultProps<LinkButtonTheme, LinkProps['className']>, LinkProps {
+  /**
+   * Size variant of the link button
+   */
+  size?: keyof Omit<LinkButtonTheme['primary'], 'shared'>;
+  /**
+   * Variant of the button
+   */
+  variant?: keyof Omit<LinkButtonTheme, 'shared'>;
+  /**
+   * Icon to be rendered within the button. Passed to the Icon component, so can be either a string (for material symbols) or an SVG element.
+   */
+  icon?: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+}
+//#endregion
+export { LinkButtonProps };