@alto-avios/alto-ui 2.4.0 → 3.0.0

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,27 +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 default6 } from "./Section/Section.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 default7 } from "./ToggleButton/ToggleButton.js";
-import { default as default8 } 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,
@@ -48,25 +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,
-  default6 as Section,
+  default7 as Section,
   SubHeading,
   Tag,
   TagGroup,
   TextAreaField,
   TextField,
-  default7 as ToggleButton,
-  default8 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,27 +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 default6 } from "./components/Section/Section.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 default7 } from "./components/ToggleButton/ToggleButton.js";
-import { default as default8 } 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,
@@ -48,25 +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,
-  default6 as Section,
+  default7 as Section,
   SubHeading,
   Tag,
   TagGroup,
   TextAreaField,
   TextField,
-  default7 as ToggleButton,
-  default8 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/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>;

package/dist/utils/flex/flex.d.ts

@@ -1,12 +1,12 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const flexVariants: (props?: ({
     display?: "flex" | "inline-flex" | null | undefined;
-    justifyContent?: "start" | "center" | "end" | null | undefined;
+    justifyContent?: "end" | "start" | "center" | null | undefined;
     flexWrap?: "wrap" | "nowrap" | null | undefined;
     flexGrow?: 0 | 1 | null | undefined;
     flexShrink?: 0 | 1 | null | undefined;
     flexDirection?: "row" | "row-reverse" | "column" | "column-reverse" | null | undefined;
-    alignItems?: "start" | "center" | "end" | null | undefined;
+    alignItems?: "end" | "start" | "center" | null | undefined;
     gap?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type FlexVariants = VariantProps<typeof flexVariants>;

package/dist/utils/flex/flex.js

@@ -117,7 +117,9 @@ const flexVariants = cva("", {
     }
   },
   defaultVariants: {
-    display: "flex"
+    display: "flex",
+    alignItems: "start",
+    justifyContent: "start"
   }
 });
 export {

package/dist/utils/flex/flex.js.map

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

package/dist/utils/focus/focusStyles.d.ts

@@ -1,3 +1,3 @@
 export declare const focusStyleVariants: (props?: ({
-    focusStyle?: "default" | "white" | null | undefined;
+    focusStyle?: "white" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/utils/focus/focusStyles.js

@@ -1,6 +1,6 @@
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/focusStyles.css';const defaultFocus = "_defaultFocus_17xw4_1";
-const whiteFocus = "_whiteFocus_17xw4_5";
+import '../../assets/focusStyles.css';const defaultFocus = "_defaultFocus_19nac_1";
+const whiteFocus = "_whiteFocus_19nac_5";
 const styles = {
   defaultFocus,
   whiteFocus

package/dist/utils/forms/formProps.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+export type FormProps = Pick<AriaButtonProps, 'form' | 'formAction' | 'formEncType' | 'formMethod' | 'formNoValidate' | 'formTarget' | 'name' | 'value'>;

package/dist/utils/forms/formProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=formProps.js.map

package/dist/utils/forms/formProps.js.map

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

package/dist/utils/padding/padding.js

@@ -1,74 +1,74 @@
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/padding.css';const padding5xs = "_padding5xs_xkyym_2";
-const padding4xs = "_padding4xs_xkyym_5";
-const padding3xs = "_padding3xs_xkyym_8";
-const padding2xs = "_padding2xs_xkyym_11";
-const paddingXs = "_paddingXs_xkyym_14";
-const paddingSm = "_paddingSm_xkyym_17";
-const paddingMd = "_paddingMd_xkyym_20";
-const paddingLg = "_paddingLg_xkyym_23";
-const paddingXl = "_paddingXl_xkyym_26";
-const padding2xl = "_padding2xl_xkyym_29";
-const padding3xl = "_padding3xl_xkyym_32";
-const padding4xl = "_padding4xl_xkyym_35";
-const padding5xl = "_padding5xl_xkyym_38";
-const padding6xl = "_padding6xl_xkyym_41";
-const paddingTop5xs = "_paddingTop5xs_xkyym_162";
-const paddingTop4xs = "_paddingTop4xs_xkyym_165";
-const paddingTop3xs = "_paddingTop3xs_xkyym_168";
-const paddingTop2xs = "_paddingTop2xs_xkyym_171";
-const paddingTopXs = "_paddingTopXs_xkyym_174";
-const paddingTopSm = "_paddingTopSm_xkyym_177";
-const paddingTopMd = "_paddingTopMd_xkyym_180";
-const paddingTopLg = "_paddingTopLg_xkyym_183";
-const paddingTopXl = "_paddingTopXl_xkyym_186";
-const paddingTop2xl = "_paddingTop2xl_xkyym_189";
-const paddingTop3xl = "_paddingTop3xl_xkyym_192";
-const paddingTop4xl = "_paddingTop4xl_xkyym_195";
-const paddingTop5xl = "_paddingTop5xl_xkyym_198";
-const paddingTop6xl = "_paddingTop6xl_xkyym_201";
-const paddingRight5xs = "_paddingRight5xs_xkyym_206";
-const paddingRight4xs = "_paddingRight4xs_xkyym_209";
-const paddingRight3xs = "_paddingRight3xs_xkyym_212";
-const paddingRight2xs = "_paddingRight2xs_xkyym_215";
-const paddingRightXs = "_paddingRightXs_xkyym_218";
-const paddingRightSm = "_paddingRightSm_xkyym_221";
-const paddingRightMd = "_paddingRightMd_xkyym_224";
-const paddingRightLg = "_paddingRightLg_xkyym_227";
-const paddingRightXl = "_paddingRightXl_xkyym_230";
-const paddingRight2xl = "_paddingRight2xl_xkyym_233";
-const paddingRight3xl = "_paddingRight3xl_xkyym_236";
-const paddingRight4xl = "_paddingRight4xl_xkyym_239";
-const paddingRight5xl = "_paddingRight5xl_xkyym_242";
-const paddingRight6xl = "_paddingRight6xl_xkyym_245";
-const paddingBottom5xs = "_paddingBottom5xs_xkyym_250";
-const paddingBottom4xs = "_paddingBottom4xs_xkyym_253";
-const paddingBottom3xs = "_paddingBottom3xs_xkyym_256";
-const paddingBottom2xs = "_paddingBottom2xs_xkyym_259";
-const paddingBottomXs = "_paddingBottomXs_xkyym_262";
-const paddingBottomSm = "_paddingBottomSm_xkyym_265";
-const paddingBottomMd = "_paddingBottomMd_xkyym_268";
-const paddingBottomLg = "_paddingBottomLg_xkyym_271";
-const paddingBottomXl = "_paddingBottomXl_xkyym_274";
-const paddingBottom2xl = "_paddingBottom2xl_xkyym_277";
-const paddingBottom3xl = "_paddingBottom3xl_xkyym_280";
-const paddingBottom4xl = "_paddingBottom4xl_xkyym_283";
-const paddingBottom5xl = "_paddingBottom5xl_xkyym_286";
-const paddingBottom6xl = "_paddingBottom6xl_xkyym_289";
-const paddingLeft5xs = "_paddingLeft5xs_xkyym_294";
-const paddingLeft4xs = "_paddingLeft4xs_xkyym_297";
-const paddingLeft3xs = "_paddingLeft3xs_xkyym_300";
-const paddingLeft2xs = "_paddingLeft2xs_xkyym_303";
-const paddingLeftXs = "_paddingLeftXs_xkyym_306";
-const paddingLeftSm = "_paddingLeftSm_xkyym_309";
-const paddingLeftMd = "_paddingLeftMd_xkyym_312";
-const paddingLeftLg = "_paddingLeftLg_xkyym_315";
-const paddingLeftXl = "_paddingLeftXl_xkyym_318";
-const paddingLeft2xl = "_paddingLeft2xl_xkyym_321";
-const paddingLeft3xl = "_paddingLeft3xl_xkyym_324";
-const paddingLeft4xl = "_paddingLeft4xl_xkyym_327";
-const paddingLeft5xl = "_paddingLeft5xl_xkyym_330";
-const paddingLeft6xl = "_paddingLeft6xl_xkyym_333";
+import '../../assets/padding.css';const padding5xs = "_padding5xs_16erl_2";
+const padding4xs = "_padding4xs_16erl_5";
+const padding3xs = "_padding3xs_16erl_8";
+const padding2xs = "_padding2xs_16erl_11";
+const paddingXs = "_paddingXs_16erl_14";
+const paddingSm = "_paddingSm_16erl_17";
+const paddingMd = "_paddingMd_16erl_20";
+const paddingLg = "_paddingLg_16erl_23";
+const paddingXl = "_paddingXl_16erl_26";
+const padding2xl = "_padding2xl_16erl_29";
+const padding3xl = "_padding3xl_16erl_32";
+const padding4xl = "_padding4xl_16erl_35";
+const padding5xl = "_padding5xl_16erl_38";
+const padding6xl = "_padding6xl_16erl_41";
+const paddingTop5xs = "_paddingTop5xs_16erl_162";
+const paddingTop4xs = "_paddingTop4xs_16erl_165";
+const paddingTop3xs = "_paddingTop3xs_16erl_168";
+const paddingTop2xs = "_paddingTop2xs_16erl_171";
+const paddingTopXs = "_paddingTopXs_16erl_174";
+const paddingTopSm = "_paddingTopSm_16erl_177";
+const paddingTopMd = "_paddingTopMd_16erl_180";
+const paddingTopLg = "_paddingTopLg_16erl_183";
+const paddingTopXl = "_paddingTopXl_16erl_186";
+const paddingTop2xl = "_paddingTop2xl_16erl_189";
+const paddingTop3xl = "_paddingTop3xl_16erl_192";
+const paddingTop4xl = "_paddingTop4xl_16erl_195";
+const paddingTop5xl = "_paddingTop5xl_16erl_198";
+const paddingTop6xl = "_paddingTop6xl_16erl_201";
+const paddingRight5xs = "_paddingRight5xs_16erl_206";
+const paddingRight4xs = "_paddingRight4xs_16erl_209";
+const paddingRight3xs = "_paddingRight3xs_16erl_212";
+const paddingRight2xs = "_paddingRight2xs_16erl_215";
+const paddingRightXs = "_paddingRightXs_16erl_218";
+const paddingRightSm = "_paddingRightSm_16erl_221";
+const paddingRightMd = "_paddingRightMd_16erl_224";
+const paddingRightLg = "_paddingRightLg_16erl_227";
+const paddingRightXl = "_paddingRightXl_16erl_230";
+const paddingRight2xl = "_paddingRight2xl_16erl_233";
+const paddingRight3xl = "_paddingRight3xl_16erl_236";
+const paddingRight4xl = "_paddingRight4xl_16erl_239";
+const paddingRight5xl = "_paddingRight5xl_16erl_242";
+const paddingRight6xl = "_paddingRight6xl_16erl_245";
+const paddingBottom5xs = "_paddingBottom5xs_16erl_250";
+const paddingBottom4xs = "_paddingBottom4xs_16erl_253";
+const paddingBottom3xs = "_paddingBottom3xs_16erl_256";
+const paddingBottom2xs = "_paddingBottom2xs_16erl_259";
+const paddingBottomXs = "_paddingBottomXs_16erl_262";
+const paddingBottomSm = "_paddingBottomSm_16erl_265";
+const paddingBottomMd = "_paddingBottomMd_16erl_268";
+const paddingBottomLg = "_paddingBottomLg_16erl_271";
+const paddingBottomXl = "_paddingBottomXl_16erl_274";
+const paddingBottom2xl = "_paddingBottom2xl_16erl_277";
+const paddingBottom3xl = "_paddingBottom3xl_16erl_280";
+const paddingBottom4xl = "_paddingBottom4xl_16erl_283";
+const paddingBottom5xl = "_paddingBottom5xl_16erl_286";
+const paddingBottom6xl = "_paddingBottom6xl_16erl_289";
+const paddingLeft5xs = "_paddingLeft5xs_16erl_294";
+const paddingLeft4xs = "_paddingLeft4xs_16erl_297";
+const paddingLeft3xs = "_paddingLeft3xs_16erl_300";
+const paddingLeft2xs = "_paddingLeft2xs_16erl_303";
+const paddingLeftXs = "_paddingLeftXs_16erl_306";
+const paddingLeftSm = "_paddingLeftSm_16erl_309";
+const paddingLeftMd = "_paddingLeftMd_16erl_312";
+const paddingLeftLg = "_paddingLeftLg_16erl_315";
+const paddingLeftXl = "_paddingLeftXl_16erl_318";
+const paddingLeft2xl = "_paddingLeft2xl_16erl_321";
+const paddingLeft3xl = "_paddingLeft3xl_16erl_324";
+const paddingLeft4xl = "_paddingLeft4xl_16erl_327";
+const paddingLeft5xl = "_paddingLeft5xl_16erl_330";
+const paddingLeft6xl = "_paddingLeft6xl_16erl_333";
 const styles = {
   padding5xs,
   padding4xs,
@@ -84,34 +84,34 @@ const styles = {
   padding4xl,
   padding5xl,
   padding6xl,
-  "paddingX-5xs": "_paddingX-5xs_xkyym_46",
-  "paddingX-4xs": "_paddingX-4xs_xkyym_50",
-  "paddingX-3xs": "_paddingX-3xs_xkyym_54",
-  "paddingX-2xs": "_paddingX-2xs_xkyym_58",
-  "paddingX-xs": "_paddingX-xs_xkyym_62",
-  "paddingX-sm": "_paddingX-sm_xkyym_66",
-  "paddingX-md": "_paddingX-md_xkyym_70",
-  "paddingX-lg": "_paddingX-lg_xkyym_74",
-  "paddingX-xl": "_paddingX-xl_xkyym_78",
-  "paddingX-2xl": "_paddingX-2xl_xkyym_82",
-  "paddingX-3xl": "_paddingX-3xl_xkyym_86",
-  "paddingX-4xl": "_paddingX-4xl_xkyym_90",
-  "paddingX-5xl": "_paddingX-5xl_xkyym_94",
-  "paddingX-6xl": "_paddingX-6xl_xkyym_98",
-  "paddingY-5xs": "_paddingY-5xs_xkyym_104",
-  "paddingY-4xs": "_paddingY-4xs_xkyym_108",
-  "paddingY-3xs": "_paddingY-3xs_xkyym_112",
-  "paddingY-2xs": "_paddingY-2xs_xkyym_116",
-  "paddingY-xs": "_paddingY-xs_xkyym_120",
-  "paddingY-sm": "_paddingY-sm_xkyym_124",
-  "paddingY-md": "_paddingY-md_xkyym_128",
-  "paddingY-lg": "_paddingY-lg_xkyym_132",
-  "paddingY-xl": "_paddingY-xl_xkyym_136",
-  "paddingY-2xl": "_paddingY-2xl_xkyym_140",
-  "paddingY-3xl": "_paddingY-3xl_xkyym_144",
-  "paddingY-4xl": "_paddingY-4xl_xkyym_148",
-  "paddingY-5xl": "_paddingY-5xl_xkyym_152",
-  "paddingY-6xl": "_paddingY-6xl_xkyym_156",
+  "paddingX-5xs": "_paddingX-5xs_16erl_46",
+  "paddingX-4xs": "_paddingX-4xs_16erl_50",
+  "paddingX-3xs": "_paddingX-3xs_16erl_54",
+  "paddingX-2xs": "_paddingX-2xs_16erl_58",
+  "paddingX-xs": "_paddingX-xs_16erl_62",
+  "paddingX-sm": "_paddingX-sm_16erl_66",
+  "paddingX-md": "_paddingX-md_16erl_70",
+  "paddingX-lg": "_paddingX-lg_16erl_74",
+  "paddingX-xl": "_paddingX-xl_16erl_78",
+  "paddingX-2xl": "_paddingX-2xl_16erl_82",
+  "paddingX-3xl": "_paddingX-3xl_16erl_86",
+  "paddingX-4xl": "_paddingX-4xl_16erl_90",
+  "paddingX-5xl": "_paddingX-5xl_16erl_94",
+  "paddingX-6xl": "_paddingX-6xl_16erl_98",
+  "paddingY-5xs": "_paddingY-5xs_16erl_104",
+  "paddingY-4xs": "_paddingY-4xs_16erl_108",
+  "paddingY-3xs": "_paddingY-3xs_16erl_112",
+  "paddingY-2xs": "_paddingY-2xs_16erl_116",
+  "paddingY-xs": "_paddingY-xs_16erl_120",
+  "paddingY-sm": "_paddingY-sm_16erl_124",
+  "paddingY-md": "_paddingY-md_16erl_128",
+  "paddingY-lg": "_paddingY-lg_16erl_132",
+  "paddingY-xl": "_paddingY-xl_16erl_136",
+  "paddingY-2xl": "_paddingY-2xl_16erl_140",
+  "paddingY-3xl": "_paddingY-3xl_16erl_144",
+  "paddingY-4xl": "_paddingY-4xl_16erl_148",
+  "paddingY-5xl": "_paddingY-5xl_16erl_152",
+  "paddingY-6xl": "_paddingY-6xl_16erl_156",
   paddingTop5xs,
   paddingTop4xs,
   paddingTop3xs,

package/dist/utils/stories/iconPropsArgTypes.js

@@ -2,19 +2,20 @@ const iconPropsArgTypes = {
   table: {
     type: {
       summary: "Icon Props",
-      detail: `{
-        iconName: string;
-        iconPrefix?: 'fas' | 'far' | 'fal' | 'fab' | 'fad';
-        iconSize?: 'lg' | 'sm' | '1x' | 'xs' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
-        flip?: 'horizontal' | 'vertical' | 'both';
-        fixedWidth?: boolean;
-        listItem?: boolean;
-        border?: boolean;
-        rotation?: 90 | 180 | 270;
-        pull?: 'left' | 'right';
-        ariaLabel?: string;
-        className?: string;
-      }`
+      detail: `
+{
+  iconName: string;
+  iconPrefix?: 'fas' | 'far' | 'fal' | 'fab' | 'fad';
+  iconSize?: 'lg' | 'sm' | '1x' | 'xs' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
+  flip?: 'horizontal' | 'vertical' | 'both';
+  fixedWidth?: boolean;
+  listItem?: boolean;
+  border?: boolean;
+  rotation?: 90 | 180 | 270;
+  pull?: 'left' | 'right';
+  ariaLabel?: string;
+  className?: string;
+}`
     }
   }
 };

package/dist/utils/stories/iconPropsArgTypes.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "2.4.0",
+  "version": "3.0.0",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",
@@ -8,7 +8,7 @@
   },
   "contributors": [
     {
-      "name": "Gup Badyal IAGL",
+      "name": "Gup Badyal IAGL ",
       "email": "gurpreet.badyal@avios.com"
     },
     {
@@ -20,37 +20,47 @@
   "type": "module",
   "scripts": {
     "test": "jest",
+    "test-a11y": "test-storybook",
     "clean-dist": "rimraf dist",
     "vite": "npm run clean-dist && tsc --p ./tsconfig.build.json && vite build",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build",
     "lint": "eslint",
     "lint:fix": "eslint --fix && npx prettier . --write --ignore-unknown",
+    "commit": "cz",
     "pre-commit": "lint-staged",
     "prepare": "husky",
-    "generate": "plop"
+    "generate": "plop",
+    "release": "standard-version",
+    "release:minor": "standard-version --release-as minor",
+    "release:patch": "standard-version --release-as patch",
+    "release:major": "standard-version --release-as major"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.0",
-    "react-aria-components": "^1.4.0",
+    "react-aria-components": "^1.5.0",
     "ts-node": "^10.9.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.4.0",
+    "@commitlint/cli": "^19.6.0",
+    "@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.1.9",
-    "@storybook/addon-actions": "^8.1.9",
-    "@storybook/addon-essentials": "^8.1.9",
-    "@storybook/addon-interactions": "^8.1.9",
-    "@storybook/addon-links": "^8.1.9",
-    "@storybook/addon-onboarding": "^8.1.9",
-    "@storybook/addon-themes": "^8.1.9",
+    "@storybook/addon-a11y": "^8.4.4",
+    "@storybook/addon-actions": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.4",
+    "@storybook/addon-interactions": "^8.4.4",
+    "@storybook/addon-links": "^8.4.4",
+    "@storybook/addon-onboarding": "^8.4.4",
+    "@storybook/addon-themes": "^8.4.4",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.1.9",
-    "@storybook/react-webpack5": "^8.1.9",
-    "@storybook/test": "^8.1.9",
+    "@storybook/blocks": "^8.4.4",
+    "@storybook/react": "^8.4.4",
+    "@storybook/react-webpack5": "^8.4.4",
+    "@storybook/test": "^8.4.4",
+    "@storybook/test-runner": "^0.19.1",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
@@ -60,6 +70,8 @@
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
+    "axe-playwright": "^2.0.3",
+    "commitizen": "^4.3.1",
     "cssnano": "^7.0.4",
     "eslint": "^9.14.0",
     "eslint-config-prettier": "^9.1.0",
@@ -80,7 +92,8 @@
     "react-dom": "^18.3.1",
     "react-remove-attr": "^0.0.6",
     "rimraf": "^6.0.1",
-    "storybook": "^8.1.9",
+    "standard-version": "^9.5.0",
+    "storybook": "^8.4.4",
     "terser": "^5.31.3",
     "ts-jest": "^29.2.5",
     "tslib": "^2.6.2",
@@ -89,10 +102,11 @@
     "vite": "^5.3.5",
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "^4.0.0-beta.2",
-    "vite-plugin-lib-inject-css": "^2.1.1"
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "wait-on": "^8.0.1"
   },
   "peerDependencies": {
-    "@alto-avios/alto-tokens": "^2.3.0",
+    "@alto-avios/alto-tokens": "^3.0.1",
     "react": "^18.0.0"
   },
   "main": "dist/index.js",
@@ -114,5 +128,10 @@
       "eslint --fix",
       "jest --bail --findRelatedTests --verbose --passWithNoTests"
     ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "@commitlint/cz-commitlint"
+    }
   }
-}
+}