@alto-avios/alto-ui 2.4.0 → 3.1.0

package/dist/react-number-format.es-DMLgWFZX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-number-format.es-DMLgWFZX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/backgroundColor/backgroundColor.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputType } from 'storybook/internal/types';
+export declare const backgroundColorVariants: (props?: ({
+    backgroundColor?: "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 backgroundColorOptions: BackgroundVariants['backgroundColor'][];
+export declare const backgroundColorArgTypes: Record<string, InputType>;

package/dist/utils/backgroundColor/backgroundColor.js

@@ -0,0 +1,102 @@
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import '../../assets/backgroundColor.css';const styles = {
+  "backgroundColor-transparent": "_backgroundColor-transparent_it5xu_1",
+  "backgroundColor-base": "_backgroundColor-base_it5xu_5",
+  "backgroundColor-layer1": "_backgroundColor-layer1_it5xu_9",
+  "backgroundColor-layer2": "_backgroundColor-layer2_it5xu_13",
+  "backgroundColor-layer3": "_backgroundColor-layer3_it5xu_17",
+  "backgroundColor-accent-vibrant": "_backgroundColor-accent-vibrant_it5xu_21",
+  "backgroundColor-accent-subtle": "_backgroundColor-accent-subtle_it5xu_25",
+  "backgroundColor-accent-deep": "_backgroundColor-accent-deep_it5xu_29",
+  "backgroundColor-critical-vibrant": "_backgroundColor-critical-vibrant_it5xu_33",
+  "backgroundColor-critical-subtle": "_backgroundColor-critical-subtle_it5xu_37",
+  "backgroundColor-warning-vibrant": "_backgroundColor-warning-vibrant_it5xu_41",
+  "backgroundColor-warning-subtle": "_backgroundColor-warning-subtle_it5xu_45",
+  "backgroundColor-caution-vibrant": "_backgroundColor-caution-vibrant_it5xu_49",
+  "backgroundColor-caution-subtle": "_backgroundColor-caution-subtle_it5xu_53",
+  "backgroundColor-success-vibrant": "_backgroundColor-success-vibrant_it5xu_57",
+  "backgroundColor-success-subtle": "_backgroundColor-success-subtle_it5xu_61",
+  "backgroundColor-information-vibrant": "_backgroundColor-information-vibrant_it5xu_65",
+  "backgroundColor-information-subtle": "_backgroundColor-information-subtle_it5xu_69",
+  "backgroundColor-inverse-vibrant": "_backgroundColor-inverse-vibrant_it5xu_73",
+  "backgroundColor-inverse-subtle": "_backgroundColor-inverse-subtle_it5xu_77",
+  "backgroundColor-white-vibrant": "_backgroundColor-white-vibrant_it5xu_81",
+  "backgroundColor-white-subtle": "_backgroundColor-white-subtle_it5xu_85",
+  "backgroundColor-disabled-vibrant": "_backgroundColor-disabled-vibrant_it5xu_89",
+  "backgroundColor-disabled-subtle": "_backgroundColor-disabled-subtle_it5xu_93",
+  "backgroundColor-sale-vibrant": "_backgroundColor-sale-vibrant_it5xu_97"
+};
+const backgroundColorVariants = cva("", {
+  variants: {
+    backgroundColor: {
+      transparent: styles["backgroundColor-transparent"],
+      base: styles["backgroundColor-base"],
+      layer1: styles["backgroundColor-layer1"],
+      layer2: styles["backgroundColor-layer2"],
+      layer3: styles["backgroundColor-layer3"],
+      accentVibrant: styles["backgroundColor-accent-vibrant"],
+      accentSubtle: styles["backgroundColor-accent-subtle"],
+      accentDeep: styles["backgroundColor-accent-deep"],
+      criticalVibrant: styles["backgroundColor-critical-vibrant"],
+      criticalSubtle: styles["backgroundColor-critical-subtle"],
+      warningVibrant: styles["backgroundColor-warning-vibrant"],
+      warningSubtle: styles["backgroundColor-warning-subtle"],
+      cautionVibrant: styles["backgroundColor-caution-vibrant"],
+      cautionSubtle: styles["backgroundColor-caution-subtle"],
+      successVibrant: styles["backgroundColor-success-vibrant"],
+      successSubtle: styles["backgroundColor-success-subtle"],
+      informationVibrant: styles["backgroundColor-information-vibrant"],
+      informationSubtle: styles["backgroundColor-information-subtle"],
+      inverseVibrant: styles["backgroundColor-inverse-vibrant"],
+      inverseSubtle: styles["backgroundColor-inverse-subtle"],
+      whiteVibrant: styles["backgroundColor-white-vibrant"],
+      whiteSubtle: styles["backgroundColor-white-subtle"],
+      disabledVibrant: styles["backgroundColor-disabled-vibrant"],
+      disabledSubtle: styles["backgroundColor-disabled-subtle"],
+      saleVibrant: styles["backgroundColor-sale-vibrant"]
+    }
+  },
+  defaultVariants: {
+    backgroundColor: "transparent"
+  }
+});
+const backgroundColorOptions = [
+  "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"
+];
+const backgroundColorArgTypes = {
+  backgroundColor: {
+    control: "select",
+    options: backgroundColorOptions,
+    defaultValue: "transparent"
+  }
+};
+export {
+  backgroundColorArgTypes,
+  backgroundColorOptions,
+  backgroundColorVariants
+};
+//# sourceMappingURL=backgroundColor.js.map

package/dist/utils/backgroundColor/backgroundColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backgroundColor.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" | "2xs" | "xl" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | "circle" | null | undefined;
+    borderWidth?: "none" | "lg" | "sm" | "xs" | "xl" | "md" | 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/creditCard/creditCard.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Default card icon detection.
+ * Detects the card type based on the BIN (Bank Identification Number)
+ * Reference: https://fontawesome.com/search?q=credit%20card&o=r&ip=brands
+ * Returns the corresponding icon name.
+ */
+export declare const getCardIcon: (value?: number | string | null) => string;

package/dist/utils/creditCard/creditCard.js

@@ -0,0 +1,25 @@
+const getCardIcon = (value) => {
+  const cleanValue = String(value || "").replace(/\D/g, "");
+  if (/^(4026|417500|4508|4844|491(3|7))/.test(cleanValue)) {
+    return "cc-visa";
+  } else if (cleanValue.startsWith("4")) {
+    return "cc-visa";
+  } else if (/^(5[1-5]|2(22[1-9]|2[3-9]|[3-6]|7[0-1]|720))/.test(cleanValue)) {
+    return "cc-mastercard";
+  } else if (/^3[47]/.test(cleanValue)) {
+    return "cc-amex";
+  } else if (/^(6011|622(12[6-9]|1[3-9]|[2-8]|9[0-1]|92[0-5])|64[4-9]|65)/.test(
+    cleanValue
+  )) {
+    return "cc-discover";
+  } else if (/^(36|30[0-5])/.test(cleanValue)) {
+    return "cc-diners-club";
+  } else if (/^35(2[89]|[3-8])/.test(cleanValue)) {
+    return "cc-jcb";
+  }
+  return "credit-card";
+};
+export {
+  getCardIcon
+};
+//# sourceMappingURL=creditCard.js.map

package/dist/utils/creditCard/creditCard.js.map

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

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" | "spaceBetween" | "spaceAround" | "spaceEvenly" | 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;
-    gap?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    alignItems?: "end" | "start" | "center" | "stretch" | null | undefined;
+    gap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "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

@@ -1,42 +1,49 @@
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/flex.css';const flex = "_flex_1ug5y_1";
-const flexInline = "_flexInline_1ug5y_5";
-const flexJustifyContentStart = "_flexJustifyContentStart_1ug5y_9";
-const flexJustifyContentCenter = "_flexJustifyContentCenter_1ug5y_13";
-const flexJustifyContentEnd = "_flexJustifyContentEnd_1ug5y_17";
-const flexWrapWrap = "_flexWrapWrap_1ug5y_21";
-const flexWrapNowrap = "_flexWrapNowrap_1ug5y_25";
-const flexGrow1 = "_flexGrow1_1ug5y_29";
-const flexGrow0 = "_flexGrow0_1ug5y_33";
-const flexShrink1 = "_flexShrink1_1ug5y_37";
-const flexShrink0 = "_flexShrink0_1ug5y_41";
-const flexDirectionRow = "_flexDirectionRow_1ug5y_45";
-const flexDirectionRowReverse = "_flexDirectionRowReverse_1ug5y_49";
-const flexDirectionColumn = "_flexDirectionColumn_1ug5y_53";
-const flexDirectionColumnReverse = "_flexDirectionColumnReverse_1ug5y_57";
-const flexAlignItemsStart = "_flexAlignItemsStart_1ug5y_61";
-const flexAlignItemsCenter = "_flexAlignItemsCenter_1ug5y_65";
-const flexAlignItemsEnd = "_flexAlignItemsEnd_1ug5y_69";
-const flexGap5xs = "_flexGap5xs_1ug5y_73";
-const flexGap4xs = "_flexGap4xs_1ug5y_77";
-const flexGap3xs = "_flexGap3xs_1ug5y_81";
-const flexGap2xs = "_flexGap2xs_1ug5y_85";
-const flexGapXs = "_flexGapXs_1ug5y_89";
-const flexGapSm = "_flexGapSm_1ug5y_93";
-const flexGapMd = "_flexGapMd_1ug5y_97";
-const flexGapLg = "_flexGapLg_1ug5y_101";
-const flexGapXl = "_flexGapXl_1ug5y_105";
-const flexGap2xl = "_flexGap2xl_1ug5y_109";
-const flexGap3xl = "_flexGap3xl_1ug5y_113";
-const flexGap4xl = "_flexGap4xl_1ug5y_117";
-const flexGap5xl = "_flexGap5xl_1ug5y_121";
-const flexGap6xl = "_flexGap6xl_1ug5y_125";
+import '../../assets/flex.css';const flex = "_flex_12kod_1";
+const flexInline = "_flexInline_12kod_5";
+const flexJustifyContentStart = "_flexJustifyContentStart_12kod_9";
+const flexJustifyContentCenter = "_flexJustifyContentCenter_12kod_13";
+const flexJustifyContentEnd = "_flexJustifyContentEnd_12kod_17";
+const flexJustifyContentSpaceBetween = "_flexJustifyContentSpaceBetween_12kod_21";
+const flexJustifyContentSpaceAround = "_flexJustifyContentSpaceAround_12kod_25";
+const flexJustifyContentSpaceEvenly = "_flexJustifyContentSpaceEvenly_12kod_29";
+const flexWrapWrap = "_flexWrapWrap_12kod_33";
+const flexWrapNowrap = "_flexWrapNowrap_12kod_37";
+const flexGrow1 = "_flexGrow1_12kod_41";
+const flexGrow0 = "_flexGrow0_12kod_45";
+const flexShrink1 = "_flexShrink1_12kod_49";
+const flexShrink0 = "_flexShrink0_12kod_53";
+const flexDirectionRow = "_flexDirectionRow_12kod_57";
+const flexDirectionRowReverse = "_flexDirectionRowReverse_12kod_61";
+const flexDirectionColumn = "_flexDirectionColumn_12kod_65";
+const flexDirectionColumnReverse = "_flexDirectionColumnReverse_12kod_69";
+const flexAlignItemsStart = "_flexAlignItemsStart_12kod_73";
+const flexAlignItemsCenter = "_flexAlignItemsCenter_12kod_77";
+const flexAlignItemsEnd = "_flexAlignItemsEnd_12kod_81";
+const flexAlignItemsStretch = "_flexAlignItemsStretch_12kod_85";
+const flexGap5xs = "_flexGap5xs_12kod_89";
+const flexGap4xs = "_flexGap4xs_12kod_93";
+const flexGap3xs = "_flexGap3xs_12kod_97";
+const flexGap2xs = "_flexGap2xs_12kod_101";
+const flexGapXs = "_flexGapXs_12kod_105";
+const flexGapSm = "_flexGapSm_12kod_109";
+const flexGapMd = "_flexGapMd_12kod_113";
+const flexGapLg = "_flexGapLg_12kod_117";
+const flexGapXl = "_flexGapXl_12kod_121";
+const flexGap2xl = "_flexGap2xl_12kod_125";
+const flexGap3xl = "_flexGap3xl_12kod_129";
+const flexGap4xl = "_flexGap4xl_12kod_133";
+const flexGap5xl = "_flexGap5xl_12kod_137";
+const flexGap6xl = "_flexGap6xl_12kod_141";
 const styles = {
   flex,
   flexInline,
   flexJustifyContentStart,
   flexJustifyContentCenter,
   flexJustifyContentEnd,
+  flexJustifyContentSpaceBetween,
+  flexJustifyContentSpaceAround,
+  flexJustifyContentSpaceEvenly,
   flexWrapWrap,
   flexWrapNowrap,
   flexGrow1,
@@ -50,6 +57,7 @@ const styles = {
   flexAlignItemsStart,
   flexAlignItemsCenter,
   flexAlignItemsEnd,
+  flexAlignItemsStretch,
   flexGap5xs,
   flexGap4xs,
   flexGap3xs,
@@ -74,7 +82,10 @@ const flexVariants = cva("", {
     justifyContent: {
       start: styles["flexJustifyContentStart"],
       center: styles["flexJustifyContentCenter"],
-      end: styles["flexJustifyContentEnd"]
+      end: styles["flexJustifyContentEnd"],
+      spaceBetween: styles["flexJustifyContentSpaceBetween"],
+      spaceAround: styles["flexJustifyContentSpaceAround"],
+      spaceEvenly: styles["flexJustifyContentSpaceEvenly"]
     },
     flexWrap: {
       wrap: styles["flexWrapWrap"],
@@ -97,7 +108,8 @@ const flexVariants = cva("", {
     alignItems: {
       start: styles["flexAlignItemsStart"],
       center: styles["flexAlignItemsCenter"],
-      end: styles["flexAlignItemsEnd"]
+      end: styles["flexAlignItemsEnd"],
+      stretch: styles["flexAlignItemsStretch"]
     },
     gap: {
       "5xs": styles["flexGap5xs"],
@@ -117,7 +129,9 @@ const flexVariants = cva("", {
     }
   },
   defaultVariants: {
-    display: "flex"
+    display: "flex",
+    alignItems: "stretch",
+    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/foregroundColour/foregroundColor.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputType } from 'storybook/internal/types';
+export declare const foregroundColorVariants: (props?: ({
+    foregroundColor?: "secondary" | "default" | "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'][];
+export declare const foregroundColorArgTypes: Record<string, InputType>;

package/dist/utils/foregroundColour/foregroundColor.js

@@ -0,0 +1,125 @@
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import '../../assets/foregroundColor.css';const styles = {
+  "foregroundColor-primary": "_foregroundColor-primary_6k06r_1",
+  "foregroundColor-secondary": "_foregroundColor-secondary_6k06r_5",
+  "foregroundColor-accent-primary": "_foregroundColor-accent-primary_6k06r_9",
+  "foregroundColor-accent-secondary": "_foregroundColor-accent-secondary_6k06r_13",
+  "foregroundColor-accent-on-vibrant": "_foregroundColor-accent-on-vibrant_6k06r_17",
+  "foregroundColor-accent-on-vibrant-accent": "_foregroundColor-accent-on-vibrant-accent_6k06r_21",
+  "foregroundColor-accent-on-subtle": "_foregroundColor-accent-on-subtle_6k06r_25",
+  "foregroundColor-accent-on-deep": "_foregroundColor-accent-on-deep_6k06r_29",
+  "foregroundColor-critical-primary": "_foregroundColor-critical-primary_6k06r_33",
+  "foregroundColor-critical-on-vibrant": "_foregroundColor-critical-on-vibrant_6k06r_37",
+  "foregroundColor-critical-on-subtle": "_foregroundColor-critical-on-subtle_6k06r_41",
+  "foregroundColor-warning-primary": "_foregroundColor-warning-primary_6k06r_45",
+  "foregroundColor-warning-on-vibrant": "_foregroundColor-warning-on-vibrant_6k06r_49",
+  "foregroundColor-warning-on-subtle": "_foregroundColor-warning-on-subtle_6k06r_53",
+  "foregroundColor-caution-primary": "_foregroundColor-caution-primary_6k06r_57",
+  "foregroundColor-caution-on-vibrant": "_foregroundColor-caution-on-vibrant_6k06r_61",
+  "foregroundColor-caution-on-subtle": "_foregroundColor-caution-on-subtle_6k06r_65",
+  "foregroundColor-success-primary": "_foregroundColor-success-primary_6k06r_69",
+  "foregroundColor-success-on-vibrant": "_foregroundColor-success-on-vibrant_6k06r_73",
+  "foregroundColor-success-on-subtle": "_foregroundColor-success-on-subtle_6k06r_77",
+  "foregroundColor-information-primary": "_foregroundColor-information-primary_6k06r_81",
+  "foregroundColor-information-on-vibrant": "_foregroundColor-information-on-vibrant_6k06r_85",
+  "foregroundColor-information-on-subtle": "_foregroundColor-information-on-subtle_6k06r_89",
+  "foregroundColor-inverse-primary": "_foregroundColor-inverse-primary_6k06r_93",
+  "foregroundColor-inverse-on-vibrant": "_foregroundColor-inverse-on-vibrant_6k06r_97",
+  "foregroundColor-inverse-on-subtle": "_foregroundColor-inverse-on-subtle_6k06r_101",
+  "foregroundColor-white-primary": "_foregroundColor-white-primary_6k06r_105",
+  "foregroundColor-white-on-vibrant": "_foregroundColor-white-on-vibrant_6k06r_109",
+  "foregroundColor-white-on-subtle": "_foregroundColor-white-on-subtle_6k06r_113",
+  "foregroundColor-disabled-primary": "_foregroundColor-disabled-primary_6k06r_117",
+  "foregroundColor-disabled-on-vibrant": "_foregroundColor-disabled-on-vibrant_6k06r_121",
+  "foregroundColor-disabled-on-subtle": "_foregroundColor-disabled-on-subtle_6k06r_125",
+  "foregroundColor-sale-primary": "_foregroundColor-sale-primary_6k06r_129",
+  "foregroundColor-sale-on-vibrant": "_foregroundColor-sale-on-vibrant_6k06r_133"
+};
+const foregroundColorVariants = cva("", {
+  variants: {
+    foregroundColor: {
+      default: styles["foregroundColor-primary"],
+      secondary: styles["foregroundColor-secondary"],
+      accentPrimary: styles["foregroundColor-accent-primary"],
+      accentSecondary: styles["foregroundColor-accent-secondary"],
+      accentOnVibrant: styles["foregroundColor-accent-on-vibrant"],
+      accentOnVibrantAccent: styles["foregroundColor-accent-on-vibrant-accent"],
+      accentOnSubtle: styles["foregroundColor-accent-on-subtle"],
+      accentOnDeep: styles["foregroundColor-accent-on-deep"],
+      criticalPrimary: styles["foregroundColor-critical-primary"],
+      criticalOnVibrant: styles["foregroundColor-critical-on-vibrant"],
+      criticalOnSubtle: styles["foregroundColor-critical-on-subtle"],
+      warningPrimary: styles["foregroundColor-warning-primary"],
+      warningOnVibrant: styles["foregroundColor-warning-on-vibrant"],
+      warningOnSubtle: styles["foregroundColor-warning-on-subtle"],
+      cautionPrimary: styles["foregroundColor-caution-primary"],
+      cautionOnVibrant: styles["foregroundColor-caution-on-vibrant"],
+      cautionOnSubtle: styles["foregroundColor-caution-on-subtle"],
+      successPrimary: styles["foregroundColor-success-primary"],
+      successOnVibrant: styles["foregroundColor-success-on-vibrant"],
+      successOnSubtle: styles["foregroundColor-success-on-subtle"],
+      informationPrimary: styles["foregroundColor-information-primary"],
+      informationOnVibrant: styles["foregroundColor-information-on-vibrant"],
+      informationOnSubtle: styles["foregroundColor-information-on-subtle"],
+      inversePrimary: styles["foregroundColor-inverse-primary"],
+      inverseOnVibrant: styles["foregroundColor-inverse-on-vibrant"],
+      inverseOnSubtle: styles["foregroundColor-inverse-on-subtle"],
+      whitePrimary: styles["foregroundColor-white-primary"],
+      whiteOnVibrant: styles["foregroundColor-white-on-vibrant"],
+      whiteOnSubtle: styles["foregroundColor-white-on-subtle"],
+      disabledPrimary: styles["foregroundColor-disabled-primary"],
+      disabledOnVibrant: styles["foregroundColor-disabled-on-vibrant"],
+      disabledOnSubtle: styles["foregroundColor-disabled-on-subtle"],
+      salePrimary: styles["foregroundColor-sale-primary"],
+      saleOnVibrant: styles["foregroundColor-sale-on-vibrant"]
+    }
+  }
+});
+const foregroundColorOptions = [
+  "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"
+];
+const foregroundColorArgTypes = {
+  foregroundColor: {
+    control: "select",
+    options: foregroundColorOptions,
+    defaultValue: "transparent"
+  }
+};
+export {
+  foregroundColorArgTypes,
+  foregroundColorOptions,
+  foregroundColorVariants
+};
+//# sourceMappingURL=foregroundColor.js.map

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

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

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

@@ -1,13 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputType } from 'storybook/internal/types';
 export declare const paddingVariants: (props?: ({
-    padding?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingX?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingY?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingTop?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingRight?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingBottom?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingLeft?: "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    padding?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingX?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingY?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingTop?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingRight?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingBottom?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingLeft?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type PaddingVariants = VariantProps<typeof paddingVariants>;
 export declare const paddingArgTypes: Record<string, InputType>;