@alto-avios/alto-ui 3.0.0 → 3.2.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?: "none" | "lg" | "sm" | "xs" | "md" | "5xs" | "4xs" | "3xs" | "2xs" | "xl" | "6xs" | "circle" | null | undefined;
-    borderWidth?: "none" | "lg" | "sm" | "xs" | "md" | "xl" | null | undefined;
+    borderRadius?: "none" | "lg" | "sm" | "xs" | "2xs" | "xl" | "circle" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | null | undefined;
+    borderWidth?: "none" | "lg" | "sm" | "xs" | "xl" | "md" | null | undefined;
     borderStyle?: "none" | "solid" | "dashed" | null | undefined;
-    borderColour?: "secondary" | "white" | "none" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
+    borderColour?: "secondary" | "none" | "white" | "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,17 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const flexVariants: (props?: ({
     display?: "flex" | "inline-flex" | null | undefined;
-    justifyContent?: "end" | "start" | "center" | null | undefined;
-    flexWrap?: "wrap" | "nowrap" | null | undefined;
-    flexGrow?: 0 | 1 | null | undefined;
-    flexShrink?: 0 | 1 | null | undefined;
+    alignItems?: "center" | "end" | "start" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "selfCenter" | null | undefined;
+    justifyContent?: "left" | "right" | "center" | "end" | "inherit" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "revert" | "revertLayer" | "unset" | null | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+    flexGrow?: 0 | 1 | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | null | undefined;
+    flexShrink?: 0 | 1 | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | null | undefined;
     flexDirection?: "row" | "row-reverse" | "column" | "column-reverse" | 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;
+    alignSelf?: "center" | "end" | "auto" | "baseline" | "inherit" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "normal" | "revert" | "revertLayer" | "unset" | null | undefined;
+    alignContent?: "center" | "end" | "baseline" | "inherit" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "revert" | "revertLayer" | "unset" | "firstBaseline" | "lastBaseline" | "safeCenter" | "unsafeCenter" | null | undefined;
+    flexBasis?: "inherit" | "initial" | "content" | "revert" | "revertLayer" | "unset" | "maxContent" | "minContent" | "fitContent" | null | undefined;
+    gap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    rowGap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    columnGap?: "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>;