@alto-avios/alto-ui 2.3.1 → 2.3.3

package/dist/components/Heading/Heading.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { fgColorVariants } from '../../utils/fgColour/fgColor';
 declare const heading: (props?: ({
-    size?: "lg" | "sm" | "xs" | "md" | "xxs" | "xl" | null | undefined;
+    size?: "lg" | "sm" | "xs" | "md" | "xl" | "xxs" | null | undefined;
     textAlign?: "start" | "center" | "end" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type HeadingVariants = VariantProps<typeof heading>;

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Badge } from './Badge';
+export { default as Box } from './Box';
 export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as CardSection } from './CardSection';
@@ -18,6 +19,7 @@ export { default as IconButton } from './IconButton';
 export { default as Link } from './Link';
 export { default as LoadingSpinner } from './LoadingSpinner';
 export { default as NewButton } from './NewButton';
+export { default as Paragraph } from './Paragraph';
 export { default as Radio } from './Radio';
 export { default as RadioGroup } from './RadioGroup';
 export { default as SubHeading } from './SubHeading';

package/dist/components/index.js

@@ -1,5 +1,6 @@
 import '../assets/global.css';/* empty css                 */
 import { Badge } from "./Badge/Badge.js";
+import { Box } from "./Box/Box.js";
 import { Button } from "./Button/Button.js";
 import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
 import { default as default2 } from "./CardSection/CardSection.js";
@@ -19,6 +20,7 @@ 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 { Paragraph } from "./Paragraph/Paragraph.js";
 import { Radio } from "./Radio/Radio.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
 import { SubHeading } from "./SubHeading/SubHeading.js";
@@ -31,6 +33,7 @@ import { default as default7 } from "./ToggleIconButton/ToggleIconButton.js";
 import { Tooltip } from "./Tooltip/Tooltip.js";
 export {
   Badge,
+  Box,
   Button,
   ButtonGroup,
   default2 as CardSection,
@@ -50,6 +53,7 @@ export {
   default4 as Link,
   default5 as LoadingSpinner,
   NewButton,
+  Paragraph,
   Radio,
   RadioGroup,
   SubHeading,

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,5 +1,6 @@
 import './assets/global.css';/* empty css                */
 import { Badge } from "./components/Badge/Badge.js";
+import { Box } from "./components/Box/Box.js";
 import { Button } from "./components/Button/Button.js";
 import { ButtonGroup } from "./components/ButtonGroup/ButtonGroup.js";
 import { default as default2 } from "./components/CardSection/CardSection.js";
@@ -19,6 +20,7 @@ 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 { Paragraph } from "./components/Paragraph/Paragraph.js";
 import { Radio } from "./components/Radio/Radio.js";
 import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
 import { SubHeading } from "./components/SubHeading/SubHeading.js";
@@ -31,6 +33,7 @@ import { default as default7 } from "./components/ToggleIconButton/ToggleIconBut
 import { Tooltip } from "./components/Tooltip/Tooltip.js";
 export {
   Badge,
+  Box,
   Button,
   ButtonGroup,
   default2 as CardSection,
@@ -50,6 +53,7 @@ export {
   default4 as Link,
   default5 as LoadingSpinner,
   NewButton,
+  Paragraph,
   Radio,
   RadioGroup,
   SubHeading,

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputType } from 'storybook/internal/types';
 export declare const backgroundColorVariants: (props?: ({
-    backgroundColour?: "base" | "transparent" | "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;
+    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"][];

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" | "xl" | "circle" | "5xs" | "4xs" | "3xs" | "2xs" | "6xs" | null | undefined;
+    borderRadius?: "lg" | "sm" | "xs" | "none" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "6xs" | "circle" | null | undefined;
     borderWidth?: "lg" | "sm" | "xs" | "none" | "md" | "xl" | null | undefined;
-    borderStyle?: "none" | "dashed" | "solid" | null | undefined;
-    borderColour?: "none" | "white" | "critical" | "warning" | "caution" | "success" | "accent" | "secondary" | "tertiary" | "information" | "inverse" | null | undefined;
+    borderStyle?: "none" | "solid" | "dashed" | null | undefined;
+    borderColour?: "none" | "white" | "critical" | "warning" | "caution" | "success" | "secondary" | "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" | "accentPrimary" | "accentSecondary" | "secondary" | "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?: "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;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type FgColorVariants = VariantProps<typeof fgColorVariants>;

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

@@ -2,11 +2,11 @@ import { VariantProps } from 'class-variance-authority';
 export declare const flexVariants: (props?: ({
     display?: "flex" | "inline-flex" | null | undefined;
     justifyContent?: "start" | "center" | "end" | null | undefined;
-    flexWrap?: "nowrap" | "wrap" | null | undefined;
+    flexWrap?: "wrap" | "nowrap" | null | undefined;
     flexGrow?: 0 | 1 | null | undefined;
     flexShrink?: 0 | 1 | null | undefined;
-    flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
+    flexDirection?: "row" | "row-reverse" | "column" | "column-reverse" | null | undefined;
     alignItems?: "start" | "center" | "end" | null | undefined;
-    gap?: "lg" | "sm" | "xs" | "md" | "xl" | "5xs" | "4xs" | "3xs" | "2xs" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "description": "A react component library for Alto Design System",
   "author": "Ian Caldwell IAGL",
   "license": "MIT",