@guardian/stand 0.0.40 → 0.0.42

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,12 @@
+import { TextAreaProps } from "./types.js";
+
+//#region src/components/TextArea/TextArea.d.ts
+declare function TextArea({
+  size,
+  isInvalid,
+  theme,
+  placeholder,
+  ...props
+}: TextAreaProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { TextArea };

package/dist/components/TextArea/TextArea.js

@@ -1,12 +1,24 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { TextField, TextArea as TextArea$1 } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { FormInputContainer } from '../Form/Form.js';
-import { defaultTextAreaTheme, textAreaStyles } from './styles.js';
-
-function TextArea({ size = "md", isInvalid = false, theme = {}, placeholder, ...props }) {
-  const mergedTheme = mergeDeep(defaultTextAreaTheme, theme);
-  return jsx(FormInputContainer, { as: TextField, size, isInvalid, ...props, children: jsx(TextArea$1, { placeholder, css: textAreaStyles(mergedTheme, { size, isInvalid }) }) });
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { FormInputContainer } from "../Form/Form.js";
+import { defaultTextAreaTheme, textAreaStyles } from "./styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { TextArea, TextField } from "react-aria-components";
+//#region src/components/TextArea/TextArea.tsx
+function TextArea$1({ size = "md", isInvalid = false, theme = {}, placeholder, ...props }) {
+	const mergedTheme = mergeDeep(defaultTextAreaTheme, theme);
+	return /* @__PURE__ */ jsx(FormInputContainer, {
+		as: TextField,
+		size,
+		isInvalid,
+		...props,
+		children: /* @__PURE__ */ jsx(TextArea, {
+			placeholder,
+			css: textAreaStyles(mergedTheme, {
+				size,
+				isInvalid
+			})
+		})
+	});
 }
-
-export { TextArea };
+//#endregion
+export { TextArea$1 as TextArea };

package/dist/components/TextArea/styles.cjs

@@ -1,13 +1,12 @@
-'use strict';
-
-var react = require('@emotion/react');
-var textArea = require('../../styleD/build/typescript/component/textArea.cjs');
-var typography = require('../../styleD/utils/semantic/typography.cjs');
-
-const defaultTextAreaTheme = textArea.componentTextArea;
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_typography = require("../../styleD/utils/semantic/typography.cjs");
+const require_textArea = require("../../styleD/build/typescript/component/textArea.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/TextArea/styles.ts
+const defaultTextAreaTheme = require_textArea.componentTextArea;
 const textAreaStyles = (theme, { size, isInvalid }) => {
-  return react.css`
-		${typography.convertTypographyToEmotionStringStyle(theme[size].typography)}
+	return _emotion_react.css`
+		${require_typography.convertTypographyToEmotionStringStyle(theme[size].typography)}
 		background-color: ${theme.shared.backgroundColor};
 		border-radius: ${theme.shared.borderRadius};
 		border: ${theme.shared.border};
@@ -37,11 +36,11 @@ const textAreaStyles = (theme, { size, isInvalid }) => {
 			outline: ${theme.shared.focused.outline};
 		}
 
-		${isInvalid && react.css`
+		${isInvalid && _emotion_react.css`
 			border: ${theme.shared.error.border};
 		`}
 	`;
 };
-
+//#endregion
 exports.defaultTextAreaTheme = defaultTextAreaTheme;
 exports.textAreaStyles = textAreaStyles;

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

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.cjs";
+import { ComponentTextArea } from "../../styleD/build/typescript/component/textArea.cjs";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/TextArea/styles.d.ts
+type TextAreaTheme = Prettify<ComponentTextArea>;
+//#endregion
+export { TextAreaTheme };

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

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.js";
+import { ComponentTextArea } from "../../styleD/build/typescript/component/textArea.js";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/TextArea/styles.d.ts
+type TextAreaTheme = Prettify<ComponentTextArea>;
+//#endregion
+export { TextAreaTheme };

package/dist/components/TextArea/styles.js

@@ -1,10 +1,10 @@
-import { css } from '@emotion/react';
-import { componentTextArea } from '../../styleD/build/typescript/component/textArea.js';
-import { convertTypographyToEmotionStringStyle } from '../../styleD/utils/semantic/typography.js';
-
+import { convertTypographyToEmotionStringStyle } from "../../styleD/utils/semantic/typography.js";
+import { componentTextArea } from "../../styleD/build/typescript/component/textArea.js";
+import { css } from "@emotion/react";
+//#region src/components/TextArea/styles.ts
 const defaultTextAreaTheme = componentTextArea;
 const textAreaStyles = (theme, { size, isInvalid }) => {
-  return css`
+	return css`
 		${convertTypographyToEmotionStringStyle(theme[size].typography)}
 		background-color: ${theme.shared.backgroundColor};
 		border-radius: ${theme.shared.borderRadius};
@@ -40,5 +40,5 @@ const textAreaStyles = (theme, { size, isInvalid }) => {
 		`}
 	`;
 };
-
+//#endregion
 export { defaultTextAreaTheme, textAreaStyles };

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

@@ -0,0 +1,11 @@
+import { FormInputContainerDefaultProps } from "../Form/types.cjs";
+import { TextAreaTheme } from "./styles.cjs";
+import { TextFieldProps } from "react-aria-components";
+
+//#region src/components/TextArea/types.d.ts
+interface TextAreaProps extends FormInputContainerDefaultProps<TextFieldProps, TextAreaTheme> {
+  /** Temporary text that occupies the text area when it is empty */
+  placeholder?: string;
+}
+//#endregion
+export { TextAreaProps };

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

@@ -0,0 +1,11 @@
+import { FormInputContainerDefaultProps } from "../Form/types.js";
+import { TextAreaTheme } from "./styles.js";
+import { TextFieldProps } from "react-aria-components";
+
+//#region src/components/TextArea/types.d.ts
+interface TextAreaProps extends FormInputContainerDefaultProps<TextFieldProps, TextAreaTheme> {
+  /** Temporary text that occupies the text area when it is empty */
+  placeholder?: string;
+}
+//#endregion
+export { TextAreaProps };

package/dist/components/TextInput/TextInput.cjs

@@ -1,35 +1,25 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var reactAriaComponents = require('react-aria-components');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var Form = require('../Form/Form.cjs');
-var styles = require('./styles.cjs');
-
-function TextInput({
-  size = "md",
-  isInvalid = false,
-  theme = {},
-  placeholder,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultTextInputTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Form.FormInputContainer,
-    {
-      as: reactAriaComponents.TextField,
-      size,
-      isInvalid,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactAriaComponents.Input,
-        {
-          placeholder,
-          css: styles.textInputStyles(mergedTheme, { size, isInvalid })
-        }
-      )
-    }
-  );
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Form = require("../Form/Form.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/TextInput/TextInput.tsx
+function TextInput({ size = "md", isInvalid = false, theme = {}, placeholder, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultTextInputTheme, theme);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Form.FormInputContainer, {
+		as: react_aria_components.TextField,
+		size,
+		isInvalid,
+		...props,
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Input, {
+			placeholder,
+			css: require_styles.textInputStyles(mergedTheme, {
+				size,
+				isInvalid
+			})
+		})
+	});
 }
-
+//#endregion
 exports.TextInput = TextInput;

package/dist/components/TextInput/TextInput.d.cts

@@ -0,0 +1,12 @@
+import { TextInputProps } from "./types.cjs";
+
+//#region src/components/TextInput/TextInput.d.ts
+declare function TextInput({
+  size,
+  isInvalid,
+  theme,
+  placeholder,
+  ...props
+}: TextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { TextInput };

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,12 @@
+import { TextInputProps } from "./types.js";
+
+//#region src/components/TextInput/TextInput.d.ts
+declare function TextInput({
+  size,
+  isInvalid,
+  theme,
+  placeholder,
+  ...props
+}: TextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { TextInput };

package/dist/components/TextInput/TextInput.js

@@ -1,12 +1,24 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { TextField, Input } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { FormInputContainer } from '../Form/Form.js';
-import { defaultTextInputTheme, textInputStyles } from './styles.js';
-
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { FormInputContainer } from "../Form/Form.js";
+import { defaultTextInputTheme, textInputStyles } from "./styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Input, TextField } from "react-aria-components";
+//#region src/components/TextInput/TextInput.tsx
 function TextInput({ size = "md", isInvalid = false, theme = {}, placeholder, ...props }) {
-  const mergedTheme = mergeDeep(defaultTextInputTheme, theme);
-  return jsx(FormInputContainer, { as: TextField, size, isInvalid, ...props, children: jsx(Input, { placeholder, css: textInputStyles(mergedTheme, { size, isInvalid }) }) });
+	const mergedTheme = mergeDeep(defaultTextInputTheme, theme);
+	return /* @__PURE__ */ jsx(FormInputContainer, {
+		as: TextField,
+		size,
+		isInvalid,
+		...props,
+		children: /* @__PURE__ */ jsx(Input, {
+			placeholder,
+			css: textInputStyles(mergedTheme, {
+				size,
+				isInvalid
+			})
+		})
+	});
 }
-
+//#endregion
 export { TextInput };

package/dist/components/TextInput/styles.cjs

@@ -1,13 +1,12 @@
-'use strict';
-
-var react = require('@emotion/react');
-var textInput = require('../../styleD/build/typescript/component/textInput.cjs');
-var typography = require('../../styleD/utils/semantic/typography.cjs');
-
-const defaultTextInputTheme = textInput.componentTextInput;
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_typography = require("../../styleD/utils/semantic/typography.cjs");
+const require_textInput = require("../../styleD/build/typescript/component/textInput.cjs");
+let _emotion_react = require("@emotion/react");
+//#region src/components/TextInput/styles.ts
+const defaultTextInputTheme = require_textInput.componentTextInput;
 const textInputStyles = (theme, { size, isInvalid }) => {
-  return react.css`
-		${typography.convertTypographyToEmotionStringStyle(theme[size].typography)}
+	return _emotion_react.css`
+		${require_typography.convertTypographyToEmotionStringStyle(theme[size].typography)}
 		background-color: ${theme.shared.backgroundColor};
 		border-radius: ${theme.shared.borderRadius};
 		border: ${theme.shared.border};
@@ -37,11 +36,11 @@ const textInputStyles = (theme, { size, isInvalid }) => {
 			outline: ${theme.shared.focused.outline};
 		}
 
-		${isInvalid && react.css`
+		${isInvalid && _emotion_react.css`
 			border: ${theme.shared.error.border};
 		`}
 	`;
 };
-
+//#endregion
 exports.defaultTextInputTheme = defaultTextInputTheme;
 exports.textInputStyles = textInputStyles;

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

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.cjs";
+import { ComponentTextInput } from "../../styleD/build/typescript/component/textInput.cjs";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/TextInput/styles.d.ts
+type TextInputTheme = Prettify<ComponentTextInput>;
+//#endregion
+export { TextInputTheme };

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

@@ -0,0 +1,8 @@
+import { Prettify } from "../../util/types.js";
+import { ComponentTextInput } from "../../styleD/build/typescript/component/textInput.js";
+import { SerializedStyles } from "@emotion/react";
+
+//#region src/components/TextInput/styles.d.ts
+type TextInputTheme = Prettify<ComponentTextInput>;
+//#endregion
+export { TextInputTheme };

package/dist/components/TextInput/styles.js

@@ -1,10 +1,10 @@
-import { css } from '@emotion/react';
-import { componentTextInput } from '../../styleD/build/typescript/component/textInput.js';
-import { convertTypographyToEmotionStringStyle } from '../../styleD/utils/semantic/typography.js';
-
+import { convertTypographyToEmotionStringStyle } from "../../styleD/utils/semantic/typography.js";
+import { componentTextInput } from "../../styleD/build/typescript/component/textInput.js";
+import { css } from "@emotion/react";
+//#region src/components/TextInput/styles.ts
 const defaultTextInputTheme = componentTextInput;
 const textInputStyles = (theme, { size, isInvalid }) => {
-  return css`
+	return css`
 		${convertTypographyToEmotionStringStyle(theme[size].typography)}
 		background-color: ${theme.shared.backgroundColor};
 		border-radius: ${theme.shared.borderRadius};
@@ -40,5 +40,5 @@ const textInputStyles = (theme, { size, isInvalid }) => {
 		`}
 	`;
 };
-
+//#endregion
 export { defaultTextInputTheme, textInputStyles };

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

@@ -0,0 +1,11 @@
+import { FormInputContainerDefaultProps } from "../Form/types.cjs";
+import { TextInputTheme } from "./styles.cjs";
+import { TextFieldProps } from "react-aria-components";
+
+//#region src/components/TextInput/types.d.ts
+interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
+  /** Temporary text that occupies the text input when it is empty */
+  placeholder?: string;
+}
+//#endregion
+export { TextInputProps };

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

@@ -0,0 +1,11 @@
+import { FormInputContainerDefaultProps } from "../Form/types.js";
+import { TextInputTheme } from "./styles.js";
+import { TextFieldProps } from "react-aria-components";
+
+//#region src/components/TextInput/types.d.ts
+interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
+  /** Temporary text that occupies the text input when it is empty */
+  placeholder?: string;
+}
+//#endregion
+export { TextInputProps };