@alto-avios/alto-ui 2.3.3 → 3.0.0

package/dist/components/TagGroup/TagGroup.js

@@ -26,7 +26,7 @@ const TagGroup = ({
   return /* @__PURE__ */ jsxs(TagGroup$1, { className: styles.tagGroup, selectionMode, ...props, children: [
     /* @__PURE__ */ jsxs("span", { className: styles.spanContainer, children: [
       /* @__PURE__ */ jsx(FieldLabel, { children: label }),
-      clearButton && /* @__PURE__ */ jsx(Button, { styleType: "accent", emphasis: "quaternary", size: "sm", onClick: clearButtonOnClick, children: "Clear" })
+      clearButton && /* @__PURE__ */ jsx(Button, { styleVariant: "accent", emphasis: "quaternary", size: "sm", onPress: clearButtonOnClick, children: "Clear" })
     ] }),
     description && /* @__PURE__ */ jsx(FieldDescription, { children: description }),
     /* @__PURE__ */ jsx(TagList, { className: styles.tagGroupList, items, renderEmptyState, children })

package/dist/components/TextAreaField/TextAreaField.d.ts

@@ -1,3 +1,3 @@
 import { TextFieldProps } from '../TextField/TextField';
-export declare const TextAreaField: ({ label, description, defaultValue, errorMessage, isDisabled, isInvalid, isRequired, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextAreaField: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default TextAreaField;

package/dist/components/TextAreaField/TextAreaField.js

@@ -1,26 +1,14 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { TextField, TextArea } from "react-aria-components";
-import { FieldHeader } from "../FieldHeader/FieldHeader.js";
-import '../../assets/TextAreaField.css';const textAreaField = "_textAreaField_1h7su_1";
-const validationError = "_validationError_1h7su_67";
+import { Field } from "../_base/Field/Field.js";
+import '../../assets/TextAreaField.css';const textAreaField = "_textAreaField_1hjyj_1";
+const validationError = "_validationError_1hjyj_71";
 const styles = {
   textAreaField,
   validationError
 };
-const TextAreaField = ({
-  label,
-  description,
-  defaultValue,
-  errorMessage,
-  isDisabled,
-  isInvalid,
-  isRequired = false,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(TextField, { className: styles.textAreaField, defaultValue, isDisabled, isInvalid, ...props, children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, description, errorMessage, isRequired, isInvalid }),
-    /* @__PURE__ */ jsx(TextArea, {})
-  ] });
+const TextAreaField = (props) => {
+  return /* @__PURE__ */ jsx(Field, { as: TextField, className: styles.textAreaField, ...props, children: /* @__PURE__ */ jsx(TextArea, {}) });
 };
 export {
   TextAreaField,

package/dist/components/TextAreaField/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TextAreaField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/components/TextField/TextField.d.ts

@@ -1,34 +1,7 @@
-import { TextFieldProps as AriaTextFieldProps, ValidationResult } from 'react-aria-components';
+import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
 import { IconProps } from '../Icon/Icon';
-export interface TextFieldProps extends AriaTextFieldProps {
-    /**
-     * The label for the TextField
-     */
-    label?: string;
-    /**
-     * The description for the TextField
-     */
-    description?: string;
-    /**
-     * The error message for the TextField
-     */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /**
-     * Whether the TextField is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * The default value for the TextField
-     */
-    defaultValue?: string;
-    /**
-     * Whether the TextField is invalid
-     */
-    isInvalid?: boolean;
-    /**
-     * Whether the TextField is required
-     */
-    isRequired?: boolean;
+import { FieldProps } from '../_base/Field';
+export interface TextFieldProps extends FieldProps<AriaTextFieldProps> {
     /**
      * Whether an icon should display at the start of the TextField
      */
@@ -38,5 +11,5 @@ export interface TextFieldProps extends AriaTextFieldProps {
      */
     iconEndProps?: IconProps;
 }
-export declare const TextField: ({ label, description, defaultValue, errorMessage, isDisabled, isInvalid, isRequired, iconStartProps, iconEndProps, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextField: ({ iconStartProps, iconEndProps, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default TextField;

package/dist/components/TextField/TextField.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { TextField as TextField$1, Input } from "react-aria-components";
-import { FieldHeader } from "../FieldHeader/FieldHeader.js";
 import { Icon } from "../Icon/Icon.js";
+import { Field } from "../_base/Field/Field.js";
 import '../../assets/TextField.css';const textField = "_textField_1kom2_1";
 const inputWrapper = "_inputWrapper_1kom2_45";
 const iconStart = "_iconStart_1kom2_51";
@@ -13,25 +13,15 @@ const styles = {
   iconEnd
 };
 const TextField = ({
-  label,
-  description,
-  defaultValue,
-  errorMessage,
-  isDisabled,
-  isInvalid,
-  isRequired = false,
   iconStartProps,
   iconEndProps,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs(TextField$1, { className: styles.textField, defaultValue, isDisabled, isInvalid, ...props, children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, description, errorMessage, isRequired, isInvalid }),
-    /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
-      iconStartProps && /* @__PURE__ */ jsx(Icon, { ...iconStartProps, className: styles.iconStart }),
-      /* @__PURE__ */ jsx(Input, {}),
-      iconEndProps && /* @__PURE__ */ jsx(Icon, { ...iconEndProps, className: styles.iconEnd })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsx(Field, { as: TextField$1, className: styles.textField, ...props, children: /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
+    iconStartProps && /* @__PURE__ */ jsx(Icon, { ...iconStartProps, className: styles.iconStart }),
+    /* @__PURE__ */ jsx(Input, {}),
+    iconEndProps && /* @__PURE__ */ jsx(Icon, { ...iconEndProps, className: styles.iconEnd })
+  ] }) });
 };
 export {
   TextField,

package/dist/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TextField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ToggleButton/ToggleButton.js

@@ -4,14 +4,14 @@ import { useRef, useState, useEffect } from "react";
 import { ToggleButton as ToggleButton$1 } from "react-aria-components";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/ToggleButton.css';const toggleButton$1 = "_toggleButton_eymuc_1";
-const sm = "_sm_eymuc_34";
-const md = "_md_eymuc_41";
-const lg = "_lg_eymuc_47";
+import '../../assets/ToggleButton.css';const toggleButton$1 = "_toggleButton_17fie_1";
+const sm = "_sm_17fie_35";
+const md = "_md_17fie_42";
+const lg = "_lg_17fie_48";
 const styles = {
   toggleButton: toggleButton$1,
-  "fa-spinner-third": "_fa-spinner-third_eymuc_20",
-  "icon-wrapper": "_icon-wrapper_eymuc_25",
+  "fa-spinner-third": "_fa-spinner-third_17fie_21",
+  "icon-wrapper": "_icon-wrapper_17fie_26",
   sm,
   md,
   lg

package/dist/components/ToggleIconButton/ToggleIconButton.d.ts

@@ -14,6 +14,14 @@ export interface ToggleIconButtonProps extends Omit<ToggleButtonProps, 'children
      *  Handler that is called when the press is released over the target.
      */
     onClick?: (e: PressEvent) => void;
+    /**
+     * Tooltip text to display on hover and focus
+     */
+    tooltipLabel?: string;
+    /**
+     * Tooltip placement relative to the button
+     */
+    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
 }
-declare const ToggleIconButton: ({ iconProps, isLoading, size, focusStyle, isSelected, defaultSelected, isDisabled, autoFocus, type, onClick, ...props }: ToggleIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ToggleIconButton: ({ iconProps, isLoading, size, focusStyle, tooltipLabel, tooltipPlacement, isSelected, defaultSelected, isDisabled, autoFocus, type, onClick, ...props }: ToggleIconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ToggleIconButton;

package/dist/components/ToggleIconButton/ToggleIconButton.js

@@ -5,17 +5,18 @@ import { ToggleButton } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/ToggleIconButton.css';const toggleIconButton$1 = "_toggleIconButton_1t6yj_1";
-const sm = "_sm_1t6yj_26";
-const md = "_md_1t6yj_32";
-const lg = "_lg_1t6yj_38";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import '../../assets/ToggleIconButton.css';const toggleIconButton$1 = "_toggleIconButton_1pk2t_1";
+const sm = "_sm_1pk2t_26";
+const md = "_md_1pk2t_32";
+const lg = "_lg_1pk2t_38";
 const styles = {
   toggleIconButton: toggleIconButton$1,
-  "icon-wrapper": "_icon-wrapper_1t6yj_17",
+  "icon-wrapper": "_icon-wrapper_1pk2t_17",
   sm,
   md,
   lg,
-  "fa-spinner-third": "_fa-spinner-third_1t6yj_44"
+  "fa-spinner-third": "_fa-spinner-third_1pk2t_44"
 };
 const toggleIconButton = cva(styles.toggleIconButton, {
   variants: {
@@ -36,6 +37,8 @@ const ToggleIconButton = ({
   isLoading = false,
   size = "md",
   focusStyle = "default",
+  tooltipLabel = "",
+  tooltipPlacement = "top",
   // react-aria props
   isSelected,
   defaultSelected,
@@ -65,16 +68,20 @@ const ToggleIconButton = ({
       onClick(e);
     }
   };
-  return /* @__PURE__ */ jsxs(ToggleButton, { className: `${toggleIconButton({
+  const buttonContent = /* @__PURE__ */ jsxs(ToggleButton, { className: `${toggleIconButton({
     size
   })} ${focusStyleVariants({
     focusStyle
-  })}`, ref: buttonRef, isSelected: selectedState, defaultSelected, isDisabled, autoFocus, type, onPress: handlePress, "aria-label": isLoading ? "Loading Spinner" : "Icon", style: {
+  })}`, ref: buttonRef, isSelected: selectedState, defaultSelected, isDisabled, autoFocus, type, onPress: handlePress, "aria-label": tooltipLabel ? void 0 : isLoading ? "Loading Spinner" : "Icon", style: {
     width: isLoading && buttonWidth ? `${buttonWidth}px` : void 0
   }, ...props, children: [
     isLoading && /* @__PURE__ */ jsx(LoadingSpinner, { size: "1x" }),
     !isLoading && /* @__PURE__ */ jsx(Icon, { ...iconProps })
   ] });
+  if (tooltipLabel) {
+    return /* @__PURE__ */ jsx(Tooltip, { label: tooltipLabel, placement: tooltipPlacement, isDisabled, children: buttonContent });
+  }
+  return buttonContent;
 };
 export {
   ToggleIconButton as default

package/dist/components/ToggleIconButton/ToggleIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleIconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ToggleIconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { TooltipTrigger, Tooltip as Tooltip$1 } from "react-aria-components";
-import '../../assets/Tooltip.css';const tooltip = "_tooltip_46243_2";
-const slide = "_slide_46243_1";
+import '../../assets/Tooltip.css';const tooltip = "_tooltip_1m8m8_2";
+const slide = "_slide_1m8m8_1";
 const styles = {
   tooltip,
   slide
@@ -18,7 +18,7 @@ const Tooltip = ({
 }) => {
   return /* @__PURE__ */ jsxs(TooltipTrigger, { isDisabled, delay, closeDelay, trigger, children: [
     children,
-    /* @__PURE__ */ jsx(Tooltip$1, { className: styles.tooltip, placement, ...props, children: label })
+    /* @__PURE__ */ jsx(Tooltip$1, { className: styles.tooltip, placement, ...props, children: /* @__PURE__ */ jsx("div", { "data-placement": placement, children: label }) })
   ] });
 };
 export {

package/dist/components/_base/Field/Field.d.ts

@@ -0,0 +1,16 @@
+import { FieldHeaderProps } from '../../FieldHeader';
+import { default as React } from 'react';
+export interface FieldCommonProps extends FieldHeaderProps {
+    /**
+     * Whether the Field is disabled
+     */
+    isDisabled?: boolean;
+}
+export type FieldProps<T extends object> = T & FieldCommonProps;
+type FieldBaseProps<T extends object> = FieldProps<T> & {
+    as: React.ElementType;
+    children: React.ReactNode;
+    className?: React.ComponentProps<React.ElementType>['className'];
+};
+export declare function Field<T extends object>({ as, children, className, isInvalid, isDisabled, isRequired, ...props }: FieldBaseProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Field;

package/dist/components/_base/Field/Field.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FieldHeader } from "../../FieldHeader/FieldHeader.js";
+import React from "react";
+function PolymorphicField({
+  as,
+  children,
+  ...props
+}) {
+  if (!as) {
+    console.warn("@alto/ui: Field expects an as prop");
+  }
+  return as ? React.createElement(as, props, children) : /* @__PURE__ */ jsx("div", { children });
+}
+function Field({
+  as,
+  children,
+  className,
+  isInvalid = false,
+  isDisabled = false,
+  isRequired = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(PolymorphicField, { as, isDisabled, isInvalid, className, isRequired, ...props, children: [
+    (props == null ? void 0 : props.label) ? /* @__PURE__ */ jsx(FieldHeader, { label: props == null ? void 0 : props.label, description: props == null ? void 0 : props.description, errorMessage: props == null ? void 0 : props.errorMessage, isInvalid, isRequired, labelFor: props == null ? void 0 : props.labelFor }) : null,
+    children
+  ] });
+}
+export {
+  Field,
+  Field as default
+};
+//# sourceMappingURL=Field.js.map

package/dist/components/_base/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/_base/Field/index.d.ts

@@ -0,0 +1,2 @@
+export { Field } from './Field';
+export type { FieldProps } from './Field';

package/dist/components/_base/Field/index.js

@@ -0,0 +1,5 @@
+import { Field } from "./Field.js";
+export {
+  Field
+};
+//# sourceMappingURL=index.js.map

package/dist/components/_base/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export { default as AviosCurrencySymbol } from './AviosCurrencySymbol';
 export { default as Badge } from './Badge';
 export { default as Box } from './Box';
 export { default as Button } from './Button';
@@ -12,16 +13,21 @@ export { default as FieldDescription } from './FieldDescription';
 export { default as FieldError } from './FieldError';
 export { default as FieldHeader } from './FieldHeader';
 export { default as FieldLabel } from './FieldLabel';
+export { default as Fieldset } from './Fieldset';
+export { default as FieldsetHeader } from './FieldsetHeader';
+export { default as Form } from './Form';
 export { default as Grid } from './Grid';
 export { default as Heading } from './Heading';
 export { default as Icon } from './Icon';
 export { default as IconButton } from './IconButton';
+export { default as Image } from './Image';
 export { default as Link } from './Link';
 export { default as LoadingSpinner } from './LoadingSpinner';
-export { default as NewButton } from './NewButton';
+export { default as NumberField } from './NumberField';
 export { default as Paragraph } from './Paragraph';
 export { default as Radio } from './Radio';
 export { default as RadioGroup } from './RadioGroup';
+export { default as Section } from './Section';
 export { default as SubHeading } from './SubHeading';
 export { default as Tag } from './Tag';
 export { default as TagGroup } from './TagGroup';

package/dist/components/index.js

@@ -1,4 +1,5 @@
 import '../assets/global.css';/* empty css                 */
+import { AviosCurrencySymbol } from "./AviosCurrencySymbol/AviosCurrencySymbol.js";
 import { Badge } from "./Badge/Badge.js";
 import { Box } from "./Box/Box.js";
 import { Button } from "./Button/Button.js";
@@ -13,25 +14,31 @@ import { default as default3 } from "./FieldDescription/FieldDescription.js";
 import { FieldError } from "./FieldError/FieldError.js";
 import { FieldHeader } from "./FieldHeader/FieldHeader.js";
 import { FieldLabel } from "./FieldLabel/FieldLabel.js";
+import { default as default4 } from "./Fieldset/Fieldset.js";
+import { FieldsetHeader } from "./FieldsetHeader/FieldsetHeader.js";
+import { Form } from "./Form/Form.js";
 import { Grid } from "./Grid/Grid.js";
 import { Heading } from "./Heading/Heading.js";
 import { Icon } from "./Icon/Icon.js";
 import { IconButton } from "./IconButton/IconButton.js";
-import { default as default4 } from "./Link/Link.js";
-import { default as default5 } from "./LoadingSpinner/LoadingSpinner.js";
-import { NewButton } from "./NewButton/NewButton.js";
+import { Image } from "./Image/Image.js";
+import { default as default5 } from "./Link/Link.js";
+import { default as default6 } from "./LoadingSpinner/LoadingSpinner.js";
+import { NumberField } from "./NumberField/NumberField.js";
 import { Paragraph } from "./Paragraph/Paragraph.js";
 import { Radio } from "./Radio/Radio.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
+import { default as default7 } from "./Section/Section.js";
 import { SubHeading } from "./SubHeading/SubHeading.js";
 import { Tag } from "./Tag/Tag.js";
 import { TagGroup } from "./TagGroup/TagGroup.js";
 import { TextField } from "./TextField/TextField.js";
 import { TextAreaField } from "./TextAreaField/TextAreaField.js";
-import { default as default6 } from "./ToggleButton/ToggleButton.js";
-import { default as default7 } from "./ToggleIconButton/ToggleIconButton.js";
+import { default as default8 } from "./ToggleButton/ToggleButton.js";
+import { default as default9 } from "./ToggleIconButton/ToggleIconButton.js";
 import { Tooltip } from "./Tooltip/Tooltip.js";
 export {
+  AviosCurrencySymbol,
   Badge,
   Box,
   Button,
@@ -46,23 +53,28 @@ export {
   FieldError,
   FieldHeader,
   FieldLabel,
+  default4 as Fieldset,
+  FieldsetHeader,
+  Form,
   Grid,
   Heading,
   Icon,
   IconButton,
-  default4 as Link,
-  default5 as LoadingSpinner,
-  NewButton,
+  Image,
+  default5 as Link,
+  default6 as LoadingSpinner,
+  NumberField,
   Paragraph,
   Radio,
   RadioGroup,
+  default7 as Section,
   SubHeading,
   Tag,
   TagGroup,
   TextAreaField,
   TextField,
-  default6 as ToggleButton,
-  default7 as ToggleIconButton,
+  default8 as ToggleButton,
+  default9 as ToggleIconButton,
   Tooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,4 +1,5 @@
 import './assets/global.css';/* empty css                */
+import { AviosCurrencySymbol } from "./components/AviosCurrencySymbol/AviosCurrencySymbol.js";
 import { Badge } from "./components/Badge/Badge.js";
 import { Box } from "./components/Box/Box.js";
 import { Button } from "./components/Button/Button.js";
@@ -13,25 +14,31 @@ import { default as default3 } from "./components/FieldDescription/FieldDescript
 import { FieldError } from "./components/FieldError/FieldError.js";
 import { FieldHeader } from "./components/FieldHeader/FieldHeader.js";
 import { FieldLabel } from "./components/FieldLabel/FieldLabel.js";
+import { default as default4 } from "./components/Fieldset/Fieldset.js";
+import { FieldsetHeader } from "./components/FieldsetHeader/FieldsetHeader.js";
+import { Form } from "./components/Form/Form.js";
 import { Grid } from "./components/Grid/Grid.js";
 import { Heading } from "./components/Heading/Heading.js";
 import { Icon } from "./components/Icon/Icon.js";
 import { IconButton } from "./components/IconButton/IconButton.js";
-import { default as default4 } from "./components/Link/Link.js";
-import { default as default5 } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { NewButton } from "./components/NewButton/NewButton.js";
+import { Image } from "./components/Image/Image.js";
+import { default as default5 } from "./components/Link/Link.js";
+import { default as default6 } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { NumberField } from "./components/NumberField/NumberField.js";
 import { Paragraph } from "./components/Paragraph/Paragraph.js";
 import { Radio } from "./components/Radio/Radio.js";
 import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
+import { default as default7 } from "./components/Section/Section.js";
 import { SubHeading } from "./components/SubHeading/SubHeading.js";
 import { Tag } from "./components/Tag/Tag.js";
 import { TagGroup } from "./components/TagGroup/TagGroup.js";
 import { TextField } from "./components/TextField/TextField.js";
 import { TextAreaField } from "./components/TextAreaField/TextAreaField.js";
-import { default as default6 } from "./components/ToggleButton/ToggleButton.js";
-import { default as default7 } from "./components/ToggleIconButton/ToggleIconButton.js";
+import { default as default8 } from "./components/ToggleButton/ToggleButton.js";
+import { default as default9 } from "./components/ToggleIconButton/ToggleIconButton.js";
 import { Tooltip } from "./components/Tooltip/Tooltip.js";
 export {
+  AviosCurrencySymbol,
   Badge,
   Box,
   Button,
@@ -46,23 +53,28 @@ export {
   FieldError,
   FieldHeader,
   FieldLabel,
+  default4 as Fieldset,
+  FieldsetHeader,
+  Form,
   Grid,
   Heading,
   Icon,
   IconButton,
-  default4 as Link,
-  default5 as LoadingSpinner,
-  NewButton,
+  Image,
+  default5 as Link,
+  default6 as LoadingSpinner,
+  NumberField,
   Paragraph,
   Radio,
   RadioGroup,
+  default7 as Section,
   SubHeading,
   Tag,
   TagGroup,
   TextAreaField,
   TextField,
-  default6 as ToggleButton,
-  default7 as ToggleIconButton,
+  default8 as ToggleButton,
+  default9 as ToggleIconButton,
   Tooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/backgroundColour/backgroundColour.d.ts

@@ -4,5 +4,5 @@ export declare const backgroundColorVariants: (props?: ({
     backgroundColour?: "transparent" | "base" | "layer1" | "layer2" | "layer3" | "accentVibrant" | "accentSubtle" | "accentDeep" | "criticalVibrant" | "criticalSubtle" | "warningVibrant" | "warningSubtle" | "cautionVibrant" | "cautionSubtle" | "successVibrant" | "successSubtle" | "informationVibrant" | "informationSubtle" | "inverseVibrant" | "inverseSubtle" | "whiteVibrant" | "whiteSubtle" | "disabledVibrant" | "disabledSubtle" | "saleVibrant" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BackgroundVariants = VariantProps<typeof backgroundColorVariants>;
-export declare const backgroundColourOptions: BackgroundVariants["backgroundColour"][];
+export declare const backgroundColourOptions: BackgroundVariants['backgroundColour'][];
 export declare const backgroundColourArgTypes: Record<string, InputType>;

package/dist/utils/border/border.d.ts

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputType } from 'storybook/internal/types';
 export declare const borderVariants: (props?: ({
-    borderRadius?: "lg" | "sm" | "xs" | "none" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "6xs" | "circle" | null | undefined;
-    borderWidth?: "lg" | "sm" | "xs" | "none" | "md" | "xl" | null | undefined;
+    borderRadius?: "none" | "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "6xs" | "circle" | null | undefined;
+    borderWidth?: "none" | "lg" | "sm" | "xs" | "md" | "xl" | null | undefined;
     borderStyle?: "none" | "solid" | "dashed" | null | undefined;
-    borderColour?: "none" | "white" | "critical" | "warning" | "caution" | "success" | "secondary" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
+    borderColour?: "secondary" | "white" | "none" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BorderVariants = VariantProps<typeof borderVariants>;
 export declare const borderArgTypes: Record<string, InputType>;

package/dist/utils/fgColour/fgColor.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const fgColorVariants: (props?: ({
-    fgColor?: "default" | "secondary" | "accentPrimary" | "accentSecondary" | "criticalPrimary" | "whitePrimary" | "accentOnVibrant" | "accentOnVibrantAccent" | "accentOnSubtle" | "accentOnDeep" | "criticalOnVibrant" | "criticalOnSubtle" | "warningPrimary" | "warningOnVibrant" | "warningOnSubtle" | "cautionPrimary" | "cautionOnVibrant" | "cautionOnSubtle" | "successPrimary" | "successOnVibrant" | "successOnSubtle" | "informationPrimary" | "informationOnVibrant" | "informationOnSubtle" | "inversePrimary" | "inverseOnVibrant" | "inverseOnSubtle" | "whiteOnVibrant" | "whiteOnSubtle" | "disabledPrimary" | "disabledOnVibrant" | "disabledOnSubtle" | "salePrimary" | "saleOnVibrant" | null | undefined;
+    fgColor?: "secondary" | "default" | "accentPrimary" | "accentSecondary" | "criticalPrimary" | "whitePrimary" | "accentOnVibrant" | "accentOnVibrantAccent" | "accentOnSubtle" | "accentOnDeep" | "criticalOnVibrant" | "criticalOnSubtle" | "warningPrimary" | "warningOnVibrant" | "warningOnSubtle" | "cautionPrimary" | "cautionOnVibrant" | "cautionOnSubtle" | "successPrimary" | "successOnVibrant" | "successOnSubtle" | "informationPrimary" | "informationOnVibrant" | "informationOnSubtle" | "inversePrimary" | "inverseOnVibrant" | "inverseOnSubtle" | "whiteOnVibrant" | "whiteOnSubtle" | "disabledPrimary" | "disabledOnVibrant" | "disabledOnSubtle" | "salePrimary" | "saleOnVibrant" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type FgColorVariants = VariantProps<typeof fgColorVariants>;