@alto-avios/alto-ui 3.2.0 → 3.3.0

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

@@ -11,5 +11,5 @@ export interface TextFieldProps extends FieldProps<AriaTextFieldProps> {
      */
     iconEndProps?: IconProps;
 }
-export declare const TextField: ({ iconStartProps, iconEndProps, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/components/TextField/TextField.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { TextField as TextField$1, Input } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import { Field } from "../_base/Field/Field.js";
+import { forwardRef } from "react";
 import '../../assets/TextField.css';const textField = "_textField_1kom2_1";
 const inputWrapper = "_inputWrapper_1kom2_45";
 const iconStart = "_iconStart_1kom2_51";
@@ -12,17 +13,18 @@ const styles = {
   iconStart,
   iconEnd
 };
-const TextField = ({
+const TextField = forwardRef(({
   iconStartProps,
   iconEndProps,
   ...props
-}) => {
+}, ref) => {
   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, {}),
+    /* @__PURE__ */ jsx(Input, { ref }),
     iconEndProps && /* @__PURE__ */ jsx(Icon, { ...iconEndProps, className: styles.iconEnd })
   ] }) });
-};
+});
+TextField.displayName = "TextField";
 export {
   TextField,
   TextField as default

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/index.d.ts

@@ -10,6 +10,7 @@ export { default as CardSection } from './CardSection';
 export { default as Checkbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as CreditCardNumberField } from './CreditCardNumberField';
+export { default as CreditCardSecurityCodeField } from './CreditCardSecurityCodeField';
 export { default as DateField } from './DateField';
 export { default as DestinationHeading } from './DestinationHeading';
 export { default as DetailsDisclosure } from './DetailsDisclosure';
@@ -29,7 +30,9 @@ export { default as Icon } from './Icon';
 export { default as IconBackdrop } from './IconBackdrop';
 export { default as IconButton } from './IconButton';
 export { default as Image } from './Image';
+export { default as Label } from './Label';
 export { default as Link } from './Link';
+export { default as ListBoxItem } from './ListBoxItem';
 export { default as LoadingSpinner } from './LoadingSpinner';
 export { default as Menu } from './Menu';
 export { default as NumberField } from './NumberField';
@@ -39,6 +42,7 @@ export { default as Popover } from './Popover';
 export { default as PasswordField } from './PasswordField';
 export { default as Radio } from './Radio';
 export { default as RadioGroup } from './RadioGroup';
+export { default as SearchField } from './SearchField';
 export { default as Section } from './Section';
 export { default as Select } from './SelectNative';
 export { default as SelectCard } from './SelectCard';

package/dist/components/index.js

@@ -11,6 +11,7 @@ import { default as default2 } from "./CardSection/CardSection.js";
 import { Checkbox } from "./Checkbox/Checkbox.js";
 import { CheckboxGroup } from "./CheckboxGroup/CheckboxGroup.js";
 import { CreditCardNumberField } from "./CreditCardNumberField/CreditCardNumberField.js";
+import { CreditCardSecurityCodeField } from "./CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";
 import { DateField } from "./DateField/DateField.js";
 import { DestinationHeading } from "./DestinationHeading/DestinationHeading.js";
 import { default as default3 } from "./DetailsDisclosure/DetailsDisclosure.js";
@@ -30,7 +31,9 @@ import { Icon } from "./Icon/Icon.js";
 import { IconBackdrop } from "./IconBackdrop/IconBackdrop.js";
 import { IconButton } from "./IconButton/IconButton.js";
 import { Image } from "./Image/Image.js";
+import { Label } from "./Label/Label.js";
 import { default as default6 } from "./Link/Link.js";
+import { ListBoxItem } from "./ListBoxItem/ListBoxItem.js";
 import { default as default7 } from "./LoadingSpinner/LoadingSpinner.js";
 import { Menu } from "./Menu/Menu.js";
 import { NumberField } from "./NumberField/NumberField.js";
@@ -40,6 +43,7 @@ import { Popover } from "./Popover/Popover.js";
 import { PasswordField } from "./PasswordField/PasswordField.js";
 import { Radio } from "./Radio/Radio.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
+import { SearchField } from "./SearchField/SearchField.js";
 import { default as default8 } from "./Section/Section.js";
 import { SelectNative, SelectNative as SelectNative2 } from "./SelectNative/SelectNative.js";
 import { default as default9 } from "./SelectCard/SelectCard.js";
@@ -65,6 +69,7 @@ export {
   Checkbox,
   CheckboxGroup,
   CreditCardNumberField,
+  CreditCardSecurityCodeField,
   DateField,
   DestinationHeading,
   default3 as DetailsDisclosure,
@@ -84,7 +89,9 @@ export {
   IconBackdrop,
   IconButton,
   Image,
+  Label,
   default6 as Link,
+  ListBoxItem,
   default7 as LoadingSpinner,
   Menu,
   NumberField,
@@ -94,6 +101,7 @@ export {
   Popover,
   Radio,
   RadioGroup,
+  SearchField,
   default8 as Section,
   SelectNative as Select,
   default9 as SelectCard,

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

@@ -11,6 +11,7 @@ import { default as default2 } from "./components/CardSection/CardSection.js";
 import { Checkbox } from "./components/Checkbox/Checkbox.js";
 import { CheckboxGroup } from "./components/CheckboxGroup/CheckboxGroup.js";
 import { CreditCardNumberField } from "./components/CreditCardNumberField/CreditCardNumberField.js";
+import { CreditCardSecurityCodeField } from "./components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";
 import { DateField } from "./components/DateField/DateField.js";
 import { DestinationHeading } from "./components/DestinationHeading/DestinationHeading.js";
 import { default as default3 } from "./components/DetailsDisclosure/DetailsDisclosure.js";
@@ -30,7 +31,9 @@ import { Icon } from "./components/Icon/Icon.js";
 import { IconBackdrop } from "./components/IconBackdrop/IconBackdrop.js";
 import { IconButton } from "./components/IconButton/IconButton.js";
 import { Image } from "./components/Image/Image.js";
+import { Label } from "./components/Label/Label.js";
 import { default as default6 } from "./components/Link/Link.js";
+import { ListBoxItem } from "./components/ListBoxItem/ListBoxItem.js";
 import { default as default7 } from "./components/LoadingSpinner/LoadingSpinner.js";
 import { Menu } from "./components/Menu/Menu.js";
 import { NumberField } from "./components/NumberField/NumberField.js";
@@ -40,6 +43,7 @@ import { Popover } from "./components/Popover/Popover.js";
 import { PasswordField } from "./components/PasswordField/PasswordField.js";
 import { Radio } from "./components/Radio/Radio.js";
 import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
+import { SearchField } from "./components/SearchField/SearchField.js";
 import { default as default8 } from "./components/Section/Section.js";
 import { SelectNative, SelectNative as SelectNative2 } from "./components/SelectNative/SelectNative.js";
 import { default as default9 } from "./components/SelectCard/SelectCard.js";
@@ -65,6 +69,7 @@ export {
   Checkbox,
   CheckboxGroup,
   CreditCardNumberField,
+  CreditCardSecurityCodeField,
   DateField,
   DestinationHeading,
   default3 as DetailsDisclosure,
@@ -84,7 +89,9 @@ export {
   IconBackdrop,
   IconButton,
   Image,
+  Label,
   default6 as Link,
+  ListBoxItem,
   default7 as LoadingSpinner,
   Menu,
   NumberField,
@@ -94,6 +101,7 @@ export {
   Popover,
   Radio,
   RadioGroup,
+  SearchField,
   default8 as Section,
   SelectNative as Select,
   default9 as SelectCard,

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/foregroundColour/foregroundColor.d.ts

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

package/dist/utils/foregroundColour/foregroundColor.js

@@ -39,6 +39,7 @@ const foregroundColorVariants = cva("", {
   variants: {
     foregroundColor: {
       default: styles["foregroundColor-primary"],
+      primary: styles["foregroundColor-primary"],
       secondary: styles["foregroundColor-secondary"],
       accentPrimary: styles["foregroundColor-accent-primary"],
       accentSecondary: styles["foregroundColor-accent-secondary"],
@@ -76,6 +77,8 @@ const foregroundColorVariants = cva("", {
   }
 });
 const foregroundColorOptions = [
+  "default",
+  "primary",
   "secondary",
   "accentPrimary",
   "accentSecondary",

package/dist/utils/foregroundColour/foregroundColor.js.map

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

package/dist/utils/stories/iconPropsArgTypes.js

@@ -7,7 +7,7 @@ const iconPropsArgTypes = {
 iconName: string;
 iconPrefix?: 'fas' | 'far' | 'fal' | 'fab' | 'fad' | 'fak';
 iconSize?: | '0.5x' | '0.75x' | '1x' | '1.25x' | '1.5x' | '2x' | '2.5x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
-padding?: 'none' | 'square' | 'circle';
+padding?: 'none' | 'fixedWidth' | 'square' | 'roomy';
 flip?: 'horizontal' | 'vertical' | 'both';
 fixedWidth?: boolean;
 listItem?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",
@@ -48,7 +48,6 @@
     "@commitlint/config-conventional": "^19.6.0",
     "@commitlint/cz-commitlint": "^19.5.0",
     "@eslint/js": "^9.14.0",
-    "@omlet/cli": "^1.6.1",
     "@storybook/addon-a11y": "^8.4.4",
     "@storybook/addon-actions": "^8.4.4",
     "@storybook/addon-essentials": "^8.4.4",
@@ -107,7 +106,7 @@
     "wait-on": "^8.0.1"
   },
   "peerDependencies": {
-    "@alto-avios/alto-tokens": "^3.0.1",
+    "@alto-avios/alto-tokens": "^3.0.2",
     "react": "^18.0.0"
   },
   "main": "dist/index.js",