@alto-avios/alto-ui 2.3.3 → 2.4.0

package/dist/utils/padding/padding.js

@@ -1,82 +1,307 @@
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/padding.css';const paddingLg = "_paddingLg_bawps_1";
-const paddingMd = "_paddingMd_bawps_5";
-const paddingSm = "_paddingSm_bawps_9";
-const paddingTopLg = "_paddingTopLg_bawps_43";
-const paddingTopMd = "_paddingTopMd_bawps_47";
-const paddingTopSm = "_paddingTopSm_bawps_51";
-const paddingRightLg = "_paddingRightLg_bawps_55";
-const paddingRightMd = "_paddingRightMd_bawps_59";
-const paddingRightSm = "_paddingRightSm_bawps_63";
-const paddingBottomLg = "_paddingBottomLg_bawps_67";
-const paddingBottomMd = "_paddingBottomMd_bawps_71";
-const paddingBottomSm = "_paddingBottomSm_bawps_75";
-const paddingLeftLg = "_paddingLeftLg_bawps_79";
-const paddingLeftMd = "_paddingLeftMd_bawps_83";
-const paddingLeftSm = "_paddingLeftSm_bawps_87";
+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";
 const styles = {
-  paddingLg,
-  paddingMd,
+  padding5xs,
+  padding4xs,
+  padding3xs,
+  padding2xs,
+  paddingXs,
   paddingSm,
-  "paddingX-lg": "_paddingX-lg_bawps_13",
-  "paddingX-md": "_paddingX-md_bawps_18",
-  "paddingX-sm": "_paddingX-sm_bawps_23",
-  "paddingY-lg": "_paddingY-lg_bawps_28",
-  "paddingY-md": "_paddingY-md_bawps_33",
-  "paddingY-sm": "_paddingY-sm_bawps_38",
-  paddingTopLg,
-  paddingTopMd,
+  paddingMd,
+  paddingLg,
+  paddingXl,
+  padding2xl,
+  padding3xl,
+  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",
+  paddingTop5xs,
+  paddingTop4xs,
+  paddingTop3xs,
+  paddingTop2xs,
+  paddingTopXs,
   paddingTopSm,
-  paddingRightLg,
-  paddingRightMd,
+  paddingTopMd,
+  paddingTopLg,
+  paddingTopXl,
+  paddingTop2xl,
+  paddingTop3xl,
+  paddingTop4xl,
+  paddingTop5xl,
+  paddingTop6xl,
+  paddingRight5xs,
+  paddingRight4xs,
+  paddingRight3xs,
+  paddingRight2xs,
+  paddingRightXs,
   paddingRightSm,
-  paddingBottomLg,
-  paddingBottomMd,
+  paddingRightMd,
+  paddingRightLg,
+  paddingRightXl,
+  paddingRight2xl,
+  paddingRight3xl,
+  paddingRight4xl,
+  paddingRight5xl,
+  paddingRight6xl,
+  paddingBottom5xs,
+  paddingBottom4xs,
+  paddingBottom3xs,
+  paddingBottom2xs,
+  paddingBottomXs,
   paddingBottomSm,
-  paddingLeftLg,
+  paddingBottomMd,
+  paddingBottomLg,
+  paddingBottomXl,
+  paddingBottom2xl,
+  paddingBottom3xl,
+  paddingBottom4xl,
+  paddingBottom5xl,
+  paddingBottom6xl,
+  paddingLeft5xs,
+  paddingLeft4xs,
+  paddingLeft3xs,
+  paddingLeft2xs,
+  paddingLeftXs,
+  paddingLeftSm,
   paddingLeftMd,
-  paddingLeftSm
+  paddingLeftLg,
+  paddingLeftXl,
+  paddingLeft2xl,
+  paddingLeft3xl,
+  paddingLeft4xl,
+  paddingLeft5xl,
+  paddingLeft6xl
 };
 const paddingControl = {
   control: "select",
-  options: [null, "lg", "md", "sm"]
+  options: [
+    null,
+    "5xs",
+    "4xs",
+    "3xs",
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "6xl"
+  ]
 };
 const paddingVariants = cva("", {
   variants: {
     padding: {
-      lg: styles["paddingLg"],
+      "5xs": styles["padding5xs"],
+      "4xs": styles["padding4xs"],
+      "3xs": styles["padding3xs"],
+      "2xs": styles["padding2xs"],
+      xs: styles["paddingXs"],
+      sm: styles["paddingSm"],
       md: styles["paddingMd"],
-      sm: styles["paddingSm"]
+      lg: styles["paddingLg"],
+      xl: styles["paddingXl"],
+      "2xl": styles["padding2xl"],
+      "3xl": styles["padding3xl"],
+      "4xl": styles["padding4xl"],
+      "5xl": styles["padding5xl"],
+      "6xl": styles["padding6xl"]
     },
     paddingX: {
-      lg: styles["paddingX-lg"],
+      "5xs": styles["paddingX-5xs"],
+      "4xs": styles["paddingX-4xs"],
+      "3xs": styles["paddingX-3xs"],
+      "2xs": styles["paddingX-2xs"],
+      xs: styles["paddingX-xs"],
+      sm: styles["paddingX-sm"],
       md: styles["paddingX-md"],
-      sm: styles["paddingX-sm"]
+      lg: styles["paddingX-lg"],
+      xl: styles["paddingX-xl"],
+      "2xl": styles["paddingX-2xl"],
+      "3xl": styles["paddingX-3xl"],
+      "4xl": styles["paddingX-4xl"],
+      "5xl": styles["paddingX-5xl"],
+      "6xl": styles["paddingX-6xl"]
     },
     paddingY: {
-      lg: styles["paddingY-lg"],
+      "5xs": styles["paddingY-5xs"],
+      "4xs": styles["paddingY-4xs"],
+      "3xs": styles["paddingY-3xs"],
+      "2xs": styles["paddingY-2xs"],
+      xs: styles["paddingY-xs"],
+      sm: styles["paddingY-sm"],
       md: styles["paddingY-md"],
-      sm: styles["paddingY-sm"]
+      lg: styles["paddingY-lg"],
+      xl: styles["paddingY-xl"],
+      "2xl": styles["paddingY-2xl"],
+      "3xl": styles["paddingY-3xl"],
+      "4xl": styles["paddingY-4xl"],
+      "5xl": styles["paddingY-5xl"],
+      "6xl": styles["paddingY-6xl"]
     },
     paddingTop: {
-      lg: styles["paddingTopLg"],
+      "5xs": styles["paddingTop5xs"],
+      "4xs": styles["paddingTop4xs"],
+      "3xs": styles["paddingTop3xs"],
+      "2xs": styles["paddingTop2xs"],
+      xs: styles["paddingTopXs"],
+      sm: styles["paddingTopSm"],
       md: styles["paddingTopMd"],
-      sm: styles["paddingTopSm"]
+      lg: styles["paddingTopLg"],
+      xl: styles["paddingTopXl"],
+      "2xl": styles["paddingTop2xl"],
+      "3xl": styles["paddingTop3xl"],
+      "4xl": styles["paddingTop4xl"],
+      "5xl": styles["paddingTop5xl"],
+      "6xl": styles["paddingTop6xl"]
     },
     paddingRight: {
-      lg: styles["paddingRightLg"],
+      "5xs": styles["paddingRight5xs"],
+      "4xs": styles["paddingRight4xs"],
+      "3xs": styles["paddingRight3xs"],
+      "2xs": styles["paddingRight2xs"],
+      xs: styles["paddingRightXs"],
+      sm: styles["paddingRightSm"],
       md: styles["paddingRightMd"],
-      sm: styles["paddingRightSm"]
+      lg: styles["paddingRightLg"],
+      xl: styles["paddingRightXl"],
+      "2xl": styles["paddingRight2xl"],
+      "3xl": styles["paddingRight3xl"],
+      "4xl": styles["paddingRight4xl"],
+      "5xl": styles["paddingRight5xl"],
+      "6xl": styles["paddingRight6xl"]
     },
     paddingBottom: {
-      lg: styles["paddingBottomLg"],
+      "5xs": styles["paddingBottom5xs"],
+      "4xs": styles["paddingBottom4xs"],
+      "3xs": styles["paddingBottom3xs"],
+      "2xs": styles["paddingBottom2xs"],
+      xs: styles["paddingBottomXs"],
+      sm: styles["paddingBottomSm"],
       md: styles["paddingBottomMd"],
-      sm: styles["paddingBottomSm"]
+      lg: styles["paddingBottomLg"],
+      xl: styles["paddingBottomXl"],
+      "2xl": styles["paddingBottom2xl"],
+      "3xl": styles["paddingBottom3xl"],
+      "4xl": styles["paddingBottom4xl"],
+      "5xl": styles["paddingBottom5xl"],
+      "6xl": styles["paddingBottom6xl"]
     },
     paddingLeft: {
-      lg: styles["paddingLeftLg"],
+      "5xs": styles["paddingLeft5xs"],
+      "4xs": styles["paddingLeft4xs"],
+      "3xs": styles["paddingLeft3xs"],
+      "2xs": styles["paddingLeft2xs"],
+      xs: styles["paddingLeftXs"],
+      sm: styles["paddingLeftSm"],
       md: styles["paddingLeftMd"],
-      sm: styles["paddingLeftSm"]
+      lg: styles["paddingLeftLg"],
+      xl: styles["paddingLeftXl"],
+      "2xl": styles["paddingLeft2xl"],
+      "3xl": styles["paddingLeft3xl"],
+      "4xl": styles["paddingLeft4xl"],
+      "5xl": styles["paddingLeft5xl"],
+      "6xl": styles["paddingLeft6xl"]
     }
   }
 });

package/dist/utils/padding/padding.js.map

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

package/dist/utils/spaceToken/spaceToken.d.ts

@@ -0,0 +1,3 @@
+export declare const SPACE_TOKENS: readonly ["default", "5xs", "4xs", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export type SpaceToken = (typeof SPACE_TOKENS)[number];
+export declare const getSpaceValue: (token: SpaceToken) => string;

package/dist/utils/spaceToken/spaceToken.js

@@ -0,0 +1,25 @@
+const SPACE_TOKENS = [
+  "default",
+  "5xs",
+  "4xs",
+  "3xs",
+  "2xs",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl"
+];
+const getSpaceValue = (token) => {
+  return token === "default" ? "var(--alto-grid-gutter-default)" : `var(--alto-sem-space-${token})`;
+};
+export {
+  SPACE_TOKENS,
+  getSpaceValue
+};
+//# sourceMappingURL=spaceToken.js.map

package/dist/utils/spaceToken/spaceToken.js.map

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

package/package.json

@@ -1,8 +1,21 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "2.3.3",
+  "version": "2.4.0",
   "description": "A react component library for Alto Design System",
-  "author": "Ian Caldwell IAGL",
+  "author": {
+    "name": "Ian Caldwell IAGL",
+    "email": "ian.1.caldwell@avios.com"
+  },
+  "contributors": [
+    {
+      "name": "Gup Badyal IAGL",
+      "email": "gurpreet.badyal@avios.com"
+    },
+    {
+      "name": "Antonio Santos IAGL",
+      "email": "antonio.santos@avios.com"
+    }
+  ],
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -10,7 +23,12 @@
     "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"
+    "build:storybook": "storybook build",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix && npx prettier . --write --ignore-unknown",
+    "pre-commit": "lint-staged",
+    "prepare": "husky",
+    "generate": "plop"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.0",
@@ -19,8 +37,10 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.4.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",
@@ -41,21 +61,31 @@
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
     "cssnano": "^7.0.4",
+    "eslint": "^9.14.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.2",
     "glob": "^11.0.0",
+    "globals": "^15.12.0",
+    "husky": "^9.1.6",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-sonar": "^0.2.16",
+    "lint-staged": "^15.2.10",
+    "plop": "^4.0.1",
     "postcss": "^8.4.40",
+    "prettier": "3.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-remove-attr": "^0.0.6",
     "rimraf": "^6.0.1",
     "storybook": "^8.1.9",
     "terser": "^5.31.3",
-    "ts-jest": "^29.2.4",
+    "ts-jest": "^29.2.5",
     "tslib": "^2.6.2",
     "typescript": "^5.4.5",
+    "typescript-eslint": "^8.14.0",
     "vite": "^5.3.5",
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "^4.0.0-beta.2",
@@ -77,5 +107,12 @@
   "sideEffects": [
     "*.css"
   ],
-  "types": "dist/index.d.ts"
-}
+  "types": "dist/index.d.ts",
+  "lint-staged": {
+    "src/**/*": "prettier --write --ignore-unknown",
+    "src/**/*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "jest --bail --findRelatedTests --verbose --passWithNoTests"
+    ]
+  }
+}